/* Start:/local/templates/main/jquery.lightbox-0.5.css?17406441362269*/ /** * jQuery lightBox plugin * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/) * and adapted to me for use like a plugin from jQuery. * @name jquery-lightbox-0.5.css * @author Leandro Vieira Pinho - http://leandrovieira.com * @version 0.5 * @date April 11, 2008 * @category jQuery plugin * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com) * @license CCAttribution-ShareAlike 2.5 Brazil - http://creativecommons.org/licenses/by-sa/2.5/br/deed.en_US * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin */ #jquery-overlay { position: absolute; top: 0; left: 0; z-index: 1009; width: 100%; height: 500px; } #jquery-lightbox { position: absolute; top: 0; left: 0; width: 100%; z-index: 1010; text-align: center; line-height: 0; } #jquery-lightbox a img { border: none; } #lightbox-container-image-box { position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; } #lightbox-container-image { padding: 10px; } #lightbox-loading { position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; } #lightbox-nav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; } #lightbox-container-image-box > #lightbox-nav { left: 0; } #lightbox-nav a { outline: none;} #lightbox-nav-btnPrev, #lightbox-nav-btnNext { width: 49%; height: 100%; zoom: 1; display: block; } #lightbox-nav-btnPrev { left: 0; float: left; } #lightbox-nav-btnNext { right: 0; float: right; } #lightbox-container-image-data-box { font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%; padding: 0 10px 0; } #lightbox-container-image-data { padding: 0 10px; color: #666; } #lightbox-container-image-data #lightbox-image-details { width: 70%; float: left; text-align: left; } #lightbox-image-details-caption { font-weight: bold; } #lightbox-image-details-currentNumber { display: block; clear: left; padding-bottom: 1.0em; } #lightbox-secNav-btnClose { width: 66px; float: right; padding-bottom: 0.7em; } /* End */ /* Start:/local/templates/main/css/jquery.fancybox.min.css?174064413610424*/ @charset "UTF-8";.fancybox-enabled{overflow:hidden}.fancybox-enabled body{overflow:visible;height:100%}.fancybox-container{position:fixed;top:0;left:0;width:100%;height:100%;z-index:99993;-webkit-backface-visibility:hidden;backface-visibility:hidden}.fancybox-container~.fancybox-container{z-index:99992}.fancybox-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:#0f0f11;opacity:0;transition-timing-function:cubic-bezier(.55,.06,.68,.19);-webkit-backface-visibility:hidden;backface-visibility:hidden}.fancybox-container--ready .fancybox-bg{opacity:.87;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-controls{position:absolute;top:0;left:0;right:0;text-align:center;opacity:0;z-index:99994;transition:opacity .2s;pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;direction:ltr}.fancybox-show-controls .fancybox-controls{opacity:1}.fancybox-infobar{display:none}.fancybox-show-infobar .fancybox-infobar{display:inline-block;pointer-events:all}.fancybox-infobar__body{display:inline-block;width:70px;line-height:44px;font-size:13px;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;text-align:center;color:#ddd;background-color:rgba(30,30,30,.7);pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:subpixel-antialiased}.fancybox-buttons{position:absolute;top:0;right:0;display:none;pointer-events:all}.fancybox-show-buttons .fancybox-buttons{display:block}.fancybox-slider-wrap{overflow:hidden;direction:ltr}.fancybox-slider,.fancybox-slider-wrap{position:absolute;top:0;left:0;bottom:0;right:0;padding:0;margin:0;z-index:99993;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-tap-highlight-color:transparent}.fancybox-slide{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;padding:0;overflow:auto;outline:none;white-space:normal;box-sizing:border-box;text-align:center;z-index:99994;-webkit-overflow-scrolling:touch}.fancybox-slide:before{content:"";height:100%;width:0}.fancybox-slide:before,.fancybox-slide>*{display:inline-block;vertical-align:middle}.fancybox-slide>*{position:relative;padding:24px;margin:44px 0;border-width:0;text-align:left;background-color:#fff;overflow:auto;box-sizing:border-box}.fancybox-slide--image{overflow:hidden}.fancybox-slide--image:before{display:none}.fancybox-content{display:inline-block;position:relative;margin:44px auto;padding:0;border:0;width:80%;height:calc(100% - 88px);vertical-align:middle;line-height:normal;text-align:left;white-space:normal;outline:none;font-size:16px;font-family:Arial,sans-serif;box-sizing:border-box;-webkit-tap-highlight-color:transparent;-webkit-overflow-scrolling:touch}.fancybox-iframe{display:block;margin:0;padding:0;border:0;width:100%;height:100%;background:#fff}.fancybox-slide--video .fancybox-content,.fancybox-slide--video .fancybox-iframe{background:transparent}.fancybox-placeholder{z-index:99995;background:transparent;cursor:default;overflow:visible;-webkit-transform-origin:top left;transform-origin:top left;background-size:100% 100%;background-repeat:no-repeat;-webkit-backface-visibility:hidden;backface-visibility:hidden}.fancybox-image,.fancybox-placeholder,.fancybox-spaceball{position:absolute;top:0;left:0;margin:0;padding:0;border:0}.fancybox-image,.fancybox-spaceball{width:100%;height:100%;max-width:none;max-height:none;background:transparent;background-size:100% 100%}.fancybox-controls--canzoomOut .fancybox-placeholder{cursor:zoom-out}.fancybox-controls--canzoomIn .fancybox-placeholder{cursor:zoom-in}.fancybox-controls--canGrab .fancybox-placeholder{cursor:-webkit-grab;cursor:grab}.fancybox-controls--isGrabbing .fancybox-placeholder{cursor:-webkit-grabbing;cursor:grabbing}.fancybox-spaceball{z-index:1}.fancybox-tmp{position:absolute;top:-9999px;left:-9999px;visibility:hidden}.fancybox-error{position:absolute;margin:0;padding:40px;top:50%;left:50%;width:380px;max-width:100%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background:#fff;cursor:default}.fancybox-error p{margin:0;padding:0;color:#444;font:16px/20px Helvetica Neue,Helvetica,Arial,sans-serif}.fancybox-close-small{position:absolute;top:0;right:0;width:44px;height:44px;padding:0;margin:0;border:0;border-radius:0;outline:none;background:transparent;z-index:10;cursor:pointer}.fancybox-close-small:after{content:"×";position:absolute;top:5px;right:5px;width:30px;height:30px;font:20px/30px Arial,Helvetica Neue,Helvetica,sans-serif;color:#888;font-weight:300;text-align:center;border-radius:50%;border-width:0;background:#fff;transition:background .2s;box-sizing:border-box;z-index:2}.fancybox-close-small:focus:after{outline:1px dotted #888}.fancybox-slide--video .fancybox-close-small{top:-36px;right:-36px;background:transparent}.fancybox-close-small:hover:after{color:#555;background:#eee}.fancybox-caption-wrap{position:absolute;bottom:0;left:0;right:0;padding:60px 30px 0;z-index:99998;-webkit-backface-visibility:hidden;backface-visibility:hidden;box-sizing:border-box;background:linear-gradient(180deg,transparent 0,rgba(0,0,0,.1) 20%,rgba(0,0,0,.2) 40%,rgba(0,0,0,.6) 80%,rgba(0,0,0,.8));opacity:0;transition:opacity .2s;pointer-events:none}.fancybox-show-caption .fancybox-caption-wrap{opacity:1}.fancybox-caption{padding:30px 0;border-top:1px solid hsla(0,0%,100%,.4);font-size:14px;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;color:#fff;line-height:20px;-webkit-text-size-adjust:none}.fancybox-caption a,.fancybox-caption button{pointer-events:all}.fancybox-caption a{color:#fff;text-decoration:underline}.fancybox-button{display:inline-block;position:relative;width:44px;height:44px;line-height:44px;margin:0;padding:0;border:0;border-radius:0;cursor:pointer;background:transparent;color:#fff;box-sizing:border-box;vertical-align:top;outline:none}.fancybox-button--disabled{cursor:default;pointer-events:none}.fancybox-button,.fancybox-infobar__body{background:rgba(30,30,30,.6)}.fancybox-button:hover{background:rgba(0,0,0,.8)}.fancybox-button:after,.fancybox-button:before{content:"";pointer-events:none;position:absolute;border-color:#fff;background-color:currentColor;color:currentColor;opacity:.9;box-sizing:border-box;display:inline-block}.fancybox-button--disabled:after,.fancybox-button--disabled:before{opacity:.5}.fancybox-button--left:after{left:20px;-webkit-transform:rotate(-135deg);transform:rotate(-135deg)}.fancybox-button--left:after,.fancybox-button--right:after{top:18px;width:6px;height:6px;background:transparent;border-top:2px solid currentColor;border-right:2px solid currentColor}.fancybox-button--right:after{right:20px;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.fancybox-button--left{border-bottom-left-radius:5px}.fancybox-button--right{border-bottom-right-radius:5px}.fancybox-button--close{float:right}.fancybox-button--close:after,.fancybox-button--close:before{content:"";display:inline-block;position:absolute;height:2px;width:16px;top:calc(50% - 1px);left:calc(50% - 8px)}.fancybox-button--close:before{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.fancybox-button--close:after{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.fancybox-loading{border:6px solid hsla(0,0%,39%,.4);border-top:6px solid hsla(0,0%,100%,.6);border-radius:100%;height:50px;width:50px;-webkit-animation:a .8s infinite linear;animation:a .8s infinite linear;background:transparent;position:absolute;top:50%;left:50%;margin-top:-25px;margin-left:-25px;z-index:99999}@-webkit-keyframes a{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes a{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@media (max-width:800px){.fancybox-controls{text-align:left}.fancybox-button--left,.fancybox-button--right,.fancybox-buttons button:not(.fancybox-button--close){display:none!important}.fancybox-caption{padding:20px 0;margin:0}}.fancybox-button--fullscreen:before{width:15px;height:11px;left:15px;top:16px;border:2px solid;background:none}.fancybox-button--play:before{top:16px;left:18px;width:0;height:0;border-top:6px inset transparent;border-bottom:6px inset transparent;border-left:10px solid;border-radius:1px;background:transparent}.fancybox-button--pause:before{top:16px;left:18px;width:7px;height:11px;border-style:solid;border-width:0 2px;background:transparent}.fancybox-button--thumbs span{font-size:23px}.fancybox-button--thumbs:before{top:20px;left:21px;width:3px;height:3px;box-shadow:0 -4px 0,-4px -4px 0,4px -4px 0,inset 0 0 0 32px,-4px 0 0,4px 0 0,0 4px 0,-4px 4px 0,4px 4px 0}.fancybox-container--thumbs .fancybox-caption-wrap,.fancybox-container--thumbs .fancybox-controls,.fancybox-container--thumbs .fancybox-slider-wrap{right:220px}.fancybox-thumbs{position:absolute;top:0;right:0;bottom:0;left:auto;width:220px;margin:0;padding:5px 5px 0 0;background:#fff;z-index:99993;word-break:normal;-webkit-overflow-scrolling:touch;-webkit-tap-highlight-color:transparent;box-sizing:border-box}.fancybox-thumbs>ul{list-style:none;position:absolute;position:relative;width:100%;height:100%;margin:0;padding:0;overflow-x:hidden;overflow-y:auto;font-size:0}.fancybox-thumbs>ul>li{float:left;overflow:hidden;max-width:50%;padding:0;margin:0;width:105px;height:75px;position:relative;cursor:pointer;outline:none;border:5px solid #fff;border-top-width:0;border-right-width:0;-webkit-tap-highlight-color:transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;box-sizing:border-box}li.fancybox-thumbs-loading{background:rgba(0,0,0,.1)}.fancybox-thumbs>ul>li>img{position:absolute;top:0;left:0;min-width:100%;min-height:100%;max-width:none;max-height:none;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-thumbs>ul>li:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:2px;border:4px solid #4ea7f9;z-index:99991;opacity:0;transition:all .2s cubic-bezier(.25,.46,.45,.94)}.fancybox-thumbs>ul>li.fancybox-thumbs-active:before{opacity:1}@media (max-width:800px){.fancybox-thumbs{display:none!important}.fancybox-container--thumbs .fancybox-caption-wrap,.fancybox-container--thumbs .fancybox-controls,.fancybox-container--thumbs .fancybox-slider-wrap{right:0}} /* End */ /* Start:/local/templates/main/css/prettyPhoto.css?174064413615733*/ /* ------------------------------------------------------------------------ This you can edit. ------------------------------------------------------------------------- */ div.light_rounded .pp_top .pp_left { background: url(/local/templates/main/css/../images/prettyPhoto/light_rounded/sprite.png) -88px -53px no-repeat; } /* Top left corner */ div.light_rounded .pp_top .pp_middle { background: #fff; } /* Top pattern/color */ div.light_rounded .pp_top .pp_right { background: url(/local/templates/main/css/../images/prettyPhoto/light_rounded/sprite.png) -110px -53px no-repeat; } /* Top right corner */ div.light_rounded .pp_content { background-color: #fff; } /* Content background */ div.light_rounded .pp_content a.pp_next:hover { background: url(/local/templates/main/css/../images/prettyPhoto/light_rounded/btnNext.png) center right no-repeat; cursor: pointer; } /* Next button */ div.light_rounded .pp_content a.pp_previous:hover { background: url(/local/templates/main/css/../images/prettyPhoto/light_rounded/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */ div.light_rounded .pp_content a.pp_expand { background: url(/local/templates/main/css/../images/prettyPhoto/light_rounded/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */ div.light_rounded .pp_content a.pp_expand:hover { background: url(/local/templates/main/css/../images/prettyPhoto/light_rounded/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */ div.light_rounded .pp_content a.pp_contract { background: url(/local/templates/main/css/../images/prettyPhoto/light_rounded/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */ div.light_rounded .pp_content a.pp_contract:hover { background: url(/local/templates/main/css/../images/prettyPhoto/light_rounded/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */ div.light_rounded .pp_content a.pp_close { width: 75px; height: 22px; background: url(/local/templates/main/css/../images/prettyPhoto/light_rounded/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */ div.light_rounded .pp_content .pp_details .pp_nav a.pp_arrow_previous { background: url(/local/templates/main/css/../images/prettyPhoto/light_rounded/sprite.png) 0 -71px no-repeat; } /* The previous arrow in the bottom nav */ div.light_rounded .pp_content .pp_details .pp_nav a.pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; } div.light_rounded .pp_content .pp_details .pp_nav a.pp_arrow_next { background: url(/local/templates/main/css/../images/prettyPhoto/light_rounded/sprite.png) -22px -71px no-repeat; } /* The next arrow in the bottom nav */ div.light_rounded .pp_content .pp_details .pp_nav a.pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; } div.light_rounded .pp_bottom .pp_left { background: url(/local/templates/main/css/../images/prettyPhoto/light_rounded/sprite.png) -88px -80px no-repeat; } /* Bottom left corner */ div.light_rounded .pp_bottom .pp_middle { background: #fff; } /* Bottom pattern/color */ div.light_rounded .pp_bottom .pp_right { background: url(/local/templates/main/css/../images/prettyPhoto/light_rounded/sprite.png) -110px -80px no-repeat; } /* Bottom right corner */ div.light_rounded .pp_loaderIcon { background: url(/local/templates/main/css/../images/prettyPhoto/light_rounded/loader.gif) center center no-repeat; } /* Loader icon */ /* ---------------------------------- Dark Rounded Theme ----------------------------------- */ div.dark_rounded .pp_top .pp_left { background: url(/local/templates/main/css/../images/prettyPhoto/dark_rounded/sprite.png) -88px -53px no-repeat; } /* Top left corner */ div.dark_rounded .pp_top .pp_middle { background: url(/local/templates/main/css/../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat; } /* Top pattern/color */ div.dark_rounded .pp_top .pp_right { background: url(/local/templates/main/css/../images/prettyPhoto/dark_rounded/sprite.png) -110px -53px no-repeat; } /* Top right corner */ div.dark_rounded .pp_content { background: url(/local/templates/main/css/../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat; } /* Content background */ div.dark_rounded .pp_content a.pp_next:hover { background: url(/local/templates/main/css/../images/prettyPhoto/dark_rounded/btnNext.png) center right no-repeat; cursor: pointer; } /* Next button */ div.dark_rounded .pp_content a.pp_previous:hover { background: url(/local/templates/main/css/../images/prettyPhoto/dark_rounded/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */ div.dark_rounded .pp_content a.pp_expand { background: url(/local/templates/main/css/../images/prettyPhoto/dark_rounded/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */ div.dark_rounded .pp_content a.pp_expand:hover { background: url(/local/templates/main/css/../images/prettyPhoto/dark_rounded/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */ div.dark_rounded .pp_content a.pp_contract { background: url(/local/templates/main/css/../images/prettyPhoto/dark_rounded/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */ div.dark_rounded .pp_content a.pp_contract:hover { background: url(/local/templates/main/css/../images/prettyPhoto/dark_rounded/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */ div.dark_rounded .pp_content a.pp_close { width: 75px; height: 22px; background: url(/local/templates/main/css/../images/prettyPhoto/dark_rounded/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */ div.dark_rounded .currentTextHolder { color: #c4c4c4; } div.dark_rounded p.pp_description { color: #fff; } div.dark_rounded .pp_content .pp_details .pp_nav a.pp_arrow_previous { background: url(/local/templates/main/css/../images/prettyPhoto/dark_rounded/sprite.png) 0 -71px no-repeat; } /* The previous arrow in the bottom nav */ div.dark_rounded .pp_content .pp_details .pp_nav a.pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; } div.dark_rounded .pp_content .pp_details .pp_nav a.pp_arrow_next { background: url(/local/templates/main/css/../images/prettyPhoto/dark_rounded/sprite.png) -22px -71px no-repeat; } /* The next arrow in the bottom nav */ div.dark_rounded .pp_content .pp_details .pp_nav a.pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; } div.dark_rounded .pp_bottom .pp_left { background: url(/local/templates/main/css/../images/prettyPhoto/dark_rounded/sprite.png) -88px -80px no-repeat; } /* Bottom left corner */ div.dark_rounded .pp_bottom .pp_middle { background: url(/local/templates/main/css/../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat; } /* Bottom pattern/color */ div.dark_rounded .pp_bottom .pp_right { background: url(/local/templates/main/css/../images/prettyPhoto/dark_rounded/sprite.png) -110px -80px no-repeat; } /* Bottom right corner */ div.dark_rounded .pp_loaderIcon { background: url(/local/templates/main/css/../images/prettyPhoto/dark_rounded/loader.gif) center center no-repeat; } /* Loader icon */ /* ---------------------------------- Dark Square Theme ----------------------------------- */ div.dark_square .pp_top .pp_left , div.dark_square .pp_top .pp_middle, div.dark_square .pp_top .pp_right, div.dark_square .pp_bottom .pp_left, div.dark_square .pp_bottom .pp_middle, div.dark_square .pp_bottom .pp_right, div.dark_square .pp_content { background: url(/local/templates/main/css/../images/prettyPhoto/dark_square/contentPattern.png) top left repeat; } div.dark_square .currentTextHolder { color: #c4c4c4; } div.dark_square p.pp_description { color: #fff; } div.dark_square .pp_loaderIcon { background: url(/local/templates/main/css/../images/prettyPhoto/dark_rounded/loader.gif) center center no-repeat; } /* Loader icon */ div.dark_square .pp_content a.pp_expand { background: url(/local/templates/main/css/../images/prettyPhoto/dark_square/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */ div.dark_square .pp_content a.pp_expand:hover { background: url(/local/templates/main/css/../images/prettyPhoto/dark_square/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */ div.dark_square .pp_content a.pp_contract { background: url(/local/templates/main/css/../images/prettyPhoto/dark_square/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */ div.dark_square .pp_content a.pp_contract:hover { background: url(/local/templates/main/css/../images/prettyPhoto/dark_square/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */ div.dark_square .pp_content a.pp_close { width: 75px; height: 22px; background: url(/local/templates/main/css/../images/prettyPhoto/dark_square/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */ div.dark_square .pp_content .pp_details .pp_nav a.pp_arrow_previous { background: url(/local/templates/main/css/../images/prettyPhoto/dark_square/sprite.png) 0 -71px no-repeat; } /* The previous arrow in the bottom nav */ div.dark_square .pp_content .pp_details .pp_nav a.pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; } div.dark_square .pp_content .pp_details .pp_nav a.pp_arrow_next { background: url(/local/templates/main/css/../images/prettyPhoto/dark_square/sprite.png) -22px -71px no-repeat; } /* The next arrow in the bottom nav */ div.dark_square .pp_content .pp_details .pp_nav a.pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; } div.dark_square .pp_content a.pp_next:hover { background: url(/local/templates/main/css/../images/prettyPhoto/dark_square/btnNext.png) center right no-repeat; cursor: pointer; } /* Next button */ div.dark_square .pp_content a.pp_previous:hover { background: url(/local/templates/main/css/../images/prettyPhoto/dark_square/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */ /* ---------------------------------- Light Square Theme ----------------------------------- */ div.light_square .pp_top .pp_left , div.light_square .pp_top .pp_middle, div.light_square .pp_top .pp_right, div.light_square .pp_bottom .pp_left, div.light_square .pp_bottom .pp_middle, div.light_square .pp_bottom .pp_right, div.light_square .pp_content { background: #fff; } div.light_square .pp_content a.pp_expand { background: url(/local/templates/main/css/../images/prettyPhoto/light_square/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */ div.light_square .pp_content a.pp_expand:hover { background: url(/local/templates/main/css/../images/prettyPhoto/light_square/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */ div.light_square .pp_content a.pp_contract { background: url(/local/templates/main/css/../images/prettyPhoto/light_square/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */ div.light_square .pp_content a.pp_contract:hover { background: url(/local/templates/main/css/../images/prettyPhoto/light_square/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */ div.light_square .pp_content a.pp_close { width: 75px; height: 22px; background: url(/local/templates/main/css/../images/prettyPhoto/light_square/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */ div.light_square .pp_content .pp_details .pp_nav a.pp_arrow_previous { background: url(/local/templates/main/css/../images/prettyPhoto/light_square/sprite.png) 0 -71px no-repeat; } /* The previous arrow in the bottom nav */ div.light_square .pp_content .pp_details .pp_nav a.pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; } div.light_square .pp_content .pp_details .pp_nav a.pp_arrow_next { background: url(/local/templates/main/css/../images/prettyPhoto/light_square/sprite.png) -22px -71px no-repeat; } /* The next arrow in the bottom nav */ div.light_square .pp_content .pp_details .pp_nav a.pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; } div.light_square .pp_content a.pp_next:hover { background: url(/local/templates/main/css/../images/prettyPhoto/light_square/btnNext.png) center right no-repeat; cursor: pointer; } /* Next button */ div.light_square .pp_content a.pp_previous:hover { background: url(/local/templates/main/css/../images/prettyPhoto/light_square/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */ /* ------------------------------------------------------------------------ DO NOT CHANGE ------------------------------------------------------------------------- */ div.pp_pic_holder a:focus { outline:none; } div.pp_overlay { background: #000; position: absolute; top: 0; left: 0; z-index: 9500; width: 100%; } div.pp_pic_holder { position: absolute; z-index: 10000; width: 100px; } div.pp_pic_holder .pp_top { position: relative; height: 20px; } * html div.pp_pic_holder .pp_top { padding: 0 20px; } div.pp_pic_holder .pp_top .pp_left { position: absolute; left: 0; width: 20px; height: 20px; } div.pp_pic_holder .pp_top .pp_middle { position: absolute; left: 20px; right: 20px; height: 20px; } * html div.pp_pic_holder .pp_top .pp_middle { position: static; left: 0; } div.pp_pic_holder .pp_top .pp_right { position: absolute; top: 0; left: auto; right: 0; width: 20px; height: 20px; } div.pp_pic_holder .pp_content { position: relative; text-align: left; width: 100%; height: 40px; } div.pp_pic_holder .pp_content .pp_details { display: none; margin: 10px 15px 2px 20px; } div.pp_pic_holder .pp_content .pp_details p.pp_description { display: none; float: left; margin: 0; } div.pp_pic_holder .pp_content .pp_details .pp_nav { float: left; margin: 3px 0 0 0; } div.pp_pic_holder .pp_content .pp_details .pp_nav p { float: left; margin: 2px 4px; } div.pp_pic_holder .pp_content .pp_details .pp_nav a.pp_arrow_previous, div.pp_pic_holder .pp_content .pp_details .pp_nav a.pp_arrow_next { float: left; display: block; width: 14px; height: 15px; overflow: hidden; text-indent: -10000px; margin-top: 3px; } div.pp_pic_holder .pp_content div.pp_hoverContainer { position: absolute; z-index: 2000; top: 0; left: 0; width: 100%; } div.pp_pic_holder .pp_content a.pp_next { display: block; float: right; text-indent: -10000px; width: 49%; height: 100%; background: url(/local/templates/main/css/../images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat; } div.pp_pic_holder .pp_content a.pp_previous { display: block; float: left; text-indent: -10000px; width: 49%; height: 100%; background: url(/local/templates/main/css/../images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat; } div.pp_pic_holder .pp_content a.pp_expand, div.pp_pic_holder .pp_content a.pp_contract { position: absolute; z-index: 20000; top: 10px; right: 30px; cursor: pointer; display: none; text-indent: -10000px; width: 20px; height: 20px; } div.pp_pic_holder .pp_content a.pp_close { float: right; display: block; text-indent: -10000px; } div.pp_pic_holder .pp_bottom { position: relative; height: 20px; } * html div.pp_pic_holder .pp_bottom { padding: 0 20px; } div.pp_pic_holder .pp_bottom .pp_left { position: absolute; left: 0; width: 20px; height: 20px; } div.pp_pic_holder .pp_bottom .pp_middle { position: absolute; left: 20px; right: 20px; height: 20px; } * html div.pp_pic_holder .pp_bottom .pp_middle { position: static; left: 0; } div.pp_pic_holder .pp_bottom .pp_right { position: absolute; top: 0; left: auto; right: 0; width: 20px; height: 20px; } div.pp_pic_holder .pp_loaderIcon { display: none; position: absolute; top: 50%; left: 50%; margin: -12px 0 0 -12px; width: 24px; height: 24px; } div.pp_pic_holder #pp_full_res { display: block; margin: 0 auto; width: 100%; text-align: center; } div.pp_pic_holder #pp_full_res object, div.pp_pic_holder #pp_full_res embed { visibility: hidden; } div.ppt { display: none; position: absolute; top: 0; left: 0; z-index: 9999; color: #fff; font-size: 17px; } /* ------------------------------------------------------------------------ Miscellaneous ------------------------------------------------------------------------- */ .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix {display: inline-block;} /* Hides from IE-mac \*/ * html .clearfix {height: 1%;} .clearfix {display: block;} /* End hide from IE-mac */ /* End */ /* Start:/local/templates/main/css/slick.css?17406441361729*/ /* Slider */ .slick-slider { position: relative; display: block; 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:/local/templates/main/css/simplebar.css?17406441363890*/ [data-simplebar] { position: relative; flex-direction: column; flex-wrap: wrap; justify-content: flex-start; align-content: flex-start; align-items: flex-start; } .simplebar-wrapper { overflow: hidden; width: inherit; height: inherit; max-width: inherit; max-height: inherit; } .simplebar-mask { direction: inherit; position: absolute; overflow: hidden; padding: 0; margin: 0; left: 0; top: 0; bottom: 0; right: 0; width: auto !important; height: auto !important; z-index: 0; } .simplebar-offset { direction: inherit !important; box-sizing: inherit !important; resize: none !important; position: absolute; top: 0; left: 0; bottom: 0; right: 0; padding: 0; margin: 0; -webkit-overflow-scrolling: touch; } .simplebar-content-wrapper { direction: inherit; box-sizing: border-box !important; position: relative; display: block; height: 100%; /* Required for horizontal native scrollbar to not appear if parent is taller than natural height */ width: auto; max-width: 100%; /* Not required for horizontal scroll to trigger */ max-height: 100%; /* Needed for vertical scroll to trigger */ scrollbar-width: none; -ms-overflow-style: none; } .simplebar-content-wrapper::-webkit-scrollbar, .simplebar-hide-scrollbar::-webkit-scrollbar { width: 0; height: 0; } .simplebar-content:before, .simplebar-content:after { content: ' '; display: table; } .simplebar-placeholder { max-height: 100%; max-width: 100%; width: 100%; pointer-events: none; } .simplebar-height-auto-observer-wrapper { box-sizing: inherit !important; height: 100%; width: 100%; max-width: 1px; position: relative; float: left; max-height: 1px; overflow: hidden; z-index: -1; padding: 0; margin: 0; pointer-events: none; flex-grow: inherit; flex-shrink: 0; flex-basis: 0; } .simplebar-height-auto-observer { box-sizing: inherit; display: block; opacity: 0; position: absolute; top: 0; left: 0; height: 1000%; width: 1000%; min-height: 1px; min-width: 1px; overflow: hidden; pointer-events: none; z-index: -1; } .simplebar-track { z-index: 1; position: absolute; right: 0; bottom: 0; pointer-events: none; overflow: hidden; } [data-simplebar].simplebar-dragging .simplebar-content { pointer-events: none; user-select: none; -webkit-user-select: none; } [data-simplebar].simplebar-dragging .simplebar-track { pointer-events: all; } .simplebar-scrollbar { position: absolute; left: 0; right: 0; min-height: 10px; } .simplebar-scrollbar:before { position: absolute; content: ''; background: black; border-radius: 7px; left: 2px; right: 2px; opacity: 0; transition: opacity 0.2s linear; } .simplebar-scrollbar.simplebar-visible:before { /* When hovered, remove all transitions from drag handle */ opacity: 0.5; transition: opacity 0s linear; } .simplebar-track.simplebar-vertical { top: 0; width: 11px; } .simplebar-track.simplebar-vertical .simplebar-scrollbar:before { top: 2px; bottom: 2px; } .simplebar-track.simplebar-horizontal { left: 0; height: 11px; } .simplebar-track.simplebar-horizontal .simplebar-scrollbar:before { height: 100%; left: 2px; right: 2px; } .simplebar-track.simplebar-horizontal .simplebar-scrollbar { right: auto; left: 0; top: 2px; height: 7px; min-height: 0; min-width: 10px; width: auto; } /* Rtl support */ [data-simplebar-direction='rtl'] .simplebar-track.simplebar-vertical { right: auto; left: 0; } .hs-dummy-scrollbar-size { direction: rtl; position: fixed; opacity: 0; visibility: hidden; height: 500px; width: 500px; overflow-y: hidden; overflow-x: scroll; } .simplebar-hide-scrollbar { position: fixed; left: 0; visibility: hidden; overflow-y: scroll; scrollbar-width: none; -ms-overflow-style: none; } /* End */ /* Start:/local/templates/main/css/media.css?174064413636392*/ .btn-basket, .open-menu, .bg-nav, .closed-menu{ display: none; } .product-slider{ background: #f7f7f7; padding: 15px 28px 30px; } .product-slider .slick-slide{ padding: 0 1px; } .product-slider .slick-prev, .product-slider .slick-next{ position: absolute; z-index: 3; top: 40px; left: 0; border: none; overflow: hidden; text-indent: -9999px; width: 23px; height: 46px; background: url(/local/templates/main/i/products-arrows.png) no-repeat 0 0; cursor: pointer; } .product-slider .slick-next{ left: auto; right: 0; background: url(/local/templates/main/i/products-arrows.png) no-repeat 0 -46px; } .product-slider .slick-prev.slick-disabled, .product-slider .slick-next.slick-disabled{ z-index: -3; opacity: 0; } .product-slider .holder-slider{ text-align: center; } .product-slider .block-img{ display: block; font: 12px Arial; line-height: 14px; padding: 0 3px; } .product-slider .block-img span{ display: block; min-height: 3.5rem; } .product-slider .holder-img{ max-width: 61px; margin: 0 auto 10px; } .product-slider img{ display: block; max-width: 100%; } .product-slider .price { color: #fff; background: #565656; font: italic 14px Arial; text-align: center; padding: 6px 0; margin: 5px 0; } .product-slider .price span { font: italic bold 24px/30px Arial; } .product-slider .reserveLink { margin: 4px 0 0 2px; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); } .product-slider a.button{ margin: 0 2px 0 0; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); } .catalog-item-image{ min-width: 80px; } @media screen and (max-width: 1280px){ .calc { float: left; margin-top: 30px; margin-left: 255px; } } @media screen and (max-width: 1135px){ body{ min-width: 320px; } .wrapper{ min-width: 100%!important; } img{ display: block; max-width: 100%; } .header{ height: auto!important; background: none!important; } .header .headerMiddle{ position: static; padding: 30px 0 0; } .header .headerMiddle:before { display: none; } .header .topMenu{ left: 0; padding: 0 10px; } .topMenu ul{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .header .logo { left: 10px; top: 30px; width: 130px; text-align: center; } .header .logo > div{ text-align: center; margin-top: 0; } .header .topMenu ul li { margin: 0 5px; } .header .goroda{ min-height: 100px; height: auto; position: static; padding: 10px 10px 10px 162px; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-sizing: border-box; box-sizing: border-box; } .header .goroda > div{ display: block; padding: 0 5px 0; } .fLogo { width: 155px!important; } .footerIn { margin: 0 0 0 165px!important; } .footer-mail a { font-size: 14px!important; } .fContacts .phone_alloka { font-size: 14px!important; margin-top: 5px!important; } .haveLightBox{ display: inline-block!important; vertical-align: top!important; } .istoriya-item .name { font-size: 20px; margin-bottom: 1px; } .istoriya-item .text { font-size: 14px; line-height: 20px; } .istoriya-item{ -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .catalog{ margin: 0 -1%; } .catalog .catalog-item{ width: 23%; margin: 0 1% 20px; -webkit-box-sizing: border-box; box-sizing: border-box; } .o_komp{ width: 100%!important; max-width: 700px; } .bx-yandex-map, .map{ width: 100%!important; } #lightbox-container-image-box{ width: auto!important; height: auto!important; } #lightbox-container-image-data-box{ width: auto!important; position: relative; z-index: 99; } } @media screen and (max-width: 1040px){ .pr-products{ overflow-x: auto; } .pr-products .products{ width: 100%!important; } .preview .info{ margin: 0!important; background: none!important; } .preview .rightCol, .preview .leftCol{ float: none!important; width: auto!important; } .sert1 dd { margin: 8px 0 0 100px!important; } .calc { text-align: center; margin-top: 30px; float: none; margin-left: 0; } } @media screen and (max-width: 970px){ .content .leftMenu a { padding: 5px 5px 7px!important; font-size: 15px!important; } .catalog{ margin: 0 -1.5%; } .catalog .catalog-item { width: 30.3%; margin: 0 1.5% 20px; } .personalData{ margin: 0 0 10px 20%!important; } } @media screen and (max-width: 950px){ .col-promo{ display: none!important; } .outro .caption { font: 16px Arial!important; margin: 0 10px 4px!important; } .outro ul { margin: 0 10px!important; } .outro td:last-child a{ font: 16px Arial!important; } .fContacts { max-width: 150px; } .fContacts br{ display: none; } .dev{ margin-left: 0!important; } .pr-object{ overflow: hidden!important; } object{ overflow: hidden!important; width: 100%!important; height: 360px!important; margin: 0 auto; } } @media screen and (max-width: 880px){ .istoriya-item{ display: block; } .istoriya-item.right .info { padding-left: 0; } .istoriya-item .text{ margin: 0 0 10px; } .catalog{ margin: 0 -2%; } .catalog .catalog-item { width: 46%; margin: 0 2% 20px; } .feedback{ width: 100%!important; -webkit-box-sizing: border-box; box-sizing: border-box; } .feedback input[type="text"], .feedback input[type="password"], .feedback textarea{ width: 100%!important; -webkit-box-sizing: border-box; box-sizing: border-box; } .feedback .code { width: 100%!important; max-width: 350px!important; } .feedback .code .g-recaptcha{ width: 100%; overflow-x: auto; } .personalData{ margin: 0 0 10px 5%!important; } } @media screen and (max-width: 790px){ .fLogo{ float: none!important; width: 100%!important; padding: 8px 0!important; } .footerIn{ margin: 0 0 0!important; } .fLogo a{ display: inline-block; } } .resolutions767{ display: none; } @media screen and (max-width: 767px){ .resolutions767{ display: block; } .open-menu{ position: absolute; z-index: 99; left: 10px; top: 4px; display: block; background: url("/local/templates/main/images/bg-31.png") no-repeat; background-size:cover ; width: 24px; height: 17px } .introWrapper.open { top: 0; left: 0; opacity: 1; } .introWrapper { position: fixed; overflow-y: auto; top: 0; height: 100%!important; left: -9999px; opacity: 0; padding: 38px 10px 20px; width: 320px; background: #333333; z-index: 250; display: block; -webkit-transition: all 0s ease .2s, left .5s ease, opacity .2s ease; transition: all 0s ease .2s, left .5s ease, opacity .2s ease; -webkit-box-sizing: border-box; box-sizing: border-box; } .bg-nav { display: block; top: -9999px; left: -9999px; right: 9999px; bottom: 9999px; position: fixed; opacity: .5; background: #000; -webkit-transition: left .5s ease; transition: left .5s ease; } .introWrapper.open .bg-nav { left: 320px; right: 0; top: 0; bottom: 0; } .closed-menu { display: block; position: absolute; right: 10px; top: 10px; background-size: cover; width: 22px; height: 22px; overflow: hidden; text-indent: -9999px; } .closed-menu:before { content: ''; position: absolute; left: 50%; top: 0; bottom: 0; width: 2px; background: #fff; transform: rotate(-45deg) rotateY(0deg); -webkit-transform: rotate(-45deg) rotateY(0deg); -moz-transform: rotate(-45deg) rotateY(0deg); -o-transform: rotate(-45deg) rotateY(0deg); -ms-transform: rotate(-45deg) rotateY(0deg); } .closed-menu:after { content: ''; position: absolute; left: 50%; top: 0; bottom: 0; width: 2px; background: #fff; transform: rotate(45deg) rotateY(0deg); -webkit-transform: rotate(45deg) rotateY(0deg); -moz-transform: rotate(45deg) rotateY(0deg); -o-transform: rotate(45deg) rotateY(0deg); -ms-transform: rotate(45deg) rotateY(0deg); } .mobile-none{ display: none; } .introWrapper .intro{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } .intro.fixed{ position: static!important; -webkit-box-shadow: none!important; box-shadow: none!important; } .introWrapper .cart{ background: none; padding-left: 0; padding-top: 10px; } .introWrapper .search input[type="submit"]{ top: 0; right: 4px; } .content .leftMenu{ display: block!important; } .content .leftMenu li{ display: block!important; } .content .leftMenu a { padding: 5px 5px 8px!important; font-size: 14px!important; line-height: 1 !important; } .content .leftMenu li.current a:after{ display: none!important; } .content .topMenu{ position: static; } .content .topMenu ul{ display: block; list-style:none; list-style-image: none; margin:0; padding: 20px 0 15px; } .content .topMenu ul li{ display: block; margin: 0 0 5px; padding: 0; list-style: none; list-style: none outside; background: none; } .introWrapper .col-1{ padding: 0 0 4px; text-align: center; } .introWrapper .col-2{ text-align: center; } .introWrapper .gorod{ color: #ffffff; } .introWrapper .gorod:before{ background: url("/local/templates/main/images/location_icon2.png") 50% 50% no-repeat; } .introWrapper .top-adress{ color: #ffffff; } .top-email u { background: none!important; } .container{ padding: 0 10px!important; } .leftsideWrapper{ height: auto!important; float: none!important; /*height: auto!important;*/ margin-top: 0!important; width: 100%!important; } .leftside{ width: 100%!important; float: none!important; margin: 0!important; } .catNav{ font-size: 18px; line-height: 1; } .content.wide { padding: 0!important; margin: 0 0 0 0!important; overflow: visible!important; } .leftside.fixed{ position: static!important; } .outro tr { grid-template-columns: 1fr 1fr!important; } .outro td{ /* width: 50%!important; */ display: inline-block; margin: 0 0 15px; } .outro td:nth-child(odd){ background: none; } .catalog{ margin: 0 -1.5%; } .catalog .catalog-item { width: 30.3%; margin: 0 1.5% 20px; } .callback-link{ text-align: right; } .callback-link a{ display: inline-block; } .holder-btn-basket{ display: block; padding: 5px 0 0; text-align: left; } .holder-btn-basket .btn-basket{ display: inline-block; padding: 0 0 0 30px!important; color: #ff010b!important; border: none!important; -webkit-box-shadow: none!important; box-shadow: none!important; background: transparent url(/local/templates/main/images/bg-basket.png) no-repeat 0 50%!important; text-transform: inherit!important; min-height: 25px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; flex-wrap: wrap; width: 130px; } .holder-btn-basket .btn-basket span{ display: block; } .outro ul li{ font-size: 16px; line-height: 1; } .bx_filter .bx_filter_input_checkbox .bx_filter_param_text { display: block; line-height: 18px; font-size: 18px; } .faq_button { float: none; margin-bottom: 20px; display: inline-block; } .faq_desc { margin-left: 0; } .faq_ask .inputs_block { float: none; } .faq_ask .inputs_block input[type="text"] { width: 100% !important; } .faq_ask .afbf_item_pole.text-area { float: none; width: 100%; } .faq_ask .afbf_submit_block { float: none; text-align: left !important; } } @media screen and (max-width: 680px){ .pr-cartTable{ overflow-x: auto; } .cartTable{ min-width: 658px; } } @media screen and (max-width: 620px){ .dev, .fContacts, .copy{ margin: 0 0 20px; width: 50%!important; max-width: 100%!important; -webkit-box-sizing: border-box; box-sizing: border-box; } .dev{ background-position: 100% -9px!important; } .footerIn > div:nth-child(even){ text-align: right; padding: 0!important; } .catalog{ margin: 0 -2%; } .catalog .catalog-item { width: 46%; margin: 0 2% 20px; } .subscription-layout tr{ display: block; } .subscription-layout tr td{ display: block; width: 100%!important; padding: 0 0 10px!important; text-align: left!important; } .subscription-layout div.subscription-format{ display: block; float: none; margin: 0 0 10px; } .subscription-layout div.subscription-notes { margin: 0 0 1.5em; } .subscription-utility .subscription-textbox{ margin: 0 0 10px!important; } } @media screen and (max-width: 530px){ .pr-colorsTable{ overflow-x: auto; } .pr-colorsTable table{ width: 100%; min-width: 520px; } } @media screen and (max-width: 500px){ .header .goroda{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .goroda .col-3{ display: none!important; } .outro tr { grid-template-columns: 1fr!important; } .outro td{ width: 100%!important; display: block; margin: 0 0 15px; } .outro td{ background: none!important; } object{ width: 100%!important; height: 300px!important; } .preview .photo{ float: none!important; margin: 0 auto 10px; } .preview .photo{ width: 100%!important; } .preview .photo img{ max-width: 100%; display: block; margin: 0 auto; } } @media screen and (max-width: 450px){ .chars th{ display: block; } .chars td{ display: block; border-top: none!important; margin: 0px 0 -1px 0; } ul.pTabs li{ float: none!important; margin: 0!important; } .personalData{ margin: 0 0 10px 0!important; } .popup-modal{ left: 5px!important; right: 5px!important; top: 0!important; margin-left: 0!important; width: auto!important; } .preview .cheaper{ width: auto!important; } } @media screen and (max-width: 400px){ .dev, .fContacts, .copy{ width: 100%!important; text-align: center!important; } .dev a{ padding: 17px 0 5px!important; } .dev{ background-position: 50% -9px!important; } .content textarea, .content input[type="text"], .content input[type="password"] { width: 186px!important; } .g-recaptcha{ width: 209px; margin: 0 0 0 -41px; -webkit-transform: scale(0.6); transform: scale(0.6); } .catalog{ margin: 0 0; } .catalog .catalog-item { width: 100%; margin: 0 0 20px; } object{ height: 230px!important; } .o_komp img{ margin-right: 10px!important; margin-bottom: 10px!important; } .catalog .catalog-item .image{ height: auto; } .catalog .catalog-item .image img{ position: static; width: 120px; } .product-slider .holder-img img, .product-slider .holder-img{ max-width: 100%; width: 120px; display: block; margin: 0 auto; } } .production-wrapper { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; justify-content: space-between; } .production-wrapper__image { width: 50%; padding: 0 15px; height: 100%; } @media (max-width: 767.98px) { .production-wrapper { -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap; } .production-wrapper__image { width: 100%; } } .production-header { background-color: #52bbfd; padding: 15px 20px; } .production-footer { background-color: #40465d; padding: 15px 20px; color: #fff; } .production-content { 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; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 30px; border-bottom: 2px solid #c3c3c3; padding-bottom: 30px; font-size: 16px; } .content .production-content p { font-size: 16px; } .production-content h1, .production-content h2 { width: 100%; } .content .production-content h2 { margin-bottom: 30px; } .production-image { background-position: center; background-repeat: no-repeat; background-size: cover; width: 48%; } .production-text { width: 48%; height: 100%; } @media (max-width: 767.98px) { .production-text { width: 100%; } .production-image { width: 100%; height: 300px; } } .production-tools { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; justify-content: space-between; } .production-tools__text { padding-left: 30px; } .production-tools__item { width: 48%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-bottom: 30px; padding-bottom: 10px; transition: .3s ease-in-out; } @media (max-width: 575.98px) { .production-tools__item { width: 100%; } .production-tools__item:last-child { margin-bottom: 0; } } .production-tools__item img { height: 48px; width: 48px; transition: .3s ease-in-out; } .production-tools__item:hover img { transform: scale(1.5); } .production-card__item { width: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-bottom: 30px; } .production-card__item:last-child { margin-bottom: 0; } .production-card__text { width: 60%; } .production-card-header { background-color: #40465d; padding: 15px; color: #fff; } .production-card-footer { padding: 15px 20px; } .production-card__image { height: auto; background-position: center; background-repeat: no-repeat; background-size: cover; width: 40%; position: relative; } .production-card__image__overlay { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 5; transition: .3s ease-in-out; } .production-card__image__overlay:hover { background-color: #0000004f; } .topMenu ul { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: space-between; } @media (max-width: 992px) { .production-card__text { width: 50%; } .production-card__image { width: 50%; } } @media (max-width: 767.98px) { .production-card__item { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } } @media (max-width: 767.98px) { .production-card__text { width: 100%; } } @media (max-width: 767.98px) { .production-card__image { width: 100%; height: 250px; } } .catalog-back { font-size: 24px; margin-bottom: 20px; } .content.wide .btn { background: rgb(82, 187, 253); color: #fff; border-bottom: 1px solid rgb(65, 151, 206); text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0px 2px 2px -1px rgba(0, 0, 0, 0.3); box-shadow: 0px 2px 2px -1px rgba(0, 0, 0, 0.3); -webkit-transition: all 0.3s; transition: all 0.3s; padding: 10px 25px; text-decoration: none; display: inline-block; border-radius: 5px; margin-bottom: 30px; } .content.wide .btn:hover { background: rgb(57, 49, 133); border-bottom: 1px solid rgb(47, 40, 111); } @media screen and (min-width: 1130px) { .contact--padding { padding-top: 5px; } } .header .topMenu ul li { margin: 0; } .goroda__items { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; margin-top: 10px; flex-wrap: wrap; } .goroda__item { margin-right: 8px; margin-top: 5px; } .goroda__item a { border-radius: 6px; border: 1px solid #ddd; padding: 8px 12px; display: block; text-decoration: none; transition: .15s ease-in-out; } .goroda__item a:hover { background-color: #45a2e6; color: #fff; } .goroda-block .regions { padding-right: 17px!important; } .goroda-block .select-lists .block-title { padding: 5px 0!important; } .goroda-block .select-lists .regions li { margin: 0 -17px!important; padding: 10px 20px!important; position: relative; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -ms-align-items: center; align-items: center; } .goroda-block .select-lists ul li.is-active, .goroda-block .select-lists ul li:hover { background-color: #ddd!important; } .goroda-block .select-lists .regions li.is-active:after, .goroda-block .select-lists .regions li:hover:after { content: ''; display: block; width: 10px; height: 10px; position: absolute; right: 10px; -webkit-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; border: solid #45a2e6; border-width: 0 2px 2px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(-45deg); } .goroda-block .select-lists .cities li { padding: 6px 20px !important; margin: 0 -17px!important; position: relative; } .product-slider{ margin-top:0px; } .product-slider img { width: 70px; } .product-slider .slick-slide { margin: 0 10px; } .product-slider .slick-list { margin: 0 -13px; } .product-slider .price{ margin:0px; padding-bottom: 9px; } .product-slider .meta{ background: #565656; padding-bottom: 11px; margin-top: -1px; } .product-slider .slick-slide{ background: #f7f7f7; padding-top: 10px; } .product-slider { background:none; } .product-slider .slick-prev, .product-slider .slick-next{ top: 32%; } .product-slider .reserveLink { padding: 3px 8px; margin-left: 21px; border: 1px solid #6EB6EA; } .product-slider .reserveLink:hover { border: 1px solid #6EB6EA; } .product-slider .slick-next{ background:url(/local/templates/main/i/slidernext.png); } .product-slider .slick-prev{ background:url(/local/templates/main/i/sliderprev.png); } .product-slider .slick-prev, .product-slider .slick-next { height: 70px; } .product-slider a.button { padding: 5px 10px; } .product-slider { padding: 15px 27px 0px; } .promotion-slider .promotion-slider-item .promotion-slider-text{ padding-top: 80px; font-style: normal; font-weight: 300; font-size: 50px; color:#000000; text-align:center; } .promotion-slider .promotion-slider-item { height: 337px; display: block; background-size: cover!important; background-position: center!important; background-repeat: no-repeat !important; } @media(max-width: 1199px){ .promotion-slider .promotion-slider-item { height: 250px; display:block; } } @media(max-width:640px){ .promotion-slider .promotion-slider-item { height: 200px; display:block; } } .promotion-slider{ margin-bottom: 20px; } .promotion-slider .slick-dots{ display: flex; position: absolute; bottom: 10px; left: 0; right: 0; margin: auto; justify-content: center; } .promotion-slider .slick-dots li{ width: 20px; position: relative; height: 20px; padding: 0; background: none; margin: 0 2px; } .promotion-slider .slick-dots li::before{ content:''; position: absolute; width: 7px; height: 7px; background: #FFFFFF; border-radius: 100%; left: 0; right: 0; top: 0; bottom: 0; margin: auto; } .promotion-slider .slick-dots li.slick-active::before{ background: #f7f7f7; } .promotion-slider .slick-dots button{ position: absolute; opacity: 0; position: absolute; width: 100%; height: 100%; } .promotion-slider .slick-prev, .promotion-slider .slick-next{ position: absolute; z-index: 3; top: 40px; left: 0; border: none; overflow: hidden; text-indent: -9999px; width: 23px; height: 46px; background: url(/local/templates/main/i/products-arrows.png) no-repeat 0 0; cursor: pointer; } .promotion-slider .slick-prev, .promotion-slider .slick-next{ height: 70px; } .promotion-slider .slick-prev, .promotion-slider .slick-next{ top: 34%; } .promotion-slider .slick-next { left: auto; right: 0; background: url(/local/templates/main/i/slidernext.png); } .promotion-slider .slick-prev{ background: url(/local/templates/main/i/sliderprev.png); } .promotion-slider .slick-prev.slick-disabled, .promotion-slider .slick-next.slick-disabled{ z-index: -3; opacity: 0; } .product-links{ display: flex; margin-bottom: 25px; margin-left: 40px; flex-wrap: wrap; } .product-links .product-col-left{ flex: 0 0 42%; width: 42%; } @media(max-width:992px){ .product-links .product-col-left{ flex: 0 0 100%; width: 100%; } } .product-links .product-link a{ color:#565656; text-decoration-line: underline; font-weight: 600; font-size: 12px; line-height: 14px; } .product-links .round_img{ background: #40465D; width: 34px; height: 34px; border-radius: 50%; margin-right: 15px; display: flex; justify-content: center; align-items: center; } .product-links .product-link{ margin-bottom: 5px; } .product-links .product-link{ display: flex; align-items: center; } .catPalLink{ font-size: 15px !important; background:none !important; padding:0 !important; height: 35px !important; } .catPalLink span{ font-size: 11px !important; margin-left: -10px; } .menu-catalog-colour{ display: flex; align-items: center; } .menu-catalog-colour .menu-catalog-img .catPalLink{ } /* Блок с отзывами */ .reviews_block .star { position: relative; display: inline-block; width: 0; height: 0; margin-left: 0.9em; margin-right: 0.9em; margin-bottom: 1.2em; border-right: 0.3em solid transparent; border-bottom: 0.7em solid #fc0; border-left: 0.3em solid transparent; /* Controlls the size of the stars. */ font-size: 24px; } .reviews_block .star:before, .reviews_block .star:after { content: ""; display: block; width: 0; height: 0; position: absolute; top: 0.6em; left: -1em; border-right: 1em solid transparent; border-bottom: 0.7em solid #fc0; border-left: 1em solid transparent; transform: rotate(-35deg); } .reviews_block .star:after { transform: rotate(35deg); } .reviews_block i.color { width: 30px; height: 30px; display: inline-block; border-radius: 50%; border: 1px solid #ddd; } .reviews_block i.color.seryj { background-color: #747474; } .reviews_block i.color.krasno_korichnevyj { background-color: #73000F; } .reviews_block i.color.zelenyj { background-color: #008000; } .reviews_block i.color.chernyj { background-color: #000; } .reviews_block i.color.sinij { background-color: #0000ff; } .reviews_block i.color.goluboj { background-color: #add8e6; } .reviews_block i.color.oranzhevyj { background-color: #ffa500; } .reviews_block i.color.bezhevyi { background-color: #f5f5dc; } .reviews_block i.color.zashhitnyj { background-color: #747474; } .reviews_block i.color.salatovyj { background-color: #99ff99; } .reviews_block i.color.svetlo_seryj { background-color: #d3d3d3; } .reviews_block i.color.krasnyj { background-color: #f00; } .reviews_block i.color.korichnevyj { background-color: #a52a2a; } .reviews_block i.color.zheltyj { background-color: #ffff00; } .reviews_block i.color.belyj { background-color: #fff; } .reviews_block i.color.serebristo_seryj { background-color: #c0c0c0; } .reviews_block i.color.zolotisto_zheltyj { background-color: #ffd700; } .reviews_block i.color.svetlo_dymchatyj { background-color: #f5f5f5; } .reviews_block i.color.pesochnyj { background-color: #E8CA7E; } .reviews_block i.color.svetlo_goluboj { background-color: #add8e6; } .reviews_block i.color.sero_goluboj { background-color: #77a1b5; } .reviews_block i.color.fistashkovyj { background-color: #7fff00; } .reviews_block i.color.morskaja-volna { background-color: #00ffff; } .reviews_block i.color.yarko-zelenyj { background-color: #00BB2D; } .reviews_block i.color.bescvetnyj { background-color: #fff0; } .reviews_block .reviews_name{ color:#565656; font-weight: 500; line-height: 19px; font: 16px 'Roboto Medium'; margin-bottom: 9px; } .reviews_block .reviews_value{ color: #565656; line-height: 16px; font: 14px 'Roboto Medium'; font-weight: normal; align-items: center; display: flex; margin-bottom: 15px; } .reviews_block .star{ font-size: 10px; } .reviews_block .raiting{ margin-left: 10px; display: flex; } .reviews_block .reviews_color{ color: #565656; line-height: 16px; font: 14px 'Roboto Medium'; font-weight: normal; align-items: center; display: flex; } .reviews_block .reviews_color .color{ margin-left: 26px; } .reviews_block .reviews_text{ font-weight: normal; line-height: 13px; color: #565656; font-size: 12px; padding-top: 15px; padding-left: 9px; padding-right: 9px; } .reviews_block .reviews_block__item{ background: #E5E5E5; padding-top: 8px; padding-left: 9px; padding-right: 25px; padding-bottom: 17px; margin-bottom: 28px; box-sizing: border-box; } .rating-container{ overflow: hidden; width: 210px; margin-left: 20px; margin-top: 17px; } .rating-container:not(:checked) > input { display: none; } .rating-container:not(:checked) > label { float: right; width: 42px; padding: 0; cursor: pointer; font-size: 32px; line-height: 32px; color: lightgrey; text-shadow: 1px 1px #bbb; } .rating-container:not(:checked) > label:before { content: '★'; } .rating-container > input:checked ~ label { color: gold; text-shadow: 1px 1px #c60; } .rating-container:not(:checked) > label:hover, .rating-container:not(:checked) > label:hover ~ label { color: gold; } .rating-container > input:checked + label:hover, .rating-container > input:checked + label:hover ~ label, .rating-container > input:checked ~ label:hover, .rating-container > input:checked ~ label:hover ~ label, .rating-container > label:hover ~ input:checked ~ label { color: gold; text-shadow: 1px 1px goldenrod; } .rating-container > label:active { position: relative; } .form-control-raiting{ display: flex; align-items:center; justify-content: flex-start; } .form-control-raiting label{ font-size: 16px; } .collapse-active { display: none; } .collapse-active.show { display: block; } .collapsing-active { position: relative; height: 0; overflow: hidden; transition: height 0.35s ease; } .r-review__body .form-control label{ margin-bottom: 5px; } .add_review_wrap > .button.btn{ background: #6EB6EA; border: 1px solid #6EB6EA; box-sizing: border-box; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); border-radius: 10px; font-size: 18px; line-height: 21px; display: flex; align-items: center; text-align: center; height: 38px; color: #FFFFFF; margin: 0 auto 30px; } .r-review__footer .r-review__submit{ background-color: #52bbfd; border-radius: 4px; padding: 13px 36px; font-size: 14px; line-height: 1.4; color: #fff; height: auto; transition: 0.3s ease-in-out; margin: 10px 0 30px; display: block; box-sizing: border-box; } .r-review__footer .r-review__submit:hover { background-color: rgb(57, 49, 133); } .r-review__row { display: flex; flex-wrap: wrap; align-items: center; margin-bottom: 13px; } .content .r-review__body .r-review__input { font: 14px Arial; } .r-review__body .form-control label{ display: block; } .reviews_block_full{ margin: 45px 0 5rem; } .reviews_block_full .reviews_block{ display: flex; flex-wrap: wrap; margin: 0 -15px; } .reviews_block_full .reviews_block .reviews_text{ padding-left: 0; padding-top: 25px; } .reviews_block_full .reviews_block .reviews_product{ font-size: 14px; } .reviews_block_full .reviews_block .reviews_product a{ font-size: 12px; } .reviews_block_full .reviews_block__item{ max-width: 50%; flex: 0 0 calc(50% - 30px); margin: 0 15px 30px; box-sizing: border-box; } @media(max-width:1199px){ .reviews_block_full .reviews_block__item{ max-width: 100%; flex: 0 0 calc(100% - 30px); margin-bottom: 30px; } } .fancybox-placeholder{ right: 0; bottom: 0; transform: none!important; margin: auto; height: auto!important; min-height: 700px; min-width:700px; } @media(max-width:991px){ .fancybox-placeholder{ min-height: 70%; min-width:70%; } } .fancybox-image { object-fit: contain; } /* End */ /* Start:/local/templates/main/css/custom.css?179085297397613*/ /* Color palette */ @font-face { font-family: 'Texturina-Medium'; src: url('/local/templates/main/css/../fonts/Texturina-Medium.woff') format('woff'), url('/local/templates/main/css/../fonts/Texturina-Medium.woff2') format('woff2'); font-style: normal; font-weight: normal; } .logo img, .fLogo img { max-width: 175px; width: 100%; } .tabs-block { margin: 20px 0; } .tabs-block__header { background-color: #e5e5e5; width: 100%; display: flex; align-items: center; margin-bottom: 8px; border-radius: 10px; overflow: hidden; } .tabs-block__btn { color: #45a2e6; font-family: 'Roboto', sans-serif; font-weight: 500; font-size: 24px; line-height: 24px; text-transform: uppercase; padding: 11px 35px 11px 30px; border-radius: 0px 30px 0px 0px; height: auto; } .tabs-block__btn--active { background-color: #f7f7f7; } .tabs-block__tab { display: none; } .tabs-block__tab--active { display: block; } .tabs-block-slider { } .tabs-block-slider .slick-arrow { position: absolute; background-repeat: no-repeat; background-size: contain; top: 42%; font-size: 0; z-index: 3; } .tabs-block-slider .slick-next { right: -28px; height: 70px; width: 23px; background-image: url(/local/templates/main/i/slidernext.png); } .tabs-block-slider .slick-prev { left: -28px; height: 70px; width: 23px; background-image: url(/local/templates/main/i/sliderprev.png); } .content.wide { overflow: visible; } .tabs-block-slider .slick-list { margin: 0 -14px; } .tabs-block-slider__item { margin: 0 14px; } .tabs-block-slider__wrapper { background: #ffffff; border-radius: 8px; overflow: hidden; } .tabs-block-slider__img-box { padding-bottom: 64%; position: relative; } .tabs-block-slider__img-box img { width: 100%; height: 100%; object-fit: cover; object-position: center; position: absolute; } .tabs-block-slider__content { border-right: 1px solid rgba(206, 209, 213, 0.4); border-bottom: 1px solid rgba(206, 209, 213, 0.4); border-left: 1px solid rgba(206, 209, 213, 0.4); border-radius: 0 0 8px 8px; padding: 10px; min-height: 96px; } .tabs-block-slider__data { font-family: 'Roboto', sans-serif; font-size: 16px; font-weight: 500; color: #303030; text-align: right; line-height: 24px; margin-bottom: 4px !important; } .tabs-block-slider__text { font-family: 'Roboto', sans-serif; font-weight: 600; font-size: 18px; line-height: 24px; color: #303030; margin: 0 !important; } .tabs-block__footer { display: flex; flex-direction: column; margin-top: 16px; } .tabs-block__link-to-all { position: relative; color: #6eb6ea; font-weight: 400; font-family: 'Roboto', sans-serif; font-size: 20px; line-height: 24px; border-radius: 20px; border: 1px solid #6eb6ea; align-self: flex-end; padding: 11px 44px 11px 11px; background-color: #fff; } .tabs-block__link-to-all:after { content: ''; position: absolute; top: 50%; right: 7px; transform: translateY(-50%); width: 30px; height: 30px; background-image: url(/local/templates/main/css/../images/arrow-link.png); background-repeat: no-repeat; background-size: contain; transition: right 0.1s; } .tabs-block__link-to-all:hover:after { right: 5px; } .footerIn .footer_certificate { position: relative; padding-left: 30px; } .footerIn .footer_certificate:before { content: ''; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 24px; height: 24px; background-image: url(/local/templates/main/css/../images/pdf.svg); background-repeat: no-repeat; background-size: contain; } .suitable_block .suitable_item { background-color: transparent !important; } .news-detail.new .suitable_block .product-slider { margin: 0 -12px 25px !important; padding: 15px 0px 0px; } html { scroll-behavior: smooth; } .suitable_items .slick-slide { background: transparent; } .suitable_block, .articles_block { margin-top: 20px; } .news-detail.new * { font-family: 'Roboto', sans-serif !important; } .news-detail.new .news-detail-content > b { margin: 10px 0; display: inline-block; } .news-detail.new .news-detail-content > h3 { margin-top: 10px; } .news-detail.new .news-detail-content > ol { margin-bottom: 20px; } .news-detail-content__social-wrapper { position: relative; } .social-box__ico-share { display: none; } .social-box { position: absolute; left: -72px; top: 22px; display: flex; flex-direction: column; max-width: 72px; width: 100%; } .social-box:before { content: ''; width: 1px; height: 99px; background-color: #b3b3b3; position: absolute; top: 34px; left: 28px; } .social-box__text { font-size: 10px !important; text-align: center; margin-bottom: 136px !important; } .social-box__link { padding-right: 14px; margin-bottom: 4px; } .articles_block__discription { font-size: 16px; color: #606060; padding: 0 15px; margin-bottom: 20px; } .blue-bg-box { background: linear-gradient(180deg, #cdecff 0%, rgba(205, 236, 255, 0) 100%); border-radius: 20px; padding: 12px; } .news-detail.new .news-detail_img { height: auto !important; max-width: calc(100% + 148px); margin-left: -74px; margin-right: -74px; } .blue-bg-box__title { font-weight: 600 !important; font-size: 18px !important; font: 20px Tahoma; } .blue-bg-box li { margin-bottom: 8px !important; } .links-nav-block { display: flex; flex-direction: column; margin-top: 40px; } .links-nav-block a { color: #52bbfd; font-weight: 600; font-size: 18px; margin-bottom: 20px; } .news-detail.new h2 { color: #40465d !important; font-size: 24px; font-weight: 600; margin-top: 30px; } .news-detail__footer { display: flex; margin-top: 50px; } .news-detail__footer p { margin: 0 !important; margin-right: 22px !important; } .news-detail.new p { color: #333333 !important; } .news-detail.new .social-box__text { color: #b3b3b3 !important; font-weight: 700; } .news-detail.new .blue-text { color: #52bbfd !important; font-weight: 600; } .news-detail.new .data-text, .news-detail.new .views-ico { color: #989898 !important; font-weight: 600; } .views-ico { padding-left: 22px; position: relative; } .views-ico:before { content: ''; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 16px; height: 10px; background-image: url(/local/templates/main/css/../images/ico-views.svg); background-repeat: no-repeat; background-size: contain; } .news-detail.new { position: relative; } .author { position: absolute; top: 0px; right: 0px; display: flex; justify-content: flex-end; align-items: flex-start; } .author__info { display: flex; flex-direction: column; align-items: flex-end; } .author__link-box { display: flex; flex-direction: column; align-items: flex-end; } .author__photo { width: 50px; height: 50px; overflow: hidden; border-radius: 8px; margin-left: 10px; } .news-detail.new .author .author__text-gray { color: #606060 !important; font-size: 10px !important; } .news-detail.new .author .author__name { font-size: 12px !important; color: #303030 !important; } .news-detail.new .author p { margin: 0 0 4px !important; text-align: right; } .news-detail.new .author img { margin-bottom: 0 !important; } .news-detail.new ul li:before { background: linear-gradient( 147.17deg, #b1defa 20.37%, #91dbff 37.42%, #80ceff 55.11%, #52bbfd 81.02% ); } #catalog_add2cart_link-anal { background-color: #67bc5e; color: #fff; text-decoration: none; text-align: center; padding: 7px 20px; border-radius: 20px; font-size: 18px; box-shadow: 0px 4px 4px rgb(0 0 0 / 25%); } .detail_item .colors > a { margin-right: 5px !important; } .detail_item { position: relative; } .analogue-card__footer { display: flex; justify-content: space-between; width: 100%; max-width: 306px; margin: 20px 0; } .analogue-card__footer .qty_block input { text-align: center; border: none; font-size: 26px; width: 50px; color: #767f8c; } .analogue-card__title-product { color: #52bbfd; font-weight: 600; } .analogue-card__price { display: flex; width: 100%; } .analogue-card__old-price { font-weight: 900; color: #000; text-decoration: line-through; margin-right: 14px !important; } .analogue-card__new-price { color: red; font-weight: 900; font-size: 16px !important; } .analogue-col { position: absolute; right: 0; top: 0; width: 30%; height: 100%; } .analogue-card { position: sticky; top: 94px; border: 3px solid #52bbfd; padding: 10px; } .analogue-card__title { font-size: 22px !important; font-weight: bold; } .analogue-card__main { display: flex; align-items: flex-start; } .analogue-card__main > div { width: 60%; padding-left: 10px; } .analogue-card__main > img { width: 40%; } .rightCol, .detail_item .price_wrap { align-items: flex-start; flex-direction: column; max-width: 354px; } .addcart-block { flex-direction: row; margin-left: 0; align-items: center; } .qty_block { margin-bottom: 0; margin-right: 10px; } .palette { margin-top: 25px; margin-bottom: 25px; } .header-catalog { display: flex; justify-content: space-between; padding-right: 48px; } .header-catalog__box { font-size: 16px; display: flex; color: #000; } .header-catalog__box a { margin: 0 5px; text-decoration: none; color: #000; font-weight: 400; position: relative; } .header-catalog__box a:hover:before { content: ''; position: absolute; width: 100%; height: 1px; background-color: #000; bottom: 10px; left: 0; } .active-amount:before { content: ''; position: absolute; width: 100%; height: 1px; background-color: #000; bottom: 10px; left: 0; } .palette * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .palette__grid { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap; justify-content: space-between; } .palette__item { display: flex; flex-direction: column; width: 49%; margin-bottom: 2%; padding: 10px 16px; min-height: 170px; border: 1px solid #e5e5e5; border-radius: 10px; } .palette__item--inverse .palette__caption { color: #333; } .palette__bg { display: flex; flex-wrap: wrap; align-items: flex-start; gap: 12px; width: 100%; margin-bottom: 10px; } .palette__link { padding: 5px 6px; border-radius: 15px; border: 0.5px solid rgba(191, 188, 188, 0.5); background: rgba(255, 255, 255, 0.2); color: #fff; font-size: 14px; font-weight: 300; } .palette__item--inverse .palette__link { color: #000000; } .palette__caption { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; justify-content: flex-end; align-items: flex-end; margin-top: auto; color: #e5e5e5; } .palette__title { font-size: 12px; margin-bottom: 10px; } .palette__code { font-size: 20px; } .header .shedule { padding-left: 17px; } .laboratory-link { display: block; padding: 22px; text-align: center; background: #52bbfd url(/images/lab/main.png) no-repeat center right; background-size: cover; text-decoration: none; color: #fff; margin-top: 10px; border-radius: 4px; } .laboratory-link span { font: 19px Tahoma; border-bottom: 1px dashed #fff; } .laboratory-link span:hover { border-style: solid; } /* .laboratory__grid { display: flex; flex-wrap: wrap; justify-content: space-between; } .laboratory__item { box-sizing: border-box; flex: 0 0 49%; border: 1px solid #DDDDDD; text-align: center; padding: 30px; text-decoration: none; margin-bottom: 2%; display: flex; flex-direction: column; } .laboratory__item:hover { border-color: #52BBFD; transition: border-color .3s; } .laboratory__title { font-size: 20px; margin: 32px 0; color: #000; } .laboratory__link { max-width: 176px; display: inline-block; width: 100%; background: rgb(82, 187, 253); color: #fff; min-height: 43px; line-height: 43px; border-radius: 5px; font-size: 16px; border-bottom: 1px solid rgb(65, 151, 206); margin-top: auto; align-self: center; text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.3); box-sizing: border-box; padding: 0 15px; transition: all .3s; } .laboratory__link:hover { background: rgb(57, 49, 133); border-bottom: 1px solid rgb(47, 40, 111); } .laboratory--detail .laboratory__text { font-size: 14px; color: #000; margin-top: 32px; }*/ .feedback-form { margin-top: 40px; margin-bottom: 60px; } /*.laboratory--detail .feedback-form { margin-top: 60px; } .laboratory--subcategory .laboratory__item { flex: 0 1 30%; padding: 23px; } @media screen and (max-width: 1280px) { .laboratory--subcategory .laboratory__item { flex: 0 1 49%; } }*/ @media screen and (max-width: 1280px) { .analogue-col { position: static; width: 100%; } .analogue-card__main > img { width: 100%; max-width: 102px; } .analogue-card { border: none; } } @media screen and (max-width: 1120px) { .news-detail.new .suitable_block .product-slider { margin: 0 -15px 25px !important; padding: 15px 27px 0px; } } @media screen and (max-width: 992px) { .palette__item { width: 100%; } } @media screen and (max-width: 575px) { .analogue-card__footer .qty_block, .analogue-card__footer .cartLink { margin: 0 !important; } .analogue-card { border: 3px solid #52bbfd; } .analogue-card .stock .available, .addcart-block { justify-content: flex-start; } .palette__caption { padding: 10px; } /*.laboratory__title { margin: 24px 0; font-size: 18px; } .laboratory__link { font-size: 15px; min-height: 39px; line-height: 39px; } .laboratory__item { padding: 15px; }*/ } /*@media screen and (max-width: 450px) { .laboratory__item, .laboratory--subcategory .laboratory__item { flex: 0 1 100%; padding: 15px; margin-bottom: 3%; } .laboratory__img-wrap { align-self: center; } }*/ .r-lab__tagline { background-color: #f7f7f7; border-radius: 8px; padding: 20px 28px; margin-bottom: 32px; } .r-lab__tagline p { margin: 0 !important; font-size: 16px !important; line-height: 1.4; } .r-lab__grid { display: flex; flex-wrap: wrap; } .r-lab__item { margin-right: 20px; margin-bottom: 20px; display: block; text-decoration: none !important; } .r-lab__image { position: relative; width: 48%; padding-bottom: 20%; height: 0; margin-right: 30px; border-radius: 8px; box-shadow: 1px 2px 10px rgba(32, 32, 35, 0.1); margin-bottom: 30px; } .r-lab__text { width: 48%; } .r-lab__image img { width: 100%; height: 100%; position: absolute; left: 0; top: 0; object-fit: cover; } @media screen and (min-width: 992px) { .r-lab__item { width: calc((100% - 40px) / 3); } .r-lab__item:nth-of-type(3n) { margin-right: 0; } } .r-lab__item:hover .r-lab__wrapper:after { width: 100%; height: 100%; left: 0; top: 0; } .r-lab__item:hover .r-lab__box { bottom: 20px; } .r-lab__wrapper { border-radius: 16px; overflow: hidden; position: relative; padding-bottom: 95%; background-repeat: no-repeat; background-size: contain; background-position: top center; box-shadow: 1px 2px 10px rgba(32, 32, 35, 0.1); } .r-lab__wrapper:before { content: ''; background: linear-gradient( 360deg, #52bbfd 10.68%, rgba(82, 187, 253, 0) 56.63% ); mix-blend-mode: normal; position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .r-lab__wrapper:after { content: ''; background: linear-gradient(180deg, #8756de 0%, #7d78f1 34.38%, #6597f1 100%); opacity: 0.8; border-bottom-right-radius: 16px; border-top-right-radius: 16px; border-bottom-left-radius: 16px; mix-blend-mode: normal; position: absolute; left: 0%; top: 0%; width: 0; height: 0; transition: 0.4s ease-in-out; } .r-lab__title { font-size: 20px; line-height: 1.3; font-weight: 700; color: #fff; margin-bottom: 15px; } .r-lab__more { position: relative; font-size: 16px; color: #fff; display: inline-block; line-height: 1.4; padding-right: 32px; } .r-lab__more:after { content: ''; width: 24px; height: 24px; display: inline-block; background-image: url('/images/chevron.svg'); position: absolute; right: 0; top: -3px; } .r-lab__box { position: absolute; bottom: -20px; left: 0; right: 0; text-align: center; z-index: 3; padding: 0 16px; transition: 0.3s ease-in-out; } .r-feedback { background-image: url('/images/lab/list.svg'); background-color: #f0f0f0; border-radius: 16px; padding: 32px 30px; background-repeat: no-repeat; background-position: 98% 75px; background-size: 200px; padding-right: 240px; } .r-feedback__body { margin-bottom: 20px; } .r-feedback__row { display: flex; flex-wrap: wrap; } .r-feedback__row .form-control { width: calc((100% - 12px) / 2); margin-right: 12px; } .r-feedback__row .form-control:nth-of-type(2n) { margin-right: 0; } .r-feedback__title { font-size: 24px; font-weight: 700; line-height: 1.4; color: #232320; margin-bottom: 20px; } .r-feedback__text { color: #232320; font-size: 14px; line-height: 1.4; align-self: center; max-width: 380px; } .r-feedback .form-control { margin-bottom: 12px; } .feedback-form .r-feedback .r-feedback__input { border: 1px solid #d0d0d0; background-color: #fff; border-radius: 2px; padding: 12px; width: 100% !important; outline: none !important; -webkit-appearance: none; box-sizing: border-box; } .r-feedback__submit { background-color: #52bbfd; border-radius: 4px; padding: 13px 36px; font-size: 14px; line-height: 1.4; color: #fff; height: auto; transition: 0.3s ease-in-out; } .r-feedback__submit:hover { background-color: rgb(57, 49, 133); } .r-feedback__row .r-feedback__submit { margin-right: 16px; } .r-feedback__row .r-feedback__submit, .r-feedback__row .r-feedback__text { margin-bottom: 12px; } .section-lab .wrapper h1 { font-size: 32px; font-weight: 700; line-height: 1.4; color: #232320; margin-bottom: 20px; } .section-lab .breadcrumb-navigation { font-size: 12px; line-height: 1.3; margin-bottom: 30px; } .section-lab .breadcrumb-navigation a { color: #767676; text-decoration: none !important; font-size: 12px; } .section-lab .breadcrumb-navigation a:hover { color: #52bbfd; } .section-lab .breadcrumb-navigation span:not(:last-of-type) { background-image: url('/images/lab/arrow.svg'); background-repeat: no-repeat; background-size: cover; width: 16px; height: 16px; display: inline-block; text-indent: -99999px; margin: 0 8px; position: relative; top: 2px; } .section-lab .breadcrumb-navigation span:last-of-type { color: #52bbfd; font-size: 12px; } .pdf-catalog { font: 16px Tahoma; color: #fff; position: relative; border-radius: 4px; text-align: center; display: block; overflow: hidden; z-index: 1; padding: 30px 15px; margin-top: 10px; } .pdf-catalog:hover p { border-style: solid; } .pdf-catalog:before { content: ''; background-image: url('/images/fon-pdf.png'); background-repeat: no-repeat; background-size: cover; background-position: center; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: -1; } .pdf-catalog:after { content: ''; background-image: url('/images/pdf-icon.svg'); background-size: cover; background-position: center; background-repeat: no-repeat; width: 26px; height: 30px; position: absolute; z-index: 1; left: 10px; top: 10px; display: block; } .pdf-catalog p { border-bottom: 1px dashed #fff; display: inline-block; margin-bottom: 15px; } .pdf-catalog img { height: 45px; margin-left: auto; margin-right: auto; } @media screen and (max-width: 1199px) { .r-feedback { padding: 32px 30px; background-image: none; } } @media screen and (max-width: 991px) { .r-lab__image { padding-bottom: 30%; } .r-lab__image, .r-lab__text { width: 100%; margin-right: 0; } } @media (min-width: 576px) and (max-width: 991px) { .r-lab__item { width: calc((100% - 20px) / 2); } .r-lab__item:nth-of-type(2n) { margin-right: 0; } } @media screen and (max-width: 575px) { .r-lab__item { width: 100%; margin-right: 0; } .r-feedback__row .form-control { width: 100%; margin-right: 0; } .r-feedback { padding: 22px 20px; } } div#top { background-image: url('/local/templates/main/css/../images/arrow-up.png'); background-repeat: no-repeat; background-color: #52bbfd; width: 45px; height: 45px; background-size: 18px; background-position: center; transition: all 0.3s; z-index: 99; bottom: 20px; right: 20px; opacity: 0.7; border-radius: 50%; } #top:hover { opacity: 1; } @media screen and (max-width: 767px) { div#top { width: 35px; height: 35px; background-size: 15px; right: 15px; bottom: 15px; opacity: 1; } } @media screen and (max-width: 575px) { .tabs-block__btn { font-size: 16px; padding: 6px 30px 6px 25px; border-radius: 0px 25px 0px 0px; } .tabs-block__link-to-all { font-size: 16px; line-height: 20px; border-radius: 16px; } .title__special { text-align: center; } .pdf-catalog img, .pdf-catalog div:last-of-type { display: none; } .pdf-catalog { padding: 14px 20px; } .pdf-catalog p { margin-bottom: 0; } .pdf-catalog:after { top: 20px; left: 14px; } .header-catalog { padding-right: 0; } .header-catalog__box { flex-wrap: wrap; } .header-catalog__box b { width: 100%; } } /* Правки: 19.04.21 */ form.search input[type='submit'] { background: #40465d; text-indent: 0; border-radius: 30px; color: #fff; } .reserveLink { } .geography { position: relative; display: flex; justify-content: space-between; margin-bottom: 30px; } .geography__info { /* position: absolute; */ width: 30%; background: #f7f7f7; z-index: 1; } .geography__map { width: 70%; } .geography__header { background: #40465d; color: #fff; text-align: center; padding: 20px; font-size: 16px; } .geography__header span { display: block; font-family: 'Roboto Medium', sans-serif; } .geography__address { font-size: 14px; margin-bottom: 10px; } .geography__prop { margin-bottom: 8px; } .geography__prop strong { color: #000; } .geography__scrollable { height: 515px; /* overflow-y: scroll; */ } .geography__img img { max-width: 100%; } .geography__item { background: #fff; margin: 10px; padding: 10px; border: 1px solid transparent; cursor: pointer; display: none; } .geography__item.is-active { border: 1px solid #6eb6ea; display: block; } .geography__item a { color: #000; } .geography-title { font-family: 'Roboto Medium', sans-serif; font-size: 20px; margin-bottom: 15px; } #map2 .ymaps-2-1-78-balloon_to_top .ymaps-2-1-78-balloon__tail { display: none; } #map2 .ymaps-2-1-78-balloon__close + .ymaps-2-1-78-balloon__content { padding: 18px; font-family: 'Roboto Light', sans-serif; } #map2 .ymaps-2-1-78-balloon { box-shadow: none; border: 1px solid #f7f7f7; border-radius: 3px; padding: 0; } .balloon__title { font-size: 18px; font-family: 'Roboto Medium', sans-serif; } .balloon__header { margin-bottom: 15px; } .balloon__item { margin-bottom: 10px; } .balloon__item:last-child { margin-bottom: 0; } .simplebar-scrollbar:before { background: #6eb6ea; } @media screen and (max-width: 992px) { .author { position: static; width: 100%; margin: 16px 0; } .geography { flex-direction: column; } .geography__info, .geography__map { width: 100%; } .geography__info { order: 1; } .geography__scrollable { height: auto; width: 100%; } .geography__list { display: flex; height: auto; } .geography__item { min-width: 300px; } } .geography__header .gorod { margin-left: 12px; color: #fff; } .geography__header .gorod:before { background: url(/local/templates/main/images/location_icon_white.png) 50% 50% no-repeat; } .goroda-hold { z-index: 4; } .geography { /* border-radius: 70px; */ /* overflow: hidden; */ } .geography__header { border-top-left-radius: 70px; } .geography__info { border-top-left-radius: 70px; border-bottom-left-radius: 70px; } .geography__map { border-top-right-radius: 70px; border-bottom-right-radius: 70px; overflow: hidden; } .catalog .catalog-item .image { padding-bottom: 64%; height: auto; } .catalog .catalog-item .image img { width: 100%; height: 100%; object-fit: contain; } @media screen and (max-width: 400px) { .catalog .catalog-item .image img { position: absolute; } } .r-modal { font-family: 'FibreVintage', sans-serif; color: #000; max-width: 1000px; width: 100%; padding: 42px 68px; font-weight: 700; font-size: 26px; line-height: 1.4; color: #2a2a2a; text-transform: uppercase; background-color: #ffdf4e; background-repeat: no-repeat; background-size: cover; background-position: center; display: none; box-sizing: border-box; } .r-modal > * { box-sizing: border-box; } .r-modal__box { position: relative; z-index: 2; } .r-modal__wrapper { display: flex; flex-direction: column; align-items: flex-end; } .r-modal__title { font-size: 48px; line-height: 1; height: 40px; margin-bottom: 25px; text-align: center; align-self: center; position: relative; z-index: 1; } .r-modal__title:before { content: ''; background-image: url('/images/mask.png'); background-repeat: no-repeat; position: absolute; z-index: -1; top: -48px; left: -48px; background-size: contain; background-position: center; width: 440px; height: 200px; } .r-modal__list { list-style: none; } .r-modal__item { margin-bottom: 0; } .r-modal__action { margin-top: 25px; } .r-modal__action a { font-family: 'Roboto Medium'; box-shadow: 0 0 7px 5px #f80000; padding: 8px 25px 8px 25px; border-radius: 100px; color: #f80000; letter-spacing: -2px; font-size: 33px; line-height: 1.3; font-weight: 400; text-decoration: none !important; outline: none !important; position: relative; display: inline-block; transition: 0.5s ease-in-out; } .r-modal__action a:hover { background-color: #f80000; color: #fff; } .r-modal .fancybox-close-small { width: 32px; height: 32px; display: inline-flex; align-items: center; justify-content: center; position: absolute; top: 8px; right: 8px; } .r-modal .fancybox-close-small:after { color: #000; font-size: 28px; background-color: transparent; position: static; transition: 0.4s ease-in-out; } .r-modal .fancybox-close-small:hover:after { opacity: 0.7; background-color: #000; color: #fff; } .content .r-modal__list { margin: 0; } .content .r-modal__list li { margin: 0; padding: 0; font-size: inherit; background: none; } .content .r-modal__wrapper { align-items: flex-end; } .content .r-modal__wrapper { text-align: left; } @media screen and (max-width: 767px) { .r-modal { font-size: 20px; padding: 34px; } .r-modal__title { font-size: 34px; height: 34px; } .r-modal__title:before { top: -63px; left: -37px; width: 330px; } .r-modal__action a { font-size: 28px; } } /*------------------------------------------------------------общие*/ .position-relative { position: relative; } .arrow-step { position: absolute; } .arrow-step_step1 { bottom: -100px; right: 40px; } .arrow-step_step2 { left: -95px; top: 50%; } .arrow-step_step3 { bottom: 10px; width: 100%; transform: translateY(100%); } .arrow-step_step4 { right: -190px; top: 50%; } .arrow-step_step5 { bottom: -100px; left: -105%; } .arrow-step_step6 { bottom: 29px; right: -110px; transform: translateY(100%); } .arrow-step_step7 { left: -50px; bottom: 0px; transform: translate(-100%, 50%); } .arrow-step_step8 { right: -100px; bottom: 0; transform: translateY(100%); } .big-number { font-family: 'Texturina-Medium'; font-size: 100px !important; color: #47d3e7; background: linear-gradient(0deg, #47d3e7 3%, #63eeab 36%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; line-height: 1; text-shadow: 0px 4px 4px rgb(0 0 0 / 25%); } .big-number_step3 { line-height: 1.3; text-align: center; } .big-number_step4 { line-height: 1.5; align-self: flex-start; transform: translateY(45px); } .big-number_step5 { position: absolute; left: 25px; top: 110px; line-height: 1.2; } .big-number_step9 { position: absolute; left: 0; top: 0; transform: translate(-100%, -80%); line-height: 1.2; } .buy-title { font-family: 'Roboto Medium'; font-size: 16px !important; text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.15); } .buy-title_medium { font-size: 20px !important; text-shadow: none; text-align: center; margin-bottom: 40px; } .buy-title_small { font-size: 14px !important; text-shadow: none; } .buy-list__item { list-style: none; background: none !important; position: relative; padding: 0 !important; } .buy-list__item:before { content: ''; width: 11px; height: 11px; background-color: #6e81fe; border-radius: 50%; position: absolute; left: -15px; top: 50%; transform: translateY(-50%); } .buy-title_step1 { margin-bottom: 10px; } .buy-title_step2 { max-width: 285px; width: 100%; } .buy-title_step3 { max-width: 295px; width: 100%; padding: 60px 0 75px; margin: 0 auto; } .buy-title_step4 { max-width: 290px; width: 100%; align-self: center; } .buy-title_step5 { max-width: 200px; width: 100%; font-size: 13px !important; padding: 0 100px; } .buy-title_step7 { margin-top: 30px; } .buy-title_dark { color: #767676; } .buy-title_white { color: #fff; } .common-bg { background-repeat: no-repeat; } .last-step_line { width: 100%; } /*------------------------------------------------------------общие*/ .top-section { background-color: #f6f6f6; border-radius: 25px; padding: 20px 0 100px; margin-bottom: 135px; } .wrap-step4-5 { display: flex; justify-content: space-between; margin-top: -190px; } .wrap-step7 { display: flex; justify-content: flex-end; background-image: url(/local/templates/main/images/buy-page/step7/bg.png); background-position: right top; padding-bottom: 105px; } .wrap-step8 { display: flex; justify-content: center; } .top-section__white-line { position: absolute; width: 300px; height: 300px; right: 25px; top: 25px; border-top: 3px dashed #ffffff; border-right: 3px dashed #ffffff; } .buy-step1 { display: flex; background-image: url(/local/templates/main/images/buy-page/step1/bg.png); align-items: flex-end; padding: 40px 0; max-width: 755px; width: 100%; } .buy-step2 { display: flex; background-image: url(/local/templates/main/images/buy-page/step2/bg.png); align-items: flex-end; max-width: 463px; width: 100%; justify-content: space-around; background-position-x: right; background-size: 375px; padding-bottom: 30px; margin-left: 100px; } .buy-step3 { display: flex; } .buy-step3__box1 { background-image: url(/local/templates/main/images/buy-page/step3/bg-blue.png); display: flex; max-width: 586px; width: 100%; justify-content: space-between; align-items: center; padding-right: 15px; background-position-y: 49px; background-size: 600px; } .buy-step3__box2 { background-image: url(/local/templates/main/images/buy-page/step3/bg-orange.png); background-position-y: -15px; background-position-x: center; transform: translateY(75px); } .buy-step3__box1__text { transform: translate(145px, -50px); } .buy-step3__img1 { margin-top: 65px; } .buy-step3__box2__arrow { position: absolute; } .buy-step3__box2__arrow_left { left: -35px; top: 45px; transform: rotate(75deg); } .buy-step3__box2__arrow_bottom { right: 45px; top: 95px; } .buy-step4 { display: flex; flex-direction: column; background-image: url(/local/templates/main/images/buy-page/step4/bg.png); max-width: 390px; width: 100%; background-position-y: 150px; padding: 90px 50px 90px 10px; background-position-x: 10px; background-size: 500px; } .buy-step4__img { align-self: flex-end; } .buy-step5 { background-image: url(/local/templates/main/images/buy-page/step5/bg.png); background-position: center; display: flex; align-items: center; justify-content: center; } .buy-step5__img { position: absolute; bottom: -60px; right: 0; } .buy-step6 { max-width: 200px; width: 100%; display: flex; flex-direction: column; margin-left: 120px; } .buy-step6__img { width: 160px; align-self: flex-end; } .buy-step7__header { display: flex; align-items: center; max-width: 345px; } .buy-step8 { background-image: url(/local/templates/main/images/buy-page/step8/bg.png); padding-left: 100px; } .buy-step8__header { display: flex; align-items: center; max-width: 320px; } .buy-step9 { background-image: url(/local/templates/main/images/buy-page/step9/bg.png); margin: 0 auto; max-width: 600px; width: 100%; background-position-x: -85px; background-position-y: 60%; padding-left: 80px; padding-top: 70px; margin-top: 85px; } .buy-step9__header { max-width: 350px; width: 100%; } .buy-step9__img { transform: translateX(-130px); } @media screen and (max-width: 1200px) { .arrow-step { display: none; } .buy-step2 { margin-left: 0; } .buy-step3 { flex-direction: column; align-items: center; } .buy-step3__box2__arrow { display: none; } .buy-step3__box1 { background-position-y: center; } .buy-step3__box2 { display: flex; flex-direction: column; align-items: center; } .wrap-step4-5 { flex-direction: column; align-items: center; } .buy-step5 { flex-direction: column; background-image: none; } .buy-step5__img, .big-number_step5 { position: static; } .buy-title_step5 { color: #767676; max-width: 420px; padding: 0; } } @media screen and (max-width: 575px) { .r-modal__title { font-size: 6.5vw; height: auto; } .r-modal { padding: 8vw 3vw; font-size: 15px; } .r-modal__action a { font-size: 20px; } .r-modal__title:before { height: 25vh; width: 65vw; top: -46px; left: -7vw; } .r-modal .fancybox-close-small { top: 2px; right: 2px; } .buy-step9 { padding-left: 0; background-position-x: right; } .buy-step9__img { max-width: 600px; width: 100%; transform: none; } .big-number_step9 { position: static; transform: none; line-height: 1.2; } .buy-step8 { padding-left: 0; } .buy-step6 { margin-left: 0; } .buy-step5 { align-items: flex-start; } .buy-step4 { padding: 90px 0px 90px 10px; } .buy-step3__box1 { flex-direction: column; align-items: flex-start; padding-left: 20px; } .buy-step3__box1__text { transform: none; display: flex; align-items: center; } .buy-title_buy-step3 { color: #767676; transform: translateY(20px); } } @media screen and (min-width: 768px) { .header .gorod, .goroda .phones a, .goroda .col-4 .callback-link a { white-space: nowrap; } } .headerMiddle .callback-link { width: 195px; display: block; } .headerMiddle div.callback-link a { } .headerMiddle div.callback-link a.callback-viber { background-color: #33c043; text-align: center; margin-top: 3px; background-image: url('/local/templates/main/css/./../images/viber.png'); background-repeat: no-repeat; background-position: center left 8px; transition: opacity 0.3s !important; padding-left: 26px !important; } .headerMiddle div.callback-link a.callback-viber:hover { opacity: 0.8; background-color: #33c043; background-image: url('/local/templates/main/css/./../images/viber.png'); background-repeat: no-repeat; background-position: center left 8px; } .headerMiddle div.callback-link a.callback-viber, .headerMiddle div.callback-link a.popup-b { display: block; text-align: center; } @media screen and (max-width: 767px) { .headerMiddle .goroda { min-height: 140px; align-items: flex-start; } .headerMiddle .holder-btn-basket { margin-top: 25px; } .headerMiddle .phones { margin-top: 25px; } } @media screen and (max-width: 360px) { .headerMiddle .callback-link { width: 170px; display: block; } .headerMiddle .callback-link a { padding: 6px 0px !important; } } .pr-products .color-prods td, .pr-products .color-prods td * { box-sizing: border-box; } @media screen and (min-width: 1200px) { .pr-products .color-prods td.price-cell { width: 245px; } .pr-products .color-prods td.price-cell .btn { margin-bottom: 0; } } @media screen and (max-width: 1199px) { .pr-products .color-prods td:first-child { min-width: 200px; } .pr-products .color-prods td.price-cell { width: 150px; min-width: 150px; overflow: hidden; text-align: center; box-sizing: border-box; } .pr-products .color-prods td.price-cell .btn { margin-right: 0; margin-bottom: 10px; } .pr-products .color-prods td.price-cell .reserveLink { display: block; width: 100%; } } .pr-products td:not(.price-cell) .reserveLink { display: block; } .cartTable_new .cartTable--header { background: #e0e0e0; font-weight: bold; } .cartTable_new .cartTable--header .cart-item { border-top: 1px solid #d0d0d0; border-bottom: 1px solid #d0d0d0; } .cartTable_new .cart-item { display: grid; border-bottom: 1px solid #d0d0d0; grid-template-columns: minmax(160px, 1fr) minmax(96px, 127px) minmax(99px, 127px) minmax(78px, 90px) minmax(93px, 127px) minmax(83px, 120px); text-align: center; } .cartTable_new.cartTable_new--sum .cart-item { grid-template-columns: minmax(160px, 1fr) minmax(96px, 127px) minmax( 99px, 127px ); } .cartTable_new.cartTable_new--sum .first { padding-left: 26px; text-align: left; flex-direction: column; align-items: flex-start; } .cartTable_new.cartTable_new--sum .cart-item-price { flex-direction: column; } .cartTable_new .cartTable--footer .cart-item { margin-bottom: 15px; } .cartTable_new .cart-item > div { padding: 5px 12px; display: flex; align-items: center; justify-content: center; } .cartTable_new .cartTable--body .cart-item-actions { display: flex; flex-direction: column; justify-content: center; align-items: center; } .cartTable_new .cartTable--body .mobile--title { display: none; } @media screen and (max-width: 991px) { .cartTable_new.cartTable_new--sum .first { padding-left: 12px; } .cartTable_new .cartTable--header { display: none; } .cartTable_new .cart-item { display: flex; flex-direction: column; margin: 0px 0 25px; border: 1px solid #d0d0d0; } .cartTable_new .cartTable--body .cart-item > div { border-bottom: 1px solid #d0d0d0; grid-template-columns: 111px 1fr; display: grid; text-align: left; } .cartTable_new .cartTable--body .cart-item > div:last-child { border-bottom: none; } .cartTable_new .cartTable--body .mobile--title { display: inline-block; } .cartTable_new .cartTable--footer .cart-item { flex-direction: row; } } .afbf_item_pole.item_pole__captcha .afbf_inputtext { height: 34px !important; box-sizing: border-box !important; } #cart_line { display: flex; align-items: center; } div.cart { padding: 17px 14px 4px 17px; } .cart__icon { flex-shrink: 0; margin-right: 6px; position: relative; top: 1px; } .cart__icon path { fill: #f7434a; } #cart_line.notEmpty .cart__icon path { fill: #259c00; } .payment_info { display: flex; flex-wrap: wrap; margin-top: 32px; } .payment_info__item { flex: 0 0 50%; width: 50%; } .payment_info__item:last-child { flex: 0 0 100%; width: 100%; margin-top: 25px; } .content .payment_info__item p { margin-bottom: 9px; } @media screen and (max-width: 991px) { .payment_info__item { flex: 0 0 100%; width: 100%; margin-bottom: 12px; } .payment_info__item:last-child { margin-top: 0; } } .news-detail.new img { max-width: 100%; height: auto; margin-bottom: 20px; object-fit: cover; } .news-detail.new .news-detail_img { width: calc(100% + 148px); height: 228px; margin-bottom: 20px; } .news-detail.new h2 { color: #565656; } .news-detail.new h3 { color: #40465d; font-family: 'Roboto', sans-serif; font-weight: 600 !important; font-size: 20px; margin: 0 0 10px; } .news-detail.new ol li { font-size: 14px; } .news-detail.new blockquote { background: #cdecff; border-radius: 20px; padding: 24px 13px 22px 27px; font-size: 14px; margin-bottom: 20px; } .news-detail.new ul li { margin-bottom: 25px; list-style: none; background: none; position: relative; } .news-detail.new ul li:last-child { margin-bottom: 14px; } .news-detail.new ul li:before { content: ''; width: 11px; height: 11px; background-color: #45a2e6; border-radius: 50%; position: absolute; left: -10px; top: 10px; transform: translateY(-50%); } .news-detail.new ul { margin: 0 0 14px 32px; } .news-detail.new .title__special { font-weight: 400; font-size: 22px; line-height: 26px; color: #45a2e6; margin: 0 0 15px; } .articles_block .title__special { color: #303030 !important; font-weight: 600 !important; } .news-detail.new .title_blue { font-weight: 300; font-size: 14px; line-height: 16px; color: #45a2e6; } .news-detail.new .suitable_block .suitable_item img { margin: 0 0 7px; width: 100%; height: auto; object-fit: fill; } .news-detail.new .suitable_block .suitable_items { display: flex; justify-content: space-between; margin: 0 -15px 25px; box-sizing: border-box; } .news-detail.new .suitable_block .suitable_item { padding: 0 15px; box-sizing: border-box; flex: 0 0 25%; width: 25%; } .news-detail.new .articles_block .articles_title { font-weight: 400; font-size: 18px; line-height: 21px; color: #565656; padding: 0 15px; margin-bottom: 20px; } .news-detail.new .articles_block .articles_item img { margin-bottom: 8px; } .news-detail.new .articles_block .articles_items { display: flex; justify-content: space-between; margin: 0 0 30px; box-sizing: border-box; } .news-detail.new .articles_block .articles_item { flex: 0 0 33.3333%; flex-basis: calc(100% / 3 - 16px); box-sizing: border-box; position: relative; padding-bottom: 40px; border-radius: 8px; border: 1px solid rgba(206, 209, 213, 0.4); overflow: hidden; } .rticles__footer { position: absolute; bottom: 20px; left: 15px; right: 0; } .news-detail.new .rticles__footer p { margin: 0; } .news-detail.new .articles_block img { width: 100%; height: 218px; } .news-detail-content { font-size: 14px; border-radius: 8px; border: 1px solid rgba(206, 209, 213, 0.4); overflow: hidden; padding: 0 72px 40px; } @media screen and (max-width: 768px) { .news-detail.new .articles_block img { height: auto; } .news-detail.new .news-detail_img { height: auto !important; } } @media screen and (max-width: 600px) { .news-detail.new .suitable_items { flex-wrap: wrap; } .news-detail.new .suitable_block .suitable_item { flex: 0 0 50%; width: 50%; margin-bottom: 15px; } .news-detail.new .articles_block .articles_items { flex-wrap: wrap; } .news-detail.new .articles_block .articles_item { flex: 100%; width: 50%; margin-bottom: 15px; } } .news-list.new .news-list_item .news-list_title { font-weight: 300; font-size: 20px; line-height: 23px; color: #45a2e6; margin-bottom: 0px; } .news-list.new .news-list_item .news-list_text { font-weight: 300; font-size: 14px; line-height: 16px; color: #565656; margin-top: 4px; } .news-list.new .news-list_items { margin: 0 -15px; display: flex; flex-wrap: wrap; } .news-list.new .news-list_item { padding: 0 15px; box-sizing: border-box; flex: 0 0 50%; width: 50%; margin-bottom: 25px; } .news-list.new .news-list_item--big { flex: 0 0 100%; width: 100%; display: flex; } .news-list.new .news-list_item img { object-fit: cover; max-width: 100%; height: 228px; } .news-list.new .news-list_item--big .news-list__left { flex-grow: 1; } .news-list.new .news-list_item--big .news-list__right { flex: 0 0 30%; width: 30%; padding-left: 10px; } .news-list.new .news-list_item--reverse { flex-direction: row-reverse; } .news-list.new .news-list_item--reverse .news-list__right { padding-left: 0; padding-right: 10px; } .news-list.new .news-list__right .news-list_text { font-size: 16px; line-height: 19px; } .news-list.new .news-list_item--big img { min-height: 228px; height: 100%; object-fit: cover; } .news-list.new .btn.btn_more { font-weight: 400; font-size: 18px; line-height: 21px; display: flex; align-items: center; justify-content: center; width: 131px; border-radius: 20px; padding: 18px 25px; text-align: center; margin: auto; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); } .news-list.new { margin-bottom: 30px; } .news-list.new .news-list_item--big .news-list__left .news-list_title { display: none; } .news-list.new .news-list_item--big .news-list__right .news-list_title { display: block; } @media (max-width: 991px) { .news-list.new .news-list_item--big .news-list__left .news-list_title { display: block; } .news-list.new .news-list_item--big .news-list__right .news-list_title { display: none; } .news-list.new .news-list_item--big { flex-direction: column; } .news-list.new .news-list_item { flex: 0 0 100%; width: 100%; } .news-list.new .news-list__right { padding: 0 !important; } .news-list.new .news-list_item--big .news-list__right { flex: 0 0 auto; width: 100%; padding: 0 0 !important; } .news-list.new img { min-height: auto !important; height: auto !important; object-fit: cover; } .news-list.new .news-list__right .news-list_text { font-size: 14px; line-height: 16px; } } .text--appeal { color: #000; font-weight: 600; font-size: 16px; margin: 0 0 15px; } .content .form.form--appeal input:placeholder { color: #565656; } .form.form--appeal .form-submit input { text-decoration: none; background: rgb(82, 187, 253); color: rgb(255, 255, 255); padding: 6px 30px; text-transform: uppercase; font-size: 12px; font-weight: bold; line-height: 1.5; border-bottom: 1px solid rgb(65, 151, 206); text-shadow: 0px 1px 1px rgb(0 0 0 / 30%); transition: all 0.3s; border-radius: 20px; border: none; cursor: pointer; } .content .form.form--appeal .form-submit input:hover { background: rgb(57, 49, 133); border-bottom: none; } .content .form.form--appeal .form--row { display: flex; flex-wrap: wrap; box-sizing: border-box; margin: 0 -15px; } .content .form.form--appeal .form-col { flex: 0 0 50%; width: 50%; padding: 0 15px; margin: 0 0 17px; box-sizing: border-box; } .form-file ul.file-list { list-style: none; padding: 0; margin: 0; } .form-file ul.file-list li { border-bottom: 1px solid #ddd; padding: 5px 0 8px; background: none; } .form-file .remove-list { cursor: pointer; margin-left: 10px; } .form-file .custom-file { position: relative; width: auto; display: inline-block; width: 100%; } .form-file .custom-file-input { position: absolute; left: 0; top: 0; width: 100%; height: 100%; cursor: pointer; opacity: 0; z-index: 100; padding: 0px !important; } .form-file .custom-file-label { background: #fff; border: 1px solid #d0d0d0; padding: 10px; color: #666; font: 12px Arial; width: 100%; outline: none; margin: 0; box-sizing: border-box; display: block; cursor: pointer; } .content .form.form--appeal .form-col--full { flex: 0 0 100%; width: 100%; } .content .form.form--appeal .form-text .form-control { width: 100%; box-sizing: border-box; padding: 10px; resize: none; } @media (max-width: 550px) { .text--appeal { font-size: 15px; } .content .form.form--appeal .form-col { flex: 0 0 100%; width: 100%; } .content .form.form--appeal .form-text .form-control { width: 100% !important; } } .header .phones .img_question { background: #52bbfd; width: 20px; height: 20px; border-radius: 50px; object-fit: scale-down; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); position: absolute; bottom: 19px; right: -2px; cursor: pointer; } .header .goroda .phones a { position: relative; } .header .phone_info { position: relative; } .header .phones .text_question { font-size: 12px; line-height: 1.2; color: #565656; background: #fff; position: absolute; padding: 10px; min-width: 280px; border-radius: 20px; top: -32px; left: 186px; border: 1px solid #e5e5e5; opacity: 0; transition: opacity 0.3s; } .header .phones .img_question:hover + .text_question { opacity: 1; } @media (max-width: 1199px) { .header .phones .img_question { right: -13px; } } @media (max-width: 1199px) { .header .phones .text_question { width: auto; min-width: 123px; font-size: 11px; padding: 8px; } } @media (max-width: 550px) { .header .phones .text_question { left: unset; right: 11px; } } .footer .phone_info .img_question { background: #52bbfd; width: 20px; height: 20px; border-radius: 50px; object-fit: scale-down; box-shadow: 0px 4px 4px rgb(0 0 0 / 25%); position: absolute; bottom: 4px; right: -5px; cursor: pointer; } .footer .phone_info { position: relative; width: 100%; min-width: 190px; } .footer .text_question { font-size: 12px; line-height: 1.2; color: #565656; background: #fff; position: absolute; padding: 10px; min-width: 280px; border-radius: 20px; top: -32px; left: 204px; border: 1px solid #e5e5e5; opacity: 0; transition: opacity 0.3s; } .footer .phone_info .img_question:hover + .text_question { opacity: 1; } @media (max-width: 1340px) { .tabs-block-slider .slick-next { right: 0; } .tabs-block-slider .slick-prev { left: 0; } } @media (max-width: 1199px) { .footer .phone_info .img_question { bottom: -2px; right: -7px; } .footer .text_question { top: -32px; left: 159px; font-size: 11px; padding: 8px; } } @media (max-width: 1200px) { .footer .phone_info .text_question { top: -32px; left: 209px; } } @media (max-width: 1135px) { .footer .phone_info .img_question { right: 44px; } .footer .phone_info .text_question { left: 160px; } .social-box { position: relative; top: 0; left: 0; flex-direction: row; max-width: 320px; margin: 50px 0 40px; } .news-detail-content { padding: 0; border: none; } .social-box__text { display: none; } .social-box__ico-share { display: block; margin-right: 93px; } .social-box img { margin-bottom: 0 !important; object-fit: none !important; } .social-box__link { margin-bottom: 0; } .social-box:before { content: ''; width: 53px; height: 1px; top: 50%; left: 40px; } .news-detail__footer { display: flex; justify-content: center; } .news-detail.new .news-detail_img { max-width: calc(100% + 46px); width: calc(100% + 46px); margin-left: -10px; margin-right: -10px; } } @media (max-width: 1020px) { .footer .phone_info .img_question { right: 36px; } } @media (max-width: 991px) { .footer .phone_info .img_question { right: 27px; } .footer .phone_info { position: relative; width: 100%; min-width: auto; } } @media (max-width: 960px) { .footer .phone_info .img_question { right: 16px; } } @media (max-width: 960px) { .footer .phone_info .img_question { right: 5px; } } @media (max-width: 900px) { .footer .text_question { width: auto; min-width: 207px; left: 160px; top: -42px; } } @media (max-width: 640px) { .footer .text_question { width: auto; min-width: 207px; left: 160px; top: -42px; } } @media (max-width: 620px) { .footer .text_question { left: 148px; } .footer .phone_info .img_question { right: -18px; } } @media (max-width: 575px) { .footer .phone_info .text_question { left: 134px; min-width: 138px; } .news-detail-content { overflow: visible; } .blue-bg-box { margin: 0 -10px; width: calc(100% + 20px); } } @media (max-width: 490px) { .footer .phone_info .text_question { right: 15px; left: -100px; } } .cart-item-quantity input[type='number'] { width: 50px; } .content .form.form--appeal .form-text .form-control { border: 1px solid #d0d0d0; } .content .form.form--appeal .form-text .form-control:focus-visible { outline: none; } .outro .caption.new .caption_item .title { font-weight: 400; font-size: 14px; line-height: 14px; color: #ffffff; } .outro .caption.new .caption_item p { font-weight: 400; font-size: 14px; line-height: 14px; color: #ffffff; } .outro .caption.new .caption_item p a { font-weight: 400; font-size: 20px; line-height: 14px; color: #ffffff; } .outro .caption.new .caption_item.address p { font-weight: 400; font-size: 20px; line-height: 20px; color: #ffffff; } .outro .caption.new { margin: 0 15px 4px 30px; } .outro .caption.new .caption_item { margin-bottom: 10px; } .outro .caption.new .fContacts { float: unset; } .outro .caption.new .caption_item.address { margin-bottom: 20px; margin-top: 15px; } .outro .caption.new .caption_item.address .title { margin-bottom: 8px; } .footer.footer-new { border-top: 2px solid #000; } .footer.footer-new .fLogo { border-top: none; } .footer.footer-new .footerIn { border-top: none; } .footer.footer-new .footer_benefits { display: flex; align-items: center; float: left; max-width: 238px; justify-content: space-between; width: 100%; margin-left: 140px; margin-top: -9px; } .footer.footer-new .footer_benefits .item { margin-right: 14px; } .footer.footer-new .dev { float: right; margin: 9px 0 0 2px; background: url(/local/templates/main/images/logo_footer.png) no-repeat 0px -9px; background-size: contain; width: 140px; } .footer.footer-new .dev a { font-weight: 400; font-size: 14px; line-height: 14px; text-align: center; margin-top: 10px; } @media screen and (max-width: 1199px) { .outro .caption.new .caption_item p a { font-size: 16px; line-height: 16px; } .outro .caption.new .fContacts .phone_alloka { font-size: 16px !important; line-height: 16px; } .outro .caption.new .caption_item.address p { font-size: 16px; line-height: 16px; } } @media (max-width: 1060px) { .footer.footer-new { display: flex; flex-direction: column; } .footer.footer-new .fLogo { float: none !important; width: 100% !important; padding: 8px 0 !important; justify-content: center; display: flex; margin: auto; border-bottom: 2px solid #000; } .footer.footer-new .footerIn { margin: 0 auto !important; display: flex; flex-direction: column; justify-content: center; } .footer.footer-new .footer_benefits { margin: 25px auto; float: unset; max-width: 244px; } .footer.footer-new .footerIn .copy { text-align: center; } .footer.footer-new .dev { margin: 0 auto !important; float: unset; } } @media screen and (max-width: 620px) { .footer.footer-new .footerIn .copy { float: unset; padding: 0; margin: 0; width: 100% !important; max-width: 100% !important; } .outro .caption.new .caption_item { width: 100% !important; text-align: start !important; } } @media screen and (max-width: 400px) { .footer.footer-new .dev { width: 140px !important; } } .certificate_block .certificate_item .title { color: #45a2e6; font-weight: 300; font-size: 20px; line-height: 23px; background: transparent; text-transform: unset; font-family: 'Roboto'; margin-top: 6px; transition: all 0.3s; } .certificate_block .certificate_item:hover .title { color: #30caff; } .certificate_block .certificate_item:hover img { opacity: 0.8; } .certificate_block .certificate_items { display: flex; justify-content: space-between; padding: 6px 0; margin: 0 -15px 40px; } .certificate_block .certificate_item { max-width: 176px; display: flex; flex-direction: column; align-items: center; text-align: center; padding: 0 15px; } .content .certificate_block h2 { font-weight: 300; font-size: 22px; line-height: 26px; color: #45a2e6; margin-top: 60px; } .content .certificate_block h2:first-child { margin-top: 0; } .content .certificate_block h3 { font-weight: 300; font-size: 18px; line-height: 21px; color: #45a2e6; margin-top: 20px; margin-bottom: 30px; } .certificate_block .certificate_info .text { font-weight: 300; font-size: 14px; color: #565656; margin-right: 19.5px; flex-grow: 1; } .certificate_block .certificate_info { display: flex; align-items: center; } .certificate_block .btn_download, .certificate_block .btn_full { border: 1.5px solid#ECECEC; width: 35px; height: 35px; border-radius: 4px; transition: all 0.3s; display: flex; justify-content: center; align-items: center; cursor: pointer; } .certificate_block .btn_download { margin-bottom: 5px; } .certificate_block .btn_download svg, .certificate_block .btn_full svg { display: flex; align-items: center; margin: auto; } .certificate_block .btn_download:hover, .certificate_block .btn_full:hover { background: #aba8a81f; } .certificate_block .certificate_info img { margin-right: 50px; flex: 0 0 auto; width: auto; transition: all 0.3s; } .certificate_block .certificate_info:last-child { margin-bottom: 20px; } @media screen and (max-width: 991px) { .certificate_block .certificate_item { max-width: 44%; flex: 0 0 44%; margin-bottom: 25px; } .certificate_block .certificate_items { flex-wrap: wrap; margin: 0 -15px; } .content .certificate_block h2 { margin-top: 30px; } .certificate_block .certificate_info { flex-wrap: wrap; } .certificate_block .btn_download, .certificate_block .btn_full { margin-bottom: 0; } .certificate_block .certificate_info .btns { margin-top: 15px; display: flex; width: 80px; justify-content: space-between; } .certificate_block .certificate_info img { flex: 0 0 100%; width: 100%; max-height: 300px; object-fit: contain; margin-bottom: 15px; margin-right: 0; transition: all 0.3s; } .certificate_block .certificate_info .text { margin-right: 0; } .certificate_block .certificate_item:last-child { margin-bottom: 0; } } @media screen and (max-width: 640px) { .certificate_block .certificate_item { margin-bottom: 30px; max-width: 40%; flex: 0 0 40%; } .certificate_block .certificate_item:last-child { margin-bottom: 0; } } .news_block .news_item .title { font-weight: 300; font-size: 20px; line-height: 23px; min-height: 46px; color: #45a2e6; background: transparent; text-transform: unset; font-family: 'Roboto'; margin-bottom: 13px; display: block; transition: all 0.3s; } .news_block .news_item:hover .title { color: #30caff; } .news_block .news_item .date { font-weight: 300; font-size: 14px; line-height: 16px; color: #565656; margin-bottom: 11px; } .news_block .news_item .text { font-weight: 300; font-size: 14px; line-height: 16px; color: #565656; } .news_block .news_item img { max-width: 100%; width: 100%; height: 100%; object-fit: cover; } .news_block .news_item .news_thumb { height: 300px; border-radius: 8px; margin-bottom: 12px; overflow: hidden; } .news_block .news_item:hover img { opacity: 0.9; } .news_block .news_items { display: flex; flex-wrap: wrap; margin: 0 -15px; box-sizing: border-box; justify-content: space-between; } .news_block .news_item { flex: 0 0 50%; width: 50%; padding: 0 15px; box-sizing: border-box; margin-bottom: 30px; transition: all 0.3s; } @media screen and (max-width: 768px) { .news_block .news_item { flex: 0 0 100%; width: 100%; margin-bottom: 20px; } .news_block .news_item .news_thumb { max-width: 500px; height: 220px; margin: 0 auto 12px; } } .news_block .btn_more { background: #52bbfd; border: 1px solid #52bbfd; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); border-radius: 20px; font-weight: 400; font-size: 18px; line-height: 21px; color: #ffffff; padding: 6px 48px; max-width: 33px; display: flex; justify-content: center; margin: 55px auto 20px; transition: all 0.3s; } .news_block .btn_more:hover { background: rgb(57, 49, 133); border: 1px solid rgb(47, 40, 111); } @media screen and (max-width: 768px) { .news_block .btn_more { margin: 5px auto 20px; } } .news_block--detail .news_desc .date { font-weight: 700; font-size: 14px; line-height: 22px; color: #b3b3b3; margin: 0; } .news_block--detail .news_desc .title { font-weight: 500; font-size: 18px; line-height: 26px; color: #333333; background: transparent; text-transform: none; margin-top: 18px; border-bottom: 2px solid #52bbfd; padding-bottom: 10px; } .news_block--detail .news_desc .text { font-weight: 400; font-size: 15px; line-height: 26px; color: #333333; margin-top: 12px; } .news_block--detail .news_desc img { border-top-left-radius: 8px; border-top-right-radius: 8px; max-height: 435px; width: 100%; object-fit: contain; margin-bottom: 15px; } .articles_items .articles_desc .title { font-weight: 300; font-size: 20px; line-height: 23px; color: #45a2e6; background: transparent; text-transform: none; margin-bottom: 10px; font-family: 'Roboto'; } .articles_items .articles_desc .text { font-weight: 300; font-size: 16px; line-height: 19px; color: #000000; } .articles_items .articles_desc .onwards_link { font-weight: 300; font-size: 16px; line-height: 19px; text-decoration-line: underline; color: #45a2e6; margin-top: 8px; display: block; transition: all 0.3s; } .articles_items .articles_desc .onwards_link:hover { color: #30caff; text-decoration-line: none; } .content .articles_info h2 { font-weight: 400; font-size: 26px; line-height: 30px; color: #45a2e6; margin-top: 40px; } .articles_info .articles_items { margin-top: 20px; } .articles_info .articles_item { display: flex; margin-bottom: 55px; } .articles_info .articles_item .articles_thumb { margin-right: 48px; width: 316px; flex: 0 0 316px; height: 174px; object-fit: cover; } .articles_info .articles_item img { max-width: 100%; height: 100%; object-fit: cover; } .news_block--detail .news_gallery h2 { font-weight: 300; font-size: 26px; line-height: 30px; color: #45a2e6; margin-top: 40px; } .news_block--detail .gallery_item img { height: 100%; object-fit: cover; width: 100%; } .news_block--detail .gallery_item .gallery_thumb { height: 274px; border-radius: 8px; overflow: hidden; } .news_block--detail .gallery_item { flex: 0 0 29%; width: 29%; padding: 0 15px; position: relative; display: block; box-sizing: border-box; } .news_block--detail .gallery_slider { margin: 20px -15px 0; padding: 0 35px; } .news_block--detail .gallery_slider .slick-next { background: url(/local/templates/main/i/sliderarrow.png); background-repeat: no-repeat; } .news_block--detail .gallery_slider .slick-prev, .news_block--detail .gallery_slider .slick-next { height: 100px; background-size: contain !important; top: 33%; border: none; overflow: hidden; text-indent: -9999px; width: 35px; position: absolute; z-index: 3; } .news_block--detail .gallery_slider .slick-next { right: 0; } .news_block--detail .gallery_slider .slick-prev { left: 0; } .news_block--detail .gallery_slider .slick-prev { background: url(/local/templates/main/i/sliderarrow.png); background-repeat: no-repeat; transform: rotate(180deg); } .news_block--detail .gallery_slider .slick-arrow:hover { opacity: 0.8; } .news_block--detail .gallery_slider .slick-prev.slick-disabled, .news_block--detail .gallery_slider .slick-next.slick-disabled { /* z-index: -3; */ opacity: 0.5; cursor: default; } .news_block--detail .product_info h2 { font-weight: 400; font-size: 26px; line-height: 30px; color: #45a2e6; margin-top: 40px; } .news_block--detail .product_info .product_item .name { font-weight: 300; font-size: 14px; line-height: 16px; color: #45a2e6; margin-top: 8px; transition: all 0.3s; } .news_block--detail .product_info .product_items { margin: 20px -15px 0; padding: 0 35px; } .news_block--detail .product_info .product_item { padding: 0 15px; position: relative; display: block; box-sizing: border-box; } .news_block--detail .product_info .product_item img { width: 100%; height: 100%; object-fit: cover; } .news_block--detail .product_info .product_thumb { height: 240px; } .news_block--detail .product_info .product_item:hover .name { color: #30caff; } .news_block--detail .product_items .slick-next { background: url(/local/templates/main/i/sliderarrow.png); background-repeat: no-repeat; } .news_block--detail .product_items .slick-prev, .news_block--detail .product_items .slick-next { height: 100px; background-size: contain !important; top: 25%; border: none; overflow: hidden; text-indent: -9999px; width: 35px; position: absolute; z-index: 3; } .news_block--detail .product_items .slick-next { right: 0; } .news_block--detail .product_items .slick-prev { left: 0; } .news_block--detail .product_items .slick-prev { background: url(/local/templates/main/i/sliderarrow.png); background-repeat: no-repeat; transform: rotate(180deg); } .news_block--detail .product_items .slick-arrow:hover { opacity: 0.8; } .news_block--detail .product_items .slick-prev.slick-disabled, .news_block--detail .product_items .slick-next.slick-disabled { /* z-index: -3; */ opacity: 0.5; cursor: default; } .articles_info .articles_item:last-child { margin-bottom: 20px; } @media screen and (max-width: 992px) { .news_block--detail .gallery_slider .slick-prev, .news_block--detail .gallery_slider .slick-next { top: 22%; } .news_block--detail .gallery_item .gallery_thumb { height: 170px; } .news_block--detail .product_info h2 { margin-top: 30px; } .news_block--detail .product_info h2 { margin-top: 30px; } .content .articles_info h2 { margin-top: 30px; } .news_block--detail .news_gallery h2 { margin-top: 30px; } .articles_info .articles_item .articles_thumb { display: flex; justify-content: center; margin-right: 25px; } } @media screen and (max-width: 640px) { .articles_info .articles_item { flex-direction: column; } .articles_info .articles_item .articles_thumb { width: 100%; flex: 0 0 100%; } .articles_items .articles_desc .title { margin-top: 15px; } .articles_info .articles_item { margin-bottom: 42px; } .news_block--detail .product_info .product_thumb { height: auto; } } .footer.footer-new .footer_dzen { display: flex; align-items: center; } .footer.footer-new .footer_dzen img { width: 100%; max-width: 140px; height: 45px; } .outro.new table li a { font-weight: 400; font-size: 14px; line-height: 14px; color: #ffffff; } @media screen and (max-width: 1060px) { .footer.footer-new .footer_dzen { justify-content: center; } .footer.footer-new .copy { padding: 0; } } .caption.new .img_question { background: #52bbfd; width: 20px; height: 20px; border-radius: 50px; object-fit: scale-down; box-shadow: 0px 4px 4px rgb(0 0 0 / 25%); position: absolute; bottom: -1px; right: -31px; cursor: pointer; } .caption.new .text_question { font-size: 12px; line-height: 1.2; color: #565656; background: #fff; position: absolute; padding: 10px; min-width: calc(100% -20px); border-radius: 20px; top: -32px; left: -20px; border: 1px solid #e5e5e5; display: none; transition: opacity 0.3s; } .contact--padding { position: relative; width: max-content; } .caption.new .img_question:hover + .text_question { display: block; } .caption.new .img_question { bottom: 4px; } @media screen and (max-width: 1199px) { .caption.new .img_question { bottom: 0; } .caption.new .fContacts .phone_alloka { margin-top: 8px !important; } } @media screen and (max-width: 1199px) { .content .certificate_block h2#certificates { margin-top: 30px; } } @media screen and (max-width: 768px) { .content .certificate_block h2#certificates { margin-top: 0; } } .news_block .paging li { font-size: 16px; } .footerIn .footer_certificate { font-family: 'Roboto', sans-serif; color: #45a2e6; font-weight: 500; text-decoration: underline; } .footerIn .footer_certificate:hover { text-decoration: none; } @media screen and (max-width: 768px) { .introWrapper .top-adress { text-align: center; margin: auto; } } .desctop_menu { display: block; } .mobile_menu { display: none; } @media screen and (max-width: 767px) { .desctop_menu { display: none; } .mobile_menu { display: block; } } .text--contract { color: #000; font-weight: 600; font-size: 16px; margin: 0 0 15px; } .content .form.form--contract input:placeholder { color: #565656; } .form.form--contract .form-submit input { text-decoration: none; background: rgb(82, 187, 253); color: rgb(255, 255, 255); padding: 6px 30px; text-transform: uppercase; font-size: 12px; font-weight: bold; line-height: 1.5; border-bottom: 1px solid rgb(65, 151, 206); text-shadow: 0px 1px 1px rgb(0 0 0 / 30%); transition: all 0.3s; border-radius: 20px; border: none; cursor: pointer; } .content .form.form--contract .form-submit input:hover { background: rgb(57, 49, 133); border-bottom: none; } .content .form.form--contract .form--row { display: flex; flex-wrap: wrap; box-sizing: border-box; margin: 0 -15px; } .content .form.form--contract .form-col { flex: 0 0 50%; width: 50%; padding: 0 15px; margin: 0 0 17px; box-sizing: border-box; } .content .form.form--contract .form-col--full { flex: 0 0 100%; width: 100%; } .content .form.form--contract .form--title { font-weight: bold; font-size: 20px; margin-bottom: 20px; } .content .form.form--contract .form-text .form-control { width: 100%; box-sizing: border-box; padding: 10px; resize: none; flex-grow: 1; } .content .form.form--contract .form-group { display: flex; align-items: center; } .content .form.form--contract .form-name { flex: 0 0 230px; padding-right: 10px; text-align: right; font-size: 16px; color: #000; } .content .form.form--contract .open-citys-js { text-decoration: underline; font-size: 16px; cursor: pointer; } @media (max-width: 550px) { .content .form.form--contract .form-group { flex-direction: column; align-items: flex-start; } .content .form.form--contract .form-name { margin: 0 0 10px; text-align: left; flex: 0 0 100%; } .text--contract { font-size: 15px; } .content .form.form--contract .form-col { flex: 0 0 100%; width: 100%; } .content .form.form--contract .form-text .form-control { width: 100% !important; } } .news_block--detail .news_desc .date { margin-bottom: 10px; } .news_block--detail .news_desc .img__items { display: flex; margin: 0 -15px; } .news_block--detail .news_desc .img__item { padding: 0 15px; } @media (max-width: 1199px) { .news_block--detail .news_desc .img__items { flex-direction: column; } } .news_block--detail .certificates__list a { margin-bottom: 14px; display: block; position: relative; padding-left: 30px; } .news_block--detail .certificates__list a:before { content: ''; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 24px; height: 24px; background-image: url(/local/templates/main/css/../images/pdf.svg); background-repeat: no-repeat; background-size: contain; } .tags-list { margin: 20px 0; } .tags-list__btn { margin-right: 10px; margin-bottom: 10px; padding: 5px 10px; display: inline-block; font-size: 14px; border-radius: 15px; color: #6eb6ea; border: 1px solid #6eb6ea; -webkit-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.15); box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.15); background: #fff; -webkit-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; } .tags-list__btn:hover, .tags-list__btn:focus { background: #6eb6ea; color: #fff; } #success-form .h2 { font-size: 18px; font-weight: bold; padding: 10px; } .fancybox-close-small:focus:after { outline: none !important; } .order_email { margin: 10px 0 10px 0; font-weight: bold; font-size: 17px; } .order_email_link { color: #45a2e6; } .detail_item .catalog-item-price { line-height: 2em; color: #e31e25; } .catalog-item-price { font-size: 26px; } .bx_smart_searche { max-height: 500px; height: 80vh; overflow: auto; } .bx_item_block_item_image { width: 60px !important; height: 72px !important; } .bx_item_block_item_image img { width: 100%; height: 100%; object-fit: contain; } .bx-searchtitle.theme-blue .bx-input-group .bx-form-control, .search-page.theme-blue input[type='text'] { border: 1px solid #d0d0d0 !important; border-radius: 30px; } .search-page.theme-blue input[type='text'] { padding: 6px 12px; } .bx-searchtitle { margin-left: 10px !important; } .bx-searchtitle.theme-blue .bx-input-group-btn button, .search-page.theme-blue input[type='submit'] { background-color: #40465d !important; border-radius: 30px; margin-left: 10px; } .search-page.theme-blue input[type='submit'] { border: none; } .search-page-form { display: flex; align-items: center; } .bx_smart_searche .bx_item_block_href { display: flex !important; align-items: center; padding-left: 12px !important; padding-right: 12px !important; } .bx_item_block_href_category_wrapper { } .bx_smart_searche .bx_item_block_item_info { display: flex !important; align-items: center; width: 100%; } .bx_smart_searche .bx_item_block_item_info_wrap.wpic { padding-left: 0 !important; width: 100%; } .bx_smart_searche.theme-blue .bx_item_block_item_name b { margin-right: 5px; font-size: 16px; } .bx_smart_searche .bx_item_block_item_name_flex_align { font-size: 16px; max-width: 400px; } .search-view-default { display: flex; flex-direction: column; } .object__img img { width: 100%; max-width: 100%; height: auto; } .balloon__item p { line-height: 120%; } .balloon__item strong { font-weight: 400; font-size: 11px; line-height: 110%; color: #b9b9b9; } .object__img { height: 110px; overflow: hidden; position: relative; } .object__img img { width: 100%; height: 100%; object-fit: cover; object-position: center; } .yandex-map { margin-bottom: 30px; overflow: hidden; } #yandex-map__content { height: 458px; } .yandex-map__wrapper { position: relative; } .yandex-map__search { position: absolute; width: calc(100% - 100px); z-index: 5; top: 10px; left: 50%; transform: translateX(-50%); z-index: 20; } .yandex-map__search-results::-webkit-scrollbar { height: 2px; width: 4px; } .yandex-map__search-results::-webkit-scrollbar-thumb { background-color: #40465d; border-radius: 5px; } .yandex-map__search-box { position: relative; } .yandex-map__search-box::before { content: ''; width: 33px; height: 33px; position: absolute; left: 10px; top: 50%; transform: translateY(-50%); background: url(/images/yandexmap/loop.png) no-repeat center / contain; } .yandex-map .yandex-map__search-box input.yandex-map__search-field { width: 100% !important; height: 41px; padding: 5px 11px 3px 44px; font-weight: 300; font-size: 16px; color: #232323; border: 1px solid #c2c2c2; border-radius: 5px; box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25); background: #fff; outline: none; box-sizing: border-box; } .yandex-map__search-results { width: calc(100% - 100px); margin: 0 auto; box-sizing: border-box; position: absolute; display: none; top: 50px; max-height: calc(100% - 50px); left: 0; right: 0; z-index: 15; background-color: rgb(255, 255, 255); box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25); overflow-y: auto; } .yandex-map .result-item { cursor: pointer; } .yandex-map__search-empty { height: 41px; background: #fff; border: 1px solid #959a9c; padding: 11px 10px 9px; border-bottom: 0; cursor: pointer; font-size: 16px; box-sizing: border-box; color: #232323; font-family: 'Arial', sans-serif; } .yandex-map__search-results-wrapper { width: 242px; max-height: 330px; padding: 8px 10px; box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25); background: #fff; border: 1px solid #cacaca; border-radius: 5px; position: absolute; top: 85px; left: 50px; z-index: 1; box-sizing: border-box; overflow-y: auto; } .yandex-map__search-result:last-child { margin-bottom: 0; } .yandex-map__search-list li:not(:last-child) { margin-bottom: 10px; } .yandex-map__search-type { font-weight: 300; font-size: 12px; color: #565656; } .yandex-map__search-about { font-weight: 500; font-size: 14px; color: #565656; font-family: 'Roboto Medium', sans-serif; } .yandex-map .ymaps-2-1-79-balloon { z-index: 1; } .yandex-map__results { height: 41px; background: #fff; border: 1px solid #959a9c; padding: 11px 10px 9px; border-bottom: 0; cursor: pointer; font-size: 16px; box-sizing: border-box; color: #232323; font-family: 'Arial', sans-serif; } .yandex-map__results:last-child { border-bottom: 1px solid #959a9c; } .yandex-map__results:hover { background-color: #eee; } /* Скрытие всех надписей на карте */ .yandex-map [class*='control-popup'] { display: none !important; } .yandex-map [class*='copyrights-pane'] { display: none !important; } .yandex-map [class*='controls__control'] { inset: 260px auto auto 10px !important; } /* Стилизация балунов */ .yandex-map [class*='balloon__tail'] { display: none !important; box-shadow: none !important; } .yandex-map [class*='balloon__layout'] { width: 285px; height: auto !important; border-radius: 30px 5px 5px 5px; margin: 0; padding: 0; } .yandex-map [class*='balloon__close'] { display: none !important; } .yandex-map [class*='balloon_layout_normal'] { border-radius: 30px 5px 5px 5px; } .yandex-map [class*='balloon_layout_normal']::after { position: absolute; content: ''; width: 55px; height: 56px; background-image: url(/images/yandexmap/icon-big.svg); background-repeat: no-repeat; background-size: contain; top: -20px; left: -27px; z-index: 1; } .yandex-map [class*='balloon__content'] { margin: 0 !important; width: unset !important; padding-left: 15px; } .yandex-map [class*='balloon-content__header'] { margin-left: 20px !important; padding: 0; box-sizing: border-box; width: auto; font-family: 'Roboto', sans-serif; font-size: 16px; font-weight: 300 !important; color: #373737 !important; padding: 0; } .balloon-head__link { font-family: 'Roboto', sans-serif; font-size: 16px; font-weight: 300; color: #373737; padding: 0; box-sizing: border-box; line-height: 100%; } a.balloon-head__link { font-weight: 300; font-size: 16px; text-decoration: underline; color: #373737; } .balloon-body__phone-title, .balloon-body__email-title, .balloon-body__schedule-title { font-family: 'Roboto', sans-serif; font-size: 10px; font-weight: 300; color: #373737; padding: 0; box-sizing: border-box; line-height: 110% !important; margin-top: 3px; } .balloon-body__address, .balloon-body__phone, .balloon-body__email, .balloon-body__schedule { font-family: 'Roboto', sans-serif; font-size: 10px; font-weight: 500 !important; color: #373737; padding: 0; box-sizing: border-box; line-height: 120%; cursor: pointer; text-decoration: none; } .balloon-body__address { margin-left: 10px; font-size: 12px; } .yandex-map .ymaps-2-1-79-map ymaps, .ymaps-2-1-79-map ymaps:after, .ymaps-2-1-79-map ymaps:before { box-sizing: border-box !important; } .yandex-map .ymaps-2-1-79-balloon__content { box-sizing: border-box; padding-right: 12px !important; } .yandex-map .ymaps-2-1-79-balloon__content > * { width: 100%; max-width: 100%; height: auto !important; } .yandex-map .ymaps-2-1-79-balloon-content__footer { width: 100%; max-width: 100%; height: 100px; } .balloon-body__img { max-width: 100%; width: 100%; object-fit: cover; object-position: center; margin: 0; height: 100px; } .balloon-body__img img { max-width: 100%; width: 100%; object-fit: cover; object-position: center; margin: 0; } /* Стилизация списка городов */ .cities-list { margin: 0 !important; position: absolute; top: 50px; left: 50px; display: flex; flex-direction: column; justify-content: flex-start; align-items: center; width: 245px; height: 335px; overflow-y: auto; overflow-x: hidden; list-style: none; padding: 10px 5px; z-index: 10; box-sizing: border-box; border: 0.5px solid #cacaca; box-shadow: 0px 4px 4px 0px #00000040; background: #ffffff; border-radius: 5px; } .cities__item { margin: 0 !important; list-style: none !important; padding: 0 !important; position: relative; display: flex; width: 100%; box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25); background: #fff; border: 1px solid #cacaca; border-radius: 5px; display: block; user-select: none; cursor: pointer; background: none !important; } .cities__item:not(:last-child) { margin-bottom: 25px; } .cities__item-list { margin: 0 !important; list-style: none !important; } .cities__item li { padding: 0 !important; list-style: none !important; } .cities-list { scrollbar-width: thin; scrollbar-color: #40465d transparent; } /* для Chrome/Edge/Safari */ .cities-list::-webkit-scrollbar { height: 2px; width: 4px; } .cities-list::-webkit-scrollbar-thumb { background-color: #40465d; border-radius: 5px; } .city-item__list { list-style: none !important; margin: 0 !important; padding: 10px !important; } .city-item__list li { background: none !important; } .city-item__list-title { font-family: 'Roboto', sans-serif; font-size: 12px; font-weight: 300; color: #373737; line-height: 140%; } .city-item__list-address, .city-item__list-phone, .city-item__list-shedule { font-family: 'Roboto', sans-serif; font-size: 14px; font-weight: 400; color: #373737; } .city-item__list-address, .city-item__list-phone { margin-bottom: 10px; } .yandex-map__search-results .result-item { height: 41px; background: #fff; border: 1px solid #959a9c; padding: 11px 10px 9px; border-bottom: 0; cursor: pointer; font-size: 16px; box-sizing: border-box; color: #232323; font-family: 'Arial', sans-serif; } .yandex-map__search-results .result-item:last-child { border-bottom: 1px solid #959a9c; } .yandex-map__search-results .result-item:hover { background-color: #eee; } @media screen and (max-width: 1100px) { .cities-list { display: none !important; } .yandex-map__search, .yandex-map__search-results { width: calc(100% - 50px); } } td .catalog-item-image, td .catalog-item-image img { max-width: 100px; } @media screen and (min-width: 992px) { td .catalog-item-image, td .catalog-item-image img { max-width: 150px; } } .add_review_wrap > .button.btn { padding: 4px 10px; } /* ================ VACANCIES Page ================ */ .vacancies { display: flex; flex-direction: column; row-gap: 32px; margin-bottom: 16px; } .vacancies__header { padding: 32px; border-radius: 10px; background: #f0f0f0; display: flex; flex-direction: column; row-gap: 32px; line-height: normal; } .vacancies__header > div { display: flex; column-gap: 64px; row-gap: 32px; align-items: center; } .vacancies__info { display: flex; flex-direction: column; row-gap: 4px; } .vacancies__info-hint { color: #767676; font-family: 'Roboto Light'; font-size: 16px; font-weight: 300; } .vacancies__info-content { color: #000; font-family: 'Roboto Light'; font-size: 18px; font-weight: 300; } .vacancies p.vacancies__header-description { color: #000; font-family: 'Roboto Light'; font-size: 18px; font-weight: 300; margin-bottom: 0; } .vacancies .vacancies__section { display: flex; flex-direction: column; row-gap: 16px; } .vacancies h2.vacancies__title { color: #000; font-family: 'Roboto', sans-serif; font-size: 26px; font-weight: 500; line-height: normal; } .vacancies h3, .vacancies__item-salary { color: #1f479a; font-family: 'Roboto', sans-serif; font-size: 28px; font-weight: 500; line-height: normal; } .vacancies__item { border-radius: 10px; border: 1px solid #80a9ff; padding: 32px; } .vacancies__item-top-row { display: flex; justify-content: space-between; align-items: center; margin-bottom: 12px; } @media (max-width: 767px) { .vacancies__item-top-row { flex-direction: column; row-gap: 12px; align-items: flex-start; } } .vacancies .vacancies__item .vacancies__item-description { margin-bottom: 0; } .vacancies .vacancies__item-content h4 { color: #000; font-family: 'Roboto', sans-serif; font-size: 24px; font-weight: 400; line-height: normal; margin-top: 40px; margin-bottom: 16px; } .vacancies .vacancies__item ul { margin: 0; } .vacancies .vacancies__item p, .vacancies .vacancies__item li { color: #000; font-family: 'Roboto', sans-serif; font-size: 18px; font-weight: 300; line-height: normal; } .vacancies .vacancies__item li { padding-left: 0; background: none; } .vacancies .vacancies__item-content li::before { content: '- '; } .vacancies .vacancies__item ul:not(:last-child), .vacancies .vacancies__item p:not(:last-child) { margin-bottom: 12px; } @media (max-width: 1024px) { .vacancies__header > div { flex-direction: column; align-items: flex-start; } } /* ============== VACANCIES Page end ============== */ /* ================ ACCORDION ================ */ .accordion { display: grid; grid-template-columns: 1fr; } .accordion label { border-radius: 8px; background-color: #1f479a; margin-top: 32px; margin-left: auto; width: fit-content; padding: 8px 60px 8px 32px; color: #fff; font-family: 'Roboto', sans-serif; font-size: 24px; font-weight: 500; line-height: normal; position: relative; cursor: pointer; transition: background-color 0.3s ease-in-out; } .accordion label::after { content: ''; display: block; width: 24px; height: 24px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='25' viewBox='0 0 24 25' fill='none'%3E%3Cpath d='M17 10.5L12 15.5L7 10.5' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center; background-size: 100%; top: 50%; right: 32px; translate: 0 -50%; position: absolute; transition: rotate 0.3s ease-in-out; } @media (hover: hover) { .accordion label:hover { background-color: #3e5c9a; } } .accordion label:active { background-color: #002980; } .accordion input { display: none; } .accordion__content { overflow: hidden; display: grid; min-height: 0; grid-template-rows: 0fr; transition: grid-template-rows 0.3s ease-in-out; } .accordion__content-wrapper { min-height: 0; } .accordion input:checked + .accordion__content { grid-template-rows: 1fr; } .accordion input:checked ~ label::after { rotate: 180deg; } /* ============== ACCORDION end ============== */ /* ================ TEXT-CONTROL ================ */ .text-control { position: relative; width: 100%; } .text-control input, .text-control input[type='text'], .text-control textarea, .content .text-control input, .content .text-control input[type='text'], .content .text-control textarea { display: inline-block; width: 100%; padding: 16px; font-family: 'Roboto Light', sans-serif; font-size: 18px; font-weight: 300; line-height: normal; box-sizing: border-box; border: none; border-bottom: 1px solid #767676; outline: none; transition: border-color 0.2s ease-in-out; } .text-control input::placeholder, .text-control input[type='text']::placeholder, .text-control textarea::placeholder, .content .text-control input::placeholder, .content .text-control input[type='text']::placeholder, .content .text-control textarea::placeholder { color: #767676; } .text-control textarea, .content .text-control textarea { resize: none; } .text-control:has(input[required])::after, .text-control:has(textarea[required])::after { content: '*'; right: 16px; top: 50%; translate: 0 -50%; position: absolute; color: #1f479a; font-family: 'Roboto Light'; font-size: 18px; font-weight: 300; line-height: normal; } .text-control__error { color: #f7434a; font-size: 12px; position: absolute; top: calc(100% + 2px); left: 0; right: 0; padding: 0 16px; } @media (hover: hover) { .text-control input:hover, .text-control input[type='text']:hover, .text-control textarea:hover, .content .text-control input:hover, .content .text-control input[type='text']:hover, .content .text-control textarea:hover { border-color: #52bbfd; } } .text-control input:focus, .text-control input[type='text']:focus, .text-control textarea:focus, .content .text-control input:focus, .content .text-control input[type='text']:focus, .content .text-control textarea:focus { border-color: #5986e0; } /* ============== TEXT-CONTROL end ============== */ /* ================ FILE-CONTROL ================ */ .file-control { position: relative; padding-bottom: 40px; } .file-control input { display: none; } .file-control label { padding: 16px 0; width: 240px; border-radius: 4px; border: 1px solid #1f479a; background: #fff; color: #1f479a; font-family: 'Roboto', sans-serif; font-size: 20px; font-weight: 500; line-height: normal; display: flex; align-items: center; justify-content: center; column-gap: 4px; cursor: pointer; transition: background-color 0.3s ease-in-out; } .file-control label::before, .file-control > span::before { content: ''; display: block; width: 24px; height: 24px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='24' viewBox='0 0 25 24' fill='none'%3E%3Cpath d='M20.5005 5H11.9145L10.2075 3.293C10.02 3.10545 9.76568 3.00006 9.50049 3H4.50049C3.39749 3 2.50049 3.897 2.50049 5V19C2.50049 20.103 3.39749 21 4.50049 21H20.5005C21.6035 21 22.5005 20.103 22.5005 19V7C22.5005 5.897 21.6035 5 20.5005 5ZM4.50049 19V7H20.5005L20.5025 19H4.50049Z' fill='%231F479A'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: cover; block-size: 24px; } @media (hover: hover) { .file-control label:hover { background-color: #cdf; } } .file-control label:active { background-color: #adc8ff; } .file-control span { color: #1f479a; font-family: 'Roboto Light', sans-serif; font-size: 16px; font-weight: 300; line-height: normal; } .file-control > span { padding-left: 32px; position: absolute; left: 0; bottom: 0; } .file-control > span::before { position: absolute; left: 0; top: 50%; translate: 0 -50%; } .file-control > button { width: 24px; height: 24px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.47032 5.46983C5.61094 5.32938 5.80157 5.25049 6.00032 5.25049C6.19907 5.25049 6.38969 5.32938 6.53032 5.46983L18.5303 17.4698C18.604 17.5385 18.6631 17.6213 18.7041 17.7133C18.7451 17.8053 18.7671 17.9046 18.7689 18.0053C18.7707 18.106 18.7522 18.206 18.7144 18.2994C18.6767 18.3928 18.6206 18.4776 18.5494 18.5489C18.4781 18.6201 18.3933 18.6762 18.2999 18.714C18.2065 18.7517 18.1065 18.7702 18.0058 18.7684C17.9051 18.7666 17.8058 18.7446 17.7138 18.7036C17.6218 18.6626 17.539 18.6035 17.4703 18.5298L5.47032 6.52983C5.32987 6.3892 5.25098 6.19858 5.25098 5.99983C5.25098 5.80108 5.32987 5.61045 5.47032 5.46983Z' fill='%231F479A'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M18.5298 5.46983C18.6703 5.61045 18.7492 5.80108 18.7492 5.99983C18.7492 6.19858 18.6703 6.3892 18.5298 6.52983L6.52985 18.5298C6.38767 18.6623 6.19963 18.7344 6.00532 18.731C5.81102 18.7276 5.62564 18.6489 5.48822 18.5114C5.35081 18.374 5.2721 18.1887 5.26867 17.9944C5.26524 17.8 5.33737 17.612 5.46985 17.4698L17.4698 5.46983C17.6105 5.32938 17.8011 5.25049 17.9998 5.25049C18.1986 5.25049 18.3892 5.32938 18.5298 5.46983Z' fill='%231F479A'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-size: cover; background-position: center; position: absolute; bottom: 0; right: 0; } .file-control__error { color: #f7434a; font-size: 12px; position: absolute; top: calc(100% + 2px); left: 0; right: 0; } /* ============== FILE-CONTROL end ============== */ /* ============== RESUME-FORM ============== */ .resume-form { width: 100%; max-width: 568px; } .resume-form .resume-form__heading, .resume-form .resume-form__politics, /* .resume-form .resume-form__required-fields, d */ .resume-form .resume-form__controls { margin-bottom: 32px; } .resume-form__heading { color: #232320; font-family: 'Roboto', sans-serif; font-size: 28px; font-weight: 500; line-height: normal; } .resume-form__controls { display: flex; flex-direction: column; row-gap: 24px; } .resume-form .resume-form__politics, .resume-form .resume-form__required-fields { font-family: 'Roboto Light', sans-serif; font-size: 16px; font-weight: 300; line-height: 150%; } .resume-form .resume-form__politics { color: #9d9d9d; } .resume-form span > a, .resume-form p > a { color: #9d9d9d; text-decoration: underline; transition: color 0.3s ease-in-out; } @media (hover: hover) { .resume-form span > a:hover, .resume-form p > a:hover { color: #1f479a; } } .resume-form .resume-form__required-fields { color: #1f479a; } .resume-form .resume-form__buttons-row { display: flex; justify-content: space-between; gap: 24px; flex-wrap: wrap; } @media (max-width: 767px) { .resume-form .resume-form__buttons-row { flex-direction: column; } .resume-form .resume-form__add-files { width: 100%; } .resume-form .resume-form__add-files label { width: 100%; } .resume-form .resume-form__submit-button { width: 100%; } } /* ============ RESUME-FORM end ============ */ /* ============== REAL-BUTTON ============== */ .real-button { display: block; height: fit-content; border-radius: 4px; background-color: #1f479a; padding: 16px 32px; color: #fff; font-family: 'Roboto'; font-size: 20px; font-weight: 500; line-height: normal; transition: background-color 0.3s ease-in-out; } .real-button.real-button_secondary { background-color: #52bbfd; } @media (hover: hover) { .real-button:hover { background-color: #3e5c9a; } .real-button.real-button_secondary:hover { background-color: #7fccfd; } } .real-button:active { background-color: #002980; } .real-button.real-button_secondary:active { background-color: #19a5fd; } /* ============ REAL-BUTTON end ============ */ .detail_item { font-size: 14px; } table.products.color-prods { font-size: 14px; } table.products { font-size: 14px; } table.chars { font-size: 14px; } .reviews_block .reviews_text { font-size: 14px; } /* End */ /* Start:/local/templates/main/components/bitrix/menu/vertical_multilevel/style.css?1740644135302*/ .catNav .menu-icon { width: 24px; height: 24px; background-size: contain !important; background-repeat: no-repeat !important; margin-right: 10px; } .catNav>li>a { background: none !important; padding: 0 !important; display: flex; align-items: center; } /* End */ /* Start:/local/templates/main/components/arturgolubev/search.title/search_header/style.css?174064413514073*/ /* div.title-search-result { display: block !important; } */ .bx_smart_searche, .bx_smart_searche *, .bx-searchtitle, .bx-searchtitle * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-family: Helvetica, Arial, sans-serif; font-size: 14px; } .bx-searchtitle { margin: 10px 0 0; } .bx-searchtitle-history { margin-top: 5px; } .bx-searchtitle-history a { color: #222; text-decoration: underline; } .bx-searchtitle-history a:hover { text-decoration: none; } .bx-searchtitle .bx-block-title { font-family: "Open Sans", Arial, "Helvetica Neue", Helvetica, sans-serif; color: #343434; text-transform: uppercase; font-size: 12px; margin-bottom: 9px; font-weight: 600; } .bx-searchtitle .bx-input-group { position: relative; display: table; border-collapse: separate; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .bx-searchtitle .bx-input-group {} .bx-searchtitle .bx-input-group .bx-form-control { display: table-cell; position: relative; z-index: 2; float: left; width: 100%; margin-bottom: 0; display: block; width: 100%; height: 34px; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; color: #333; background-color: #f8fafc; border: 1px solid #d5dadc; border-right: none; border-radius: 1px 0 0 1px; outline: none; box-shadow: none !important; -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; } .bx-searchtitle .bx-input-group .bx-form-control:focus { background-color: #fff; } .bx-ios .bx-searchtitle .bx-input-group .bx-form-control { /* Fix of input shadow for IOS browsers. */ background-image: -webkit-linear-gradient(#f8fafc 0%, #f8fafc 100%); background-image: linear-gradient(#f8fafc 0%, #f8fafc 100%); } .bx-searchtitle .bx-input-group-btn { position: relative; font-size: 0; width: 1%; white-space: nowrap; vertical-align: middle; display: table-cell; line-height: normal; } .bx-searchtitle .bx-input-group-btn button { position: relative; border: none; background: url(/local/templates/main/components/arturgolubev/search.title/search_header/images/search-icon.png) center center no-repeat #95a1a8; display: inline-block; margin-bottom: 0; cursor: pointer; padding:0; border-radius: 0 1px 1px 0; color: #fff; font-size: 16px; line-height: 1.42857143; height: 34px; width: 40px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } .bx-searchtitle .bx-input-group-btn button:hover { background-color: #1484CE; } div.title-search-result { border:0 none !important; border-top: 0 none; display:none; overflow:hidden; z-index:999; min-width: 200px; margin-top: 3px; background-color: #FFF; /* border-top: 0 none; */ border-radius: 2px; box-shadow: 0px 0px 7px -2px #d6d6d6; /* display: block !important; */ } div.title-search-fader { display:none; background-image: url('/local/templates/main/components/arturgolubev/search.title/search_header/images/fader.png'); background-position: right top; background-repeat: repeat-y; position:absolute; } p.title-search-preview { font-size:12px; } div.title-search-result td.title-search-price span { font-size: 26px; } /*========================*/ .bx_smart_searche { padding-top:8px; border-top: 0 none; border-radius: 0 0 3px 3px; } .bx_smart_searche .bx_info_wrap{ margin-left: 85px; } .bx_smart_searche .bx_img_element{ float: left; padding: 5px; width: 75px; text-align: center; } .bx_smart_searche .bx_item_block{ min-height: 65px; position: relative; } .bx_smart_searche .bx_image{ /* width: 45px; height: 45px; background-size: contain; background-position: center; background-repeat: no-repeat; border: 1px solid #e8e8e8; */ display: inline-block; max-width: 100%; } .bx_smart_searche .bx_image.empty_image{ background-image: url(/local/templates/main/components/arturgolubev/search.title/search_header/image/noimg.png); } .bx_smart_searche .bx_item_element{ padding: 8px 0; } .bx_smart_searche .bx_item_element_all_result { text-align: center; } .bx_smart_searche .bx_item_element hr{ margin: 0; border: none; border-bottom: 1px solid #e5e5e5; } .bx_smart_searche .bx_item_element a{ margin-top: 5px; display: inline-block; color: #333; font-size: 14px; text-decoration: none; font-weight: bold; } .bx_smart_searche .bx_item_element a b{ font-weight: bold; } .bx_smart_searche .bx_item_element a b{color: #000;} .bx_smart_searche .bx_item_element a:hover, .bx_smart_searche .bx_item_element a:hover b{text-decoration: underline;} .bx_smart_searche .bx_item_preview_text{ font-size:13px; padding: 5px 10px 5px 0; } .bx_smart_searche .bx_price{ font-weight:bold; font-size:15px; margin-top: 5px; } .bx_smart_searche .bx_price .old{ font-weight: normal; text-decoration: line-through; color: #636363; font-size: 12px; vertical-align: middle; } .bx_smart_searche .bx_item_block.all_result{min-height:0} .bx_smart_searche .bx_item_block.others_result{ min-height: 0; line-height: 12px; padding: 0; } .bx_smart_searche .bx_item_block.all_result .all_result_button{ display: inline-block; font-size: 14px; background-color: #1485CE; border: 1px solid; border-color: #1485CE; color: #FFF; padding: 0 22px; height: 34px; text-decoration: none; border-radius: 2px; margin: 0 0 8px; line-height: 34px; text-transform: uppercase; font-weight: bold; letter-spacing: .5px; } .bx_smart_searche .bx_item_block_href { display: block; text-decoration: none; margin-bottom: 5px; padding: 8px; line-height: 14px; } .bx_smart_searche .bx_item_block_href:hover { background-color: #feeed2; } .bx_smart_searche .bx_item_block_hrline { border-bottom: 1px solid #f5a61c; margin: 0 8px 5px; } .bx_item_block_item_clear { display: block; clear:both; } .bx_smart_searche .bx_item_block_item_info_wrap { display: block; } .bx_smart_searche .bx_item_block_item_info_wrap.wpic { padding-left: 39px; } .bx_smart_searche .bx_item_block_item_info { display: block; } .bx_smart_searche .bx_item_block_href_category_title { color: #a2a2a2; /* font-weight: bold; */ } .bx_smart_searche .bx_item_block_href_category_name { color: #f5a61c; font-weight: bold; text-transform: uppercase; } .bx_smart_searche .bx_item_block_item_image { width: 34px; height: 34px; float:left; margin-right: 5px; position: relative; } .bx_smart_searche .bx_item_block_item_image img { position: absolute; top: 0; left:0; right:0; bottom:0; margin: auto; max-width: 100%; max-height: 100%; } .bx_smart_searche .bx_item_block_item_name { color: #333; overflow: hidden; height: 34px; display: block; line-height: 17px; display: flex; } .bx_smart_searche .bx_item_block_item_name_flex_align { margin: auto 0; } .bx_smart_searche .bx_item_block_item_simple_name { color: #333; display: block; line-height: 17px; } .bx_smart_searche .bx_item_block_item_name b, .bx_smart_searche .bx_item_block_item_simple_name b { color: #f5a61c; } .bx_smart_searche .bx_item_block_item_price { float:right; text-align: right; color: #333; line-height: 17px; padding-left: 5px; } .bx_smart_searche .bx_item_block_item_price.bx_item_block_item_price_only_one { line-height: 34px; } .bx_smart_searche .bx_item_block_item_price .bx_price_new { white-space: nowrap; font-weight: bold; display: block; } .bx_smart_searche .bx_item_block_item_price .bx_price_old { white-space: nowrap; text-decoration: line-through; } .bx_smart_searche .bx_item_block_item_text { color: #9b9b9b; display: block; margin-top: 8px; font-size: 13px; line-height: 15px; } .bx_smart_searche .bx_item_block_item_props { color: #9b9b9b; display: block; margin-top: 8px; font-size: 13px; line-height: 15px; } .bx_smart_searche .bx_item_block_item_text.wpic, .bx_smart_searche .bx_item_block_item_props.wpic { /* padding-left: 39px; */ } .bx_item_block_item_prop_item { display: block; } .bx_smart_no_result_find { padding: 0 8px 8px; } /* preloader base */ .bx-searchtitle .bx-searchtitle-preloader { position: absolute; top: 2px; right: 110%; width: 30px; height: 30px; z-index: 5; display: none; /* display: block; */ } .bx-searchtitle .bx-searchtitle-preloader.view { background: url(/local/templates/main/components/arturgolubev/search.title/search_header/images/loader_orange.gif) center center no-repeat; } /* blue */ .bx-searchtitle.theme-blue .bx-input-group .bx-form-control { border-color:#0083d1; } .bx-searchtitle.theme-blue .bx-searchtitle-preloader.view { background-image: url(/local/templates/main/components/arturgolubev/search.title/search_header/images/loader_blue.gif); } .bx_smart_searche.theme-blue .bx_item_block.all_result .all_result_button{ background-color: #0083d1; border-color: #0083d1; } .bx-searchtitle.theme-blue .bx-input-group-btn button { background-color: #0083d1; border-color: #0083d1; color: #FFF; } .bx-searchtitle.theme-blue .bx-input-group-btn button:hover, .bx_smart_searche.theme-blue .bx_item_block.all_result .all_result_button:hover { background-color: #5ca6e4; border-color: #5ca6e4; text-decoration: none; } .bx_smart_searche.theme-blue .bx_item_element a b{ color: #5ca6e4; } .bx_smart_searche.theme-blue .bx_item_block_href:hover { background-color: #b2d9f1; } .bx_smart_searche.theme-blue .bx_item_block_href_category_name { color:#0083d1; } .bx_smart_searche.theme-blue .bx_item_block_item_name b, .bx_smart_searche.theme-blue .bx_item_block_item_simple_name b { color:#0083d1; } .bx_smart_searche.theme-blue .bx_item_block_hrline { border-color: #0083d1; } /* black */ .bx-searchtitle.theme-black .bx-input-group .bx-form-control { border-color:#333; } .bx-searchtitle.theme-black .bx-searchtitle-preloader.view { background-image: url(/local/templates/main/components/arturgolubev/search.title/search_header/images/loader_black.gif); } .bx_smart_searche.theme-black .bx_item_block.all_result .all_result_button{ background-color: #333; border-color: #333; } .bx-searchtitle.theme-black .bx-input-group-btn button { background-color: #333; border-color: #333; color: #FFF; } .bx-searchtitle.theme-black .bx-input-group-btn button:hover, .bx_smart_searche.theme-black .bx_item_block.all_result .all_result_button:hover { background-color: #5c5c5c; border-color: #5c5c5c; text-decoration: none; } .bx_smart_searche.theme-black .bx_item_element a b{ color: #5c5c5c; } .bx_smart_searche.theme-black { /* border:1px solid #333; */ border-top: 0 none; border-radius: 0 0 3px 3px; } .bx_smart_searche.theme-black .bx_item_block_href:hover { background-color: #eaeaea; } .bx_smart_searche.theme-black .bx_item_block_href_category_name { color:#333; } .bx_smart_searche.theme-black .bx_item_block_item_name b, .bx_smart_searche.theme-black .bx_item_block_item_simple_name b { color:#333; } .bx_smart_searche.theme-black .bx_item_block_hrline { border-color: #333; } /* green */ .bx-searchtitle.theme-green .bx-input-group .bx-form-control { border-color:#159ebb; } .bx-searchtitle.theme-green .bx-searchtitle-preloader.view { background-image: url(/local/templates/main/components/arturgolubev/search.title/search_header/images/loader_green.gif); } .bx_smart_searche.theme-green .bx_item_block.all_result .all_result_button{ background-color: #159ebb; border-color: #159ebb; } .bx-searchtitle.theme-green .bx-input-group-btn button { background-color: #159ebb; border-color: #159ebb; color: #FFF; } .bx-searchtitle.theme-green .bx-input-group-btn button:hover, .bx_smart_searche.theme-green .bx_item_block.all_result .all_result_button:hover { background-color: #44b1c9; border-color: #44b1c9; text-decoration: none; } .bx_smart_searche.theme-green .bx_item_element a b{ color: #44b1c9; } .bx_smart_searche.theme-green .bx_item_block_href:hover { background-color: #d0ebf1; } .bx_smart_searche.theme-green .bx_item_block_href_category_name { color:#159ebb; } .bx_smart_searche.theme-green .bx_item_block_item_name b, .bx_smart_searche.theme-green .bx_item_block_item_simple_name b { color:#159ebb; } .bx_smart_searche.theme-green .bx_item_block_hrline { border-color: #159ebb; } /* red */ .bx-searchtitle.theme-red .bx-input-group .bx-form-control { border-color:#E22B2B; } .bx-searchtitle.theme-red .bx-searchtitle-preloader.view { background-image: url(/local/templates/main/components/arturgolubev/search.title/search_header/images/loader_red.gif); } .bx_smart_searche.theme-red .bx_item_block.all_result .all_result_button{ background-color: #E22B2B; border-color: #E22B2B; } .bx-searchtitle.theme-red .bx-input-group-btn button { background-color: #E22B2B; border-color: #E22B2B; color: #FFF; } .bx-searchtitle.theme-red .bx-input-group-btn button:hover, .bx_smart_searche.theme-red .bx_item_block.all_result .all_result_button:hover { background-color: #e95c5c; border-color: #e95c5c; text-decoration: none; } .bx_smart_searche.theme-red .bx_item_element a b{ color: #e95c5c; } .bx_smart_searche.theme-green .bx_item_block_href:hover { background-color: #f9d4d4; } .bx_smart_searche.theme-red .bx_item_block_href_category_name { color:#E22B2B; } .bx_smart_searche.theme-red .bx_item_block_item_name b, .bx_smart_searche.theme-red .bx_item_block_item_simple_name b { color:#E22B2B; } .bx_smart_searche.theme-red .bx_item_block_hrline { border-color: #E22B2B; } /* yellow */ .bx-searchtitle.theme-yellow .bx-input-group .bx-form-control { border-color:#F9A91D; } .bx-searchtitle.theme-yellow .bx-searchtitle-preloader.view { background-image: url(/local/templates/main/components/arturgolubev/search.title/search_header/images/loader_yellow.gif); } .bx_smart_searche.theme-yellow .bx_item_block.all_result .all_result_button{ background-color: #F9A91D; border-color: #F9A91D; } .bx-searchtitle.theme-yellow .bx-input-group-btn button { background-color: #F9A91D; border-color: #F9A91D; color: #FFF; } .bx-searchtitle.theme-yellow .bx-input-group-btn button:hover, .bx_smart_searche.theme-yellow .bx_item_block.all_result .all_result_button:hover { background-color: #faba4a; border-color: #faba4a; text-decoration: none; } .bx_smart_searche.theme-yellow .bx_item_element a b{ color: #faba4a; } .bx_smart_searche.theme-yellow .bx_item_block_href_category_name { color:#F9A91D; } .bx_smart_searche.theme-yellow .bx_item_block_item_name b, .bx_smart_searche.theme-yellow .bx_item_block_item_simple_name b { color:#F9A91D; } .bx_smart_searche.theme-yellow .bx_item_block_hrline { border-color: #F9A91D; } /* End */ /* Start:/local/templates/main/components/bitrix/catalog.top/top/style.css?174064413556*/ .price .old_price { text-decoration: line-through; } /* End */ /* Start:/local/templates/main/components/bitrix/news.list/main_slider_news/style.css?1740644135150*/ div.news-list { word-wrap: break-word; } div.news-list img.preview_picture { float:left; margin:0 4px 6px 0; } .news-date-time { color:#486DAA; } /* End */ /* Start:/local/templates/main/components/altasib/feedback.form/callback-form/form_style.css?174064413547449*/ .modal_form{ border-radius:5px; background:#fff; /*position:fixed;*/ position:absolute; top:45%; left:50%; opacity:0; z-index:2001; transition:all 0.3s ease 0s; box-shadow:0 0 33px rgba(0,0,0,0.36); min-height:200px; height:auto; overflow:hidden; box-sizing:border-box; padding:40px 20px 40px; } .modal_close{ width:14px; height:14px; position:absolute; background:#fff; top:20px; right:20px; cursor:pointer; display:block; overflow:hidden; opacity:0.6; -ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=60); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=60); z-index:2; -webkit-transition:all .2s ease-out; -moz-transition:all .2s ease-out; -ms-transition:all .2s ease-out; -o-transition:all .2s ease-out; transition:all .2s ease-out; } .modal_close_ok{ width:115px; height:36px; line-height:36px; background:#0097f6; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; -webkit-box-shadow:0 2px 4px 2px #e6e6e6; -moz-box-shadow:0 2px 4px 2px #e6e6e6; box-shadow:0 2px 4px 2px #e6e6e6; border:none; outline:none; color:#fff; text-align:center; margin:0 auto 10px; display:block; cursor:pointer; -webkit-transition:all .2s ease-out; -moz-transition:all .2s ease-out; -ms-transition:all .2s ease-out; -o-transition:all .2s ease-out; transition:all .2s ease-out; } .modal_close_ok:hover{ -webkit-box-shadow:0 2px 5px 3px #ccc; -moz-box-shadow:0 2px 5px 3px #ccc; box-shadow:0 2px 5px 3px #ccc; } .modal_close:hover{ opacity:1; -ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100); } .modal_close__left:before{ position:absolute; content:''; left:-3px; top:-5px; border:12px solid transparent; border-left-color:#767676; } .modal_close__left:after{ position:absolute; content:''; left:-7px; top:-5px; border:12px solid transparent; border-left-color:#fff; } .modal_close__right:before{ position:absolute; content:''; right:-3px; top:-5px; border:12px solid transparent; border-right-color:#767676; } .modal_close__right:after{ position:absolute; content:''; right:-7px; top:-5px; border:12px solid transparent; border-right-color:#fff; } .alx_fb_overlay{ z-index:2000; position:fixed; background-color:#000; opacity:0.2; width:100%; height:100%; top:0; left:0; cursor:pointer; display:none; } .alx_feedback_popup{ cursor:pointer; } .alx-feedb-data-errorLoading{ text-align:center; padding-top:50px; } .alx_fedb_wait{ height:140px; left:45%; position:fixed; top:45%; width:140px; z-index:2001; text-align:center; } .alx-feedb-data{ position:absolute; opacity:0; } .alx-feedb-data-view{ position:relative; opacity:1; width:100%; transition:all 0.3s ease 0s; } .afbf_success_block{ height:140px; display:table; vertical-align:middle; width:100%; margin-bottom:20px; } .afbf_success_block._without-popup{ height:100px; } .afbf_success_block._without-popup .afbf_mess_ok{ text-align:left; line-height:50px; } .afbf_success_block._without-popup .afbf_mess_ok .mess{ margin-left:60px; } .afbf_success_block._without-popup .afbf_ok_icon{ display:inline-block; width:auto; min-width:50px; float:left; margin-bottom:0; } .afbf_mess_ok{ display:table-cell; vertical-align:middle; text-align:center; } /* animation loading */ @keyframes alx-rotate-loading{0%{transform:rotate(0deg); -ms-transform:rotate(0deg); -webkit-transform:rotate(0deg); -o-transform:rotate(0deg); -moz-transform:rotate(0deg);}100%{transform:rotate(360deg); -ms-transform:rotate(360deg); -webkit-transform:rotate(360deg); -o-transform:rotate(360deg); -moz-transform:rotate(360deg);}} @-moz-keyframes alx-rotate-loading{0%{transform:rotate(0deg); -ms-transform:rotate(0deg); -webkit-transform:rotate(0deg); -o-transform:rotate(0deg); -moz-transform:rotate(0deg);}100%{transform:rotate(360deg); -ms-transform:rotate(360deg); -webkit-transform:rotate(360deg); -o-transform:rotate(360deg); -moz-transform:rotate(360deg);}} @-webkit-keyframes alx-rotate-loading{0%{transform:rotate(0deg); -ms-transform:rotate(0deg); -webkit-transform:rotate(0deg); -o-transform:rotate(0deg); -moz-transform:rotate(0deg);}100%{transform:rotate(360deg); -ms-transform:rotate(360deg); -webkit-transform:rotate(360deg); -o-transform:rotate(360deg); -moz-transform:rotate(360deg);}} @-o-keyframes alx-rotate-loading{0%{transform:rotate(0deg); -ms-transform:rotate(0deg); -webkit-transform:rotate(0deg); -o-transform:rotate(0deg); -moz-transform:rotate(0deg);}100%{transform:rotate(360deg); -ms-transform:rotate(360deg); -webkit-transform:rotate(360deg); -o-transform:rotate(360deg); -moz-transform:rotate(360deg);}} @keyframes alx-rotate-loading{0%{transform:rotate(0deg); -ms-transform:rotate(0deg); -webkit-transform:rotate(0deg); -o-transform:rotate(0deg); -moz-transform:rotate(0deg);}100%{transform:rotate(360deg); -ms-transform:rotate(360deg); -webkit-transform:rotate(360deg); -o-transform:rotate(360deg); -moz-transform:rotate(360deg);}} @-moz-keyframes alx-rotate-loading{0%{transform:rotate(0deg); -ms-transform:rotate(0deg); -webkit-transform:rotate(0deg); -o-transform:rotate(0deg); -moz-transform:rotate(0deg);}100%{transform:rotate(360deg); -ms-transform:rotate(360deg); -webkit-transform:rotate(360deg); -o-transform:rotate(360deg); -moz-transform:rotate(360deg);}} @-webkit-keyframes alx-rotate-loading{0%{transform:rotate(0deg); -ms-transform:rotate(0deg); -webkit-transform:rotate(0deg); -o-transform:rotate(0deg); -moz-transform:rotate(0deg);}100%{transform:rotate(360deg); -ms-transform:rotate(360deg); -webkit-transform:rotate(360deg); -o-transform:rotate(360deg); -moz-transform:rotate(360deg);}} @-o-keyframes alx-rotate-loading{0%{transform:rotate(0deg); -ms-transform:rotate(0deg); -webkit-transform:rotate(0deg); -o-transform:rotate(0deg); -moz-transform:rotate(0deg);}100%{transform:rotate(360deg); -ms-transform:rotate(360deg); -webkit-transform:rotate(360deg); -o-transform:rotate(360deg); -moz-transform:rotate(360deg);}} @keyframes loading-text-opacity{0%{opacity:0}20%{opacity:0}50%{opacity:1}100%{opacity:0}} @-moz-keyframes loading-text-opacity{0%{opacity:0}20%{opacity:0}50%{opacity:1}100%{opacity:0}} @-webkit-keyframes loading-text-opacity{0%{opacity:0}20%{opacity:0}50%{opacity:1}100%{opacity:0}} @-o-keyframes loading-text-opacity{0%{opacity:0}20%{opacity:0}50%{opacity:1}100%{opacity:0}} .alx-rotate-loading, .alx-feedb-loading{ height:120px; position:relative; width:120px; border-radius:100%; } .alx-rotate-loading{ margin:40px auto; } .alx-feedb-loading{ border:13px solid transparent; border-color:transparent #fff transparent #FFF; -moz-animation:alx-rotate-loading 2s linear 0s infinite normal; -moz-transform-origin:50% 50%; -o-animation:alx-rotate-loading 2s linear 0s infinite normal; -o-transform-origin:50% 50%; -webkit-animation:alx-rotate-loading 2s linear 0s infinite normal; -webkit-transform-origin:50% 50%; animation:alx-rotate-loading 2s linear 0s infinite normal; transform-origin:50% 50%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } .alx-rotate-loading:hover .alx-feedb-loading{ border-color:transparent #E45635 transparent #E45635; } .alx-rotate-loading:hover .alx-feedb-loading, .alx-rotate-loading .alx-feedb-loading{ -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out; } .alx-feedb-loading-text{ animation:2s linear 0s normal none infinite running loading-text-opacity; color:#fff; font-size:15px; font-weight:bold; margin-top:52.5px; position:absolute; text-align:center; text-transform:uppercase; top:0px; width:120px; } /* animation popup */ @-webkit-keyframes bounceInDown{from,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000); animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);}0%{opacity:0; -webkit-transform:translate3d(0,-3000px,0); transform:translate3d(0,-3000px,0);}60%{-webkit-transform:translate3d(0,25px,0); transform:translate3d(0,25px,0);}75%{-webkit-transform:translate3d(0,-10px,0); transform:translate3d(0,-10px,0);}90%{-webkit-transform:translate3d(0,5px,0); transform:translate3d(0,5px,0);}to{opacity:1; -webkit-transform:none; transform:none;}} @keyframes bounceInDown{from,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000); animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);}0%{opacity:0; -webkit-transform:translate3d(0,-3000px,0); transform:translate3d(0,-3000px,0);}60%{-webkit-transform:translate3d(0,25px,0); transform:translate3d(0,25px,0);}75%{-webkit-transform:translate3d(0,-10px,0); transform:translate3d(0,-10px,0);}90%{-webkit-transform:translate3d(0,5px,0); transform:translate3d(0,5px,0);}to{opacity:1; -webkit-transform:none; transform:none;}} @-webkit-keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0); transform:translate3d(0,10px,0);}40%,45%{opacity:1; -webkit-transform:translate3d(0,-20px,0); transform:translate3d(0,-20px,0);}to{opacity:0; -webkit-transform:translate3d(0,2000px,0); transform:translate3d(0,2000px,0);}} @keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0); transform:translate3d(0,10px,0);}40%,45%{opacity:1; -webkit-transform:translate3d(0,-20px,0); transform:translate3d(0,-20px,0);}to{opacity:0; -webkit-transform:translate3d(0,2000px,0); transform:translate3d(0,2000px,0);}} @-moz-keyframes bounceInDown{from,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000); animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);}0%{opacity:0; -webkit-transform:translate3d(0,-3000px,0); transform:translate3d(0,-3000px,0);}60%{-webkit-transform:translate3d(0,25px,0); transform:translate3d(0,25px,0);}75%{-webkit-transform:translate3d(0,-10px,0); transform:translate3d(0,-10px,0);}90%{-webkit-transform:translate3d(0,5px,0); transform:translate3d(0,5px,0);}to{opacity:1; -webkit-transform:none; transform:none;}} @-o-keyframes bounceInDown{from,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000); animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);}0%{opacity:0; -webkit-transform:translate3d(0,-3000px,0); transform:translate3d(0,-3000px,0);}60%{-webkit-transform:translate3d(0,25px,0); transform:translate3d(0,25px,0);}75%{-webkit-transform:translate3d(0,-10px,0); transform:translate3d(0,-10px,0);}90%{-webkit-transform:translate3d(0,5px,0); transform:translate3d(0,5px,0);}to{opacity:1; -webkit-transform:none; transform:none;}} @-moz-keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0); transform:translate3d(0,10px,0);}40%,45%{opacity:1; -webkit-transform:translate3d(0,-20px,0); transform:translate3d(0,-20px,0);}to{opacity:0; -webkit-transform:translate3d(0,2000px,0); transform:translate3d(0,2000px,0);}} @-o-keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0); transform:translate3d(0,10px,0);}40%,45%{opacity:1; -webkit-transform:translate3d(0,-20px,0); transform:translate3d(0,-20px,0);}to{opacity:0; -webkit-transform:translate3d(0,2000px,0); transform:translate3d(0,2000px,0);}} @-webkit-keyframes rotateIn{from{-webkit-transform-origin:center; transform-origin:center; -webkit-transform:rotate3d(0,0,1,-200deg); transform:rotate3d(0,0,1,-200deg); opacity:0;}to{-webkit-transform-origin:center; transform-origin:center; -webkit-transform:none; transform:none; opacity:1;}} @keyframes rotateIn{from{-webkit-transform-origin:center; transform-origin:center; -webkit-transform:rotate3d(0,0,1,-200deg); transform:rotate3d(0,0,1,-200deg); opacity:0;}to{-webkit-transform-origin:center; transform-origin:center; -webkit-transform:none; transform:none; opacity:1;}} @-webkit-keyframes rotateOut{from{-webkit-transform-origin:center; transform-origin:center; opacity:1;}to{-webkit-transform-origin:center; transform-origin:center; -webkit-transform:rotate3d(0,0,1,200deg); transform:rotate3d(0,0,1,200deg); opacity:0;}} @keyframes rotateOut{from{-webkit-transform-origin:center; transform-origin:center; opacity:1;}to{-webkit-transform-origin:center; transform-origin:center; -webkit-transform:rotate3d(0,0,1,200deg); transform:rotate3d(0,0,1,200deg); opacity:0;}} @-moz-keyframes rotateIn{from{-webkit-transform-origin:center; transform-origin:center; -webkit-transform:rotate3d(0,0,1,-200deg); transform:rotate3d(0,0,1,-200deg); opacity:0;}to{-webkit-transform-origin:center; transform-origin:center; -webkit-transform:none; transform:none; opacity:1;}} @-o-keyframes rotateIn{from{-webkit-transform-origin:center; transform-origin:center; -webkit-transform:rotate3d(0,0,1,-200deg); transform:rotate3d(0,0,1,-200deg); opacity:0;}to{-webkit-transform-origin:center; transform-origin:center; -webkit-transform:none; transform:none; opacity:1;}} @-moz-keyframes rotateOut{from{-webkit-transform-origin:center; transform-origin:center; opacity:1;}to{-webkit-transform-origin:center; transform-origin:center; -webkit-transform:rotate3d(0,0,1,200deg); transform:rotate3d(0,0,1,200deg); opacity:0;}} @-o-keyframes rotateOut{from{-webkit-transform-origin:center; transform-origin:center; opacity:1;}to{-webkit-transform-origin:center; transform-origin:center; -webkit-transform:rotate3d(0,0,1,200deg); transform:rotate3d(0,0,1,200deg); opacity:0;}} @-webkit-keyframes slideInLeft{from{-webkit-transform:translate3d(-100%,0,0); transform:translate3d(-100%,0,0); visibility:visible;}to{-webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0);}} @keyframes slideInLeft{from{-webkit-transform:translate3d(-100%,0,0); transform:translate3d(-100%,0,0); visibility:visible;}to{-webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0);}} @-webkit-keyframes slideoutright{from{-webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0); opacity:1;}to{visibility:hidden; -webkit-transform:translate3d(100%,0,0); transform:translate3d(100%,0,0); opacity:0;}} @keyframes slideOutRight{from{-webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0);}to{visibility:hidden; -webkit-transform:translate3d(100%,0,0); transform:translate3d(100%,0,0);}} @-moz-keyframes slideInLeft{from{-webkit-transform:translate3d(-100%,0,0); transform:translate3d(-100%,0,0); visibility:visible;}to{-webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0);}} @-o-keyframes slideInLeft{from{-webkit-transform:translate3d(-100%,0,0); transform:translate3d(-100%,0,0); visibility:visible;}to{-webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0);}} @-moz-keyframes slideoutright{from{-webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0); opacity:1;}to{visibility:hidden; -webkit-transform:translate3d(100%,0,0); transform:translate3d(100%,0,0); opacity:0;}} @-o-keyframes slideOutRight{from{-webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0);}to{visibility:hidden; -webkit-transform:translate3d(100%,0,0); transform:translate3d(100%,0,0);}} @-webkit-keyframes fadeOutRight{from{opacity:1;}to{opacity:0; -webkit-transform:translate3d(100%,0,0); transform:translate3d(100%,0,0);}} @keyframes fadeOutRight{from{opacity:1;}to{opacity:0; -webkit-transform:translate3d(100%,0,0); transform:translate3d(100%,0,0);}} @-webkit-keyframes fadeInRight{from{opacity:0; -webkit-transform:translate3d(100%,0,0); transform:translate3d(100%,0,0);}to{opacity:1; -webkit-transform:none; transform:none;}} @keyframes fadeInRight{from{opacity:0; -webkit-transform:translate3d(100%,0,0); transform:translate3d(100%,0,0);}to{opacity:1; -webkit-transform:none; transform:none;}} @-moz-keyframes fadeOutRight{from{opacity:1;}to{opacity:0; -webkit-transform:translate3d(100%,0,0); transform:translate3d(100%,0,0);}} @-o-keyframes fadeOutRight{from{opacity:1;}to{opacity:0; -webkit-transform:translate3d(100%,0,0); transform:translate3d(100%,0,0);}} @-moz-keyframes fadeInRight{from{opacity:0; -webkit-transform:translate3d(100%,0,0); transform:translate3d(100%,0,0);}to{opacity:1; -webkit-transform:none; transform:none;}} @-o-keyframes fadeInRight{from{opacity:0; -webkit-transform:translate3d(100%,0,0); transform:translate3d(100%,0,0);}to{opacity:1; -webkit-transform:none; transform:none;}} @keyframes bounceIn{0%{transform:scale(1); opacity:1}60%{transform:scale(1.2); opacity:1;}100%{transform:scale(0); opacity:0; display:none;}} @keyframes pulse{0%,20%,40%,60%,80%,100%{-webkit-transition-timing-function:cubic-bezier(0.215,0.61,0.355,1); transition-timing-function:cubic-bezier(0.215,0.61,0.355,1);}0%{opacity:0; -webkit-transform:scale3d(1.5,1.5,1.5); transform:scale3d(1.5,1.5,1.5);}20%{-webkit-transform:scale3d(1.1,1.1,1.1); transform:scale3d(1.1,1.1,1.1);}40%{-webkit-transform:scale3d(0.9,0.9,0.9); transform:scale3d(0.9,0.9,0.9);}60%{opacity:1; -webkit-transform:scale3d(1.03,1.03,1.03); transform:scale3d(1.03,1.03,1.03);}100%{opacity:1; -webkit-transform:scale3d(1,1,1); transform:scale3d(1,1,1);}} @keyframes pulseMess{0%,20%,40%,60%,80%,100%{-webkit-transition-timing-function:cubic-bezier(0.215,0.61,0.355,1); transition-timing-function:cubic-bezier(0.215,0.61,0.355,1);}0%{opacity:0; -webkit-transform:scale3d(0.7,0.7,0.7); transform:scale3d(0.7,0.7,0.7);}20%{-webkit-transform:scale3d(1,1,1); transform:scale3d(1,1,1);}40%{-webkit-transform:scale3d(0.9,0.9,0.9); transform:scale3d(0.9,0.9,0.9);}60%{opacity:1; -webkit-transform:scale3d(1.01,1.01,1.01); transform:scale3d(1.01,1.01,1.01);}100%{opacity:1; -webkit-transform:scale3d(1,1,1); transform:scale3d(1,1,1);}} @-moz-keyframes bounceIn{0%{transform:scale(1); opacity:1}60%{transform:scale(1.2); opacity:1;}100%{transform:scale(0); opacity:0; display:none;}} @-moz-keyframes pulse{0%,20%,40%,60%,80%,100%{-webkit-transition-timing-function:cubic-bezier(0.215,0.61,0.355,1); transition-timing-function:cubic-bezier(0.215,0.61,0.355,1);}0%{opacity:0; -webkit-transform:scale3d(1.5,1.5,1.5); transform:scale3d(1.5,1.5,1.5);}20%{-webkit-transform:scale3d(1.1,1.1,1.1); transform:scale3d(1.1,1.1,1.1);}40%{-webkit-transform:scale3d(0.9,0.9,0.9); transform:scale3d(0.9,0.9,0.9);}60%{opacity:1; -webkit-transform:scale3d(1.03,1.03,1.03); transform:scale3d(1.03,1.03,1.03);}100%{opacity:1; -webkit-transform:scale3d(1,1,1); transform:scale3d(1,1,1);}} @-moz-keyframes pulseMess{0%,20%,40%,60%,80%,100%{-webkit-transition-timing-function:cubic-bezier(0.215,0.61,0.355,1); transition-timing-function:cubic-bezier(0.215,0.61,0.355,1);}0%{opacity:0; -webkit-transform:scale3d(0.7,0.7,0.7); transform:scale3d(0.7,0.7,0.7);}20%{-webkit-transform:scale3d(1,1,1); transform:scale3d(1,1,1);}40%{-webkit-transform:scale3d(0.9,0.9,0.9); transform:scale3d(0.9,0.9,0.9);}60%{opacity:1; -webkit-transform:scale3d(1.01,1.01,1.01); transform:scale3d(1.01,1.01,1.01);}100%{opacity:1; -webkit-transform:scale3d(1,1,1); transform:scale3d(1,1,1);}} @-o-keyframes bounceIn{0%{transform:scale(1); opacity:1}60%{transform:scale(1.2); opacity:1;}100%{transform:scale(0); opacity:0; display:none;}} @-o-keyframes pulse{0%,20%,40%,60%,80%,100%{-webkit-transition-timing-function:cubic-bezier(0.215,0.61,0.355,1); transition-timing-function:cubic-bezier(0.215,0.61,0.355,1);}0%{opacity:0; -webkit-transform:scale3d(1.5,1.5,1.5); transform:scale3d(1.5,1.5,1.5);}20%{-webkit-transform:scale3d(1.1,1.1,1.1); transform:scale3d(1.1,1.1,1.1);}40%{-webkit-transform:scale3d(0.9,0.9,0.9); transform:scale3d(0.9,0.9,0.9);}60%{opacity:1; -webkit-transform:scale3d(1.03,1.03,1.03); transform:scale3d(1.03,1.03,1.03);}100%{opacity:1; -webkit-transform:scale3d(1,1,1); transform:scale3d(1,1,1);}} @-o-keyframes pulseMess{0%,20%,40%,60%,80%,100%{-webkit-transition-timing-function:cubic-bezier(0.215,0.61,0.355,1); transition-timing-function:cubic-bezier(0.215,0.61,0.355,1);}0%{opacity:0; -webkit-transform:scale3d(0.7,0.7,0.7); transform:scale3d(0.7,0.7,0.7);}20%{-webkit-transform:scale3d(1,1,1); transform:scale3d(1,1,1);}40%{-webkit-transform:scale3d(0.9,0.9,0.9); transform:scale3d(0.9,0.9,0.9);}60%{opacity:1; -webkit-transform:scale3d(1.01,1.01,1.01); transform:scale3d(1.01,1.01,1.01);}100%{opacity:1; -webkit-transform:scale3d(1,1,1); transform:scale3d(1,1,1);}} @-webkit-keyframes bounceIn{0%{transform:scale(1); opacity:1}60%{transform:scale(1.2); opacity:1;}100%{transform:scale(0); opacity:0; display:none;}} @-webkit-keyframes pulse{0%,20%,40%,60%,80%,100%{-webkit-transition-timing-function:cubic-bezier(0.215,0.61,0.355,1); transition-timing-function:cubic-bezier(0.215,0.61,0.355,1);}0%{opacity:0; -webkit-transform:scale3d(1.5,1.5,1.5); transform:scale3d(1.5,1.5,1.5);}20%{-webkit-transform:scale3d(1.1,1.1,1.1); transform:scale3d(1.1,1.1,1.1);}40%{-webkit-transform:scale3d(0.9,0.9,0.9); transform:scale3d(0.9,0.9,0.9);}60%{opacity:1; -webkit-transform:scale3d(1.03,1.03,1.03); transform:scale3d(1.03,1.03,1.03);}100%{opacity:1; -webkit-transform:scale3d(1,1,1); transform:scale3d(1,1,1);}} @-webkit-keyframes pulseMess{0%,20%,40%,60%,80%,100%{-webkit-transition-timing-function:cubic-bezier(0.215,0.61,0.355,1); transition-timing-function:cubic-bezier(0.215,0.61,0.355,1);}0%{opacity:0; -webkit-transform:scale3d(0.7,0.7,0.7); transform:scale3d(0.7,0.7,0.7);}20%{-webkit-transform:scale3d(1,1,1); transform:scale3d(1,1,1);}40%{-webkit-transform:scale3d(0.9,0.9,0.9); transform:scale3d(0.9,0.9,0.9);}60%{opacity:1; -webkit-transform:scale3d(1.01,1.01,1.01); transform:scale3d(1.01,1.01,1.01);}100%{opacity:1; -webkit-transform:scale3d(1,1,1); transform:scale3d(1,1,1);}} .alx-popup-show-anime1{ animation:pulse .75s ease-in-out 0s both; display:block; } .alx-popup-hide-anime1{ animation:bounceIn 0.5s; } .alx-popup-mess-show-anime1{ animation:pulseMess .75s ease-in-out 0s both; max-height:100%; opacity:1; transition:all 0.8s ease 0s; } .alx-popup-show-anime2{ animation:rotateIn .75s ease-in-out 0s both; display:block; } .alx-popup-hide-anime2{ animation:rotateOut 0.5s both; } .alx-popup-mess-show-anime2{ animation:rotateIn .75s ease-in-out 0s both; max-height:100%; opacity:1; transition:all 0.8s ease 0s; } .alx-popup-show-anime3{ animation:fadeInRight .75s ease-in-out 0s both; display:block; } .alx-popup-hide-anime3{ animation:fadeOutRight 0.5s both; } .alx-popup-mess-show-anime3{ animation:fadeInRight .75s ease-in-out 0s both; max-height:100%; opacity:1; transition:all 0.8s ease 0s; } .alx-popup-show-anime4{ animation:bounceInDown .75s ease-in-out 0s; display:block; } .alx-popup-hide-anime4{ animation:bounceOutDown 0.5s; } .alx-popup-mess-show-anime4{ animation:bounceInDown .75s ease-in-out 0s both; max-height:100%; opacity:1; transition:all 0.8s ease 0s; } /* feedb_styles */ .alx_feed_back{ padding:0px; margin:0px; text-transform:none !important; text-align:left !important; line-height:normal !important; text-decoration:none !important; } .alx_feed_back *{ text-transform:none !important; text-align:left !important; line-height:normal !important; text-decoration:none !important; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } .alx_feed_back form{ padding:0px; margin:0px; } .modal_form .afbf_error_block{ position:relative; margin-bottom:20px; } .modal_form .afbf_error_block:after{ content:''; position:absolute; bottom:-10px; left:-20px; right:-20px; height:1px; background:#ccc; } .afbf_error_icon{ float:left; margin-right:5px; width:50px; height:40px; background:url(/local/templates/main/components/altasib/feedback.form/callback-form/images/afbf_danger-sign.png) no-repeat 0 0; } .afbf_error_block .afbf_error_text, .afbf_error_block .afbf_error_ftext{ font-size:16px; height:40px; line-height:40px; padding-bottom:30px; color:#f80000; display:block; } .afbf_ok_icon{ margin:0 0 20px 0; width:100%; height:50px; background:url(/local/templates/main/components/altasib/feedback.form/callback-form/images/afbf_check-box.png) no-repeat 50% 50%; } .modal_form .afbf_error_block td{ vertical-align:top; text-align:left; } .alx-feedb-error{ margin-top:20px; } .modal_form .alx-feedb-error{ margin-top:0px; } .alx-feedb-error .afbf_error_block ul{ list-style:none; padding-left:55px; font-size:14px; color:#f80101; margin:0; } .alx-feedb-error .afbf_error_block ul li{ padding:0px 0px 4px 8px; margin:0px; display:block; list-style:none !important; background:transparent !important; } .alx-feedb-error .afbf_error_block ul li:before{ content:'' !important; } .alx-feedb-error .afbf_error_block ul li span{ position:relative; z-index:1; margin-left:-8px; } .modal_form .afbf_feedback_poles{ padding:0px; margin:11px 0px 0px 0px; } .afbf_item_pole{ padding:0px; margin: 20px 0 20px; position:relative; } *html .afbf_item_pole{ position:relative; z-index:1; zoom:1; } .afbf_item_pole .afbf_name{ padding:0px; margin:0px 0px 6px 0px; } .afbf_item_pole .afbf_select, .afbf_item_pole .afbf_textarea, .afbf_item_pole .afbf_inputtext{ height:34px; width:100%; padding:7px 5px !important; font-size:14px; outline:none; border:1px solid #e0e0e0; } .afbf_item_pole.item_pole__captcha .afbf_inputtext{ box-sizing:content-box; padding:7px 0px !important; } .afbf_item_pole select.afbf_inputtext.afbf_select_sect{ height:auto; } /* -------- */ .afbf_item_pole .dropdownjs.feedback_dropdown> ul{ right:0; left:auto; top:35px; bottom:auto; height:120px; padding:0; -webkit-transform-origin:top right; -ms-transform-origin:top right; transform-origin:top right; -webkit-box-shadow:0px 11px 22px 2px rgba(204,204,204,0.75); -moz-box-shadow:0px 11px 22px 2px rgba(204,204,204,0.75); box-shadow:0px 11px 22px 2px rgba(204,204,204,0.75); } .afbf_item_pole .dropdownjs.feedback_dropdown:after{ content:''; position:absolute; right:10px; top:50%; margin-top:-2px; display:inline-block; border:5px solid transparent; border-top:5px solid #767676; } .afbf_item_pole .afbf_checkbox label{ margin-left:20px; margin-bottom:5px; font-weight:normal; position:relative; cursor:pointer; font-size:14px; top:auto; left:auto; pointer-events:inherit; -webkit-transition:0.3s ease all; -o-transition:0.3s ease all; transition:0.3s ease all; } .afbf_checkbox{ margin:10px 0 20px; } .afbf_checkbox input[type=checkbox]{ position:absolute; opacity:0; width:0; height:0; margin:0; overflow:hidden; pointer-events:none; } .afbf_checkbox .afbf_checkbox_box{ vertical-align:middle; position:relative; top:2px; margin-right:12px; } .afbf_checkbox_box .afbf_checkbox_check{ position:relative; display:inline-block; width:18px; height:18px; border:2px solid rgba(0,0,0,.54); border-radius:2px; overflow:hidden; border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px; z-index:1; } .afbf_checkbox input[type=checkbox]+ .afbf_checkbox_box .afbf_checkbox_check:before{ content:''; position:absolute; -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); -o-transform:rotate(45deg); transform:rotate(45deg); display:block; margin-top:-4px; margin-left:5px; width:0; height:0; -webkit-box-shadow:0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0 inset; box-shadow:0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0 inset; } .afbf_checkbox input[type=checkbox]:checked+.afbf_checkbox_box .afbf_checkbox_check:before{ content:''; position:absolute; color:#7b7f7f; -webkit-box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0px 32px 0 20px,-5px 5px 0 10px,20px -12px 0 11px; box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0px 32px 0 20px,-5px 5px 0 10px,20px -12px 0 11px; } .afbf_checkbox input[type=checkbox]:focus:checked+.afbf_checkbox_box .afbf_checkbox_check:before{ -webkit-animation:checkbox-on 0.3s forwards; -o-animation:checkbox-on 0.3s forwards; animation:checkbox-on 0.3s forwards; } .afbf_checkbox input[type=checkbox]:focus+.afbf_checkbox_box .afbf_checkbox_check:before{ -webkit-animation:checkbox-off 0.3s forwards; -o-animation:checkbox-off 0.3s forwards; animation:checkbox-off 0.3s forwards; } .afbf_checkbox input[type=checkbox]:checked+.afbf_checkbox_box .afbf_checkbox_check{ border:none; } .afbf_checkbox input[type=checkbox]:checked+.afbf_checkbox_box .afbf_checkbox_check:before{ margin-top:-3px; margin-left:7px; } .afbf_item_pole.is_filled .afbf_name.static_name, .afbf_item_pole.is_focused .afbf_name.static_name, .afbf_name.static_name{ position:static; color:inherit; font-size:inherit; margin-bottom:20px } .afbf_item_pole.item_pole__captcha .afbf_name{ top:67px; } .afbf_item_pole.item_pole__captcha.is_filled .afbf_name, .afbf_item_pole.item_pole__captcha.is_focused .afbf_name{ top:55px; } .afbf_pole_captcha{ margin-bottom:30px; } .afbf_pole_captcha .image{ vertical-align:middle; } .afbf_pole_captcha .g-recaptcha{ display:inline-block; vertical-align:middle; } .afbf_pole_captcha .afbf_captcha_reload{ display:inline-block; vertical-align:middle; width:22px; height:16px; background:url(/local/templates/main/components/altasib/feedback.form/callback-form/images/icon_reload.png) no-repeat 0 0; cursor:pointer; margin-left:20px; } .afbf_inputtext_bg .afbf_textarea{ width:100%; z-index:100; height:102px; overflow:auto; resize:vertical; max-height:450px; max-width:100%; min-height:34px; min-width:100%; } .afbf_submit_block{ margin:30px 0px 0px 0px; padding:0px; display:block; text-align:right !important; } .afbf_btn{ display:inline-block; padding:15px 25px !important; border:none !important; text-transform:uppercase !important; text-decoration:none; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px !important; -webkit-box-shadow:0px 3px 4px 1px rgba(204,204,204,0.75); -moz-box-shadow:0px 3px 4px 1px rgba(204,204,204,0.75); box-shadow:0px 3px 4px 1px rgba(204,204,204,0.75); cursor:pointer; font-size:16px !important; outline:none; -webkit-transition:all 0.2s ease-out; -o-transition:all 0.2s ease-out; transition:all 0.2s ease-out; } .alx_feed_back .afbf_feedback_poles .afbf_btn:hover{ -webkit-box-shadow:0px 6px 6px 1px rgba(204,204,204,0.75); -moz-box-shadow:0px 6px 6px 1px rgba(204,204,204,0.75); box-shadow:0px 6px 6px 1px rgba(204,204,204,0.75); } .afbf_inputtext_bg select{ width:100%; padding:0px; margin:0px; border:0px; } .afbf_file_button{ position:absolute; right:-1px; height:100%; top:-1px; z-index:1; } *html .alx_feed_back .afbf_feedback_poles div{ zoom:1; } .afbf_inputtext_bg_calendar{ position:relative; z-index:2; zoom:1; } .afbf_inputtext_bg_calendar .afbf_calendar_icon{ position:absolute; top:3px; right:5px; } .afbf_error_text, .afbf_error_ftext{ display:none; } .afbf_item_pole.error_pole .afbf_error_text, .afbf_item_pole.error_fpole .afbf_error_ftext{ position:relative; display:block; margin:5px 0 0; padding-right:20px; color:#f80000; font-size:12px; } .afbf_item_pole.error_pole .afbf_error_text:after, .afbf_item_pole.error_fpole .afbf_error_ftext:after{ content:''; position:absolute; right:0; display:inline-block; width:17px; height:16px; background:url(/local/templates/main/components/altasib/feedback.form/callback-form/images/icon_error.png) 0 0 no-repeat; } /* dropdown styles */ .dropdownjs{ position:relative; } .dropdownjs *{ box-sizing:border-box; } .dropdownjs> input{ width:100%; padding-right:30px; text-overflow:ellipsis; } .dropdownjs> input.focus~ ul{ -webkit-transform:scale(1); -ms-transform:scale(1); transform:scale(1); } .dropdownjs> ul{ position:absolute; padding:0; margin:0; min-width:200px; -webkit-transform:scale(0); -ms-transform:scale(0); transform:scale(0); z-index:10000; } .dropdownjs> ul[placement=top-left]{ -webkit-transform-origin:bottom left; -ms-transform-origin:bottom left; transform-origin:bottom left; bottom:0; left:0; } .dropdownjs> ul[placement=bottom-left]{ -webkit-transform-origin:top left; -ms-transform-origin:top left; transform-origin:top left; top:0; left:0; } .dropdownjs> ul> li{ list-style:none; padding:10px 20px; } .dropdownjs> ul> li.dropdownjs-add{ padding:0; } .dropdownjs> ul> li.dropdownjs-add> input{ border:0; padding:10px 20px; width:100%; } /* Theme */ .dropdownjs> input[readonly]{ cursor:pointer; } select[data-dropdownjs][disabled]+ .dropdownjs> input[readonly]{ cursor:default; } .dropdownjs> ul{ background:#FFF; box-shadow:0 1px 6px rgba(0,0,0,0.12),0 1px 6px rgba(0,0,0,0.12); -webkit-transition:-webkit-transform 0.2s ease-out; transition:transform 0.2s ease-out; padding:10px; overflow:auto; max-width:500px; } .dropdownjs> ul> li{ cursor:pointer; word-wrap:break-word; -webkit-transition:background-color .15s ease 0s; -moz-transition:background-color .15s ease 0s; -ms-transition:background-color .15s ease 0s; -o-transition:background-color .15s ease 0s; transition:background-color .15s ease 0s; } .dropdownjs> ul> li:hover, .dropdownjs> ul> li.selected, .dropdownjs> ul> li:active{ background-color:#eaeaea; outline:0; } .dropdownjs> ul> li:focus{ outline:0; outline:1px solid #d4d4d4; } .dropdownjs> ul> li> .close:before{ content:"\00d7"; display:block; position:absolute; right:15px; float:right; font-size:21px; font-weight:700; line-height:1; color:#000; text-shadow:0 1px 0 #fff; opacity:.6; } .dropdownjs> ul> li:h> .close:hover:before{ opacity:.9; } /* end dropdown styles */ /* Radio buttons */ .afbf_radio{ margin:0 0 20px; } .afbf_radio label{ padding-bottom:10px; padding-left:34px; position:relative; top:auto; left:auto; pointer-events:inherit; cursor:pointer; font-size:14px; color:#1b1b1b; line-height:20px !important; display:inline-block; } .afbf_radio input[type=radio]{ position:absolute; opacity:0; height:0; width:0; overflow:hidden; } .afbf_radio span{ display:block; position:absolute; left:0; -webkit-transition-duration:0.2s; -o-transition-duration:0.2s; transition-duration:0.2s; } .afbf_radio .afbf_radio_circle{ border:2px solid rgba(0,0,0,.54); height:20px; width:20px; border-radius:50%; } .afbf_radio .afbf_radio_check{ left:5px; top:5px; height:10px; width:10px; border-radius:100%; background-color:rgba(0,0,0,.54); -webkit-transform:scale3d(0,0,0); transform:scale3d(0,0,0); } .afbf_radio input[type=radio]:checked ~ .afbf_radio_check{ -webkit-transform:scale3d(1,1,1); transform:scale3d(1,1,1); } /* Togglebuttons */ .afbf_checkbox.toggle{ margin:0 0 40px; } .afbf_checkbox.toggle label{ position:relative; cursor:pointer; font-size:14px; color:#1b1b1b; top:auto; left:auto; pointer-events:inherit; } .afbf_checkbox.toggle input[type=checkbox]{ opacity:0; width:0; height:0; margin:0; position:absolute; } .afbf_checkbox.toggle label .afbf_checkbox_check{ display:none; } .afbf_checkbox.toggle, .afbf_checkbox.toggle label, .afbf_checkbox.toggle input, .afbf_checkbox.toggle .afbf_checkbox_box{ -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; } .afbf_checkbox.toggle label .afbf_checkbox_box{ display:inline-block; width:36px; height:15px; background-color:#bbb9b9; border-radius:15px; margin-right:15px; -webkit-transition:background 0.3s ease; -o-transition:background 0.3s ease; transition:background 0.3s ease; vertical-align:middle; top:-2px; } .afbf_checkbox.toggle label .afbf_checkbox_box:after{ content:""; display:inline-block; width:20px; height:20px; background-color:#f1f1f1; border-radius:20px; position:relative; -webkit-box-shadow:0 1px 3px 1px rgba(0,0,0,0.4); box-shadow:0 1px 3px 1px rgba(0,0,0,0.4); left:0; top:-3px; -webkit-transition:left 0.3s ease,background 0.3s ease,-webkit-box-shadow 0.1s ease; -o-transition:left 0.3s ease,background 0.3s ease,box-shadow 0.1s ease; transition:left 0.3s ease,background 0.3s ease,box-shadow 0.1s ease; } /* Fileinput */ .afbf_inputtext_bg.file input[type=file]{ opacity:0; position:absolute; top:0; right:0; bottom:0; left:0; width:100%; height:100%; z-index:100; cursor:pointer } .afbf_inputtext_bg.file .afbf_input_group{ position:relative; display:table; width:100%; border-collapse:separate; } .afbf_inputtext_bg.file .afbf_input_group .afbf_inputtext{ display:table-cell; width:100%; height:34px; } .afbf_inputtext_bg.file .afbf_input_group .afbf_group_btn{ position:relative; display:table-cell; padding-left:5px; font-size:0; white-space:nowrap; width:1%; vertical-align:middle; } .afbf_inputtext_bg.file .afbf_input_group .afbf_group_btn .afbf_file_button{ border-radius:50%; height:34px; margin:auto; width:34px; overflow:hidden; background:#fff; border:none; position:relative; line-height:normal; background:url(/local/templates/main/components/altasib/feedback.form/callback-form/images/icon_file.png) center no-repeat; cursor:pointer; -webkit-box-shadow:0px 1px 2px 1px rgba(231,231,231,1); -moz-box-shadow:0px 1px 2px 1px rgba(231,231,231,1); box-shadow:0px 1px 2px 1px rgba(231,231,231,1); } .afbf_inputtext_bg.file.load_file label{ font-size:12px; } .afbf_radio .afbf_radio_circle{ border:2px solid; } .afbf_checkbox.toggle label input[type=checkbox]:checked + .afbf_checkbox_box:after{ left:15px; } #callback-form .h2{ font-size: 18px; font-weight: bold; } #callback-form .afbf_btn{ text-decoration: none; background: rgb(82, 187, 253); color: rgb(255, 255, 255); padding: 8px 20px!important; border-radius: 3px; text-transform: uppercase; font-size: 14px!important; font-weight: bold; border-bottom: 1px solid rgb(65, 151, 206); text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0px 2px 2px -1px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0px 2px 2px -1px rgba(0, 0, 0, 0.3); box-shadow: 0px 2px 2px -1px rgba(0, 0, 0, 0.3); -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } /* -------- */ @media screen and (max-width:768px){ .alx_feed_back{ width:99% !important; } .modal_form{ width:100% !important; margin-left:0 !important; left:0; } } /* Animation */ @-webkit-keyframes checkbox-on{0%{-webkit-box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,15px 2px 0 11px;box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,15px 2px 0 11px}50%{-webkit-box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,20px 2px 0 11px;box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,20px 2px 0 11px}to{-webkit-box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,20px -12px 0 11px;box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,20px -12px 0 11px}}@-o-keyframes checkbox-on{0%{box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,15px 2px 0 11px}50%{box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,20px 2px 0 11px}to{box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,20px -12px 0 11px}}@keyframes checkbox-on{0%{-webkit-box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,15px 2px 0 11px;box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,15px 2px 0 11px}50%{-webkit-box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,20px 2px 0 11px;box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,20px 2px 0 11px}to{-webkit-box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,20px -12px 0 11px;box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,20px -12px 0 11px}}@-webkit-keyframes checkbox-off{0%{-webkit-box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,20px -12px 0 11px,0 0 0 0 inset;box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,20px -12px 0 11px,0 0 0 0 inset}25%{-webkit-box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,20px -12px 0 11px,0 0 0 0 inset;box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,20px -12px 0 11px,0 0 0 0 inset}50%{-webkit-transform:rotate(45deg);transform:rotate(45deg);margin-top:-4px;margin-left:6px;width:0;height:0;-webkit-box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,15px 2px 0 11px,0 0 0 0 inset;box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,15px 2px 0 11px,0 0 0 0 inset}51%{-webkit-transform:rotate(0deg);transform:rotate(0deg);margin-top:-2px;margin-left:-2px;width:20px;height:20px;-webkit-box-shadow:0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 10px inset;box-shadow:0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 10px inset}to{-webkit-transform:rotate(0deg);transform:rotate(0deg);margin-top:-2px;margin-left:-2px;width:20px;height:20px;-webkit-box-shadow:0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0 inset;box-shadow:0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0 inset}}@-o-keyframes checkbox-off{0%{box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,20px -12px 0 11px,0 0 0 0 inset}25%{box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,20px -12px 0 11px,0 0 0 0 inset}50%{-o-transform:rotate(45deg);transform:rotate(45deg);margin-top:-4px;margin-left:6px;width:0;height:0;box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,15px 2px 0 11px,0 0 0 0 inset}51%{-o-transform:rotate(0deg);transform:rotate(0deg);margin-top:-2px;margin-left:-2px;width:20px;height:20px;box-shadow:0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 10px inset}to{-o-transform:rotate(0deg);transform:rotate(0deg);margin-top:-2px;margin-left:-2px;width:20px;height:20px;box-shadow:0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0 inset}}@keyframes checkbox-off{0%{-webkit-box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,20px -12px 0 11px,0 0 0 0 inset;box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,20px -12px 0 11px,0 0 0 0 inset}25%{-webkit-box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,20px -12px 0 11px,0 0 0 0 inset;box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,20px -12px 0 11px,0 0 0 0 inset}50%{-webkit-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);margin-top:-4px;margin-left:6px;width:0;height:0;-webkit-box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,15px 2px 0 11px,0 0 0 0 inset;box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,15px 2px 0 11px,0 0 0 0 inset}51%{-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);margin-top:-2px;margin-left:-2px;width:20px;height:20px;-webkit-box-shadow:0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 10px inset;box-shadow:0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 10px inset}to{-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);margin-top:-2px;margin-left:-2px;width:20px;height:20px;-webkit-box-shadow:0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0 inset;box-shadow:0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0 inset}} /* End */ /* Start:/local/templates/main/components/altasib/feedback.form/callback-form/themes/theme_ff2581b3fd15dfd94fff9161cf8eb9de.css?17406441353306*/ #alx_feed_back_FIDCA11BACK .afbf_radio_circle { border-color:#52bbfd; } #alx_feed_back_FIDCA11BACK .afbf_checkbox.toggle label input[type=checkbox]:checked + .afbf_checkbox_box:after, #alx_feed_back_FIDCA11BACK .afbf_radio_check { background-color:#52bbfd; } #alx_feed_back_FIDCA11BACK .afbf_feedback_poles .afbf_btn { color:#fff !important; background:#52bbfd !important; } #alx_feed_back_FIDCA11BACK .afbf_feedback_poles .afbf_btn:hover { color:#fff !important; background:#1D86C8 !important; } #alx_feed_back_FIDCA11BACK .afbf_checkbox.toggle label input[type=checkbox]:checked + .afbf_checkbox_box { background-color:#ADFFFF; } #alx_feed_back_FIDCA11BACK .afbf_checkbox input[type=checkbox]:checked+.afbf_checkbox_box .afbf_checkbox_check:before, #alx_feed_back_FIDCA11BACK.floating_labels .afbf_item_pole.is_filled .afbf_name, #alx_feed_back_FIDCA11BACK.floating_labels .afbf_item_pole.is_focused .afbf_name { color:#1D86C8; } #alx_feed_back_FIDCA11BACK.form_inputs_line .afbf_select, #alx_feed_back_FIDCA11BACK.form_inputs_line .afbf_textarea, #alx_feed_back_FIDCA11BACK.form_inputs_line .afbf_inputtext, #alx_feed_back_FIDCA11BACK.form_inputs_line .afbf_item_pole.is_focused .afbf_select, #alx_feed_back_FIDCA11BACK.form_inputs_line .afbf_item_pole.is_focused .afbf_textarea, #alx_feed_back_FIDCA11BACK.form_inputs_line .afbf_item_pole.is_focused .afbf_inputtext{ background-image:-webkit-gradient(linear, left top, left bottom, from(#52bbfd), to(#52bbfd)), -webkit-gradient(linear, left top, left bottom, from(#e0e0e0), to(#e0e0e0)); background-image:-webkit-linear-gradient(#52bbfd, #52bbfd), -webkit-linear-gradient(#e0e0e0, #e0e0e0); background-image:-o-linear-gradient(#52bbfd, #52bbfd), -o-linear-gradient(#e0e0e0, #e0e0e0); background-image:linear-gradient(#52bbfd, #52bbfd), linear-gradient(#e0e0e0, #e0e0e0); } #alx_feed_back_FIDCA11BACK.form_inputs_line .afbf_item_pole.error_pole .afbf_select, #alx_feed_back_FIDCA11BACK.form_inputs_line .afbf_item_pole.error_pole .afbf_textarea, #alx_feed_back_FIDCA11BACK.form_inputs_line .afbf_item_pole.error_pole .afbf_inputtext, #alx_feed_back_FIDCA11BACK.form_inputs_line .afbf_item_pole.error_pole.is_focused .afbf_select, #alx_feed_back_FIDCA11BACK.form_inputs_line .afbf_item_pole.error_pole.is_focused .afbf_textarea, #alx_feed_back_FIDCA11BACK.form_inputs_line .afbf_item_pole.error_pole.is_focused .afbf_inputtext{ background-image:-webkit-gradient(linear, left top, left bottom, from(#f80000), to(#f80000)), -webkit-gradient(linear, left top, left bottom, from(#e0e0e0), to(#e0e0e0)); background-image:-webkit-linear-gradient(#f80000, #f80000), -webkit-linear-gradient(#e0e0e0, #e0e0e0); background-image:-o-linear-gradient(#f80000, #f80000), -o-linear-gradient(#e0e0e0, #e0e0e0); background-image:linear-gradient(#f80000, #f80000), linear-gradient(#e0e0e0, #e0e0e0); -moz-background-size:100% 2px, 100% 1px; background-size:100% 2px, 100% 1px; } #alx_feed_back_FIDCA11BACK .afbf_select, .afbf_textarea, .afbf_inputtext, #alx_feed_back_FIDCA11BACK .afbf_checkbox label { color:#212121; } #alx_feed_back_FIDCA11BACK .afbf_item_pole.is_focused .afbf_select, #alx_feed_back_FIDCA11BACK .afbf_item_pole.is_focused .afbf_textarea, #alx_feed_back_FIDCA11BACK .afbf_item_pole.is_focused .afbf_inputtext{ border-color:#52bbfd; } /* End */ /* Start:/local/templates/main/styles.css?17406441365554*/ .content .promo{ border:1px solid #ddd; box-shadow:inset 0 0 2px 0 #ddd; -webkit-box-shadow:inset 0 0 2px 0 #ddd; -moz-box-shadow:inset 0 0 2px 0 #ddd; min-width:671px; text-align:center; } .content .promo img{vertical-align:top;} .content .prices-block{ font:12px/14px Arial, Helvetica, sans-serif; color:#666; padding:0 0 20px; } .content .prices-block .block-title{ display:block; font:19px/21px Tahoma, Arial, sans-serif; text-transform:uppercase; color:#00bcff; padding:0 0 9px; } .content .prices-block .title{ display:block; font:19px/21px Tahoma, Arial, sans-serif; color:#000; padding:0 0 11px; } .content .prices-block p{margin:0 0 18px;} .content ul.countries-list{ padding:0 0 0 2px; margin:0; list-style:none; overflow:hidden; } .content ul.countries-list li{ float:left; margin:0 7px 20px 0; width:228px; background: none; } .content ul.countries-list img{vertical-align:middle;} .content ul.countries-list a{ color:#666; text-decoration:none; } .content ul.countries-list a:hover{text-decoration:none;} .content ul.countries-list a span{text-decoration:underline;} .content ul.countries-list a:hover span{text-decoration:none;} .content ul.countries-list .visual{ display:inline-block; vertical-align:middle; margin:0 6px 0 0; } .content ul.countries-list span{ display:inline-block; vertical-align:middle; } .content ul.countries-list .name{width:135px;} *+html .content ul.countries-list span{display:inline;} .content .price-list-block{ font:12px/18px Arial, Helvetica, sans-serif; color:#666; overflow:hidden; } .content .price-list-block .block-title{ display:block; font:19px/21px Tahoma, Arial, sans-serif; text-transform:uppercase; color:#00bcff; padding:0 0 15px; } .content .price-list-block p{margin:0 0 22px;} .content .step-list{ padding:0 0 1px 1px; margin:0; list-style:none; color:#000; } .content .step-list li{ background:url(/images/bullet1.png) no-repeat 0 2px; padding:0 0 18px 19px; } .content .step-list a{ color:#000; text-decoration:underline; } .content .step-list a:hover{text-decoration:none;} .content .step-list span{ font-weight:bold; text-transform:uppercase; } .content .step-list em{ font-style:normal; font-weight:bold; font-size:14px; line-height:18px; } .content .price-list-block .attention{ text-transform:uppercase; display:block; padding:0 100px 19px 0; } .content .price-list-block .attention a{ text-transform:none; color:#000; text-decoration:underline; } .content .price-list-block .attention a:hover{text-decoration:none;} .content .table-holder{padding:0 0 15px;} .content .table-holder .table-title{ display:block; text-align:center; font:19px/22px Tahoma, Arial, sans-serif; color:#000; padding:0 0 14px; } .content .prices-table{ width:100%; border-collapse:collapse; border:1px solid #d9dadb; color:#565656; border-width:1px 1px 0 0; line-height:15px; margin:0 0 11px; } .content .prices-table th{ background:#e6e6e6; border:1px solid #d9dadb; border-width:0 0 1px 1px; padding:4px 3%; height:36px; } .content .prices-table th.col1{width:12%;} .content .prices-table th.col2{width:24%;} .content .prices-table th.col3{width:18%;} .content .prices-table th.col4{width:23%;} .content .prices-table td{ border:1px solid #d9dadb; border-width:0 0 1px 1px; padding:13px 2% 11px; text-align:center; vertical-align:top; } .content .prices-table .title-row td{ font:19px/21px Tahoma, Arial, sans-serif; padding:4px 0 6px; height:29px; vertical-align:middle; } .content .prices-table td.col1, .content .prices-table td.col2{text-align:left;} .content .table-holder .sometext{ display:block; text-transform:uppercase; } .content .for-contacts{ float:right; width:196px; padding:0 0 16px; } .content .for-contacts img{vertical-align:top;} .content .for-contacts .contacts{margin:0;} a.print-btn { padding: 3px 22px 5px 22px; background: #389d22; text-decoration: none; color: #fff; border-radius: 3px; border-bottom: 2px solid #266b17; } a.print-btn span{ background: url(/bitrix/templates/main/./i/print_icon.png) 0px 0px no-repeat; display: inline-block; height: 16px; width: 22px; position: relative; top: 1px; } a.print-btn:hover { background: #30861d; } #top { bottom: 40px; cursor: pointer; display: none; font-size: 150%; position: fixed; right: 40px; } .bx_filter_section { max-height: 34px; transition: 1s; overflow: hidden; } .openFilter{ max-height: 3000px; } .bx_filter_section .bx_filter_title{ cursor: pointer; } .bx_filter_section.openFilter .bx_filter_title:after { transform: rotate(180deg); } .bx_filter_section .bx_filter_title:after { transition: 1s; content: ""; display: -webkit-inline-box; border-style: solid; margin-left: 7px; border-width: 7px 4px 0 4px; border-color: #000000 transparent transparent transparent; position: relative; top: -2px; } .bx_filter .bx_filter_section{ padding-top: 17px !important; } .col-3second{ display: none; } .col-3.col-3second div { display: flex; justify-content: space-around; } .col-3second .phones { background: none; } .col-3second .phones a { color: #000; text-decoration: none; } .col-3second .phones{ padding: 0 0px 9px 0px; } div#tovarInCart { text-align: center; line-height: 20px; font-size: 16px; } div#tovarInCart span { font-weight: 600; } @media (max-width:500px) { .col-3second{ display: block; } } .content p, .content ul li { font-size: 14px; } /* .pr-object{ display: none; } */ /* End */ /* Start:/local/templates/main/template_styles.css?174064413552380*/ /* Reset styles */ 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, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;} a img {border:0;} table {border-collapse:collapse;border-spacing:0;} ol, ul {list-style:none;} q:before, q:after, blockquote:before, blockquote:after {content:"";} input[type="submit"]::-moz-focus-inner, input[type="reset"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, button::-moz-focus-inner {padding:0;border:0;} /* Site styles */ body {font:12px Arial;color:#565656;background:#fff url("/local/templates/main/i/bg-top.png") repeat-x 0 0;} a {text-decoration:underline;color:#45a2e6;} a:hover {text-decoration:none;} .dottedLink {border-bottom:1px dotted #45a2e6;text-decoration:none;cursor:pointer;margin-bottom:10px;display:inline-block;padding:0;} .dottedLink:hover {border-bottom: none;padding-bottom: 1px;} .outro {background:#e0e0e0 url("/bitrix/templates/main/i/outro.gif") no-repeat -9px -9px;padding:14px;position:relative;margin:0 9px 27px 8px;font:11px Arial;} .outro i {width:9px;height:9px;display:block;background-image:url("/bitrix/templates/main/i/outro.gif");position:absolute;font-size:0;} .outro i.rt {right:0;top:0;background-position:0 100%;} .outro i.lb {left:0;bottom:0;background-position:100% 0;} .outro i.rb {right:0;bottom:0;background-position:0 0;} .outro table {width:100%;} .outro table tr { display: grid; grid-template-columns: 20.5% 29% 24% 26.5%;} .outro td {vertical-align:top;width:auto;background:url("/local/templates/main/i/outro-separator.gif") repeat-y 0 0;} .outro td.first {background:none;} .outro a {color:#6f6f6f;text-decoration:none;} .outro a:hover {color:#2b2b2b;text-decoration:none;} .outro .caption {font:21px Arial;margin:0 30px 4px;} .outro .caption a:hover {text-decoration:underline;} .outro ul {margin:0 30px;} .outro ul li {margin:0 0 4px;} /* конец стилей сайта */ /* Structure */ #wrap{background:#fff url("/local/templates/main/i/bg-top.png") repeat-x 0 0;} .wrapper { background:url("/local/templates/main/i/bg-top-right.png") no-repeat 100% 0; min-width:1135px; max-width: 1280px; margin: 0 auto; } .container {padding:0 205px 0 238px;zoom:1;} .container:after {clear:both;content:'';display:block;} /* Header */ /* .header {position:relative;height:176px;background:url("/local/templates/main/i/bg-top-left.png") no-repeat 0 0;z-index:5;} */ /* .header {position:relative;height:100px;background:url("/local/templates/main/i/bg-top-left.png") no-repeat 0 0;z-index:5;} */ .header {position:relative;height:118px;background:url("/local/templates/main/i/bg-top-left.png") no-repeat 0 0;z-index:5;} .logo { display: block; position:absolute; top:15px; left:40px; color: rgb(232, 57, 63); } .logo > div { text-align: right; font-size: 14px; margin-top: -10px; } .logo:hover { text-decoration: underline; } /* .goroda { position:absolute; top:95px; left:20px; } */ .goroda { position: absolute; top: 10px; right: 0px; display: table; height: 60px; width: 100%; } .goroda > div { display: table-cell; vertical-align: middle; /* padding: 0px 10px 0px 30px; */ padding: 0 10px 0 10px; font-size: 15px; } .goroda .col-3 a { color: rgb(54, 45, 134); line-height: 19px; font-size: 14px; } .goroda .col-4 .callback-link a { text-decoration: none; background: rgb(82, 187, 253); color: rgb(255, 255, 255); padding: 7px 20px; border-radius: 3px; text-transform: uppercase; font-size: 11px; font-weight: bold; border-bottom: 1px solid rgb(65, 151, 206); text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0px 2px 2px -1px rgba(0, 0, 0, 0.3); box-shadow: 0px 2px 2px -1px rgba(0, 0, 0, 0.3); -webkit-transition: all 0.3s; transition: all 0.3s; } .goroda .col-4 .callback-link a:hover { background: rgb(57, 49, 133); border-bottom: 1px solid rgb(47, 40, 111); } .gorod { border-bottom: 1px dotted; display: inline-block; font-size: 18px; /* margin-bottom: 5px; */ cursor: pointer; color: rgb(54, 45, 134); position: relative; } .gorod:before{ content: ""; background: url("/local/templates/main/images/location_icon.png") 50% 50% no-repeat; width: 16px; height:16px; position: absolute; top: 50%; margin-top: -8px; left: -20px; } .gorod:hover{ border-bottom: none; padding-bottom: 1px; } .goroda-hold { background-color: white; border-radius: 4px; -webkit-box-shadow: 0 0 4px #999; box-shadow: 0 0 4px #999; display: none; padding: 12px; position: absolute; top: 55px; width: 140px; } .goroda-hold > a:last-child { margin-bottom: 0; } .goroda-hold > a { display: table; font-size: 17px; margin-bottom: 10px; } .phones { color:#40465d; font:18px/18px Arial; padding:0 0 0 17px; background:url("/local/templates/main/i/phones.gif") no-repeat 0 1px; } .phones p { font: 18px/17px Arial; /*margin: 1px 0 8px;*/ } .goroda .phones a { font: 18px/17px Arial; color: inherit; text-decoration: none; } .phones .c8800 {margin-top:9px;color:#EE1D24;} .phones .info {font:12px/12px Arial;} .topMenu {position:absolute;top:5px;left:249px;right:215px;text-align:center;z-index: 10;} .topMenu ul li {display:inline;margin:0 25px;} @media screen and (max-width: 1300px) { .topMenu ul li {margin:0 15px;} } .topMenu a {color:#fff;} .topMenu a.flagRussia {padding: 0 0 0 30px;background:url("/local/templates/main/i/flag_russia.gif") no-repeat 0 0;} .topMenu a.flagUkraine {padding: 0 0 0 30px;background:url("/local/templates/main/i/flag_ukraine.gif") no-repeat 0 0;} .topMenu a.flagBelorus {padding: 0 0 0 30px;background:url("/local/templates/main/i/flag_belorus.gif") no-repeat 0 0;} .topMenu a.flagKazan {padding: 0 0 0 30px;background:url("/local/templates/main/i/flag_kazan.gif") no-repeat 0 0;} .topMenu label {color:#fff;} .topNav {position:absolute;top:8px;right:48px;} .topNav li {display:inline;margin:0 13px;} .auth {position: absolute;top: 7px;right: 35px;width: 150px;text-align: center;z-index: 10;} .auth li { display:inline-block;margin: 0px;text-overflow: ellipsis;} .auth li + li {margin-left: 6px;} .auth .entered li:last-child a {padding-left: 0px;} .auth a {margin:0 0 10px;padding:0 0 0 17px;text-decoration:none;} .auth a.enterLink {background:url("/local/templates/main/i/enter-link.gif") no-repeat 0 2px;color:#ff010b;} .auth a.enterLink span {border-bottom:1px dotted #ff010b;} .auth a.regLink {background:url("/local/templates/main/i/reg-link.gif") no-repeat 1px 2px;color:#40465d;} .auth a.regLink span {border-bottom:1px dotted #40465d;} .auth a:hover span {border-style:solid;} /* .headerMiddle {left:249px;right:215px;top:25px;position:absolute;background:url("/local/templates/main/i/header.png") repeat-x 50% 0;padding:11px 0 0;} */ .headerMiddle {left:249px;right:0px;top:25px;position:absolute;/*background:url("/local/templates/main/i/header.png") repeat-x 50% 0;*/padding:11px 0 0;} .headerMiddle:before { content: ""; left: -12px; right: 203px; top: -30px; position: absolute; background: url("/local/templates/main/i/header.png") repeat-x 50% 100%; height: 34px; border-radius: 0px 0px 20px 20px; } .headerMiddle .middle {background:#0061b5 url("/local/templates/main/i/middle.jpg") no-repeat 100% 0;height:112px;color:#fff;padding:15px 0 0 20px;font:24px/30px Arial;} .headerMiddle .middle strong {font:36px/36px Arial;} .mail {position:absolute;top:172px;right:9px;width:196px;} .mail .trigger {position:absolute;top:0;right:0;width:196px;height:57px;text-align:center;text-align:center;color:#fff;font:22px/56px Tahoma;background:url("/local/templates/main/i/mail-trigger.png") no-repeat 0 0;cursor:pointer;z-index:2;} .mail .trigger:hover {text-decoration:underline;} .mail form {background:#d4d4d4!important;border:1px solid #dcdcdc;padding:10px 4px 8px;width:186px;position:absolute;top:54px;left:0;font:11px Arial;display:none;} .mail .label {margin:0 1px 1px;} .mail .field {margin:0 0 8px;} .mail input[type="text"] {border:1px solid #c0c0c0;padding:2px;background:#fff;color:#000;font:11px Arial;width:180px;outline:none;margin:0;} .mail textarea {border:1px solid #c0c0c0;padding:2px;background:#fff;color:#000;font:11px Arial;width:180px;height:76px;outline:none;margin:0;} .mail input[type="submit"] {border:0;padding:0;background:url("/local/templates/main/i/mail-button.png") no-repeat 0 0;cursor:pointer;display:block;overflow:hidden;text-indent:-1000px;width:88px;height:26px;margin:0 auto;} .mail input[type="submit"]:hover {background-position:0 -26px;} .mail input[type="submit"]:active {background-position:0 -52px;} /* Content */ .content {padding:0 10px 20px 11px;overflow: hidden;} .content.wide {padding:0 9px 20px 11px;margin:0 -205px 0 0;} .content .caption {font:22px Tahoma;margin:0 0 10px;color:#000;} .content h1, .content .likeH1 {font:26px Tahoma;margin:0 0 15px;color:#52bbfd;} .content h2 {font:20px Tahoma;margin:0 0 10px;color:#000;} .content .chars h2 {font:14px Tahoma;margin:0 0 10px;color:#000;} .content hr {border:0;border-top:1px solid #c3c3c3;margin:0 0 14px;height:0;} .content p {margin:0 0 14px;} .content ul {margin:0 0 14px 12px;} .content ul li {margin:0 0 4px;padding:0 0 0 12px;background:url("/local/templates/main/i/bullet.gif") no-repeat 0 5px;} .content ol {margin:0 0 14px 24px;list-style-type: decimal;} .content ol li {margin:0 0 4px;padding:0 0 0 2px;} .introWrapper {margin:0 0 19px;} .intro {background:#e5e5e5;overflow:hidden;} .intro.fixed {position:fixed; top:0; left:249px; z-index:1002; -webkit-box-shadow:0px 0px 20px #999; box-shadow:0px 0px 20px #999; webkit-box-shadow:0px 0px 20px #999; -moz-box-shadow:0px 0px 20px #999;} .wide .intro { /* margin-right:206px; */ } .cart {background:url("/local/templates/main/i/cart.png") no-repeat 0 0;float:right;padding:21px 13px 0 17px;height:36px;color:#000;font:14px Arial;margin:0 0 0 16px;} .cart a {color:#ff010b;} .cart .notEmpty a {color:#259c00;} .cart strong {font-size:12px;} #cart_line {font-style: normal;} .search {overflow:hidden;margin:16px 0 0 14px;padding:0 69px 0 0;height:26px;position:relative;} .search fieldset {height:25px;background:url("/local/templates/main/i/search-text.png") no-repeat 0 0;} .search p {height:25px;background:url("/local/templates/main/i/search-text.png") no-repeat 100% 100%;padding:0 12px;margin:0;} .search input[type="submit"] {position:absolute;top:0;right:0;width:62px;height:26px;display:block;text-indent:-1000px;overflow:hidden;border:0;padding:0;background:url("/local/templates/main/i/search-button.png") no-repeat 0 0;cursor:pointer;} .search input[type="text"] {padding:3px 0 !important;margin:0;outline:none;width:100% !important;height:19px;background:#fff url("/local/templates/main/i/search-text.png") repeat-x 0 50% !important;border:0 !important;font:12px/19px Arial !important;vertical-align:top;} .content .title {background:#e5e5e5 url("/local/templates/main/i/content-title.png") repeat-x 0 100%;font:19px/26px Tahoma;text-transform:uppercase;color:#52bbfd;} .content .titleIn {background:url("/local/templates/main/i/content-title.png") no-repeat 100% 0;overflow:hidden;} .content .title span {display:block;float:left;background:url("/local/templates/main/i/content-title.png") repeat-x 0 -26px;} .content .title span span {background:url("/local/templates/main/i/content-title.png") no-repeat 0 0;} .content .title span span span {background:url("/local/templates/main/i/content-title.png") no-repeat 100% -52px;padding:0 35px;} a.button {background:url("/local/templates/main/i/button.png") no-repeat 0 0;color:#fff;text-decoration:none;padding:0 0 0 10px;display:inline-block;font:12px/14px Arial;white-space:nowrap;} a.button:hover {background-position:0 -52px;} a.button:active {background-position:0 -104px;} a.button span {background:url("/local/templates/main/i/button.png") no-repeat 100% -26px;padding:4px 9px 8px 0;display:inline-block;} a.button:hover span {background-position:100% -78px;} a.button:active span {background-position:100% -130px;} button {color:#fff;font:12px Arial;white-space:nowrap;overflow:visible;border:0;background:none;padding:0;cursor:pointer;height:27px;outline:none;} button span {background:url("/local/templates/main/i/button.png") no-repeat 0 0;padding:0 0 0 10px;display:inline-block;} button:hover span {background-position:0 -52px;} button:active span {background-position:0 -104px;} button span span {background:url("/local/templates/main/i/button.png") no-repeat 100% -26px;padding:4px 9px 0 0;height:22px;display:inline-block;} button:hover span span {background-position:100% -78px;} button:active span span {background-position:100% -130px;} .jcarousel-skin-products {background:#f7f7f7;overflow:hidden;margin:0 0 9px;padding:15px 0 30px;} ul.jcarousel-skin-products {margin:0 0 9px;height:280px;} .jcarousel-skin-products li {padding:0 12px !important;background:none !important;width:136px;margin:0 !important;float:left;} .jcarousel-skin-products .photo {text-align:center;height:90px;margin:0 0 5px;} .jcarousel-skin-products .photo img {vertical-align:top;} .jcarousel-skin-products h4 {font:12px Arial;height: 4em;overflow: hidden;text-align: center;} /* .jcarousel-skin-products h4 a {color:#565656;text-decoration:none;} .jcarousel-skin-products h4 a:hover {color:#45a2e6;text-decoration:underline;} */ .jcarousel-skin-products h4 a {color:#45a2e6;text-decoration:underline;} .jcarousel-skin-products .price {color:#fff;background:#565656;font:italic 14px Arial;text-align:center;padding:6px 0;margin:5px -11px;} .jcarousel-skin-products .price span {font:italic bold 24px/30px Arial;} .jcarousel-skin-products .meta {overflow:hidden;} .reserveLink {border-bottom:1px dotted #45a2e6;text-decoration:none;} .reserveLink:hover {border-style:solid;} .jcarousel-skin-products .reserveLink {float:right;margin:4px 0 0;} .jcarousel-skin-products .jcarousel-container {position:relative;padding:0 28px;} .jcarousel-skin-products .jcarousel-clip {position:relative;overflow:hidden;z-index:4;} .jcarousel-skin-products .jcarousel-list {z-index:1;overflow:hidden;position:relative;top:0;left:0;} .jcarousel-skin-products .jcarousel-prev {position:absolute;top:40px;left:0;width:23px;height:46px;background:url("/local/templates/main/i/products-arrows.png") no-repeat 0 0;cursor:pointer;z-index:3;} .jcarousel-skin-products .jcarousel-next {position:absolute;top:40px;right:0;width:23px;height:46px;background:url("/local/templates/main/i/products-arrows.png") no-repeat 0 -46px;cursor:pointer;z-index:3;} .jcarousel-skin-products .jcarousel-prev:hover, .jcarousel-skin-products .jcarousel-next:hover {opacity:.6;filter:alpha(opacity=60);} .jcarousel-skin-products .jcarousel-prev-disabled, .jcarousel-skin-products .jcarousel-next-disabled {display:none !important;} /*.haveLightBox {display: inline-block;margin: 0 10px 10px 0;} .haveLightBox img {border: solid 1px #767676;padding: 3px;}*/ .tabs {margin:0 0 10px;} .tabs a {margin:0 27px 0 0;color:#57b7fc;text-decoration:none;border-bottom:1px dotted #57b7fc;} .tabs a:hover {border-style:solid;} .tabs a.current {color:#666;border:none;font-weight:bold;cursor:default;} .cartTable {width:100%;text-align:center;margin:0 0 8px;} .cartTable th {background:#e0e0e0;border-top:1px solid #d0d0d0;border-bottom:1px solid #d0d0d0;font-weight:bold;padding:5px 12px;vertical-align:top;} .cartTable th.first {border-left:1px solid #d0d0d0;padding-left:26px;text-align:left;} .cartTable th.last {border-right:1px solid #d0d0d0;padding-right:11px;} .cartTable td {border-bottom:1px solid #d0d0d0;padding:5px 12px;vertical-align:top;} .cartTable td.first {padding-left:26px;text-align:left;} .cartTable .cart-item-quantity input[type="text"]{/*border:0;*/text-align:center;width: 40px;} .buttons {text-align:right;margin:0 0 15px;} .buttons.center {text-align:center;} .buttons button {margin:0 0 0 18px;} .personalData {margin:0 0 10px 150px;} .personalData th {text-align:right;padding:0 12px 12px 0;} .personalData td {padding:0 0 12px;} .content input[type="text"], .content input[type="password"] {background:#fff;border:1px solid #d0d0d0;padding:2px;color:#666;font:12px Arial;width:225px;outline:none;margin:0;} .content select {background:#fff;border:1px solid #d0d0d0;padding:1px;color:#000;font:12px Arial;outline:none;margin:0;} .data {margin:0 0 14px 14px;} .data label {margin:0 10px 0 0;} .textarea {margin:0 -3px 14px 0;padding:0 6px 0 3px;} .content textarea {background:#fff;border:1px solid #d0d0d0;padding:2px;color:#666;font:12px Arial;outline:none;margin:0;width:400px;height:94px;} .textarea textarea {width:100%;margin:0 0 0 -3px;} .content .phone {font:12px Arial;color:#000;margin:0 0 14px;} .content .phone span {font-size:18px;} .content .phone span.ttl {font-size:22px;} .form {margin:0 0 14px;} .form th {text-align:right;padding:0 12px 12px 0;} .form td {padding:0 0 12px;} .form td.error {font:11px Arial;text-align:right;} .form img {border:1px solid #d0d0d0;} .imp {color:#f00;} .products {width:100%;margin:0 0 20px;} .products th {background:#e5e5e5;border:1px solid #d8d9da;text-align:center;padding:6px 10px;font-weight:bold;white-space:nowrap;} .products td {border:1px solid #d8d9da;padding:10px;} .products td.center {text-align:center;} .products p {margin:0;} a.deleteLink {border-bottom:1px dotted #c73a0c;text-decoration:none;color:#c73a0c;} a.deleteLink:hover {border-style:solid;} ul.paging {margin:0 0 15px 10px;overflow:hidden;font:12px/17px Arial;} ul.paging li {background:none;padding:0;margin:0 3px;float:left;} ul.paging li.ttl {margin:0 15px 0 0;} ul.paging li.arrow {margin:0 10px;} ul.paging li.current {font-weight:bold;} /* .preview {margin: 20px 0px 0px 0px;overflow:hidden;} .preview .photo {float:left;width:160px;} .preview .info {float:left;width:200px;} .offer.hide{display:none;} .preview .info p {margin:0 0 8px;} .preview .info .center {text-align:center;} .preview .price {color:#71a003;font:italic 14px Arial;} .preview .price span {font:italic bold 32px Arial;} .preview .price .p2 {font:italic bold 26px Arial;} .preview .in-stock {color:#71a003;font:italic 14px Arial;padding:0 16px 0 0;background:url("/local/templates/main/i/in-stock.gif") no-repeat 100% 1px;} .preview .not-available {color:#767676;font:italic 14px Arial;} .preview .description {margin:0 0 0 330px;} */ .offer.hide{display:none;} .preview {margin:20px 0 30px 0;overflow:hidden;} .preview .photo {float:left;width:160px;} .preview .info {margin:0 0 0 160px;background:url("/local/templates/main/i/preview-info.gif") repeat-y 240px 0;overflow:hidden;} .preview .leftCol {float:left;width:208px;text-align:center;padding:0 16px;} .preview .price {margin:0 0 10px;} .preview .price span {color:#55a100;font:italic bold 30px Arial;display:block;} .preview .stock {font:italic 14px Arial;margin:0 0 10px;} .preview .stock .in-stock {padding:0 18px 0 0;background:url("/local/templates/main/i/in-stock.gif") no-repeat 100% 1px;} .preview .color {font:bold 14px Arial;color:#00a4e9; position:absolute; margin: 85px 0 0 25px;max-width: 200px;} .preview .color select {width: 149px;} .preview .rightCol {float:left;padding:0 16px;width:322px;} .sert1 {margin:0 0 15px;background:#e6e6e6;padding:10px 15px;border-radius:10px;min-height: 50px;/*overflow:hidden;*/} .sert1 dt {width:80px;text-align:center;float:left; position:relative;} .sert1 dd {color: #000000;font-size: 16px;/*margin: 14px 0 0 85px;*/margin: 8px 0 0 155px;} .sert1 dt div.zoom div { cursor: default; left: -9999px; position: absolute; text-indent: 0; top: -9px; z-index: 100; } .sert1 dt div.zoom:hover div { left: -17px; height:100%; width:100%; } /*.sert1 dt a div {position:absolute; left:-9999px; top:-9px; cursor:default; z-index:100; text-indent: 0px;} .sert1 dt a:hover div {left:-17px; width:100%; height:100%;}*/ .sert2 {display:block;padding:16px 0 0 58px;background:url("/local/templates/main/i/sert2.png") no-repeat 0 0;width:125px;min-height:28px;margin:0 0 10px 46px;color:#000;} .preview .meta {overflow:hidden;padding:0 0 0 30px;} .preview .meta a.reserveLink {line-height:33px;} .preview .meta a.cartLink {float:right;width:118px;height:33px;font:12px/33px Arial;padding:0 0 0 39px;color:#fff;background:url("/local/templates/main/i/cart-link.png") no-repeat 0 0;display:block;text-decoration:none;} .preview .meta a.cartLink:hover {text-decoration:underline;} .chars {width:100%;margin:0 0 20px;} .chars th {border:1px solid #d8d9da;padding:7px 10px;font-weight:bold;text-align:left;white-space:nowrap;vertical-align:top;} .chars td {border:1px solid #d8d9da;padding:7px 10px;vertical-align:top;} .breadcrumb-navigation{margin-bottom:10px;} /* Left column */ .leftsideWrapper { float:left; width:0; /* margin-top: 20px; */ } .leftside {width:238px;float:left;margin:0 0 0 -238px;padding:0 0 20px;} .leftside.fixed {position:fixed; top:0; left:0; margin:0; z-index:999;} /* .leftMenu {background:#40465d;padding:17px 10px 17px 0;margin:0 0 7px;font:13px/30px Arial;} .leftMenu li {margin:0 0 2px;padding:0 0 0 12px;} .leftMenu li.current {background:url("/local/templates/main/i/leftmenu-current.png") no-repeat 0 0;} .leftMenu a {display:block;color:#fff;padding:0 0 0 18px;} .leftMenu a:hover {color:#30caff;text-decoration:underline;} .leftMenu li.item-1 a {background:url("/local/templates/main/i/leftmenu.gif") no-repeat 0 0;} .leftMenu li.item-1 a:hover {background-position:0 -224px;} .leftMenu li.item-2 a {background:url("/local/templates/main/i/leftmenu.gif") no-repeat 0 -32px;} .leftMenu li.item-2 a:hover {background-position:0 -256px;} .leftMenu li.item-3 a {background:url("/local/templates/main/i/leftmenu.gif") no-repeat 0 -64px;} .leftMenu li.item-3 a:hover {background-position:0 -288px;} .leftMenu li.item-4 a {background:url("/local/templates/main/i/leftmenu.gif") no-repeat 0 -96px;} .leftMenu li.item-4 a:hover {background-position:0 -320px;} .leftMenu li.item-5 a {background:url("/local/templates/main/i/leftmenu.gif") no-repeat 0 -128px;} .leftMenu li.item-5 a:hover {background-position:0 -352px;} .leftMenu li.item-6 a {background:url("/local/templates/main/i/leftmenu.gif") no-repeat 0 -160px;} .leftMenu li.item-6 a:hover {background-position:0 -384px;} .leftMenu li.item-7 a {background:url("/local/templates/main/i/leftmenu.gif") no-repeat 0 -192px;} .leftMenu li.item-7 a:hover {background-position:0 -416px;} .leftMenu li.item-8 a {background:url("/local/templates/main/i/leftmenu.gif") no-repeat 0 -192px;} .leftMenu li.item-8 a:hover {background-position:0 -416px;} .leftMenu li.item-9 a {background:url("/local/templates/main/i/leftmenu.gif") no-repeat 0 -192px;} .leftMenu li.item-9 a:hover {background-position:0 -416px;} .leftMenu li.item-10 a {background:url("/local/templates/main/i/leftmenu.gif") no-repeat 0 -192px;} .leftMenu li.item-10 a:hover {background-position:0 -416px;} .leftMenu li.item-11 a {background:url("/local/templates/main/i/leftmenu.gif") no-repeat 0 -192px;} .leftMenu li.item-11 a:hover {background-position:0 -416px;} */ .content .leftMenu { background: rgb(64, 70, 93); padding: 0px; margin: 0px; font: 13px/30px Arial; display: table; width: 100%; } .content .leftMenu li { display: table-cell; background: none; text-align: center; padding: 0px; margin: 0px; } .content .leftMenu li.current { background: #9259ed; background: -webkit-gradient(linear, left top, right top, from(#9259ed),to(#669df8)); background: linear-gradient(to right, #9259ed 0%,#669df8 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9259ed', endColorstr='#669df8',GradientType=1 ); } .content .leftMenu a { display:block; color:#fff; padding: 5px 15px 7px; text-decoration: none; text-shadow: 0px 1px 1px #000; font-family: Tahoma; font-size: 18px; position: relative; border-top: 1px solid rgba(0, 0, 0, 0.3); -webkit-transition: all 0.3s; transition: all 0.3s; } .content .intro.fixed .leftMenu a{ padding: 1px 15px 3px; } .content .leftMenu li.current a{ -webkit-box-shadow: inset 0px -35px 35px -40px #000; box-shadow: inset 0px -35px 35px -40px #000; color: #fff!important; } .content .leftMenu li.current a:after{ content: ""; display: block; position: absolute; width: 0; height: 0; border-style: solid; border-width: 0 5px 5px 5px; border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgb(229, 229, 229) rgba(0, 0, 0, 0); bottom: 0px; left: 50%; margin-left: -5px; } .content .leftMenu a:hover { color:#30caff; /* text-decoration:underline; */ } .catalogue {background:#767676;padding:20px 6px 6px 8px;/*margin:0 0 7px;*/ margin:0;} .catalogue .title {color:#fff;font:normal 19px Tahoma;margin:0 0 15px 25px;} .catNav {padding:0 0 10px 8px;} .catNav>li {margin:0 0 10px;} .catNav a {color:#fff;display:block;} .catNav a:hover, .catNav li.current>a {color:#30caff;text-decoration:underline;} .catNav>li>a {padding:0 0 0 17px;background:url("/local/templates/main/i/cat-nav-bullet.gif") no-repeat 7px 6px;} .catNav>li>a:hover, .catNav>li.current>a, .catNav>li>a.current {background:url("/local/templates/main/i/cat-nav-bullet-hover.gif") no-repeat 0 4px;} .catNav>li>ul {margin:5px 0 0 17px;} .catNav>li>ul>li {margin:0 0 5px;} .catNav>li>ul>li>a {background:url("/local/templates/main/i/cat-nav-bullet2.gif") no-repeat 0 6px;padding:0 0 0 8px;} .catNav>li>ul>li>a:hover, .catNav>li>ul>li.current>a {background:url("/local/templates/main/i/cat-nav-bullet2-hover.gif") no-repeat 0 6px;} .catNav ul ul {margin:5px 0 0 11px;} .catNav ul ul li {margin:0 0 5px;} .catNav ul ul a {padding:0 0 0 7px;background:url("/local/templates/main/i/cat-nav-bullet3.gif") no-repeat 0 8px;} .catNav ul ul a:hover, .catNav ul ul li.current a {background:url("/local/templates/main/i/cat-nav-bullet3-hover.gif") no-repeat 0 8px;} .catPalLink {display:block;width:207px;height:48px;padding:11px 0 11px 17px;background:url("/local/templates/main/i/pal.png?v=2") no-repeat 0 0;text-decoration:none;color:#fff;} .catPalLink span {font:19px Tahoma;border-bottom:1px dashed #fff;} .catPalLink:hover span {border-style:solid;} .leftside .adv {margin:0 0 7px 8px;} .leftside .adv * {vertical-align:top;} .leftside .textblock {margin:20px 0 0 38px;} .leftside .textblock p {margin:0 0 14px;} /* Right column */ .rightside {width:196px;float:right;margin:0 -205px 0 0;padding:66px 9px 20px 0;} .rightside .caption {font:22px Tahoma;margin:0 0 10px;color:#000;} .article {border-bottom:1px dotted #c3c3c3;padding:0 0 15px;margin:0 0 15px;overflow:hidden;} .article .date {font:11px Arial;margin:0 0 6px;} .article img {float:right;margin:0 0 0 10px;} .rightside .adv {margin:0 0 7px;} .rightside .adv * {vertical-align:top;} .contacts {text-align:center;margin:20px 0;} .contacts .caption {margin:0 0 5px;font:22px Tahoma;color:#000;} .contacts .phone {font:22px Tahoma;color:#000;} .contacts p {margin:5px 0;} .contacts a.btn {width:190px;margin:10px auto 0;height:37px;background:url("/local/templates/main/i/contacts-button.png") no-repeat 0 0;display:block;font:bold 14px/32px Arial;text-decoration:none;text-shadow:0 1px 0 #6d4214;color:#fff;} .contacts a.btn:hover {text-decoration:underline;} .help {background:#f3f3f3;padding:12px;border-radius:10px;float:right;margin:40px 0 20px;} .help p {margin:0;} /* Outro */ /*.outro {background:#e0e0e0 url("/local/templates/main/i/outro.gif") no-repeat -9px -9px;padding:14px;position:relative;margin:0 9px 27px 8px;font:11px Arial;} .outro i {width:9px;height:9px;display:block;background-image:url("/local/templates/main/i/outro.gif");position:absolute;font-size:0;} .outro i.rt {right:0;top:0;background-position:0 100%;} .outro i.lb {left:0;bottom:0;background-position:100% 0;} .outro i.rb {right:0;bottom:0;background-position:0 0;} .outro table {width:100%;} .outro td {vertical-align:top;width:25%;background:url("/local/templates/main/i/outro-separator.gif") repeat-y 0 0;} .outro td.first {background:none;} .outro a {color:#6f6f6f;text-decoration:none;} .outro a:hover {color:#2b2b2b;text-decoration:none;} .outro .caption {font:21px Arial;margin:0 30px 4px;} .outro .caption a:hover {text-decoration:underline;} .outro ul {margin:0 30px;} .outro ul li {margin:0 0 4px;}*/ /* Footer */ .footer {margin:0 9px 0 8px;padding:0 0 15px;overflow:hidden;} .fLogo {float:left;width:230px;border-top:2px solid #000;padding:8px 0 0;text-align:center;} .footerIn {margin:0 0 0 241px;border-top:2px solid #000;font:11px/14px Arial;color:#000;padding:20px 0 0;} .footerIn a {color:#000;} .copy {float:left;padding:0 20px 0 0;} .fContacts {float:left;padding:0 20px 0 0;} .fContacts strong {color:#40465d;font:bold 14px/14px Arial;} .dev {float:right;margin:-7px 0 0 30px;background: url(/local/templates/main/i/logo_relevant.png) no-repeat 0px -9px;} .dev a {display:inline-block;padding: 16px 5px 6px 30px;margin:0;} .dev span {/*padding:16px 5px 6px 24px;background:url("/local/templates/main/i/logo_relevant.png") no-repeat 0 0;margin:0;*/} .counters {float:right;margin:10px 0 0 30px;position: relative;} /* дополнительная цсс */ ul.contacts {margin:0;text-align:left;} ul.contacts li {display:inline; margin: 0 20px 0 0;background:none;padding-left:0;} ul.contacts li .icq {background:url("/local/templates/main/i/icq.png") no-repeat 0 0;padding:0 0 3px 20px;} ul.contacts li .skype {background:url("/local/templates/main/i/skype.png") no-repeat 0 0;padding:0 0 3px 20px;} ul.contacts li .email {background:url("/local/templates/main/i/email.png") no-repeat 0 0;padding:0 0 3px 20px;} .errortext {color:red;} .medal { background:url("/medal32.jpg") no-repeat 0 0; padding: 10px 0 0 35px; height:32px; } .productTabs {margin:0 0 20px;} ul.pTabs {overflow:hidden;margin:0;position:relative;font:12px/30px Arial;} ul.pTabs li {float:left;margin:0 1px 0 0;background:none;padding:0;background:url("/local/templates/main/i/tabs.png") no-repeat 100% -93px;outline:none;} ul.pTabs li.ui-state-active {background-position:100% -31px;font:bold 14px/30px Arial;} ul.pTabs li a {display:block;background:url("/local/templates/main/i/tabs.png") no-repeat 0 -62px;padding:0 25px;height:31px;outline:none;} ul.pTabs li.important a {color:#f00;} ul.pTabs li.ui-state-active a {background-position:0 0;color:#555;text-decoration:none;} .tabContent {border:1px solid #d9dadb;border-radius:0 4px 4px 4px;padding:15px 15px 5px;background:#f7f7f7;margin:-1px 0 0;font:14px Arial;} .tabContent.ui-tabs-hide {display:none;} .phone1 {color:#ee1d24;font:22px Arial;} .phone2 {color:#000;font:22px Arial;} .red {color:#f00;} ul.contactsList {margin:0 0 20px;} ul.contactsList li {background:none;padding:0 0 1px 21px;margin:0 0 7px;} ul.contactsList li.email {background:url("/local/templates/main/i/email.png") no-repeat 0 2px;} ul.contactsList li.email a {color:#000;font-size:16px;} ul.contactsList li.icq {background:url("/local/templates/main/i/icq.png") no-repeat 0 0;} ul.contactsList li.skype {background:url("/local/templates/main/i/skype.png") no-repeat 0 0;} .mapsframe {margin:0 0 20px;background:#f0f0f0;padding:12px 20px 8px;border-radius:10px;width:640px;} .mapsframe .links {list-style:none; margin:0 0 15px 0; padding-bottom: 15px; background:url("/local/templates/main/i/separator.png") no-repeat 0 83px;} .mapsframe .links li {background:none; display:inline-block; font:15px Arial; margin:5px 14px 0 0; padding:0;} .mapsframe .links li a{text-decoration:none; border-bottom:1px dotted;} .mapsframe .links li.current a{color:#000; border-bottom:none;} .box {display: none;} .box .left{ float:left; width:270px;} .box .right{float:left; width:350px; padding-left:20px;} .box.visible {display: block;} .feedback {margin:0 0 20px;background:#f0f0f0;padding:0 20px 8px;border-radius:10px;width:496px;} .feedback .caption {padding:8px 20px;margin:0 -20px 13px;} /* background:url("/local/templates/main/i/feedback-caption.gif") repeat-x 0 100%; */ .feedback p {margin:0 0 12px;} .feedback .code {overflow:hidden;margin:0 0 12px;width:350px;} .feedback .code img {float:left;padding:1px;border:1px solid #c4c4c4;background:#000;vertical-align:top;margin:0 10px 0 0;} .feedback input.codeInput {width:176px;} .feedback textarea {width:490px;} .map {margin:0 0 10px; float:left; width:542px;} .map img {vertical-align:top;} .thumbs {margin:0 0 10px; float:left; /*width:100px;*/} .thumbs img {border:1px solid #cdcdcd;margin:0 7px 1px 0;} .thumbs a {display:block;} .thumbs a:hover img, .thumbs a.current img {border-color:#555;} #kak { position: fixed; top: 240px; right: 0px; z-index:99; } #ban1 { background:url("/local/templates/main/i/regionsnab_banner4.jpg") no-repeat 0px 0px; width: 3px; height: 127px; } #ban3 { background: url("/local/templates/main/i/regionsnab_banner5.jpg") no-repeat scroll 0 0 transparent; height: 127px; margin: 0 auto; position: relative; top: -127px; width: 526px; } #ban5 { background: url("/local/templates/main/i/regionsnab_banner4.jpg") no-repeat scroll -533px 0 transparent; float: right; height: 127px; position: relative; top: -254px; width: 3px; } #headerSWF { background:url("/local/templates/main/i/regionsnab_banner3.jpg"); height: 127px; } a.pdf{ background: url("/upload/pdf-icon.png") no-repeat scroll 0 50% transparent; padding: 0 0 0 20px; background-size: 20px auto; font-size: 16px; } a.file-ext{ padding: 0 0 0 20px; background-size: 20px auto; font-size: 16px; } a.doc{ background: url("/upload/doc-icon.png") no-repeat scroll 0 50% transparent; } .o_komp{ font-size: 16px; width: 700px; } .clear{ clear: both; } .help2{background:#f3f3f3;padding:12px;border-radius:10px;float:right;margin: 40px 10px 0 0;} #banner2{ margin-top: 25px; } p.icon-contact img {position: relative; top: 3px;} p.icon-contact {width: 300px;} .headerMiddle .phone{ border: 1px solid #45A2E6; border-radius: 20px 20px 20px 20px; -webkit-box-shadow: 0 0 6px #45A2E6 inset, 1px 1px 3px #45A2E6; box-shadow: 0 0 6px #45A2E6 inset, 1px 1px 3px #45A2E6; font-size: 17px; margin: 40px auto; padding: 10px; text-align: center; width: 420px; } .headerMiddle .otgruzka{ margin-top: 10px; } .headerMiddle .phone span{ font-size: 20px; color: #EE1D24; } .headerMiddle .phone .bespl{ display: inline-block; position: relative; top: -2px; } .headerMiddle .phone span.title{ color: #40465D; } .headerMiddle .phone address{ margin-top: 10px; } .popup-holder{ position:fixed; top:0; left:0; width:100%; height:100%; z-index:1000; } .popup-holder .bg{ position:absolute; top:0; left:0; width:100%; height:100%; background:#000; filter:alpha(opacity=40); -moz-opacity:0.4; opacity:0.4; } .popup{ position:absolute; left:50%; top:169px; margin-left:-195px; width:360px; padding:0 15px 16px; background:#fff; text-align: left; } .popup h2{ font-size:18px; line-height:22px; font-weight:normal; color:#003975; background:#d9d9d9; margin:0 -15px 14px; padding:13px 17px 14px; } .popup .city-list{ padding:10px; margin:0 0 14px; list-style:none; border:1px solid #a6a6a6; overflow:auto; height:280px; } .popup .city-list li{ padding:0 0 9px; } .popup .city-list a{ color:#060606; text-decoration:none; } .popup .city-list a:hover{ text-decoration:underline; } .popup .back{ background:url(/images/bullet02.gif) no-repeat 0 5px; padding:0 0 0 22px; } .header address .city-link{ border-bottom: 1px dashed #45A2E6; text-decoration: none; } .header address .city-link:hover{ border-bottom: none; } .kak-kupit{ background: url("/images/knopka_kak-kupit1.png") no-repeat scroll 0 0 transparent; height: 72px; position: fixed; right: 0; top: 40%; width: 180px; z-index: 9; } .kak-kupit .close{ height: 18px; position: absolute; right: 2px; top: 5px; width: 18px; } .artic- { left: 0; position: absolute; text-decoration: none; top: 15px; } .tab-prais td { border: 1px solid; padding: 8px; } .topMenu .ceny-sng { font-size: 15px; } .ceny-sng > span { font-size: 17px; font-weight: bold; } .banner-skidki img { height: 80px; width: 197px; } .banner-skidki { position: absolute; right: 8px; top: 85px; } .cntfoto img { width: 24%; margin-right: 8px; } p.header_adr { font-size: 14px; margin: 6px 0 0 -17px; } .fContacts .phone_alloka { font-size: 20px; margin-bottom: 5px; margin-top: 10px; background: none; padding: 0; } .popup-modal{ position:absolute; left:50%; top:169px; margin-left:-195px; width:450px; padding:0 15px 16px; background:#fff; text-align: left; display: none; } .popup-modal .h2{ font-size:18px; line-height:22px; font-weight:normal; color:#003975; background:#d9d9d9; margin:0 -15px 14px; padding:13px 17px 14px; } .popup-modal .form { margin: 0; } .popup-modal .btn { background-color: #d9d9d9; color: #003975; cursor: pointer; display: inline-block; font-size: 15px; margin-right: 20px; padding: 8px 25px; text-decoration: none; outline: medium none; } #open-popup-city .filialy a { font-size: 19px; outline: medium none; } #open-popup-city .filialy > li { margin-bottom: 10px; } .preview .cheaper { font-size: 14px; font-style: italic; font-weight: bold; margin-top: 15px; } .kak-kupit.istoriya { top: 49%; background-image: url("/local/templates/main/i/knopka-2.png"); } .kak-kupit.prezentaciya { top: 58%; background-image: url("/local/templates/main/i/knopka-3.png"); } .cont_info p { margin-top: 6px; } .fContacts .phone { font-size: 17px; } .faq-link{ } .faq-link a{ display: block; background-image: url(/local/templates/main/images/faq-icon.png); background-repeat: no-repeat; background-position: 12px 50%; background-color: rgb(81, 187, 253); color: rgb(255, 255, 255); padding: 20px 10px 20px 67px; margin-top: 12px; font-size: 13px; line-height: 16px; text-transform: uppercase; text-decoration: none; font-weight: bold; border-bottom: 2px solid rgba(0, 0, 0, 0.15); text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.3); -webkit-transition: all 0.3s; transition: all 0.3s; } .faq-link a:hover{ background-color: rgb(73, 168, 226); } .opto-btns{ margin: 0px 0px 40px; } .opto-btns a{ text-decoration: none; background: rgb(82,187,253); color: rgb(255,255,255); padding: 10px 22px; border-radius: 3px; text-transform: uppercase; font-size: 11px; font-weight: bold; border-bottom: 1px solid rgb(65,151,206); text-shadow: 0 1px 1px rgba(0,0,0,0.3); -webkit-box-shadow: 0 2px 2px -1px rgba(0,0,0,0.3); box-shadow: 0 2px 2px -1px rgba(0,0,0,0.3); -webkit-transition: all 0.3s; transition: all 0.3s; } .opto-btns a:hover{ background: rgb(57,49,133); border-bottom: 1px solid rgb(47,40,111); } @media screen and (max-width: 1300px) { .gorod { font-size: 16px; } .goroda > div { font-size: 13px; } .phones p { font: 16px/16px Arial; } .goroda .col-4 .callback-link a { padding: 7px 12px; } } .edit_seo_btn{ border-top: 1px solid rgb(224, 224, 224); border-bottom: 1px solid rgb(224, 224, 224); padding: 15px 0px; } .edit_seo_btn > div{ font-size: 18px; margin-bottom: 5px; color: rgb(82, 187, 253); } .edit_seo_btn > a{ display: inline-block; margin-right: 10px; text-decoration: none; background: rgb(82, 187, 253); color: rgb(255, 255, 255); padding: 7px 20px; border-radius: 3px; text-transform: uppercase; font-size: 11px; font-weight: bold; border-bottom: 1px solid rgb(65, 151, 206); text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0px 2px 2px -1px rgba(0, 0, 0, 0.3); box-shadow: 0px 2px 2px -1px rgba(0, 0, 0, 0.3); -webkit-transition: all 0.3s; transition: all 0.3s; } .edit_seo_btn > a:hover{ background: rgb(57, 49, 133); border-bottom: 1px solid rgb(47, 40, 111); } .footer-mail{ margin-top: 8px; } .footer-mail a{ font-size: 16px; } /* Additional CSS by @digikid */ section.vsegoroda { display: -webkit-box; display: -ms-flexbox; display: flex; } .vsegoroda .next { -ms-flex-preferred-size: 200px; flex-basis: 200px; } .vsegoroda .next ul { list-style: none; margin: 0 0 15px; } .vsegoroda .next ul li { margin-left: 40px; margin-bottom: 10px; text-align: left; background: transparent!important; } .vsegoroda .next ul .letter-start { float: left; margin-left: 0; margin-right: 10px; } .vsegoroda .next ul .letter-start span { background-color: #40465d; display: inline; padding: .2em .6em .3em; font-size: 100%; font-weight: bold; line-height: 1; color: #fff; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: .25em; } .vsegoroda .next > ul > li:before { content: none; } .vsegoroda .next a.vsegoroda-link { color: #40465d; text-decoration: none; font-size: 14px!important; } .vsegoroda .next a.vsegoroda-link:hover { color: #40465d; } .goroda-hold { width: 450px; } .goroda-hold h2 { font-size: 16px; font-weight: bold; margin: 5px 0 20px; color: #40465d; } .goroda-hold .goroda-close { width: 25px; height: 25px; float: right; } .goroda-hold .goroda-close img { max-width: 100%; } .top-adress { max-width: 200px; } @media screen and (min-width: 767px) and (max-width: 900px) { .goroda-hold { right: 25px; } } @media screen and (max-width: 767px) { .goroda-hold { width: 275px; top: 35px; } .vsegoroda .next ul .letter-start { display: none; } .vsegoroda .next ul li { margin-left: 0; } } @media screen and (max-width: 1040px) { .preview .color { margin: 0; /*float: left;*/ margin-top: -25px; margin-left: 25px; } } @media screen and (max-width: 840px) { .preview .color { position: static; max-width: 100%; margin: 25px auto 0; text-align: center; } .preview .color select { margin-left: 10px; } .preview .meta { padding: 0; text-align: center; } .preview .meta a.cartLink { float: none; margin: 15px auto 0; } .sert2 { margin: 0 auto; } } /* New city chooser */ .goroda-block { padding: 15px 5px; text-align: left; -webkit-box-sizing: border-box; box-sizing: border-box; } .goroda-block * { -webkit-box-sizing: border-box; box-sizing: border-box; } .goroda-block .h2 { font-size: 18px; font-weight: bold; margin-bottom: 15px; background: none; padding: 0; } .goroda-block #search-city { font-size: 14px; padding: 10px 40px 10px 10px; border: 1px solid #ddd; width: 100%!important; -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-box-sizing: border-box; box-sizing: border-box; } .goroda-block .search-field { position: relative; } .goroda-block .search-field:after { content: ''; display: inline-block; width: 17px; height: 17px; background: url(/local/templates/main/images/icon-search.svg) no-repeat; background-size: cover; position: absolute; top: 9px; right: 9px; } .goroda-block .city-input-hint-err { display: none; padding: 10px; background: #eee; font-weight: bold; margin-top: 15px; } .goroda-block .select-lists { display: -moz-flex; display: -ms-flex; display: -o-flex; display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 15px; } .goroda-block .select-lists ul { width: 50%; list-style: none; margin: 0; } .goroda-block .select-lists ul li { padding: 2px 10px; margin-bottom: 5px; background: transparent!important; /*transition: 0.15s ease-in-out;*/ } .goroda-block .select-lists ul li.selected { background: #fffb77!important; } .goroda-block .select-lists ul li:last-child { margin-bottom: 0; } .goroda-block .select-lists ul li a { text-decoration: none; font-size: 14px; } .goroda-block .select-lists .block-title { font-size: 16px; font-weight: bold; margin-bottom: 10px; padding: 3px 10px; } .goroda-block .regions { border-right: 1px solid #ddd; padding-right: 15px; } .goroda-block .cities { padding-left: 15px; } .address_block { font-size: 18px; } .shema-proezda { margin-bottom: 20px; } .product-slider .slick-slide { height: auto; } .col2_address { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 10px; } .col2_address .map { margin-bottom: 0; } .menedj_info { background-color: #eee; padding: 20px; margin-top: 30px; margin-bottom: 20px; } .overmap { margin-bottom: 20px; overflow: hidden; } @media screen and (max-width: 767px) { .goroda-block { padding: 0; } .goroda-block .h2 { text-align: center; margin-top: 15px; } .goroda-block .select-lists ul li a { font-size: 13px; } } /* Modified: 2018-12-11 12:25:19 */ .detail_item .colors > a { margin-bottom: 10px; display: inline-block; } .detail_item .colors { display: inline-block; width: auto; padding-bottom: 0; } .productTabs .tabContent { padding: 15px; } .detail_item .low_price { margin-bottom: 20px; } .faq_ask .inputs_block, .faq_ask .afbf_item_pole.text-area { width: 50%; } .faq_ask .afbf_submit_block { float: none; text-align: left !important; } #alx_feed_back_FID1 .afbf_feedback_poles .afbf_btn { padding: 10px 15px !important; } .check-popup-city_frame .h2 { font-size: 18px; font-weight: bold; margin: 12px 0 15px; background: none; padding: 0; color: #003975; } ol.address__sklad { margin-left: 15px; } .address__sklad { font-size: 16px; font-weight: bold } .content .sklad-item { font-size: 18px; } @media screen and (max-width: 1199px) { .detail_item .left_item { width: 135px; margin-right: 15px; } .detail_item .right_item { width: 350px; } .addcart-block { justify-content: flex-start; } .tovar_info { padding: 20px; } .faq_ask { padding: 20px 20px 0; } .rightCol .sert2 { margin: 25px 0; } } @media screen and (max-width: 767px) { .faq_ask .alx_feed_back form { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap; justify-content: space-between; } .faq_ask .inputs_block, .faq_ask .afbf_item_pole.text-area { width: 48%; } .faq_ask .afbf_submit_block { width: 100%; } } @media screen and (max-width: 580px) { .detail_item .left_item, .detail_item .right_item { width: 100%; float: none; margin: 0; } .detail_item .left_item { text-align: center; } .photo #catalog_detail_image { display: inline-block; } .detail_item .right_item .info { text-align: center; } .stock .available, .addcart-block { justify-content: center; } .detail_item .leftCol { margin: 0; } .qty_block, .detail_item #catalog_add2cart_link { margin: 10px 15px; } .faq_ask .inputs_block, .faq_ask .afbf_item_pole.text-area { width: 100%; } .faq_ask .afbf_item_pole { margin: 10px 0; } #f_feedback_FIDONECLICK .afbf_item_pole .afbf_name { width: 100%; margin-bottom: 5px; } } @media screen and (max-width: 400px) { .addcart-block #qty { width: 60px !important; } } /* FOOTER */ .footer__copy-mob { display: none; } .footer .footerIn { margin-left: 0 !important; } @media screen and (max-width: 1135px) { .footer .fLogo { margin-right: 30px; } } @media screen and (max-width: 1060px) { .footer.footer-new .footerIn { display: -ms-grid !important; display: grid !important; -ms-grid-columns: 1fr 20px 1fr; grid-template-columns: 1fr 1fr; grid-gap: 0 20px; } .footer.footer-new .fLogo { padding: 0 !important; border: none; -ms-grid-row: 1; grid-row-start: 1; -ms-grid-column: 2; grid-column-start: 2; -ms-grid-row-span: 1; grid-row-end: 2; -ms-grid-column-span: 1; grid-column-end: 3; } .footerIn .copy { -ms-grid-row: 1; grid-row-start: 1; -ms-grid-column: 1; grid-column-start: 1; -ms-grid-row-span: 1; grid-row-end: 2; -ms-grid-column-span: 1; grid-column-end: 2; text-align: left !important; } .footer_benefits { width: 100px; margin: 0 !important; -ms-grid-row: 2; grid-row-start: 2; -ms-grid-column: 2; grid-column-start: 2; -ms-grid-row-span: 2; grid-row-end: 4; -ms-grid-column-span: 1; grid-column-end: 3; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: end !important; -ms-flex-align: end !important; align-items: flex-end !important; } .footer_benefits .item { margin-right: 0 !important; } .footer__copy-desktop { display: none; } .footer__copy-mob { display: block; -ms-grid-row: 3 !important; grid-row-start: 3 !important; -ms-grid-column: 1 !important; grid-column-start: 1 !important; -ms-grid-row-span: 1 !important; grid-row-end: 4 !important; -ms-grid-column-span: 1 !important; grid-column-end: 2 !important; } .footer .copy:not(.footer__copy-mob) { padding-top: 20px !important; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .footerIn .footer_certificate { padding-left: 0; margin-bottom: -6px; } .footerIn .footer_certificate:before { display: none; } .footer .dev { width: 100% !important; text-align: left !important; background-size: 120px !important; background-position: left top !important; } .footer .dev a { font-weight: 600 !important; text-align: left !important; } .footer__copy-mob { margin-top: 20px !important; text-align: left; font-weight: 600 !important; } .footer__copy-mob p { font-weight: 600 !important; font-size: 11px; } .footer_dzen { -webkit-box-pack: start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; white-space: nowrap; } .footer.footer-new .dev { margin: 0 !important; margin-top: 18px !important; } .footer #bx_incl_area_21 p:first-child { white-space: nowrap; font-size: 14px; } .dev a { font-size: 13px; padding-left: 3px !important; } .footer_benefits .item { width: 110px; } .footer_benefits .item:nth-child(2) { width: 70px; } } @media screen and (max-width: 400px) { .footer .dev { background-position: left -3px top !important; } .footer .dev a { padding-left: 0 !important; } } .news-slider .tabs-block-slider .slick-prev { left: -28px; background-image: url('/local/templates/main/../main/i/arrow-prev.png'); } .news-slider .tabs-block-slider .slick-next { right: -28px; background-image: url('/local/templates/main/../main/i/arrow-next.png'); } .news-slider .tabs-block-slider__data { font-weight: 400; } .news-slider .tabs-block-slider__text { font-weight: 400; } @media screen and (max-width: 1340px) { .news-slider .tabs-block-slider { margin: 0 28px; } } @media screen and (max-width: 767px) { .outro.new { padding: 46px 33px 40px; } .outro.new td:not(:last-child):not(:nth-child(3)) { display: none; } .outro.new tr { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } .outro.new td { background: none; } .outro .fContacts { max-width: 100%; } } .introWrapper { height: auto !important; } .gorod { margin-left: 20px; } .headerMiddle .callback-link .holder-btn-basket .btn-basket { padding-left: 30px !important; } .suitable_block { overflow: hidden; } .news-detail.new .suitable_block .product-slider { padding: 15px 22px 0px; margin-left: 0 !important; margin-right: 0 !important; } @media screen and (max-width: 576px) { .logo img, .fLogo img { max-width: 120px; } } @media (max-width: 1135px) { .news-detail.new .news-detail_img { max-width: calc(100% + 20px); } } .chars table { width: 100%; margin: 0 0 20px; } /* End */ /* /local/templates/main/jquery.lightbox-0.5.css?17406441362269 */ /* /local/templates/main/css/jquery.fancybox.min.css?174064413610424 */ /* /local/templates/main/css/prettyPhoto.css?174064413615733 */ /* /local/templates/main/css/slick.css?17406441361729 */ /* /local/templates/main/css/simplebar.css?17406441363890 */ /* /local/templates/main/css/media.css?174064413636392 */ /* /local/templates/main/css/custom.css?179085297397613 */ /* /local/templates/main/components/bitrix/menu/vertical_multilevel/style.css?1740644135302 */ /* /local/templates/main/components/arturgolubev/search.title/search_header/style.css?174064413514073 */ /* /local/templates/main/components/bitrix/catalog.top/top/style.css?174064413556 */ /* /local/templates/main/components/bitrix/news.list/main_slider_news/style.css?1740644135150 */ /* /local/templates/main/components/altasib/feedback.form/callback-form/form_style.css?174064413547449 */ /* /local/templates/main/components/altasib/feedback.form/callback-form/themes/theme_ff2581b3fd15dfd94fff9161cf8eb9de.css?17406441353306 */ /* /local/templates/main/styles.css?17406441365554 */ /* /local/templates/main/template_styles.css?174064413552380 */