/* Start:/bitrix/templates/new_index/css/owl.carousel.css?16637668215135*/ /* * 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 { -webkit-transition: height 500ms ease-in-out; -moz-transition: height 500ms ease-in-out; -ms-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out; } /* * Core Owl Carousel CSS File */ .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-controls .owl-nav .owl-prev, .owl-carousel .owl-controls .owl-nav .owl-next, .owl-carousel .owl-controls .owl-dot { cursor: pointer; cursor: hand; display: block !important; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-carousel .owl-controls .owl-nav .owl-prev, .owl-carousel .owl-controls .owl-nav .owl-next{ position: absolute; top: 50%; margin-top: -16px; outline: 0; width: 23px; height: 38px; text-indent: -9999px; z-index: 9999; transition: 0.3s; } .owl-carousel { width: 1152px; margin: 80px auto 0; } .owl-carousel .owl-controls .owl-nav .owl-next{ margin-right: -70px; right: 0; background: url("/bitrix/templates/new_index/css/../img/next.png")no-repeat; } .owl-carousel .owl-controls .owl-nav .owl-prev{ left: 0; background: url("/bitrix/templates/new_index/css/../img/prev.png")no-repeat; margin-left: -70px; } .owl-carousel.owl-loaded { display: block; } .owl-carousel.owl-loading { opacity: 1; display: block; } .owl-carousel.owl-hidden { opacity: 0; } .owl-carousel .owl-refresh .owl-item { display: none; } .owl-carousel .owl-item { position: relative; min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-carousel .owl-item img { display: block; } .owl-carousel.owl-text-select-on .owl-item { -webkit-user-select: auto; -moz-user-select: auto; -ms-user-select: auto; user-select: auto; } .owl-carousel .owl-grab { cursor: move; cursor: -webkit-grab; cursor: -o-grab; cursor: -ms-grab; cursor: grab; } .owl-carousel.owl-rtl { direction: rtl; } .owl-carousel.owl-rtl .owl-item { float: right; } /* No Js */ .no-js .owl-carousel { display: block; } /* * Owl Carousel - Lazy Load Plugin */ .owl-carousel .owl-item .owl-lazy { opacity: 0; -webkit-transition: opacity 400ms ease; -moz-transition: opacity 400ms ease; -ms-transition: opacity 400ms ease; -o-transition: opacity 400ms ease; transition: opacity 400ms ease; } .owl-carousel .owl-item img { } /* * 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("/bitrix/templates/new_index/css/owl.video.play.png") no-repeat; cursor: pointer; z-index: 1; -webkit-backface-visibility: hidden; -webkit-transition: scale 100ms ease; -moz-transition: scale 100ms ease; -ms-transition: scale 100ms ease; -o-transition: scale 100ms ease; transition: scale 100ms ease; } .owl-carousel .owl-video-play-icon:hover { -webkit-transition: scale(1.3, 1.3); -moz-transition: scale(1.3, 1.3); -ms-transition: scale(1.3, 1.3); -o-transition: scale(1.3, 1.3); transition: scale(1.3, 1.3); } .owl-carousel .owl-video-playing .owl-video-tn, .owl-carousel .owl-video-playing .owl-video-play-icon { display: none; } .owl-carousel .owl-video-tn { opacity: 0; height: 100%; background-position: center center; background-repeat: no-repeat; -webkit-background-size: contain; -moz-background-size: contain; -o-background-size: contain; background-size: contain; -webkit-transition: opacity 400ms ease; -moz-transition: opacity 400ms ease; -ms-transition: opacity 400ms ease; -o-transition: opacity 400ms ease; transition: opacity 400ms ease; } .owl-carousel .owl-video-frame { position: relative; z-index: 1; } /* End */ /* Start:/bitrix/templates/new_index/css/slick.css?16637668211767*/ /* Slider */ .slick-slider { position: relative; display: block; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; top: 0; left: 0; display: block; } .slick-track:before, .slick-track:after { display: table; content: ''; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; float: left; height: 100%; min-height: 1px; } [dir='rtl'] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } /* End */ /* Start:/css/slick.css?16951218965168*/ .slick-slider{position:relative;display:block;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:0}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.slick-track{position:relative;top:0;left:0;display:block}.slick-track:before,.slick-track:after{display:table;content:""}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir='rtl'] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block;position:relative}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent} @charset "UTF-8"; .slick-loading .slick-list{background:#fff url("/img/ajax-loader.gif") center center no-repeat} @font-face{font-family:"slick";font-weight:normal;font-style:normal;src:url("/img/slick.eot");src:url("/img/slick.eot?#iefix") format("embedded-opentype"),url("/img/slick.woff") format("woff"),url("/img/slick.ttf") format("truetype"),url("/img/slick.svg#slick") format("svg")} .slick-prev,.slick-next{ font-size:0; line-height:0;position:absolute;top:48%;display:block;z-index:3;width:24px;height:28px;margin-top:-10px;padding:0;cursor:pointer;color:transparent;border:0;outline:0; /* background:url("http://www.demis.ru/assets/img/sliderButton.png") */ } .slick-prev{ background: url(/bitrix/templates/elsnab3/css/images/controls.png) no-repeat; outline: 0; background-position: 0px -32px; width: 32px; height: 32px; opacity:0.4; right: -21px !important; } .slick-prev:hover{background-position: 0 0px !important;} .slick-next{ background: url(/bitrix/templates/elsnab3/css/images/controls.png) no-repeat; outline: 0; background-position: -43px -32px; width: 32px; height: 32px; opacity:0.4; right: -22px !important; } .slick-slide:focus{ outline: none !important; } .center-block { display: block; margin-left: auto; margin-right: auto; } .img-responsive, .thumbnail>img, .thumbnail a>img, .carousel-inner>.item>img, .carousel-inner>.item>a>img { display: block; max-width: 100%; height: auto; } .slick-next:hover{background-position: -43px 0px !important;} /*.slick-prev:hover,.slick-prev:focus,.slick-next:hover,.slick-next:focus{opacity:0.5px; color:transparent;outline:0;background:url("http://www.demis.ru/assets/img/sliderButton.png") }*/ .slick-prev:hover:before,.slick-prev:focus:before,.slick-next:hover:before,.slick-next:focus:before{opacity:1} .slick-prev.slick-disabled:before,.slick-next.slick-disabled:before{opacity:.25} .slick-prev:before,.slick-next:before{font-family:"slick";font-size:20px;line-height:1;z-index:2;opacity:.75;color:white;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale} .slick-prev{left:-20px;/* background-position:0 1px; */background-repeat:no-repeat}[dir='rtl'] .slick-prev{right:-25px;left:auto}[dir='rtl'] .slick-prev:before{content:"в†’"} .slick-prev,.slick-prev:focus,.slick-prev:active,.slick-prev:hover,.slick-next,.slick-next:focus,.slick-next:active,.slick-next:hover{background-color:transparent} .slick-prev,.slick-prev:focus,.slick-prev:active,.slick-prev:hover{/* right:-14px;background:url("http://www.demis.ru/assets/img/sliderButton.png") 0 1px no-repeat */} /* .slick-next,.slick-next:focus,.slick-next:active,.slick-next:hover{right:-4px;background:url("http://www.demis.ru/assets/img/sliderButton.png") -30px 1px no-repeat} */ .top-slider .slick-next{right:-8px}[dir='rtl'] .slick-next{right:auto;left:-25px}[dir='rtl'] .slick-next:before{content:"в†ђ"}.slick-slider{margin-bottom:8px}.slick-dots{position:absolute;bottom:-25px;margin:0;display:block;width:100%;padding:0;list-style:none;text-align:center}.slick-dots li{position:relative;display:inline-block;width:20px;height:20px;margin:0 5px;padding:0;cursor:pointer}.slick-dots li button{font-size:0;line-height:0;display:block;width:20px;height:20px;padding:5px;cursor:pointer;color:transparent;border:0;outline:0;background:transparent}.slick-dots li button:hover,.slick-dots li button:focus{outline:0}.slick-dots li button:hover:before,.slick-dots li button:focus:before{opacity:1}.slick-dots li button:before{color:#fff;opacity:1;text-shadow:0 0 3px #000;content:"•";font-family:"slick";font-size:28px;height:20px;left:0;line-height:20px;position:absolute;text-align:center;top:0;width:20px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.slick-dots li.slick-active button:before{color:#444;text-shadow:0 0 3px #fff;opacity:1} /* End */ /* Start:/css/jquery-ui.css?166376664636028*/ /*! jQuery UI - v1.12.1 - 2016-09-14 * http://jqueryui.com * Includes: core.css, accordion.css, autocomplete.css, menu.css, button.css, controlgroup.css, checkboxradio.css, datepicker.css, dialog.css, draggable.css, resizable.css, progressbar.css, selectable.css, selectmenu.css, slider.css, sortable.css, spinner.css, tabs.css, tooltip.css, theme.css * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Arial%2CHelvetica%2Csans-serif&fsDefault=1em&fwDefault=normal&cornerRadius=3px&bgColorHeader=e9e9e9&bgTextureHeader=flat&borderColorHeader=dddddd&fcHeader=333333&iconColorHeader=444444&bgColorContent=ffffff&bgTextureContent=flat&borderColorContent=dddddd&fcContent=333333&iconColorContent=444444&bgColorDefault=f6f6f6&bgTextureDefault=flat&borderColorDefault=c5c5c5&fcDefault=454545&iconColorDefault=777777&bgColorHover=ededed&bgTextureHover=flat&borderColorHover=cccccc&fcHover=2b2b2b&iconColorHover=555555&bgColorActive=007fff&bgTextureActive=flat&borderColorActive=003eff&fcActive=ffffff&iconColorActive=ffffff&bgColorHighlight=fffa90&bgTextureHighlight=flat&borderColorHighlight=dad55e&fcHighlight=777620&iconColorHighlight=777620&bgColorError=fddfdf&bgTextureError=flat&borderColorError=f1a899&fcError=5f3f3f&iconColorError=cc0000&bgColorOverlay=aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=666666&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=5px&offsetTopShadow=0px&offsetLeftShadow=0px&cornerRadiusShadow=8px * Copyright jQuery Foundation and other contributors; Licensed MIT */ /* Layout helpers ----------------------------------*/ .ui-helper-hidden { display: none; } .ui-helper-hidden-accessible { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; } .ui-helper-clearfix:before, .ui-helper-clearfix:after { content: ""; display: table; border-collapse: collapse; } .ui-helper-clearfix:after { clear: both; } .ui-helper-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; pointer-events: none; } /* Icons ----------------------------------*/ .ui-icon { display: inline-block; vertical-align: middle; margin-top: -.25em; position: relative; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; } .ui-widget-icon-block { left: 50%; margin-left: -8px; display: block; } /* Misc visuals ----------------------------------*/ /* Overlays */ .ui-widget-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; } .ui-accordion .ui-accordion-header { display: block; cursor: pointer; position: relative; margin: 2px 0 0 0; padding: .5em .5em .5em .7em; font-size: 100%; } .ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; overflow: auto; } .ui-autocomplete { position: absolute; top: 0; left: 0; cursor: default; } .ui-menu { list-style: none; padding: 0; margin: 0; display: block; outline: 0; } .ui-menu .ui-menu { position: absolute; } .ui-menu .ui-menu-item { margin: 0; cursor: pointer; /* support: IE10, see #8844 */ list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"); } .ui-menu .ui-menu-item-wrapper { position: relative; padding: 3px 1em 3px .4em; } .ui-menu .ui-menu-divider { margin: 5px 0; height: 0; font-size: 0; line-height: 0; border-width: 1px 0 0 0; } .ui-menu .ui-state-focus, .ui-menu .ui-state-active { margin: -1px; } /* icon support */ .ui-menu-icons { position: relative; } .ui-menu-icons .ui-menu-item-wrapper { padding-left: 2em; } /* left-aligned */ .ui-menu .ui-icon { position: absolute; top: 0; bottom: 0; left: .2em; margin: auto 0; } /* right-aligned */ .ui-menu .ui-menu-icon { left: auto; right: 0; } .ui-button { padding: .4em 1em; display: inline-block; position: relative; line-height: normal; margin-right: .1em; cursor: pointer; vertical-align: middle; text-align: center; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; /* Support: IE <= 11 */ overflow: visible; } .ui-button, .ui-button:link, .ui-button:visited, .ui-button:hover, .ui-button:active { text-decoration: none; } /* to make room for the icon, a width needs to be set here */ .ui-button-icon-only { width: 2em; box-sizing: border-box; text-indent: -9999px; white-space: nowrap; } /* no icon support for input elements */ input.ui-button.ui-button-icon-only { text-indent: 0; } /* button icon element(s) */ .ui-button-icon-only .ui-icon { position: absolute; top: 50%; left: 50%; margin-top: -8px; margin-left: -8px; } .ui-button.ui-icon-notext .ui-icon { padding: 0; width: 2.1em; height: 2.1em; text-indent: -9999px; white-space: nowrap; } input.ui-button.ui-icon-notext .ui-icon { width: auto; height: auto; text-indent: 0; white-space: normal; padding: .4em 1em; } /* workarounds */ /* Support: Firefox 5 - 40 */ input.ui-button::-moz-focus-inner, button.ui-button::-moz-focus-inner { border: 0; padding: 0; } .ui-controlgroup { vertical-align: middle; display: inline-block; } .ui-controlgroup > .ui-controlgroup-item { float: left; margin-left: 0; margin-right: 0; } .ui-controlgroup > .ui-controlgroup-item:focus, .ui-controlgroup > .ui-controlgroup-item.ui-visual-focus { z-index: 9999; } .ui-controlgroup-vertical > .ui-controlgroup-item { display: block; float: none; width: 100%; margin-top: 0; margin-bottom: 0; text-align: left; } .ui-controlgroup-vertical .ui-controlgroup-item { box-sizing: border-box; } .ui-controlgroup .ui-controlgroup-label { padding: .4em 1em; } .ui-controlgroup .ui-controlgroup-label span { font-size: 80%; } .ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item { border-left: none; } .ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item { border-top: none; } .ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content { border-right: none; } .ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content { border-bottom: none; } /* Spinner specific style fixes */ .ui-controlgroup-vertical .ui-spinner-input { /* Support: IE8 only, Android < 4.4 only */ width: 75%; width: calc( 100% - 2.4em ); } .ui-controlgroup-vertical .ui-spinner .ui-spinner-up { border-top-style: solid; } .ui-checkboxradio-label .ui-icon-background { box-shadow: inset 1px 1px 1px #ccc; border-radius: .12em; border: none; } .ui-checkboxradio-radio-label .ui-icon-background { width: 16px; height: 16px; border-radius: 1em; overflow: visible; border: none; } .ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon, .ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon { background-image: none; width: 8px; height: 8px; border-width: 4px; border-style: solid; } .ui-checkboxradio-disabled { pointer-events: none; } .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; } /* Icons */ .ui-datepicker .ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; left: .5em; top: .3em; } .ui-dialog { position: absolute; top: 0; left: 0; padding: .2em; outline: 0; } .ui-dialog .ui-dialog-titlebar { padding: .4em 1em; position: relative; } .ui-dialog .ui-dialog-title { float: left; margin: .1em 0; white-space: nowrap; width: 90%; overflow: hidden; text-overflow: ellipsis; } .ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 20px; margin: -10px 0 0 0; padding: 1px; height: 20px; } .ui-dialog .ui-dialog-content { position: relative; border: 0; padding: .5em 1em; background: none; overflow: auto; } .ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin-top: .5em; padding: .3em 1em .5em .4em; } .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: right; } .ui-dialog .ui-dialog-buttonpane button { margin: .5em .4em .5em 0; cursor: pointer; } .ui-dialog .ui-resizable-n { height: 2px; top: 0; } .ui-dialog .ui-resizable-e { width: 2px; right: 0; } .ui-dialog .ui-resizable-s { height: 2px; bottom: 0; } .ui-dialog .ui-resizable-w { width: 2px; left: 0; } .ui-dialog .ui-resizable-se, .ui-dialog .ui-resizable-sw, .ui-dialog .ui-resizable-ne, .ui-dialog .ui-resizable-nw { width: 7px; height: 7px; } .ui-dialog .ui-resizable-se { right: 0; bottom: 0; } .ui-dialog .ui-resizable-sw { left: 0; bottom: 0; } .ui-dialog .ui-resizable-ne { right: 0; top: 0; } .ui-dialog .ui-resizable-nw { left: 0; top: 0; } .ui-draggable .ui-dialog-titlebar { cursor: move; } .ui-draggable-handle { -ms-touch-action: none; touch-action: none; } .ui-resizable { position: relative; } .ui-resizable-handle { position: absolute; font-size: 0.1px; display: block; -ms-touch-action: none; touch-action: none; } .ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; } .ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0; } .ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0; } .ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100%; } .ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100%; } .ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; } .ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; } .ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; } .ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px; } .ui-progressbar { height: 2em; text-align: left; overflow: hidden; } .ui-progressbar .ui-progressbar-value { margin: -1px; height: 100%; } .ui-progressbar .ui-progressbar-overlay { background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw=="); height: 100%; filter: alpha(opacity=25); /* support: IE8 */ opacity: 0.25; } .ui-progressbar-indeterminate .ui-progressbar-value { background-image: none; } .ui-selectable { -ms-touch-action: none; touch-action: none; } .ui-selectable-helper { position: absolute; z-index: 100; border: 1px dotted black; } .ui-selectmenu-menu { padding: 0; margin: 0; position: absolute; top: 0; left: 0; display: none; } .ui-selectmenu-menu .ui-menu { overflow: auto; overflow-x: hidden; padding-bottom: 1px; } .ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup { font-size: 1em; font-weight: bold; line-height: 1.5; padding: 2px 0.4em; margin: 0.5em 0 0 0; height: auto; border: 0; } .ui-selectmenu-open { display: block; } .ui-selectmenu-text { display: block; margin-right: 20px; overflow: hidden; text-overflow: ellipsis; } .ui-selectmenu-button.ui-button { text-align: left; white-space: nowrap; width: 14em; } .ui-selectmenu-icon.ui-icon { float: right; margin-top: 0; } .ui-slider { position: relative; text-align: left; } .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; -ms-touch-action: none; touch-action: none; } .ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; } /* support: IE8 - See #6727 */ .ui-slider.ui-state-disabled .ui-slider-handle, .ui-slider.ui-state-disabled .ui-slider-range { filter: inherit; } .ui-slider-horizontal { height: .8em; } .ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; } .ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; } .ui-slider-horizontal .ui-slider-range-min { left: 0; } .ui-slider-horizontal .ui-slider-range-max { right: 0; } .ui-slider-vertical { width: .8em; height: 100px; } .ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; } .ui-slider-vertical .ui-slider-range { left: 0; width: 100%; } .ui-slider-vertical .ui-slider-range-min { bottom: 0; } .ui-slider-vertical .ui-slider-range-max { top: 0; } .ui-sortable-handle { -ms-touch-action: none; touch-action: none; } .ui-spinner { position: relative; display: inline-block; overflow: hidden; padding: 0; vertical-align: middle; } .ui-spinner-input { border: none; background: none; color: inherit; padding: .222em 0; margin: .2em 0; vertical-align: middle; margin-left: .4em; margin-right: 2em; } .ui-spinner-button { width: 1.6em; height: 50%; font-size: .5em; padding: 0; margin: 0; text-align: center; position: absolute; cursor: default; display: block; overflow: hidden; right: 0; } /* more specificity required here to override default borders */ .ui-spinner a.ui-spinner-button { border-top-style: none; border-bottom-style: none; border-right-style: none; } .ui-spinner-up { top: 0; } .ui-spinner-down { bottom: 0; } .ui-tabs { position: relative;/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */ padding: .2em; } .ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0; } .ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 0; margin: 1px .2em 0 0; border-bottom-width: 0; padding: 0; white-space: nowrap; } .ui-tabs .ui-tabs-nav .ui-tabs-anchor { float: left; padding: .5em 1em; text-decoration: none; } .ui-tabs .ui-tabs-nav li.ui-tabs-active { margin-bottom: -1px; padding-bottom: 1px; } .ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor { cursor: text; } .ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor { cursor: pointer; } .ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 1em 1.4em; background: none; } .ui-tooltip { padding: 8px; position: absolute; z-index: 9999; max-width: 200px; } body .ui-tooltip { border-width: 2px; font-size: 14px !important; text-align: center; } /* Component containers ----------------------------------*/ .ui-widget { font-family: Arial,Helvetica,sans-serif; font-size: 1em; } .ui-widget .ui-widget { font-size: 1em; } .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Arial,Helvetica,sans-serif; font-size: 1em; } .ui-widget.ui-widget-content { border: 0px solid #c5c5c5; } .ui-widget-content { border: 1px solid #dddddd; background: #ffffff; color: #333333; } .ui-widget-content a { color: #333333; } .ui-widget-header { border: 1px solid #dddddd; background: #e9e9e9; color: #333333; font-weight: bold; } .ui-widget-header a { color: #333333; } /* Interaction states ----------------------------------*/ .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, /* We use html here because we need a greater specificity to make sure disabled works properly when clicked or hovered */ html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active { border: 1px solid #c5c5c5; background: #f6f6f6; font-weight: normal; color: #454545; } .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited, a.ui-button, a:link.ui-button, a:visited.ui-button, .ui-button { color: #454545; 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, .ui-button:hover, .ui-button:focus { border: 1px solid #cccccc; background: #ededed; font-weight: normal; color: #2b2b2b; } .ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited, .ui-state-focus a, .ui-state-focus a:hover, .ui-state-focus a:link, .ui-state-focus a:visited, a.ui-button:hover, a.ui-button:focus { color: #2b2b2b; text-decoration: none; } .ui-visual-focus { box-shadow: 0 0 3px 1px rgb(94, 158, 214); } .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover { border: 1px solid #003eff; background: #007fff; font-weight: normal; color: #ffffff; } .ui-icon-background, .ui-state-active .ui-icon-background { border: #003eff; background-color: #ffffff; } .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #ffffff; text-decoration: none; } /* Interaction Cues ----------------------------------*/ .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight { border: 1px solid #dad55e; background: #fffa90; color: #777620; } .ui-state-checked { border: 1px solid #dad55e; background: #fffa90; } .ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a { color: #777620; } .ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error { border: 1px solid #f1a899; background: #fddfdf; color: #5f3f3f; } .ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #5f3f3f; } .ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #5f3f3f; } .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("/css/images/ui-icons_444444_256x240.png"); } .ui-widget-header .ui-icon { background-image: url("/css/images/ui-icons_444444_256x240.png"); } .ui-state-hover .ui-icon, .ui-state-focus .ui-icon, .ui-button:hover .ui-icon, .ui-button:focus .ui-icon { background-image: url("/css/images/ui-icons_555555_256x240.png"); } .ui-state-active .ui-icon, .ui-button:active .ui-icon { background-image: url("/css/images/ui-icons_ffffff_256x240.png"); } .ui-state-highlight .ui-icon, .ui-button .ui-state-highlight.ui-icon { background-image: url("/css/images/ui-icons_777620_256x240.png"); } .ui-state-error .ui-icon, .ui-state-error-text .ui-icon { background-image: url("/css/images/ui-icons_cc0000_256x240.png"); } .ui-button .ui-icon { background-image: url("/css/images/ui-icons_777777_256x240.png"); } /* positioning */ .ui-icon-blank { background-position: 16px 16px; } .ui-icon-caret-1-n { background-position: 0 0; } .ui-icon-caret-1-ne { background-position: -16px 0; } .ui-icon-caret-1-e { background-position: -32px 0; } .ui-icon-caret-1-se { background-position: -48px 0; } .ui-icon-caret-1-s { background-position: -65px 0; } .ui-icon-caret-1-sw { background-position: -80px 0; } .ui-icon-caret-1-w { background-position: -96px 0; } .ui-icon-caret-1-nw { background-position: -112px 0; } .ui-icon-caret-2-n-s { background-position: -128px 0; } .ui-icon-caret-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: -65px -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: -65px -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: 1px -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: 0px; } .ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { border-top-right-radius: 0px; } .ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { border-bottom-left-radius: 0px; } .ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { border-bottom-right-radius: 0px; } /* Overlays */ .ui-widget-overlay { background: #aaaaaa; opacity: .3; filter: Alpha(Opacity=30); /* support: IE8 */ } .ui-widget-shadow { -webkit-box-shadow: 0px 0px 0px #666666; box-shadow: 0px 0px 1px #666666; } /* End */ /* Start:/bitrix/templates/new_index/css/content-index.css?16637668214758*/ /* содержимое для главной страницы */ #content.page-index { } /* Верхний слайдер (только для главной страницы) */ #content div.slider-top { float: left; width: 100%; height: 630px; } #sliderzTop * { /* Запрет выделения текста */ -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; -o-user-select: none; user-select: none; } #sliderzTop {width: 100%; height: 630px;position:relative} #sliderzTop .bredo:hover { background-position: bottom left; } #sliderzTop .bnext:hover { background-position: bottom left; } #sliderzTop .bredo {display:none !important;position:absolute;cursor:pointer;top:30px;left:30px;width:54px;height:54px;background:url('/bitrix/templates/new_index/css/../images/slider-bottom-redo.gif') top left} #sliderzTop .bnext {display:none !important;position:absolute;cursor:pointer;top:30px;right:30px;width:54px;height:54px;background:url('/bitrix/templates/new_index/css/../images/slider-bottom-next.gif') top left} #sliderzTop .content {width: 100%; height: 630px;margin:0 auto;overflow:hidden} #sliderzTop .content .element{display:none;text-align:center;} #sliderzTop .content .element img{border:0;padding:0;margin:0;height:auto; width: 100%;} #sliderzTop .navelement{position:absolute;left:50%;bottom:10px;z-index:10;} #sliderzTop .navelement ul{padding:0;margin:0;margin-left:-50%;list-style:none} #sliderzTop .navelement ul li{float:left} #sliderzTop .navelement ul li a{display:block; cursor:pointer;width:31px;height:31px;background-color:red;margin-left:5px;background:url('/bitrix/templates/new_index/css/../images/dots.png') left top no-repeat} #sliderzTop .navelement ul li a.act{background-position:-36px top !important} #sliderzTop .navelement ul li a:hover {background-position:-72px 1px} /* Список последних новостей */ /* 3 баннера ссылок внизу*/ #content div.banner-links { margin: 0 25px 0 25px; margin-top: 48px; height: 130px; } div.banner-links-element:last-child { margin-right: 0; } div.banner-links-element { position: relative; float: left; width: 376px; height: 130px; margin-right: 31px; background-color: #f0f0f0; border-radius: 4px; cursor: pointer; } div.banner-links-element.bg-equipment { background: #ebf1f9 url('/bitrix/templates/new_index/css/../images/bg_equipment.png') 1px top no-repeat; } div.banner-links-element.bg-solutions { background: #ebf1f9 url('/bitrix/templates/new_index/css/../images/bg_solutions.png') 1px top no-repeat; } div.banner-links-element.bg-services { background: #ebf1f9 url('/bitrix/templates/new_index/css/../images/bg_services.png') 4px top no-repeat; } div.banner-links-clear { float: left; clear: left; } div.banner-links-element:hover a { background-position: right -145px; } div.banner-links-element a { position: absolute; display: block; top: 34px; right: 20px; background: url('/bitrix/templates/new_index/css/../images/open.gif') right 1px no-repeat; padding-right: 64px; padding-top: 8px; height: 54px; font-family: "Tahoma", Helvetica, sans-serif; text-decoration: none; line-height: 21px; font-weight: bold; text-align: right; font-size: 24px; color: #505050; } div.banner-links-element a span { display: block; color: #0066b1; padding-top: 3px; font-size: 18px; } /* Баннеры нижние */ #content div.slider-bottom { position: relative; height: 116px; margin-top: 60px; background-color: #ebf1f9; } #sliderzBottom * { /* Запрет выделения текста */ -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; -o-user-select: none; user-select: none; } #sliderzBottom {width:1240px;height:116px;position:relative} #sliderzBottom .bredo:hover { background-position: bottom left; } #sliderzBottom .bnext:hover { background-position: bottom left; } #sliderzBottom .bredo.bdisabled { background-position: left top; cursor: default; } #sliderzBottom .bnext.bdisabled { background-position: left top; cursor: default; } #sliderzBottom .bredo {display:none;position:absolute;cursor:pointer;top:31px;left:29px;width:54px;height:54px;background:url('/bitrix/templates/new_index/css/../images/slider-bottom-redo.png') left -54px } #sliderzBottom .bnext {display:none;position:absolute;cursor:pointer;top:31px;right:29px;width:54px;height:54px;background:url('/bitrix/templates/new_index/css/../images/slider-bottom-next.png') left -54px } #sliderzBottom .content { position: absolute; left: 117px; top: 0; width:1006px;height:116px; border: yellow 0px solid; overflow-x: hidden; white-space: nowrap; } #sliderzBottom .content span.element { /* display:none; */ text-align: center; display: inline-block; width:1006px; /* -4px */ height:auto; /* -8px */ /* background-color: aqua; */ text-align: center; } #sliderzBottom .content span.element img{border:0;padding:0;margin:0;margin-top:18px;} /* End */ /* Start:/bitrix/templates/elsnab3/css/font-ttf.css?1663766806411*/ @font-face { font-family: 'pt_sans_narrow'; src: url('/bitrix/templates/elsnab3/css/fonts/PTC75F_W.eot'); src: url('/bitrix/templates/elsnab3/css/fonts/PTC75F_W.eot?#iefix') format('embedded-opentype'), url('/bitrix/templates/elsnab3/css/fonts/PTC75F_W.woff') format('woff'), url('/bitrix/templates/elsnab3/css/fonts/PTC75F_W.ttf') format('truetype'), url('/bitrix/templates/elsnab3/css/fonts/PTC75F_W.svg#pt_sans_narrowregular') format('svg'); font-weight: normal; font-style: normal; } .fontSansNarrow, .rub { font-family: pt_sans_narrow; } /* End */ /* Start:/bitrix/templates/elsnab3/css/jquery.bxslider.css?16637668063977*/ /** VARIABLES ===================================*/ /** RESET AND LAYOUT ===================================*/ .bx-wrapper { position: relative; margin-bottom: 60px; padding: 0; *zoom: 1; -ms-touch-action: pan-y; touch-action: pan-y; } .bx-wrapper img { max-width: 100%; display: block; } .bxslider { margin: 0; padding: 0; } ul.bxslider { list-style: none; } .bx-viewport { /*fix other elements on the page moving (on Chrome)*/ -webkit-transform: translatez(0); } /** THEME ===================================*/ .bx-wrapper { -moz-box-shadow: 0 0 5px #ccc; -webkit-box-shadow: 0 0 5px #ccc; box-shadow: 0 0 5px #ccc; border: 5px solid #fff; background: #fff; } .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto { position: absolute; bottom: -30px; width: 100%; } /* LOADER */ .bx-wrapper .bx-loading { min-height: 50px; background: url('/bitrix/templates/elsnab3/css/images/bx_loader.gif') center center no-repeat #ffffff; height: 100%; width: 100%; position: absolute; top: 0; left: 0; z-index: 2000; } /* PAGER */ .bx-wrapper .bx-pager { text-align: center; font-size: .85em; font-family: Arial; font-weight: bold; color: #666; padding-top: 20px; width: 195px; margin-left: 411px; } .bx-wrapper .bx-pager.bx-default-pager a { background: #666; text-indent: -9999px; display: block; width: 10px; height: 10px; margin: 0 5px; outline: 0; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } .bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active, .bx-wrapper .bx-pager.bx-default-pager a:focus { background: #000; } .bx-wrapper .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item { display: inline-block; vertical-align: bottom; *zoom: 1; *display: inline; } .bx-wrapper .bx-pager-item { font-size: 0; line-height: 0; } /* DIRECTION CONTROLS (NEXT / PREV) */ .bx-wrapper .bx-prev { left: 10px; background: url('/bitrix/templates/elsnab3/css/images/controls.png') no-repeat 0 -32px; } .bx-wrapper .bx-prev:hover, .bx-wrapper .bx-prev:focus { background-position: 0 0; } .bx-wrapper .bx-next { right: 10px; background: url('/bitrix/templates/elsnab3/css/images/controls.png') no-repeat -43px -32px; } .bx-wrapper .bx-next:hover, .bx-wrapper .bx-next:focus { background-position: -43px 0; } .bx-wrapper .bx-controls-direction a { position: absolute; top: 50%; margin-top: -16px; outline: 0; width: 32px; height: 32px; text-indent: -9999px; z-index: 9999; } .bx-wrapper .bx-controls-direction a.disabled { display: none; } /* AUTO CONTROLS (START / STOP) */ .bx-wrapper .bx-controls-auto { text-align: center; } .bx-wrapper .bx-controls-auto .bx-start { display: block; text-indent: -9999px; width: 10px; height: 11px; outline: 0; background: url('/bitrix/templates/elsnab3/css/images/controls.png') -86px -11px no-repeat; margin: 0 3px; } .bx-wrapper .bx-controls-auto .bx-start:hover, .bx-wrapper .bx-controls-auto .bx-start.active, .bx-wrapper .bx-controls-auto .bx-start:focus { background-position: -86px 0; } .bx-wrapper .bx-controls-auto .bx-stop { display: block; text-indent: -9999px; width: 9px; height: 11px; outline: 0; background: url('/bitrix/templates/elsnab3/css/images/controls.png') -86px -44px no-repeat; margin: 0 3px; } .bx-wrapper .bx-controls-auto .bx-stop:hover, .bx-wrapper .bx-controls-auto .bx-stop.active, .bx-wrapper .bx-controls-auto .bx-stop:focus { background-position: -86px -33px; } /* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */ .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager { text-align: left; width: 80%; } .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto { right: 0; width: 35px; } /* IMAGE CAPTIONS */ .bx-wrapper .bx-caption { position: absolute; bottom: 0; left: 0; background: #666; background: rgba(80, 80, 80, 0.75); width: 100%; } .bx-wrapper .bx-caption span { color: #fff; font-family: Arial; display: block; font-size: .85em; padding: 10px; } /* End */ /* Start:/bitrix/templates/elsnab3/fancybox/jquery.fancybox.css?16637668064973*/ /*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */ .fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp { padding: 0; margin: 0; border: 0; outline: none; vertical-align: top; } .fancybox-wrap { position: absolute; top: 0; left: 0; z-index: 8020; } .fancybox-skin { position: relative; background: #fff; color: #444; text-shadow: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .fancybox-opened { z-index: 8030; } .fancybox-opened .fancybox-skin { /* -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); */ box-shadow: 0 0px 1px rgb(0, 0, 0)!important; } .fancybox-outer, .fancybox-inner { position: relative; } .fancybox-inner { overflow: hidden; } .fancybox-type-iframe .fancybox-inner { -webkit-overflow-scrolling: touch; } .fancybox-error { color: #444; font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; margin: 0; padding: 15px; white-space: nowrap; } .fancybox-image, .fancybox-iframe { display: block; width: 100%; height: 100%; } .fancybox-image { max-width: 100%; max-height: 100%; } #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url('/bitrix/templates/elsnab3/fancybox/fancybox_sprite.png'); } #fancybox-loading { position: fixed; top: 50%; left: 50%; margin-top: -22px; margin-left: -22px; background-position: 0 -108px; opacity: 0.8; cursor: pointer; z-index: 8060; } #fancybox-loading div { width: 32px; height: 32px; background: url('/img/linii.gif') center center no-repeat; background-size:contain; } .fancybox-close { position: absolute; top: -18px; right: -18px; width: 36px; height: 36px; cursor: pointer; z-index: 8040; } .fancybox-nav { position: absolute; top: 0; width: 40%; height: 100%; cursor: pointer; text-decoration: none; background: transparent url('/bitrix/templates/elsnab3/fancybox/blank.gif'); /* helps IE */ -webkit-tap-highlight-color: rgba(0,0,0,0); z-index: 8040; } .fancybox-prev { left: 0; } .fancybox-next { right: 0; } .fancybox-nav span { position: absolute; top: 50%; width: 36px; height: 34px; margin-top: -18px; cursor: pointer; z-index: 8040; visibility: hidden; } .fancybox-prev span { left: 10px; background-position: 0 -36px; } .fancybox-next span { right: 10px; background-position: 0 -72px; } .fancybox-nav:hover span { visibility: visible; } .fancybox-tmp { position: absolute; top: -99999px; left: -99999px; visibility: hidden; max-width: 99999px; max-height: 99999px; overflow: visible !important; } /* Overlay helper */ .fancybox-lock { overflow: hidden !important; width: auto; } .fancybox-lock body { overflow: hidden !important; } .fancybox-lock-test { overflow-y: hidden !important; } .fancybox-overlay { position: absolute; top: 0; left: 0; overflow: hidden; display: none; z-index: 999999; background: url('/bitrix/templates/elsnab3/fancybox/fancybox_overlay.png'); } .fancybox-overlay-fixed { position: fixed; bottom: 0; right: 0; } .fancybox-lock .fancybox-overlay { overflow: auto; overflow-y: scroll; } /* Title helper */ .fancybox-title { visibility: hidden; font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; position: relative; text-shadow: none; z-index: 8050; } .fancybox-opened .fancybox-title { visibility: visible; } .fancybox-title-float-wrap { position: absolute; bottom: 0; right: 50%; margin-bottom: -35px; z-index: 8050; text-align: center; } .fancybox-title-float-wrap .child { display: inline-block; margin-right: -100%; padding: 2px 20px; background: transparent; /* Fallback for web browsers that doesn't support RGBa */ background: rgba(0, 0, 0, 0.8); -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; text-shadow: 0 1px 2px #222; color: #FFF; font-weight: bold; line-height: 24px; white-space: nowrap; } .fancybox-title-outside-wrap { position: relative; margin-top: 10px; color: #fff; } .fancybox-title-inside-wrap { padding-top: 10px; } .fancybox-title-over-wrap { position: absolute; bottom: 0; left: 0; color: #fff; padding: 10px; background: #000; background: rgba(0, 0, 0, .8); } /*Retina graphics!*/ @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5){ #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url('/bitrix/templates/elsnab3/fancybox/fancybox_sprite@2x.png'); background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/ } #fancybox-loading div { background-image: url('/bitrix/templates/elsnab3/fancybox/fancybox_loading@2x.gif'); background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/ } } /* End */ /* Start:/bitrix/templates/elsnab3/css/custom.css?175104827038276*/ :root{font-size:16px} #content #breadcrumb,#content div.column-center-full{margin:initial;padding:15px}@media (max-width: 800px){#content #breadcrumb,#content div.column-center-full{margin:initial !important;padding-left:15px;padding-right:15px}}#content div.column-center-full{width:auto !important;float:none !important;max-width:none !important;margin:initial !important;font-size:medium !important}#content div.column-center-full h1{padding-bottom:15px !important;margin:initial !important}#content .table-bordered td,#content .table-bordered th{font-size:.75rem}#content .table-bordered td:nth-child(3),#content .table-bordered th:nth-child(3){text-align:center}.flex-list{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-left:-15px;margin-right:-15px}.flex-list .list-item{width:100%;position:relative;padding:15px;min-height:1px}@media (max-width: 800px){.flex-list .list-item{padding:15px}}@media (min-width: 576px){.flex-list .list-item{-webkit-box-flex:0;-webkit-flex:0 0 50%;-moz-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}}@media (min-width: 768px){.flex-list .list-item{-webkit-box-flex:0;-webkit-flex:0 0 33.333333%;-moz-box-flex:0;-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}}.flex-list .item-link{display:block}.flex-list .item-img{max-height:none;max-width:100%}.flex-list .item-title{font-size:1.125rem;margin-top:.75rem;text-align:center}.flex-list.flex-button{-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center}.flex-list.flex-action{-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}@media (min-width: 768px){.flex-list.flex-action{-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center}}.button-item{position:relative;padding-left:15px;padding-right:15px;min-height:1px;-webkit-flex-basis:0;-ms-flex-preferred-size:0;flex-basis:0;-webkit-box-flex:1;-webkit-flex-grow:1;-moz-box-flex:1;-ms-flex-positive:1;flex-grow:1;max-width:100%}@media (min-width: 768px){.button-item{-webkit-box-flex:0;-webkit-flex:0 0 auto;-moz-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}}.button-item .svz-btn._white._stroke{margin:initial;padding-left:10px !important;padding-right:10px !important}.button-item .link-text{display:none}@media (min-width: 576px){.button-item .link-text{display:inline;display:initial}}.button-item .link-icon{display:inline-block;padding:0 10px}.button-item.button-back{text-align:center}@media (min-width: 576px){.button-item.button-back{text-align:left}}.button-item.button-callback{-webkit-box-ordinal-group:2;-webkit-order:1;-moz-box-ordinal-group:2;-ms-flex-order:1;order:1}.container-page p{margin-bottom:1rem !important}.container-page section+section{margin-top:15px}.container-page ul{margin-left:15px}.container-page .page-aside,.container-page .page-content{padding-right:15px;padding-left:15px;position:relative;min-height:1px;margin-bottom:50px}.container-page .page-content{max-width:100%;-webkit-box-flex:0;-webkit-flex:0 0 100%;-moz-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%}@media (min-width: 992px){.container-page .page-content{max-width:75%;-webkit-box-flex:0;-webkit-flex:0 0 75%;-moz-box-flex:0;-ms-flex:0 0 75%;flex:0 0 75%}}.container-page .page-aside{max-width:100%;-webkit-box-flex:0;-webkit-flex:0 0 100%;-moz-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%}@media (min-width: 992px){.container-page .page-aside{max-width:25%;-webkit-box-flex:0;-webkit-flex:0 0 25%;-moz-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%}}.container-page .page-aside img{max-width:100%}.container-page .page-aside .card+.card{margin-top:15px} .product--tabs{margin:0 auto;max-width:800px;min-width:320px;padding:0}.product--tabs>section{display:none;padding:15px;background:#fff;border:1px solid #ddd}.product--tabs>section>p{margin:0 0 5px;line-height:1.5;color:#383838;-webkit-animation-duration:1s;-moz-animation-duration:1s;-o-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name:fadeIn;-moz-animation-name:fadeIn;-o-animation-name:fadeIn;animation-name:fadeIn}.product--tabs>label{display:inline-block;margin:0 0 -1px;padding:15px 25px;font-weight:600;text-align:center;color:#aaa;border:1px solid #ddd;background:#f1f1f1;-webkit-border-radius:3px 3px 0 0;-moz-border-radius:3px 3px 0 0;border-radius:3px 3px 0 0}.product--tabs>label:focus,.product--tabs>label:hover{color:#888;cursor:pointer}.product--tabs>input{display:none;position:absolute}.product--tabs>input:checked+label{background-color:#f8f8f8;border-bottom:1px solid #f8f8f8;border-top:1px solid #007ac1;color:#555}#tab1:checked ~ #content-tab1,#tab2:checked ~ #content-tab2,#tab3:checked ~ #content-tab3{display:block}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@-moz-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@-o-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}} .content-header{margin:-15px -15px 15px;padding:7.5px 15px;background-color:#f8f8f8;border-bottom:1px solid #ddd}.content-file{-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.content-file-icon{position:relative;padding-left:15px;padding-right:15px;min-height:60px;-webkit-box-flex:0;-webkit-flex:0 0 auto;-moz-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}.content-file-icon-type{display:inline-block;padding:25px;-webkit-background-size:75% 75%;-moz-background-size:75%;-o-background-size:75%;background-size:75%;background-repeat:no-repeat;background-position:50%;background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48cGF0aCBmaWxsPSIjZTJlMmUyIiBkPSJNMzM4Ljg1NiAwTDQ0NS44OCAxMDcuMDI0VjUxMkg1OS4yNFYweiIvPjxwYXRoIGZpbGw9IiM5OTkiIGQ9Ik00NDUuODggMTA3LjAyNEgzMzguODRWMHoiLz48cGF0aCBmaWxsPSIjMzMzIiBkPSJNMjIuMDQgMjkzLjAwOGg0NjcuOTJsLTgyLjQzMiAxMjkuODg4SDIyLjA0eiIvPjxwYXRoIGZpbGw9IiM5OTkiIGQ9Ik01OS4yNCA0NjAuMDh2LTM3LjE4NGgtMzcuMnoiLz48dGV4dCBzdHlsZT0ibGluZS1oZWlnaHQ6MS4yNSIgeD0iMTU4LjM3MyIgeT0iMzk0Ljg0NyIgZm9udC13ZWlnaHQ9IjQwMCIgZm9udC1zaXplPSI0MCIgZm9udC1mYW1pbHk9InNhbnMtc2VyaWYiIGxldHRlci1zcGFjaW5nPSIwIiB3b3JkLXNwYWNpbmc9IjAiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDE5LjUzOCAtNi4zODkpIj48dHNwYW4geD0iMTU4LjM3MyIgeT0iMzk0Ljg0NyIgc3R5bGU9Ii1pbmtzY2FwZS1mb250LXNwZWNpZmljYXRpb246J0pldEJyYWlucyBNb25vLCBCb2xkJztmb250LXZhcmlhbnQtbGlnYXR1cmVzOm5vcm1hbDtmb250LXZhcmlhbnQtY2Fwczpub3JtYWw7Zm9udC12YXJpYW50LW51bWVyaWM6bm9ybWFsO2ZvbnQtZmVhdHVyZS1zZXR0aW5nczpub3JtYWw7dGV4dC1hbGlnbjpzdGFydCIgZm9udC13ZWlnaHQ9IjcwMCIgZm9udC1zaXplPSI4NS4zMzMiIGZvbnQtZmFtaWx5PSJKZXRCcmFpbnMgTW9ubyIgZmlsbD0iI2ZmZiI+Pz8/PC90c3Bhbj48L3RleHQ+PC9zdmc+")}.content-file-icon-type.doc{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48cGF0aCBkPSJNMzM4Ljg1NiAwTDQ0NS44OCAxMDcuMDI0VjUxMkg1OS4yNFYweiIgZmlsbD0iI2UyZTJlMiIvPjxwYXRoIGQ9Ik00NDUuODggMTA3LjAyNEgzMzguODRWMHoiIGZpbGw9IiM5OTkiLz48cGF0aCBkPSJNNDA3LjUyOCA0MjIuODk2SDIyLjA0VjI5My4wMDhoNDY3LjkyeiIgZmlsbD0iIzMzMyIvPjxwYXRoIGQ9Ik01OS4yNCA0NjAuMDh2LTM3LjE4NGgtMzcuMnoiIGZpbGw9IiM5OTkiLz48cGF0aCBkPSJNMTI4Ljk2OCAzOTUuNDU2VjMyMC44aDM2LjcwNGMxMC40MTYgMCAxNy43MTIgMi4yODggMjEuODg4IDYuODQ4IDQuMTkyIDQuNTYgNi4yNzIgMTIuNTQ0IDYuMjcyIDIzLjk1MiAwIDE4LjYyNC0xLjY2NCAzMC41OTItNS4wMjQgMzUuOTA0LTMuMzQ0IDUuMjk2LTEwLjkyOCA3Ljk1Mi0yMi42ODggNy45NTJoLTM3LjE1MnptMTQuMTYtMTEuOTJoMjAuMTc2YzYuNzg0IDAgMTEuMTY4LTEuNTY4IDEzLjE1Mi00LjY3MiAxLjk4NC0zLjEyIDIuOTkyLTEwIDIuOTkyLTIwLjY1NiAwLTExLjAwOC0uODk2LTE4LTIuNjg4LTIwLjk5Mi0xLjc3Ni0yLjk5Mi01Ljk2OC00LjQ2NC0xMi41NzYtNC40NjRoLTIxLjA0bC0uMDE2IDUwLjc4NHptOTIuMDMyLTYzLjM5MmMxMy41NjggMCAyMi4zMDQgMi4yNzIgMjYuMjA4IDYuNzY4IDMuODg4IDQuNDk2IDUuODQgMTQuNTc2IDUuODQgMzAuMjA4IDAgMTcuMTA0LTEuOTUyIDI3Ljg3Mi01Ljg3MiAzMi4zMzZzLTEzLjQwOCA2LjY3Mi0yOC40NjQgNi42NzJjLTEzLjU2OCAwLTIyLjMzNi0yLjIwOC0yNi4zMDQtNi41OTItMy45ODQtNC4zODQtNS45NjgtMTQuMDY0LTUuOTY4LTI4Ljk5MiAwLTE3Ljc5MiAxLjk1Mi0yOC45NzYgNS44NTYtMzMuNTM2IDMuODg4LTQuNTkyIDEzLjQ3Mi02Ljg2NCAyOC43MDQtNi44NjR6bS0xLjA4OCAxMi4xNmMtOS41MiAwLTE1LjA3MiAxLjIxNi0xNi42NzIgMy42NjQtMS42MTYgMi40MzItMi40IDEwLjkxMi0yLjQgMjUuMzc2IDAgMTAuNzIuOTQ0IDE3LjE2OCAyLjgxNiAxOS4zNnM3LjQwOCAzLjI4IDE2LjU5MiAzLjI4YzguOCAwIDE0LjA2NC0xLjIzMiAxNS44MDgtMy42OCAxLjc0NC0yLjQ2NCAyLjYyNC05LjkyIDIuNjI0LTIyLjM4NCAwLTEyLjUxMi0uODMyLTE5LjkwNC0yLjQ4LTIyLjE5Mi0xLjY4LTIuMzA0LTcuMTA0LTMuNDI0LTE2LjI4OC0zLjQyNHptODguOCAzNi41MjhoMTQuMjI0djIuNTZjMCAxMC4zODQtMS44NzIgMTcuMTA0LTUuNjggMjAuMTYtMy43NzYgMy4wNC0xMi4xNiA0LjU2LTI1LjE1MiA0LjU2LTE0LjcwNCAwLTIzLjc2LTIuNC0yNy4xNTItNy4yMTZzLTUuMDg4LTE3LjY4LTUuMDg4LTM4LjYwOGMwLTEyLjMzNiAyLjMwNC0yMC40MTYgNi44OTYtMjQuMzIgNC41OTItMy44NzIgMTQuMjA4LTUuODI0IDI4LjgzMi01LjgyNCAxMC42MjQgMCAxNy43NDQgMS42MTYgMjEuMzEyIDQuOCAzLjYgMy4xODQgNS4zNzYgOS41MiA1LjM3NiAxOS4wMDhsLjAzMiAxLjY5NmgtMTQuMjI0di0xLjkyYzAtNC44OTYtLjkxMi04LjAxNi0yLjc1Mi05LjM3Ni0xLjg0LTEuMzc2LTYuMDMyLTIuMDQ4LTEyLjU5Mi0yLjA0OC04LjggMC0xNC4wNjQgMS4wNTYtMTUuODI0IDMuMjE2LTEuNzc2IDIuMTYtMi42NTYgOC41MjgtMi42NTYgMTkuMTM2IDAgMTQuMzA0LjggMjIuNzUyIDIuMzY4IDI1LjM3NiAxLjYgMi42MjQgNi43MDQgMy45MzYgMTUuMzkyIDMuOTM2IDcuMDI0IDAgMTEuNi0uNzM2IDEzLjY4LTIuMTkyczMuMTUyLTQuNjcyIDMuMTUyLTkuNjMybC0uMTQ0LTMuMzEyeiIgZmlsbD0iI2ZmZiIvPjwvc3ZnPg==")}.content-file-icon-type.dwg{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48cGF0aCBmaWxsPSIjZTJlMmUyIiBkPSJNMzM4Ljg1NiAwTDQ0NS44OCAxMDcuMDI0VjUxMkg1OS4yNFYweiIvPjxwYXRoIGZpbGw9IiM5OTkiIGQ9Ik00NDUuODggMTA3LjAyNEgzMzguODRWMHoiLz48cGF0aCBmaWxsPSIjMzMzIiBkPSJNNDA3LjUyOCA0MjIuODk2SDIyLjA0VjI5My4wMDhoNDY3LjkyeiIvPjxwYXRoIGZpbGw9IiM5OTkiIGQ9Ik01OS4yNCA0NjAuMDh2LTM3LjE4NGgtMzcuMnoiLz48cGF0aCBkPSJNMTA4LjEwNCAzOTUuNDU2VjMyMC44aDM2LjcwNGMxMC40MTYgMCAxNy43MTIgMi4yODggMjEuODg4IDYuODQ4IDQuMTkyIDQuNTYgNi4yNzIgMTIuNTQ0IDYuMjcyIDIzLjk1MiAwIDE4LjYyNC0xLjY2NCAzMC41OTItNS4wMjQgMzUuOTA0LTMuMzQ0IDUuMjk2LTEwLjkyOCA3Ljk1Mi0yMi42ODggNy45NTJoLTM3LjE1MnptMTQuMTc2LTExLjkyaDIwLjE3NmM2Ljc4NCAwIDExLjE2OC0xLjU2OCAxMy4xNTItNC42NzIgMS45ODQtMy4xMiAyLjk5Mi0xMCAyLjk5Mi0yMC42NTYgMC0xMS4wMDgtLjg5Ni0xOC0yLjY4OC0yMC45OTItMS43NzYtMi45OTItNS45NjgtNC40NjQtMTIuNTc2LTQuNDY0SDEyMi4yOHY1MC43ODR6TTI4OC4yNDggMzIwLjhsLTE5Ljk1MiA3NC42NTZoLTIwLjk2bC0xMC4zODQtMzguMjg4Yy0uOTQ0LTMuNDcyLTIuMDY0LTguMDk2LTMuMzI4LTEzLjg4OGwtMS4wNC00LjU5MmgtLjQ4bC0xLjA4OCA0LjY0LTEuMDQgNC41OTJhMzMyLjg1IDMzMi44NSAwIDAxLTIuNDQ4IDkuMzEybC0xMC42NzIgMzguMjI0aC0yMC43MmwtMTkuMzYtNzQuNjU2aDE0LjQzMmwxMC43NjggNDAuOTc2Yy42NTYgMi42MjQgMS40ODggNi4yNTYgMi40NjQgMTAuODhsMS4xMzYgNS40NzIgMS4wODggNS40NzJoLjQ5NmMuNTc2LTIuNCAxLjAwOC00LjIyNCAxLjMxMi01LjQ3MmwxLjMxMi01LjQwOGMuNjg4LTIuODQ4IDEuNjY0LTYuNDY0IDIuODk2LTEwLjg4bDExLjQ4OC00MS4wMjRoMTYuNjI0bDExLjIxNiA0MS4wMjRjLjk0NCAzLjUwNCAxLjg3MiA3LjEyIDIuNzg0IDEwLjg4bDEuMjY0IDUuNDA4IDEuMzEyIDUuNDcyaC40MzJsMS4yLTUuNDcyIDEuMTM2LTUuNDcyYy45Ni00LjQgMS44MDgtOC4wNDggMi41NzYtMTAuOTQ0bDExLjA0LTQwLjkxMmgxNC40OTZ6bTM1Ljk4NCAzNC45NDRoMzIuODY0bC4yMjQgMTQuODMyYzAgMTAuNzg0LTIuMDMyIDE3LjcyOC02LjA5NiAyMC44NjQtNC4wNjQgMy4xMDQtMTMuMTM2IDQuNjcyLTI3LjIgNC42NzItMTIuOTEyIDAtMjEuNDcyLTIuMDgtMjUuNjY0LTYuMjRzLTYuMjg4LTEyLjY0LTYuMjg4LTI1LjQyNGMwLTE2LjMzNi44MzItMjYuNjU2IDIuNDk2LTMwLjk3NiAyLjA5Ni01LjI0OCA1LjIzMi04Ljc4NCA5LjQ3Mi0xMC41OTIgNC4yNC0xLjgyNCAxMS40MDgtMi43NTIgMjEuNTUyLTIuNzUyIDEzLjI2NCAwIDIxLjg0IDEuNDI0IDI1LjY5NiA0LjI1NnM1Ljc5MiA5LjA3MiA1Ljc5MiAxOC43ODRoLTE0LjMyYy0uMjU2LTQuODk2LTEuMzI4LTcuOTItMy4yLTkuMTA0cy02LjU3Ni0xLjc2LTE0LjE0NC0xLjc2Yy04LjE5MiAwLTEzLjQwOCAxLjAwOC0xNS42MTYgMy4wNTYtMi4yMDggMi4wMzItMy4yOTYgNi44MzItMy4yOTYgMTQuMzY4bC0uMDY0IDcuNTA0LjExMiA5LjU2OGMwIDcuNDA4IDEuMDg4IDEyLjExMiAzLjI4IDE0LjE0NCAyLjE5MiAyLjAxNiA3LjI0OCAzLjAyNCAxNS4yIDMuMDI0IDcuNzI4IDAgMTIuNjQtLjg2NCAxNC43MzYtMi41NzYgMi4wOTYtMS42OTYgMy4xMzYtNS43NDQgMy4xMzYtMTIuMTI4bC4wNjQtMy4wNTZoLTE4Ljc1MnYtMTAuNDY0aC4wMTZ6IiBmaWxsPSIjZmZmIi8+PC9zdmc+")}.content-file-icon-type.jpeg,.content-file-icon-type.jpg{background-image:url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNTEyIDUxMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsPSIjRTJFMkUyIiBkPSJNMzM4Ljg2IDBsMTA3LjAyIDEwNy4wMlY1MTJINTkuMjRWMHoiLz48cGF0aCBmaWxsPSIjOTk5IiBkPSJNNDQ1Ljg4IDEwNy4wMkgzMzguODRWMHoiLz48cGF0aCBmaWxsPSIjMzMzIiBkPSJNNDA3LjUzIDQyMi45SDIyLjA0VjI5My4wMWg0NjcuOTJ6Ii8+PHBhdGggZmlsbD0iIzk5OSIgZD0iTTU5LjI0IDQ2MC4wOFY0MjIuOWgtMzcuMnoiLz48ZyBmaWxsPSIjZmZmIj48cGF0aCBkPSJNMTg2LjA2IDMyMC44djUxLjUzNmMwIDkuNTg0LTEuNTg0IDE1LjkzNi00Ljc1MiAxOS4wNzJzLTkuNjMyIDQuNzA0LTE5LjM2IDQuNzA0Yy0xMC4zNTIgMC0xNy4wNzItMS41Mi0yMC4xNi00LjUyOC0zLjA3Mi0zLjAyNC00LjYyNC05LjY2NC00LjYyNC0xOS44NTZsLjE3Ni01LjUyaDEzLjUwNGMuMjI0IDIuNzY4LjMzNiA0Ljg0OC4zMzYgNi4yMjQgMCAxLjMxMi4wNjQgMi45MTIuMTc2IDQuNzY4LjIyNCA0LjUxMiAzLjgwOCA2Ljc4NCAxMC43NjggNi43ODQgNC4xNiAwIDYuODMyLS44MTYgOC4wMTYtMi40MzJzMS43NzYtNS4yNjQgMS43NzYtMTAuOTZWMzIwLjhoMTQuMTQ0ek0xOTkuMTggMzk1LjQ2di03NC42NTZoMzMuNzkyYzEwLjExMiAwIDE2LjkxMiAxLjc2IDIwLjQxNiA1LjI4IDMuNTM2IDMuNTIgNS4yOCAxMC4zMiA1LjI4IDIwLjM2OCAwIDkuOTg0LTEuNjY0IDE2LjYyNC01LjAyNCAxOS45MDQtMy4zNDQgMy4yOC0xMC4xMjggNC45MjgtMjAuMzM2IDQuOTI4bC0zLjI4LjA0OGgtMTYuNjcydjI0LjEyOEgxOTkuMTh6bTE0LjE3Ni0zNi4wMzJoMTYuMTI4YzYuNDE2IDAgMTAuNDk2LS43NTIgMTIuMjI0LTIuMjI0IDEuNzI4LTEuNDg4IDIuNjA4LTQuOTc2IDIuNjA4LTEwLjQ2NCAwLTYuMzItLjcyLTEwLjIyNC0yLjE3Ni0xMS43MjgtMS40NC0xLjUyLTUuMTY4LTIuMjcyLTExLjIzMi0yLjI3MmgtMTcuNTUydjI2LjY4OHpNMjk3LjA2IDM1NS43NGgzMi44OGwuMjI0IDE0LjgzMmMwIDEwLjc4NC0yLjAzMiAxNy43MjgtNi4wOTYgMjAuODY0LTQuMDY0IDMuMTA0LTEzLjE1MiA0LjY3Mi0yNy4yMTYgNC42NzItMTIuOTEyIDAtMjEuNDU2LTIuMDgtMjUuNjQ4LTYuMjQtNC4yMDgtNC4xNi02LjMwNC0xMi42NC02LjMwNC0yNS40MjQgMC0xNi4zMzYuODQ4LTI2LjY1NiAyLjUxMi0zMC45NzYgMi4wOC01LjI0OCA1LjIzMi04Ljc4NCA5LjQ3Mi0xMC41OTIgNC4yMjQtMS44MjQgMTEuNDA4LTIuNzUyIDIxLjU1Mi0yLjc1MiAxMy4yNDggMCAyMS44NCAxLjQyNCAyNS42OCA0LjI1NiAzLjg3MiAyLjgzMiA1LjgwOCA5LjA3MiA1LjgwOCAxOC43ODRoLTE0LjMzNmMtLjI1Ni00Ljg5Ni0xLjMxMi03LjkyLTMuMTg0LTkuMTA0cy02LjU5Mi0xLjc2LTE0LjE0NC0xLjc2Yy04LjIwOCAwLTEzLjQwOCAxLjAwOC0xNS42MTYgMy4wNTYtMi4yMDggMi4wMzItMy4zMTIgNi44MzItMy4zMTIgMTQuMzY4bC0uMDQ4IDcuNTA0LjExMiA5LjU2OGMwIDcuNDA4IDEuMDg4IDEyLjExMiAzLjI4IDE0LjE0NCAyLjE5MiAyLjAxNiA3LjI0OCAzLjAyNCAxNS4yIDMuMDI0IDcuNzEyIDAgMTIuNjQtLjg2NCAxNC43MzYtMi41NzYgMi4wOTYtMS42OTYgMy4xMi01Ljc0NCAzLjEyLTEyLjEyOGwuMDY0LTMuMDU2aC0xOC43NTJWMzU1Ljc0aC4wMTZ6Ii8+PC9nPjwvc3ZnPg==")}.content-file-icon-type.pdf{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48cGF0aCBkPSJNMzM4Ljg1NiAwTDQ0NS44OCAxMDcuMDI0VjUxMkg1OS4yNFYweiIgZmlsbD0iI2UyZTJlMiIvPjxwYXRoIGQ9Ik00NDUuODggMTA3LjAyNEgzMzguODRWMHoiIGZpbGw9IiM5OTkiLz48cGF0aCBkPSJNNDA3LjUyOCA0MjIuODk2SDIyLjA0VjI5My4wMDhoNDY3LjkyeiIgZmlsbD0iIzMzMyIvPjxwYXRoIGQ9Ik01OS4yNCA0NjAuMDh2LTM3LjE4NGgtMzcuMnoiIGZpbGw9IiM5OTkiLz48cGF0aCBkPSJNMTQ0Ljk2OCAzOTUuNDU2VjMyMC44aDMzLjc5MmMxMC4wOTYgMCAxNi45MTIgMS43NiAyMC40MTYgNS4yOCAzLjUyIDMuNTIgNS4yOCAxMC4zMiA1LjI4IDIwLjM2OCAwIDkuOTg0LTEuNjggMTYuNjI0LTUuMDI0IDE5LjkwNHMtMTAuMTI4IDQuOTI4LTIwLjMzNiA0LjkyOGwtMy4yOC4wNDhoLTE2LjY3MnYyNC4xMjhoLTE0LjE3NnptMTQuMTYtMzYuMDMyaDE2LjEyOGM2LjQxNiAwIDEwLjQ5Ni0uNzUyIDEyLjIyNC0yLjIyNCAxLjcyOC0xLjQ4OCAyLjYwOC00Ljk3NiAyLjYwOC0xMC40NjQgMC02LjMyLS43Mi0xMC4yMjQtMi4xNi0xMS43MjgtMS40NC0xLjUyLTUuMTg0LTIuMjcyLTExLjIzMi0yLjI3MmgtMTcuNTUybC0uMDE2IDI2LjY4OHptNTQuMzY4IDM2LjAzMlYzMjAuOGgzNi42ODhjMTAuNDMyIDAgMTcuNzI4IDIuMjg4IDIxLjkwNCA2Ljg0OHM2LjI3MiAxMi41NDQgNi4yNzIgMjMuOTUyYzAgMTguNjI0LTEuNjggMzAuNTkyLTUuMDI0IDM1LjkwNC0zLjM2IDUuMjk2LTEwLjkyOCA3Ljk1Mi0yMi43MDQgNy45NTJoLTM3LjEzNnptMTQuMTYtMTEuOTJoMjAuMTc2YzYuNzg0IDAgMTEuMTUyLTEuNTY4IDEzLjE1Mi00LjY3MiAxLjk4NC0zLjEyIDIuOTc2LTEwIDIuOTc2LTIwLjY1NiAwLTExLjAwOC0uODk2LTE4LTIuNjcyLTIwLjk5Mi0xLjc5Mi0yLjk5Mi01Ljk4NC00LjQ2NC0xMi41NzYtNC40NjRoLTIxLjA1NnY1MC43ODR6bTc1LjItNTAuOHYyMC4xMjhoMzMuNDU2djExLjkwNGgtMzMuNDU2djMwLjY4OEgyODguNjhWMzIwLjhoNDkuNDR2MTEuOTM2aC0zNS4yNjR6IiBmaWxsPSIjZmZmIi8+PC9zdmc+")}.content-file-icon-type.png{background-image:url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNTEyIDUxMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsPSIjRTJFMkUyIiBkPSJNMzM4Ljg2IDBsMTA3LjAyIDEwNy4wMlY1MTJINTkuMjRWMHoiLz48cGF0aCBmaWxsPSIjOTk5IiBkPSJNNDQ1Ljg4IDEwNy4wMkgzMzguODRWMHoiLz48cGF0aCBmaWxsPSIjMzMzIiBkPSJNNDA3LjUzIDQyMi45SDIyLjA0VjI5My4wMWg0NjcuOTJ6Ii8+PHBhdGggZmlsbD0iIzk5OSIgZD0iTTU5LjI0IDQ2MC4wOFY0MjIuOWgtMzcuMnoiLz48ZyBmaWxsPSIjZmZmIj48cGF0aCBkPSJNMTI2LjE0IDM5NS40NnYtNzQuNjU2aDMzLjc5MmMxMC4xMTIgMCAxNi45MTIgMS43NiAyMC40MTYgNS4yOCAzLjUzNiAzLjUyIDUuMjggMTAuMzIgNS4yOCAyMC4zNjggMCA5Ljk4NC0xLjY2NCAxNi42MjQtNS4wMjQgMTkuOTA0LTMuMzQ0IDMuMjgtMTAuMTI4IDQuOTI4LTIwLjMzNiA0LjkyOGwtMy4yOC4wNDhoLTE2LjY3MnYyNC4xMjhIMTI2LjE0em0xNC4xNzYtMzYuMDMyaDE2LjEyOGM2LjQxNiAwIDEwLjQ5Ni0uNzUyIDEyLjIyNC0yLjIyNCAxLjcyOC0xLjQ4OCAyLjYwOC00Ljk3NiAyLjYwOC0xMC40NjQgMC02LjMyLS43Mi0xMC4yMjQtMi4xNzYtMTEuNzI4LTEuNDQtMS41Mi01LjE2OC0yLjI3Mi0xMS4yMzItMi4yNzJoLTE3LjU1MnYyNi42ODh6TTI2My45NCAzMjAuOHY3NC42NTZoLTI0bC0yMS4zMjgtNDAuOTc2Yy0xLjA1Ni0yLjAzMi0yLjcyLTUuNjE2LTQuOTkyLTEwLjcybC0yLjQtNS4zNDQtMi4zMzYtNS4zNzZoLS41NDRsLjIyNCA0Ljk0NC4xNiA0Ljg2NC4xMTIgOS43OTJ2NDIuODE2aC0xNC4xNlYzMjAuOGgyNGwxOS40MjQgMzcuODRhNTA1Ljg3MyA1MDUuODczIDAgMDE1Ljk1MiAxMi4yMDhsMi44NDggNi4wOCAyLjg0OCA2LjEyOGguNDk2bC0uMTc2LTQuODE2LS4xNi00LjgxNi0uMTEyLTkuNjMyVjMyMC44aDE0LjE0NHpNMzA2LjQ2IDM1NS43NmgzMi44NjRsLjIyNCAxNC44MzJjMCAxMC43ODQtMi4wMzIgMTcuNzI4LTYuMDk2IDIwLjg2NC00LjA2NCAzLjEwNC0xMy4xMzYgNC42NzItMjcuMiA0LjY3Mi0xMi45MTIgMC0yMS40NTYtMi4wOC0yNS42NjQtNi4yNC00LjE5Mi00LjE2LTYuMjg4LTEyLjY0LTYuMjg4LTI1LjQyNCAwLTE2LjMzNi44MzItMjYuNjU2IDIuNTEyLTMwLjk3NiAyLjA4LTUuMjQ4IDUuMjMyLTguNzg0IDkuNDU2LTEwLjU5MiA0LjI0LTEuODI0IDExLjQwOC0yLjc1MiAyMS41NTItMi43NTIgMTMuMjY0IDAgMjEuODQgMS40MjQgMjUuNjk2IDQuMjU2czUuNzkyIDkuMDcyIDUuNzkyIDE4Ljc4NGgtMTQuMzM2Yy0uMjU2LTQuODk2LTEuMzI4LTcuOTItMy4yLTkuMTA0cy02LjU3Ni0xLjc2LTE0LjE0NC0xLjc2Yy04LjE5MiAwLTEzLjQwOCAxLjAwOC0xNS42MTYgMy4wNTYtMi4yMDggMi4wMzItMy4yOTYgNi44MzItMy4yOTYgMTQuMzY4bC0uMDY0IDcuNTA0LjExMiA5LjU2OGMwIDcuNDA4IDEuMDg4IDEyLjExMiAzLjI4IDE0LjE0NCAyLjE5MiAyLjAxNiA3LjI2NCAzLjAyNCAxNS4yIDMuMDI0IDcuNzI4IDAgMTIuNjQtLjg2NCAxNC43MzYtMi41NzYgMi4wOTYtMS42OTYgMy4xMzYtNS43NDQgMy4xMzYtMTIuMTI4bC4wNjQtMy4wNTZoLTE4Ljc1MlYzNTUuNzZoLjAzMnoiLz48L2c+PC9zdmc+")}.content-file-icon-type.rar{background-image:url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNTEyIDUxMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsPSIjRTJFMkUyIiBkPSJNMzM4Ljg2IDBsMTA3LjAyIDEwNy4wMlY1MTJINTkuMjRWMHoiLz48cGF0aCBmaWxsPSIjOTk5IiBkPSJNNDQ1Ljg4IDEwNy4wMkgzMzguODRWMHoiLz48cGF0aCBmaWxsPSIjMzMzIiBkPSJNNDA3LjUzIDQyMi45SDIyLjA0VjI5My4wMWg0NjcuOTJ6Ii8+PHBhdGggZmlsbD0iIzk5OSIgZD0iTTU5LjI0IDQ2MC4wOFY0MjIuOWgtMzcuMnoiLz48ZyBmaWxsPSIjZmZmIj48cGF0aCBkPSJNMTM2LjQ2IDM5NS40NnYtNzQuNjU2aDM2LjgxNmM5LjEzNiAwIDE1LjQ1NiAxLjYgMTguOTI4IDQuNzY4IDMuNDU2IDMuMTY4IDUuMTg0IDguOTI4IDUuMTg0IDE3LjIzMiAwIDcuNTM2LS44NjQgMTIuNzA0LTIuNTkyIDE1LjQ3MnMtNS4yOCA0LjY4OC0xMC42NCA1Ljc0NHYuNDhjOC4yODguNTEyIDEyLjQxNiA1LjM0NCAxMi40MTYgMTQuNDh2MTYuNDY0aC0xNC4xNzZ2LTEzLjYzMmMwLTcuNjgtMy43NzYtMTEuNTM2LTExLjM3Ni0xMS41MzZoLTIwLjM4NHYyNS4xNTJIMTM2LjQ2di4wMzJ6bTE0LjE3Ni0zNy4wODhoMjAuMzM2YzQuODQ4IDAgOC4wNjQtLjg2NCA5LjY0OC0yLjU5MiAxLjYtMS43MjggMi4zODQtNS4yIDIuMzg0LTEwLjQxNiAwLTUuMzI4LS42ODgtOC43NjgtMi4wNjQtMTAuMzItMS4zNi0xLjU1Mi00LjM1Mi0yLjMyLTguOTkyLTIuMzJIMTUwLjYydjI1LjY0OGguMDE2ek0yNTMuODIgMzgxLjEyaC0zMi4yMDhsLTQuNjU2IDE0LjMzNmgtMTQuOTkybDI0LjgzMi03NC42NTZoMjEuMjhsMjUuMiA3NC42NTZoLTE0LjcwNGwtNC43NTItMTQuMzM2em0tMy4yOC0xMC40NDhsLTEyLjkxMi0zOC44OC0xMi42ODggMzguODhoMjUuNnpNMjc5Ljc0IDM5NS40NnYtNzQuNjU2aDM2LjgxNmM5LjEzNiAwIDE1LjQ1NiAxLjYgMTguOTEyIDQuNzY4IDMuNDcyIDMuMTY4IDUuMiA4LjkyOCA1LjIgMTcuMjMyIDAgNy41MzYtLjg2NCAxMi43MDQtMi41OTIgMTUuNDcycy01LjI4IDQuNjg4LTEwLjY0IDUuNzQ0di40OGM4LjI4OC41MTIgMTIuNCA1LjM0NCAxMi40IDE0LjQ4djE2LjQ2NGgtMTQuMTZ2LTEzLjYzMmMwLTcuNjgtMy43OTItMTEuNTM2LTExLjM3Ni0xMS41MzZoLTIwLjM4NHYyNS4xNTJIMjc5Ljc0di4wMzJ6bTE0LjE3Ni0zNy4wODhoMjAuMzM2YzQuODY0IDAgOC4wOC0uODY0IDkuNjY0LTIuNTkyIDEuNi0xLjcyOCAyLjM2OC01LjIgMi4zNjgtMTAuNDE2IDAtNS4zMjgtLjY3Mi04Ljc2OC0yLjA0OC0xMC4zMi0xLjM2LTEuNTUyLTQuMzUyLTIuMzItOC45OTItMi4zMmgtMjEuMzI4djI1LjY0OHoiLz48L2c+PC9zdmc+")}.content-file-icon-type.sldprt{background-image:url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNTEyIDUxMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48c3R5bGU+LnN0MXtmaWxsOiM5OTl9LnN0M3tmaWxsOiNmZmZ9PC9zdHlsZT48cGF0aCBmaWxsPSIjZTJlMmUyIiBkPSJNMzM4LjkgMGwxMDcgMTA3djQwNUg1OS4yVjB6Ii8+PHBhdGggY2xhc3M9InN0MSIgZD0iTTQ0NS45IDEwN0gzMzguOFYweiIvPjxwYXRoIGZpbGw9IiMzMzMiIGQ9Ik00MDcuNSA0MjIuOUgyMlYyOTMuMWg0Njh6Ii8+PHBhdGggY2xhc3M9InN0MSIgZD0iTTU5LjIgNDYwLjF2LTM3LjJIMjJ6Ii8+PHBhdGggY2xhc3M9InN0MyIgZD0iTTk1LjIgMzk1LjVjLTUgMC05LjQtLjUtMTMuMi0xLjZzLTcuMy0yLjQtMTAuNi00di0xNy4xSDczYzMuMyAzLjEgNi45IDUuNCAxMC45IDdzNy44IDIuNSAxMS41IDIuNWMuOSAwIDIuMi0uMSAzLjctLjNzMi44LS42IDMuNy0xLjFjMS4xLS41IDIuMS0xLjMgMi45LTIuM3MxLjItMi4zIDEuMi0zLjljMC0xLjgtLjYtMy4zLTEuOS00LjRzLTIuOC0xLjktNC42LTIuNWMtMi4yLS42LTQuNi0xLjMtNy4xLTEuOC0yLjUtLjYtNC45LTEuMy03LjEtMi4xLTUuMS0yLTguNy00LjYtMTAuOS03LjlzLTMuMy03LjUtMy4zLTEyLjRjMC02LjcgMi42LTEyLjIgNy44LTE2LjNzMTEuNy02LjIgMTkuNC02LjJjMy45IDAgNy44LjQgMTEuNiAxLjMgMy45LjkgNy4zIDIgMTAuMyAzLjV2MTYuNGgtMS41Yy0yLjQtMi4zLTUuNC00LjItOC45LTUuOHMtNy4xLTIuNC0xMC44LTIuNGMtMS40IDAtMi43LjEtMy45LjMtMS4xLjItMi4zLjctMy42IDEuMy0xIC41LTEuOSAxLjMtMi43IDIuMy0uNyAxLTEuMSAyLjEtMS4xIDMuNCAwIDEuOC42IDMuMyAxLjggNC40czMuNSAyIDYuOSAyLjljMi4yLjUgNC4zIDEuMSA2LjQgMS42IDIgLjUgNC4yIDEuMiA2LjUgMi4xIDQuNSAxLjggNy45IDQuMiAxMC4xIDcuMyAyLjIgMyAzLjMgNyAzLjMgMTIgMCA3LjEtMi42IDEyLjktNy43IDE3LjItNSA0LjQtMTIgNi42LTIwLjcgNi42ek0xNzUuNyAzOTQuMkgxMzJ2LTcxLjhoMTYuNHY1OC4xaDI3LjJ2MTMuN3pNMjQyIDM1OC4zYzAgNi43LTEuMyAxMi43LTQgMThzLTYgOS4zLTEwLjEgMTIuMmMtMy40IDIuNC03LjEgNC0xMS4xIDQuNi00IC43LTguMyAxLTEyLjggMWgtMjAuNXYtNzEuOGgyMC4zYzQuNiAwIDguOS4zIDEyLjkgMSA0IC42IDcuOCAyLjIgMTEuMyA0LjcgNC4zIDMgNy43IDcuMSAxMC4yIDEyLjIgMi41IDUuMiAzLjggMTEuMiAzLjggMTguMXptLTE2LjktLjFjMC00LjctLjctOC44LTIuMi0xMi4xLTEuNS0zLjQtMy44LTYtNi44LTcuOS0yLjItMS4zLTQuNi0yLjEtNy0yLjJzLTUuNC0uMi04LjgtLjJoLS4zdjQ0LjloLjNjMy43IDAgNi44LS4xIDkuMy0uMnM0LjktMSA3LjItMi42YzIuNy0xLjkgNC43LTQuNCA2LjItNy43czIuMS03LjMgMi4xLTEyek0zMDIuMSAzNDVjMCAzLjMtLjUgNi41LTEuNSA5LjVzLTIuNCA1LjUtNC4yIDcuNmMtMS4xIDEuMy0yLjMgMi40LTMuNyAzLjVzLTIuOCAyLTQuNCAyLjctMy40IDEuMy01LjMgMS43LTQgLjYtNi4zLjZoLTguNnYyMy41aC0xNi40di03MS44aDI1LjRjMy44IDAgNyAuNCA5LjggMS4xIDIuNy44IDUuMiAyIDcuNCAzLjYgMi41IDEuOCA0LjQgNC4yIDUuNyA3LjIgMS40IDMuMSAyLjEgNi43IDIuMSAxMC44em0tMTYuOS41YzAtMi0uNC0zLjgtMS4zLTUuMnMtMS45LTIuNS0zLjItM2MtMS42LS43LTMtMS4yLTQuNS0xLjMtMS40LS4xLTMuMy0uMi01LjgtLjJoLTIuM3YyMS41aDUuNWMxLjQgMCAyLjYtLjEgMy42LS4zLjktLjIgMS44LS41IDIuOC0uOSAxLS41IDEuNy0xIDIuMy0xLjYgMS4xLTEuMiAxLjktMi40IDIuMy0zLjcuNC0xLjQuNi0zLjEuNi01LjN6TTM3MS40IDM5NC4yaC0yMGwtMTguMi0yNi4zaC01Ljl2MjYuM0gzMTF2LTcxLjhoMjYuM2MzLjYgMCA2LjguMiA5LjUuN3M1LjIgMS41IDcuNSAzLjEgNC4yIDMuNyA1LjYgNi4yIDIuMSA1LjcgMi4xIDkuNmMwIDUuNS0xLjEgMTAtMy40IDEzLjRzLTUuMyA2LjEtOS4xIDguMmwyMS45IDMwLjZ6bS0yNi41LTQ5LjhjMC0xLjgtLjMtMy4zLS45LTQuNy0uNi0xLjMtMS43LTIuMy0zLjEtMy0xLS41LTIuMi0uOC0zLjQtLjktMS4zLS4xLTIuOC0uMi00LjctLjJoLTUuNXYxOS4zaDQuN2MyLjMgMCA0LjItLjIgNS44LS41czMtMSA0LjEtMmMxLjEtLjkgMS44LTIgMi40LTMuMi4zLTEuMi42LTIuOC42LTQuOHpNMzg4LjggMzk0LjJ2LTU4LjFoLTE5LjN2LTEzLjdoNTUuMXYxMy43aC0xOS4zdjU4LjFoLTE2LjV6Ii8+PC9zdmc+")}.content-file-icon-type.step{background-image:url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNTEyIDUxMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48c3R5bGU+LnN0MXtmaWxsOiM5OTl9LnN0M3tmaWxsOiNmZmZ9PC9zdHlsZT48cGF0aCBmaWxsPSIjZTJlMmUyIiBkPSJNMzM4LjkgMGwxMDcgMTA3djQwNUg1OS4yVjB6Ii8+PHBhdGggY2xhc3M9InN0MSIgZD0iTTQ0NS45IDEwN0gzMzguOFYweiIvPjxwYXRoIGZpbGw9IiMzMzMiIGQ9Ik00MDcuNSA0MjIuOUgyMlYyOTMuMWg0Njh6Ii8+PHBhdGggY2xhc3M9InN0MSIgZD0iTTU5LjIgNDYwLjF2LTM3LjJIMjJ6Ii8+PHBhdGggY2xhc3M9InN0MyIgZD0iTTE1OS40IDM5NS43Yy01LjYgMC0xMC41LS41LTE0LjctMS42cy04LjEtMi40LTExLjctNHYtMTcuM2gxLjdjMy42IDMuMSA3LjcgNS41IDEyLjEgNy4xczguNyAyLjUgMTIuOCAyLjVjMSAwIDIuNC0uMSA0LjEtLjNzMy4xLS42IDQuMS0xLjFjMS4zLS42IDIuMy0xLjMgMy4yLTIuM3MxLjMtMi4zIDEuMy0zLjljMC0xLjgtLjctMy4zLTIuMS00LjRzLTMuMS0yLTUuMS0yLjVjLTIuNS0uNy01LjEtMS4zLTcuOS0xLjlzLTUuNC0xLjMtNy45LTIuMWMtNS42LTItOS43LTQuNy0xMi4xLTgtMi40LTMuNC0zLjctNy42LTMuNy0xMi42IDAtNi44IDIuOS0xMi4zIDguNi0xNi41IDUuOC00LjIgMTMtNi4zIDIxLjYtNi4zIDQuMyAwIDguNi40IDEyLjkgMS4zczguMSAyLjEgMTEuNSAzLjZWMzQyaC0xLjZjLTIuNy0yLjMtNi00LjMtOS45LTUuOXMtNy45LTIuNC0xMi0yLjRjLTEuNiAwLTMgLjEtNC4zLjNzLTIuNi43LTQgMS4zYy0xLjEuNS0yLjEgMS4zLTMgMi4zcy0xLjIgMi4yLTEuMiAzLjRjMCAxLjkuNyAzLjMgMiA0LjRzMy45IDIuMSA3LjYgM2MyLjQuNiA0LjggMS4xIDcuMSAxLjZzNC43IDEuMiA3LjMgMi4xYzUgMS44IDguOCA0LjMgMTEuMyA3LjMgMi41IDMuMSAzLjcgNy4xIDMuNyAxMi4yIDAgNy4yLTIuOCAxMy04LjUgMTcuNC01LjggNC41LTEzLjUgNi43LTIzLjIgNi43ek0yMTQuMyAzOTQuNHYtNTguOGgtMjEuNXYtMTMuOUgyNTR2MTMuOWgtMjEuNXY1OC44aC0xOC4yek0yNjEuNSAzOTQuNHYtNzIuN2g0OS4ydjEzLjloLTMxdjEyLjdoMjguNnYxMy45aC0yOC42djE4LjRoMzF2MTMuOWgtNDkuMnpNMzc5IDM0NC42YzAgMy40LS41IDYuNi0xLjYgOS43cy0yLjYgNS42LTQuNiA3LjdjLTEuMiAxLjMtMi42IDIuNC00LjEgMy41cy0zLjEgMi00LjkgMi43LTMuNyAxLjMtNS44IDEuOGMtMi4xLjQtNC41LjYtNy4xLjZoLTkuNnYyMy44SDMyM3YtNzIuN2gyOC4yYzQuMiAwIDcuOC40IDEwLjkgMS4xIDMgLjggNS44IDIgOC4zIDMuNiAyLjcgMS44IDQuOCA0LjMgNi4zIDcuMyAxLjUgMy4xIDIuMyA2LjcgMi4zIDEwLjl6bS0xOC44LjRjMC0yLjEtLjUtMy44LTEuNS01LjNzLTIuMS0yLjUtMy41LTMuMWMtMS43LS43LTMuNC0xLjItNS0xLjNzLTMuNy0uMi02LjQtLjJoLTIuNlYzNTdoNi4yYzEuNSAwIDIuOS0uMSA0LS4zIDEtLjIgMi0uNSAzLjEtMXMxLjktMSAyLjUtMS42YzEuMi0xLjIgMi4xLTIuNSAyLjUtMy44LjUtMS4zLjctMyAuNy01LjN6Ii8+PC9zdmc+")}.content-file-icon-type.stp{background-image:url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNTEyIDUxMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48c3R5bGU+LnN0MXtmaWxsOiM5OTl9LnN0M3tmaWxsOiNmZmZ9PC9zdHlsZT48cGF0aCBmaWxsPSIjZTJlMmUyIiBkPSJNMzM4LjkgMGwxMDcgMTA3djQwNUg1OS4yVjB6Ii8+PHBhdGggY2xhc3M9InN0MSIgZD0iTTQ0NS45IDEwN0gzMzguOFYweiIvPjxwYXRoIGZpbGw9IiMzMzMiIGQ9Ik00MDcuNSA0MjMuMUgyMlYyOTMuMmg0Njh6Ii8+PHBhdGggY2xhc3M9InN0MSIgZD0iTTU5LjIgNDYwLjF2LTM3LjJIMjJ6Ii8+PHBhdGggY2xhc3M9InN0MyIgZD0iTTE5Ni44IDM5NS45Yy01IDAtOS40LS41LTEzLjItMS42cy03LjMtMi40LTEwLjYtNFYzNzNoMS41YzMuMyAzLjEgNi45IDUuNSAxMC45IDcuMSA0IDEuNyA3LjggMi41IDExLjUgMi41LjkgMCAyLjItLjEgMy43LS4zczIuOC0uNiAzLjctMS4xYzEuMS0uNiAyLjEtMS4zIDIuOS0yLjNzMS4yLTIuMyAxLjItMy45YzAtMS44LS42LTMuMy0xLjktNC41LTEuMy0xLjEtMi44LTItNC42LTIuNS0yLjItLjctNC42LTEuMy03LjEtMS45cy00LjktMS4zLTcuMS0yLjJjLTUuMS0yLTguNy00LjctMTAuOS04LTIuMi0zLjQtMy4zLTcuNi0zLjMtMTIuNiAwLTYuOCAyLjYtMTIuMyA3LjgtMTYuNiA1LjItNC4yIDExLjctNi4zIDE5LjQtNi4zIDMuOSAwIDcuOC40IDExLjYgMS4zIDMuOS45IDcuMyAyLjEgMTAuMyAzLjZ2MTYuNmgtMS41Yy0yLjQtMi4zLTUuNC00LjMtOC45LTUuOXMtNy4xLTIuNC0xMC44LTIuNGMtMS40IDAtMi43LjEtMy45LjMtMS4xLjItMi4zLjctMy42IDEuMy0xIC41LTEuOSAxLjMtMi43IDIuM3MtMS4xIDIuMi0xLjEgMy41YzAgMS45LjYgMy4zIDEuOCA0LjRzMy41IDIuMSA2LjkgM2MyLjIuNiA0LjMgMS4xIDYuNCAxLjYgMiAuNSA0LjIgMS4yIDYuNSAyLjIgNC41IDEuOCA3LjkgNC4zIDEwLjEgNy40czMuMyA3LjIgMy4zIDEyLjJjMCA3LjItMi42IDEzLjEtNy43IDE3LjUtNSA0LjQtMTEuOSA2LjYtMjAuNiA2LjZ6TTI0Ni4xIDM5NC42di01OWgtMTkuM3YtMTMuOWg1NS4xdjEzLjloLTE5LjN2NTloLTE2LjV6TTMzOSAzNDQuN2MwIDMuNC0uNSA2LjYtMS41IDkuN3MtMi40IDUuNi00LjIgNy43Yy0xLjEgMS4zLTIuMyAyLjQtMy43IDMuNS0xLjMgMS4xLTIuOCAyLTQuNCAyLjctMS42LjgtMy40IDEuMy01LjMgMS44LTEuOS40LTQgLjYtNi40LjZoLTguNnYyMy44aC0xNi40di03Mi45aDI1LjRjMy44IDAgNyAuNCA5LjggMS4xIDIuNy44IDUuMiAyIDcuNCAzLjYgMi41IDEuOCA0LjQgNC4zIDUuNyA3LjMgMS41IDMuMyAyLjIgNi45IDIuMiAxMS4xem0tMTYuOS40YzAtMi4xLS40LTMuOC0xLjMtNS4zcy0xLjktMi41LTMuMi0zLjFjLTEuNi0uOC0zLTEuMi00LjUtMS4zLTEuNC0uMS0zLjMtLjItNS44LS4ySDMwNVYzNTdoNS41YzEuNCAwIDIuNi0uMSAzLjYtLjMuOS0uMiAxLjgtLjUgMi44LTFzMS43LTEgMi4zLTEuNmMxLjEtMS4yIDEuOS0yLjUgMi4zLTMuOC40LTEuMi42LTIuOS42LTUuMnoiLz48L3N2Zz4=")}.content-file-icon-type.txt{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48cGF0aCBkPSJNMzM4Ljg1NiAwTDQ0NS44OCAxMDcuMDI0VjUxMkg1OS4yNFYweiIgZmlsbD0iI2UyZTJlMiIvPjxwYXRoIGQ9Ik00NDUuODggMTA3LjAyNEgzMzguODRWMHoiIGZpbGw9IiM5OTkiLz48cGF0aCBkPSJNNDA3LjUyOCA0MjIuODk2SDIyLjA0VjI5My4wMDhoNDY3LjkyeiIgZmlsbD0iIzMzMyIvPjxwYXRoIGQ9Ik01OS4yNCA0NjAuMDh2LTM3LjE4NGgtMzcuMnoiIGZpbGw9IiM5OTkiLz48cGF0aCBkPSJNMTc0LjcxMiAzMzMuNDg4djYxLjk2OGgtMTQuMTZ2LTYxLjk2OEgxMzlWMzIwLjhoNTguMDE2djEyLjY4OGgtMjIuMzA0ek0yNjcuMDggMzIwLjhsLTIyLjQxNiAzNi4xNiAyMy44ODggMzguNDk2aC0xNi42MjRsLTEwLjcyLTE3LjkzNi00LjcwNC04LjQxNi0xLjUzNi0yLjk2LTEuNTg0LTIuOTEyaC0uMjI0bC0xLjYgMi45NzZjLTEuODg4IDMuNTY4LTQuMDQ4IDcuMzQ0LTYuNDQ4IDExLjMxMmwtMTAuNzY4IDE3LjkzNmgtMTcuMDU2bDI0LjQ5Ni0zOC40OTYtMjIuNzUyLTM2LjE2aDE2Ljg5Nmw5Ljk1MiAxNi42MjRhMTk3LjYyMiAxOTcuNjIyIDAgMDE0LjQzMiA3Ljc3NmwxLjM2IDIuNjI0IDEuMzc2IDIuNjI0aC4yMjRsMS4zNi0yLjYyNCAxLjM3Ni0yLjU3NmMxLjE1Mi0yLjI3MiAyLjYyNC00Ljg0OCA0LjM2OC03Ljc2bDkuOTUyLTE2LjY4OGgxNi43NTJ6bTM3LjQwOCAxMi42ODh2NjEuOTY4aC0xNC4xNzZ2LTYxLjk2OEgyNjguNzZWMzIwLjhoNTguMDMydjEyLjY4OGgtMjIuMzA0eiIgZmlsbD0iI2ZmZiIvPjwvc3ZnPg==")}.content-file-icon-type.xlsx{background-image:url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNTEyIDUxMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsPSIjRTJFMkUyIiBkPSJNMzM4Ljg2IDBsMTA3LjAyIDEwNy4wMlY1MTJINTkuMjRWMHoiLz48cGF0aCBmaWxsPSIjOTk5IiBkPSJNNDQ1Ljg4IDEwNy4wMkgzMzguODRWMHoiLz48cGF0aCBmaWxsPSIjMzMzIiBkPSJNNDA3LjUzIDQyMi45SDIyLjA0VjI5My4wMWg0NjcuOTJ6Ii8+PHBhdGggZmlsbD0iIzk5OSIgZD0iTTU5LjI0IDQ2MC4wOFY0MjIuOWgtMzcuMnoiLz48ZyBmaWxsPSIjZmZmIj48cGF0aCBkPSJNMTY1Ljk0IDMyMC44bC0yMi40MTYgMzYuMTYgMjMuOTA0IDM4LjQ5NmgtMTYuNjI0bC0xMC43Mi0xNy45MzZhMTgxLjM1IDE4MS4zNSAwIDAxLTQuNzA0LTguNDE2bC0xLjUzNi0yLjk2LTEuNi0yLjkxMmgtLjIwOGwtMS41ODQgMi45NzZhMjQyLjQ4NSAyNDIuNDg1IDAgMDEtNi40NDggMTEuMzEybC0xMC43ODQgMTcuOTM2SDk2LjE2NGwyNC40OTYtMzguNDk2LTIyLjc1Mi0zNi4xNmgxNi45MTJsOS45NTIgMTYuNjI0YTE5Ni45MzIgMTk2LjkzMiAwIDAxNC40MTYgNy43NzZsMS4zNzYgMi42MjQgMS4zNiAyLjYyNGguMjI0Yy42MjQtMS4xNjggMS4wNzItMi4wNDggMS4zNzYtMi42MjRsMS4zNi0yLjU3NmMxLjE2OC0yLjI3MiAyLjYyNC00Ljg0OCA0LjM2OC03Ljc2bDkuOTUyLTE2LjY4OGgxNi43MzZ6TTE4Ny43NyAzMjAuOHY2MS45NjhoMzUuMDA4djEyLjY4OEgxNzMuNjFWMzIwLjhoMTQuMTZ6TTI4NS4zNCAzNDIuNThIMjcxLjVhMTQuNzA4IDE0LjcwOCAwIDAxLS4xMTItMS41MzZjLS4zMzYtNC4yMDgtMS4yNDgtNi44MzItMi43ODQtNy45MDRzLTUuMTM2LTEuNjMyLTEwLjgzMi0xLjYzMmMtNi43MiAwLTExLjA4OC42MjQtMTMuMTUyIDEuODcyLTIuMDY0IDEuMjMyLTMuMDg4IDMuODQtMy4wODggNy44MDggMCA0LjcwNC44NDggNy41MzYgMi41MTIgOC40NjQgMS42OC45NiA3LjIxNiAxLjY4IDE2LjYyNCAyLjE5MiAxMS4xMi42MjQgMTguMzIgMi4yMjQgMjEuNTg0IDQuNzY4czQuODk2IDcuODU2IDQuODk2IDE1LjkyYzAgOS45MDQtMS45MiAxNi4zMi01LjcyOCAxOS4yMTYtMy44NCAyLjg5Ni0xMi4yNzIgNC4zMzYtMjUuMzI4IDQuMzM2LTExLjcyOCAwLTE5LjUzNi0xLjQyNC0yMy4zNzYtNC4yNzJzLTUuNzYtOC42MDgtNS43Ni0xNy4yOGwtLjA2NC0yLjczNmgxMy43NzZsLjA2NCAxLjZjMCA1LjIuOTEyIDguMzg0IDIuNzM2IDkuNTY4IDEuODA4IDEuMTY4IDYuOCAxLjc0NCAxNC45MjggMS43NDQgNi4zMzYgMCAxMC4zODQtLjY3MiAxMi4xNDQtMi4wMzIgMS43NDQtMS4zNDQgMi42MjQtNC40NDggMi42MjQtOS4zNDQgMC0zLjYxNi0uNjcyLTYtMi03LjE4NHMtNC4xOTItMS45MDQtOC42MDgtMi4xNmwtNy44MDgtLjQ5NmMtMTEuODA4LS42ODgtMTkuMzYtMi4zMzYtMjIuNjQtNC45MjhzLTQuOTI4LTguMTQ0LTQuOTI4LTE2LjY3MmMwLTguNzIgMS45NjgtMTQuNTI4IDUuOTItMTcuNDI0IDMuOTY4LTIuOTEyIDExLjg1Ni00LjM1MiAyMy43MTItNC4zNTIgMTEuMjE2IDAgMTguNzg0IDEuMzQ0IDIyLjY4OCA0czUuODU2IDcuODU2IDUuODU2IDE1LjZ2Mi44NjRoLS4wMTZ6TTM1OS44NiAzMjAuOGwtMjIuNDE2IDM2LjE2IDIzLjkwNCAzOC40OTZoLTE2LjYyNGwtMTAuNzItMTcuOTM2Yy0xLjY2NC0yLjc2OC0zLjIxNi01LjU4NC00LjcyLTguNDE2bC0xLjUzNi0yLjk2LTEuNTg0LTIuOTEyaC0uMjA4bC0xLjU4NCAyLjk3NmMtMS45MDQgMy41NjgtNC4wNjQgNy4zNDQtNi40NjQgMTEuMzEybC0xMC43NjggMTcuOTM2aC0xNy4wNTZsMjQuNDk2LTM4LjQ5Ni0yMi43NTItMzYuMTZoMTYuODk2bDkuOTY4IDE2LjYyNGEyMTkuNDkyIDIxOS40OTIgMCAwMTQuNDE2IDcuNzc2bDEuMzYgMi42MjQgMS4zNzYgMi42MjRoLjIyNGMuNjI0LTEuMTY4IDEuMDcyLTIuMDQ4IDEuMzc2LTIuNjI0bDEuMzYtMi41NzZjMS4xNjgtMi4yNzIgMi42MjQtNC44NDggNC4zNjgtNy43Nmw5Ljk1Mi0xNi42ODhoMTYuNzM2eiIvPjwvZz48L3N2Zz4=")}.content-file-icon-type.xml{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48cGF0aCBkPSJNMzM4Ljg1NiAwTDQ0NS44OCAxMDcuMDI0VjUxMkg1OS4yNFYweiIgZmlsbD0iI2UyZTJlMiIvPjxwYXRoIGQ9Ik00NDUuODggMTA3LjAyNEgzMzguODRWMHoiIGZpbGw9IiM5OTkiLz48cGF0aCBkPSJNNDA3LjUyOCA0MjIuODk2SDIyLjA0VjI5My4wMDhoNDY3LjkyeiIgZmlsbD0iIzMzMyIvPjxwYXRoIGQ9Ik01OS4yNCA0NjAuMDh2LTM3LjE4NGgtMzcuMnoiIGZpbGw9IiM5OTkiLz48cGF0aCBkPSJNMjA3Ljg2NCAzMjAuOGwtMjIuNDMyIDM2LjE2IDIzLjkwNCAzOC40OTZoLTE2LjYyNGwtMTAuNzItMTcuOTM2LTQuNzA0LTguNDE2LTEuNTM2LTIuOTYtMS41ODQtMi45MTJoLS4yMDhsLTEuNiAyLjk3NmEyNDIuNDg1IDI0Mi40ODUgMCAwMS02LjQ0OCAxMS4zMTJsLTEwLjc2OCAxNy45MzZoLTE3LjA1NmwyNC40OTYtMzguNDk2LTIyLjc1Mi0zNi4xNmgxNi44OTZsOS45NTIgMTYuNjI0YTIyMC4yODMgMjIwLjI4MyAwIDAxNC40MzIgNy43NzZsMi43MiA1LjI0OGguMjI0bDEuMzc2LTIuNjI0IDEuMzc2LTIuNTc2YzEuMTUyLTIuMjcyIDIuNjI0LTQuODQ4IDQuMzY4LTcuNzZsOS45MzYtMTYuNjg4aDE2Ljc1MnptMjEuODA4IDB2NjEuOTY4aDM1LjAwOHYxMi42ODhoLTQ5LjE1MlYzMjAuOGgxNC4xNDR6bTk3LjU2OCAyMS43NzZIMzEzLjRsLS4wOTYtMS41MzZjLS4zMzYtNC4yMDgtMS4yNjQtNi44MzItMi44LTcuOTA0cy01LjEzNi0xLjYzMi0xMC44MzItMS42MzJjLTYuNzIgMC0xMS4wODguNjI0LTEzLjE1MiAxLjg3Mi0yLjA2NCAxLjIzMi0zLjA4OCAzLjg0LTMuMDg4IDcuODA4IDAgNC43MDQuODQ4IDcuNTM2IDIuNTI4IDguNDY0IDEuNjY0Ljk2IDcuMjE2IDEuNjggMTYuNjI0IDIuMTkyIDExLjEyLjYyNCAxOC4zMiAyLjIyNCAyMS41NjggNC43NjggMy4yOCAyLjU0NCA0LjkxMiA3Ljg1NiA0LjkxMiAxNS45MiAwIDkuOTA0LTEuOTM2IDE2LjMyLTUuNzQ0IDE5LjIxNi0zLjg0IDIuODk2LTEyLjI3MiA0LjMzNi0yNS4zMTIgNC4zMzYtMTEuNzQ0IDAtMTkuNTM2LTEuNDI0LTIzLjM3Ni00LjI3Mi0zLjg1Ni0yLjg0OC01Ljc3Ni04LjYwOC01Ljc3Ni0xNy4yOGwtLjA2NC0yLjczNmgxMy43NzZsLjA2NCAxLjZjMCA1LjIuOTEyIDguMzg0IDIuNzM2IDkuNTY4czYuOCAxLjc0NCAxNC45MjggMS43NDRjNi4zMzYgMCAxMC40LS42NzIgMTIuMTYtMi4wMzIgMS43NDQtMS4zNDQgMi42MjQtNC40NDggMi42MjQtOS4zNDQgMC0zLjYxNi0uNjg4LTYtMi03LjE4NC0xLjM0NC0xLjE4NC00LjIwOC0xLjkwNC04LjYyNC0yLjE2bC03LjgwOC0uNDk2Yy0xMS44MDgtLjY4OC0xOS4zNi0yLjMzNi0yMi42NC00LjkyOHMtNC45MjgtOC4xNDQtNC45MjgtMTYuNjcyYzAtOC43MiAxLjk2OC0xNC41MjggNS45MzYtMTcuNDI0IDMuOTUyLTIuOTEyIDExLjg0LTQuMzUyIDIzLjY5Ni00LjM1MiAxMS4yMzIgMCAxOC44IDEuMzQ0IDIyLjcwNCA0czUuODQgNy44NTYgNS44NCAxNS42djIuODY0aC0uMDE2eiIgZmlsbD0iI2ZmZiIvPjwvc3ZnPg==")}.content-file-icon-type.zip{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48cGF0aCBmaWxsPSIjZTJlMmUyIiBkPSJNMzM4Ljg1NiAwTDQ0NS44OCAxMDcuMDI0VjUxMkg1OS4yNFYweiIvPjxwYXRoIGZpbGw9IiM5OTkiIGQ9Ik00NDUuODggMTA3LjAyNEgzMzguODRWMHoiLz48cGF0aCBmaWxsPSIjMzMzIiBkPSJNNDA3LjUyOCA0MjIuODk2SDIyLjA0VjI5My4wMDhoNDY3LjkyeiIvPjxwYXRoIGZpbGw9IiM5OTkiIGQ9Ik01OS4yNCA0NjAuMDh2LTM3LjE4NGgtMzcuMnoiLz48cGF0aCBkPSJNMjI1LjU0NCAzMjAuOHYxMS44NzJsLTQxLjIzMiA1MC40MTZ2LjQzMmg0MS43Mjh2MTEuOTJoLTU5LjY2NHYtMTIuMDk2bDQwLjkxMi01MC4xOTJ2LS40MzJoLTM5LjEwNFYzMjAuOGg1Ny4zNnptMjMuNjggMHY3NC42NTZoLTE0LjE2VjMyMC44aDE0LjE2em0xMy4yNDggNzQuNjU2VjMyMC44aDMzLjc5MmMxMC4wOTYgMCAxNi45MTIgMS43NiAyMC40MTYgNS4yOHM1LjI4IDEwLjMyIDUuMjggMjAuMzY4YzAgOS45ODQtMS42OCAxNi42MjQtNS4wMjQgMTkuOTA0LTMuMzYgMy4yOC0xMC4xNDQgNC45MjgtMjAuMzM2IDQuOTI4bC0zLjI4LjA0OGgtMTYuNjg4djI0LjEyOGgtMTQuMTZ6bTE0LjE2LTM2LjAxNmgxNi4xNDRjNi40IDAgMTAuNDgtLjc1MiAxMi4yMjQtMi4yMjQgMS43MjgtMS40ODggMi41OTItNC45NzYgMi41OTItMTAuNDY0IDAtNi4zMi0uNzItMTAuMjI0LTIuMTYtMTEuNzI4cy01LjE4NC0yLjI3Mi0xMS4yMzItMi4yNzJoLTE3LjU2OHYyNi42ODh6IiBmaWxsPSIjZmZmIi8+PC9zdmc+")}.content-file-name{position:relative;width:100%;padding-left:15px;padding-right:15px;-webkit-flex-basis:0;-ms-flex-preferred-size:0;flex-basis:0;-webkit-box-flex:1;-webkit-flex-grow:1;-moz-box-flex:1;-ms-flex-positive:1;flex-grow:1;min-width:0;max-width:100%}#content .content-file-name-link{color:#000}.content-file-name-info{font-size:14px;color:grey}@media (min-width: 768px){.content-file-name-info{font-size:12px}}.content-file-name-info span+span:before{content:" / "} body { font-family: 'Ubuntu', sans-serif; font-weight: bold; } .select2-container { min-width: 400px; } .select2-results__option { padding-right: 20px; vertical-align: middle; } .select2-results__option:before { content: ""; display: inline-block; position: relative; height: 20px; width: 20px; border: 2px solid #e9e9e9; border-radius: 4px; background-color: #fff; margin-right: 20px; vertical-align: middle; } .select2-results__option[aria-selected=true]:before { font-family:fontAwesome; content: "\f00c"; color: #fff; background-color: #f77750; border: 0; display: inline-block; padding-left: 3px; } .select2-container--default .select2-results__option[aria-selected=true] { background-color: #fff; } .select2-container--default .select2-results__option--highlighted[aria-selected] { background-color: #eaeaeb; color: #272727; } .select2-container--default .select2-selection--multiple { margin-bottom: 10px; } .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple { border-radius: 4px; } .select2-container--default.select2-container--focus .select2-selection--multiple { border-color: #f77750; border-width: 2px; } .select2-container--default .select2-selection--multiple { border-width: 2px; } .select2-container--open .select2-dropdown--below { border-radius: 6px; box-shadow: 0 0 10px rgba(0,0,0,0.5); } #contr #contr { margin: 0 !important; } #fancybox-outer { width: 100% !important; } .modal_layout { width: 100%; background: white; } .checkbox-wrapper { display: flex; } .checkbox-wrapper #privacy{ width: 20px; height: 20px; margin: 0 10px; } .checkbox-wrapper .text { width: 100%; } .cookie_notice { display: none; position: fixed; z-index: 9999999; bottom: 0; left: 0; right: 0; text-align: center; font-size: 15px; font-family: Verdana, sans-serif; color: #FFF; background: #007ac1; border-top: 4px solid #e73; } .cookie_notice a{ color: #e73; font-weight: bold; } .cookie_notice .elem-level-1 { padding: 10px 20px; position: relative; } .cookie_notice .elem-level-1 #cookie_close{ position: absolute; top: 45%; margin: auto; width: 25px; } .cookie_notice .elem-level-1 #cookie_close:hover { cursor: pointer; } .cookie_notice .elem-level-1 #cookie_close::after, .cookie_notice .elem-level-1 #cookie_close::before { content: ""; position: absolute; width: 20px; height: 3px; background: white; } .cookie_notice .elem-level-1 #cookie_close::before { transform: rotate(45deg); } .cookie_notice .elem-level-1 #cookie_close::after { transform: rotate(-45deg); } #content .product_table_all_products { float: left; } #afbf_checkbox_polcy_fid1, #afbf_checkbox_mailing_fid1{ display: none!important; } .checkbox-valid-2{ margin-top: 10px; } /* End */ /* Start:/bitrix/components/bitrix/search.title/templates/new_search/style.css?16637672374950*/ div.title-search-result { border:1px solid #c6c6c6; display:none; overflow:hidden; z-index:205; } table.title-search-result { border-collapse: collapse; border:none; width:10%; } table.title-search-result th { background-color:#F7F7F7; border-right:1px solid #e8e8e8; color:#949494; font-weight:normal; padding-top:2px; padding-bottom:2px; padding-left:14px; padding-right:12px; text-align:right; vertical-align:top; white-space:nowrap; width:1%; } table.title-search-result td { background-color:white; color:black; font-weight:normal; padding-top:2px; padding-bottom:2px; text-align:left; white-space:nowrap; } table.title-search-result td.title-search-item { padding-left:8px; padding-right:15px; } table.title-search-result td.title-search-item a { padding-left:4px; padding-right:15px; text-decoration: none; color:black; vertical-align:top; display:block; } table.title-search-result td.title-search-item img { vertical-align:top; } table.title-search-result td.title-search-item b { color:#cf0000; font-weight:normal; } table.title-search-result tr.title-search-selected td ,table.title-search-result tr.title-search-selected a ,table.title-search-result tr.title-search-selected td.title-search-more a { background-color:#fff2be; } table.title-search-result td.title-search-more { font-size:11px; font-weight:normal; padding-right:15px; padding-left:24px; padding-top:0px; } table.title-search-result td.title-search-more a { padding-left:12px; padding-right:15px; text-decoration:none; color:#999999; } table.title-search-result td.title-search-all { padding-left:24px; padding-right:15px; } table.title-search-result td.title-search-all a { padding-left:4px; text-decoration:none; color:#808080; } table.title-search-result td.title-search-separator , table.title-search-result th.title-search-separator { padding-top:0px; padding-bottom:0px; font-size:4px; } div.title-search-fader { display:none; background-image: url('/bitrix/components/bitrix/search.title/templates/new_search/images/fader.png'); background-position: right top; background-repeat: repeat-y; position:absolute; } /*.text-input input#title-search-input{ border: 2px solid #EE7733; box-sizing: border-box; border-radius: 5px; padding: 16px 0 18px 17px; width: 601px; position: relative; font-size: 20px; line-height: 23px; color: #333333; }*/ .text-input input.button_search{ border: 0; font-size: 0; padding: 0; background: url("/bitrix/components/bitrix/search.title/templates/new_search/../new_search/images/Vector.png"); width: 23px; height: 22px; background-size: contain; position: absolute; margin-top: 16px; right: 0; margin-right: 18px; cursor: pointer; } /*.text-input input#title-search-input::-webkit-input-placeholder { font-family: Roboto; font-style: normal; font-weight: normal; font-size: 20px; line-height: 23px; color: #BDBDBD; } .text-input input#title-search-input::-moz-placeholder { font-family: Roboto; font-style: normal; font-weight: normal; font-size: 20px; line-height: 23px; color: #BDBDBD; }/* Firefox 19+ */ /*.text-input input#title-search-input:-moz-placeholder { font-family: Roboto; font-style: normal; font-weight: normal; font-size: 20px; line-height: 23px; color: #BDBDBD; }/* Firefox 18- */ /*.text-input input#title-search-input:-ms-input-placeholder { font-family: Roboto; font-style: normal; font-weight: normal; font-size: 20px; line-height: 23px; color: #BDBDBD; }*/ .title-search-result{ background: #FFFFFF; border: 1px solid #C4C4C4; box-sizing: border-box; border-radius: 5px; padding: 20px 30px; } .title-search-item{ padding-bottom: 16px; border-bottom: 1px solid #E0E0E0; margin-bottom: 13px; } .title-search-item:last-child{ padding-bottom: 0; border-bottom: 0; margin-bottom: 0; } .title-search-item a{ font-size: 18px; line-height: 150%; color: #000000; display: flex; align-items: center; justify-content: space-between; } .title-search-item a:hover { color: #EE7733; } .name_img-block{ display: flex; align-items: center; } .title-search-item img{ margin-right: 11px; } .arrow-search{ background: url("/bitrix/components/bitrix/search.title/templates/new_search/../new_search/images/arrow.png"); width: 7px; height: 13px; background-size: cover; } .title-search-item a:hover .arrow-search{ background: url("/bitrix/components/bitrix/search.title/templates/new_search/../new_search/images/arrow2.png"); width: 7px; height: 13px; background-size: cover; } .onfocus ~ input, .text-input input.button_search:hover{ background: url("/bitrix/components/bitrix/search.title/templates/new_search/../new_search/images/Vector2.png")!important; width: 23px; height: 22px; background-size: contain; } @media (max-width: 800px) { .form-search-wrap.new_searchs{ width: calc(100% - 20px)!important; padding: 0; margin: 30px 10px 10px; } } @media (max-width: 420px) { div.title-search-result{ padding: 10px 15px; } .title-search-item{ padding-bottom: 10px; border-bottom: 1px solid #E0E0E0; margin-bottom: 6px; } .name_search{ font-size: 14px; line-height: 14px; } } /* End */ /* Start:/bitrix/templates/elsnab3/components/bitrix/breadcrumb/breadcrumb/style.css?1663684315207*/ ul.breadcrumb-navigation { padding:0; margin:0; padding-top:4px; list-style:none; } ul.breadcrumb-navigation li { display:inline; } ul.breadcrumb-navigation a { } ul.breadcrumb-navigation span { } /* End */ /* Start:/bitrix/templates/elsnab3/template_styles.css?1739432666149298*/ @font-face { font-family: "Roboto"; src: url("/bitrix/templates/elsnab3/fonts/Roboto-Regular.eot"), url("/bitrix/templates/elsnab3/fonts/Roboto-Regular.woff"); font-style: normal; font-weight: normal; } @font-face { font-family: megaicons; src: url(/fonts/megaicons.eot); src: url(/fonts/megaicons.eot?#iefix) format("embedded-opentype"), url(/fonts/megaicons.woff) format("woff"), url(/fonts/megaicons.ttf) format("truetype"), url(/fonts/megaicons.svg#megaicons) format("svg"); } @font-face { font-family: 'Glyphicons Halflings'; src: url('/bitrix/templates/elsnab3/bootstrap/fonts/glyphicons-halflings-regular.eot'); src: url('/bitrix/templates/elsnab3/bootstrap/fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('/bitrix/templates/elsnab3/bootstrap/fonts/glyphicons-halflings-regular.woff2') format('woff2'), url('/bitrix/templates/elsnab3/bootstrap/fonts/glyphicons-halflings-regular.woff') format('woff'), url('/bitrix/templates/elsnab3/bootstrap/fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('/bitrix/templates/elsnab3/bootstrap/fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg'); } @font-face { font-family: SvyaznoyRF; src: url(/fonts/SvyaznoyRF400.woff) format("woff"); } @font-face { font-family: 'Calibri'; src: url("/bitrix/templates/new_index/css/fonts/calibri.ttf"); font-weight: 300; } @font-face { font-family: 'Calibri'; src: url("/bitrix/templates/new_index/css/fonts/calibrib.ttf"); font-weight: 700; } @font-face { font-family: 'Calibri'; src: url("/bitrix/templates/new_index/css/fonts/calibril.ttf"); font-weight: 100; } @font-face { font-family: 'bebasR'; src: url("/bitrix/templates/new_index/fonts/BebasNeue Regular.ttf"); font-weight: 300; } html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, 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, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; /*padding: 0;*/ border: 0; /* font-size: 100%; font: inherit; vertical-align: baseline; */ font-family:"Roboto"; } b, strong { font-weight: bold!important; } em{ font-style: italic; } html,body { position: relative; z-index: 0; width: 100%; height: 100%; margin: 0; padding: 0; background-color: #dedede !important; } img { border: 0; } button{ outline: none !important; } .filters_list{ padding-top: 15px; } .lip { position: fixed; width: 100%; top: 0px; z-index: 20000; } .bx-wrapper { float: right !important; } *, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } ul { list-style-type: square; } a:hover { text-decoration: none !important; } #mainDocument { position: relative; background-color: white; max-width: 1240px; width: 100%; margin: 0 auto; min-height:auto; /* shandow */ -webkit-box-shadow: 0px 0px 15px 5px #b4b4b4; -moz-box-shadow: 0px 0px 15px 5px #b4b4b4; box-shadow: 0px 0px 15px 5px #b4b4b4; } .glyphicon { position: relative; top: 1px; display: inline-block; font-family: 'Glyphicons Halflings'; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .glyphicon-menu-down:before { content: "\e259"; } .glyphicon-chevron-right:before { content: "\e080"; } #loadr{} input[type='submit'] { -webkit-appearance: none; -moz-appearance: none; appearance: none; /*added no border rounding*/ -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } input[type='reset'] { -webkit-appearance: none; -moz-appearance: none; appearance: none; /*added no border rounding*/ -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } td{ /* vertical-align:top; */ } .starrequired{ color:red; } .errortext{ color:red; } .opacity-wrap{ display:none; position:fixed; background:#000; opacity:0.3; width:100%; height:100%; top:0; left:0; bottom:0; z-index:9999; } .b-product-block__name{ line-height:18px; font-family: "Roboto"; } .b-second-line__header__count{ position:absolute; font-family: "Roboto"; font-size: 14px; color: #b2b2b2; line-height: 42px; display: inline-block; right:45px; } .b-second-line__header__count:after { content: "."; clear: both; display: block; height: 0; visibility: hidden; } .menu > .item { position: relative; outline:none !important; } .menu > .item > a { position: relative; z-index: 1; font-family: "Roboto"; } .menu > .item > a:hover { position: relative; z-index: 3; color: white; text-decoration: none; } .menu > .item > label { position: absolute; top: 0; left: 0; z-index: 2; display: block; width: 100%; height: 100%; } .menu > .item:hover > a ~ ul, .menu > .item:focus > a ~ ul, .menu > .item > input:checked + ul { display: block; } #content ul.equipment-menu li a{ font-size:15px; } #content ul.equipment-menu ul li a{ font-size:14px; } #content ul.equipment-menu ul li ul li a{ font-size:13px; } #content ul.equipment-menu ul li ul li ul li a{ font-size:13px; } header { position: relative; } header div.h-tools { height: 120px; width: 1240px; margin: 0px auto; position:relative; padding-top: 4px; } header div.h-tools-logo { float: left; margin: 5px 0px 0px 24px; } /* Телефоны, онлайн консультант */ header div.h-tools-contacts-box-1 { float: left; margin: 22px 0px 0px 95px; width:250px; } header div.h-tools-contacts-box-15 { float: left; margin: 16px 0px 0px 2px; width: 250px; display:none; } header div.h-tools-contacts-box-1-phone { font-family: "Roboto"; line-height: 22px; font-size: 22px; color: black; } header div.h-tools-contacts-box-1-onlineConsultant a:hover { color: #ed7517; } header div.h-tools-contacts-box-1-onlineConsultant a { display:block; background: url("/bitrix/templates/elsnab3/images/icon-headphones.gif") no-repeat -2px 1px; padding-left: 26px; margin-bottom:5px; font-family: "Roboto", Helvetica, sans-serif; text-decoration: none; white-space: nowrap; line-height: 2; font-size: 12px; color: #0066b1; } header div.h-tools-contacts-box-1-orderCall a:hover { color: #ed7517; } header div.h-tools-contacts-box-1-orderCall a { display:block; background: url("/bitrix/templates/elsnab3/images/icon-orderCall.gif") no-repeat -2px 1px; padding-left: 26px; font-family: "Roboto"; text-decoration: none; white-space: nowrap; line-height: 2; font-size: 13px !important; color: #0066b1; margin-bottom: 5px; } header div.h-tools-contacts-box-1-orderCall.dir a{ background: url("/bitrix/templates/elsnab3/images/dir.png") no-repeat -5px -4px; background-size: 30px; } /* Бокс-2 (телефоны) */ header div.h-tools-contacts-box-2 { float: right; width:200px; padding-top: 17px; margin-right: 200px; } header div.h-tools-contacts-box-2-phone { font-family: "Roboto"; line-height: 24px; font-size: 22px; color: black; } header div.h-tools-contacts-box-2-callInfo { font-family: "Roboto"; text-decoration: none; white-space: nowrap; line-height: 2; font-size: 12px; color: #979797; } .head__addr{ margin-top:2px; } .head__time{ font:12px; color:#a6a6a6; margin-top:3px; } .head__addr a{ font:12px; color:#006ac2; text-decoration:none; } .head__addr a:hover{ color:#ed7517; } .cur__loc{ background:url(/bitrix/templates/elsnab3/images/loc_arr.png) right 5px no-repeat; padding-right:10px; } header div.h-tools-links { position: absolute !important; /* width: 130px; */ right: 0px; clear: right; } #small-basket{ top:26px; text-align:right; } header div.h-tools-links a.h-tools-links-registration, header div.h-tools-links a.h-tools-links-cabEnter, header div.h-tools-links a.h-tools-links-basket { display: inline-block; height: 24px; font-family: "Roboto"; text-decoration: none; white-space: nowrap; line-height: 24px; font-size: 13px; color: #0066b1; } header div.h-tools-links a.h-tools-links-registration {padding-left: 28px;} header div.h-tools-links a.h-tools-links-cabEnter {display:block;} header div.h-tools-links a.h-tools-links-basket { background: url(/img/basket_sm.png) no-repeat 0 0; background-size: contain; /* padding-left: 30px; */ margin-left:12px; font-size:13px; text-align:right; } /* Кнопка "Отправить запрос */ header a.h-tools-link-buttonSendQuery { float: none; display:block; width:100px; padding-left: 27px; min-width: 127px; height: 22px; margin-bottom:5px; background: url("/images/interface.png") no-repeat left 1px; background-size:contain; border-radius: 3px; font-family: "Roboto"; text-decoration: none; white-space: nowrap; line-height: 22px; font-size: 13px; color: #ed7615; } header a.h-tools-link-buttonSendQuery2 { float: none; display:block; width:100px; padding-left: 27px; min-width: 127px; height: 22px; margin-bottom:5px; background: url("/img/ent.png") no-repeat left 1px; background-size:contain; border-radius: 3px; font-family: "Roboto"; text-decoration: none; white-space: nowrap; line-height: 22px; font-size: 13px; color: #ed7615; } header a.h-tools-link-buttonSendQuery3 { float: none; display:block; width:100px; padding-left: 27px; min-width: 127px; height: 22px; margin-bottom:5px; background: url("/img/key22.png") no-repeat left 1px; background-size:contain; border-radius: 3px; font-family: "Roboto"; text-decoration: none; white-space: nowrap; line-height: 22px; font-size: 13px; color: #ed7615; } /* меню (горизонтальное), поиск */ header nav { position: relative; z-index: 100; background-color: #007ac1; height: 32px; border-radius: 3px; width:100%; margin:0px; padding:0px; } header nav ul { list-style: none; margin: 0px; padding: 0px; position: relative; } header nav ul li { /* position: relative; */float: left;} header nav ul li:last-child { border-right: none; } header nav ul li:first-child a { border-radius: 3px 0 0 3px; } header nav ul li a:hover { background-color: #004d9d; } header nav ul li a.act { background-color: #004d9d; color: white; } header nav ul li a { display: block; height: 32px; font-family: "Roboto"; text-decoration: none; white-space: nowrap; line-height: 31px; font-size: 14px; color: white; padding: 0px 22px; } /* 2-ой уровень */ header nav .elem-level-2 { position: absolute; z-index: 1001; top: 32px; left: 0; display: none; background-color: white; /* border-radius: 5px; */ border: #e5e5e5 1px solid; padding-top: 8px; padding-bottom: 8px; /* min-height:359.5px; */ } header nav .elem-level-2 li{ float:none; border:0 none !important; } header nav .elem-level-2 a:hover { background: none; color: #ed7517; } header nav .elem-level-2 a.act { color: #ed7517; background: none; } header nav .elem-level-2 a { border: 0; display: block; background: none; padding: 0; margin: 0; height: 28px; position:relative; z-index:1001; padding-left: 25px; padding-right: 25px; text-align: left; line-height: 28px; font-size: 13px; color: black; } /* контейнер поиска */ .form-search-wrap { float: left; /* margin: 31px 0px 0px 69px; */ margin: 31px 0px 0px 147px; position:relative; } .form-search-wrap input.search-query { height: 32px; padding: 0; margin: 0; border-radius: 2px; border: 2px solid #ed7517; padding-left: 9px; width: 231px; font-family: "Roboto"; vertical-align: middle; font-size: 13px; color: #888787; outline: none; transition-timing-function: ease; transition: all 1500ms; } .form-search-wrap input.search-query:focus { width:350px; } .form-search-wrap input.submit-query:hover { background: #ed5917;} .form-search-wrap input.submit-query { padding: 0; margin: 0; border: 0; border: none; width: 77px; height: 32px; background: #ed7517; border-radius: 0 5px 5px 0; cursor: pointer; font-family:"Roboto"; text-decoration: none; white-space: nowrap; line-height: 12px !important; vertical-align: middle; text-align: center; font-size: 14px; color: white; outline:none !important; } #breadcrumb { margin: 8px 25px 22px 21px; } #breadcrumb a.last { background: none; color: black; } #breadcrumb a:hover { color: #ed7517; } #breadcrumb a { border: red 0px solid; display: inline-block; height: 20px; background: url("/bitrix/templates/elsnab3/images/breadcrumb-arrow.png") right 5px no-repeat; padding-right: 12px; font-family:"Roboto"; text-decoration: none; line-height: 20px; font-size: 14px; color: #0066b1; } #breadcrumb span { font-size: 14px; } #backlink { position:relative; top:-7px; margin-bottom:5px; } #backlink a:hover { color: black; } #backlink a { border: red 0px solid; padding-right: 12px; font-family: "Roboto"; text-decoration: none; font-weight: bold; line-height: 20px; font-size: 14px; color: #0066b1; } #content { position: relative; margin-top: 30px; font-family: "Roboto"; color: black; } .search-page b{ background-color:#fbe99f; } #content.page-other{ overflow:hidden; margin-bottom:15px; } #content div.column-left { position: relative; float: left; width: 225px; margin-left: 23px; font-size: 13px; } #content div.column-center { position: relative; float: left; width: 676px; margin-left: 23px; font-size: 13px; padding-right: 15px; padding-left: 15px; } #content div.column-center-full { position: relative; float: left; width: 934px; margin-left: 23px; font-size: 13px; margin-bottom: 15px; } #content div.column-center-full2 { position: relative; float: left; width: 735px; margin-left: 23px; font-size: 13px; margin-bottom: 15px; } #content div.column-right { position: relative; float: left; width: 235px; margin-left: 23px; font-size: 13px; } #content div.column-full { position: relative; margin-left: 23px; margin-right: 23px; font-size: 13px; } #content .index__h1{ font:bold 28px "Roboto"; margin-left:32px; } #content h1 {font-weight: bold; padding: 0; margin-top: 0; font-size: 18px; line-height: 22px;} #content h2 { font-size: 18px; font-weight: normal; } #content h3 { font-size: 16px; font-weight: bold; } #content a { text-decoration: none; color: #007ac1; } #content a:hover { color: #ed7517; } #content a.act { color: #ed7517; } footer { position: relative; height: 60px; width:1240px; margin:0px 0px 0px auto; line-height: 16px; font-size: 13px; color: #adccdc; background-color: #004d9d; } footer div.f-copyright {float: left; margin-left: 10px; margin-top: 10px;font-family:"Roboto";} footer div.f-contacts { float: right; margin-top: 10px; font-size: 14px; font-family:"Roboto"; margin-right: 70px; } footer div.f-contacts span.f-email {display: block; padding-top: 6px; color: white; font-size: 14px; } footer div.f-contact-right{ float: left; margin-left: 116px; padding:10px 24px 0px 0px; height: 90px; font-family: "Roboto"; } footer div.f-contact-right a{ color:#fff; text-decoration:none; } footer div.f-contact-right a:hover{ text-decoration:underline; } .mailto_bottom{ color: rgba(250, 250, 250, 0.6); font-weight: 700; text-decoration: none; } .mail2{ display: none !important; } /* Общее для всех */ .div-left { float: left; } .div-right { float: right; } .clear-left { clear: left; } .clear-right { clear: right; } .clear-both { clear: both; } .div-table { display: table; } .div-table.alignCenter { margin: 0 auto; } .div-table.w100 { width: 100%; } .div-table-row { display: table-row; } .div-table-cell { display: table-cell; vertical-align: middle; } .div-table-cell.w50 { width: 50%; } .div-table-cell.alignCenter { text-align: center; } .strike { text-decoration: line-through; } /* shandow */ /* постраничная навигация */ .pagination { height: 32px; margin-top: 0px; margin-bottom: 16px; text-align: left; width: 673px; font-size: 14px; color: black; } .pagination b { padding-right: 10px; } .pagination a.act { background-color: #f78b1f !important; color: white !important; font-weight: bold; font-size: 17px; min-width: 33px; margin: 0; padding: 0; } .pagination a:hover { color: black; } .pagination a { display: inline-block; min-width: 27px; height: 33px; border-radius: 33px; margin-left: 0px; margin-right: 0px; padding-left: 0px; padding-right: 0px; text-decoration: none; text-align: center; line-height: 33px; font-size: 14px; color: #0066b1; } /*Общие переопределения*/ #content.page-catalog-list { margin-top: 30px; } /* Колонка слева (меню) */ #content div.content-catalog-list-column-left { float: left; width: 235px; margin-left: 23px; } #content div.content-catalog-list-column-left-label-1 { font-size: 22px; line-height: 24px; margin-top: -3px; } #content div.content-catalog-list-column-left-label-2 { margin: 12px 0 10px 0; height: 24px; padding-right: 25px; padding-left: 1px; display: inline-block; background: url("/bitrix/templates/elsnab3/images/icon-arrow-down.png") right 4px no-repeat; font-size: 15px; font-weight: bold; line-height: 24px; } #content div nav { border: red 0px solid; padding-left: 2px; margin-top: 3px; } #content div nav ul { list-style: none; margin: 0px; padding: 0px; overflow: hidden; } #content div nav > ul { border:1px solid #cbcbcb; border-radius:5px; padding:10px; } #content div nav ul li:first-child { margin-top: 0; } #content div nav ul li { margin: 0px; padding: 0px; margin-top: 10px; border: red 0px solid; } #content div nav ul li a { display: inline; color: #0066b1; text-decoration: none; font-size: 14px; line-height: 17px; } #content div nav ul li a:hover { color: #ed7517; } #content div nav ul li a.act { color: #ed7517; } /* 2-ой, 3-тий уровень */ #content div nav ul li ul { margin-left: 12px; margin-top: 10px; margin-bottom: 20px; } #content div nav ul li ul li a { font-weight: normal; font-size: 13px; line-height: 13px; } #content div nav ul li ul li ul { margin-left: 12px; margin-top: 10px; } #content div nav ul li ul li ul li a { font-weight: normal; font-size: 12px; } /* Колонка справа (список товаров) */ #content div.content-catalog-list-column-right { float: right; width: 915px; margin-right: 25px; } #content div.content-catalog-list-elements { margin-left: -21px; } #content div.content-catalog-list-element { overflow: hidden; display: inline-block; width: 161px; margin-left: 22px; margin-bottom: 23px; vertical-align: top; text-align: center; font-size: 14px; } #content div.content-catalog-list-element a { display: block; text-decoration: none; color: #0066b1; line-height: 14px; } #content div.content-catalog-list-element a:hover { color: #ed7517; } #content div.content-catalog-list-element:hover {/* border: 2px solid #007ac1;width: 157px; height:246px;*/box-shadow: 0 0 5px #007ac1;} #content div.content-catalog-list-element:hover img { /*margin-left: -2px;margin-top: -2px;*/} #content div.content-catalog-list-element img {max-width:159px;max-height:161px; margin-bottom: 6px; border-radius: 3px;border:1px solid #f0f0f0; } /******Главная слайдер брендов********/ .arr-slide{ background-position:left top; cursor: pointer; display: inline; height: 54px; position: absolute; top: 31px; width: 54px; } .arr-slide.arr-slide-left{ left: 29px; background: url(/bitrix/templates/elsnab3/images/slider-bottom-redo.png) left -54px no-repeat; } .arr-slide.arr-slide-left:hover{ background: url(/bitrix/templates/elsnab3/images/slider-bottom-redo.png) left -108px no-repeat; } .arr-slide.arr-slide-left.disabled{ background: url(/bitrix/templates/elsnab3/images/slider-bottom-redo.png) left 0px no-repeat; } .arr-slide.arr-slide-right{ right:31px; background: url(/bitrix/templates/elsnab3/images/slider-bottom-next.png) left -54px no-repeat; } .arr-slide.arr-slide-right:hover{ background: url(/bitrix/templates/elsnab3/images/slider-bottom-next.png) left -108px no-repeat; } .arr-slide.arr-slide-right.disabled{ background: url(/bitrix/templates/elsnab3/images/slider-bottom-next.png) left 0px no-repeat; } #solution-list .active{ color:#000; } /*****My elsnab описание*******/ .fleft{ float:left; } .fright{ float:right; } .clear{ clear:both; } .clear-block{ overflow:hidden; } .myelsnab-news ul{ list-style-position:inside; } #content div.myelsnab-news.column-right{ margin-top:-34px; font-size:12px; font-family:"Roboto",Helvetica,sans-serif; } #content div.myelsnab-news.column-right h4{ font-size:13px; } #content div.myelsnab-news.column-center{ font-size:16px; font-family:"Roboto",Helvetica,sans-serif; margin-left:0px; } p{ margin-top: 0; margin-bottom: 0 !important; } #content .myelsnab-news p{ /* margin:5px 0px; */\ margin-top: 0; margin-bottom: 0; } #content .myelsnab-news h3{ margin-bottom:25px; margin-top:0px; } #content .myelsnab-news.column-center h2{ /* margin-top:25px; */ } #content .myelsnab-news p a{ /* color:#0066b1; */ } .filt-lab{ padding:0px 5px; } #content .myelsnab-news p a:hover{ color:#ed7517; } #content .myelsnab-news div{ /* margin-bottom:20px; */ } /******Мой элснаб кабинет*****/ .column-center-full h1{ margin-top:0px; } .column-center-full > a{ color:#0066b1; font-size:13px; font-family:"Roboto",sans-serif; text-decoration:none; } .personal-links-wrap{ margin:20px 0px; border-bottom:1px solid #cbcbcb; } .personal-links-wrap .personal-link-b{ background: none repeat scroll 0 0 #F9F9F9; float: left; height: 40px; margin-left: 4px; position: relative; width: 308px; } .personal-links-wrap .personal-link-b:first-child{ margin-left:0px; } .personal-links-wrap .personal-link-b a{ border-left: 1px solid #cbcbcb; border-radius: 6px 6px 0 0; border-right: 1px solid #cbcbcb; border-top: 1px solid #cbcbcb; display: block; height: 100%; position: absolute; text-align: center; width: 100%; font:bold 15px/40px "Roboto"; color:#0066b1; text-decoration:none; } .personal-links-wrap .personal-link-b a.active{ background:#fff; color:#000; } .personal-order-list-wrap{ } .personal-order-list-wrap.page2, .personal-order-list-wrap.page3{ display:none; } .pers-ord-list-b{ margin-bottom:20px; } .personal-link{ display:block; font:bold 15px "Roboto"; color:#0066b1; margin-bottom:25px; } .personal-order-list-title{ font:bold 15px "Roboto"; margin-bottom:20px; } .pers-order-desc div{ margin-bottom:5px; font-size:13px; font-weight:bold; } .pers-order-desc div:first-child{ margin-bottom:9px; } .personal-order-list-table-bord{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width:100%; border:1px solid #cbcbcb; margin-top:15px; border-radius:5px; overflow:hidden; } .personal-order-list-table{ width:100%; border-collapse:collapse; border: 1px solid #cbcbcb; } .personal-order-list-table td{ height:42px; text-align:center; border-left:1px solid #cbcbcb; border-top:0 none; border-bottom:1px solid #cbcbcb; border-right:0 none; } .personal-order-list-table td:first-child{ text-align:left; padding-left:20px; } .personal-order-list-table tr:last-child td{ border-bottom:none; } .tech-doc-table tr td{ border: 1px solid #cbcbcb; } .tbl-btn-b{ text-align:right; margin-top:10px; } .personal-order-list-table a{ color:#0066b1; font-size:13px; font-family:"Roboto",Helvetica,sans-serif; text-decoration:none; } #content input.add-in-order.pers-btn{ height:24px; } /*****Список листов ожидания******/ .personal-order-list-table thead{ border-bottom:1px solid #cbcbcb; font-size:14px; } .personal-order-list-table thead td{ background:#f5f5f5; } .personal-list-wait-b .personal-order-list-table td{ padding:0; text-align:center; } .align-left{ text-align:left; } .personal-list-wait-b .personal-order-list-table .align-left{ text-align:left; padding-left:20px; } .personal-list-detail-wrap .personal-order-list-table .align-left{ text-align:left; padding-left:20px; } /*********Лист ожидания детально**********/ #content .personal-list-detail-wrap h1{ font:bold 15px "Roboto"; } .small-link{ color: #0066B1; font: bold 13px "Roboto"; } .list-det-btn{ overflow:hidden; margin:20px 0px; } #content .personal-list-detail-wrap .list-det-btn :first-child{ float:left; width:180px; } #content .personal-list-detail-wrap .list-det-btn :last-child{ float:right; width:320px; } .personal-order-list-table input[type="text"]{ width:53px; height:23px; border:1px solid #b7b7b7; margin:0; text-align:center; } .line-through{ text-decoration:line-through; } .personal-list-detail-sum{ padding-top:10px; border-top:1px solid #cbcbcb; } #content .personal-list-detail-sum-txt{ font:bold 15px "Roboto"; text-align:right; } .personal-list-detail-commercy{ margin-top:45px; margin-bottom:15px; overflow:hidden; } .pers-list-det-comm{ background:#f8f8f8; border:1px solid #bfbfbf; border-radius:5px; text-align:center; padding:15px 0px; } .pers-list-det-comm.fleft{ width:531px; margin-right:15px; } .pers-list-det-comm.fright{ width:345px; } .personal-list-detail-commercy-title{ font:20px "Roboto"; color:#000; } .commercy-links-b{ padding-top:36px; } .commercy-links-i{ display:inline-block; margin-bottom:10px; text-align:center; font:14px "Roboto"; color:#0066b1; padding-left:30px; } .commercy-links-i.arr-down{ background:url(/bitrix/templates/elsnab3/images/comm_arr.png) left center no-repeat; padding-left:20px; } .mail-comm{ background:url(/bitrix/templates/elsnab3/images/comm_mail.png) left center no-repeat; } .print-comm{ background:url(/bitrix/templates/elsnab3/images/comm_print.png) left center no-repeat; } .pers-list-det-fakt{ margin-top:15px; width:242px; margin:0 auto; text-align:center; } .pers-list-det-fakt > div{ overflow:hidden; margin:10px 0px; font:bold 14px "Roboto"; } .fakt{ float:left; width:111px; line-height:24px; text-align:left; } .fakt-inp{ float:left; width:129px; height:22px; border:1px solid #b7b7b7; } .fakt-select{ float:left; width:131px; height:22px; border:1px solid #b7b7b7; } #content input.add-in-order.fakt-btn{ height:24px; width:242px; } .fakt-desc{ float:right; width:348px; text-align:center; font:12px "Roboto"; color:#f15a22; margin-top:5px; } /********Факторинг*****/ .faktoring-b{ padding-bottom:30px; border-bottom:1px solid #b7b7b7; } .fakt-txt{ width:153px; display:inline-block; } .faktor-input{ border: 1px solid #b7b7b7; height: 22px; margin-bottom: 10px; padding: 0 5px; text-align: center; width: 93px; } .faktor-select{ border: 1px solid #b7b7b7; height: 22px; margin-bottom: 10px; text-align: center; width: 105px; } .faktor-res{ border-radius: 5px; border:1px solid #b7b7b7; background-color: #f9f9f9; text-align:center; height:38px; font:14px/38px "Roboto"; } /*****Настройки учетной записи*********/ .personal-table{ border-collapse:collapse; } .personal-table thead td{ padding-bottom:15px; } .ajax-zapros iframe html, .ajax-zapros iframe body{ width: 320px !important; } .personal-table input{ width:220px; height:20px; padding:0px 5px; border:1px solid #b7b7b7; margin-bottom:5px; } .technical-form{ width: 320px !important; color: #000 !important; } .personal-table{ width: 320px !important; } /********Сервис НКУ+********/ .nku-step-bl{ margin-bottom:20px; } .nku-step-clear{ } #content .nku-step-i{ display:inline-block; padding-right:45px; font:14px "Roboto"; color:#a5a5a5; text-decoration:none; } #content .nku-step-i.active{ color:#000; } .nku-step-line{ position:relative; height:5px; background:#c8c8c8; width:485px; margin-top:15px; } .nku-step-indicator{ display:block; position:absolute; top:-12px; width:29px; height:29px; background:url(/bitrix/templates/elsnab3/images/nku-mark.png) no-repeat; } .step1{ left:-2px; } .step2{ left:151px; } .step3{ left:237px; } .step4{ left:327px; } .step5{ left:459px; } .personal-links-wrap .personal-link-b.nku-links{ width:464px; } .personal-order-list-table-bord.nku-table-bord{ border:1px solid #a1a1a1; display:none; } .personal-order-list-table-bord.nku-table-bord.active{ display:block; } .nku-wrapper .personal-links-wrap{ border-bottom:none; } .nku-wrapper .personal-order-list-table td.align-left{ text-align:left; padding-left:40px; } /*******НКУ детально*******/ .nku-detail-wrap{ padding-top:30px; } .nku-det-b{ padding-top:20px; overflow:hidden; position:relative; margin-left:-24px; } .nku-det-i{ position:relative; float:left; width:210px; height:237px; margin:0px 0px 23px 23px; border:1px solid #cbcbcb; border-radius:3px; } .nku-det-img-b{ display:table-cell; width:210px; height:212px; text-align:center; vertical-align:top; padding-top:25px; } .nku-det-img-text{ position:absolute; bottom:20px; width:210px; text-align:center; font:15px "Roboto"; } #content .nku-det-manager-b{ font-size:14px; } .nku-det-manager-b{ padding-bottom:35px; margin-bottom:20px; border-bottom:1px solid #cbcbcb; } .nku-det-manage-ttl{ margin-bottom:20px; } .manage-contact-wrap{ float:left; margin-left:20px; } .manage-name{ width:150px; margin-bottom:87px; } /*****Технические консультации*******/ .technical-form{ padding-top:25px; width:427px; } body .twpr{ color: #fff !important; } body .twpr{ color: #fff !important; } .technical-ttl{ font:bold 14px "Roboto"; font-size:14px; font-weight:bold; font-family:"Roboto",Helvetica,sans-serif; margin-bottom:5px; color: #000 !important; } .star{ color:#ee393e; } .technical-form textarea{ padding:0px 10px; width:311px; height:145px; border:1px solid #b7b7b7; resize:none; margin-bottom:30px; } .technical-form .personal-table input{ margin-bottom:0px; padding:0px 10px; width:311px; } .technical-form .personal-table td{ padding-bottom:7px; } .technical-form .personal-table td.tech-question{ vertical-align:top; } .technical-form .personal-table .captcha-input{ position:relative; top:-14px; left:7px; width:124px; height:22px; } /***********Програмное оборудование******/ .personal-order-list-table.prog-table td{ text-align:center; padding:20px 9px; } .personal-order-list-table.prog-table .align-left{ text-align:left; padding-left:20px; } .prog-table ul{ list-style-position:inside; padding:0px 0px 0px 0px; margin:5px 0px 20px 0px; } /******Техническая документация*********/ .tech-doc-filter-b{ margin-bottom:10px; } .tech-doc-filter-b select{ width:249px; height:24px; margin-right:10px; border:1px solid #b7b7b7; } .personal-order-list-table.tech-doc-table td{ padding:10px; text-align:center; } .personal-order-list-table.tech-doc-table thead td{ padding:0; } .personal-order-list-table.tech-doc-table .align-left{ text-align:left; } .tech-doc-files{ display:inline-block; width:31px; height:30px; } .pdf-file{ background:url(/bitrix/templates/elsnab3/images/tech-doc/tech_doc_files.png) 0 0 no-repeat; } .doc-file{ background:url(/bitrix/templates/elsnab3/images/tech-doc/tech_doc_files.png) 0 -30px no-repeat; } .point-file{ background:url(/bitrix/templates/elsnab3/images/tech-doc/tech_doc_files.png) 0 -60px no-repeat; } /************Заказать каталоги*********/ .catalog-form .technical-form{ width:525px; } .catalog-form > div:first-child{ margin-top:20px; width:590px; } #content div.catalog-form-check-left{ float:left; margin-right:40px; margin-bottom:0px; } .catalog-form-check-left label{ margin-bottom:10px; display:block; } .catalog-form-check-left label input{ margin:0; } .label-txt{ position:relative; top:-2px; padding-left:10px; } .catalog-form-ttl{ padding:20px 0px; } .other-check{ margin-top:10px; } .other-check span{ padding-right:10px; } .other-check input{ width:424px; height:20px; padding:0px 10px; border: 1px solid #B7B7B7; } .cat-list-all{ overflow:hidden; margin-top:20px; } .cat-list-left{ width:180px; float:left; text-align:right; } .cat-list-left > b{ display:inline-block; width:130px; } .cat-list-right{ float:left; margin-left:10px; } .cat-list-item-b{ margin-bottom:25px; } .cat-list-item-b > div:first-child{ padding-left:10px; margin-bottom:2px; } .cat-list-item-b > div:first-child span{ padding-right:5px; } .cat-list-item{ padding:10px; width:465px; background:#ebebeb; } .cat-list-item label{ display:block; margin-bottom:10px; } /******Сертификаты**********/ .tech-doc-wrapper.sertificat-wrap{ width:666px; overflow:hidden; } .sertificat-wrap .personal-order-list-table td{ padding:20px 10px; } /****Карточка товара аксесуар********/ .det-close-pic{ position:absolute; top:10px; right:20px; display:block; width:36px; height:36px; background:url(/bitrix/templates/elsnab3/images/close_pic.png) 0 0 no-repeat; } .det-close-pic:hover{ background:url(/bitrix/templates/elsnab3/images/close_pic.png) 0px -36px no-repeat; } /*******Карточка детально аксесуары*******/ #popup{ font-family:"Roboto"; } #popup.catalog-detail-popup-wrap{ display:none; } #popup.catalog-detail-popup-wrap .content-catalog-detail-column-left { float: left; width: 673px; margin: 0; } #popup.catalog-detail-popup-wrap .content-catalog-detail-container { border-top: #cbcbcb 1px solid; border-radius: 0 0 5px 5px; } #popup.catalog-detail-popup-wrap .content-catalog-detail-tabs-wrap { position: relative; border-bottom: #cbcbcb 1px solid; height: 49px; background-color: #f1f1f1; } #popup.catalog-detail-popup-wrap .content-catalog-detail-tab.detail-properties, #popup.catalog-detail-popup-wrap .content-catalog-detail-tab.detail-documentation { position: absolute; bottom: 0px; width: 322px; height: 40px; background-color: #f9f9f9; border: #cbcbcb 1px solid; border-bottom: 0; border-radius: 5px 5px 0 0; line-height: 40px; text-align: center; font-weight: bold; font-size: 16px; cursor: pointer; color: #0066b1; } #popup.catalog-detail-popup-wrap .content-catalog-detail-tab.detail-properties { left: 9px; } #popup.catalog-detail-popup-wrap .content-catalog-detail-tab.detail-documentation { right: 9px; } #popup.catalog-detail-popup-wrap .content-catalog-detail-tab.detail-properties span, #popup.catalog-detail-popup-wrap .content-catalog-detail-tab.detail-documentation span { display: block; width: 100%; height: 100%; border-bottom: #cbcbcb 1px solid; } #popup.catalog-detail-popup-wrap .content-catalog-detail-tab.detail-properties.act, #popup.catalog-detail-popup-wrap .content-catalog-detail-tab.detail-documentation.act { background-color: white; color: black; } #popup.catalog-detail-popup-wrap .content-catalog-detail-tab.detail-properties.act span, #popup.catalog-detail-popup-wrap .content-catalog-detail-tab.detail-documentation.act span { border-bottom: white 1px solid; } #popup.catalog-detail-popup-wrap .hide { display: none; } #popup.catalog-detail-popup-wrap .content-catalog-detail-box.detail-properties, #popup.catalog-detail-popup-wrap .content-catalog-detail-box.detail-documentation { padding-left: 28px; padding-right: 28px; padding-top: 23px; padding-bottom: 23px; font-size: 13px; } #popup.catalog-detail-popup-wrap .column-property-1 { padding-top: 3px; padding-bottom: 3px; width: 225px; vertical-align: top; font-size: 13px; font-weight: bold; } #popup.catalog-detail-popup-wrap .column-property-2 { padding-top: 3px; padding-bottom: 3px; padding-left: 5px; vertical-align: top; font-size: 13px; } #popup.catalog-detail-popup-wrap .column-property-1 div { background: url(/bitrix/templates/elsnab3/../images/points.jpg) left bottom repeat-x; } #popup.catalog-detail-popup-wrap .column-property-1 span { background-color: white; padding-right: 3px; } #popup .add-wish-link-txt{ color:red; } #popup .add-wish-link{ color:#0066B1; text-decoration:none; } #popup .add-wish-link:hover{ color:#000; } .oborud-img-top{ display:table-cell; width:172px; height:87px; text-align:center; vertical-align:middle; border-radius:5px 5px 0px 0px; background:#fff; } .oborud-img-bot{ width:172px; height:150px; text-align:center; vertical-align:middle; border-radius:5px 5px 0px 0px; background:#fff; } div.elemmaket38Tab ,div.elemmaket38Tab1 { position: relative; text-align: center; width: 152px; font-size: 13px; border: #cbcbcb 1px solid; border-bottom: 0; height: 40px; border-radius: 5px 5px 0 0; margin-right: 2px; vertical-align: middle; cursor: pointer; } div.elemmaket38Tab.act span { position: absolute; bottom: 0px; left: 0px; width: 100%; border-bottom: #cbcbcb 1px dashed; } div.elemmaket38Tab:hover span { position: absolute; bottom: 0px; left: 0px; width: 100%; border-bottom: #cbcbcb 1px dashed; } div.elemmaket38Tab.act, div.elemmaket38Tab1.act { background-color: #f9f9f9; } div.elemmaket38Tab:hover { background-color: #f9f9f9; } div.elemmaket38Box { border: #cbcbcb 1px solid; } div.elemmaket38BoxBorderTop { border-top: #cbcbcb 1px solid; padding-top: 13px; padding-left: 17px; padding-right: 17px; padding-bottom: 13px; } div.elemmaket38BoxBorderLeft { border-left: #cbcbcb 1px solid; width: 102px; } .equip-sec-el-tbl div.div-table-cell{ border-top:1px solid #CBCBCB; } .equip-sec-el-tbl div.div-table-row:first-child .div-table-cell{ border-top:none; } .equip-sec-el-tbl-head a{ display:table-cell; width:152px; height:40px; vertical-align:middle; } /**************/ /*********Корзина*********/ .mybasket{ -moz-box-sizing: border-box; border: 1px solid #a7a7a7; border-radius: 5px; margin-top: 15px; overflow: hidden; width: 100%; background: #fff; } .mybasket table{ width:100%; border-collapse:collapse; font:14px "Roboto"; } .mybasket table thead{ border-bottom: 1px solid #CBCBCB; } .mybasket table thead td{ font:bold 15px "Roboto"; color:#000; height:40px; background: none repeat scroll 0 0 #F5F5F5; padding:0; border-bottom:none; } .mybasket table td{ padding:10px 10px; border-left: 1px solid #CBCBCB; border-bottom: 1px solid #CBCBCB; text-align: center; } .mybasket table td:first-child{ border-left:none; } .mybasket .itemphoto{ width:10%; padding:10px; } .mybasket .item{ width:33%; border-left:none; text-align:left; padding:14px 14px 14px 0px; } #content .mybasket h2{ margin:0px 0px 5px 0px; } .mybasket .bask-text{ font-size:13px; } .mybasket .item a{ font:bold 14px "Roboto"; color:#0066b1; } .mybasket .price{ font:14px "Roboto"; } .bask-image img{ max-width:70px; max-height:70px; border:1px solid #e7e7e7; } #content .mybasket .delete-bask{ display:inline-block; background:url(/bitrix/templates/elsnab3/images/bask_del_new2.png) right top no-repeat; height:18px; width:18px; line-height:28px; color:#ed1c24; } #content .mybasket .delete-bask:hover{ background-position:right -18px; } .mybasket .big-txt{ font:17px pt_sans_narrow; } .mybasket table tfoot td{ font:13px pt_sans_narrow; } #content .order-btn{ display:inline-block; height:36px; text-align:center; line-height:35px; color:#fff; text-decoration:none; border:none; margin:0; padding:0; cursor:pointer; } .order-btn.order{ background:url(/bitrix/templates/elsnab3/images/ord_btn1.png) no-repeat; width:211px; font-size:17px; } #content .order-btn.order:hover{ background-position:0 -36px; color:#fff; } .order-btn.recount{ width:145px; background:url(/bitrix/templates/elsnab3/images/recount1.png) no-repeat; font-size:14px; } .order-btn.recount:hover{ background-position:0 -36px; } .element-document-tabs-wrap{ height:34px; border-bottom:1px solid #cbcbcb; } .el-doc-tab{ position:relative; background:#f4f4f4; border: 1px solid #cbcbcb; border-bottom:none; color: #0066B1; display: inline-block; font: bold 14px/32px "Roboto"; height: 33px; text-align: center; width: 123px; border-radius:4px 4px 0px 0px; text-decoration:none; } #docs .el-doc-tab.active{ color:#000; border-bottom:1px dotted #cbcbcb; background:#fff; } #docs .el-doc-tab:hover{ color:#000; } .magnify{ cursor:pointer !important; } .element-document-b{ display:none; width:100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-left:1px solid #cbcbcb; border-right:1px solid #cbcbcb; border-radius:0px 0px 4px 4px; } .element-document-b a{ text-decoration:none; color:#0066B1; } .element-document-b.active{ display:block; } .element-document-b table{ border-collapse:collapse; } .element-document-b table td{ height:42px; text-align:center; vertical-align:middle; width:25%; border-left:1px solid #cbcbcb; border-bottom:1px solid #cbcbcb; } .element-document-b table td:first-child{ border-left:none; } /******Заказать звонок***/ .twpr input[type='text'] { margin: 10px 0 0 0; width: 235px !important; display: inline-block; background: rgba(255, 255, 255, 0.4); border: none; border-radius: 4px; color: #fff !important; padding: 8px 0 8px 25px; } .ajax-call-wrap{ position:fixed; left:50%; margin-left:-160px; width:320px; border-radius: 4px; top: 100px !important; display:none; background: #103c62; z-index:10000; font:13px; z-index: 999999; padding-bottom:20px; color: rgba(250, 250, 250, 0.8); } .ajax-close{ position:absolute; top:10px; right:20px; display:block; width:18px; height:18px; background:url(/bitrix/templates/elsnab3/images/bask_del_new2.png) 0 0 no-repeat; } .ajax-close:hover{ background:url(/bitrix/templates/elsnab3/images/bask_del_new2.png) 0px -18px no-repeat; } .ajax-call-title{ font-size: 24px !important; color: #fff !important; font-family: "Roboto", sans-serif; text-align: center !important; text-transform: uppercase; opacity: 0.8; } .ajax-call-wrap p{ margin:0px 0px 5px 0px; } #ajax-call-submit{ display: inline-block; width: 235px !important; background: #ff9039 !important; border-radius: 4px; position: relative !important; padding: 10px 0; border: none; margin-left: 0 !important; color: #fff !important; text-transform: uppercase; } /********Отправить запрос********/ .technical-wrapper{ } .ajax-zapros { position:absolute; display:none; z-index:10000; top:20%; left:50%; margin-left:-160px; width:320px; height:573px; margin-top: 0 !important; } #file_list{ margin-left: 40px; } .asxc{ margin: 15px 0 15px 0px; display: block; text-align: center; opacity: 0.8; color: #fff; } .twpr .myFile{ color: #fff; } .ajax-zapros iframe { width:320px; height:630px; border: none; background: none; } .twpr textarea{ margin: 10px 0 0 0; width: 235px !important; display: inline-block; background: rgba(255, 255, 255, 0.4); border: none; border-radius: 4px; color: #fff !important; padding: 8px 0 8px 25px; } .twpr td p{ color: #fff !important; } .twpr td span{ color: #fff !important; } .ajax-zapros-wrap{ width:320px; height:600px; border-radius: 4px !important; background: #103c62; font:13px "Roboto"; color:#000; } .ajax-zapros-close{ position:absolute; top:10px; right:20px; display:block; width:18px; height:18px; background:url(/bitrix/templates/elsnab3/images/bask_del_new2.png) 0 0 no-repeat; } .ajax-zapros-close:hover{ background:url(/bitrix/templates/elsnab3/images/bask_del_new2.png) 0 -18px no-repeat; } .ajax-zapros-wrap p{ margin:0px 0px 5px 0px; } #content .column-right.myelsnab-news a:hover{ color:#ed7517; } .aks-oth-filter{ display:none; padding-right:5px; } .aks-sec-filter{ padding-top:20px; } #content div.content-catalog-filter .aks-sec-filter label.label{ width:auto; } .content-catalog-accessories{ border-top:1px solid #cbcbcb; } .add-count-element-checkbox-container{ position:relative; } .wish-list-popup{ display:none; position:absolute; top:0px; left:0px; z-index:2; width:187px; height:70px; background:#fff; border:1px solid #000; border-radius:5px; } .wish-list-popup.visible{ display:block; } #content .wish-list-popup a{ display:block; margin:10px auto 5px auto; background: none repeat scroll 0 0 #007AC1; border: 0 none; border-radius: 3px; color: #fff; font-size: 14px; height: 32px; line-height: 14px; padding: 0; text-align: center; width: 141px; box-shadow: 0 2px 3px 0 #BABABA; } #content .wish-list-popup a:hover{ background-color:#ed7517; } #popup .wish-list-popup a { background: none repeat scroll 0 0 #007AC1; border: 0 none; border-radius: 3px; box-shadow: 0 2px 3px 0 #BABABA; color: #fff; display: block; font-size: 14px; height: 32px; line-height: 14px; margin: 10px auto 5px; padding: 0; text-align: center; width: 141px; text-decoration:none; } #popup .wish-list-popup a:hover{ background-color:#004d9d; } #content .wish-list-popup label{ text-align:center; } #popup .wish-list-popup label{ text-align:center; } #content .wish-btn{ display:inline-block; background: none repeat scroll 0 0 #007AC1; border: 0 none; border-radius: 3px; color: #fff; font-size: 14px; height: 24px; line-height:24px; padding: 0; text-align: center; width: 141px; box-shadow: 0 2px 3px 0 #BABABA; } #content .wish-btn:hover{ background-color:#004d9d; color:#fff; } .new-wish-list-btn{ display:none; margin:10px 0px; font:14px "Roboto"; color:#000; } .new-wish-list-btn input{ background:#fff; border:1px solid #000; border-radius: 2px; color: #888787; font-family: "Roboto",Helvetica,sans-serif; font-size: 13px; height: 22px; margin: 0; padding: 0 0 0 6px; vertical-align: middle; width: 238px; } #content .new-wish-list-btn a{ display:inline-block; background: none repeat scroll 0 0 #007AC1; border: 0 none; border-radius: 3px; color: #fff; font-size: 14px; height: 26px; line-height:24px; padding: 0; text-align: center; width: 41px; box-shadow: 0 2px 3px 0 #BABABA; } #content .new-wish-list-btn a:hover{ background-color:#004d9d; color:#fff; } #content .add-wish-link-txt{ color:red; } .mail1{ position:relative; top:3px; display:inline-block; width:89px; height:15px; background:url(/bitrix/templates/elsnab3/images/mail1.png) no-repeat; } .mail2{ display:inline-block; width:100px; height:15px; background:url(/bitrix/templates/elsnab3/images/mail2.png) no-repeat; } #content .filtren{ padding-right:5px; } .small-basket{ font-family: "Roboto"; font-size: 14px; padding-left:14px; } .quant-wrap { display:inline-block; } .quant-wrap:before,.quant-wrap:after { content: ' '; display: table; } .quant-wrap:after { clear: both; } .quant-wrap input { width: 53px; height:21px; float:left; margin:0 3px 0px 0px; padding:0; outline:0; border:1px solid #b7b7b7; text-align:center; } .quant-arr{ float:left; width:8px; height:16px; display:block; position:relative; top:3px; } .quant-left-arr{ background:url(/bitrix/templates/elsnab3/images/arrows1.png) 0 0 no-repeat; margin-right:3px; } .quant-right-arr{ background:url(/bitrix/templates/elsnab3/images/arrows1.png) -7px 0px no-repeat; } .basket-item-delete { display:inline-block; } .ajax-basket-add{ position:relative; } .basket-add{ display:none; width:154px; height:28px; position:absolute; background:url(/bitrix/templates/elsnab3/images/basket_add.PNG) no-repeat; } .basket-add.el-add{ bottom:36px; left:20px; } .basket-add.aks-add{ bottom:36px; left:77px; } .attent{ top:-4px; position:relative; font:11px "Roboto"; color:gray; } .ur-lico input{ width:440px; height:30px; margin-bottom:10px; outline:none; padding:0px 10px; } .ur-lico input[name='captcha_word'] { width: 251px; position: relative; vertical-align: top; height: 35px; margin-left: 10px; } .ur-lico input[name='subscribe'] { width: auto; position: relative; vertical-align: top; height: auto; margin-right: 10px; padding:0; } .ur-lico input[name='register_submit_button'] { width: 100%; display: inline-block; border: 0; padding: 0; margin: 0; background: #007ac1; border-radius: 3px; cursor: pointer; width: 141px; height: 32px; text-align: center; font: 14px/32px "Roboto"; text-decoration: none; color: white; } .ur-lico input[name='register_submit_button']:hover{ background-color:#004d9d; } .ur-lico textarea{ width:460px; resize:none; outline:none; } .bask-image{ height:70px; width:95px; } #content .catalog-sections-link{ display:block; text-align:center; height:32px; margin-bottom:10px; border-radius:2px; background:#007ac1; float:left; width:50%; } #content .catalog-sections-link a{ display:table-cell; width:125px; height:32px; text-align:center; vertical-align:middle; font-size:13px; color:#fff; text-decoration:none; } #content .catalog-sections-link.active{ background:#ed7517; } #content .catalog-sections-link:hover{ background:#004d9d; } #content .catalog-sections-link.active:hover{ background:#ed7517; } .logistik-wrap{ position:relative; overflow:hidden; margin:5px 0px 10px -14px; } .logistik-item{ float:left; width:225px; margin-left:12px; } .logistik-name{ font-size:18px; font-weight:bold; font-family:"Roboto"; margin-bottom:5px; text-align:center; } .logistik-pic{ display:block; width:223px; border:1px solid #cfcfcf; margin-bottom:10px; } .logistik-links a{ display:block; margin-bottom:5px; font-size:13px; font-family:"Roboto"; color:#000; text-align:center; } .small-log{ font:italic 13px Trebichet MS; color:#9f9f9f; } .logistik-text{ margin-top:20px; } .registr-banner{ position: relative; width: 224px; height: 95px; float:right; margin:-76px 0px 10px 0px; border-radius:10px; text-align:center; -webkit-box-shadow: 0px 2px 3px 0px #bababa; -moz-box-shadow: 0px 2px 3px 0px #bababa; box-shadow: 0px 2px 3px 0px #bababa; } #content .registr-banner a{ display:table-cell; vertical-align:middle; height:95px; font:13px "Roboto"; color:#fff; text-decoration:none; } .mf-ok-text{ display: table-cell; font-size: 18px; padding: 0 40px; text-align: center; vertical-align: middle; width: 556px; } .ajax-zapros-wrap .mf-ok-text{ height: 536px; } .ajax-call-wrap .mf-ok-text{ height: 536px; } .personal-cabinet-wrap{ position:absolute; z-index:102; display:none; width:200px; background:#fff; min-height:100px; border:1px solid #cfcfcf; border-radius:5px; box-shadow: 0 10px 20px -5px rgba(0, 0, 0, 0.4) } .pers-arr{ position:absolute; top:-13px; left:50%; margin-left:-13px; width:26px; height:13px; z-index:101; background:url(/bitrix/templates/elsnab3/images/pers_arr.png) no-repeat; } .pers-cab-b{ padding-top:15px; } .pers-cab-b a{ display:block; margin-bottom:8px; font:13px "Roboto"; color:#0066b1; text-decoration:none; text-align:left; padding-left:20px; } .pers-cab-b a:hover{ color:#ed7517; } #content .bask-l{ display:block; background-color: #007ac1; border: medium none; color: #fff; cursor: pointer; font: 16px/30px "Roboto"; height: 32px; margin: 0; padding: 0; text-align: center; text-decoration: none; vertical-align: middle; white-space: nowrap; width: 277px; margin:20px auto 0px auto; } #content .bask-l:hover{ background-color:#004d9d; color:#ed7517; } .filter-desc-btn{ display:inline-block; position:relative; width:10px; height:10px; background:url(/bitrix/templates/elsnab3/images/filter_pic.png) no-repeat; } #content .filter-desc-wrap{ display:none; padding:20px; position:absolute; left:-27px; width:200px; background: linear-gradient(to left, #ebf1f9, #f0f4f8); background: -webkit-gradient(linear, left top, left bottom, from(#ebf1f9), to(#f0f4f8)); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebf1f9', endColorstr='#f0f4f8',GradientType=0 ); -webkit-box-shadow: 0px 20px -2px 0px #bababa; -moz-box-shadow: 0px 20px -2px 0px #bababa; box-shadow: 0px 2px 20px -2px #bababa; border-radius:5px; font:13px "Roboto"; } .filter-desc-close{ position:absolute; top:4px; right:4px; display:block; width:18px; height:19px; background:url(/bitrix/templates/elsnab3/images/filter_desc_close.png) 0 0 no-repeat; } .copy-text{ display:none; width:75px; height:70px; } .pers-ord-list-l{ font:bold 13px "Roboto"; } .pers-order-list-item{ display:none; } .pers-order-list-item.active{ display:block; } .user-login-head{ margin-bottom:10px; font:bold 13px "Roboto"; } /****************/ .ajax-basket-add .add-in-order{ /* background:url(/bitrix/templates/elsnab3/images/add_in_order.png) no-repeat; */ } .ajax-basket-add .add-in-order:hover{ /* background:url(/bitrix/templates/elsnab3/images/add_in_order_hover.png) no-repeat; */ } #content #set_filter{ background:url(/bitrix/templates/elsnab3/images/filter_show.png) no-repeat; } #content #set_filter:hover{ background:url(/bitrix/templates/elsnab3/images/filter_show_hover.png) no-repeat; } #content #del_filter{ background:url(/bitrix/templates/elsnab3/images/filter_show.png) no-repeat; } #content #del_filter:hover{ background:url(/bitrix/templates/elsnab3/images/filter_show_hover.png) no-repeat; } #content .ajax-basket-add input.add-in-order-accessories{ background:url(/bitrix/templates/elsnab3/images/aks_add_in_order.png) no-repeat; } #content .ajax-basket-add input.add-in-order-accessories:hover{ background:url(/bitrix/templates/elsnab3/images/aks_add_in_order_hover.png) no-repeat; } /************/ .cs-block{ overflow:hidden; margin-bottom:20px; } .left-cs{ float:left; width:470px; text-align:justify; } .right-cs{ float:right; width:185px; text-align:right; } .cs-block img{ max-width:170px; max-height:170px; } .cs-block .img-block{ text-align:center; border:1px solid #cfcfcf; border-radius:7px; width:180px; height:180px; margin-bottom:10px; } .img-block > div{ display:table-cell; width:180px; height:180px; vertical-align:middle; } .diler-table{ margin-bottom:30px; border-bottom:1px solid #cecece; width:100%; } .diler-table td{ padding:5px 0px; } /**************LANDING*************/ .landing__ls-block-1{ width:1190px; height:340px; background:url(/bitrix/templates/elsnab3/images/landing/ls/block_1_bg.png) no-repeat; overflow:hidden; } .ls-block-1__center-block{ float:left; width:485px; height:86px; padding:20px; background:url(/bitrix/templates/elsnab3/images/landing/ls/block_1_arr.png) no-repeat; margin:100px 0px 0px 300px; font:bold 16px/12px "Roboto"; text-transform:uppercase; } .ls-block-1__center-block .ls-block-1__big-text{ font:bold 54px "Roboto"; color:#0079c1; } .ls-block-1__center-block .ls-block-1__big-text .color__text{ color:#ed7615; } .landing__form-wrap{ float:right; margin:20px 40px 0px 0px; width:255px; height:322px; padding:0px 15px 0px 20px; background:url(/bitrix/templates/elsnab3/images/landing/ls/form_bg.png) no-repeat; text-align:center; } .landing__form-title{ font:bold 21px "Roboto"; color:#fff; margin:15px 0px 10px; } .landing__form-inp{ width:252px; height:32px; position:relative; border:0; margin:0px 0px 3px 0px; padding:0px 10px; background:url(/bitrix/templates/elsnab3/images/landing/ls/form_input.png) no-repeat; font:14px/32px "Roboto"; color:#929598; text-align:left; outline:0; } .landing__form-inp > input{ position:absolute; width:232px; height:32px; border:0; margin:0px; padding:0px 10px; font:14px "Roboto"; color:#929598; text-align:left; outline:0; background:none; left:0; top:0; } .landing__form-inp .land__red{ color:#ed7616; } .landing__form-submit{ display:inline-block; margin:10px 0px 5px; width:160px; height:40px; background:url(/bitrix/templates/elsnab3/images/landing/ls/form_subm.png) no-repeat; font:18px/40px "Roboto"; color:#0079c1; text-align:center; text-decoration:none; } .landing__form-submit:hover{ background:url(/bitrix/templates/elsnab3/images/landing/ls/form_subm.png) 0 -40px no-repeat; color:#000; } .landing__form-text{ font:13px "Roboto"; color:#fff; } .landing__ls-block-2{ margin-top:35px; } .ls-block-2__title{ font:bold 28px "Roboto"; margin-bottom:25px; color:#000; /*text-transform:uppercase;*/ } .ls-block2__sub-title{ margin-bottom:40px; } .ls-block-2__wrap{ overflow:hidden; } .ls-block-2__item{ float:left; width:342px; border:1px solid #e1e8ec; border-radius:3px; padding:20px 15px; margin-left:20px; } .ls-block-2__wrap .ls-block-2__item:first-child{ margin-left:0; } .ls-block-2__pic{ width:344px; height:250px; text-align:center; } .ls-block-2__pic div{ display:table-cell; width:344px; height:250px; text-align:center; vertical-align:middle; } .ls-block-2__pic img{ max-width:344px; max-height:250px; } #content .ls-block-2__item-name{ font:14px/18px "Roboto"; display:block; height:20px; } .ls-block-2__description{ position:relative; height:85px; overflow:hidden; margin-top:30px; color:#616161; font-size:13px; line-height:17px; } #content .ls-block-2__more{ display:inline-block; color:#007ac1; } .ls-block-2__item-goods-b{ margin-top:15px; overflow:hidden; padding:15px 0px 30px; } .ls-block-2__item-good{ width:100%; margin-bottom:20px; border-collapse:collapse; } .ls-block-2__item-good td{ padding:5px 3px; border:1px solid #e1e8ec; } .ls-block-2__item-good td.price{ width:22%; } .ls-block-2__item-good-more{ border:1px solid #e1e8ec; padding:5px 0px 5px 10px; margin-top:3px; } .landing__ls-price-b{ margin-top:20px; width:1189px; height:57px; font:24px/57px "Roboto"; color:#4c4c4c; } #content .landing__ls-price-b a{ display:inline-block; width:385px; height:57px; margin-right:10px; background:url(/bitrix/templates/elsnab3/images/landing/ls/price_new_btn.png) no-repeat; line-height:50px; text-align:center; } #content .landing__ls-price-b a span{ font:22px/50px "Roboto"; color:#fff; border-bottom:1px dashed #fff; } .landing__ls-block-3{ margin-top:35px; padding-bottom:80px; } .ls-block-3{ overflow:hidden; padding-top:20px; } .ls-block-3__item1{ float:left; width:230px; margin:0px 70px 0px 80px; text-align:center; } .ls-block-3__item1 .advan__pic{ text-align:center; } .ls-block-3__item1 .advan__name{ font:bold 20px "Roboto"; color:#007ac1; text-align:center; text-transform:uppercase; } .ls-block-3__item2{ float:left; text-align:center; } .ls-block-3__item2 .advan__name{ font:bold 20px "Roboto"; color:#007ac1; text-align:center; width: 300px; margin: 0 auto 40px; text-transform:uppercase; } .ls-block-3__sub-item1{ float:left; width:120px; margin-right:25px; } .ls-block-3__sub-item2{ float:left; width:145px; margin-right:10px; } .ls-block-3__sub-item3{ float:left; width:152px; } .advan__sub-name{ font:13px "Roboto"; text-transform:uppercase; margin-top:20px; } .ls-block-3__item3{ float:left; margin-left:50px; text-align:center; width:290px; } .ls-block-3__item3 .advan__name{ font:bold 20px "Roboto"; color:#007ac1; text-align:center; text-transform:uppercase; } .advan__phone{ font:bold 32px "Roboto"; text-transform:uppercase; margin:0px 0px 30px 0px; } .colgr{ color:#bec8ce; } .landing__ls-block-4{ padding-top:35px; border-top:1px solid #e1e8ec; margin-bottom:50px; } .ls-block-4{ padding-top:20px; overflow:hidden; text-align:center; } .ls-block-4__item{ display:inline-block; width:220px; margin-left:160px; } .ls-block-4__pic{ margin-bottom:10px; width:220px; height:270px; text-align:left; } #content .ls-block-4__name{ display:block; font:15px "Roboto"; text-decoration:underline; text-align:left; } #content .ls-block-4__name:hover{ color:#ed7616 } .ls-block-4 .ls-block-4__item:first-child{ margin-left:0; } .landing__ls-block-5{ margin-top:50px; } .ls-block-5{ padding-top:20px; overflow:hidden; position:relative; margin-left:-45px; } .ls-block-5__item{ float:left; text-align:center; width:265px; height:200px; margin:0px 0px 20px 44px; } .kz__block .ls-block-5__item{ width: 203px; height: 160px; } .ls-block-5__item-text{ font:14px "Roboto"; text-transform:uppercase; margin:15px 0px 0px 0px; } .ls-block-5__item-pic{ display: table-cell; width: 265px; text-align: center; vertical-align: middle; height: 61px; } .landing__ls-block-6{ margin-top:50px; padding:30px 20px 40px; background:#e1e8ec; margin-left: -23px; margin-right: -23px; color:#616161; } .ls-block-6{ padding-top:10px; overflow:hidden; } .ls-block-6__item{ float:left; width:385px; margin-left:15px; font-size:15px; } .ls-block-6 .ls-block-6__item:first-child{ margin-left:0; } .ls-block-6__item-name{ font:bold 20px "Roboto"; margin-bottom:25px; text-transform:uppercase; color:#000; } .ajax-land-ok-block, .ajax-ok-block{ display:none; width:540px; height:90px; padding-top:40px; position:absolute; top:50%; left:50%; margin:-65px 0px 0px -270px; border-radius:5px; background:#fff; text-align:center; font:bold 16px "Roboto"; z-index:10000; text-transform:uppercase; } .greentext{ color:#50bc1b; } .ajax-land-close{ position:absolute; top:7px; right:7px; display:block; width:18px; height:18px; background:url(/bitrix/templates/elsnab3/images/bask_del_new2.png) 0 0 no-repeat; } .ajax-land-close:hover{ background:url(/bitrix/templates/elsnab3/images/bask_del_new2.png) 0px -18px no-repeat; } .ajax__price-close{ position: absolute; top: 22px; right: 7px; display: block; width: 20px; height: 20px; background: url(/bitrix/templates/elsnab3/images/landing/ls/close.png) 0 0 no-repeat; background-size: 20px; } .ajax__price-wrap{ display:none; position:absolute; width:380px; height:330px; z-index:10000; top:50%; left:50%; margin: -190px 0px 0px -165px; } .ajax__price-wrap .landing__form-wrap{ float:none; margin:0 auto; width: 350px; height: 330px; background:url(/bitrix/templates/elsnab3/images/landing/ls/ajax_form_bg.png) no-repeat; padding: 0px 15px 0px 15px; } .ajax__price-wrap .landing__form-title{ padding-top: 25px; margin-bottom: 20px; } .ajax__price-wrap .landing__form-inp{ background:url(/bitrix/templates/elsnab3/images/landing/ls/ajax_form_input.png) no-repeat; width:352px; } .ajax__price-wrap .landing__form-inp > input{ width:332px; } .ajax__equip-dil{ display:none; position:absolute; width:380px; height:330px; z-index:10000; top:50%; left:50%; margin: -190px 0px 0px -165px; } .ajax__equip-dil .landing__form-wrap{ float:none; margin:0 auto; width: 350px; height: 330px; background:url(/bitrix/templates/elsnab3/images/landing/ls/ajax_form_bg.png) no-repeat; padding: 0px 15px 0px 15px; } .ajax__equip-dil .landing__form-title{ padding-top: 25px; margin-bottom: 20px; } .ajax__equip-dil .landing__form-inp{ background:url(/bitrix/templates/elsnab3/images/landing/ls/ajax_form_input.png) no-repeat; width:352px; } .ajax__equip-dil .landing__form-inp > input{ width:332px; } .top_10{ margin-top:20px; font-size:15px; } .landing__ls-block-1.kz__block1{ background:url(/bitrix/templates/elsnab3/images/landing/kz/kz_block_1.png) no-repeat; } .landing__ls-block-1.cs__block1{ background:url(/bitrix/templates/elsnab3/images/landing/cs/cs_block_1.png) no-repeat; } .landing__ls-block-1.cs__block1 .ls-block-1__center-block{ font-size:15px; font-weight:bold; line-height:15px; text-transform:none; } .ls-block-1__center-block .cs-block-1__big-text { font: bold 39px "Roboto"; color: #005296; } .kz__block1 img{ float: left; margin-right: 10px; } .cs__block1 img{ float: left; margin-right: 10px; } .kz__block1 .ls-block-1__center-block{ font: bold 18px/19px "Roboto"; text-transform:none; padding-right: 40px; width: 465px; } .kz__block1 .ls-block-1__kz-text{ display:block; font:bold 19px "Roboto"; color:#0079c1; margin:5px 0px; text-transform:uppercase; } /***************/ .cs-block-4 .ls-block-4__item { display: inline-block; width: auto; margin-left: 160px; } .cs-block-4 .ls-block-4__pic { margin-bottom: 10px; width: auto; height: auto; text-align: left; display: table-cell; } #content .cs-block-4 .ls-block-4__name { display: table-cell; vertical-align:middle; font-size:20px; width:300px; padding-left:30px; } .cs-block-5{ text-align:center; } .cs-block-5 .ls-block-2__title{ text-align:left; } .cs-block-5 .ls-block-5__item { float: none; text-align: center; width: 265px; height: 160px; margin: 0px 0px 20px 30px; display: inline-block; } .cs-block-5 .ls-block-5__item-text{ text-transform:none; } .cs-block-6 .ls-block-6__item{ width:570px; margin-left:50px; } .cs-block-6 .ls-block-6__item:first-child{ margin-left:0; } .cs-block-6 ul{ padding:0; list-style:inside; } /**************/ #diler__form input[type='text']{ width:400px; height:25px; } #diler__form input[type='radio']{ width:50px; } #diler__form textarea{ width:400px; padding:5px; height:100px; resize:none; } #diler__form select{ width:410px; height:30px; } #diler__form input.captcha-input{ width:216px; position:relative; top:-17px; } /****************/ #content div.content-catalog-list-column-left nav ul.border{ border:1px solid #cbcbcb; border-radius:5px; padding:10px; } #content #sections-h1{ margin-bottom:20px; font-size:18px; } #content #sections-h1 div{ display:inline; } .new__banners{ margin-top:40px; } .new__banners span{ display: block; position: absolute; top: 0px; width: 100%; height: 100%; } .new__banners a{ display:block; position:relative; } .element__count{ position:absolute; top:0; left:0; } #content .show__all{ display: block; margin: 20px auto; border: 0; background: #007ac1; border-radius: 3px; cursor: pointer; width: 87%; height: 27px; text-align: center; line-height: 22px; font-size: 17px; color: #fff; } #content .show__all:hover{ color:#fff; background:#004d9d; } .spec__catalog{ margin:30px 0px; overflow:hidden; padding:20px 20px; border-left:10px solid #953735; background:#f2dcdb; } .spec__h2{ font:20px "Roboto"; margin-bottom:10px; color:#d00000; } .spec__mag-b{ overflow:hidden; } .spec__mag-i{ margin-bottom:5px; } .spec__mag-pic{ margin-bottom:15px; } .spec__mag-txt{ font:16px/16px "Roboto"; color:#616161; } #content .spec__mag-btn{ display:block; float:right; width:219px; height:27px; font:16px/27px "Roboto"; color:#000; text-align:center; border:2px solid #000; border-radius:5px; margin-top:-35px; } #content .spec__mag-btn:hover{ color:#000; } .spec__text{ display:none; padding:20px; border-radius:5px; background:#e1ebf6; font-size:13px; color:#616161; } .spec__txt-ttl{ font-size:17px; margin-bottom:20px; } .spec__txt-b{ margin-bottom:10px; } .acces-all{ display:none; } #content ul.equipment-menu{ border:1px solid #cbcbcb; border-radius:5px; padding:10px; } #content div.content-catalog-list-column-left nav ul li span{ font-size:13px; } #abs__head{ /* width:213px; */ overflow:hidden; margin-bottom:6px; position:relative; margin-top: 22px; } #abs__head a{ padding:0; } header div.h-tools-links a.h-tools-links-basket.no__act{ background-position:0 0; } #location__all-w{ display:none; position:absolute; top:50%; left:50%; width:900px; margin:-150px 0px 0px -450px; background:#fff; padding:35px; border-radius:5px; z-index:10000; box-shadow:0 10px 25px rgba(0, 0, 0, 0.5); } .location__all-close{ position: absolute; top: 7px; right: 7px; display: block; width: 18px; height: 18px; background: url(/bitrix/templates/elsnab/images/bask_del_new2.png) 0 0 no-repeat; } .location__all-b{ overflow:hidden; padding-bottom:10px; border-bottom:2px solid #cfcfcf; } .location__all-link{ box-sizing: border-box; display:block; float:left; width:25%; padding: 5px 10px; font:15px "Roboto"; text-decoration:none; color:#0066b1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .cur_l{ font:bold 17px "Roboto"; margin-bottom:10px; } .loc__q{ font:14px "Roboto"; margin-bottom:10px; } .location__all-input-block{ padding-top:10px; } #location_autocomplete{ width:80%; height:30px; margin-top:10px; box-sizing:border-box; } .loc__subm{ width:20%; height:30px; background:#007ac1; box-sizing:border-box; color:#fff; border:none; } .loc__subm:disabled { background: #adadad; } .col_cnt{ font-size:22px; } .autocomplete-suggestions { border: 1px solid #999; background: #FFF; overflow: auto; } .autocomplete-suggestion { padding: 2px 5px; white-space: nowrap; overflow: hidden; } .autocomplete-selected { background: #F0F0F0; } .autocomplete-suggestions strong { font-weight: normal; color: #3399FF; } .autocomplete-group { padding: 2px 5px; } .autocomplete-group strong { display: block; border-bottom: 1px solid #000; } /*********************/ .index__about-wrap{ overflow:hidden; margin-top:15px; font:14px "Roboto"; margin-left:32px; margin-bottom:50px; padding-right:25px; } #content .index__h2{ text-transform:uppercase; } .index__about-b{ overflow:hidden; margin-top:45px; } .index__about-i{ float:left; width:31%; margin-left:1%; } .index__about-b .index__about-i:first-child{ margin-left:0; } .index__about-pic{ text-align:center; } .index__about-name{ margin:25px 0px; text-align:center; font:bold 18px "Roboto"; color:#0079c1; text-transform:uppercase; } .index__about-text{ text-align:center; } .index__products-b{ position:relative; } #basket_items_list .index__products-b{ margin:0; padding:0; } #basket_items_list p{ font-size:15px; } #basket_items_list .index__products-block{ border-bottom:1px solid #cfcfcf; } #basket_items_list .index__offer-b{ margin-left:0; margin-top:30px; } #basket_items_list h2{ font-size:20px; font-weight:bold; } .index_prod_arr{ display:none; position:absolute; top:46%; margin-top:-16px; width:8px; height:33px; } .left_index_prod_arr{ left:0px; background:url(/bitrix/templates/elsnab3/images/left_prod_arr.png) no-repeat; } .right_index_prod_arr{ right:36px; background:url(/bitrix/templates/elsnab3/images/right_prod_arr.png) no-repeat; } .index__products-block { margin: 20px 15px 0px; position: relative; overflow: hidden; height: 260px; width: 100%; } .index__products-i{ transition: 0.3s; } .index__products-pic a{ display:table-cell; width:175px; height:175px; vertical-align:middle; text-align:center; } .index__products-pic img{ max-width:161px; max-height:161px; } .index__products-name{ display:block; text-align:center; font:14px "Roboto"; } .index__solutions-b{ margin-left:32px; overflow:hidden; font-size:13px; } .index__offer-b{ margin-left:32px; margin-bottom:30px; } .index__offer{ overflow:hidden; } .index__offer > div{ display:inline-block; margin-left:15px; } .index__offer div:first-child{ margin-left:0; } .index__advan-block{ margin-left:32px; margin-right:25px; } .index__advan-b{ margin-top:30px; overflow:hidden; } .index__advan-l{ float:left; width:47%; margin-right:3%; } .index__advan-r{ float:left; width:50%; } .index__advan-i{ overflow:hidden; font-size:14px; } .index__advan-pic{ float:left; width:60px; } .index__advan-t{ margin-left:60px; } .index__advan-name{ font:bold 14px "Roboto"; color:#616161; text-transform:uppercase; margin-bottom:1px; } .index__advan-t ul{ margin:0; padding:0; list-style:inside; } /********/ .magazin__akcii{ border:2px solid #f35e06; border-radius:5px; padding:18px; } .magazin__akcii-ttl{ font:18px "Roboto"; margin-bottom:20px; } .magazin__akcii ul{ margin:0; padding:0; list-style:none; } .magazin__akcii ul li{ display:block; padding-left:10px; background:url(/bitrix/templates/elsnab3/images/mag_akc_mark.png) left 7px no-repeat; margin-bottom:10px; } .magazin__adv{ margin-bottom: 9px; padding:18px 11px; border:2px solid #bfbfbf; border-radius:5px; } .magazin__adv .magazin__akcii-ttl{ margin-left:7px; } .mag__adv{ padding-left:46px; font:14px "Roboto"; color:#616161; margin-bottom:15px; min-height:37px; } .mag__adv1{ background:url(/bitrix/templates/elsnab3/images/mag_adv1.png) left center no-repeat; } .mag__adv2{ background:url(/bitrix/templates/elsnab3/images/mag_adv2.png) left center no-repeat; line-height:37px; } .mag__adv3{ background:url(/bitrix/templates/elsnab3/images/mag_adv3.png) left 1px no-repeat; line-height:16px; } .mag__adv4{ background:url(/bitrix/templates/elsnab3/images/mag_adv4.png) left center no-repeat; line-height:37px; } .mag__adv5{ background:url(/bitrix/templates/elsnab3/images/mag_adv5.png) left 1px no-repeat; line-height:16px; } .mag__adv6{ background:url(/bitrix/templates/elsnab3/images/mag_adv6.png) left 1px no-repeat; line-height:16px; } .mag__adv7{ background:url(/bitrix/templates/elsnab3/images/mag_adv7.png) left 1px no-repeat; line-height:16px; } .mag__adv8{ background:url(/bitrix/templates/elsnab3/images/mag_adv8.png) left center no-repeat; } .mag__adv9{ background:url(/bitrix/templates/elsnab3/images/mag_adv9.png) left center no-repeat; line-height:37px; } /************/ .equip__desc-clear{ overflow:hidden; } .equip__desc-i{ float:left; width:30%; margin-right:5%; margin-bottom:30px; } .equip__desc-i.last{ margin-right:0; } .equip__desc-pic{ display:block; } .equip__desc-pic img{ } .equip__desc-name{ display:block; padding-right:5%; margin-top:10px; } .equip__dl-b { margin-bottom:40px; } .equip__dl-b > div{ width:50%; position:relative; } #content .equip__dil-l { display: block; position: absolute; top: 33px; left: 16px; font-size: 16px; color: #000; } .equip-sect-list{ overflow:hidden; /* margin-top:40px;margin-top:40px; */ } .equip-section-i { float: left; width: 28%; margin: 0 25px 20px 0; overflow: hidden; padding: 10px; border: 2px solid #cfcfcf; border-radius: 10px; } .equip-sect-img{ float:left; } .equip-sect-img img{ max-width:120px; max-height:100px; } .equip-sect-n { display: table-cell; padding-right: 5%; height: 80px; vertical-align: middle; padding-left: 10px; } .equip__dil img{ width:100%; } .cur__loc-wrap { position: absolute; z-index: 102; top: 112px; font:15px "Roboto"; left: 43%; width: 230px; background: #fff; border: 1px solid #cfcfcf; border-radius: 5px; box-shadow: 0 10px 20px -5px rgba(0, 0, 0, 0.4); padding: 20px; } .cur__loc-close{ position: absolute; top: 7px; right: 7px; display: block; width: 18px; height: 18px; background: url(/bitrix/templates/elsnab/images/bask_del_new2.png) 0 0 no-repeat; } .cur__loc-ok{ display:inline-block; text-decoration:none; font:15px "Roboto"; padding:0px 0px 0px 0px; margin-right:10px; } .cur__loc-ch-b{ margin:10px 0px; } .cur__loc-ch{ display:inline-block; text-decoration:none; font:15px "Roboto"; padding:0px 0px 2px 0px; border-bottom:1px dotted #000; } .mailing{ display:inline-block; position:relative; margin-bottom:30px; } .mailing div{ margin-bottom:5px; font:14px "Roboto"; } .mailing-submit { display: inline-block; background: #ed7615 url(/bitrix/templates/elsnab3/images/rght-red-icon.png) 16px 10px no-repeat; width: 36px; height: 31px; border: 0; position: absolute; top: 22px; right:-35px; } .mailing-text { height: 27px; position: relative; display: inline-block; padding: 0px 5px; width:285px; } .quote{ margin-bottom:25px; } .news__all-b{ overflow:hidden; margin:25px 0px; } .news__all-i{ width:33%; float:left; text-align:center; } .news__all-pic{ display:table-cell; width:305px; height:270px; vertical-align:middle; text-align:center; } .news__all-n{ font:16px "Roboto"; color: #ed7615; margin-top:5px; } #content .news__all-btn{ display:block; width:200px; height:30px; text-align:center; color:#fff; font:15px/30px "Roboto"; background:#ed7615; margin-top:25px; } #content .news__all-btn:hover{ color:#fff; } /********************/ .margin{ margin-top:20px; } .desc__small{ margin:5px 0px; font:11px "Roboto"; color:gray; text-align:justify; } .news__img{ margin:10px 0px; } .no__padding{ padding:0; list-style:inside; } .news__webinar{ width:100%; border-collapse:collapse; } .news__webinar td{ vertical-align:top; width:33%; padding-bottom:25px; padding-top:5px; border-bottom:1px solid #cecece; } .news__webinar tr td:last-child{ text-align:right; } #content .news__webinar td a{ display:inline-block; margin-top:0; } .news__webinar.no__bord{ border-bottom:none; } .news__webinar-b{ margin: 30px 0px; overflow: hidden; padding: 10px 20px; background: #e1ebf6; } .news__webinar-b img{ float:left; } .news__webinar-b div{ margin-left:130px; } .news__webinar-b span{ font-weight:bold; display:block; margin-bottom:15px; } /***************/ .ajax__auth-block{ position:absolute; display:none; top:20%; left:50%; width:400px; min-height:300px; margin-left:-200px; z-index:10000; background:#fff; border-radius:5px; box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.35); padding:30px; font:15px "Roboto"; } .ajax__auth-close{ position:absolute; top:10px; right:10px; display:block; width:18px; height:18px; background:url(/bitrix/templates/elsnab3/images/bask_del_new2.png) 0 0 no-repeat; } .ajax__auth-close:hover{ background:url(/bitrix/templates/elsnab3/images/bask_del_new2.png) 0 -18px no-repeat; } .ajax__reg-btn{ display:block; text-align:center; height:32px; margin-top:10px; border-radius:2px; background:#007ac1; width:312px; color:#fff; line-height:32px; text-decoration:none; } .ajax__reg-btn:hover{ background:#004d9d; } .ajax__auth-block .bx-auth-title{ border-top: solid 2px #E3E3E3; padding-top: 12px; font-size:18px; border-bottom:none; padding-bottom:0; } .ajax__auth-block .bx-auth-input{ height:20px; width:200px; } .authorize-submit-cell input{ display:inline-block; text-align:center; height:32px; margin-top:10px; border-radius:2px; background:#007ac1; width:312px; color:#fff; line-height:32px; text-decoration:none; margin-right:10px; border:none; } .authorize-submit-cell input:hover{ background:#004d9d; } .bx-auth-input{ width: 307px !important; height: 38px !important; font-size: 18px; padding-left: 11px; } .forg_pass{ text-decoration:none; color:#0066b1; padding-left:5px; } .forg_pass:hover{ color:#000; } .cart__h.active{ box-shadow: 0 0 6px #999; -webkit-box-shadow: 0 0 6px #999; -moz-box-shadow: 0 0 6px #999; background: #fff; padding: 10px; z-index: 10000; position: fixed; /* width: 170px; */ right:54px; border-radius:5px; } .cart__g.active{ box-shadow: 0 0 6px #999; -webkit-box-shadow: 0 0 6px #999; -moz-box-shadow: 0 0 6px #999; background: #fff; padding: 10px; z-index: 10000; position: fixed; /* width: 170px; */ right:54px; border-radius:5px; } /*****************/ .new-content-catalog-detail-wrap{ float:left; width:920px; margin-left:35px; } .el__help-b{ position:relative; margin-bottom:5px; padding:0px 20px; } .el__help-over { position: absolute; display: none; width: 133px; padding: 10px 20px; background: #fff; box-shadow: 0px 12px 20px 0px rgba(0, 0, 0, 0.35); top: -34px; right: 173px; z-index: 1; } .el__help-l{ cursor:pointer; } .el__help-b:hover .el__help-over{ display:block; } .el__help-b:hover .el__help-l{ color:#ed7517; } .up__head{ text-align:center; color:#a7a7a7; margin:0px 30px; } .prog__ob-b{ margin-top:30px; padding-bottom:20px; border-bottom:1px solid #ccc; font:14px "Roboto"; } .prog__ob-b p{ text-align:right; } .prog__ob-b.no__bord{ border:none; } .el__sub-t{ font:bold 20px "Roboto"; margin-bottom:20px; } .w2{ width:50%; float:left; overflow:hidden; } .img__l{ float:left; width:150px; } .img__l img{ max-width:145px; } .text__l{ margin-left:155px; padding-right:15px; } .text__l p{ margin-top:0; font-size:16px; text-align:left; margin-left:0; } .w3{ width:33%; float:left; } .w3 .img__l{ width:100px; } .w3 .img__l img{ max-width:100px; } .w3 .text__l{ margin-left:110px; } #content .create_xls { display: inline-block; text-align: center; padding-bottom:3px; border-bottom: 1px dashed #007ac1; font-size: 17px; color: #007ac1; text-decoration: none; vertical-align: top; margin-left: 100px; } #content .create_xls.no__margin{ margin:0; } #content .create_xls:hover{ color:#ed7517; } #up{ text-align: center; font-size: 18px; padding-top: 15px; font-weight: bold; font-family:"Roboto"; color: #fff; width: 100px; height: 40px; opacity: 0.3; position: fixed; bottom: 50px; right: 100px; display: none; background: #333333 no-repeat; text-decoration: none; border-radius: 10px; } .price_nds{ display:block; font-size:13px; color:#b0b0b0; } .success-b{ display:none; margin:5px 0px; color:green; font-size:13px; } .rd-dialog { position: fixed; z-index: 10000; top: 20%; left: 50%; display: none; width: 400px; margin-left: -200px; padding: 30px; border-radius: 5px; box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.35); background: #fff; font: 15px "Roboto"; } .rd-dialog.schet__dialog{ min-width: 401px; margin-left: -176px; padding:30px 15px; } .rd-dialog__close { position: absolute; top: 10px; right: 10px; display: block; width: 18px; height: 18px; background: url(/bitrix/templates/elsnab/images/bask_del_new2.png) 0 0 no-repeat; } /** Buttons **/ .btn { display: inline-block; height: 36px; margin: 0; padding: 0 20px; border: none; border-radius: 3px; box-shadow: 0 2px 5px #999; text-align: center; font-size: 17px; line-height: 35px; color: #fff; text-decoration: none; cursor: pointer; white-space: nowrap; } .btn-blue { background-color: #007ac1; } .btn-blue:hover { background-color: #004d9d; } .btn-orange { background-color: #ed7517; } .btn-orange:hover { background-color: #ed5917; } .divider { height: 1px; background-color: #ccc; margin: 15px 0; } .buy-cheep h3 { margin-top: 0; } .buy-cheep input { box-sizing: border-box; width: 100%; height: 40px; padding: 0 10px; margin: 0 0 10px; font-size: 18px; } .buy-cheep input.error { border: 1px solid red; } .buy-cheep .btn { font-size: 18px; } .form__raschet h3{ text-align: center; margin: 0px 0px 15px 0px; font-size: 21px; font-family: "Roboto"; } .form__raschet input[type='text']{ width:352px; height:32px; display:block; border: 1px solid #ccc; border-radius: 3px; box-sizing: border-box; padding:0px 10px; font-size:14px; color:#929598; margin-bottom:10px; outline: none !important; } .form__raschet input[type='text'].captcha-input{ width:120px; display:inline-block; background:none; height:40px; border: 2px solid #d2d2d2; border-radius: 5px; vertical-align:top; outline:none; font-size:18px; } .form__raschet textarea{ width:352px; height:50px; display:block; box-sizing: border-box; padding:0px 10px; font-size:14px; color:#929598; border:none; margin-bottom:10px; border:2px solid #d2d2d2; border-radius:5px; resize:none; outline:none; } .rash__f{ margin-bottom:20px; color:#929598; } .form__raschet #file_name{ background:none; width:auto; height:auto; margin:0 0 0 10px; display:inline; color:#007ac1; cursor:pointer; border-bottom:1px dotted #007ac1; padding:0; } .form__raschet input[type='file']{ display:none; } .form__raschet input.error{ border: 1px solid red; border-radius:7px; } .form__raschet input[type='text'].captcha-input.error{ border: 1px solid red; } .btn__rasch{ display:block; margin:0 auto; width:160px; height:40px; cursor:pointer; outline: none !important; color: #ed7517 !important; border: 1px solid #ed7517; background-color: #fff; border-radius: 3px; text-transform: uppercase; font-size: 16px; } .btn__b{ background:none; color:#ed5917; border:none; cursor:pointer; } .btn__b:hover{ color:#000; } .index__news-b{ overflow:hidden; margin-left: 32px; margin-bottom: 30px; } .index__news-i{ float:left; width:30%; margin-right:4%; margin-bottom:25px; } .index__news-i.last{ margin-right:0; } .index__news-date{ font-size:14px; font-weight:bold; color:#828282; margin-bottom:5px; } .index__news-name{ font-size:14px; line-height:16px; display:block; padding-right:5%; color:#007fc1; } .news__index-all{ text-align:right; margin-right:25px; } .rasch__block{ width:334px; height:211px; background:url(/bitrix/templates/elsnab3/images/rach_img.png) no-repeat; position:relative; margin-bottom:6px; } #content .rasch__btn{ display:block; position:absolute; right:20px; bottom:20px; width:164px; height:57px; background:url(/bitrix/templates/elsnab3/images/rach_txt_bg.png) no-repeat; color:#fff; font:bold 20px/20px "Roboto"; padding-left:10px; padding-top:5px; text-transform:uppercase; border:none; cursor:pointer; text-align:left; } #content .rasch__btn:hover{ color:#ed7517; } .podbor__block{ width:334px; height:211px; background:url(/bitrix/templates/elsnab3/images/podbor_img.png) no-repeat; position:relative; } #content div.news-list .podbor__btn{ display:block; position:absolute; right:10px; bottom:10px; width:164px; height:57px; background:url(/bitrix/templates/elsnab3/images/rach_txt_bg.png) no-repeat; color:#fff; font:bold 20px/20px "Roboto"; padding-left:10px; padding-top:5px; text-transform:uppercase; } .rasch__cont-b{ width:223px; height:99px; position:relative; margin-top:25px; background:url(/bitrix/templates/elsnab3/images/rach_cont_bg.png) no-repeat; } .rasch__btn-cont{ position: absolute; display: block; border: none; background: none; cursor: pointer; width: 145px; font: bold 22px/20px "Roboto"; color: #f77400; text-align: left; top: 28px; left: 71px; } .rasch__btn-cont:hover{ color:#000; } .rasch__el-b{ width:187px; height:77px; position:relative; margin-top:15px; background:url(/bitrix/templates/elsnab3/images/rasch_el_bg.png) no-repeat; } .rasch__btn-el { position: absolute; display: block; border: none; background: none; cursor: pointer; font: bold 18px/16px "Roboto"; color: #f77400; text-align: left; top: 23px; left: 67px; } .rasch__btn-el:hover{ color:#000; } .el__docs-pl{ float:left; width:140px; } #content .el__docs-pl-i{ height:30px; border:1px solid #d5d5d5; border-radius:3px; text-align:center; margin-bottom:3px; display:block; font:13px/30px "Roboto"; color:#000; cursor:pointer; } #content .el__docs-pl-i.active{ background:#0068b4; color:#fff; font-weight:bold; } .el__docs-items{ margin-left:143px; overflow:hidden; } .el__docs-i{ display:none; } .el__docs-i.active{ display:block; } .el__doc-i{ display:block; border-collapse:collapse; padding:3px 7px; border-bottom:1px dotted #d5d5d5; overflow:hidden; } .el__doc-i:hover{ background:#e9f0f7; padding-bottom:4px; border-bottom:none; } .el__doc-i > div{ vertical-align:middle; float:left; padding-top:5px; } .el__docs-n{ width:500px; } .file__icon{ display:inline-block; vertical-align:top; width:38px; height:29px; margin-right:10px; background:#969da5; text-align:center; color:#fff; font-size:12px; line-height:29px; border-radius:3px; } .file__icon.pdf{ background:url(/bitrix/templates/elsnab3/images/pdf_icon_new.png) no-repeat; } .file__icon.dwg{ background:url(/bitrix/templates/elsnab3/images/dwg_icon_new.png) no-repeat; } .file__icon.step{ background:url(/bitrix/templates/elsnab3/images/step_icon_new.png) no-repeat; } .el__doc-size{ font-size:13px; color:#8b8b8b; } .el__doc-i .copy__link{ float:right; background:url(/bitrix/templates/elsnab3/images/copy_link.png) left 13px no-repeat; padding:0 0 0 22px; } #content .el__doc-i .copy__link a{ font-size:13px; } #content .el__doc-i .copy__link div{ font-size:13px; color:green; } .left__sol{ margin:0; padding:0; list-style:none; } .left__sol > li{ display:block; border:1px solid #cbcbcb; border-top:none; padding:15px 10px; overflow:hidden; position:relative; } .left__sol > li:first-child{ border-top:1px solid #cbcbcb; } #content .left__sol > li.selected > a{ color:#ed7615; } #content .left__sol > li.parent a{ padding-right:10px; } #content .left__sol > li.parent .after{ position: absolute; right: 10px; font-size: 21px; cursor: pointer; -webkit-transition: .3s ease-in-out; -moz-transition: .3s ease-in-out; -ms-transition: .3s ease-in-out; -o-transition: .3s ease-in-out; transition: .3s ease-in-out; color:rgb(119, 119, 119); } #content .left__sol > li.parent .after:hover{ color: #2f3333; } #content .left__sol > li.parent .after:before{ content: "\f055"; } #content .left__sol > li.parent.selected .after:before{ content: "\f056"; } #content .left__sol > li.auto{ height:auto; min-height:30px; } #content .left__sol > li.parent.selected { height:auto; } #content .left__sol > li > a{ color:#000; } #content .left__sol > li > a:hover{ color:#ed7615; } .left__sol > li > ul{ margin-top:16px; list-style:none; padding:0 0 10px 15px; } .sub__sol{ display:none; } .sub__sol li{ margin:10px 0px; } #content .left__sol > li > ul > li > a{ color:#000; } #content .left__sol > li > ul > li > a:hover{ color:#ed7615; } #content .left__sol > li > ul > li.selected > a{ color:#ed7615; } #content .column-full .retrofit__wrap h1{ margin:20px 0px; } #content .retrofit-btn{ background: #ed7517; display: inline-block; border: 0; padding: 0; margin: 0; border-radius: 3px; cursor: pointer; width: 141px; height: 32px; text-align: center; font: 14px/32px "Roboto"; text-decoration: none; color: white; } #content .retrofit-btn:hover{ background:#d7640a; color:#fff; } .solution__item{ overflow:hidden; padding:10px; margin:20px 0px; border: #cbcbcb 1px solid; border-radius: 5px; } .foto__was{ float:left; width:130px; height:130px; } .foto__was a{ display:table-cell; width:130px; height:130px; vertical-align:middle; text-align:center; } .foto__was img{ max-width:100%; max-height:100%; } .sol__arr{ float:left; width:31px; height:17px; background:url(/bitrix/templates/elsnab3/images/foto_arr.png) no-repeat; margin:61px 10px 0px; } .solution__desc{ float:left; width:560px; margin-left:30px; } .align__right{ text-align:right; margin-top:10px; } #content .solution__item-name{ display:block; font-size:14px; font-weight:bold; margin-bottom:5px; } .equipment-section table{ border:1px solid #cbcbcb; border-collapse:collapse; } .sol__foto-block{ float:left; width:400px; position:relative; } .sol__foto-block.no__left{ float:none; margin-top:30px; width:auto; } .foto__arr{ float:left; margin:0px 40px; width:31px; height:300px; background:url(/bitrix/templates/elsnab3/images/foto_arr.png) center center no-repeat; } .sol__foto-wrap{ padding-top:10px; } .sol_arr{ position:absolute; display:block; width:17px; height:8px; right:41px; } .sol__foto-block.no__left .sol_arr{ right:auto; left:341px; } .sol_foto_top{ top:-15px; background-image:url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSI2IiB2aWV3Qm94PSIwIDAgOCA2IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9IiNiMmIyYjIiPjxwYXRoIGQ9Ik0uODAxIDUuMzk2bDMuMTk4LTMuMTk2IDMuMTk3IDMuMTk2Ljc5OS0uNzk5LTMuOTk2LTMuOTk0LTMuOTk2IDMuOTk0Ljc5OC43OTl6Ii8+PC9zdmc+Cg=='); background-repeat: no-repeat; background-position: 50% 50%; background-size:100%; } .sol_foto_down{ bottom:20px; background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSI2IiB2aWV3Qm94PSIwIDAgOCA2IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9IiNiMmIyYjIiPjxwYXRoIGQ9Ik03LjE5Ny42MDRsLTMuMTk4IDMuMTk2LTMuMTk3LTMuMTk2LS43OTkuNzk5IDMuOTk2IDMuOTk0IDMuOTk2LTMuOTk0LS43OTgtLjc5OXoiLz48L3N2Zz4K'); background-repeat: no-repeat; background-position: 50% 50%; background-size:100%; } .sol__foto-main { float: left; width: 300px; height: 300px; border:2px solid #cfcfcf; border-radius:5px; } .sol__foto-main a{ display:table-cell; width:300px; height:300px; vertical-align:middle; text-align:center; } .sol__foto-main img{ max-width:260px; max-height:260px; } .sol__foto-dop-b{ float:left; margin-left:10px; width:70px; position:relative; height:310px; overflow:hidden; } .sol__foto-dop-wrap{ position:absolute; width:70px; height:9999999px; top:0; left:0; } .sol__foto-dop-i{ width:70px; height:70px; margin-bottom:7px; } .sol__foto-dop-i.active{ border:1px solid #ed7517; width:68px; height:68px; border-radius:5px; } .sol__foto-dop-i a{ display:table-cell; width:70px; height:70px; vertical-align:middle; text-align:center; } .sol__foto-dop-i.active a{ width:68px; height:68px; } .sol__foto-dop-i img{ max-width:60px; max-height:60px; } .sol__foto-t{ font:17px "Roboto"; margin:5px 0px 0px 10px; color:#c8c8c8; } .sol__desc{ margin-top:20px; } .sol__prop-wrap{ margin-top:20px; overflow:hidden; } .sol__table-b{ float:left; width:600px; margin-right:20px; } .sol__table-b table{ width:100%; border-collapse:collapse; border-right:1px solid #f7f6f6; border-left:1px solid #f7f6f6; } .sol__table-b table thead td{ background:#ebebeb; padding:15px 5px; } .sol__table-b table td{ vertical-align:middle; font-size:14px; line-height:16px; padding:10px 5px; background:#fff; } .sol__table-b table .color td{ background:#f7f6f6; } .sol__doc-b{ float:left; width:268px; border:3px solid #f2f2f2; border-radius:5px; padding:10px 20px; } .sol__dop-ttl{ font-weight:bold; font-size:16px; margin-bottom:7px; } #content .sol__doc-i{ display:block; font-size:14px; margin-bottom:5px; } .example__left{ float:left; width:520px; font-size:15px; margin-left:30px; } .zamena__block{ font-size:14px; margin:10px 0px; } .zamena__block div{ margin-bottom:5px; } .zamena__block a{ font:14px "Roboto"; color:#0066b1; text-decoration:none; } .zamena__block a:hover{ color:#ed7517; } .zamena__count{ margin-top:10px; font-size:14px; } .zamena__select{ width: 352px; height: 30px; display: block; box-sizing: border-box; padding: 0px 10px; font-size: 14px; color: #929598; border: none; margin:10px 0px; border: 2px solid #d2d2d2; border-radius: 5px; resize: none; outline: none; } .zamena_count{ width: 52px; height: 30px; box-sizing: border-box; font-size: 14px; color: #929598; border: none; border: 2px solid #d2d2d2; border-radius: 5px; resize: none; outline: none; text-align:center; } .zamena__text{ color: #929598; font:italic 11px "Roboto"; margin:10px 0px; } .bord__b{ padding:5px 0px; border-top:1px solid #cbcbcb; border-bottom:1px solid #cbcbcb; margin-bottom:10px; } .captcha__refresh{ width:39px; height:34px; background:url(/bitrix/templates/elsnab3/images/captcha_refresh.png) no-repeat; display:inline-block; vertical-align:top; margin:5px 0px 0px 5px; } .captcha__refresh:hover{ background:url(/bitrix/templates/elsnab3/images/captcha_refresh.png) 0 -34px no-repeat; } .sub__menu-level3{ display: none; z-index: 1001; top: -10px; right: -211px; background-color: white; border-radius: 5px; border: #e5e5e5 1px solid; padding-top: 8px; padding-bottom: 8px; position: absolute; } header nav .elem-level-2 li:hover .sub__menu-level3{ display:block; } .news-list-img{ float:left; margin-right:20px; } .news-list-img img{ max-width:150px; max-height:150px; } #content .myelsnab-news .news__list-item{ padding-bottom:15px; border-bottom:1px dotted #a7a7a7; overflow:hidden; } .text__block{ margin-bottom:30px; } .press__center-b{ overflow:hidden; margin-bottom:25px; } .press__center-i{ float:left; width:30%; margin-right:3%; } .press__center-b .press__center-i:last-child{ width:34%; margin-right:0; } .soc__btns-b a{ display:inline-block; margin-right:5px; vertical-align:top; } .reg__wrap{ overflow:hidden; font-size:16px; line-height:19px; } .reg__left{ float:left; width:64%; margin-right:1%; padding:3% 3% 2%; background:#f2f2f2; } .reg__right{ float:right; width:24%; padding:2%; background:#dce7f1; } .reg__right-ttl{ margin-bottom:10px; } .reg__right ul{ list-style-type:disc !important; padding:10px 0px 10px 18px; } .reg__right-ttl{ font-size:18px; } .reg__right ul li{ margin-bottom:5px; } .reg__right-reg{ font-size:20px; line-height:22px; color:red; margin-bottom:30px; } .reg__right-i{ font:italic 13px "Roboto"; } .orange{ color:#ed7517; } .ur-lico select{ height:34px; } .reg__line{ height:10px; border-top:1px solid #dddddd; } #f_r{ border: 1px solid grey; width: 300px; padding: 0px 0px 20px 20px; } #f_r p{ text-align: center; font-size: 18px; } #f_r input{ margin-bottom: 10px; width: 275px; height: 30px; font-size: 18px; } #f_r button{ width: 280px; font-size: 18px; background-color: #ed7517; border: none; padding: 5px 0px; cursor: pointer; } a{ text-decoration:underline; } .h-tools-contacts-box-1-phone a, .h-tools-contacts-box-2-phone a{ text-decoration:none !important; } /*addons*/ @font-face { font-family: 'bebasR'; src: url("/bitrix/templates/new_index/fonts/BebasNeue Regular.ttf"); font-weight: 300; } .sl{ height: 340px !important; width: 100% !important; min-width: 768px; max-width: 1920px; margin: 0 auto; } .sl1 p { font-size: 30px; color: #fff; text-transform: uppercase; font-family: "Roboto", sans-serif; padding-top: 30px; } .sl7 { background: url(/bitrix/templates/new_index/images/slide7.jpg) center top no-repeat; background-size: cover; } .sl122 { background: url(/img/sl-oez.png) center top no-repeat; background-size: cover; } .sl123 { background: url(/img/sl-alfra.png) center top no-repeat; background-size: cover; } .sl124 { background: url(/img/crauss2.png) center top no-repeat; background-size: cover; } .sl125 { background: url(/img/crauss2.png) center top no-repeat; background-size: cover; } #content.page-index { margin-top: 0px !important; } .sl1 { background: url(/bitrix/templates/new_index/images/slide1.jpg)center no-repeat; } .sl h2 { font-size: 90px !important; text-transform: uppercase; font-family: 'bebasR', sans-serif !important; text-shadow: 0 0 20px #000; color: #ed7517; padding-left: 20px; margin: 0px; } .sl p { padding-left: 20px; } .sl1 h3 { color: #fff; font-family: "Roboto", sans-serif; font-size: 36px !important; display: inline-block; font-weight: bold; background: rgba(0, 70, 113, 0.6); padding: 11px 15px; margin: 0; padding-left: 20px; } .index__about-b .index__about-i:first-child { margin-left: 5px; } .index__about-i { float: left; width: 401px; background: #f3f3f3; height: 390px; position: relative; margin-left: 16px; padding: 30px 0 30px 40px; } .index__about-b { margin-top: 45px; } .index__about-i:before { content: ""; width: 5px; height: 190px; position: absolute; right: 100%; top: 10px; background: #ccdbeb; margin-left: -5px; } .index__about-text { font-size: 16px; color: #4d4d4d; font-family: "Roboto", sans-serif; line-height: 24px; text-align: left; height: 145px; padding-right: 30px; } .index__about-name { margin-left: 30px; width: 270px; text-align: left; text-transform: uppercase; float: left; color: #1b1b1b; font-family: "Roboto", sans-serif; font-weight: bold; font-size: 16px; margin-top: 5px; } .index__about-b .index__about-i:first-child .index__about-name { color: #ed7517; } .index__about-pic { text-align: center; float: left; } .link_about_text { float: right; margin-top: 25px; width: 170px; border: none; color: #fff !important; background: #004d9d; padding: 18px 10px 15px 0; font-family: "Roboto", sans-serif; font-size: 14px; text-align: center; text-transform: uppercase; position: relative; } .link_about_text:before { content: ""; width: 0; height: 0; right: 100%; top: 0px; position: absolute; border-top: 50px solid transparent; border-right: 30px solid #004d9d; border-bottom: 0px solid transparent; } .wrap { width: 100%; max-width: 1240px; margin: 0 auto; position: relative; } .sec1 { background: #fff; z-index: 999; position: relative; } .line_about_text { width: 65px; height: 3px; margin: 20px 0 45px 30px; background: #ed7517; float: left; } .index__advan-pic { float: left; margin: 35px 0 0 30px; } .index__advan-b { margin-top: 30px; overflow: hidden; } .index__advan-i { width: 592px; border: 1px solid #dae0e7; height: 160px; } .index__advan-l { float: left; width: 47%; margin-right: 3%; } .index__advan-t { margin-left: 140px; } .index__advan-name { font-size: 16px; padding-top: 52px; color: #4d4d4d; font-family: 'Calibri', sans-serif; font-weight: bold; text-transform: uppercase; } .adout_compani_elsnab_text p { font-family: "Roboto"; font-size: 15px; color: #000; text-align: justify; line-height: 25px; font-weight: 300; padding-top: 0px; } #content .index__h2 { text-transform: uppercase; font-family: "Roboto", sans-serif; color: #004d9d; opacity: 0.8; } .news_elsnab_prev { float: left; padding-bottom: 65px; background: #efefef; padding-right: 40px; position: relative; } .date_news_elsnab { width: 90px; float: left; overflow: hidden; height: 80px; background: #103c62; } .as { margin-top: -1px; } .news_elsnab { background: linear-gradient(to right, #efefef, #efefef, #efefef, #efefef, #efefef, #efefef, #efefef); width: 100%; } .index__news-b { overflow: hidden; } .index__advan-block h2.index__h2 { font-family: "Roboto", sans-serif; color: #103c62 !important; text-align: center; font-size: 36px !important; } .news_elsnab_prev:before { content: ""; width: 0; height: 0; left: 100%; top: 0px; position: absolute; border-top: 0px solid transparent; border-left: 100px solid #efefef; border-bottom: 325px solid transparent; } .news_elsnab h2 { font-size: 36px !important; font-family: "Roboto", sans-serif; color: #212121 !important; } .index__solutions-b { padding-bottom: 20px; overflow: hidden; font-size: 13px; } .solution_left { width: 100%; float: left; } .mob_head { display: none; } .index__advan-block h2.index__h2 span { font-family: "Roboto", sans-serif; color: #828282 !important; text-align: center; font-weight: 900; opacity: 0.5; font-size: 20px !important; } .news_index .index__news-i { width: 380px !important; } .news_elsnab .line2 { background: #ed7517; } .line2 { width: 115px; height: 3px; background: #0f4c86; margin-top: -2px; margin-bottom: 15px; display:none; } .index__news-name { color: #343333 !important; font-size: 15px; font-family: "Roboto", sans-serif; text-transform: uppercase; text-decoration: none; margin-left: 90px; height: 80px; background: #fff; display: block; line-height: 22px; padding: 8px 15px 0 25px; } .index__news-b { overflow: hidden; } .line1 { width: 100%; height: 1px; background: #e6e6e6; margin-top: 16px; display:none; } .block_napolaose { height: 40px; width: 150px; background: #f2f2f2; margin: -60px auto 30px; text-align: center; } .prev_slide { width: 40px; height: 40px; border-radius: 50%; background: url(/bitrix/templates/new_index/images/prev_slide.png)no-repeat 50%; border: 1px solid #a4b6d2; display: inline-block; opacity: 0.7; z-index: 999; position: relative; margin: 0 8px; cursor: pointer; } .next_slide { width: 40px; height: 40px; border-radius: 50%; background: url(/bitrix/templates/new_index/images/next_slide.png)no-repeat 50%; border: 1px solid #a4b6d2; display: inline-block; opacity: 0.7; z-index: 999; position: relative; margin: 0 8px; cursor: pointer; } .product_elsnab { background: #f2f2f2; padding-bottom: 20px; margin-top: 42px; } .polosa { width: 100%; height: 1px; background: #cecece; margin-bottom: 40px; } .index__products-block { margin: 20px 0 0px; position: relative; height: 431px; } .index__news-date2 { font-size: 47px; color: #fff; font-family: "Roboto", sans-serif; width: 56px; text-align: center; height: 55px; overflow: hidden; margin: 0px auto 0; } .slide_news { width: 1145px; } .index__news-date{ font-size: 12px; color: #fff; opacity: 0.5; font-family: "Roboto"; width: 56px; height: 20px; overflow: hidden; margin: 1px auto 0; } .index__news-date p { margin-top: -18px; text-align: center; } .index__news-name { color: #343333 !important; font-size: 15px; font-family: "Roboto"; text-transform: uppercase; text-decoration: none; margin-left: 90px; height: 80px; background: #fff; display: block; line-height: 22px; padding: 8px 15px 0 25px; overflow-x: hidden; overflow-y: hidden; } .solution_left>h2{ font-size:36px !important; } .podrob { display: block; margin-top: 30px; font-family: "Roboto", sans-serif; font-size: 14px; text-transform: uppercase; text-decoration: none; color: #2667a5; } .index__solutions-b h2 { font-size: 36px !important; color: #212121 !important; font-weight: normal !important; } .news_index .owl-controls .owl-nav .owl-prev { right: 50px !important; background: #e2e2e2 url(/bitrix/templates/new_index/images/prev_akc.png)no-repeat 50% 50% !important; width: 35px !important; height: 35px !important; opacity: 0.5; left: initial !important; bottom: 100% !important; top: initial !important; margin-bottom: 73px; margin-left: 0 !important; } .news_index .owl-controls .owl-nav .owl-next { right: 0 !important; background: #e2e2e2 url(/bitrix/templates/new_index/images/next_akc.png)no-repeat 50% 50% !important; width: 35px !important; height: 35px !important; opacity: 0.5; left: initial !important; bottom: 100% !important; margin-bottom: 73px; margin-right: 0 !important; top: initial !important; } .news_index .owl-controls .owl-nav .owl-prev:hover { opacity: 1; } .owl-carousel { margin: 55px auto 0 !important; } .index__products-pic img { width: 240px; margin: 55px auto 0; } .index__products-name { display: block; text-align: center; font-family: 'Calibri', sans-serif; font-size: 18px; color: #2d2d2d; line-height: 20px; padding: 40px 30px 0 30px; } .index__products-wrap a { margin-right: 40px; -webkit-box-shadow: 0px 0px 15px 0px rgba(50, 50, 50, 0.4); -moz-box-shadow: 0px 0px 15px 0px rgba(50, 50, 50, 0.4); box-shadow: 0px 0px 15px 0px rgba(50, 50, 50, 0.4); transition: 0.3s; } h2{ font-weight:normal; margin-bottom:0px; font-size: 18px !important; font-family: "Roboto", sans-serif; padding-top: 10px; /* font-weight:bold !important; */ } .ppr{ margin: 12px 2px; width: 145px; } .ur-lico input[name='USER_REMEMBER_'] { width: auto; position: relative; vertical-align: top; height: auto; margin-right: 10px; padding: 0; } .hjg{ width: 397px; padding-left: 5px; margin-bottom: 6px; } [alt=CAPTCHA]{ width: 307px; } input.add-in-zap { border: 0; padding: 0; margin: 0; background: #007ac1; border-radius: 3px; cursor: pointer; width: 141px; height: 32px; text-align: center; line-height: 14px; font-size: 14px; color: white; } input.add-in-zap:hover { background-color: #004d9d; } @media (min-width: 1200px){ .dflex{display:flex;} } @media (max-width: 1200px){ .fake_menu{display:none;} #small-basket{ padding-right: 10px; margin-right: 10px; } .zs{ margin-right: 20px; } } .dob_ur_menu{ border-radius: 6px; box-shadow: 0 0 10px rgba(0,0,0,.15); } .one-block{ width: 262px; border-radius: 4px 0px 0px 7px; background-color: #007ac1; display: block; height: 32px; min-width: 168px; font-family: "Roboto", sans-serif; text-decoration: none; white-space: nowrap; text-align: center; line-height: 31px; font-size: 14px; color: #fff; } .forsearch { height: 45px; width: 300px; position: absolute; right:200px; margin-top: 0px; border: 1px solid rgba(0,0,0,0); border-radius:0px 3px 0px 0px; padding-left: 14px; background: #fff; color: black; box-shadow: 0px 0px 4px 1px #c5c5c5; } .forsearch:active, .forsearch:focus{ outline:none; outline: none; border: 1px solid white; } .serh{ position:absolute; width:31px; height: 31px; right: 200px; color:white; } .serh:hover{ background-color: #fff; color: #007ac1; cursor:pointer; border-radius: 0px 3px 0px 0px; } .serh:after { content: "\e043"; font-family: megaicons,Arial,sans-serif!important; font-style: normal!important; font-weight: 400!important; font-variant: normal!important; text-transform: none!important; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: relative; top: 15px; left: 8px; color: black; } .forsearch::-webkit-input-placeholder {color:#000;font-family: "Roboto";} .forsearch::-moz-placeholder {color:#000;font-family: "Roboto"; }/* Firefox 19+ */ .forsearch:-moz-placeholder {color:#000;font-family: "Roboto";}/* Firefox 18- */ .forsearch:-ms-input-placeholder {color:#000;font-family: "Roboto";} .search-query__::-webkit-input-placeholder {color:#8c8c8c;} /* .search-query__::-moz-placeholder {color:#757575;} */ .search-query__::-moz-placeholder {color:#8c8c8c;} .search-query__:-moz-placeholder {color:#8c8c8c;} .search-query__:-ms-input-placeholder {color:#8c8c8c;} .fath{ position: absolute; right: 0px; width: 200px; text-align: center; color: white; height: 31px; } .fath:hover{ color:black; cursor:pointer; } .fath a{ font-family: "Roboto"; color: #000000 !important; font-size: 15px; margin-top: 5px; display: block; text-decoration: none; } .fath a:before{ content: "\e008"; font-family: megaicons,Arial,sans-serif!important; font-style: normal!important; font-weight: 400!important; font-variant: normal!important; text-transform: none!important; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: relative; top: 6px; left: -10px; font-size: 22px; } .ds2{ height: 36 !important; } .menus{ margin-left: 28px; } .menus li a{ height: 45px; padding-top: 14px; font-size: 16px; padding: 14px 14px 0px 13px; } .footer-bl{ float:left; width:210px !important; margin-left: 70px; margin-top: -3px; font-family: "Roboto"; } .bw { -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease; } .bw:hover { -webkit-filter: grayscale(100%); } .b-topbar { font-size: 13px; position: absolute; z-index: 202; height: 18px; width:100%; } .b-topbar__link{ height: 18px; line-height: 17px; color: #0066b1; } .b-topbar__link:hover { background: #007ac1; color: white; } .b-topbar__compact-menu_main { display: none; float: left; } .b-topbar__inside { margin: 0 auto; line-height: 13px; color: #fff; padding: 0 20px; position: relative; } /*subscribeblock*/ .b-footer-subscribe-news-box { background-color: #bdbdbd; height:300px; position: relative; } .b-footer-subscribe-news-box__inner{ width: 1240px; margin: auto; height: 300px; } .b-footer-subscribe-block{ float: left; height: 100%; width: 988px; position: relative; overflow: hidden; z-index:10; background-color: #bdbdbd; } .b-news-index { height: 100%; margin-right: -20px; position:relative; width: 100%; } .b-footer-news-block{ background: #fff; color: #000; width:340px; height:100%; float: right; } .b-news-index__title{ color:black; text-decoration:none; } .b-news-index__title:hover { color: #5cb5e5; } .b-news-index__title:hover>i{ display:inline-block; vertical-align:middle; background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='3.06' height='5.02' viewBox='0 0 3.06 5.02'%3E%3Cpath fill='%235CB5E5' d='M.54 5.02c-.14 0-.28-.05-.38-.16a.537.537 0 0 1 0-.76l1.6-1.59L.15.91A.537.537 0 0 1 .91.15L2.9 2.14c.1.1.16.24.16.38S3 2.8 2.9 2.9L.91 4.87c-.1.1-.24.15-.37.15z'/%3E%3C/svg%3E") no-repeat; width:3px; height:5px; background-size:100% 100% } .icon-angle-right-black{ background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='3.06' height='5.02' viewBox='0 0 3.06 5.02'%3E%3Cpath d='M.54 5.02c-.14 0-.28-.05-.38-.16a.537.537 0 0 1 0-.76l1.6-1.59L.15.91A.537.537 0 0 1 .91.15L2.9 2.14c.1.1.16.24.16.38S3 2.8 2.9 2.9L.91 4.87c-.1.1-.24.15-.37.15z'/%3E%3C/svg%3E") no-repeat;background-size:100% 100%; } .icon-angle-right-black,.icon-angle-right-blue{ display:inline-block; vertical-align:middle; width:3px; height:5px; } .icon-arrow-nav,.icon-arrow-right-black{ display:inline-block; vertical-align:middle; font-size:10px } .icon-arrow-right-black{ background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19.3' height='14' viewBox='0 0 19.3 14'%3E%3Cpath d='M17 7H1m12.1-6l5.2 6-5.4 6' fill='none' stroke='%23262626' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10'/%3E%3C/svg%3E") no-repeat; width:19px; height:14px; background-size:100% 100%; } .b-news-index__items { height: 100%; padding-top: 70px; } .b-news-index__item { display: block; height: 50%; padding: 0 60px 0 30px; text-decoration: none; position: relative; } .h-middle { display: table-cell; vertical-align: middle; } .b-news-index__date { font-size: 12px; color: #b2b2b2; line-height: 12px; padding-bottom: 8px; text-decoration:none; } .b-news-index__text { overflow: hidden; position: relative; font-size: 14px; line-height: 24px; max-height: 78px; padding-bottom: 2px; color: black; font-family: "Roboto"; } .b-news-index__title { font-family: "Roboto"; font-size: 22px; position: absolute; top: 22px; left: 30px; line-height: 1; } .h-middle__wrapper, .h-middle__wrapperwidthfree { display: table; height: 100%; } .h-middle__wrapper { width: 100%; } .b-news-index__item:hover { background-color: #ededed; } .b-news-index__item>i { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); right: 30px; opacity: 0; transition: opacity .2s ease,visibility .2s ease; visibility: hidden; } .b-news-index__item:hover>i { opacity: 1; visibility: visible; } .b-footer-subscribe-info { padding: 50px 70px 0 20px; width: 377px; float: left; } .b-footer-subscribe-info__title { font-size: 25px; line-height: 42px; padding-bottom: 20px; color:white; font-family: "Roboto"; } .b-footer-subscribe-info__text p { margin: 0; padding-bottom: 10px; color:white; font-family: "Roboto"; font-size:14px; } .subscribe-email-show { display: none; } .text-input input { font-size: 14px; color: #000; transition: .1s ease-in-out; line-height: normal; outline: none !important; } .b-footer-subscribe-form { float: left; padding: 55px 0 0; width: 300px; } .b-footer-subscribe-form { font-size: 1.4rem; line-height: 2.2rem; position: relative; } .b-footer-subscribe-form .svz-btn { position: absolute; right: -173px; top: 55px; } .svz-btn { background: none; cursor: pointer; display: inline-block; font-size: 14px; padding: 0 30px; line-height: 38px; position: relative; text-align: center; text-decoration: none; text-transform: uppercase; border-radius:3px !important; transition: .2s ease-in-out; color: #fff; } .svz-btn._white._stroke { color: #fff; border: 1px solid #fff; outline:none; } .b-footer-subscribe-form__text { font-size: 16px; color:white; white-space: nowrap; font-family: "Roboto"; } .checkbox-label._colored-style { color: #fff; padding: 10px 0 10px 50px; display: inline-block; font-size: 14px; line-height: 22px; white-space: nowrap; font-family: "Roboto"; } .checkbox-label input { display: none; } .checkbox-label .checkbox-icon:before{ content:""; position:absolute; left:50%; top:50%; -webkit-transform:translate(-50%,-50%); transform:translate(-50%,-50%); background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14.6 13.8'%3E%3Cpath fill='%237EAED7' d='M6.3 13.8c-.2 0-.5-.1-.6-.2L.4 9C0 8.6-.1 8 .3 7.6c.4-.4 1-.5 1.4-.1l4.4 3.8L12.7.5c.3-.5.9-.6 1.4-.4.5.3.6.9.3 1.4L7.2 13.3c-.2.2-.4.4-.7.5h-.2z'/%3E%3C/svg%3E") no-repeat; background-size:100%; background-position:50%; width:15px; height:14.17808px; opacity:0; transition:.1s ease-in-out; } .checkbox-label input:checked+.checkbox-icon:before{ opacity:1; } .checkbox-label._colored-style .checkbox-icon { width: 40px; height: 40px; border: none; border-radius: 50%; background-color: rgba(0,0,0,.15); display:block; position:absolute; left: -2px; top:0px; } .b-footer-subscribe-form__text { display: none ; } .term-s{ color:#fff !important; } .checkbox-container{ padding-top:20px; } .checkbox-label { display: block; margin-bottom: 20px; cursor: pointer; font-size: 14px; color: #000; line-height: 20px; transition: .2s ease-in-out; position: relative; padding-left: 30px; } .checkbox-label._colored-style .checkbox-icon:before{ background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14.6 13.8'%3E%3Cpath fill='%23fff' d='M6.3 13.8c-.2 0-.5-.1-.6-.2L.4 9C0 8.6-.1 8 .3 7.6c.4-.4 1-.5 1.4-.1l4.4 3.8L12.7.5c.3-.5.9-.6 1.4-.4.5.3.6.9.3 1.4L7.2 13.3c-.2.2-.4.4-.7.5h-.2z'/%3E%3C/svg%3E") no-repeat; background-size:100%; background-position:50%; width:15px; height:14.17808px; } /*!subscribeblock*/ @media screen and (min-width: 1274px){ .b-topbar__inside { padding: 0 40px; } } .b-topbar__clause { display: inline-block; vertical-align: top; font-size: 13px; position: relative; height: 18px; width: auto; text-align: center; margin-right: 34px; } .b-topbar__link { display: block; text-decoration: none; padding: 0 15px; margin: 0; font-size: 13px; } .ezi.real{ height: 359.5px; width: 252px; border-radius: 0px; } .zitem{ width: 252px; } .b-topbar__menu { width: 1240px; margin: auto; padding-left: 269px; list-style: none; font-family: "Roboto"; } .elem-level-1{ width: 1243px; } .menu_phone{ color: white; font-family: "Roboto"; padding-top: 5px; cursor: pointer; font-size:14px; height: 31px; width: 152px; text-align: center; /* width: 167px; text-align: right; padding-right:26px;*/ } .vsmail{ display: inline-block; padding: 0px; background: none !important; } .vsmail:hover{ color: #004d9d !important; } .mil>a{ text-decoration:none; padding-bottom: 7px; } .menu_phone:hover{ background-color: #004d9d; } .info_icon { display:inline-block; vertical-align:middle; background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 15 15'%3E%3Cpath fill='white' d='M7.5 15C3.364 15 0 11.636 0 7.5S3.364 0 7.5 0 15 3.364 15 7.5 11.636 15 7.5 15zm0-14C3.916 1 1 3.916 1 7.5S3.916 14 7.5 14 14 11.084 14 7.5 11.084 1 7.5 1z'/%3E%3Cpath fill='white' d='M7.499 5A.512.512 0 0 1 7 4.5c0-.273.227-.5.499-.5.274 0 .501.227.501.5 0 .261-.227.5-.501.5zM7 12.5v-6h1v6H7z'/%3E%3C/svg%3E") no-repeat; background-size:100%; background-position:50%; width:13px; height:13px; margin-top: -2px; } .main-menu-arrow-down{ font-size:10px; } .rest{ width: 450px; position: absolute; background: white; margin-top: 7px; right: 0px; padding: 25px 25px 50px 35px; display:none; box-shadow: -3px 5px 10px rgba(0,0,0,.07); color:black; font-family: "Roboto"; transition-timing-function: linear; transition-duration: 1s; z-index:10000; text-align:left; color: #004d9d !important; height: 359px; right:-3px !important; } .b-css-dropdown__close { position: absolute; top: 14px; right: 24px; height: 22px; width: 22px; text-align: center; outline: none; -webkit-appearance: none; padding: 0; border: none; background: transparent; border-radius: 50%; cursor:pointer; } .b-css-dropdown__close:before{ content:""; width:100%; height:100%; position:absolute; left:50%; top:50%; border-radius:50%; -webkit-transform:translate(-50%,-50%); transform:translate(-50%,-50%); border:1px solid rgba(0,0,0,.14); transition:.2s ease-in-out} .b-css-dropdown__close:hover:before{ border-color:transparent; box-shadow:0 0 0 1px rgba(0,0,0,.14); } .b-css-dropdown__close:after{ content:""; position:absolute; background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 5.242 5.242'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' d='M.5.5l4.242 4.242M.5 4.742L4.742.5'/%3E%3C/svg%3E") no-repeat; background-size:100%; background-position:50%; width: 10px; height: 10px; left:50%; top:50%; -webkit-transform:translate(-50%,-50%); transform:translate(-50%,-50%); } .b-nav-catalog__phone-tel { font-family: "Roboto"; color: black; font-weight: 700; font-size: 19px; white-space: nowrap; display: inline-block; vertical-align: middle; width: 100%; } .bx-pager { bottom:12px !important; } a.active, .bx-wrapper .bx-pager.bx-default-pager a:focus { background: #ed7517 !important; } .bx-wrapper{ max-width: 100%; -moz-box-shadow:none !important; -webkit-box-shadow: none !important; box-shadow: none !important; border:none !important; background:none !important; float: left; } .trade-day{ float: right; width: 244px; border: 2px solid #eaa271; height: 337px; margin-top: 3px; margin-right: 3px; padding: 28px; cursor:pointer; box-shadow: 2px 0 8px 0px #cebdbd; } .trade-day:hover{ box-shadow: 1px 0 5px 0px #353030 !important; } .bx-wrapper .bx-controls-direction a { z-index:0 !important; } .bx-wrapper { margin-bottom: 0px !important; } .b-product-block__stickers{ display:none; } .menu_item a { /* color: #fff !important; */ color: #000!important; font-size:14px; } .b-product-block__image{ display:flex; align-content: center; width:186px; height: 150px; margin: 15px 0px; cursor:pointer; } .b-product-block__image img{ height:100%; margin:0 auto; } .b-product-block__catname{ font-family: "Roboto"; color:#bebebe; font-size: 14px; cursor:pointer; } .b-product-block__timer { display: block; font-weight: 600; font-size: 11px; color: #f47b2a; line-height: 1; position: absolute; top: 33px; right: 33px; padding: 5px 8px; border: 1px solid #ededed; } .reviews .text-block { background: #ededed; padding: 10px; line-height: 18px; width: 385px; position: relative; height: 280px; font-family: "Roboto"; font-size: 13px; } .round-img { border: 1px solid #dadada; border-radius: 75px; } .left-column-b{ float:left; width: 200px; font-size: 13px; padding: 0px 12px; position: relative; } .reviews-img{ text-align: center; } .f-z12.i{ font-family: "Roboto"; font-style: italic; } .reviews .text-block:before { content: ""; position: absolute; top: -2px; left: -23px; height: 46px; width: 24px; background: url(/img/reviews-corner.png) no-repeat left top; } .sli{ position:relative; width: 100%; height: 300px; } .fg{display:table; width: 100%;} .fg1:hover{background-color: rgba(0,0,0,.03);cursor:pointer;} .fg1:after:hover{ content: none;} .fg1:after { content: ""; width: 1px; background-color: #f7f7f7; height: 70px; margin-top:8px; float: left; } .fg a:last-child:after { content: none; } .fg1{ width:200px; display:inline-block; } .b-search-control__submit { /* position: absolute; top: 0; right: 34px; color: #920a22; background-color: transparent; width: 0px; height: 100%; border: none; padding: 0; font-size: 0; outline:none !important; cursor:pointer; */ position: absolute; top: 0; right: -1px; color: #ee7733; background-color:#fff; width: 65px; height: 100%; border: 1px solid #e73; padding: 0; font-size: 0; outline: none !important; cursor: pointer; border-left: 1px solid #e73; font-size: 14px; } .icon-search-blue{ background: url('/img/if_magnifying_glass_search_1891418.svg'); background-size: cover; } .icon-search-blue, .icon-search-white { display: inline-block; vertical-align: middle; width: 19px; height: 19px; font-size: 10px; } .elem-level-1 { margin: 0 auto; } @media screen and (min-width: 1850px){ .footer-bl{ margin-left: 0px !important; } .dob_ur_menu{ padding-left: 332px !important; padding-right: 332px !important; background: #007ac1; border-radius: 0px!important; border: 1px solid #007ac1; } .zitem{ width: 250px; } #defShadow { border-radius: 0px; display:block !important; } .h-tools-contacts-box-1{ margin-left: 140px !important; } .h-tools-contacts-box-15{ margin-left: 210px !important; } } .noreal{ list-style: none; margin: 0px; padding: 0px; position: relative; } .noreal a { border: 0; display: block; background: none; padding: 0; margin: 0; height: 28px; position: relative; z-index: 1001; padding-left: 25px; padding-right: 25px; text-align: left; line-height: 28px; font-size: 13px; color: #0066b1; } .noreal.ezi li{ border:none; } .z-stop:after{ content:none !important; } .ezi2{ height: 359px; width: 250px; display: block; border-radius: 0px; margin-top: 0px; padding-top: 0px; position: relative; top: 0px !important; } .ezi li{ width:250px; border: 1px solid #bebebe; padding:1px 0px 1px 0px; border-bottom:1px solid #bebebe; } .ezi li a{ white-space: normal; display: inline-block !important; line-height: 20px; width: 236px; } .ezi2 li a:after{ content:none !important; } .ezi li a:after{ content:""; position:absolute; top:50%; -webkit-transform:translateY(-50%); transform:translateY(-50%); right:2px; transition:.1s ease-in-out; background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4.2 7'%3E%3Cpath fill='%23c6c6c6' d='M.5 7c-.1 0-.3 0-.4-.1-.1-.2-.1-.6 0-.8l2.6-2.6L.1.9C0 .7 0 .3.1.1s.5-.2.7 0l3.4 3.4L.9 6.9C.8 7 .6 7 .5 7z'/%3E%3C/svg%3E") no-repeat; background-size:100%; background-position:50%; width:4px; height:8px; } .ezi li:hover>.ssd{ display:block !important; } .page__clients-slider .slick-slide .page__clients-slide--item img { box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.3); } .page__clients-slide--item img{ transition: transform .2s ease,box-shadow .2s ease,-webkit-transform .2s ease; } .page__clients-slide--item{padding:10px;cursor:pointer;} .ssd{ display: none; position: absolute; height: 357.9px; width: 250px; background:white; left: 249px; top: -8px; } .fg1:first-child:after{ content:none; } /.zs{ z-index: 999; font-family: "Roboto"; text-decoration: none; white-space: nowrap; line-height: 22px; font-size: 13px; /* color: #ed7615; */ font-size:13px; right: 0px; position: absolute; /* margin-top: -15px; */ } .za{ text-decoration: none; color: #757575; } .za:hover{ color: #004d9d; } .keee{ background:url('/img/keee.jpg'); } .adout_compani_elsnab_text{ font-family: "Roboto"; } .adout_compani_elsnab_text h2{ color: #4d4d4d; padding: 10px 0px; } .adout_compani_elsnab_text ul{ font-size: 15px; } .adout_compani_elsnab_text ul li{ margin: 5px 0px; color: #4d4d4d; } .myelsnab-news{padding-top:5px;} .btnz { display: inline-block; min-width: 110px; margin: 15px 5px; padding: 10px 15px 12px; font: 700 12px/1 'Open Sans', sans-serif; border-radius: 3px; box-shadow: inset 0 -1px 0 1px rgba(0, 0, 0, 0.1), inset 0 -10px 20px rgba(0, 0, 0, 0.1); cursor: pointer; } .mybut{ float: right; width: 195px; color: #fff; margin-left: 6px; height: 40px; position: absolute; top: 30px; outline: none!important; padding: 0px 26px !important; text-transform: none; box-shadow: inset 0 -1px 0 1px rgba(0, 0, 0, 0.1), inset 0 -10px 20px rgba(0, 0, 0, 0.1); cursor: pointer; background-color: rgba(237, 117, 23, 0.85); } .mybut:hover{ background-color: rgba(237, 117, 23, 0.58); } .sun-flower-button { position: relative; vertical-align: top; width: 100%; height: 60px; padding: 0; font-size: 22px; color: white; text-align: center; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.25); background: #f1c40f; border: 0; border-bottom: 2px solid #e2b607; cursor: pointer; -webkit-box-shadow: inset 0 -2px #e2b607; box-shadow: inset 0 -2px #e2b607; } .cart__h{ text-align:right; } .cart__g{ text-align:right; } .small-basket span{ color: #757575; line-height:18px; font-size: 13px; } .b-b2b-top-button__svg-icon { width: 25px; height: 25px; float: left; margin-right: 3px; display: inline-block; fill: #ed7517; margin-top: -2px; } .mbtn{ border-radius: 9px !important; color: #ed7517; margin-left: 6px; height:33px; line-height: 32px!important; outline: none!important; text-transform: none; border-radius: 0px !important; box-shadow: 0px 0px 1px 1px #ee7733; background: none !important; color: #ed7517 !important; } .mbtn-in-block{ position: relative; margin-left: 0px; left: 0px; float: none; text-align: center; top: 11px !important; } .main-titl-item{ padding-left: 50px; } .main-titl-item:before{ content: ""; background: url(/img/logo2/setka.png); background-size: contain; width: 15px; height: 15px; /* float: left; */ padding-right: 15px; display: inline-block; position: absolute; top: 7px; margin-left: -26px; } .main-titl-multi { font-family: Roboto, sans-serif; line-height: 32px; font-size: 14px; color: white; } .main-titl-multi span:last-child { display: none; } @media (max-width: 800px) { .main-titl-multi { padding-right: 62px; display: flex; justify-content: space-between; } .main-titl-multi span:last-child { display: initial; } } .special-list__icon{ max-width: 100%; display: block; height: 65px; } .special-list__title { font-weight: normal; margin-top: 24px; width:100%; margin: 7px auto 0; font-size: 17px; text-align: left; line-height: 19px; display: block; letter-spacing: normal; margin-left:0px; } .special-list__description{ text-align: left; letter-spacing: 0.1px; display: block; color: #a8a8a8; font-size: 13px; line-height: 18px; margin-top: 12px; width: 100%; margin-left: 0px; } .cart__h.active>#small-basket{ padding-top: 12px; } .pre{ width:20%; float: left; cursor:pointer; position: relative; } .pre:hover{ background-color:#5cb5e5; } .pre:hover>.pre_inner>.special-list__title{ color:white !important; } .pre:hover>.pre_inner>.special-list__description{ color:white !important; } .pre:after{ content: ""; width: 1px; background-color: #ededed; height: 195px; margin-top: 22px; position: absolute; top: 0px; right: 0px; } .pre:hover:after{ background-color: #5cb5e5; } .pre:last-child:after{ content: none; } .pre_inner{ height: 257px; margin-bottom: 18px; padding-top: 29px; margin-left: 31px; margin-right: 9px; } .icon-truck-blue{ width: 58px; background: url(/img/lern.png) no-repeat; background-size: contain; margin-bottom: 20px; height: 50px; margin-left: 16px; } .pre:hover>.pre_inner>.icon-truck-blue{ background: url(/img/lern2.png) no-repeat; background-size: contain; width:58px; height: 50px; margin-bottom: 20px; margin-left: 16px; } .icon-map-marker-white{ background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='35' height='45.3' viewBox='0 0 35 45.3'%3E%3Cpath fill='%23007ac1' d='M17.5 0C7.8 0 0 7.8 0 17.5c0 17 16 27.1 16.7 27.5.2.1.5.2.8.2s.5-.1.8-.2C19 44.6 35 34.5 35 17.5 35 7.8 27.1 0 17.5 0zm0 41.9C14.4 39.7 3 30.8 3 17.5 3 9.5 9.5 3 17.5 3S32 9.5 32 17.5c0 13.3-11.4 22.2-14.5 24.4z'/%3E%3Cpath fill='%23007ac1' d='M17.5 10.9c-3.3 0-6 2.7-6 6s2.7 6 6 6 6-2.7 6-6-2.7-6-6-6zm0 9c-1.6 0-3-1.3-3-3s1.3-3 3-3c1.6 0 3 1.3 3 3s-1.4 3-3 3z'/%3E%3C/svg%3E") no-repeat; width:50px; height: 50px; margin-bottom: 20px; margin-left: 16px; } .pre:hover>.pre_inner>.icon-map-marker-white{ background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='35' height='45.3' viewBox='0 0 35 45.3'%3E%3Cpath fill='%23FFF' d='M17.5 0C7.8 0 0 7.8 0 17.5c0 17 16 27.1 16.7 27.5.2.1.5.2.8.2s.5-.1.8-.2C19 44.6 35 34.5 35 17.5 35 7.8 27.1 0 17.5 0zm0 41.9C14.4 39.7 3 30.8 3 17.5 3 9.5 9.5 3 17.5 3S32 9.5 32 17.5c0 13.3-11.4 22.2-14.5 24.4z'/%3E%3Cpath fill='%23FFF' d='M17.5 10.9c-3.3 0-6 2.7-6 6s2.7 6 6 6 6-2.7 6-6-2.7-6-6-6zm0 9c-1.6 0-3-1.3-3-3s1.3-3 3-3c1.6 0 3 1.3 3 3s-1.4 3-3 3z'/%3E%3C/svg%3E") no-repeat; width:50px; height: 50px; margin-bottom: 20px; margin-left: 16px; } .icon-clock-white{ background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='44.7' height='44.7' viewBox='0 0 44.7 44.7'%3E%3Ccircle fill='none' stroke='%23007ac1' stroke-width='3' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' cx='22.3' cy='22.3' r='20.8'/%3E%3Cpath fill='none' stroke='%23007ac1' stroke-width='3' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' d='M22.3 11.3v11.1l6.3 6.2'/%3E%3C/svg%3E") no-repeat; width:50px; height: 50px; margin-bottom: 20px; margin-left: 16px; } .pre:hover>.pre_inner>.icon-clock-white{ background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='44.7' height='44.7' viewBox='0 0 44.7 44.7'%3E%3Ccircle fill='none' stroke='%23fff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' cx='22.3' cy='22.3' r='20.8'/%3E%3Cpath fill='none' stroke='%23fff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' d='M22.3 11.3v11.1l6.3 6.2'/%3E%3C/svg%3E") no-repeat; width:50px; height: 50px; margin-bottom: 20px; margin-left: 16px; } .icon-shield-white{ background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='33.3' height='44.6' viewBox='0 0 33.3 44.6'%3E%3Cpath fill='none' stroke='%23007ac1' stroke-width='3' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' d='M31.8 6.8H31c-7.9 0-13.8-4.8-13.9-4.9l-.5-.4-.5.4c-.1 0-6 4.9-13.9 4.9h-.7v19.8c0 11.6 15 16.5 15.2 16.5.1 0 15.2-4.9 15.2-16.5l-.1-19.8z'/%3E%3C/svg%3E") no-repeat; width:50px; height: 50px; margin-bottom: 20px; margin-left: 16px; } .pre:hover>.pre_inner>.icon-shield-white{ background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='33.3' height='44.6' viewBox='0 0 33.3 44.6'%3E%3Cpath fill='none' stroke='%23fff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' d='M31.8 6.8H31c-7.9 0-13.8-4.8-13.9-4.9l-.5-.4-.5.4c-.1 0-6 4.9-13.9 4.9h-.7v19.8c0 11.6 15 16.5 15.2 16.5.1 0 15.2-4.9 15.2-16.5l-.1-19.8z'/%3E%3C/svg%3E") no-repeat; width:50px; height: 50px; margin-bottom: 20px; margin-left: 16px; } .icon-icon-rouble-white{ background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='44.7' height='44.7' viewBox='0 0 44.7 44.7'%3E%3Ccircle fill='none' stroke='%23007ac1' stroke-width='3' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' cx='22.3' cy='22.3' r='20.8'/%3E%3Cpath fill='%23007ac1' d='M19.2 30.1v-3.6H17v-1.2h2.2v-1.4H17v-1.2h2.2v-7.8c1.5-.3 2.8-.5 4.1-.5 3.6 0 6.2 1.3 6.2 4.8 0 1.7-.8 3.4-2.4 4.2-.9.5-2 .5-3.4.5h-3v1.4h6.4v1.2h-6.4v3.6h-1.5zm4.5-7.5c1.1 0 2.1-.1 2.8-.5 1-.6 1.4-1.7 1.4-2.9 0-2.5-1.8-3.4-4.4-3.4-.8 0-1.7.1-2.6.2v6.7h2.8z'/%3E%3C/svg%3E") no-repeat; width:50px; height: 50px; margin-bottom: 20px; margin-left: 16px; } .pre:hover>.pre_inner>.icon-icon-rouble-white{ background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='44.7' height='44.7' viewBox='0 0 44.7 44.7'%3E%3Ccircle fill='none' stroke='%23fff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' cx='22.3' cy='22.3' r='20.8'/%3E%3Cpath fill='%23fff' d='M19.2 30.1v-3.6H17v-1.2h2.2v-1.4H17v-1.2h2.2v-7.8c1.5-.3 2.8-.5 4.1-.5 3.6 0 6.2 1.3 6.2 4.8 0 1.7-.8 3.4-2.4 4.2-.9.5-2 .5-3.4.5h-3v1.4h6.4v1.2h-6.4v3.6h-1.5zm4.5-7.5c1.1 0 2.1-.1 2.8-.5 1-.6 1.4-1.7 1.4-2.9 0-2.5-1.8-3.4-4.4-3.4-.8 0-1.7.1-2.6.2v6.7h2.8z'/%3E%3C/svg%3E") no-repeat; width:50px; height: 50px; margin-bottom: 20px; margin-left: 16px; } .els_btn_blue:hover{ opacity: 0.85; } .els_btn_blue{ display: inline-block; width: 170px; color: #fff !important; font-size: 16px; text-align: center; background-color: #007ac1; padding: 11px 0; margin-top: 22px; margin-bottom: 16px; box-shadow: 1px 1px 2px 0px #b5b1b0; height: 33px; line-height: 11px; text-decoration: none; outline:none; border-radius: 0px; border: none; cursor:pointer; } .els_btn_orange:hover{ opacity: 0.85; } .els_btn_orange{ display: inline-block; width: 170px; color: #fff !important; font-size: 16px; text-align: center; background-color: #f58030; padding: 11px 0; margin-top: 22px; margin-bottom: 16px; border-radius: 0px; box-shadow: 1px 1px 2px 0px #b5b1b0; height: 33px; line-height: 11px; text-decoration: none; outline:none; border: none; cursor:pointer; } .mil{ width: 100%; display: inline-block; margin: 0px; height:25px; } .adout_compani_elsnab_text { font-family: "Roboto"; font-size: 15px; color: #4d4d4d; line-height: 25px; font-weight: 300; padding-top: 0px; } .su_sq{ height: 35px; width: 35px; position: absolute; margin-top: 14px; cursor:pointer; z-index: 9999; border: 1px solid transparent; display:none; } .su_sq:hover{ /* transform: rotate(360deg); */ } .sq1:hover{ border: 1px solid #ee7733; /* border-radius: 36px; */ } .sq2:hover{ border: 1px solid #ee7733; /* border-radius: 36px; */ } .sq1{ /* margin-left: 28px; */ margin-left: -24px; margin-top: 13px; } .sq_back{ border: 1px solid transparent; position:relative; transition: linear 0.3s; } .sq_back:hover{ /* transform: rotate(360deg); */ } .sq1>.sq_back{ background:url('/img/sms3_orange.png'); height: 35px; } .sq1>.sq_back:hover{ background:url('/img/sms3.png'); height: 35px; } .sq2{ /* margin-left: -49px; */ margin-left: -75px; margin-top: 13px; } .sq2>.sq_back{ background:url('/img/roub_orange.png'); height: 35px; } .sq2>.sq_back:hover{ background:url('/img/roubr.png'); height: 35px;} .vsplyv_block_wr{ position:relative; } .vb1:hover{ display:block !important; } .vb1{ width: 350px; left: -312px; } .vb2{ width: 350px; left: -315px; } .minibutton{ height: 35px; width: 73px; position: relative; display: block; margin-left: 0px; } .vb2:hover{ display:block !important; } .vsplyv_block{ position: absolute; height: 200px; padding: 25px 25px 50px 35px; background: white; display:none; z-index:25000; box-shadow: #e0e0e0 0px 0px 2px 1px; } .sqb1:hover+.vsplyv_block_wr>.vsplyv_block{ display:block; z-index:25000; }.sqb2:hover+.vsplyv_block_wr>.vsplyv_block{ display:block; z-index:25000; } /*две верхние новости в строку*/ .double_news_wrap{ color:white; width:100%; height: 32px; display:none !important; } .double_news_wrap_line{ width: 1243px; margin: 0 auto; } .double_news_wrap_line_half{ width:50%; float: left; } .p-news-index__item{ height: 32px; padding: 0 10px 0 7px; } .p-news-index__date{ width: 70px; padding-top: 12px; float: left; margin-left:0%; } .p-news-index__text{ padding-top: 5px; } /*!две верхние новости в строку*/ /*новый каталог*/ .catalog-h1{ margin-bottom: 15px; } .seo__text{ margin-bottom:20px; } /*!новый каталог*/ /*блок боковых новостей*/ .gclass{ cursor: pointer; min-height: 62px; padding-top: 5px; padding-bottom: 5px; } .left-news-gl{ line-height: 25px; } .left-news-subscribe-button { height: 27px; background: #004d9d !important; display:block; border: none; width: 27px; margin-left: 5px; color: #fff !important; float: right; text-align:center; cursor:pointer; } .left-news-art-button { height: 27px; background: #004d9d !important; display:block; border: none; width: 27px; margin-left: 5px; color: #fff !important; float: right; text-align:center; cursor:pointer; } .left-news-subscribe-input { padding-left: 20px; border: 1px solid #004d9d; width: 170px; padding: 5px 5px; outline: none; margin-left: 14px; } .left-news-index__title{ color:black; font-family: "Roboto"; font-size: 22px; position: absolute; top: 22px; left: 30px; line-height: 1; } .left-news-index__title:hover>i{ display:inline-block; vertical-align:middle; background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='3.06' height='5.02' viewBox='0 0 3.06 5.02'%3E%3Cpath fill='%235CB5E5' d='M.54 5.02c-.14 0-.28-.05-.38-.16a.537.537 0 0 1 0-.76l1.6-1.59L.15.91A.537.537 0 0 1 .91.15L2.9 2.14c.1.1.16.24.16.38S3 2.8 2.9 2.9L.91 4.87c-.1.1-.24.15-.37.15z'/%3E%3C/svg%3E") no-repeat; width:3px; height:5px; background-size:100% 100% } .left-news-index__title:hover{ color:#007ac1 !important; } .left-news-index-new{ width: 210px; line-height: normal !important; /* text-align: justify; */ } .left-news-data{ color: #000; float: left; padding: 4px 5px; margin: 3px 6px 0 0px; border: 1px solid #00499d; line-height: normal; } .nom{ max-width:180px; margin-left:14px; } /*!блок боковых новостей*/ .mask-closed{ background: url(/img/closed-eye-fine.png) no-repeat 92% 50% !important; position: relative; z-index: 0; } .mask-opened{ background: url(/img/opened-eye-fine.png) no-repeat 92% 50% !important; position: relative; z-index: 0; } .sht{ display: none; position: absolute; top: -6px; left: 0px; border: 1px solid #ee7733; padding: 5px 9px; color: #ee7733; } .exist--title:hover>.sht{ display:block; } .listing__product-info .sht { display: block; } .exist--title{ position:relative; cursor:pointer; } p.center{ text-align:center; } p.right>a{ margin-left:0px!important; } p.left{ text-align:left; } b { font-weight: bold !important; } .hidden{ visibility: hidden; } /* Fix для первого элемента слайдера */ .gentle_slider_item.hidden:first-child{ visibility: visible; } .noback{ line-height: 14px !important;height:32px !important; width: 245px !important; margin-bottom:12px; height: 39px !important; } .noback:after{ content:none !important; } .zhhorizh{ padding-top:10px; width:370px; position:relative; vertical-align: top; } .zhhorizh:after{ position: absolute; content: ""; height: 358px; top: -3px; left: 245px; background: #ccc; width: 1px; } .zhhorizh:last-child:after { content: none; } .ssd{ box-shadow: 1px 1px 3px 0px #c7c7c7; } .ram{ box-shadow: 0px 0px 1px 1px #ee7733; padding-top: 6px !important; padding-bottom: 7px; } .ram>.filter_label{ padding: 0px 26px 0 26px; display: block; text-align: center; } .ram span{ text-decoration:none !important; } .fancybox-overlay-fixed { background: transparent !important; } .equipment-section{ padding-left:21px; } h3{ font-size: 18px!important; font-family: Roboto!important; font-weight:normal!important; } h4{ font-size: 17px!important; font-family: Roboto!important; font-weight:normal!important; } h5{ font-size: 16px!important; font-family: Roboto!important; font-weight:normal!important; } h6{ font-size: 14px!important; font-family: Roboto!important; font-weight:normal!important; } .column-center-full img { max-width:929px; } .elem-level-1>.bx-context-toolbar-empty-area{ display:inline; } .addall{ /* background: white; float: right; height: 39px; border: none; box-shadow: aquamarine; box-shadow: 0 0 6px 0px black; margin-top: 17px; margin-right: 53px; margin-top: -62px; box-shadow: 0px 0px 1px 1px #ee7733; color: #ed7517 !important; */ background: white; line-height: 0px; height: 30px; border: none; box-shadow: aquamarine; box-shadow: 0 0 6px 0px black; margin-top: 16px; box-shadow: 0px 0px 1px 1px #ee7733; color: #ed7517 !important; margin-bottom: 0px; } .main-bd{ background:white; width: 100% !important; min-width: 1240px; max-width: 100%; } .search-query__{ width: 625px !important; height: 35px; border: 1px solid #e38d49; background: white; margin: 0px; color: black; padding: 0 11px; border-radius: 0px; } .otzp{ float: right; position: absolute; right:174px; top: 60px; outline: none!important; padding: 0px 21px !important; text-transform: none; width: 165px; height: 32px; line-height: 0px !important; border-radius: 0px !important; } .mini-add{ color: #000; } .img-logo{ width: 225px; margin-right: -36px; } .cartic{ cursor:pointer; background:url('/img/cartic.png'); background-size: contain; background-repeat: no-repeat; width: 32px; height: 32px; position: absolute; right: 0px; margin-top: 36px; } .td-info{ width: 33%; vertical-align: top; } .td-menu-1{ vertical-align: top; width: 25%; } .td-menu-2{ vertical-align: top; width: 20%; } .frt{ display:none; } .trivago{ display:none; } #tech_doc_form_mob{ display:none; } #iddqd{ width: 77px; height: 31px; /* background: url(/img/icon-1970474_960_720.png); */ background-size: contain; position: absolute; top: 0px; right: 0px; cursor: pointer; border: 1px solid #e73; border-top: 1px solid #e73; padding-top: 8px; border-right: 1px solid #e73; /* padding-left: 8px; */ color: #e73; text-align: center; background: white; line-height: 13px; } .text_you{ height: 77px; overflow: hidden; } header div.h-tools .dd-box { text-align: right; } .page__clients-slide--item { height: auto; } #form278 { width: 730px; height: auto; max-width: 100%; } #fancybox-content { border-width: 0 !important; } .cont { padding: 33px 30px; background: white; display: inline-block; width: 100%; } .sdfsdf454 {text-align: left;font-size: 25px;margin-top: 4px;} .zayvka_text44 {margin-top: 10px; margin-bottom: 10px; font-size: 12px;} .form_block42 {/* margin-top: 14px; */float: left;width: 320px;} .frm789 {margin-bottom: 11px;display: inline-block;width: 100%;} .frm880 {font-size: 14px;} .frm881 { margin-top: 3px; width: calc(100% - 11px); padding: 7px; /* padding-right: 5px; */ font-size: 14px; padding-top: 12px; padding-bottom: 12px; float: left; } #fancybox-close { right: -33px !important; } .oformit_z {display: inline-block;background: #3ECD59;color: white;padding: 16px 31px;/* border-radius: 5px; */cursor:pointer;float: right;width: 46%;text-align: center;margin-top: 0px;} .ft48846 { /* text-align: center; */ margin-top: 28px; margin-bottom: 7px; } .er478 { border:1px solid red; } .gth879 {display: inline-block;width: 100%;margin-top: 23px;} .cart485 {float: left;width: 320px;/* padding: 20px; */margin-left: 20px;box-shadow: 0 0 4px 0 #9b9b9b;} .sost_r {color: #1c1c1c;font-size: 16px;padding: 20px;padding-bottom: 0;margin-bottom: 15px;} .sost7848 {padding-bottom: 20px;} .rgh4758 {margin-top: 10px;padding-top: 9px;padding: 20px;padding-top: 10px;padding-bottom: 0;border-top: 1px solid #ededed;} .rghj45 {font-size: 12px;font-weight: bold;position: relative;} .ght444 {/* font-size: 12px; *//* font-weight: bold; */} .ght785 {margin-left: 4px;padding: 4px 6px;background-color: #eee;border-radius: 4px;} .arup {width: 13px;height: 13px;background: url(/img/ar_up.png);position: absolute;right: 0;top: 4px;} .block_data458 { } .cmpl1 {margin-top: 11px;} .cmpl2 {display: inline-block;width: 100%;} .cmpl3img {width: 40px;height: 40px;float: left;margin-top: 9px;} .cmpl3img img {max-width: 40px;max-height: 40px;} .cmpl4 {float: left;width: calc(100% - 70px);margin-left: 14px;} .cmpl5 {font-size: 14px;font-weight: bold;text-decoration: underline;} .cmpl6 {text-overflow: ellipsis;white-space: nowrap;padding-top: 1px;color: #6e6e6e;font-size: 13px;overflow: hidden;} .cmpl8 {font-size: 13px;font-weight: bold;text-align: right;margin-top: -16px;} .dn204 { background: url(/img/ar_dn.png); } .fdsfs87 { font-size:15px; } .obr7854 { font-size: 12px; line-height: 150%; /* or 18px */ color: #666666; float: left; width: 48%; } .f87994 { text-decoration: underline !important; color: black !important; } .a4488 { float: right; } .krest725 { position: absolute; top: 12px; right: 12px; cursor: pointer; } .open_title-text{ display: block; z-index: 2; margin-top: 10px; } .open_title-text div{ text-align: center; border: 1px solid #ccc; background: #ffffff; z-index: 999; font-size: 11px; line-height: 13px; padding: 5px; } .cart-card__manager-text{ margin-top: 10px; color: #e73; font-size: 14px; } .open_title-text a{ color: #e73; text-decoration: underline; } /*.listing__product-item.listing__product-item-blocks:hover .open_title-text{*/ /* display: block;*/ /*}*/ #fancybox-close { display: none !important; } .main-titl-multi span{cursor: pointer} .product__area .bx-pagination {margin-left: 15px} .bont, .upultop { -ms-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; } .flex-container_subsection { display: flex; justify-content: flex-start; flex-wrap: wrap; height: 100%; gap: 5px; margin-bottom: 30px; } .flex-container_subsection .flex-item{ border: 1px solid #ddd; border-radius: 5px; padding: 8px; background-color: #f9f9f9; } .myelsnab-news.equipment_page .equipment_page_list{ width: 100%; } @media screen and (min-width:800px){ .myelsnab-news.equipment_page .equipment_page_list{ width: calc(100% - 235px); } } /* End */ /* Start:/css/adaptive.css?166376664618164*/ @media(max-width: 800px) { html{ } body{ min-width: 100% !important; overflow-x: hidden; } .ic.ic_cart.listing__product-svg-cart.zx.rsp{ top:3px!important; } .cgo{ display:inline-block !important; } #tech_doc_form{ display:none; } #tech_doc_form_mob{ display:block; } img{ max-width: 100%; height: auto; } .raspe{ display:none !important; } .filters_container_inner.ng-scope.true_hidden{ display:none!important; } .show_more_filt{ display:block; } .wrap.eeng{ margin-top:10px !important; } #content .column-center.myelsnab-news.eengi{ padding: 0px 11px !important; } .ng-binding.raspr{ top: 2px !important; } .personal-order-list-table.prog-table tr{ display:block; width:100%; } #portWork .work { margin: 30px 44px 0 36px; } .personal-order-list-table.prog-table .align-left{ display: block; width: 100%; max-width: 100%; word-break: break-all; } .ogt{ padding: 17px 7px 0px 6px!important; } .ohg{ padding: 17px 0px 0px 0px!important; margin-top: -35px!important; margin-left: -6px!important; } .personal-order-list-table.prog-table .gallery{ display: none; } .gallery.gg{ display: table-row !important; } .nsee{ display:none; } .page-other{ padding-right:20px; } table { display: block; } .fg1{ width:50%; height: 87px; } .div-table-row{ display: block; } .div-table-cell{ width: 100%!important; display: block; } .filters_container{ /* display:none; */ min-height: auto !important; } .art_opn{ display: block !important; } .column_left{ width:100%; margin-left: 0px; } .inn_open456,.inn_open629,.inn_open65,.inn_open818{ display: block !important; } .filters_block { width:100%; } .bx-pagination .bx-pagination-container ul { margin: 0 auto; } .artscope{ width:100%; } .artval{ width: 84%!important; margin-left: 0; } .left-news-art-button{ width:13%; } .frt{ display:block; } .mlk{ display:none; } .trivago{ position: absolute; right: 18px; top: 3px; z-index:4; display:block; } .trivago img{ width:20px; height:20px; } .htrade{ margin-left: 0%; margin-bottom: 15px; width: 50%; } .b-product-block__type { min-height: 39px; line-height: 14px; } .htrade:hover>.b-product-block__name { height: 64px; } .b-product-block__name{ width: auto!important; height: 64px; } .b-feedback__input-wrapper{ width: 100%!important; } p{ max-width:100% !important; } .personal-order-list-table{ } .b-feedback-form-inputContainer>img{ width: 100%!important; min-height: 43px; } .pre{ width: 50%; } .page_title_big { margin: 20px 0 10px 15px; line-height: 17px!important; font-size: 20px!important; } .pre:last-child{ /* display:none; */ } .pre:after { display:none; } .column_right { width: 100%!important; float: none; } .product_table_controls_block{ display:none; } .cartic{ right: 2px; } .dop_text{ width:100%; padding-right: 5px; } .upultop{ display:none; } .td-info{ display:none; } .td-menu-1{ padding:10px; } .td-menu-2{ display:none; } .cont-td{width: 50%!important;} .main-bd{ background:white; width: 100% !important; min-width: 100% !important; max-width: 100%; } .dd-box{ width: 100% !important; } header div.h-tools { height: auto; width: 100%; margin: 0px auto; position: relative; padding-top: 4px; height: auto; } .svz-btn._white._stroke{ position: relative; top: auto; margin-bottom: 14px; right: auto; float: none; padding: 0px 0px !important; width: 100%; height: 33px; } .search-query__{ width:100% !important; } .filters_container_inner_header p{ line-height: 16px; } .form-search-wrap{ margin: 0px; width: 61%; margin-top: 16px; padding-left:9px; } .h-tools-contacts-box-2{ position: relative; width: 38%!important; text-align: center; margin-right: 0 !important; float: left !important; padding-left: 10px; padding-right: 14px; } .cartic { right: 19px; } #mainDocument{ width:100%; } .wrap{ width:100% !important; } .b-footer-subscribe-block{ width:100%; } .news_foot{ display:none; } .b-footer-subscribe-news-box__inner{ width:100%; } .mini-add{ font-size:14px; } .special-list__description{ display:none; } .pre_inner{ margin: 2px 5px 2px 6px; height: auto; word-break: break-word; } .pre:after { height: 100%; } .special-list__title{ font-size: 0.8em; } textarea{ width:100% !important; } .b-feedback-form-inputContainer{ width:100% !important; position:static !important; } #block-btn-2{ margin-top: -30px; } #content div.column-right{ display:none!important; } .ezi.real{ display:none!important; } header nav { height: auto; } .zitem { width:auto; } .elem-level-1 { width:auto; } header nav ul li a { padding: 0px 21px; } .column-center-full{ width:100% !important; margin-left: 0px !important; padding-left: 12px; padding-right: 12px; } .column-center{ width: 100% !important; margin: 0px; margin-left: 0px !important; padding: 0px 11px; } .base{ display:none; } #content { width: 100%; padding: 0; } .column-center-full img { max-height: 230px; height:auto!important; max-width:100% !important; } .column-center-full h1 { width:100% !important; } .div-table-cell{ width:100% !important; } .fortr{ width: 100% !important; min-width: 100%; height: auto; position: relative; min-height: 300px; margin-left: 0px; padding: 0px 15px; right: auto; } .dflex_bot{ display:none!important; } .listing__product-item .listing__product-svg-cart{ display:none; } .listing__product-item .listing__product-button-span { display: block; width: 100%; text-align: center; position: relative; left: 0px!important; font-size: 1em; line-height: 16px!important; } .ctlg-column{ padding-left: 11px!important; padding-right: 11px !important; } .elem-level-1>.item{ background-color: #007ac1; width: 100%; } .elem-level-1>.item>a{ width: 100%!important; text-align: left !important; } .img-logo{ width:55%; margin-bottom: 38px; margin-right: 65px; } .item.menu_phone{ width: 100%; display: none; } .lip{ position: relative; } .f-copyright{ display:none; } .submenu.elem-level-2{ width: 100% !important; height: auto !important; position: relative; margin: 0px; top: 0px; } .for-big-im{ width: 100% !important; } .product--detail-info .product--description { width: 100%; padding: 0px 0px!important; max-width: 100% !important; } .kurs{ width: 100% !important; color:black; } .text--formated table{ width: 100% !important; } .table_prop_left{ width:50%; word-break: break-all; } .table_prop_right{ width:50%; word-break: break-all; } .product--detail-area { width: 100% !important; } .product--detail-info{ width: 100% !important; } .tabs__content{ width:100%!important; } .product--detail-info .product--prices { position: relative !important; width: 100% !important; max-width: 100% !important; } .tabs__switcher { padding-right: 0px!important; } .sht{ right: 11px !important; margin-left: auto !important; max-width: 63px; } .bx-controls{ } .top_slide_elsnab{ width:100%; } .sl{ width:100% !important; min-width: 100% !important; max-width: 100% !important; height: auto!important; } .bx-viewport{ height: auto!important; } .content-catalog-list-wrap{ width:100% !important; } .bx-pag-all{ display:none !important; } .fullw{ width:100% !important; } .tech-doc-filter__property_brand{ height: auto !important; } .bx-pagination .bx-pagination-container ul li { margin: 0 0px 0px 0px!important; } .cart__h{ margin-top: 69px !important; } .komplect{ width:auto !important; margin-top:25px !important; } .product.related__list.related__list_noauth{ height: 276px!important; padding-right: 0px!important; } .product_photo_related__list_noauth{ height: 276px!important; padding-top: 0px; margin-top: 0px !important; padding-bottom: 0px !important; } .div_product__button_noauth{ width: 100%; position: relative; margin-top: -36px; padding-left: 83px; } .div_product__button_noauth .btn_cart { position:relative !important; width:100%!important; } #zs{ width: 100% !important; } .forvvod{ width: 100% !important; } #iddqd{ background:white; } .els_btn_blue, .b-feedback__input-wrapper button{ max-width:100% important; width: 100% !important; } .b-inp-w, .b-inp-w textarea{ width:80% !important; } .wcart{ float:none!important; width:100%!important; padding-top:10px; background: white !important; } .b-input-type-file.i-bem.b-input-type-file_js_inited.tty{ margin-left:0% !important; width:100%; } .incart_description{ float:none!important; width:100%; display:none; } .incart_name, #bsk2, #sendz{ width: 100% !important; } .itog_line{ margin-top:0px !important; } .b-cart-product__inner{ padding: 5px 5px 0px 0px; } .incart_name>a{ display: block; width: 100%; line-height: 13px; margin-top: 13px; float: right; padding-left: 100px; } .incart_name { right: 0px!important; margin-left: auto; float: right; word-break: break-all; margin-top: -97px; max-height: 39px; overflow-y: hidden; } .itempic.relpic.cpic{ margin-bottom:0px !important; } .b-cart-delete { margin-top: -27px; margin-right: 5px; } .itog_line table{ display: table; } .b-cart-qv{ display:none; } .ledspan{ padding-right:12px!important; } .plwz{ margin-top:10px; width: 100%!important; } .itempic { height:98px; margin-bottom: 17px; } .b-cart-product__price_big { margin-right:6px; margin-top: -57px; } .incart_name_cat{ display:none; padding-top: 10px; } .b-input-type-file__fileFake{ width: 100% !important; } .index__products-b{ margin-top:0px !important; } #wcart-add{ /* display:none; */ color:black; } .dost_sec{ display:none; } h1{ line-height: 25px!important; } .main-titl-item{ padding-left:21px; } .main-titl-item:before{ content:none; } .zoz input, .zoz textarea{ width: 100%!important; } #breadcrumb a { display: inline; } .show-more{ width: 65% !important; } .index__h2, .b-footer-subscribe-info__title { line-height: 24px!important; } .div-table { display: block; } .f-contacts{margin-right:15px !important;} #breadcrumb { margin: 8px 21px 19px 11px !important; z-index: 2; position: relative; } #content div.column-center,.column-center { /* margin-left: 11px !important; */ padding-left: 0px; padding-right: 0px; } #content div.column-full { position: relative; margin-left: 12px !important; margin-right: 12px !important; } .det-personal{ width: 100%!important; } .zak-personal{ width: 100%!important; } .bt-bl{ width: 100%!important; } .htrade:hover { content: none; box-shadow: 0 0 0 1px #ededed; cursor: pointer; z-index: 9000; height: 320px; } .cards .listing__product-item .listing__product-image{ max-height: 100%!important; max-width: 100%!important; } .cards .listing__product-item { width: 49%; margin: 1px; } #or-list{ display:none; } #senk{ margin-top:0px!important; } .b-feedback__input-wrapper.feedf{ padding-bottom: 0px!important; } .qws{ margin-left:0px !important; } .rego{ display:none; } .norad{ display:none; } .agree-container{ margin-bottom:0px!important; padding-bottom:0px!important; } .agree-container label{ } .listing__product-cart-block.ole{ margin-top:auto!important; } .lisiting__product-title-block.ole{ padding-right: 0px!important; margin-bottom: 0px!important;; } .listing__product-item.ole.listing__product-item-blocks.listinig__product.ng-scope.page{ height:auto!important; width:100% !important; margin-left: 0px; margin-right: 0px; padding-left: 0px; padding-right: 0px; margin-bottom: 5px; } .lisiting__product-title-block.ole>a{ margin-bottom: 0px!important; height: auto; } .listing__product-item .listing__product-price.ole{ height:auto !important; } .tr_w{ width: 25% !important; padding: 0px!important; word-break: break-word; line-height: 14px; } .filter_label_name.ng-binding.ng-scope{ word-break: break-word; } .tech-doc-filter__buttons .pbtn{ width: 49%!important; margin:0px!important; margin-bottom: 5px!important; } .product__area.pa{ width:100%; padding:0px !important; margin-top: 10px; } .tech-doc-filter__property td{ vertical-align:top!important; } .tew{ width: 158px; } #sendz{ margin-left: 0px !important; margin-bottom: 0px !important; margin-top: 0px !important; } .zoz{ margin-left:0px !important; text-align: center; } .b-input-type-file.i-bem.b-input-type-file_js_inited{ /* margin-left:10% !important; */ } #content .myelsnab-news { margin: 0px !important; padding: 0px 5px !important; } .bt-bl input{ width: 96.2% !important; max-width: 100% !important; font-size: 1em !important; } .wrp-zapros{ margin: 0px!important; padding: 0px 6px!important; } .b-input-type-file.i-bem.b-input-type-file_js_inited.coco{ margin-left: 0px !important; } .column-center.trd-column{ margin-left: 0px!important; padding-left: 11px !important; padding-right: 11px!important; } .trd-column h1{ line-height: 17px!important; font-size: 20px!important; } .product--prices .product--to-cart .to-cart--button .tc--button { padding: 0 0 0 33% !important; } .personal-order-list-table.prog-table.align-left{ width:100%!important; } .ui-tooltip{ display:none !important; } .listing__product-item .sht{ display:none !important; } .product.related__list { width:100% !important; margin: 10px 0px 0 !important; } .product--carousel-wrapper{ display:block!important; } .cart__h.active { right:5px; } .cart__g.active{ right:5px; } .bx-pager.bx-default-pager{ display:none !important; } #bsk2{ background:white; } .coutre{ margin-left: -5px!important; } .fancybox-skin{ padding: 10px !important; } .opngmr{ padding:4px 4px 0px 4px !important; } .ddr_art{ width: 100% !important; padding: 5px!important; padding-top: 0px!important; } .ddr_nal{ width: 100% !important; } .ddr_nal>div{ padding-top:4px !important; max-height: 20px; overflow-y: hidden; } .listing__product-button.ng-scope.nng{ /* width:123px!important; */ width:100%!important; float: none !important; } .ddr_name{ width: 100% !important; max-height: 57px!important; line-height: 14px; padding-left: 5px !important; padding-top: 4px!important; } .listing__product-item.ole.listing__product-item-blocks.listinig__product.ng-scope.page.rasp{ width: 48% !important; margin-right: 4px; height: 190px !important; overflow: hidden; } .ddr_cnt{ width: 50% !important; padding-left: 5px; } .ddr_buy{ width:100%!important; padding-left: 5px; } .ddr_pr{ display:none; clear:both; } .ic.ic_cart.listing__product-svg-cart.zx{ display:inline-block; } } @media(max-width: 330px) { .img-logo{ width:30%; } } @media(max-width: 300px) { .product--prices .product--to-cart .to-cart--button .tc--button { width: 126px !important; } .htrade { margin-left: -1%; margin-bottom: 15px; width: 47.9%; } .cart__h { margin-top: 59px !important; } .svz-btn._white._stroke { font-size:0.6em; } .tew { width: 51px; } } @media (min-width: 300px) and (max-width:350px){ .svz-btn._white._stroke { font-size:0.75em; } } @media(max-width: 350px) { .htrade { margin-left: 2%; margin-bottom: 15px; } .cards .listing__product-item .listing__product-title { font-size: 0.7em; } .listing__product-cart.product__wrapper{ /* margin-left: -25px!important; */ } } @media (min-width: 500px){ .htrade { margin-left: 0%; margin-bottom: 15px; } } @media (max-width:409px){ .exist--title a{ font-size: 0.5em !important; } .rouble__i>img { width: 11px; height: 20px; } } @media (max-width:420px){ .form-search-wrap { width: 55% !important; } .h-tools-contacts-box-2{ width: 44% !important; } } @media (max-width:450px){ .exist--title a{ font-size: 0.8em; } .listing__product-item .listing__product-button-span { font-size: 0.6em; } .listing__product-item .listing__product-price-block { font-size: 14px; } .zs { margin-right: 10px!important; } .cartic { right: 10px!important; } #small-basket { padding-right: 1px; margin-right: 10px; padding-top: 3px; } .tew { width: 93%; } .contre{ margin-left: 8px!important; } .zpo{ width: 84px !important; } .coutre{ margin-top: 14px!important; } .tnam{ margin-top: -9px; padding-top: 0px !important; } .dd{ top: -1px !important; } } @media (max-width:470px){ } @media (max-width:359px){ } @media (max-width:300px){ .exist--title a{ font-size: 0.4em; } .pst{display:none;} } @media (max-width:320px){ .cards .listing__product-item .listing__product-image { min-height: 43px !important; height: 112px !important; } .cards .listing__product-item .listing__product-photo{ min-height: 43px !important; height: 112px !important; } .cards .listing__product-item{ height: 350px !important; } .listing__product-item .listing__product-button { width:100%!important; margin-top: 3px; } .listing__product-item .listing__product-button-span{ font-size: 0.8em; } } @media (max-width:346px){ li.bx-pag-prev span { padding: 0 0px!important; } li.bx-pag-next span{ padding: 0 0px!important; } } .inn_open818{ background:#e73; } .inn_open818 p{ color: #fff; } .inn_open818 span{ color: #fff; } .inn_open818 span:before{ background-position: -258px -22px !important; } @media (min-width:930px){ .product--detail-wrapper .product--prices .product--to-cart .to-cart--button .tc--button svg.tc--icon { display:inline-block !important; } } /* End */ /* Start:/css/adaptive1024.css?16637666462264*/ @media(min-width:1020px) and (max-width:1300px) { html{ } body{ min-width: 100% !important; overflow-x: hidden; } .main-bd { min-width: 100%!important; } .b-footer-subscribe-news-box__inner { width: 996px; } .b-footer-subscribe-block { width: 724px!important; } .zitem { width: 212px!important; } header div.h-tools { height: 120px; max-width: 1005px; } .search-query__ { max-width: 390px !important; } .mlk{ max-width: 130px !important; } header nav ul li a { padding: 0px 11px; } .br-l{ max-width:100px!important; } .fullw,.column-center-full { max-width: 733px !important; } #content div.column-center { max-width: 100%; } #mainDocument { max-width: 1000px!important;; } .adout_compani_elsnab_text{ max-width:946px; } .fg1 { max-width: 152px; } .htrade { max-width: 191px!important; } .fortr { max-width: 970px!important; min-width: auto; } .b-product-block__name { max-width: 178px!important; } .b-product-block__type{ max-width: 190px; } .column-center-full img { max-width:733px; } .div-table-cell{ max-width:50%!important; } .top_slide_elsnab{ width:100%; } .bx-wrapper { max-width:780px !important; } .column_right { max-width: 707px!important; } .content-catalog-list-wrap{ width:970px!important; } .dop_text { max-width: 756px!important; padding-right: 40px!important; } .product_table_controls_block { margin-bottom: 8px!important; max-width: 706px!important; } .products_page.cards { margin-top: -14px!important; } .kurs{ max-width: 977px; } .product--detail-related .related--title { padding-top: 34px!important; } .product--detail-related { max-width: 930px; } .ref .ref-img{ max-width:300px; height: auto !important; } .mn-logo{ max-width:300px !important; } .my_news{ display:none !important; } .fr_news{ width:900px; } .dst{ right: -222px!important; } .sft{ right: -229px!important; } #bsk2{ max-width:700px !important; } .listing__product-cart.fr_crt { margin-left: 601px!important; margin-top: -104px!important; } .wcart{ width: 224px!important; margin-right: 289px!important; } .b-input-type-file__fileFake,.b-inp-w, #sendz { max-width:86%!important; } } /* End */ /* Start:/catalog2/bundle.common.css?1650531969442602*/ .main__catalog-block { margin-top: 30px; width: 100%; font-family: Arial } .catalog__search-menu-box { display: table } .main__catalog-categoty { width: 245px; padding: 15px 0; display: inline-block; margin-bottom: 25px; margin-right: 56px; vertical-align: top } .main__catalog-pic { height: 60px } .main__catalog-pic-block { width: 100%; text-align: left; padding: 4px 0 } .main__catalog-title-block { width: 100%; text-align: left; padding: 15px 5px 4px 0; min-height: 60px } .main__catalog-title { font-size: 16px; font-wight: bold } .main__catalog-block .main__catalog-item { position: relative; margin-bottom: 3px } .main__catalog-block .main__catalog-item:before { display: block; width: 20px; height: 20px; content: "\2014"; position: absolute; left: -17px; top: -2px } .main__catalog-block .main__catalog-item-link { color: #333; font-size: 13px; text-decoration: none } .main__catalog-block .main__catalog-item-link:hover { text-decoration: underline } .main__catalog-list { width: 100%; color: #ccc; font-size: 13px; padding-left: 25px; padding-top: 10px } .main__catalog-item-all { position: relative; cursor: pointer; color: #ccc } .main__catalog-item-all:before { display: block; width: 20px; height: 20px; content: ""; position: absolute; left: -23px; top: -4px; background: url(https://s1.tdp.ru/desktop/img/pages/catalog/arrow-down.jpg) no-repeat; transform: rotate(180deg) } .main__catalog-list.main__catalog-list-three .main__catalog-item-all:before { left: -19px; top: 5px; background: url(https://s1.tdp.ru/desktop/img/pages/catalog/arrow-down.jpg) no-repeat; transform: rotate(0deg) } .main__catalog-info-text { margin-bottom: 22px!important; font-size: 13px; font-family: Arial } .main__catalog-list-three .main__catalog-item-link:nth-child(1n+4) { display: none } .catalog-wrapper { padding-left: 25px; margin-bottom: 50px } @media (max-width: 1249px) and (min-width: 0px) { .catalog-wrapper { padding-left: 15px } .main__catalog-categoty { margin-right: -2px } .main__catalog-title-block { padding: 15px 15px 10px 0 } } .main__catalog-item-all:hover { color: #999 } .delivery_form_step_list { list-style: none; counter-reset: point; padding: 0 } .delivery_form_step { position: relative; background: url(https://s1.tdp.ru/desktop/img/templates/hr-dashed.png) 0 100% repeat-x; padding: 20px 40px 20px 80px } .delivery_form_step:before { content: counter(point); counter-increment: point 1; position: absolute; top: 20px; left: 26px; width: 28px; height: 28px; border-radius: 50%; background: #ccc; color: #fff; text-align: center; font-size: 15px; line-height: 28px } .delivery_form_step:first-child { padding-top: 33px } .delivery_form_step:first-child:before { top: 34px } .delivery_form_step_done:before { background: #000 } .delivery_form_step_error .delivery_form_step_header { color: #ed1c24 } .delivery_form_step_header { font-size: 20px; line-height: 30px } .delivery_form_step_subheader { font-size: 14px; line-height: 20px; margin: -19px 0 15px } .delivery_form_step_content { position: relative } .delivery_form_step_content .map_open_link { position: absolute; top: -24px; right: 0 } .delivery_form_step_content .delivery_address_recent a { text-decoration: none; font-size: .9em; color: #999 } .delivery_form_step_content .delivery_address_recent .delivery_address_more_recent>a { text-decoration: underline; font-weight: 700; color: #000 } #tab_delivery .delivery_form_step_content .map_open_link { position: relative; top: 0; right: 0; text-align: right; display: inline-block; width: 100% } .delivery_address+ul { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 160px; padding: 5px 0; margin: 2px 0 0; font-size: 14px; text-align: left; list-style: none; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, .15); border-radius: 4px; box-shadow: 0 6px 12px rgba(0, 0, 0, .175) } .delivery_address+ul>li { font-size: 14px; line-height: 20px; display: list-item; text-align: -webkit-match-parent } .delivery_address+ul>li>a { display: block; padding: 3px 20px; clear: both; font-weight: 400; line-height: 1.42857143; color: #333; text-decoration: none; white-space: nowrap; transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out } .delivery_address+ul>li>a:hover { color: #fff; text-decoration: none; background-color: #f90; outline: 0 } .delivery_form_step_content textarea { height: 70px; margin-bottom: 10px; font-size: 16px; line-height: 22px; padding: 8px 10px } .delivery_form_step_content .call_time>li { display: inline-block; vertical-align: top; margin: 0 0 0 5px; font-size: 16px; width: 200px } .delivery_form_step_content .delivery_time>li { display: inline-block; vertical-align: top; margin: 0 5px 0 0; font-size: 16px } .delivery_form_step_content .hint { font-size: 14px; color: #ccc; padding: 14px 0 0 } .delivery_form_step_content .hint.error { color: #ed1c24 } .delivery_form_step_content .pay_variant .ic { position: absolute; top: 50%; right: 4px; margin-top: -5px } .delivery_form_step_content .textInput_phone { width: 170px; margin: 0 15px 0 0; font-size: 16px; padding: 0 0 0 17px } .delivery_form_step_content .textInput_userName { padding: 3px 8px; margin-left: 35px } .delivery_form_step_content .form_row+.form_row { margin-top: 10px } .delivery_form_step_variant { border: 1px solid #ccc; background: #fff; min-height: 40px; padding: 10px 8px 8px; min-width: 180px; margin-bottom: 10px; display: inline-block; vertical-align: top; position: relative; font-size: 16px } .delivery_form_step_variant:last-child { margin-bottom: 0 } .delivery_form_step_variant_date { padding: 0 } .delivery_form_step_variant_active { background: #f0f0f0 } .delivery_form_step_variant_active .delivery_form_step_price { color: #ed1c24 } .delivery_form_step_variant_content { padding: 13px 30px; display: none } .delivery_form_step_variant_content .niceselect_big { width: 170px; height: 40px; line-height: 38px; border-color: #999; vertical-align: middle; margin-right: 20px } .delivery_form_step_list_variant .delivery_form_step_variant, .delivery_form_step_variant_active .delivery_form_step_variant_content { display: block } .delivery_form_step_price { font-size: 24px; font-weight: 700; color: #ccc; position: absolute; top: 10px; right: 5px; text-align: right } .delivery_form_step_label { display: inline-block; vertical-align: top; cursor: pointer } .delivery_form_step_label .label_name { display: inline-block } .delivery_form_step_label .label_name_small { font-size: 14px; line-height: 16px } .delivery_form_step_label_callu { vertical-align: middle; font-size: 14px } .delivery_form_step_label_callu .checkbox_input, .delivery_form_step_label_callu .checkbox_input_small { vertical-align: initial; top: -6px; margin-right: 7px } .delivery_form_step .map_container { height: 360px; border: 1px solid #ccc; margin-bottom: 17px } .delivery_form_terms { font-size: 14px; line-height: 16px; display: inline-block; vertical-align: middle } .delivery_form_floor { float: left; width: 240px; margin: 10px 0 0 } .delivery_form_floor .delivery_form_terms { font-size: 16px; line-height: 20px } .delivery_form_elevator { float: left; margin: 12px 0 0; font-size: 16px } .delivery_form_elevator .delivery_form_step_label { margin-bottom: 10px } .delivery_form_elevator .checkbox_input, .delivery_form_elevator .checkbox_input_small { margin-right: 18px } .delivery_form_porters { padding: 18px 0 0 } .delivery_form_porters .delivery_form_step_label { position: relative; padding: 0 0 0 40px; margin-bottom: 15px } .delivery_form_porters .delivery_form_step_label .checkbox_input, .delivery_form_porters .delivery_form_step_label .checkbox_input_small { position: absolute; top: 0; left: 0 } .delivery_form_porters_length .delivery_count_wrapper { width: 100px } .delivery_form_porters_length .delivery_count_wrapper .stepper-input { width: 61px } .delivery_form_porters_length .delivery_form_terms { font-size: 16px; line-height: 20px } .delivery_count_wrapper { display: inline-block; vertical-align: middle; width: 78px; margin: 0 20px 0 0 } .delivery_count_wrapper .stepper { margin: 0 } .delivery_count_wrapper .stepper-input { border: 1px solid #999; color: #000; font-size: 16px; font-weight: 700; height: 41px; line-height: 39px; margin-right: 10px; padding: 0; width: 41px } .delivery_count_wrapper .stepper-arrow.up { border: 1px solid #ccc; border-bottom: none; background-position: -28px 0 } .delivery_count_wrapper .stepper-arrow.down { border: 1px solid #ccc; background-position: -28px -20px } .delivery_final { padding: 18px 40px 40px 80px } .delivery_final_fix { position: fixed; top: 0 } .delivery_final_abs { position: absolute } .delivery_final_prices { margin: 0; float: left; font-size: 16px } livery_final_prices_additional { color: #ed1c24 } .delivery_total_price_container { float: right; width: 220px } .delivery_total_price_container p { font-size: 16px; margin-bottom: 10px } .delivery_total_price_container .delivery_total_price_unknown { font-size: 14px; margin-bottom: 10px; text-align: center } .delivery_total_price_container .delivery_total_price { font-size: 36px; line-height: 40px; font-weight: 700; text-align: right } .delivery_prices_list { display: table; width: 464px; height: 103px } .delivery_prices_container { display: none } .delivery_prices_container_header { background: #f0f0f0; text-align: center; font-weight: 700; font-size: 16px; line-height: 46px; border-bottom: 1px solid #ccc; margin: 0 } .delivery_price { font-size: 19px; font-weight: 700; margin-bottom: 6px } .delivery_price_container { display: table-cell; width: 25%; text-align: center; border-left: 1px solid #ccc; padding: 25px 0 0 } .delivery_price_container:first-child { border-left-color: transparent } .delivery_price_text { font-size: 14px; line-height: 18px; margin-bottom: 0 } .profile_page_discount { margin-top: 50px } .profile_page_discount_no_card { display: none } .profile_page_discount h1 { margin-bottom: 0 } .profile_page_discount_status_link { float: right; color: #333; font-size: 13px; position: relative; top: -15px } .profile_page_discount_card { margin: 30px 0 40px; position: relative; width: 333px; min-height: 203px; padding: 24px; border: 1px solid #ccc; border-radius: 13px; font-size: 12px } .profile_page_discount_card .profile_page_discount_card_enter_pin { display: none } .profile_page_discount_card_anonymous { border-radius: 13px 13px 0 0; border-bottom: 1px dashed #ccc; margin-bottom: 120px } .profile_page_discount_no_contractor { display: none } .profile_page_discount_card_anonymous .profile_page_discount_no_contractor { display: block } .profile_page_discount_card_anonymous .profile_page_discount_card_enter_pin { display: block; border-radius: 0 0 13px 13px; border: 1px solid #ccc; border-top: none; width: 333px; position: absolute; left: -1px; top: 179px; padding: 40px 22px 22px; line-height: 20px; height: 104px } .profile_page_discount_card_enter_pin a { font-size: 14px; font-weight: 700 } .profile_page_discount_card_enter_pin .ic_lock { width: 12px; height: 16px; margin-right: 6px; position: relative; top: -4px } .profile_page_discount_popup { padding: 40px!important; height: 220px } .profile_page_discount_auth_popup_overlay { content: " "; display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: .2; z-index: 90 } .profile_page_discount_auth_popup { display: none; position: absolute; width: 450px; left: 0; top: -16px; z-index: 100; background: #fff; border: 1px solid #ccc; box-shadow: 0 0 30px -10px #000 } .profile_page_discount_auth_popup:before { content: " "; position: absolute; bottom: -20px; left: 170px; border: 10px solid; border-color: #fff transparent transparent } .profile_page_discount_popup a { position: relative; top: 40px } .profile_page_discount_auth_popup a.close_link { position: absolute; right: 20px; top: 20px } .profile_page_discount_auth_popup a.close_link .ic_close { fill: #999 } .profile_page_discount_auth_popup a.close_link .ic_close:hover { fill: #fc3 } .profile_page_discount_popup_input { display: block; position: relative; clear: both; margin: 20px 0 5px; width: 100%; height: 40px } .profile_page_discount_popup_input input { letter-spacing: 10px; text-align: center; width: 63%; margin: 0 3% 0 0; float: left; line-height: 40px } .profile_page_discount_popup_incorrect input { border: 1px solid red } .profile_page_discount_popup_input button { width: 34%; float: left } .profile_page_discount_auth_popup.profile_page_discount_remind_pin { padding: 50px; text-align: center } .profile_page_discount_auth_popup .error_message, .profile_page_discount_popup .error_message { display: none; position: absolute } .profile_page_discount_popup_wait { display: none; text-align: center; right: -10px; top: -18px; color: #999; line-height: 35px; position: absolute } .profile_page__row { display: table; width: 100% } .profile_page__row .row__card { display: inline-block; vertical-align: middle } .profile_page__row .row__card.profile_page_discount_proof_logo { margin: 5px; float: right } .profile_page_discount_popup_wait img { width: 70px; height: 70px } .profile_page_discount_card_status { font-size: 28px; font-weight: 700; line-height: 28px } .profile_page_discount_card_type { position: absolute; font-size: 20px; font-weight: 700; color: #ccc } .profile_page_discount_card_points { font-size: 40px; font-weight: 700; margin-top: 25px } .profile_page_discount_card_points_date { font-size: 12px; color: #999; position: absolute; left: 223px; top: 123px } .profile_page_discount_proof_logo { right: 32px; width: 135px; height: 23px } .profile_page_discount_card_money { font-size: 18px; color: #999; line-height: 30px } .profile_page_discount_card_number { position: absolute; bottom: 20px; right: 24px; font-size: 14px; font-weight: 700; letter-spacing: 4px } .profile_page_discount_additional_cards { width: 100% } .profile_page_discount_additional_cards tr { border-bottom: 1px solid #ccc } .profile_page_discount_additional_cards th { font-size: 12px; font-weight: 400; color: #999; text-align: left; line-height: 40px } .profile_page_discount_additional_cards td:first-child { width: 350px } .profile_page_discount_additional_cards td { line-height: 40px } .profile_page_discount_additional_cards th:first-child { width: 180px } .profile_page_discount_additional_cards td:last-child, .profile_page_discount_additional_cards th:last-child { text-align: right } .profile_page_discount_additional_card_number { display: inline-block; margin: 0 10px; font-weight: 700; letter-spacing: 4px } .profile_page_discount_coupon_rule { position: relative; width: 100%; background: #000; color: #fff; height: 40px; line-height: 40px; padding-left: 48px; margin: 40px 0 } .profile_page_discount_coupon_rule:before { content: "!"; position: absolute; width: 25px; height: 25px; border: 2px solid #f90; border-radius: 13px; line-height: 25px; text-align: center; color: #f90; font-size: 20px; font-weight: 700; top: 6px; left: 9px } .profile_page_discount_get_coupon { position: relative; border: 2px dashed #e8e8e8; padding: 28px 230px 28px 40px; min-height: 300px; background: url("https://s1.tdp.ru/desktop/img/pages/discounts/bg_scissors.png") no-repeat top; background-position-x: 50% } .profile_page_discount_get_coupon h2 { margin-bottom: 13px } .profile_page_discount_get_coupon button { float: right } .profile_page_discount_get_coupon p { font-size: 13px; padding: 6px 0; margin: 0 } .profile_page_discount_coupon_balance { display: inline-block; font-size: 30px } .profile_page_discount_coupon_bg { height: 100%; width: 207px; position: absolute; right: 0; top: 0; background: url("https://s1.tdp.ru/desktop/img/pages/discounts/bg_percent.png") repeat-y 100% } .grey_letters, .grey_letters a { color: #999 } .error_message { color: red } .huge_digits { font-size: 20px!important; font-weight: 700!important } .largest_letters { font-size: 34px!important; font-weight: 700!important } /*! * Fotorama 4.6.4 | http://fotorama.io/license/ */ .fotorama__arr:focus:after, .fotorama__fullscreen-icon:focus:after, .fotorama__html, .fotorama__img, .fotorama__nav__frame:focus .fotorama__dot:after, .fotorama__nav__frame:focus .fotorama__thumb:after, .fotorama__stage__frame, .fotorama__stage__shaft, .fotorama__video iframe { position: absolute; width: 100%; height: 100%; top: 0; right: 0; left: 0; bottom: 0 } .fotorama--fullscreen, .fotorama__img { max-width: 99999px!important; max-height: 99999px!important; min-width: 0!important; min-height: 0!important; border-radius: 0!important; box-shadow: none!important; padding: 0!important } .fotorama__wrap .fotorama__grab { cursor: move; cursor: -webkit-grab; cursor: -o-grab; cursor: -ms-grab; cursor: grab } .fotorama__grabbing * { cursor: move; cursor: -webkit-grabbing; cursor: -o-grabbing; cursor: -ms-grabbing; cursor: grabbing } .fotorama__spinner { position: absolute!important; top: 50%!important; left: 50%!important } .fotorama__caption, .fotorama__nav:after, .fotorama__nav:before, .fotorama__stage:after, .fotorama__stage:before, .fotorama__wrap--css3 .fotorama__arr, .fotorama__wrap--css3 .fotorama__fullscreen-icon, .fotorama__wrap--css3 .fotorama__html, .fotorama__wrap--css3 .fotorama__nav, .fotorama__wrap--css3 .fotorama__nav__shaft, .fotorama__wrap--css3 .fotorama__spinner, .fotorama__wrap--css3 .fotorama__stage, .fotorama__wrap--css3 .fotorama__stage .fotorama__img, .fotorama__wrap--css3 .fotorama__stage__frame, .fotorama__wrap--css3 .fotorama__stage__shaft, .fotorama__wrap--css3 .fotorama__thumb-border, .fotorama__wrap--css3 .fotorama__video-close, .fotorama__wrap--css3 .fotorama__video-play { -webkit-transform: translateZ(0); transform: translateZ(0) } .fotorama__arr:focus, .fotorama__fullscreen-icon:focus, .fotorama__nav__frame { outline: 0 } .fotorama__arr:focus:after, .fotorama__fullscreen-icon:focus:after, .fotorama__nav__frame:focus .fotorama__dot:after, .fotorama__nav__frame:focus .fotorama__thumb:after { content: ""; border-radius: inherit; background-color: rgba(0, 175, 234, .5) } .fotorama__arr, .fotorama__fullscreen-icon, .fotorama__no-select, .fotorama__video-close, .fotorama__video-play, .fotorama__wrap { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .fotorama__select { -webkit-user-select: text; -moz-user-select: text; -ms-user-select: text; user-select: text } .fotorama__nav, .fotorama__nav__frame { margin: auto; padding: 0 } .fotorama__caption__wrap, .fotorama__nav__frame, .fotorama__nav__shaft { -moz-box-orient: vertical; display: inline-block; vertical-align: middle; *display: inline; *zoom: 1 } .fotorama__nav__frame, .fotorama__thumb-border { box-sizing: content-box } .fotorama__caption__wrap { box-sizing: border-box } .fotorama--hidden, .fotorama__load { position: absolute; left: -99999px; top: -99999px; z-index: -1 } .fotorama__arr, .fotorama__fullscreen-icon, .fotorama__nav, .fotorama__nav__frame, .fotorama__nav__shaft, .fotorama__stage__frame, .fotorama__stage__shaft, .fotorama__video-close, .fotorama__video-play { -webkit-tap-highlight-color: transparent } .fotorama__arr, .fotorama__fullscreen-icon, .fotorama__video-close, .fotorama__video-play { background: url("https://s1.tdp.ru/desktop/img/icons/fotorama__i.png") no-repeat } .fotorama__thumb { background-color: #7f7f7f; background-color: hsla(0, 0%, 50%, .2) } @media print { .fotorama__arr, .fotorama__fullscreen-icon, .fotorama__thumb-border, .fotorama__video-close, .fotorama__video-play { background: none!important } } .fotorama { min-width: 1px; overflow: hidden } .fotorama:not(.fotorama--unobtrusive)>:not(:first-child) { display: none } .fullscreen { max-width: 100%!important; max-height: 100%!important; padding: 0!important; overflow: hidden!important } .fotorama--fullscreen, .fullscreen { width: 100%!important; height: 100%!important; margin: 0!important; background: #000 } .fotorama--fullscreen { position: absolute!important; top: 0!important; left: 0!important; right: 0!important; bottom: 0!important; float: none!important; z-index: 2147483647!important } .fotorama--fullscreen .fotorama__nav, .fotorama--fullscreen .fotorama__stage { background: #000 } .fotorama__wrap { -webkit-text-size-adjust: 100%; position: relative; direction: ltr; z-index: 0 } .fotorama__wrap--rtl .fotorama__stage__frame { direction: rtl } .fotorama__nav, .fotorama__stage { overflow: hidden; position: relative; max-width: 100%; margin: 0 0 15px } .fotorama__wrap--pan-y { -ms-touch-action: pan-y } .fotorama__wrap .fotorama__pointer { cursor: pointer } .fotorama__wrap--slide .fotorama__stage__frame { opacity: 1!important } .fotorama__stage__frame { overflow: hidden } .fotorama__stage__frame.fotorama__active { z-index: 8 } .fotorama__wrap--fade .fotorama__stage__frame { display: none } .fotorama__wrap--fade .fotorama__fade-front, .fotorama__wrap--fade .fotorama__fade-rear, .fotorama__wrap--fade .fotorama__stage__frame.fotorama__active { display: block; left: 0; top: 0 } .fotorama__wrap--fade .fotorama__fade-front { z-index: 8 } .fotorama__wrap--fade .fotorama__fade-rear { z-index: 7 } .fotorama__wrap--fade .fotorama__fade-rear.fotorama__active { z-index: 9 } .fotorama__wrap--fade .fotorama__stage .fotorama__shadow { display: none } .fotorama__img { -ms-filter: "alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; border: none!important } .fotorama__error .fotorama__img, .fotorama__loaded .fotorama__img { -ms-filter: "alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1 } .fotorama--fullscreen .fotorama__loaded--full .fotorama__img, .fotorama__img--full { display: none } .fotorama--fullscreen .fotorama__loaded--full .fotorama__img--full { display: block } .fotorama__wrap--only-active .fotorama__nav, .fotorama__wrap--only-active .fotorama__stage { max-width: 99999px!important } .fotorama__wrap--only-active .fotorama__stage__frame { visibility: hidden } .fotorama__wrap--only-active .fotorama__stage__frame.fotorama__active { visibility: visible } .fotorama__nav { font-size: 0; line-height: 0; text-align: center; display: none; white-space: nowrap; z-index: 5 } .fotorama__nav__shaft { position: relative; left: 0; top: 0; text-align: left } .fotorama__nav__frame { position: relative; cursor: pointer } .fotorama__nav--dots { display: block } .fotorama__nav--dots .fotorama__nav__frame { width: 18px; height: 30px } .fotorama__nav--dots .fotorama__nav__frame--thumb, .fotorama__nav--dots .fotorama__thumb-border { display: none } .fotorama__nav--thumbs { display: block; padding: 15px 0 } .fotorama__nav--thumbs .fotorama__nav__frame { padding-left: 0!important } .fotorama__nav--thumbs .fotorama__nav__frame:last-child { padding-right: 0!important } .fotorama__nav--thumbs .fotorama__nav__frame--dot { display: none } .fotorama__dot { display: block; width: 4px; height: 4px; position: relative; top: 12px; left: 6px; border-radius: 6px; border: 1px solid #7f7f7f } .fotorama__nav__frame:focus .fotorama__dot:after { padding: 1px; top: -1px; left: -1px } .fotorama__nav__frame.fotorama__active .fotorama__dot { width: 0; height: 0; border-width: 3px } .fotorama__nav__frame.fotorama__active .fotorama__dot:after { padding: 3px; top: -3px; left: -3px } .fotorama__thumb { overflow: hidden; position: relative; width: 100%; height: 100% } .fotorama__nav__frame:focus .fotorama__thumb { z-index: 2 } .fotorama__thumb-border { position: absolute; z-index: 9; top: 0; left: 0; border-style: solid; border-color: #00afea; background-image: linear-gradient(to bottom right, hsla(0, 0%, 100%, .25), rgba(64, 64, 64, .1)) } .fotorama__caption { position: absolute; z-index: 12; bottom: 0; left: 0; right: 0; font-family: Helvetica Neue, Arial, sans-serif; font-size: 14px; line-height: 1.5; color: #000 } .fotorama__caption a { text-decoration: none; color: #000; border-bottom: 1px solid; border-color: rgba(0, 0, 0, .5) } .fotorama__caption a:hover { color: #333; border-color: rgba(51, 51, 51, .5) } .fotorama__wrap--rtl .fotorama__caption { left: auto; right: 0 } .fotorama__wrap--no-captions .fotorama__caption, .fotorama__wrap--video .fotorama__caption { display: none } .fotorama__caption__wrap { background-color: #fff; background-color: hsla(0, 0%, 100%, .9); padding: 5px 10px } .fotorama__wrap--css3 .fotorama__spinner { -webkit-animation: spinner 24s infinite linear; animation: spinner 24s infinite linear } .fotorama__wrap--css3 .fotorama__html, .fotorama__wrap--css3 .fotorama__stage .fotorama__img { transition-property: opacity; transition-timing-function: linear; transition-duration: .3s; max-height: 90%!important; top: 5%!important } .fotorama__wrap--video .fotorama__stage__frame--video .fotorama__html, .fotorama__wrap--video .fotorama__stage__frame--video .fotorama__img { -ms-filter: "alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0 } .fotorama__select { cursor: auto } .fotorama__video { top: 32px; right: 0; bottom: 0; left: 0; position: absolute; z-index: 10 } .fotorama__arr, .fotorama__fullscreen-icon, .fotorama__video-close, .fotorama__video-play { position: absolute; z-index: 11; cursor: pointer } .fotorama__arr { position: absolute; width: 32px; height: 32px; top: 50%; margin-top: -16px } .fotorama__arr--prev { left: 2px; background-position: 0 0 } .fotorama__arr--next { right: 2px; background-position: -32px 0 } .fotorama--fullscreen .fotorama__arr--prev { -webkit-transform: translate3d(-48px, 0, 0)!important; transform: translate3d(-48px, 0, 0)!important; left: 64px!important; background: url(https://s1.tdp.ru/desktop/img/icons/product/fotorama-left--i.png) no-repeat!important; background-position-y: 50%!important } .fotorama--fullscreen .fotorama__arr--next, .fotorama--fullscreen .fotorama__arr--prev { cursor: pointer!important; width: 64px!important; height: 100%!important; opacity: 1!important; top: 0!important } .fotorama--fullscreen .fotorama__arr--next { -webkit-transform: translate3d(48px, 0, 0)!important; transform: translate3d(48px, 0, 0)!important; right: 64px!important; background: url(https://s1.tdp.ru/desktop/img/icons/product/fotorama-right--i.png) no-repeat!important; background-position-y: 50%!important } .fotorama--fullscreen .fotorama__fullscreen-icon { display: none!important } .fotorama--fullscreen, .fotorama__stage { margin-bottom: 2px!important } .fotorama__grab { cursor: default!important } .fotorama__arr--disabled { pointer-events: none; cursor: default; *display: none!important; display: none!important; opacity: 0 } .fotorama__fullscreen-icon { width: 32px; height: 32px; top: 2px; right: 2px; background-position: 0 -32px; z-index: 20 } .fotorama__arr:focus, .fotorama__fullscreen-icon:focus { border-radius: 50% } .fotorama--fullscreen .fotorama__fullscreen-icon { background-position: -32px -32px } .fotorama__video-play { width: 96px; height: 96px; left: 50%; top: 50%; margin-left: -48px; margin-top: -48px; background-position: 0 -64px; opacity: 0 } .fotorama__wrap--css2 .fotorama__video-play, .fotorama__wrap--video .fotorama__stage .fotorama__video-play { display: none } .fotorama__error .fotorama__video-play, .fotorama__loaded .fotorama__video-play, .fotorama__nav__frame .fotorama__video-play { opacity: 1; display: block } .fotorama__nav__frame .fotorama__video-play { width: 32px; height: 32px; margin-left: -16px; margin-top: -16px; background-position: -64px -32px } .fotorama__video-close { width: 32px; height: 32px; top: 0; right: 0; background-position: -64px 0; z-index: 20; opacity: 0 } .fotorama__wrap--css2 .fotorama__video-close { display: none } .fotorama__wrap--css3 .fotorama__video-close { -webkit-transform: translate3d(32px, -32px, 0); transform: translate3d(32px, -32px, 0) } .fotorama__wrap--video .fotorama__video-close { display: block; opacity: 1 } .fotorama__wrap--css3.fotorama__wrap--video .fotorama__video-close { -webkit-transform: translateZ(0); transform: translateZ(0) } .fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__arr, .fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon { opacity: 0 } .fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__arr:focus, .fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon:focus { opacity: 1 } .fotorama__wrap--video .fotorama__arr, .fotorama__wrap--video .fotorama__fullscreen-icon { opacity: 0!important } .fotorama__wrap--css2.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__arr, .fotorama__wrap--css2.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon { display: none } .fotorama__wrap--css2.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__arr:focus, .fotorama__wrap--css2.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon:focus { display: block } .fotorama__wrap--css2.fotorama__wrap--video .fotorama__arr, .fotorama__wrap--css2.fotorama__wrap--video .fotorama__fullscreen-icon { display: none!important } .fotorama__wrap--css3.fotorama__wrap--no-controls.fotorama__wrap--slide.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon:not(:focus) { -webkit-transform: translate3d(32px, -32px, 0); transform: translate3d(32px, -32px, 0) } .fotorama__wrap--css3.fotorama__wrap--no-controls.fotorama__wrap--slide.fotorama__wrap--toggle-arrows .fotorama__arr--prev:not(:focus) { -webkit-transform: translate3d(-48px, 0, 0); transform: translate3d(-48px, 0, 0) } .fotorama__wrap--css3.fotorama__wrap--no-controls.fotorama__wrap--slide.fotorama__wrap--toggle-arrows .fotorama__arr--next:not(:focus) { -webkit-transform: translate3d(48px, 0, 0); transform: translate3d(48px, 0, 0) } .fotorama__wrap--css3.fotorama__wrap--video .fotorama__fullscreen-icon { -webkit-transform: translate3d(32px, -32px, 0)!important; transform: translate3d(32px, -32px, 0)!important } .fotorama__wrap--css3.fotorama__wrap--video .fotorama__arr--prev { -webkit-transform: translate3d(-48px, 0, 0)!important; transform: translate3d(-48px, 0, 0)!important } .fotorama__wrap--css3.fotorama__wrap--video .fotorama__arr--next { -webkit-transform: translate3d(48px, 0, 0)!important; transform: translate3d(48px, 0, 0)!important } .fotorama__wrap--css3 .fotorama__arr:not(:focus), .fotorama__wrap--css3 .fotorama__fullscreen-icon:not(:focus), .fotorama__wrap--css3 .fotorama__video-close:not(:focus), .fotorama__wrap--css3 .fotorama__video-play:not(:focus) { transition-property: -webkit-transform, opacity; transition-property: transform, opacity; transition-duration: .3s } .fotorama__nav:after, .fotorama__nav:before, .fotorama__stage:after, .fotorama__stage:before { content: ""; display: block; position: absolute; text-decoration: none; top: 0; bottom: 0; width: 10px; height: auto; z-index: 10; pointer-events: none; background-repeat: no-repeat; background-size: 1px 100%, 5px 100% } .fotorama__nav:before, .fotorama__stage:before { background-image: linear-gradient(transparent, rgba(0, 0, 0, .2) 25%, rgba(0, 0, 0, .3) 75%, transparent), radial-gradient(farthest-side at 0 50%, rgba(0, 0, 0, .4), transparent); background-position: 0 0, 0 0; left: -10px } .fotorama__nav.fotorama__shadows--left:before, .fotorama__stage.fotorama__shadows--left:before { left: 0 } .fotorama__nav:after, .fotorama__stage:after { background-image: linear-gradient(transparent, rgba(0, 0, 0, .2) 25%, rgba(0, 0, 0, .3) 75%, transparent), radial-gradient(farthest-side at 100% 50%, rgba(0, 0, 0, .4), transparent); background-position: 100% 0, 100% 0; right: -10px } .fotorama__nav.fotorama__shadows--right:after, .fotorama__stage.fotorama__shadows--right:after { right: 0 } .fotorama--fullscreen .fotorama__nav:after, .fotorama--fullscreen .fotorama__nav:before, .fotorama--fullscreen .fotorama__stage:after, .fotorama--fullscreen .fotorama__stage:before, .fotorama__wrap--fade .fotorama__stage:after, .fotorama__wrap--fade .fotorama__stage:before, .fotorama__wrap--no-shadows .fotorama__nav:after, .fotorama__wrap--no-shadows .fotorama__nav:before, .fotorama__wrap--no-shadows .fotorama__stage:after, .fotorama__wrap--no-shadows .fotorama__stage:before { display: none } .stepper { margin: 0 0 10px; overflow: hidden; position: relative } .stepper .stepper-input { border: none; color: #333; font-size: 13px; line-height: 1.2; margin: 0; overflow: hidden; padding: 12px 0 10px; width: 40px; z-index: 49; -moz-appearance: textfield } .stepper .stepper-input::-webkit-inner-spin-button, .stepper .stepper-input::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0 } .stepper .stepper-input:focus { background-color: #fff } .stepper .stepper-arrow { background: #fff url(/img/jquery.fs.stepper-arrows.png) no-repeat; border: 1px solid #ccc; cursor: pointer; display: block; height: 50%; position: absolute; right: 0; text-indent: -99999px; width: 25px; z-index: 50 } .stepper .stepper-arrow.up { background-position: top; border-bottom: none; border-top: none; border-right: none; top: 0 } .stepper .stepper-arrow.down { background-position: bottom; border-bottom: none; border-right: none; bottom: 0 } @media screen and (min-width: 740px) { .stepper:hover .stepper-input { background-color: #fff } .stepper .stepper-step:hover { background-color: #f9f9f9 } .stepper.disabled .stepper-arrow { background: #fff; border-color: #eee; cursor: default } } .stepper.disabled .stepper-input { background: #fff; border-color: #eee; color: #ccc } .stepper.disabled .stepper-arrow { background: #fff; border-color: #eee; cursor: default } a { color: #000; text-decoration: underline } a:hover { text-decoration: none } .formWrapper_item { position: relative } .input_wrapp__item { margin: 0 0 5px; display: table; width: 100%; position: relative } .input_wrapp__item:last-child { min-height: 40px } .input_wrapp__item.top_line { min-height: 25px } .input_wrapp__item.pin_wrapper_l { margin: 0 auto; min-height: 30px; width: 220px } .input_wrapp__item.mail_item.has__login { margin: 0 0 20px } .input_wrapp__item.date_birth { min-height: 50px; margin: 0 0 10px } .input_wrapp__item.pasp_data { margin: 0 } .title_input__line { display: block; font-size: 16px; font-weight: 700; margin: 0 15px 0 0; float: left } .title_input__line.pin_line { position: relative; top: 7px } .title_input__line.password_line { position: relative; top: 10px } .subtitle_description__pasp { width: 385px; font-size: 11px!important } .subtitle_description__dob, .subtitle_description__pasp { display: block; color: #6f6f6f; line-height: 15px; margin: 8px 0 0 } .subtitle_description__dob { width: 285px; font-size: 11px } .subtitle_description__phone { display: block; width: 405px; color: #6f6f6f; font-size: 11px; line-height: 15px; margin: 3px 0 0 } .field_input__line { display: block; font-size: 13px; float: left; text-align: center } .number_pasport__line { width: 460px; float: right; position: relative } .number_phone__line { width: 385px; float: right; position: relative; margin: 5px 0 0 } .subtitle__line { display: block; font-weight: 400; font-size: 13px; margin: 0 0 10px; padding: 0 0 0 10px } .subtitle__line.serial { position: absolute; top: 0; left: 100px } .date_subtitle { position: absolute; left: 285px; top: 0 } .phone_plus { position: absolute; left: -35px; top: 7px; font-size: 16px } .pasp_num__field { width: 440px; display: table } .phone_num__field { width: 355px } .date_field { width: 370px } .number_in { margin: 0 20px 0 0 } .number_in, .serial_in { display: block; float: left } .phone_num_in { display: block; position: relative } .date_in { float: left; position: relative; left: 30px } .name_t_des { position: absolute; top: 0; left: 0 } .name_field { margin-top: -15px } .name_field, .pasp_field { width: 100%; height: 85px; height: 100px } .pasp_field { position: relative; margin-top: -5px; z-index: 8 } .field_pasp__desc { position: absolute; top: 20px; left: 390px; font-size: 13px; font-weight: 400 } .email_field { width: 600px; min-height: 40px } .email_field, .main_field { float: right; margin-top: -5px } .main_field { width: 80%; height: 40px } .dob_field { height: 40px; float: left; margin-top: 10px } .name_input { width: 100%; text-indent: 250px } .main_input { width: 90%; height: 25px; padding: 0 5%; border: none; border-bottom: 1px solid #807868; background: none; font-size: 16px; outline: none; border-radius: inherit } .kdp__phone-first-num { position: absolute; left: -20px; top: 5px; font-size: 16px } .main_input.narrow { width: 190px; letter-spacing: 8px; padding: 0 2% } .email_input { width: 89%; border: none; border-bottom: 1px solid #807868; border-radius: inherit } .check_ok, .email_input { height: 25px; padding: 0 5%; background: none; font-size: 16px; outline: none } .check_ok { width: 90%; border: none; border-bottom: 1px solid #807868; background-color: #eaeaea!important } .phone_input { width: 100%; margin: 2px 0 0; outline: none; border-radius: inherit } .main_input.error { border-color: #f40000; color: #f40000 } .form_done { padding: 20px 0 0; min-height: 25px } .form_done.card_f { padding: 0; position: absolute; right: 10px; top: 39px; z-index: 9; width: 310px } .form_done.card_f p { color: red; font-size: 16px } .form_done p { font-size: 20px; line-height: 24px; margin: 0; text-align: center } .checkbox__wrapper { width: 450px; overflow: hidden; margin: 10px auto } .fake_checkbox { margin: 0 20px 15px; position: relative; line-height: 20px } .fake_checkbox input[type=checkbox]:checked+label { background-position: -2px -52px } .subtext_bottom { margin: 40px 0 0; font-size: 14px; text-align: center } .passport-data__title { display: block; text-align: left } .fake__checkbox-input { width: 15px; height: 15px; border: 1px solid #ccc; display: inline-block; float: left; margin-right: 10px } .kdp--checkbox:checked+.fake__checkbox-input { background: url(/img/check-big.svg)no-repeat 50%; background-size: 90% } .kdp--checkbox { position: absolute; opacity: 0; width: 18px; height: 18px; margin: 0; left: 0 } .fake--checkbox-label { font-size: 13px; display: inline-block; width: 360px } .kdp__loader { width: 50px } .kdp__loader-box { display: none } .landing-info-text-block { margin-top: 25px; padding-left: 3px } .landing-info-text { font-size: 13px } .landing-info-text-link { font-weight: 700 } .landing-paragraph { padding: 0 15px; font-weight: 700 } .gyprok-list { list-style-type: disc; padding: 0 30px } .gyprok-paragraph-bold { font-size: 15px; padding: 0 15px; font-weight: 700; margin: 0 5px 5px 0 } .gyprok-paragraph { font-size: 15px; padding: 0 15px; margin: 0 0 10px } .geberit-text { padding: 0 5px; font-size: 13px; margin-bottom: 12px } .geberit-text-bold { margin: 0; font-weight: 700; padding: 0 5px; font-size: 13px } .geberit-title { padding: 0 5px } .listing__product-item { border: 1px solid #ccc; margin-bottom: 10px; position: relative; min-height: 220px; margin-top: 5px; } .product__area.pa .listing__product-item{ display: flex; align-items: center; } .listing__product-item .listing__product-photo { float: left; box-sizing: border-box; width: 240px; height: 215px; text-align: center; position: relative; padding: 10px 5px 5px } .listing__product-item .listing__product-photo-tooltip { cursor: pointer } .listing__product-item .listing__product-image { margin: 0 auto; vertical-align: top; max-width: 220px; max-height: 190px } .listing__product-item .listing__product-info { width: 691px; /* width:746px; */ display: inline-block; padding: 0 5px 5px; box-sizing: border-box } .listing__product-item .code-info { height: 26px; padding: 5px 5px 0 } .listing__product--avaibility-title, .listing__product--avaibility-value { display: inline-block } .listing__product--avaibility-value { margin: 0 2px } .listing__product-item .main-info { height: 100% } .listing__product-item .listing__product-code-number { float: left; /* color: #666; */ color: #000; font-size: 12px; display: inline-block; margin-top: 3px; height: 19px; } .listing__product-item .listing__product-code-number .__inline-rating { display: inline-block; vertical-align: top; padding: 0 0 0 10px } .listing__product-item .product_status { float: right; color: #52991f; font-size: 14px; border-bottom: 1px dotted #8cbb6a; cursor: pointer; height: 18px; display: none!important; } .listing__product-item .one_base_product_status { float: right; color: #52991f; font-size: 12px; border-bottom: none; cursor: auto; display: inline-block; margin-top: 2px; text-align: right } .listing__product-item .product_status:hover { border: none; padding-bottom: 1px } .lisiting__product-title-block { margin-bottom: 10px } .listing__product-item .lisiting__product-title-block { width: 445px; display: inline-block; float: left; position: relative } .listing__product-item .listing__product-title { font-weight: normal; /* color: #757575 !important; */ color: #000 !important; font-size: 17px; padding-top: 5px; margin-bottom: 10px; display: block; text-decoration: none; line-height: 1.2; } .listing__product-item .listing__breadcrumbs { margin: 0 0 10px; line-height: 1; font-size: 13px } .listing__product-item .listing__breadcrumbs-item { display: inline-block; font-size: 12px; line-height: 1.2 } .listing__product-item .listing__breadcrumbs-link { color: #666 } .listing__product-item .listing__product-maybe-need-block { font-size: 14px; color: #666 } .listing__product-item .listing__product-maybe-need-text { color: #000; font-size: 13px; font-weight: 700; color: #545454 } .listing__product-item .listing__product-options-wrapper { display: inline-block; width: calc(100% - 100px) } .listing__product-item .listing__product-friend-and-options-block { min-height: 30px; margin-bottom: 10px; display: table; width: 100% } .listing__product-item .listing__product-friend-and-options-block:last-child { border-right: none } .listing__product-item .club-friends-bonus { margin: 0; color: #b8b8b8; font-size: 14px } .listing__product-item .listing__product-friends-point { width: 100px; display: inline-block; float: left; position: relative; cursor: pointer } .listing__product-item .listing__product-services { border-left: 1px solid #ccc; display: inline-block; float: left; height: 30px; padding: 2px 5px 0 } .listing__product-item .listing__product-services:first-child { border-left: none } .listing__product-item .listing__product-friends-point+.listing__product-options-wrapper .listing__product-services { border-left: 1px solid #ccc } .listing__product-item .listing__product-club-friends-img { display: block; margin-top: -5px } .listing__product-item .listing__product-actions { display: inline-block; cursor: pointer; background-size: 100% } .listing__product-item .cigel { background: url(https://s1.tdp.ru/desktop/img/listing/cigel__icons.png) no-repeat 50%; background-size: 100%; height: 27px; width: 30px } .listing__product-item .sea { background: url(https://s1.tdp.ru/desktop/img/listing/oae__icons.png) no-repeat 50%; background-size: 100%; height: 27px; width: 27px } .listing__product-item .listing__product-cart-block { display: inline-block; width: 230px; float: right } .listing__product-item .listing__product-golp-price-text { display: inline-block; width: 70px; font-size: 13px; float: left; line-height: 1.2; margin-top: 1px; text-align: right; margin-right: 10px } .listing__product-item .listing__product-gold-price-block { margin-bottom: -7px; display: none; min-width: 150px; max-width: 100%; float: right } .listing__product-item .listing__product-price { height: 70px } .listing__product-item .listing__product-gold-price { display: inline-block; min-width: 70px; text-align: right; font-weight: 700; box-sizing: border-box; float: left; font-size: 25px } .listing__product-item .listing__product-price-block { text-align: right; font-size: 25px; box-sizing: border-box; color: #999; width: 100%; display: table } .listing__product-item .listing__product-rouble-b { width: 20px; height: 20px; margin-top: -4px } .listing__product-item .listing__product-rouble-g { width: 18px; height: 18px; margin-top: -5px } .listing__product-item .listing__product-points-price-block { text-align: right; color: #999; font-size: 12px; display: none!important; } .listing__product-item .listing__product-cart { width: 100%; height: 40px; position: relative; margin-bottom: 5px } .listing__product-item .product_units { text-align: right } .listing__product-item .product_units .unit--wrapper { display: table; width: 100% } .listing__product-item .product_units .unit--select { padding: 3px 5px; margin: 0 0 0 5px; cursor: pointer; float: none; display: inline-block } .listing__product-item .product_units .unit--select.unit--active { background: #000; cursor: default } .listing__product-item .listing__product-stepper { display: inline-block; float: left } .listing__product-item .listing__product-amount { display: inline-block; height: 40px; width: 40px; border: 1px solid #ccc; float: left; border-right: none } .listing__product-item .listing__product-steppers-box { display: inline-block; height: 40px; width: 25px } .listing__product-item .listing__product-button { float: right; display: inline-block; width: calc(100% - 70px); height: 100%; cursor: pointer; background-color: #e73; position: relative } .listing__product-item .listing__amount-value-input { text-align: center; display: inline-block; height: 40px; width: 40px; border: 1px solid #ccc; float: left; border-right: none } .listing__product-item .listing__product-svg-cart { position: absolute; top: 10px; left: 99px; width: 20px; height: 20px; background: none; fill: #fff } .listing__product-item .listing__product-svg-cart:hover { fill: #fff } .listing__product-item .ic_compare_plus { width: 20px; height: 20px; background: none; margin-left: 5px } .listing__product-item .listing__product-button-span { font-size: 15px; /* text-transform: uppercase; */ position: absolute; top: 11px; /* right: 40px; */ left: 16px; color: #fff; line-height: 18px; } .listing__product-item .listing__product-button:hover { background-color: #333 } .listing__product-item .listing__product-compare { height: 15px; cursor: pointer; display: none; width: 100% } .listing__product-item .listing__product-compare-span { display: none; float: left; width: calc(100% - 25px); text-align: right } .listing__product-item .listing__product-compare-checkbox { display: inline-block; float: right; width: 25px } .listing__product-item .listing__product-present { width: 30px; position: absolute; bottom: 5px; left: -34px; height: 30px; background: url(/common/img/icons/gift.png) no-repeat; background-size: 100% } .listing__product-item .listing__product-present-info-box { width: 100%; height: 100%; position: relative; cursor: pointer } .listing__product-item .listing__product-present-info-content { font-weight: 700; line-height: 1.2; font-size: 15px } .listing__product-item .listing__product-present-info-content a { text-decoration: none } .listing__product-item .listing__product-present-type { color: #666 } .listing__product-item .listing__product-size-tooltip-wrapper { position: absolute; top: -58px; border: 1px solid #ccc; width: 100%; background-color: #fff; height: 50px; font-size: 12px } .listing__product-item .listing__product-present-info-box .services__m { display: none; position: absolute; min-width: 240px; min-height: 75px; padding: 10px 35px; bottom: 50px; left: -115px; border: 3px solid #f90; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; background: #fff; z-index: 99; cursor: text; text-align: center } .listing__product-item .listing__product-present-info-box .arrow__border { margin-bottom: -1px; border-color: #f90!important; left: 116px; border-left: 9px solid transparent!important; border-right: 9px solid transparent!important; border-top: 9px solid; bottom: -8px; display: block; width: 0; height: 0; position: absolute } .listing__product-item .listing__product-present-info-box .arrow__color { border-color: #fff!important; left: 117px; border-left: 8px solid transparent!important; border-right: 8px solid transparent!important; border-top: 8px solid; bottom: -6px; display: block; width: 0; height: 0; position: absolute } .listing__product-item .listing__product-size-tooltip { position: relative; padding-left: 42px; padding-top: 8px; height: 100% } .listing__product-item .listing__product-size-tooltip:after { content: ""; width: 10px; height: 10px; border: 1px solid #ccc; position: absolute; top: 44px; left: 15px; -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); border-left: none; border-top: none; background-color: #fff } .listing__product-item .listing__product-novice-tooltip { width: 75px; height: 35px; background: url(https://s1.tdp.ru/desktop/img/templates/sticker_new.svg) 0 0 no-repeat; bottom: 10px } .listing__product-item .listing__product-burns-tooltip { width: 75px; height: 50px; background: url(https://s1.tdp.ru/desktop/img/templates/sticker_hot.png) 0 0 no-repeat; top: 10px; left: 5px } .listing__product-item .listing__product-double-tooltip { width: 45px; height: 30px; background: url(https://s1.tdp.ru/desktop/img/icons/actions/x2__icons.png) 0 0 no-repeat; bottom: 10px; right: 5px; background-size: 100% } .listing__product-item .listing__product-sticker-discount-tooltip { width: 35px; height: 35px; background: url(https://s1.tdp.ru/desktop/img/templates/sticker_discount.svg) 0 0 no-repeat; top: 10px; right: 0 } .listing__product-item .notInStock__item { height: 45px; width: 30px; position: absolute; top: 0; right: 260px; background: url(https://s1.tdp.ru/desktop/img/templates/sticker_time.svg) no-repeat; cursor: pointer } .listing__product-item .listing__product-size-tooltip:before { content: ""; width: 16px; height: 16px; position: absolute; top: 17px; left: 12px; background-color: #fff; background: url(https://s1.tdp.ru/desktop/img/icons/exclamation_point.png); background-size: 100% } .listing__product-item .cart-and-compare--wrapper { position: absolute; width: 230px; bottom: 10px; right: 15px } .listing__product-item .btn_cart_already { background-color: #999 } .listing__product-item .url--link { cursor: pointer; color: #666; text-decoration: none; font-size: 13px } .listing__product-item .url--link:hover { text-decoration: underline } .listing__product-item .stepper-arrow { position: static; background: #fff url(/img/jquery.fs.stepper-arrows.png) no-repeat; cursor: pointer; display: block; right: 0; text-indent: -99999px; z-index: 0; } .listing__product-item .stepper-arrow.up { border: 1px solid #ccc; height: 20px; width: 25px; background-position: -28px 0; border-bottom: none; top: 0; position: absolute; left: 40px } .listing__product-item .stepper-arrow.down { border: 1px solid #ccc; height: 20px; width: 100%; background-position: -28px -21px; bottom: 0; position: absolute; left: 40px; width: 25px } .listing__product-item .stepper-arrow.up:hover { background-color: #ccc; background-position: -2px 0 } .listing__product-item .stepper-arrow.down:hover { background-color: #ccc; background-position: -1px -19px } .listing__product-item .product_status_info { padding-bottom: 6px } .listing__product-item .product_status_tooltip_container { position: relative } .cards .listing__product-item { width: 222px; height: 411px; float: left; display: flex; flex-direction: column; padding: 5px; box-sizing: border-box; margin: 5px; margin-top: 0px; } .cards .listing__product-item .code-info { width: 100%; -ms-flex-order: 1; order: 1; -webkit-order: 1; height: 39px } .cards .listing__product--avaibility-title, .cards .listing__product--avaibility-value { display: block } .cards .listing__product-item .listing__product-photo { height: 200px; -ms-flex-order: 2; order: 2; -webkit-order: 2; width: 100% } .cards .listing__product-item .main-info { width: 100%; -ms-flex-order: 3; order: 3; -webkit-order: 3 } .cards .listing__product-item .listing__product-friend-and-options-block, .cards .listing__product-item .listing__product-maybe-need-block { display: none } .cards .listing__product-item .listing__product-cart-block { -ms-flex-order: 4; order: 4; -webkit-order: 4; width: 100% } .cards .listing__product-item .main-info { height: auto } .cards .listing__product-item .listing__product-image { max-height: 170px; max-width: 170px } .cards .listing__product-item .listing__product-title { font-size: 14px; margin-bottom:0px; height: 53px; word-break: break-word; overflow-y:hidden; } .cards .listing__product-item .listing__product-title:hover { text-decoration: underline; } .cards .listing__product-item .cart-and-compare--wrapper { position: static; width: auto } .cards .listing__product-item .listing__product-present { display: none } .cards .listing__product-item .lisiting__product-title-block { width: 100% } .cards .listing__product-item .listing__product-image { vertical-align: top } .cards .listing__product-item .listing__product-price { margin-bottom: 10px } .cards .listing__product-item .listing__breadcrumbs, .cards .listing__product-item .notInStock__item { display: none } .cards .listing__product-item .listing__product-info { margin: 0; margin-top:-3px; } .cards .listing__product-item .listing__product-size-tooltip-wrapper { display: none } .cards .listing__product-item .listing__product-points-price-block { margin-bottom: 5px } @media (min-width: 1000px) and (max-width: 1250px) { .listing__product-item { width: 750px } .listing__product-item .listing__product-photo { width: 180px } .listing__product-item .listing__product-info { width: 550px } .listing__product-item .listing__product-title { font-size: 14px; margin-bottom: 15px } .listing__product-item .listing__product-maybe-need-block { font-size: 12px } .listing__product-item .lisiting__product-title-block { width: 290px } .listing__product-item .listing__product-present { right: -15px } .listing__product-item .listing__product-friend-and-options-block { margin-bottom: 20px } .listing__product-item .listing__product-image { max-width: 165px } } @media (min-width: 0px) and (max-width: 1000px) { .listing__product-item { width: 240px; height: 505px; float: left; display: flex; flex-direction: column; padding: 5px; box-sizing: border-box; margin: 5px } .listing__product-item .code-info { width: 100%; -ms-flex-order: 1; order: 1; -webkit-order: 1; height: 39px } .listing__product--avaibility-title, .listing__product--avaibility-value { display: block } .listing__product-item .listing__product-photo { height: 200px; -ms-flex-order: 2; order: 2; -webkit-order: 2; width: 100% } .listing__product-item .cart-and-compare--wrapper { position: static; width: auto } .listing__product-item .main-info { width: 100%; -ms-flex-order: 3; order: 3; -webkit-order: 3 } .listing__product-item .listing__product-friend-and-options-block, .listing__product-item .listing__product-maybe-need-block { display: none } .listing__product-item .listing__product-cart-block { -ms-flex-order: 4; order: 4; -webkit-order: 4; width: 100% } .listing__product-item .main-info { height: auto } .listing__product-item .listing__product-image { max-height: 190px; max-width: 190px } .listing__product-item .listing__product-title { font-size: 14px; margin-bottom: 11px; height: 60px } .listing__product-item .listing__product-present { display: none } .listing__product-item .lisiting__product-title-block { width: 100% } .listing__product-item .listing__product-image { vertical-align: top } .listing__product-item .listing__product-price { margin-bottom: 10px } .listing__product-item .notInStock__item { display: none } .listing__product-item .listing__product-info { margin: 0 } .listing__product-item .listing__breadcrumbs, .listing__product-item .listing__product-size-tooltip-wrapper { display: none } .listing__product-item .listing__product-points-price-block { margin-bottom: 5px } .listing__product-item .listing__product-code-number .__inline-rating { display: none } } .listing__product-item .modal--area { position: absolute } .listing__product-item .modal--call { width: 100%; height: 100%; display: table } .listing__product-item .modal--full { display: none; position: absolute; z-index: 9 } .listing__product-item .listing__action-info-modal { min-width: 350px; max-width: 360px; padding: 30px; top: 5px; background: #fff; border: 1px solid #ccc; box-shadow: 0 0 5px 0 #b2b2b2; left: 100px!important; top: -85px; z-index: 99 } .listing__product-item .listing__action-info-modal:before { content: ""; margin-bottom: -1px; border-color: #b2b2b2; color: #b2b2b2; border-top: 8px solid transparent!important; border-bottom: 8px solid transparent!important; border-right: 8px solid; display: block; width: 0; height: 0; position: absolute; left: -8px!important; bottom: 15px } .listing__product-item .listing__action-info-modal:after { content: ""; border-color: #fff!important; border-top: 7px solid transparent!important; border-bottom: 7px solid transparent!important; border-right: 7px solid; display: block; width: 0; height: 0; position: absolute; left: -7px!important; bottom: 15px } .listing__product-item .listing__action-info-modal.modal--right:before { right: 41px } .listing__product-item .listing__action-info-modal.modal--right:after { right: 42px } .listing__product-item .m--title { font-size: 15px; line-height: 17px; margin: 0 0 10px; font-weight: 700; text-align: left } .listing__product-item .m--text { font-size: 13px; line-height: 16px; margin: 0 0 5px; text-align: left } .listing__product-item .modal--close { position: absolute; top: 15px; right: 15px; border: 1px solid #ccc; cursor: pointer } .listing__product-item .modal--close svg { display: block; width: 20px; height: 20px; fill: #999; transition: .2s linear; -webkit-transition: .2s linear } .listing__product-item .listing__product-sticker-discount-tooltip .listing__action-info-modal { left: 50px!important; top: -73px } .listing__product-item .listing__product-novice-tooltip .listing__action-info-modal { top: -73px; left: 90px!important } html { font-family: Arial, sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100% } body { margin: 0; padding: 0 } article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block } audio, canvas, progress, video { display: inline-block; vertical-align: baseline } audio:not([controls]) { display: none; height: 0 } [hidden], template { display: none } a { background-color: transparent } a:active, a:hover { outline: 0 } abbr[title] { border-bottom: 1px dotted } b, strong { font-weight: 700 } dfn { font-style: italic } h1 { font-size: 2em; margin: .67em 0 } mark { background: #ff0; color: #000 } small { font-size: 80% } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline } sup { top: -.5em } sub { bottom: -.25em } img { border: 0 } svg:not(:root) { overflow: hidden } figure { margin: 1em 40px } hr { box-sizing: content-box; height: 0 } pre { overflow: auto } code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em } button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0 } button { overflow: visible } button, select { text-transform: none } button, html input[type=button], input[type=reset], input[type=submit] { -webkit-appearance: button; cursor: pointer } button[disabled], html input[disabled] { cursor: default } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0 } input { line-height: normal } input[type=checkbox], input[type=radio] { box-sizing: border-box; padding: 0 } input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { height: auto } input[type=search] { -webkit-appearance: textfield; box-sizing: content-box } input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration { -webkit-appearance: none } fieldset { border: 1px solid silver; margin: 0 2px; padding: .35em .625em .75em } legend { border: 0; padding: 0 } textarea { overflow: auto } optgroup { font-weight: 700 } table { border-collapse: collapse; border-spacing: 0 } td, th { padding: 0 } /*! HTML5 Boilerplate v5.2.0 | MIT License | https://html5boilerplate.com/ */ html { color: #222; font-size: 14px; line-height: 1.4 } ::-moz-selection { background: #b3d4fc; text-shadow: none } ::selection { background: #b3d4fc; text-shadow: none } hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0 } audio, canvas, iframe, img, svg, video { vertical-align: middle } fieldset { border: 0; margin: 0; padding: 0 } textarea { resize: vertical } .browserupgrade { margin: .2em 0; background: #ccc; color: #000; padding: .2em 0 } .hidden { display: none!important } .visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px } .visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto } .invisible { visibility: hidden } .clearfix:after, .clearfix:before { content: " "; display: table } .clearfix:after { clear: both } @media print { *, :after, :before { background: transparent!important; color: #000!important; box-shadow: none!important; text-shadow: none!important } a, a:visited { text-decoration: underline } a[href]:after { content: " (" attr(href) ")" } abbr[title]:after { content: " (" attr(title) ")" } a[href^="#"]:after, a[href^="javascript:"]:after { content: "" } blockquote, pre { border: 1px solid #999; page-break-inside: avoid } thead { display: table-header-group } img, tr { page-break-inside: avoid } img { max-width: 100%!important } h2, h3, p { orphans: 3; widows: 3 } h2, h3 { page-break-after: avoid } } .visible-print { display: none!important } @media print { .visible-print { display: block!important } table.visible-print { display: table!important } tr.visible-print { display: table-row!important } td.visible-print, th.visible-print { display: table-cell!important } } .visible-print-block { display: none!important } @media print { .visible-print-block { display: block!important } } .visible-print-inline { display: none!important } @media print { .visible-print-inline { display: inline!important } } .visible-print-inline-block { display: none!important } @media print { .visible-print-inline-block { display: inline-block!important } } @media print { .hidden-print { display: none!important } } @-ms-viewport { width: device-width } .visible-lg, .visible-lg-block, .visible-lg-inline, .visible-lg-inline-block, .visible-md, .visible-md-block, .visible-md-inline, .visible-md-inline-block, .visible-phone, .visible-phone-block, .visible-phone-inline, .visible-phone-inline-block, .visible-sm, .visible-sm-block, .visible-sm-inline, .visible-sm-inline-block, .visible-xs, .visible-xs-block, .visible-xs-inline, .visible-xs-inline-block { display: none!important } @media (min-width: 0px) and (max-width: 999px) { .visible-sm { display: block!important } table.visible-sm { display: table!important } tr.visible-sm { display: table-row!important } td.visible-sm, th.visible-sm { display: table-cell!important } } @media (min-width: 0px) and (max-width: 999px) { .visible-sm-block { display: block!important } } @media (min-width: 0px) and (max-width: 999px) { .visible-sm-inline { display: inline!important } } @media (min-width: 0px) and (max-width: 999px) { .visible-sm-inline-block { display: inline-block!important } } @media (min-width: 1000px) and (max-width: 1249px) { .visible-md { display: block!important } table.visible-md { display: table!important } tr.visible-md { display: table-row!important } td.visible-md, th.visible-md { display: table-cell!important } } @media (min-width: 1000px) and (max-width: 1249px) { .visible-md-block { display: block!important } } @media (min-width: 1000px) and (max-width: 1249px) { .visible-md-inline { display: inline!important } } @media (min-width: 1000px) and (max-width: 1249px) { .visible-md-inline-block { display: inline-block!important } } @media (min-width: 1250px) { .visible-lg { display: block!important } table.visible-lg { display: table!important } tr.visible-lg { display: table-row!important } td.visible-lg, th.visible-lg { display: table-cell!important } } @media (min-width: 1250px) { .visible-lg-block { display: block!important } } @media (min-width: 1250px) { .visible-lg-inline { display: inline!important } } @media (min-width: 1250px) { .visible-lg-inline-block { display: inline-block!important } } @media (min-width: 0px) and (max-width: 999px) { .hidden-sm { display: none!important } } @media (min-width: 1000px) and (max-width: 1249px) { .hidden-md { display: none!important } } @media (min-width: 1250px) { .hidden-lg { display: none!important } } .owl-carousel .owl-wrapper:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0 } .owl-carousel { display: none; position: relative; width: 100%; -ms-touch-action: pan-y } .owl-carousel .owl-wrapper { display: none; position: relative; -webkit-transform: translateZ(0) } .owl-carousel .owl-wrapper-outer { overflow: hidden; position: relative; width: 100% } .owl-carousel .owl-wrapper-outer.autoHeight { -webkit-transition: height .5s ease-in-out; -moz-transition: height .5s ease-in-out; -ms-transition: height .5s ease-in-out; -o-transition: height .5s ease-in-out; transition: height .5s ease-in-out } .owl-carousel .owl-item { float: left } .owl-controls .owl-buttons div, .owl-controls .owl-page { cursor: pointer } .owl-controls { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0) } .owl-carousel .owl-item, .owl-carousel .owl-wrapper { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden } .owl__preloader { opacity: 1; position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 99 } .owl__preloader p, .owl__preloader p:after { border-radius: 50% } .personal__info { width: 100%; padding: 20px 0 } .personal__info .info__row { padding-bottom: 7% } .personal__info input.info__input { font-size: 20px; line-height: 28px; border-color: #e8e8e8 } .personal__info input:focus.info__input { color: #000; border-color: #9c9c9c } .personal__info input.info__email { color: #fc3 } .personal__heading { padding: 0 0 30px; clear: both } .personal__heading .heading__subtitle { display: inline-block; vertical-align: middle; width: 49.333% } .personal__heading .heading__subtitle p { display: inline } .personal__heading .heading__subtitle p.__large { font-size: 20px; line-height: 26px; font-weight: 700 } .personal__heading .heading__subtitle p.__middle { font-size: 14px; line-height: 20px } .personal__heading .heading__subtitle p.__small { font-size: 12px; line-height: 18px } .personal__heading .heading__subtitle p.__underline { border-bottom: 1px solid #585858; transition: .2s linear; -webkit-transition: .2s linear; cursor: pointer } .personal__heading .heading__subtitle p.__underline:hover { border-color: transparent } .personal__card { display: table; width: 100%; padding: 20px 0 } .personal__card .card__heading .card__title { text-align: left } .personal__card .card__heading .card__status { text-align: right } .personal__card .card__heading .delivery__title { text-align: left } .personal__card .card__detail { display: table; width: 100%; min-height: 300px; border: 1px solid #e8e8e8 } .personal__card .card__detail:empty { display: none } .personal__card .card__detail p { font-family: Open Sans, Arial, sans-serif } .personal__card .card__detail .card_detail__progress, .personal__card .card__detail .card_detail__screencast { position: relative; display: table-cell; vertical-align: top; width: 49.333% } .personal__card .card__detail .card_detail__screencast { min-width: 450px; min-height: 305px; padding: 40px 20px 20px; background: #fc3; overflow: hidden; z-index: 1 } .personal__card .card__detail .card_detail__screencast span.screen_card__preview { position: absolute; top: 15%; left: -5%; color: rgba(255, 153, 0, .25); font-size: 145px; line-height: 200px; font-weight: 700; text-transform: uppercase; -moz-user-select: none; -khtml-user-select: none; user-select: none; cursor: default; z-index: -1 } .personal__card .card__detail .card_detail__screencast .screen_card__status { width: 100% } .personal__card .card__detail .card_detail__screencast .screen_card__status .scs__icon, .personal__card .card__detail .card_detail__screencast .screen_card__status .scs__title { display: inline-block; width: 49.333% } .personal__card .card__detail .card_detail__screencast .screen_card__status .scs__title { text-align: left } .personal__card .card__detail .card_detail__screencast .screen_card__status .scs__title p.__type { font-size: 20px; line-height: 20px; font-weight: 700 } .personal__card .card__detail .card_detail__screencast .screen_card__status .scs__title p.__profession { font-size: 14px; line-height: 20px } .personal__card .card__detail .card_detail__screencast .screen_card__status .scs__icon { text-align: right } .personal__card .card__detail .card_detail__screencast .screen_card__status .scs__icon span.__prof__icon { display: inline-block; width: 150px; height: 30px; background: url("https://s1.tdp.ru/desktop/img/personalCabinet/personal/prof__i.png") no-repeat } .personal__card .card__detail .card_detail__screencast .screen_card__status .scs__balls { padding-top: 25px } .personal__card .card__detail .card_detail__screencast .screen_card__status .scs__balls p { color: #fff; font-size: 70px; line-height: 70px; font-weight: 700; text-transform: uppercase } .personal__card .card__detail .card_detail__screencast .screen_card__status .scs__roubles { padding-top: 10px } .personal__card .card__detail .card_detail__screencast .screen_card__status .scs__roubles p { font-size: 20px; line-height: 22px; font-weight: 700; text-transform: uppercase } .personal__card .card__detail .card_detail__screencast .screen_card__status .scs__calculation, .personal__card .card__detail .card_detail__screencast .screen_card__status .scs__number { display: inline-block; vertical-align: bottom; padding: 25px 0 0 } .personal__card .card__detail .card_detail__screencast .screen_card__status .scs__calculation { margin-right: 25px } .personal__card .card__detail .card_detail__screencast .screen_card__status .scs__calculation p { font-size: 14px; line-height: 20px } .personal__card .card__detail .card_detail__screencast .screen_card__status .scs__calculation p.__bolder { font-weight: 700 } .personal__card .card__detail .card_detail__screencast .screen_card__status .scs__number p { color: #fff; font-size: 20px; line-height: 20px; font-weight: 700 } .personal__card .card__detail .card_detail__progress { padding: 40px 20px 20px } .personal__card .card__detail .card_detail__progress .progress__update { width: 100% } .personal__card .card__detail .card_detail__progress .progress__update p { font-size: 14px; line-height: 18px; font-weight: 700 } .personal__card .card__detail .card_detail__progress .progress__bar { width: 100%; padding: 0 0 50px } .personal__card .card__detail .card_detail__progress .progress__bar .pb__titles { padding: 20px 0 10px } .personal__card .card__detail .card_detail__progress .progress__bar .pb__titles p { display: inline-block; vertical-align: top; width: 48%; font-size: 20px; line-height: 1; font-weight: 700 } .personal__card .card__detail .card_detail__progress .progress__bar .pb__titles p.pbt__days { text-align: left } .personal__card .card__detail .card_detail__progress .progress__bar .pb__titles p.pbt__roubles { text-align: right } .personal__card .card__detail .card_detail__progress .progress__bar .pb__field { position: relative; width: 100%; height: 5px; background: #eaeaea; overflow: hidden } .personal__card .card__detail .card_detail__progress .progress__bar .pb__field span.__status { position: absolute; top: 0; left: 0; height: 100%; max-width: 100%; background: #fc3; z-index: 1 } .personal__card .card__detail .card_detail__progress .progress__bar .pb__field span.__divider { position: absolute; top: 0; width: 4px; height: 100%; background: #fff; z-index: 2 } .personal__card .card__detail .card_detail__progress .progress__bar .pb__field span.__divider.position--1 { left: 10% } .personal__card .card__detail .card_detail__progress .progress__bar .pb__field span.__divider.position--2 { left: 30% } .personal__card .card__detail .card_detail__progress .progress__bar .pb__values { display: table; width: 100% } .personal__card .card__detail .card_detail__progress .progress__bar .pb__values div { display: table-cell; padding: 5px 0 } .personal__card .card__detail .card_detail__progress .progress__bar .pb__values div p { font-size: 12px; line-height: 1; font-weight: 700; text-align: right } .personal__card .card__detail .card_detail__progress .progress__bar .pb__values .__current { max-width: 70%; padding-right: 5% } .personal__card .card__detail .card_detail__progress .progress__bar .pb__values .__current p { color: #fc3 } .personal__card .card__detail .card_detail__progress .progress__bar .pb__values .__total { width: 30%; min-width: 60px } .personal__card .card__detail .card_detail__progress .progress__bar .pb__values .__total p { color: #ddd } .personal__card .card__detail .card_detail__progress .progress__information { width: 100% } .personal__card .card__detail .card_detail__progress .progress__information .pi__type { display: inline-block; width: 100%; clear: both } .personal__card .card__detail .card_detail__progress .progress__information .pi__type p { font-size: 20px; line-height: 22px; font-weight: 700 } .personal__card .card__detail .card_detail__progress .progress__information .pi__calculation { display: inline-block; vertical-align: bottom; width: 44%; padding: 25px 0 0; margin-right: 10px } .personal__card .card__detail .card_detail__progress .progress__information .pi__calculation p { font-size: 14px; line-height: 20px } .personal__card .card__detail .card_detail__progress .progress__information .pi__calculation p.__bolder { font-weight: 700 } .personal__card .card__postscript { width: 100%; padding: 15px 0 } .personal__card .card__postscript p { color: #a3a3a3; font-size: 12px; line-height: 1 } .addition__card, .personal__company, .personal__contacts, .personal__deliveries, .personal__expert { width: 100%; padding: 30px 0 } .personal__editing .__content p { padding: 5% 8% } .personal__editing input.editable__input { border-color: #fff } .personal__editing input.editable__input:disabled { color: #000; opacity: 1; cursor: text } .personal__editing input.editable__input:focus { margin-left: -5px; padding-left: 6px; border-color: #cccccd } .personal__editing input.editable__input.__bold { font-weight: 700 } .personal__editing .editable__navigation { display: inline-block; vertical-align: middle; margin: 0 0 0 15px; padding: 5%; background: url("https://s1.tdp.ru/desktop/img/personalCabinet/icons/pc__sprite.png") no-repeat; cursor: pointer } .personal__editing .editable__navigation.change { width: 15px; height: 15px; background-position: -280px 0; opacity: .5 } .personal__editing .editable__navigation.change:hover { opacity: 1 } .personal__editing .editable__navigation.delete { position: relative; top: 3px; right: 5px; width: 15px; height: 15px; background-position: -160px 0; opacity: .5 } .personal__editing .editable__navigation.delete:hover { opacity: 1 } .personal__editing .editable__save { display: inline-block; vertical-align: middle; min-width: 110px; padding: 4% 12%; border: 1px solid #000; transition: color .2s linear, background-color .2s linear, border-color .2s linear; -webkit-transition: color .2s linear, background-color .2s linear, border-color .2s linear; -moz-transition: color .2s linear, background-color .2s linear, border-color .2s linear; -o-transition: color .2s linear, background-color .2s linear, border-color .2s linear; cursor: pointer } .personal__editing .editable__save:hover { border-color: #fc3 } @media (max-width: 1249px) and (min-width: 1000px) { .personal__card .card__detail .card_detail__screencast { min-width: 430px } .personal__card .card__detail .card_detail__progress .progress__information .pi__calculation { width: 49%; margin-right: 0 } } @media (min-width: 1250px) { .personal__card .card__detail .card_detail__screencast { min-width: 490px; padding: 40px 50px 20px } .personal__card .card__detail .card_detail__progress { padding: 40px 50px 20px } .personal__card .card__detail .card_detail__progress .progress__bar { padding: 0 0 5px } .personal__card .card__detail .card_detail__progress .progress__bar .pb__titles { padding: 20px 0 } .personal__card .card__detail .card_detail__progress .progress__bar .pb__titles p { font-size: 30px } .personal__card .card__detail .card_detail__progress .progress__bar .pb__field { height: 7px } .personal__card .card__detail .card_detail__progress .progress__bar .pb__values div { padding: 15px 0 } .personal__card .card__detail .card_detail__progress .progress__bar .pb__values div p { font-size: 14px } .personal__card .card__detail .card_detail__progress .progress__information .pi__calculation { width: 40%; margin-right: 25px } } .old__cabinet { width: 80%; margin: 30px 0 0; padding: 20px 10px; border-top: 1px solid #ddd } .old__cabinet a { display: block; width: 80%; font-size: 14px; line-height: 20px; text-decoration: none; color: #666 } .old__cabinet a:hover { text-decoration: underline } .new__cabinet { width: 80%; margin: 50px 0 0; padding: 20px 10px; border-top: 1px solid #ddd } .new__cabinet p { display: block; width: 90%; color: #666 } .new__cabinet a, .new__cabinet p { font-size: 14px; line-height: 20px; text-decoration: none } .new__cabinet a { display: inline-block; padding: 10px 30px; margin: 5px 0; text-transform: uppercase; color: #fff; background: #f90; border: none; outline: none; cursor: pointer; transition: .2s linear; -webkit-transition: .2s linear } .new__cabinet a:hover { background: #999 } .order__search { display: table; width: 100%; padding: 20px 0 } .order__search .form__search { width: 100% } .order__search .form__search input { outline: none } .order__search .form__line { display: table; width: 100%; padding: 0 0 50px } .order__search .row__search { position: relative; display: table-cell; vertical-align: top; padding-right: 10px } .order__search .row__search:last-child { padding-right: 0 } .order__search .row__search.search__enter { width: auto } .order__search .row__search.search__filter { width: 220px } .order__search .row__search .field__search { position: relative; min-height: 40px; max-height: 40px; border: 1px solid #cccccd } .order__search .row__search .field__search.__date_picker, .order__search .row__search .field__search.__date_picker input { cursor: pointer } .order__search .row__search .field__search.__date_picker span.__date_picker__helper { display: block; position: absolute; top: 11px; right: 5px; width: 15px; height: 15px; background: url("https://s1.tdp.ru/desktop/img/personalCabinet/icons/pc__sprite.png") -120px 0 no-repeat; z-index: -1 } .order__search .row__search .field__search.__tags { padding-right: 25px; cursor: pointer } .order__search .row__search .field__search.__tags:after { content: ""; display: block; position: absolute; width: 10px; height: 10px; top: 11px; right: 10px; background: url("https://s1.tdp.ru/desktop/img/personalCabinet/icons/pc__sprite.png") -560px 0 no-repeat; transform: rotate(-180deg); -webkit-transform: rotate(-180deg) } .order__search .row__search .field__search.__tags.__open:after { top: 15px; transform: rotate(0deg); -webkit-transform: rotate(0deg) } .order__search .row__search .field__search input { font-family: Arial, sans-serif } .order__search .row__search .field__search .__order__search_enter { width: 100%; height: 100%; padding: 10px; border: none; background: none; font-size: 14px; line-height: 20px; cursor: pointer } .order__search .row__search .field__search .__order__search_enter::placeholder { color: #b2b2b2 } .order__search .row__search .field__search .__input_helper { display: block; padding: 15px 0; font-size: 12px; line-height: 20px; color: #b7b7b7 } .order__search .row__search .suggest__search { width: calc(100% - 10px); top: calc(100% - 1px); padding: 25px 0; border: 1px solid #cccccd; -webkit-box-shadow: 0 10px 15px -5px #cccccd; -moz-box-shadow: 0 10px 15px -5px #cccccd; box-shadow: 0 10px 15px -5px #cccccd } .order__search .row__search .suggest__search .suggest__result.__helper { padding: 0 40px; text-transform: uppercase } .order__search .row__search .suggest__search .suggest__result.__data { padding: 10px 40px } .order__search .row__search .dd__search { display: none; width: 100%; top: calc(100% - 1px); max-height: 500px; overflow: scroll; padding: 0; border: 1px solid #cccccd; -webkit-box-shadow: 0 10px 15px -5px #cccccd; -moz-box-shadow: 0 10px 15px -5px #cccccd; box-shadow: 0 10px 15px -5px #cccccd } .order__search .row__search .dd__search .dd__result.__helper { padding: 0 10px; text-transform: uppercase } .order__search .row__search .dd__search .dd__result.__data { padding: 5px 10px } .order__search .row__search_params { display: table-cell; vertical-align: top } .order__search .row__search_params.row__wide { width: auto } .order__search .row__search_params.row__narrow { width: 160px } .order__search .row__search_params .__search__checkbox { float: left; padding: 0 25px 15px 0; cursor: pointer } .order__search .row__search_params .__search__checkbox span { display: inline-block; vertical-align: middle } .order__search .row__search_params .__search__checkbox span._in__checked { width: 20px; height: 20px; background: url("https://s1.tdp.ru/desktop/img/personalCabinet/icons/pc__sprite.png") 0 -80px no-repeat } .order__search .row__search_params .__search__checkbox input { display: none } .order__search .row__search_params .__search__checkbox input:checked+span._in__checked { background-position: 0 -60px } .order__search .row__search_params .__search__checkbox span._in__value { padding: 0 5px; font-size: 14px; line-height: 20px } .order__search .row__search_params .__search__sorting { position: relative; float: right; cursor: pointer } .order__search .row__search_params .__search__sorting:before { content: ""; position: absolute; top: 5px; left: -25px; width: 20px; height: 15px } .order__search .row__search_params .__search__sorting.__project--sorting:before { background: url("https://s1.tdp.ru/desktop/img/personalCabinet/icons/pc__sprite.png") -80px -60px no-repeat } .order__search .row__search_params .__search__sorting.__orders--sorting:before { background: url("https://s1.tdp.ru/desktop/img/personalCabinet/icons/pc__sprite.png") -320px 0 no-repeat } .order__search .row__search_params .__search__sorting span { font-size: 14px; line-height: 20px } .order__previously { display: table; width: 100%; padding: 0 0 25px } .order__previously div.order__folder { display: inline-block; line-height: 40px; cursor: pointer } .order__previously div.order__folder span { color: #aaa; font-size: 12px; line-height: 16px } .order__previously div.order__folder:hover span { text-decoration: underline } .order__previously div.order__folder:before { content: ""; display: inline-block; vertical-align: middle; width: 20px; height: 15px; background: url("https://s1.tdp.ru/desktop/img/personalCabinet/icons/pc__sprite.png") -40px -60px no-repeat } .order__operation button { display: inline-block; width: 180px; height: 40px; background: #fff; border: 1px solid #ddd; transition: .2s linear; -webkit-transition: .2s linear; outline: none; cursor: pointer } .order__operation button:hover { background: #ddd } .order__operation button p { display: inline-block; vertical-align: middle; font-size: 14px; line-height: 16px } .order__operation button:before { content: ""; display: inline-block; vertical-align: middle; padding: 0 5px 0 0 } .order__operation button.order__cancel:before { width: 10px; height: 10px; background: url("https://s1.tdp.ru/desktop/img/personalCabinet/icons/pc__sprite.png") -160px 0 no-repeat } .order__operation button.order__edit:before { width: 15px; height: 15px; background: url("https://s1.tdp.ru/desktop/img/personalCabinet/icons/pc__sprite.png") -280px 0 no-repeat } .order__operation.__disabled button { opacity: .3; cursor: default } .order__operation.__disabled button:hover { background: #fff } .__changeable--call { padding: 15px; font-size: 12px; line-height: 14px; display: inline-block } .order__operation.__disabled .__changeable--call { opacity: .3 } .order__information { padding: 30px; margin: 0 0 10px; border: 1px solid #f3f3f3; box-shadow: 0 2px 6px 1px #f0f0f0; -webkit-box-shadow: 0 1px 10px 0 #f0f0f0 } .order__information .row { display: inline-block; vertical-align: top } .order__information .row.r__wide { width: 69% } .order__information .row.r__narrow { width: 30% } .order__information .order__info__line { width: 100%; clear: both } .order__information .order__info__line.__heading { padding-bottom: 20px } .order__information .order__info__line.__docs { display: table } .order__information .order__info__line.__border__divider { border-bottom: 1px dashed #d9d9d9; padding: 0 0 5px; margin: 0 0 15px } .order__information .order__info__line p { display: inline-block; vertical-align: top; width: 49.333333% } .order__information .order__info__line p.__info__title { font-size: 20px; line-height: 28px; font-weight: 700 } .order__information .order__info__line p.__info__status { display: inline-block; vertical-align: middle; font-size: 14px; line-height: 28px; font-weight: 700 } .order__information .order__info__line p.__info__status:before { display: inline-block; vertical-align: middle; width: 15px; height: 16px; margin: 0 10px 0 0 } .order__information .order__info__line p.__info__status.__W:before { content: ""; background: url("https://s1.tdp.ru/desktop/img/personalCabinet/icons/pc__sprite.png") -600px 0 no-repeat } .order__information .order__info__line p.__info__status.__F:before, .order__information .order__info__line p.__info__status.__V:before { content: ""; background: url("https://s1.tdp.ru/desktop/img/personalCabinet/icons/pc__sprite.png") -640px 0 no-repeat } .order__information .order__info__line p.__info__status.__K:before { display: none } .order__information .order__info__line p.__info__text { padding: 0 0 10px; font-size: 14px; line-height: 20px } .order__information .order__info__line p.__info__text span { display: block; padding: 0 0 5px } .order__information .order__info__line p.__info__text a { color: #000; text-decoration: underline } .order__information .order__info__line p.__info__text a:hover { text-decoration: none } .order__information .order__info__line a.__docs__link { display: inline-block; vertical-align: top; width: 33%; padding: 0 0 10px; font-size: 14px; line-height: 20px; color: #000; text-decoration: none } .order__information .order__info__line a.__docs__link:hover { text-decoration: underline } .order__information .order__info__line a.__docs__link:before { content: ""; display: inline-block; vertical-align: middle; width: 15px; height: 20px; padding: 0 10px 0 0; background: url("https://s1.tdp.ru/desktop/img/personalCabinet/icons/pc__sprite.png") -240px 0 no-repeat } .order__information .order__pay p { text-align: right } .order__information .order__pay p.__pay__title { padding-bottom: 20px; font-size: 20px; line-height: 28px; font-weight: 700 } .order__information .order__pay p.__pay__amount { padding-bottom: 5px; font-size: 14px; line-height: 20px } .order__information .order__pay p.__pay__sum { padding-bottom: 25px; font-size: 30px; line-height: 36px; font-weight: 700 } .order__information .order__pay p.__pay__sum svg { margin: 0 0 0 2px } .order__information .order__pay button.__pay__to_pay { padding: 10px 50px; float: right; font-size: 14px; line-height: 20px; text-transform: uppercase; color: #fff; background: #fc3; border: none; outline: none; cursor: pointer; transition: .2s linear; -webkit-transition: .2s linear } .order__information .order__pay div.__pay__electronic__check { float: right; margin: 5px 0; padding: 8px 15px; border: 1px solid #dedede; transition: .2s linear; -webkit-transition: .2s linear } .order__information .order__pay div.__pay__electronic__check:hover { background: #dedede } .order__information .order__pay div.__pay__electronic__check a { display: block; width: 100%; height: 100%; outline: none; text-decoration: none } .order__information .order__pay div.__pay__electronic__check a.__check--link:before { content: ""; display: inline-block; vertical-align: middle; width: 15px; height: 15px; background: url("https://s1.tdp.ru/desktop/img/personalCabinet/icons/pc__sprite.png") -40px -20px no-repeat } .order__information .order__pay div.__pay__electronic__check a.__check--link span { display: inline-block; vertical-align: middle; text-decoration: none; padding: 5px 10px; line-height: 1 } .order__information .order__pay button.__pay__to_pay.__pay--disabled { cursor: default; background: #ccc } .order__information .order__pay button.__pay__to_pay.__pay--disabled:hover { background: #ccc } .order__information .order__pay button.__pay__to_pay:hover { background: #333 } .order__information .order__pay p.__pay__to_pay--text { display: inline-block; width: 100%; padding: 0 0 0 10px; margin: 10px 0; font-size: 12px; line-height: 16px; color: #800 } .order__information p.__pay__ps--response span { color: #800 } .order__self_delivery { display: table; width: 100%; padding: 20px 0 40px; text-align: center } .order__self_delivery span.self__delivery--img { display: inline-block; width: 100%; height: 130px; margin: 5px auto 20px; background: url("https://s1.tdp.ru/desktop/img/personalCabinet/sources/self_delivery__img.svg") 50% no-repeat } .order__self_delivery p { display: inline-block; width: 80%; font-size: 16px; line-height: 22px; color: #4c4c4c } .order__lists { width: 100% } .lists__goods { display: table; width: 100%; padding: 20px 0 20px 20px } .order__lists .lists__goods { border-top: 1px solid #e8e8e8 } .order__lists .lists__goods:last-child { border-bottom: 1px solid #e8e8e8 } .lists__goods .row__lists { display: table-cell; vertical-align: top; height: 50px } .lists__goods .row__lists.lists__title { width: 33%; min-width: 290px } .lists__goods .row__lists.lists__title div.__order__title { padding-bottom: 10px } .lists__goods .row__lists.lists__title div.__order__title span { font-size: 14px; line-height: 16px; font-weight: 700; cursor: pointer } .lists__goods .row__lists.lists__title div.__order__folder { position: relative; cursor: pointer } .lists__goods .row__lists.lists__title div.__order__folder:before { content: ""; display: inline-block; vertical-align: middle; width: 20px; height: 14px; background: url("https://s1.tdp.ru/desktop/img/personalCabinet/icons/pc__sprite.png") -40px -60px no-repeat } .lists__goods .row__lists.lists__title div.__order__folder.__add_folder:before { background: url("https://s1.tdp.ru/desktop/img/personalCabinet/icons/pc__sprite.png") -120px -60px no-repeat } .lists__goods .row__lists.lists__title div.__order__folder span { color: #aaa; font-size: 12px; line-height: 16px } .lists__goods .row__lists.lists__title div.__order__folder:hover span { color: #ffd34e } .lists__goods .row__lists.lists__title div.__order__folder:hover:before { background-position: -40px -75px } .lists__goods .row__lists.lists__title div.__order__folder.__add_folder:hover:before { background-position: -120px -75px } .lists__goods .row__lists.lists__info { position: relative; width: 50%; padding-left: 40px } .lists__goods .row__lists.lists__info div.__order__pay { padding-bottom: 10px } .lists__goods .row__lists.lists__info div.__order__pay span { font-size: 14px; line-height: 16px } .lists__goods .row__lists.lists__info div.__order__delivery { word-break: break-word; padding-right: 20px } .lists__goods .row__lists.lists__info div.__order__delivery span { font-size: 12px; line-height: 16px } .lists__goods .row__lists.lists__info div.__order_type { position: absolute; width: 16px; height: 20px; top: 2px; left: 5px; cursor: pointer; z-index: 9 } .lists__goods .row__lists.lists__info div.__order_type.blocked { background: url("https://s1.tdp.ru/desktop/img/personalCabinet/icons/pc__sprite.png") -400px 0 no-repeat } .lists__goods .row__lists.lists__info div.__order_type.web_desktop { background: url("https://s1.tdp.ru/desktop/img/personalCabinet/icons/pc__sprite.png") -440px 0 no-repeat } .lists__goods .row__lists.lists__info div.__order_type.app_other, .lists__goods .row__lists.lists__info div.__order_type.web_mobile { background: url("https://s1.tdp.ru/desktop/img/personalCabinet/icons/pc__sprite.png") -480px 0 no-repeat } .lists__goods .row__lists.lists__info div.__order_type span { display: block; position: absolute; width: 150px; left: -65px; bottom: 25px; font-size: 12px; line-height: 28px; text-align: center; background: #fff; border: 1px solid #dadada; opacity: 0; z-index: -9; cursor: text; transition: .2s linear } .lists__goods .row__lists.lists__info div.__order_type:hover span { opacity: 1; z-index: 9 } .lists__goods .row__lists.lists__info div.__order_type.blocked:hover span { opacity: 0; z-index: -9 } .lists__goods .row__lists.lists__status { width: 10% } .lists__goods .row__lists.lists__status .__order__status { text-align: right } .lists__goods .row__lists.lists__status .__order__status span { font-size: 12px; line-height: 16px; color: #000 } .lists__goods .row__lists.lists__status .__order__status .__W { display: inline-block; width: 15px; height: 15px; background: url("https://s1.tdp.ru/desktop/img/personalCabinet/icons/pc__sprite.png") -520px 0 no-repeat } .lists__goods .row__lists.lists__edit { width: 10% } .lists__goods .row__lists.lists__edit .__project__edit { position: relative } .lists__goods .row__lists.lists__edit .__project__edit .menu__icon { display: block; position: absolute; top: 0; right: -5px; width: 40px; height: 20px; padding: 10px 0; background: url("https://s1.tdp.ru/desktop/img/personalCabinet/icons/pc__sprite.png") 0 0 no-repeat; cursor: pointer } .lists__goods .row__lists.lists__edit .__project__edit .menu__change { position: absolute; top: 20px; right: 0; min-width: 220px; background: #fff; -webkit-box-shadow: 0 10px 15px -5px #cccccd; -moz-box-shadow: 0 10px 15px -5px #cccccd; box-shadow: 0 10px 15px -5px #cccccd; z-index: 98 } .lists__goods .row__lists.lists__edit .__project__edit .menu__change p { position: relative; font-size: 14px; line-height: 16px; padding: 15px 50px; transition: .2s linear; -webkit-transition: .2s linear; cursor: pointer } .lists__goods .row__lists.lists__edit .__project__edit .menu__change p:before { content: ""; display: block; position: absolute; left: 25px; top: 18px } .lists__goods .row__lists.lists__edit .__project__edit .menu__change p.project__move:before { width: 20px; height: 10px; background: url("https://s1.tdp.ru/desktop/img/personalCabinet/icons/pc__sprite.png") -360px 0 no-repeat } .lists__goods .row__lists.lists__edit .__project__edit .menu__change p.project__delete:before { width: 10px; height: 10px; background: url("https://s1.tdp.ru/desktop/img/personalCabinet/icons/pc__sprite.png") -160px 0 no-repeat } .lists__goods .row__lists.lists__edit .__project__edit .menu__change p:hover { background: #f2f2f2 } .lists__goods .row__lists.lists__edit .__project__edit .menu__change { display: none; animation: blowUp .5s cubic-bezier(.165, .85, .45, 1) forwards } .lists__goods .row__lists.lists__edit .__project__edit:hover .menu__change { display: block; animation: blowDown .5s cubic-bezier(.165, .85, .45, 1) forwards } .order__projects { width: 100% } .project__folder { padding: 5px 0 20px } .project__folder .folder__name { display: inline-block; padding: 5px 0; cursor: pointer } .project__folder .folder__name:before { content: ""; display: inline-block; vertical-align: middle; width: 20px; height: 15px; background: url("https://s1.tdp.ru/desktop/img/personalCabinet/icons/pc__sprite.png") -80px -60px no-repeat } .project__folder .folder__name:after { content: ""; position: relative; display: inline-block; width: 10px; height: 10px; top: 2px; left: 10px; background: url("https://s1.tdp.ru/desktop/img/personalCabinet/icons/pc__sprite.png") -80px 0 no-repeat } .project__folder .folder__name.__close:after { top: 3px; transform: rotate(90deg) } .project__folder .folder__name.__open:after { bottom: 2px; transform: rotate(-90deg) } .project__folder .folder__name span { font-size: 12px; line-height: 16px; font-weight: 700 } .project__folder .folder__name:hover span { color: #ffd34e } .project__folder .folder__name:hover:before { background-position: -80px -75px } .project__folder .folder__detail .lists__goods { border-bottom: 1px solid #e8e8e8 } .project__folder .folder__name~.folder__detail { display: none } .project__folder .folder__name.__open~.folder__detail { display: block } .order__goods { margin: 30px 0; border: 1px solid #e6e6e6 } .order__goods .order_product { display: table; width: 100%; min-height: 95px; border-bottom: 1px dashed #d9d9d9 } .order__goods .order_product.__services { min-height: 40px } .order__goods .order_product:last-child { border-bottom: none } .row__product { display: inline-block; vertical-align: middle } .row__product.product__photo { width: 10%; text-align: center } .row__product.product__photo a { display: block; width: 100%; height: 100% } .row__product.product__photo img { max-width: 85%; max-height: 100px } .row__product.product__info { width: 82% } .row__product.product__info .row__info { position: relative; padding: 5px 0; width: 100% } .row__product.product__info .row__info .cell__info { display: inline-block; vertical-align: top } .row__product.product__info .row__info .cell__info._cell__wide { width: 66% } .row__product.product__info .row__info .cell__info._cell__narrow { width: 16%; padding: 0 1% } .row__product.product__info .row__info p { font-family: Arial, sans-serif } .row__product.product__info .row__info p.__product__title { padding: 5px 0 0; font-size: 14px; line-height: 20px } .row__product.product__info .row__info a.__product__title { padding: 5px 0 0; font-size: 14px; line-height: 20px; color: #000; text-decoration: none; cursor: pointer } .row__product.product__info .row__info a.__product__title:hover { text-decoration: underline } .row__product.product__info .row__info p.__product__code { padding: 10px 0 0; font-size: 12px; line-height: 26px; color: #aaa } .row__product.product__info .row__info p.__product__count { padding: 5px 0 0; font-size: 16px; line-height: 20px; text-align: center } .row__product.product__info .row__info p.__product__price { padding: 5px 0 0; font-size: 16px; line-height: 20px; text-align: right; color: #a3a3a3 } .row__product.product__info .row__info p.__product__price span { display: block } .row__product.product__info .row__info p.__product__price span.price__unit { font-size: 12px; line-height: 16px } .row__product.product__info .row__info p.__product__weight { padding: 5px 0 0; font-size: 16px; line-height: 20px; text-align: center } .row__product.product__info .row__info p.__product__total { padding: 10px 0 0; font-size: 16px; line-height: 20px; text-align: right; font-weight: 700 } .row__product.product__info .row__info p.__product__total.__small--padding { padding: 5px 0 0 } .row__product.product__delete { width: 5% } .order__goods .order_titles { display: table; width: 100%; padding: 5px; border-bottom: 1px dashed #d9d9d9 } .order__goods .order_titles p { font-size: 12px; line-height: 14px; color: #969696 } .row__product.__title__info { width: 66%; text-align: left } .row__product.__title__count { width: 10%; text-align: center } .row__product.__title__price { width: 15%; text-align: right } .order__events { width: 100% } .order__events.__row__center { text-align: center } .row__events { margin: auto } .row__events.__narrow_row { display: table; width: 400px } .row__events.__narrow_row.__narrow_row { width: auto; max-width: 400px } .row__events.__copy { padding: 15px 0 } .row__events.__copy button, .row__events.__copy input { float: left } .row__events.__copy .row__input { width: 265px; height: 40px; padding: 0 15px; font-size: 14px; line-height: 20px; border: 1px solid silver; background: #fff; outline: none } .row__events.__copy .copy__link { position: relative; height: 40px; padding: 0 10px; margin: 0 0 0 15px; color: #fff; background: #fec93e; text-transform: uppercase; border: none; outline: none; cursor: pointer; transition: .2s linear; -webkit-transition: .2s linear } .row__events.__copy .copy__link:hover { background: silver } .row__events.__title { padding: 10px 0 } .row__events.__title p { font-size: 20px; line-height: 28px; font-weight: 700 } .row__events.__enter { padding: 15px 0 } .row__events.__enter button, .row__events.__enter input { float: left } .row__events.__enter .enter__project { position: relative } .row__events.__enter .enter__project .input__project { width: 360px; height: 40px; padding: 0 15px; font-size: 14px; line-height: 20px; border: 1px solid #cccccd; background: #fff; outline: none } .row__events.__enter .enter__project .add__project { position: relative; width: 40px; height: 40px; border: none; outline: none; cursor: pointer } .row__events.__enter .add__project:before { content: ""; position: absolute; display: block; top: 15px; left: 13px; width: 15px; height: 15px; background: url("https://s1.tdp.ru/desktop/img/personalCabinet/icons/pc__sprite.png") -40px 0 no-repeat } .row__events.__enter .enter__project.__written .input__project:focus~.__clear { opacity: 1 } .row__events.__enter .enter__project.__written .input__project { border: 1px solid #fec93e; caret-color: #fec93e } .row__events.__enter .enter__project.__written .add__project { background: #fec93e } .row__events.__enter .enter__project.__written .__clear { opacity: 0; position: absolute; display: block; padding: 10px; right: 45px; top: 5px; cursor: pointer; transition: .2s linear; -webkit-transition: .2s linear } .row__events.__enter .enter__project.__written .__clear:before { content: ""; display: block; width: 10px; height: 10px; opacity: .5; background: url("https://s1.tdp.ru/desktop/img/personalCabinet/icons/pc__sprite.png") -160px 0 no-repeat } .row__events.__folders { padding: 10px 0 } .row__events.__folders .folder__line { width: 100%; padding: 10px 0; display: inline-block; cursor: pointer } .row__events.__folders .folder__line.selected, .row__events.__folders .folder__line:hover { background: #f2f2f2 } .row__events.__folders .folder__line .folder__name { width: 400px; margin: auto } .row__events.__folders .folder__line .folder__name:before { content: ""; display: inline-block; vertical-align: middle; width: 20px; height: 15px; background: url("https://s1.tdp.ru/desktop/img/personalCabinet/icons/pc__sprite.png") -80px -60px no-repeat } .row__events.__folders .folder__line .folder__name span { font-size: 12px; line-height: 16px; font-weight: 700 } .row__events.__apply { padding: 20px 0; text-align: center } .row__events.__apply .apply__to_move { padding: 10px 50px; font-size: 16px; line-height: 22px; text-transform: uppercase; color: #fff; background: silver; border: none; outline: none; cursor: pointer; transition: .2s linear; -webkit-transition: .2s linear } .row__events.__apply .apply__to_move:hover { background: #fc3 } .row__events.__description { padding: 10px 0; width: 400px } .row__events.__description p { max-width: 380px } .row__events.__choose { padding: 20px 0; text-align: left } .row__events.__choose .choose__button { padding: 10px 50px; margin: 0 20px 0 0; font-size: 16px; line-height: 22px; text-transform: uppercase; border: none; outline: none; cursor: pointer; transition: .2s linear; -webkit-transition: .2s linear } .row__events.__choose .choose__button.__orange { color: #fff; background: #fc3 } .row__events.__choose .choose__button.__orange:hover { background: silver } .row__events.__choose .choose__button.__opacity { color: #000; background: transparent } .row__events.__choose .choose__button.__opacity:hover { background: silver } span.rouble__icon { position: relative!important; display: inline-block!important } .rouble__icon:after, .rouble__icon:before { content: ""; position: absolute } .__statistic__sum .rouble__icon { vertical-align: top!important } .__statistic__sum .rouble__icon:before { width: 10px; height: 3px; top: 15px; left: -1px; background: #000 } .__statistic__sum .rouble__icon:after { width: 15px; height: 3px; top: 19px; left: -1px; background: #000 } .__pay__sum .rouble__icon:before { width: 10px; height: 3px; top: 17px; left: -1px; background: #000 } .__pay__sum .rouble__icon:after { width: 15px; height: 3px; top: 21px; left: -1px; background: #000 } .__product__price .rouble__icon:before { width: 10px; height: 2px; top: 8px; left: -1px; background: #a3a3a3 } .__product__price .rouble__icon:after { width: 10px; height: 2px; top: 11px; left: -1px; background: #a3a3a3 } .__product__total .rouble__icon:before { width: 10px; height: 2px; top: 8px; left: -1px; background: #000 } .__product__total .rouble__icon:after { width: 10px; height: 2px; top: 11px; left: -1px; background: #000 } .__order__pay .rouble__icon:before { width: 7px; height: 1px; top: 8px; left: -1px; background: #000 } .__order__pay .rouble__icon:after, .__rouble__price .rouble__icon:before { width: 7px; height: 1px; top: 10px; left: -1px; background: #000 } .__rouble__price .rouble__icon:after { width: 7px; height: 1px; top: 12px; left: -1px; background: #000 } .pagination__orders { display: table; padding: 20px 0; margin: auto } @media (min-width: 0) and (max-width: 999px) { .order__search .row__search.search__filter { width: 200px } .order__search .row__search .field__search .__order__search_enter { font-size: 12px; padding: 12px } .order__search .row__search .field__search .__order__search_enter::placeholder { font-size: 12px } } @media (max-width: 1249px) and (min-width: 1000px) { .order__previously div.order__folder { max-width: 360px } .order__title div.order__statistic { margin: 0 0 0 100px } .order__search .row__search.search__filter { width: 190px } .order__search .row__search .field__search .__order__search_enter { font-size: 12px; padding: 12px } .order__search .row__search .field__search .__order__search_enter::placeholder { font-size: 12px } } @media (min-width: 1250px) { .row__product.product__photo img { padding: 5px 0 } } .page__container { position: relative; width: 100%; height: 100% } .page__container.__pg__order { padding: 20px 0; min-height: 700px } .page__container.__pg__order p { margin: 0 } .page__grid { box-sizing: border-box } .block__layout { position: relative } .menu__grid { position: absolute; width: 260px; top: 0; left: 0; z-index: 9 } .menu__layout { font-family: Arial, sans-serif; padding: 10px } .menu__layout a { display: block; position: relative; padding: 5px 0 } .menu__layout a.menu__link { font-size: 14px; line-height: 20px; text-decoration: none; color: #666 } .menu__layout a.menu__link:hover { color: #000 } .menu__layout a.menu__link.__link__active { font-weight: 700; color: #000 } .menu__layout a.menu__link.__link__active:before { content: ""; display: block; position: absolute; width: 10px; height: 10px; top: 10px; left: -15px; background: url("https://s1.tdp.ru/desktop/img/personalCabinet/icons/pc__sprite.png") -80px 0 no-repeat } .old__cabinet { width: 80%; margin: 30px 0 0; padding: 20px 10px; border-top: 1px solid #ddd } .old__cabinet a { display: block; width: 80%; font-size: 14px; line-height: 20px; text-decoration: none; color: #666 } .old__cabinet a:hover { text-decoration: underline } .new__cabinet { width: 80%; margin: 50px 0 0; padding: 20px 10px; border-top: 1px solid #ddd } .new__cabinet p { display: block; width: 90%; color: #666 } .new__cabinet a, .new__cabinet p { font-size: 14px; line-height: 20px; text-decoration: none } .new__cabinet a { display: inline-block; padding: 10px 30px; margin: 5px 0; text-transform: uppercase; color: #fff; background: #f90; border: none; outline: none; cursor: pointer; transition: .2s linear; -webkit-transition: .2s linear } .new__cabinet a:hover { background: #999 } .content__grid { min-height: 500px; padding-left: 260px } .content__layout { width: 100% } .block__line { position: relative } .block__item { position: absolute } .block__line:empty { display: none } .order__breadcrumbs { display: table; width: 60%; padding: 0 0 20px } .order__breadcrumbs .block__breadcrumb { margin: 0; padding: 0 } .order__breadcrumbs .block__breadcrumb li { float: left; padding: 0 25px 0 0; color: #969696; list-style-type: disc } .order__breadcrumbs .block__breadcrumb li:first-child { list-style: none } .order__breadcrumbs .block__breadcrumb li a { font-size: 12px; line-height: 14px; text-decoration: none; color: #969696 } .order__breadcrumbs .block__breadcrumb li a:hover { text-decoration: underline } .order__detail { padding: 0; margin: 40px 0 } .order__special { top: -40px; right: 0 } .order__special .special__links { display: table; width: 100% } .order__special .special__links .order__event { position: relative; display: inline-block; vertical-align: top; padding: 0 0 0 30px; margin: 0 0 0 20px; cursor: pointer } .order__special .special__links .order__event:before { content: ""; position: absolute; left: 5px; width: 16px; height: 20px } .order__special .special__links .order__event.__print:before { top: 0; background: url("https://s1.tdp.ru/desktop/img/personalCabinet/icons/print__i_v2.svg") no-repeat } .order__special .special__links .order__event.__repeat:before { top: 2px; background: url("https://s1.tdp.ru/desktop/img/personalCabinet/icons/repeat__i_v2.svg") no-repeat } .order__special .special__links .order__event span { font-size: 13px; line-height: 16px; color: #000 } .order__special .special__links .order__event:hover span { text-decoration: underline } .order__title { width: 100%; padding: 0 0 25px } .order__title.__edited div { opacity: 0 } .order__title.__edited div.change__name { opacity: 1 } .order__title span { display: inline-block; vertical-align: middle } .order__title span.order__id { position: relative; font-size: 30px; line-height: 36px; font-weight: 700 } .order__title span.project__edit { margin-left: 10px; background: url("https://s1.tdp.ru/desktop/img/personalCabinet/icons/pc__sprite.png") -280px 0 no-repeat } .order__title span.project__delete, .order__title span.project__edit { display: inline-block; width: 15px; height: 15px; padding: 10px; cursor: pointer } .order__title span.project__delete { position: relative; top: 3px; right: 5px; background: url("https://s1.tdp.ru/desktop/img/personalCabinet/icons/pc__sprite.png") -160px 0 no-repeat } .order__title span.order__update { width: 14px; height: 18px; padding: 5px; margin: 0 0 0 15px; background: url("https://s1.tdp.ru/desktop/img/personalCabinet/icons/pc__sprite.png") 0 -20px no-repeat; cursor: pointer } .order__title span.order__copy { position: absolute; top: 5px; right: 0; font-size: 13px; line-height: 24px; cursor: pointer } .order__title span.order__copy:hover { text-decoration: underline } .order__title span.order__copy:before { content: ""; display: block; position: absolute; width: 20px; height: 10px; top: 8px; left: -25px; background: url("https://s1.tdp.ru/desktop/img/personalCabinet/icons/pc__sprite.png") -200px 0 no-repeat } .order__title div.order__statistic:empty { opacity: 0 } .order__title div.order__statistic { position: relative; display: inline-block; vertical-align: middle; min-width: 180px; min-height: 35px; padding: 0 0 0 40px; margin: 0 0 0 140px } .order__title div.order__statistic.__right { float: right } .order__title div.order__statistic p.__statistic__sum { min-height: 32px; font-size: 30px; line-height: 32px; font-weight: 700 } .order__title div.order__statistic p.__statistic__sum:before { content: ""; display: block; position: absolute; left: 0; width: 35px; height: 35px; background: url("https://s1.tdp.ru/desktop/img/personalCabinet/icons/pc__sprite.png") -160px -60px no-repeat } .order__title div.order__statistic span.__statistic__null { max-width: 300px } .order__title div.order__statistic p.__statistic__info { position: absolute; bottom: -15px; left: 40px; font-size: 12px; line-height: 14px; color: #b7b7b7 } .order__title div.order__upload { position: absolute; top: 5px; right: 0; z-index: 9 } .order__title div.order__upload .__upload__switcher { cursor: pointer } .order__title div.order__upload .__upload__switcher input { display: none } .order__title div.order__upload .__upload__switcher .__sw__text { font-size: 14px; line-height: 30px; color: #000 } .order__title div.order__upload .__upload__switcher .__sw__preview { position: relative; width: 50px; height: 24px; background: #ccc } .order__title div.order__upload .__upload__switcher .__sw__preview:before { content: ""; position: absolute; top: 2px; left: 2px; width: 20px; height: 20px; background: url("https://s1.tdp.ru/desktop/img/personalCabinet/icons/checkbox.png") 0 -40px no-repeat } .order__title div.order__upload .__upload__switcher input:checked~.__sw__preview { background: #fc3 } .order__title div.order__upload .__upload__switcher input:checked~.__sw__preview:before { left: 28px } .change__name { z-index: 9 } .change__name, .change__name .__enter__name { position: absolute; width: 100%; top: 0; left: 0; background: #fff } .change__name .__enter__name { height: 40px; padding: 0 15px; font-size: 14px; line-height: 20px; border: 1px solid #fec93e; outline: none; caret-color: #fec93e } .change__name .__apply__name { position: absolute; top: 0; right: 0; width: 40px; height: 40px; border: none; background: #fec93e; outline: none; cursor: pointer } .__apply__name:before { content: ""; position: absolute; display: block; top: 15px; left: 13px; width: 15px; height: 15px; background: url("https://s1.tdp.ru/desktop/img/personalCabinet/icons/pc__sprite.png") -40px 0 no-repeat } .change__name .__clear { position: absolute; display: block; padding: 10px; right: 45px; top: 5px; cursor: pointer; transition: .2s linear; -webkit-transition: .2s linear } .change__name .__clear:before { content: ""; display: block; width: 10px; height: 10px; opacity: .5; background: url("https://s1.tdp.ru/desktop/img/personalCabinet/icons/pc__sprite.png") -160px 0 no-repeat } .order__search { display: table; width: 100%; padding: 20px 0 } .order__search .form__search { width: 100% } .order__search .form__search input { outline: none } .order__search .form__line { display: table; width: 100%; padding: 0 0 50px } .order__search .row__search { position: relative; display: table-cell; vertical-align: top; padding-right: 10px } .order__search .row__search:last-child { padding-right: 0 } .order__search .row__search.search__enter { width: auto } .order__search .row__search.search__filter { width: 220px } .order__search .row__search .field__search { position: relative; min-height: 40px; max-height: 40px; border: 1px solid #cccccd } .order__search .row__search .field__search.__date_picker, .order__search .row__search .field__search.__date_picker input { cursor: pointer } .order__search .row__search .field__search.__date_picker span.__date_picker__helper { display: block; position: absolute; top: 11px; right: 5px; width: 15px; height: 15px; background: url("https://s1.tdp.ru/desktop/img/personalCabinet/icons/pc__sprite.png") -120px 0 no-repeat; z-index: -1 } .order__search .row__search .field__search.__tags { padding-right: 25px; cursor: pointer } .order__search .row__search .field__search.__tags:after { content: ""; display: block; position: absolute; width: 10px; height: 10px; top: 11px; right: 10px; background: url("https://s1.tdp.ru/desktop/img/personalCabinet/icons/pc__sprite.png") -560px 0 no-repeat; transform: rotate(-180deg); -webkit-transform: rotate(-180deg) } .order__search .row__search .field__search.__tags.__open:after { top: 15px; transform: rotate(0deg); -webkit-transform: rotate(0deg) } .order__search .row__search .field__search input { font-family: Arial, sans-serif } .order__search .row__search .field__search .__order__search_enter { width: 100%; height: 100%; padding: 10px; border: none; background: none; font-size: 14px; line-height: 20px; cursor: pointer } .order__search .row__search .field__search .__order__search_enter::placeholder { color: #b2b2b2 } .order__search .row__search .field__search .__input_helper { display: block; padding: 15px 0; font-size: 12px; line-height: 20px; color: #b7b7b7 } .order__search .row__search .suggest__search { width: calc(100% - 10px); top: calc(100% - 1px); padding: 25px 0; border: 1px solid #cccccd; -webkit-box-shadow: 0 10px 15px -5px #cccccd; -moz-box-shadow: 0 10px 15px -5px #cccccd; box-shadow: 0 10px 15px -5px #cccccd } .order__search .row__search .suggest__search .suggest__result.__helper { padding: 0 40px; text-transform: uppercase } .order__search .row__search .suggest__search .suggest__result.__data { padding: 10px 40px } .order__search .row__search .dd__search { display: none; width: 100%; top: calc(100% - 1px); max-height: 500px; overflow: scroll; padding: 0; border: 1px solid #cccccd; -webkit-box-shadow: 0 10px 15px -5px #cccccd; -moz-box-shadow: 0 10px 15px -5px #cccccd; box-shadow: 0 10px 15px -5px #cccccd } .order__search .row__search .dd__search .dd__result.__helper { padding: 0 10px; text-transform: uppercase } .order__search .row__search .dd__search .dd__result.__data { padding: 5px 10px } .order__search .row__search_params { display: table-cell; vertical-align: top } .order__search .row__search_params.row__wide { width: auto } .order__search .row__search_params.row__narrow { width: 160px } .order__search .row__search_params .__search__checkbox { float: left; padding: 0 25px 15px 0; cursor: pointer } .order__search .row__search_params .__search__checkbox span { display: inline-block; vertical-align: middle } .order__search .row__search_params .__search__checkbox span._in__checked { width: 20px; height: 20px; background: url("https://s1.tdp.ru/desktop/img/personalCabinet/icons/pc__sprite.png") 0 -80px no-repeat } .order__search .row__search_params .__search__checkbox input { display: none } .order__search .row__search_params .__search__checkbox input:checked+span._in__checked { background-position: 0 -60px } .order__search .row__search_params .__search__checkbox span._in__value { padding: 0 5px; font-size: 14px; line-height: 20px } .order__search .row__search_params .__search__sorting { position: relative; float: right; cursor: pointer } .order__search .row__search_params .__search__sorting:before { content: ""; position: absolute; top: 5px; left: -25px; width: 20px; height: 15px } .order__search .row__search_params .__search__sorting.__project--sorting:before { background: url("https://s1.tdp.ru/desktop/img/personalCabinet/icons/pc__sprite.png") -80px -60px no-repeat } .order__search .row__search_params .__search__sorting.__orders--sorting:before { background: url("https://s1.tdp.ru/desktop/img/personalCabinet/icons/pc__sprite.png") -320px 0 no-repeat } .order__search .row__search_params .__search__sorting span { font-size: 14px; line-height: 20px } .order__previously { display: table; width: 100%; padding: 0 0 25px } .order__previously div.order__folder { display: inline-block; line-height: 40px; cursor: pointer } .order__previously div.order__folder span { color: #aaa; font-size: 12px; line-height: 16px } .order__previously div.order__folder:hover span { text-decoration: underline } .order__previously div.order__folder:before { content: ""; display: inline-block; vertical-align: middle; width: 20px; height: 15px; background: url("https://s1.tdp.ru/desktop/img/personalCabinet/icons/pc__sprite.png") -40px -60px no-repeat } .order__operation button { display: inline-block; width: 180px; height: 40px; background: #fff; border: 1px solid #ddd; transition: .2s linear; -webkit-transition: .2s linear; outline: none; cursor: pointer } .order__operation button:hover { background: #ddd } .order__operation button p { display: inline-block; vertical-align: middle; font-size: 14px; line-height: 16px } .order__operation button:before { content: ""; display: inline-block; vertical-align: middle; padding: 0 5px 0 0 } .order__operation button.order__cancel:before { width: 10px; height: 10px; background: url("https://s1.tdp.ru/desktop/img/personalCabinet/icons/pc__sprite.png") -160px 0 no-repeat } .order__operation button.order__edit:before { width: 15px; height: 15px; background: url("https://s1.tdp.ru/desktop/img/personalCabinet/icons/pc__sprite.png") -280px 0 no-repeat } .order__operation.__disabled button { opacity: .3; cursor: default } .order__operation.__disabled button:hover { background: #fff } .__changeable--call { padding: 15px; font-size: 12px; line-height: 14px; display: inline-block } .order__operation.__disabled .__changeable--call { opacity: .3 } .order__information { padding: 30px; margin: 0 0 10px; border: 1px solid #f3f3f3; box-shadow: 0 2px 6px 1px #f0f0f0; -webkit-box-shadow: 0 1px 10px 0 #f0f0f0 } .order__information .row { display: inline-block; vertical-align: top } .order__information .row.r__wide { width: 69% } .order__information .row.r__narrow { width: 30% } .order__information .order__info__line { width: 100%; clear: both } .order__information .order__info__line.__heading { padding-bottom: 20px } .order__information .order__info__line.__docs { display: table } .order__information .order__info__line.__border__divider { border-bottom: 1px dashed #d9d9d9; padding: 0 0 5px; margin: 0 0 15px } .order__information .order__info__line p { display: inline-block; vertical-align: top; width: 49.333333% } .order__information .order__info__line p.__info__title { font-size: 20px; line-height: 28px; font-weight: 700 } .order__information .order__info__line p.__info__status { display: inline-block; vertical-align: middle; font-size: 14px; line-height: 28px; font-weight: 700 } .order__information .order__info__line p.__info__status:before { display: inline-block; vertical-align: middle; width: 15px; height: 16px; margin: 0 10px 0 0 } .order__information .order__info__line p.__info__status.__W:before { content: ""; background: url("https://s1.tdp.ru/desktop/img/personalCabinet/icons/pc__sprite.png") -600px 0 no-repeat } .order__information .order__info__line p.__info__status.__F:before, .order__information .order__info__line p.__info__status.__V:before { content: ""; background: url("https://s1.tdp.ru/desktop/img/personalCabinet/icons/pc__sprite.png") -640px 0 no-repeat } .order__information .order__info__line p.__info__status.__K:before { display: none } .order__information .order__info__line p.__info__text { padding: 0 0 10px; font-size: 14px; line-height: 20px } .order__information .order__info__line p.__info__text span { display: block; padding: 0 0 5px } .order__information .order__info__line p.__info__text a { color: #000; text-decoration: underline } .order__information .order__info__line p.__info__text a:hover { text-decoration: none } .order__information .order__info__line a.__docs__link { display: inline-block; vertical-align: top; width: 33%; padding: 0 0 10px; font-size: 14px; line-height: 20px; color: #000; text-decoration: none } .order__information .order__info__line a.__docs__link:hover { text-decoration: underline } .order__information .order__info__line a.__docs__link:before { content: ""; display: inline-block; vertical-align: middle; width: 15px; height: 20px; padding: 0 10px 0 0; background: url("https://s1.tdp.ru/desktop/img/personalCabinet/icons/pc__sprite.png") -240px 0 no-repeat } .order__information .order__pay p { text-align: right } .order__information .order__pay p.__pay__title { padding-bottom: 20px; font-size: 20px; line-height: 28px; font-weight: 700 } .order__information .order__pay p.__pay__amount { padding-bottom: 5px; font-size: 14px; line-height: 20px } .order__information .order__pay p.__pay__sum { padding-bottom: 25px; font-size: 30px; line-height: 36px; font-weight: 700 } .order__information .order__pay p.__pay__sum svg { margin: 0 0 0 2px } .order__information .order__pay button.__pay__to_pay { padding: 10px 50px; float: right; font-size: 14px; line-height: 20px; text-transform: uppercase; color: #fff; background: #fc3; border: none; outline: none; cursor: pointer; transition: .2s linear; -webkit-transition: .2s linear } .order__information .order__pay button.__pay__to_pay.__pay--disabled { cursor: default; background: #ccc } .order__information .order__pay button.__pay__to_pay.__pay--disabled:hover { background: #ccc } .order__information .order__pay button.__pay__to_pay:hover { background: #333 } .order__information .order__pay p.__pay__to_pay--text { display: inline-block; width: 100%; padding: 0 0 0 10px; margin: 10px 0; font-size: 12px; line-height: 16px; color: #800 } .order__information p.__pay__ps--response span { color: #800 } .order__self_delivery { display: table; width: 100%; padding: 20px 0 40px; text-align: center } .order__self_delivery span.self__delivery--img { display: inline-block; width: 100%; height: 130px; margin: 5px auto 20px; background: url("https://s1.tdp.ru/desktop/img/personalCabinet/sources/self_delivery__img.svg") 50% no-repeat } .order__self_delivery p { display: inline-block; width: 80%; font-size: 16px; line-height: 22px; color: #4c4c4c } .order__lists { width: 100% } .lists__goods { display: table; width: 100%; padding: 20px 0 20px 20px } .order__lists .lists__goods { border-top: 1px solid #e8e8e8 } .order__lists .lists__goods:last-child { border-bottom: 1px solid #e8e8e8 } .lists__goods .row__lists { display: table-cell; vertical-align: top; height: 50px } .lists__goods .row__lists.lists__title { width: 33%; min-width: 290px } .lists__goods .row__lists.lists__title div.__order__title { padding-bottom: 10px } .lists__goods .row__lists.lists__title div.__order__title span { font-size: 14px; line-height: 16px; font-weight: 700; cursor: pointer } .lists__goods .row__lists.lists__title div.__order__folder { position: relative; cursor: pointer } .lists__goods .row__lists.lists__title div.__order__folder:before { content: ""; display: inline-block; vertical-align: middle; width: 20px; height: 14px; background: url("https://s1.tdp.ru/desktop/img/personalCabinet/icons/pc__sprite.png") -40px -60px no-repeat } .lists__goods .row__lists.lists__title div.__order__folder.__add_folder:before { background: url("https://s1.tdp.ru/desktop/img/personalCabinet/icons/pc__sprite.png") -120px -60px no-repeat } .lists__goods .row__lists.lists__title div.__order__folder span { color: #aaa; font-size: 12px; line-height: 16px } .lists__goods .row__lists.lists__title div.__order__folder:hover span { color: #ffd34e } .lists__goods .row__lists.lists__title div.__order__folder:hover:before { background-position: -40px -75px } .lists__goods .row__lists.lists__title div.__order__folder.__add_folder:hover:before { background-position: -120px -75px } .lists__goods .row__lists.lists__info { position: relative; width: 50%; padding-left: 40px } .lists__goods .row__lists.lists__info div.__order__pay { padding-bottom: 10px } .lists__goods .row__lists.lists__info div.__order__pay span { font-size: 14px; line-height: 16px } .lists__goods .row__lists.lists__info div.__order__delivery { word-break: break-word; padding-right: 20px } .lists__goods .row__lists.lists__info div.__order__delivery span { font-size: 12px; line-height: 16px } .lists__goods .row__lists.lists__info div.__order_type { position: absolute; width: 16px; height: 20px; top: 2px; left: 5px; cursor: pointer; z-index: 9 } .lists__goods .row__lists.lists__info div.__order_type.app_other, .lists__goods .row__lists.lists__info div.__order_type.web_mobile { left: 8px } .lists__goods .row__lists.lists__info div.__order_type.blocked { background: url("https://s1.tdp.ru/desktop/img/personalCabinet/icons/pc__sprite.png") -400px 0 no-repeat } .lists__goods .row__lists.lists__info div.__order_type.web_desktop { background: url("https://s1.tdp.ru/desktop/img/personalCabinet/icons/pc__sprite.png") -440px 0 no-repeat } .lists__goods .row__lists.lists__info div.__order_type.app_other, .lists__goods .row__lists.lists__info div.__order_type.web_mobile { background: url("https://s1.tdp.ru/desktop/img/personalCabinet/icons/pc__sprite.png") -480px 0 no-repeat } .lists__goods .row__lists.lists__info div.__order_type span { display: block; position: absolute; width: 150px; left: -65px; bottom: 25px; font-size: 12px; line-height: 28px; text-align: center; background: #fff; border: 1px solid #dadada; opacity: 0; z-index: -9; cursor: text; transition: .2s linear } .lists__goods .row__lists.lists__info div.__order_type:hover span { opacity: 1; z-index: 9 } .lists__goods .row__lists.lists__info div.__order_type.blocked:hover span { opacity: 0; z-index: -9 } .lists__goods .row__lists.lists__status { width: 10% } .lists__goods .row__lists.lists__status .__order__status { text-align: right } .lists__goods .row__lists.lists__status .__order__status span { font-size: 12px; line-height: 16px; color: #000 } .lists__goods .row__lists.lists__status .__order__status .__W { display: inline-block; width: 15px; height: 15px; background: url("https://s1.tdp.ru/desktop/img/personalCabinet/icons/pc__sprite.png") -520px 0 no-repeat } .lists__goods .row__lists.lists__edit { width: 10% } .lists__goods .row__lists.lists__edit .__project__edit { position: relative } .lists__goods .row__lists.lists__edit .__project__edit .menu__icon { display: block; position: absolute; top: 0; right: -5px; width: 40px; height: 20px; padding: 10px 0; background: url("https://s1.tdp.ru/desktop/img/personalCabinet/icons/pc__sprite.png") 0 0 no-repeat; cursor: pointer } .lists__goods .row__lists.lists__edit .__project__edit .menu__change { position: absolute; top: 20px; right: 0; min-width: 220px; background: #fff; -webkit-box-shadow: 0 10px 15px -5px #cccccd; -moz-box-shadow: 0 10px 15px -5px #cccccd; box-shadow: 0 10px 15px -5px #cccccd; z-index: 98 } .lists__goods .row__lists.lists__edit .__project__edit .menu__change p { position: relative; font-size: 14px; line-height: 16px; padding: 15px 50px; transition: .2s linear; -webkit-transition: .2s linear; cursor: pointer } .lists__goods .row__lists.lists__edit .__project__edit .menu__change p:before { content: ""; display: block; position: absolute; left: 25px; top: 18px } .lists__goods .row__lists.lists__edit .__project__edit .menu__change p.project__move:before { width: 20px; height: 10px; background: url("https://s1.tdp.ru/desktop/img/personalCabinet/icons/pc__sprite.png") -360px 0 no-repeat } .lists__goods .row__lists.lists__edit .__project__edit .menu__change p.project__delete:before { width: 10px; height: 10px; background: url("https://s1.tdp.ru/desktop/img/personalCabinet/icons/pc__sprite.png") -160px 0 no-repeat } .lists__goods .row__lists.lists__edit .__project__edit .menu__change p:hover { background: #f2f2f2 } .lists__goods .row__lists.lists__edit .__project__edit .menu__change { display: none; animation: blowUp .5s cubic-bezier(.165, .85, .45, 1) forwards } .lists__goods .row__lists.lists__edit .__project__edit:hover .menu__change { display: block; animation: blowDown .5s cubic-bezier(.165, .85, .45, 1) forwards } .order__projects { width: 100% } .project__folder { padding: 5px 0 20px } .project__folder .folder__name { display: inline-block; padding: 5px 0; cursor: pointer } .project__folder .folder__name:before { content: ""; display: inline-block; vertical-align: middle; width: 20px; height: 15px; background: url("https://s1.tdp.ru/desktop/img/personalCabinet/icons/pc__sprite.png") -80px -60px no-repeat } .project__folder .folder__name:after { content: ""; position: relative; display: inline-block; width: 10px; height: 10px; top: 2px; left: 10px; background: url("https://s1.tdp.ru/desktop/img/personalCabinet/icons/pc__sprite.png") -80px 0 no-repeat } .project__folder .folder__name.__close:after { top: 3px; transform: rotate(90deg) } .project__folder .folder__name.__open:after { bottom: 2px; transform: rotate(-90deg) } .project__folder .folder__name span { font-size: 12px; line-height: 16px; font-weight: 700 } .project__folder .folder__name:hover span { color: #ffd34e } .project__folder .folder__name:hover:before { background-position: -80px -75px } .project__folder .folder__detail .lists__goods { border-bottom: 1px solid #e8e8e8 } .project__folder .folder__name~.folder__detail { display: none } .project__folder .folder__name.__open~.folder__detail { display: block } .order__goods { margin: 30px 0; border: 1px solid #e6e6e6 } .order__goods .order_product { display: table; width: 100%; min-height: 95px; border-bottom: 1px dashed #d9d9d9 } .order__goods .order_product.__services { min-height: 40px } .order__goods .order_product:last-child { border-bottom: none } .row__product { display: inline-block; vertical-align: middle } .row__product.product__photo { width: 10%; text-align: center } .row__product.product__photo a { display: block; width: 100%; height: 100% } .row__product.product__photo img { max-width: 85%; max-height: 100px } .row__product.product__info { width: 82% } .row__product.product__info .row__info { position: relative; padding: 5px 0; width: 100% } .row__product.product__info .row__info .cell__info { display: inline-block; vertical-align: top } .row__product.product__info .row__info .cell__info._cell__wide { width: 66% } .row__product.product__info .row__info .cell__info._cell__narrow { width: 16%; padding: 0 1% } .row__product.product__info .row__info p { font-family: Arial, sans-serif } .row__product.product__info .row__info p.__product__title { padding: 5px 0 0; font-size: 14px; line-height: 20px } .row__product.product__info .row__info a.__product__title { padding: 5px 0 0; font-size: 14px; line-height: 20px; color: #000; text-decoration: none; cursor: pointer } .row__product.product__info .row__info a.__product__title:hover { text-decoration: underline } .row__product.product__info .row__info p.__product__code { padding: 10px 0 0; font-size: 12px; line-height: 26px; color: #aaa } .row__product.product__info .row__info p.__product__count { padding: 5px 0 0; font-size: 16px; line-height: 20px; text-align: center } .row__product.product__info .row__info p.__product__price { padding: 5px 0 0; font-size: 16px; line-height: 20px; text-align: right; color: #a3a3a3 } .row__product.product__info .row__info p.__product__price span { display: block } .row__product.product__info .row__info p.__product__price span.price__unit { font-size: 12px; line-height: 16px } .row__product.product__info .row__info p.__product__weight { padding: 5px 0 0; font-size: 16px; line-height: 20px; text-align: center } .row__product.product__info .row__info p.__product__total { padding: 10px 0 0; font-size: 16px; line-height: 20px; text-align: right; font-weight: 700 } .row__product.product__info .row__info p.__product__total.__small--padding { padding: 5px 0 0 } .row__product.product__delete { width: 5% } .order__goods .order_titles { display: table; width: 100%; padding: 5px; border-bottom: 1px dashed #d9d9d9 } .order__goods .order_titles p { font-size: 12px; line-height: 14px; color: #969696 } .row__product.__title__info { width: 66%; text-align: left } .row__product.__title__count { width: 10%; text-align: center } .row__product.__title__price { width: 15%; text-align: right } .order__events { width: 100% } .order__events.__row__center { text-align: center } .row__events { margin: auto } .row__events.__narrow_row { display: table; width: 400px } .row__events.__narrow_row.__narrow_row { width: auto; max-width: 400px } .row__events.__copy { padding: 15px 0 } .row__events.__copy button, .row__events.__copy input { float: left } .row__events.__copy .row__input { width: 265px; height: 40px; padding: 0 15px; font-size: 14px; line-height: 20px; border: 1px solid silver; background: #fff; outline: none } .row__events.__copy .copy__link { position: relative; height: 40px; padding: 0 10px; margin: 0 0 0 15px; color: #fff; background: #fec93e; text-transform: uppercase; border: none; outline: none; cursor: pointer; transition: .2s linear; -webkit-transition: .2s linear } .row__events.__copy .copy__link:hover { background: silver } .row__events.__title { padding: 10px 0 } .row__events.__title p { font-size: 20px; line-height: 28px; font-weight: 700 } .row__events.__enter { padding: 15px 0 } .row__events.__enter button, .row__events.__enter input { float: left } .row__events.__enter .enter__project { position: relative } .row__events.__enter .enter__project .input__project { width: 360px; height: 40px; padding: 0 15px; font-size: 14px; line-height: 20px; border: 1px solid #cccccd; background: #fff; outline: none } .row__events.__enter .enter__project .add__project { position: relative; width: 40px; height: 40px; border: none; outline: none; cursor: pointer } .row__events.__enter .add__project:before { content: ""; position: absolute; display: block; top: 15px; left: 13px; width: 15px; height: 15px; background: url("https://s1.tdp.ru/desktop/img/personalCabinet/icons/pc__sprite.png") -40px 0 no-repeat } .row__events.__enter .enter__project.__written .input__project:focus~.__clear { opacity: 1 } .row__events.__enter .enter__project.__written .input__project { border: 1px solid #fec93e; caret-color: #fec93e } .row__events.__enter .enter__project.__written .add__project { background: #fec93e } .row__events.__enter .enter__project.__written .__clear { opacity: 0; position: absolute; display: block; padding: 10px; right: 45px; top: 5px; cursor: pointer; transition: .2s linear; -webkit-transition: .2s linear } .row__events.__enter .enter__project.__written .__clear:before { content: ""; display: block; width: 10px; height: 10px; opacity: .5; background: url("https://s1.tdp.ru/desktop/img/personalCabinet/icons/pc__sprite.png") -160px 0 no-repeat } .row__events.__folders { padding: 10px 0 } .row__events.__folders .folder__line { width: 100%; padding: 10px 0; display: inline-block; cursor: pointer } .row__events.__folders .folder__line.selected, .row__events.__folders .folder__line:hover { background: #f2f2f2 } .row__events.__folders .folder__line .folder__name { width: 400px; margin: auto } .row__events.__folders .folder__line .folder__name:before { content: ""; display: inline-block; vertical-align: middle; width: 20px; height: 15px; background: url("https://s1.tdp.ru/desktop/img/personalCabinet/icons/pc__sprite.png") -80px -60px no-repeat } .row__events.__folders .folder__line .folder__name span { font-size: 12px; line-height: 16px; font-weight: 700 } .row__events.__apply { padding: 20px 0; text-align: center } .row__events.__apply .apply__to_move { padding: 10px 50px; font-size: 16px; line-height: 22px; text-transform: uppercase; color: #fff; background: silver; border: none; outline: none; cursor: pointer; transition: .2s linear; -webkit-transition: .2s linear } .row__events.__apply .apply__to_move:hover { background: #fc3 } .row__events.__description { padding: 10px 0; width: 400px } .row__events.__description p { max-width: 380px } .row__events.__choose { padding: 20px 0; text-align: left } .row__events.__choose .choose__button { padding: 10px 50px; margin: 0 20px 0 0; font-size: 16px; line-height: 22px; text-transform: uppercase; border: none; outline: none; cursor: pointer; transition: .2s linear; -webkit-transition: .2s linear } .row__events.__choose .choose__button.__orange { color: #fff; background: #fc3 } .row__events.__choose .choose__button.__orange:hover { background: silver } .row__events.__choose .choose__button.__opacity { color: #000; background: transparent } .row__events.__choose .choose__button.__opacity:hover { background: silver } span.rouble__icon { position: relative!important; display: inline-block!important } .rouble__icon:after, .rouble__icon:before { content: ""; position: absolute } .__statistic__sum .rouble__icon { vertical-align: top!important } .__statistic__sum .rouble__icon:before { width: 10px; height: 3px; top: 15px; left: -1px; background: #000 } .__statistic__sum .rouble__icon:after { width: 15px; height: 3px; top: 19px; left: -1px; background: #000 } .__pay__sum .rouble__icon:before { width: 10px; height: 3px; top: 17px; left: -1px; background: #000 } .__pay__sum .rouble__icon:after { width: 15px; height: 3px; top: 21px; left: -1px; background: #000 } .__product__price .rouble__icon:before { width: 10px; height: 2px; top: 8px; left: -1px; background: #a3a3a3 } .__product__price .rouble__icon:after { width: 10px; height: 2px; top: 11px; left: -1px; background: #a3a3a3 } .__product__total .rouble__icon:before { width: 10px; height: 2px; top: 8px; left: -1px; background: #000 } .__product__total .rouble__icon:after { width: 10px; height: 2px; top: 11px; left: -1px; background: #000 } .__order__pay .rouble__icon:before { width: 7px; height: 1px; top: 8px; left: -1px; background: #000 } .__order__pay .rouble__icon:after, .__rouble__price .rouble__icon:before { width: 7px; height: 1px; top: 10px; left: -1px; background: #000 } .__rouble__price .rouble__icon:after { width: 7px; height: 1px; top: 12px; left: -1px; background: #000 } .pagination__orders { display: table; padding: 20px 0; margin: auto } @media (min-width: 0) and (max-width: 999px) { .menu__grid { display: none } .content__grid { padding-left: 0 } .order__search .row__search.search__filter { width: 200px } .order__search .row__search .field__search .__order__search_enter { font-size: 12px; padding: 12px } .order__search .row__search .field__search .__order__search_enter::placeholder { font-size: 12px } } @media (max-width: 1249px) and (min-width: 1000px) { .content__grid { width: 98% } .order__previously div.order__folder { max-width: 360px } .order__title div.order__statistic { margin: 0 0 0 100px } .order__search .row__search.search__filter { width: 190px } .order__search .row__search .field__search .__order__search_enter { font-size: 12px; padding: 12px } .order__search .row__search .field__search .__order__search_enter::placeholder { font-size: 12px } } @media (min-width: 1250px) and (max-width: 1370px) { .content__grid { width: 95% } } @media (min-width: 1250px) { .row__product.product__photo img { padding: 5px 0 } } .dd__block { display: none; position: absolute; top: 100%; left: 0; background: #fff; z-index: 99; outline: none } .dd__block .dd__line { width: 100%; padding: 10px 0; cursor: pointer; outline: none } .dd__block .dd__line .dd__result.__helper { font-size: 10px; line-height: 12px; color: #cacaca } .dd__block .dd__line .dd__result.__data { font-size: 14px; line-height: 20px } .dd__block .dd__line:hover .dd__result.__data { background: #f2f2f2 } .product--detail-wrapper .modal--area .modal--full.modal--left { left: 0 } .product--detail-wrapper .modal--area .modal--full.modal--left:before { left: 41px } .product--detail-wrapper .modal--area .modal--full.modal--left:after { left: 42px } .product--detail-wrapper .modal--area .modal--full.modal--right:before { right: 41px } .product--detail-wrapper .modal--area .modal--full.modal--right:after { right: 42px } .product--detail-wrapper .modal--area.product--stock-i .modal--full.modal--right:before { right: -9px; top: 10px } .product--detail-wrapper .modal--area.product--stock-i .modal--full.modal--right:after { right: -7px; top: 10px } .modal--animate { transition-property: all; transition-duration: .5s; transition-timing-function: cubic-bezier(.4, 0, 0, 1.5); -webkit-animation-duration: .6s; animation-duration: .6s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-timing-function: cubic-bezier(.4, 0, 0, 1.5); animation-timing-function: cubic-bezier(.4, 0, 0, 1.5) } .modal--close { position: absolute; top: 15px; right: 15px; border: 1px solid #ccc; cursor: pointer } .modal--close svg { display: block; width: 20px; height: 20px; fill: #999; transition: .2s linear; -webkit-transition: .2s linear } .popup__container { display: none; position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 9999 } .popup__container .content__popup { opacity: 0; position: absolute; background: #fff; z-index: 9 } .popup__container .content__popup.full__screen { max-width: 520px; min-width: 520px; top: 50%; left: 50%; padding: 30px 0; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%) } .popup__container .close__popup { position: absolute; top: 10px; right: 10px; padding: 10px; cursor: pointer } .popup__container .close__popup span { display: block } .popup__container .inner__popup { position: relative } .popup__container .inner__popup:empty { display: none } .popup__container .overlay__popup { opacity: 0; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: rgba(0, 0, 0, .75); z-index: 8 } .cabinet_page .modal-dialog { position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 9999; background: rgba(0, 0, 0, .75) } .cabinet_page .modal-dialog .modal-content { position: absolute; background: #fff; z-index: 9; max-width: 520px; min-width: 520px; top: 50%; left: 50%; padding: 30px 0; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%) } .cabinet_page .modal-dialog .close__popup { position: absolute; top: 10px; right: 10px; padding: 10px; cursor: pointer } .cabinet_page .modal-dialog .close__popup span { display: block } .cabinet_page .modal-dialog .inner__popup { position: relative } .cabinet_page .modal-dialog .inner__popup:empty { display: none } .cabinet_page .modal-dialog .overlay__popup { opacity: 0; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: rgba(0, 0, 0, .75); z-index: 8 } .cabinet_page .modal-dialog .__folders { max-height: 300px; overflow-y: scroll } .rocketRetail--wrapper { position: relative; max-height: 650px; min-height: 650px; overflow: hidden } .rocketRetail--wrapper .rocketRetail--title { display: table; width: 100%; padding: 10px 10px 0 } .rocketRetail--wrapper .rocketRetail--title p { font-size: 22px; line-height: 26px; padding: 0 0 5px } .rocketRetail--wrapper .rocketRetail--title p.bold { font-weight: 700 } .rocketRetail--wrapper .rocketRetail--more { display: table; width: 100%; padding: 0 10px } .rocketRetail--wrapper .rocketRetail--more a { font-size: 14px; line-height: 15px } .rocketRetail--wrapper .rocketRetail--more span { padding: 0 5px; font-size: 13px; line-height: 15px; color: #b2b2b2 } .rocketRetail--wrapper .rocketRetail--slider { display: none } .rocketRetail--wrapper .rocketRetail--slider .owl-controls { position: absolute; top: -57px; right: 0 } .rocketRetail--wrapper .rocketRetail--slider .owl-controls .owl-nav div { width: 40px; height: 40px; border: 1px solid #e0e0e0; background: #fff; opacity: 1; border-radius: 0; position: relative; cursor: pointer; -webkit-transition: .2s linear; transition: .2s linear } .rocketRetail--wrapper .rocketRetail--slider .owl-controls .owl-nav div:hover { background: #dadada } .rocketRetail--wrapper .rocketRetail--slider .owl-controls .owl-nav div:before { content: ""; display: block; background: url("/img/el.png") -281px 0 no-repeat; width: 5px; height: 13px; position: absolute; top: 12px } .rocketRetail--wrapper .rocketRetail--slider .owl-controls .owl-nav div.owl-prev:before { left: 15px } .rocketRetail--wrapper .rocketRetail--slider .owl-controls .owl-nav div.owl-next:before { right: 15px; background-position: -286px 0 } .suggest__block { position: absolute; top: 100%; left: 0; background: #fff; z-index: 99; outline: none } .suggest__block .suggest__line { width: 100%; padding: 10px 0; cursor: pointer; outline: none } .suggest__block .suggest__line .suggest__result { text-align: left } .suggest__block .suggest__line .suggest__result.__helper { font-size: 10px; line-height: 12px; color: #cacaca } .suggest__block .suggest__line .suggest__result.__data { font-size: 14px; line-height: 20px } .suggest__block .suggest__line:hover .suggest__result.__data { background: #f2f2f2 } .suggest__block .suggest__line .suggest__result span { background: #fc3 } body.stop-scrolling { height: 100%; overflow: hidden } /*! * Load Awesome v1.1.0 (http://github.danielcardoso.net/load-awesome/) * Copyright 2015 Daniel Cardoso <@DanielCardoso> * Licensed under MIT */ .la-ball-fall, .la-ball-fall>div { position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } .la-ball-fall { display: block; font-size: 0; color: #fff } .la-ball-fall.la-dark { color: #333 } .la-ball-fall>div { display: inline-block; float: none; background-color: currentColor; border: 0 solid currentColor } .la-ball-fall { width: 54px; height: 18px } .la-ball-fall>div { width: 10px; height: 10px; margin: 4px; border-radius: 100%; opacity: 0; -webkit-animation: ball-fall 1s ease-in-out infinite; -moz-animation: ball-fall 1s ease-in-out infinite; -o-animation: ball-fall 1s ease-in-out infinite; animation: ball-fall 1s ease-in-out infinite } .la-ball-fall>div:first-child { -webkit-animation-delay: -.2s; -moz-animation-delay: -.2s; -o-animation-delay: -.2s; animation-delay: -.2s } .la-ball-fall>div:nth-child(2) { -webkit-animation-delay: -.1s; -moz-animation-delay: -.1s; -o-animation-delay: -.1s; animation-delay: -.1s } .la-ball-fall>div:nth-child(3) { -webkit-animation-delay: 0ms; -moz-animation-delay: 0ms; -o-animation-delay: 0ms; animation-delay: 0ms } .la-ball-fall.la-sm { width: 26px; height: 8px } .la-ball-fall.la-sm>div { width: 4px; height: 4px; margin: 2px } .la-ball-fall.la-2x { width: 108px; height: 36px } .la-ball-fall.la-2x>div { width: 20px; height: 20px; margin: 8px } .la-ball-fall.la-3x { width: 162px; height: 54px } .la-ball-fall.la-3x>div { width: 30px; height: 30px; margin: 12px } @media (min-width: 1000px) and (max-width: 1150px) { .browser-check .card-browser-check { left: 20% } } @media (min-width: 0px) and (max-width: 1000px) { .browser-check .card-browser-check { left: 13% } } /*! * Fotorama 4.6.4 | http://fotorama.io/license/ */ .fotorama__arr:focus:after, .fotorama__fullscreen-icon:focus:after, .fotorama__html, .fotorama__img, .fotorama__nav__frame:focus .fotorama__dot:after, .fotorama__nav__frame:focus .fotorama__thumb:after, .fotorama__stage__frame, .fotorama__stage__shaft, .fotorama__video iframe { position: absolute; width: 100%; height: 100%; top: 0; right: 0; left: 0; bottom: 0 } .fotorama--fullscreen, .fotorama__img { max-width: 99999px!important; max-height: 99999px!important; min-width: 0!important; min-height: 0!important; border-radius: 0!important; box-shadow: none!important; padding: 0!important } .fotorama__wrap .fotorama__grab { cursor: move; cursor: -webkit-grab; cursor: -o-grab; cursor: -ms-grab; cursor: grab } .fotorama__grabbing * { cursor: move; cursor: -webkit-grabbing; cursor: -o-grabbing; cursor: -ms-grabbing; cursor: grabbing } .fotorama__spinner { position: absolute!important; top: 50%!important; left: 50%!important } .fotorama__caption, .fotorama__nav:after, .fotorama__nav:before, .fotorama__stage:after, .fotorama__stage:before, .fotorama__wrap--css3 .fotorama__arr, .fotorama__wrap--css3 .fotorama__fullscreen-icon, .fotorama__wrap--css3 .fotorama__html, .fotorama__wrap--css3 .fotorama__nav, .fotorama__wrap--css3 .fotorama__nav__shaft, .fotorama__wrap--css3 .fotorama__spinner, .fotorama__wrap--css3 .fotorama__stage, .fotorama__wrap--css3 .fotorama__stage .fotorama__img, .fotorama__wrap--css3 .fotorama__stage__frame, .fotorama__wrap--css3 .fotorama__stage__shaft, .fotorama__wrap--css3 .fotorama__thumb-border, .fotorama__wrap--css3 .fotorama__video-close, .fotorama__wrap--css3 .fotorama__video-play { -webkit-transform: translateZ(0); transform: translateZ(0) } .fotorama__arr:focus, .fotorama__fullscreen-icon:focus, .fotorama__nav__frame { outline: 0 } .fotorama__arr:focus:after, .fotorama__fullscreen-icon:focus:after, .fotorama__nav__frame:focus .fotorama__dot:after, .fotorama__nav__frame:focus .fotorama__thumb:after { content: ""; border-radius: inherit; background-color: rgba(0, 175, 234, .5) } .fotorama__wrap--video .fotorama__stage, .fotorama__wrap--video .fotorama__stage__frame--video, .fotorama__wrap--video .fotorama__stage__frame--video .fotorama__html, .fotorama__wrap--video .fotorama__stage__frame--video .fotorama__img, .fotorama__wrap--video .fotorama__stage__shaft { -webkit-transform: none!important; transform: none!important } .fotorama__wrap--css3 .fotorama__nav__shaft, .fotorama__wrap--css3 .fotorama__stage__shaft, .fotorama__wrap--css3 .fotorama__thumb-border { transition-property: -webkit-transform, width; transition-property: transform, width; transition-timing-function: cubic-bezier(.1, 0, .25, 1); transition-duration: 0ms } .fotorama__arr, .fotorama__fullscreen-icon, .fotorama__no-select, .fotorama__video-close, .fotorama__video-play, .fotorama__wrap { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .fotorama__select { -webkit-user-select: text; -moz-user-select: text; -ms-user-select: text; user-select: text } .fotorama__nav, .fotorama__nav__frame { margin: auto; padding: 0 } .fotorama__caption__wrap, .fotorama__nav__frame, .fotorama__nav__shaft { -moz-box-orient: vertical; display: inline-block; vertical-align: middle; *display: inline; *zoom: 1 } .fotorama__nav__frame, .fotorama__thumb-border { box-sizing: content-box } .fotorama__caption__wrap { box-sizing: border-box } .fotorama--hidden, .fotorama__load { position: absolute; left: -99999px; top: -99999px; z-index: -1 } .fotorama__arr, .fotorama__fullscreen-icon, .fotorama__nav, .fotorama__nav__frame, .fotorama__nav__shaft, .fotorama__stage__frame, .fotorama__stage__shaft, .fotorama__video-close, .fotorama__video-play { -webkit-tap-highlight-color: transparent } .fotorama__arr, .fotorama__video-close, .fotorama__video-play { background: url("https://s1.tdp.ru/desktop/img/icons/product/fotorama__i.png") no-repeat } .fotorama__thumb { background-color: #7f7f7f; background-color: hsla(0, 0%, 50%, .2) } @media print { .fotorama__arr, .fotorama__fullscreen-icon, .fotorama__thumb-border, .fotorama__video-close, .fotorama__video-play { background: none!important } } .fotorama { min-width: 1px; overflow: hidden } .fotorama:not(.fotorama--unobtrusive)>:not(:first-child) { display: none } .fullscreen { max-width: 100%!important; max-height: 100%!important; padding: 0!important; overflow: hidden!important } .fotorama--fullscreen, .fullscreen { width: 100%!important; height: 100%!important; margin: 0!important; background: #000 } .fotorama--fullscreen { position: absolute!important; top: 0!important; left: 0!important; right: 0!important; bottom: 0!important; float: none!important; z-index: 2147483647!important } .fotorama--fullscreen .fotorama__nav, .fotorama--fullscreen .fotorama__stage { background: #000 } .fotorama__wrap { -webkit-text-size-adjust: 100%; position: relative; direction: ltr; z-index: 0; margin: auto } .fotorama__wrap--rtl .fotorama__stage__frame { direction: rtl } .fotorama__nav, .fotorama__stage { overflow: hidden; position: relative; max-width: 100% } .fotorama__wrap--pan-y { -ms-touch-action: pan-y } .fotorama__wrap .fotorama__pointer { cursor: pointer } .fotorama__wrap--slide .fotorama__stage__frame { opacity: 1!important } .fotorama__stage__frame { overflow: hidden } .fotorama__stage__frame.fotorama__active { z-index: 8 } .fotorama__wrap--fade .fotorama__stage__frame { display: none } .fotorama__wrap--fade .fotorama__fade-front, .fotorama__wrap--fade .fotorama__fade-rear, .fotorama__wrap--fade .fotorama__stage__frame.fotorama__active { display: block; left: 0; top: 0 } .fotorama__wrap--fade .fotorama__fade-front { z-index: 8 } .fotorama__wrap--fade .fotorama__fade-rear { z-index: 7 } .fotorama__wrap--fade .fotorama__fade-rear.fotorama__active { z-index: 9 } .fotorama__wrap--fade .fotorama__stage .fotorama__shadow { display: none } .fotorama__img { -ms-filter: "alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; border: none!important } .fotorama__error .fotorama__img, .fotorama__loaded .fotorama__img { -ms-filter: "alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1 } .fotorama--fullscreen .fotorama__loaded--full .fotorama__img, .fotorama__img--full { display: none } .fotorama--fullscreen .fotorama__loaded--full .fotorama__img--full { display: block } .fotorama__wrap--only-active .fotorama__nav, .fotorama__wrap--only-active .fotorama__stage { max-width: 99999px!important } .fotorama__wrap--only-active .fotorama__stage__frame { visibility: hidden } .fotorama__wrap--only-active .fotorama__stage__frame.fotorama__active { visibility: visible } .fotorama__nav { font-size: 0; line-height: 0; text-align: center; display: none; white-space: nowrap; z-index: 5 } .fotorama__nav__shaft { position: relative; left: 0; top: 0; text-align: left } .fotorama__nav__frame { position: relative; cursor: pointer } .fotorama__nav--dots { display: block } .fotorama__nav--dots .fotorama__nav__frame { width: 18px; height: 30px } .fotorama__nav--dots .fotorama__nav__frame--thumb, .fotorama__nav--dots .fotorama__thumb-border { display: none } .fotorama__nav--thumbs { display: block } .fotorama__nav--thumbs .fotorama__nav__frame { padding-left: 0!important } .fotorama__nav--thumbs .fotorama__nav__frame:last-child { padding-right: 0!important } .fotorama__nav--thumbs .fotorama__nav__frame--dot { display: none } .fotorama__dot { display: block; width: 4px; height: 4px; position: relative; top: 12px; left: 6px; border-radius: 6px; border: 1px solid #7f7f7f } .fotorama__nav__frame:focus .fotorama__dot:after { padding: 1px; top: -1px; left: -1px } .fotorama__nav__frame.fotorama__active .fotorama__dot { width: 0; height: 0; border-width: 3px } .fotorama__nav__frame.fotorama__active .fotorama__dot:after { padding: 3px; top: -3px; left: -3px } .fotorama__thumb { overflow: hidden; position: relative; width: 100%; height: 100% } .fotorama__nav__frame:focus .fotorama__thumb { z-index: 2 } .fotorama__thumb-border { position: absolute; z-index: 9; top: 0; left: 0; border-style: solid; border-color: #f2f2f2; background-image: linear-gradient(to bottom right, hsla(0, 0%, 100%, .25), rgba(64, 64, 64, .1)); margin-top: 0!important; padding: 3px; border-width: 1px!important } .fotorama__caption { position: absolute; z-index: 12; bottom: 0; left: 0; right: 0; font-family: Helvetica Neue, Arial, sans-serif; font-size: 14px; line-height: 1.5; color: #000 } .fotorama__caption a { text-decoration: none; color: #000; border-bottom: 1px solid; border-color: rgba(0, 0, 0, .5) } .fotorama__caption a:hover { color: #333; border-color: rgba(51, 51, 51, .5) } .fotorama__wrap--rtl .fotorama__caption { left: auto; right: 0 } .fotorama__wrap--no-captions .fotorama__caption, .fotorama__wrap--video .fotorama__caption { display: none } .fotorama__caption__wrap { background-color: #fff; background-color: hsla(0, 0%, 100%, .9); padding: 5px 10px } .fotorama__wrap--css3 .fotorama__spinner { -webkit-animation: spinner 24s infinite linear; animation: spinner 24s infinite linear } .fotorama__wrap--css3 .fotorama__html, .fotorama__wrap--css3 .fotorama__stage .fotorama__img { transition-property: opacity; transition-timing-function: linear; transition-duration: .3s } .fotorama__wrap--video .fotorama__stage__frame--video .fotorama__html, .fotorama__wrap--video .fotorama__stage__frame--video .fotorama__img { -ms-filter: "alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0 } .fotorama__select { cursor: auto } .fotorama__video { top: 32px; right: 0; bottom: 0; left: 0; position: absolute; z-index: 10 } @-moz-document url-prefix() { .fotorama__active { box-shadow: 0 0 0 transparent } } .fotorama__arr, .fotorama__fullscreen-icon, .fotorama__video-close, .fotorama__video-play { position: absolute; z-index: 11; cursor: pointer } .fotorama__arr { position: absolute; width: 32px; height: 32px; top: 50%; margin-top: -16px } .fotorama__arr--prev { left: 2px; background-position: 0 0 } .fotorama__arr--next { right: 2px; background-position: -32px 0 } .fotorama__arr--disabled { pointer-events: none; cursor: default; display: none; opacity: .1 } .fotorama__fullscreen-icon { width: 70%; height: 90%; top: 5%; right: 15%; z-index: 20; background: none } .fotorama--fullscreen .fotorama__fullscreen-icon { width: 31px; height: 31px; top: 0; right: 0; background: url("https://s1.tdp.ru/desktop/img/icons/product/fotorama__i.png") no-repeat 0 -32px } .fotorama--fullscreen .fotorama__fullscreen-icon:after { display: none } .fotorama__fullscreen-icon:after { content: ""; position: relative; top: 50%; left: 50%; margin-top: -15px; margin-left: -15px; display: block; width: 31px; height: 31px; background: url("https://s1.tdp.ru/desktop/img/icons/product/fotorama__i.png") no-repeat 0 -32px } .fotorama__arr:focus, .fotorama__fullscreen-icon:focus { border-radius: 50% } .fotorama--fullscreen .fotorama__fullscreen-icon { background-position: -32px -32px } .fotorama__video-play { width: 96px; height: 96px; left: 50%; top: 50%; margin-left: -48px; margin-top: -48px; background-position: 0 -64px; opacity: 0 } .fotorama__wrap--css2 .fotorama__video-play, .fotorama__wrap--video .fotorama__stage .fotorama__video-play { display: none } .fotorama__error .fotorama__video-play, .fotorama__loaded .fotorama__video-play, .fotorama__nav__frame .fotorama__video-play { opacity: 1; display: block } .fotorama__nav__frame .fotorama__video-play { width: 32px; height: 32px; margin-left: -16px; margin-top: -16px; background-position: -64px -32px } .fotorama__video-close { width: 32px; height: 32px; top: 0; right: 0; background-position: -64px 0; z-index: 20; opacity: 0 } .fotorama__wrap--css2 .fotorama__video-close { display: none } .fotorama__wrap--css3 .fotorama__video-close { -webkit-transform: translate3d(32px, -32px, 0); transform: translate3d(32px, -32px, 0) } .fotorama__wrap--video .fotorama__video-close { display: block; opacity: 1 } .fotorama__wrap--css3.fotorama__wrap--video .fotorama__video-close { -webkit-transform: translateZ(0); transform: translateZ(0) } .fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__arr, .fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon { opacity: 0 } .fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__arr:focus, .fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon:focus { opacity: 1 } .fotorama__wrap--video .fotorama__arr, .fotorama__wrap--video .fotorama__fullscreen-icon { opacity: 0!important } .fotorama__wrap--css2.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__arr, .fotorama__wrap--css2.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon { display: none } .fotorama__wrap--css2.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__arr:focus, .fotorama__wrap--css2.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon:focus { display: block } .fotorama__wrap--css2.fotorama__wrap--video .fotorama__arr, .fotorama__wrap--css2.fotorama__wrap--video .fotorama__fullscreen-icon { display: none!important } .fotorama__wrap--css3.fotorama__wrap--no-controls.fotorama__wrap--slide.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon:not(:focus) { -webkit-transform: translate3d(32px, -32px, 0); transform: translate3d(32px, -32px, 0) } .fotorama__wrap--css3.fotorama__wrap--no-controls.fotorama__wrap--slide.fotorama__wrap--toggle-arrows .fotorama__arr--prev:not(:focus) { -webkit-transform: translate3d(-48px, 0, 0); transform: translate3d(-48px, 0, 0) } .fotorama__wrap--css3.fotorama__wrap--no-controls.fotorama__wrap--slide.fotorama__wrap--toggle-arrows .fotorama__arr--next:not(:focus) { -webkit-transform: translate3d(48px, 0, 0); transform: translate3d(48px, 0, 0) } .fotorama__wrap--css3.fotorama__wrap--video .fotorama__fullscreen-icon { -webkit-transform: translate3d(32px, -32px, 0)!important; transform: translate3d(32px, -32px, 0)!important } .fotorama__wrap--css3.fotorama__wrap--video .fotorama__arr--prev { -webkit-transform: translate3d(-48px, 0, 0)!important; transform: translate3d(-48px, 0, 0)!important } .fotorama__wrap--css3.fotorama__wrap--video .fotorama__arr--next { -webkit-transform: translate3d(48px, 0, 0)!important; transform: translate3d(48px, 0, 0)!important } .fotorama__wrap--css3 .fotorama__arr:not(:focus), .fotorama__wrap--css3 .fotorama__fullscreen-icon:not(:focus), .fotorama__wrap--css3 .fotorama__video-close:not(:focus), .fotorama__wrap--css3 .fotorama__video-play:not(:focus) { transition-property: -webkit-transform, opacity; transition-property: transform, opacity; transition-duration: .3s } .fotorama__nav:after, .fotorama__nav:before, .fotorama__stage:after, .fotorama__stage:before { content: ""; display: block; position: absolute; text-decoration: none; top: 0; bottom: 0; width: 10px; height: auto; z-index: 10; pointer-events: none; background-repeat: no-repeat; background-size: 1px 100%, 5px 100% } .fotorama__nav:before, .fotorama__stage:before { background-image: linear-gradient(transparent, rgba(0, 0, 0, .2) 25%, rgba(0, 0, 0, .3) 75%, transparent), radial-gradient(farthest-side at 0 50%, rgba(0, 0, 0, .4), transparent); background-position: 0 0, 0 0; left: -10px } .fotorama__nav.fotorama__shadows--left:before, .fotorama__stage.fotorama__shadows--left:before { left: 0 } .fotorama__nav:after, .fotorama__stage:after { background-image: linear-gradient(transparent, rgba(0, 0, 0, .2) 25%, rgba(0, 0, 0, .3) 75%, transparent), radial-gradient(farthest-side at 100% 50%, rgba(0, 0, 0, .4), transparent); background-position: 100% 0, 100% 0; right: -10px } .fotorama__nav.fotorama__shadows--right:after, .fotorama__stage.fotorama__shadows--right:after { right: 0 } .fotorama--fullscreen .fotorama__nav:after, .fotorama--fullscreen .fotorama__nav:before, .fotorama--fullscreen .fotorama__stage:after, .fotorama--fullscreen .fotorama__stage:before, .fotorama__wrap--fade .fotorama__stage:after, .fotorama__wrap--fade .fotorama__stage:before, .fotorama__wrap--no-shadows .fotorama__nav:after, .fotorama__wrap--no-shadows .fotorama__nav:before, .fotorama__wrap--no-shadows .fotorama__stage:after, .fotorama__wrap--no-shadows .fotorama__stage:before { display: none } @font-face { font-family: LS-UltraLight; src: url("/fonts/LetterheadStudio-YG-ConquerorSans-UltraLight.otf") } @font-face { font-family: LS-ConquerorSans; src: url("/fonts/LetterheadStudio-YG-ConquerorSans.otf") } @font-face { font-family: LS-ConquerorSansThin; src: url("/fonts/LetterheadStudio-YG-ConquerorSansThin.otf") } .product--detail-wrapper { position: relative; margin: auto } .product--detail-wrapper input, .product--detail-wrapper p, .product--detail-wrapper span { margin: 0; box-sizing: inherit } .product--detail-wrapper svg { vertical-align: inherit } .product--detail-wrapper:after { margin: 0; box-sizing: inherit } .product--detail-title { width: 100%; padding: 10px 0 } .product--detail-title p.product--code { font-size: 12px; line-height: 18px; color: #666 } .product--detail-title .product--rating { display: inline-block; vertical-align: bottom; padding: 0 15px } .product--detail-title h1.product--title { font-size: 26px!important; line-height: 32px; padding: 10px 0; margin: 0 } .product--detail-info { width: 100%; min-height: 400px; display: flex; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox } .product--detail-info .product--gallery-wrapper { position: relative } .product--detail-info .product--gallery { opacity: 0; min-width: 400px; height: 100%; overflow: hidden; padding: 0; transition: .2s linear; -webkit-transition: .2s linear; transition-property: transform, opacity; transition-duration: .3s; -webkit-transform: translateZ(0); transform: translateZ(0) } .product--detail-info .product--gallery.fotorama { opacity: 1; height: 100%; overflow: inherit } .product--detail-info .product--gallery img { width: 95% } .product--detail-info .product--description { max-width: 460px; padding: 0 10px } .product--detail-info .product--special-info { display: table; width: 100%; clear: both } .product--detail-info .product--special-info .product--club { position: relative; width: 190px; height: 30px; background: url("https://s1.tdp.ru/desktop/img/icons/product/cloub--i.png") no-repeat; float: left; margin: 0 0 20px } .product--detail-info .product--special-info .product--club span { position: absolute; right: 10px; top: 0; padding: 7px 0; text-align: right; font-size: 12px; line-height: 14px; color: #7d7d7d } .product--detail-info .product--special-info .product--club-info { min-width: 400px; padding: 30px; top: 40px; left: 0; background: #fff; border: 1px solid #ccc; box-shadow: 0 0 5px 0 #b2b2b2 } .product--detail-info .product--special-info .product--club-info:before { content: ""; margin-bottom: -1px; border-color: #b2b2b2; color: #b2b2b2; top: -8px; border-left: 8px solid transparent!important; border-right: 8px solid transparent!important; border-bottom: 8px solid; display: block; width: 0; height: 0; position: absolute } .product--detail-info .product--special-info .product--club-info:after { content: ""; border-color: #fff!important; top: -7px; border-left: 7px solid transparent!important; border-right: 7px solid transparent!important; border-bottom: 7px solid; display: block; width: 0; height: 0; position: absolute } .product--detail-info .product--special-info .product--stock { float: right } .product--detail-info .product--special-info .product--stock span { display: block; position: relative; width: 35px; height: 35px; padding: 1px } .product--detail-info .product--special-info .product--stock span.stock--thumbs { background: url("https://s1.tdp.ru/desktop/img/icons/actions/thumbs__icons.png") no-repeat } .product--detail-info .product--special-info .product--stock span.stock--ceresit { background: url("https://s1.tdp.ru/desktop/img/icons/actions/ceresit__icons.png") no-repeat } .product--detail-info .product--special-info .product--stock span.stock--ceresit__t { background: url("https://s1.tdp.ru/desktop/img/icons/actions/ceresit__icons_2.png") no-repeat } .product--detail-info .product--special-info .product--stock span.stock--cigel { background: url("https://s1.tdp.ru/desktop/img/icons/actions/cigel__icons.png") no-repeat; background-size: 100%!important } .product--detail-info .product--special-info .product--stock span.stock--oae { background: url("https://s1.tdp.ru/desktop/img/icons/actions/oae__icons.png") no-repeat; background-size: 100%!important } .product--detail-info .product--special-info .product--stock span.stock--hidden { display: none } .product--detail-info .product--special-info .product--stock-info { min-width: 400px; padding: 30px; top: 40px; left: 0; background: #fff; border: 1px solid #ccc; box-shadow: 0 0 5px 0 #b2b2b2 } .product--detail-info .product--special-info .product--stock-info:before { content: ""; margin-bottom: -1px; border-color: #b2b2b2; color: #b2b2b2; top: -8px; border-left: 8px solid transparent!important; border-right: 8px solid transparent!important; border-bottom: 8px solid; display: block; width: 0; height: 0; position: absolute } .product--detail-info .product--special-info .product--stock-info:after { content: ""; border-color: #fff!important; top: -7px; border-left: 7px solid transparent!important; border-right: 7px solid transparent!important; border-bottom: 7px solid; display: block; width: 0; height: 0; position: absolute } .product--detail-info .product--services-info { display: none; padding: 0 10px; margin: 0 0 20px; float: left; border-right: 1px solid #ccc } .product--detail-info .product--services-info:last-child { border-right: none } .product--detail-info .product--services-info:first-child { padding: 0 10px 0 0 } .product--detail-info .product--services-info .product--service-t { clear: both } .product--detail-info .product--services-info .product--service-t p { font-size: 14px; line-height: 16px } .product--detail-info .product--services-info .product--service-t p.s--red-title { color: red } .product--detail-info .product--services-info .product--service-t p.s--black-title { color: #000 } .product--detail-info .product--services-info .product--service-i { display: block; padding: 5px 5px 5px 0; float: left; margin: 0 5px 0 0 } .product--detail-info .product--services-info .product--service-i span { display: block; background: url("https://s1.tdp.ru/desktop/img/icons/product/services--i.png") no-repeat; width: 34px; height: 25px } .product--detail-info .product--services-info .product--service-i span.i__isDeliveryTo15 { background-position: 0 0 } .product--detail-info .product--services-info .product--service-i span.i__isDeliveryTo18 { background-position: -350px 0 } .product--detail-info .product--services-info .product--service-i span.i__coloringPossible { background-position: -312px 0 } .product--detail-info .product--services-info .product--service-i span.i__coloringRequired { background-position: -281px 0 } .product--detail-info .product--services-info .product--service-i span.i__isSawing { background-position: -245px 0 } .product--detail-info .product--services-info .product--service-i span.i__isDeliveryTo36 { background-position: -455px 0 } .product--detail-info .product--services-info .product--service-i span.i__isDeliveryTo35 { background-position: -565px 0 } .product--detail-info .product--services-info .product--service-i span.i__isDeliveryTo5 { background-position: -35px 0 } .product--detail-info .product--services-info .product--service-i span.i__isManipulator { background-position: -70px 0 } .product--detail-info .product--services-info .product--service-i span.i__isNoLifting { background-position: -105px 0 } .product--detail-info .product--services-info .product--service-i span.i__isNoLiftLifting { background-position: -140px 0 } .product--detail-info .product--services-info .product--service-i span.i__isNoPassengerLift { background-position: -385px 0 } .product--detail-info .product--services-info .product--service-i span.i__qualityMark { background-position: -488px 0 } .product--detail-info .product--services-info .product--service-i span.i__isUnloadingOnly { background-position: -175px 0 } .product--detail-info .product--services-info .product--service-i span.i__isDouble { background-position: -525px 0; width: 35px } .product--detail-info .product--services-info .product--service-i span.i__thumbs { background: url("https://s1.tdp.ru/desktop/img/icons/actions/thumbs__icons.png") no-repeat; background-size: contain } .product--detail-info .product--services-info .product--service-i span.stock--thumbs { background: url("https://s1.tdp.ru/desktop/img/icons/actions/thumbs__icons.png") no-repeat } .product--detail-info .product--services-info .product--service-i span.stock--ceresit { background: url("https://s1.tdp.ru/desktop/img/icons/actions/ceresit__icons.png") no-repeat; background-size: contain } .product--detail-info .product--services-info .product--service-i span.stock--ceresit__t { background: url("https://s1.tdp.ru/desktop/img/icons/actions/ceresit_500.png") no-repeat; background-size: contain } .product--detail-info .product--services-info .product--service-i span.stock--cigel { background: url("https://s1.tdp.ru/desktop/img/icons/actions/cigel__icons.png") no-repeat; background-size: 100%!important } .product--detail-info .product--services-info .product--service-i span.stock--double { background: url("https://s1.tdp.ru/desktop/img/icons/product/services--i.png") -525px 0 no-repeat; width: 35px } .product--detail-info .product--services-info .product--service-i span.stock--oae { background: url("https://s1.tdp.ru/desktop/img/icons/actions/oae__icons.png") 0 0 no-repeat; background-size: contain!important } .product--detail-info .product--services-info .product--service-i span.stock--schneider { background: url("https://s1.tdp.ru/desktop/img/icons/actions/schneider__icons.png") 0 0 no-repeat; background-size: contain!important } .product--detail-info .product--services-info .product--service-i span.stock--vest, .product--detail-info .product--services-info .product--service-i span.stock--vest__t { background: url("https://s1.tdp.ru/desktop/img/icons/actions/vest__icons.png") 0 0 no-repeat; background-size: contain!important } .product--detail-info .product--services-info .product--service-i span.stock--saint_gobain { background: url("https://s1.tdp.ru/desktop/img/icons/actions/saint_gobain__icons.png") 0 0 no-repeat; background-size: contain!important } .product--detail-info .product--services-info .product--service-i span.stock--millionaire { background: url("https://s1.tdp.ru/desktop/img/icons/actions/millionaire.png") 0 0 no-repeat; background-size: contain!important } .product--detail-info .product--services-info .product--service-i span.stock--rhcp { background: url("https://s1.tdp.ru/desktop/img/icons/actions/irland_pic.png") 0 0 no-repeat; background-size: contain!important } .product--detail-info .product--services-info .product--service-i span.stock--hidden { display: none } .product--detail-info .product--services-info .product--serv-info { min-width: 350px; padding: 30px; top: 40px; background: #fff; border: 1px solid #ccc; box-shadow: 0 0 5px 0 #b2b2b2 } .product--detail-info .product--services-info .product--serv-info.modal--left { left: -35px!important } .product--detail-info .product--services-info .product--serv-info:before { content: ""; margin-bottom: -1px; border-color: #b2b2b2; color: #b2b2b2; top: -8px; border-left: 8px solid transparent!important; border-right: 8px solid transparent!important; border-bottom: 8px solid; display: block; width: 0; height: 0; position: absolute } .product--detail-info .product--services-info .product--serv-info:after { content: ""; border-color: #fff!important; top: -7px; border-left: 7px solid transparent!important; border-right: 7px solid transparent!important; border-bottom: 7px solid; display: block; width: 0; height: 0; position: absolute } .product--detail-info .product--stock-info { position: absolute } .product--detail-info .product--stock-info.top { top: 0 } .product--detail-info .product--stock-info.bottom { bottom: 100px } .product--detail-info .product--stock-info.left { left: 0 } .product--detail-info .product--stock-info.right { right: 0 } .product--detail-info .product--stock-info .product--stock-i { display: block; float: left; margin: 0 5px 0 0 } .product--detail-info .product--stock-info.action--instock .product--stock-i { padding: 0 5px 0 0; left: 10px } .product--detail-info .product--stock-info .product--stock-i span { display: block } .product--detail-info .product--stock-info.action--burns .product--stock-i span.stock--img { background: url("https://s1.tdp.ru/desktop/img/templates/sticker_hot.svg") no-repeat; height: 50px; width: 75px } .product--detail-info .product--stock-info.action--novelty .product--stock-i span.stock--img { background: url("https://s1.tdp.ru/desktop/img/templates/sticker_new.svg") no-repeat; height: 35px; width: 75px } .product--detail-info .product--stock-info.action--profit .product--stock-i span.stock--img { background: url("https://s1.tdp.ru/desktop/img/templates/sticker_discount.svg") no-repeat; height: 35px; width: 40px } .product--detail-info .product--stock-info.action--instock .product--stock-i span.stock--img { background: url("https://s1.tdp.ru/desktop/img/templates/sticker_time.svg") no-repeat; height: 35px; width: 40px } .product--detail-info .product--stock-info.action--double .product--stock-i span.stock--img { background: url("https://s1.tdp.ru/desktop/img/icons/actions/x2__icons.png") no-repeat; background-size: contain; width: 50px; height: 36px } .product--detail-info .product--stock-info.top .product--st-info { min-width: 350px; max-width: 360px; padding: 30px; top: 5px; background: #fff; border: 1px solid #ccc; box-shadow: 0 0 5px 0 #b2b2b2 } .product--detail-info .product--stock-info.left .product--st-info { left: 100px!important } .product--detail-info .product--stock-info.right .product--st-info { left: 60px!important } .product--detail-info .product--stock-info.action--instock .product--st-info { top: 0; left: -380px!important } .product--detail-info .product--stock-info.top .product--st-info:before { content: ""; margin-bottom: -1px; border-color: #b2b2b2; color: #b2b2b2; border-top: 8px solid transparent!important; border-bottom: 8px solid transparent!important; border-right: 8px solid; display: block; width: 0; height: 0; position: absolute } .product--detail-info .product--stock-info.top .product--st-info:after { content: ""; border-color: #fff!important; border-top: 7px solid transparent!important; border-bottom: 7px solid transparent!important; border-right: 7px solid; display: block; width: 0; height: 0; position: absolute } .product--detail-info .product--stock-info.bottom .product--st-info { min-width: 350px; padding: 30px; bottom: 5px; left: 100px!important; background: #fff; border: 1px solid #ccc; box-shadow: 0 0 5px 0 #b2b2b2 } .product--detail-info .product--stock-info.action--double .product--st-info { left: 70px!important } .product--detail-info .product--stock-info.bottom .product--st-info:before { content: ""; margin-bottom: -1px; border-color: #b2b2b2; color: #b2b2b2; border-top: 8px solid transparent!important; border-bottom: 8px solid transparent!important; border-right: 8px solid; display: block; width: 0; height: 0; position: absolute } .product--detail-info .product--stock-info.bottom .product--st-info:after { content: ""; border-color: #fff!important; border-top: 7px solid transparent!important; border-bottom: 7px solid transparent!important; border-right: 7px solid; display: block; width: 0; height: 0; position: absolute } .product--detail-info .product--stock-info.top .product--st-info:before { top: 15px } .product--detail-info .product--stock-info.top .product--st-info:after { top: 16px } .product--detail-info .product--stock-info.bottom .product--st-info:before { bottom: 15px } .product--detail-info .product--stock-info.bottom .product--st-info:after { bottom: 16px } .product--detail-info .product--stock-info.left .product--st-info:before { left: -8px!important } .product--detail-info .product--stock-info.left .product--st-info:after { left: -7px!important } .product--detail-info .product--stock-info.right .product--st-info:before { left: -8px!important } .product--detail-info .product--stock-info.right .product--st-info:after { left: -7px!important } .product--detail-info .product--stock-info.action--instock .product--st-info:before { right: -8px; left: auto!important; border-right: none; border-left: 8px solid } .product--detail-info .product--stock-info.action--instock .product--st-info:after { right: -7px; left: auto!important; border-right: none; border-left: 7px solid } .product--detail-info .product--text-info { display: table; width: 100%; clear: both } .product--detail-info .product--text-info .text--common { width: 100% } .product--detail-info .product--text-info .text--common p { font-size: 15px; line-height: 18px; margin: 0 0 10px } .product--detail-info .product--text-info .text--formated p { font-size: 15px; line-height: 20px } .product--detail-info .product--specification-info { display: table; width: 100%; margin: 10px 0 0; clear: both } .product--detail-info .product--specification-info .specification--title { padding: 10px 0 } .product--detail-info .product--specification-info .specification--title h2 { font-weight: 200; margin: 0; font-size: 24px; line-height: 26px } .product--detail-info .product--specification-info .specification--table { clear: both } .product--detail-info .product--specification-info .specification--table table { width: 100%; border: 1px solid #b2b2b2 } .product--detail-info .product--specification-info .specification--table table tr { background: #fff; border-bottom: 1px solid #e5e5e5 } .product--detail-info .product--specification-info .specification--table table tr:nth-child(2n) { background: #f3f3f3 } .product--detail-info .product--specification-info .specification--table table tr:last-child { border-bottom: none } .product--detail-info .product--specification-info .specification--table table td { font-size: 15px; line-height: 16px; text-align: left; padding: 3% 2% } .product--detail-info .product--specification-info .specification--table table td:first-child { padding: 3% 2%; width: 56%; border-right: 1px solid #b2b2b2 } .product--detail-info .product--specification-info .specification--table table td:last-child { padding: 3% 2%; width: 36% } .product--detail-info .product--specification-info .specification--detailed-table table td, .product--detail-info .product--specification-info .specification--detailed-table table th { padding: 5px!important; width: auto!important; border-right: 1px solid #b2b2b2 } .product--detail-info .product--prices { width: 240px; height: 100% } .product--prices .prices--info { position: relative; padding: 15px 10px 15px 5px; border: 1px solid #e0e0e0 } .product--prices .prices--info .price--card { display: table; width: 100% } .product--prices .prices--info .price--card p { text-align: right } .product--prices .prices--info .price--card p.c--type-text { font-size: 15px; line-height: 18px; padding: 0 4px 0 0 } .product--prices .prices--info .price--card p.c--type-val { font-size: 36px; line-height: 38px; padding: 0 0 5px; font-weight: 700 } .product--prices .prices--info .price--card p.c--type-val #rouble--b { margin-left: -10px } .product--prices .prices--info .price--retail { display: table; width: 100%; padding: 3px 0 } .product--prices .prices--info .price--retail p { text-align: right } .product--prices .prices--info .price--retail p.c--type-val { font-size: 28px; line-height: 28px; color: #999 } .product--prices .prices--info .price--retail p.c--type-val #rouble--g { margin-left: -10px } .product--prices .prices--info .price--special { display: table; width: 100%; padding: 5px 0 0 } .product--prices .prices--info .price--special p { text-align: right } .product--prices .prices--info .price--special p.c--type-text { font-size: 12px; line-height: 14px; color: #ff2b29 } .product--prices .prices--info .price--special p.c--type-val { font-size: 18px; line-height: 18px; color: #ff2b29 } .product--prices .prices--info .price--special p.c--type-val #rouble--r { margin-left: -5px } .product--prices .prices--info .price--unit { display: table; width: 100%; padding: 5px 7px 5px 0 } .product--prices .prices--info .unit--wrapper { display: block; float: right; width: auto; text-align: right } .product--prices .prices--info .price--unit p { font-size: 15px; line-height: 20px; text-align: right } .product--prices .prices--info .price--unit .unit--select { display: inline-block; padding: 3px 5px; margin: 0 0 0 2px; cursor: pointer } .product--prices .prices--info .price--unit .unit--select.unit--active { background: #000; cursor: default } .product--prices .prices--info .price--unit .unit--select.unit--active p { color: #fff; border-bottom: 1px solid transparent } .product--prices .prices--info .price--unit .unit--select p { font-size: 13px; line-height: 13px; color: #707070; border-bottom: 1px dotted #707070; transition: .2s; -webkit-transition: .2s } .product--prices .prices--info .price--unit .unit--select:hover p { border-bottom: 1px solid transparent } .product--prices .prices--info .price--points { display: table; width: 100%; padding: 3px 7px 0 0 } .product--prices .prices--info .price--points p { text-align: right } .product--prices .prices--info .price--points p.c--type-val { font-size: 12px; line-height: 17px; color: #999 } .product--prices .prices--info .price--unit-desc { position: relative; display: table; width: 238px; min-height: 30px; border-top: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0; margin: 10px 0 5px; padding: 10px; left: -5px } .product--prices .prices--info .price--unit-desc:before { content: ""; position: absolute; margin-bottom: -1px; border-color: #e0e0e0; color: #e0e0e0; top: -8px; left: 20px; border-left: 8px solid transparent!important; border-right: 8px solid transparent!important; border-bottom: 8px solid; display: block; width: 0; height: 0 } .product--prices .prices--info .price--unit-desc:after { content: ""; position: absolute; border-color: #fff!important; top: -7px; left: 21px; border-left: 7px solid transparent!important; border-right: 7px solid transparent!important; border-bottom: 8px solid; display: block; width: 0; height: 0 } .product--prices .prices--info .price--unit-desc .unit--desc-i { display: inline-block; vertical-align: top; width: 15px; height: 15px; margin: 8px 10px 0 0; background: url("https://s1.tdp.ru/desktop/img/icons/product/unit--i.png") 50% no-repeat; background-size: cover } .product--prices .prices--info .price--unit-desc .unit--desc-t { display: inline-block; width: 85% } .product--prices .prices--info .price--unit-desc .unit--desc-t p { font-size: 13px; line-height: 15px } .product--prices .prices--info .price--unit-desc .unit--desc-t p span { display: block } .product--prices .product--to-cart { display: table; width: 100%; padding: 5px 0 } .product--prices .product--to-cart .to-cart--count { position: relative; width: 65px; height: 40px; float: left; padding: 0 0 0 5px } .product--prices .product--to-cart .to-cart--count input.count--input { display: block; width: 36px; height: 40px; background: #fff; border: 1px solid #ccc; text-align: center; font-size: 14px; line-height: 16px; border-right: none } .product--prices .product--to-cart .to-cart--count span { display: block; position: absolute; width: 25px; height: 20px; border: 1px solid #ccc; cursor: pointer; transition: .2s linear; -webkit-transition: .2s linear } .product--prices .product--to-cart .to-cart--count span:hover { background-color: #909090 } .product--prices .product--to-cart .to-cart--count span:after { content: ""; display: block; position: relative; top: -1px; width: 25px; height: 19px; background: url("/img/jquery.fs.stepper-arrows.png") no-repeat } .product--prices .product--to-cart .to-cart--count span.count--up { top: 0; right: 0 } .product--prices .product--to-cart .to-cart--count span.count--down { bottom: 0; right: 0; border-top: none } .product--prices .product--to-cart .to-cart--count span.count--up:after { background-position: -28px 0 } .product--prices .product--to-cart .to-cart--count span.count--down:after { background-position: -28px -20px } .product--prices .product--to-cart .to-cart--count span.count--up:hover:after { background-position: -1px 0 } .product--prices .product--to-cart .to-cart--count span.count--down:hover:after { background-position: -1px -20px } .product--prices .product--to-cart .to-cart--button { float: right } .product--prices .product--to-cart .to-cart--button .tc--button { position: relative; width: 150px; height: 40px; padding: 0 0 0 20px; line-height: 40px; text-transform: uppercase; text-align: center; border: none; display: inline-block; vertical-align: middle; outline: none; background: #f90; cursor: pointer; transition: .2s linear; -webkit-transition: .2s linear } .product--prices .product--to-cart .to-cart--button .tc--button.btn_cart_already, .product--prices .product--to-cart .to-cart--button .tc--button.btn_cart_already:hover { background: #999; cursor: default } .product--prices .product--to-cart .to-cart--button .tc--button:hover { background: #333 } .product--prices .product--to-cart .to-cart--button .tc--button span.tc--text { font-size: 14px; line-height: 40px; color: #fff; text-transform: none; margin-left: -50px; display: inline-block; } .product--prices .product--to-cart .to-cart--button .tc--button svg.tc--icon { display: inline-block; vertical-align: middle; position: absolute; top: 10px; left: 99px; width: 20px; height: 20px; background: none; fill: #fff } .product--prices .product--solitary-shipping { position: relative; display: table; width: 238px; min-height: 30px; border-top: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0; margin: 10px 0 5px; left: -5px; background: #f3f3f3 } .product--prices .product--solitary-shipping:before { content: ""; position: absolute; margin-bottom: -1px; border-color: #e0e0e0; color: #e0e0e0; top: -8px; left: 20px; border-left: 8px solid transparent!important; border-right: 8px solid transparent!important; border-bottom: 8px solid; display: block; width: 0; height: 0 } .product--prices .product--solitary-shipping:after { content: ""; position: absolute; border-color: #f3f3f3!important; top: -7px; left: 21px; border-left: 7px solid transparent!important; border-right: 7px solid transparent!important; border-bottom: 8px solid; display: block; width: 0; height: 0 } .product--prices .product--solitary-shipping .solitary-shipping--text { padding: 13px } .product--prices .product--solitary-shipping .solitary-shipping--text p { font-size: 13px; line-height: 16px; text-align: right } .product--prices .product--stock-gift { position: relative; display: table; width: 238px; min-height: 30px; border-top: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0; margin: 10px 0 5px; left: -5px } .product--prices .product--stock-gift:before { content: ""; position: absolute; margin-bottom: -1px; border-color: #e0e0e0; color: #e0e0e0; top: -8px; left: 20px; border-left: 8px solid transparent!important; border-right: 8px solid transparent!important; border-bottom: 8px solid; display: block; width: 0; height: 0 } .product--prices .product--stock-gift:after { content: ""; position: absolute; border-color: #fff!important; top: -7px; left: 21px; border-left: 7px solid transparent!important; border-right: 7px solid transparent!important; border-bottom: 8px solid; display: block; width: 0; height: 0 } .product--prices .product--stock-gift .stock-gift--text { padding: 10px } .product--prices .product--stock-gift .stock-gift--text:before { content: ""; display: block; float: left; width: 35px; height: 45px; margin: 10px 10px 0 0; background: url("/common/img/icons/gift.png") no-repeat; background-size: 100% } .product--prices .product--stock-gift .stock-gift--text p { font-size: 13px; line-height: 16px } .product--prices .product--stock-gift .stock-gift--text p:first-child { padding: 10px 0 5px } .product--prices .product--stock-gift .stock-gift--text p:last-child { text-align: right; font-size: 12px; color: #999 } .product--prices .product--stock-gift .stock-gift--text p a { cursor: pointer } .product--prices .product--compare { display: table; width: 100%; padding: 10px 0 0; text-align: right; cursor: pointer } .product--prices .product--compare span.compare--t { font-size: 14.5px; line-height: 16px; margin: 0 10px } .product--prices .product--compare span.compare--i { display: inline-block; width: 21px; height: 21px; border: 1px solid #ccc } .product--prices .product--compare span.compare--i .c--i { display: inline-block; vertical-align: middle; width: 20px; height: 20px; background: none; fill: #999; transition: .25s linear; -webkit-transition: .25s linear } .product--prices .product--compare:hover .c--i { transform: rotate(90deg) } .product--prices .product--compare.active:hover .c--i { transform: rotate(0) } .product--prices .product--compare:hover span.compare--t { border-bottom: 1px dotted #ccc } .product--prices .existence--info { padding: 12px 0px 0px 20px; border: 1px solid #e0e0e0; border-top: none; } .product--prices .existence--info .exist--title { font-size: 14px; line-height: 16px } .product--prices .existence--info .exist--title.active { color: #093 } .product--prices .existence--info .exist--title.not--active { color: #ff2b29; text-align: center } .product--prices .existence--info .exist--sity { font-size: 19px; line-height: 22px; font-weight: 200; padding: 5px 0 10px } .product--prices .existence--info .exist--table { width: 100% } .product--prices .existence--info .exist--table thead tr td { font-size: 12px; line-height: 14px; color: #999; padding: 5px 0 10px } .product--prices .existence--info .exist--table thead tr td:fisrt-child { text-align: left } .product--prices .existence--info .exist--table thead tr td:last-child { text-align: right } .product--prices .existence--info .exist--table tbody { widht: 100% } .product--prices .existence--info .exist--table tbody tr td { font-size: 14px; line-height: 16px; padding: 0 0 7px } .product--prices .existence--info .exist--table tbody tr td:first-child { text-align: left } .product--prices .existence--info .exist--table tbody tr td:last-child { text-align: right } .product--prices .documents--info { display: table; width: 100%; padding: 10px } .product--prices .documents--info h2.docs--title { font-size: 19px; line-height: 22px; font-weight: 200; margin: 0; padding: 5px 0 10px } .product--prices .documents--info .docs--item { position: relative; float: left; margin: 5px 5px 0 0; padding: 5px; border: 1px solid #b2b2b2; transition: .15s linear; -webkit-transition: .15s linear } .product--prices .documents--info .docs--item:hover { box-shadow: inset 0 0 5px 0 #b2b2b2; -webkit-box-shadow: inset 0 0 5px 0 #b2b2b2 } .product--prices .documents--info .docs--item .docs--img { position: relative; max-width: 50px; max-height: 60px } .product--prices .documents--info .docs--item .docs--preview { padding: 5px; cursor: pointer } .product--prices .documents--info .docs--item .docs--preview:before { content: ""; display: block; width: 25px; height: 30px; background: url("https://s1.tdp.ru/desktop/img/icons/product/print--i.png") -70px 0 no-repeat } .product--prices .documents--info .docs--item .docs--modal { position: fixed; width: 100%; height: 100%; top: 0; left: 0; background: rgba(0, 0, 0, .6); z-index: 999; overflow: scroll; opacity: 0; transition: .2s linear; -webkit-transition: .2s linear } .product--prices .documents--info .docs--item .docs--modal img { max-width: 90%; max-height: 94%; margin: 30px auto 0; display: block } .product--prices .documents--info .docs--item .docs--modal iframe { display: block; margin: 4% auto } .product--prices .documents--info .docs--item .helper--area { position: fixed; padding: 5px; bottom: 50px; left: 50%; margin-left: -55px } .product--prices .documents--info .docs--item .helper--area:after { content: ""; display: block; position: absolute; top: 8px; left: 54px; width: 2px; height: 42px; background: #fff } .product--prices .documents--info .docs--item .helper--area span { display: block; float: left; padding: 10px; background: #b2b2b2; background-color: #b2b2b2; transition: .2s; -webkit-transition: .2s; cursor: pointer } .product--prices .documents--info .docs--item .helper--area span:hover { background: #676767; background-color: #676767 } .product--prices .documents--info .docs--item .helper--area a { display: block; width: 30px; height: 30px; background: url("https://s1.tdp.ru/desktop/img/icons/product/print--i.png") no-repeat } .product--prices .documents--info .docs--item a.helper--print { background-position: -172px 0 } .product--prices .documents--info .docs--item a.helper--download { background-position: -205px 0 } .product--prices .documents--info .docs--item:hover p { border-bottom: 1px dotted #fff } .product--prices .documents--info .docs--item p { display: inline-block; font-size: 14px; line-height: 16px; padding: 0 0 1px; margin: 0 0 7px; border-bottom: 1px dotted #ccc; transition: .1s linear; -webkit-transition: .1s linear } .product--prices .documents--info .docs--item .docs--print { display: none; position: absolute; left: -135px; top: -23px; border: 1px solid #b2b2b2; box-shadow: 0 0 10px 1px #b2b2b2; -webkit-box-shadow: 0 0 10px 1px #b2b2b2; background: #fff; z-index: 9 } .product--prices .documents--info .docs--item .docs--print:before { content: ""; margin-bottom: -1px; border-color: #b2b2b2; color: #b2b2b2; right: -6px; left: auto; top: 25px; border-bottom: 6px solid transparent!important; border-top: 6px solid transparent!important; border-left: 6px solid; display: block; width: 0; height: 0; position: absolute } .product--prices .documents--info .docs--item .docs--print:after { content: ""; border-color: #fff!important; right: -5px; left: auto; top: 26px; border-top: 5px solid transparent!important; border-bottom: 5px solid transparent!important; border-left: 5px solid; display: block; width: 0; height: 0; position: absolute } .product--prices .documents--info .docs--item .docs--print span { display: block; width: 60px; height: 60px; padding: 15px; float: left; transition: .2s linear; -webkit-transition: .2s linear } .product--prices .documents--info .docs--item .docs--print span:hover { background-color: #efefef } .product--prices .documents--info .docs--item .docs--print span:last-child { border-left: 1px solid #b2b2b2 } .product--prices .documents--info .docs--item .docs--print span:after { content: ""; display: block; width: 30px; height: 30px; background: url("https://s1.tdp.ru/desktop/img/icons/product/print--i.png") no-repeat } .product--prices .documents--info .docs--item .docs--print span.call--download:after { background-position: 0 0 } .product--prices .documents--info .docs--item .docs--print span.call--printed:after { background-position: -35px 0 } .product--detail-related { width: 100%; padding: 0px 0 0 } .product--detail-related .related--title { display: table; width: 100%; padding: 10px 0; } .product--detail-related .related--title h2 { font-size: 22px; font-weight: 200; line-height: 26px; margin: 0; padding: 0 0 5px } .product--detail-related .related--choose { display: none; width: 80%; float: left; padding: 0 10px 0 5px } .product--detail-related .related--choose p { display: inline-block; vertical-align: top; font-size: 14px; line-height: 15px; padding: 2px 5px 2px 0 } .product--detail-related .related--more { display: none; width: 20%; float: left; text-align: right } .product--detail-related .related--more a { font-size: 14px; line-height: 15px; text-decoration: underline; cursor: pointer } .product--detail-related .related--more a:hover { text-decoration: none } .product--detail-related .related--choose ul.related--tabs { display: inline-block; max-width: 100% } .product--detail-related .related--choose li.tab--link { display: inline-block; font-size: 14px; line-height: 15px; padding: 2px 10px 2px 0; margin: 0 0 10px 5px; border-right: 1px solid #ccc; color: #666 } .product--detail-related .related--choose li.tab--link span { border-bottom: 1px dotted #666; transition: .2s linear; -webkit-transition: .2s linear; cursor: pointer } .product--detail-related .related--choose li.tab--link span:hover { border-bottom: none; color: #000 } .product--detail-related .related--choose li.tab--link.related--active span { border-bottom: none } .product--detail-related .related--choose li.tab--link.related--active { color: #000; font-weight: 700; border-bottom: none } .product--detail-wrapper .modal--call { cursor: pointer } .product--detail-wrapper .modal--area { position: relative } .product--detail-wrapper .modal--area .modal--full { display: none; position: absolute; z-index: 9 } .product--detail-wrapper .modal--area .modal--full .m--title { font-size: 15px; line-height: 17px; margin: 0 0 20px; font-weight: 700; text-align: left } .product--detail-wrapper .modal--area .modal--full .m--text { font-size: 13px; line-height: 16px; margin: 0 0 5px; text-align: left } .product--detail-wrapper .related--result { position: relative; width: 105%; overflow: hidden; max-height: 410px; min-height: 410px } .product.related__list { height: 400px } .product.related__list .product_photo { height: 130px } .product.related__list .product_photo img { max-width: 110px; max-height: 110px } .product.related__list .product_description a { left: 0; word-break: break-word } .product.related__list .product_price_club_card { bottom: 110px } .product.related__list .product_price_club_card span.product_price_club_card_text { margin-right: 15px } .product.related__list .product_price_default { bottom: 80px } .product.related__list .btn_cart, .product.related__list .product_count_wrapper { bottom: 10px } .product.related__list .product_status_info { margin: 0 0 9px; padding-bottom: 9px } .product.related__list .product_units { bottom: 55px } .product--detail-wrapper .row_products_header { margin: 0 0 10px } .product--detail-wrapper .product__page { max-height: 430px; min-height: 430px } .product--detail-wrapper .product__page .product { height: 400px } .product--detail-wrapper .product__page .product_photo { height: 130px } .product--detail-wrapper .product__page .product_photo img { max-width: 110px; max-height: 110px } .product--detail-wrapper .product__page .product_price_club_card { bottom: 110px } .product--detail-wrapper .product__page .product_price_default { bottom: 80px } .product--detail-wrapper .product__page .product_units { bottom: 55px } .product--detail-wrapper .product__page .product_price_club_card_text { padding: 0 10px } .product--detail-wrapper .product__page .btn_cart, .product--detail-wrapper .product__page .product_count_wrapper { bottom: 10px } .product--detail-wrapper .product__page .product_status_info { margin: 0 0 9px; padding-bottom: 9px } .product--detail-wrapper .product__page .product_add_compare { display: none } .product--detail-wrapper .product__retailRocket { width: 750px } .product--detail-wrapper .more--info { clear: both; padding: 20px 5px 5px } .product--detail-wrapper .more--info-item { display: inline-block; border: 1px solid #ccc; border-radius: 10px 10px 0 0; padding: 13px 10px 10px; height: 50px; text-align: center; position: relative; z-index: 5; background: #fff; text-transform: uppercase } .product--detail-wrapper .more--info-item-current { border-bottom: none } .product--detail-wrapper .more--info-list-block { width: 100% } .product--detail-wrapper .more--description-info { width: 100%; border: 1px solid #ccc; padding: 20px 15px 15px } .product--detail-wrapper .more--info-list { position: relative; z-index: 2; margin-bottom: -2px } .product--detail-wrapper .more--info-link { display: block; width: 100%; height: 100%; text-decoration: none } .product--detail-wrapper .more--info-paragraph { font-size: 22px } .product--detail-wrapper .more--info-description-title { font-weight: 700; margin-bottom: 4px; font-size: 15px } .product--detail-wrapper .more--info-description-text { margin-bottom: 10px } .tabs__switcher { display: inline-block; width: 100%; clear: both; padding: 20px 7px 10px } .tabs__switcher .tabs__choose { position: relative; width: 100%; top: 1px } .tabs__switcher .tabs__choose .tabs__link { position: relative; display: inline-block; padding: 10px; border: 1px solid #e0e0e0; background: #fff; /* border-radius: 10px 10px 0 0; -webkit-border-radius: 10px 10px 0 0; */ cursor: pointer; outline: none } .tabs__switcher .tabs__choose .tabs__link h2 { font-size: 14px; font-weight: 200; line-height: 20px; text-transform: uppercase; text-align: center; margin: 0; -moz-user-select: none; -khtml-user-select: none; user-select: none } .tabs__switcher .tabs__choose .tabs__link span .sp--preview-count { position: absolute; display: inline-block; top: -7px; right: -2px; padding: 2px 5px; font-size: 12px; line-height: 12px; background: #fff; border: 1px solid #ccc; border-radius: 50%; -webkit-border-radius: 50%; z-index: 3 } .tabs__switcher .tabs__choose .tabs__link span .sp--preview-count:empty { display: none } .tabs__switcher .tabs__choose .tabs__link._active { border-bottom: 1px solid #fff } .tabs__switcher .tabs__content { width: 100%; padding: 20px; border: 1px solid #e0e0e0; box-sizing: border-box } .tabs__switcher .tabs__content:empty { display: none } .tabs__switcher .tabs__content .tabs__inner { display: none; /* min-height: 200px */ } .tabs__switcher .tabs__content .tabs__inner._active { display: block } .tabs__loaded { margin: auto; width: 50px; height: 50px; text-align: center } .tabs__loaded:before { content: ""; display: block; width: 30px; height: 30px; margin: 5px auto; border: 2px solid #000; border-radius: 50%; border-left-color: transparent; border-right-color: transparent; animation: _cssload-spin 1.7s infinite linear; -o-animation: _cssload-spin 1.7s infinite linear; -ms-animation: _cssload-spin 1.7s infinite linear; -webkit-animation: _cssload-spin 1.7s infinite linear; -moz-animation: _cssload-spin 1.7s infinite linear } .product--detail-wrapper .product_full_extra .product_price_club_card_text { margin-right: 10px } @media (min-width: 0) and (max-width: 999px) { .product--detail-wrapper { padding: 5px 0; } .product--detail-info .product--gallery-wrapper { width: 490px; min-width: 490px } .product--detail-info .product--gallery { height: 0 } .product--detail-info .product--stock-info.top.right .product--st-info { max-width: 255px; min-width: 255px } .product--detail-info .product--gallery-wrapper { margin: 0 0 30px } .product--detail-info .product--gallery img { width: 100% } .product--detail-info { position: relative; } .product--detail-info .product--services-info { padding: 0 15px 0 0; margin: 0 15px 20px 0 } .product--detail-info .product--prices { position: absolute; max-width: 240px; height: inherit; top: 0; right: 0 } .product--detail-related .related--choose { width: 70%; padding: 0 10px } .product--detail-related .related--choose ul.related--tabs { display: block; width: 100%; max-width: 95%; margin-left: -5px; margin-top: 10px } .product--detail-related .related--choose li.tab--link { font-size: 13px; padding: 2px 10px 2px 0; margin: 0 0 10px 5px } .product--detail-related .related--choose p { padding: 2px 5px 2px 0 } .product--detail-area { width: 75%; min-height: 400px; display: flex; display: -webkit-flex; flex-flow: row wrap; -webkit-flex-flow: row wrap } .product--detail-wrapper .product_full_extra { width: 66% } } @media (max-width: 999px) { .tabs__switcher .tabs__content { width: 88% } } @media (min-width: 1000px) and (max-width: 1249px) { .product--detail-wrapper { width: 975px; padding: 10px 0; margin: 0 5px } .product--detail-area { width: 75%; min-height: 400px; display: flex; display: -webkit-flex; flex-flow: row wrap; -webkit-flex-flow: row wrap } .product--detail-title p.product--code { font-size: 13px } .product--carousel-wrapper, .product--detail-info .product--gallery-wrapper { flex: 1 auto; -webkit-flex: 1 auto } .product--detail-info .product--description { flex: 1 40%; -webkit-flex: 1 40% } .product--detail-info .product--services-info { padding: 0 10px 0 0; margin: 0 10px 20px 0 } .product--detail-info .product--gallery-wrapper { max-width: 380px; max-height: 550px; min-width: 380px; padding: 0 20px 0 0 } .product--detail-info .product--gallery { width: 100%; min-height: 400px; max-width: 350px; min-width: 350px } .product--detail-related .related--choose p { padding: 1px 5px 2px 0 } .product--detail-info .product--prices { position: relative; left: 20px } .tabs__switcher .tabs__content { width: 103% } } @media (min-width: 1250px) { .product--detail-wrapper { width: 1240px; padding: 10px 0 40px } .product--detail-area { width: 81%; min-height: 400px } .product--detail-title p.product--code { font-size: 14px } .product--detail-info .product--gallery { min-height: 400px } .product--detail-info .product--gallery-wrapper { max-width: 450px; float: left } .product--detail-info .product--description { float: none; max-width: 100%; padding: initial; } .product--carousel-wrapper { clear: both } .product--detail-related .related--more { padding: 0 10px } .product--detail-wrapper .product__retailRocket { width: 1000px } } .bottom-catalog-info__for-buyer { padding-top: 40px; padding-bottom: 15px; padding-left: 7px } .feedback__error-page .feedback__error-form { background-color: #f0f0f0; border: 1px solid #ccc; width: 95%; margin: 0 auto; padding: 20px; box-sizing: border-box; margin-bottom: 50px; font-size: 16px } .feedback__error-page .feedback__error-form-column { display: inline-block; float: left; width: 50%; box-sizing: border-box; padding: 0 10px } .feedback__error-page .feedback__error-label { display: block; font-size: 16px; text-align: left; margin-bottom: 3px } .feedback__error-page .feedback__error-input-texrarea { width: 100%; height: 200px; border: 1px solid #ccc; margin-bottom: 20px; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out } .feedback__error-page .feedback__error-input-texrarea:focus { border: 1px solid #999 } .feedback__error-page .feedback__error-input-text { background: #fff; border: 1px solid #ccc; height: 40px; width: 100%; padding: 3px 6px; -webkit-transition: all .15s ease-in-out; transition: all .15s ease-in-out; display: inline-block; color: #000; margin-bottom: 10px; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out } .feedback__error-page .feedback__error-input-text:focus { border: 1px solid #999 } .feedback__error-page .feedback__error-images-anons-text { margin-bottom: 5px } .feedback__error-page .feedback__error-input-docs-input { margin-bottom: 20px; display: none } .feedback__error-page .file_input_wrapper { margin-bottom: 15px } .feedback__error-page .feedback__error-checkcapcha-box { margin-bottom: 20px; display: table; position: relative } .feedback__error-page .feedback__error-checkbox-text { float: left; margin-right: 20px } .feedback__error-page .feedback__error-fake-input-capcha { height: 22px; margin: 0; padding: 0; float: left; border: 1px solid #ccc; transform: translate(0); width: 22px; background-color: #fff; cursor: pointer } .feedback__error-page .feedback__error-input-capcha { position: absolute; width: 22px; height: 22px; z-index: 99999; opacity: 0; cursor: pointer; right: 0 } .feedback__error-page .feedback__error-input-capcha:checked+.feedback__error-fake-input-capcha { background: url(/img/check-big.svg)no-repeat 50%; background-size: 17px } .feedback__error-page .feedback__error-submitBut { height: 40px; line-height: 40px; text-transform: uppercase; text-align: center; border: none; display: inline-block; padding: 0 25px; text-decoration: none; color: #fff; background: #f90; float: right } .feedback__error-page .feedback__error-submitBut:hover { background-color: #333 } .feedback__error-page .forgot__error-mesage-container { color: red; font-size: 16px; text-align: right } .feedback__error-page .feedback__error-phone-box { position: relative } .feedback__error-page .feedback__error-phone-firstNum { position: absolute; top: 34px; left: 7px; display: block; background-color: #fff } .thin--animate { -webkit-animation-duration: .2s; animation-duration: .2s; -webkit-animation-fill-mode: both; animation-fill-mode: both } .middle--animate { -webkit-animation-duration: .3s; animation-duration: .3s; -webkit-animation-fill-mode: both; animation-fill-mode: both } .slow--animate { -webkit-animation-duration: 2.4s infinite; animation-duration: 2.4s; -webkit-animation-fill-mode: infinite; animation-fill-mode: infinite; animation-iteration-count: 1000; -webkit-animation-iteration-count: 1000 } .fixed--heading { -webkit-animation-name: fixed--heading; animation-name: fixed--heading } *, :after, :before { box-sizing: border-box } body, html { height: 100% } body { font-family: Roboto; margin: 0; padding: 0; color: #000; min-height: 100%; min-width: 768px; position: relative } body>img { position: fixed; left: -9000px } hr { display: block; height: 1px; border: 0; border-top: 1px solid #e5e5e5; margin: 59px 5px 44px; padding: 0 } hr.dashed_line { background: url("https://s1.tdp.ru/desktop/img/templates/hr-dashed.png") 0 0 repeat-x; border: none; margin: 28px 5px -6px } hr:last-child { margin-bottom: 0 } .line { margin: 1px 0 44px } .common__icons { background: url("https://s1.tdp.ru/desktop/img/icons/common_icons.png") no-repeat } audio, canvas, img, video { vertical-align: middle } fieldset { border: 0; margin: 0; padding: 0 } textarea { resize: vertical } .hidden { display: none!important } .float_left { float: left } .float_right { float: right } .clear { clear: both } .left { text-align: left!important } .center { text-align: center!important } .right { text-align: right!important } .full { text-align: justify!important } .bold { font-weight: 700 } .italic { font-style: italic } .underline { text-decoration: underline } .strike, del { text-decoration: line-through } .xx-small { font-size: 8px!important } .x-small { font-size: 12px!important } .small, small { font-size: 14px!important } .large { font-size: 18px!important } .x-large { font-size: 20px!important } .xx-large { font-size: 22px!important } .full_width { width: 100% } a { color: #000; -webkit-transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out; transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out } a.like_text { color: #000; cursor: text } a.like_text, a.like_text:hover, a.pseudo_link { text-decoration: none } a.pseudo_link { border-bottom: 1px dotted #000 } a:hover { text-decoration: none } :focus, a:focus { outline: none } textarea { resize: none } .section_title, h1 { font: 24px/28px Arial, Helvetica, sans-serif!important; margin: 0 0 17px } .user_page_content .section_title, .user_page_content h1 { padding-right: 170px } .likeh2, h2 { font: 700 16px/20px Arial, Helvetica, sans-serif; margin: 0 0 19px } .likeh3, h3 { font: 16px/20px Arial, Helvetica, sans-serif; margin: 0 0 19px } .likeh4, h4, h5 { font: 14px/20px Arial, Helvetica, sans-serif; margin: 0 0 10px } h6 { font-size: 16px; font-weight: 700; margin: 10px 0 8px } p { font-size: 14px; line-height: 18px; margin: 0 0 18px } p:last-child { margin-bottom: 0 } ul { list-style: none; margin: 0; padding: 0 } ol { list-style-position: outside; padding: 0 0 0 20px; margin: 0 0 20px } li { font-size: 14px; line-height: 20px } .nomarker { margin: 0; padding: 0 } .nomargin { margin-bottom: 0 } .marginSide { margin: 0 5px!important } img.float_left, img.left { float: left; margin: 0 20px 20px 0 } img.float_right, img.right { float: right; margin: 6px 0 20px 24px } figure.float_left { margin: 0 20px 20px 0!important } figure.float_right { margin: 6px 0 20px 24px!important } .video_container.float_left { margin: 0 20px 20px 0!important } .video_container.float_right { margin: 6px 0 20px 24px!important } .overflow_hidden { overflow: hidden } .clearfix, .grid, .modal_cart_info { *zoom: 1 } .clearfix:after, .clearfix:before, .grid:after, .grid:before, .modal_cart_info:before { display: table; line-height: 0; content: "" } .clearfix:after, .grid:after { clear: both } input, textarea { -webkit-appearance: none; -moz-appearance: none; border-radius: 0 } button::-moz-focus-inner { padding: 0; border: 0 } ::-webkit-input-placeholder { color: #ccc } :-moz-placeholder, ::-moz-placeholder { color: #ccc; opacity: 1 } :-ms-input-placeholder { color: #ccc } input::-ms-clear { display: none } .centered_parent { display: table; width: 100%; height: 100% } .centered { display: table-cell; vertical-align: middle } .categories_list, .inline_block_parent, .pagination_links, .row_container { font-size: 0; line-height: 0; letter-spacing: -1px } .pagination_links { float: left } .categories_list_item, .inline_block, .pagination_item, .row_container .row_item { font-size: 14px; line-height: normal; letter-spacing: normal; display: inline-block; vertical-align: top } .categories_list_item, .order_container, .product_full_gallery_previews img, .with_border { border: 1px solid #ccc } .video_container_inner, .with_boxshadow { box-shadow: 0 0 0 1px #b2b2b2 } .with_marker { margin: 0 0 20px } .with_marker li { position: relative; padding-left: 15px; line-height: 18px } .with_marker li:before { content: ""; display: block; background: url("https://s1.tdp.ru/desktop/img/templates/ul-dot.png") 0 0 no-repeat; width: 4px; height: 4px; top: 6px; left: 0; position: absolute } .color_grey { color: #999 } .color_grey_dark { color: #666 } .auth { display: inline-block; margin: 0 35px 0 10px; float: right; color: #fc3; text-align: center; box-sizing: border-box } .auth_enter, .auth_register { color: #fc3; text-decoration: none; border-bottom: 1px dotted #fc3; line-height: 46px } .auth_enter:hover, .auth_register:hover { color: #fff; border: none } .auth_user_link { color: #fc3; line-height: 46px; text-decoration: none } .auth_user_link:hover { color: #fff; border-bottom-color: transparent } .banner_container { display: block; overflow: hidden; border: 1px solid #b2b2b2 } .breadcrumbs { clear: both; margin: 0 5px 5px; font-size: 0; line-height: 0; letter-spacing: -1px; position: relative; padding-top: 5px } .breadcrumbs li { font-size: 16px; line-height: normal; letter-spacing: normal; display: inline-block; margin-right: 20px } .breadcrumbs IMG { margin-left: 10px } .products_empty { text-align: center; margin: 90px 0 25px } .products_empty SPAN { font-size: 20px } .product_description .breadcrumbs { margin: 5px 0 0!important } .product.product_horizontal .product_description .breadcrumbs { display: block; padding-top: 10px; padding-bottom: 10px } .product .product_description .breadcrumbs { display: none } .product_description .breadcrumbs li { font-size: 12px; font-weight: 400; margin-right: 10px; white-space: nowrap } .product_description .breadcrumbs li a { color: #666; text-decoration: underline } .product_description .breadcrumbs li a:hover { text-decoration: none } @media (min-width: 0px) and (max-width: 999px) { .breadcrumbs { margin: 0 5px 20px; padding-top: 10px } .product_page .breadcrumbs { margin-bottom: 0 } .product_page .breadcrumbs li { display: inline-block; margin-bottom: 10px } .search_page .breadcrumbs { margin: 24px 5px 23px } .product_description .breadcrumbs { margin: 0!important } } @media (min-width: 1000px) and (max-width: 1249px) { .product_description .breadcrumbs { margin: 0!important } .cart_page .breadcrumbs { margin-bottom: 0 } .product_page .breadcrumbs li { display: inline-block; margin-bottom: 5px } } .page_title { font-size: 18px; color: #999; margin: 0 0 -6px 5px } .delivery_page .page_title { margin-bottom: 14px } .page_title_big { font-size: 24px; color: #000; margin: 30px 0 5px 25px; font-weight: 700!important } .page_title__main .page_title_big { margin: 20px 0 14px 5px } .cart_page .page_title_big { font-weight: 400; margin: 0 0 15px 5px } .ng-cloak, [ng-cloak] { display: none!important } li.cart_row_content { list-style-type: none; width: 100% } .cart_total_container .ur_content.ur_content_text { display: block!important; position: absolute; margin: 0; bottom: 150px; display: none; font-size: 16px; line-height: 25px } .cart_row_content:before { display: none } .cart_row_content .position-index { position: absolute; top: 13px; left: 14px; font-weight: 700 } .tab_content { display: block } @media (min-width: 0px) and (max-width: 999px) { .page_title_big { margin: 20px 0 10px 15px } .page_title__main .page_title_big { margin: 0 0 20px 5px } } @media (min-width: 1000px) and (max-width: 1249px) { .page_title_big { margin: 15px 0 12px 15px } .page_title__main .page_title_big { margin: 15px 0 12px 5px } } .row_container { margin: 0 0 10px -5px } .row_container .row_container { margin: 0 0 10px -10px } .row_container .row_container:last-child { margin-bottom: 0 } .row_container .row_item { margin: 0 0 0 10px } .row_container .row_item_25 { width: 240px } .row_container .row_item_50 { width: 490px } .row_container .row_item_75 { width: 740px } .row_container .row_item_100 { width: 990px } @media (min-width: 0px) and (max-width: 999px) { .row_container .row_item_full { width: calc(100% - 10px) } } @media (min-width: 1000px) and (max-width: 1249px) { .row_container .row_item_full { width: calc(100% - 10px) } } .text_content .row_container { margin: 0 0 26px -10px } .text_content { margin: 46px 5px } .text_content_title { margin: 0 0 18px 20px; font-size: 24px; font-weight: 700 } .text_content>h2 { font-size: 18px; line-height: 22px } .text_content>p { font-size: 16px; line-height: 24px; margin-bottom: 15px } .text_content>p.content__bottom { font-size: 15px; line-height: 16px; margin-top: 50px } .text_content>p.gray__text { color: #a7a7a7 } .text_content .contentSpecial_area { background: #f4f4f4; margin: 20px 0; padding: 20px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px } .text_content .center__cell { text-align: center; vertical-align: middle } .text_content table.small__cell td, .text_content table.small__cell th { font-size: 12px!important; vertical-align: middle } .text_content .scroll__x { padding: 10px 0; overflow-x: auto } .text_content .center__cell th { text-align: center; vertical-align: middle } .text_content .returnInfo__area { border-top: 1px solid #ffd800; padding: 20px 0 } .text_content .returnInfo__area h2 { font-size: 20px; line-height: 24px } .text_content .returnInfo__area ul li { font-size: 12px!important; line-height: 18px!important; padding: 0 0 10px } .text_content .cardStatus__wrapper { display: table; padding: 20px 0; width: 100% } .text_content .cardStatus__item { float: left; width: 23%; min-width: 180px; margin-left: 35px; font-style: italic } .text_content .cardStatus__item p { width: 150px; margin: 15px 0; text-align: center; font-size: 12px; line-height: 18px } .text_content .cardStatus__item p.card__subtext { font-size: 11px; line-height: 16px; text-align: left; padding: 45px 0; color: #7a7a7a } .text_content .cardStatus__item p span { font-size: 22px; line-height: 24px } .text_content .cardStatus__item p a { font-size: 14px; line-height: 16px } .text_content .cardStatus__narrow { float: left; width: 35%; min-width: 250px } .text_content .cardStatus__narrow .narrow__img { height: 180px; padding: 0 0 20px } .text_content .cardStatus__narrow .narrow__img img { height: 100% } .text_content .cardStatus__narrow p { margin: 0 50px 0 0; font-size: 13px; line-height: 17px } .text_content .returnInfo__wrapper { display: table; width: 100%; padding: 20px 0 } .text_content .returnInfo__item { float: left; width: 33%; padding: 0 20px 0 0; min-width: 300px } .text_content .returnInfo__item img { max-width: 100%; max-height: 215px } .text_content .returnInfo__item p { font-size: 13px; line-height: 16px; margin: 0 0 10px } .text_content .returnInfo__item p.info__subtext { font-size: 12px; line-height: 14px; font-style: italic } .text_content .returnInfo__item table { border: none } .text_content .returnInfo__item td { border: none; padding: 0 15px 10px 0; font-size: 13px; line-height: 16px } .text_content .returnInfo__item table tbody tr:nth-child(2n) td { background: transparent } .text_content .returnInfo__itemTable { float: left; width: 33%; padding: 0 20px 0 0; min-width: 305px } .text_content .returnInfo__itemTable .table__title { font-size: 15px; line-height: 17px; border-bottom: 1px solid #ffd800; padding: 0 0 10px } .text_content .returnInfo__itemTable td, .text_content .returnInfo__itemTable th { padding: 10px 0 10px 10px } .text_content p.separation__text { position: relative; margin: 10px 0 30px; padding: 15px 0 15px 40px; border-left: 3px solid #c5c5c5; font-size: 16px; line-height: 20px } .text_content p.separation__text:before { top: 0 } .text_content p.separation__text:after, .text_content p.separation__text:before { content: ""; display: block; position: absolute; width: 20px; height: 3px; left: 0; background: #c5c5c5 } .text_content p.separation__text:after { bottom: 0 } .text_content .steps__item { width: 100%; display: table; margin-top: -1px; padding: 20px 0; border-bottom: 1px dashed #dadada; border-top: 1px dashed #dadada } .text_content .steps__item p { width: 60%; float: left; padding: 10px 50px 10px 0; font-size: 16px; line-height: 22px; text-indent: 20px } .text_content .steps__item img { display: block; float: right; max-height: 250px; max-width: 260px } .text_content .buyers__link { display: inline-block; margin: 30px auto; padding: 5px 30px; max-width: 240px; text-transform: uppercase; text-align: center; border: none; vertical-align: middle; font: 14px/40px Arial, Helvetica, sans-serif; text-decoration: none; color: #fff; background: #f90 } .text_content .buyers__link:hover { background: #333 } .text_content figure { margin: 0 0 30px } .text_content figure .figure_img { max-width: 700px; max-height: 380px } .text_content figure+p { margin-top: 24px } .text_content ol { margin: -13px 0 30px; list-style: none; counter-reset: point } .text_content ol li { font-size: 16px; line-height: 21px; margin-bottom: 3px } .text_content ol li:before { content: counter(point) "."; counter-increment: point 1; font-weight: 700; margin-right: 4px } .text_content ol li ol { margin: 4px 0 0; list-style: none } .text_content ol li ol li:before { font-style: italic; font-weight: 400 } .text_content ol li ol li:first-child:before { content: "\430." } .text_content ol li ol li:nth-child(2):before { content: "\431." } .text_content ol li ol li:nth-child(3):before { content: "\432." } .text_content ol li ol li:nth-child(4):before { content: "\433." } .text_content ol li ol li:nth-child(5):before { content: "\434." } .text_content ol li ol li:nth-child(6):before { content: "\435." } .text_content ol li ol li:nth-child(7):before { content: "\451." } .text_content ol li ol li:nth-child(8):before { content: "\436." } .text_content ol li ol li:nth-child(9):before { content: "\437." } .text_content ol li ol li:nth-child(10):before { content: "\438." } .text_content ol li ol li:nth-child(11):before { content: "\439." } .text_content ol li ol li:nth-child(12):before { content: "\43A." } .text_content ol li ol li:nth-child(13):before { content: "\43B." } .text_content ol li ol li:nth-child(14):before { content: "\43C." } .text_content ol li ol li:nth-child(15):before { content: "\43D." } .text_content ol li ol li:nth-child(16):before { content: "\43E." } .text_content ol li ol li:nth-child(17):before { content: "\43F." } .text_content ol li ol li:nth-child(18):before { content: "\440." } .text_content ol li ol li:nth-child(19):before { content: "\441." } .text_content ol li ol li:nth-child(20):before { content: "\442." } .text_content ol li ol li:nth-child(21):before { content: "\443." } .text_content ol li ol li:nth-child(22):before { content: "\444." } .text_content ol li ol li:nth-child(23):before { content: "\445." } .text_content ol li ol li:nth-child(24):before { content: "\446." } .text_content ol li ol li:nth-child(25):before { content: "\447." } .text_content ol li ol li:nth-child(26):before { content: "\448." } .text_content ol li ol li:nth-child(27):before { content: "\449." } .text_content ol li ol li:nth-child(28):before { content: "\44D." } .text_content ol li ol li:nth-child(29):before { content: "\44E." } .text_content ol li ol li:nth-child(30):before { content: "\44F." } .text_content ul:not(.question_list) { margin: 0 0 20px } .text_content ul:not(.question_list) li { font-size: 16px; line-height: 21px } .text_content ul:not(.question_list) li:before { font-size: 16px; font-weight: 700; margin-right: 4px } .text_content ul:not(.question_list) li ul { margin: 5px 0 5px 22px } .text_content ul:not(.question_list) li li:before { content: "\2014"; font-size: 16px; font-style: italic } .content_page .text_content ul:not(.question_list) { margin: -13px 0 20px 20px } .content_page .text_content ul:not(.question_list) li { margin-bottom: 3px } .content_page .text_content ul:not(.question_list) li ul { margin: 4px 0 0 22px } .content_page .answer_lists { padding: 10px; margin: -13px 0 0 20px!important } .content_page .answer_lists li { font-size: 14px!important; line-height: 19px!important; padding: 0 0 5px; list-style-type: disc } .text_content .video_description, .text_content figcaption { font-style: italic; font-size: 14px; color: #666; display: block; margin-top: 10px } .text_content .section_title { margin-bottom: 12px } .text_content table { border: 1px solid #ccc; margin: -5px 0 23px; table-layout: fixed } .text_content table th { background: #f4f4f4; text-align: left; padding: 12px 20px; font-size: 16px; line-height: 21px; border-left: 1px solid #ccc; vertical-align: top } .text_content table tbody tr:nth-child(2n) td { background: #f4f4f4 } .text_content table td { padding: 11px 14px 10px 20px; font-size: 16px; line-height: 21px; border-left: 1px solid #ccc; vertical-align: top } .text_content_seo { margin: 32px 26px } @media (min-width: 0px) and (max-width: 999px) { .text_content_seo { margin: 44px 6px 11px } } @media (min-width: 1000px) and (max-width: 1249px) { .text_content_seo { margin: 36px 16px 10px } } .search_page .text_content.helpful_article { margin: 26px 5px } @media (min-width: 1250px) { .search_page .text_content.helpful_article { float: right; width: 995px; margin: 26px 0 } } .content_page .text_content { margin: -4px 5px 38px } .text_content .contacts__wrapper { padding: 0 0 20px } .text_content .contacts__wrapper .contacts__t { font-size: 18px; line-height: 22px; font-weight: 700 } .text_content .info__line { width: 100%; display: table } .text_content .info__line p { font-size: 16px; line-height: 22px; float: left; width: 40%; margin: 0 0 10px } .text_content .map__wrapper { padding: 0 0 20px; min-height: 420px } .text_content .map__wrapper.full__map { display: table } .text_content .map__wrapper .map__row_l { max-height: 350px; float: none } .text_content .map__wrapper .map__row_r { max-height: 350px; float: left } .text_content .map__wrapper .map__row_f { height: 400px } @media (min-width: 0px) and (max-width: 999px) { .content_page .text_content .video_container.float_left, .content_page .text_content .video_container.float_right, .content_page .text_content figure.float_left, .content_page .text_content figure.float_right { float: none; margin: 0 0 20px!important } } @media (min-width: 1000px) and (max-width: 1249px) { .content_page .text_content .video_container.float_left, .content_page .text_content .video_container.float_right, .content_page .text_content figure.float_left, .content_page .text_content figure.float_right { float: none; margin: 0 0 20px!important } } .text_content .services__preview { padding: 20px 0; margin-top: -1px; border-top: 1px dashed #dadada; border-bottom: 1px dashed #dadada; display: table; width: 100% } .text_content .services__preview .icons__p { width: 10%; display: table-cell; vertical-align: middle } .text_content .services__preview .icons__p img { display: block; margin: auto; max-width: 100px; max-height: 100px } .text_content .services__preview .desc__p { width: 90%; padding: 0 10px } .text_content .services__preview .desc__p p { margin: 0 0 5px } .text_content .services__preview .desc__p p:first-child { font-size: 17px; font-weight: 700 } .text_content .services__preview .desc__p a { display: block } .important { color: #ed1c24 } .important_text { border: 1px solid #ccc; position: relative; padding: 25px 20px 25px 88px; margin: 35px 0 30px; background: url("https://s1.tdp.ru/desktop/img/templates/important.png") 17px 24px no-repeat } .important_text p { font-size: 16px; line-height: 24px } .spinner { padding: 30px 0; text-align: center; clear: both } .spinner>div { width: 16px; height: 16px; border-radius: 100%; display: inline-block; -webkit-animation: sk-bouncedelay 1.7s infinite ease-in-out both; animation: sk-bouncedelay 1.7s infinite ease-in-out both; margin-right: 5px; background: #fc3 } .spinner .spinner_item1 { -webkit-animation-delay: -.6s; animation-delay: -.6s } .spinner .spinner_item2 { -webkit-animation-delay: -.4s; animation-delay: -.4s } .spinner .spinner_item3 { -webkit-animation-delay: -.2s; animation-delay: -.2s } .top { position: relative } .top_wrapper { background: #333; -webkit-transition: .1s linear; transition: .1s linear } .top_wrapper.fixed_heading { height: 146px; background: #fff } .top_items { display: inline-block } .top_items li, .top_items ul { display: inline } .top_items li { margin: 0 20px 0 0 } @media (min-width: 0px) and (max-width: 999px) { .top_items li { margin-right: 24px } } .top_items_item { color: #fff; line-height: 46px; text-decoration: none; border-bottom: 1px solid hsla(0, 0%, 100%, .5) } .top_items_item:hover { color: #fc3; border-bottom-color: transparent } .top_region { padding-left: 20px; margin: 0 50px 0 0; cursor: pointer; position: relative } .top_region:hover .top_region_items { max-height: 500px; opacity: 1 } .top_region_selected { color: #fff; line-height: 46px; position: relative } .top_region_selected:before { content: ""; position: absolute; top: 6px; left: -16px; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #fff } .top_region_items { display: inline-block; position: absolute; left: 0; top: 40px; max-height: 0; opacity: .5; overflow: hidden; padding: 0; margin: 0; -webkit-transition: .3s ease-in; transition: .3s ease-in; z-index: 999; border-radius: 5px; box-shadow: 0 4px 6px rgba(0, 0, 0, .1) } .top_region_items_item { background: #fff; border-bottom: 1px solid #ededed; text-align: left; list-style: none } .top_region_items_item_link { display: inline-block; width: 200px; line-height: 35px; padding: 0 15px; color: #000; text-decoration: none } .top_region_items_item_link_selected { font-weight: 700 } span.top_region_items_item_link_selected:hover { cursor: default } .top_region_items_item_link:hover { background: #ededed } .top_auth { display: inline-block; margin: 0 5px; float: right; color: #fc3; width: 240px; text-align: center } .top_auth_enter, .top_auth_register { color: #fc3; text-decoration: none; border-bottom: 1px solid rgba(255, 204, 51, .5); line-height: 46px } .top_auth_enter:hover, .top_auth_register:hover { color: #fff; border-bottom-color: transparent } @media (min-width: 1000px) and (max-width: 1249px) { .top_wrapper { min-width: 1000px } } .head_wrapper { background: #fc3; box-shadow: 0 3px 10px 1px rgba(0, 0, 0, .2) } .head .logo { display: inline-block; margin: 0 5px; vertical-align: middle; background: url("https://s1.tdp.ru/desktop/img/new_logo.png") 0 0 no-repeat; width: 240px; height: 100px } .head .logo a { display: block; width: 240px; height: 100px } .head_links { text-align: right; display: inline-block; width: 230px; margin: 0 5px; vertical-align: middle; font-size: 16px } .head_links_wrapper { text-align: left; display: inline-block; font-family: Open Sans, Arial, Helvetica, sans-serif; line-height: 1.4 } .head_links_link { text-transform: uppercase; text-decoration: none; font-size: 18px; font-weight: 900 } .head_links_link_white { color: #fff; border-bottom: 1px solid hsla(0, 0%, 100%, .5) } .head_links_link_white:hover { color: #000 } .head_links_link_black { color: #000; border-bottom: 1px solid rgba(0, 0, 0, .5) } .head_links_link:hover { border-bottom-color: transparent } .head_phone { display: inline-block; width: 488px; margin: 0 5px; vertical-align: middle; text-align: right; line-height: 1.4 } .head_phone .time_work { display: block; margin-top: -5px } .head_phone_tel { font-weight: 700; text-decoration: none; color: #fff; font-size: 33px; line-height: 34px } .head_phone_tel_code { font-weight: lighter; color: #000 } .head_phone_tel:hover { color: #fff } .head_phone_order { color: #000 } .head_basket { display: inline-block; margin: 0 5px; vertical-align: middle; border-left: 1px solid #fff; text-align: center; padding: 12px; -webkit-transition: inherit!important; transition: inherit!important } .head_basket_wrapper { display: inline-block; text-align: left } .head_basket_img { float: left; margin: 5px 7px 5px 5px } .head_basket_count { text-decoration: underline; line-height: 21px } .head_basket_price { font-size: 16px; line-height: 16px; font-weight: 700 } .basket_ico { width: 50px; height: 50px; background-position: 0 0 } .head_basket:hover .head_basket_count { text-decoration: none } .head_wrapper .page_header_small_form, .head_wrapper .page_header_small_login, .head_wrapper .short__fixed { display: none } .head_wrapper.scroll__fixed { position: fixed; width: 100%; height: 75px; top: 0; left: 0; z-index: 998; background-size: 131px } .head_wrapper.scroll__fixed .head .logo { width: 170px; height: 60px; background-size: 100%; margin: 2px 20px 0 10px } .head_wrapper.scroll__fixed .head .logo a { width: 170px; height: 60px } .head_wrapper.scroll__fixed .page_header_small_form { display: inline-block; width: 490px; position: relative; top: 7px } .head_wrapper.scroll__fixed .page_header_small_form .textInput { font-size: 16px; height: 40px; padding: 0 75px 0 10px; vertical-align: middle } .head_wrapper.scroll__fixed .request_small_form { background: transparent url("/img/el.png") no-repeat -90px 0; content: ""; display: block; height: 30px; position: absolute; right: 7px; top: 5px; width: 30px; cursor: pointer } .head_wrapper.scroll__fixed .request_small_form:hover { background: transparent url("https://s1.tdp.ru/desktop/img/icons/serch-hover.png") no-repeat 50%; background-size: 50% } .head_wrapper.scroll__fixed .head_links { display: none!important } .head_wrapper.scroll__fixed .head_phone { display: inline-block; width: 252px; vertical-align: middle; text-align: right; border-right: 1px solid #fff; height: 56px; padding: 10px 14px 0 0; position: relative; top: 6px; margin-right: 37px } .head_wrapper.scroll__fixed .head_phone .time_work { display: none } .head_wrapper.scroll__fixed .head_phone .head_phone_tel { font-weight: 700; text-decoration: none; color: #fff; font-size: 28px; line-height: inherit } .head_wrapper.scroll__fixed .head_basket { display: inline-block; vertical-align: middle; text-decoration: none; position: relative; top: 9px; width: 60px; height: 60px; border-left: none; padding: 0; margin: 0 } .head_wrapper.scroll__fixed .head_basket .short__cart { display: none } .head_wrapper.scroll__fixed .head_basket .short__fixed { display: inline-block; position: absolute; top: 10px; left: 40px; font-size: 14px; font-weight: 700; color: #fff; background: #ed1c24; line-height: 24px; border-radius: 12px; padding: 0 10px } .head_wrapper.scroll__fixed .page_header_small_login { display: inline-block; vertical-align: middle; text-decoration: none; position: relative; top: 8px; margin-right: 5px; cursor: pointer } .head_wrapper.scroll__fixed .page_header_small_login span { font-size: 12px; line-height: 15px; display: inline-block; vertical-align: middle; text-align: right; margin-right: 4px; font-weight: 600 } .head_wrapper.scroll__fixed .page_header_small_login .ic_user2 { width: 44px; height: 43px; background: none } @media (max-width: 999px) and (min-width: 0px) { .head_wrapper.scroll__fixed .head_phone { width: 320px; margin-right: 18px } } @media (max-width: 999px) and (min-width: 0px) { .head_wrapper.scroll__fixed .page_header_small_form { display: none } } @media (max-width: 1249px) and (min-width: 1000px) { .head_wrapper.scroll__fixed .head_phone { width: 232px; margin-right: 18px } } @media (max-width: 1249px) and (min-width: 1000px) { .head_wrapper.scroll__fixed .page_header_small_form { width: 320px } } @media (min-width: 0px) and (max-width: 999px) { .head_phone { width: 237px } .head_basket { width: 230px } } @media (min-width: 1000px) and (max-width: 1249px) { .head_wrapper { min-width: 1000px } .head_phone { width: 486px } } .footer { background-color: #333; color: #999; margin: -744px auto 0 } .footer_top { background-color: #fc3; padding: 22px 0 34px; text-align: center } .footer_top_item { display: inline-block; color: #000; vertical-align: top; width: 240px; margin: 0 5px } .footer_top_item_ico { display: inline-block; width: 100px; height: 100px; margin: 0 0 -10px } .footer_top_item_ico_range { background: url("https://s1.tdp.ru/desktop/img/templates/comp.svg") 0 0 no-repeat } .footer_top_item_ico_quality { background: url("https://s1.tdp.ru/desktop/img/templates/roal.svg") 0 0 no-repeat } .footer_top_item_ico_delivery { background: url("https://s1.tdp.ru/desktop/img/templates/delivery.svg") 0 0 no-repeat } .footer_top_item_ico_return { background: url("https://s1.tdp.ru/desktop/img/templates/cartup.svg") 0 0 no-repeat } .footer_top_item_title { font-size: 20px } .footer_top_item_title a { text-decoration: none } .footer_top_item_title a:hover { text-decoration: underline } .footer_top_item_description { font-size: 16px; margin: 20px 0 0 } .footer_links { background-color: #333; overflow: hidden; padding: 21px 0 46px } .footer_links_column { width: 240px; float: left; margin: 0 5px; min-height: 260px } .footer_links_column_head { text-transform: uppercase; color: #fff; margin: 25px 0 20px } .footer_links_column_head a { color: #fff; text-decoration: none } .footer_links_column_head a:hover { color: #f90 } .footer_links_column_link { color: #999; text-decoration: none } .footer_links_column_link:hover { color: #fff; text-decoration: underline } .footer_links_column_store { margin-bottom: 15px; display: inline-block; height: 51px; overflow: hidden } .footer_links_column_store.ver_link { position: relative; padding-left: 25px; color: #999 } .footer_links_column_store.ver_link:before { content: ""; position: absolute; top: 0; left: 0; display: block; width: 20px; height: 20px; background: url("https://s1.tdp.ru/desktop/img/icons/ver--i.png") 0 0 no-repeat } .footer_links_column_store .hover, .footer_links_column_store:hover .active { display: none } .footer_links_column_store:hover .hover { display: block } .link__windowsApp { width: 150px; height: 55px; background-position: 0 -110px; cursor: pointer } .link__windowsApp:hover { background-position: 0 -165px } .link__appleApp { width: 150px; height: 55px; background-position: -150px -110px; cursor: pointer } .link__appleApp:hover { background-position: -150px -165px } .link__googleApp { width: 150px; height: 55px; background-position: -300px -110px; cursor: pointer } .link__googleApp:hover { background-position: -300px -165px } .reviews__item { display: block; width: 135px; height: 50px; float: right } .reviews__item a { display: block; color: #fff; font-size: 14px; line-height: 16px; text-decoration: none; padding: 5px 0 } .reviews__item a:before { content: ""; position: relative; bottom: 5px; width: 50px; height: 50px; display: block; fill: #fff; float: left; background: url("https://s1.tdp.ru/desktop/img/icons/reviews_icon.svg") no-repeat } .fb__link { background-position: -293px -49px } .fb__link, .ok__link { width: 25px; height: 20px; margin: 10px 8px } .ok__link { background-position: -383px -49px } .inst__link { background-position: -347px -49px; margin: 10px 8px } .inst__link, .vk__link { width: 25px; height: 20px } .vk__link { background-position: -200px -50px; margin: 14px 8px } .yt__link { width: 25px; height: 20px; background-position: -250px -50px; margin: 13px 9px } .visaIcons { width: 35px; height: 25px; background-position: 0 -50px; cursor: pointer } .visaIcons:hover { background-position: 0 -80px } .visaEIcons { width: 35px; height: 25px; background-position: -50px -50px; cursor: pointer } .visaEIcons:hover { background-position: -50px -80px } .mastercardIcons { width: 38px; height: 25px; background-position: -100px -50px; cursor: pointer } .mastercardIcons:hover { background-position: -100px -80px } .maestroIcons { width: 38px; height: 25px; background-position: -150px -50px; cursor: pointer } .maestroIcons:hover { background-position: -150px -80px } .mirIcons { width: 42px; height: 25px; background-position: -415px -50px; cursor: pointer } .mirIcons:hover { background-position: -415px -80px } .footer_bottom { padding: 18px 0 0 } .footer_bottom_wrapper { background-color: #000; height: 115px } .footer_bottom_copy { color: #666; float: left } .footer_bottom_politics { padding-top: 8px; font-size: 11px; max-width: 800px; clear: both; float: left; color: #666; line-height: 1.1 } a.politics-link { color: #666; text-decoration: underline } a.politics-link:hover { color: #666; text-decoration: none } .footer_bottom_social { text-align: center; float: right; margin-right: 50px } .footer_bottom_social li { float: left } .footer_bottom_social_item { display: inline-block; float: left; margin-left: 12px; width: 40px; height: 40px; background-color: #333; border-radius: 50% } .footer_bottom_social_item:hover { background-color: #fff } .footer .mobile_app .footer_links_column_head { margin-bottom: 28px } .cart_page .footer { margin-top: 0!important } @media (min-width: 0px) and (max-width: 999px) { .footer { margin-top: -1228px } .footer_top_wrapper { width: 750px; margin: 0 auto } .footer_top { padding-bottom: 4px } .footer_top_item { width: 362px; margin-bottom: 38px } .footer_bottom { text-align: center } .footer_bottom_wrapper { height: 200px } .footer_bottom_copy { width: 500px; text-align: center; float: none; margin: 0 auto 20px } .footer_bottom_social { text-align: center; float: none; width: 500px; margin: 25px auto 0 } .footer_bottom_social li { display: inline-block; float: none; margin: 0 5px } .footer_bottom_social_item { float: none; margin: 0 } } @media (min-width: 1000px) and (max-width: 1249px) { .footer { min-width: 1000px; margin-top: -900px } .footer_links_column_wide { width: 490px } .footer_links_column_store { margin-right: 6px } } .card_variants { margin: -9px 0 0 } .card_variants li { display: inline-block; vertical-align: middle; margin-left: 6px } .card_variants li:first-child { margin-left: 0 } .card_variants li a .hover, .card_variants li a:hover .active { display: none } .card_variants li a:hover .hover { display: inline } .ic { display: inline-block; vertical-align: middle; position: relative; background-image: url("/img/el.png"); background-repeat: no-repeat; background-position: 999999px 0; -webkit-transform: translate(0); -ms-transform: translate(0); transform: translate(0); fill: #999 } .ic:hover { fill: #f90 } .ic_catalog_menu { width: 30px; height: 30px; position: absolute; background-position: -60px 0; left: 4px; top: 5px } .ic_cart { width: 20px; height: 20px; background: none; fill: #fff } .ic_compare, .ic_compare_delete, .ic_compare_plus { width: 20px; height: 20px; background: none; margin-left: 5px } .ic_visa { width: 35px; height: 11px; background: none } .side_button:hover .ic_visa { fill: #005098 } .side_button:hover .ic_visa #visa-y { fill: #f6a500 } .ic_bench { width: 30px; height: 30px; background: none; -webkit-transform: translate(5px, 2px); -ms-transform: translate(5px, 2px); transform: translate(5px, 2px) } .side_button:hover .ic_bench { fill: #666 } .ic_chat { width: 30px; height: 30px; background: none; -webkit-transform: translate(4px, 4px); -ms-transform: translate(4px, 4px); transform: translate(4px, 4px) } .side_button:hover .ic_chat { fill: #666 } .ic_pay { width: 30px; height: 30px; background-position: -30px 0 } .ic_vk { width: 40px; height: 40px; background: none } a:hover .ic_vk { fill: #000 } .ic_fb { width: 40px; height: 40px; background: none } a:hover .ic_fb { fill: #000 } .ic_yt { width: 40px; height: 40px; background: none } a:hover .ic_yt { fill: #000 } .ic_ins { width: 40px; height: 40px; background: none } a:hover .ic_ins { fill: #000 } .ic_time { width: 30px; height: 30px; background-position: -30px -30px } .ic_sort { width: 8px; height: 8px; margin-left: 4px; background: none } .ic_table { background: none; width: 20px; height: 20px; -webkit-transition: fill .15s ease-in-out; transition: fill .15s ease-in-out } .switch__active .ic_table { fill: #000!important } a:hover .ic_table { fill: #f90 } .ic_tile { background: none; width: 20px; height: 20px; -webkit-transition: fill .15s ease-in-out; transition: fill .15s ease-in-out } .switch__active .ic_tile { fill: #000!important } a:hover .ic_tile { fill: #f90 } .ic_mountains { background: none; width: 29px; height: 21px; -webkit-transition: fill .15s ease-in-out; transition: fill .15s ease-in-out } .switch__active .ic_mountains { fill: #000!important } a:hover .ic_mountains { fill: #f90 } .ic_delivery { width: 26px; height: 26px; background: none } .ic_porter { width: 20px; height: 25px; background: none } .ic_saw { width: 27px; height: 23px; background: none } .ic_car1_5 { width: 32px; height: 20px; background: none } .ic_arrow_start { width: 11px } .ic_arrow_prev, .ic_arrow_start { height: 13px; background-position: -150px -60px } .ic_arrow_prev { width: 5px } .ic_arrow_next { width: 5px } .ic_arrow_finish, .ic_arrow_next { height: 13px; background-position: -150px -73px } .ic_arrow_finish { width: 11px } .ic_print { width: 27px; height: 29px; background: none; -webkit-transition: fill .15s ease-in-out; transition: fill .15s ease-in-out } a:hover .ic_print { fill: #f90 } .ic_save { width: 30px; height: 30px; background: none; -webkit-transition: fill .15s ease-in-out; transition: fill .15s ease-in-out } a:hover .ic_save { fill: #f90 } .ic_present { width: 33px; height: 47px; background: url("https://s1.tdp.ru/desktop/img/templates/present.svg") 0 0 no-repeat } .ic_like { width: 30px; height: 35px } .ic_like, .ic_x3 { background: none; fill: #e73735 } .ic_x3 { width: 40px; height: 29px; top: 6px } .ic_fax { width: 30px; height: 30px; background: none; -webkit-transition: fill .15s ease-in-out; transition: fill .15s ease-in-out } a:hover .ic_fax { fill: #f90 } .ic_rouble { height: 25px; background: none; position: relative; top: -3px; left: -3px; fill: #000 } .cart_row_col_value .ic_rouble { height: 15px; top: -2px; left: -8px } .cart_row_col_value small { position: relative; left: -8px } .cart_total_container_final_sale .ic_rouble { height: 12px; top: -2px; left: 2px } .cart_total_container_final_price_old .ic_rouble { height: 19px } .product_price_club_card .ic_rouble { height: 22px } .product_price_club_card .rouble__i, .product_price_default .rouble__i { margin-left: 5px } .product_price_default .ic_rouble { height: 20px } .delivery_final_prices .ic_small_rouble { height: 12px; top: -2px; left: 3px; background: none; position: relative; fill: #000 } .delivery_form_step_list_variant { font-size: 4px } .delivery_form_step_list_variant .ic_rouble { height: 18px; left: 1px } .ic_arch { width: 22px; height: 22px; background: none; fill: #ccc; margin: 0 9px 0 0; top: -2px } .ic_cash { width: 30px; height: 30px; background: none } .delivery_form_step_variant_active .ic_cash { fill: #f90 } .ic_card { width: 30px; height: 30px; background: none } .delivery_form_step_variant_active .ic_card { fill: #f90 } .ic_club_card { width: 30px; height: 30px; background: none } .delivery_form_step_variant_active .ic_club_card { fill: #f90 } .ic_calendar { width: 16px; height: 16px; background: none } .ic_man, .ic_maptag { width: 30px; height: 30px; background: none } .ic_car { background: none; fill: #666; display: block; margin: 0 auto 6px; -webkit-transition: fill .15s ease-in-out; transition: fill .15s ease-in-out } .ic_car.ic_car1 { width: 36px; height: 17px; margin-top: 7px } .ic_car.ic_car2 { width: 49px; height: 24px } .ic_car.ic_car3 { width: 63px; height: 24px; margin-top: 4px } .ic_car.ic_car4 { width: 51px; height: 24px; margin-top: 5px } .ic_car.ic_car5 { width: 59px; height: 20px; margin-top: 14px } .ic_car.ic_car6 { width: 67px; height: 32px; margin-top: 3px } .ic_car.ic_car7 { width: 77px; height: 24px; margin-top: 5px } .ic_car.ic_car8 { width: 85px; height: 23px; margin-top: 6px } .ic_car.ic_car9 { width: 45px; height: 19px } .ic_car.ic_car10 { width: 60px; height: 24px } .ic_car.ic_car11 { width: 77px; height: 31px } .ic_car.ic_car12 { width: 93px; height: 31px } .ic_delete { width: 30px; height: 30px; background: none } .ic_refresh { width: 22px; height: 18px; background: none; margin-right: 5px } .ic_pen { width: 16px; height: 15px; background: none } .ic_delete_red { fill: #ed1c24; width: 14px; height: 14px; background: none } .ic_delete_grey { fill: #999; width: 16px; height: 16px; background: none } .ic_dropdown { width: 12px; height: 6px; background: none; fill: #000; margin-left: 10px } .ic_repeat { width: 33px; height: 33px; background: none; -webkit-transition: fill .15s ease-in-out; transition: fill .15s ease-in-out } a:hover .ic_repeat { fill: #f90 } .ic_excel { background: url("https://s1.tdp.ru/desktop/img/templates/ic-excel.png") 0 0 no-repeat; width: 28px; height: 27px; margin-right: 7px } .ic_user { width: 26px; height: 25px; background: none; fill: #fc3; margin-right: 8px; -webkit-transition: fill .15s ease-in-out; transition: fill .15s ease-in-out } a:hover .ic_user { fill: #fff } .ic_close { width: 22px; height: 22px; background: none; fill: #fc3 } a:hover .ic_close { fill: #fff } .ic_close_white { width: 13px; height: 14px; background: none; fill: #fff } .ic_plus { width: 32px; height: 32px; background: none; fill: #999; -webkit-transition: fill .15s ease-in-out; transition: fill .15s ease-in-out } a:hover .ic_plus { fill: #f90 } .ic_cart_estimate { width: 44px; height: 35px; background: none; -webkit-transition: fill .15s ease-in-out; transition: fill .15s ease-in-out } a:hover .ic_cart_estimate { fill: #f90 } .ic_question { width: 25px; height: 25px; fill: #fff; background: none } .btn_grey .ic_question { margin: 0 10px 0 -18px } .ic_container { display: inline-block; vertical-align: middle; position: relative; width: 35px; height: 35px; text-align: center; line-height: 30px; text-decoration: none } .delivery_form_step_variant .ic_container { position: absolute; top: 5px; right: -35px } .compare_plus_plus { fill: #999 } .compare_plus_bg1, a:hover .compare_plus_plus { fill: #fff } a:hover .compare_plus_bg1 { fill: #666 } .compare_plus_bg2 { fill: #ccc } a:hover .compare_plus_bg2 { fill: #666 } .compare_delete_delete { fill: #999 } .compare_delete_bg1, a:hover .compare_delete_delete { fill: #fff } a:hover .compare_delete_bg1 { fill: #666 } .compare_delete_bg2 { fill: #ccc } a:hover .compare_delete_bg2 { fill: #666 } .delete_chrest { fill: #999 } a:hover .delete_chrest { fill: #fff } .delete_bg1 { fill: #999 } a:hover .delete_bg1 { fill: #666 } .delete_bg2 { fill: #e5e5e5 } a:hover .delete_bg2 { fill: #666 } .form_row { position: relative } .btn { height: 40px; line-height: 40px; text-transform: uppercase; text-align: center; border: none; display: inline-block; vertical-align: middle; padding: 0 25px; font: 14px/40px Arial, Helvetica, sans-serif; text-decoration: none } .btn, .btn:hover { color: #fff } .btn_grey { background: #999 } .btn_grey:hover { background: #333 } .btn_orange, .compare_col .btn_cart, .product .btn_cart, .product_full_price .btn_cart { background: #e73 } .btn_orange:hover, .compare_col .btn_cart:hover, .product .btn_cart:hover, .product_full_price .btn_cart:hover { background: #333 } .btn_search:hover { background: #ffa927 } .btn_yellow { background: #fc3; color: #000 } .btn_yellow:hover { background: #ed1c24; color: #fff } .btn_white { background: #fff; font-size: 14px; border: 1px solid hsla(0, 0%, 60%, .2); color: #000; padding: 0; text-transform: none } .btn_white:hover { background: #333; color: #fff } .btn_file { overflow: hidden; position: relative; margin-right: 10px; width: 200px } .btn_file input { cursor: pointer; direction: ltr; font-size: 200px; margin: 0; opacity: 0; position: absolute; right: 0; top: 0 } .btn_show_more { border: 1px solid #b2b2b2; color: #000; text-transform: none; margin: 30px 0 0; width: 240px } .btn_show_more:hover { background: #333 } .btn.btn_disabled, .btn.btn_disabled:active, .btn.btn_disabled:hover, .btn[disabled=disabled] { background: #ccc; cursor: not-allowed; color: #fff } .btn_order_cancel { background: #fff; border: 1px solid #ccc; color: #999; width: 180px; letter-spacing: 1px; padding: 0 } .btn_order_cancel:hover { background: #333 } .btn_order_cancel:hover .ic { fill: #fff!important } .fileinput_button { display: inline-block; overflow: hidden; position: relative; font: 16px/35px Arial, Helvetica, sans-serif; -webkit-transition: all .15s ease-in-out; transition: all .15s ease-in-out } .fileinput_button input { cursor: pointer; direction: ltr; font-size: 200px; margin: 0; opacity: 0; filter: alpha(opacity=0); position: absolute; right: 0; top: 0 } .fileinput_button:hover { color: #000 } .textInput { background: #fff; border: 1px solid #ccc; height: 40px; font: 14px/18px Arial, Helvetica, sans-serif; padding: 3px 6px; vertical-align: middle; -webkit-transition: all .15s ease-in-out; transition: all .15s ease-in-out; display: inline-block; color: #000 } .textInput:focus, .textInput:hover { border-color: #999 } .textInput.textInput_error { border-color: red } .textInput_date { background: transparent; border: none; height: 17px; line-height: 17px; padding: 0; width: 130px; font-size: 16px } .textInput[readonly]:focus { background: #999 } textarea.textInput { resize: none; height: 80px; font: 14px/20px Arial, Helvetica, sans-serif; padding: 3px 6px } .radio_input { display: inline-block; margin: 0 10px 0 0; position: relative; top: -1px; vertical-align: middle; height: 18px; width: 18px; border-radius: 50%; background: #fff; border: 1px solid #999; -webkit-transition: all .15s ease-in-out; transition: all .15s ease-in-out } .radio_input input { border: medium none; cursor: pointer; height: 20px; margin: 0; opacity: 0; padding: 0; position: absolute; width: 30px; z-index: 1 } .radio_input input:checked+.radio_button { background: #333; width: 8px; height: 8px; top: 4px; left: 4px } .radio_input:hover { background: #fff } .radio_input .radio_button { cursor: pointer; display: block; height: 18px; position: absolute; width: 18px; top: 0; left: 0; border-radius: 50% } .checkbox_input, .checkbox_input_small, .radio_input .radio_button { -webkit-transition: all .15s ease-in-out; transition: all .15s ease-in-out } .checkbox_input, .checkbox_input_small { display: inline-block; margin: 0 10px 0 0; position: relative; top: -2px; vertical-align: middle; height: 22px; width: 22px; background: #fff; border: 1px solid #ccc } .checkbox_input_small input, .checkbox_input input { border: medium none; cursor: pointer; height: 22px; margin: 0; opacity: 0; padding: 0; position: absolute; width: 22px; z-index: 1 } .checkbox_input_small input:checked+.checkbox_button, .checkbox_input input:checked+.checkbox_button { display: block } .checkbox_input:hover, .checkbox_input_small:hover { border-color: #999 } .checkbox_input .checkbox_button, .checkbox_input_small .checkbox_button { cursor: pointer; display: none; height: 14px; position: absolute; width: 14px; top: 3px; left: 3px; -webkit-transition: all .15s ease-in-out; transition: all .15s ease-in-out; background: url("/img/check-big.svg") 0 0 no-repeat; -webkit-transform: translate(0); -ms-transform: translate(0); transform: translate(0) } .checkbox_input_small .checkbox_button { width: 10px; height: 10px; top: 5px; left: 5px } .switcher_container .switcher_one { float: left; display: block; border: 1px solid #ccc; height: 40px; line-height: 38px; padding: 0 10px; font-size: 16px; cursor: pointer; white-space: nowrap; overflow: hidden; text-overflow: ellipsis } .switcher_container .switcher_one:hover .label_name { border-bottom: 1px dotted #000 } .switcher_container .switcher_one_active { background: #f0f0f0; cursor: default } .switcher_container .switcher_one_active:hover .label_name { border-bottom-color: transparent } .switcher_container_full { margin: 0 0 28px } .switcher_container_full .switcher_one { width: 250px; border-left: none } .switcher_container_full .switcher_one:first-child { border-left: 1px solid #ccc } @media (min-width: 0px) and (max-width: 999px) { .switcher_container_full .switcher_one { width: 246px } } @media (min-width: 1000px) and (max-width: 1249px) { .switcher_container_full .switcher_one { width: 246px } } .niceselect { border: 1px solid #ccc; height: 22px; line-height: 20px; font-size: 14px; color: #000; padding: 0 15px 0 27px; text-transform: none; font-weight: 400 } .niceselect:before { display: none } .niceselect:after { content: ""; background: url("/img/el.png") -90px -60px no-repeat; width: 30px; height: 30px; bottom: auto; top: -5px; right: -5px } .niceselect.focus, .niceselect.open, .niceselect:hover { border-color: #999; color: #000 } .niceselect.focus:after, .niceselect.open:after, .niceselect:hover:after { background-position: -90px -90px } .niceselect.above .sod_list_wrapper { border: 1px solid #999 } .niceselect .sod_list_wrapper { border: 1px solid #999; margin-left: -1px; z-index: 60; width: auto; right: -1px } .niceselect .sod_list { padding: 5px 0 } .niceselect .sod_option { padding: 0 15px 0 27px; height: 22px; line-height: 22px } .niceselect .sod_option.selected { font-weight: 400; padding-right: 15px; color: #000 } .niceselect .sod_option.selected:before { background: url("/img/el.png") -270px 0 no-repeat; width: 10px; height: 10px; right: auto; left: 10px } .niceselect .sod_option.active { background: #fff; text-decoration: underline } .niceselect_big { border: 1px solid #ccc; height: 30px; line-height: 28px; font-size: 14px; color: #000; padding: 0 15px 0 27px; text-transform: none; font-weight: 400 } .niceselect_big:before { display: none } .niceselect_big:after { content: ""; background: url("/img/el.png") -256px -15px no-repeat; width: 14px; height: 6px; bottom: auto; top: 50%; right: 10px; margin-top: -3px } .niceselect_big.focus, .niceselect_big.open, .niceselect_big:hover { border-color: #999; color: #000 } .niceselect_big.focus:after, .niceselect_big.open:after, .niceselect_big:hover:after { background-position: -256px -15px } .niceselect_big.above .sod_list_wrapper { border: 1px solid #999 } .niceselect_big .sod_list_wrapper { border: 1px solid #999; margin-left: -1px; z-index: 60; width: auto; right: -1px } .niceselect_big .sod_list { padding: 5px 0 } .niceselect_big .sod_option { padding: 0 15px 0 27px; height: 22px; line-height: 22px } .niceselect_big .sod_option.selected { font-weight: 400; padding-right: 15px; color: #000 } .niceselect_big .sod_option.selected:before { background: url("/img/el.png") -270px 0 no-repeat; width: 10px; height: 10px; right: auto; left: 10px } .niceselect_big .sod_option.active { background: #fff; text-decoration: underline } .stepper { margin: 0 0 10px; overflow: hidden; position: relative } .stepper-input { border: none; color: #333; font-size: 13px; line-height: 1.2; margin: 0; overflow: hidden; padding: 12px 8px 10px; text-align: center; width: 40px; z-index: 49; -moz-appearance: textfield } .stepper-input::-webkit-inner-spin-button, .stepper-input::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0 } .stepper-input:focus { background-color: #fff } .stepper-arrow { background: #fff url(/img/jquery.fs.stepper-arrows.png) no-repeat; border: 1px solid #ccc; cursor: pointer; display: block; height: 50%; position: absolute; right: 0; text-indent: -99999px; width: 25px; z-index: 50 } .stepper-arrow.up { background-position: top; border-top: none; border-right: none; top: 0 } .stepper-arrow.down { background-position: bottom; border-bottom: none; border-right: none; bottom: 0 } .stepper.disabled .stepper-input { background: #fff; border-color: #eee; color: #ccc } .stepper.disabled .stepper-arrow { background: #fff; border-color: #eee; cursor: default } .tooltip_container { position: relative } .tooltip_container_open .tooltip_content { opacity: 1; z-index: 70; visibility: visible } .tooltip_content { background: #fff; position: absolute; top: 100%; right: -10px; border: 1px solid #ccc; border-radius: 5px; width: 240px; padding: 17px 5px 2px; box-shadow: 0 4px 6px rgba(0, 0, 0, .2); margin-top: 8px; opacity: 0; z-index: -100; visibility: hidden } .tooltip_content:before { border: 7px solid; border-color: transparent transparent #ccc; display: block; top: -14px } .tooltip_content:after, .tooltip_content:before { content: " "; position: absolute; width: 0; height: 0; right: 57px } .tooltip_content:after { top: -13px; border: 7px solid; border-color: transparent transparent #fff } .tooltip_user .tooltip_content { width: 200px; text-align: left; right: auto; left: 50%; margin: -6px 0 0 -100px; padding: 0 } .tooltip_user .tooltip_content:after, .tooltip_user .tooltip_content:before { right: 97px } .tooltip_product_status_header { font-size: 18px; font-weight: 700; padding: 0 0 0 7px; margin: 0 0 21px } .tooltip_white { border-radius: 0; border: 1px solid #666; background: #fff; color: #000; box-shadow: 0 2px 10px rgba(0, 0, 0, .3); width: 394px } .tooltip_white .tooltipster-content { font-size: 14px; line-height: 16px; padding: 15px 20px } .tooltip_white .tooltipster-content p { line-height: 17px } .tooltip_white .tooltipster-arrow-border { border-bottom-color: #666!important } .tooltip_white .tooltipster-arrow-top-left { top: 1px } .tooltip_white .tooltipster-arrow-top-left .tooltipster-arrow-border { left: 10px } .tooltip_white .tooltipster-arrow-top-left span { left: 11px } .tooltip_white .tooltipster-arrow-bottom-left { top: -1px } .tooltip_white .tooltipster-arrow-bottom-left .tooltipster-arrow-border { left: 10px } .tooltip_white .tooltipster-arrow-bottom-left span { left: 11px } .tooltip_delete { position: absolute; top: 5px; right: 5px; z-index: 71; cursor: pointer } .pagination_container.fixed { position: fixed; bottom: 0; right: 26%; background: #fff; padding: 0 20px; border: 1px solid #ccc; z-index: 999 } .pagination_container.fixed .pagination_total { display: none } .guestbook_page .pagination_container { margin-bottom: 37px } .pagination_total { color: #999; margin: 0 0 17px } .pagination_item { width: 30px; height: 30px; margin: 5px; cursor: pointer; float: left } .pagination_item a { display: block; background: #fff; border: 1px solid hsla(0, 0%, 60%, .2); text-align: center; line-height: 30px; text-decoration: none } .pagination_item a:hover { background: #333; color: #fff } .pagination_item_current a, .pagination_item_current a:hover { cursor: default; background: #fc3; color: #000 } .pagination_item_disabled a, .pagination_item_disabled a:hover { cursor: default; background: #e1e1e1 } .pagination_item span { display: block; background: #fff; border: 1px solid hsla(0, 0%, 60%, .2); text-align: center; line-height: 30px; text-decoration: none; cursor: pointer } .pagination_item span:hover { background: #333; color: #fff } .pagination_item_current span, .pagination_item_current span:hover { cursor: default; background: #fc3; color: #000 } .pagination_item_disabled span, .pagination_item_disabled span:hover { cursor: default; background: #e1e1e1 } .pagination_container { clear: both; text-align: center; padding: 30px 20px 0; margin: 0 auto; width: auto; max-width: 460px } .pagination_container.fixed .load__pages { display: none } .pagination_container .load__pages { position: relative; width: 200px; padding: 10px; margin: 20px auto; border: 1px solid #ccc; border-radius: 3px; cursor: pointer; transition: .1s linear } .pagination_container .load__pages:hover { background: #f1f1f1 } .pagination_container .load__pages:after { content: ""; display: block; position: absolute; top: 4px; right: 25px; width: 30px; height: 30px; background: url("https://s1.tdp.ru/desktop/img/icons/load__i.png") 100% no-repeat } .tab_container { margin: 0 5px 20px } .tab_container_inner { border: 1px solid #ccc; position: relative; top: -1px } .tab_container_small .tab_content_left_column { float: left; width: 720px } @media (min-width: 0px) and (max-width: 999px) { .tab_container_small .tab_content_left_column { width: 700px; float: none } } .tab_container_small .tab_content_right_column { float: right; width: 230px } .tab_container_small .tab_content_right_column_text { margin-bottom: 34px } @media (min-width: 0px) and (max-width: 999px) { .tab_container_small .tab_content_right_column { margin-left: -10px; width: 700px; float: none; overflow: hidden; margin-bottom: -40px } } .tab_links { overflow: hidden } .tab_links li { float: left; border: 1px solid #e5e5e5; border-bottom: none; margin-left: 10px; border-radius: 10px 10px 0 0; background: #fff } .tab_links li:first-child { margin-left: 0 } .tab_links li.active { border-color: #ccc; position: relative; z-index: 10 } .tab_container_small .tab_links li { border-color: transparent } .tab_container_small .tab_links li.active { border-color: #ccc; position: relative; z-index: 10 } .tab_link { display: block; height: 44px; line-height: 44px; text-decoration: none; text-transform: uppercase; font-size: 14px; padding: 0 48px; text-align: center } .tab_container_small .tab_link { line-height: 16px; text-transform: none; padding: 3px 17px; text-align: left } .delivery_page .tab_link { padding: 0 80px } .tab_container_small .tab_content { padding: 20px 0 20px 18px } .tab_container_small .tab_content .product_full_description { margin-bottom: 0; max-width: 720px } .show_all_link { font-size: 16px; position: relative; margin: 0 0 0 20px; padding-right: 20px; text-decoration: none } .show_all_link:after { content: ""; background: url(/img/el.png) -248px 0 no-repeat; width: 6px; height: 12px; position: absolute; top: 50%; margin-top: -6px; right: 0 } .car_label { display: inline-block; vertical-align: top; width: 112px; height: 75px; font-size: 14px; font-weight: 700; text-align: center; cursor: pointer; margin: 0 auto; padding: 15px 0 10px } .car_label input { position: absolute; visibility: hidden; opacity: 0 } .car_label:hover .ic_car, .car_label input:checked+.ic_car { fill: #f90 } .file_name { font-size: 14px; display: inline-block; vertical-align: middle } .calendar_control { position: relative; padding: 18px 24px; width: 101px; display: block!important } .delivery_form_step_label.calendar_control .label_name { display: block } .calendar_control .radio_input { margin-right: 0; top: -7px } .calendar_container { position: absolute; bottom: 100%; right: -473px; width: 473px; border: 1px solid #666; box-shadow: 0 2px 10px rgba(0, 0, 0, .3); background: #fff; table-layout: fixed; z-index: 100; display: none } .form_container { width: 100%; background: #161616; -webkit-transition: .5s linear; transition: .5s linear; max-height: 0; overflow: hidden } .form_container.show { position: relative; max-height: 1000px } .form_inner { position: relative; margin: 0 auto; padding: 46px 0 50px; z-index: 2 } .form_inner .textInput { vertical-align: middle; border: 1px solid #666 } .form_inner .textInput::-webkit-input-placeholder { color: #000; text-transform: uppercase } .form_inner .textInput:-moz-placeholder, .form_inner .textInput::-moz-placeholder { color: #000; text-transform: uppercase } .form_inner .textInput:-ms-input-placeholder { color: #000; text-transform: uppercase } .textInput.field__error { border: 1px solid red; color: red } .textInput.field__error::-webkit-input-placeholder { color: red } .textInput.field__error::-moz-placeholder { color: red } .textInput.field__error:-ms-input-placeholder { color: red } .form_inner .btn { font-size: 16px } .form_inner .field_error .textInput { background: #f8aaad!important } .form_inner .field_error+.label_name { color: #ed1c24!important } .form_inner .field__element { color: #ed1c24; text-align: center } .aroundCbox { max-height: 100%; overflow: hidden; overflow-y: scroll; width: 100%; z-index: 9999 } #overlay, .aroundCbox { bottom: 0; left: 0; position: fixed; top: 0 } #overlay { background: #000; background: rgba(0, 0, 0, .5); right: 0; z-index: 999; display: none } .filters_block { border: 1px solid #ccc; box-shadow: 0 4px 6px rgba(0, 0, 0, .1); background: #fff; margin: 5px 0 20px; /* padding-bottom: 14px; */ width: 240px } .filters_container { min-height: 270px; position: relative } .filters_container_inner { padding: 18px 10px 18px 18px; border-bottom: 1px solid #ccc; /* max-height: 58px; */ /*max-height: 75px;*/ } .filters_container_inner_header { font-size: 16px; margin-bottom: 10px } .filters_container_inner .filters_list { display: none; padding-right: 10px } .filters_container_inner_link { text-decoration: none; position: relative; padding-left: 28px; display: block; cursor: pointer } .filters_container_inner_link:before { content: ""; display: block; position: absolute; top: 4px; left: 7px; width: 6px; height: 12px; background: url(/img/el.png) -248px -13px no-repeat } .filters_container_inner_open { padding-bottom: 7px } .filters_container_inner_open .filters_container_inner_link:before { background-position: -257px -15px; width: 12px; height: 6px; left: 3px; top: 5px } .filters_container_inner_open .filters_list { display: block } .filters_container_inner_open .filters_more_link { display: inline-block; cursor: pointer } .filters_container .btn_filters_apply { margin: 18px 0 7px 18px; text-transform: none; width: 200px; padding: 0 } .filters_container .filters_reset_link { font-size: 12px; color: #666; margin: 0 0 10px 18px; display: inline-block } .filters_more_link { font-size: 14px; margin: 10px 0 12px 30px; display: none } .filter_item { padding-top: 2px; margin-bottom: 14px; font-size: 14px; position: relative } .filter_item .textInput { padding-left: 30px; height: 32px; line-height: 30px; margin-bottom: 3px } .filter_label { position: relative; padding: 0 0 0 28px; display: block } .filter_label .checkbox_input_small { position: absolute; top: 50%; left: 0; margin-top: -11px } .filter_label.disabled .filter_label_name { color: #ccc } .filter_label_name { color: #666; display: block; line-height: 16px; cursor: pointer } .filter_label_price { position: absolute; top: 8px; left: 7px; color: #666 } .filter_quantity_container { position: absolute; top: -40px; left: 182px; border: 1px solid #666; width: 180px; background: #f90; text-align: center; padding: 8px 18px; z-index: 100; box-shadow: 0 2px 10px rgba(0, 0, 0, .3) } .filter_quantity_container:before { border: 7px solid; border-color: transparent #666 transparent transparent; display: block; left: -13px } .filter_quantity_container:after, .filter_quantity_container:before { content: " "; position: absolute; width: 0; height: 0; top: 50%; margin-top: -5px } .filter_quantity_container:after { left: -12px; border: 7px solid; border-color: transparent #f90 transparent transparent } .filter_quantity_container p { color: #fff } .main_container { min-height: 100%; height: auto!important; height: 100% } .main_container:after { content: ""; display: block; width: 100%; padding: 0 0 744px; height: 0 } .cart_page .main_container:after { padding-bottom: 0!important } @media (min-width: 0px) and (max-width: 999px) { .main_container:after { padding-bottom: 1228px } } @media (min-width: 1000px) and (max-width: 1249px) { .main_container:after { padding-bottom: 900px } } .container { margin: 0 auto } @media (min-width: 0px) and (max-width: 999px) { .container { width: 768px } } @media (min-width: 1000px) and (max-width: 1249px) { .container { width: 1000px } } @media (min-width: 1250px) { .container { width: 1250px } } .column_left { width: 240px; float: left; margin: 20px 5px 10px; display: inline-block } .column_left-content { clear: left } .column_left_catalog_container .column_left_catalog { border: 1px solid #e5e1e1; border-top: none; background: #fff; margin-bottom: 20px; display: none; box-shadow: 0 4px 6px rgba(0, 0, 0, .1); overflow: hidden; position: static; top: 42px; left: 0; z-index: 150 } @media(min-width:1250px) { .column_left-full-width-opened .column_left_catalog { display: block!important } } @media(max-width:1250px) { .column_left-full-width-opened .column_left_catalog { position: absolute } } @media(min-width:1000px) { .column_left-opened .column_left_catalog { display: block!important } } .column_left-closed .column_left_catalog { position: absolute } .column_left_catalog_container { position: relative } .column_left_catalog li:first-child .column_left_catalog_item { margin-top: 11px } .column_left_catalog li:last-child { padding-bottom: 15px } .column_left_catalog_header { position: relative } .column_left_catalog_header .catalog_open_link, .column_left_catalog_header .catalog_open_link-mobile { text-decoration: none; display: block; text-transform: uppercase; font-size: 16px; line-height: 40px; border: 1px solid #999; padding: 0 40px; position: relative; cursor: pointer; z-index: 99 } .column_left_catalog_item { display: inline-block; color: #666; text-decoration: none; padding: 0 18px 0 38px; margin-top: 16px; line-height: 16px } .column_left_catalog_item_current { font-weight: 700; color: #000; position: relative } .column_left_catalog_item_current:before { content: ""; position: absolute; top: 50%; margin-top: -6px; left: 16px; background: url(/img/el.png) -248px 0 no-repeat; width: 6px; height: 12px } .column_left_catalog_item:hover { color: #000 } .column_left .catalog_all_link_container { border-top: 1px solid #ebebeb; font-weight: 700; margin-top: 14px; padding: 15px 39px 23px } .column_left .catalog_all_link_container a { color: #666; text-decoration: none } .column_left .catalog_all_link_container a:hover { color: #000 } .column_left_submenu { margin-bottom: 27px } .column_left_submenu_header { font-size: 18px; color: #999; margin-bottom: 23px } .column_left_submenu li { font-size: 14px; line-height: normal; margin-bottom: 18px } .column_left_submenu_item { text-decoration: none; color: #666; display: inline-block; padding: 0 22px } .column_left_submenu_item_current { font-weight: 700; color: #000; cursor: default; position: relative } .column_left_submenu_item_current:before { content: ""; position: absolute; top: 50%; margin-top: -6px; left: 0; background: url(https://s1.tdp.ru/desktop/img/templates/arrow-right-black.svg) 0 0 no-repeat; width: 6px; height: 12px } .column_left_delivery_order { width: 750px; float: left; margin: 17px 15px 10px 0; clear: left } .column_left_delivery_header { margin-bottom: 12px } .column_left_delivery_section { margin-bottom: 18px } .column_left_delivery_section .textInput { padding-left: 10px } .column_left_delivery_subheader { font-size: 16px; font-weight: 700; margin-bottom: 8px } .column_left_delivery_variant { background: #fff; border: 1px solid #ccc; margin-top: -1px } .column_left_delivery_variant_active { background: #f0f0f0 } .column_left_delivery_variant_active .column_left_delivery_variant_content { display: block } .column_left_delivery_variant_label { font-size: 16px; padding: 8px; display: block; cursor: pointer } .column_left_delivery_variant_label:hover .column_left_delivery_variant_label_name { border-bottom: 1px dotted #000 } .column_left_delivery_variant_content { border-top: 1px solid #ccc; display: none; padding: 10px 0 } .column_left_delivery_variant_content p { font-size: 13px; line-height: 15px; color: #666; padding: 5px 15px 10px } .delivery_price_text { text-transform: lowercase } .delivery_price_manipulator .delivery_price { color: #f90 } .delivery_price_manipulator .delivery_price small { font-weight: 400 } .delivery_time_shift { text-align: center } .delivery_price_container.delivery_price_courier { border-left: none } .column_left-catalog-list { margin-top: 0 } @media (min-width: 0px) and (max-width: 999px) { .column_left { float: none; margin-top: 0 } .column_left-catalog-list { width: 240px; margin: 0 15px 0 0; float: left } .index_page .column_left-content { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; -webkit-order: 2 } .column_left_catalog_container { position: relative } .column_left .block_container { float: left; width: 240px; margin: 0 5px } .column_left .block_container.column_left_banner { margin: 10px 10px 10px 0 } .column_left .block_container_subscribe { -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2 } .column_left .block_container_certificate { -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1 } .column_left_contacts { -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin: 0 0 12px } .search_page .column_left, .sub_category_page .column_left { float: left; width: 240px } .column_left_delivery { width: 740px } .column_left_catalog_container .column_left_catalog { display: none; position: absolute } .column_left_catalog { position: absolute } } .column_right { margin: 20px 0 45px; width: 942px; position: relative; display: inline-block } .column_right-content { margin-top: -20px; } .column_right_catalog { border: 1px solid #e5e1e1; border-top: none; padding-bottom: 15px; margin-bottom: 10px; box-shadow: 0 4px 6px rgba(0, 0, 0, .1); } .column_right_catalog_header { width: 240px; margin: 0 5px; position: relative } .column_right_catalog_item { display: inline-block; color: #666; text-decoration: none; padding: 0 35px 0 40px; margin-top: 14px } .column_right_catalog_item_current { font-weight: 700; color: #000; position: relative } .column_right_catalog_item_current:before { content: "\F105"; font-weight: 700; position: absolute; top: 50%; margin-top: -13px; left: 20px; font-size: 20px } .column_right_search { margin: 0 5px 15px; position: relative; letter-spacing: -1px; line-height: 0; font-size: 0; float: right } .column_right_search_query { position: relative; width: 750px; height: 40px; border: 2px solid #f90; padding: 0 38px 0 10px; font-size: 16px; vertical-align: middle; letter-spacing: normal } .column_right_search_query::-webkit-input-placeholder { color: #666 } .column_right_search_query:-moz-placeholder, .column_right_search_query::-moz-placeholder { color: #666; opacity: 1 } .column_right_search_query:-ms-input-placeholder { color: #666 } .column_right_search .btn_search { width: 240px; font-size: 16px; letter-spacing: normal; float: right } .column_right_search:before { content: ""; display: block; background: url(/img/el.png) -90px 0 no-repeat; width: 30px; height: 30px; position: absolute; top: 5px; right: 247px } .column_right_banners { margin-top: 20px } .column_right_banner { float: left; margin: 0 5px } .column_right_banner p { line-height: 17px } .column_right_banner img { margin-bottom: 9px } .main__svg_banner { width: 490px; height: 270px; background: url("https://s1.tdp.ru/desktop/img/source/banner_remont.png") no-repeat; margin-bottom: 10px } .lef__svg_banner { width: 240px; height: 400px; background: url("https://s1.tdp.ru/desktop/img/banners/PNG/BAN20.png") no-repeat; margin-top: -2px } .main__svg_banner_msc { width: 490px; height: 270px; background: url("https://s1.tdp.ru/desktop/img/banners/PNG/BAN30.png") no-repeat; margin-bottom: 10px } .f__main_banner { background: url("https://s1.tdp.ru/desktop/img/banners/PNG/BAN40.png") no-repeat } .f__main_banner, .s__main_banner { width: 240px; height: 270px; margin-bottom: 10px } .s__main_banner { background: url("https://s1.tdp.ru/desktop/img/banners/PNG/BAN50.png") no-repeat } .j__main_banner { width: 240px; height: 270px; background: url("https://s1.tdp.ru/desktop/img/banners/SVG/BAN60.svg") no-repeat; margin-bottom: 10px } .column_right_banner_link { color: #000 } .column_right_banner_count { color: #999 } .column_right_banner_12 { width: 490px; margin: 0 5px } .column_right_banner_14 { width: 240px; margin: 0 5px } .column_right_content { margin: 0 5px } .column_right_content_header { font-size: 24px; line-height: 28px; margin: 0 0 15px } .column_right .row_products_header { padding-left: 20px } .column_right .breadcrumbs { top: 0; margin: 19px 5px 24px } .column_right_delivery { width: 990px; margin: 20px 0 0 5px } .column_right_delivery_order { width: 220px; float: left; margin: 80px 0 0 } .column_right_delivery_order .delivery_final { padding: 16px 0 0; width: 290px } .burn-subscribe .confidentiality--text, .column_right_delivery_order .confidentiality--text, .tab_content .confidentiality--text { font-size: 11px; color: #666 } .tab_content .confidentiality--text { padding: 0 40px; text-align: center } .feedback__error-form .confidentiality--text, .form_guestbook .confidentiality--text, .form_subscribe .confidentiality--text { font-size: 11px; color: #666 } .form_complaint .confidentiality--text { font-size: 13px; color: #666 } .column_right_delivery_order .btn, .delivery_final .btn, .feedback__error-form .button, .form_complaint .btn, .form_guestbook .btn, .form_subscribe .btn, .registration .btn { margin-bottom: 10px } .column_right_delivery_order .delivery_final_prices { margin: 0 0 8px; float: none } .column_right_delivery_order .delivery_final .delivery_total_price_container { background: url(https://s1.tdp.ru/desktop/img/templates/hr-dashed-b.png) 0 0 repeat-x; padding: 20px 0 0; float: none } .column_right_mobile_navigation { margin: -20px 5px 20px; max-height: 0; -webkit-transition: .5s; transition: .5s; overflow: hidden } .column_right_mobile_navigation_open { max-height: 400px } .column_right_mobile_navigation_item { display: block; color: #fff; background: #333; border-bottom: 1px solid #999; line-height: 40px; text-decoration: none; padding: 0 10px } .search_page .column_right_products_container { margin-top: 0 } .column_right_feedbacks .text_content { margin: 0 5px } .column_right_submenu_list { float: left } .column_right_submenu_list li { display: inline; margin-left: 23px } .column_right_submenu_list li:first-child { margin-left: 0 } .column_right_submenu_item_current { font-weight: 700; text-decoration: none } .column_right_submenu_dropdown { float: right; position: relative; top: -5px } .column_right_submenu_dropdown_link { display: block; border: 1px solid #ccc; text-decoration: none; position: relative; height: 30px; line-height: 28px; padding: 0 8px; background: #fff } .column_right_submenu_dropdown_content { display: none; position: absolute; top: 29px; right: 0; background: #fff; border: 1px solid #ccc; z-index: 50 } .column_right_submenu_dropdown_content li { border-bottom: 1px solid #ccc } .column_right_submenu_dropdown_content li:last-child { border-bottom: none } .column_right_submenu_dropdown .column_right_submenu_item { padding: 0 20px 0 8px; white-space: nowrap; height: 28px; line-height: 28px; text-decoration: none; display: block } .column_right-search { margin: 0 } @media (min-width: 0px) and (max-width: 999px) { .column_right { width: 940px; float: right } .column_right-search { width: 500px } .index_page .column_right { -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1 } .column_right_catalog_header { display: inline-block; cursor: pointer } .column_right_search { width: 486px; display: inline-block; vertical-align: top } .column_right_search_query { width: 100% } .column_right_search:before { right: 15px } .column_right_contacts { -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; margin-top: 0 } .column_right_content_header { margin-bottom: 20px } .column_right_full { margin: 20px 0 14px } .sub_category_page .column_right_products_container { float: left; width: 500px; margin-top: 0 } .sub_category_page .column_right_products_container .row_products_header { padding-left: 8px } .search_page .column_right_products_container { float: left; width: 500px } .search_page .column_right_products_container .row_products_header_search { margin: 0 100px 21px 5px; padding-left: 10px } .column_right_delivery { width: 740px; margin: 20px 0 0 5px } .column_right_collections_header { float: left; margin: 2px 0 0 } .column_right_collections .block_container_list { margin-left: -5px } .column_right_collections .block_container_list .block_container { width: 240px; margin-left: 10px; height: 400px } .column_right_collections .text_content .row_item50 { width: 740px } } @media (min-width: 1000px) and (max-width: 1249px) { .column_right { width: 750px } .column_right_search_query { width: 500px } .column_right_full .column_right_search { display: inline-block; vertical-align: top } .column_right_full .column_right_search_query { width: 496px } .column_right .row_products_header { padding-left: 10px } .column_right_delivery { width: 740px; margin: 12px 0 0 5px } .column_right_feedbacks { width: 1000px; float: none } .column_right_collections { width: 1000px } .column_right_collections_header { float: left; margin: -6px 0 0 } .column_right_collections .block_container_list { margin-left: -19px } .column_right_collections .block_container_list .block_container { height: 218px; width: 315px; margin-left: 23px } } .column_full { padding: 0 0 100px } .cart_page .column_full { padding-top: 13px } .column_full .row_products_orange { margin: 48px 5px 30px } .column_full .row_products_orange+.row_products_orange { margin-top: 40px } .product_page .column_full { padding-top: 50px } @media (min-width: 0px) and (max-width: 999px) { .product_page .column_full { padding-top: 0 } } .block_container { margin-bottom: 26px } .block_container_header { font-size: 24px; line-height: 26px; color: #000; margin-bottom: 13px } .block_container_description { color: #666; margin: 5px 0 16px } .block_container.column_left_banner { overflow: hidden; margin: 10px 0 } .block_container.column_left_banner+.block_container { margin-bottom: 32px } .block_container_certificate img { margin-bottom: 12px } .row_products_header { margin: 20px 180px 7px 5px; line-height: 1.4 } .row_products_header_search { margin-bottom: 21px } .row_products_header_title { display: inline-block; font-size: 24px; margin: 0; font-weight: 700 } .row_products_header_time { color: #999 } .row_products_header_list { width: 490px } .row_products_header_list_search { font-size: 16px; color: #666 } .row_products_header_link { color: #000 } .row_products_header_link_search { color: #666 } .row_products_header_count { color: #999 } .product_page .row_products_header { margin: 20px 0 11px 15px } .row_products_header_hint { color: #666; font-size: 16px; margin: 10px 0 20px } .row_products_header_hint a { color: #666 } .row_products_orange { border: 1px solid #f90; margin: 10px 5px 4px } .row_products_orange .product { border: 1px solid #fff; margin-top: 0; margin-bottom: 10px; height: 530px } .row_products_orange .product:first-child { padding: 0; border: none; margin: 0 } .row_products_orange .product:last-child { margin-right: 0 } .row_products_orange .product_head { padding: 0 } .row_products_orange .product .product_photo { margin-bottom: 20px } .row_products_orange .product .product_price_club_card { position: absolute; bottom: 121px; right: 8px } .row_products_orange .product .product_price_default { position: absolute; bottom: 90px; right: 8px } .row_products_orange .product .btn_cart, .row_products_orange .product .product_count_wrapper { bottom: 7px } @media (min-width: 0px) and (max-width: 999px) { .row_products_orange .product:nth-child(3n), .search_page .row_products_orange .product:nth-child(2n) { margin-right: 0; border-right: none; width: 239px } .row_products_orange .product:nth-child(3n-2) { margin-left: 0; border-left: none; width: 239px } } @media (min-width: 1000px) and (max-width: 1249px) { .row_products_orange .product:nth-child(3n) { margin-right: 0; border-right: none; width: 239px } .row_products_orange .product:nth-child(3n-2) { margin-left: 0; border-left: none; width: 239px } } .text_content .row_products_orange { margin: 10px 0 30px } .row_products:last-child { margin-bottom: 20px } .horizontal__parent { display: table!important } .product { width: 240px; height: 545px; border: 1px solid #e0e0e0; margin: 10px 5px 0; padding: 10px 10px 18px; position: relative; float: left } .product_yellow { background-color: #fc3; border: 1px solid #fc3 } .product_yellow .product_old-price, .product_yellow .product_price, .product_yellow .product_price_default { color: #fff } .product_code { font-size: 12px; color: #666 } .product_status_tooltip_container { float: right; margin-top: 0 } .product_status_info { margin: 0 0 10px; border-bottom: 1px solid #ccc; overflow: hidden; font-size: 14px; line-height: 16px; padding-bottom: 13px } .product_status_info:last-child { border-bottom: none; margin: 0 } .product_status_info_shop { padding-left: 7px; float: left; clear: left; width: 160px } .product_status_info_quantity { float: right; color: #999; margin: 0; width: 40px } .product_status { cursor: pointer; color: #093; border-bottom: 1px dotted #093; text-decoration: none } .product_status:hover { border-bottom-color: transparent } .product_photo { position: relative; margin: 10px 0 4px; width: 220px; height: 220px } .product_photo a { display: block } .product_photo img { max-width: 100%; height: auto } .product_description { margin: 0; display: block; min-height: 90px; font-weight: 700; line-height: 18px } .product_tags p { display: inline-block; font-size: 13px; line-height: 16px; color: #545454; font-weight: 700; margin: 0 } .product_tags a, .product_tags span { display: inline; font-size: 13px; line-height: 16px; color: #666 } .product_tags a { text-decoration: none } @media (max-width: 1249px) and (min-width: 1000px) { .product_tags p { font-size: 13px } .product_tags a, .product_tags span { font-size: 12px; line-height: 14px } } .product_tags a:hover { text-decoration: underline } .product .product_description .sticker_time { top: -222px; right: -10px; background: url(https://s1.tdp.ru/desktop/img/icons/sticker_time-h.svg) 0 0 no-repeat; width: 47px; height: 29px } .product_description a { text-decoration: none } .product_description a:hover { text-decoration: underline } .product_discount { font-size: 30px; color: #000; padding: 0 0 0 8px; line-height: 24px; margin: 0 0 9px } .product_old-price { text-decoration: line-through; font-size: 18px; font-weight: 700; color: #ccc; padding: 0 0 0 10px } .product_price { font-size: 30px; font-weight: 700; color: #000; position: absolute; right: 7px; top: 395px } .product .niceselect { width: 148px; position: absolute; bottom: 96px; right: 10px } .product_count_wrapper { line-height: 37px; height: 40px; width: 67px; display: inline-block; position: absolute; bottom: 50px; left: 10px; border: 1px solid #ccc; background: #fff } .product_count_wrapper .stepper-arrow.up { background-position: -28px 0 } .product_count_wrapper .stepper-arrow.up:hover { background-color: #666; background-position: -1px 0 } .product_count_wrapper .stepper-arrow.down { background-position: -28px -20px } .product_count_wrapper .stepper-arrow.down:hover:hover { background-color: #666; background-position: -1px -20px } .product_count_wrapper .product_count:not(.stepper-input) { width: 65px; height: 38px; text-align: center; border: none; background: #fff } .product .btn_cart { position: absolute; right: 10px; bottom: 50px; width: 148px; padding: 0 0 0 20px; cursor: pointer } .product .btn_cart .ic_cart { position: absolute; top: 10px; left: 10px } .product .btn_cart_already { background: #999; cursor: pointer } .product .btn_cart_already:hover { background: #999 } .product_add_compare { white-space: nowrap; text-decoration: none; color: #000; position: absolute; bottom: 21px; right: 9px; cursor: pointer } .product_add_compare:hover span { border-bottom: 1px dotted #000 } .product_add_compare.active span { text-decoration: underline } .product_add_compare.active:hover span { text-decoration: none; border-bottom: none } .product_price_club_card { font-size: 22px; font-weight: 700; color: #000; margin: 0; position: absolute; bottom: 164px; right: 8px } .product_price_club_card_text { font-weight: 400; font-size: 14px; display: inline-block; text-align: right; line-height: 17px; margin-right: 16px } .product_price_default { color: #a7a7a7; font-size: 25px; margin: 0; position: absolute; bottom: 134px; right: 8px } .product.product_horizontal .product_price_points { display: block; position: absolute; right: 12px; top: 75px } .product .product_price_points { display: none } .product_price_points p { font-size: 12px; line-height: 17px; color: #999 } @media (min-width: 0) and (max-width: 999px) { .product_price_club_card_text { margin-right: 0 } } @media (min-width: 1000px) { .product_horizontal .product_price_club_card { top: 40px; bottom: inherit } .product_horizontal .product_price_default { top: 80px; bottom: inherit } } @media (max-width: 1249px) and (min-width: 1000px) { .product_horizontal .product_price_club_card { top: 5px; bottom: inherit } .product_horizontal .product_price_default { top: 45px; bottom: inherit } .product_price_club_card_text { margin-right: 0 } } @media (min-width: 1250px) { .product.product_horizontal .product_price_points { top: 110px } } .product .product_unit__desc { display: none; position: absolute; width: 220px; bottom: 65px; left: 10px; padding: 10px; border: 1px solid #ccc; background: #fff; z-index: 9 } .product .product_unit__desc:before { margin-bottom: -1px; border-color: #ccc; color: #ccc; left: 15px; border-left: 8px solid transparent!important; border-right: 8px solid transparent!important } .product .product_unit__desc:after, .product .product_unit__desc:before { content: ""; position: absolute; bottom: -8px; border-top: 8px solid; display: block; width: 0; height: 0 } .product .product_unit__desc:after { border-color: #fff!important; left: 16px; border-left: 7px solid transparent!important; border-right: 7px solid transparent!important } .product .product_unit__desc .unit--desc-i { display: inline-block; vertical-align: top; width: 15px; height: 15px; margin: 8px 10px 0 0; background: url("https://s1.tdp.ru/desktop/img/icons/product/unit--i.png") 50% no-repeat; background-size: cover } .product .product_unit__desc .unit--desc-t { display: inline-block } .product .product_unit__desc .unit--desc-t p { font-size: 13px; line-height: 15px } .product .product_unit__desc .unit--desc-t p span { display: block } .product_action { position: relative } .product_action:after { content: ""; display: block; width: 0; height: 0; border-style: solid; border-width: 7.5px 0 7.5px 6px; border-color: transparent transparent transparent #f90; position: absolute; right: -5px; bottom: 23px } .product_action_time { margin: 0; position: absolute; font-size: 16px; line-height: 24px; bottom: 62px; left: 13px; padding: 0 0 0 40px } .product_action_time .ic_time { position: absolute; top: -2px; left: 0 } .product_action .btn_action { position: absolute; bottom: 10px; left: 10px; right: 12px } .product_options { position: absolute; bottom: 21px; left: 250px } .product_options p { font-size: 14px; line-height: 16px; margin: 0 0 5px } .product_options_separator { float: left; width: 1px; height: 50px; background: #ccc; margin: 0 20px } .product_options_special { float: left } .product_options_special p { color: #ff2b28 } .product_options_available { float: left } .product_options_available.hidden_product { display: none } .product_horizontal .product_options.notInStock__item { position: absolute; width: 30px; height: 45px; top: 0; right: 230px; bottom: inherit; left: inherit; background: url("https://s1.tdp.ru/desktop/img/templates/sticker_time.svg") no-repeat; cursor: pointer } @media (min-width: 1000px) and (max-width: 1250px) { .product.product_horizontal .product_options { right: 245px } } @media (min-width: 0) and (max-width: 1000px) { .product_horizontal .product_options.notInStock__item { right: 80px; background-size: 80% } .top_region { width: 140px; margin: 0 } } .product_horizontal { display: table; float: none; width: 99%; height: 240px } .product_horizontal .product_photo { float: left; margin: 0 } .product_horizontal .product_code { position: absolute; top: 11px; left: 248px } .product_horizontal .product_description { float: left; padding: 28px 70px 0 19px; width: 505px; font-size: 16px; line-height: 24px } .product .product_tags { display: none } .product.product_horizontal .product_tags { display: block } .product_horizontal .product_tags { float: left; padding: 0 0 65px 20px; width: 505px; font-size: 16px; line-height: 17px } .product_horizontal .product_tags.more__padding { padding: 0 0 115px 20px } .product_horizontal .product_count_wrapper { left: auto; right: 164px } @media (min-width: 0px) and (max-width: 999px) { .product_horizontal { display: block; float: left; width: 240px; height: 545px } .product_horizontal .btn_cart { right: 10px; bottom: 50px } .product_horizontal .sticker_time { right: 0; top: 40px } .product_horizontal .product_photo { float: none; margin: 10px 0 4px } .product_horizontal .product_code { position: static } .product_horizontal .product_description { padding: 0; width: auto; font-size: 14px; line-height: 20px; float: none } .product_horizontal .product_tags { padding: 0; width: auto; font-size: 14px; line-height: 22px; float: none } .product_horizontal .product_status_tooltip_container { position: static } .product_horizontal .product_price_club_card { font-size: 28px; bottom: 160px; right: 8px } .product_horizontal .product_price_default { font-size: 26px; bottom: 134px; right: 8px } .product_horizontal .rouble__i svg#rouble__b { height: 21px } .product_horizontal .rouble__i svg#rouble__g { height: 20px } .product_horizontal .product_add_compare { bottom: 14px; right: 3px } .product_horizontal .product_add_compare .ic { margin-left: 4px } } @media (min-width: 1000px) and (max-width: 1249px) { .product_horizontal .btn_cart { right: 13px; bottom: 40px } .product_horizontal .sticker_time { right: 233px } .product_horizontal .product_photo { width: 160px; height: 100% } .product_horizontal .product_photo .sticker_new { bottom: 0 } .product_horizontal .product_code { top: 10px; left: 180px } .product_horizontal .product_description { padding: 30px 20px 0 12px; width: 330px; font-size: 14px; line-height: 22px } .product_horizontal .product_tags { padding: 3px 0 65px 11px; width: 330px; font-size: 14px; line-height: 18px } .product_line .product_horizontal .product_tags { width: 505px } .product_horizontal .product_tags.more__padding { padding: 3px 0 105px 11px } .product_horizontal .product_options { bottom: 10px; left: 182px } .product_horizontal .product_options.club__position { right: 252px; left: auto; bottom: 5px } .product_horizontal .product_status_tooltip_container { position: absolute; top: 8px; left: 267px } .product_horizontal .product_price_club_card { bottom: 138px; right: 10px } .product_horizontal .product_price_default { bottom: 108px; right: 10px } .product_horizontal .product_count_wrapper { right: 167px; bottom: 40px } .product_horizontal .product_add_compare { bottom: 5px; right: 8px } .product_horizontal .product_add_compare .ic { margin-left: 4px } } @media (min-width: 1250px) { .product_horizontal .product_options.club__position { right: 252px; left: auto; bottom: 10px } } @media (min-width: 1000px) and (max-width: 1249px) { .product_description a { position: relative; top: 4px } .product_description .breadcrumbs a { top: 0 } .product_description a.estimate_product_name { left: 30px } } .product_options.solitary_options { bottom: 20px; right: 220px; left: inherit } .product_options.gift_options { bottom: 50px; right: 245px; left: inherit } .product_options.gift_options.gift_product { position: relative; bottom: inherit; right: inherit; margin: 25px 0 0; bottom: 10px } .gift_product .solitary__arrow .solitary__border { border-left: 9px solid transparent!important; border-right: 9px solid transparent!important; border-bottom: 9px solid!important; right: 186px; top: -19px } .gift_product .solitary__arrow .solitary__color { border-left: 8px solid transparent!important; border-right: 8px solid transparent!important; border-bottom: 8px solid #fff!important; right: 187px; top: -17px } .product.product_horizontal .product_units { position: absolute; right: 12px; top: 95px; bottom: inherit } .product .product_units { position: absolute; right: 15px; top: inherit; bottom: 105px; z-index: 9 } .product_units p { font-size: 13px; line-height: 17px } @media (min-width: 0px) and (max-width: 999px) { .product.product_horizontal .product_units { position: absolute; right: 15px; top: inherit; bottom: 95px } .product_price_points { display: none!important } } @media (min-width: 1250px) { .product.product_horizontal .product_units { top: 130px } .product_price_points { top: 105px } } @media (min-width: 0px) and (max-width: 1250px) { .product_options.solitary_options { bottom: 20px } .product_options.gift_options { bottom: 40px } .product_options.gift_options.gift_product { bottom: -10px } .gift__wrapper { width: 130px; padding: 10px 5px } .gift__field p { font-size: 12px; margin: 0 } .order-h1 { margin-top: 20px } } @media (min-width: 1250px) { .product_options.solitary_options { bottom: 30px } .gift__wrapper { width: 260px; padding: 10px } .gift__field p { font-size: 14px; margin: 0 0 0 50px } .gift__field:before { content: ""; display: block; position: absolute; width: 35px; height: 45px; top: 11px; left: 12px; background: url("https://s1.tdp.ru/desktop/img/icons/services_gifts.png") no-repeat } } .solitary__wrapper { position: relative; width: 90%; max-width: 280px; min-height: 55px; padding: 10px; border: 1px solid #ccc } .gift__wrapper { position: relative; max-width: 230px; min-height: 55px; border: 1px solid #f90 } .gift_product .gift__wrapper { max-width: 216px; width: 216px; float: right } .gift__field, .solitary__field { font-weight: 400 } .solitary__field p { font-size: 13px; line-height: 16px } .gift__field p { line-height: 17px } .gift__field span { position: relative; top: 5px; display: block; font-size: 10px; text-align: right } .products_carousel { position: relative } .products_carousel_counter { position: absolute; width: 67px; right: 45px; top: -42px; height: 40px; line-height: 40px; font-size: 16px; text-align: center; z-index: 10 } .products_carousel .owl-wrapper-outer { overflow: visible } .products_carousel .owl-controls { position: absolute; top: -57px; right: 0 } .products_carousel .owl-controls .owl-buttons div { width: 40px; height: 40px; border: 1px solid #ccc; background: #fff; opacity: 1; border-radius: 0; position: relative; cursor: pointer } .products_carousel .owl-controls .owl-buttons div:before { content: ""; display: block; background: url(/img/el.png) -281px 0 no-repeat; width: 5px; height: 13px; position: absolute; top: 12px } .products_carousel .owl-controls .owl-buttons div.owl-prev:before { left: 15px } .products_carousel .owl-controls .owl-buttons div.owl-next { margin-left: 62px } .products_carousel .owl-controls .owl-buttons div.owl-next:before { right: 15px; background-position: -286px 0 } .sticker_hot { top: 0; background: url(https://s1.tdp.ru/desktop/img/templates/sticker_hot.svg) 0 0 no-repeat; width: 75px; height: 50px } .sticker_hot, .sticker_new { position: absolute; left: 0; cursor: pointer } .sticker_new { bottom: 20px; background: url(https://s1.tdp.ru/desktop/img/templates/sticker_new.svg) 0 0 no-repeat; width: 77px; height: 34px } .sticker_discount { background: url(https://s1.tdp.ru/desktop/img/templates/sticker_discount.svg) 0 0 no-repeat; width: 36px; height: 35px; bottom: 20px } .sticker_discount, .sticker_x3 { position: absolute; right: 0; cursor: pointer } .sticker_x3 { background: url(https://s1.tdp.ru/desktop/img/templates/sticker_3.svg) 0 0 no-repeat; width: 47px; height: 32px; bottom: 32px } .sticker_time { background: url(https://s1.tdp.ru/desktop/img/templates/sticker_time.svg) 0 0 no-repeat; width: 29px; height: 41px; position: absolute; top: 0; right: 250px; cursor: pointer } .contacts_container { margin-bottom: 40px } .contacts_content { margin: 0 0 0 -10px; display: none } .contacts_content_column { float: left; width: 240px; margin-left: 10px } .contacts_content_column_wide { width: 490px } .contacts_content_header { font-size: 16px; line-height: 20px; font-weight: 700; margin-bottom: 18px } .contacts_content_text { margin-bottom: 10px; line-height: 16px } .contacts_content .hint_text { color: #666 } @media (min-width: 0px) and (max-width: 999px) { .contacts_container { margin-bottom: 23px } .contacts_content_column_wide { width: 240px } } @media (min-width: 1000px) and (max-width: 1249px) { .contacts_container { margin-bottom: 23px } .contacts_content_column_wide { width: 240px } } .map_container { height: 660px; position: relative; margin-bottom: 27px } .bal-cont .basa_name { font-size: 17px; font-weight: 700; margin-bottom: 5px } .bal-cont .basa_content .basa_preview .t_coord { font-size: 13px; line-height: 16px } .bal-cont .basa_content .basa_preview img { display: block; margin: auto } .bal-cont .basa_content .basa_detail_text .t { margin: 0 0 5px } .bal-cont .basa_content .basa_detail_text .t img { width: 100%; margin: 10px 0 } .bal-cont .basa_content .basa_detail_text .t .t_name { font-size: 13px; font-weight: 700 } .bal-cont .basa_content .basa_detail_text .t .t_list { padding: 5px 10px 2px; text-decoration: underline; font-size: 13px } .bal-cont .basa_content .basa_detail_text .t .t_detail { position: relative; padding: 0 0 0 20px } .bal-cont .basa_content .basa_detail_text .t .t_detail:before { content: ""; display: block; width: 5px; height: 1px; background: #696969; position: absolute; top: 8px; left: 10px } .bal-cont .basa_content .basa_detail_text .t .t_detail.no_lists:before { display: none } .address_list_container { width: 240px; position: absolute; top: -1px; right: -1px; bottom: -1px; border: 1px solid #ccc } .address_one { position: relative; border-bottom: 1px solid #ccc } .address_one .warning__i { display: block; position: absolute; top: 22px; left: 10px; width: 20px; height: 20px; color: #fff; background: #ed1c24; text-align: center; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; z-index: 2 } .address_link { display: block; text-decoration: none; padding: 18px 20px 18px 40px; position: relative } .address_link p { font-size: 14px; line-height: 16px } .base-worktime { margin-bottom: 15px } .address_link.active, .address_link:hover { background: #fc3 } .block_container_list { margin: 0 0 10px -25px } .block_container_list .block_container { float: left; margin: 0 0 20px 30px; width: 393px; height: 220px } .block_container_list .block_container .form_subscribe { padding: 20px 14px 10px 20px } .block_container_list .block_container .form_subscribe .block_container_header { margin-bottom: -4px } @media (min-width: 0px) and (max-width: 999px) { .block_container_list { margin-left: -5px } .block_container_list .block_container { width: 240px; margin-left: 10px; height: 400px } } @media (min-width: 1000px) and (max-width: 1249px) { .block_container_list { margin-left: -5px } .block_container_list .block_container { width: 240px; margin-left: 10px; height: 400px } } .baner__long-box { padding: 5px; margin: 20px auto } .categories_list { margin: 0 0 0 -5px } .categories_list_item { width: 190px; height: 270px; padding: 10px 0; margin: 0 0 10px 10px; text-align: center; -webkit-transition: all .15s ease-in-out; transition: all .15s ease-in-out } .categories_list_item:hover { border-color: #666; box-shadow: 0 2px 10px rgba(0, 0, 0, .3) } .categories_list_item a { text-decoration: none; display: block } .categories_list_item img { margin-bottom: 10px; max-width: 180px; max-height: 180px } .categories_list_item_name { font-size: 16px; line-height: 18px; padding: 0 5px } .category_total_products { font-size: 14px; line-height: 18px; color: #000; margin: -10px 0 15px 25px } .page_total__main .category_total_products { margin: -10px 0 22px 5px } .category_total_products_counter { font-weight: 700; color: #000 } @media (min-width: 0px) and (max-width: 999px) { .category_total_products { margin: -10px 0 15px 16px } .page_total__main .category_total_products { margin: -10px 0 15px 5px } } @media (min-width: 1000px) and (max-width: 1249px) { .category_total_products { margin: -10px 0 16px 15px } .page_total__main .category_total_products { margin: -10px 0 22px 5px } } .product_table_controls { padding: 4px 0 8px 5px } .product_table_controls .btn_compare { display: none; float: right; width: 140px; height: 30px; line-height: 28px } .product_table_controls .btn_compare_active { background: #333; color: #fff } .touch_page .product_table_controls { margin: -33px 0 10px } .product_table_sortings_list { float: left; padding: 10px 0 0 } .product_table_sorting_item { float: left; font-size: 14px; margin-left: 34px; color: #000; position: relative } .product_table_filter_subdivision { color: #000; display: inline-block; font-size: 14px; margin-right: 20px } .product_table_controls { padding: 0; margin: 5px 0 0 } .product_table_controls_block { padding-left: 10px } .product_table_controls_block select { min-height: 25px; height: inherit!important; padding: 3px 24px 3px 8px; border: 1px solid #ccc; -webkit-border-radius: 0; border-radius: 0; margin-left: 10px; background-image: url("https://s1.tdp.ru/desktop/img/icons/tags__i.png"); background-position: right 6px top 10px; background-repeat: no-repeat; cursor: pointer; -moz-appearance: none; text-indent: .01px; text-overflow: ""; -ms-appearance: none; appearance: none!important; -webkit-appearance: none } .product_table_controls_block select::-ms-expand { display: none } .product_table_controls_block select.subdivision-select { width: 160px } .category_total_products_box { display: inline-block } .category_total_products_box .category_total_products { font-size: 14px; display: inline-block; margin: 0 } .product_table_sorting_link.sorting__link:after { content: ""; position: relative; display: inline-block; right: -5px; font-size: 11px } .product_table_sorting_link.sorting__link.title_asc:after { /* content: "\410-\42F" */ } .product_table_sorting_link.sorting__link.title_desc:after { content: "\42F-\410" } .product_table_sorting_link.sorting__link.price:after { content: ""; top: 2px; width: 12px; height: 12px; background: url(/img/sort--asc.png); -webkit-background-size: 100%; background-size: 100%; opacity: .5 } .product_table_sorting_link.sorting__link.active__link.price:after { opacity: 1 } .product_table_sorting_link.sorting__link.price_desc:after { background: url(/img/sort--desc.png); -webkit-background-size: 100%; background-size: 100% } .product_table_sorting_item:first-child { margin-left: 0 } .product_table_sorting_item .sod_select { width: 112px } .product_table_sorting_item .sod_list_wrapper { width: 160px } .product_table_sorting_link { color: #999; text-decoration: none } .product_table_sorting_link_active { font-weight: 700; color: #000 } .product_table_sorting_link:hover { color: #f90 } .sorting__link { cursor: pointer } .sorting__link.active__link { font-weight: 700; color: #000 } @media (min-width: 0px) and (max-width: 999px) { .product_table_controls { padding: 0; margin: 10px 0 0 } .product_table_controls_block { margin-bottom: 12px } .touch_page .product_table_controls { margin: 0 0 18px; padding-top: 23px } .product_table_sortings_list { padding: 0 } .product_table_sorting_item { margin-left: 10px } .product_table_sorting_item:first-child { padding-top: 6px } } @media (min-width: 1000px) and (max-width: 1249px) { .product_table_controls { padding: 0; margin: 10px 0 0 } .product_table_controls_block { margin-bottom: 8px } .touch_page .product_table_controls { margin: 13px 0 10px } .product_table_sortings_list { padding: 0 } .product_table_sorting_item { margin-left: 10px } .product_table_sorting_item:first-child { padding-top: 6px } } .view_variant_switcher { float: right; margin-right:12px; overflow: hidden } .view_variant_link { display: inline-block; vertical-align: top; margin-left: 2px } .cart_page_controls { text-align: right; padding-right: 5px } .cart_page_controls a { color: #333; margin-left: 27px; text-decoration: none } .cart_page_controls a:hover { color: #f90 } .cart_page_controls .ic { margin-right: 10px } .cart_page_controls_top { display: block!important; position: absolute; top: 0; right: 0 } .cart_page_controls_bottom { margin-bottom: 17px } .cart_page_delete_all { display: inline-block; position: relative; margin-left: 25px } .cart_page_delete_all:before { content: ""; display: block; width: 1px; height: 31px; background: #ccc; position: absolute; top: -2px; left: 0 } .cart_page_controls a.cart_page_delete_all_link { color: #999 } .cart_page_controls a.cart_page_delete_all_link:hover { color: #f90 } .cart_page_delete_all_link .ic { margin-left: 6px } @media (min-width: 1250px) { .cart_page_controls_bottom { padding-right: 27px } } @media (min-width: 1250px) { .cart_page_controls_top { right: 22px } } .cart_row_header { border-bottom: 1px solid #e5e5e5; overflow: hidden; padding: 10px 0 } .cart_row_header li { float: left; font-size: 14px; color: #999 } .cart_row_col_product { width: 560px; padding-left: 40px; float: left } .user_page_content .cart_row_col_product { width: 500px } .cart_row_col_price { width: 180px; text-align: center } .cart_row_col_quantity { width: 90px } .cart_row_col_price_total { width: 140px; text-align: center } .cart_row_col_weight { width: 178px; text-align: center } .cart_row_right { float: left } .cart_rows_list { list-style: none; counter-reset: point; padding: 0; margin: 0 } .cart_row_content { position: relative; display: table; background: url(https://s1.tdp.ru/desktop/img/templates/hr-dashed.png) 0 100% repeat-x; padding: 8px 0 20px } .cart_row_content:before { content: counter(point) "."; counter-increment: point 1; position: absolute; top: 13px; left: 14px; font-weight: 700 } .cart_row_content .cart_row_right>div { float: left } .cart_row_content:last-child { background: none; padding-bottom: 12px } .cart_row_content .product_number { display: none } .cart_row_content .product_photo { width: 150px; height: 150px; float: left; margin: 0 20px 0 0; z-index: 20 } .cart_row_content .product_photo_inactive img { opacity: .3 } .cart_row_content .product_code { font-size: 12px; color: #666; font-weight: 400; position: absolute } @media (min-width: 0px) and (max-width: 999px) { .cart_row_content .product_code { left: 178px } } @media (min-width: 1000px) and (max-width: 1235px) { .cart_row_content .product_code { left: 164px } } @media (min-width: 1135px) and (max-width: 1235px) { .cart_row_content .product_code { left: 182px } } .cart_row_content .product_description { margin: 0 0 10px -27px; position: relative } .cart_row_content .product_description_inactive { color: #999 } .cart_row_content .product_description .sticker_time { right: 30px; top: -10px } .cart_row_content .product_options { left: 210px; bottom: 20px } .cart_row_content .product_count_wrapper { position: static; height: 41px; width: 78px; border: none } .cart_row_content .product_count_wrapper .stepper { margin-bottom: 0 } .cart_row_content .product_count_wrapper .stepper-arrow.up { border: 1px solid #ccc; border-bottom: none } .cart_row_content .product_count_wrapper .stepper-arrow.down { border: 1px solid #ccc } .cart_row_content .product_count_wrapper .product_count { font-size: 16px; border: 1px solid #ccc; color: #000; height: 41px; width: 54px; padding: 0; line-height: 1.2; margin-right: 0 } .cart_row_content .product_option_name { font-size: 14px; margin-bottom: 5px } .cart_row_content .cart_row_col_price { color: #999; font-size: 20px; padding-top: 22px; text-align: right; padding-right: 45px } .cart_row_content .cart_row_col_quantity { padding-top: 12px; position: relative; height: 52px } .cart_row_content .cart_row_col_price_total { font-size: 20px; padding-top: 22px; font-weight: 700; text-align: center } .cart_row_content .cart_row_col_weight { color: #999; font-size: 20px; padding-top: 22px; text-align: right; padding-right: 45px } .cart_row_content .cart_row_col_delete { padding-top: 17px } .cart_row_content .cart_row_col_delete_inactive { margin-left: 618px } .cart_row_content .cart_row_col_name { font-size: 14px; font-weight: 400; color: #999; float: left; width: 100px; padding-top: 7px } .cart_row_content .cart_present_container { position: absolute; background: #fff; border: 1px solid #f90; width: 420px; top: 100%; left: -90px; padding: 14px 24px; margin-top: 10px } .cart_row_content .cart_present_container .ic_present { margin-right: 18px } .cart_row_content .cart_present_container:before { content: " "; position: absolute; width: 0; height: 0; border: 7px solid; border-color: transparent transparent #f90; display: block; top: -14px; left: 130px } .cart_row_content .cart_present_container:after { content: " "; position: absolute; width: 0; height: 0; left: 130px; top: -13px; border: 7px solid; border-color: transparent transparent #fff } .cart_row_content .cart_present_text { display: inline-block; vertical-align: top } .cart_row_content .cart_present_text>p { font-weight: 700; margin-bottom: 5px } .cart_row_content .cart_present_label { position: relative; display: block; line-height: 15px } .cart_row_content .cart_present_label .checkbox_input, .cart_row_content .cart_present_label .checkbox_input_small { position: absolute; top: 5px; left: 0 } .cart_row_delete_link { display: block; width: 30px; height: 31px; position: relative; line-height: 30px } @media (min-width: 0px) and (max-width: 999px) { .cart_row_content { padding-bottom: 16px } .cart_row_content .cart_present_container { left: -120px; top: auto } .cart_row_content .cart_present_container:after, .cart_row_content .cart_present_container:before { left: 160px } .cart_row_content .product_number { top: 25px } .cart_row_content .product_photo { float: none; margin: 15px 0 30px } .order_container .cart_row_content .product_photo { float: left } .cart_row_content .product_description { padding: 0 30px 0 0; margin: 0 0 0 -27px; margin: 0 0 10px -27px; position: static } .cart_row_content .product_description .sticker_time { top: 250px; right: 0; background: url(https://s1.tdp.ru/desktop/img/icons/sticker_time.svg) 0 0 no-repeat; width: 29px; height: 41px } .cart_row_content .product_options { left: 305px; bottom: 30px } .cart_row_content .cart_row_col_price { padding-top: 72px } .cart_row_content .cart_row_col_quantity { padding-top: 65px } .cart_row_content .cart_row_col_price_total, .cart_row_content .cart_row_col_weight { padding-top: 72px } .cart_row_content .cart_row_col_delete { padding-top: 70px } .cart_row_content .cart_row_col_value .stepper-arrow.down, .cart_row_content .cart_row_col_value .stepper-arrow.up { border: 1px solid #999 } .cart_row_content .cart_row_col_value .product_count { border-left: none } .cart_row_col_product { width: 240px } .cart_row_col_weight { width: 60px } .ng-scope .cart_row_col_product { width: 240px } .ng-scope .cart_row_content .cart_row_col_value .product_count { border: 1px solid #999 } .ng-scope .cart_row_col_product .product_photo { margin: 15px 0 0 } .ng-scope .cart_row_right .cart_row_col_price { padding-top: 72px } .ng-scope .cart_row_right .cart_row_col_quantity { padding-top: 62px } .ng-scope .cart_row_right .cart_row_col_price_total, .ng-scope .cart_row_right .cart_row_col_weight { padding-top: 72px } .ng-scope .cart_row_right .cart_row_col_delete { padding-top: 67px } .ng-scope .product_description { padding: 0 0 0 30px } } @media (min-width: 1000px) and (max-width: 1149px) { .add-product-from-cart-form { width: 94%; max-width: 925px } .ui-view-container { width: 95%; max-width: 940px; padding: 0 5px } .ng-scope .cart_row_col_product { width: 300px } .cart_row_content .product_photo { width: 100px; height: 135px; margin: 0 5px 0 0 } .product_photo img { max-width: 80%; max-height: 80% } .cart_row_content .cart_present_container { left: -150px; top: 120% } } @media (min-width: 1150px) and (max-width: 1249px) { .ui-view-container { width: 100% } .ng-scope .cart_row_col_product { width: 350px } .cart_row_content .cart_present_container { left: -140px; top: 120% } .cart_row_content .product_photo { width: 120px; height: 135px; margin: 0 5px 0 0 } } @media (min-width: 1250px) and (max-width: 1360px) { .add-product-from-cart-form { width: 95%; max-width: 1180px } .ui-view-container { width: 95% } .cart_row_content .product_photo { width: 140px } .cart_row_col_product { width: 530px } } @media (min-width: 1000px) and (max-width: 1249px) { .add-product-from-cart-form .fast-add-price { width: 105px } .cart_row_content .cart_present_container:after, .cart_row_content .cart_present_container:before { left: 160px } .cart_row_col_product { width: 440px } @supports (-moz-appearance: meterbar) and (cursor: zoom-in) { .cart_row_col_product { width: 450px } } .cart_row_content .cart_row_col_price_total { width: 135px } .cart_row_content .cart_row_col_weight { width: 118px; padding-right: 5px } .cart_row_content .cart_row_col_delete { margin-left: 30px } .cart_row_content .cart_row_col_delete_inactive { margin-left: 447px } } .form_choose_color .textInput { width: 120px; height: 30px; line-height: 28px; border-color: #666; font-size: 12px; padding: 3px 7px; margin-right: 10px } .form_choose_color .textInput::-webkit-input-placeholder { color: #666 } .form_choose_color .textInput:-moz-placeholder, .form_choose_color .textInput::-moz-placeholder { color: #666; opacity: 1 } .form_choose_color .textInput:-ms-input-placeholder { color: #666 } .form_choose_color_link { display: inline-block; vertical-align: middle; width: 30px; height: 30px; border: 1px solid #333; margin-right: 10px } .form_choose_color_hint { display: inline-block; vertical-align: middle; font-size: 12px; line-height: 14px } .cart_total_container { min-height: 296px; margin: 0 5px 20px } .cart_total_container_banner { float: left; margin-right: 19px } .cart_total_container_form { overflow: hidden; padding: 44px 0 0; float: left } .cart_total_container_form .form_row { display: inline-block; vertical-align: top; margin-right: 7px } .cart_total_container_form .textInput { width: 220px; display: block; margin-bottom: 6px } .cart_total_container_form .btn { width: 220px; vertical-align: top } .cart_total_container_text { font-size: 16px; line-height: 20px; margin-bottom: 22px } .cart_total_container_text strong { font-size: 18px } .cart_total_container_hint { margin-bottom: 5px; font-size: 14px } .cart_total_container_final { float: right; width: 490px; border: 1px solid #7f7f7f; padding: 18px 18px 22px; position: relative } .cart_total_container_final_header { font-size: 16px; line-height: 20px; margin-bottom: 3px } .cart_total_container_final_prices { position: absolute; left: 18px; bottom: 20px; z-index: 10 } .cart_total_container_final_prices_header { font-size: 16px; margin-bottom: 12px } .cart_total_container_final_price_old { color: #999; font-size: 28px; line-height: 30px; margin-bottom: 0; position: relative; display: inline-block } .cart_total_container_final_price_old:before { content: ""; display: block; position: absolute; height: 2px; top: 50%; margin-top: -1px; left: -5px; right: -5px; background: #999 } .cart_total_container_final_price { font-size: 36px; line-height: 40px; font-weight: 700; margin-bottom: 0 } .cart_total_container_final_controls { width: 220px; float: right; position: relative; z-index: 20 } .cart_total_container_final_controls label { display: block; margin: 0 0 10px 10px; font-size: 16px } .cart_total_container_final_sale { position: absolute; background: #fff; border: 1px solid #f90; width: 120px; top: 42px; left: -150px; padding: 14px 19px } .cart_total_container_final_sale:before { content: " "; position: absolute; width: 0; height: 0; border: 7px solid; border-color: transparent transparent transparent #f90; display: block; top: 50%; margin-top: -4px; right: -14px } .cart_total_container_final_sale:after { content: " "; position: absolute; width: 0; height: 0; right: -13px; top: 50%; margin-top: -4px; border: 7px solid; border-color: transparent transparent transparent #fff } .cart_total_container_final_sale p { text-transform: uppercase; font-size: 12px } .cart_total_container_final_sale p span { text-transform: none; font-size: 22px; font-weight: 700 } .cart_total_container_final .ur_content { display: none } .cart_total_container_final .ur_content_text { position: absolute; margin: 0; bottom: 20px; left: -450px; display: none; font-size: 16px; line-height: 25px } .cart_total_container_card { float: left; padding: 10px 0 0 } .cart_total_container_card p { font-size: 16px; line-height: 18px; margin: 0 0 1px } .cart_total_container .card_table td { vertical-align: top; padding-bottom: 23px } .cart_total_container .card_table td:first-child { width: 214px } .cart_total_container .card_table td.important { color: red; font-size: 14px } .cart_total_container .card_table_number, .cart_total_container .card_table_total_points { font-size: 18px; font-weight: 700; color: #f90 } .cart_total_container .card_table_title { font-size: 18px; font-weight: 700; margin-bottom: 2px } .cart_total_container .card_table_link { font-size: 14px; margin-bottom: 2px } .cart_total_container .card_table_hint { font-size: 14px; color: #666 } @media (min-width: 0px) and (max-width: 999px) { .cart_total_container { margin-bottom: 0 } .cart_total_container_banner { margin-right: 20px } .cart_total_container_form { padding: 8px 0 0 } .cart_total_container_form .form_row { display: block; margin: 0 0 15px } .cart_total_container_final { width: 270px; margin: 11px 0 0; padding: 16px 28px 26px } .cart_total_container_final_header { margin-bottom: 20px } .cart_total_container_final_prices { position: relative; left: 0; bottom: 0; margin-bottom: 27px } .cart_total_container_final_prices_header { margin-bottom: 4px } .cart_total_container_final_controls { width: 230px; float: none; margin: 0 0 0 -10px } } @media (min-width: 1000px) and (max-width: 1249px) { .cart_total_container { margin-bottom: 0 } .cart_total_container_banner { margin-right: 20px } .cart_total_container_form { padding: 6px 0 0 } .cart_total_container_form .form_row { display: block; margin: 0 0 15px } .cart_total_container_final { width: 260px; padding: 16px 28px 26px } .cart_total_container_final_header { margin-bottom: 20px } .cart_total_container_final_prices { position: relative; left: 0; bottom: 0; margin-bottom: 27px } .cart_total_container_final_prices_header { margin-bottom: 4px } .cart_total_container_final_controls { width: 220px; float: none; margin: 0 0 0 -10px } } .product_full_container { padding: 0 5px } .product_full_container>.product_code { margin-bottom: 13px } .product_full_container .page_title_big { margin: 0 0 20px } @media (min-width: 0px) and (max-width: 999px) { .product_full_container .page_title_big { max-width: 490px } } @media (min-width: 1000px) and (max-width: 1249px) { .product_full_container { padding-top: 10px } } .product_full_extra { float: left; width: 990px; padding: 10px 0 18px } .product_full_extra .row_products { clear: both; margin: 0 -5px } .product_full_gallery { width: 490px; float: left; padding: 48px 0 0; margin-right: 10px } .product_full_gallery_img { text-align: center; margin-bottom: 20px } .product_full_gallery .owl-controls { position: absolute; bottom: -18px; left: 6px; right: 0 } .product_full_gallery .owl-controls .owl-buttons div { width: 20px; height: 100px; text-indent: -9999px; position: absolute; top: 0 } .product_full_gallery .owl-controls .owl-buttons div:before { content: ""; background-image: url(/img/el.png); background-repeat: no-repeat; width: 6px; height: 12px; position: absolute; top: 50%; margin: -3px 0 0 -6px; left: 50% } .product_full_gallery .owl-controls .owl-prev { left: 0 } .product_full_gallery .owl-controls .owl-prev:before { background-position: -196px 0 } .product_full_gallery .owl-controls .owl-next { right: 0 } .product_full_gallery .owl-controls .owl-next:before { background-position: -202px 0 } .product_full_gallery_previews { width: 430px; margin: 0 auto } .product_full_gallery_previews .active { position: relative } .product_full_gallery_previews .active:before { content: ""; display: block; width: 100px; height: 100px; position: absolute; top: 0; left: 0; background: rgba(0, 0, 0, .3) } @media (min-width: 0px) and (max-width: 999px) { .product_full_gallery { padding-top: 34px; min-height: 550px!important } .product_full_gallery.wide__size { min-height: 680px!important } } .product_full_info { float: left; width: 490px; position: relative; margin-bottom: 14px; padding-top: 12px } @media (min-width: 1250px) { .product_full_info { min-height: 550px } } .product_options .product_full_info_points { margin: 0 } .product_full_info_points { display: inline-block; position: relative; background: #ebebeb url(https://s1.tdp.ru/desktop/img/templates/sticker_friends.png) 6px 0 no-repeat; height: 30px; min-width: 90px; font-size: 12px; line-height: 30px; padding: 0 5px 0 98px; color: #666; margin: 0 0 19px 7px; cursor: pointer } .product_full_info_points:after, .product_full_info_points:before { content: ""; display: block; position: absolute; top: 0; width: 0; height: 0; border-style: solid } .product_full_info_points:before { left: -7px; border-width: 0 0 30px 7px; border-color: transparent transparent #ebebeb } .product_full_info_points:after { right: -7px; border-width: 30px 7px 0 0; border-color: #ebebeb transparent transparent } .product_full_info_icons { position: absolute; top: 3px; right: 0 } .product_full_info_icons .ic { margin-left: 20px } .product_full_info .product_options { position: static; display: table; margin-bottom: 30px } @media (min-width: 0px) and (max-width: 999px) { .product_full_info { width: auto; margin: 30px 0 33px 21px; z-index: 11 } .product_full_info_icons { right: 20px } } @media (min-width: 1000px) and (max-width: 1249px) { .product_full_info { margin-bottom: 0 } } .product_full_description { margin-bottom: 27px; text-align: left } .product_full_description p:not(.section_title) { font-size: 16px; line-height: 20px } .product_full_description_details { margin: 0; line-height: 16px; font-size: 16px } .product_full_description_name { float: left; clear: left; font-weight: 700; margin-right: 5px } .product_full_description_value { overflow: hidden; margin: 0 0 3px } .tab_content .product_full_description p { font-size: 14px; line-height: 20px } .product_full_tech_details h2 { margin-bottom: 14px } .product_full_tech_details_table { width: 100%; border: 1px solid #b2b2b2; margin-bottom: 15px } .product_full_tech_details_table tr:first-child td { border-top: none } .product_full_tech_details_table tr:nth-child(2n) td { background: #f3f3f3 } .product_full_tech_details_table td { min-height: 32px; line-height: 32px; vertical-align: top; border-top: 1px solid #e5e5e5; padding: 0 10px 0 20px; font-size: 14px } .product_full_tech_details_table td:first-child { width: 325px; border-right: 1px solid #b2b2b2 } .tab_content .product_full_tech_details_table { margin-bottom: 20px } .tab_content .product_full_tech_details_table td:first-child { width: 480px } .product_full_tech_details p { font-size: 16px } .product_full_details { margin: 41px -5px 20px } .product_full_details .product_full_tech_details { margin-bottom: 36px } .product_full_details .product_full_tech_details_table { margin-bottom: 16px } .product_full_details .product_full_tech_details_table td:last-child { padding-left: 43px } .product_full_details .product_full_description p { line-height: 18px } .product_full_details .product_full_docs { margin: 0 0 15px 10px } @media (min-width: 0px) and (max-width: 999px) { .product_full_details { -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; margin-top: 0; margin-bottom: 0 } .product_full_details .tab_content_right_column_text { float: left; width: 220px; margin-left: 10px } .product_full_details .product_full_tech_details { margin-bottom: 56px } .product_full_details .product_full_description { margin-bottom: 12px } } @media (min-width: 1000px) and (max-width: 1249px) { .product_full_details { -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; margin-top: 0; margin-bottom: 0 } } .product_full_docs a { margin-right: 9px; text-decoration: none } .product_full_docs_name { display: inline-block; font-size: 15px; line-height: 18px; width: 130px; vertical-align: middle } .product_full_price { position: relative; margin-bottom: 12px; padding-right: 5px; float: right } .product_full_price .product_price_club_card { position: static; text-align: right; font-size: 40px; margin-bottom: 25px } .product_full_price .product_price_club_card_text { display: block; margin: 0 5px 13px 0 } .product_full_price .product_price_default { position: static; text-align: right; margin-bottom: 40px } .product_full_price .product_price_default.special_price { margin-top: -20px; margin-bottom: 10px; color: #ed1d24 } .product_full_price .product_price_default.special_price_d { margin-bottom: 5px; font-size: 14px; color: #ed1d24 } .product_full_price .product_price_default.special_price .spec__desc { font-size: 13px } .special_price .rouble__i svg#rouble__g path, .special_price_d .rouble__i svg#rouble__g path { fill: #ed1d24 } .special_price_d .rouble__i svg#rouble__g { width: 10px; height: 10px } .product_units .unit--wrapper { display: table; width: 100% } .product_units .unit--select { float: left; padding: 3px 4px; margin: 0 0 -7px 5px; cursor: pointer } .product_units .unit--select.unit--active { background: #000; cursor: default } .product_units .unit--select.unit--active p { color: #fff; border-bottom: 1px solid transparent } .product_units .unit--select p { font-size: 13px; line-height: 13px; color: #707070; border-bottom: 1px dotted #707070; transition: .2s; -webkit-transition: .2s } .product_units .unit--select:hover p { border-bottom: 1px solid transparent } .list--unit-desc { position: absolute; width: 222px; right: 12px; bottom: 85px; margin: 10px 0 5px; padding: 5px 10px; background: #fff; border: 1px solid #ccc } .list--unit-desc:before { margin-bottom: -1px; border-color: #ccc; color: #ccc; left: 13px; border-left: 8px solid transparent!important; border-right: 8px solid transparent!important } .list--unit-desc:after, .list--unit-desc:before { content: ""; position: absolute; bottom: -7px; border-top: 8px solid; display: block; width: 0; height: 0 } .list--unit-desc:after { border-color: #fff!important; left: 14px; border-left: 7px solid transparent!important; border-right: 7px solid transparent!important } .list--unit-desc .unit--desc-i { display: inline-block; vertical-align: top; width: 15px; height: 15px; margin: 8px 10px 0 0; background: url("https://s1.tdp.ru/desktop/img/icons/product/unit--i.png") 50% no-repeat; background-size: cover } .list--unit-desc .unit--desc-t { display: inline-block } .list--unit-desc .unit--desc-t p { font-size: 13px; line-height: 15px } .list--unit-desc .unit--desc-t p span { display: block } .list--unit-padd { display: table; width: 1px; height: 230px } @media (min-width: 0) and (max-width: 1000px) { .list--unit-desc { display: none; width: 219px; bottom: 95px; right: 9px } } @media (min-width: 1250px) { .list--unit-desc { bottom: 95px; right: 10px } .list--unit-padd { height: 275px } } .horizontal__parent .list--unit-desc { display: none } .product_full_price .product_unit { position: relative; text-align: right; bottom: 30px } .product_full_price .product_count_wrapper { position: static; margin: 0 3px 0 16px; vertical-align: top } @media (min-width: 0) and (max-width: 1000px) { .product_full_price .product_count_wrapper { margin: 0 3px 0 34px } .column-left-cart-page { float: left; width: 225px; margin-top: 20px } } .product_full_price .product_add_compare { position: static; display: block; text-align: right; margin-top: 10px } .product_full_price .btn_cart { width: 148px; padding: 0 0 0 20px; position: relative } .product_full_price .btn_cart .ic_cart { position: absolute; top: 10px; left: 10px } .product_full_price .btn_cart_already { background: #999; cursor: default } .product_full_price .btn_cart_already:hover { background: #999 } @media (min-width: 0px) and (max-width: 999px) { .product_full_price { float: none; padding: 13px 6px 0 0 } } @media (min-width: 1000px) and (max-width: 1249px) { .product_full_price { float: none; padding: 0 } .product_full_price_right { float: right } } .product_full_status { padding: 20px 5px 0 12px } .product_full_status_header { font-size: 18px; font-weight: 700; margin-bottom: 15px; text-align: right } .product_full_status .product_status { text-align: right; border-bottom: none; margin-bottom: 15px } .product_full_status .product_status_info { border-bottom: none; margin: 0; padding-bottom: 8px } .product_full_status .product_status_info_header dd, .product_full_status .product_status_info_header dt { color: #999; text-align: left } .product_full_status .product_status_info_shop { width: 50%; padding: 0; text-align: left } .product_full_status .product_status_info_quantity { width: 77px; color: #000 } .product_full_additionals { margin-bottom: 37px } .product_full_additionals_container { position: relative; left: 15px; float: right; width: 240px; clear: both } .product_full_additionals_header { margin: 0 0 18px 9px } .product_full_additionals_inner { display: none } .product_full_additionals_inner .product { margin-left: 0; margin-bottom: 5px; float: none } .product_full_additionals_inner .show_more_link { margin: 0 0 20px 9px; display: inline-block } .product_full_additionals .niceselect_big { height: 60px; line-height: 60px; margin: -2px 0 10px; padding-left: 17px; width: 240px } .product_full_additionals .niceselect_big .sod_list { padding: 0 } .product_full_additionals .niceselect_big .sod_option { background: #f5f5f5; height: 58px; text-decoration: none; padding-left: 17px; white-space: normal; 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; border-bottom: 1px solid #999 } .product_full_additionals .niceselect_big .sod_option:before { display: none } .product_full_additionals .niceselect_big .sod_option:last-child { border-bottom: none } @media (min-width: 0px) and (max-width: 999px) { .product_full_additionals { margin-bottom: 25px } .product_full_additionals_container { margin: 0 0 20px; float: none; width: auto; clear: both } .product_full_additionals_inner { position: relative; margin: 0 -5px } .product_full_additionals_inner .product { float: left; margin-left: 5px } .product_full_additionals_inner .show_more_link { position: absolute; top: -50px; right: 25px } } @media (min-width: 1000px) and (max-width: 1249px) { .product_full_additionals { margin-bottom: 25px; clear: both } .product_full_additionals_container { margin: 0 0 20px; float: none; width: auto } .product_full_additionals_inner { position: relative; margin: 0 -5px } .product_full_additionals_inner .product { float: left; margin-left: 5px } .product_full_additionals_inner .show_more_link { position: absolute; top: -50px; right: 5px } } @media (min-width: 1250px) { .product_full_additionals .niceselect_big, .product_full_additionals .related__linkScrenn { display: none } } .product_full_additional_container .page--preloader { position: absolute } .product_full_additional_container .page--overlay { display: none!important; opacity: 0!important } .product_full_additional_container { margin-top: -1px; position: relative } .product_full_additional_container>.product_full_additional_link { -webkit-transition: .2s linear; transition: .2s linear } .product_full_additional_container:hover>.product_full_additional_link { -webkit-transition: .2s linear; transition: .2s linear; background: #fff } .addition__open .product_full_additional_link { background: #fff } .addition__open .product_full_additional_link:before { background-position: -257px -22px; width: 12px; height: 6px; margin-top: -3px } .addition__open .product_full_additionals_inner .addition__area { min-height: 200px; opacity: 0 } .addition__open .product_full_additionals_inner { display: block } .product_full_additional_link { border: 1px solid #999; background: #f5f5f5; height: 60px; text-decoration: none; padding: 5px 30px 5px 11px; position: relative; cursor: pointer } .product_full_additional_link:before { content: ""; display: block; width: 6px; height: 12px; background: url(/img/el.png) -248px 0 no-repeat; position: absolute; top: 50%; margin-top: -6px; right: 20px } .product_full_additional_container.addition__elem { display: none } .more__elements { padding: 15px 5px; text-decoration: underline; cursor: pointer } .more__elements:hover { text-decoration: none } @media (min-width: 0px) and (max-width: 999px) { .product_full_additional_container { position: relative } .product_full_additional_link { display: none } } @media (min-width: 1000px) and (max-width: 1249px) { .product_full_additional_container { position: relative } .product_full_additional_link { display: none } } @media (min-width: 0px) and (max-width: 999px) { .product_full_extra { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; float: none; width: auto } } @media (min-width: 1000px) and (max-width: 1249px) { .product_full_extra { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column } } @media (min-width: 0px) and (max-width: 999px) { .product_full_recomends { -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2; margin-bottom: 40px!important } } @media (min-width: 1000px) and (max-width: 1249px) { .product_full_recomends { -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2; margin-bottom: 40px!important } } .product_full_tech_status { padding: 30px 0; clear: both } @media (min-width: 1000px) and (max-width: 1249px) { .product_full_tech_status .product_full_tech_details { float: left; width: 730px } .product_full_tech_status .product_full_status { float: right; width: 220px; padding: 7px 0 0 } } .text_content .question_list { margin: 20px 0 28px } .user_menu { padding: 5px } .user_menu li { border-bottom: 1px solid #ccc } .user_menu li, .user_menu li:hover { transition: .2s linear; -webkit-transition: .2s linear; -moz-transition: linear .2s } .user_menu li:hover { background: hsla(0, 0%, 80%, .4) } .user_menu li:last-child { border-bottom: none } .user_menu a { display: block; text-decoration: none; color: #000; height: 40px; line-height: 40px; padding: 0 0 0 10px } .ui-autocomplete { position: absolute!important; top: 38px!important; left: 0; right: 240px; background: #fff; border: 1px solid #999; border-top: 2px solid #f90; letter-spacing: normal; width: auto!important } .ui-autocomplete .ui-menu-item { font-size: 16px; line-height: 24px; cursor: pointer; padding: 3px 0 3px 10px } .ui-autocomplete .ui-menu-item.ui-state-focus, .ui-autocomplete .ui-menu-item:hover { text-decoration: underline } .compare_page .page_title_big { margin: 19px 0 2px 3px } .compare_counter { color: #666; font-size: 16px; margin: 0 0 37px 3px } .compare_counter span { color: #000 } .compare_container { margin-bottom: 55px; overflow-x: auto } .compare_table { table-layout: fixed } .compare_tr_params { border-top: 1px solid #e0e0e0 } .compare_tr_params:first-child { border-top: none } .compare_tr_params:first-child .compare_col { padding-top: 0 } .compare_tr_params:last-child { border-top: none } .compare_tr_params_separator { border-top-color: #fc3; border-top-width: 2px } .compare_tr_params_price .compare_col_attr, .compare_tr_params_separator .compare_col_attr { padding-top: 25px } .compare_col { padding: 15px 5px; font-size: 14px; line-height: 18px; vertical-align: top } .compare_col, .compare_col_attr { width: 250px; min-width: 250px; max-width: 250px } .compare_col_attr_name { vertical-align: bottom; padding-bottom: 50px } .compare_col_price { font-size: 28px; line-height: 28px; color: #666 } .compare_col_price_card { font-size: 30px; line-height: 30px; font-weight: 700 } .compare_col .product_count_wrapper { position: static; vertical-align: middle; margin: 0 5px 0 0 } .compare_col .btn_cart { position: relative; padding: 0 0 0 20px; width: 148px } .compare_col .btn_cart .ic_cart { left: 10px; position: absolute; top: 10px } .compare_product_photo { margin: 0 auto 16px; width: 220px; height: 220px; overflow: hidden; text-align: center } .compare_product_photo img { max-width: 220px; max-height: 220px } .compare_product_remove { text-decoration: none; display: block; height: 30px; cursor: pointer } .compare_product_remove:hover { text-decoration: underline } .compare_product_remove .ic { margin-right: 8px; margin-left: 0 } .compare_product_remove span { vertical-align: middle } .compare_product .compare_value_name { height: 84px; overflow: hidden } .compare_value_name { padding-right: 20px } .compare_value_name a { font-weight: 700 } .compare_value_description { white-space: pre-line; overflow: hidden } .btn_how { width: 240px; margin: 3px 0 16px } .column_right_collections .btn_how { float: left; margin: 6px 23px 0 5px } .icon_tooltip_link { cursor: pointer } .icon_tooltip_content { display: none } .product_full_additional_products { display: none } .no_searchImg { width: 230px; margin: auto; display: block; padding: 0 0 20px } .no_searchTitle { text-align: center } .old_site_link { position: absolute; top: 15px; left: 0; color: #999; border-bottom: 1px solid hsla(0, 0%, 60%, .5); text-decoration: none; line-height: 17px } .old_site_link:hover { color: #fc3; border-bottom-color: transparent } @media (min-width: 0px) and (max-width: 999px) { .old_site_link { left: 5px } } @media (min-width: 1000px) and (max-width: 1249px) { .old_site_link { left: 5px } } .stock__loading { opacity: 0; overflow: hidden; transition: .1s linear } .stock__loading .owl-controls { position: absolute; top: -57px; right: 0 } .stock__loading .owl-controls .owl-nav div { width: 40px; height: 40px; border: 1px solid #ccc; background: #fff; opacity: 1; border-radius: 0; position: relative; cursor: pointer } .stock__loading .owl-controls .owl-nav div:before { content: ""; display: block; background: url("/img/el.png") -281px 0 no-repeat; width: 5px; height: 13px; position: absolute; top: 12px } .stock__loading .owl-controls .owl-nav div.owl-prev:before { left: 15px } .stock__loading .owl-controls .owl-nav div.owl-next:before { right: 15px; background-position: -286px 0 } .side_buttons_container.hide .side_button { right: -60px } .product_page .column_full { padding-bottom: 50px } .product_full_gallery { position: relative; z-index: 9; min-height: 450px } .product_photo { text-align: center } .product_photo img { max-width: 90%; max-height: 90% } .user_page_content .product_photo { text-align: left } .product_status_info_shop { width: 130px } .product_status_info_quantity { width: 85px; text-align: right } .short__cart { display: inline-block } .empty_basket { position: relative; top: 5px } .count_empty { text-decoration: none } .product_table_sorting_item .sod_select { cursor: pointer } .product_table_sorting_item .sorting__select { height: 30px; border-radius: 0; border: 1px solid #ccc; background: #fff; cursor: pointer } .product .product_options { display: none } .product.product_horizontal .product_options { display: block } .product_options .ic { width: 35px; height: 30px } .product.product_horizontal .action_position__fixed.actionDouble { display: none } .catalog__banners { padding: 5px } .catalog__banners_adaptive { margin: 5px; position: relative } .catalog__banners_adaptive .left__bg { position: absolute; top: 0; left: 0; width: 70%; height: 100%; background: #ed1b24; z-index: -1 } .catalog__banners_adaptive .right__bg { position: absolute; top: 0; right: 0; width: 30%; height: 100%; background: #ffca30; z-index: -1 } .catalog__banners_adaptive img { display: block; margin: auto; width: 94% } .catalog__banners_adaptive_full img { display: block; margin: auto; width: 99% } .services__m.position__bottom { top: 40px; bottom: inherit!important } .services__m.position__left { bottom: 55px; right: -5px; left: inherit } .services__m.wide__container { width: 475px; bottom: 45px } .services__m p { color: #000 } .services__m p.serv__t { margin: 0 0 30px; font-weight: 700; text-decoration: underline } .services__m p.serv__d { font-size: 13px } .services__m_arrow { top: 1px; display: block; text-align: center; width: 100%; height: 100%; position: absolute; left: 0; z-index: -1 } .arrow__border { margin-bottom: -1px; border-color: #000!important; left: 10px; border-left: 9px solid transparent!important; border-right: 9px solid transparent!important; border-top: 9px solid } .arrow__border, .arrow__color { bottom: -7px; display: block; width: 0; height: 0; position: absolute } .arrow__color { border-color: #fff!important; left: 11px; border-left: 8px solid transparent!important; border-right: 8px solid transparent!important; border-top: 8px solid } .services__m.position__bottom .arrow__border { bottom: inherit; top: -10px; border-top: none; border-bottom: 9px solid } .services__m.position__bottom .arrow__color { bottom: inherit; top: -9px; border-top: none; border-bottom: 8px solid } .services__m.position__left .arrow__border { left: auto; right: 10px } .services__m.position__left .arrow__color { left: auto; right: 11px } .services__c { position: absolute; top: 5px; right: -8px; z-index: 98; cursor: pointer } .properties_divider { display: block } .small_preview { padding: 15px 0 0; margin: 0 0 20px; display: table; clear: both; width: 100% } .categories_list_item.small_category { width: 190px; height: 190px; border: 1px solid #e0e0e0 } .categories_list_item.small_category:hover { border: 1px solid #ccc } .categories_list_item.small_category a { height: 115px } .categories_list_item.small_category a:last-child { height: 65px } .categories_list_item.small_category img { max-width: 100px; max-height: 100px } .categories_list_item.small_category .categories_list_item_name { font-size: 14px; line-height: 16px } @media (min-width: 0px) and (max-width: 1250px) { .categories_list_item.small_category { width: 176px } } .special__categories { padding: 10px 25px 30px } .special__categories .categories__item { position: relative; display: inline-block; vertical-align: top; width: 22%; margin: 0 2.5% 2% 0; overflow: hidden; text-align: center } .special__categories .categories__item a { display: block; width: 100%; height: 100% } .special__categories .categories__item img { position: relative; max-width: 100%; max-height: 100%; -moz-transition: all .3s; -webkit-transition: all .3s; transition: all .3s; z-index: 6 } .special__categories .categories__item a:hover img { -moz-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1) } .special__categories .categories__item .categories__name { position: absolute; display: table; left: 0; bottom: 0; width: 100%; height: 50px; background: hsla(0, 0%, 100%, .75); z-index: 7 } .special__categories .categories__item .categories__name p { display: table-cell; vertical-align: middle } @media (min-width: 0px) and (max-width: 999px) { .special__categories { padding: 10px 0 30px 15px } .special__categories .categories__item { width: 30%; min-width: 150px; min-height: 150px; margin: 0 1.5% 2% 0 } } @media (min-width: 999px) and (max-width: 1250px) { .special__categories .categories__item { min-height: 155px } .special__categories .categories__item .categories__name { padding: 0 5px } .special__categories .categories__item .categories__name p { font-size: 14px; line-height: 16px } } @media (min-width: 1250px) { .special__categories .categories__item { min-height: 210px } .special__categories .categories__item .categories__name { padding: 0 30px } .special__categories .categories__item .categories__name p { font-size: 16px; line-height: 20px } } .symbolRouble { position: relative; display: inline-block } .symbolRouble:after { content: ""; display: block; position: absolute } .symbolRouble.special_i:after { height: 4px; width: 80%; left: 0; top: 15px } .symbolRouble.special_i.list_catalog:after { height: 3px; top: 13px } .symbolRouble.retail_i:after { height: 3px; width: 80%; left: 0; top: 12px } .symbolRouble.retail_i.list_catalog:after { left: -1px } .symbolRouble.black:after { background: #000 } .symbolRouble.gray:after { background: #ccc } .owl-carousel { display: table } .carousel__wrapper { position: relative; width: 100%; min-height: 560px; max-height: 560px } .carousel__loading { opacity: 0; overflow: hidden; max-height: 560px } .carousel__loading .owl-stage-outer { overflow: hidden } .carousel__loading .owl-controls { position: absolute; top: -57px; right: 0 } .carousel__loading .owl-controls .owl-nav div { width: 40px; height: 40px; border: 1px solid #ccc; background: #fff; opacity: 1; border-radius: 0; position: relative; cursor: pointer } .owl-theme .owl-controls .owl-nav div { display: inline-block; margin: 5px; padding: 3px 10px; font-size: 12px; opacity: .5 } .owl-theme .owl-controls .owl-nav div:hover { opacity: 1 } .carousel__loading .owl-controls .owl-nav div:before { content: ""; display: block; background: url(/img/el.png) -281px 0 no-repeat; width: 5px; height: 13px; position: absolute; top: 12px } .carousel__loading .owl-controls .owl-nav div.owl-prev:before { left: 15px } .carousel__loading .owl-controls .owl-nav div.owl-next:before { right: 15px; background-position: -286px 0 } .filters_container_inner_open, .filters_list { max-height: inherit } input[disabled], label[disabled] { cursor: default; opacity: .5 } .btn.btn_disabled, .pagination_item_disabled { pointer-events: none; cursor: not-allowed } #article_container .news_list li { list-style-type: none; border-bottom: 1px dashed #ccc; padding: 10px 0 } #article_container .news_one { display: table; list-style-type: none } #article_container .news_list li h2 { font-size: 16px; line-height: 28px; margin: 10px 0 } #article_container .news_list li p { margin: 0 0 10px } #article_container .news_list li .news_date, #article_container .news_one .news_date { color: #9c9c9c; font-style: italic } #article_container .news_list a { transition: .2s linear } #article_container .news_list a:hover { color: #fc3; transition: .1s linear } #article_container .news_images { float: left; margin: 0 20px 50px 0 } #article_container .news_answer img { max-width: 100% } #article_container .news_answer .subTitle_news { font-size: 16px; line-height: 20px } #article_container .news_answer .news_link { position: absolute; right: 0; bottom: 50px; padding: 13px 20px; color: #fff; text-decoration: none; text-transform: uppercase; background: #f90 } #article_container .news_answer .news_link:hover { background: #333 } .text_content ul.news_list li:before { content: "" } .text_content ul.news_list li { font-size: 12px; line-height: 0 } .float--active { display: inline-block; vertical-align: middle } .date--number { font-family: Tahoma, Arial, sans-serif; text-align: center; background: #fedb03; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; min-width: 65px; min-height: 65px } .date--number p { padding: 10px; font-size: 38px; font-weight: 700; margin: 0; line-height: 48.2px } .date--text { font-family: Tahoma, Arial, sans-serif; padding: 0 5px } .date--text p { font-size: 25px; line-height: 26px; font-weight: 700; margin: 0 } .date--text p.date--month { color: #ed1c24 } .date--text p.date--year { color: #000 } .address_list_container { overflow-y: scroll; width: 24% } .contacts_coordinates { display: none } .address_list .address_header { text-align: center; padding: 10px 0; background: #f9c948; margin: 0 } .address_list .address_header:hover { cursor: pointer; color: #fff; background: #f9c900; transition: all .5s } .address_one:hover { cursor: pointer } .contacts_content_column { width: 255px } .tooltip_base_full { position: absolute; background: #fff; z-index: 100; border: 1px solid #666; width: 370px } .tooltip_base_full:after { border-width: 8px 8px 0; border-color: #666 transparent transparent; left: 12px; z-index: 10 } .tooltip_base_full:after, .tooltip_base_full:before { content: ""; display: block; width: 0; height: 0; border-style: solid; position: absolute; top: 100% } .tooltip_base_full:before { border-width: 7px 7px 0; border-color: #fff transparent transparent; left: 13px; z-index: 11 } .tooltip_base_full_name { background: #f0f0f0; font-weight: 700; font-size: 16px; line-height: 46px; border-bottom: 1px solid #ccc; margin: 0; padding: 0 40px 0 18px } .tooltip_base_full_inner { padding: 18px 18px 15px } .tooltip_base_full_content { float: left; width: 230px; margin-bottom: 22px } .tooltip_base_full_address { font-size: 16px; margin-bottom: 12px } .tooltip_base_full_coord { margin-bottom: 12px } .tooltip_base_full_work_time { margin: 0 0 3px; overflow: hidden; font-size: 14px; line-height: 20px } .tooltip_base_full_work_time dt { float: left; clear: left; width: 80px } .tooltip_base_full_work_time dd { overflow: hidden } .tooltip_base_full_status { font-size: 12px } .tooltip_base_full .status_open { color: #2d9b00 } .tooltip_base_full_qrcode { float: right; margin: 12px 12px 0 0 } .tooltip_base_full_point { font-size: 16px; font-weight: 700; line-height: 20px; margin: 0 } .tooltip_base_full_transport { font-size: 14px; line-height: 20px; margin: 0 0 22px } .page--overlay { opacity: 0; position: fixed; width: 100%; height: 100%; top: 0; left: 0; background: rgba(0, 0, 0, .65); z-index: 998 } .action_position__fixed { position: absolute; cursor: pointer } .svg_i { display: inline-block; width: 30px; height: 30px } .rouble__i { width: 27px; height: 20px } .rouble__i svg#rouble__b, .rouble__i svg#rouble__g { width: 19px; height: 19px; vertical-align: inherit } .rouble__i svg#rouble__b path { fill: #000 } .rouble__i svg#rouble__g path { fill: #a7a7a7 } .rent__line { margin: 5px 0; background: #fff; border: 1px solid #ccc; cursor: pointer } .rent__line:hover>.rent__preview { padding: 10px 25px } .rent__preview { width: 100%; height: 90px; padding: 10px; transition: .1s; -webkit-transition: .15s } .rent__preview a { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; width: 100% } .rent__preview img { max-width: 65px; max-height: 65px } .rent__preview p { padding: 20px; font-size: 18px; line-height: 22px } .rent__moreInfo { display: none } .rent__more_wrapper { display: table; min-height: 1000px; position: relative } .rent__more_item { display: none; width: 220px; margin: 0 20px 50px 0; float: left; padding: 10px 0; padding-left: 4px } .rent__more_item .more__title { min-height: 95px; padding: 0 0 10px } .rent__more_item .more__title p { font-size: 15px; line-height: 23px; margin: 0 } .rent__more_item .more__img { min-height: 150px; max-height: 150px; text-align: center; height: 100%; display: block; margin: 10px 0 } .rent__more_item .more__desc { display: table; margin: 0 0 20px } .rent__more_item .more__desc p { font-size: 15px; line-height: 20px; margin: 0 0 5px } .rent__more_item .more__desc .price__line { display: table; width: 100%; padding: 5px 0; border-bottom: 1px dashed #ccc } .rent__more_item .more__desc .price__line span { width: 120px; float: left; display: block; font-size: 13px } .rent__more_item .more__desc .price__line span:last-child { width: 90px; font-weight: 700; float: right; text-align: right } .rent__more_item .more__snip { display: none } .rent__more_item .more__snip p { font-size: 13px; line-height: 18px } .rent__more_item .more__manual { padding: 10px 0 0; display: none; min-height: 20px } .rent__more_item .more__manual a { color: #828282; border-bottom: 1px dashed #ccc; text-decoration: none } .rent__more_item .more__manual a:hover { color: #000; border-bottom: 1px dashed #ccc } .product_certificates_container { position: relative; float: right; width: 240px; left: 15px; margin: 0 0 35px; clear: both } @media (min-width: 0) and (max-width: 1249px) { .product_certificates_container { margin: 0 0 30px; float: left } .cart_row_content .cart_row_col_price, .cart_row_content .cart_row_col_price_total { padding-right: 0; text-align: center } } @media (min-width: 999px) and (max-width: 1249px) { .user_page_content .cart_row_col_product { width: 350px } } @media (min-width: 0px) and (max-width: 999px) { .user_page_content .cart_row_col_product { width: 322px } } @supports (-moz-appearance: meterbar) and (cursor: zoom-in) { .column_right_search_query { width: 697px; height: 36px } @media (min-width: 0px) and (max-width: 999px) { .column_right_search_query { width: 89% } } @media (min-width: 1000px) and (max-width: 1249px) { .column_right_search_query { width: 448px } } .head_basket { width: 209px } .column_full.stock__page { overflow: inherit } .column_full.stock__page section { overflow: hidden } .product { width: 220px; height: 510px } .head_wrapper.scroll__fixed .page_header_small_form .textInput { width: 83% } .form_subscribe .textInput { width: 95% } .product .btn_cart { width: 128px } @media (min-width: 0px) and (max-width: 999px) { .product_horizontal { width: 218px!important; height: 535px!important } } @media (min-width: 1000px) and (max-width: 1249px) { .product_horizontal { width: 100%!important; height: 180px!important } } @media (min-width: 1250px) { .product_horizontal { width: auto!important; height: 210px!important } } .filter_item .textInput { width: 85% } .view_variant_switcher { display: none } .pagination_container.fixed { width: 350px } @media (min-width: 768px) { .product_options.solitary_options { bottom: 15px; right: 240px } } @media (min-width: 1250px) { .product_full_additionals_container { position: relative; left: 15px } } @media (min-width: 0) and (max-width: 999px) { .product_full_info { width: auto } } @media (min-width: 1000px) { .product_full_info { width: 475px } } .product_full_additional_link { width: 90% } @media (min-width: 100px) and (max-width: 1249px) { .column_right_full .column_right_search_query { width: 430px; float: left } } .categories_list_item { width: 235px } .carousel__loading .owl-controls .owl-nav div { width: 25px; height: 35px } } @supports (-moz-appearance: meterbar) and (background-blend-mode: difference, normal) { .column_right_search_query { width: 750px; height: 40px } @media (min-width: 0px) and (max-width: 999px) { .column_right_search_query { width: 100% } } @media (min-width: 1000px) and (max-width: 1249px) { .column_right_search_query { width: 500px } } @media (min-width: 0px) and (max-width: 999px) { .product_horizontal { width: 240px!important; height: 545px!important } } @media (min-width: 1000px) and (max-width: 1249px) { .product_horizontal { width: 100%!important; height: 180px!important } } @media (min-width: 1250px) { .product_horizontal { width: 100%!important; height: 240px!important } } .head_basket { width: 235px } .product { width: 240px; height: 545px } .form_subscribe .textInput, .head_wrapper.scroll__fixed .page_header_small_form .textInput { width: 100% } .product .btn_cart { width: 148px } .filter_item .textInput { width: 100% } .view_variant_switcher { display: block } .pagination_container.fixed { min-width: 350px; width: auto } @media (min-width: 0px) and (max-width: 1249px) { .product_options.solitary_options { bottom: 20px; right: 220px } } @media (min-width: 1250px) { .product_options.solitary_options { bottom: 30px } } @media (min-width: 1000px) { .product_full_info { width: 490px } } .product_full_additional_link { width: 100% } @media (min-width: 100px) and (max-width: 1249px) { .column_right_full .column_right_search_query { width: 496px; float: left } } .categories_list_item { width: 240px } .carousel__loading .owl-controls .owl-nav div { width: 40px; height: 40px } } .url--link { cursor: pointer } .item-info-more { color: #828282; cursor: pointer } .item-info-more p { border-bottom: 1px dashed #ccc; width: 75px } .item-info-more p:hover { color: #333 } .absolute-item { display: block; border: 1px solid #ccc; background-color: #fff; padding: 20px; box-sizing: border-box; width: 768px; height: auto!important; -webkit-box-shadow: 0 0 5px 1px #ccc; -moz-box-shadow: 0 0 5px 1px #ccc; box-shadow: 0 0 5px 1px #ccc; z-index: 2; margin: 0 } .absolute-item .more__title { text-align: left; min-height: 50px; position: relative; padding-right: 65px } .absolute-item .more__title .item_exit { background: url(https://s1.tdp.ru/desktop/img/icons/krestik-off.png) } .absolute-item .more__title .item_exit, .absolute-item .more__title .item_exit:hover { content: ""; display: block; position: absolute; top: -9px; right: -9px; width: 24px; height: 24px; z-index: 2; cursor: pointer } .absolute-item .more__title .item_exit:hover { background: url(https://s1.tdp.ru/desktop/img/icons/krest-on.png); background-size: 100% } .absolute-item .more__title p { font-size: 20px; line-height: 1.2 } .absolute-item .more__img { display: inline-block; float: left; margin-right: 20px } .absolute-item .more__snip { display: table } .absolute-item .item-info-more { display: none } .absolute-item .more__snip p { font-size: 14px; line-height: 1.2 } .absolute-item .more__manual { display: block } @media(max-width:1300px) { .absolute-item .more__snip p { font-size: 14px } } @media(max-width:800px) { .absolute-item .more__snip p { font-size: 13px } } .server-answer-body { height: 300px; padding-top: 120px; box-sizing: border-box; text-align: center; font-size: 25px } .succes_mail { width: 40%; margin: 0 auto; height: 50px; border: 2px solid #000; background-color: #fc3; line-height: 7px } .succes-inner { font-size: 28px; padding: 20px; line-height: 7px } .success-mail { color: #fc3; text-align: center } .action-each-items { margin: 50px 5px } .action-each-items:last-child { margin: 50px 5px 150px } .one-item-akcii a { text-decoration: none } .bottom-catalog-info { margin-top: 25px } .one-item-akcii p { margin: 0; padding: 0 } .one-item-akcii { position: relative; max-width: 1240px; border: 1px solid #f90; min-width: 757px; margin: 0 auto; margin-bottom: 25px } .one-item-akcii .akcii-info { position: absolute; display: inline-block; width: 250px; height: 100%; overflow: hidden } .one-item-akcii .akcii-wrapper { display: block; position: relative; margin-left: 240px } .one-item-akcii .akcii-wrapper .akcii-item { display: block; width: 100%; height: 242px; padding-left: 10px } .one-item-akcii .akcii-wrapper .akcii-item.count-line { border-top: 1px solid #f90 } .one-item-akcii .akcii-wrapper .akcii-item.count-line:first-child { border-top: none } .one-item-akcii .akcii-info-top { position: relative; height: 100px; padding: 35px 15px 10px; box-sizing: border-box; z-index: 1 } .one-item-akcii .akcii-info-bottom { height: 140px; background-size: 100%; background-position: bottom; padding: 80px 10px 10px 55px; box-sizing: border-box; position: relative; z-index: 2 } .one-item-akcii .akcii-info-cup { position: absolute; bottom: 0; left: 0; height: 55%; width: 244px; background: #f90; z-index: 1 } .one-item-akcii .present-pic { position: absolute; top: 17px; right: 50px; width: 39px; height: 39px } .one-item-akcii .akcii-photo { display: inline-block; height: 240px; width: 240px; float: left; line-height: 240px; text-align: center } .one-item-akcii .main-akcii-info { display: inline-block; height: 100%; width: 490px; float: left; padding: 10px 15px 25px; box-sizing: border-box } .one-item-akcii .akcii-main-price { display: inline-block; height: 100%; width: 247px; float: right; padding: 10px; box-sizing: border-box } .one-item-akcii .you-buy { text-align: left; margin: 0; width: 70%; margin: 0 auto } .one-item-akcii .you-buy, .one-item-akcii .you-get { font-size: 20px; text-transform: uppercase; line-height: .8 } .one-item-akcii .you-get { text-align: right; color: #f90; width: 80%; margin: 5px auto 0 } .one-item-akcii .you-get-desc { float: right; text-align: right; color: #f90 } .one-item-akcii .you-buy b, .one-item-akcii .you-get b { font-size: 35px; font-weight: 700; font-family: OpenSansBold, Arial } .one-item-akcii .img-akcii-main { max-width: 220px; max-height: 150px; vertical-align: middle; cursor: pointer } .one-item-akcii .how-long { margin: 0; position: relative; font-size: 15px; margin-bottom: 6px } .one-item-akcii .akcii-info.large-info .akcii-info-top { height: 115px } .one-item-akcii .akcii-info.large-info .akcii-info-cup { height: 100%; top: 250px; bottom: inherit } .ackii--empty { display: table; width: 100%; height: 120px } .mobile-user-name { display: none } .card { width: 365px; height: 270px; border: 1px solid #000; margin-bottom: 15px; font-family: arial; text-align: center; padding: 0 20px; box-sizing: border-box; position: fixed; top: 34%; left: 42%; right: 50%; z-index: 1000; background: #fff; display: none; -webkit-transition: all 1s ease-out .5s; -moz-transition: all 1s ease-out .5s; -o-transition: all 1s ease-out .5s; transition: all 1s ease-out .5s } .card .first-block-info { margin-top: 80px; margin-bottom: 10px } .card .second-block-info { padding: 0 40px; box-sizing: border-box; margin-bottom: 15px } .card .sertificate-info, .enter-name { font-size: 16px; text-align: center } .card .support-help { font-size: 16px; color: #999 } .card .input-number-sertifiacate { font-size: 16px; color: #000; border: 1px solid #ccc; width: 235px; margin: 0 auto; height: 40px; text-align: center; outline: none } .card .submit-sertificate-number { width: 235px; height: 40px; background-color: #ff9901; color: #fff; text-transform: uppercase; text-align: center; line-height: 40px; margin: 10px auto; cursor: pointer; border: none; font-size: 16px } .card .submit-sertificate-number:hover { background-color: #333 } .card-number-input .first-block-info { margin-top: 65px } .card-popUp-more-info-block .close-card, .card .close-card { position: absolute; top: 10px; right: 10px; width: 24px; height: 24px; background: url(https://s1.tdp.ru/desktop/img/icons/krestik-off.png); cursor: pointer } .card-popUp-more-info-block .close-card:hover, .card .close-card:hover { background: url(https://s1.tdp.ru/desktop/img/icons/krest-on.png); background-size: 100% } .form__search-exit { position: absolute; top: 10px; right: 250px; width: 20px; height: 20px; z-index: 997; background: url(https://s1.tdp.ru/desktop/img/icons/krestik-off.png); cursor: pointer; background-size: 100%; display: none } .form__search-exit:hover { background: url(https://s1.tdp.ru/desktop/img/icons/krest-on.png); background-size: 100% } .page_header_small_form .form__search-exit { right: 36px; top: 12px; width: 16px; height: 16px } :focus::-webkit-input-placeholder { color: transparent } :focus:-moz-placeholder, :focus::-moz-placeholder { color: transparent } :focus:-ms-input-placeholder { color: transparent } .bottom-cat-p { margin-top: 10px; font-size: 16px; font-family: Arial, Helvetica, sans-serif; line-height: 1.4 } .bottom-catalog-info { padding: 0 5px } .order-title { margin-top: 20px } .card-title { text-transform: uppercase } .baner-img-big, .baner-img-middle, .baner-img-small { display: none } .product__area { display: table; width: 100%; margin-bottom: 20px } .owl-carousel .owl-item img { width: auto; max-width: 100%; margin: 0 auto } .owl-dots { display: none!important } .product .btn-not-buying { background-color: #999; width: 220px; padding: 0; text-transform: uppercase; position: absolute; right: 10px; bottom: 50px; cursor: pointer; height: 40px; line-height: 41px; text-align: center; color: #fff; font-size: 16px } .product .btn-not-buying:hover { background-color: #333 } .roof-paragraph { margin-left: 25px; font-size: 18px; margin-bottom: 7px } .catalog__banners_adaptive_full { margin-bottom: 25px } .product .unit-burns { bottom: 140px } .grid { padding-top: 20px } .static-form-profile .status-card-link { font-weight: 700; text-decoration: none; font-size: 23px } .static-form-profile .card_status { margin-bottom: 7px; font-size: 17px } .static-form-profile { margin-bottom: 30px } .static-form-profile .auth-error-field { color: red; margin-top: 4px } .static-form-profile .messageProfileContainer { margin-top: 20px; font-size: 19px } .static-form .messageLoginContainer { position: absolute; bottom: -50px; text-align: center; color: red } .static-form .messageContainer { margin-top: 20px; color: red; text-align: center } .static-form .message-container-forgot { color: red; text-align: center; margin-top: 10px } .product-item-roof { background-color: #999; width: 230px; padding: 0; text-transform: uppercase; cursor: pointer; height: 40px; line-height: 41px; text-align: center; color: #fff; font-size: 16px; margin-top: 10px; text-decoration: none; display: block } .product-item-roof:hover { background-color: #333; color: #fff } .card-popUp-more-info-block { position: fixed; top: 10px; z-index: 999; margin: 0 auto; background-color: #fff; border: 1px solid #000; display: none } .rent__more_item .rent-img { max-width: 150px; max-height: 150px } @media (max-width: 1350px) { .absolute-item .more__snip p { font-size: 13px } } .profile_info-block { width: 215px; border: 1px solid #ccc; display: block } .profile_info-block-content { width: 85%; margin: 0 auto; text-align: left } .profile_info-block-img { margin: 20px 0 } .profile-info-block-image { width: 120px } .profile_info-block-text { font-size: 17px } .profile_info-block-info { margin-bottom: 15px; color: #ff9934; font-weight: 700; font-size: 19px; line-height: 1 } .cardPointsBlockInfo .profileInfoBlockCardPointsDate { font-weight: 400; font-size: 16px; color: #ccc } .profileInfoBlockCardPoints { margin-bottom: 0 } .profileInfoBlockCardPointsDate { margin-bottom: 15px } .mobile-menu .column_left_catalog_header { width: 240px; float: left } .catalog-and-search-block { display: table; width: 100%; margin-bottom: 15px } .mobile-menu-global { width: 240px; float: left } .search-full { display: table } .add-product-from-cart-form .form__search-exit { position: absolute; left: 578px; top: 20px } .add-product-from-cart-form { display: none; background-color: #f5f5f5; height: 60px; padding: 10px; margin: 0 5px; margin-bottom: 35px; position: relative } .fast-add-text { width: 600px; margin-right: 15px } .fast-add-price, .fast-add-text { display: inline-block; float: left } .fast-add-price { width: 120px; height: 40px } .fast-add-price-inner { font-size: 19px; margin-bottom: -3px; display: none } .fast-add-unit { display: none } .fast-add-qty { display: inline-block; float: left; margin-right: 25px; position: relative; width: 70px } .fast-add-total-price { display: inline-block; width: 130px; float: left; font-weight: 700; height: 40px; line-height: 40px; font-size: 20px } .fast-add-button { display: inline-block; float: right } .fast-add-text .column_right_search_query { border: 1px solid #999; width: 100%; height: 40px } .stepper-arrow.up { background-position: -28px 0; border: 1px solid #ccc; border-bottom: none } .stepper-arrow.down { background-position: -28px -19px; border: 1px solid #ccc } .stepper-arrow.up:hover { background-color: #ccc; background-position: -2px 0 } .stepper-arrow.down:hover { background-color: #ccc; background-position: -1px -19px } .fast-add-down { bottom: 0 } .fast-add-down, .fast-add-up { height: 20px; border: 1px solid #333; background-color: #fff; width: 25px; float: right; position: absolute } .fast-add-up { border-bottom: none; top: 0 } .stepper-arrow { position: static } .fast-btn-search { cursor: pointer } .ui-autocomplete { z-index: 10000; top: 340px!important; width: 600px!important } .fast-btn-search .ic_cart { margin-right: 10px } @media (min-width: 1000px) and (max-width: 1255px) { .fast-add-text { width: 425px } .ui-autocomplete { z-index: 10000; top: 339px!important; width: 425px!important } .add-product-from-cart-form .form__search-exit { left: 403px; top: 20px } .fast-add-total-price { width: 105px } .fast-add-total-price .fast-add-price-total-inner { font-size: 19px } } @media (max-width: 1000px) { .fast-add-text { width: 265px } .ui-autocomplete { z-index: 10000; top: 337px!important; width: 425px!important } .fast-btn-search { width: 140px; font-size: 15px; text-align: center; padding: 0; cursor: pointer } .add-product-from-cart-form .form__search-exit { left: 245px; top: 20px } .fast-add-total-price { width: 100px } .fast-add-total-price .fast-add-price-total-inner { font-size: 18px } .fast-btn-search .ic_cart { display: none } } .search-input-wrapper { display: inline-block } .services__material-calc-link { color: #000; text-decoration: underline } .services__material-calc-link:hover { text-decoration: none } @media(max-width:1000px) { .flex-mobile { display: flex; flex-direction: column } } .catalog_dropdown-button { display: block; width: 240px; height: 42px; position: absolute; z-index: 9999; cursor: pointer } @media(min-width:1000px) { .index_page .catalog_dropdown-button, .landing_page .catalog_dropdown-button { display: none } } @media(min-width:1250px) { .listing__top-level .catalog_dropdown-button { display: none } } .listing-seo--text { padding-left: 5px; margin: 15px 0; font-size: 11px } .listing-seo--text p { font-size: 11px; margin-bottom: 10px } .listing-seo--text ul { padding-left: 15px; margin-bottom: 5px; font-size: 11px } .listing-seo--text h2 { font-size: 15px; margin-bottom: 5px } .listing-seo--text li { list-style-type: disc; font-size: 11px; line-height: 1.2 } .listing-seo--text img { width: 300px; height: 200px; margin: 10px 20px 10px 0 } .returnInfo__area .cardStatus__item .return__docs-text { width: 100%; text-align: left; line-height: 18px; margin: 0 } .returnInfo__area .cardStatus__item .return__docs-list { font-size: 11px!important; margin: 5px 0 5px 5px!important } .text_content .cardStatus__item .return__docs-list .return__docs-item { list-style-type: disc; padding-bottom: 0!important; margin: 0!important } .text_content .static-page__not-ofert { font-size: 12px!important; font-style: italic; margin-bottom: -50px!important } .static-form .checkbox__form-raw { position: absolute; color: #000; bottom: -10px } .static-form .registration { position: relative; padding: 0 0 30px } .modal--area { position: absolute } .modal--call { width: 100%; height: 100%; display: table } .modal--full { display: none; position: absolute; z-index: 9 } .listing__action-info-modal.modal--right:before { right: 41px } .listing__action-info-modal.modal--right:after { right: 42px } .m--title { font-size: 15px; line-height: 17px; margin: 0 0 10px; font-weight: 700; text-align: left } .m--text { font-size: 13px; line-height: 16px; margin: 0 0 5px; text-align: left } .modal--close { position: absolute; top: 15px; right: 15px; border: 1px solid #ccc; cursor: pointer } .modal--close svg { display: block; width: 20px; height: 20px; fill: #999; transition: .2s linear; -webkit-transition: .2s linear } .actionDouble .listing__action-info-modal { left: 50px!important; top: -30px } .actionProfit .listing__action-info-modal { left: 56px!important; top: -11px } .counter-hidden { display: none } .disabled-form input[type=submit] { opacity: .5 } .cart_page .delivery_scrolled_container .ic_rouble { left: -14px } .cart_page .delivery_scrolled_container .ic_small_rouble, .cart_page .tab_content .ic_small_rouble { left: -5px } .cart_page .ic_rouble { max-width: 25px } .cart_page .ic_small_rouble { max-width: 13px } .tab_content .delivery_form_step_price .ic_rouble { left: -8px; top: -2px } .cart_page .cart_total_container_final_prices .cart_total_container_final_sale .ic_rouble { width: 15px; height: 23px; left: -12px } .cart_page .cart_total_container_final_prices .cart_total_container_final_sale { width: 200px; left: -234px } .cart_page .cart_total_container_final_prices .cart_total_container_final_price_old .ic_rouble { width: 19px; height: 34px; left: -16px } .cart_page .cart_total_container_final_prices .cart_total_container_final_price .ic_rouble { width: 24px; height: 34px; left: -16px } .montazh__info .buyers__link-wrapper { display: table; width: 100% } .montazh__info .buyers__link { float: right } .montazh__info .product_line { display: table } @media (min-width: 1000px) and (max-width: 1250px) { .cart_row_content .cart_row_col_delete_inactive { margin-left: 553px } } @media (min-width: 0px) and (max-width: 999px) { .cart_row_content .cart_row_col_delete_inactive { margin-left: 553px } } .one-item-akcii .btn_cart:hover { background-color: #333 } .owl-carousel .owl-item .product_photo img { max-width: 200px; max-height: 200px } .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-autocomplete .ui-menu-item:hover { background: rgba(255, 153, 0, .25); text-decoration: none } .fast-add-text .form__search-exit { z-index: 9 } .order_container .product_photo img { max-width: 150px; max-height: 150px } .breadcrumbs_separator { color: #ccc } .confidentiality--text a { color: #666 } .column_right_delivery_order .order_error_notification_box { background-color: #f0f0f0; padding: 15px; width: 220px } .column_right_delivery_order .order_error_title { font-size: 16px; font-weight: 700 } .column_right_delivery_order .order_error_text { font-size: 13px; line-height: 1.3 } .column_right_delivery_order .order_error_link { font-size: 13px; margin-left: 30px } .column_right_delivery_order .order_error_link:before { left: -30px } .column_right_delivery_order .order_error_pointer { width: 12px; height: 12px; top: -6px; right: 49% } .text_content .indent { text-indent: 30px; margin-bottom: 3px } .messageSubsribeContainer { margin-bottom: 10px } .card.burn-subscribe { height: auto } .registration .confidentiality--text { color: #fff; font-size: 11px } .registration-static-page .confidentiality--text { font-size: 11px; color: #666; margin-bottom: 10px } .registration-static-page .confidentiality--text a { color: #666 } .full--width-baner .modal__close-baner { position: absolute; top: 20px; right: 20px; width: 30px; height: 30px } .full--width-baner { padding: 5px; margin-bottom: 15px; position: relative; overflow: hidden } .full--width-baner .ic_close { width: 30px; height: 30px } .form_registration .registration { margin-bottom: 15px } @media (min-width: 0px) and (max-width: 900px) { .full--width-baner { padding: 5px 18px 5px 0 } } .cart_page .modal { text-align: center; padding-top: 100px } .reserve_time_info { text-align: center; font-weight: 700 } .baner__long-box.baner_topLevel { margin-bottom: 20px } .filters_fake_checkbox { width: 22px; height: 22px; display: inline-block; border: 1px solid #ccc; float: left; margin-right: 10px } .fake_filter_link { color: #666; text-decoration: none } .fake_filter_label_price { color: #666; display: inline-block; margin-right: 10px; width: 10px } .fake_filter_text_input { background: #fff; border: 1px solid #ccc; font: 14px/18px Arial, Helvetica, sans-serif; padding: 3px 6px; vertical-align: middle; -webkit-transition: all .15s ease-in-out; transition: all .15s ease-in-out; display: inline-block; color: #000; padding-left: 30px; height: 32px; line-height: 30px; margin-bottom: 3px; width: calc(100% - 25px) } .fake_filter_price { margin-bottom: 15px } .baner__long-box.baner_loverLevel { margin-bottom: 20px; padding-left: 10px; padding-right: 0 } .baner__long-box.baner_common { margin-bottom: 20px; padding: 5px } .template__sprite { background: url("/desktop/css/template/sprites_icons.png") no-repeat } .template__sprite.__close-i { background-position: 0 0; width: 10px; height: 10px } .ng-hide { display: none; } .products_page.cards{ margin-top: 5px; } /* End */ /* /bitrix/templates/new_index/css/owl.carousel.css?16637668215135 */ /* /bitrix/templates/new_index/css/slick.css?16637668211767 */ /* /css/slick.css?16951218965168 */ /* /css/jquery-ui.css?166376664636028 */ /* /bitrix/templates/new_index/css/content-index.css?16637668214758 */ /* /bitrix/templates/elsnab3/css/font-ttf.css?1663766806411 */ /* /bitrix/templates/elsnab3/css/jquery.bxslider.css?16637668063977 */ /* /bitrix/templates/elsnab3/fancybox/jquery.fancybox.css?16637668064973 */ /* /bitrix/templates/elsnab3/css/custom.css?175104827038276 */ /* /bitrix/components/bitrix/search.title/templates/new_search/style.css?16637672374950 */ /* /bitrix/templates/elsnab3/components/bitrix/breadcrumb/breadcrumb/style.css?1663684315207 */ /* /bitrix/templates/elsnab3/template_styles.css?1739432666149298 */ /* /css/adaptive.css?166376664618164 */ /* /css/adaptive1024.css?16637666462264 */ /* /catalog2/bundle.common.css?1650531969442602 */