/* Start:/local/templates/sag-v3/css/jquery.fancybox.min.css?177706510114143*/ body.compensate-for-scrollbar{overflow:hidden}.fancybox-active{height:auto}.fancybox-iosfix{height:100%;left:0;overflow:hidden;position:fixed;width:100%}.fancybox-is-hidden{left:-9999px;margin:0;position:absolute!important;top:-9999px;visibility:hidden}.fancybox-container{-webkit-backface-visibility:hidden;backface-visibility:hidden;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;height:100%;left:0;position:fixed;-webkit-tap-highlight-color:transparent;top:0;-webkit-transform:translateZ(0);transform:translateZ(0);width:100%;z-index:99992}.fancybox-container *{box-sizing:border-box}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{bottom:0;left:0;position:absolute;right:0;top:0}.fancybox-outer{-webkit-overflow-scrolling:touch;overflow-y:auto}.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:.87;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar{direction:ltr;opacity:0;position:absolute;transition:opacity .25s,visibility 0s linear .25s;visibility:hidden;z-index:99997}.fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;transition:opacity .25s,visibility 0s;visibility:visible}.fancybox-infobar{color:#ccc;font-size:13px;-webkit-font-smoothing:subpixel-antialiased;height:44px;left:0;line-height:44px;min-width:44px;mix-blend-mode:difference;padding:0 10px;pointer-events:none;text-align:center;top:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-toolbar{right:0;top:0}.fancybox-stage{direction:ltr;overflow:visible;-webkit-transform:translateZ(0);z-index:99994}.fancybox-is-open .fancybox-stage{overflow:hidden}.fancybox-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;display:none;height:100%;left:0;outline:none;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:absolute;text-align:center;top:0;transition-property:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform;white-space:normal;width:100%;z-index:99994}.fancybox-slide:before{content:"";display:inline-block;height:100%;margin-right:-.25em;vertical-align:middle;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--next{z-index:99995}.fancybox-slide--image{overflow:visible;padding:44px 0}.fancybox-slide--image:before{display:none}.fancybox-slide--html{padding:6px 6px 0}.fancybox-slide--iframe{padding:44px 44px 0}.fancybox-content{background:#fff;display:inline-block;margin:0 0 6px;max-width:100%;overflow:auto;padding:0;padding:24px;position:relative;text-align:left;vertical-align:middle}.fancybox-slide--image .fancybox-content{-webkit-animation-timing-function:cubic-bezier(.5,0,.14,1);animation-timing-function:cubic-bezier(.5,0,.14,1);-webkit-backface-visibility:hidden;backface-visibility:hidden;background:transparent;background-repeat:no-repeat;background-size:100% 100%;left:0;margin:0;max-width:none;overflow:visible;padding:0;position:absolute;top:0;-webkit-transform-origin:top left;transform-origin:top left;transition-property:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:99995}.fancybox-can-zoomOut .fancybox-content{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-content{cursor:zoom-in}.fancybox-can-drag .fancybox-content{cursor:-webkit-grab;cursor:grab}.fancybox-is-dragging .fancybox-content{cursor:-webkit-grabbing;cursor:grabbing}.fancybox-container [data-selectable=true]{cursor:text}.fancybox-image,.fancybox-spaceball{background:transparent;border:0;height:100%;left:0;margin:0;max-height:none;max-width:none;padding:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.fancybox-spaceball{z-index:1}.fancybox-slide--html .fancybox-content{margin-bottom:6px}.fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--video .fancybox-content{height:100%;margin:0;overflow:visible;padding:0;width:100%}.fancybox-slide--video .fancybox-content{background:#000}.fancybox-slide--map .fancybox-content{background:#e5e3df}.fancybox-slide--iframe .fancybox-content{background:#fff;height:calc(100% - 44px);margin-bottom:44px}.fancybox-iframe,.fancybox-video{background:transparent;border:0;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.fancybox-iframe{vertical-align:top}.fancybox-error{background:#fff;cursor:default;max-width:400px;padding:40px;width:100%}.fancybox-error p{color:#444;font-size:16px;line-height:20px;margin:0;padding:0}.fancybox-button{background:rgba(30,30,30,.6);border:0;border-radius:0;cursor:pointer;display:inline-block;height:44px;margin:0;outline:none;padding:10px;transition:color .2s;vertical-align:top;width:44px}.fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:#ccc}.fancybox-button:focus,.fancybox-button:hover{color:#fff}.fancybox-button.disabled,.fancybox-button.disabled:hover,.fancybox-button[disabled],.fancybox-button[disabled]:hover{color:#888;cursor:default}.fancybox-button svg{display:block;overflow:visible;position:relative;shape-rendering:geometricPrecision}.fancybox-button svg path{fill:transparent;stroke:currentColor;stroke-linejoin:round;stroke-width:3}.fancybox-button--pause svg path:nth-child(1),.fancybox-button--play svg path:nth-child(2){display:none}.fancybox-button--play svg path,.fancybox-button--share svg path,.fancybox-button--thumbs svg path{fill:currentColor}.fancybox-button--share svg path{stroke-width:1}.fancybox-navigation .fancybox-button{height:38px;opacity:0;padding:6px;position:absolute;top:50%;width:38px}.fancybox-show-nav .fancybox-navigation .fancybox-button{transition:opacity .25s,visibility 0s,color .25s}.fancybox-navigation .fancybox-button:after{content:"";left:-25px;padding:50px;position:absolute;top:-25px}.fancybox-navigation .fancybox-button--arrow_left{left:6px}.fancybox-navigation .fancybox-button--arrow_right{right:6px}.fancybox-close-small{background:transparent;border:0;border-radius:0;color:#555;cursor:pointer;height:44px;margin:0;padding:6px;position:absolute;right:0;top:0;width:44px;z-index:10}.fancybox-close-small svg{fill:transparent;opacity:.8;stroke:currentColor;stroke-width:1.5;transition:stroke .1s}.fancybox-close-small:focus{outline:none}.fancybox-close-small:hover svg{opacity:1}.fancybox-slide--iframe .fancybox-close-small,.fancybox-slide--image .fancybox-close-small,.fancybox-slide--video .fancybox-close-small{color:#ccc;padding:5px;right:-12px;top:-44px}.fancybox-slide--iframe .fancybox-close-small:hover svg,.fancybox-slide--image .fancybox-close-small:hover svg,.fancybox-slide--video .fancybox-close-small:hover svg{background:transparent;color:#fff}.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-drag .fancybox-close-small{display:none}.fancybox-caption{bottom:0;color:#fff;font-size:14px;font-weight:400;left:0;line-height:1.5;padding:25px 44px;right:0}.fancybox-caption:before{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAEtCAQAAABjBcL7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAHRJREFUKM+Vk8EOgDAIQ0vj/3+xBw8qIZZueFnIKC90MCAI8DlrkHGeqqGIU6lVigrBtpCWqeRWoHDNqs0F7VNVBVxmHRlvoVqjaYkdnDIaivH2HqZ5+oZj3JUzWB+cOz4G48Bg+tsJ/tqu4dLC/4Xb+0GcF5BwBC0AA53qAAAAAElFTkSuQmCC);background-repeat:repeat-x;background-size:contain;bottom:0;content:"";display:block;left:0;pointer-events:none;position:absolute;right:0;top:-25px;z-index:-1}.fancybox-caption:after{border-bottom:1px solid hsla(0,0%,100%,.3);content:"";display:block;left:44px;position:absolute;right:44px;top:0}.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited{color:#ccc;text-decoration:none}.fancybox-caption a:hover{color:#fff;text-decoration:underline}.fancybox-loading{-webkit-animation:a .8s infinite linear;animation:a .8s infinite linear;background:transparent;border:6px solid hsla(0,0%,39%,.5);border-radius:100%;border-top-color:#fff;height:60px;left:50%;margin:-30px 0 0 -30px;opacity:.6;padding:0;position:absolute;top:50%;width:60px;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)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}.fancybox-fx-slide.fancybox-slide--next{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}.fancybox-fx-slide.fancybox-slide--current{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{opacity:0;-webkit-transform:scale3d(1.5,1.5,1.5);transform:scale3d(1.5,1.5,1.5)}.fancybox-fx-zoom-in-out.fancybox-slide--next{opacity:0;-webkit-transform:scale3d(.5,.5,.5);transform:scale3d(.5,.5,.5)}.fancybox-fx-zoom-in-out.fancybox-slide--current{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}.fancybox-fx-rotate.fancybox-slide--previous{opacity:0;-webkit-transform:rotate(-1turn);transform:rotate(-1turn)}.fancybox-fx-rotate.fancybox-slide--next{opacity:0;-webkit-transform:rotate(1turn);transform:rotate(1turn)}.fancybox-fx-rotate.fancybox-slide--current{opacity:1;-webkit-transform:rotate(0deg);transform:rotate(0deg)}.fancybox-fx-circular.fancybox-slide--previous{opacity:0;-webkit-transform:scale3d(0,0,0) translate3d(-100%,0,0);transform:scale3d(0,0,0) translate3d(-100%,0,0)}.fancybox-fx-circular.fancybox-slide--next{opacity:0;-webkit-transform:scale3d(0,0,0) translate3d(100%,0,0);transform:scale3d(0,0,0) translate3d(100%,0,0)}.fancybox-fx-circular.fancybox-slide--current{opacity:1;-webkit-transform:scaleX(1) translateZ(0);transform:scaleX(1) translateZ(0)}.fancybox-fx-tube.fancybox-slide--previous{-webkit-transform:translate3d(-100%,0,0) scale(.1) skew(-10deg);transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{-webkit-transform:translate3d(100%,0,0) scale(.1) skew(10deg);transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{-webkit-transform:translateZ(0) scale(1);transform:translateZ(0) scale(1)}.fancybox-share{background:#f4f4f4;border-radius:3px;max-width:90%;padding:30px;text-align:center}.fancybox-share h1{color:#222;font-size:35px;font-weight:700;margin:0 0 20px}.fancybox-share p{margin:0;padding:0}.fancybox-share__button{border:0;border-radius:3px;display:inline-block;font-size:14px;font-weight:700;line-height:40px;margin:0 5px 10px;min-width:130px;padding:0 15px;text-decoration:none;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.fancybox-share__button:link,.fancybox-share__button:visited{color:#fff}.fancybox-share__button:hover{text-decoration:none}.fancybox-share__button--fb{background:#3b5998}.fancybox-share__button--fb:hover{background:#344e86}.fancybox-share__button--pt{background:#bd081d}.fancybox-share__button--pt:hover{background:#aa0719}.fancybox-share__button--tw{background:#1da1f2}.fancybox-share__button--tw:hover{background:#0d95e8}.fancybox-share__button svg{height:25px;margin-right:7px;position:relative;top:-1px;vertical-align:middle;width:25px}.fancybox-share__button svg path{fill:#fff}.fancybox-share__input{background:transparent;border:0;border-bottom:1px solid #d7d7d7;border-radius:0;color:#5d5b5b;font-size:14px;margin:10px 0 0;outline:none;padding:10px 15px;width:100%}.fancybox-thumbs{background:#fff;bottom:0;display:none;margin:0;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;padding:2px 2px 4px;position:absolute;right:0;-webkit-tap-highlight-color:transparent;top:0;width:212px;z-index:99995}.fancybox-thumbs-x{overflow-x:auto;overflow-y:hidden}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:212px}.fancybox-thumbs>ul{font-size:0;height:100%;list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;position:absolute;position:relative;white-space:nowrap;width:100%}.fancybox-thumbs-x>ul{overflow:hidden}.fancybox-thumbs-y>ul::-webkit-scrollbar{width:7px}.fancybox-thumbs-y>ul::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.fancybox-thumbs-y>ul::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}.fancybox-thumbs>ul>li{-webkit-backface-visibility:hidden;backface-visibility:hidden;cursor:pointer;float:left;height:75px;margin:2px;max-height:calc(100% - 8px);max-width:calc(50% - 4px);outline:none;overflow:hidden;padding:0;position:relative;-webkit-tap-highlight-color:transparent;width:100px}.fancybox-thumbs-loading{background:rgba(0,0,0,.1)}.fancybox-thumbs>ul>li{background-position:50%;background-repeat:no-repeat;background-size:cover}.fancybox-thumbs>ul>li:before{border:4px solid #4ea7f9;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:all .2s cubic-bezier(.25,.46,.45,.94);z-index:99991}.fancybox-thumbs .fancybox-thumbs-active:before{opacity:1}@media (max-width:800px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs>ul>li{max-width:calc(100% - 10px)}} /* End */ /* Start:/local/templates/sag-v3/vendor/slick/slick.css?17774078961776*/ /* 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; margin-left: auto; margin-right: auto; } .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/sag-v3/css/style.css?177843060262070*/ /* Theme name: SAG Description: Оборудование Author: Aleksandrlao Author URI: http://aleksandrlao.ru */ @import url('https://fonts.googleapis.com/css?family=Rubik:300,400,500,700&display=swap&subset=cyrillic'); *, *::before, *::after { margin: 0; padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; } body { font: 16px/1.4 'Rubik', Arial, sans-serif; } .m_box { width: 100%; min-width: 320px; position: relative; } .m_inb { width: 100%; min-width: 320px; max-width: 1200px; padding-left: 15px; padding-right: 15px; margin: 0 auto; position: relative; border-top: 0px solid transparent; } .m_inb:after { content: ''; display: block; clear: both; width: 100%; height: 0; } .flx { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; } a { color: #ed364e; text-decoration: underline; } a:hover { text-decoration: none; } input, textarea { font-family: 'Rubik', Arial, sans-serif; } .text { overflow: hidden; } .text p { margin-bottom: 21px; } .text h2, .h2, .text h3, .h3, .text h4, .text h5 { margin-bottom: 20px; color: #000; font-size: 25px; line-height: 29px; } .h2 { font-weight: bold; } .h3, .text h3 { font-size: 22px; } .text h4 { font-size: 20px; } .text h5 { font-size: 18px; } .text table { width: 100%; border-collapse: collapse; } .text table tr td { border: 1px solid #373737; padding: 10px; } .text ul, .text ol { margin: 0 0 25px 20px; } .text li { margin-bottom: 7px; } .text img { display: block; max-width: 100%; height: auto; } .img-resp { max-width: 100%; height: auto; } .alignleft {display: inline;float: left;margin: 5px 15px 5px 0;} .alignright {display: inline;float: right;margin: 5px 0 5px 15px;} .aligncenter {clear: both;display: block;margin: 5px auto;} /* Header ----------------------------------------------------------------------------- */ .header { overflow: hidden; } .header__top { padding-top: 6px; padding-bottom: 6px; background: #f2f8f9; } .header__nav ul { display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start; list-style: none; } .header__nav ul li { margin-right: 55px; } .header__nav ul li a { display: block; border-bottom: 1px dashed #666c6f; color: #666c6f; font-size: 15px; line-height: 1.2; text-decoration: none; transition: all .3s ease; } .header__nav ul li a:hover { border-bottom-color: transparent; } .header__bottom { padding-top: 30px; padding-bottom: 32px; } .header__logo { display: block; width: 304px; height: 48px; background: url('/local/templates/sag-v3/css/../i/bg-logo.png') center no-repeat; -webkit-background-size: contain; background-size: contain; } .header__contact { text-align: center; } .header__phone { display: inline-block; margin-bottom: 8px; color: #0e1720; font-size: 18px; font-weight: 500; line-height: 1.2; text-decoration: none; padding-left: 25px; position: relative; } .header__phone::before { content: ''; position: absolute; top: 50%; left: 0; width: 15px; height: 24px; margin-top: -12px; background: url("/local/templates/sag-v3/css/../i/bg-icon-phone.png") center no-repeat; } .header__callme { display: inline-block; vertical-align: top; color: #ed364e; font-size: 14px; font-weight: 300; line-height: 1.1; text-decoration: none; cursor: pointer; margin-bottom: 0; } .header__callme.product-btn { margin-bottom: 0; } .header__callme:hover { text-decoration: underline; } .header__adres { min-height: 22px; padding-left: 30px; position: relative; margin-top: 9px; color: #0e1720; font-size: 16px; font-weight: 300; line-height: 22px; } .header__adres::before { content: ''; position: absolute; top: 0; left: 0; width: 15px; height: 21px; background: url("/local/templates/sag-v3/css/../i/bg-icon-adres.png") center no-repeat; } .nav { margin-bottom: 28px; } .nav ul { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; width: 100%; background-color: #fff; -webkit-box-shadow: 0 0 30px rgba(229, 242, 246, 1); -moz-box-shadow: 0 0 30px rgba(229, 242, 246, 1); box-shadow: 0 0 30px rgba(229, 242, 246, 1); list-style: none; } .nav ul li a { display: block; padding: 20px 30px; color: #26292b; font-size: 16px; font-weight: 300; line-height: 18px; text-transform: uppercase; text-decoration: none; transition: all .3s ease; } .nav ul li a:hover, .nav ul li.menu-item-current a { background-color: #ed364e; color: #fff; } .nav__btn { display: none; cursor: pointer; } .nav__btn span { display: inline-block; vertical-align: top; width: 42px; height: 4px; -webkit-border-radius: 3px; border-radius: 3px; background: #242424; margin: 10px 0 0; position: relative; } .nav__btn span::before, .nav__btn span::after { content: ""; position: absolute; left: 0; width: 42px; height: 4px; -webkit-border-radius: 3px; border-radius: 3px; background: #242424; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; } .nav__btn span::before { top: -10px; } .nav__btn span::after { bottom: -10px; } .nav.active .nav__btn span { background: transparent; } .nav.active .nav__btn span::before { top: 0; -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -webkit-transform: rotate(45deg); } .nav.active .nav__btn span::after { bottom: 0; -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); } /* breadcrumbs -------------------------------------------------------------------------- */ .breadcrumbs { margin-top: -4px; margin-bottom: 18px; } .breadcrumbs .m_inb { display: -webkit-flex; display: -ms-flex; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; justify-content: flex-start; -ms-align-items: flex-start; align-items: flex-start; } .breadcrumbs a, .breadcrumbs span { display: inline-block; vertical-align: top; margin-right: 27px; color: #949393; font-size: 16px; font-weight: 300; line-height: 1.2; text-decoration: none; } .breadcrumbs a { position: relative; color: #ed3c42; } .breadcrumbs a:hover { text-decoration: underline; } .breadcrumbs a::before { content: ''; position: absolute; top: 8px; right: -14px; width: 5px; height: 5px; border-left: 1px solid #949393; border-bottom: 1px solid #949393; transform: rotate(-135deg); pointer-events: none; } /* Middle ----------------------------------------------------------------------------- */ .start { margin-bottom: 25px; overflow: hidden; } .start .m_inb { align-items: center; } .start__nav { width: 294px; position: relative; background-color: #f8fbfb; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; z-index: 20; } .start__nav ul { list-style: none; padding: 25px 0; } .start__nav ul li { padding: 4px 0; } .start__nav ul li a { display: block; padding: 10px 25px 10px 45px; position: relative; color: #121518; font-size: 16px; line-height: 1.2; text-decoration: none; } .start__nav ul li a::before { content: ''; position: absolute; top: calc(50% - 4px); left: 20px; width: 8px; height: 8px; border-right: 1px solid #2d2d2d; border-bottom: 1px solid #2d2d2d; transform: rotate(-45deg); } .start__nav ul li a:hover { color: #ef364e; } .start__nav ul li a:hover::before { border-color: #ef364e; } .start__nav ul li.menu-item-current > a { background-color: #dff2fb; color: #171717; } .start__nav ul li.menu-item-current > a::before { border-color: #171717; transform: rotate(45deg); } .start__nav ul li .sub-menu { max-height: 0; padding: 0; overflow: hidden; transition: all .3s ease; } .start__nav ul li.menu-item-current .sub-menu { max-height: 5000px; padding: 25px 0; } .start__nav ul li .sub-menu li { padding: 0; } .start__nav ul li .sub-menu li a::before { display: none; } .start__nav ul li .sub-menu li.menu-item-current a { background-color: transparent; font-weight: 500; color: #ef364e; } .start__nav-list .start__nav-list--d2 { padding: 0 0 0 10px; } .start__nav-list .start__nav-list-item--d2 a { font-size: 14px; padding: 10px 24px 10px 48px; } .start__nav-hover-fixable .start__nav-list--d2 { display: none; } .start__nav-hover-fixable .start__nav-list--d1:hover { position: absolute; z-index: 10; background-color: #f8fbfb; border-radius: 20px; } .start__nav-hover-fixable .start__nav-list:hover .start__nav-list--d2 { display: block; } .start__nav--home .start__nav-list-item--d2 a { padding: 12px 24px 12px 48px; font-size: 16px; } .start__nav--home .start__nav-list--d2 { padding: 0; } .start__nav--compact ul li { padding: 0; } .start__nav--compact ul li a { font-size: 16px; padding: 10px 15px 10px 45px; } /*.start__nav--compact ul { padding: 0; }*/ .start__nav--compact .start__nav-list-item--d2 a { font-size: 16px; padding: 10px 15px 10px 45px; } .start-slider { width: calc(100% - 244px); margin-left: -50px; overflow: hidden; position: relative; z-index: 10; } .start-slider__item { float: left; width: 100%; border-radius: 16px; overflow: hidden; } .start-slider__link { display: block; width: 100%; height: auto; position: relative; padding: 50px 30px; color: #fff; text-decoration: none; } .start-slider__thumb { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-position: center; background-repeat: no-repeat; -webkit-background-size: cover; background-size: cover; z-index: -1; } .start-slider__box { display: block; width: 100%; max-width: 540px; min-height: 260px; padding: 16px 40px 40px 50px; background-color: rgba(27, 30, 33, .75); } .start-slider__title { display: block; margin-bottom: 8px; font-size: 45px; font-weight: 600; line-height: 1.05; } .start-slider__desc { display: block; font-size: 16px; font-weight: 300; line-height: 1.3; } .start-slider__desc p { margin-bottom: 16px; } .start-slider .slick-dots { position: absolute; bottom: 74px; left: 90px; display: -webkit-flex; display: -ms-flex; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; justify-content: flex-start; -ms-align-items: flex-start; align-items: flex-start; list-style: none; z-index: 1001; } .start-slider .slick-dots li { margin-right: 20px; } .start-slider .slick-dots li button { display: block; width: 12px; height: 12px; border-radius: 50%; border: none; outline: none; background-color: #eb2038; position: relative; font-size: 0; cursor: pointer; } .start-slider .slick-dots li button::before { content: ''; position: absolute; top: -5px; left: -5px; width: 22px; height: 22px; border-radius: 50%; background-color: transparent; border: 2px solid #eb2038; opacity: 0; transition: all .3s ease; } .start-slider .slick-dots li.slick-active button::before { opacity: 1; } .advantage { overflow: hidden; padding-top: 30px; padding-bottom: 10px; } .advantage__list { justify-content: flex-start; width: calc(100% + 30px); margin-left: -15px; } .advantage-item { display: -webkit-flex; display: -ms-flex; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; justify-content: space-between; -ms-align-items: center; align-items: center; width: calc(25% - 30px); margin: 0 15px 20px; position: relative; } .advantage-item__icon { display: -webkit-flex; display: -ms-flex; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; justify-content: center; -ms-align-items: center; align-items: center; width: 70px; height: 62px; } .advantage-item__icon img { display: block; max-width: 100%; max-height: 100%; } .advantage-item__text { width: calc(100% - 86px); color: #121518; font-size: 16px; font-weight: 300; line-height: 1.3; } /* Content ----------------------------------------------------------------------------- */ .content { width: calc(100% - 310px); position: relative; } .content h1 { margin-bottom: 30px; color: #0c0c0c; font-size: 25px; font-weight: bold; line-height: 29px; } .sidebar { order: -1; width: 280px; } .side-box { margin-bottom: 20px; } .side-box__head { margin-bottom: 32px; color: #0c0c0c; font-size: 22px; font-weight: bold; line-height: 27px; } .side-news__item { margin-bottom: 40px; } .side-news__thumb { display: block; margin-bottom: 12px; } .side-news__thumb img { display: block; width: 100%; height: auto; } .side-news__date { margin-bottom: 8px; color: #8b8989; font-size: 14px; font-weight: 300; line-height: 1.1; } .side-news__title { display: block; margin-bottom: 5px; color: #1e1e1e; font-size: 16px; font-weight: 600; line-height: 1.2; text-decoration: none; } .side-news__title:hover { text-decoration: underline; } .side-news__excerpt { color: #2a2929; font-size: 16px; font-weight: 300; line-height: 1.3; } .side-news__all { margin-top: -20px; } .side-box .start__nav { width: 100%; } .side-box .start__nav ul li a { padding: 12px 8px 12px 30px; } .side-box .start__nav ul li a::before { left: 12px; } /* partner ----------------------------------------------------------------------------- */ .main-partner { padding-top: 48px; padding-bottom: 108px; } .main-partner .m_inb { -ms-align-items: center; align-items: center; } .main-partner__head { width: 142px; color: #000; font-size: 22px; font-weight: 600; line-height: 1.2; } .main-partner__list { position: relative; overflow: hidden; width: calc(100% - 148px); padding-left: 110px; } .main-partner__list .slick-list { overflow: hidden; } .main-partner__item { float: left; margin: 0 32px; } .main-partner__item a { display: -webkit-flex; display: -ms-flex; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; justify-content: center; -ms-align-items: center; align-items: center; height: 84px; } .main-partner__item img { display: block; max-width: 100%; max-height: 100%; } .main-partner__list .slick-arrow { position: absolute; top: calc(50% - 20px); left: 0; display: block; width: 40px; height: 40px; background-color: transparent; border: 1px solid #131313; outline: none; border-radius: 50%; font-size: 0; transition: all .3s ease; cursor: pointer; } .main-partner__list .slick-arrow:hover { background-color: #131313; } .main-partner__list .slick-next { left: 52px; transform: rotate(180deg); } .main-partner__list .slick-arrow::before { content: ''; position: absolute; top: 13px; left: 15px; width: 12px; height: 12px; border: none; border-left: 1px solid #131313; border-bottom: 1px solid #131313; transform: rotate(45deg); transition: all .3s ease; } .main-partner__list .slick-arrow:hover::before { border-color: #fff; } /* Catalog --------------------------------------------------------------------------- */ .cat__list { justify-content: flex-start; width: calc(100% + 24px); margin-left: -12px; padding-bottom: 24px; } .cat-item { width: calc(50% - 24px); margin: 0 12px 24px; position: relative; } .cat-item__link { display: block; width: 100%; min-height: 280px; padding: 10px; background-color: #f6fafa; position: relative; text-decoration: none; transition: all .3s ease; } .cat-item__thumb { display: -webkit-flex; display: -ms-flex; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; justify-content: center; -ms-align-items: center; align-items: center; width: 100%; height: 210px; } .cat-item__thumb img { display: block; max-width: 100%; max-height: 100%; } .cat-item__title { display: block; width: 100%; max-width: 270px; margin: 0 auto; color: #000; font-size: 16px; font-weight: 300; line-height: 1.2; text-align: center; text-decoration: none; transition: all .3s ease; } .cat-item__link:hover .cat-item__title { text-decoration: underline; } /* Category ----------------------------------------------------------------------------- */ .category__list { justify-content: flex-start; width: calc(100% + 20px); margin-left: -10px; padding-bottom: 30px; /* prev: 42px */ } .category-item { width: calc(33.3% - 20px); margin: 0 10px 24px; position: relative; } .cl4 .category-item { width: calc(25% - 20px); margin: 0 10px 20px; } .category-item__link { display: block; width: 100%; min-height: 280px; padding: 16px 20px; border: 2px solid #f6f6f6; background-color: #fff; position: relative; text-decoration: none; transition: all .3s ease; } .cl-small .category-item__link { min-height: 120px; padding: 10px; } .category-item__link:hover { border-color: #e9374c; } .category-item__thumb { display: -webkit-flex; display: -ms-flex; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; justify-content: center; -ms-align-items: center; align-items: center; width: 100%; height: 180px; margin-bottom: 5px; } .cl-small .category-item__thumb { height: 70px; } .category-item__thumb img { display: block; max-width: 100%; max-height: 100%; } .category-item__title { display: block; width: 100%; min-height: 60px; padding-bottom: 8px; color: #000; font-size: 16px; font-weight: 300; line-height: 1.3; text-decoration: none; transition: all .3s ease; } .cl-small .category-item__title { padding: 0; min-height: auto; } .category-item__more { display: block; width: 100%; opacity: 0; color: #e9374c; font-size: 17px; font-weight: 500; line-height: 1.4; text-transform: uppercase; text-align: center; transition: all .3s ease; } .category-item__link:hover .category-item__more { opacity: 1; } /* Product ---------------------------------------------------------------------------- */ .product-slider { margin-bottom: 54px; } .product-slider__slide { overflow: hidden; position: relative; } .product-slider .slick-prev, .product-slider .slick-next { display: block; text-align: center; position: absolute; width: 36px; height: 36px; line-height: 36px; border-radius: 100%; background-color: #fff; z-index: 1010; top: 50%; margin-top: -18px; } .product-slider .slick-prev { left: 10px; } .product-slider .slick-next { right: 10px; } .product-slider__photo { float: left; display: block; width: 100%; height: auto; outline: none; } .product-slider__photo a, .product-slider__photo img { display: block; width: 100%; height: auto; position: relative; margin: 0 auto; } .product-slider__photo .video-icon { position: absolute; left: 50%; top: 50%; width: 68px; height: 48px; margin-left: -34px; margin-top: -24px; z-index: 10; } .product-slider__photo img { border-radius: 5px; max-width: 100%; max-height: 338px; } .product-slider__photo iframe { width: 100%; height: 338px; } .product-slider__mini { overflow: hidden; position: relative; margin-top: 10px; } .product-slider__thumb { float: left; display: block; width: 20%; height: auto; outline: none; position: relative; cursor: pointer; max-width: 85px; margin-left: 10px; } .product-slider__thumb::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 2px solid transparent; transition: all .3s ease; } .product-slider__thumb img { display: block; width: 100%; height: auto; opacity: 1; transition: all .3s ease; position: relative; } .product-slider__thumb .video-icon, .product-slider__thumb .video-icon-small { position: absolute; left: 50%; top: 50%; z-index: 10; } .product-slider__thumb .video-icon { width: 34px; height: 24px; margin-left: -17px; margin-top: -12px; } .product-slider__thumb .video-icon-small { width: 22px; height: 16px; margin-left: -11px; margin-top: -8px; } .product-slider__thumb.slick-current::before { border-color: #f33; } .product-slider__thumb.slick-current img { opacity: 1; } .product-slider__mini .slick-arrow { position: absolute; top: 0; width: 32px; height: 100%; background-color: rgba(29, 39, 38, .8); border: none; outline: none; font-size: 0; z-index: 20; transition: all .3s ease; cursor: pointer; display: none !important; } .product-slider__mini .slick-arrow:hover { background-color: rgba(29, 39, 38, 1); } .product-slider__mini .slick-prev { left: 0; } .product-slider__mini .slick-next { right: 0; transform: rotate(180deg); } .product-slider__mini .slick-arrow::before { content: ''; position: absolute; top: calc(50% - 16px); left: 10px; width: 20px; height: 20px; border-left: 2px solid #fff; border-bottom: 2px solid #fff; transition: all .3s ease; transform: rotate(45deg); } .product-box { margin-bottom: 15px; } .product-box__head { margin-bottom: 20px; padding: 16px 16px 16px 64px; position: relative; background-color: #f8fbfb; border-radius: 8px; color: #242424; font-size: 20px; font-weight: 500; line-height: 28px; text-transform: uppercase; } .product-box__head::before { content: ''; position: absolute; top: calc(50% - 21px); left: 16px; width: 36px; height: 42px; background-position: center; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; } .product-box--desc .product-box__head::before { background-image: url('/local/templates/sag-v3/css/../i/bg-product-box-desc.png'); } .product-box--compl .product-box__head::before, .product-box--other .product-box__head::before { background-image: url('/local/templates/sag-v3/css/../i/bg-product-box-compl.png'); } .product-box__body { display: -webkit-flex; display: -ms-flex; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; justify-content: space-between; -ms-align-items: flex-start; align-items: flex-start; } .product-box__info { width: calc(100% - 400px); } .product-box__info b + ul { margin-top: 20px; } .product-box__info ul { list-style: none; margin-left: 0; } .product-box__info ul li { margin-bottom: 16px; padding-left: 32px; position: relative; } .product-box__info ul li::before { content: ''; position: absolute; top: calc(50% - 10px); left: 0; width: 20px; height: 20px; background: url('/local/templates/sag-v3/css/../i/bg-product-list.png') center no-repeat; } .product-box__info ul li span { display: inline-block; vertical-align: top; color: #275b84; font-size: 16px; line-height: 20px; text-decoration: underline; cursor: pointer; } .product-box__info ul li span:hover { text-decoration: none; } .product-box__side { width: 370px; position: relative; overflow: hidden; } .product-box__video, .product-box__video img { display: block; width: 100%; height: auto; position: relative; } .product-box__video::before { content: ''; position: absolute; top: calc(50% - 50px); left: calc(50% - 50px); width: 0; height: 0; border: 50px solid transparent; border-left-color: #fff; z-index: 20; } .product-box__slider { overflow: hidden; position: relative; margin-bottom: 20px; } .product-box__slide { float: left; display: block; width: 100%; height: auto; } .product-box__slide a, .product-box__slide img { display: block; width: 100%; height: auto; } .product-box__photo-list { display: -webkit-flex; display: -ms-flex; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; justify-content: flex-start; -ms-align-items: flex-start; align-items: flex-start; width: calc(100% + 16px); margin-left: -8px; overflow: hidden; } .product-box__photo { display: block; width: calc(33.3% - 16px); margin: 0 8px 16px; position: relative; } .product-box__photo img { display: block; width: 100%; height: auto; } .product-info { padding-top: 20px; padding-bottom: 40px; } .product-info table { width: 100%; border-collapse: collapse; border: none; text-align: center; } .product-info thead tr td { padding: 20px 16px; color: #242424; font-size: 18px; font-weight: 500; line-height: 20px; } .product-info tbody tr td { padding: 4px 16px; border-top: 1px solid #d9e6ee; } .product-info tbody tr:first-child td { border-top: none; padding-top: 8px; } .product-info tr td:first-child { text-align: left; } .product-btn, .btn { display: block; min-height: 40px; border-radius: 8px; padding: 10px; background-color: #e9374c; color: #fff; font-size: 16px; line-height: 20px; text-align: center; text-decoration: none; cursor: pointer; transition: all .3s ease; border: none; } .product-btn { margin: 0 auto 50px; width: 232px; } .btn:hover, .product-btn:hover { background-color: #a10002; text-decoration: none; } /* News ----------------------------------------------------------------------------- */ .news { padding-top: 20px; padding-bottom: 120px; } .news__top { display: -webkit-flex; display: -ms-flex; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; justify-content: space-between; -ms-align-items: flex-start; align-items: flex-start; margin-bottom: 42px; } .news h1 { color: #0c0c0c; font-size: 25px; font-weight: normal; line-height: 27px; } .news-archive { display: -webkit-flex; display: -ms-flex; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; justify-content: flex-end; -ms-align-items: flex-start; align-items: flex-start; } .news-archive__head { padding-right: 5px; color: #0c0c0c; font-size: 18px; line-height: 27px; } .news-archive__list { display: -webkit-flex; display: -ms-flex; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; justify-content: flex-end; -ms-align-items: flex-start; align-items: flex-start; } .news-archive__item { margin-left: 10px; color: #216eb2; font-size: 18px; line-height: 27px; } .news__list { padding-bottom: 20px; } .news-item { display: -webkit-flex; display: -ms-flex; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; justify-content: space-between; -ms-align-items: flex-start; align-items: flex-start; padding-bottom: 54px; } .news-item__thumb { width: 232px; } .news-item__thumb img { display: block; width: 100%; height: auto; } .news-item__info { width: calc(100% - 252px); } .news-item__title { display: inline-block; vertical-align: top; min-height: 40px; padding-bottom: 8px; color: #242424; font-size: 18px; font-weight: 500; line-height: 20px; text-decoration: none; } .news-item__title:hover { text-decoration: underline; } .news-item__date { margin-bottom: 16px; color: #242424; font-size: 16px; font-weight: 300; line-height: 1.1; } .news-item__excerpt { min-height: 78px; padding-bottom: 8px; font-size: 16px; line-height: 21px; } .news-item__more a { color: #216eb2; font-size: 16px; line-height: 1.2; text-decoration: underline; } .news-item__more a:hover { text-decoration: none; } /* Pagenavi -------------------------------------------------------------------------- */ .pagenavi { display: -webkit-flex; display: -ms-flex; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; justify-content: flex-end; -ms-align-items: flex-start; align-items: flex-start; margin-top: -40px; padding-bottom: 60px; } .pagenavi a, .pagenavi span { display: inline-block; vertical-align: top; min-width: 42px; height: 42px; padding: 8px 4px; margin: 0 4px 8px; color: #000; font-size: 18px; font-weight: 300; line-height: 26px; text-align: center; text-decoration: none; transition: all .3s ease; } .pagenavi span.current, .pagenavi a:hover { background-color: #ff3646; color: #fff; } /* Single news ------------------------------------------------------------------------- */ .single-news { padding-top: 40px; padding-bottom: 120px; } .single-news h1 { margin-bottom: 20px; color: #242424; font-size: 18px; font-weight: 600; line-height: 1.1; } .single-news__date { margin-bottom: 20px; color: #8b8989; font-size: 14px; font-weight: 300; line-height: 1.1; } .single-news__text { padding-bottom: 30px; } .single-news__comeback a { display: block; width: 292px; min-height: 40px; background-color: #e9374c; border-radius: 5px; padding: 8px 12px; color: #fff; font-size: 16px; font-weight: 300; line-height: 24px; text-align: center; text-decoration: none; transition: all .4s ease; } .single-news__comeback a:hover { background-color: #041412; } .news-gallery { width: 100%; max-width: 780px; margin: 0 auto 90px; } .news-gallery__big { overflow: hidden; position: relative; margin-bottom: 4px; } .news-gallery__photo { float: left; display: block; width: 100%; height: auto; outline: none; } .news-gallery__photo a, .news-gallery__photo img { display: block; width: 100%; height: auto; } .news-gallery__big .slick-arrow { position: absolute; top: calc(50% - 36px); width: 34px; height: 72px; background-color: transparent; border: none; outline: none; font-size: 0; z-index: 1040; cursor: pointer; } .news-gallery__big .slick-arrow::before, .news-gallery__big .slick-arrow::after { content: ''; position: absolute; right: -8px; width: 50px; height: 8px; background-color: #fff; border-radius: 4px; transform: rotate(130deg); transition: all .4s ease; } .news-gallery__big .slick-arrow::before { top: 16px; } .news-gallery__big .slick-arrow::after { bottom: 15px; transform: rotate(-130deg); } .news-gallery__big .slick-prev { left: 24px; } .news-gallery__big .slick-next { right: 24px; transform: rotate(180deg); } .news-gallery__big .slick-arrow:hover::before, .news-gallery__big .slick-arrow:hover::after { background-color: #e9374c; } .news-gallery__mini { position: relative; overflow: hidden; } .news-gallery__thumb { float: left; display: block; width: 25%; position: relative; overflow: hidden; outline: none; } .news-gallery__thumb::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, .3); border: 3px solid transparent; transition: all .3s ease; } .news-gallery__thumb.slick-current::before { border-color: #e9374c; background-color: transparent; } .news-gallery__thumb img { display: block; width: 100%; height: auto; } /* Partner ----------------------------------------------------------------------------- */ .partner__btn { display: block; width: 292px; min-height: 40px; margin: 30px auto 90px; background-color: #e9374c; border-radius: 5px; padding: 8px 12px; color: #fff; font-size: 16px; font-weight: 300; line-height: 24px; text-align: center; text-decoration: none; transition: all .4s ease; cursor: pointer; } .partner__btn:hover { background-color: #041412; } .partner__list { display: -webkit-flex; display: -ms-flex; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; justify-content: flex-start; -ms-align-items: flex-start; align-items: flex-start; width: calc(100% + 30px); margin-left: -15px; } .partner-item { display: block; width: calc(25% - 30px); margin: 0 15px 30px; position: relative; text-decoration: none; } .partner-item__thumb { display: -webkit-flex; display: -ms-flex; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; justify-content: center; -ms-align-items: center; align-items: center; width: 100%; height: 140px; margin-bottom: 20px; } .partner-item__thumb img { display: block; max-width: 100%; max-height: 100%; } .partner-item__title { display: block; color: #2d2d2d; font-size: 16px; font-weight: 500; line-height: 1.1; text-align: center; } .service { padding-top: 30px; padding-bottom: 60px; } .service h1 { margin-bottom: 36px; color: #242424; font-size: 25px; font-weight: normal; line-height: 1.3; } .service__top { display: -webkit-flex; display: -ms-flex; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; justify-content: space-between; -ms-align-items: center; align-items: center; padding: 16px; margin-bottom: 16px; position: relative; background-color: #f8fbfb; text-decoration: none; cursor: pointer; } .service__icon { display: -webkit-flex; display: -ms-flex; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; justify-content: flex-start; -ms-align-items: center; align-items: center; width: 70px; height: 55px; margin-right: 30px; } .service__icon img { display: block; max-width: 100%; max-height: 100%; } .service__head { display: block; width: calc(100% - 200px); color: #242424; font-size: 18px; line-height: 1.2; transition: all .3s ease; } .service__top:hover .service__head { color: #ed3c42; } .service__body { position: relative; } .service__box { display: -webkit-flex; display: -ms-flex; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; justify-content: space-between; -ms-align-items: flex-start; align-items: flex-start; margin-bottom: 50px; } .service__info { width: calc(100% - 400px); color: #242424; font-size: 18px; line-height: 1.4; } .service__info h4 { color: #242424; font-size: 18px; font-weight: 500; line-height: 1.3; } .service__info ul { margin-left: 0; list-style: none; } .service__info ul li { padding-left: 16px; position: relative; margin-bottom: 8px; } .service__info ul li::before { content: ''; position: absolute; top: 8px; left: 0; width: 6px; height: 6px; background-color: #ff3850; } .service__side { width: 370px; } .service__slider { margin-bottom: 16px; overflow: hidden; position: relative; } .service__slide { float: left; display: block; width: 100%; height: auto; } .service__slide a, .service__slide img { display: block; width: 100%; height: auto; } .service__mini { overflow: hidden; position: relative; } .service__thumb { float: left; display: block; width: calc(33.3% - 16px); margin: 0 8px; } .service__thumb img { display: block; width: 100%; height: auto; } .service__slider .slick-arrow { position: absolute; top: calc(50% - 16px); width: 20px; height: 32px; background-color: transparent; border: none; outline: none; font-size: 0; z-index: 1040; cursor: pointer; } .service__slider .slick-arrow::before, .service__slider .slick-arrow::after { content: ''; position: absolute; right: -8px; width: 22px; height: 3px; background-color: #fff; border-radius: 5px; transform: rotate(130deg); transition: all .4s ease; } .service__slider .slick-arrow::before { top: 7px; } .service__slider .slick-arrow::after { bottom: 7px; transform: rotate(-130deg); } .service__slider .slick-prev { left: 10px; } .service__slider .slick-next { right: 10px; transform: rotate(180deg); } .service__slider .slick-arrow:hover::before, .service__slider .slick-arrow:hover::after { background-color: #e9374c; } .service-consult { padding: 25px; position: relative; background-color: #f8fbfb; } .service-consult__btn, .service-consult__submit { display: block; width: 270px; min-height: 40px; margin: 0 auto 16px; padding: 8px; background-color: #e9374c; border: none; outline: none; border-radius: 4px; color: #fff; font-size: 16px; font-weight: 300; line-height: 24px; text-align: center; text-decoration: none; cursor: pointer; transition: all .3s ease; } .service-consult__btn:hover, .service-consult__submit:hover { background-color: #242424; } .service-consult__form { width: 100%; max-width: 540px; max-height: 0; margin: 0 auto; overflow: hidden; } .service-consult.active .service-consult__form { max-height: 3000px; padding: 20px 0; } .service-consult__line { display: -webkit-flex; display: -ms-flex; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; justify-content: space-between; -ms-align-items: flex-start; align-items: flex-start; } .service-consult__label { width: calc(50% - 10px); margin-bottom: 16px; } .service-consult__full .service-consult__label { width: 100%; } .service-consult__label label, .service-consult__file label { display: block; width: 100%; padding-bottom: 5px; } .service-consult__label input, .service-consult__label textarea { display: block; width: 100%; height: 36px; padding-left: 10px; padding-right: 5px; border: 1px solid #b3b3b3; } .service-consult__label textarea { height: 80px; resize: none; } .service-consult__file { margin-bottom: 24px; } .service-consult__confirm { margin-bottom: 16px; } .cat-pdf { padding-top: 20px; padding-bottom: 120px; } .cat-pdf__list { width: calc(100% + 32px); margin-left: -16px; } .cat-pdf__item { width: calc(50% - 32px); margin: 0 16px 40px; position: relative; background-color: #f6fafa; } .cat-pdf__thumb { display: block; width: 100%; height: auto; } .cat-pdf__thumb img { display: block; width: 100%; height: auto; } .cat-pdf__bottom { display: -webkit-flex; display: -ms-flex; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; justify-content: space-between; -ms-align-items: center; align-items: center; padding: 12px 16px; } .cat-pdf__info { width: calc(100% - 160px); color: #000; font-size: 17px; line-height: 1.1; } .cat-pdf__name { font-size: 23px; line-height: 1.2; } .cat-pdf__more { display: block; width: 100px; min-height: 40px; padding: 8px; background-color: #e9374c; border-radius: 5px; color: #fff; font-size: 15px; line-height: 24px; text-align: center; text-decoration: none; transition: all .3s ease; } .cat-pdf__more:hover { background-color: #242424; } .cat-pdf__download { display: block; width: 50px; min-height: 40px; padding: 8px; background: #e9374c url('/local/templates/sag-v3/css/../i/bg-icon-download.png') center no-repeat; border-radius: 5px; transition: all .3s ease; } .cat-pdf__download:hover { background-color: #242424; } .pdf { width: 100%; height: 100vh; overflow: hidden; } .pdf embed { width: 100%; height: 900px; } /* Contact ----------------------------------------------------------------------------- */ .contact { padding-top: 20px; padding-bottom: 40px; } .contact h1 { margin-bottom: 30px; color: #242424; font-size: 25px; font-weight: normal; line-height: 1.2; } .c_contact-head { margin-bottom: 20px; color: #000; font-size: 18px; font-weight: 500; line-height: 22px; } .c_contact-top { padding-bottom: 85px; } .c_contact-office { width: calc(100% - 540px); } .c_contact-point { display: -webkit-flex; display: -ms-flex; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; justify-content: space-between; -ms-align-items: flex-start; align-items: flex-start; padding-bottom: 20px; } .c_contact-item { width: calc(40% - 20px); min-height: 48px; margin-bottom: 25px; position: relative; padding-left: 65px; } .c_contact-item__adres { width: 54%; } .c_contact-item::before { content: ''; position: absolute; top: calc(50% - 24px); left: 0; width: 48px; height: 48px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background-color: #ed3c42; background-position: center; background-repeat: no-repeat; } .c_contact-item__adres::before { background-image: url('/local/templates/sag-v3/css/../i/bg-contact-adress.png'); } .c_contact-item__phone::before { background-image: url('/local/templates/sag-v3/css/../i/bg-contact-phone.png'); } .c_contact-item__fax::before { background-image: url('/local/templates/sag-v3/css/../i/bg-contact-fax.png'); } .c_contact-item__email::before { background-image: url('/local/templates/sag-v3/css/../i/bg-contact-email.png'); } .c_contact-item a { display: block; color: #000; text-decoration: none; } .c_contact-map { width: 100%; position: relative; } .c_contact-form { width: 520px; padding: 16px; background-color: #f8fbfb; } .c_contact-form__box { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; margin-bottom: 16px; } .c_contact-form__inp { width: calc(50% - 12px); } .c_contact-form label { display: block; width: 100%; margin-bottom: 8px; color: #242424; font-size: 14px; line-height: 1.3; } .c_contact-form input, .c_contact-form textarea { display: block; width: 100%; height: 36px; padding-left: 15px; border: 1px solid #b3b3b3; outline: none; background-color: transparent; } .c_contact-form textarea { height: 94px; resize: none; padding-top: 8px; } .c_contact-form__confirm { padding: 0 50px 0 70px; } .c_contact-form__confirm input { display: none; } .c_contact-form__confirm input + span { display: block; min-height: 26px; padding-top: 4px; padding-left: 36px; position: relative; line-height: 18px; } .c_contact-form__confirm input + span::before { content: ''; position: absolute; top: 0; left: 0; width: 26px; height: 26px; border: 1px solid #b3b3b3; } .c_contact-form__confirm input + span::after { content: ''; position: absolute; top: -2px; left: 3px; width: 30px; height: 12px; border-left: 4px solid #e9374c; border-bottom: 3px solid #e9374c; transform: rotate(-45deg) scale(1.5); opacity: 0; transition: all .5s ease; } .c_contact-form__confirm input:checked + span::after { transform: rotate(-45deg) scale(1); opacity: 1; } .c_contact-form .js_contact_form__submit { width: 100%; display: block; max-width: 250px; height: 40px; margin: 0 auto; border: none; background: #e9374c; border-radius: 5px; padding-left: 0; color: #fff; font-size: 18px; font-weight: 300; line-height: 40px; text-align: center; cursor: pointer; } .c_contact-form .js_contact_form__submit:hover { background: #f56735; } .c_contact-ofice-map { margin-bottom: 30px; } .c_contact-secondmap { display: block; width: 100%; height: 360px; } .c_contact-way-rule { margin-bottom: 20px; color: #10558f; text-decoration: underline; cursor: pointer; } .c_contact-way-rule:hover { text-decoration: none; } .c_contact-topway .c_contact-head { padding-bottom: 20px; font-size: 25px; } .c_contact-way { padding-left: 82px; margin-bottom: 52px; position: relative; } .c_contact-way::before { content: ''; position: absolute; top: 0; left: 0; width: 64px; height: 64px; background-position: left center; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; } .c_contact-way__bus::before { background-image: url('/local/templates/sag-v3/css/../i/bg-contact-bus.png'); } .c_contact-way__auto::before { background-image: url('/local/templates/sag-v3/css/../i/bg-contact-auto.png'); } .c_contact-way__step::before { background-image: url('/local/templates/sag-v3/css/../i/bg-contact-step.png'); } .c_contact-way__head { margin-bottom: 16px; position: relative; color: #242424; font-size: 18px; font-weight: 500; line-height: 24px; } .c_contact-bottom__box { align-items: stretch; padding-top: 20px; padding-bottom: 20px; } .c_contact-bottom__map { width: calc(70% - 10px); min-height: 400px; } .c_contact-slider { width: 100%; position: relative; overflow: hidden; margin-top: 24px; } .c_contact-slider__item { float: left; width: 100%; } .c_contact-slider img { display: block; width: 100%; height: auto; } .c_contact-slider .slick-arrow { position: absolute; top: calc(50% - 16px); width: 20px; height: 32px; background-color: transparent; border: none; outline: none; font-size: 0; z-index: 1040; cursor: pointer; } .c_contact-slider .slick-arrow::before, .c_contact-slider .slick-arrow::after { content: ''; position: absolute; right: -8px; width: 22px; height: 3px; background-color: #fff; border-radius: 5px; transform: rotate(130deg); transition: all .4s ease; } .c_contact-slider .slick-arrow::before { top: 7px; } .c_contact-slider .slick-arrow::after { bottom: 7px; transform: rotate(-130deg); } .c_contact-slider .slick-prev { left: 10px; } .c_contact-slider .slick-next { right: 10px; transform: rotate(180deg); } .c_contact-slider .slick-arrow:hover::before, .c_contact-slider .slick-arrow:hover::after { background-color: #e9374c; } /* Footer ----------------------------------------------------------------------------- */ .footer { padding-top: 32px; padding-bottom: 24px; background: #eafbfe url('/local/templates/sag-v3/css/../i/bg-footer.jpg') center no-repeat; -webkit-background-size: cover; background-size: cover; } .footer__copy { width: 340px; } .footer__logo { margin-bottom: 25px; width: 304px; height: 48px; background: url('/local/templates/sag-v3/css/../i/bg-logo.png') center no-repeat; -webkit-background-size: contain; background-size: contain; } .footer__info { color: #4d5d5f; font-size: 14px; font-weight: 300; line-height: 1.3; } .footer__box { width: 220px; padding-right: 10px; } .footer__head { display: inline-block; vertical-align: top; padding-top: 8px; padding-bottom: 20px; color: #26292b; font-size: 18px; font-weight: 300; line-height: 22px; text-transform: uppercase; } .footer__head:hover { text-decoration: none; } .footer__nav ul { list-style: none; } .footer__nav ul li { margin-bottom: 4px; } .footer__nav ul li a { display: inline-block; vertical-align: top; color: #26292b; font-size: 18px; font-weight: 300; line-height: 1.2; text-decoration: none; } .footer__nav ul li a:hover { color: #af0002; } .footer__contact-box { width: 260px; } .footer__contact { margin-bottom: 16px; padding-left: 24px; position: relative; color: #0e1720; font-size: 16px; font-weight: 300; line-height: 20px; } .footer__contact::before { content: ''; position: absolute; top: calc(50% - 12px); left: 0; width: 15px; height: 24px; background-position: center; background-repeat: no-repeat; } .footer__adres::before { background-image: url('/local/templates/sag-v3/css/../i/bg-icon-adres.png'); } .footer__phone::before { background-image: url('/local/templates/sag-v3/css/../i/bg-icon-phone.png'); } .footer__adres { margin-top: -4px; } .footer__phone a { display: block; color: #0e1720; font-size: 16px; font-weight: 300; line-height: 24px; text-decoration: none; } /* Всплывающие окна */ .overlay { display: none; background-color: #000; opacity: .7; position: fixed; left: 0; right: 0; top: 0; bottom: 0; z-index: 9990 } .overlay.active { display: block; } .popup { display: none; position: relative; width: 450px; max-width: 95%; padding: 30px; border-radius: 8px; background: #fff; right: 5px; z-index: 9999; box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); } .popup__close { width: 24px; height: 24px; -webkit-border-radius: 100%; border-radius: 100%; position: absolute; background: #000; color: #FFF; font-size: 12px; line-height: 20px; text-align: center; border: 1px solid #363636; top: -11px; right: -11px; cursor: pointer; } .popup__close:hover { background: #FFF; color: #000; } .popup__title { margin-bottom: 30px; font-size: 32px; font-weight: 500; line-height: 1; color: #000; text-align: center; } .popup__subtitle { margin-bottom: 20px; font-size: 13px; line-height: 21px; text-align: center; color: #000; } /* Форма */ input.error { color: #f00 !important; border: 1px solid #f00 !important; } input.valid { border: 1px solid #339e36 !important; } input:focus { color: #000; } input::-webkit-input-placeholder { color: #666; } input::-moz-placeholder { color: #666; } input:-moz-placeholder { color: #666; } input:-ms-input-placeholder { color: #666; } .popup__label { position: relative; margin-bottom: 16px; } .popup__label input, .popup__label textarea { width: 100%; height: 44px; padding-left: 12px; padding-right: 8px; border: 1px solid #eee; background-color: #FFF; outline: none; font-size: 15px; } .popup__label textarea { height: 120px; resize: none; padding-top: 5px; } .popup__submit input[type="submit"] { display: block; width: 232px; min-height: 46px; margin: 0 auto 50px; border-radius: 8px; padding: 10px; background-color: #e9374c; border: none; outline: none; color: #fff; font-size: 16px; text-align: center; text-decoration: none; text-transform: uppercase; cursor: pointer; transition: all .3s ease; } .popup__submit input[type="submit"]:hover { background-color: #a10002; } input.hide_input { display: none; } span.wpcf7-not-valid-tip, div.wpcf7-validation-errors { display: none !important; } .popup-body input.wpcf7-not-valid { border: 1px solid #c00; } label.error { position: absolute; top: -16px; left: 0; font: 400 14px/24px 'arial', sans-serif; height: 26px; padding: 0 10px; background: #f3cb1c; box-shadow: 0 1px 2px #8b7308; color: #000; } label.error:after { content: ''; position: absolute; bottom: -9px; left: 5px; width: 0; height: 0; border-left: 7px solid transparent; border-right: 7px solid transparent; border-top: 10px solid #f3cb1c; } .popup-thy { position: fixed; top: calc(50% - 160px); left: calc(50% - 200px); } /* ============================================================== ======================== MEDIA ============================= ============================================================== */ @media screen and (max-width:1200px) { .nav ul li a { padding: 16px 10px; } .advantage-item { width: calc(25% - 16px); margin: 0 8px 16px; } .advantage-item__text { width: calc(100% - 70px); } .sidebar { width: 260px; } .content { width: calc(100% - 290px); } .product-box__side { width: 300px; } .product-box__info { width: calc(100% - 320px); } .cat-pdf__info { font-size: 15px; } .cat-pdf__name { font-size: 21px; } .c_contact-office { width: calc(100% - 440px); } .c_contact-item { width: calc(48% - 20px); } .c_contact-form { width: 420px; } .footer__box { width: 200px; } .footer__contact-box { width: 180px; } } @media screen and (max-width:1000px) { .header__adres { max-width: 180px; margin-top: -16px; } .header__adres::before { top: 20px; } .nav__btn { display: block; } .nav ul { position: absolute; top: -40px; left: 15px; display: block; width: 280px; background-color: #fff; padding: 16px; -webkit-box-shadow: 0 0 12px rgba(0, 0, 0, .3); box-shadow: 0 0 12px rgba(0, 0, 0, .3); opacity: 0; pointer-events: none; z-index: 120; } .nav.active ul { top: 40px; opacity: 1; pointer-events: auto; } .advantage-item { width: calc(50% - 16px); } .product .content { order: -1; width: 100%; } .product .sidebar { margin: 20px auto; } .category-item, .cl4 .category-item { width: calc(50% - 20px); } .cl-small .category-item__thumb { height: 110px; } .cl-small .category-item__link { min-height: 160px; } .cat-pdf__info { width: 100%; margin-bottom: 10px; } .service__info { width: calc(100% - 340px); } .service__side { width: 320px; } .c_contact-office, .c_contact-form { width: 100%; } .c_contact-item { width: calc(48% - 20px); } .c_contact-office { margin-bottom: 20px; } .footer__box { order: 2; width: 30%; margin: 20px 10% 0; } .footer__contact-box { width: 360px; } } @media screen and (max-width:800px) { .header__adres { display: none; } .start__nav { display: none; } .start-slider { width: 100%; margin-left: 0; } .content { order: -1; width: 100%; } .sidebar { width: 100%; } .side-news__list { display: -webkit-flex; display: -ms-flex; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; justify-content: space-between; -ms-align-items: flex-start; align-items: flex-start; } .side-news__item { width: calc(50% - 16px); } .main-partner { padding-top: 30px; padding-bottom: 60px; } .main-partner__head { width: 100%; margin-bottom: 30px; text-align: center; } .main-partner__list { width: 100%; padding-left: 90px; } .product-box__side { width: 270px; } .product-box__info { width: calc(100% - 290px); } .product-box__photo { width: calc(50% - 16px); } .service__info { width: 100%; } .service__side { width: 320px; margin: 0 auto; } .partner-item { width: calc(50% - 30px); } .partner-item__thumb { margin-bottom: 0; } .footer__contact-box { width: 250px; } .footer__box { width: 38%; margin: 20px 5% 0; } .product-slider__photo img { max-height: none; } } @media screen and (max-width:620px) { .m_inb { padding-left: 10px; padding-right: 10px; } .header__nav ul li { margin-right: 30px; } .header__bottom { padding-top: 16px; padding-bottom: 4px; } .header__logo { margin: 0 auto 20px; } .header__contact { margin-left: auto; } .nav__btn { position: absolute; top: -42px; left: 15px; } .nav.active ul { top: -10px; } .start-slider__link { padding: 20px; } .start-slider__box { max-width: 540px; min-height: 260px; padding: 10px; } .start-slider__title { font-size: 40px; } .start-slider .slick-dots { bottom: 32px; left: 36px; } .product-box__side , .product-box__info { width: 100%; margin-bottom: 10px; } .product-info { width: 100%; overflow: hidden; padding-bottom: 10px; overflow-x: visible; } .product-info table { width: 720px; } .cat-pdf__list { width: 100%; margin: 0; } .cat-pdf__item { width: 100%; margin: 0 0 30px; } .news-item__thumb { width: 240px; margin: 0 0 10px; } .news-item__info { width: 100%; } .c_contact-item { width: 100%; } .footer__copy { margin: 0 auto 20px; } .footer__logo, .footer__contact-box { margin: 0 auto 20px; } .footer__info { text-align: center; } .footer__box { width: 46%; margin: 20px 2% 0; } .footer__nav ul li a { font-size: 16px; } } div.editor_dialog div.content { width: auto; } @media screen and (max-width:450px) { .header__nav ul li { margin-right: 20px; } .header__nav ul li:last-child { margin-right: 0; } .header__logo { display: block; width: 290px; height: 44px; } .advantage { padding-top: 10px; } .advantage__list { width: 100%; margin-left: 0; } .advantage-item { width: 100%; margin: 0 0 20px; } .sidebar { /* padding-top: 30px; */ } .side-news__list { display: block; } .side-news__item { width: 100%; } .cat__list { width: 100%; margin-left: 0; } .cat-item { width: 100%; margin: 0 0 20px; } .category-item { width: calc(100% - 20px); } .service__top { padding: 10px; } .service__icon { width: 50px; height: 50px; margin-right: 10px; } .service__head { width: calc(100% - 72px); margin-left: auto; font-size: 15px; } .service__arrow { margin: 4px auto 0; } .service__side { width: 290px; } .service-consult__label { width: 100%; } .news__top h1, .news-archive { width: 100%; } .partner__btn { margin: 20px auto 40px; } .partner__list { width: 100%; margin-left: 0; } .partner-item { width: 100%; margin: 0 0 30px; } .c_contact-form { padding: 8px 8px 12px; } .c_contact-top { padding-bottom: 30px; } .c_contact-form__box { margin-bottom: 0; } .c_contact-form__inp { width: 100%; margin-bottom: 8px; } .c_contact-form label { margin-bottom: 2px; } .c_contact-form__confirm { padding: 10px 0 20px; } .c_contact-way { padding-left: 30px; margin-bottom: 30px; } .c_contact-way__head { min-height: 60px; padding-top: 16px; padding-left: 46px; } .footer { padding-top: 20px; padding-bottom: 10px; } .footer__logo { width: 240px; height: 38px; } .footer__box { width: 100%; margin: 0 0 20px; } .footer__head { padding-top: 8px; padding-bottom: 12px; } } /* End */ /* Start:/local/templates/sag-v3/components/bitrix/menu/head/style.min.css?1777065100490*/ ul.left-menu{list-style:none;margin:0;padding:0;margin-bottom:8px;position:relative}ul.left-menu li{padding:10px 16px;background:#f5f5f5 url(/local/templates/sag-v3/components/bitrix/menu/head/images/left_menu_bg.gif) top repeat-x}ul.left-menu li a{font-size:100%;color:#bc262c;font-weight:bold;text-decoration:none}ul.left-menu li a:visited{color:#bc262c}ul.left-menu li a:hover{color:#bc262c}ul.left-menu li a.selected:link,ul.left-menu li a.selected:visited,ul.left-menu li a.selected:active,ul.left-menu li a.selected:hover{color:#fc8d3d} /* End */ /* Start:/local/templates/sag-v3/components/bitrix/menu/main/style.min.css?1777065100490*/ ul.left-menu{list-style:none;margin:0;padding:0;margin-bottom:8px;position:relative}ul.left-menu li{padding:10px 16px;background:#f5f5f5 url(/local/templates/sag-v3/components/bitrix/menu/main/images/left_menu_bg.gif) top repeat-x}ul.left-menu li a{font-size:100%;color:#bc262c;font-weight:bold;text-decoration:none}ul.left-menu li a:visited{color:#bc262c}ul.left-menu li a:hover{color:#bc262c}ul.left-menu li a.selected:link,ul.left-menu li a.selected:visited,ul.left-menu li a.selected:active,ul.left-menu li a.selected:hover{color:#fc8d3d} /* End */ /* Start:/local/templates/sag-v3/components/bitrix/breadcrumb/.default/style.min.css?1777065101467*/ .bx-breadcrumb{margin:10px 0}.bx-breadcrumb i{color:#b5bdc2;line-height:13px;font-size:12px;vertical-align:middle;margin-right:5px}.bx-breadcrumb .bx-breadcrumb-item{float:left;margin-bottom:10px;white-space:nowrap;line-height:13px;vertical-align:middle;margin-right:10px}.bx-breadcrumb .bx-breadcrumb-item span{font-family:"Open Sans",Arial,"Helvetica Neue",Helvetica,sans-serif;font-size:13px;white-space:normal}.bx-breadcrumb .bx-breadcrumb-item a{border-bottom:0} /* End */ /* Start:/local/templates/sag-v3/styles.css?1778443457948*/ .table-simple { background-color: #f5f7fb; color: #000; border: none; } .table-simple thead { font-weight: 600; border-bottom: 2px solid #000; padding: 35px 35px 20px; } .table-simple tr { border-bottom: 1px solid #d1d1d1; } .table-simple tbody tr:last-child { border-bottom: none; } .table-simple tbody tr:hover { background-color: #e5e6eb; } .table-simple thead tr th, .table-simple tbody tr td { border: none; } .table-simple thead tr th { padding: 35px 35px 20px 35px; white-space: nowrap; text-align: left; } .table-simple tbody tr td { padding: 20px; } .table-simple tbody tr td:first-child, .table-simple thead tr th:first-child { padding-right: 100px; padding-left: 35px; white-space: nowrap; } .bxeditor h2, .bxeditor .h2, .bxeditor h3, .bxeditor .h3, .bxeditor h4, .bxeditor h5 { margin-bottom: 20px; color: #000; font-size: 25px; line-height: 29px; } /* End */ /* Start:/local/templates/sag-v3/template_styles.css?17784442318541*/ /* template_styles.css */ #bx-panel.bx-panel-fixed { z-index: 1010 !important; } .table-container { max-width: 100%; overflow: auto; } .icon-circle-close, .icon-circle-plus { height: 27px; width: 27px; padding: 7px; background: #fff; border-radius: 100%; transition: 0.5s transform easy; } .icon-circle-plus { color: #000; } .icon-circle-close { color: #f0364e; transform: rotate(45deg); } .product-box__info { width: 100%; } .category-item__title { text-align: center; } .header__logo { display: block; width: 304px; height: 48px; background: url(/local/templates/sag-v3/i/bg-logo3.png) center no-repeat; -webkit-background-size: contain; background-size: contain; } .footer__logo { background: url(/local/templates/sag-v3/i/bg-logo3.png) center no-repeat; -webkit-background-size: contain; background-size: contain; } .footer__privacy-policy a { color: #4d5d5f; font-size: 13px; font-weight: 300; } .start-slider--reset { margin-left: 0; width: auto; overflow: hidden; } .slick-dotted { padding-bottom: 40px; } /* slider arrow */ .slider__prev--arrow, .slider__next--arrow { display: block; background: none; border: none; position: absolute; top: 50%; z-index: 1001; margin-top: -22px; color: #f0364e; cursor: pointer; } .slider__prev--arrow:hover, .slider__next--arrow:hover { color: #a10002; } .slider__prev--arrow { left: 0; } .slider__next--arrow { right: 0; transform: scaleX(-1); } .slider__prev-svg--arrow, .slider__next-svg--arrow { width: 45px; height: 45px; } .slick-dotted .slider__prev--arrow, .slick-dotted .slider__next--arrow { margin-top: -52px; /*(margin bottom arrow) - (padding bottom slick-dotted) */ } /* border circle */ .slider__dots--bc { position: absolute; list-style: none; left: 0; right: 0; width: 100%; bottom: 0; padding: 0; display: flex; justify-content: center; } .slick-slider .slider__dots--bc { margin: 0; } .slider__dots--bc [role="presentation"] { display: block; max-width: 20px; padding: 0; margin: 0 15px 0 0; } .slider__dots--bc [role="tab"] { padding: 0; margin: 0; height: 20px; width: 20px; border-radius: 100%; border: 1px solid #000; color: transparent; font-size: 0; cursor: pointer; background: transparent no-repeat center center; } .slider__dots--bc [role="presentation"]:not(.slick-active) [role="tab"]:hover { border-color: #f0364e; } .slider__dots--bc .slick-active [role="tab"] { cursor: default; background-image: url('data:image/svg+xml,%3Csvg%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%220%200%2014%2014%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ccircle%20cx%3D%227%22%20cy%3D%227%22%20r%3D%227%22%20fill%3D%22%23f0364e%22%2F%3E%3C%2Fsvg%3E'); } /* CONTENT BLOCK */ .content__block { margin: 75px 0; } .content__block:empty{ display: none; } .content__block--first { margin-top: 0; } .content__block--last { margin-bottom: 0; } .content__block-sm { margin: 30px 0; } .content__block-sm--last { margin-bottom: 0; } .content__block-sm--first { margin-top: 0; } .content__block-title { text-align: center; margin-bottom: 30px; font-size: 32px; } .main__content-right { padding: 15px; } .main__start-right { width: 100%; } .main__start-right .start-slider { width: auto; margin-left: 0; } .start__nav--lg { display: none; width: auto; } .side-box__block { margin-top: 30px; } /* ADVANTAGES SIMPLE */ .advantages-simple { margin: 15px 0; display: grid; gap: 15px; grid-template-columns: 1fr; } .advantages-simple__item { box-shadow: 0 0 10px 5px #eee; display: flex; align-items: center; padding: 10px; border-radius: 10px; line-height: 1; } .advantages-simple__image { width: 45px; height: 45px; margin-right: 5px; } .advantages-simple__name { font-size: 16px; font-weight: 600; } /*PREVIEW LIST*/ .preview-list { display: grid; gap: 15px; grid-template-columns: 1fr; justify-items: center; } .preview-list__item { position: relative; border-radius: 10px 10px 0 0; text-decoration: none; height: 210px; max-width: 500px; overflow: hidden; } .preview-list__image { display: block; max-width: 100%; height: auto; transition: 1s transform ease-out; } .preview-list__name { position: absolute; bottom: 0; left: 0; right: 0; color: #000; font-size: 18px; font-weight: 500; line-height: 1; padding: 15px; height: 75px; background-color: #e5e6eb; text-align: center; display: flex; align-items: center; border-left: 3px solid #f0364e; transition: .5s ease-out; transition-property: background-color, opacity; } .preview-list__item:hover .preview-list__name { color: #a10002; opacity: 0.5; } .preview-list__item:hover .preview-list__image { transform: scale(1.1); } /* LIST4 NT */ .list4-nt { display: grid; grid-template-columns: 1fr; grid-gap: 15px; } .list4-nt__item { padding: 10px; width: 100%; min-width: 280px; max-width: 420px; height: 180px; background-position: 50% 50%; background-repeat: no-repeat; background-size: 100% auto; text-decoration: none; position: relative; transition: .5s ease-out; transition-property: background-size; justify-self: center; } .list4-nt__item:hover { background-size: 110% auto; text-decoration: none; border-color: #e9374c; } .list4-nt__name { color: #000; line-height: 35px; height: 35px; padding: 5px 0; display: block; margin: auto; text-align: center; position: absolute; top: calc(50% - 12px); left: 0; right: 0; } .list4-nt__name-text { margin: auto; display: inline-block; border-radius: 75px; background-color: #fff; padding: 0 15px; font-size: 16px; transition: .5s ease-out; transition-property: font-size, background-color, color; } .list4-nt__item:hover .list4-nt__name-text { font-size: 18px; background-color: #a10002; color: #fff; } /*COOKIE MESSAGE*/ .cookie-message { position: fixed; z-index: 100; left: 0; right: 0; bottom: 15px; display: none; justify-content: center; max-width: 1100px; padding: 0 30px; margin: 0 auto; } .cookie-message__inner { display: block; align-items: center; background: #fff; border: 1px solid #d6d6d6; box-sizing: border-box; box-shadow: 2px 2px 15px rgba(0, 0, 0, .15); border-radius: 5px; max-width: 100%; padding: 15px; } .cookie-message__text { font-size: 12px; align-items: center; } .cookie-message__action { margin: 15px 0 0 0; text-align: center; } .cookie-message__btn { margin: 0 auto; width: 150px; } /* MEDIA */ @media(min-width: 451px) { .preview-list { grid-template-columns: repeat(2, 1fr); } .preview-list--count3 { grid-template-columns: 1fr; } } @media (min-width: 576px) { .list4-nt { grid-template-columns: repeat(2, 1fr); } .list4-nt__item { width: auto; justify-self: auto; } } @media (min-width: 621px) { .advantages-simple { grid-template-columns: repeat(2, 1fr); } .preview-list--count3 { grid-template-columns: repeat(2, fr); } } @media (min-width: 801px) { .preview-list { grid-template-columns: repeat(3, 1fr); } .cookie-message__inner { display: flex; } .cookie-message__action { margin: 0 0 0 30px; white-space: nowrap; } } @media (min-width: 1001px) { .start__nav--lg { width: 294px; } .start__nav--lg { display: block; } .main__start-right { width: calc(100% - 244px); margin-left: -50px; } .main__content-right { margin-left: 50px; padding: 30px 0 30px 26px; } .advantages-simple { grid-template-columns: repeat(4, 1fr); } .preview-list { grid-template-columns: repeat(4, 1fr); } .preview-list--count3 { grid-template-columns: repeat(3, 1fr); } .list4-nt { grid-template-columns: repeat(3, 1fr); } } @media (min-width: 1201px) { .list4-nt { grid-template-columns: repeat(4, 1fr); } } /* End */ /* /local/templates/sag-v3/css/jquery.fancybox.min.css?177706510114143 */ /* /local/templates/sag-v3/vendor/slick/slick.css?17774078961776 */ /* /local/templates/sag-v3/css/style.css?177843060262070 */ /* /local/templates/sag-v3/components/bitrix/menu/head/style.min.css?1777065100490 */ /* /local/templates/sag-v3/components/bitrix/menu/main/style.min.css?1777065100490 */ /* /local/templates/sag-v3/components/bitrix/breadcrumb/.default/style.min.css?1777065101467 */ /* /local/templates/sag-v3/styles.css?1778443457948 */ /* /local/templates/sag-v3/template_styles.css?17784442318541 */