/* Start:/bitrix/templates/corp437pro_purpure/css/fonts.css?14944061791108*/ @font-face { font-family: "OpenSans"; src: url("/bitrix/templates/corp437pro_purpure/css/../fonts/OpenSans-Regular.ttf"); font-style: normal; font-weight: normal; } @font-face { font-family: "OpenSans"; src: url("/bitrix/templates/corp437pro_purpure/css/../fonts/OpenSans-Italic.ttf"); font-style: italic; font-weight: normal; } @font-face { font-family: "OpenSans"; src: url("/bitrix/templates/corp437pro_purpure/css/../fonts/OpenSans-Bold.ttf"); font-style: normal; font-weight: bold; } @font-face { font-family: "OpenSans"; src: url("/bitrix/templates/corp437pro_purpure/css/../fonts/OpenSans-BoldItalic.ttf"); font-style: italic; font-weight: bold; } @font-face { font-family: "OpenSansLight"; src: url("/bitrix/templates/corp437pro_purpure/css/../fonts/OpenSans-Light.ttf"); font-style: normal; font-weight: normal; } @font-face { font-family: "OpenSansLight"; src: url("/bitrix/templates/corp437pro_purpure/css/../fonts/OpenSans-LightItalic.ttf"); font-style: italic; font-weight: normal; } @font-face { font-family: "OpenSansSemibold"; src: url("/bitrix/templates/corp437pro_purpure/css/../fonts/OpenSans-Semibold.ttf"); font-style: normal; font-weight: normal; } @font-face { font-family: "OpenSansLight"; src: url("/bitrix/templates/corp437pro_purpure/css/../fonts/OpenSans-SemiboldItalic.ttf"); font-style: italic; font-weight: normal; } /* End */ /* Start:/bitrix/templates/corp437pro_purpure/css/jquery.jqzoom.min.css?14944061791645*/ .zoomPad{position:relative;float:left;z-index:99;cursor:crosshair}.zoomPreload{-moz-opacity:.8;opacity:.8;filter:alpha(opacity=80);color:#333;font-size:12px;font-family:Tahoma;text-decoration:none;border:1px solid #CCC;background-color:white;padding:8px;text-align:center;background-image:url(/bitrix/templates/corp437pro_purpure/css/../images/zoomloader.gif);background-repeat:no-repeat;background-position:43px 30px;z-index:110;width:90px;height:43px;position:absolute;top:0;left:0;* width:100px;* height:49px}.zoomPup{overflow:hidden;background-color:#FFF;-moz-opacity:.6;opacity:.6;filter:alpha(opacity=60);z-index:120;position:absolute;border:1px solid #CCC;z-index:101;cursor:crosshair}.zoomOverlay{position:absolute;left:0;top:0;background:#FFF;z-index:5000;width:100%;height:100%;display:none;z-index:101}.zoomWindow{position:absolute;left:110%;top:40px;background:#FFF;z-index:6000;height:auto;z-index:10000;z-index:110}.zoomWrapper{position:relative;border:1px solid #999;z-index:110}.zoomWrapperTitle{display:block;background:#999;color:#FFF;height:18px;line-height:18px;width:100%;overflow:hidden;text-align:center;font-size:10px;position:absolute;top:0;left:0;z-index:120;-moz-opacity:.6;opacity:.6;filter:alpha(opacity=60)}.zoomWrapperImage{display:block;position:relative;overflow:hidden;z-index:110}.zoomWrapperImage img{display:block;position:absolute;z-index:101}.zoomIframe{z-index:-1;filter:alpha(opacity=0);-moz-opacity:.8;opacity:.8;position:absolute;display:block}ul#thumblist{display:block;margin:0 0 36px 0}ul#thumblist li{float:left;margin-right:8px;list-style:none}ul#thumblist li a{display:block;border:1px solid #CCC}.jqzoom{text-decoration:none;float:left} /* End */ /* Start:/bitrix/templates/corp437pro_purpure/css/colorbox.min.css?14944061792514*/ #cboxContent,#cboxOverlay,.t34{background:#fff}#cboxOverlay,.cboxIframe{width:100%;height:100%}.cboxIframe,.cboxPhoto{border:0;display:block}#cboxClose:active,#cboxNext:active,#cboxPrevious:active,#cboxSlideshow:active,#colorbox{outline:0}#cboxClose,#cboxNext,#cboxPrevious,#cboxSlideshow{position:absolute;bottom:0;color:#444}#stopheader{width:100%;top:0;z-index:999;margin-bottom:4px}#cboxOverlay,#cboxWrapper,#colorbox{position:absolute;top:0;left:0;z-index:9999;overflow:hidden}#cboxOverlay{position:fixed}#cboxBottomLeft,#cboxMiddleLeft{clear:left}#cboxContent{position:relative;overflow:hidden}#cboxTitle{margin:0;position:absolute;bottom:0;left:0;text-align:center;width:100%;color:#999}#cboxLoadingGraphic,#cboxLoadingOverlay{position:absolute;top:0;left:0;width:100%;height:100%}.cboxPhoto{float:left;margin:auto;max-width:none;-ms-interpolation-mode:bicubic}#cboxContent,#cboxLoadedContent,#colorbox{box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box}#cboxTopLeft{width:25px;height:25px;background:url(/bitrix/templates/corp437pro_purpure/css/../images/border1.png) no-repeat}#cboxTopCenter{height:25px;background:url(/bitrix/templates/corp437pro_purpure/css/../images/border1.png) 0 -50px repeat-x}#cboxTopRight{width:25px;height:25px;background:url(/bitrix/templates/corp437pro_purpure/css/../images/border1.png) -25px 0 no-repeat}#cboxBottomLeft{width:25px;height:25px;background:url(/bitrix/templates/corp437pro_purpure/css/../images/border1.png) 0 -25px no-repeat}#cboxBottomCenter{height:25px;background:url(/bitrix/templates/corp437pro_purpure/css/../images/border1.png) 0 -75px repeat-x}#cboxBottomRight{width:25px;height:25px;background:url(/bitrix/templates/corp437pro_purpure/css/../images/border1.png) -25px -25px no-repeat}#cboxMiddleLeft{width:25px;background:url(/bitrix/templates/corp437pro_purpure/css/../images/border2.png) repeat-y}#cboxMiddleRight{width:25px;background:url(/bitrix/templates/corp437pro_purpure/css/../images/border2.png) -25px 0 repeat-y}.cboxIframe{background:#fff}#cboxError{padding:50px;border:1px solid #ccc}#cboxLoadedContent{overflow:auto;-webkit-overflow-scrolling:touch;margin-bottom:20px}#cboxCurrent{position:absolute;bottom:0;left:100px;color:#999}#cboxLoadingOverlay{background:url(/bitrix/templates/corp437pro_purpure/css/../images/loading.gif) 5px 5px no-repeat #fff}#cboxClose,#cboxNext,#cboxPrevious,#cboxSlideshow{cursor:pointer;border:0;padding:0;margin:0;overflow:visible;width:auto;background:0 0}#cboxSlideshow{right:42px}#cboxPrevious{left:0}#cboxNext{left:63px}#cboxClose{right:0;display:block}.cboxIE #cboxBottomCenter,.cboxIE #cboxBottomLeft,.cboxIE #cboxBottomRight,.cboxIE #cboxMiddleLeft,.cboxIE #cboxMiddleRight,.cboxIE #cboxTopCenter,.cboxIE #cboxTopLeft,.cboxIE #cboxTopRight{filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF, endColorstr=#00FFFFFF)} /* End */ /* Start:/bitrix/templates/corp437pro_purpure/css/colors.min.css?1494406179713*/ a:hover{color:#377E4B}ul#thumblist li a.zoomThumbActive{border:1px #e00e9c solid}.zakaz a,.submit-submit,.catalog-section-list ul li a,.ui-accordion .ui-accordion-header{background:#51c678;background:-moz-linear-gradient(top,#51c678 0%,#47ad64 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#51c678),color-stop(100%,#47ad64));background:-webkit-linear-gradient(top,#51c678 0%,#47ad64 100%);background:-o-linear-gradient(top,#51c678 0%,#47ad64 100%);background:-ms-linear-gradient(top,#51c678 0%,#47ad64 100%);background:linear-gradient(to bottom,#51c678 0%,#47ad64 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#51c678',endColorstr='#47ad64',GradientType=0)} /* End */ /* Start:/bitrix/templates/corp437pro_purpure/css/promo.min.css?14944061792387*/ .wrap_colors{position:fixed;top:0;z-index:10000;width:100%;height:80px;background:#000}.sub_wrap_colors{margin-bottom:90px}.wrap_colors ul{width:960px;margin:0 auto}.wrap_colors ul li{float:left;margin-top:16px!important;margin-left:16px!important;display:block;width:50px;height:50px;border-radius:5px}.wrap_colors ul li.mastercard{background:url(/bitrix/templates/corp437pro_purpure/css/../images/mastercard.png) no-repeat 0 10px}.wrap_colors ul li.visa{background:url(/bitrix/templates/corp437pro_purpure/css/../images/visa.png) no-repeat 0 10px}.wrap_colors ul li.yandexmoney{background:url(/bitrix/templates/corp437pro_purpure/css/../images/yandexmoney.png) no-repeat 0 10px}.wrap_colors ul li.price{width:180px;font-weight:700;color:#fff;font-size:18px!important;text-transform:uppercase;line-height:50px;text-align:center}.wrap_colors ul li.pay{width:200px;font-weight:700;color:#fff;margin-right:36px;background:#f85032;background:-moz-linear-gradient(top,#f85032 0%,#f16f5c 50%,#f6290c 51%,#f02f17 71%,#e73827 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#f85032),color-stop(50%,#f16f5c),color-stop(51%,#f6290c),color-stop(71%,#f02f17),color-stop(100%,#e73827));background:-webkit-linear-gradient(top,#f85032 0%,#f16f5c 50%,#f6290c 51%,#f02f17 71%,#e73827 100%);background:-o-linear-gradient(top,#f85032 0%,#f16f5c 50%,#f6290c 51%,#f02f17 71%,#e73827 100%);background:-ms-linear-gradient(top,#f85032 0%,#f16f5c 50%,#f6290c 51%,#f02f17 71%,#e73827 100%);background:linear-gradient(to bottom,#f85032 0%,#f16f5c 50%,#f6290c 51%,#f02f17 71%,#e73827 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f85032',endColorstr='#e73827',GradientType=0)}.wrap_colors ul li.pay a{font-size:18px!important;text-transform:uppercase;color:#fff;line-height:50px;text-align:center}.wrap_colors ul li.pay a:hover{color:#fff!important}.wrap_colors ul li a{display:block;width:100%;height:100%;text-decoration:none}.wrap_colors ul li.purpure{background:#E60B98}.wrap_colors ul li.marengo{background:#3F4C6B;margin-left:0!important}.wrap_colors ul li.metallic{background:#868686}.wrap_colors ul li.gold{background:#eab92d}.wrap_colors ul li.blue{background:#207ce5}.wrap_colors ul li a:hover{display:block;height:100%;background:rgba(255,255,255,.2);border-radius:5px}#close-pay{position:fixed;right:16px;top:16px;background:url(/bitrix/templates/corp437pro_purpure/css/../images/close.png) no-repeat 0 0;height:32px;width:32px;z-index:10001}#close-pay a{text-indent:-9999px;display:block;height:32px;width:32px} /* End */ /* Start:/bitrix/templates/corp437pro_purpure/css/nivo-slider.css?14944061791999*/ /* * jQuery Nivo Slider v3.2 * http://nivo.dev7studios.com * * Copyright 2012, Dev7studios * Free to use and abuse under the MIT license. * http://www.opensource.org/licenses/mit-license.php */ /* The Nivo Slider styles */ .nivoSlider { overflow: hidden; } .nivoSlider img { position:absolute; top:0px; left:0px; max-width: none; } .nivo-main-image { display: block !important; position: relative !important; width: 100% !important; } /* If an image is wrapped in a link */ .nivoSlider a.nivo-imageLink { position:absolute; top:0px; left:0px; width:100%; height:100%; border:0; padding:0; margin:0; z-index:6; display:none; background:white; filter:alpha(opacity=0); opacity:0; } /* The slices and boxes in the Slider */ .nivo-slice { display:block; position:absolute; z-index:5; height:100%; top:0; } .nivo-box { display:block; position:absolute; z-index:5; overflow:hidden; } .nivo-box img { display:block; } /* Caption styles */ .nivo-caption { position:absolute; left:0px; bottom:0px; background:rgba(160,160,164, 0.5); color:#fff; width:100%; z-index:8; overflow: hidden; display: none; text-align: center; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ } .nivo-caption p { padding:0; margin:0; } .nivo-caption a { display:inline !important; } .nivo-caption h2, .nivo-caption .h2{ margin:0; padding:0; } .nivo-caption h2 a:hover,.nivo-caption .h2 a:hover { color: #fff !important; } .nivo-html-caption { display:none; } /* Direction nav styles (e.g. Next & Prev) */ .nivo-directionNav a { position:absolute; top:45%; z-index:9; cursor:pointer; } .nivo-prevNav { left:0px; } .nivo-nextNav { right:0px; } /* Control nav styles (e.g. 1,2,3...) */ .nivo-controlNav { text-align:center; padding: 15px 0; } .nivo-controlNav a { cursor:pointer; } .nivo-controlNav a.active { font-weight:bold; } /* End */ /* Start:/bitrix/templates/corp437pro_purpure/js/fancybox/jquery.fancybox.css?14944061794895*/ /*! 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: #f9f9f9; 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); } .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/corp437pro_purpure/js/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: 44px; height: 44px; background: url('/bitrix/templates/corp437pro_purpure/js/fancybox/fancybox_loading.gif') center center no-repeat; } .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/corp437pro_purpure/js/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: 8010; background: url('/bitrix/templates/corp437pro_purpure/js/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/corp437pro_purpure/js/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/corp437pro_purpure/js/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/corp437pro_purpure/css/template_styles.css?157155786826611*/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, input, label, legend, textarea, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { margin: 0; padding: 0; outline: none; border: none; line-height: normal; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { background: #FFF; color: #333; font-size: 15px; font-family: OpenSans, Verdana, Geneva, sans-serif; } a { color: #000; } a:active { background: none; } header, section, footer { position: relative; margin: 0 auto; max-width: 960px; } header { padding: 5px 15px; } header .header-inner{ display: flex; flex-direction: row; justify-content: space-between; align-items: center; display: -webkit-flex; -webkit-flex-direction: row; -webkit-justify-content: space-between; -webkit-align-items: center; } .border_B h2{ font-size: 30px; } #topMenuBox{ top: 0px; z-index: 100; width: 100%; position: relative; } .fixed { position: fixed !important; } section { /*padding-bottom: 40px;*/ /*padding-top: 175px;*/ } section h1, section .h1 { margin-top: 18px; margin-bottom: 18px; font-weight: normal; font-size: 36px; line-height: 36px; } section h2, section .h2 { margin-top: 24px; margin-bottom: 24px; font-weight: normal; font-size: 24px; } section ul.h2 li { margin: 10px 0px 10px 15px; list-style: circle; } section h3, section div.h3 { margin-top: 18px; margin-bottom: 18px; font-weight: normal; font-size: 18px; } section ul.h3 li { font-weight: normal; font-size: 18px; } section h4 { margin-top: 16px; margin-bottom: 16px; font-weight: normal; font-size: 16px; } section h5 { margin-top: 14px; margin-bottom: 14px; font-weight: normal; font-size: 14px; } section p { margin-bottom: 18px; line-height: 18px; } section table { width: 100%; border-collapse: collapse; } section table td { padding: 7px; border-collapse: collapse; border-width: 1px; border-style: solid; border-color: #DADADA; } section ul, section ol { margin-left: 30px; } .group:after { display: block; visibility: hidden; clear: both; height: 0; content: " "; } .logo { display: inline-block; } header>.logo { display: none; } header .header-inner .logo { display: inline-block; } .logo img{ width: 209px; } .logo h1 { position: absolute; left: -9999px; font-size: 0; } .logo em { margin-left: 0; font-weight: bold; font-style: italic; font-size: 12px; } .contactHeader { } .contactHeader span { float: left; padding: 0 28px 0 32px; text-align: center; font-weight: bold; font-size: 14px; line-height: 26px; } .contactHeader span div { line-height: 26px; } .contactHeader span.email { background: url(/bitrix/templates/corp437pro_purpure/css/images/sprite_new.png) no-repeat 0 -145px; color: #333; } .contactHeader span.skype { background: url(/bitrix/templates/corp437pro_purpure/css/images/sprite_new.png) no-repeat 0 0; color: #333; } .contactHeader span.phone { font-size: 16px; border-radius: 15px; min-width: 190px; display: block; box-sizing: border-box; color: #333; } .contactHeader span a { color: #333; font-weight: bold; font-size: 23px; text-decoration: none; } .registr { display: inline; float: right; margin-top: 22px; } .registr span { margin-left: 20px; } .registr span a { font-weight: normal; } .menuBar { position: relative; margin: 0 auto; max-width: 960px; border-radius: 5px; box-shadow: 0 1px 3px rgba(0,0,0,0.5); background: #5cb85c; min-height: 42px; } .menuBar form { position: absolute; top: 7px; right: 58px; width: 168px; font-size: 0; line-height: 0; } .menuBar form input.text { padding-top: 4px !important; padding-right: 5px; padding-bottom: 4px !important; padding-left: 34px; width: 100%; height: inherit !important; border-radius: 14px; font-weight: normal; } .menuBar form input.button { position: absolute; top: 4px; left: 5px; } .articleIndex { clear: both; margin-top: 250px; } h2.inv { position: absolute; left: -9999px; margin: 0; font-size: 0; } .articleIndex article { width: 45%; } .articleIndex article:first-child { float: left; } .articleIndex article:last-child { float: right; } .articleIndex article h3, .article article h3 { margin-top: 36px; margin-bottom: 0 !important; height: 36px; } .article article h3 { height: inherit !important; } .article article img { margin-top: 18px; margin-bottom: 18px; } .article div { margin-top: 10px; line-height: 18px; } .articleIndex article span, .article article span { display: block; margin-top: 12px; color: #999; font-size: 11px; } .articleIndex article p, .article article p { margin-top: 10px; margin-bottom: 0; line-height: 18px; } .all { clear: both; padding-top: 40px; } .rss { position: absolute; top: 90px; right: 0; } .navigation { clear: both; } /*================= footer =====================*/ footer { clear: both; margin-top:100px; overflow: hidden; display: table; background: rgb(245,245,245); font-size: 14px; border-top: 2px solid #ccc; width: 100%; } footer>div{ display: table-cell; padding: 18px 10px; width: 25%; vertical-align: middle; } footer .share { padding-top: 35px; font-size: 12px; } footer .share img { margin: 0 37px 0 0; } footer .footer-contacts { padding: 18px 0; padding-top: 5px; width: 50%; text-align: center; } footer .footer-contacts p{ line-height: 2em; } footer .footer-contacts .phone { font-size: 22px; font-weight: bold; } footer .footer-contacts .phone a:hover, footer .footer-contacts .phone a{ color: #000; } footer .copyright { line-height: 1.5em; font-size: 12px; padding-top: 35px; } /* footer { position: relative; clear: both; padding-top: 30px; padding-bottom: 30px; margin-top: 40px; } footer .counter { position: absolute; top: 36px; left: 0; display: inline; } footer .social { margin: 0 auto; width: 20%; height: 29px; text-align: center; font-size: 0; line-height: 0; } footer .social li { display: inline-block; width: 35px; height: 29px; letter-spacing: normal; font-size: 12px; line-height: normal; } footer .social li a { display: block; height: 29px; text-indent: -9999px; } footer .social li:first-child { background: url(/bitrix/templates/corp437pro_purpure/css/images/sprite_new.png) no-repeat 0 -58px; } footer .social li:nth-child(2) { background: url(/bitrix/templates/corp437pro_purpure/css/images/sprite_new.png) no-repeat 0 -87px; } footer .social li:last-child { background: url(/bitrix/templates/corp437pro_purpure/css/images/sprite_new.png) no-repeat 0 -116px; } footer .copy { position: absolute; top: 36px; right: 0; }*/ /*================= footer end=====================*/ .zakaz { margin-top: 36px; } .zakaz a { display: block; width: 200px; border-radius: 5px; box-shadow: 0 1px 3px rgba(0,0,0,0.5); color: #FFF; text-align: center; text-decoration: none; font-weight: bold; line-height: 36px; } .zakaz a:hover, .submit-submit:hover, .catalog-section-list ul li a:hover { border-right: none; color: #000 !important; text-shadow: 0 1px 0 #FFF; } .zakaz a:active, .submit-submit:active { position: relative; top: 1px; } .zakaz a:hover, .topNav li:hover, .menuBar form input.text, .submit-submit:hover, .catalog-section-list ul li a:hover { background: #ffffff; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2YxZjFmMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iI2UxZTFlMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNmY2ZjYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); /* background: -moz-linear-gradient(top, #ffffff 0%, #f1f1f1 50%, #f6f6f6 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(50%, #f1f1f1), color-stop(100%, #f6f6f6)); background: -webkit-linear-gradient(top, #ffffff 0%, #f1f1f1 50%, #f6f6f6 100%); background: -o-linear-gradient(top, #ffffff 0%, #f1f1f1 50%, #f6f6f6 100%); background: -ms-linear-gradient(top, #ffffff 0%, #f1f1f1 50%, #f6f6f6 100%); background: linear-gradient(to bottom, #ffffff 0%, #f1f1f1 50%, #f6f6f6 100%);*/ background: -moz-linear-gradient(top, #ffffff 0%, #c3bfbf 50%, #d4cfcf100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(50%, #c3bfbf), color-stop(100%, #f6f6f6)); background: -webkit-linear-gradient(top, #ffffff 0%, #c3bfbf 50%, #d4cfcf100%); background: -o-linear-gradient(top, #ffffff 0%, #c3bfbf 50%, #d4cfcf100%); background: -ms-linear-gradient(top, #ffffff 0%, #c3bfbf 50%, #d4cfcf100%); background: linear-gradient(to bottom, #ffffff 0%, #c3bfbf 50%, #d4cfcf100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6', GradientType=0 ); } .products, .input-text, .textarea-textarea { background: rgb(245,245,245); } .products, .input-text, .textarea-textarea { background: rgb(245,245,245); background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VjZWNlYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, rgba(245,245,245,1) 0%, rgba(255,255,255,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(245,245,245,1)), color-stop(100%, rgba(255,255,255,1))); background: -webkit-linear-gradient(top, rgba(245,245,245,1) 0%, rgba(255,255,255,1) 100%); background: -o-linear-gradient(top, rgba(245,245,245,1) 0%, rgba(255,255,255,1) 100%); background: -ms-linear-gradient(top, rgba(245,245,245,1) 0%, rgba(255,255,255,1) 100%); background: linear-gradient(to bottom, rgba(245,245,245,1) 0%, rgba(255,255,255,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#ffffff', GradientType=0 ); } .li { margin-top: 10px; } .clear { clear:both; } section .breadcrumb { margin-bottom:20px; } .sectionBlock { padding-left: 2.2em; display: block; cursor: pointer; position: relative; margin: 2px 0 0 0; padding: .5em .5em .5em .7em; min-height: 0; /* support: IE7; */ font-size: 100%; border-radius: 5px; color: #fff; font-size: 14px; background: #51c678; background: -moz-linear-gradient(top, #51c678 0%, #47ad64 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#51c678), color-stop(100%,#47ad64)); background: -webkit-linear-gradient(top, #51c678 0%,#47ad64 100%); background: -o-linear-gradient(top, #51c678 0%,#47ad64 100%); background: -ms-linear-gradient(top, #51c678 0%,#47ad64 100%); background: linear-gradient(to bottom, #51c678 0%,#47ad64 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#51c678', endColorstr='#47ad64',GradientType=0 ); } #accordion2 { margin-top: 20px; } .sectionBlock a { color:white; text-decoration: none; } .sectionBlock a:hover { color:black !important; } section p { margin: 10px 0px; } section ul, section ol { margin: 10px 0px 10px 15px; } .h5 { font-size: 0.83em; font-weight: bold; } .bold { font-weight: bold; } a.sectionBlock{ text-decoration: none; } a.sectionBlock:hover{ color: black!important; } .chena tr:first-child td{ text-align:center; font-weight:bold; background:#ccc; } .chena2 td{ text-align:center; } .chena td.nam{ text-align:center; } #menuPhone { margin-top: 8px; display: none; vertical-align: top; float: right; margin-right: 20px; } #menuPhone.show{display: inline-block;} #menuPhone .phone { font-size: 18px; font-family: OpenSans, Verdana, Geneva, sans-serif; font-weight: bold; color: white; } #selectCity:not(.moved) { display: inline-block; background: rgba(255, 255 , 255 , 0.8); border-radius: 15px; padding: 1.5px 10px; display: block; box-sizing: border-box; min-width: 224px; } #selectCity.moved { position: relative; } #selectCity #yourCity { color: #333; text-decoration: none; font-weight: bold; font-size: 18px; line-height: 26px; text-align: center; /*width: 210px;*/ cursor: pointer; text-decoration: underline; display: inline-block; } #selectCity.moved #mycity { padding: 10px 10px 0; } #selectCity.moved #yourCity{ font-size: 16px; } #selectCity .pre{ font-size: 12px; top: -2px; position: relative; } #selectCity.moved .pre{ font-size: 12px; font-weight: bold; } #selectCity .hint_city { background: #fff; border: 1px solid #bfbfbf; border-radius: 5px; box-shadow: 0 0 30px rgba(0,0,0,0.9); margin: 15px 0 0; position: absolute; width: 235px; z-index: 200; display: none; right: 10px; } #selectCity .hint_city.show { display: block; } #selectCity .hint_city .hint_city_content { font-size: 18px; display: block; min-height: 25px; padding: 10px 10px 10px; position: relative; text-align: center; font-weight: bold; } #selectCity #selectYourCity { font-size: 18px; width: 200px; } #selectCity .hint_city .hint_city_content+.hint_city_content { padding: 0px 20px 15px; } #selectCity .hint_city .corner { position: absolute; top: -14px; left: 0; margin: 0 42%; width: 0; height: 0; border-left: 15px solid transparent; border-right: 15px solid transparent; border-bottom: 14px solid #fff; } #selectCity .hint_city .hint_button { margin: 0px 0 10px; text-align: center; } #selectCity .button { display: inline-block; padding: 0px 25px; border: 1px solid #bfbfbf; border-radius: 5px; background-color: #f2f2f2; background-image: linear-gradient(to bottom, #ffffff, #dedede); box-shadow: 0 1px 1px rgba(0,0,0,0.2); color: #303030; text-shadow: 0 1px #fff; font-weight: bold; font-size: 16px; line-height: 30px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; text-decoration: none; white-space: nowrap; } #selectCity .button_small { border-top: 1px solid #dddddd; border-right: 1px solid #c2c2c2; border-bottom: 1px solid #a3a3a3; border-left: 1px solid #c2c2c2; box-shadow: 0 1px 0 #dbdbdb; font-size: 18px; white-space: nowrap; cursor: pointer; } #selectCity .button.button_small:hover { background-color: #ff6600; box-shadow: 0 1px 1px rgba(0,0,0,0.17); } @media only screen and (max-width: 1024px) and (min-width: 600px) { } section table.chena2 td p { margin: 0; padding: 0; font-size: 14px; line-height: normal; } section table.chena2 td { text-align: center; padding: 0px; } a.doc-download{ display: inline-block; } a.print-link{ display: inline-block; position: relative; margin-left: 362px; } a.blue { color: #0000FF; } a.blue:hover { color: #0000FF; } .print-link img{ width: 30px; height: 30px; display: inline-block; margin-bottom: -10px; } /************************* menu styles ***************************/ .topNav { margin: 0; padding: 0; /*max-width: 755px;*/ display: flex; align-items: center; justify-content: space-around; flex-wrap: wrap; } .topNav li { float: left; margin: 0; padding: 0; list-style: none; font-size: 12px; position: relative; } .topNav .arrow{ position: absolute; top: 50%; margin-top: -11px; font-size: 16px; right: 50px; display: none; } .topNav .picture { position: absolute; top: 50%; margin-top: -27px; right: 0px; display: inline-block; width: 54px; } /*.topNav li:hover>.picture{ display: none; }*/ .topNav li:hover>.arrow{ display: inline-block; } .topNav li a { display: block; padding-right: 25px; padding-left: 25px; color: #FFF; text-decoration: none; font-weight: bold; font-size: 18px; line-height: 38px; } .topNav li:first-child a { border-radius: 5px 0 0 0px; } .topNav li:first-child a:hover { border-radius: 5px 0 0 0px; } .topNav li:hover a { color: #000 !important; text-shadow: 0 1px 0 #FFF; } .topNav li ul a { color: #000; } .topNav li ul { background: #fff; } .topNav li ul { position: absolute; top: 38px; z-index: 100; overflow: hidden; margin-left: 0; padding-top: 0; padding-left: 0; max-height: 0px; width: 360px; box-shadow: 0 5px 5px rgba(0,0,0, 0.5); transition: max-height 0.2s linear; } .topNav li:hover ul { margin: 0; padding: 0; max-height: 600px; overflow: visible; width: 360px; } .topNav li ul li { display: block; float: none; position: relative; border-bottom: 1px solid #DFDFDF; } .topNav li ul li:first-child a, .topNav li ul li:first-child a:hover { border-radius: 0; } .topNav li ul li a { font-size: 16px; line-height: 20px; padding: 15px 60px 15px 10px; margin: 0; } .topNav li ul li ul { position: absolute; left: -9999px; } .topNav li ul li:hover ul { top: 0px; left: 360px; } .navigation-overlay { margin: 0 auto; position: absolute; background-color: transparent; background-color: rgba(0,0,0,.8); width: 100%; z-index: 19; display: none; height: 100%; } .menu-button { margin-right: 20px; margin-top: 9px; float: right; vertical-align: middle; cursor: pointer; border-bottom: 15px double #FFF; border-top: 5px solid #FFF; height: 5px; width: 45px; display: none; } /************************* breadcrumb styles ***************************/ .breadcrumb-navigation { margin-left: 0 !important; } .breadcrumb-navigation li { float:left; list-style: none; margin-top: 10px; } .carousel-container { position: relative; padding: 0 50px; } .carousel-container .owl-carousel .owl-stage { align-items: center; display: flex; } .carousel-container .owl-prev { z-index: 10; position: absolute; width: 50px; height: 50px; top: 50%; margin-top: -25px; left: 0px; cursor: pointer; background: url(/images/leftArr.jpg) center center no-repeat; background-size: contain; } .carousel-container .owl-next { z-index: 10; position: absolute; width: 50px; height: 50px; top: 50%; margin-top: -25px; right: 0px; cursor: pointer; background: url(/images/rightArr.jpg) center center no-repeat; background-size: contain; } /************************* catalog.section.list template - new_ajax ***************************/ /*#ajax_responce{ overflow: hidden; margin: 0 -6.7px; } .serviceBlock { clear: both; margin-top: 0; list-style: none; margin-left: 0; } .serviceContainer { position: absolute; border: 2px solid #FED805; border-radius: 5px; background: #fff; padding: 7px 0 0px 0; margin-top: -213px; margin-left: -10px; z-index: 1000; display: none; min-height: 441px; box-sizing: border-box; padding-bottom: 24px; } .container-width{ width: 651.5px; } .serviceContainer.right { right: -9px;} .serviceContainer.show { display: block; } .serviceContainer .leftSide { margin: -1px 5px 0px 6px; } .serviceContainer .rightSide { margin: -1px 10px 0px 0px; } .serviceContainer .clear { margin-top: 10px; } .serviceContainer.right .leftSide { margin: -1px 7px 0px 6px; } .serviceContainer.right .rightSide { margin: -1px 7px 0px 5px; } .serviceContainer .leftSide { float: left; } .serviceContainer.right .leftSide { float: right; } .serviceContainer .rightSide { width: 311px; overflow-y: auto; word-wrap: break-word; text-align: left; padding-left: 5px; } .serviceContainer .ditale { display: block; position: absolute; font-size: 16px; background: rgba(240,240,240, 1); padding: 2px 0 2px 0; border-radius: 2px; bottom: 0; width: 100%; } .serviceContainer .ditale:hover { background: rgba(160,160,164, 0.5); } .serviceBlock li.products .serviceContainer>div.leftSide>a { display: block; } .serviceBlock li.products .serviceContainer>div.leftSide>div { margin-bottom: 10px; padding-top: 16px; border-radius: 5px; border: 2px solid #ccc; text-align: center; background: rgb(245,245,245); } .serviceBlock li.products { float: left; margin: 0 0.7%; margin-bottom: 15px; padding-top: 16px; width: 31.5%; height: 184px; border-radius: 5px; border: 2px solid #ccc; text-align: center; } .serviceBlock li.products:hover { border: 2px solid #FED805; } .serviceBlock li.products a { display: block; text-decoration: none; } .serviceBlock li.products .product-img{cursor: pointer; position: relative;width: 307px;} .serviceBlock li.products .product-img .bShow { background: url(/images/hover_item_box.png) no-repeat top; } .serviceBlock li.products .product-img .bHide { background: url(/images/hover_item_box.png) no-repeat bottom; } .serviceBlock li.products .product-img .bShow, .serviceBlock li.products .product-img .bHide { width: 91px; height: 91px; position: absolute; left: 50%; top: 100%; opacity: 0; margin: -91px 0 0 -45px; transition: opacity 0.5s ease-in-out, transform 0.5s; } .serviceBlock li.products .product-img:hover .bShow, .serviceBlock li.products .product-img:hover .bHide { opacity: 0.5; -webkit-transform: translate(0,-50%); -moz-transform: translate(0,-50%); -ms-transform: translate(0,-50%); -o-transform: translate(0,-50%); } .serviceBlock li.products h2, .serviceBlock li.products .h2 { margin: 0 !important; font-weight: normal; font-size: 16px; } .serviceBlock li.products p { margin: 0; font-size: 14px; } .serviceBlock li.products img { margin-top: 0px; } .leftSide ul.serviceBlock { width: 307px; height: auto; border-radius: 5px; margin: 0 0 10px 0; padding-left: 20px; box-sizing: border-box; } .serviceBlock ul.serviceBlock li.products { float: none; padding: 0; margin: 0px 0 9px 0px; width: 280px; height: auto; text-align: left; border-radius: 0; border: none; box-shadow: none; list-style-type: disc; } .serviceBlock ul.serviceBlock li.products a .h2{ line-height: 14px; } .serviceBlock ul.serviceBlock li.products h2, .serviceBlock ul.serviceBlock li.products .h2 { margin: 0; font-weight:normal; font-size: 16px; line-height: 20px; width: 100%; } .serviceBlock li.products p { margin: 0; font-size: 14px; } .serviceBlock ul.serviceBlock li.products h2:hover, .serviceBlock ul.serviceBlock li.products .h2:hover, .serviceContainer .ditale:hover { text-decoration: underline; } .hash:target:before { content: ""; display: block; height: 16em; margin-top: -16em; visibility: hidden; } ul.bookmarks {display: inline-block; margin: 0 0 15px 0;} ul.bookmarks li { float: left; list-style: none; margin-right: 20px; } ul.bookmarks .button{ display: block; color: #000; line-height: 32px; height: 32px; padding: 0 10px 0 10px; text-decoration: none; border-radius: 5px; font-size: 14px; font-weight: bold; cursor: pointer; } ul.bookmarks .button:hover {border: 2px solid #FED805;} ul.bookmarks .passive { background: rgb(245,245,245); border: 2px solid #5cb85c; } ul.bookmarks .active { background: #ffffff; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2YxZjFmMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iI2UxZTFlMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNmY2ZjYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #ffffff 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(50%, #f1f1f1), color-stop(51%, #e1e1e1), color-stop(100%, #f6f6f6)); background: -webkit-linear-gradient(top, #ffffff 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%); background: -o-linear-gradient(top, #ffffff 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%); background: -ms-linear-gradient(top, #ffffff 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%); background: linear-gradient(to bottom, #ffffff 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%); color: #000; border: 2px solid #FED805; } .hide{display: none;}*/ /* End */ /* Start:/bitrix/templates/corp437pro_purpure/css/styles.css?15099713209469*/ #rh-badge{ display: none !important; } /*-------------------- slider_blocks --------------------*/ #slider_blocks { /*width: 940px;*/ max-width: 1280px; min-width: 627px; margin: 0 auto; } #slider_blocks .row{ box-sizing: border-box; overflow: hidden; margin: 0 auto; margin: 0 -20px 20px 0; } #slider_blocks .item{ display: block; float: left; box-sizing: border-box; height: 200px; padding: 0px 20px 0px 0px; } #slider_blocks .item a{ display: block; width: 100%; height: 100%; position: relative; /*border: 2px solid #d2d9da; /*#5cb85c;*/ box-sizing: border-box; background-color: #fff; } #slider_blocks .item:hover a{ /*border: 1px solid #ccc;*/ } #slider_blocks .item img{ width: 100%; height: 100%; } #slider_blocks .item.size_60 img{ /*float: right;*/ } #slider_blocks .item.size_40 img{ /*float: left;*/ } #slider_blocks .item .text{ position: absolute; top: 15%; left: 30px; } /* #slider_blocks .item.size_60 .text{ position: absolute; top: 15%; left: 30px; } #slider_blocks .item.size_40 .text{ position: absolute; top: 15%; right: 20px; } */ #slider_blocks .item .text .item-title { font-weight: normal; font-size: 26px; font-family: 'Cuprum', sans-serif; line-height: 29px; color: #555; } /*-------------------------------------------------------*/ ul#siteMap { font-size: 14px; } ul#siteMap ul { font-size: 12px; } .ditale:hover { background: rgba(160,160,164, 0.5); } .ditale { display: inline-block; position: relative; font-size: 14px; background: rgba(240,240,240, 1); padding: 5px 15px; border-radius: 5px; text-align: center; margin: 0px auto; } .other {display: none;} .other.show {display: block;} .border { border-top: 2px solid #FED805; border-bottom: 2px solid #FED805; padding: 0 20px; border-radius: 0px; } h2.offers { line-height: 71px; font-weight: bold; font-style: italic;} h2.offers img{ width: 70px; margin-right: 15px; vertical-align: top;} .text-center{ text-align: center; } .border_B { border-top: 2px solid #FED805; margin-bottom: 20px; margin-top: 24px; } .offers_B { padding-left: 110px; margin: 20px 0; height: 98px; display: table; background-size: auto 82px; } .offers_B>div { display: table-cell; vertical-align: middle; } .offers_B h2, .offers_B .h2 { margin-bottom: 0px; margin-top: 0px; } .offers_B h2 { font-weight: bold; font-style: italic;} ul.h_B { margin-top: 4px; margin-bottom: 0px; font-weight: normal; font-size: 24px; } section ul.h_B li { margin: 0px 0px 0px 15px; list-style: circle;} #offer1 { margin-top: 15px; background: url("/images/2.png") no-repeat left center; background-size: auto 82px;} #offer2 { background: url("/images/3.png") no-repeat left center; background-size: auto 82px;} #offer3 { background: url("/images/1.png") no-repeat left center; background-size: auto 82px;} .buttons-container { margin: 0 auto; width: 960px; position: relative; } ul.bookmarks_kovru { display: inline-block; margin: 0; z-index: 100; } ul.bookmarks_kovru li { float: left; list-style: outside none none; margin-right: 0px; } ul.bookmarks_kovru .button { border-radius: 5px; color: #fff; cursor: pointer; display: block; font-size: 14px; font-weight: bold; height: 32px; line-height: 32px; padding: 0 10px; text-decoration: none; } ul.bookmarks_kovru .button:hover { border: 2px solid #fed805; } ul.bookmarks_kovru .passive { background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #51c678 0%, #47ad64 100%) repeat scroll 0 0; border: 2px solid #ccc; } ul.bookmarks_kovru .active { background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #ffffff 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%) repeat scroll 0 0; border: 2px solid #fed805; color: #000; } #table-price-container{ max-width: 700px; margin: 0 auto; } section #table-price td:first-child { width: auto; border-left: 1px solid black; } section #table-price td:last-child { border-right: 1px solid black; } section #table-price tr:first-child td { border-top: 1px solid black; border-bottom: 1px solid black; } section #table-price tr:last-child td { border-bottom: 1px solid black; } #table-price tr:first-child td p { font-weight: bold; padding: 2px 0; } #table-price td { width: 100px; } section #table-price tr td[rowspan="7"] { border-bottom: 1px solid black; } section #table-price tr:nth-child(8) td, section #table-price tr:nth-child(15) td, section #table-price tr:nth-child(22) td, section #table-price tr:nth-child(29) td, section #table-price tr:nth-child(36) td, section #table-price tr:nth-child(43) td { border-bottom: 1px solid black; } .popup_open { border-radius: 50%; color: #000; cursor: pointer; font-size: 12px; font-weight: bold; height: 125px; width: 125px; line-height: 10px; padding: 5px; text-decoration: none; z-index: 105; display: inline-block; vertical-align: middle; text-align: center; text-decoration: none; user-select: none; color: #000; outline: none; border: 1px solid rgba(255,0,0,.8); /*border: 1px solid rgba(110,121,128,.8); border-top-color: rgba(0,0,0,.3); background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #51c657 0%, #47ad51 100%) repeat scroll 0 0; box-shadow: 0 -1px rgba(10,21,28,.9) inset, 0 1px rgba(255,255,255,.5) inset;*/ -webkit-animation: order-button-pulse 3.8s infinite; animation: order-button-pulse 3.8s infinite; } .popup_open_pos1{ position: absolute; top: -194px; left: 80%; margin-left: 0; } .popup_open_pos2{ position: absolute; margin-right: -60px; right: 0; top: 37px; } .popup_open.size3 { height: 110px; width: 110px; padding: 0; } .popup_open_pos3 { position: fixed; right: 30px; margin-top: -47px; } .popup_open p{ text-align: center; color: #fff; font-weight: normal; margin: 0; } .popup_open_pos1 p{ padding: 15px 0 0 0; font-size: 15px;} .popup_open_pos2 p{ padding: 25px 0 0 0; font-size: 15px;} .popup_open_pos3 p { padding: 16px 0 19px 0; font-size: 20px; display: inline-block; width: 100%; height: 100%; text-align: center; font-weight: bold; box-sizing: border-box; background: #FFF; /*rgba(93, 184, 93, 0.3);*/ color: #555; } .popup_open p .small{ font-size: 17px; text-align: center; display: inline-block; } .popup_open:hover { /*background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #51c657 0%, #47ad51 100%) repeat scroll 0 0;*/ -webkit-animation: none; animation: none; } .popup_open:active { line-height: 2.6em; /*background: linear-gradient(#56c983, #56c983 20%, #51c678);*/ box-shadow: 0 -1px rgba(255,255,255,.4) inset; } .popup_open_pos3:after { content: ""; position: absolute; top: -10px; right: -10px; bottom: -10px; left: -10px; z-index: -1; border-radius: 0; /* background: linear-gradient(rgba(255,200,200,.5), rgba(250,150,150,.3)); */ background: linear-gradient(rgba(255,0,0, .6), rgba(255,0,0, .6)); } @media only screen and (max-width: 1024px){ .popup_open.popup_open_pos3{ display: none; } } @keyframes order-button-pulse { 0% { -moz-transform: scale(1.1); -ms-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1); box-shadow: 0 0 0 50px rgba(90, 153, 212, 0); } 7.3% { -moz-transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); } 92.7% { -moz-transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); } 100% { -moz-transform: scale(1.1); -ms-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1); box-shadow: 0 0 0 50px rgba(90, 153, 212, 0); } } @-webkit-keyframes order-button-pulse { 0% { -moz-transform: scale(1.1); -ms-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1); box-shadow: 0 0 0 50px rgba(90, 153, 212, 0); } 7.3% { -moz-transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); } 92.7% { -moz-transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); } 100% { -moz-transform: scale(1.1); -ms-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1); box-shadow: 0 0 0 50px rgba(90, 153, 212, 0); } } .btn-mobile-call{ display: none; } /*--------------------------- flamp --------------------------*/ #flamp_reviews{ padding-top: 0px; } .table { display: table; width: 100%; } .table>div{ display: table-cell; vertical-align: top; } .services_description{ padding-right: 150px; position: relative; } .services_description .calculator_container { position: absolute; top: 20px; right: 30px; } .check-img{ height: 18px; display: inline-block; vertical-align: middle; /* line-height: 24px; */ margin-bottom: 3px; } ul.check { list-style-type: none; margin-left: 0; } ul.check li { background: url(/images/check.png) no-repeat left center; background-size: 20px; padding: 3px 0 3px 25px; } #our_clients{ font-size: 18px;} /* End */ /* Start:/bitrix/templates/corp437pro_purpure/css/mobile.css?15715557717512*/ /* Large Devices, Wide Screens */ @media only screen and (max-width : 1200px) { } /* Medium Devices, Desktops */ @media only screen and (max-width : 1024px) { .contentArea{ padding: 0 15px; } .popup_open.popup_open_pos3{ display: none; } .topNav li:hover ul, .topNav li ul { width: 300px; } .topNav li ul li ul { display: none; } .topNav li ul li a { font-size: 14px; line-height: 18px; padding: 6px 10px 6px 10px; margin: 0; } .topNav .arrow, .topNav .picture { display: none; } } @media only screen and (min-width : 769px) { .hide_on_desktop{ display: none !important; } } @media only screen and (max-width : 992px) { } @media only screen and (max-width : 768px) { .contactHeader span a { font-size: 20px; text-decoration: underline; } header>.logo { display: inline-block; } header .header-inner .logo { display: none; } header { display: flex; flex-direction: row; justify-content: space-between; align-items: center; display: -webkit-flex; -webkit-flex-direction: row; -webkit-justify-content: space-between; -webkit-align-items: center; } header .header-inner { display: flex; flex-direction: row; justify-content: flex-end; align-items: center; flex-wrap: wrap; flex-grow: 1; display: -webkit-flex; -webkit-flex-direction: row; -webkit-justify-content: flex-end; -webkit-align-items: center; -webkit-flex-wrap: wrap; -webkit-flex-grow: 1; max-width: 250px; height: 85px; } section h1, section .h1 { margin-top: 12px; margin-bottom: 12px; font-weight: normal; font-size: 24px; line-height: 26px; } section h2, section .h2 { margin-top: 10px; margin-bottom: 10px; font-weight: normal; font-size: 20px; } .offers_B { padding-left: 72px; margin: 20px 0; height: 98px; display: table; background-size: auto 62px; } #offer1, #offer2, #offer3{ background-size: auto 62px; } ul.h_B { margin-top: 4px; margin-bottom: 0px; font-weight: normal; font-size: 20px; } .serviceBlock li.products a { padding: 8px 0px; font-size: 14px; } .ditale { margin: 5px auto; } footer{ margin-top: 10px; } } @media only screen and (max-width : 600px) { header { padding: 5px 5px; } .logo img { width: 150px; } .contactHeader{ margin-top: 3px; order: 1; } .contactHeader span.phone{ min-width: 150px; padding: 0 3px 0 3px; font-size: 16px; } /*.menu-button{ display: inline-block; }*/ #selectCity .pre{ display: none; } #selectCity #yourCity { width: auto; font-size: 12px; } #selectCity:not(.moved) { padding: 1.5px 10px; min-width: 150px; margin-top: -3px; } #selectCity #mycity{ text-align: center; } #selectCity.moved .hint_city.show { /*margin-top: 55px;*/ } .slide-html-caption{ } .topNav { margin: 0; padding: 0; background-color: #5cb85c; width: 100%; display: flex; justify-content: space-around; align-items: center; display: -webkit-flex; -webkit-justify-content: space-around; -webkit-align-items: center; height: 42px; } .topNav li { margin: 0; padding: 0; list-style: none; font-size: 12px; text-align: center; } .one-line-on-mobile .topNav>li { max-width: 72px; } .topNav li a { display: block; padding-right: 12px; padding-left: 12px; color: #FFF; text-decoration: none; font-weight: bold; font-size: 14px; line-height: 34px; display: inline-block; } .topNav>li a { line-height: 15px; padding: 0; } .topNav>li{ position: static; } .topNav li ul { position: absolute; top: unset; width: 70vw; left: 0; } .topNav li ul li{ text-align: left; } .topNav li:hover ul{ width: 70vw; } .topNav li:hover>.arrow{ display: none; } .block-600{ display: block !important; } #menuPhone { margin-top: 8px; display: none; vertical-align: top; float: left; margin-left: 20px; } /** btn-mobile-call **/ .btn-mobile-call { position: absolute; right: 0; box-sizing: border-box; margin-right: 20px; margin-top: 13px; border-radius: 50%; color: #fff; cursor: pointer; font-size: 12px; font-weight: bold; line-height: 10px; text-decoration: none; z-index: 105; display: inline-block; vertical-align: middle; text-align: center; color: #000; outline: none; -webkit-animation: btn-mobile-call-pulse 2.5s infinite; animation: btn-mobile-call-pulse 2.5s infinite; } .btn-mobile-call a{ text-align: center; font-size: 12px; background-color: #fff; margin: 0; padding: 4px; font-weight: bold; line-height: 13px; display: block; } .btn-mobile-call:after { content: ""; position: absolute; top: -8px; right: -8px; bottom: -8px; left: -8px; z-index: -1; border-radius: 0; /*background: linear-gradient(rgba(255,200,200,.5), rgba(250,150,150,.3));*/ background: linear-gradient(rgba(255,0,0, .6), rgba(255,0,0, .6)); } /** btn-mobile-call - end**/ .contentArea{ padding: 0 10px; } .bx-yandex-view-layout, .bx-yandex-map, .ymaps-map, .ymaps-glass-pane.ymaps-events-pane { max-height: 300px; } .ymaps-mini-map.ymaps-mini-map_state_expanded{ display: none; } footer{ display: block; } footer>div { display: block; padding: 10px 10px; width: 100%; text-align: center; } footer .share{ display: none; } footer .footer-contacts { padding: 0; padding-top: 5px; width: 100%; text-align: center; } footer .copyright { padding-top: 0px; } footer .copyright br{ display: none; } footer .copyright a{ margin-right: 10px; } footer .copyright a:last-of-type{ margin-right: 0px; } /*.b24-widget-button-shadow, .b24-widget-button-wrapper { display: none !important; } */ } /* Extra Small Devices, Phones */ @media only screen and (max-width : 480px) { ul.h_B { font-size: 15px; } } /* Custom, iPhone Retina */ @media only screen and (max-width : 320px) { } @keyframes btn-mobile-call-pulse { 0% { -moz-transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); box-shadow: 0 0 0 50px rgba(90, 153, 212, 0); } 16% { -moz-transform: scale(1.1); -ms-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1); } 32% { -moz-transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); } 100% { -moz-transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); box-shadow: 0 0 0 50px rgba(90, 153, 212, 0); } } @-webkit-keyframes btn-mobile-call-pulse { 0% { -moz-transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); box-shadow: 0 0 0 50px rgba(90, 153, 212, 0); } 16% { -moz-transform: scale(1.1); -ms-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1); } 32% { -moz-transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); } 100% { -moz-transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); box-shadow: 0 0 0 50px rgba(90, 153, 212, 0); } } /* End */ /* /bitrix/templates/corp437pro_purpure/css/fonts.css?14944061791108 */ /* /bitrix/templates/corp437pro_purpure/css/jquery.jqzoom.min.css?14944061791645 */ /* /bitrix/templates/corp437pro_purpure/css/colorbox.min.css?14944061792514 */ /* /bitrix/templates/corp437pro_purpure/css/colors.min.css?1494406179713 */ /* /bitrix/templates/corp437pro_purpure/css/promo.min.css?14944061792387 */ /* /bitrix/templates/corp437pro_purpure/css/nivo-slider.css?14944061791999 */ /* /bitrix/templates/corp437pro_purpure/js/fancybox/jquery.fancybox.css?14944061794895 */ /* /bitrix/templates/corp437pro_purpure/css/template_styles.css?157155786826611 */ /* /bitrix/templates/corp437pro_purpure/css/styles.css?15099713209469 */ /* /bitrix/templates/corp437pro_purpure/css/mobile.css?15715557717512 */