/* Start:/local/templates/b2b/css/slick.css?17927513427686*/ @charset 'UTF-8'; /* Slider */ .slick-loading .slick-list { /*background: #fff url('/local/templates/b2b/css/./ajax-loader.gif') center center no-repeat;*/ } /* Icons */ @font-face { font-family: 'slick'; font-weight: normal; font-style: normal; /* src: url('/local/templates/b2b/css/./fonts/slick.eot'); src: url('/local/templates/b2b/css/./fonts/slick.eot?#iefix') format('embedded-opentype'), url('/local/templates/b2b/css/./fonts/slick.woff') format('woff'), url('/local/templates/b2b/css/./fonts/slick.ttf') format('truetype'), url('/local/templates/b2b/css/./fonts/slick.svg#slick') format('svg'); */ } /* Arrows */ .slick-prev, .slick-next { font-size: 0; line-height: 0; position: absolute; bottom: 18px; right: 29px; z-index: 999; display: block; padding: 0; cursor: pointer; color: transparent; border: none; outline: none; background: #fff; -webkit-transition: all 0.15s ease-out; -moz-transition: all 0.15s ease-out; -o-transition: all 0.15s ease-out; transition: all 0.15s ease-out; width: 54px; height: 54px; } .slick-prev { right: 75px; background: url(/public/images/slick-left.png?v=5) no-repeat center center; } .slick-next { background: url(/public/images/slick-right.png?v=5) no-repeat center center; } .slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { opacity: 0.9; /*color: transparent;*/ /*outline: none;*/ /*background: transparent;*/ } .slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before { /*opacity: 1;*/ } .slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { /*opacity: .25;*/ } .slick-prev:before, .slick-next:before { /*font-family: 'slick';*/ /*font-size: 20px;*/ /*line-height: 1;*/ /**/ /*opacity: .75;*/ /*color: white;*/ /**/ /*-webkit-font-smoothing: antialiased;*/ /*-moz-osx-font-smoothing: grayscale;*/ } /*[dir='rtl'] .slick-prev*/ /*{*/ /*right: -25px;*/ /*left: auto;*/ /*}*/ /*.slick-prev:before*/ /*{*/ /*content: '←';*/ /*}*/ /*[dir='rtl'] .slick-prev:before*/ /*{*/ /*content: '→';*/ /*}*/ /*[dir='rtl'] .slick-next*/ /*{*/ /*right: auto;*/ /*left: -25px;*/ /*}*/ /*.slick-next:before*/ /*{*/ /*content: '→';*/ /*}*/ /*[dir='rtl'] .slick-next:before*/ /*{*/ /*content: '←';*/ /*}*/ /* Dots */ .slick-dotted.slick-slider { /*margin-bottom: 30px;*/ } .slider_dots_2, .slick-dots { position: absolute; bottom: -25px; display: block; width: 100%; padding: 0; margin: 0; list-style: none; text-align: center; } .slider_dots_2 li, .slick-dots li, .main_slider_dots li { position: relative; display: inline-block; width: 20px; height: 20px; margin: 0 5px; padding: 0; cursor: pointer; } .slider_dots_2 li button, .slick-dots li button, .main_slider_dots li button { font-size: 0; line-height: 0; display: block; width: 20px; height: 20px; padding: 5px; cursor: pointer; color: transparent; border: 0; outline: none; background: transparent; } .slider_dots_2 li button:hover, .slider_dots_2 li button:focus, .main_slider_dots li button:hover, .main_slider_dots li button:focus, .slick-dots li button:hover, .slick-dots li button:focus { outline: none; } .slider_dots_2 li button:hover:before, .slider_dots_2 li button:focus:before, .main_slider_dots li button:hover:before, .main_slider_dots li button:focus:before, .slick-dots li button:hover:before, .slick-dots li button:focus:before { opacity: 1; } .slick-dots li button:before { font-family: 'slick'; font-size: 6px; line-height: 20px; position: absolute; top: 0; left: 0; width: 20px; height: 20px; content: '•'; text-align: center; opacity: .25; color: black; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-dots li.slick-active button:before { opacity: .75; color: black; } .main_slider_dots { position: absolute; right: 25px; top: 50%; display: block; padding: 0; margin: 0; list-style: none; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .main_slider_dots li { display: block; } .main_slider_dots li button:before { font-family: 'slick'; /*font-size: 6px;*/ /*line-height: 20px;*/ position: absolute; top: 0; left: 0; width: 6px; height: 6px; border: 1px solid #fff; content: ''; display: block; text-align: center; opacity: 1; color: black; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .main_slider_dots li.slick-active button:before { background: #fff; color: black; } .slider_dots_2 { bottom: 0px; } .slider_dots_2 li button:before { position: absolute; top: 0; left: 0; width: 8px; height: 8px; border: 1px solid #d4d4d4; content: ''; display: block; text-align: center; opacity: 1; color: black; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slider_dots_2 li.slick-active button:before { border-color: #FF8911; background: #FF8911; } /* 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; } .slick-arrow.slick-hidden { display: none; } /* End */ /* Start:/local/templates/b2b/css/slides.css?17927513421641*/ .slides-enabled{position:relative}.slides-enabled:focus{outline:0}.slides-viewport{overflow:hidden;position:relative;height:100%}.slides-slider{position:absolute;width:100%;height:100%}.slides-enabled.is-draggable{-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.slides-enabled.is-draggable .slides-viewport{cursor:move;cursor:-webkit-grab;cursor:grab}.slides-enabled.is-draggable .slides-viewport.is-pointer-down{cursor:-webkit-grabbing;cursor:grabbing}.slides-button{position:absolute;background:hsla(0,0%,100%,.75);border:none;color:#333}.slides-button:hover{background:#fff;cursor:pointer}.slides-button:focus{outline:0;box-shadow:0 0 0 5px #19f}.slides-button:active{opacity:.6}.slides-button:disabled{opacity:.3;cursor:auto;pointer-events:none}.slides-button-icon{fill:currentColor}.slides-prev-next-button{top:50%;width:44px;height:44px;border-radius:50%;transform:translateY(-50%)}.slides-prev-next-button.previous{left:10px}.slides-prev-next-button.next{right:10px}.slides-rtl .slides-prev-next-button.previous{left:auto;right:10px}.slides-rtl .slides-prev-next-button.next{right:auto;left:10px}.slides-prev-next-button .slides-button-icon{position:absolute;left:20%;top:20%;width:60%;height:60%}.slides-page-dots{position:absolute;width:100%;bottom:-25px;padding:0;margin:0;list-style:none;text-align:center;line-height:1}.slides-rtl .slides-page-dots{direction:rtl}.slides-page-dots .dot{display:inline-block;width:10px;height:10px;margin:0 8px;background:#333;border-radius:50%;opacity:.25;cursor:pointer}.slides-page-dots .dot.is-selected{opacity:1} /* End */ /* Start:/local/templates/b2b/css/chosen.css?179275134210766*/ .chosen-container{position:relative;display:inline-block;vertical-align:middle;font-size:13px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.chosen-container *{-webkit-box-sizing:border-box;box-sizing:border-box}.chosen-container .chosen-drop{position:absolute;top:100%;z-index:1010;width:100%;border:1px solid #e6e6e6;border-top:0;background:#f4f7fa;-webkit-box-shadow:0 4px 5px rgba(0,0,0,.15);box-shadow:0 4px 5px rgba(0,0,0,.15);display:none}.chosen-container.chosen-with-drop .chosen-drop{display:block}.chosen-container a{cursor:pointer}.chosen-container .search-choice .group-name,.chosen-container .chosen-single .group-name{margin-right:4px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-weight:400;color:#999}.chosen-container .search-choice .group-name:after,.chosen-container .chosen-single .group-name:after{content:":";padding-left:2px;vertical-align:top}.chosen-container-single .chosen-single{position:relative;display:block;overflow:hidden;border:1px solid #e6e6e6;border-radius:5px;background-color:#f4f7fa;background-clip:padding-box;color:#444;text-decoration:none;white-space:nowrap;line-height:24px;text-align:left}.chosen-container-single .chosen-single input[type="text"]{cursor:pointer;opacity:0;position:absolute;width:0}.chosen-container-single .chosen-default{color:#999}.chosen-container-single .chosen-single span{display:block;overflow:hidden;margin-right:26px;text-overflow:ellipsis;white-space:nowrap;font-size:16px;padding:11px 14px;color:#93989d}.chosen-container-single .chosen-single-with-deselect span{margin-right:38px}.chosen-container-single .chosen-single abbr{position:absolute;top:6px;right:26px;display:block;width:12px;height:12px;font-size:1px}.chosen-container-single .chosen-single abbr:hover{background-position:-42px -10px}.chosen-container-single.chosen-disabled .chosen-single abbr:hover{background-position:-42px -10px}.chosen-container-single .chosen-single div{position:absolute;top:0;right:0;display:block;width:40px;height:100%}.chosen-container-single .chosen-single div b{display:block;width:100%;height:100%;background-image:url(data:image/svg xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1MTIiIGhlaWdodD0iNTEyIiB2aWV3Qm94PSIwIDAgNDUxLjg0NiA0NTEuODQ3Ij48cGF0aCBkPSJNMjAzLjU1NCAzNDUuNDQxTDkuMjczIDE1MS4xNTRjLTEyLjM2NS0xMi4zNTktMTIuMzY1LTMyLjM5NyAwLTQ0Ljc1IDEyLjM1NC0xMi4zNTQgMzIuMzkxLTEyLjM1NCA0NC43NDQgMGwxNzEuOTA5IDE3MS45MTRMMzk3LjgyOSAxMDYuNDFjMTIuMzU5LTEyLjM1NCAzMi4zOTQtMTIuMzU0IDQ0Ljc0OCAwIDEyLjM1OSAxMi4zNTQgMTIuMzU5IDMyLjM5MSAwIDQ0Ljc1TDI0OC4yOTMgMzQ1LjQ0NmMtNi4xOCA2LjE3Ny0xNC4yNzEgOS4yNjItMjIuMzY2IDkuMjYyLTguMDk5IDAtMTYuMTk2LTMuMDktMjIuMzczLTkuMjY3eiIgZGF0YS1vcmlnaW5hbD0iIzAwMDAwMCIgY2xhc3M9ImFjdGl2ZS1wYXRoIiBkYXRhLW9sZF9jb2xvcj0iI2NjY2NjYyIgZmlsbD0iI2NjYyIvPjwvc3ZnPg==);background-size:15px;background-repeat:no-repeat;background-position:center}.chosen-container-single .chosen-search{position:relative;z-index:1010;margin:0;padding:3px 14px;white-space:nowrap}.chosen-container-single .chosen-search input[type="text"]{margin:1px 0;padding:4px 20px 4px 5px;width:100%;height:auto;outline:0;border:1px solid #aaa;font-size:1em;font-family:sans-serif;line-height:normal;border-radius:0;background-color:#fff}.chosen-container-single .chosen-drop{margin-top:-10px;border-radius:0 0 4px 4px;background-clip:padding-box}.chosen-container-single.chosen-container-single-nosearch .chosen-search{position:absolute;opacity:0;pointer-events:none}.chosen-container .chosen-results{color:#444;position:relative;overflow-x:hidden;overflow-y:auto;margin:0 4px 4px 0;padding:0 0 0 4px;max-height:240px;-webkit-overflow-scrolling:touch}.chosen-container .chosen-results li{display:none;margin:0;padding:10px 14px;list-style:none;line-height:15px;word-wrap:break-word;-webkit-touch-callout:none;font-size:16px}.chosen-container .chosen-results li.active-result{display:list-item;cursor:pointer}.chosen-container .chosen-results li.disabled-result{display:list-item;color:#ccc;cursor:default}.chosen-container .chosen-results li.highlighted{background-color:#ba1200;color:#fff}.chosen-container .chosen-results li.no-results{color:#93989d;display:list-item}.chosen-container .chosen-results li.group-result{display:list-item;font-weight:700;cursor:default}.chosen-container .chosen-results li.group-option{padding-left:15px}.chosen-container .chosen-results li em{font-style:normal;text-decoration:underline}.chosen-container-multi .chosen-choices{position:relative;overflow:hidden;margin:0;padding:0 5px;width:100%;height:auto;border:1px solid #aaa;background-color:#fff;background-image:-webkit-gradient(linear,left top,left bottom,color-stop(1%,#eee),color-stop(15%,#fff));background-image:linear-gradient(#eee 1%,#fff 15%);cursor:text}.chosen-container-multi .chosen-choices li{float:left;list-style:none}.chosen-container-multi .chosen-choices li.search-field{margin:0;padding:0;white-space:nowrap}.chosen-container-multi .chosen-choices li.search-field input[type="text"]{margin:1px 0;padding:0;height:25px;outline:0;border:0!important;background:transparent!important;-webkit-box-shadow:none;box-shadow:none;color:#999;font-size:100%;font-family:sans-serif;line-height:normal;border-radius:0;width:25px}.chosen-container-multi .chosen-choices li.search-choice{position:relative;margin:3px 5px 3px 0;padding:3px 20px 3px 5px;border:1px solid #aaa;max-width:100%;border-radius:3px;background-color:#eee;background-image:-webkit-gradient(linear,left top,left bottom,color-stop(20%,#f4f4f4),color-stop(50%,#f0f0f0),color-stop(52%,#e8e8e8),to(#eee));background-image:linear-gradient(#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);background-size:100% 19px;background-repeat:repeat-x;background-clip:padding-box;-webkit-box-shadow:0 0 2px #fff inset,0 1px 0 rgba(0,0,0,.05);box-shadow:0 0 2px #fff inset,0 1px 0 rgba(0,0,0,.05);color:#333;line-height:13px;cursor:default}.chosen-container-multi .chosen-choices li.search-choice span{word-wrap:break-word}.chosen-container-multi .chosen-choices li.search-choice .search-choice-close{position:absolute;top:4px;right:3px;display:block;width:12px;height:12px;font-size:1px}.chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover{background-position:-42px -10px}.chosen-container-multi .chosen-choices li.search-choice-disabled{padding-right:5px;border:1px solid #ccc;background-color:#e4e4e4;background-image:-webkit-gradient(linear,left top,left bottom,color-stop(20%,#f4f4f4),color-stop(50%,#f0f0f0),color-stop(52%,#e8e8e8),to(#eee));background-image:linear-gradient(#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);color:#666}.chosen-container-multi .chosen-choices li.search-choice-focus{background:#d4d4d4}.chosen-container-multi .chosen-choices li.search-choice-focus .search-choice-close{background-position:-42px -10px}.chosen-container-multi .chosen-results{margin:0;padding:0}.chosen-container-multi .chosen-drop .result-selected{display:list-item;color:#ccc;cursor:default}.chosen-container-active.chosen-with-drop .chosen-single{}.chosen-container-active.chosen-with-drop .chosen-single div{border-left:none;background:transparent}.chosen-container-active .chosen-choices{border:1px solid #5897fb;-webkit-box-shadow:0 0 5px rgba(0,0,0,.3);box-shadow:0 0 5px rgba(0,0,0,.3)}.chosen-container-active .chosen-choices li.search-field input[type="text"]{color:#222!important}.chosen-disabled{opacity:0.5!important;cursor:default}.chosen-disabled .chosen-single{cursor:default}.chosen-disabled .chosen-choices .search-choice .search-choice-close{cursor:default}.chosen-rtl{text-align:right}.chosen-rtl .chosen-single{overflow:visible;padding:0 8px 0 0}.chosen-rtl .chosen-single span{margin-right:0;margin-left:26px;direction:rtl}.chosen-rtl .chosen-single-with-deselect span{margin-left:38px}.chosen-rtl .chosen-single div{right:auto;left:3px}.chosen-rtl .chosen-single abbr{right:auto;left:26px}.chosen-rtl .chosen-choices li{float:right}.chosen-rtl .chosen-choices li.search-field input[type="text"]{direction:rtl}.chosen-rtl .chosen-choices li.search-choice{margin:3px 5px 3px 0;padding:3px 5px 3px 19px}.chosen-rtl .chosen-choices li.search-choice .search-choice-close{right:auto;left:4px}.chosen-rtl.chosen-container-single .chosen-results{margin:0 0 4px 4px;padding:0 4px 0 0}.chosen-rtl .chosen-results li.group-option{padding-right:15px;padding-left:0}.chosen-rtl.chosen-container-active.chosen-with-drop .chosen-single div{border-right:none}.chosen-rtl .chosen-search input[type="text"]{padding:4px 5px 4px 20px;direction:rtl}.chosen-rtl.chosen-container-single .chosen-single div b{background-position:6px 2px}.chosen-rtl.chosen-container-single.chosen-with-drop .chosen-single div b{background-position:-12px 2px}@media only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:144dpi),only screen and (min-resolution:1.5dppx){.chosen-rtl .chosen-search input[type="text"],.chosen-container-single .chosen-single abbr,.chosen-container-single .chosen-single div b,.chosen-container-single .chosen-search input[type="text"],.chosen-container-multi .chosen-choices .search-choice .search-choice-close,.chosen-container .chosen-results-scroll-down span,.chosen-container .chosen-results-scroll-up span{background-size:52px 37px!important;background-repeat:no-repeat!important}} .chosen-container { } .chosen-container li:before { content: ''; display: none; } .chosen-container-single .chosen-single { background: #F3F3F5; border: 1px solid #f1f1f1; border-radius: 0px; } .chosen-container-single .chosen-single span { padding: 14px 24px 14px; line-height: 1.4em; font-size: 17px; color: #000; color: #676767; } .chosen-container-single .chosen-search { padding: 10px 15px 10px; } .chosen-container-single .chosen-search input[type="text"] { border: 1px solid #f4f4f4; font-size: 18px; font-family: 'Formular', Helvetica, Arial, sans-serif; padding: 8px 10px 8px 11px; } .chosen-container .chosen-results li { padding: 7px 14px; font-size: 17px; line-height: 1.2em; } .chosen-container .chosen-results li.highlighted { background: #B0C818; } .chosen-container .chosen-results li[data-option-array-index="0"]:first-child { display: none; } .chosen-container .chosen-drop { background: #f4f4f4; margin-top: -56px; -webkit-box-shadow: 0 5px 5px rgba(0,0,0,.1); box-shadow: 0 5px 5px rgba(0,0,0,.1); outline: 1px solid #e6e6e6; border: 0px; border-radius: 2px; } .chosen-container .chosen-results li.no-results { line-height: 1.4em; } .chosen-container .chosen-results li.disabled-result { color: #a2a2a2; } .chosen-container .chosen-results { max-height: 310px; } /* End */ /* Start:/local/templates/b2b/css/jquery-ui.css?179275134229005*/ .ui-draggable-handle{-ms-touch-action:none;touch-action:none}.ui-helper-hidden{display:none}.ui-helper-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.ui-helper-reset{margin:0;padding:0;border:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none}.ui-helper-clearfix:before,.ui-helper-clearfix:after{content:"";display:table;border-collapse:collapse}.ui-helper-clearfix:after{clear:both}.ui-helper-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;filter:Alpha(Opacity=0)}.ui-front{z-index:100}.ui-state-disabled{cursor:default!important;pointer-events:none}.ui-icon{display:inline-block;vertical-align:middle;margin-top:-.25em;position:relative;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat}.ui-widget-icon-block{left:50%;margin-left:-8px;display:block}.ui-widget-overlay{position:fixed;top:0;left:0;width:100%;height:100%}.ui-resizable{position:relative}.ui-resizable-handle{position:absolute;font-size:.1px;display:block;-ms-touch-action:none;touch-action:none}.ui-resizable-disabled .ui-resizable-handle,.ui-resizable-autohide .ui-resizable-handle{display:none}.ui-resizable-n{cursor:n-resize;height:7px;width:100%;top:-5px;left:0}.ui-resizable-s{cursor:s-resize;height:7px;width:100%;bottom:-5px;left:0}.ui-resizable-e{cursor:e-resize;width:7px;right:-5px;top:0;height:100%}.ui-resizable-w{cursor:w-resize;width:7px;left:-5px;top:0;height:100%}.ui-resizable-se{cursor:se-resize;width:12px;height:12px;right:1px;bottom:1px}.ui-resizable-sw{cursor:sw-resize;width:9px;height:9px;left:-5px;bottom:-5px}.ui-resizable-nw{cursor:nw-resize;width:9px;height:9px;left:-5px;top:-5px}.ui-resizable-ne{cursor:ne-resize;width:9px;height:9px;right:-5px;top:-5px}.ui-accordion .ui-accordion-header{display:block;cursor:pointer;position:relative;margin:2px 0 0;padding:.5em .5em .5em .7em;font-size:100%}.ui-accordion .ui-accordion-content{padding:1em 2.2em;border-top:0;overflow:auto}.ui-autocomplete{position:absolute;top:0;left:0;cursor:default}.ui-menu{list-style:none;padding:0;margin:0;display:block;outline:0}.ui-menu .ui-menu{position:absolute}.ui-menu .ui-menu-item{margin:0;cursor:pointer;list-style-image:url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7)}.ui-menu .ui-menu-item-wrapper{position:relative;padding:3px 1em 3px .4em}.ui-menu .ui-menu-divider{margin:5px 0;height:0;font-size:0;line-height:0;border-width:1px 0 0}.ui-menu .ui-state-focus,.ui-menu .ui-state-active{margin:-1px}.ui-menu-icons{position:relative}.ui-menu-icons .ui-menu-item-wrapper{padding-left:2em}.ui-menu .ui-icon{position:absolute;top:0;bottom:0;left:.2em;margin:auto 0}.ui-menu .ui-menu-icon{left:auto;right:0}.ui-button{padding:.4em 1em;display:inline-block;position:relative;line-height:normal;margin-right:.1em;cursor:pointer;vertical-align:middle;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:visible}.ui-button,.ui-button:link,.ui-button:visited,.ui-button:hover,.ui-button:active{text-decoration:none}.ui-button-icon-only{width:2em;box-sizing:border-box;text-indent:-9999px;white-space:nowrap}input.ui-button.ui-button-icon-only{text-indent:0}.ui-button-icon-only .ui-icon{position:absolute;top:50%;left:50%;margin-top:-8px;margin-left:-8px}.ui-button.ui-icon-notext .ui-icon{padding:0;width:2.1em;height:2.1em;text-indent:-9999px;white-space:nowrap}input.ui-button.ui-icon-notext .ui-icon{width:auto;height:auto;text-indent:0;white-space:normal;padding:.4em 1em}input.ui-button::-moz-focus-inner,button.ui-button::-moz-focus-inner{border:0;padding:0}.ui-controlgroup{vertical-align:middle;display:inline-block}.ui-controlgroup > .ui-controlgroup-item{float:left;margin-left:0;margin-right:0}.ui-controlgroup > .ui-controlgroup-item:focus,.ui-controlgroup > .ui-controlgroup-item.ui-visual-focus{z-index:9999}.ui-controlgroup-vertical > .ui-controlgroup-item{display:block;float:none;width:100%;margin-top:0;margin-bottom:0;text-align:left}.ui-controlgroup-vertical .ui-controlgroup-item{box-sizing:border-box}.ui-controlgroup .ui-controlgroup-label{padding:.4em 1em}.ui-controlgroup .ui-controlgroup-label span{font-size:80%}.ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item{border-left:none}.ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item{border-top:none}.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content{border-right:none}.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content{border-bottom:none}.ui-controlgroup-vertical .ui-spinner-input{width:75%;width:calc(100% - 2.4em)}.ui-controlgroup-vertical .ui-spinner .ui-spinner-up{border-top-style:solid}.ui-checkboxradio-label .ui-icon-background{box-shadow:inset 1px 1px 1px #ccc;border-radius:.12em;border:none}.ui-checkboxradio-radio-label .ui-icon-background{width:16px;height:16px;border-radius:1em;overflow:visible;border:none}.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon{background-image:none;width:8px;height:8px;border-width:4px;border-style:solid}.ui-checkboxradio-disabled{pointer-events:none}.ui-datepicker{width:17em;padding:.2em .2em 0;display:none}.ui-datepicker .ui-datepicker-header{position:relative;padding:.2em 0}.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next{position:absolute;top:2px;width:1.8em;height:1.8em}.ui-datepicker .ui-datepicker-prev-hover,.ui-datepicker .ui-datepicker-next-hover{top:1px}.ui-datepicker .ui-datepicker-prev{left:2px}.ui-datepicker .ui-datepicker-next{right:2px}.ui-datepicker .ui-datepicker-prev-hover{left:1px}.ui-datepicker .ui-datepicker-next-hover{right:1px}.ui-datepicker .ui-datepicker-prev span,.ui-datepicker .ui-datepicker-next span{display:block;position:absolute;left:50%;margin-left:-8px;top:50%;margin-top:-8px}.ui-datepicker .ui-datepicker-title{margin:0 2.3em;line-height:1.8em;text-align:center}.ui-datepicker .ui-datepicker-title select{font-size:1em;margin:1px 0}.ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year{width:45%}.ui-datepicker table{width:100%;font-size:.9em;border-collapse:collapse;margin:0 0 .4em}.ui-datepicker th{padding:.7em .3em;text-align:center;font-weight:700;border:0}.ui-datepicker td{border:0;padding:1px}.ui-datepicker td span,.ui-datepicker td a{display:block;padding:.2em;text-align:right;text-decoration:none}.ui-datepicker .ui-datepicker-buttonpane{background-image:none;margin:.7em 0 0;padding:0 .2em;border-left:0;border-right:0;border-bottom:0}.ui-datepicker .ui-datepicker-buttonpane button{float:right;margin:.5em .2em .4em;cursor:pointer;padding:.2em .6em .3em;width:auto;overflow:visible}.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current{float:left}.ui-datepicker.ui-datepicker-multi{width:auto}.ui-datepicker-multi .ui-datepicker-group{float:left}.ui-datepicker-multi .ui-datepicker-group table{width:95%;margin:0 auto .4em}.ui-datepicker-multi-2 .ui-datepicker-group{width:50%}.ui-datepicker-multi-3 .ui-datepicker-group{width:33.3%}.ui-datepicker-multi-4 .ui-datepicker-group{width:25%}.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header{border-left-width:0}.ui-datepicker-multi .ui-datepicker-buttonpane{clear:left}.ui-datepicker-row-break{clear:both;width:100%;font-size:0}.ui-datepicker-rtl{direction:rtl}.ui-datepicker-rtl .ui-datepicker-prev{right:2px;left:auto}.ui-datepicker-rtl .ui-datepicker-next{left:2px;right:auto}.ui-datepicker-rtl .ui-datepicker-prev:hover{right:1px;left:auto}.ui-datepicker-rtl .ui-datepicker-next:hover{left:1px;right:auto}.ui-datepicker-rtl .ui-datepicker-buttonpane{clear:right}.ui-datepicker-rtl .ui-datepicker-buttonpane button{float:left}.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,.ui-datepicker-rtl .ui-datepicker-group{float:right}.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header{border-right-width:0;border-left-width:1px}.ui-datepicker .ui-icon{display:block;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat;left:.5em;top:.3em}.ui-dialog{position:absolute;top:0;left:0;padding:.2em;outline:0}.ui-dialog .ui-dialog-titlebar{padding:.4em 1em;position:relative}.ui-dialog .ui-dialog-title{float:left;margin:.1em 0;white-space:nowrap;width:90%;overflow:hidden;text-overflow:ellipsis}.ui-dialog .ui-dialog-titlebar-close{position:absolute;right:.3em;top:50%;width:20px;margin:-10px 0 0;padding:1px;height:20px}.ui-dialog .ui-dialog-content{position:relative;border:0;padding:.5em 1em;background:none;overflow:auto}.ui-dialog .ui-dialog-buttonpane{text-align:left;border-width:1px 0 0;background-image:none;margin-top:.5em;padding:.3em 1em .5em .4em}.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset{float:right}.ui-dialog .ui-dialog-buttonpane button{margin:.5em .4em .5em 0;cursor:pointer}.ui-dialog .ui-resizable-n{height:2px;top:0}.ui-dialog .ui-resizable-e{width:2px;right:0}.ui-dialog .ui-resizable-s{height:2px;bottom:0}.ui-dialog .ui-resizable-w{width:2px;left:0}.ui-dialog .ui-resizable-se,.ui-dialog .ui-resizable-sw,.ui-dialog .ui-resizable-ne,.ui-dialog .ui-resizable-nw{width:7px;height:7px}.ui-dialog .ui-resizable-se{right:0;bottom:0}.ui-dialog .ui-resizable-sw{left:0;bottom:0}.ui-dialog .ui-resizable-ne{right:0;top:0}.ui-dialog .ui-resizable-nw{left:0;top:0}.ui-draggable .ui-dialog-titlebar{cursor:move}.ui-progressbar{height:2em;text-align:left;overflow:hidden}.ui-progressbar .ui-progressbar-value{margin:-1px;height:100%}.ui-progressbar .ui-progressbar-overlay{background:url(data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==);height:100%;filter:alpha(opacity=25);opacity:.25}.ui-progressbar-indeterminate .ui-progressbar-value{background-image:none}.ui-selectmenu-menu{padding:0;margin:0;position:absolute;top:0;left:0;display:none}.ui-selectmenu-menu .ui-menu{overflow:auto;overflow-x:hidden;padding-bottom:1px}.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup{font-size:1em;font-weight:700;line-height:1.5;padding:2px .4em;margin:.5em 0 0;height:auto;border:0}.ui-selectmenu-open{display:block}.ui-selectmenu-text{display:block;margin-right:20px;overflow:hidden;text-overflow:ellipsis}.ui-selectmenu-button.ui-button{text-align:left;white-space:nowrap;width:14em}.ui-selectmenu-icon.ui-icon{float:right;margin-top:0}.ui-slider{position:relative;text-align:left}.ui-slider .ui-slider-handle{position:absolute;z-index:2;width:1.2em;height:1.2em;cursor:default;-ms-touch-action:none;touch-action:none}.ui-slider .ui-slider-range{position:absolute;z-index:1;font-size:.7em;display:block;border:0;background-position:0 0}.ui-slider.ui-state-disabled .ui-slider-handle,.ui-slider.ui-state-disabled .ui-slider-range{filter:inherit}.ui-slider-horizontal{height:.8em}.ui-slider-horizontal .ui-slider-handle{top:-.3em;margin-left:-.6em}.ui-slider-horizontal .ui-slider-range{top:0;height:100%}.ui-slider-horizontal .ui-slider-range-min{left:0}.ui-slider-horizontal .ui-slider-range-max{right:0}.ui-slider-vertical{width:.8em;height:100px}.ui-slider-vertical .ui-slider-handle{left:-.3em;margin-left:0;margin-bottom:-.6em}.ui-slider-vertical .ui-slider-range{left:0;width:100%}.ui-slider-vertical .ui-slider-range-min{bottom:0}.ui-slider-vertical .ui-slider-range-max{top:0}.ui-spinner{position:relative;display:inline-block;overflow:hidden;padding:0;vertical-align:middle}.ui-spinner-input{border:none;background:none;color:inherit;padding:.222em 0;margin:.2em 0;vertical-align:middle;margin-left:.4em;margin-right:2em}.ui-spinner-button{width:1.6em;height:50%;font-size:.5em;padding:0;margin:0;text-align:center;position:absolute;cursor:default;display:block;overflow:hidden;right:0}.ui-spinner a.ui-spinner-button{border-top-style:none;border-bottom-style:none;border-right-style:none}.ui-spinner-up{top:0}.ui-spinner-down{bottom:0}.ui-tabs{position:relative;padding:.2em}.ui-tabs .ui-tabs-nav{margin:0;padding:.2em .2em 0}.ui-tabs .ui-tabs-nav li{list-style:none;float:left;position:relative;top:0;margin:1px .2em 0 0;border-bottom-width:0;padding:0;white-space:nowrap}.ui-tabs .ui-tabs-nav .ui-tabs-anchor{float:left;padding:.5em 1em;text-decoration:none}.ui-tabs .ui-tabs-nav li.ui-tabs-active{margin-bottom:-1px;padding-bottom:1px}.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor{cursor:text}.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor{cursor:pointer}.ui-tabs .ui-tabs-panel{display:block;border-width:0;padding:1em 1.4em;background:none}.ui-tooltip{padding:8px;position:absolute;z-index:9999;max-width:300px}body .ui-tooltip{border-width:2px}.ui-widget{font-family:Arial,Helvetica,sans-serif;font-size:1em}.ui-widget .ui-widget{font-size:1em}.ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button{font-family:Arial,Helvetica,sans-serif;font-size:1em}.ui-widget.ui-widget-content{border:1px solid #c5c5c5}.ui-widget-content{border:1px solid #ddd;background:#fff;color:#333}.ui-widget-content a{color:#333}.ui-widget-header{border:1px solid #ddd;background:#e9e9e9;color:#333;font-weight:700}.ui-widget-header a{color:#333}.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default,.ui-button,/* We use html here because we need a greater specificity to make sure disabled works properly when clicked or hovered */ html .ui-button.ui-state-disabled:hover,html .ui-button.ui-state-disabled:active{border:1px solid #c5c5c5;background:#f6f6f6;font-weight:400;color:#454545}.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited,a.ui-button,a:link.ui-button,a:visited.ui-button,.ui-button{color:#454545;text-decoration:none}.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus,.ui-button:hover,.ui-button:focus{border:1px solid #ccc;background:#ededed;font-weight:400;color:#2b2b2b}.ui-state-hover a,.ui-state-hover a:hover,.ui-state-hover a:link,.ui-state-hover a:visited,.ui-state-focus a,.ui-state-focus a:hover,.ui-state-focus a:link,.ui-state-focus a:visited,a.ui-button:hover,a.ui-button:focus{color:#2b2b2b;text-decoration:none}.ui-visual-focus{box-shadow:0 0 3px 1px #5e9ed6}.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active,a.ui-button:active,.ui-button:active,.ui-button.ui-state-active:hover{border:1px solid #003eff;background:#007fff;font-weight:400;color:#fff}.ui-icon-background,.ui-state-active .ui-icon-background{border:#003eff;background-color:#fff}.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited{color:#fff;text-decoration:none}.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight{border:1px solid #dad55e;background:#fffa90;color:#777620}.ui-state-checked{border:1px solid #dad55e;background:#fffa90}.ui-state-highlight a,.ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a{color:#777620}.ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error{border:1px solid #f1a899;background:#fddfdf;color:#5f3f3f}.ui-state-error a,.ui-widget-content .ui-state-error a,.ui-widget-header .ui-state-error a{color:#5f3f3f}.ui-state-error-text,.ui-widget-content .ui-state-error-text,.ui-widget-header .ui-state-error-text{color:#5f3f3f}.ui-priority-primary,.ui-widget-content .ui-priority-primary,.ui-widget-header .ui-priority-primary{font-weight:700}.ui-priority-secondary,.ui-widget-content .ui-priority-secondary,.ui-widget-header .ui-priority-secondary{opacity:.7;filter:Alpha(Opacity=70);font-weight:400}.ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled{opacity:.35;filter:Alpha(Opacity=35);background-image:none}.ui-state-disabled .ui-icon{filter:Alpha(Opacity=35)}.ui-icon{width:16px;height:16px}.ui-icon,.ui-widget-content .ui-icon{background-image:url(/local/templates/b2b/css/images/ui-icons_444444_256x240.png)}.ui-widget-header .ui-icon{background-image:url(/local/templates/b2b/css/images/ui-icons_444444_256x240.png)}.ui-state-hover .ui-icon,.ui-state-focus .ui-icon,.ui-button:hover .ui-icon,.ui-button:focus .ui-icon{background-image:url(/local/templates/b2b/css/images/ui-icons_555555_256x240.png)}.ui-state-active .ui-icon,.ui-button:active .ui-icon{background-image:url(/local/templates/b2b/css/images/ui-icons_ffffff_256x240.png)}.ui-state-highlight .ui-icon,.ui-button .ui-state-highlight.ui-icon{background-image:url(/local/templates/b2b/css/images/ui-icons_777620_256x240.png)}.ui-state-error .ui-icon,.ui-state-error-text .ui-icon{background-image:url(/local/templates/b2b/css/images/ui-icons_cc0000_256x240.png)}.ui-button .ui-icon{background-image:url(/local/templates/b2b/css/images/ui-icons_777777_256x240.png)}.ui-icon-blank{background-position:16px 16px}.ui-icon-caret-1-n{background-position:0 0}.ui-icon-caret-1-ne{background-position:-16px 0}.ui-icon-caret-1-e{background-position:-32px 0}.ui-icon-caret-1-se{background-position:-48px 0}.ui-icon-caret-1-s{background-position:-65px 0}.ui-icon-caret-1-sw{background-position:-80px 0}.ui-icon-caret-1-w{background-position:-96px 0}.ui-icon-caret-1-nw{background-position:-112px 0}.ui-icon-caret-2-n-s{background-position:-128px 0}.ui-icon-caret-2-e-w{background-position:-144px 0}.ui-icon-triangle-1-n{background-position:0 -16px}.ui-icon-triangle-1-ne{background-position:-16px -16px}.ui-icon-triangle-1-e{background-position:-32px -16px}.ui-icon-triangle-1-se{background-position:-48px -16px}.ui-icon-triangle-1-s{background-position:-65px -16px}.ui-icon-triangle-1-sw{background-position:-80px -16px}.ui-icon-triangle-1-w{background-position:-96px -16px}.ui-icon-triangle-1-nw{background-position:-112px -16px}.ui-icon-triangle-2-n-s{background-position:-128px -16px}.ui-icon-triangle-2-e-w{background-position:-144px -16px}.ui-icon-arrow-1-n{background-position:0 -32px}.ui-icon-arrow-1-ne{background-position:-16px -32px}.ui-icon-arrow-1-e{background-position:-32px -32px}.ui-icon-arrow-1-se{background-position:-48px -32px}.ui-icon-arrow-1-s{background-position:-65px -32px}.ui-icon-arrow-1-sw{background-position:-80px -32px}.ui-icon-arrow-1-w{background-position:-96px -32px}.ui-icon-arrow-1-nw{background-position:-112px -32px}.ui-icon-arrow-2-n-s{background-position:-128px -32px}.ui-icon-arrow-2-ne-sw{background-position:-144px -32px}.ui-icon-arrow-2-e-w{background-position:-160px -32px}.ui-icon-arrow-2-se-nw{background-position:-176px -32px}.ui-icon-arrowstop-1-n{background-position:-192px -32px}.ui-icon-arrowstop-1-e{background-position:-208px -32px}.ui-icon-arrowstop-1-s{background-position:-224px -32px}.ui-icon-arrowstop-1-w{background-position:-240px -32px}.ui-icon-arrowthick-1-n{background-position:1px -48px}.ui-icon-arrowthick-1-ne{background-position:-16px -48px}.ui-icon-arrowthick-1-e{background-position:-32px -48px}.ui-icon-arrowthick-1-se{background-position:-48px -48px}.ui-icon-arrowthick-1-s{background-position:-64px -48px}.ui-icon-arrowthick-1-sw{background-position:-80px -48px}.ui-icon-arrowthick-1-w{background-position:-96px -48px}.ui-icon-arrowthick-1-nw{background-position:-112px -48px}.ui-icon-arrowthick-2-n-s{background-position:-128px -48px}.ui-icon-arrowthick-2-ne-sw{background-position:-144px -48px}.ui-icon-arrowthick-2-e-w{background-position:-160px -48px}.ui-icon-arrowthick-2-se-nw{background-position:-176px -48px}.ui-icon-arrowthickstop-1-n{background-position:-192px -48px}.ui-icon-arrowthickstop-1-e{background-position:-208px -48px}.ui-icon-arrowthickstop-1-s{background-position:-224px -48px}.ui-icon-arrowthickstop-1-w{background-position:-240px -48px}.ui-icon-arrowreturnthick-1-w{background-position:0 -64px}.ui-icon-arrowreturnthick-1-n{background-position:-16px -64px}.ui-icon-arrowreturnthick-1-e{background-position:-32px -64px}.ui-icon-arrowreturnthick-1-s{background-position:-48px -64px}.ui-icon-arrowreturn-1-w{background-position:-64px -64px}.ui-icon-arrowreturn-1-n{background-position:-80px -64px}.ui-icon-arrowreturn-1-e{background-position:-96px -64px}.ui-icon-arrowreturn-1-s{background-position:-112px -64px}.ui-icon-arrowrefresh-1-w{background-position:-128px -64px}.ui-icon-arrowrefresh-1-n{background-position:-144px -64px}.ui-icon-arrowrefresh-1-e{background-position:-160px -64px}.ui-icon-arrowrefresh-1-s{background-position:-176px -64px}.ui-icon-arrow-4{background-position:0 -80px}.ui-icon-arrow-4-diag{background-position:-16px -80px}.ui-icon-extlink{background-position:-32px -80px}.ui-icon-newwin{background-position:-48px -80px}.ui-icon-refresh{background-position:-64px -80px}.ui-icon-shuffle{background-position:-80px -80px}.ui-icon-transfer-e-w{background-position:-96px -80px}.ui-icon-transferthick-e-w{background-position:-112px -80px}.ui-icon-folder-collapsed{background-position:0 -96px}.ui-icon-folder-open{background-position:-16px -96px}.ui-icon-document{background-position:-32px -96px}.ui-icon-document-b{background-position:-48px -96px}.ui-icon-note{background-position:-64px -96px}.ui-icon-mail-closed{background-position:-80px -96px}.ui-icon-mail-open{background-position:-96px -96px}.ui-icon-suitcase{background-position:-112px -96px}.ui-icon-comment{background-position:-128px -96px}.ui-icon-person{background-position:-144px -96px}.ui-icon-print{background-position:-160px -96px}.ui-icon-trash{background-position:-176px -96px}.ui-icon-locked{background-position:-192px -96px}.ui-icon-unlocked{background-position:-208px -96px}.ui-icon-bookmark{background-position:-224px -96px}.ui-icon-tag{background-position:-240px -96px}.ui-icon-home{background-position:0 -112px}.ui-icon-flag{background-position:-16px -112px}.ui-icon-calendar{background-position:-32px -112px}.ui-icon-cart{background-position:-48px -112px}.ui-icon-pencil{background-position:-64px -112px}.ui-icon-clock{background-position:-80px -112px}.ui-icon-disk{background-position:-96px -112px}.ui-icon-calculator{background-position:-112px -112px}.ui-icon-zoomin{background-position:-128px -112px}.ui-icon-zoomout{background-position:-144px -112px}.ui-icon-search{background-position:-160px -112px}.ui-icon-wrench{background-position:-176px -112px}.ui-icon-gear{background-position:-192px -112px}.ui-icon-heart{background-position:-208px -112px}.ui-icon-star{background-position:-224px -112px}.ui-icon-link{background-position:-240px -112px}.ui-icon-cancel{background-position:0 -128px}.ui-icon-plus{background-position:-16px -128px}.ui-icon-plusthick{background-position:-32px -128px}.ui-icon-minus{background-position:-48px -128px}.ui-icon-minusthick{background-position:-64px -128px}.ui-icon-close{background-position:-80px -128px}.ui-icon-closethick{background-position:-96px -128px}.ui-icon-key{background-position:-112px -128px}.ui-icon-lightbulb{background-position:-128px -128px}.ui-icon-scissors{background-position:-144px -128px}.ui-icon-clipboard{background-position:-160px -128px}.ui-icon-copy{background-position:-176px -128px}.ui-icon-contact{background-position:-192px -128px}.ui-icon-image{background-position:-208px -128px}.ui-icon-video{background-position:-224px -128px}.ui-icon-script{background-position:-240px -128px}.ui-icon-alert{background-position:0 -144px}.ui-icon-info{background-position:-16px -144px}.ui-icon-notice{background-position:-32px -144px}.ui-icon-help{background-position:-48px -144px}.ui-icon-check{background-position:-64px -144px}.ui-icon-bullet{background-position:-80px -144px}.ui-icon-radio-on{background-position:-96px -144px}.ui-icon-radio-off{background-position:-112px -144px}.ui-icon-pin-w{background-position:-128px -144px}.ui-icon-pin-s{background-position:-144px -144px}.ui-icon-play{background-position:0 -160px}.ui-icon-pause{background-position:-16px -160px}.ui-icon-seek-next{background-position:-32px -160px}.ui-icon-seek-prev{background-position:-48px -160px}.ui-icon-seek-end{background-position:-64px -160px}.ui-icon-seek-start{background-position:-80px -160px}.ui-icon-seek-first{background-position:-80px -160px}.ui-icon-stop{background-position:-96px -160px}.ui-icon-eject{background-position:-112px -160px}.ui-icon-volume-off{background-position:-128px -160px}.ui-icon-volume-on{background-position:-144px -160px}.ui-icon-power{background-position:0 -176px}.ui-icon-signal-diag{background-position:-16px -176px}.ui-icon-signal{background-position:-32px -176px}.ui-icon-battery-0{background-position:-48px -176px}.ui-icon-battery-1{background-position:-64px -176px}.ui-icon-battery-2{background-position:-80px -176px}.ui-icon-battery-3{background-position:-96px -176px}.ui-icon-circle-plus{background-position:0 -192px}.ui-icon-circle-minus{background-position:-16px -192px}.ui-icon-circle-close{background-position:-32px -192px}.ui-icon-circle-triangle-e{background-position:-48px -192px}.ui-icon-circle-triangle-s{background-position:-64px -192px}.ui-icon-circle-triangle-w{background-position:-80px -192px}.ui-icon-circle-triangle-n{background-position:-96px -192px}.ui-icon-circle-arrow-e{background-position:-112px -192px}.ui-icon-circle-arrow-s{background-position:-128px -192px}.ui-icon-circle-arrow-w{background-position:-144px -192px}.ui-icon-circle-arrow-n{background-position:-160px -192px}.ui-icon-circle-zoomin{background-position:-176px -192px}.ui-icon-circle-zoomout{background-position:-192px -192px}.ui-icon-circle-check{background-position:-208px -192px}.ui-icon-circlesmall-plus{background-position:0 -208px}.ui-icon-circlesmall-minus{background-position:-16px -208px}.ui-icon-circlesmall-close{background-position:-32px -208px}.ui-icon-squaresmall-plus{background-position:-48px -208px}.ui-icon-squaresmall-minus{background-position:-64px -208px}.ui-icon-squaresmall-close{background-position:-80px -208px}.ui-icon-grip-dotted-vertical{background-position:0 -224px}.ui-icon-grip-dotted-horizontal{background-position:-16px -224px}.ui-icon-grip-solid-vertical{background-position:-32px -224px}.ui-icon-grip-solid-horizontal{background-position:-48px -224px}.ui-icon-gripsmall-diagonal-se{background-position:-64px -224px}.ui-icon-grip-diagonal-se{background-position:-80px -224px}.ui-corner-all,.ui-corner-top,.ui-corner-left,.ui-corner-tl{border-top-left-radius:3px}.ui-corner-all,.ui-corner-top,.ui-corner-right,.ui-corner-tr{border-top-right-radius:3px}.ui-corner-all,.ui-corner-bottom,.ui-corner-left,.ui-corner-bl{border-bottom-left-radius:3px}.ui-corner-all,.ui-corner-bottom,.ui-corner-right,.ui-corner-br{border-bottom-right-radius:3px}.ui-widget-overlay{background:#aaa;opacity:.3;filter:Alpha(Opacity=30)}.ui-widget-shadow{-webkit-box-shadow:0 0 5px #666;box-shadow:0 0 5px #666} /* End */ /* Start:/local/templates/b2b/css/swiper.css?179275134213692*/ @font-face{font-family:'swiper-icons';src:url('data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA') format("woff");font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}.swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-container-vertical > .swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-container-multirow > .swiper-wrapper{flex-wrap:wrap}.swiper-container-multirow-column > .swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-container-free-mode > .swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-container-pointer-events{touch-action:pan-y}.swiper-container-pointer-events.swiper-container-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-container-3d{perspective:1200px}.swiper-container-3d .swiper-wrapper,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-cube-shadow{transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-slide-shadow-bottom{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,0.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,0.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,0.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,0.5),rgba(0,0,0,0))}.swiper-container-css-mode > .swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-container-css-mode > .swiper-wrapper::-webkit-scrollbar{display:none}.swiper-container-css-mode > .swiper-wrapper > .swiper-slide{scroll-snap-align:start start}.swiper-container-horizontal.swiper-container-css-mode > .swiper-wrapper{scroll-snap-type:x mandatory}.swiper-container-vertical.swiper-container-css-mode > .swiper-wrapper{scroll-snap-type:y mandatory}:root{--swiper-navigation-size:44px}.swiper-button-prev,.swiper-button-next{position:absolute;top:50%;width:calc(var(--swiper-navigation-size) / 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size) / 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-prev.swiper-button-disabled,.swiper-button-next.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-prev:after,.swiper-button-next:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;text-transform:none;font-variant:initial;line-height:1}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{left:10px;right:auto}.swiper-button-prev:after,.swiper-container-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{right:10px;left:auto}.swiper-button-next:after,.swiper-container-rtl .swiper-button-prev:after{content:'next'}.swiper-button-prev.swiper-button-white,.swiper-button-next.swiper-button-white{--swiper-navigation-color:#fff}.swiper-button-prev.swiper-button-black,.swiper-button-next.swiper-button-black{--swiper-navigation-color:#000}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;transition:300ms opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-fraction,.swiper-pagination-custom,.swiper-container-horizontal > .swiper-pagination-bullets{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(0.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(0.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(0.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(0.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(0.33)}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:50%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet-active{opacity:1;background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-container-vertical > .swiper-pagination-bullets{right:10px;top:50%;transform:translate3d(0px,-50%,0)}.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;display:block}.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:200ms transform,200ms top}.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:200ms transform,200ms left}.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:200ms transform,200ms right}.swiper-pagination-progressbar{background:rgba(0,0,0,0.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-container-horizontal > .swiper-pagination-progressbar,.swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-container-vertical > .swiper-pagination-progressbar,.swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:4px;height:100%;left:0;top:0}.swiper-pagination-white{--swiper-pagination-color:#fff}.swiper-pagination-black{--swiper-pagination-color:#000}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,0.1)}.swiper-container-horizontal > .swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical > .swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,0.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container > img,.swiper-zoom-container > svg,.swiper-zoom-container > canvas{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;animation:swiper-preloader-spin 1s infinite linear;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{100%{transform:rotate(360deg)}}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-container-fade.swiper-container-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube{overflow:visible}.swiper-container-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube.swiper-container-rtl .swiper-slide{transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-prev,.swiper-container-cube .swiper-slide-next + .swiper-slide{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-slide-shadow-top,.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;opacity:.6;z-index:0}.swiper-container-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-container-flip{overflow:visible}.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-flip .swiper-slide-shadow-top,.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden} /* End */ /* Start:/local/templates/b2b/css/anime.css?179275134212329*/ /* --- ANIME --- */ .hidden{ opacity:0; } .visible{ opacity:1; } .anime-width { overflow: hidden; opacity: 0; width: 0px; white-space: nowrap; -webkit-transition: opacity 300ms, width 2000ms; -moz-transition: opacity 300ms, width 2000ms; -ms-transition: opacity 300ms, width 2000ms; -o-transition: opacity 300ms, width 2000ms; transition: opacity 300ms, width 2000ms; transition-timing-function: linear; } .anime-width .anime-width-elem { display: inline-block; } .anime-width-show { width: 100%; opacity: 1; } .anime-down { opacity: 0; -webkit-transform: translateX(0px) translateY(10px) translateZ(0px); -moz-transform: translateX(0px) translateY(10px) translateZ(0px); -ms-transform: translateX(0px) translateY(10px) translateZ(0px); -o-transform: translateX(0px) translateY(10px) translateZ(0px); transform: translateX(0px) translateY(10px) translateZ(0px); -webkit-transition: opacity 700ms, -webkit-transform 900ms; -moz-transition: opacity 700ms, transform 900ms; -ms-transition: opacity 700ms, transform 900ms; -o-transition: opacity 700ms, transform 900ms; transition: opacity 700ms, transform 900ms; } .anime-down-show { opacity: 1; -webkit-transform: translateX(0px) translateY(0px) translateZ(0px); -moz-transform: translateX(0px) translateY(0px) translateZ(0px); -ms-transform: translateX(0px) translateY(0px) translateZ(0px); -o-transform: translateX(0px) translateY(0px) translateZ(0px); transform: translateX(0px) translateY(0px) translateZ(0px); } .anime-top { opacity: 0; -webkit-transform: translateX(0px) translateY(-10px) translateZ(0px); -moz-transform: translateX(0px) translateY(-10px) translateZ(0px); -ms-transform: translateX(0px) translateY(-10px) translateZ(0px); -o-transform: translateX(0px) translateY(-10px) translateZ(0px); transform: translateX(0px) translateY(-10px) translateZ(0px); -webkit-transition: opacity 700ms, -webkit-transform 900ms; -moz-transition: opacity 700ms, transform 900ms; -ms-transition: opacity 700ms, transform 900ms; -o-transition: opacity 700ms, transform 900ms; transition: opacity 700ms, transform 900ms; } .anime-top-show { opacity: 1; -webkit-transform: translateX(0px) translateY(0px) translateZ(0px); -moz-transform: translateX(0px) translateY(0px) translateZ(0px); -ms-transform: translateX(0px) translateY(0px) translateZ(0px); -o-transform: translateX(0px) translateY(0px) translateZ(0px); transform: translateX(0px) translateY(0px) translateZ(0px); } .anime-right { opacity: 0; -webkit-transform: translateX(7px) translateY(7px) translateZ(0px); -moz-transform: translateX(7px) translateY(7px) translateZ(0px); -ms-transform: translateX(7px) translateY(7px) translateZ(0px); -o-transform: translateX(7px) translateY(7px) translateZ(0px); transform: translateX(7px) translateY(7px) translateZ(0px); -webkit-transition: opacity 700ms, -webkit-transform 900ms; -moz-transition: opacity 700ms, transform 900ms; -ms-transition: opacity 700ms, transform 900ms; -o-transition: opacity 700ms, transform 900ms; transition: opacity 700ms, transform 900ms; } .anime-right-show { opacity: 1; -webkit-transform: translateX(0px) translateY(0px) translateZ(0px); -moz-transform: translateX(0px) translateY(0px) translateZ(0px); -ms-transform: translateX(0px) translateY(0px) translateZ(0px); -o-transform: translateX(0px) translateY(0px) translateZ(0px); transform: translateX(0px) translateY(0px) translateZ(0px); } .anime-left { opacity: 0; -webkit-transform: translateX(-7px) translateY(7px) translateZ(0px); -moz-transform: translateX(-7px) translateY(7px) translateZ(0px); -ms-transform: translateX(-7px) translateY(7px) translateZ(0px); -o-transform: translateX(-7px) translateY(7px) translateZ(0px); transform: translateX(-7px) translateY(7px) translateZ(0px); -webkit-transition: opacity 700ms, -webkit-transform 900ms; -moz-transition: opacity 700ms, transform 900ms; -ms-transition: opacity 700ms, transform 900ms; -o-transition: opacity 700ms, transform 900ms; transition: opacity 700ms, transform 900ms; } .anime-left-show { opacity: 1; -webkit-transform: translateX(0px) translateY(0px) translateZ(0px); -moz-transform: translateX(0px) translateY(0px) translateZ(0px); -ms-transform: translateX(0px) translateY(0px) translateZ(0px); -o-transform: translateX(0px) translateY(0px) translateZ(0px); transform: translateX(0px) translateY(0px) translateZ(0px); } .anime-3d-down { transform-style: preserve-3d; transform: perspective(400px) rotateX(15deg); transition: transform 1500ms ease-out 0ms; } .anime-3d-down-show { transform: rotateX(0deg); } .anime-3d-left { transform-style: preserve-3d; transform: perspective(400px) rotateX(-3deg) rotateY(-10deg); transition: transform 2300ms ease-out 0ms; } .anime-3d-left-show { transform: rotateX(0deg); } .s0 { -webkit-transition-delay: 0.3s; -o-transition-delay: 0.3s; -moz-transition-delay: 0.3s; transition-delay: 0.3s; animation-delay: 0.3s; } .s01 { -webkit-transition-delay: 0.1s; -o-transition-delay: 0.1s; -moz-transition-delay: 0.1s; transition-delay: 0.1s; animation-delay: 0.1s; } .s02 { -webkit-transition-delay: 0.2s; -o-transition-delay: 0.2s; -moz-transition-delay: 0.2s; transition-delay: 0.2s; animation-delay: 0.2s; } .s03 { -webkit-transition-delay: 0.3s; -o-transition-delay: 0.3s; -moz-transition-delay: 0.3s; transition-delay: 0.3s; animation-delay: 0.3s; } .s04 { -webkit-transition-delay: 0.4s; -o-transition-delay: 0.4s; -moz-transition-delay: 0.4s; transition-delay: 0.4s; animation-delay: 0.4s; } .s05 { -webkit-transition-delay: 0.5s; -o-transition-delay: 0.5s; -moz-transition-delay: 0.5s; transition-delay: 0.5s; animation-delay: 0.5s; } .s06 { -webkit-transition-delay: 0.6s; -o-transition-delay: 0.6s; -moz-transition-delay: 0.6s; transition-delay: 0.6s; animation-delay: 0.6s; } .s07 { -webkit-transition-delay: 0.7s; -o-transition-delay: 0.7s; -moz-transition-delay: 0.7s; transition-delay: 0.7s; animation-delay: 0.7s; } .s08 { -webkit-transition-delay: 0.8s; -o-transition-delay: 0.8s; -moz-transition-delay: 0.8s; transition-delay: 0.8s; animation-delay: 0.8s; } .s09 { -webkit-transition-delay: 0.9s; -o-transition-delay: 0.9s; -moz-transition-delay: 0.9s; transition-delay: 0.9s; animation-delay: 0.9s; } .s1 { -webkit-transition-delay: 1s; -o-transition-delay: 1s; -moz-transition-delay: 1s; transition-delay: 1s; animation-delay: 1s; } .s11 { -webkit-transition-delay: 1.1s; -o-transition-delay: 1.1s; -moz-transition-delay: 1.1s; transition-delay: 1.1s; animation-delay: 1.1s; } .s12 { -webkit-transition-delay: 1.2s; -o-transition-delay: 1.2s; -moz-transition-delay: 1.2s; transition-delay: 1.2s; animation-delay: 1.2s; } .s13 { -webkit-transition-delay: 1.3s; -o-transition-delay: 1.3s; -moz-transition-delay: 1.3s; transition-delay: 1.3s; animation-delay: 1.3s; } .s14 { -webkit-transition-delay: 1.4s; -o-transition-delay: 1.4s; -moz-transition-delay: 1.4s; transition-delay: 1.4s; animation-delay: 1.4s; } .s15 { -webkit-transition-delay: 1.5s; -o-transition-delay: 1.5s; -moz-transition-delay: 1.5s; transition-delay: 1.5s; animation-delay: 1.5s; } .s2 { -webkit-transition-delay: 2s; -o-transition-delay: 2s; -moz-transition-delay: 2s; transition-delay: 2s; animation-delay: 2s; } .s3 { -webkit-transition-delay: 3s; -o-transition-delay: 3s; -moz-transition-delay: 3s; transition-delay: 3s; animation-delay: 3s; } .s4 { -webkit-transition-delay: 4s; -o-transition-delay: 4s; -moz-transition-delay: 4s; transition-delay: 4s; animation-delay: 4s; } .s5 { -webkit-transition-delay: 5s; -o-transition-delay: 5s; -moz-transition-delay: 5s; transition-delay: 5s; animation-delay: 5s; } .s0h{ -webkit-transition-delay: 0.6s; -o-transition-delay: 0.6s; -moz-transition-delay: 0.6s; transition-delay: 0.6s; animation-delay: 0.6s; } .s1h{ -webkit-transition-delay: 1.3s; -o-transition-delay: 1.3s; -moz-transition-delay: 1.3s; transition-delay: 1.3s; animation-delay: 1.3s; } .s1hh{ -webkit-transition-delay: 1.6s; -o-transition-delay: 1.6s; -moz-transition-delay: 1.6s; transition-delay: 1.6s; animation-delay: 1.6s; } .s2h{ -webkit-transition-delay: 2.3s; -o-transition-delay: 2.3s; -moz-transition-delay: 2.3s; transition-delay: 2.3s; animation-delay: 2.3s; } .s2hh { -webkit-transition-delay: 2.6s; -o-transition-delay: 2.6s; -moz-transition-delay: 2.6s; transition-delay: 2.6s; animation-delay: 2.6s; } .s3h{ -webkit-transition-delay: 3.3s; -o-transition-delay: 3.3s; -moz-transition-delay: 3.3s; transition-delay: 3.3s; animation-delay: 3.3s; } .d2 { -webkit-animation-duration:2s;animation-duration:2s; } .d1 { -webkit-animation-duration:1s;animation-duration:1s; } .anime-mod { opacity: 0; -webkit-transform: translateX(0px) translateY(70px) translateZ(0px); -moz-transform: translateX(0px) translateY(70px) translateZ(0px); -ms-transform: translateX(0px) translateY(70px) translateZ(0px); -o-transform: translateX(0px) translateY(70px) translateZ(0px); transform: translateX(0px) translateY(70px) translateZ(0px); -webkit-transition: opacity 400ms, -webkit-transform 400ms; -moz-transition: opacity 400ms, transform 400ms; -ms-transition: opacity 400ms, transform 400ms; -o-transition: opacity 400ms, transform 400ms; transition: opacity 400ms, transform 400ms; } .anime-mod-show { opacity: 1; -webkit-transform: translateX(0px) translateY(0px) translateZ(0px); -moz-transform: translateX(0px) translateY(0px) translateZ(0px); -ms-transform: translateX(0px) translateY(0px) translateZ(0px); -o-transform: translateX(0px) translateY(0px) translateZ(0px); transform: translateX(0px) translateY(0px) translateZ(0px); } .anime-box { /*-webkit-transform: translateX(5px) translateY(5px) translateZ(0px); -moz-transform: translateX(5px) translateY(5px) translateZ(0px); -ms-transform: translateX(5px) translateY(5px) translateZ(0px); -o-transform: translateX(5px) translateY(5px) translateZ(0px); transform: translateX(5px) translateY(5px) translateZ(0px); -webkit-transition: opacity 100ms, -webkit-transform 500ms; -moz-transition: opacity 100ms, transform 500ms; -ms-transition: opacity 100ms, transform 500ms; -o-transition: opacity 100ms, transform 500ms; transition: opacity 100ms, transform 500ms;*/ /*z-index: 10;*/ } .anime-box-show { /* -webkit-transform: translateX(0px) translateY(0px) translateZ(0px); -moz-transform: translateX(0px) translateY(0px) translateZ(0px); -ms-transform: translateX(0px) translateY(0px) translateZ(0px); -o-transform: translateX(0px) translateY(0px) translateZ(0px); transform: translateX(0px) translateY(0px) translateZ(0px); */ /*z-index: 20;*/ } .anime-btm { opacity: 0; -webkit-transform: translateX(0px) translateY(300px) translateZ(0px); -moz-transform: translateX(0px) translateY(300px) translateZ(0px); -ms-transform: translateX(0px) translateY(300px) translateZ(0px); -o-transform: translateX(0px) translateY(300px) translateZ(0px); transform: translateX(0px) translateY(300px) translateZ(0px); -webkit-transition: opacity 700ms, -webkit-transform 700ms; -moz-transition: opacity 700ms, transform 700ms; -ms-transition: opacity 700ms, transform 700ms; -o-transition: opacity 700ms, transform 700ms; transition: opacity 700ms, transform 700ms; } .anime-btm-show { opacity: 1; -webkit-transform: translateX(0px) translateY(0px) translateZ(0px); -moz-transform: translateX(0px) translateY(0px) translateZ(0px); -ms-transform: translateX(0px) translateY(0px) translateZ(0px); -o-transform: translateX(0px) translateY(0px) translateZ(0px); transform: translateX(0px) translateY(0px) translateZ(0px); } /* End */ /* Start:/local/templates/b2b/css/intl-tel-input.css?179275134219159*/ .iti{position:relative;display:inline-block}.iti *{box-sizing:border-box;-moz-box-sizing:border-box}.iti__hide{display:none}.iti__v-hide{visibility:hidden}.iti input,.iti input[type=tel],.iti input[type=text]{position:relative;z-index:0;margin-top:0!important;margin-bottom:0!important;padding-right:36px;margin-right:0}.iti__flag-container{position:absolute;top:0;bottom:0;right:0;padding:1px}.iti__selected-flag{z-index:1;position:relative;display:flex;align-items:center;height:100%;padding:0 6px 4px 8px}.iti__arrow{margin-left:6px;width:0;height:0;border-left:3px solid transparent;border-right:3px solid transparent;border-top:4px solid #555}.iti__arrow--up{border-top:none;border-bottom:4px solid #555}.iti__country-list{position:absolute;z-index:2;list-style:none;text-align:left;padding:0;margin:0 0 0 -1px;box-shadow:1px 1px 4px rgba(0,0,0,.2);background-color:#fff;border:1px solid #ccc;white-space:nowrap;max-height:200px;overflow-y:scroll;-webkit-overflow-scrolling:touch}.iti__country-list--dropup{bottom:100%;margin-bottom:-1px}@media (max-width:500px){.iti__country-list{white-space:normal}}.iti__flag-box{display:inline-block;width:20px}.iti__divider{padding-bottom:5px;margin-bottom:5px;border-bottom:1px solid #ccc}.iti__country{padding:5px 10px;outline:0}.iti__dial-code{color:#999}.iti__country.iti__highlight{background-color:rgba(0,0,0,.05)}.iti__country-name,.iti__dial-code,.iti__flag-box{vertical-align:middle}.iti__country-name,.iti__flag-box{margin-right:8px}.iti--allow-dropdown input,.iti--allow-dropdown input[type=tel],.iti--allow-dropdown input[type=text],.iti--separate-dial-code input,.iti--separate-dial-code input[type=tel],.iti--separate-dial-code input[type=text]{padding-right:6px;padding-left:52px;margin-left:0}.iti--allow-dropdown .iti__flag-container,.iti--separate-dial-code .iti__flag-container{right:auto;left:0}.iti--allow-dropdown .iti__flag-container:hover{cursor:pointer}.iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag{background-color:rgba(0,0,0,.05)}.iti--allow-dropdown input[disabled]+.iti__flag-container:hover,.iti--allow-dropdown input[readonly]+.iti__flag-container:hover{cursor:default}.iti--allow-dropdown input[disabled]+.iti__flag-container:hover .iti__selected-flag,.iti--allow-dropdown input[readonly]+.iti__flag-container:hover .iti__selected-flag{background-color:transparent}.iti--separate-dial-code .iti__selected-flag{background-color:rgba(0,0,0,.05)}.iti--separate-dial-code .iti__selected-dial-code{margin-left:6px}.iti--container{position:absolute;top:-1000px;left:-1000px;z-index:1060;padding:1px}.iti--container:hover{cursor:pointer}.iti-mobile .iti--container{top:30px;bottom:30px;left:30px;right:30px;position:fixed}.iti-mobile .iti__country-list{max-height:100%;width:100%}.iti-mobile .iti__country{padding:10px 10px;line-height:1.5em}.iti__flag{width:20px}.iti__flag.iti__be{width:18px}.iti__flag.iti__ch{width:15px}.iti__flag.iti__mc{width:19px}.iti__flag.iti__ne{width:18px}.iti__flag.iti__np{width:13px}.iti__flag.iti__va{width:15px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.iti__flag{background-size:5652px 15px}}.iti__flag.iti__ac{height:10px;background-position:0 0}.iti__flag.iti__ad{height:14px;background-position:-22px 0}.iti__flag.iti__ae{height:10px;background-position:-44px 0}.iti__flag.iti__af{height:14px;background-position:-66px 0}.iti__flag.iti__ag{height:14px;background-position:-88px 0}.iti__flag.iti__ai{height:10px;background-position:-110px 0}.iti__flag.iti__al{height:15px;background-position:-132px 0}.iti__flag.iti__am{height:10px;background-position:-154px 0}.iti__flag.iti__ao{height:14px;background-position:-176px 0}.iti__flag.iti__aq{height:14px;background-position:-198px 0}.iti__flag.iti__ar{height:13px;background-position:-220px 0}.iti__flag.iti__as{height:10px;background-position:-242px 0}.iti__flag.iti__at{height:14px;background-position:-264px 0}.iti__flag.iti__au{height:10px;background-position:-286px 0}.iti__flag.iti__aw{height:14px;background-position:-308px 0}.iti__flag.iti__ax{height:13px;background-position:-330px 0}.iti__flag.iti__az{height:10px;background-position:-352px 0}.iti__flag.iti__ba{height:10px;background-position:-374px 0}.iti__flag.iti__bb{height:14px;background-position:-396px 0}.iti__flag.iti__bd{height:12px;background-position:-418px 0}.iti__flag.iti__be{height:15px;background-position:-440px 0}.iti__flag.iti__bf{height:14px;background-position:-460px 0}.iti__flag.iti__bg{height:12px;background-position:-482px 0}.iti__flag.iti__bh{height:12px;background-position:-504px 0}.iti__flag.iti__bi{height:12px;background-position:-526px 0}.iti__flag.iti__bj{height:14px;background-position:-548px 0}.iti__flag.iti__bl{height:14px;background-position:-570px 0}.iti__flag.iti__bm{height:10px;background-position:-592px 0}.iti__flag.iti__bn{height:10px;background-position:-614px 0}.iti__flag.iti__bo{height:14px;background-position:-636px 0}.iti__flag.iti__bq{height:14px;background-position:-658px 0}.iti__flag.iti__br{height:14px;background-position:-680px 0}.iti__flag.iti__bs{height:10px;background-position:-702px 0}.iti__flag.iti__bt{height:14px;background-position:-724px 0}.iti__flag.iti__bv{height:15px;background-position:-746px 0}.iti__flag.iti__bw{height:14px;background-position:-768px 0}.iti__flag.iti__by{height:10px;background-position:-790px 0}.iti__flag.iti__bz{height:14px;background-position:-812px 0}.iti__flag.iti__ca{height:10px;background-position:-834px 0}.iti__flag.iti__cc{height:10px;background-position:-856px 0}.iti__flag.iti__cd{height:15px;background-position:-878px 0}.iti__flag.iti__cf{height:14px;background-position:-900px 0}.iti__flag.iti__cg{height:14px;background-position:-922px 0}.iti__flag.iti__ch{height:15px;background-position:-944px 0}.iti__flag.iti__ci{height:14px;background-position:-961px 0}.iti__flag.iti__ck{height:10px;background-position:-983px 0}.iti__flag.iti__cl{height:14px;background-position:-1005px 0}.iti__flag.iti__cm{height:14px;background-position:-1027px 0}.iti__flag.iti__cn{height:14px;background-position:-1049px 0}.iti__flag.iti__co{height:14px;background-position:-1071px 0}.iti__flag.iti__cp{height:14px;background-position:-1093px 0}.iti__flag.iti__cr{height:12px;background-position:-1115px 0}.iti__flag.iti__cu{height:10px;background-position:-1137px 0}.iti__flag.iti__cv{height:12px;background-position:-1159px 0}.iti__flag.iti__cw{height:14px;background-position:-1181px 0}.iti__flag.iti__cx{height:10px;background-position:-1203px 0}.iti__flag.iti__cy{height:14px;background-position:-1225px 0}.iti__flag.iti__cz{height:14px;background-position:-1247px 0}.iti__flag.iti__de{height:12px;background-position:-1269px 0}.iti__flag.iti__dg{height:10px;background-position:-1291px 0}.iti__flag.iti__dj{height:14px;background-position:-1313px 0}.iti__flag.iti__dk{height:15px;background-position:-1335px 0}.iti__flag.iti__dm{height:10px;background-position:-1357px 0}.iti__flag.iti__do{height:14px;background-position:-1379px 0}.iti__flag.iti__dz{height:14px;background-position:-1401px 0}.iti__flag.iti__ea{height:14px;background-position:-1423px 0}.iti__flag.iti__ec{height:14px;background-position:-1445px 0}.iti__flag.iti__ee{height:13px;background-position:-1467px 0}.iti__flag.iti__eg{height:14px;background-position:-1489px 0}.iti__flag.iti__eh{height:10px;background-position:-1511px 0}.iti__flag.iti__er{height:10px;background-position:-1533px 0}.iti__flag.iti__es{height:14px;background-position:-1555px 0}.iti__flag.iti__et{height:10px;background-position:-1577px 0}.iti__flag.iti__eu{height:14px;background-position:-1599px 0}.iti__flag.iti__fi{height:12px;background-position:-1621px 0}.iti__flag.iti__fj{height:10px;background-position:-1643px 0}.iti__flag.iti__fk{height:10px;background-position:-1665px 0}.iti__flag.iti__fm{height:11px;background-position:-1687px 0}.iti__flag.iti__fo{height:15px;background-position:-1709px 0}.iti__flag.iti__fr{height:14px;background-position:-1731px 0}.iti__flag.iti__ga{height:15px;background-position:-1753px 0}.iti__flag.iti__gb{height:10px;background-position:-1775px 0}.iti__flag.iti__gd{height:12px;background-position:-1797px 0}.iti__flag.iti__ge{height:14px;background-position:-1819px 0}.iti__flag.iti__gf{height:14px;background-position:-1841px 0}.iti__flag.iti__gg{height:14px;background-position:-1863px 0}.iti__flag.iti__gh{height:14px;background-position:-1885px 0}.iti__flag.iti__gi{height:10px;background-position:-1907px 0}.iti__flag.iti__gl{height:14px;background-position:-1929px 0}.iti__flag.iti__gm{height:14px;background-position:-1951px 0}.iti__flag.iti__gn{height:14px;background-position:-1973px 0}.iti__flag.iti__gp{height:14px;background-position:-1995px 0}.iti__flag.iti__gq{height:14px;background-position:-2017px 0}.iti__flag.iti__gr{height:14px;background-position:-2039px 0}.iti__flag.iti__gs{height:10px;background-position:-2061px 0}.iti__flag.iti__gt{height:13px;background-position:-2083px 0}.iti__flag.iti__gu{height:11px;background-position:-2105px 0}.iti__flag.iti__gw{height:10px;background-position:-2127px 0}.iti__flag.iti__gy{height:12px;background-position:-2149px 0}.iti__flag.iti__hk{height:14px;background-position:-2171px 0}.iti__flag.iti__hm{height:10px;background-position:-2193px 0}.iti__flag.iti__hn{height:10px;background-position:-2215px 0}.iti__flag.iti__hr{height:10px;background-position:-2237px 0}.iti__flag.iti__ht{height:12px;background-position:-2259px 0}.iti__flag.iti__hu{height:10px;background-position:-2281px 0}.iti__flag.iti__ic{height:14px;background-position:-2303px 0}.iti__flag.iti__id{height:14px;background-position:-2325px 0}.iti__flag.iti__ie{height:10px;background-position:-2347px 0}.iti__flag.iti__il{height:15px;background-position:-2369px 0}.iti__flag.iti__im{height:10px;background-position:-2391px 0}.iti__flag.iti__in{height:14px;background-position:-2413px 0}.iti__flag.iti__io{height:10px;background-position:-2435px 0}.iti__flag.iti__iq{height:14px;background-position:-2457px 0}.iti__flag.iti__ir{height:12px;background-position:-2479px 0}.iti__flag.iti__is{height:15px;background-position:-2501px 0}.iti__flag.iti__it{height:14px;background-position:-2523px 0}.iti__flag.iti__je{height:12px;background-position:-2545px 0}.iti__flag.iti__jm{height:10px;background-position:-2567px 0}.iti__flag.iti__jo{height:10px;background-position:-2589px 0}.iti__flag.iti__jp{height:14px;background-position:-2611px 0}.iti__flag.iti__ke{height:14px;background-position:-2633px 0}.iti__flag.iti__kg{height:12px;background-position:-2655px 0}.iti__flag.iti__kh{height:13px;background-position:-2677px 0}.iti__flag.iti__ki{height:10px;background-position:-2699px 0}.iti__flag.iti__km{height:12px;background-position:-2721px 0}.iti__flag.iti__kn{height:14px;background-position:-2743px 0}.iti__flag.iti__kp{height:10px;background-position:-2765px 0}.iti__flag.iti__kr{height:14px;background-position:-2787px 0}.iti__flag.iti__kw{height:10px;background-position:-2809px 0}.iti__flag.iti__ky{height:10px;background-position:-2831px 0}.iti__flag.iti__kz{height:10px;background-position:-2853px 0}.iti__flag.iti__la{height:14px;background-position:-2875px 0}.iti__flag.iti__lb{height:14px;background-position:-2897px 0}.iti__flag.iti__lc{height:10px;background-position:-2919px 0}.iti__flag.iti__li{height:12px;background-position:-2941px 0}.iti__flag.iti__lk{height:10px;background-position:-2963px 0}.iti__flag.iti__lr{height:11px;background-position:-2985px 0}.iti__flag.iti__ls{height:14px;background-position:-3007px 0}.iti__flag.iti__lt{height:12px;background-position:-3029px 0}.iti__flag.iti__lu{height:12px;background-position:-3051px 0}.iti__flag.iti__lv{height:10px;background-position:-3073px 0}.iti__flag.iti__ly{height:10px;background-position:-3095px 0}.iti__flag.iti__ma{height:14px;background-position:-3117px 0}.iti__flag.iti__mc{height:15px;background-position:-3139px 0}.iti__flag.iti__md{height:10px;background-position:-3160px 0}.iti__flag.iti__me{height:10px;background-position:-3182px 0}.iti__flag.iti__mf{height:14px;background-position:-3204px 0}.iti__flag.iti__mg{height:14px;background-position:-3226px 0}.iti__flag.iti__mh{height:11px;background-position:-3248px 0}.iti__flag.iti__mk{height:10px;background-position:-3270px 0}.iti__flag.iti__ml{height:14px;background-position:-3292px 0}.iti__flag.iti__mm{height:14px;background-position:-3314px 0}.iti__flag.iti__mn{height:10px;background-position:-3336px 0}.iti__flag.iti__mo{height:14px;background-position:-3358px 0}.iti__flag.iti__mp{height:10px;background-position:-3380px 0}.iti__flag.iti__mq{height:14px;background-position:-3402px 0}.iti__flag.iti__mr{height:14px;background-position:-3424px 0}.iti__flag.iti__ms{height:10px;background-position:-3446px 0}.iti__flag.iti__mt{height:14px;background-position:-3468px 0}.iti__flag.iti__mu{height:14px;background-position:-3490px 0}.iti__flag.iti__mv{height:14px;background-position:-3512px 0}.iti__flag.iti__mw{height:14px;background-position:-3534px 0}.iti__flag.iti__mx{height:12px;background-position:-3556px 0}.iti__flag.iti__my{height:10px;background-position:-3578px 0}.iti__flag.iti__mz{height:14px;background-position:-3600px 0}.iti__flag.iti__na{height:14px;background-position:-3622px 0}.iti__flag.iti__nc{height:10px;background-position:-3644px 0}.iti__flag.iti__ne{height:15px;background-position:-3666px 0}.iti__flag.iti__nf{height:10px;background-position:-3686px 0}.iti__flag.iti__ng{height:10px;background-position:-3708px 0}.iti__flag.iti__ni{height:12px;background-position:-3730px 0}.iti__flag.iti__nl{height:14px;background-position:-3752px 0}.iti__flag.iti__no{height:15px;background-position:-3774px 0}.iti__flag.iti__np{height:15px;background-position:-3796px 0}.iti__flag.iti__nr{height:10px;background-position:-3811px 0}.iti__flag.iti__nu{height:10px;background-position:-3833px 0}.iti__flag.iti__nz{height:10px;background-position:-3855px 0}.iti__flag.iti__om{height:10px;background-position:-3877px 0}.iti__flag.iti__pa{height:14px;background-position:-3899px 0}.iti__flag.iti__pe{height:14px;background-position:-3921px 0}.iti__flag.iti__pf{height:14px;background-position:-3943px 0}.iti__flag.iti__pg{height:15px;background-position:-3965px 0}.iti__flag.iti__ph{height:10px;background-position:-3987px 0}.iti__flag.iti__pk{height:14px;background-position:-4009px 0}.iti__flag.iti__pl{height:13px;background-position:-4031px 0}.iti__flag.iti__pm{height:14px;background-position:-4053px 0}.iti__flag.iti__pn{height:10px;background-position:-4075px 0}.iti__flag.iti__pr{height:14px;background-position:-4097px 0}.iti__flag.iti__ps{height:10px;background-position:-4119px 0}.iti__flag.iti__pt{height:14px;background-position:-4141px 0}.iti__flag.iti__pw{height:13px;background-position:-4163px 0}.iti__flag.iti__py{height:11px;background-position:-4185px 0}.iti__flag.iti__qa{height:8px;background-position:-4207px 0}.iti__flag.iti__re{height:14px;background-position:-4229px 0}.iti__flag.iti__ro{height:14px;background-position:-4251px 0}.iti__flag.iti__rs{height:14px;background-position:-4273px 0}.iti__flag.iti__ru{height:14px;background-position:-4295px 0}.iti__flag.iti__rw{height:14px;background-position:-4317px 0}.iti__flag.iti__sa{height:14px;background-position:-4339px 0}.iti__flag.iti__sb{height:10px;background-position:-4361px 0}.iti__flag.iti__sc{height:10px;background-position:-4383px 0}.iti__flag.iti__sd{height:10px;background-position:-4405px 0}.iti__flag.iti__se{height:13px;background-position:-4427px 0}.iti__flag.iti__sg{height:14px;background-position:-4449px 0}.iti__flag.iti__sh{height:10px;background-position:-4471px 0}.iti__flag.iti__si{height:10px;background-position:-4493px 0}.iti__flag.iti__sj{height:15px;background-position:-4515px 0}.iti__flag.iti__sk{height:14px;background-position:-4537px 0}.iti__flag.iti__sl{height:14px;background-position:-4559px 0}.iti__flag.iti__sm{height:15px;background-position:-4581px 0}.iti__flag.iti__sn{height:14px;background-position:-4603px 0}.iti__flag.iti__so{height:14px;background-position:-4625px 0}.iti__flag.iti__sr{height:14px;background-position:-4647px 0}.iti__flag.iti__ss{height:10px;background-position:-4669px 0}.iti__flag.iti__st{height:10px;background-position:-4691px 0}.iti__flag.iti__sv{height:12px;background-position:-4713px 0}.iti__flag.iti__sx{height:14px;background-position:-4735px 0}.iti__flag.iti__sy{height:14px;background-position:-4757px 0}.iti__flag.iti__sz{height:14px;background-position:-4779px 0}.iti__flag.iti__ta{height:10px;background-position:-4801px 0}.iti__flag.iti__tc{height:10px;background-position:-4823px 0}.iti__flag.iti__td{height:14px;background-position:-4845px 0}.iti__flag.iti__tf{height:14px;background-position:-4867px 0}.iti__flag.iti__tg{height:13px;background-position:-4889px 0}.iti__flag.iti__th{height:14px;background-position:-4911px 0}.iti__flag.iti__tj{height:10px;background-position:-4933px 0}.iti__flag.iti__tk{height:10px;background-position:-4955px 0}.iti__flag.iti__tl{height:10px;background-position:-4977px 0}.iti__flag.iti__tm{height:14px;background-position:-4999px 0}.iti__flag.iti__tn{height:14px;background-position:-5021px 0}.iti__flag.iti__to{height:10px;background-position:-5043px 0}.iti__flag.iti__tr{height:14px;background-position:-5065px 0}.iti__flag.iti__tt{height:12px;background-position:-5087px 0}.iti__flag.iti__tv{height:10px;background-position:-5109px 0}.iti__flag.iti__tw{height:14px;background-position:-5131px 0}.iti__flag.iti__tz{height:14px;background-position:-5153px 0}.iti__flag.iti__ua{height:14px;background-position:-5175px 0}.iti__flag.iti__ug{height:14px;background-position:-5197px 0}.iti__flag.iti__um{height:11px;background-position:-5219px 0}.iti__flag.iti__un{height:14px;background-position:-5241px 0}.iti__flag.iti__us{height:11px;background-position:-5263px 0}.iti__flag.iti__uy{height:14px;background-position:-5285px 0}.iti__flag.iti__uz{height:10px;background-position:-5307px 0}.iti__flag.iti__va{height:15px;background-position:-5329px 0}.iti__flag.iti__vc{height:14px;background-position:-5346px 0}.iti__flag.iti__ve{height:14px;background-position:-5368px 0}.iti__flag.iti__vg{height:10px;background-position:-5390px 0}.iti__flag.iti__vi{height:14px;background-position:-5412px 0}.iti__flag.iti__vn{height:14px;background-position:-5434px 0}.iti__flag.iti__vu{height:12px;background-position:-5456px 0}.iti__flag.iti__wf{height:14px;background-position:-5478px 0}.iti__flag.iti__ws{height:10px;background-position:-5500px 0}.iti__flag.iti__xk{height:15px;background-position:-5522px 0}.iti__flag.iti__ye{height:14px;background-position:-5544px 0}.iti__flag.iti__yt{height:14px;background-position:-5566px 0}.iti__flag.iti__za{height:14px;background-position:-5588px 0}.iti__flag.iti__zm{height:14px;background-position:-5610px 0}.iti__flag.iti__zw{height:10px;background-position:-5632px 0}.iti__flag{height:15px;box-shadow:0 0 1px 0 #888;background-image:url(/local/templates/b2b/css/../img/flags.png);background-repeat:no-repeat;background-color:#dbdbdb;background-position:20px 0}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.iti__flag{background-image:url(/local/templates/b2b/css/../img/flags@2x.png)}}.iti__flag.iti__np{background-color:transparent} /* End */ /* Start:/local/templates/b2b/css/style.css?1792751342105588*/ /* 100 Thin (Hairline) */ /* 200 Extra Light (Ultra Light) */ /* 300 Light */ /* 400 Normal */ /* 500 Medium */ /* 600 Semi Bold (Demi Bold) */ /* 700 Bold */ /* 800 Extra Bold (Ultra Bold) */ /* 900 Black (Heavy) */ @font-face { font-family: 'HelveticaNeue'; src: url('/local/templates/b2b/css/font/Helvetica/HelveticaNeueCyr-Heavy.eot'); src: local('☺'), url('/local/templates/b2b/css/font/Helvetica/HelveticaNeueCyr-Heavy.woff') format('woff'), url('/local/templates/b2b/css/font/Helvetica/HelveticaNeueCyr-Heavy.ttf') format('truetype'); font-weight: 900; font-style: normal; font-display: swap; } @font-face { font-family: 'HelveticaNeue'; src: url('/local/templates/b2b/css/font/Helvetica/HelveticaNeueCyr-HeavyItalic.eot'); src: local('☺'), url('/local/templates/b2b/css/font/Helvetica/HelveticaNeueCyr-HeavyItalic.woff') format('woff'), url('/local/templates/b2b/css/font/Helvetica/HelveticaNeueCyr-HeavyItalic.ttf') format('truetype'); font-weight: 900; font-style: italic; font-display: swap; } @font-face { font-family: 'HelveticaNeue'; src: url('/local/templates/b2b/css/font/Helvetica/HelveticaNeueCyr-Bold.eot'); src: local('☺'), url('/local/templates/b2b/css/font/Helvetica/HelveticaNeueCyr-Bold.woff') format('woff'), url('/local/templates/b2b/css/font/Helvetica/HelveticaNeueCyr-Bold.ttf') format('truetype'); font-weight: bold; font-style: normal; font-display: swap; } @font-face { font-family: 'HelveticaNeue'; src: url('/local/templates/b2b/css/font/Helvetica/HelveticaNeueCyr-BoldItalic.eot'); src: local('☺'), url('/local/templates/b2b/css/font/Helvetica/HelveticaNeueCyr-BoldItalic.woff') format('woff'), url('/local/templates/b2b/css/font/Helvetica/HelveticaNeueCyr-BoldItalic.ttf') format('truetype'); font-weight: bold; font-style: italic; font-display: swap; } @font-face { font-family: 'HelveticaNeue'; src: url('/local/templates/b2b/css/font/Helvetica/HelveticaNeueCyr-Medium.eot'); src: local('☺'), url('/local/templates/b2b/css/font/Helvetica/HelveticaNeueCyr-Medium.woff') format('woff'), url('/local/templates/b2b/css/font/Helvetica/HelveticaNeueCyr-Medium.ttf') format('truetype'); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: 'HelveticaNeue'; src: url('/local/templates/b2b/css/font/Helvetica/HelveticaNeueCyr-MediumItalic.eot'); src: local('H'), url('/local/templates/b2b/css/font/Helvetica/HelveticaNeueCyr-MediumItalic.woff') format('woff'), url('/local/templates/b2b/css/font/Helvetica/HelveticaNeueCyr-MediumItalic.ttf') format('truetype'); font-weight: 500; font-style: italic; font-display: swap; } @font-face { font-family: 'HelveticaNeue'; src: url('/local/templates/b2b/css/font/Helvetica/HelveticaNeueCyr-Roman.eot'); src: local('☺'), url('/local/templates/b2b/css/font/Helvetica/HelveticaNeueCyr-Roman.woff') format('woff'), url('/local/templates/b2b/css/font/Helvetica/HelveticaNeueCyr-Roman.ttf') format('truetype'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'HelveticaNeue'; src: url('/local/templates/b2b/css/font/Helvetica/HelveticaNeueCyr-Light.eot'); src: local('H'), url('/local/templates/b2b/css/font/Helvetica/HelveticaNeueCyr-Light.woff') format('woff'), url('/local/templates/b2b/css/font/Helvetica/HelveticaNeueCyr-Light.ttf') format('truetype'); font-weight: 300; font-style: normal; font-display: swap; } @font-face { font-family: 'HelveticaNeue'; src: url('/local/templates/b2b/css/font/Helvetica/HelveticaNeueCyr-LightItalic.eot'); src: local('☺'), url('/local/templates/b2b/css/font/Helvetica/HelveticaNeueCyr-LightItalic.woff') format('woff'), url('/local/templates/b2b/css/font/Helvetica/HelveticaNeueCyr-LightItalic.ttf') format('truetype'); font-weight: 300; font-style: italic; font-display: swap; } @font-face { font-family: 'HelveticaNeue'; src: url('/local/templates/b2b/css/font/Helvetica/HelveticaNeueCyr-UltraLight.eot'); src: local('☺'), url('/local/templates/b2b/css/font/Helvetica/HelveticaNeueCyr-UltraLight.woff') format('woff'), url('/local/templates/b2b/css/font/Helvetica/HelveticaNeueCyr-UltraLight.ttf') format('truetype'); font-weight: 200; font-style: normal; font-display: swap; } @font-face { font-family: 'HelveticaNeue'; src: url('/local/templates/b2b/css/font/Helvetica/HelveticaNeueCyr-UltraLightItalic.eot'); src: local('H'), url('/local/templates/b2b/css/font/Helvetica/HelveticaNeueCyr-UltraLightItalic.woff') format('woff'), url('/local/templates/b2b/css/font/Helvetica/HelveticaNeueCyr-UltraLightItalic.ttf') format('truetype'); font-weight: 200; font-style: italic; font-display: swap; } @font-face { font-family: 'HelveticaNeue'; src: url('/local/templates/b2b/css/font/Helvetica/HelveticaNeueCyr-Thin.eot'); src: local('☺'), url('/local/templates/b2b/css/font/Helvetica/HelveticaNeueCyr-Thin.woff') format('woff'), url('/local/templates/b2b/css/font/Helvetica/HelveticaNeueCyr-Thin.ttf') format('truetype'); font-weight: 100; font-style: normal; font-display: swap; } @font-face { font-family: 'HelveticaNeue'; src: url('/local/templates/b2b/css/font/Helvetica/HelveticaNeueCyr-ThinItalic.eot'); src: local('☺'), url('/local/templates/b2b/css/font/Helvetica/HelveticaNeueCyr-ThinItalic.woff') format('woff'), url('/local/templates/b2b/css/font/Helvetica/HelveticaNeueCyr-ThinItalic.ttf') format('truetype'); font-weight: 100; font-style: italic; font-display: swap; } *, *:before, *:after { margin: 0; padding: 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; outline: none; border: none; } html, body { height: 100%; min-height: 100%; margin: 0; } hr { border-top: 1px solid #D5D5D5; } body { font-family: 'HelveticaNeue', Helvetica, sans-serif; font-size: 14px; line-height: 1.4em; min-width: 980px; } a { color: #0041c0; text-decoration: none; } article, section, aside, hgroup, nav, header, footer, figure, figcaption { display: block; } input::-webkit-input-placeholder { font-family: 'HelveticaNeue', Helvetica, sans-serif; color: #8C8C8C; font-weight: 300; } input:-moz-placeholder { font-family: 'HelveticaNeue', Helvetica, Arial, sans-serif; color: #8C8C8C; font-weight: 300; } textarea::-webkit-input-placeholder { font-family: 'HelveticaNeue', Helvetica, Arial, sans-serif; color: #8C8C8C; font-weight: 300; } textarea:-moz-placeholder { font-family: 'HelveticaNeue', Helvetica, Arial, sans-serif; color: #8C8C8C; font-weight: 300; } input.input::-webkit-input-placeholder { font-family: 'HelveticaNeue', Helvetica, Arial, sans-serif; color: #a7a7a7; font-weight: normal; } input.input:-moz-placeholder { font-family: 'HelveticaNeue', Helvetica, Arial, sans-serif; color: #a7a7a7; font-weight: normal;} textarea.input::-webkit-input-placeholder { font-family: 'HelveticaNeue', Helvetica, Arial, sans-serif; color: #a7a7a7; font-weight: normal; } textarea.input:-moz-placeholder { font-family: 'HelveticaNeue', Helvetica, Arial, sans-serif; color: #a7a7a7; font-weight: normal; } input, textarea, select { border: 1px solid #232323; outline: none; font-family: 'HelveticaNeue', Helvetica, Arial, sans-serif; color: #000; } h1, h2, h3, h4, h5, h6 { color: #1c1c1a; font-weight: 500; line-height: normal; } h1 { font-size: 36px; } h2 { font-size: 24px; color: #000; margin-bottom: 15px; } h3 { font-size: 20px; color: #000; margin-bottom: 15px; } h4 { font-size: 18px; line-height: 1.4em; margin: 0px 0px 16px; } h5 { font-size: 17px; line-height: 1.4em; margin: 0px 0px 16px; } h6 { font-size: 20px; } ul { margin-left: 0px; list-style-image: none; list-style: none; } ul li, ol ul li { padding-left: 36px; margin-bottom: 14px; position: relative; } ol { margin-left: 30px; } ol li { padding-left: 5px; margin-bottom: 15px; } img { max-width: 100%; } strong, b { display: inline-block; font-weight: 900; } .clear { clear: both; height: 0; } .wrapper { width: 100%; overflow: hidden; position: relative; margin-top: 62px; } .center { width: 1400px; padding: 0px 18.5px; margin: 0 auto; } .center-small { width: 797px; margin: 0 auto; } /* --- Checkbox --- */ .checkbox-label { width: 22px; min-width: 22px; height: 22px; display: inline-block; position: relative; margin: 0px 13px 0px 0px; line-height: 1em; overflow: hidden; float: left; border-radius: 0px; } input[type="checkbox"] + span { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #fff; cursor: pointer; } input[type="checkbox"]:checked + span:after { content: ''; position: absolute; top: 7px; left: 7px; width: 8px; height: 8px; background: #0142C0; border-radius: 0px; border: none; } .label input[type="checkbox"] { width: 100% !important; height: 100% !important; } /* --- Placeholder --- */ .placeholder { position: absolute; top: 11px; left: 0px; font-size: 15px; padding: 0px 3px 0px 0px; -webkit-transition: all 0.15s ease-out; -moz-transition: all 0.15s ease-out; -o-transition: all 0.15s ease-out; transition: all 0.15s ease-out; pointer-events: none; background: #F3F3F3; font-family: 'HelveticaNeue', Helvetica, Arial, sans-serif; color: #797979; font-weight: normal; line-height: 1.2em; } .placeholder-act { top: -6px; left: 0px; font-size: 11.4px; color: #9A9A9A; background: none; padding: 0px; } .placebox { position: relative; margin-bottom: 22px; } .input { background: none; border: none; border-bottom: 2px solid #000; font-weight: normal; width: 100%; color: #000; font-family: inherit; font-family: 'HelveticaNeue', Helvetica, Arial, sans-serif; font-size: 17px; appearance: none; border-radius: 0; box-shadow: none; line-height: normal; letter-spacing: normal; outline: 0; padding: 12px 0px; } .input-red { border-bottom: 2px solid #f00 !important; } textarea.input { resize: none; height: 133px; } /* --- SCROLL --- */ ::-webkit-scrollbar { width: 9px; height: 9px; } ::-webkit-scrollbar-track { background: #ffffff; border-radius: 4px; } ::-webkit-scrollbar-thumb { background: #E4E4E4; background: #cccccc; border-radius: 4px; } ::-webkit-scrollbar-thumb:hover { background: #0041C1; } /* --- MOD --- */ #mod { position: absolute; top: 50%;left: 50%; z-index: 9995; background: #ffffff; border-radius: 3px; } #black-wrap { position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; overflow: auto; z-index: 9994; background: rgba(0,0,0,0.6); display: none; } #black { width: 100%; height: 100%; } #close { cursor: pointer; width: 22px; height: 22px; position: absolute; top: 18px; right: 18px; -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: all 0.15s ease-out; -moz-transition: all 0.15s ease-out; -o-transition: all 0.15s ease-out; transition: all 0.15s ease-out; } #close:hover { /*transform:rotate(225deg); -ms-transform: rotate(225deg); -moz-transform: rotate(225deg); -webkit-transform: rotate(225deg);*/ opacity: 0.5; } #close:after { width: 100%; background: #000; height: 2px; content: ''; position: absolute; right: 0px; top: 10px; } #close:before { width: 2px; background: #000; height: 100%; content: ''; position: absolute; right: 10px; top: 0px; } #modbox { padding: 49px 74px 48px 60px; color: #424242; text-align: center; line-height: 1.8em; font-size: 17px; border-radius: 10px; } /* --- MOD2 --- */ #mod2 { position: absolute; top: 50%;left: 50%; z-index: 9995; background: #F3F3F3; border-radius: 1px; } #black-wrap2 { position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; overflow: auto; z-index: 9994; background: rgba(0,0,0,0.6); display: none; } #black2 { width: 100%; height: 100%; } #close2 { cursor: pointer; width: 24px; height: 24px; position: absolute; top: 21px; right: 25px; -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } #close2:hover { opacity: 0.6; } #close2:after { width: 100%; background: #000000; height: 2px; content: ''; position: absolute; right: 0px; top: 11px; } #close2:before { width: 2px; background: #000000; height: 100%; content: ''; position: absolute; right: 11px; top: 0px; } #modbox2 { padding: 68px 89px 69px 88px; color: #223846; text-align: center; line-height: 1.4em; font-size: 14px; border-radius: 10px; } /* --- MOD3 --- */ #mod3 { position: absolute; top: 50%;left: 50%; z-index: 9995; background: #F3F3F3; border-radius: 1px; } #black-wrap3 { position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; overflow: auto; z-index: 9994; background: rgba(0,0,0,0.6); display: none; } #black3 { width: 100%; height: 100%; } #close3 { cursor: pointer; width: 24px; height: 24px; position: absolute; top: 21px; right: 25px; -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } #close3:hover { opacity: 0.6; } #close3:after { width: 100%; background: #000000; height: 2px; content: ''; position: absolute; right: 0px; top: 11px; } #close3:before { width: 2px; background: #000000; height: 100%; content: ''; position: absolute; right: 11px; top: 0px; } #modbox3 { padding: 68px 89px 69px 88px; color: #223846; text-align: center; line-height: 1.4em; font-size: 14px; border-radius: 10px; } /* --- // --- */ .loading { width: 60px; height: 60px; background: url(/local/templates/b2b/images/loading.gif) no-repeat center center; -o-background-size: contain !important; -webkit-background-size: contain !important; -khtml-background-size: contain !important; -moz-background-size: contain !important; background-size: contain !important; margin: 0px; } .loading-small { width: 30px; height: 30px; background: url(/local/templates/b2b/images/loading.gif) no-repeat center center; -o-background-size: contain !important; -webkit-background-size: contain !important; -khtml-background-size: contain !important; -moz-background-size: contain !important; background-size: contain !important; margin: 0px; } .win-text { width: 500px; font-size: 16px; line-height: 1.6em; text-align: left; } .win-text p { margin-bottom: 15px; } .hide { display: none; } /* --- ANIME MOD --- */ .anime-mod { opacity: 0; -webkit-transform: translateX(0px) translateY(30px) translateZ(0px); -moz-transform: translateX(0px) translateY(30px) translateZ(0px); -ms-transform: translateX(0px) translateY(30px) translateZ(0px); -o-transform: translateX(0px) translateY(30px) translateZ(0px); transform: translateX(0px) translateY(30px) translateZ(0px); -webkit-transition: opacity 400ms, -webkit-transform 400ms; -moz-transition: opacity 400ms, transform 400ms; -ms-transition: opacity 400ms, transform 400ms; -o-transition: opacity 400ms, transform 400ms; transition: opacity 400ms, transform 400ms; } .anime-mod-show { opacity: 1; -webkit-transform: translateX(0px) translateY(0px) translateZ(0px); -moz-transform: translateX(0px) translateY(0px) translateZ(0px); -ms-transform: translateX(0px) translateY(0px) translateZ(0px); -o-transform: translateX(0px) translateY(0px) translateZ(0px); transform: translateX(0px) translateY(0px) translateZ(0px); } /* --- MESSAGE --- */ .message { display: none; } .win-message { width: 300px; line-height: 1.6em; font-size: 18px; padding: 5px 0px 3px; } .cover { -o-background-size: cover !important; -webkit-background-size: cover !important; -khtml-background-size: cover !important; -moz-background-size: cover !important; background-size: cover !important; } .contain { -o-background-size: contain !important; -webkit-background-size: contain !important; -khtml-background-size: contain !important; -moz-background-size: contain !important; background-size: contain !important; } /***********************************************************************/ .logo { /* width: 99px; min-width: 99px; height: 28px; background: url(/local/templates/b2b/images/logo.svg) no-repeat center center; */ width: 100px; min-width: 100px; height: 32px; cursor: pointer; /*background: url(/local/templates/b2b/images/logo-connect.png?v=3) no-repeat center center;*/ background: url(/local/templates/b2b/images/logo-panasonic.png?v=3) no-repeat center center; background-size: contain; margin: -3px 3.2% 0px 0px; display: block; -webkit-transition: all 0.15s ease-out; -moz-transition: all 0.15s ease-out; -o-transition: all 0.15s ease-out; transition: all 0.15s ease-out; } .logo:hover { opacity: 0.9; } .head { background: #1F1F1F; position: fixed; top: 0px; left: 0px; width: 100%; height: 62px; z-index: 5000; -webkit-transition: all 0.15s ease-out; -moz-transition: all 0.15s ease-out; -o-transition: all 0.15s ease-out; transition: all 0.15s ease-out; } .head-fixed { box-shadow: 0px 1px 3px #333333; } .head-flex { display: flex; width: 100%; justify-content: space-between; height: 100%; align-items: center; } .head .center { height: 100%; } .head-btn { width: 62px; height: 100%; cursor: pointer; background: #333333; position: relative; -webkit-transition: all 0.15s ease-out; -moz-transition: all 0.15s ease-out; -o-transition: all 0.15s ease-out; transition: all 0.15s ease-out; } .head-btn:hover { background: #444444; } .head-btn:after { content: ''; position: absolute; top: 50%; left: 50%; width: 22px; height: 21px; margin-top: -10px; margin-left: -11px; background: url(/local/templates/b2b/images/edit.png) no-repeat center center; } .head-search { display: block; cursor: pointer; width: 62px; height: 100%; position: relative; -webkit-transition: all 0.15s ease-out; -moz-transition: all 0.15s ease-out; -o-transition: all 0.15s ease-out; transition: all 0.15s ease-out; } .head-search:hover { background: #333333; } .head-search-box { width: 267px; position: absolute; top: 0px; height: 100%; right: 0px; background: #333333; padding: 15px 22px 0px 22px; display: none; } .head-search-box .placeholder { background: #1f1f1f; } .head-search-sbm { display: none; } .head-search-box .input { border-bottom: 1px solid #fff; color: #fff; font-size: 14px; padding: 7px 32px 7px 0px; } .head-search-icon { content: ''; position: absolute; top: 0px; left: 0px; margin-left: 0px; margin-top: 0px; width: 100%; height: 100%; display: block; color: transparent; outline: none !important; border: none !important; cursor: pointer; background: url(/local/templates/b2b/images/search.png) no-repeat center center; } /* --- SEARCH --- */ .search-input { width: 100%; padding-right: 36px; } .search-btn { background: url(/local/templates/b2b/images/search-black.png) no-repeat center center; color: transparent; border: none; outline: none; width: 30px; height: 43px; cursor: pointer; position: absolute; right: 0px; top: -2px; } .search-form { display: inline-block; position: relative; width: 340px; } .search-item { margin: 30px 0px 0px; } .search-item>small { display: none; } .search-item>p { color: #9c9c9c; font-size: 14px; line-height: 1.6em; margin-top: 12px; } .search-link { font-size: 21px; font-weight: normal; color: #000; line-height: 1.2em; display: inline; margin-bottom: 13px; border-bottom: 1px solid #d8d8d8; transition: all 0.25s ease-out; -webkit-transition: all 0.25s ease-out; -moz-transition: all 0.25s ease-out; -o-transition: all 0.25s ease-out; } .search-link:hover { color: #0041C1; } .search-item b { font-weight: bold; color: #0041C1; } .search-chain { color: #9c9c9c; font-size: 12px; margin-top: 8px; } .search-chain a { color: #9c9c9c; display: inline-block; border-bottom: 1px solid #d8d8d8; line-height: 1.2em; } font.notetext { color: green; font-size: 18px; margin: 28px 0px 0px; display: inline-block; color: #9c9c9c; } /* --- MENU LINES --- */ .menu-lines { position: relative; right: 0px; width: 34px; height: 21px; cursor: pointer; margin-bottom: 1px; display: none; } .menu-lines:before { content: ''; position: absolute; left: -41px; top: -34px; width: 104px; height: 84px; } .menu-line { position: absolute; top: 0px; left: 0px; display: inline-block; width: 100%; height: 3px; border-top: 1px solid #C7C7C7; background: #fff; transition: all 0.25s ease-out; -webkit-transition: all 0.25s ease-out; -moz-transition: all 0.25s ease-out; -o-transition: all 0.25s ease-out; } .menu-line2 { top: 9px; } .menu-line3 { top: auto; bottom: 0px; left: auto; right: 0px; } /* --- MENU KEYFRAMES --- */ @keyframes line1 { 0% { width: 100%; } 10% { width: 50%; } 20% { width: 0px; } 30% { width: 50%; } 40% { width: 100%; } 100% { width: 100%; } } @keyframes line2 { 0% { width: 100%; } 15% { width: 50%; } 25% { width: 0px; } 45% { width: 50%; } 45% { width: 100%; } 100% { width: 100%; } } @keyframes line3 { 0% { width: 100%; } 10% { width: 48%; } 20% { width: 0px; } 30% { width: 48%; } 40% { width: 100%; } 100% { width: 100%; } } .menu-line1 { animation-name: line1; animation-duration: 7s; animation-iteration-count: infinite; animation-delay: 3s; animation-timing-function: linear; } .menu-line2 { animation-name: line2; animation-duration: 7s; animation-iteration-count: infinite; animation-delay: 3s; animation-timing-function: linear; } .menu-line3 { animation-name: line3; animation-duration: 7s; animation-iteration-count: infinite; animation-delay: 3s; animation-timing-function: linear; } /* --- // --- */ .menu-link { color: #fff !important; cursor: pointer; font-size: 14px; margin: 0px 2% 0px 0px; -webkit-transition: all 0.15s ease-out; -moz-transition: all 0.15s ease-out; -o-transition: all 0.15s ease-out; transition: all 0.15s ease-out; position: relative; white-space: nowrap; display: inline-block; text-decoration: none !important; } .menu-link:before { content: ''; position: absolute; bottom: -3px; left: 0px; width: 100%; height: 0px; opacity: 0.5; background: #0CA2DF; -webkit-background: linear-gradient(to right, #07B7E0, #1387DA); -moz-background: linear-gradient(to right, #07B7E0, #1387DA); -o-background: linear-gradient(to right, #07B7E0, #1387DA); background: linear-gradient(to right, #07B7E0, #1387DA); -webkit-transition: all 0.15s ease-out; -moz-transition: all 0.15s ease-out; -o-transition: all 0.15s ease-out; transition: all 0.15s ease-out; } .menu-link:hover { color: #fff; text-decoration: none; } .menu-link:hover:before, .menu-link-act:before { height: 2px; opacity: 1; } .menu-link-icon { margin-left: 7%; margin-right: 7%; } .menu-link-icon:after { content: ''; position: absolute; right: -27px; top: 50%; width: 18px; height: 16px; margin-top: -7px; background: url(/local/templates/b2b/images/icon-folder.png) no-repeat center center; } /* --- Black --- */ .black { width: 100%; background: #252525; background: linear-gradient(to bottom, #252525, #030303); -moz-background: linear-gradient(to bottom, #252525, #030303); -o-background: linear-gradient(to bottom, #252525, #030303); background: linear-gradient(to bottom, #252525, #030303); padding-top: 38px; } .black-flex { display: flex; justify-content: space-between; width: 100%; overflow: hidden; } /* --- Slider --- */ .slider { width: 1015px; width: 74.4%; height: 100%; background: #19396c; } .slider-item { width: 100%; height: 100%; } .slider-item, .black-flex { height: 616px; } .slider-item-flex { width: 100%; height: 100%; display: flex; align-items: center; } .slider-item-text { width: 100%; padding-left: 8%; padding-top: 3.5%; } .slider-item-head { font-size: 80px; line-height: 0.9em; color: #fff; font-weight: 500; position: relative; padding-bottom: 35px; padding-bottom: 3.6%; margin-bottom: 3.3%; padding-right: 4%; } .slider-item-head:after { content: ''; position: absolute; bottom: 0px; left: 0px; background: #FEFFFF; width: 42px; height: 2px; } .slider-item-short { font-size: 24px; line-height: 1em; color: #fff; margin-bottom: 4%; font-weight: 300; letter-spacing: 0.6px; text-shadow: 1px 1px 0px #353535; } .slider-dots { position: absolute; right: 4.3%; bottom: 7.3%; } .slider-dots li { padding: 0px; margin: 0px; width: 36px; height: 2px; background: #3D3E40; -webkit-transition: all 0.15s ease-out; -moz-transition: all 0.15s ease-out; -o-transition: all 0.15s ease-out; transition: all 0.15s ease-out; display: inline-block; margin-left: 10px; position: relative; cursor: pointer; } .slider-dots .slick-active { background: #fff; } .slider-dots li:before { content: ''; position: absolute; width: 36px; height: 8px; top: -3px; left: 0px; } .slider-dots li button { display: none; } .slider .slick-prev, .slider .slick-next { width: 13px; height: 20px; } .slider .slick-prev { left: 8%; bottom: 7.8%; background: url(/local/templates/b2b/images/slider-prev.png) no-repeat center center; } .slider .slick-next { left: 13.4%; bottom: 7.8%; background: url(/local/templates/b2b/images/slider-next.png) no-repeat center center; } .slider .slick-prev:hover, .slider .slick-next:hover { opacity: 0.7; } /* --- Main news --- */ .main-news { width: 23.4%; height: 100%; background: #2C2C2C; background: linear-gradient(to bottom, #2C2C2C, #121212); -moz-background: linear-gradient(to bottom, #2C2C2C, #121212); -o-background: linear-gradient(to bottom, #2C2C2C, #121212); background: linear-gradient(to bottom, #2C2C2C, #121212); color: #fff; padding: 2.15% 2.5%; overflow: hidden; position: relative; } .main-news-head { font-size: 24px; font-weight: normal; line-height: 1em; margin-bottom: 9.4%; display: block; color: #fff; } .main-news-items, .main-news-item { width: 100%; height: 100%; } .main-news-item-img-wrap { display: block; margin: 0px 0px 14.8%; } .main-news-item-img-wrap-empty { background: #333333; position: relative; } .news-item-img-wrap-empty { position: relative; background: #f3f3f3; } .no-image { background: #f3f3f3; } .main-news-item-img-wrap-empty:after, .news-item-img-wrap-empty:after, .no-image:after { content: 'No photo'; position: absolute; top: 50%; left: 0px; width: 100%; text-align: center; margin-top: -8px; color: #6d6d6d; font-weight: 300; font-size: 13.2px; letter-spacing: 0.5px; } .main-news-item { position: relative; height: 100%; margin-right: 25px; } .main-news-arrow { position: absolute; bottom: 10%; left: 0px; width: 21px; height: 15px; background: url(/local/templates/b2b/images/news-arrow.png) no-repeat center center; cursor: pointer; display: block; -webkit-transition: all 0.15s ease-out; -moz-transition: all 0.15s ease-out; -o-transition: all 0.15s ease-out; transition: all 0.15s ease-out; } .main-news .slick-track, .main-news .slick-list { height: 100%; } .main-news-arrow:hover { opacity: 0.8; } .main-news-item-img { display: block; -webkit-transition: all 0.1s ease-out; -moz-transition: all 0.1s ease-out; -o-transition: all 0.1s ease-out; transition: all 0.1s ease-out; width: 100%; } .main-news-item-img:hover { opacity: 0.9; } .main-news-item-date { font-size: 20px; margin-bottom: 8.2%; font-weight: 300; } .main-news-item-text { font-size: 15px; line-height: 1.6em; font-weight: 300; letter-spacing: 0.3px; display: inline-block; color: #fff; -webkit-transition: all 0.15s ease-out; -moz-transition: all 0.15s ease-out; -o-transition: all 0.15s ease-out; transition: all 0.15s ease-out; max-height: 196px; overflow: hidden; } .main-news-item-text:hover { color: #d4d4d4; } .main-news-slick .slick-prev, .main-news-slick .slick-next { width: 13px; height: 20px; left: auto; } .main-news-slick .slick-prev { right: 22%; top: -8%; background: url(/local/templates/b2b/images/slider-prev.png) no-repeat center center; } .main-news-slick .slick-next { right: 1%; top: -8%; background: url(/local/templates/b2b/images/slider-next.png) no-repeat center center; } /* --- Btn --- */ .btn { display: inline-block; background: #0041C1; text-align: center; color: #fff; padding: 18px 50px 17px; font-size: 15px; line-height: normal; cursor: pointer; -webkit-transition: all 0.15s ease-out; -moz-transition: all 0.15s ease-out; -o-transition: all 0.15s ease-out; transition: all 0.15s ease-out; letter-spacing: 0.2px; font-family: 'HelveticaNeue', Helvetica, sans-serif; border: none; outline: none; border-radius: 0px; } .btn:hover { background: #0066E2; color: #fff; } .btn-empty { background: none; border: 1px solid #8F8F8F; padding: 17px 56px 16px; } .btn-wrap { width: 100%; } /* --- BACK --- */ .h2 { color: #fff; text-align: center; font-size: 36px; font-weight: 500; margin-bottom: 54px; } /* --- CATS --- */ .cat-items, .cat-item { height: 293px; } .cat-items .slides-button { display: none; } .cat-items { width: 100%; overflow: hidden; } .cat-item { display: block; float: left; width: 239px; color: #fff; position: relative; margin-right: 1px; z-index: 1; } .cat-item-img-wrap { overflow: hidden; width: 100%; height: 100%; position: relative; } .cat-items-center { display: flex; justify-content: center; } .cat-items-center .cat-item { float: none; } .cat-item:after { content: ''; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: #1092DD; -webkit-background: linear-gradient(to bottom, #03BDE3, #1B6CD8); -moz-background: linear-gradient(to bottom, #03BDE3, #1B6CD8); -o-background: linear-gradient(to bottom, #03BDE3, #1B6CD8); background: linear-gradient(to bottom, #03BDE3, #1B6CD8); -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; z-index: 5; opacity: 1; } .cat-item-border-left, .cat-item-border-right { height: 100%; width: 1px; background: #1e1e1e; position: absolute; left: -1px; top: 0px; z-index: 10; display: block; } .cat-item-border-right { right: -1px; left: auto; } .cat-item-img { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 5; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .cat-item:before { content: ''; position: absolute; z-index: 10; top: 0px; left: 0px; width: 100%; height: 100%; opacity: 0; -webkit-background: linear-gradient(to top, #000, transparent 60%); -moz-background: linear-gradient(to top, #000, transparent 60%); -o-background: linear-gradient(to top, #000, transparent 60%); background: linear-gradient(to top, #000, transparent 60%); } .cat-item-border { } .cat-item:hover:after { opacity: 0; } @media all and (min-width: 980px) { .cat-item:hover .cat-item-img { -moz-transform: scale(1.03); -o-transform: scale(1.03); -webkit-transform: scale(1.03); transform: scale(1.03); } } .cat-item:hover:before { opacity: 1; } .cat-item-name { font-size: 16px; line-height: 1.5em; font-weight: 500; text-shadow: 0px 0px 1px #000; max-height: 51px; overflow: hidden; } .cat-item-icon { width: 50px; height: 50px; display: block; margin-left: -3px; margin-bottom: 15px; opacity: 0.6; } .cat-item-box { position: absolute; top: 50%; left: 14%; z-index: 10; right: 8%; } .cat-items-wrap { position: relative; color: #fff; background: #060606; padding: 85px 0px 0px; } .cat-items-center { position: relative; } .cat-slick-prev, .cat-slick-next { width: 54px; height: 54px; right: 0px; top: -3px; position: absolute; cursor: pointer; background: none; } .cat-slick-prev::before, .cat-slick-next::before { content: ''; position: absolute; top: 0px; right: 0px; width: 100%; height: 100%; } .cat-slick-prev:hover, .cat-slick-next:hover { background: #333333; } .cat-slick-prev { right: 54px; } .cat-slick-prev:before { background: url(/local/templates/b2b/images/slider-prev.png) no-repeat center center; } .cat-slick-next:before { background: url(/local/templates/b2b/images/slider-next.png) no-repeat center center; } /* --- Projects main --- */ .projects-slick .slides-prev-next-button.previous, .projects-slick .slides-prev-next-button.next { left: auto; right: 55px; top: 0px; width: 54px; height: 54px; } .projects-slick .slides-prev-next-button.next { right: 0px; } .projects-slick .slides-prev-next-button.previous:hover { background: url(/local/templates/b2b/images/slider-prev.png) no-repeat center center #333333; } .projects-slick .slides-prev-next-button.next:hover { background: url(/local/templates/b2b/images/slider-next.png) no-repeat center center #333333; } .projects-wrap { padding: 0px 0px 166px; background: #1E1E1E; margin-bottom: 88px; } .projects-wrap-height { height: 85px; width: 100%; clear: both; } .projects-center { position: relative; /*overflow: hidden;*/ } .projects-center-visible { overflow: visible; } .projects { width: 110%; overflow: hidden; } .projects.slides-enabled { width: 100%; /*overflow: visible;*/ } .projects-slick .slick-list { overflow: visible; } .projects-slick .slides-viewport { overflow: visible; } .projects-col { width: 666px; float: left; margin-right: 30px; margin-bottom: 85px; overflow: hidden; position: relative; } .projects-list { display: flex; justify-content: space-between; flex-wrap: wrap; position: relative; z-index: 10; } .projects-list-loading:after { content: ''; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 10; background: #ffffff; opacity: 0.5; } .projects-list-loading:before { content: ''; position: absolute; top: 139px; left: 50%; width: 60px; height: 60px; background: url(/local/templates/b2b/images/loading.gif) no-repeat center center; -o-background-size: cover !important; -webkit-background-size: cover !important; -khtml-background-size: cover !important; -moz-background-size: cover !important; background-size: cover !important; margin-left: -30px; z-index: 20; } .projects-list .projects-col { margin-right: 0px; margin-bottom: 30px; } .projects, .projects-col { height: 508px; } .projects-row { width: 100%; height: 46.8%; display: flex; justify-content: space-between; } .projects-row-col { width: 47.8%; height: 100%; } .projects-row-btm { position: absolute; bottom: 0px; left: 0px; } .projects-item { width: 100%; height: 100%; position: relative; display: block; -webkit-transition: all 0.15s ease-out; -moz-transition: all 0.15s ease-out; -o-transition: all 0.15s ease-out; transition: all 0.15s ease-out; overflow: hidden; } .projects-item-img { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 5; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } @media all and (min-width: 980px) { .projects-item:hover .projects-item-img { -moz-transform: scale(1.02); -o-transform: scale(1.02); -webkit-transform: scale(1.02); transform: scale(1.02); } } .projects-item:before { content: ''; position: absolute; z-index: 10; top: 0px; left: 0px; width: 100%; height: 100%; -webkit-background: linear-gradient(to top, rgba(0,0,0,0.8), transparent 50%); -moz-background: linear-gradient(to top, rgba(0,0,0,0.8), transparent 50%); -o-background: linear-gradient(to top, rgba(0,0,0,0.8), transparent 50%); background: linear-gradient(to top, rgba(0,0,0,0.8), transparent 50%); } .projects-item:hover { opacity: 0.9; } .projects-item-icon { width: 119px; height: 119px; position: absolute; top: 24px; left: 28px; z-index: 10; background: #1E1E1E; display: flex; align-items: center; justify-content: center; } .projects-item-icon>img { max-width: 70%; max-height: 70%; display: inline-block; } .projects-item-name { position: absolute; bottom: 35px; left: 33px; color: #fff; font-weight: normal; font-size: 20px; z-index: 10; line-height: 1.2em; padding-right: 3%; text-shadow: 0px 0px 0px #000; } .projects-col>.projects-item .projects-item-name { font-size: 22px; } .projects-row .projects-item-icon { top: 24px; left: 23px; width: 92px; height: 92px; } .projects-row .projects-item-name { bottom: 22px; left: 24px; } .projects-dots { position: absolute; left: 0px; bottom: -56px; width: 100%; text-align: center; } .projects-dots li { padding: 0px; margin: 0px; width: 36px; height: 2px; background: #3D3E40; -webkit-transition: all 0.15s ease-out; -moz-transition: all 0.15s ease-out; -o-transition: all 0.15s ease-out; transition: all 0.15s ease-out; display: inline-block; margin: 0px 5px 0px; position: relative; cursor: pointer; } .projects-dots .slick-active { background: #fff; } .projects-dots li:before { content: ''; position: absolute; width: 36px; height: 8px; top: -3px; left: 0px; } .projects-dots li button { display: none; } .projects-link-all { margin: 0px 0px 0px; position: absolute; left: 0px; bottom: -82px; z-index: 1100; } /* --- FOOT --- */ .foot { background: #1E1E1E; margin: 87px 0px 0px; padding: 98px 0px 74px; color: #fff; } .foot-flex { display: flex; justify-content: space-between; width: 100%; } .foot-logo { margin: 0px 0px 30px -5px; } .foot-copy { color: #626262; margin: 0px 0px 54px; } .foot-policy-wrap { margin-bottom: 8px; } .foot-policy { font-size: 12px; color: #626262; display: inline-block; -webkit-transition: all 0.15s ease-out; -moz-transition: all 0.15s ease-out; -o-transition: all 0.15s ease-out; transition: all 0.15s ease-out; } .foot-policy:hover { color: #b7b7b7; } .foot-link-wrap { margin: 0px 0px 21px; } .foot-link { cursor: pointer; font-size: 14px; -webkit-transition: all 0.15s ease-out; -moz-transition: all 0.15s ease-out; -o-transition: all 0.15s ease-out; transition: all 0.15s ease-out; position: relative; display: inline-block; color: #fff !important; text-decoration: none !important; } .foot-link:before { content: ''; position: absolute; bottom: -3px; left: 0px; width: 100%; height: 0px; opacity: 0.5; background: #0CA2DF; -webkit-background: linear-gradient(to right, #07B7E0, #1387DA); -moz-background: linear-gradient(to right, #07B7E0, #1387DA); -o-background: linear-gradient(to right, #07B7E0, #1387DA); background: linear-gradient(to right, #07B7E0, #1387DA); -webkit-transition: all 0.15s ease-out; -moz-transition: all 0.15s ease-out; -o-transition: all 0.15s ease-out; transition: all 0.15s ease-out; } .foot-link:hover:before, .foot-link-act:before { height: 2px; opacity: 1; } .foot-socs { width: 100%; display: flex; } .foot-soc { width: 28px; height: 28px; display: inline-block; margin-left: 18px; -webkit-transition: all 0.15s ease-out; -moz-transition: all 0.15s ease-out; -o-transition: all 0.15s ease-out; transition: all 0.15s ease-out; } .foot-soc:first-child { margin-left: 0; } .foot-soc:hover { opacity: 0.8; } .foot-soc1 { background: url(/local/templates/b2b/images/soc1.png) no-repeat center center; } .foot-soc2 { background: url(/local/templates/b2b/images/soc2.png) no-repeat center center; } .foot-soc3 { background: url(/local/templates/b2b/images/soc3.png) no-repeat center center; } .foot-soc4 { background: url(/local/templates/b2b/images/soc4.png) no-repeat center center; } .foot-soc5 { background: url(/local/templates/b2b/images/soc5.png) no-repeat center center; } .foot-col-logo { max-width: 27%; } .subs { margin-top: 79px; margin-top: 55px; width: 300px; } .subs-head { margin-bottom: 11px; } .subs-flex { display: flex; justify-content: space-between; align-items: flex-end; margin-bottom: 20px; } .subs-btn { background: #F3F3F3; color: #000; display: inline-block; padding: 6px 18px; cursor: pointer; font-weight: bold; font-size: 12px; line-height: 1.4em; -webkit-transition: opacity 0.15s ease-out, background 0.15s ease-out; -moz-transition: opacity 0.15s ease-out, background 0.15s ease-out; -o-transition: opacity 0.15s ease-out, background 0.15s ease-out; transition: opacity 0.15s ease-out, background 0.15s ease-out; margin-left: 21px; } .subs-btn:hover { opacity: 0.85; } .subs-box { position: relative; width: 171px; margin: 0px; } .subs-box .placeholder { color: #626262; font-size: 12px; background: none; } .subs-box .placeholder-act { font-size: 10px; } .foot .subs-box .input { border-bottom: 1px solid #fff; color: #fff; font-size: 15px; padding: 9px 0px; line-height: normal; } .foot .subs-box .input-red { border-bottom: 1px solid #f00 !important; } .subs .agree-text, .subs-news .agree-text { font-size: 10px; line-height: 1.6em; margin-top: -2px; } .subs-news .agree-text { color: #767676; padding-right: 25%; } .subs .checkbox-label { width: 12px; min-width: 12px; height: 12px; border-radius: 3px; margin: 0px 9px 0px 0px; } .subs input[type="checkbox"] + span { background: #F4F4F4; } .subs input[type="checkbox"]:checked + span { background: #1e1e1e; } .subs input[type="checkbox"]:checked + span:after, .subs-news input[type="checkbox"]:checked + span:after { width: 100%; height: 100%; top: 0px; left: 0px; background: url(/local/templates/b2b/images/subs-on.svg) no-repeat center center; -o-background-size: contain !important; -webkit-background-size: contain !important; -khtml-background-size: contain !important; -moz-background-size: contain !important; background-size: contain !important; } .subs-news input[type="checkbox"]:checked + span:after { background: url(/local/templates/b2b/images/subs-news-on.svg) no-repeat center center; } .subs .agree-text a { color: #E5E5E5; font-weight: 400; letter-spacing: 0.3px; text-shadow: none; opacity: 0.8; border-bottom: 1px solid #E5E5E5; } .subs .agree-text a:hover { color: #7f9bd6; border-bottom: 1px solid #7f9bd6; } .subs .alert { font-size: 13px; margin: -9px 0px 12px; } .subs-wrap { display: flex; align-self: flex-start; justify-content: flex-start; } .subs-wrap .detail-share-wrap { align-items: flex-start; margin-right: 42px; margin-top: 0px; display: block; } .subs-wrap .detail-share-wrap .detail-share-box { margin: 25px 0px 0px; } .subs-news { width: 395px; } .subs-news .subs-box .input { padding: 7px 0px; border-bottom: 1px solid #000; } .subs-news .subs-box .input-red { border-bottom: 1px solid #f00 !important; } .subs-news .subs-btn { padding: 21px 45px 20px 45px; font-size: 16px; font-weight: 500; line-height: 1em; } .subs-news .subs-btn:hover { background: #e2e2e2; } .subs-news .checkbox-label { width: 12px; min-width: 12px; height: 12px; border-radius: 0px; margin: 0px 9px 0px 0px; } .subs-news input[type="checkbox"] + span { background: #e4e4e4; } .subs-news input[type="checkbox"]:checked + span { background: #fff; } .subs-news .agree-text a { color: #000; font-weight: 400; letter-spacing: 0.3px; text-shadow: none; border-bottom: 1px solid #000; } .subs-news .agree-text a:hover { color: #7f9bd6; border-bottom: 1px solid #7f9bd6; } .subs-news-open, .subs-news-end { padding: 21px 45px 20px 45px; font-size: 16px; line-height: 1em; background: #F3F3F3; color: #000; display: inline-block; cursor: pointer; font-weight: 500; /* font-size: 12px; */ /* line-height: 1.4em; */ -webkit-transition: opacity 0.15s ease-out, background 0.15s ease-out; -moz-transition: opacity 0.15s ease-out, background 0.15s ease-out; -o-transition: opacity 0.15s ease-out, background 0.15s ease-out; transition: opacity 0.15s ease-out, background 0.15s ease-out; } .subs-news-open:hover { background: #e2e2e2; } .subs-news-end { background: #06BCE2; color: #fff; background: linear-gradient(to bottom, #06BCE2, #1B6CD8); -moz-background: linear-gradient(to bottom, #06BCE2, #1B6CD8); -o-background: linear-gradient(to bottom, #06BCE2, #1B6CD8); background: linear-gradient(to bottom, #06BCE2, #1B6CD8); font-weight: 500; padding-left: 18px; padding-right: 18px; } .subs-news-end-wrap { display: none; } .subs-form-news { display: none; } /* --- Content --- */ .content { min-height: 42vh; } /* --- Calend --- */ .calend-wrap { margin: 0px 0px 74px; } .calend-wrap .h2 { color: #000; margin-bottom: 45px; } .calend-head { width: 100%; display: flex; justify-content: space-between; margin: 0px 0px 25px; } .calend-bottom .calend-month { display: none; } .calend-left, .calend-right { color: #999999; padding-left: 27px; display: inline; position: relative; cursor: pointer; line-height: 1.5em; } .calend-right { padding: 0px 27px 0px 0px; } .calend-left:before, .calend-right:before { content: ''; position: absolute; left: 0px; top: 50%; width: 12px; height: 21px; margin-top: -11px; background: url(/local/templates/b2b/images/left-black.png) no-repeat center center; } .calend-right:before { left: auto; right: 0px; background: url(/local/templates/b2b/images/right-black.png) no-repeat center center; } .calend-left:after { content: ''; height: 100%; width: 25px; position: absolute; right: -25px; top: 0px; } .calend-right:after { content: ''; height: 100%; width: 25px; position: absolute; left: -25px; top: 0px; } .calend-left:hover, .calend-right:hover { color: #0041C1; } .calend-month { font-size: 24px; font-weight: 500; margin-top: -4px; } .calend-items-wrap { width: 100%; } .calend-items { display: flex; justify-content: flex-start; margin: 0px 0px 40px; } .calend-item { width: 194.4px; width: 14.28%; height: 492px; border: 1px solid #E7E7E7; border-left: 0px; background: #F9F7F8; position: relative; display: block; color: #000; -webkit-transition: opacity 0.15s ease-out, background 0.15s ease-out; -moz-transition: opacity 0.15s ease-out, background 0.15s ease-out; -o-transition: opacity 0.15s ease-out, background 0.15s ease-out; transition: opacity 0.15s ease-out, background 0.15s ease-out; overflow: hidden; } .calend-item a { width: 100%; height: 100%; display: block; } .calend-item:hover { z-index: 100; opacity: 1; } /* --- Calend slides --- */ .calend-slides .slides-viewport { z-index: 40; } .calend-slides .slides-prev-next-button.previous, .calend-slides .slides-prev-next-button.next { width: 65px; height: 36px; background: #f1f1f1; bottom: 26px; left: 24px; z-index: 40; } .calend-slides .slides-prev-next-button.next { left: auto; right: 24px; } .calend-slides .slides-prev-next-button.previous:before, .calend-slides .slides-prev-next-button.next:before { content: ''; position: absolute; left: 50%; top: 50%; width: 11px; height: 14px; margin: -7px 0px 0px -6px; background: url(/local/templates/b2b/images/left-black.png) no-repeat center center; -o-background-size: contain !important; -webkit-background-size: contain !important; -khtml-background-size: contain !important; -moz-background-size: contain !important; background-size: contain !important; opacity: 0.2; } .calend-slides .slides-prev-next-button.next:before { background: url(/local/templates/b2b/images/right-black.png) no-repeat center center; -o-background-size: contain !important; -webkit-background-size: contain !important; -khtml-background-size: contain !important; -moz-background-size: contain !important; background-size: contain !important; } .calend-slides.calend-item-act .slides-prev-next-button.previous:before, .calend-slides.calend-item:hover .slides-prev-next-button.previous:before { opacity: 1; background: url(/local/templates/b2b/images/slider-prev.png) no-repeat center center; } .calend-slides.calend-item-act .slides-prev-next-button.next:before, .calend-slides.calend-item:hover .slides-prev-next-button.next:before { opacity: 1; background: url(/local/templates/b2b/images/slider-next.png) no-repeat center center; } .calend-slides:after { display: none !important; } .calend-slides.calend-item-act .slides-prev-next-button.previous, .calend-slides.calend-item-act .slides-prev-next-button.next, .calend-slides.calend-item:hover .slides-prev-next-button.previous, .calend-slides.calend-item:hover .slides-prev-next-button.next { background: #5193E1; } /* --- // --- */ .calend-item:first-child { border-left: 1px solid #E7E7E7; } .calend-item:after { content: ''; position: absolute; bottom: 6%; left: 15%; width: 21px; height: 15px; cursor: pointer; background: url(/local/templates/b2b/images/right-black-arrow.png) no-repeat center center; opacity: 0.3; z-index: 30; } .calend-item-empty:after, .calend-item-empty:before { display: none; } .calend-item-act, .calend-item:not(.calend-item-empty):hover { background: #fff; } .calend-item-act .calend-today, .calend-item:not(.calend-item-empty):hover .calend-today { color: #fff; } .calend-item:before { -webkit-transition: all 0.1s ease-out; -moz-transition: all 0.1s ease-out; -o-transition: all 0.1s ease-out; transition: all 0.1s ease-out; opacity: 0; content: ''; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; box-shadow: 0px 3px 17px #d8d8d8; z-index: 10; background: #03BDE3; background: linear-gradient(to bottom, #03BDE3, #2B74DB); -moz-background: linear-gradient(to bottom, #03BDE3, #2B74DB); -o-background: linear-gradient(to bottom, #03BDE3, #2B74DB); background: linear-gradient(to bottom, #03BDE3, #2B74DB); } .calend-item-act:before, .calend-item:hover:before { opacity: 1; } .calend-item-act:after { opacity: 0.8; } .calend-item-old { opacity: 0.6; } .calend-item-head { height: 68px; width: 100%; border-bottom: 1px solid #E7E7E7; display: flex; align-items: center; justify-content: space-between; padding: 7% 14%; background: #fff; position: relative; z-index: 20; } .calend-item-act .calend-item-head, .calend-item:not(.calend-item-empty):hover .calend-item-head { background: none; } .calend-item-act .calend-text, .calend-item:not(.calend-item-empty):hover .calend-text { color: #fff; } .calend-item-act .calend-day, .calend-item:not(.calend-item-empty):hover .calend-day { color: #fff; } .calend-item-act .calend-day-text, .calend-item:not(.calend-item-empty):hover .calend-day-text { color: #fff; } .calend-item-act:after, .calend-item:not(.calend-item-empty):hover:after { background: url(/local/templates/b2b/images/news-arrow-white.png) no-repeat center center !important; opacity: 1; } .calend-day { font-size: 20px; line-height: 1em; font-weight: 500; } .calend-day-text { color: #999999; font-size: 12px; text-transform: uppercase; margin-top: 6px; line-height: 1em; } /* .calend-item-red .calend-day-text { color: #d2232a; } .calend-item-red .calend-day { color: #d2232a; } */ .calend-img { width: 100%; height: 140px; display: block; background: #ECEAEB; position: relative; z-index: 30; -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; -o-transition: all 0.4s ease-out; transition: all 0.4s ease-out; display: block; overflow: hidden; } .calend-image { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; -o-transition: all 0.4s ease-out; transition: all 0.4s ease-out; } @media all and (min-width: 980px) { /*.calend-item:hover .calend-image { -moz-transform: scale(1.02); -o-transform: scale(1.02); -webkit-transform: scale(1.02); transform: scale(1.02); }*/ } .calend-text { font-size: 15px; width: 100%; padding: 13.9% 9.6% 13.9% 12.8%; line-height: 1.4em; font-weight: 500; display: inline-block; -webkit-transition: all 0.1s ease-out; -moz-transition: all 0.1s ease-out; -o-transition: all 0.1s ease-out; transition: all 0.1s ease-out; color: #000; position: relative; z-index: 30; max-height: 45%; overflow: hidden; } .calend-today { font-size: 12.5px; line-height: 1em; font-weight: 500; margin-top: 5px; } .calend-arhiv { color: #000; width: 14.3%; font-weight: 500; } .calend-arhiv-wrap { text-align: center; } .calend-content .calend-items { margin-top: -1px; margin-bottom: 0px; } .calend-content .calend-items-wrap { padding-top: 1px; margin-bottom: 43px; } /* --- Products --- */ .products-wrap { background: #1E1E1E; padding: 78px 0px 90px; } .products-items { width: 100%; display: flex; margin-bottom: 39px; justify-content: center; } .products-item { width: 12.5%; height: 259px; margin-right: 2px; padding: 2.7% 0.7% 2.9% 1.6%; position: relative; background: #333333; overflow: hidden; } .products-item:before { content: ''; position: absolute; top: 0px; left: 0px; width: 99.5%; height: 99.5%; -webkit-transition: all 0.15s ease-out; -moz-transition: all 0.15s ease-out; -o-transition: all 0.15s ease-out; transition: all 0.15s ease-out; z-index: 1; opacity: 0; background: #05B6E0; background: linear-gradient(to bottom, #00C3E0, #1F67D5); -moz-background: linear-gradient(to bottom, #00C3E0, #1F67D5); -o-background: linear-gradient(to bottom, #00C3E0, #1F67D5); background: linear-gradient(to bottom, #00C3E0, #1F67D5); } .products-item:hover:before { opacity: 1; } .products-item:after { content: ''; position: absolute; left: 12%; bottom: 8.5%; width: 18px; height: 16px; margin-top: -7px; background: url(/local/templates/b2b/images/icon-folder.png) no-repeat center center; z-index: 10; } .products-item:last-child { margin-right: 0px; } .products-item-img { width: 100px; height: 90px; display: block; margin-bottom: 13%; position: relative; z-index: 10; } .products-item-img img { max-width: 100%; max-height: 98%; } .products-item-text { color: #fff; font-size: 13px; line-height: 1.4em; max-height: 32%; overflow: hidden; position: relative; z-index: 10; } /* --- Sources --- */ .sources-items { width: 100%; height: 463px; display: flex; justify-content: space-between; } .sources-item { height: 100%; width: 48.86%; display: block; position: relative; -webkit-transition: all 0.15s ease-out; -moz-transition: all 0.15s ease-out; -o-transition: all 0.15s ease-out; transition: all 0.15s ease-out; overflow: hidden; } .sources-item-img { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; z-index: 5; } @media all and (min-width: 980px) { .sources-item:hover .sources-item-img { -moz-transform: scale(1.02); -o-transform: scale(1.02); -webkit-transform: scale(1.02); transform: scale(1.02); } } .sources-item:before { content: ''; position: absolute; z-index: 10; top: 0px; left: 0px; width: 100%; height: 100%; -webkit-background: linear-gradient(to top, rgba(0,0,0,0.7), transparent 50%); -moz-background: linear-gradient(to top, rgba(0,0,0,0.7), transparent 50%); -o-background: linear-gradient(to top, rgba(0,0,0,0.7), transparent 50%); background: linear-gradient(to top, rgba(0,0,0,0.7), transparent 50%); } .sources-item:hover { opacity: 0.8; } .sources-item-name { font-size: 24px; color: #fff; position: absolute; bottom: 8.6%; left: 8.5%; z-index: 10; line-height: 1.2em; } /* --- Form --- */ .form-wrap { padding: 44px 0px 0px; overflow: hidden; } .form { margin: 30px 0px 0px; background: #F3F3F3; padding: 6.5% 9.7% 7.6% 7%; display: flex; overflow: hidden; margin-bottom: -1px; justify-content: space-between; position: relative; } .form-head { font-size: 36px; line-height: 1.1em; font-weight: 500; color: #1e1e1e; margin-bottom: 14px; text-shadow: 0px 0px 0px #bbb; } .form-head-big { margin-bottom: 22px; margin-top: -10px; font-size: 41px; } .form-left { width: 39.5%; } .form-right { width: 46.3%; padding-top: 1%; } .form-right-img { position: relative; z-index: 1; } .form-right-img:after { content: ''; width: 375px; height: 133px; position: absolute; bottom: -27px; right: -20px; background: url(/local/templates/b2b/images/form-after.png) no-repeat center center; z-index: -2; } .form-right img { width: 100%; position: relative; z-index: 3; } /* --- AGREE --- */ .agree { margin: 0px 0px 25px; color: #fff; text-align: left; font-size: 14px; display: flex; align-items: flex-start; justify-content: flex-start; } .agree-red input[type="checkbox"] + span { background: #f00; } .agree-text { color: #626262; font-size: 12px; font-weight: 500; cursor: pointer; margin-top: 2px; } .agree-text a { color: #626262; display: inline; -webkit-transition: all 0.15s ease-out; -moz-transition: all 0.15s ease-out; -o-transition: all 0.15s ease-out; transition: all 0.15s ease-out; border-bottom: 1px dotted #898989; } .agree-text a:hover { color: #7f9bd6 !important; } .alert { color: #f00; margin: -5px 0px 23px; font-size: 16px; font-weight: 500; display: none; } #consult-form .alert { color: #f74d4d; font-size: 15px; } #consult-form .iti { width: 100%; } /* --- Page h1 --- */ .page-h1 { text-align: center; font-size: 48px; font-weight: 300; padding: 72px 0px 0px; letter-spacing: -0.5px; margin: 0px 0px 72px; } .projects-h1 { margin-bottom: 44px; } .calend-h1 { margin-bottom: 55px; } /* --- EDIT --- */ .edits-wrap { position: relative; height: 0px; z-index: 900; } .edits { position: absolute; top: 18px; left: 1px; z-index: 10; } .edit { color: #fff; background: #0e99dc; border-radius: 7px; padding: 4px 13px; line-height: 1.4em; margin-bottom: 5px; display: inline-block; margin-right: 12px; text-decoration: none; font-size: 11.4px !important; font-weight: normal; line-height: 1em; -webkit-transition: all 0.15s ease-out; -moz-transition: all 0.15s ease-out; -o-transition: all 0.15s ease-out; transition: all 0.15s ease-out; display: inline-block; } .edit:hover { background: #1c62b9; } /* --- Menu --- */ .menu { display: none; } /* --- News --- */ .news-items { display: flex; flex-wrap: wrap; justify-content: flex-start; } .news-item { width: 319px; height: 488px; margin-right: 28.8px; margin-bottom: 26px; position: relative; padding: 2.5% 2.4%; color: #000; display: inline-block; white-space: normal; background: #F9F7F8; } .news-item::before { content: ''; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background: #03BDE3; background: linear-gradient(to bottom, #03BDE3, #2B74DB); -moz-background: linear-gradient(to bottom, #03BDE3, #2B74DB); -o-background: linear-gradient(to bottom, #03BDE3, #2B74DB); background: linear-gradient(to bottom, #03BDE3, #2B74DB); -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; z-index: 1; opacity: 0; } .news-list .news-item:nth-child(4n) { margin-right: 0px; } .news-item:after { content: ''; position: absolute; bottom: 7%; left: 10%; width: 21px; height: 15px; opacity: 0.5; z-index: 10; background: url(/local/templates/b2b/images/news-arrow.png) no-repeat center center; } .news-item:hover { color: #fff; } .news-item:hover::before { opacity: 1; } .news-item:hover:after { background: url(/local/templates/b2b/images/news-arrow-white.png) no-repeat center center; opacity: 1; } .news-item-text { font-size: 15px; line-height: 1.6em; display: block; max-height: 131px; font-weight: 500; overflow: hidden; position: relative; z-index: 10; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .news-item-date { font-size: 20px; line-height: 1em; margin-bottom: 20px; font-weight: normal; position: relative; z-index: 10; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .news-item-img-wrap { display: block; margin: 0px 0px 28px; overflow: hidden; position: relative; z-index: 10; } .news-item-img { display: block; max-width: 100%; min-width: 100%; } .news-item-img, .main-news-item-img { -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .main-news-item-img-wrap { overflow: hidden; } @media all and (min-width: 980px) { .news-item:hover .news-item-img, .main-news-item:hover .main-news-item-img { -moz-transform: scale(1.03); -o-transform: scale(1.03); -webkit-transform: scale(1.03); transform: scale(1.03); } } /* --- slides --- */ .slides-page-dots { right: 4.3%; bottom: 7.3%; width: auto; } .slides-page-dots .dot { width: 36px; height: 2px; background: #3D3E40; -webkit-transition: all 0.15s ease-out; -moz-transition: all 0.15s ease-out; -o-transition: all 0.15s ease-out; transition: all 0.15s ease-out; opacity: 1; border-radius: 0px; position: relative; margin: 0px 5px; } .slides-page-dots .dot:before { content: ''; position: absolute; width: 36px; height: 12px; top: -5px; left: 0px; } .slides-page-dots .dot.is-selected { background: #fff; } .slides-prev-next-button { top: 50%; width: 44px; height: 44px; width: 19px; height: 22px; border-radius: 0px; transform: translateY(0px); background: none; padding: 0px; display: block; } .slides-prev-next-button:focus { box-shadow: none; } .slides-prev-next-button:hover { background: none; } .slides-prev-next-button:hover .slides-button-icon { opacity: 0.9; } .slides-prev-next-button .slides-button-icon { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; fill: white; margin: 0px; display: none; } .slides-prev-next-button.previous { left: 8%; bottom: 7.8%; top: auto; background: url(/local/templates/b2b/images/slider-prev.png) no-repeat center center; } .slides-prev-next-button.next { left: 13.4%; bottom: 7.8%; top: auto; background: url(/local/templates/b2b/images/slider-next.png) no-repeat center center; } .slider .slides-prev-next-button.previous:before, .slider .slides-prev-next-button.next:before { content: ''; position: absolute; top: -5px; left: -6px; width: 164%; height: 150%; opacity: 0.6; } .main-news-slick .slides-prev-next-button.previous { right: 22%; left: auto; top: -46px; } .main-news-slick .slides-prev-next-button.next { right: 1%; left: auto; top: -46px; } .projects-slick .slides-page-dots { right: auto; bottom: -9.4%; width: 100%; z-index: 1000; } .projects-slick.slides-enabled { position: static; } /* --- Pagination --- */ .pages-items, .modern-page-navigation { display: flex; margin-top: 25px; } .pages-item, .modern-page-navigation a, .modern-page-navigation span.modern-page-current { width: 56px; height: 56px; display: block; border: 1px solid #E7E7E7 !important; margin-right: -1px; text-align: center; line-height: 1em; padding: 17px; font-size: 20px; color: #000; position: relative; overflow: hidden; font-weight: normal; } .body-black pages-item, .body-black .modern-page-navigation a, .body-black .modern-page-navigation span.modern-page-current { color: #fff; } div.modern-page-navigation a.modern-page-first, div.modern-page-navigation span.modern-page-first { border-left: none; padding-left: 0px; padding-right: 0px; } .pages-item:hover, .modern-page-navigation a:hover, .modern-page-navigation span.modern-page-current { -webkit-transition: all 0.15s ease-out; -moz-transition: all 0.15s ease-out; -o-transition: all 0.15s ease-out; transition: all 0.15s ease-out; background: #0CA2DF; color: #fff; } .pages-prev, .modern-page-navigation .modern-page-previous, .body-black .pages-prev, .body-black .modern-page-navigation .modern-page-previous { background: url(/local/templates/b2b/images/left-black.png) no-repeat center center; -webkit-transition: all 0.15s ease-out; -moz-transition: all 0.15s ease-out; -o-transition: all 0.15s ease-out; transition: all 0.15s ease-out; color: transparent; } .pages-next, .modern-page-navigation .modern-page-next, .body-black .pages-next, .body-black .modern-page-navigation .modern-page-next { background: url(/local/templates/b2b/images/right-black.png) no-repeat center center; -webkit-transition: all 0.15s ease-out; -moz-transition: all 0.15s ease-out; -o-transition: all 0.15s ease-out; transition: all 0.15s ease-out; color: transparent; } .body-black .pages-prev, .body-black .modern-page-navigation .modern-page-previous { background: url(/local/templates/b2b/images/left-white.png) no-repeat center center; } .body-black .pages-next, .body-black .modern-page-navigation .modern-page-next { background: url(/local/templates/b2b/images/right-white.png) no-repeat center center; } .pages-prev:hover, .modern-page-navigation .modern-page-previous:hover { background: url(/local/templates/b2b/images/left-white.png) no-repeat center center #0CA2DF; color: transparent; } .pages-next:hover, .modern-page-navigation .modern-page-next:hover { background: url(/local/templates/b2b/images/right-white.png) no-repeat center center #0CA2DF; color: transparent; } .modern-page-title { display: none; } span.modern-page-dots { display: none; } /* --- Solutions --- */ .solution-items { width: 100%; display: flex; justify-content: space-between; flex-wrap: wrap; } .solution-col { width: 666px; overflow: hidden; display: flex; justify-content: space-between; flex-wrap: wrap; margin-bottom: 30px; } .solution-col-big, .solution-item { height: 630px; } .solution-item { display: block; width: 100%; position: relative; -webkit-transition: all 0.15s ease-out; -moz-transition: all 0.15s ease-out; -o-transition: all 0.15s ease-out; transition: all 0.15s ease-out; -o-background-size: cover !important; -webkit-background-size: cover !important; -khtml-background-size: cover !important; -moz-background-size: cover !important; background-size: cover !important; overflow: hidden; } .solution-item-img { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 5; -webkit-transition: all 0.6s ease-out; -moz-transition: all 0.6s ease-out; -o-transition: all 0.6s ease-out; transition: all 0.6s ease-out; } .solution-item:hover { opacity: 0.9; } @media all and (min-width: 980px) { .solution-item:hover .solution-item-img { -moz-transform: scale(1.03); -o-transform: scale(1.03); -webkit-transform: scale(1.03); transform: scale(1.03); } } .solution-item-small { height: 300px; width: 318px; margin-bottom: 30px; } .solution-item-middle { width: 100%; height: 300px; } .solution-item:after { content: ''; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 7; -webkit-background: linear-gradient(to top, rgba(0,0,0,0.8), transparent 40%); -moz-background: linear-gradient(to top, rgba(0,0,0,0.8), transparent 40%); -o-background: linear-gradient(to top, rgba(0,0,0,0.8), transparent 40%); background: linear-gradient(to top, rgba(0,0,0,0.8), transparent 40%); } .solution-item-box { position: absolute; bottom: 30px; left: 38px; right: 4%; z-index: 10; color: #fff; } .solution-item-small .solution-item-box, .solution-item-middle .solution-item-box { bottom: 28px; left: 32px; } .solution-item-small .solution-item-box-name, .solution-item-middle .solution-item-box-name { margin-top: 11px; } .solution-item-box-name { font-size: 24px; line-height: 1.25em; margin-top: 18px; } .solution-item-box-icon { max-width: 55px; max-height: 55px; } /* --- BODY --- */ .body-black .wrapper { background: #1a1a1a; background: linear-gradient(to bottom, #1E1E1E, #030303); } .body-black .page-h1 { color: #fff; } /* --- PROD --- */ .prod-items { display: flex; flex-wrap: wrap; justify-content: flex-start; } .prod-item { width: 433px; height: 346px; display: block; position: relative; margin: 0px 31.5px 31px 0px; background: #333333; } .prod-item:after { content: ''; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; z-index: 0; opacity: 0; } .prod-item:nth-child(3n) { margin-right: 0px; } .prod-item:after { transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; background: #05B6E0; background: linear-gradient(to bottom, #00C3E0, #1F67D5); -moz-background: linear-gradient(to bottom, #00C3E0, #1F67D5); -o-background: linear-gradient(to bottom, #00C3E0, #1F67D5); background: linear-gradient(to bottom, #00C3E0, #1F67D5); } .prod-item:hover:after { opacity: 1; } .prod-item-name { font-size: 16px; color: #fff; position: absolute; bottom: 13.5%; left: 11.5%; width: 38%; line-height: 1.45em; text-shadow: 0px 0px 0px #757575; z-index: 20; } .prod-item::before { content: ''; position: absolute; top: 11%; left: 12%; width: 20px; height: 19px; z-index: 10; -webkit-transition: all 0.15s ease-out; -moz-transition: all 0.15s ease-out; -o-transition: all 0.15s ease-out; transition: all 0.15s ease-out; background: url(/local/templates/b2b/images/products/prod-folder.png?v=1) no-repeat center center; } .prod-item:hover:before { background: url(/local/templates/b2b/images/products/prod-folder-white.png?v=2) no-repeat center center; } .prod-item-img { position: absolute; bottom: 0px; right: 0px; z-index: 5; max-width: 57%; max-height: 75%; } /* --- SELECT --- */ .select { width: 100%; border: none; font-weight: 500; padding: 14px 25px 14px 18px; background: #f9f7f8; height: 100%; border-radius: 5px; font-size: 14px; } .select + span { width: 40px; height: 100%; background: url(/local/templates/b2b/images/select-arr.png) no-repeat center center #f9f7f8; display: block; position: absolute; right: 0px; top: 0px; border-radius: 5px; } .select option { font-weight: 500; } .select-items { display: flex; margin-bottom: 35px; align-items: center; width: 100%; position: relative; z-index: 20; } .select-item-wrap { margin-bottom: 12px; } .select-item { width: 326px; max-width: 100%; border: 1px solid #E7E7E7; border-radius: 4px; margin-right: 14px; position: relative; z-index: 10; } .select-item:last-child { margin-right: 0px; } .select-reset-wrap { position: absolute; right: 19px; top: -117px; } .security__list .select-reset-wrap { top: -62px; } .select-reset { display: inline-block; margin-left: 18px; color: #0ca3dd; border-bottom: 1px dotted #0ca3dd; line-height: 1.2em; position: relative; cursor: pointer; } .select-reset:hover { opacity: 0.8; } .select-reset:after { content: 'x'; color: #f00; position: absolute; right: -16px; top: 0px; } .chosen-container { text-align: left; } .chosen-container .chosen-drop { margin-top: -48px; outline: none; border-radius: 3px; border: 1px solid #E7E7E7; width: 100.7%; left: -1px; } .chosen-container-single .chosen-search { padding: 6px 8px 6px; } .chosen-container .chosen-results li[data-option-array-index="0"]:first-child { display: block; } .chosen-container-single .chosen-single span { color: #000; padding: 14px 0px 14px 20px; font-size: 14px; font-weight: 500; } .chosen-container-single .chosen-single div { top: 1px; background: url(/local/templates/b2b/images/select-arr.png) no-repeat center center; } .chosen-container-single .chosen-single { background: #F9F7F8; border: none; border-radius: 4px; } .chosen-container-single .chosen-search input[type="text"] { font-size: 14px; font-weight: 500; font-family: 'HelveticaNeue', Helvetica, sans-serif; } .chosen-container .chosen-results li.highlighted { background: #0e99dc; } .chosen-container .chosen-results li { padding: 7px 14px; font-size: 14px; font-weight: 500; color: #000; } .select-item-wrap .chosen-container-single .chosen-single { background: #ffffff; } .select-item-wrap .select-item { max-width: 100%; } /* --- breadcrumbs --- */ .breadcrumbs { display: flex; padding: 47px 0px 0px; } .breadcrumbs-name-wrap { display: inline-block; } .breadcrumbs-name { color: #9c9c9c; font-size: 13px; display: inline-block; margin-right: 56px; position: relative; -webkit-transition: color 0.15s ease-out; -moz-transition: color 0.15s ease-out; -o-transition: color 0.15s ease-out; transition: color 0.15s ease-out; } a.breadcrumbs-name:hover { color: #3197EC; } .breadcrumbs-name:after { content: ''; position: absolute; right: -41px; top: 50%; margin-top: -1px; width: 25px; height: 1px; background: #9c9c9c; } .breadcrumbs-name-wrap:last-child .breadcrumbs-name::after { display: none; } .breadcrumbs-black { position: relative; z-index: 20; } .breadcrumbs-abs { position: absolute; top: 3px; width: 100%; left: 0px; z-index: 20; } .breadcrumbs-black .breadcrumbs-name { color: #dcdcdc; } .breadcrumbs-abs .breadcrumbs-name { color: #bdbdbd; } .breadcrumbs-black .breadcrumbs-name:after { background: #c3c3c3; } .breadcrumbs-abs .breadcrumbs-name:after { background: #bdbdbd; } .breadcrumbs-white .breadcrumbs-name:after { background: #fdfdfd; } .breadcrumbs-white .breadcrumbs-name { color: #fdfdfd; } a.breadcrumbs-home, a.breadcrumbs-home:hover, .breadcrumbs-black .breadcrumbs-home, .breadcrumbs-abs .breadcrumbs-home { color: transparent; width: 13px; } .breadcrumbs-home::before { content: ''; position: absolute; left: 0px; top: 2px; width: 13px; height: 13px; display: inline-block; background: url(/local/templates/b2b/images/home-black.png) no-repeat center center; opacity: 0.4; } .breadcrumbs-abs:before { opacity: 0.6; } .breadcrumbs-black .breadcrumbs-home::before { background: url(/local/templates/b2b/images/home-white.png) no-repeat center center; opacity: 0.6; } .breadcrumbs-white .breadcrumbs-home::before { background: url(/local/templates/b2b/images/home-white.png) no-repeat center center; opacity: 1; } .breadcrumbs-wrap { position: relative; } /* --- Detail --- */ .detail-h1 { text-align: left; font-size: 40px; padding-top: 40px; margin-bottom: 12px; } .detail-date { font-size: 15px; font-weight: 300; margin: 0px 0px 35px; color: #000; text-shadow: 0px 0px 0px #a9a9a9; } .detail { font-size: 16px; line-height: 1.6em; margin: 0px 0px 95px; } .detail p { margin-bottom: 30px; } .detail img { margin: 12px 0px 7px; max-width: 100%; min-width: 100%; height: auto !important; } .detail .texts-page img { min-width: auto; } .detail .texts-page img[align=right] { margin-left: 27px; } .detail iframe { width: 100%; height: 448px !important; } .detail h2 { font-size: 30px; margin-bottom: 22px; } .detail .texts { font-weight: normal; line-height: 1.6em; letter-spacing: 0px; } .detail .texts ul { margin-bottom: 35px; } .detail-share-wrap { position: relative; display: flex; align-items: center; margin-top: 6px; } .detail-share { background: #F3F3F3; display: inline-block; padding: 21px 80px 20px 29px; color: #000; font-weight: 500; line-height: 1em; position: relative; -webkit-transition: all 0.15s ease-out; -moz-transition: all 0.15s ease-out; -o-transition: all 0.15s ease-out; transition: all 0.15s ease-out; cursor: pointer; font-size: 16px; } .detail-share:hover { background: #e2e2e2; } .detail-share:after { content: ''; position: absolute; right: 24px; top: 50%; margin-top: -11px; width: 18px; height: 21px; background: url(/local/templates/b2b/images/share.svg) no-repeat center center; } .detail-clear { height: 30px; width: 100%; } .detail-share-box { margin-left: 25px; display: none; } .detail-share-box2 { position: relative; display: block; } .ya-share2__link { margin-right: 4px; } /* --- OTHER --- */ .other-h1 { font-size: 35px; text-align: center; margin-bottom: 45px; } .news-noslider { display: flex; flex-wrap: nowrap; justify-content: center; } .news-slider { display: block; white-space: nowrap; overflow: hidden; flex-wrap: wrap; width: 104%; height: 468px; } .news-slider.slides-enabled { overflow: visible; white-space: normal; width: 100%; } .news-slider .news-item { float: left; } .news-slider .slides-prev-next-button.previous { left: 0px; bottom: auto; top: -72px; background: url(/local/templates/b2b/images/left-black.png) no-repeat center center; } .news-slider .slides-prev-next-button.next { right: 0px; bottom: auto; left: auto; top: -72px; background: url(/local/templates/b2b/images/right-black.png) no-repeat center center; } .slides-button:disabled { opacity: .2; } /* --- FEED --- */ .feed-wrap { width: 452px; text-align: left; } .form-row { display: flex; justify-content: space-between; position: relative; z-index: 1; } .form-row .placebox { width: 46.9%; } .feed-wrap .agree { margin-bottom: 23px; } /* --- Type detail --- */ .type-h1 { font-size: 56px; line-height: 1.05em; margin: 40px 0px 40px -2px; } .type-img { margin: 0px 0px 82px; min-height: 274px; } .type-items { display: flex; flex-wrap: wrap; } .type-item { width: 25%; letter-spacing: -0.3px; padding-right: 3%; margin-bottom: 50px; } .type-item-name { margin-bottom: 16px; font-weight: bold; font-size: 14.5px; line-height: 1.55em; padding-right: 6.9%; } .type-item-text { line-height: 1.7em; font-size: 14px; margin-bottom: 15px; } .type-item-icon { width: 47px; height: 47px; margin: 0px 0px 32px; background: #2E80EC; border-radius: 100%; display: flex; align-items: center; justify-content: center; } .type-item-icon>span { display: inline-block; width: 55%; height: 55%; background: url(/local/templates/b2b/images/no_photo.png) no-repeat center center; } .type-item-link { color: #3397EF; font-weight: 500; line-height: 1.5em; display: inline; -webkit-transition: all 0.15s ease-out; -moz-transition: all 0.15s ease-out; -o-transition: all 0.15s ease-out; transition: all 0.15s ease-out; border-bottom: 1px solid transparent; } .type-item-link:hover { border-bottom: 1px solid #0CA2DF; } .type-nav { height: 168px; width: 100%; display: flex; justify-content: center; margin-top: 26px; } .type-nav-item { display: block; height: 100%; width: 48.86%; background: rgb(4,189,226); color: #fff; text-align: center; font-size: 24px; font-weight: normal; line-height: 1.3em; display: flex; justify-content: center; align-items: center; position: relative; padding: 0px 11%; } .type-nav-item>span { z-index: 30; } .type-nav-item:after { content: ''; width: 13px; height: 20px; margin-top: -9px; background: url(/local/templates/b2b/images/slider-next.png) no-repeat center center; position: absolute; top: 50%; right: 7%; z-index: 30; } .type-nav-item-left:after { right: auto; left: 7%; background: url(/local/templates/b2b/images/slider-prev.png) no-repeat center center; } .type-nav-item:before { content: ''; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: rgba(0,0,0,0.55); z-index: 10; -webkit-transition: all 0.15s ease-out; -moz-transition: all 0.15s ease-out; -o-transition: all 0.15s ease-out; transition: all 0.15s ease-out; } .type-nav-item:hover:before { opacity: 0.8; } .type-nav-item-left + .type-nav-item-right { margin-left: 30px; } /* --- Sk --- */ .sk-back { width: 100%; height: 670px; position: relative; margin-bottom: 164px; } .sk-back .center { position: relative; height: 100%; z-index: 30; } .sk-back:after { content: ''; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 5; background: rgba(0,0,0,0.5); } .sk-head { position: relative; z-index: 30; width: 50%; margin-bottom: 9.5%; } .sk-head h1 { color: #fff; font-size: 60px; line-height: 1em; } .sk-box { padding: 55px 70px 53px 84px; display: inline-block; font-size: 24px; line-height: 1.3; width: 49%; color: #fff; position: relative; z-index: 1; } .sk-box::after { content: ''; position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; z-index: -1; background: rgb(4,189,226); background: linear-gradient(180deg, rgba(4,189,226,1) 0%, rgba(27,107,216,1) 100%); } .sk-box::before { content: ''; position: absolute; top: -20px; right: -22px; width: 371px; z-index: -2; height: 130px; background: url(/local/templates/b2b/images/sk/sk-dots.png) no-repeat center center; } .sk-btm { position: absolute; bottom: -89px; } .sk-text-big { font-size: 24px; font-weight: 500; line-height: 1.4em; margin-bottom: 52px; } .sk-text { font-size: 16px; line-height: 1.6em; } .sk-text p { margin-bottom: 25px; } .sk-items { display: flex; justify-content: space-between; width: 100%; margin-bottom: 55px; } .sk-item-left { width: 61.5%; padding-top: 1.5%; padding-right: 9%; } .sk-item-right { width: 38.5%; } .sk-item-img-wrap { margin-bottom: 24px; } .sk-grey { background: #F9F7F8; padding: 5.6% 3% 5% 6.6%; display: flex; justify-content: space-between; margin-bottom: 63px; } .sk-grey-left { width: 31%; margin-top: 6px; } .sk-grey-left .sk-item-img-wrap { margin-bottom: 0px; } .sk-grey-right { width: 69%; padding-left: 4.1%; padding-right: 1%; } .sk-grey-head { font-size: 22px; line-height: 1.7em; font-weight: 500; color: #1e1e1e; margin-bottom: 52px; } .sk-grey-head strong { font-weight: bold; } .sk-p { padding-right: 16.5%; margin-bottom: 10px; } .sk-blue { background: #0D9CDE; background: linear-gradient(to right, #05BBE2, #1B6CD8); -moz-background: linear-gradient(to right, #05BBE2, #1B6CD8); -o-background: linear-gradient(to right, #05BBE2, #1B6CD8); background: linear-gradient(to right, #05BBE2, #1B6CD8); color: #fff; padding: 60px 0px 60px; margin: 0px 0px 123px; } .sk-blue-flex { display: flex; justify-content: space-between; } .sk-blue-left { width: 100%; font-size: 19px; line-height: 1.9em; font-weight: 500; /*padding-right: 9%;*/ text-align: center; } .sk-blue-left iframe { margin-bottom: 12px; } .sk-blue-left h2 { color: #fff; font-size: 36px; font-weight: bold; line-height: 1.25em; margin-bottom: 36px; } .sk-blue-right { width: 51%; margin-top: 1%; } .sk-map { width: 692px; height: 375px; background: #e9e9e9; margin-bottom: -57px; border-bottom: 1px solid #000; } .sk-form { padding-bottom: 8.8%; } .sk-form-left { width: 42.3%; padding-top: 1.5%; } .sk-form-right { width: 49%; padding-right: 9%; } .sk-form-head { font-size: 30px; line-height: 1.25em; font-weight: bold; margin-bottom: 42px; } .sk-form .form-right-img:after { right: auto; left: -45px; bottom: -71px; } .map-content { color: #000; } /* --- TEXTS --- */ .texts { color: #1e1e1e; line-height: 1.75em; font-size: 16px; font-weight: 500; letter-spacing: -0.1px; } .texts-middle { font-size: 16.5px; letter-spacing: 0px; } .texts table, .texts p { margin-bottom: 9px; } .texts ul, .texts ol { margin-bottom: 55px; } .texts ul li, .texts ol li { position: relative; padding-left: 56px; padding-left: 45px; margin-top: 9px; margin-bottom: 9px; } .texts ul li:before { content: ''; position: absolute; left: 0px; top: 11px; width: 28px; height: 2px; border-top: 1px solid #03BDE3; border-bottom: 1px solid #1094DE; } .card-security .texts ul li:before { width: 6px; height: 6px; border-radius: 50%; background-color: #1b1f2a; border: none; top: 1em; margin-top: -6px; } .card-security .texts ul li, .card-security .texts ol li { padding-left: 17px; margin-left: 1px; } .texts h2 { margin-top: 15px; line-height: 1.4em; } .texts h2:first-child { margin-top: 0px; } .texts h3 { margin-bottom: 15px; margin-top: 15px; line-height: 1.4em; } .texts h3:first-child { margin-top: 0px; } .texts h3:last-child { margin-top: 0px; } .texts img { width: auto !important; height: auto !important; } .constructor-block .texts iframe { margin: 15px 0px 15px; width: 100% !important; height: 767px !important; } /* --- Bx --- */ .bx-core-adm-dialog { z-index: 6000 !important; } form[name=projectsFilter_form] { display: none; } .not-found { text-align: center; font-size: 19px; margin: 0px 0px 0px; padding-top: 100px; width: 100%; color: #1c1c1a; font-weight: 300; letter-spacing: 0.7px; text-shadow: 0px 0px 1px #e3e3e3; line-height: 1.6em; } .hero.hero-shadow { background: none; } .hero-shadow:before { content: ''; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 5; background: rgba(0,0,0,0.6); } .solutions .hero-shadow:before { background: rgba(0,0,0,0.3); } .hero-shadow .hero-content { z-index: 10; } .hero-shadow .hero-content__title h1 { font-size: 60px; } .hero-shadow .hero-content__title * { color: #fff !important; } .hero-shadow .hero-content__title br { display: none; } .hero-shadow .hero-content__title { max-width: 60%; margin-bottom: 9.2%; } .hero-shadow .hero-content { bottom: -77px; } .solutions .hero-shadow .hero-content { bottom: -3%; } .hero-shadow .hero-content__text { margin-bottom: 0px; position: relative; padding: 55px 84px; padding: 4% 6%; min-height: 130px; max-width: 34.1%; } .hero-content__text_hidden { visibility: hidden; } .hero-shadow .hero-content-middle { bottom: 0px; top: 43%; } .hero-shadow .hero-content__text::before { content: ''; position: absolute; top: -20px; right: -18px; width: 371px; z-index: -1; height: 130px; background: url(/local/templates/b2b/images/sk/sk-dots.png) no-repeat center center; } .project-description-wrap { width: 100%; } .project-description-wrap .project-description__text { font-size: 24px; font-weight: 500; line-height: 1.5em; width: 51%; } .project-description-wrap .project-description__company { width: 49%; } .project-description-wrap .project-description__container { width: 68%; padding: 6.5% 6% 6.3% 6.5%; margin-top: 5px; box-shadow: 0 0 26px 25px #efefef; display: flex; justify-content: center; align-items: center; } .project-description__grid { align-items: center; } .project-description__container { background: #fff; } .project-description-wrap .project-description__logo-description { font-size: 16.5px; line-height: 1.65em; font-weight: 500; padding-right: 2%; max-width: 63%; } .project-description__container img { margin-top: 5px; } .project-description-wrap .project-description__text_full { width: 100%; } .project-content.constructor-content { padding-top: 71px; font-size: 16.5px; font-weight: 500; line-height: 1.55em; } .project-content.constructor-content .constructor-block.constructor-block--bordered .item-text { padding: 6.9% 4% 6.9% 6.5%; border-right: 1px solid #e8e8e8; margin-right: -1px; } .project-content.constructor-content .constructor-block.constructor-block--bordered .item-img { padding: 6.9% 6.5% 6.9% 6.5%; text-align: center; } .description { font-size: 13px; color: #797979; margin-top: 11px; text-align: left; display: block; } .constructor-block--right-padding .constructor-block__grid { justify-content: center; align-items: center; } .constructor-block--right-padding .item .text { padding: 50px 0px; } .constructor-block .constructor-text { font-weight: 500; line-height: 1.5em; } .constructor-video-wrap { margin: 78px 0px 78px; } .constructor-video { background: #1E1E1E; height: 667px; margin-bottom: 20px; } .constructor-video-img { height: 100%; width: 100%; } .constructor-equipment-wrap .constructor-equipment { margin-top: 72px; padding: 60px 85px 76px; } .constructor-title { font-size: 36px; line-height: 1.3em; text-align: center; font-weight: 500; } .equipment__list .item .name:before { margin-top: 1px; } .equipment__list .item .name { font-weight: 500; padding-right: 4px; line-height: 1.65em; } .equipment__list .item .value { min-width: 50px; font-weight: 500; } .constructor-equipment-wrap .equipment__list .item + .item { margin-top: 12px; } .constructor-equipment-wrap .equipment__list .item:after { background: none; border-top: 1px dotted #BFBDBE; } .project-gallery__header { position: relative; } .project-gallery-slides { height: 501px; width: 100%; text-align: center; overflow: hidden; } .project-gallery-slides img { margin-right: 2px; display: inline-block; height: 100%; } .project-gallery__header { margin-bottom: 37px; } .project-gallery-slides .slides-prev-next-button.previous, .project-gallery-slides .slides-prev-next-button.next { display: none; } .project-gallery-prev, .project-gallery-next { width: 54px; height: 54px; right: 0px; top: -4px; position: absolute; cursor: pointer; background: none; display: none; } .project-gallery-prev::before, .project-gallery-next::before { content: ''; position: absolute; top: 0px; right: 0px; width: 100%; height: 100%; } .project-gallery-prev:hover, .project-gallery-next:hover { background: #f9f8f8; } .project-gallery-prev { right: 54px; } .project-gallery-prev:before { background: url(/local/templates/b2b/images/left-black.png) no-repeat center center; } .project-gallery-next:before { background: url(/local/templates/b2b/images/right-black.png) no-repeat center center; } /* --- Prod slider wrap --- */ .prod-slider-wrap { width: 100%; margin-top: 45px; } .solutions-prod-slider-wrap { margin-bottom: 110px; width: 100%; } .prod-slider-wrap .constructor-title { margin-bottom: 47px; } .prod-slider { width: 100%; display: inline-block; white-space: nowrap; overflow: hidden; text-align: center; } .prod-slider .prod-item, .prod-slider .prod-item:nth-child(3n) { margin-right: 31.5px; display: inline-block; text-align: left; } .prod-slider-center .prod-item { margin-right: 0px !important; } .prod-slider.slides-enabled { display: block; white-space: normal; overflow: visible; } .prod-slider.slides-enable .slides-viewport { overflow: visible; } .prod-slider .slides-prev-next-button.previous { top: -93px; right: 55px; left: auto; bottom: auto; width: 54px; height: 54px; } .prod-slider .slides-prev-next-button.next { top: -93px; right: 0px; left: auto; bottom: auto; width: 54px; height: 54px; } .prod-slider .slides-prev-next-button.previous:before, .prod-slider .slides-prev-next-button.next:before { content: ''; position: absolute; top: 0px; left: 0px; height: 100%; width: 100%; background: url(/local/templates/b2b/images/left-black.png) no-repeat center center; } .prod-slider .slides-prev-next-button.next:before { background: url(/local/templates/b2b/images/right-black.png) no-repeat center center; } .prod-slider .slides-prev-next-button.previous:hover, .prod-slider .slides-prev-next-button.next:hover { background: #f9f8f8; } .prod-slider .slides-page-dots { left: 0px; bottom: -11px; width: 100%; } .prod-slider .slides-page-dots .dot { background: #cccccc; } .prod-slider .slides-page-dots .dot.is-selected { background: #000; } /* --- // --- */ .navigation__grid .left:hover, .navigation__grid .right:hover { opacity: 0.9; } .navigation-new .navigation__grid .left, .navigation-new .navigation__grid .right { width: 50%; } .navigation-new .navigation__grid { display: flex; justify-content: center; } .item-full:after { visibility: hidden; } .constructor-block__grid .item.item-full-width { width: 100%; border-right: 0px !important; } .equipment__list .item-full .name { max-width: 100% !important; } .constructor .constructor-block--right-padding .item + .item { padding-left: 8.5%; } .equipment-text { letter-spacing: 0px; } .equipment-text a { color: #000; -webkit-transition: all 0.15s ease-out; -moz-transition: all 0.15s ease-out; -o-transition: all 0.15s ease-out; transition: all 0.15s ease-out; } .equipment-text a:hover { color: #3197EC; } .equipment-text ul { margin-bottom: 15px; } /* --- Solutions --- */ .solutions .solutions-description__grid { padding: 52px 0 68px; align-items: center; } .solutions .texts h2 { font-size: 25px; margin-bottom: 36px; } .solutions .texts h3 { font-size: 24px; margin-bottom: 3px; line-height: 1.4em; } .solutions .texts { line-height: 1.6em; font-size: 16.5px; } .solutions .texts p { margin-bottom: 30px; } .solutions-description__grid .item.item-texts { width: 59.5%; padding-right: 5%; } .solutions-description__grid .item.item-full-width { width: 100%; } .solutions-description__grid .item + .item.item-img { width: 40.5%; padding-left: 0px; padding-top: 1%; } .solutions .constructor-block .constructor-text { padding-bottom: 22px; } .solutions .texts-list strong { font-size: 24px; color: #000; margin-bottom: 30px; font-weight: 500; display: inline-block; line-height: 1.4em; } .solutions .texts-list h2 { margin-bottom: 7px; font-size: 36px; } .texts a:hover { border-bottom: 1px solid #3197EC; } .texts-list { padding: 10px 0px 10px; } .texts-list4 { padding-top: 0px; } .solutions .constructor-block.constructor-block-margin .constructor-text { margin-bottom: 22px; } .solutions .texts-list2 h2 { margin-bottom: 17px; } .solutions .texts-list2 h3 { margin-bottom: 26px; } .solutions .item-img2 { padding-top: 66px; } .solutions .item-img3 { padding-top: 30px; } .solutions .soltuions-interesting { margin: 53px 0px 110px; } .soltuions-interesting .constructor-slider__header { margin-bottom: 50px; } .solution-slides { text-align: center; display: block; width: 100%; height: 230px; overflow: hidden; } .solution-slides-center { display: flex; flex-wrap: wrap; justify-content: center; } .solution-slides-item { width: 31.7%; height: 100%; white-space: normal; display: block; background: #F3F3F3; position: relative; text-align: left; margin-right: 2.1%; cursor: pointer; color: #000000; -webkit-transition: all 0.15s ease-out; -moz-transition: all 0.15s ease-out; -o-transition: all 0.15s ease-out; transition: all 0.15s ease-out; } .solution-slides-center .solution-slides-item:nth-child(3n) { margin-right: 0px; } .solution-slides-item:hover { background: #e8e8e8; } .solution-slides-item-box { position: absolute; bottom: 16%; left: 0px; width: 100%; padding: 0px 9% 0px 11%; } .solution-slides-item-name { font-weight: 500; font-size: 16.5px; line-height: 1.6em; margin-top: 20px; min-height: 40px; } .solutions .hero.hero-shadow { background: none; } .solution-slides.slides-enabled { display: block; overflow: visible; } .solution-slides.slides-enable .solution-slides-item:nth-child(3n) { margin-right: 2.1%; } .solution-slides.slides-enable .slides-viewport { overflow: visible; } .solution-slides .slides-prev-next-button.previous { top: -100px; right: 55px; left: auto; bottom: auto; width: 54px; height: 54px; } .solution-slides .slides-prev-next-button.next { top: -100px; right: 0px; left: auto; bottom: auto; width: 54px; height: 54px; } .solution-slides .slides-prev-next-button.previous:before, .solution-slides .slides-prev-next-button.next:before { content: ''; position: absolute; top: 0px; left: 0px; height: 100%; width: 100%; background: url(/local/templates/b2b/images/left-black.png) no-repeat center center; } .solution-slides .slides-prev-next-button.next:before { background: url(/local/templates/b2b/images/right-black.png) no-repeat center center; } .solution-slides .slides-prev-next-button.previous:hover, .solution-slides .slides-prev-next-button.next:hover { background: #f9f8f8; } .solution-slides .slides-page-dots { left: 0px; bottom: -42px; width: 100%; } .solution-slides .slides-page-dots .dot { background: #cccccc; } .solution-slides .slides-page-dots .dot.is-selected { background: #000; } /* --- // --- */ .page-link { color: #000; display: inline-block; margin-bottom: 25px; font-size: 16px; } .mob-aside-btn { display: none; } /* --- Notice cookie --- */ .notice-cookie { position: fixed; bottom: 0px; left: 0px; width: 100%; padding: 18px 70px 18px 60px; background: #1a6cd8; background: #333333; font-size: 15px; line-height: 1.6em; color: #fff; box-shadow: 0px 0px 15px #003a88; font-weight: normal; letter-spacing: 0.5px; text-align: left; z-index: 10000000; text-align: center; } .notice-cookie-close { cursor: pointer; width: 22px; height: 22px; position: absolute; top: 16px; right: 24px; -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: all 0.15s ease-out; -moz-transition: all 0.15s ease-out; -o-transition: all 0.15s ease-out; transition: all 0.15s ease-out; display: none; } .notice-cookie-close:hover { opacity: 0.5; } .notice-cookie-close:after { width: 100%; background: #fff; height: 2px; content: ''; position: absolute; right: 0px; top: 10px; } .notice-cookie-close:before { width: 2px; background: #fff; height: 100%; content: ''; position: absolute; right: 10px; top: 0px; } .notice-cookie-btn { display: block; background: #0041C1; text-align: center; color: #fff; padding: 16px 50px 15px; font-size: 15px; line-height: 1em; cursor: pointer; -webkit-transition: all 0.15s ease-out; -moz-transition: all 0.15s ease-out; -o-transition: all 0.15s ease-out; transition: all 0.15s ease-out; letter-spacing: 0.2px; margin: 0px auto; width: 190px; margin-top: 19px; } .notice-cookie-btn:hover { opacity: 0.8; } .notice-cookie a { color: #b6c6e4; } .notice-cookie a:hover { opacity: 0.8; } /* --- // --- */ .tablebodytext { display: none; } .iti__flag { background-image: url("/local/templates/b2b/images/flags.png"); } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .iti__flag { background-image: url("/local/templates/b2b/images/flags@2x.png"); } } .iti + .placeholder { left: 52px; pointer-events: none; } .iti__country { margin: 0; padding: 8px; } .iti__country-list { border: 0; /*overflow-y: hidden;*/ overflow: auto; margin: 1px 0 0 0; color: #000; max-height: 225px; } .iti__flag-container { padding: 0; } .partner-office-strong { margin: 0px 0px 5px; } /* --- Recaptcha --- */ .captcha { display: inline-block; position: relative; margin: -4px 0px 30px; } .foot .captcha { margin: 0px 0px 18px; } .detail .captcha .g-recaptcha iframe { height: 78px !important; } .detail .captcha { margin: 0px 0px 18px; } #feed .captcha { margin: -15px 0px 27px; } .captcha-act { outline: 1px solid #f00; } .captcha-reload { position: absolute; top: 11px; right: 15px; width: 55px; height: 46px; cursor: pointer; z-index: 10; } .captcha-copy { display: none; } .captcha-compact { text-align: center; width: 100%; max-width: 259px; } .captcha-compact .captcha { transform: scale(0.86); margin: -12px 24px 25px -21px; } /* --- Catalog --- */ .catalog-title { position: relative; } .catalog-title:before { content: ''; width: 74px; height: 190px; position: absolute; left: -38px; bottom: -25px; background: url(/local/templates/b2b/images/catalog-dots.png) no-repeat center center; z-index: -1; } /* --- Contact --- */ .contact-table { border-collapse: collapse; border-spacing: 0; width: 100%; } .contact-table td { text-align: left; padding: 13px 36px; font-size: 16px; line-height: 1.7em; color: #000000; } .contact-table tr td:first-child { color: #525252; } .contact-table tr:nth-child(odd) { background-color: #F3F3F3; } .contact-head { font-size: 30px; line-height: 1.3em; font-weight: 500; margin: 45px 0px 25px; } .contact-text { text-shadow: 0px 0px 0px #c9c9c9; width: 80%; } /* --- I-PRO --- */ .logo-i-pro-white { width: 172px; height: 45px; background: url(/local/templates/b2b/css/../images/logo-i-pro-white.svg) no-repeat center center; background-size: contain; position: absolute; z-index: 10; top: 80px; left: 51px; } .i-pro-title:after { content: ''; width: 152px; height: 60px; position: absolute; left: 20px; top: -88px; background: url(/local/templates/b2b/css/../images/logo-i-pro-white.svg) no-repeat center center; z-index: 10; background-size: contain; /* top: 0px; */ } .i-pro-icon { width: 204px; height: 47px; margin: 0px 0px 39px 1px; top: -88px; background: url(/local/templates/b2b/css/../images/logo-i-pro-white.svg) no-repeat center center; z-index: 10; background-size: contain; } /* --- // --- */ /* End */ /* Start:/local/templates/b2b/css/artem.css?179275134224094*/ /* --- PROJECTS --- */ .hero { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; /*background-image: url(/local/templates/b2b/images/projects/1/hero.jpg);*/ background-size: cover; background-repeat: no-repeat; background-position: top center; max-height: 750px; height: 750px; } .hero-image { position: absolute; top: 0; left: 0; width: 100%; display: none; } .hero-content { color: #fff; position: absolute; bottom: 0; z-index: 10; } .hero-image img { position: relative; top: 0; right: 0; width: 100%; height: 100%; object-fit: cover; } .hero-image:after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(180deg,rgba(23,60,142,.6) 14%,hsla(0,0%,100%,0) 68%); } .hero-content__title { color: #fff; margin-bottom: 140px; max-width: 50%; font-size: 60px; } .hero-security .hero-content__title { max-width: 90%; } .hero-content__title h1 { color: #fff; font-size: 48px; } .hero-content__text { padding: 65px 84px; display: inline-block; font-size: 24px; line-height: 1.4; max-width: 465px; margin-bottom: -76px; background: rgb(4,189,226); background: linear-gradient(180deg, rgba(4,189,226,1) 0%, rgba(27,107,216,1) 100%); } .project-description__text { font-size: 24px; font-weight: bold; width: 50%; } .constructor-content { line-height: 1.4; } .project-description__grid { display: flex; } .project-description__container { padding: 48px 130px; box-shadow: 0 0 40px 40px #00000009; } .project-description { background: #f9f8f8; padding: 124px 0 72px; } .project-description__company { display: flex; align-items: center; justify-content: center; width: 50%; } .project-description__logo-description { font-size: 16px; } .project-description__container img { max-width: 94%; max-height: 100px; } .project-description__container_text img { max-width: 48%; min-width: 30%; } .constructor p + p, .project p + p, .solutions p + p { margin-top: 25px; } .constructor-block.constructor-block--bordered { border: 1px solid #e8e8e8; } .constructor-block.constructor-block--bordered .item + .item { border-left: 1px solid #e8e8e8; } .constructor-block__grid { display: flex; } .constructor-block__grid .item { width: 50%; } .constructor-content { padding-top: 74px; } .constructor-block.constructor-block--bordered .item { padding: 100px 90px; } .constructor-block + .constructor-block { margin-top: 65px; } .constructor-line, .line { background: rgb(4,189,226); background: linear-gradient(180deg, rgba(4,189,226,1) 0%, rgba(27,107,216,1) 100%); width: 100%; height: 2px; } .constructor-block--right-padding .item .text { display: flex; flex-direction: column; justify-content: center; height: 100%; } .constructor-block--right-padding .item + .item { padding-left: 115px; } .constructor-block--bordered .constructor-block__grid { align-items: center; justify-content: center; } .constructor-line { margin: 65px 0; } .constructor-text { margin-bottom: 65px; font-size: 24px; font-weight: bold; max-width: 70%; } .constructor-equipment { background: #f9f8f8; padding: 65px 85px; margin-top: 65px; } .project-title, .constructor-slider--title { font-size: 36px; text-align: center; font-weight: 500; } .equipment__list .item { display: flex; justify-content: space-between; max-width: 75%; position: relative; padding-left: 56px; } .equipment__list .item .name { max-width: 70%; background: #f9f8f8; position: relative; z-index: 1; font-size: 16px; } .equipment__list .item .value { position: relative; background: #f9f8f8; position: relative; z-index: 1; font-size: 16px; } .equipment__list .item:after { content: ''; display: block; background: url(/local/templates/b2b/images/int.jpg); background-repeat: repeat-x; height: 1px; width: calc(100% - 56px); position: absolute; top: 16px; } .equipment__list .item + .item { margin-top: 22px; } .equipment__list .item .name:before { content: ''; display: block; width: 28px; height: 2px; position: absolute; left: -56px; top: 10px; background: rgb(4,189,226); background: linear-gradient(180deg, rgba(4,189,226,1) 0%, rgba(27,107,216,1) 100%); } .equipment__list { margin-top: 45px; } .project-gallery, .project-products, .soltuions-interesting { margin-top: 65px; } .constructor-slider__header { margin-bottom: 40px; } .constructor-slider__arrows { position: relative; } .constructor-slider__arrows .slick-prev { background-image: url(/local/templates/b2b/images/left-black.png); right: 46px; } .constructor-slider__arrows .slick-next { background-image: url(/local/templates/b2b/images/right-black.png); right: 0; } .constructor-slider__arrows .slick-prev, .constructor-slider__arrows .slick-next { bottom: -3px; } .product-card--mini { position: relative; background-color: #333333; background-repeat: no-repeat; background-position: bottom right; height: 347px; padding: 40px; margin: 0 15px; } .product-card--mini .product__name { color: #fff; max-width: 50%; } .product-card__grid { display: flex; align-items: flex-end; height: 100%; } .product-card--mini:after { content: ''; position: absolute; left: 40px; top: 40px; width: 18px; height: 16px; margin-top: -7px; background: url(/local/templates/b2b/images/icon-folder.png) no-repeat center center; } .constructor-slider__dots-list button { display: none; } .constructor-slider__dots-list li { width: 36px; margin: 0px 4px; padding: 12px 0; cursor: pointer; } .constructor-slider__dots-list { display: flex; align-items: center; justify-content: center; margin-top: 23px; } .constructor-slider__dots-list li:before { content: ''; height: 2px; display: block; width: 100%; background: #cccccc; } .constructor-slider__dots-list li.slick-active:before { background: #000; } .share__button { font-size: 16px; color: #000; line-height: 57px; font-weight: 500; background: #f3f3f3; display: inline-block; width: 200px; padding-left: 30px; background-image: url(/local/templates/b2b/images/share.svg); background-size: 18px; background-repeat: no-repeat; background-position: 155px 20px; } .share { margin-top: 10px; } .constructor-navigation { margin-top: 65px; } .navigation__grid .left, .navigation__grid .right { position: relative; line-height: 168px; background: rgb(4,189,226); background: linear-gradient(180deg, rgba(4,189,226,1) 0%, rgba(27,107,216,1) 100%); width: 100%; text-align: center; color: #fff; font-size: 24px; font-weight: normal; cursor: pointer; } .navigation__grid { display: flex; } .navigation__grid .left + .right { margin-left: 30px; } .navigation__grid .left .arrow { background-image: url(/local/templates/b2b/images/slider-prev.png); left: 7%; } .navigation__grid .right .arrow { background-image: url(/local/templates/b2b/images/slider-next.png); right: 7%; } .navigation__grid .left .arrow, .navigation__grid .right .arrow { width: 13px; height: 20px; background-repeat: no-repeat; position: absolute; top: calc(50% - 9px); } /* --- // --- */ .solutions .hero { background-image: url(/local/templates/b2b/images/solutions/1/hero.jpg); } .constructor--title { font-size: 24px; color: #000; margin-bottom: 15px; font-weight: 500; } .constructor h2 { font-size: 36px; } .constructor-block__grid .item img + img { margin-top: 60px; } .solution-card--mini { background: #f3f3f3; padding: 28px 42px; min-height: 230px; display: flex; flex-direction: column; justify-content: center; } .solution-card--mini .solution__name { font-weight: 500; } .solution__icon { margin-bottom: 15px; } .solutions-description__grid { display: flex; padding: 65px 0 90px; } .solutions-description__grid .item { width: 50%; } .solutions-description__grid .item + .item { padding-left: 115px; } .solutions-description { background: #f9f8f8; } .solutions .hero-content__title h1 { font-size: 58px; } .soltuions-interesting__slider .item { margin-right: 30px; } .mb-25 { margin-bottom: 25px; } .mb-35 { margin-bottom: 35px; } .mb-45 { margin-bottom: 45px; } .mw-70 { max-width: 70%; } .fs-16 { font-size: 16px; } .partners .hero { height: 316px; } .partners .hero-content__title { margin-bottom: 4%; } .partners .hero-content__title h1 { font-weight: 300; } .partners-content { margin-top: 59px; } .hero-partners:before { content: ''; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 1; background: rgba(0,0,0,0.3); } .hero-security.hero-partners:before { -webkit-background: linear-gradient(to bottom, transparent, #0b0f15); -moz-background: linear-gradient(to bottom, transparent, #0b0f15); -o-background: linear-gradient(to bottom, transparent, #0b0f15); background: linear-gradient(to bottom, transparent, #0b0f15); } /* --- PARTNERS --- */ .partners__grid { display: flex; } .partners__grid .aside { width: 24%; } .partners__grid .aside + .content { width: 76%; margin-left: 32px; } .aside-block { background: #f3f3f3; padding: 29px 31px; position: relative; z-index: 5; } #catalog-filter-form .aside-block { padding: 28px 11px 29px 28px; } .aside-block-only { padding: 3px 31px 19px; z-index: 3; } .aside--title { font-size: 20px; font-weight: 500; } #catalog-filter-form .aside--title { font-size: 19.5px; line-height: 1.2em; letter-spacing: -0.12px; } #catalog-filter-form .aside-block-security .aside--title { font-weight: normal; text-shadow: 0px 0px 0px #a9a9a9; } #catalog-filter-form .aside-block-security.aside-block { padding: 26px 28px 28px 28px; } #catalog-filter-form .aside-block-security.aside-block-group { margin-top: 0px; padding-top: 0px; } .catalog-filter-form-security .aside-block-hide { display: none; } .catalog-filter-form-security .chosen-container-single .chosen-single span { padding: 12.5px 0px 12.5px 20px; } #catalog-filter-form .aside-block-security .select-item-wrap { margin: 19px 0px 0px -1px; position: relative; } .aside__checkbox-list { margin-top: 22px; font-weight: 500; } .catalog-filter-form-security .aside__checkbox-list { margin-top: 18px; margin-bottom: -5px; } .aside__selection-list { margin-top: 20px; display: flex; flex-direction: column; } aside__checkbox-list ul li { margin-bottom: 12px; } .aside-block + .aside-block { margin-top: 18px; } .aside__selection-list select + select { margin-top: 12px; } .aside-submit { /*display: none;*/ } .partners__list .item { padding: 32px 36px 34px; box-shadow: 0 0 40px #dadada; font-weight: 500; letter-spacing: -0.3px; } .partners__list .item + .item { margin-top: 28px; } .partners__list { position: relative; min-height: 214px; } .partners__list_loading:after { content: ''; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 10; background: #ffffff; opacity: 0.5; } .partners__list_loading:before { content: ''; position: absolute; top: 90px; left: 50%; width: 40px; height: 40px; background: url(/local/templates/b2b/images/loading.gif) no-repeat center center; -o-background-size: cover !important; -webkit-background-size: cover !important; -khtml-background-size: cover !important; -moz-background-size: cover !important; background-size: cover !important; margin-left: -28px; z-index: 20; } .partner__grid-content { display: flex; justify-content: space-between; } .partner__grid-content .column { width: 25%; word-wrap: break-word; } .partner__grid-content .column1 { width: 30%; padding-right: 5.7%; } .partner__grid-content .column2 { width: 26%; padding-top: 5px; padding-right: 3%; } .partner__grid-content .column3 { width: 27%; } .partner__grid-content .column4 { width: 17%; } .partners-h2-wrap { position: relative; } .partners-h2 { font-size: 36px; margin-bottom: 35px; position: relative; } .partners-breadcrumbs { position: relative; } .partner__name { font-size: 20px; font-weight: 500; line-height: 1.2em; margin-top: 1px; } .partner__distributor { display: flex; align-items: center; font-size: 12.5px; font-weight: 500; line-height: 1.3em; } .partner__information { display: flex; justify-content: flex-start; margin-top: 15px; line-height: 1; } .offices-list__popup { display: none; } .partner__additional-information { margin-top: 15px; background: #f3f3f3; padding: 13px 21px; font-weight: 500; line-height: 1.35em; } .partner__phone a { color: #000; font-size: 20px; font-weight: bold; -webkit-transition: all 0.15s ease-out; -moz-transition: all 0.15s ease-out; -o-transition: all 0.15s ease-out; transition: all 0.15s ease-out; } .partner__phone a:hover { color: #0041c0; } .partner__phone { margin-top: 11px; line-height: 1; } .partner__site a { font-weight: bold; } .partner__site a.link { position: relative; } .partner__site a.link:after { content: ''; position: absolute; bottom: -2px; left: 0px; width: 100%; height: 0px; opacity: 0.5; background: #0CA2DF; -webkit-background: linear-gradient(to right, #07B7E0, #1387DA); -moz-background: linear-gradient(to right, #07B7E0, #1387DA); -o-background: linear-gradient(to right, #07B7E0, #1387DA); background: linear-gradient(to right, #07B7E0, #1387DA); -webkit-transition: all 0.15s ease-out; -moz-transition: all 0.15s ease-out; -o-transition: all 0.15s ease-out; transition: all 0.15s ease-out; } .partner__site a.link:hover:after { height: 2px; opacity: 1; } .partner__site { margin-top: 12px; line-height: 1; } .partner__address { line-height: 1.4em; } .partner--title { font-weight: bold; } .partner__distributor-categories { line-height: 1.75em; } .partner-badges__grid { display: flex; flex-wrap: wrap; } .partner-badges__grid .badge { width: auto; height: 70px; text-align: center; } .partner-badges__grid .badge img { max-height: 100%; max-width: 100%; } .partner-badges__grid .badge { margin-right: 13px; margin-bottom: 13px; } .aside__city-list .field + .field { margin-top: 12px; } .aside__city-list { margin-top: 20px; } .aside__city-list .select-item-wrap:last-child { margin-bottom: 6px; } .select-item-wrap-country { z-index: 20; position: relative; } .select-item-wrap-city { z-index: 10; position: relative; } .select-items-wrap { display: flex; margin: 16px 0px 0px; justify-content: space-between; width: 100%; } .select-items-wrap .select-item-wrap { width: 48.9%; } .select-items-wrap .select-item { width: 100%; } .aside__checkbox-list label { display: flex; align-items: flex-start; justify-content: flex-start; } .aside__checkbox-list li { padding: 0; } .aside__checkbox-list li:last-child { margin-bottom: 5px; } .partner__information .partner__distributor { margin-right: 13%; } .partner__distributor:before { content: ''; display: block; width: 15px; height: 15px; margin-right: 8px; background: url(/local/templates/b2b/images/partners/star.png); background-repeat: no-repeat; background-size: contain; margin-top: -1px; } .partner__offices { display: flex; align-items: center; } .partner__offices a { font-size: 12.5px; cursor: pointer; position: relative; padding-left: 21px; font-weight: bold; } .partner__offices a>span { position: relative; line-height: 1; } .partner__offices a>span:after { content: ''; position: absolute; bottom: -2px; left: 0px; width: 100%; height: 0px; opacity: 0.5; background: #0CA2DF; -webkit-background: linear-gradient(to right, #07B7E0, #1387DA); -moz-background: linear-gradient(to right, #07B7E0, #1387DA); -o-background: linear-gradient(to right, #07B7E0, #1387DA); background: linear-gradient(to right, #07B7E0, #1387DA); -webkit-transition: all 0.15s ease-out; -moz-transition: all 0.15s ease-out; -o-transition: all 0.15s ease-out; transition: all 0.15s ease-out; } .partner__offices a:hover>span:after { opacity: 1; height: 2px; } .partner__offices a:before { content: ''; display: block; width: 13px; height: 13px; background: url(/local/templates/b2b/images/partners/offices.png); background-repeat: no-repeat; background-size: contain; position: absolute; left: 0px; margin-top: -1px; } .partner__categories strong { margin: 2px 0px 1px; } span.star { width: 15px; height: 15px; display: inline-block; background: url(/local/templates/b2b/images/partners/star.png); background-repeat: no-repeat; background-size: contain; filter: grayscale(1); margin: 4px 0px 0px 11px; } .offices-list #modbox { padding: 0; } .offices-list#black-wrap { background: rgba(0,0,0,0.4); } .offices-list__wrapper { width: 666px; text-align: left; } .offices-list__header { padding: 34px 114px 20px 31px; display: flex; flex-wrap: wrap; background: #F3F3F3; } .offices-list__content { background: #fff; max-height: 68vh; overflow: auto; } .office-not-found { display: none; margin: 27px 0px 29px; font-size: 15px; font-weight: 500; } .offices-list__list { padding: 4px 0px 3px; box-shadow: 0px 2px 4px #a9a9a9; margin-bottom: -3px; } .offices-list__list .office { display: none; justify-content: space-between; padding: 23px 19px 21px 33px; border-bottom: 1px solid #E7E5E6; text-align: left; line-height: 1.5em; } .offices-list__list .office-show { display: flex; } .offices-list__company { max-width: 70%; margin-right: 28px; font-size: 20px; font-weight: 500; line-height: 1.2em; } .offices-list__header .field { width: 45%; text-align: left; margin-top: 20px; } .offices-list__header .field + .field { margin-left: 10px; } .office__address { font-size: 14px; font-weight: 500; width: 37%; padding-right: 5%; line-height: 1.5em; } .office__phone { width: 42%; padding-right: 2%; } .office__phone a { color: #000; font-size: 19px; font-weight: bold; -webkit-transition: color 0.15s ease-out; -moz-transition: color 0.15s ease-out; -o-transition: color 0.15s ease-out; transition: color 0.15s ease-out; } .office__phone a:hover { color: #0041c0; } .office__site a { font-weight: bold; font-size: 14px; } .office__site { width: 25%; margin-top: 5px; word-wrap: break-word; } /* --- FIELDS --- */ .selector-field { position: relative; } .selector-field.active .selector-field__header { border-bottom: 0; border-bottom-left-radius: 0; border-bottom-right-radius: 0; border-color: #3A4B5A; z-index: 1; } .selector-field__container { display: none; position: absolute; top: 100%; width: 100%; background-color: #fff; border: 1px solid #3A4B5A; border-top: 0; box-shadow: 0 2px 6px rgba(43, 64, 109, 0.3); overflow: hidden; border-bottom-left-radius: 16px; border-bottom-right-radius: 16px; z-index: 1; } .selector-field__item { font-size: 14px; padding: 0 16px; line-height: 48px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; cursor: pointer; } .selector-field__item:hover, .selector-field__item.selected { background: #EEEEEE; } .selector-field.dirty .selector-field__label { top: 8px; font-size: 12px; line-height: 12px; } .selector-field.dirty .selector-field__value { position: relative; } .selector-field.no-label .selector-field__value { top: 0; } .selector-field__header { position: relative; height: 48px; border: 1px solid #DEE0E3; border-radius: 8px; padding: 15px 46px 15px 16px; font-size: 14px; font-weight: 500; line-height: 24px; background-image: url("data:image/svg+xml,%0A%3Csvg width='14' height='9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1l6 6 6-6' stroke='%237D888D' stroke-width='2'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: calc(100% - 21px) center; background-color: #FFFFFF; cursor: pointer; } .selector-field__label { position: absolute; top: 0; line-height: 48px; color: #7D888D; } .selector-field__value { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 14px; line-height: 1; } .selector-field__label + .selector-field__value { position: relative; top: 8px; } .checkbox { position: relative; } .checktext { margin-top: 1px; line-height: 1.5em; -webkit-transition: color 0.15s ease-out; -moz-transition: color 0.15s ease-out; -o-transition: color 0.15s ease-out; transition: color 0.15s ease-out; display: inline-block; cursor: pointer; } .checktext:hover { color: #0041c0; } .checktext-range { margin-top: 2px; } .checkbox:before { content: ''; display: block; width: 24px; height: 24px; background: white; margin-right: 14px; border-radius: 4px; border: 1px solid #e7e7e7; cursor: pointer; } #catalog-filter-form .checkbox:before { border-radius: 1px; } #catalog-filter-form .checkbox-radio .checkbox:before { border-radius: 100%; } .js-checkbox-field input:checked + label:after { content: ''; display: block; position: absolute; width: 12px; height: 12px; background: blue; top: 6px; left: 6px; } .js-checkbox-field.checkbox-radio input:checked + label:after { border-radius: 100%; } /* --- --- */ .js-checkbox-field.second input:checked + label:after{ left: 20px; top: 7px; width: 6px; height: 6px; } .js-checkbox-field.second .checkbox:before{ height: 16px; width: 16px; margin-right: 11px; margin-top: 2px; } .js-checkbox-field.second .checktext{ font-size: 12px; } .product-card-row { /*align-items: center;*/ } .product-card__price{ display: block; } .display-card-col2-list{ margin-bottom: 20px; } .display-card-col2-list h3{ font-weight: 400; } .display-card-col2-list li{ padding-left: 0; margin-bottom: 5px; } .card-col3-icons.display-card img{ padding: 0 2px 20px; } .display-card-item-text{ font-size: 14px; line-height: 21px; font-weight: 400; margin-bottom: 15px; } .display-card-item-minitext{ font-size: 10px; opacity: 0.7; } .card-accessories-slide{ min-height: 495px; } .js-checkbox-field{ display: flex; justify-content: space-between; align-items: flex-start; } .js-checkbox-field.second{ margin-left: 15px; /*display: none;*/ } .checkbox__button{ position: relative; height: 16px; width: 16px; cursor: pointer; margin: 3px 17px 0px 0px; } .checkbox__button span:first-child::after, .checkbox__button span:first-child::before, .checkbox__button span:last-child:before{ content: ""; height: 1px; width: 16px; background: #525252; position: absolute; top: 50%; } .checkbox__button span:first-child:before{ transform: rotate(90deg); } .disbl{ display: block !important; } .second-wrapper label { max-width: 84%; } @media (min-width: 0px) and (max-width: 979px){ .card-accessories-slide{ min-height: none; } .display-card-item-text{ font-size: 20px; } .display-card-col2-list h3{ font-size: 24px; } .display-card-col2-list li{ font-size: 20px; } } /* End */ /* Start:/local/templates/b2b/css/catalog.css?179275134215925*/ .product-card-row{display:flex;justify-content:space-between} .product-card__image{width:29%;padding-right:3.5%;display:flex;align-items:flex-start;justify-content:center;flex-shrink:0} .product-card__image_wrap{transition: all 0.15s ease-out;} .product-card__image_wrap:hover{opacity:0.9;} .product-card__price{flex-shrink:0;display:flex;flex-direction:column;justify-content:flex-end} .product-card__price p{font-size: 26px; line-height: 31px; color: #2E2E2E; font-weight: 400; text-shadow: 0px 0px 0px #f3f3f3;} .product-card__price .btn{margin:14px 0px 7px; font-weight: normal;padding: 17px 38px 16px;} .product-card__info{width:100%;/*padding-right:36px*/} .product-card-title{display:flex;margin-bottom: 17px;} .product-card-title p{font-size:26px;line-height:31px;color:#2E2E2E;font-weight: normal;text-shadow: 0px 0px 0px #f3f3f3;} .product-card-title a {color:#2E2E2E;text-decoration: none;} .product-card-title a:hover {color:#0041C1} .product-card-badge{ font-size: 14px;line-height: 17px;text-align: center; color: #FFF;align-self: flex-start;flex-shrink: 0;padding: 3.5px 11px 3px;margin-top: 3px;margin-left: 15px;font-weight: normal;letter-spacing: 0.1px;} .product-card-badge.new{background-color:#EB5959} .product-card-badge.prelim{background-color:#32B16C} .product-card-badge.discontinued{background-color:#d36163} .product-card-chars{margin-top:16px} .product-char-item{display:flex;align-items:flex-start} .card .product-char-item {margin-bottom: 15px;} .product-char-item p{font-size:14px;letter-spacing:.02em;color:#525252;margin-bottom:7px;flex-shrink:0;width:119px;padding: 6.5px 6px 7px 11px;font-weight: normal;text-shadow: 0px 0px 0px #e4e4e4; position: relative;} .product-char-item a {color:#525252;text-decoration: none;} .product-char-item a:hover {color:#0041C1} .product-char-item p::before{ content: ''; margin-right: 7px; width: 3.3px; height: 3.3px; border-radius: 100%; background: #525252; position: absolute; left: 0px; top: 14px; display: block; } .product-char-item__badges{display:flex;flex-wrap:wrap;align-items:flex-start} .product-char-item__badges span{background:#F3F3F3;font-size:14px;line-height:17px;color:#000;padding:7px 14px 9px;margin-right:7px;margin-bottom:7px} .card .product-char-item__badges span {text-shadow: 0px 0px 0px #a1a1a1;} .product-card-icons{display:flex;flex-wrap:wrap;margin-top: 25px;} .product-char-icon{display: inline-block;margin-right:19px;margin-bottom:20px;max-width: 90px;max-height: 33px;transition:all ease 300ms;} a.product-char-icon:hover{opacity: 0.75;} .product-card-text{font-size:11px;line-height:160.5%;color:#2E2E2E;opacity:0.7;} .product-card-text-big{font-size: 18px;font-weight: normal;margin-top: 21px;color: #2E2E2E;letter-spacing: 0.2px;text-shadow: 0px 0px 1px #bfbfbf;margin-bottom: 7px;line-height: 1.3em;padding-right:14px;} .product-card-text-item{opacity: 0.7;font-size: 14.4px;color: #2E2E2E;margin-bottom: 2px;} .card-col2 .product-card-text-item {opacity: 1;} .card-col2 .product-card-text-big {margin-top: -10px;margin-bottom: 11px; } .product-card-text-wrap{margin-bottom: 18px;} .aside-block-buttons{display:flex;flex-direction:column;margin-top:23px} .aside-block-buttons .btn-white{margin-top:20px} .btn-white{display:inline-block;background:#fff;text-align:center;color:#0041C1;border:1px solid #0041C1;padding:17px 49px 16px;font-size:15px;line-height:1em;cursor:pointer;-webkit-transition:all .15s ease-out;-moz-transition:all .15s ease-out;-o-transition:all .15s ease-out;transition:all .15s ease-out;letter-spacing:.2px} .btn-white:hover{background-color:#0CA2DF;border-color:#0CA2DF;color:#fff} .btn-white-black {width: 100%; color: #2E2E2E; border: 1px solid #2E2E2E; margin: 20px 0px 0px; } .catalog-top-row{display:flex;justify-content:space-between;align-items:center;position:relative;} .catalog-top-anchor{position:absolute;width:100%;height:1px;top:-100px;} .catalog-top-row:not(:first-child){margin-top:21px} .switch-buttons{display:flex} .switch-buttons-small{width:100%} .switch-button{font-size:20px;line-height:1.2;text-align:center;color:#2E2E2E;padding:17px 20px 18px;height:62px;border:1px solid #F3F3F3;background-color:#fff;min-width:284px;cursor:pointer;-webkit-transition:all ease 300ms;-moz-transition:all ease 300ms;-ms-transition:all ease 300ms;-o-transition:all ease 300ms;transition:all ease 300ms} .switch-buttons-small .switch-button{font-size:16px;display: flex;align-items: center;justify-content: center;min-width: 235px;max-width: 235px;text-shadow: 0px 0px 0px #d9d9d9;line-height: 1.32em;} .switch-button-youtube{ min-width: 89px; margin-left: 18px; align-items: center; justify-content: center;display: flex;} .switch-button:not(.active):hover{border-color:#1879DA} .switch-button.active{color:#fff;cursor:default;background-image:linear-gradient(180deg,#05B8E3 0%,#1879DA 100%)} .switch-button:not(:first-child){margin-left:20px} .switch-pressit{margin-top: 2px;} .catalog-top-logo{display:flex;align-items:center} .catalog-top-logo img{display:block} .catalog-top-logo__item:not(:first-child){margin-left:40px} .catalog-top-logo__item img{-webkit-transition:all ease 300ms;-moz-transition:all ease 300ms;-ms-transition:all ease 300ms;-o-transition:all ease 300ms;transition:all ease 300ms} .catalog-top-logo__item:hover img{transform: scale(1.02);} .catalog-link-group{background:#F3F3F3;width:100%;display:flex;justify-content:space-between;padding:0px 25px 0px;} .catalog-link{white-space:nowrap;letter-spacing: 0.1px;/*cursor:pointer;*/padding:19.5px 2.5% 20px;background-color:transparent;font-size:16px;line-height:1.2em;color:#2E2E2E;-webkit-transition:all ease 300ms;-moz-transition:all ease 300ms;-ms-transition:all ease 300ms;-o-transition:all ease 300ms;transition:all ease 300ms} .catalog-link-big{width: 50%; text-align: center;} .catalog-link{cursor: pointer;} .catalog-link-group-security .catalog-link {text-shadow:0px 0px 0px #d9d9d9;width: 25%;text-align: center;} /*.catalog-link>span:hover{color:#167edb}*/ .catalog-link>span{position:relative;} .catalog-link>span:before {content: '';position: absolute;bottom: -2px;left: 0px;width: 100%;height: 0px;opacity: 0.5; background: #0CA2DF; -webkit-background: linear-gradient(to right, #07B7E0, #1387DA); -moz-background: linear-gradient(to right, #07B7E0, #1387DA); -o-background: linear-gradient(to right, #07B7E0, #1387DA); background: linear-gradient(to right, #07B7E0, #1387DA); -webkit-transition: all 0.15s ease-out; -moz-transition: all 0.15s ease-out; -o-transition: all 0.15s ease-out; transition: all 0.15s ease-out; } /*.catalog-link>span:hover:before { height: 1.5px; opacity: 1; }*/ .catalog-link:hover, .catalog-link-active { background: #F8F8F8; } .catalog-link:hover>span, .catalog-link-active>span { color: #0041C1; text-shadow: 0px 0px 0px #d2e8ff; } .catalog-h2-wrap{margin-top:42px; position: relative;display: flex;justify-content: space-between;align-items: flex-start;} .catalog-h2 {font-size: 48px;margin-bottom: 35px;position: relative;font-weight: 400;text-shadow: 0px 0px 0px #f3f3f3;} .radio{position:relative} .radio:before{content:'';display:block;width:24px;height:24px;background:#fff;margin-right:14px;border:1px solid #e7e7e7;border-radius:50%} .js-radio-field input:checked + label:after{content:'';display:block;position:absolute;width:12px;height:12px;background:blue;top:6px;left:6px;border-radius:50%} .radiotext{margin-top:2px;line-height:1.5em;-webkit-transition:color .15s ease-out;-moz-transition:color .15s ease-out;-o-transition:color .15s ease-out;transition:color .15s ease-out;display:inline-block;cursor:pointer} .aside-consult-form{margin-top:55px;background:linear-gradient(167.73deg,#03BDE3 5.9%,#2B74DB 72.22%);padding:30px;color:#fff} .catalog-filter-empty + .aside-consult-form {margin-top: 1px;} .aside-consult-form-mobile{display:none} .aside-form__title{font-size:36px;line-height:1;color:#FFF;margin-bottom:25px} .aside-consult-form .placeholder{color:rgba(255,255,255,0.8);background-color:transparent} .aside-consult-form .input{color:#fff;border-color:#fff} .aside-consult-form .btn{width:100%;padding-top: 17px;} .aside-consult-form .agree-text a,.aside-consult-form .agree-text{color:#FFF;font-weight:400;line-height:1.5em;} .aside-consult-form .checkbox-label{flex-shrink:0} .catalog__list .item { padding: 34px 35px 33px 34px;} #catalog-filter-archive { margin-top: 50px; } .catalog-top-logo__item.switch-button{ margin-left:20px; } .catalog-link:hover{ background: #F8F8F8; } .catalog-link-group{ padding-right: 0; padding-left: 0; } .catalog-link:first-child, .catalog-link:last-child { padding-left: 45px; padding-right: 45px; } .catalog-link-group-display .catalog-link { padding-left: 4.5%; padding-right: 4.5%; } .catalog-link-group-display .catalog-link:first-child, .catalog-link-group-display .catalog-link:last-child { padding-left: 85px; padding-right: 85px; } .aside-consult-form .agree { margin: 27px 0px 30px; } .aside-consult-form .agree + .agree { margin-top: -14px; } .aside-consult-form .agree-text a:hover { color: #e2e2e2 !important; } .catalog__list { position: relative; min-height: 214px; } .catalog__list_loading:after { content: ''; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 10; background: #ffffff; opacity: 0.5; } .catalog__list_loading:before { content: ''; position: absolute; top: 90px; left: 50%; width: 40px; height: 40px; background: url(/local/templates/b2b/images/loading.gif) no-repeat center center; -o-background-size: cover !important; -webkit-background-size: cover !important; -khtml-background-size: cover !important; -moz-background-size: cover !important; background-size: cover !important; margin-left: -28px; z-index: 20; } .catalog-filter { margin: 18px 0px; display: none; } .catalog-filter-first { margin-top: 0px; } .catalog-filter-show { display: block; } .catalog-filter .aside__checkbox-list li { margin-bottom: 16px; position: relative; } .catalog-filter-form-security .catalog-filter .aside__checkbox-list li { margin-bottom: 12px; } .catalog-filter .aside__checkbox-list li:last-child { margin-bottom: 5px; } .second-childs { display: none; } .catalog-filter .aside__checkbox-list li.second-childs { margin: 0px; padding: 6px 12px 10px 0px; letter-spacing: -0.15px; } .catalog-filter-submit-copy { position: absolute; right: -82px; top: 0px; padding: 2px 10px 2px 7px; background: #08ace1; color: #fff; font-size: 12px; box-shadow: 0 0 4px #d1d1d1; z-index: 100; cursor: pointer; letter-spacing: 0.2px; height: 23px; display: none; } .select-item-wrap .catalog-filter-submit-copy { top: 12px; right: -96px; } .filter-range .catalog-filter-submit-copy { top: 9px; right: -97px; } .second-childs .catalog-filter-submit-copy { right: -102px; } .catalog-filter-submit-copy:before { content: ''; position: absolute; left: -10px; top: 0px; width: 0; height: 0; border-top: 12px solid transparent; border-bottom: 11px solid transparent; border-right: 10px solid #08ace1; } .catalog-filter-submit-copy:hover { background: #0041c1; } .catalog-filter-submit-copy:hover:before { border-right: 10px solid #0041c1; } .select-catalog-sort-wrap { width: 274px; margin-top: 6px; border: 1px solid #E7E7E7; border-radius: 4px; position: relative; } .select-catalog-sort-wrap .chosen-container-single .chosen-single span { color: #2e2e2e; } @media all and (min-width: 0px) and (max-width: 979px) { .catalog-top-row{flex-direction:column} .catalog-top-logo{ margin-top: 25px; margin-bottom: 10px; align-self: flex-end; margin-right: 29px;} .catalog-h2-wrap .mob-aside-btn{right:0;top:-13px;} .catalog-h2 {font-size: 45px;margin-bottom: 40px; max-width: 86%;} .catalog-top-row .switch-button {min-width:184px;} .catalog-top-row .switch-button-pressit {min-width:150px;} .product-card-row{flex-direction:column} .product-card__image{width:100%;padding-right:0} .product-card__info{padding-right:0;margin-top:20px} .product-card__price{margin-top:20px;text-align:center;} .product-card-row{padding-right:16px} .aside .aside-consult-form{display:none} .aside-consult-form-mobile{display:block;padding: 42px 47px 44px;} .product-card__image img{max-height:250px} .product-card__price .btn {margin: 32px 0px 11px;font-size: 23px;padding: 23px 40px 26px;} .select-catalog-sort-wrap {width: 338px;margin-top: 56px;} .catalog-filter-submit-copy {right: -5px;top: -4px;padding: 8px 21px 8px 16px;font-size: 18px;height: 35px;} .catalog-filter-submit-copy:before {border-top: 17px solid transparent;border-bottom: 17px solid transparent;border-right: 10px solid #08ace1;} } /* --- Security --- */ .security-category { box-shadow: 0 0 40px #dadada; width: 442px; height: 250px; margin: 0px 18.5px 19px 0px; display: flex; align-items: center; } .security-category:nth-child(3n) { margin-right: 0px; } .security-category-list { display: flex; flex-wrap: wrap; margin: 0px 0px -12px; } .security-category-left { text-align: center; width: 45%; min-width: 45%; padding: 0px 3% 0px 1.7%; } .security-category-right { width: 55%; } .security-category-left a { transition: all 0.15s ease-out; } .security-category-left a:hover { opacity: 0.9; } .security-category-name { font-size: 22px; color: #2E2E2E; line-height: 1.2em; padding-right: 18%;f display: inline-block; transition: all 0.15s ease-out; letter-spacing: -0.1px; } .security-category-name:hover { color: #0041C1; } .security-category-btn { padding: 17px 50px 17px; line-height: 1em; margin: 23px 0px 0px; } .product-card-inline { display: flex; align-items: flex-end; justify-content: space-between; } .product-card-preview-text { font-size: 14.4px; line-height: 1.6em; font-weight: 400; margin-bottom: 15px; color: #525252; } .product-card-icons-security { margin-top: 9px; } .product-card-icons-security .product-char-icon { max-height: 30px; max-width: 100%; margin-right: 27px; margin-bottom: 19px; } .product-card-inline .btn { font-weight: normal; padding: 17px 46px 17px; margin-bottom: 1px; } .item-security .product-card__image { width: 25.5%; padding-right: 6%; padding-left: 1%; margin-top: -6px; } .item-security .product-card__info { padding-top: 8px; } .item-security .product-card-badge.prelim { background-color: #8859EB; } .catalog__list .item-security { padding-top: 44px; } .catalog-filter-form-security .chosen-container .chosen-drop { -webkit-box-shadow: 0 5px 8px rgba(0,0,0,.3); box-shadow: 0 5px 8px rgba(0,0,0,.3); } .filter-range { display: flex; align-items: center; justify-content: space-between; margin: 17px 0px -4px; position: relative; } .filter-range-center { position: relative; width: 10px; height: 1px; background: #2E2E2E; min-width: 10px; margin: 0px 6px; } .filter-range-input { border: 1px solid #e7e7e7; width: 44.4%; padding: 13px 19px; font-weight: 500; font-family: 'HelveticaNeue', Helvetica, sans-serif; border-radius: 3px; font-size: 14.5px; } /* --- // --- */ /* End */ /* Start:/local/templates/b2b/css/card.css?179275134238948*/ .card-description { display: flex; flex-direction: row; justify-content: space-between; align-items: flex-start; padding-bottom: 45px; padding-top: 45px; position: relative; } .card-line { width: 100%; padding-bottom: 33px; margin-bottom: 8px; border-bottom: 1px solid #E3E3E3; } .card-security .card-line { padding-bottom: 14px; } .card-description-border-none { border: none; } .card-col1, .card-col2{ display: block; width: calc(40% - 60px); } .card .card-col1 { min-width: 36%; } .card-gallery-swiper, .card-gallery-swiper-off { width: 100%; height: 320px; margin-bottom: 20px; } .card-security .card-gallery-swiper, .card-security .card-gallery-swiper-off { height: 425px; margin-bottom: 10px; } .card-gallery-slide { display: flex; flex-direction: row; justify-content: center; align-items: center; padding: 12px 20px; } .card-gallery-thumbs-off .swiper-slide { cursor: pointer; } .card-gallery-slide img { max-width: 100%; max-height: 100%; /*min-width: 320px;*/ } .card-gallery-thumbs-container { position: relative; padding-left: 3em; padding-right: 3em; display: block; } .card-gallery-thumbs { height: 20%; box-sizing: border-box; } .card-gallery-thumbs .swiper-slide { width: 33.333%; height: 100%; height: 87px; opacity: 1; padding: 1px; } .card-security .card-gallery-thumbs .swiper-slide { height: 115px; } .card-gallery-thumbs-off .swiper-slide { width: 31%; opacity: 1; padding: 3px; margin-right: 3.6%; } .card-gallery-thumbs-off .swiper-slide .card-gallery-thumb-inner { min-height: 87px; border: 1px solid #fff; } .card-security .card-gallery-thumbs-off .swiper-slide .card-gallery-thumb-inner { min-height: 115px; } .card-gallery-thumbs .swiper-slide-active .card-gallery-thumb-inner, .card-gallery-thumbs-off .swiper-slide-active .card-gallery-thumb-inner { border: 1px solid #e3e3e3; } .card-gallery-thumb-inner { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; padding: 5px 6px; } .card-gallery-thumbs .swiper-slide img { max-width: 100%; max-height: 100%; } .preliminary-mark { position: absolute; top: 7px; right: 0; z-index: 100; } .card-gallery-arrow-next, .card-gallery-arrow-prev{ position: absolute; top: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); cursor: pointer; } .card-gallery-arrow-prev { left: 10px; content: url("/local/templates/b2b/images/card/gallery_arrow_prev.svg"); } .card-gallery-arrow-next { right: 0; content: url("/local/templates/b2b/images/card/gallery_arrow.svg"); } .card-col2, .card-col3{ display: flex; flex-direction: column; justify-content: space-between; align-items: flex-start; } .card-col2 { margin: 0 60px; margin: 0 3%; } .card-col2-title { font-size: 40px; line-height: 1.15em; margin-bottom: 25px; color: #2E2E2E; font-weight: normal; } .card-col2-list { list-style-type: disc; width: 100%; } .card-col2-list li { display: list-item; margin-bottom: 30px; margin-left: 18px; padding-left: 0; } .card-col2-list li:last-child { margin-bottom: 0; } .card-col2-list-block { display: flex; flex-direction: row; justify-content: space-between; max-width: 80%; margin-bottom: 30px; } .card-col2-list-block span { padding-top: 8px; } .card-col2-list-items { display: flex; flex-direction: column; } .card-col2-list-item{ background: #F3F3F3; padding: 8px 15px; font-size: 14px; line-height: 121%; color: #000000; } .card-col2-list-item:not(:last-child) { margin-bottom: 8px; } .card-col2-text { font-size: 14px; line-height: 1.65em; position: relative; /*max-height: 120px;*/ text-shadow: 0px 0px 0px #d9d9d9; overflow: hidden; max-width: 100%; font-weight: normal; } .card-col2-text-detail { display: none; } .card-col2-text p, .card-col2-text ul, .card-col2-text ol { margin-bottom: 10px; } .card-specification-text { text-shadow: 0px 0px 0px #c9c9c9; width: 75%; } .card-col2-text.card-expand { overflow: visible; max-height: 100% !important; } #readMore, #accessoriesShow, .card-download-block-link{ background: none; color: #0041C1; font-size: 14px; line-height: 1.3em; border-bottom: 1px dashed #0041C1; cursor: pointer; display: inline-block; } .card-download-block-link:hover { opacity: 0.8; } #readMore { margin-top: 15px; } #readMore:hover { opacity: 0.9; } .card-col3-price-block, .card-col3-icon-block{ display: flex; flex-direction: column; justify-content: space-between; align-items: flex-start; padding: 37px 35px 44px; background: #F3F3F3; max-width: 305px; } .card-col3-price { font-size: 32px; line-height: 119%; color: #2E2E2E; margin-bottom: 16px; } .card-col3-btn { display: flex; align-items: center; justify-content: center; width: 236px; height: 51px; background: #0041C1; color: #FFFFFF; cursor: pointer; font-size: 16px; line-height: 225%; } .card-col3-btn:hover, .card-all-videos-btn:hover { background: #0066E2; color: #fff; } .card-col3-icon-block { margin-top: 10px; padding-right: 23px; width: 100%; } .card-col3-icons img { padding: 0 11px 20px 0px; transition:all ease 300ms; } .card-col3-icons a img:hover { opacity: 0.8; } .card-col3-icon-block-text { font-size: 12px; line-height: 160.5%; color: #2E2E2E; } .card-specification { display: flex; flex-direction: column; justify-content: space-between; align-items: center; } .card-specification .card-h1 { color: #2E2E2E; font-size: 36px; margin-bottom: 35px; font-weight: 400; line-height: 1.1em; } .card-specification-table { border-collapse: collapse; border-spacing: 0; width: 100%; font-weight: normal; } .card-specification-table table { border-collapse: collapse; border-spacing: 0; width: 100%; } .card-specification-table * { word-wrap: break-word; } .card-specification .card-specification-table table * { text-align: left !important; } .card-specification-table table strong, .card-specification-table table b { font-size: 17px; color: #2E2E2E; } .card-specification-table td, .card-specification-table th { text-align: left; padding: 13px 36px; font-size: 14.6px; line-height: 1.7em; /* padding: 13px 0px; */ color: #000000; } .card-specification-table th p, .card-specification-table td p { margin-bottom: 2px; } .card-specification-table tr td:first-child { color: #525252; font-size: 15.4px; } .card-specification-table tr:nth-child(odd) { background-color: #F3F3F3; } .card-specification-table .p-products__anchor-links { display: none; } .card-accessories { display: flex; width: 100%; flex-direction: column; justify-content: space-between; align-items: center; position: relative; height: 0; overflow: hidden; margin-top: -40px; } .card-accessories-expand { overflow: visible; height: 100%; margin-top: 0; } .card-accessories-tabs { display: flex; flex-direction: row; justify-content: center; align-items: flex-start; flex-wrap: wrap; margin-bottom: 10px; } .card-accessories-tabs li { margin-bottom: 30px; } .card-accessories-tab-link { background: transparent; padding: 10px 20px; font-size: 16px; line-height: 225%; color: #2E2E2E; } .card-accessories-tab-link:hover, .card-tab-link-active{ background: linear-gradient(180deg, #05B8E3 0%, #1879DA 100%); color: #FFFFFF; } #accessoriesShow { position: absolute; right: 0; top: 60px; } .card-accessories-tab-blocks { position: relative; width: 100%; } .card-accessories-tab-block { position: relative; padding-left: 3em; padding-right: 3em; width: 100%; height: 100%; } .card-accessories-tab-block-hide { visibility: hidden; position: absolute; top: 0px; left: 0px; } .card-accessories-arrow-next, .card-accessories-arrow-prev{ position: absolute; top: 50%; cursor: pointer; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .card-accessories-arrow-prev { left: 10px; content: url("/local/templates/b2b/images/card/gallery_arrow_prev.svg"); } .card-accessories-arrow-next { right: 0; content: url("/local/templates/b2b/images/card/gallery_arrow.svg"); } .card-accessories-swiper { height: 100%; width: 100%; box-shadow: 0px 0px 40px #dadada; } .card-accessories-swiper-off { height: 100%; width: 100%; } .card-accessories-swiper-off + .card-accessories-arrow-prev, .card-accessories-swiper-off + .card-accessories-arrow-prev + .card-accessories-arrow-next { display: none; } .card-accessories-swiper-off .swiper-wrapper { justify-content: center; padding-left: 20px; } .card-accessories-swiper-off { margin: -20px -20px; padding: 20px; } .card-accessories-slide { display: flex; flex-direction: column; /*justify-content: space-between;*/ align-items: flex-start; align-self: stretch; box-shadow: 0px 0px 40px #DADADA; padding: 40px 30px; max-width: 305px; margin-right: 20px; } .card-accessories-slide-content { flex: 1; width: 100%; } .card-accessories-swiper-off .card-accessories-slide { max-width: 295px; margin: 0px 10px; } .card-accessories-img { height: 200px; text-align: center; display: block; transition:all ease 300ms; margin: 0 auto 15px; } .card-accessories-img:hover { opacity: 0.9; } .card-accessories-img img { max-height: 100%; } .card-accessories-title { font-size: 24px; line-height: 120%; color: #2E2E2E; font-weight: 400; } .card-accessories-title a { color: #2E2E2E; transition:all ease 300ms; } .card-accessories-title a:hover { color: #0041C1 !important; } .card-accessories-items { display: flex; flex-direction: column; justify-content: space-between; align-items: flex-start; } .card-accessories-item { background: #F3F3F3; padding: 8px 15px; font-size: 14px; line-height: 121%; color: #000000; } .card-accessories-item:not(:last-child) { margin-bottom: 8px; } .card-accessories-btn { width: 100%; height: 50px; border: 1px solid #0041C1; background: transparent; display: flex; flex-direction: row; justify-content: center; align-items: center; font-size: 16px; line-height: 225%; text-align: center; color: #0041C1; margin-top: 30px; } .card-specification-border-none { border: 0px !important; padding-bottom: 0px; margin-bottom: 0px; } .card-specification-padding-none { padding-bottom: 0px; margin-bottom: 0px; padding-top: 0px; } .card-specification-padding-top-none { padding-top: 0px; } .card-accessories-btn:hover { background-color: #0CA2DF; border-color: #0CA2DF; color: #FFFFFF; } .card-calc-text { text-align: center; font-size: 16px; line-height: 150%; color: #000000; margin: 0 140px; } .open-calc-btn { width: 286px; margin: 30px 0; } .card-calc-download { font-size: 16px; line-height: 225%; color: #0041C1; position: relative; padding-left: 30px; display: inline-block; } .card-calc-download:hover { opacity: 0.8; } .card-calc-download:before { margin-right: 10px; background-image: url("/local/templates/b2b/images/card/calc-download.svg"); background-size: 19px 19px; display: inline-block; width: 19px; height: 19px; content:""; position: absolute; left: 0px; top: 50%; margin-top: -10px; } .card-downloads-blocks { display: flex; flex-direction: row; justify-content: center; align-items: center; width: 100%; margin: 45px 0 75px; } .card-download-block { width: 25%; border: 1px solid #E3E3E3; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 75px 0.7% 90px; align-self: stretch; } .card-download-block2 { padding: 55px 0.7% 70px; } .card-download-block { /*border-right: none;*/ margin-left: -1px; } .certificates-block { border-right: 1px solid #E3E3E3; } .card-download-block-icon { height: 70px; } .card-download-block-icon img { max-height: 100%; } .card-download-block-text { margin-top: 30px; display: flex; flex-direction: column; justify-content: space-between; align-items: center; } .card-download-block h6 { font-size: 18px; line-height: 117%; text-align: center; color: #000000; font-weight: 400; margin-bottom: 15px; } .card-feedbacks-block { position: relative; padding-left: 2.5em; padding-right: 2.5em; width: 100%; height: 100%; } .card-feedbacks-swiper { width: 100%; height: 100%; } .card-feedbacks-block-center .swiper-wrapper { justify-content: center; } .card-feedbacks-block-center .card-feedbacks-arrow-prev, .card-feedbacks-block-center .card-feedbacks-arrow-next { display: none; } .card-feedbacks-slide { display: flex; flex-direction: column; /*justify-content: space-between;*/ align-items: flex-start; background: #F3F3F3; padding: 50px 30px 60px; cursor: default; max-width: 309px; margin-right: 20px; } .card-feedbacks-block-center .card-feedbacks-slide { max-width: 25%; margin: 0px 10px; } a.card-feedbacks-slide { cursor: pointer; } .card-feedbacks-slide:hover { background: linear-gradient(180deg, #05B8E3 0%, #1879DA 100%); color: #FFFFFF; } .card-feedbacks-slide:hover .card-feedbacks-text, .card-feedbacks-slide:hover .card-feedbacks-name { color: #FFFFFF; } .card-feedbacks-name { font-size: 24px; line-height: 120%; color: #2E2E2E; } .card-feedbacks-rate { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; margin: 10px 0 13px; } .card-feedbacks-text { font-size: 15px; line-height: 160%; color: #000000; } .card-feedbacks-arrow-next, .card-feedbacks-arrow-prev { position: absolute; cursor: pointer; top: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .card-feedbacks-arrow-prev { left: 10px; content: url("/local/templates/b2b/images/card/gallery_arrow_prev.svg"); } .card-feedbacks-arrow-next { right: 0; content: url("/local/templates/b2b/images/card/gallery_arrow.svg"); } .card-video-block { display: flex; flex-direction: column; justify-content: space-between; align-items: flex-start; margin: 5px auto 30px; overflow: hidden; width: 100%; height: 100%; position: relative; padding-bottom: 56.25%; } .card-video-wrap { padding: 60px 6% 0px; } .card-video-block iframe{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; } .card-video-description { display: flex; flex-direction: row; justify-content: space-between; align-items: center; width: 100%; margin: 0 auto; } .card-video-col1 { display: flex; flex-direction: column; justify-content: space-between; align-items: flex-start; } .card-video-col1 h5 { margin-bottom: 7px; font-weight: normal; font-size: 18px; line-height: 136%; color: #000000; text-shadow: 0px 0px 0px #e1e1e1; } .card-video-col1 span { font-size: 14px; line-height: 175%; color: #000000; text-shadow: 0px 0px 0px #e1e1e1; } .card-bull { font-size: 10px; } .card-video-iframe { background: #000; border: 1px solid #e3e3e3; } .card-all-videos-btn { width: 224px; height: 51px; display: flex; flex-direction: row; justify-content: center; align-items: center; border: 1px solid #0041C1; background: transparent; font-size: 16px; line-height: 225%; text-align: center; color: #0041C1; } .card-all-videos-btn:hover { background-color: #0CA2DF; border-color: #0CA2DF; color: #FFFFFF; } .card-col1-mob-title, #showCertificates, .card-accessories-select{ display: none; } .card-spec-file-wrap { display: flex; justify-content: center; text-align: center; margin: 25px 0px -15px; } .card-spec-file { color: #0041C1; font-size: 16px; line-height: 1.75em; } .card-spec-file>span { display: inline; border-bottom: 1px dashed #0041C1; letter-spacing: 0.3px; } .card-spec-file:hover { opacity: 0.9; } .card-col2-text-detail table p { margin-bottom: 0px; } .card-col2-text-detail.card-specification-table td, .card-col2-text-detail.card-specification-table th { border: 1px solid #e3e3e3; } .card-security .card-col2 { padding-top: 32px; } .card-security .card-col3 { padding-top: 25px; } .card-security .card-col3 { min-width: 305px; } .card-security .card-col2 { margin-right: 5%; } .card-security .card-col3-icons img { max-height: 30px; max-width: 100%; padding: 0px; margin-right: 27px; margin-bottom: 18px; } .card-security .card-col3-icons img:nth-child(4n) { padding-right: 0px; } .card-security .card-col3-icon-block { padding: 25px 26px 9px 35px; } .card-security .card-col2-text { color: #000000; line-height: 1.7em; } .card-security .card-col2-text h2 { line-height: 1.22em; font-weight: 400; } .card-security .card-col2-text h4 { line-height: 1.38em; font-weight: 400; } .card-security .card-col2-text a { font-weight: 500; border-bottom: 1px solid #a2a2a2; color: #000; } .card-security .card-col2-text strong { font-weight: bold; } .card-security .card-col2-text a:hover { color: #0041c0; border-bottom: 1px solid #0041c0; } .card-security .card-col2-text.texts ul li, .card-security .card-col2-text.texts ol li { margin-top: 5px; margin-bottom: 5px; } .card-security .card-col2-text.texts ul { margin-top: 19px; } .card-security .card-col2-title { margin-bottom: 20px; } .card-security .card-specification-content a, .card-specification-table-security td a { color: #0041C1; border-bottom: 1px solid; display: inline; line-height: 0.95em; font-size: 16px; font-weight: normal; text-decoration: none; text-shadow: none; } .card-security .card-specification-content a:hover, .card-specification-table-security td a:hover { opacity: 0.8; } .card-security .card-specification-table tr td:first-child { color: #000; font-size: 16px; } .card-security .card-specification-table td, .card-security .card-specification-table th { padding: 13px 33px; vertical-align: top; line-height: 1.55em; } .card-security .card-specification-table .c-table td, .card-security .card-specification-table .c-table th { line-height: 1.5em; padding-top: 10px; padding-bottom: 10px; } .card-security .card-accessories-short { max-height: 152px; overflow: hidden; line-height: 1.55em; color: #000; } .card-security .card-specification-table tr th { color: #525252; font-size: 15.4px; font-weight: normal; } .card-security .card-specification-table .l-inner { margin-bottom: 26px; } .card-security .card-specification-table h2 { font-size: 26px; margin-bottom: 17px; } .card-security .card-specification-table .c-note__title { font-size: 26px; } .card-security .card-specification-table { font-size: 14.6px; } .card-security .c-table thead th, .card-security .c-table thead td { background: #e0e0e0; font-weight: bold; color: #000000; line-height: 1.4em; } .card-security .c-table thead td { width: 75%; } .card-security .card-specification-table .j-tab_detail, .card-security .card-specification-table .l-inner { width: 100%; } .card-security .card-specification-table .j-tab_detail strong { font-weight: 500; margin-bottom: 8px; } .card-security .card-specification-table .j-tab_detail .l-wysiwyg-area { line-height: 1.6em; } /* --- DOCUMENTATION --- */ .fw.p-products .p-products__section { padding: 15px 0 35px; } .fw.p-products .p-products__section:last-child { padding-bottom: 0px; } .fw.p-products .p-products__section-subtitle { font-size: 21px; font-weight: bold; line-height: 1; margin-top: 23px; } .fw.p-products .p-products__document-name { margin-bottom: 5px; } .fw.p-products .p-products__document-name a { border-bottom: 1px solid #a2a2a2; } .fw.p-products .p-products__section-title { font-size: 30px; line-height: 1; } .fw.p-products .p-products__documents, .fw.p-products .p-products__link { border: 1px solid #ececec; margin-top: 25px; } .fw.p-products .p-products__document, .fw.p-products .p-products__link { padding: 21px 32px; line-height: 1.55em; display: flex; align-items: center; } .fw.p-products .p-products__document { justify-content: space-between; border-bottom: 1px solid #ececec; margin-bottom: -1px; } .fw.p-products .p-products__document-text { display: flex; align-items: center; flex: 1 1 auto; } .fw.p-products .p-products__document-text figure { width: 55px; margin-right: 35px; flex-shrink: 0; } .fw.p-products .p-products__document-description p { margin-bottom: 4px; } .fw img { max-width: 100%; height: auto; vertical-align: middle; } .fw.p-products .p-products__document-link { flex-grow: 1; text-align: right; min-width: 300px; margin-left: 10px; } .fw.p-products .p-products__document-link { min-width: 280px; } .fw .addd { color: #1b1f2a; word-break: break-word; } .fw .p-products__section a { color: #1e1e1e; } .fw .p-products__section a:hover { color: #0041c0; border-bottom: 1px solid #0041c0; } .fw .c-btn, .fw a.c-btn { width: 100%; max-width: 260px; display: inline-block; background: #fff; text-align: center; color: #0041C1; border: 1px solid #0041C1; padding: 17px 49px 16px; font-size: 15px; line-height: 1em; cursor: pointer; -webkit-transition: all .15s ease-out; -moz-transition: all .15s ease-out; -o-transition: all .15s ease-out; transition: all .15s ease-out; letter-spacing: .2px; } .fw .c-btn:hover, .fw a.c-btn:hover { background-color: #0CA2DF; border-color: #0CA2DF; color: #fff } /* --- // --- */ @media (min-width: 0px) and (max-width: 979px) { .fw.p-products .p-products__document-name a { font-size: 19px; } .fw.p-products .p-products__document-name { margin-bottom: 12px; } .fw.p-products .p-products__document-description p { font-size: 18px; } .fw.p-products .p-products__document-description p span { font-size: 18px !important; } .fw.p-products .p-products__document { flex-wrap: wrap; } .fw.p-products .p-products__document-link { min-width: 95%; width: 95%; margin-top: 31px; text-align: left; display: flex; margin-left: 7px; } .fw .c-btn, .fw a.c-btn { width: 100%; max-width: 98%; padding: 19px 49px 19px; font-size: 18px; } .card-security .card-col2-text h2 { font-size: 27px; } .card-security .card-col2-text h4 { font-size: 23px; } .card-security .c-table thead td { width: 55%; } .card-col1-mob-title { display: block; margin: 35px 0; font-size: 50px; line-height: 120%; color: #2E2E2E; } .card-col2-title { display: none; } .card-description { flex-direction: column; align-items: center; } .card-description:not(:last-child) { padding-bottom: 64px !important; } .card-description:last-child { border-bottom: none; } .card-col1, .card-col2, .card-col3 { width: 100%; } .card-col1 { margin-bottom: 75px; } .card-gallery-arrow-prev, .card-gallery-arrow-next { width: 12px; } .preliminary-mark { right: 2px; } .card-col2, .card-security .card-col2 { margin: 0 0 55px; } .card-col2-list-block { max-width: 100%; } .card-col2-list { width: calc(100% - 2px); margin: 0 auto; } .card-col2-list li { margin-left: 0; } .card-col2-list-block span { font-size: 20px; line-height: 210%; letter-spacing: 0.02em; } .card .product-char-item p { font-size: 20px; width: 166px; margin-top: 4px; } .card .product-char-item__badges span { font-size: 20px; line-height: 1.2em; } .card-col2-list-item, #readMore{ font-size: 25px; line-height: 120%; } .card-col2-text { font-size: 20px; line-height: 175%; /*max-height: 215px;*/ } .card-col3-price-block, .card-col3-icon-block { width: 100%; max-width: 100%; } .card-col3-price { font-size: 45px; line-height: 120%; margin-bottom: 45px; } .card-col3-btn, .card-all-videos-btn{ width: 100%; height: 75px; font-size: 24px; line-height: 150%; text-align: center; } .card-col3-icon-block { margin-top: 53px; padding-bottom: 17px; } .card-col3-icon-block-text { font-size: 15px; line-height: 1.7em; padding-top: 19px; } .card-security .card-col3 { padding-top: 0px; } .card-security .card-col3-icon-block { margin-top: 25px; } .card-col3-icons { display: flex; flex-direction: row; justify-content: center; align-self: stretch; flex-wrap: wrap; } .card-col3-icons img { padding: 0 14px 31px 14px; } .card-specification { padding-top: 60px !important; } .card-video-wrap { /*padding: 0px !important;*/ } .card-specification .card-h1 { font-size: 48px; line-height: 119%; text-align: center; } .card-specification-table { overflow: auto; } .card-specification-table tr { /*display: flex; flex-direction: column; justify-content: space-between; align-items: flex-start; padding: 40px;*/ } .card-specification-table td { font-size: 18px; /*line-height: 146%; padding: 0;*/ padding: 13px 23px; line-height: 1.55em; } .card-specification-table tr td:first-child { font-size: 19px; max-width: 240px; padding: 12px 20px; } .card-specification-table table strong, .card-specification-table table b { font-size: 20px; } #accessoriesShow { display: none; } .card-accessories-tabs { display: none; } .card-accessories-select { display: flex; width: calc(100% - 6em); justify-content: center; align-items: center; margin-bottom: 20px; } #cardAccessoriesTabs-menu { border: none; border-radius: 0; box-shadow: 0px 0px 40px #dadada; } #cardAccessoriesTabs-menu li { padding-left: 0; font-size: 24px; line-height: 278.8%; color: #000000; } #cardAccessoriesTabs-menu li .ui-state-active { background-color: #0CA2DF; border-color: #0CA2DF; } #cardAccessoriesTabs-button { width: 100%; background: #FFFFFF; box-shadow: 0px 0px 40px #DADADA; border: none; font-size: 24px; line-height: 278.8%; padding: 0 30px; border-radius: 0; color: #000000; margin-bottom: 33px; } #cardAccessoriesTabs-button .ui-selectmenu-text::after { content: url('/local/templates/b2b/images/card/ui-icon.svg'); position: absolute; right: 30px; } .ui-selectmenu-button-open .ui-selectmenu-text::after { transform: rotate(180deg); } .ui-icon { display: none; } .card-accessories { height: 100%; overflow: visible; margin-top: 0; } .card-accessories-swiper { padding: 0; box-shadow: 0px 0px 40px #dadada; } .card-accessories-swiper-off { padding: 0px; } .card-accessories-arrow-prev, .card-accessories-arrow-next, .card-feedbacks-arrow-prev, .card-feedbacks-arrow-next{ height: 32px; } .card-accessories-arrow-next, .card-feedbacks-arrow-next{ right: -10px; } .card-accessories-slide { box-shadow: none; max-width: 100%; padding: 60px 60px 75px; } .card-accessories-tab-block, .card-feedbacks-block{ padding-right: 3em; padding-left: 3em; } .card-accessories-title { font-size: 40px; line-height: 120%; margin-bottom: 30px; } .card-accessories-item { font-size: 20px; line-height: 249.8%; padding: 0 15px; } .card-accessories-btn { height: 75px; font-size: 24px; line-height: 150%; margin-top: 40px; } .card-calc-text { margin: 0; font-size: 20px; line-height: 175%; } .open-calc-btn { margin: 60px 0 40px; } .card-calc-download { font-size: 24px; line-height: 150%; padding-left: 43px; margin-bottom: 25px; } .card-calc-download:before { width: 27px; height: 27px; background-size: 27px 27px; margin-top: -12px; } .card-downloads-blocks { flex-direction: column; justify-content: space-between; align-items: flex-start; } .card-download-block { width: 100%; flex-direction: row; align-items: center; justify-content: flex-start; padding: 70px 50px 80px; } .card-download-block { /*border-bottom: none; border-right: 1px solid #E3E3E3;*/ } .card-download-block:nth-child(3) { border-bottom: 1px solid #E3E3E3; } .certificates-block { display: none; } .card-download-block-icon { height: 100%; margin-right: 35px; } .card-download-block-text { margin-top: 0; align-items: flex-start; } .card-download-block h6{ font-size: 24px; line-height: 102%; margin-bottom: 22px; } .card-download-block-link { font-size: 26px; line-height: 122%; display: inline-block; } #showCertificates { width: 100%; height: 75px; font-size: 24px; line-height: 150%; margin-top: 40px; border: 1px solid #0041C1; background: transparent; display: flex; flex-direction: row; justify-content: center; align-items: center; text-align: center; color: #0041C1; } #showCertificates:hover { background-color: #0CA2DF; border-color: #0CA2DF; color: #FFFFFF; } .card-feedbacks-slide { padding: 50px 50px 70px; max-width: 100%; margin-right: 0px; } .card-feedbacks-name { font-size: 30px; line-height: 120%; } .card-feedbacks-rate { margin: 20px 0 23px; } .card-feedbacks-text { font-size: 20px; line-height: 175%; } .card-video-description { flex-direction: column; justify-content: space-between; align-items: flex-start; width: 100%; } .card-video-col1 { margin-bottom: 60px; } .card-video-col1 h5 { font-size: 22px; line-height: 159%; } .card-video-col1 span { font-size: 16px; line-height: 153%; } .card-accessories-swiper-off .card-accessories-slide { max-width: 427px; min-width: 427px; } .card-spec-file { font-size: 23px; } .card-spec-file-wrap { margin: 45px 0px -7px; } .card-security .card-specification-table tr td:first-child { padding: 17px 20px; } .card-security .card-specification .card-h1 { margin-bottom: 42px; } .card-security .card-specification-table td, .card-security .card-specification-table th { padding: 16px 12px; } .card-security .card-specification-table .c-table tr th { font-size: 15px; max-width: 200px; } .card-security .card-specification-table .c-table tr td { min-width: 390px; max-width: 390px; font-size: 15px; } } @media all and (min-width: 980px) and (max-width: 1279px) { .card-security .card-col2-text.texts ul li, .card-security .card-col2-text.texts ol li { margin-top: 3px; margin-bottom: 3px; } .card-security .card-col2-text h2 { font-size: 22px; } .card-security .card-col2-text h4 { font-size: 15px; } .card-security .card-gallery-swiper, .card-security .card-gallery-swiper-off { height: 330px; } .card-security .card-gallery-thumbs .swiper-slide { height: 67px; } .card-specification-table td, .card-specification-table th { padding: 10px 24px; } .card-specification-table td { font-size: 14px; } .card-security .card-specification-table tr th { font-size: 14px; } .card-specification-table tr td:first-child { font-size: 15px; } .card-specification-table table strong, .card-specification-table table b { font-size: 16px; } .card-description { /*flex-wrap: wrap;*/ } .card-col1 { width: 35%; } .card-gallery-thumbs .swiper-slide, .card-gallery-thumbs-off .swiper-slide { height: 62px; } .card-col2 { width: 40%; } .card-col2 { margin: 0 30px; } .card-col3 { width: 25%; /*width: 100%; margin-top: 60px; flex-direction: row; justify-content: space-between;*/ } .card-col3-price-block, .card-col3-icon-block { /*width: calc(50% - 30px); max-width: 100%;*/ } .card-col2-title { font-size: 32px; } .card-col3-icon-block-text { font-size: 11px; } .card .product-char-item { margin-bottom: 5px; } .card-col2-text { font-size: 13px; line-height: 1.6em; } .card-col3-icons img { max-width: 82px; } .card-col3-price { font-size: 24px; } .card-col3-btn { height: 45px; font-size: 15px; } .card-col3-price-block, .card-col3-icon-block { padding: 27px 25px 32px; max-width: 284px; width: 100%; } .product-char-item p { font-size: 13px; margin-bottom: 4px; } .product-char-item__badges span { font-size: 12.5px; padding: 5px 10px 5px; margin-bottom: 5px; margin-right: 5px; } .card-col3-icon-block { /*margin-top: 0;*/ } .card-col3-btn { width: 100%; } .card-accessories-tabs li:not(:last-child) { margin-bottom: 14px; } .card-accessories-tab-block-off { padding-left: 0px; padding-right: 0px; } .card-accessories-swiper-off .card-accessories-slide { max-width: 266px; } .card-security .card-specification-content a, .card-security .card-specification-table tr td:first-child { font-size: 13.5px; } .card-security .card-col2 { margin-right: 6%; width: 44%; } .card-security .card-col3-icon-block { max-width: 182px; padding: 19px 12px 5px 22px; } .card-security .card-col3-icons img { max-height: 27px; margin-right: 8px; margin-bottom: 12px; } .card-security .card-col3 { min-width: 182px; } } @media all and (min-width: 1280px) and (max-width: 1480px) { .card-col2-list-block { max-width: 100%; } #accessoriesShow { right: 10px; } .card-accessories-swiper-off .card-accessories-slide { max-width: 275px; } .card-security .card-specification-content a, .card-security .card-specification-table tr td:first-child { font-size: 15px; } .card-security .card-col2 { margin-right: 4%; } } /* End */ /* Start:/local/templates/b2b/css/pressit.css?17927513429194*/ .cent{ text-align: center; } .distrnone{ display: none; } .pressit__preview{ width: 100%; margin-top: 1px; min-height: 582px; background: #135DB4; display:flex; align-items: center; } .pressit__logo-area { width: 45%; padding-right: 11%; } .pressit__logo-area p{ margin-top: 35px; color: #fff; font-size: 16px; font-weight: 300; /* opacity: 0.9; */ line-height: 1.5em; letter-spacing: 0.3px; } .pressit__advantages{ margin-top:75px; display: flex; flex-direction: column; align-items: center; } .pressit__advantages h1{ font-weight: 400; } .pressit__advantages-area{ width: 100%; border-collapse: collapse; margin-top: 33px; } .pressit__advantages-area td{ border: 1px solid #E3E3E3; padding: 70px 38px; width: 50%; } .pressit__item { align-items: flex-start; display: flex; min-height: 160px; } .pressit__item-area h2{ font-weight: 400; text-shadow: 0px 0px 0px #d5d5d5; } .pressit__item svg, .pressit__item img { margin-right: 24px; } .pressit__item p{ /*max-width: 497px;*/ } .pressit__item-area-p { color: #525252; line-height: 1.5em; } .pressit__products{ margin-top: 70px; display: flex; flex-direction: column; align-items: center; } .pressit__products h1{ font-weight: 400; } .card-download-block.pressit{ padding-bottom: 30px; /*height: 325px;*/ padding-top: 50px; padding-left: 1.4%; padding-right: 1.4%; } .pressit2 .card-download-block { padding-left: 1%; padding-right: 1%; } .card-download-block.pressit:last-child{ border-right: 1px solid #E3E3E3; } .card-download-block.pressit .card-download-block-icon{ height: 150px; display: flex; align-items: center; justify-content: center; } .card-download-block.pressit h6 { font-size: 20px; margin-bottom: 7px; } .pressit__item-text{ min-height: 60px; text-align:center; color: #525252; margin-bottom: 20px; } .pressit__information , .pressit__options{ border-collapse: collapse; width: 100%; } .pressit__options{ margin-top:70px; margin-bottom: 30px; } .pressit__information td , .pressit__options td{ border: 1px solid #E3E3E3; } .pressit__information td { padding: 20px 1.2% 20px 2%; } .pressit__options td { padding: 20px 44.5px; } .pressit__information thead td , .pressit__options thead td{ background: #F3F3F3; text-align: center; } .pressit__table-notice{ font-style: normal; font-weight: normal; font-size: 14px; color: #848484; margin-bottom: 30px; } .pressit__btn-table{ text-align: center; margin-bottom: 105px; } .pressit__video-title{ text-align: center; } .pressit__video-title h2{ font-weight: 400; } .pressit__video-btn{ text-align:right; padding-right: 90px; padding-top: 30px; } .pressit__video-area{ text-align: center; } .pressit__video-item-mobile{ display: none; } .distab{ display: table-row; } .pressit__lock{ display: none; } .pressit__preview-image { width: 54%; } /* --- pressit360 --- */ .pressit360 .pressit__preview-image { width: 40.3%; text-align: center; } .pressit360 .pressit__logo-area { width: 58.7%; padding-right: 6%; } .pressit360 .pressit__logo-area b, .pressit360 .pressit__logo-area strong { font-weight: bold; } .pressit360 .pressit__logo-area h2 { color: #fff; font-size: 48px; font-weight: normal; line-height: 1.2em; } .pressit360 .pressit__logo-area p { margin-top: 25px; } .pressit360 .pressit__logo-area img { margin-top: 12px; } .pressit360-texts h2, .pressit360-texts h3 { font-weight: bold; } .pressit360-texts { margin-top: 60px; line-height: 1.7em; } .pressit360-texts ul li:before { top: 12.5px; } .pressit360-texts, .pressit360-texts .texts { font-weight: normal; } .pressit360-texts table p { margin-bottom: 0px; } .pressit360-table-big table { font-size: 15px; } .pressit360-table-big table td { padding: 15px 1.2% 15px 2%; } .pressit360-table-big table strong, .pressit360-table-big table b { font-weight: 500; } /* --- // --- */ .pressit-h2 { font-size: 48px; line-height: 1.2em; font-weight: normal; margin-bottom: 2px; } .pressit-video-wrap { padding-top: 0px; } .announcement-section .announcement-section__text ul li { padding-left: 0px; } .pressit360 .announcement-section__image-area { height: auto; } .pressit360 .announcement-section__text img { margin-left: -10px; } @media (min-width: 0px) and (max-width: 979px){ .pressit__preview{ flex-direction: column; padding: 55px 43px 55px 50px; } .pressit__preview-image{ margin-bottom: 74px; } .pressit__logo-area p{ font-size: 20px; line-height: 30px; } .pressit__advantages h1{ font-size: 50px; text-align: center; } .pressit__advantages-area tr , .pressit__advantages-area td{ display:flex; flex-direction:column; width: 100%; } .pressit__item{ position: relative; } .pressit__item svg, .pressit__item img { position: absolute; width: 15%; } .pressit__item-area h2{ margin-left: 100px; font-size: 34px; max-width: 100%; margin-bottom: 30px; min-height: 57px; } .pressit__item-area-p { line-height: 1.6em; font-size: 17px; } .pressit__item-area p{ font-size: 20px; line-height: 30px; } .pressit__advantages-area td { padding: 56px 51px; } .card-download-block.pressit { flex-direction: column; height: auto; padding-bottom: 30px; height: auto; padding-top: 40px; padding-left: 4%; padding-right: 4%; } .card-download-block.pressit:last-child{ border-bottom: 1px solid #E3E3E3; } .card-download-block.pressit:last-child{ border-right: 1px solid #E3E3E3; } .pressit__products h1{ font-size: 50px; } .pressit-h2 { text-align: center; } .card-download-block.pressit .card-download-block-icon{ height: 150px; display: flex; align-items: center; } .pressit2 .card-download-block-icon { min-width: 86px; } .card-download-block.pressit h6 { font-size: 26px; margin-bottom: 16px; } .pressit__item-text{ min-height: 0px; text-align:center; margin-bottom: 20px; } .card-download-block.pressit .card-download-block-icon{ justify-content: center; margin-bottom: 40px; } .pressit__item-text{ font-size: 20px; line-height: 30px; } .pressit__information , .pressit__options{ overflow: auto; min-width: 168.5%; } .pressit__information td, .pressit__options td { font-size: 16px; } .pressit__table { overflow:auto; width: 100%; } .pressit__item-area h6{ font-size: 30px; } .pressit__table-notice{ margin: 44px auto; text-align: center; font-size: 18px; } .pressit__btn-table button{ height: 84px; width: 100%; font-size: 24px; line-height: 36px; } .card-downloads-blocks.pressit2 .certificates-block{ display:flex; } .card-downloads-blocks.pressit2 .card-download-block .card-download-block-text h6{ text-align: left; } .card-downloads-blocks.pressit2 .card-download-block:last-child{ border-bottom: 1px solid #E3E3E3; } .pressit__video-title h2{ font-size: 48px; line-height: 57px; } .pressit__video-item{ display: none; } .pressit__video-item-mobile{ display:block; } .pressit__video-btn{ text-align: right; padding-right: 0; } .pressit__video-btn a{ height: 75px; width: 100%; font-size: 24px; line-height: 36px; } .pressit__preview-image { width: 100%; } .pressit__logo-area { width: 100%; padding-right: 0px; } .pressit2 .card-download-block{ padding-left: 70px; padding-right: 70px; } .card-download-block h6 { line-height: 1.4em; } .pressit-video-wrap { padding: 0px !important; } } @media all and (min-width: 980px) and (max-width: 1279px) { .card-download-block.pressit { padding-bottom: 10px; padding-top: 20px; } .pressit__information td { padding: 12px 1.7%; font-size: 13px; } } @media all and (min-width: 1280px) and (max-width: 1480px) { } /* End */ /* Start:/local/templates/b2b/css/education.css?17927513427347*/ .education__preview{ margin-top: 22px; display:flex; background: linear-gradient(167.73deg, #03BDE3 5.9%, #2B74DB 72.22%); align-items: center; } .education__preview-text-area{ padding: 23px 85px 48px 76px; width: 50%; } .education__preview-text-area-full { width: 89%; padding: 45px 65px 65px 60px; } .education__preview-text{ font-size: 22px; line-height: 160.3%; color: #FFFFFF; position: relative; } .education__preview-text:after{ content:""; height: 1px; width: 38px; background: #FFFFFF; position: absolute; bottom: -16px; } .education__preview-image{ width: 50%; display: flex; } .education__list{ margin-top: 52px; margin-bottom: 26px; } .education__list h1{ font-weight: 400; } .education__list .item{ box-shadow: 0 0 40px #dadada; padding: 58px 4.4% 42px; margin-top: 21px; } .education__item-content{ display:flex; } .education__item-image{ margin: 7px 46px 0 0 } .education__item-image img{ max-width: none; } .education__item-title{ font-size: 16px; line-height: 22px; letter-spacing: 0.02em; color: #000000; min-width: 213px; padding-right: 8px !important; text-shadow: 0px 0px 0px #a3a3a3; } .education__item-text{ font-size: 14px; line-height: 22px; letter-spacing: 0.02em; color: #525252; } .education__item-area h3{ font-size: 30px; line-height: 36px; font-weight: 400; margin-bottom: 15px; } .education__item-area table tr{ border-top: 1px solid rgba(0, 0, 0, 0.1); } .education__item-area table td{ padding: 20px 0; vertical-align: top; } .education__item-area table{ border-collapse: collapse; } .education-box { background: #F3F3F3; padding: 68px 68px 68px 65px; display: flex; align-items: center; justify-content: space-between; margin: 69px 0px 70px; } .education-box-left { font-size: 48px; line-height: 0.95em; } .education-box-right { display: flex; align-items: center; justify-content: flex-start; } .education-box-link-white { background: transparent; margin-right: 39px; } .education-box-link { font-size: 16px; padding: 19px 38px 18px; } /* --- FAQ --- */ .breads-items { margin: 40px 0px 26px; } .breads-item { color: #9C9C9C; padding-right: 16px; position: relative; display: inline-block; } .breads-item:after { content: '/'; position: absolute; right: 4px; top: 0px; } a.breads-item:hover { color: #0041C1; } .breads-item:last-child:after { display: none; } /* --- // --- */ .education-link { color: #2B74DB; border-bottom: 1px solid #7fb1f7; line-height: 1em; display: inline; font-weight: normal; font-size: 15px; } .education-link:hover { opacity: 0.8; } .security-faq { border-top: 1px solid #E6E6E6; border-bottom: 1px solid #E6E6E6; margin-bottom: -1px; padding: 34px 0px 33px; font-size: 15px; line-height: 26px; color: #525252; } .security-faq-name { color: #2E2E2E; line-height: 28.63px; font-size: 24px; margin-bottom: 16px; display: flex; justify-content: space-between; } .security-faq-plus { width: 20px; height: 20px; position: relative; cursor: pointer; margin-top: 1px; min-width: 20px; min-height: 20px; margin-left: 15px; } .security-faq-plus:hover { opacity: 0.8; } .security-faq-plus:before { content: ''; position: absolute; top: 50%; left: 0px; width: 20px; height: 3px; background: #AEAEAE; } .security-faq-plus:after { content: ''; position: absolute; top: 1px; left: 50%; margin-left: -1.5px; width: 3px; height: 20px; background: #AEAEAE; transition: all 0.15s ease-out; } .security-faq-minus:after { opacity: 0; } .security-faq-answer { display: none; } .security-faq-name>span { cursor: pointer; transition: all 0.15s ease-out; } .security-faq-name>span:hover { color: #0041C1; } .security-head-faq { margin-bottom: 33px; } @media (min-width: 1280px) and (max-width: 1480px){ .education__preview-text-area{ padding: 61px 82px 59px 76px; } .education-box-left { font-size: 44px; } } @media (min-width: 980px) and (max-width: 1279px){ .security-faq-name { font-size: 23px; } .education__preview-text-area{ padding: 13px 25px 38px 34px; } .education__preview-text-area-full { padding: 35px 65px 57px 43px; } .education__preview-text{ font-size: 17px; } .education-box-left { font-size: 40px; } .education__item-text { line-height: 21px; } .education-box-right .education-box-link { line-height: 1.35em; padding: 8px 39px 10px; font-size: 14px; } .education-box-right .education-box-link { padding: 8px 19px 10px; } } @media (min-width: 0px) and (max-width: 979px){ .security-head.security-head-faq { font-size: 42px; } .security-faq-name { line-height: 30px; font-size: 23px; } .security-faq-plus { margin-top: 4px; margin-left: 29px; } .security-faq { font-size: 18px; } .education__preview{ flex-direction: column; } .education__preview-text-area{ padding: 40px 36px 58px; } .education__item-area { padding: 0px 4%; } .education__item-title { font-size: 20px; line-height: 1.3em; min-width: 157px; } .education__item-text { font-size: 16px; line-height: 1.5em; } .education__preview-text-area, .education__preview-image{ width: 100%; } .education__list .catalog-h2 { text-align: center; max-width: 100%; } .education__preview-text{ text-align: center; } .education__item-area h3 { font-size: 37px; text-align: center; margin-bottom: 28px; } .education__item-content { flex-direction: column; align-items: center; text-align: center; } .education__item-image{ margin-right: 0; } .education__item-area table td{ text-align: left; vertical-align: baseline; } .education__preview-text:after{ left: 46%; } .education__item-image img{ width: 461px; height: auto; margin-bottom: 35px; } .education__list .item { padding: 43px 4.4% 42px; } .education-box { flex-wrap: wrap; padding: 40px 48px 53px 48px; } .education-box-left { margin-bottom: 9px; } .education-box-right { width: 100%; flex-wrap: wrap; } .education-box-right .education-box-link { width: 100%; margin-right: 0px; margin-top: 28px; padding: 22px 40px 22px; font-size: 20px; } } /* End */ /* Start:/local/templates/b2b/css/awards.css?17927513425122*/ .awards__year-area{ margin: 37px 0; } .awards__year { font-size: 28px; font-weight: normal; color: #181818; opacity: 1; text-shadow: 0px 0px 0px #b9b9b9; margin-bottom: 14px; } .awards__list .item{ padding: 57px 64px; box-shadow: 0 0 40px #dadada; font-weight: 500; letter-spacing: -0.3px; } .awards__list .item + .item { margin-top: 28px; } .awards__year-area span { color: #2E2E2E; } .awards__item-content{ display: flex; justify-content: space-between; } .awards__item-image-area { width: 167px; } .awards__item-image-area img{ margin-bottom: 13px; } .awards__item-image-area p { font-size: 10px; line-height: 1.4em; color: #2E2E2E; max-width: 125px; } .awards__item-text{ max-width: 710px; max-width: 61%; font-style: normal; font-weight: normal; font-size: 16px; line-height: 1.55em; letter-spacing: 0.02em; color: #525252; text-shadow: 0px 0px 0px #cdcdcd; padding-right: 2.7%; } .awards__item-text p { margin-bottom: 20px; } .awards__item-text p:last-child { margin-bottom: 0px; } .awards__item-text ul, .awards__item-text ol { font-size: 14px; } .awards__item-text ul li, .awards__item-text ol li { margin-bottom: 0px; padding-left: 14px; margin-top: 10px; position: relative; } .awards__item-text ul li:before { content: ''; position: absolute; left: 0px; top: 9px; width: 6px; height: 6px; border-radius: 100%; background: #525252; } .awards__item-text a { border-bottom: 1px dashed #0041C1; line-height: 1.1em; display: inline-block; } .awards__item-text a:hover { opacity: 0.8; } .awards__item-text strong, .awards__item-text b { font-size: 18px; font-weight: normal; color: #1a1a1a; line-height: 1.5em; } .awards__item-buttons{ width: 255px; } .btn-product , .btn-award{ margin: 11px 0; font-weight:normal; padding: 7px 40px; font-size: 15px; line-height: 36px; width: 255px; } .item20211{ font-style: normal; font-weight: normal; font-size: 16px; line-height: 24px; letter-spacing: 0.02em; color: #525252; } .item20212{ font-style: normal; font-weight: normal; font-size: 16px; line-height: 26px; letter-spacing: 0.02em; color: #2E2E2E; } .item20213{ font-style: normal; font-weight: normal; font-size: 14px; line-height: 24px; letter-spacing: 0.02em; color:#525252; } .btn-award { padding: 6px 40px; } @media (min-width: 0px) and (max-width: 979px){ .awards__item-content{ flex-direction:column; align-items: center; justify-content: center; } .awards__item-image-area{ margin-right: 30px; width: 100px; margin-bottom: 30px; } .switch-button{ min-width: 188px; } .awards__item-buttons .btn , .awards__item-buttons .btn-white { padding: 16px 17px 16px; font-size: 24px; line-height: 36px; width: 100%; } .awards__item-text{ max-width: none; font-size: 23px; line-height: 30px; margin-bottom: 27px; } .awards__item-text strong, .awards__item-text b { font-size: 25px; } .awards__item-image-area{ display: flex; width: auto; align-items: center; margin-right: 0; align-self: start; } .awards__item-image-area img{ margin-right: 30px; margin-bottom: 0px; } .awards__item-image-area p{ font-size: 15px; line-height: 19px; } .awards__item-buttons{ width: 100%; } .awards__item-text a { display: inline; } .awards__item-image-area p { max-width: 100%; } .awards__year { font-size: 31px; margin-bottom: 24px; } .awards__item-text ul, .awards__item-text ol { font-size: 18px; } .awards__item-text ul li, .awards__item-text ol li { margin-top: 16px; } .awards__item-text ul li:before { top: 12px; } .awards__item-text ul li, .awards__item-text ol li { padding-left: 21px; } } @media all and (min-width: 980px) and (max-width: 1279px) { .awards__item-buttons .btn-product { padding: 7px 25px; } .awards__item-buttons .btn-award { padding: 6px 20px; } .awards__item-buttons .btn-product, .awards__item-buttons .btn-award { width: 210px; font-size: 14px; } .awards__item-buttons { width: 210px; } .awards__item-text { max-width: 57%; font-size: 15px; } .awards__list .item { padding: 47px 39px 47px 48px } .awards__item-text strong, .awards__item-text b { font-size: 17px; } .awards__item-text ul, .awards__item-text ol { font-size: 13px; } } /* End */ /* Start:/local/templates/b2b/css/technologies.css?179275134227745*/ .technologies__main-title { font-style: normal; font-weight: normal; font-size: 50px; line-height: 60px; text-align: center; color: #FFFFFF; height: 263px; background: url("/local/templates/b2b/css/../images/technologies/mask1-1.png"), url("/local/templates/b2b/css/../images/technologies/Mask1.jpg"); padding-top: 90px; padding-left: 5px; padding-right: 5px; } .technologies__main-title span { position: relative; } .technologies__main-title span:after { content: ""; display: block; height: 2px; width: 56px; background-color: #FFFFFF; position: absolute; bottom: -17px; left: calc(50% - 27px); } .technologies__wrapper { margin: 0 auto; max-width: 1361px; margin-top: 21px; } .technologies__section { padding: 55px 69px 60px 63px; width: 100%; margin-top: 25px; background: #FFFFFF; -webkit-box-shadow: 0px 0px 40px #DADADA; box-shadow: 0px 0px 40px #DADADA; border-radius: 0px; } .section1__wrapper { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 30px; } .section1__row1 { width: 585px; } .technologies__title { font-style: normal; font-weight: normal; font-size: 40px; line-height: 120%; color: #2E2E2E; } .technologies__subtitle { font-style: normal; font-weight: normal; font-size: 17px; line-height: 26px; letter-spacing: 0.02em; color: #2E2E2E; padding-left: 5px; padding-right: 5px; } .technologies-monitore__subtitle a { background: none; color: #0041C1; line-height: 1.1em; border-bottom: 1px dashed #0041C1; cursor: pointer; display: inline-block; } .technologies__subtitle span { display: block; margin: 30px 0 0 0; } .technologies__star-tile { font-style: normal; font-weight: normal; font-size: 12px; line-height: 160.5%; color: #2E2E2E; padding-left: 5px; padding-right: 5px; } .section1__row2 { width: 562px; margin-right: 13px; } .section1__photo { width: 100%; background: #002040; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 562px; height: 365px; margin-top: 22px; } .section1__img { width: 518px; height: 326px; } .section1__description { background: #F3F3F3; padding: 16px 5px 16px 26px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; } .sectiom1__logo { width: 68px; height: 53px; margin-right: 23px; } .description__title { font-style: normal; font-weight: normal; font-size: 17px; line-height: 140%; color: #2E2E2E; opacity: 0.8; } .section2__wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding-top: 22px; } .section2__row1 { width: 600px; } .section2__row1 .technologies__title { padding-top: 55px; } .section2__row2 { width: 562px; margin: -5px 12px 0 0; } .section2__photo { width: 100%; } .ection2__img { width: 100%; height: auto; } .section2__description { background: #F3F3F3; padding: 16px 5px 16px 26px; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .sectiom2__logo { margin-right: 25px; } .section3__wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .section3__row1 { width: 587px; } .section3__row2 { width: 562px; background: #F3F3F3; padding: 30px 25px 35px 25px; height: 100%; margin: 8px 12px 0 0; } .sectiom3__logo { width: 82px; height: 48px; } .section3__logo-wrapper { height: 72px; width: 102px; background-color: #FFFFFF; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 22px; } .section4 .technologies__subtitle span { margin: 25px 0px 0 0; } .section4__wrapper { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .section4__row1 { width: 590px; } .section4__row2 { width: 562px; margin: 7px 13px 0 0; } .section5 { padding-top: 67px; } .section5__wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 22px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .section5__row1 { width: 622px; } .section5__row1 .technologies__subtitle span { margin: 0; } .section5__row2 { width: 562px; margin: 3px 12px 0 0; } .section6__wrapper { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .section6__row1 { width: 605px; } .section6__row1 .technologies__title { margin-top: 12px; } .section6__row1 .technologies__subtitle { margin-top: -10px; } .section6__row2 { width: 611px; } .section6__img1 { width: 100%; margin: 14px 0 0 6px; } .section7 { padding-top: 52px; padding-bottom: 52px; } .section7 .technologies__subtitle span { margin-top: 5px; } .section8 { padding-top: 50px; } .section9__wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 15px; } .section9__row1 { width: 620px; } .section9__description { background: #F3F3F3; margin-top: 46px; padding: 25px 0 25px 27px; } .section9__row2 { margin: 12px 5px 0px 0; } .description__title { font-style: normal; font-weight: normal; font-size: 17px; line-height: 26px; letter-spacing: 0.02em; color: #2E2E2E; } .description__subtitle { font-style: normal; font-weight: normal; font-size: 17px; line-height: 160.5%; color: #2E2E2E; opacity: 0.8; } .section10__wrapper { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .section10__row1 { width: 550px; } .section10__row2 { margin: 28px 13px 0 0; } .section11 .technologies__subtitle { width: 551px; } .section11 .technologies__subtitle span { margin-top: 20px; } .section11__wrapper { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .section11__row1 { padding-top: 70px; } .section11__row2 { margin: 2px 13px 0 0; } .section11__photo { width: 562px; height: 411px; } .section12 { padding-top: 40px; } .section12 .technologies__subtitle span { margin-top: 25px; } .section13 { padding-top: 65px; } .section13 .technologies__subtitle span { margin: 0; } .section13__wrapper { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-top: 23px; } .section13__row1 { width: 593px; } .section13__row2 { width: 562px; margin: 0 12px 0 0; } .section14 .technologies__title { width: 660px; } .section14 { padding-top: 50px; } .section14__wrapper { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .section14__row1 { width: 615px; } .section14__row2 { width: 741px; margin: -86px -75px 0 0; } .trademark__wrapper { margin: 0 auto; max-width: 1361px; } .trademark__container { padding-top: 70px; } .trademark__title { font-style: normal; font-weight: normal; font-size: 48px; line-height: 57px; color: #000000; padding: 0 0 33px 0; } .trademark_content { padding: 25px 0 95px 0; width: 100%; } .trademark { width: 100%; padding: 0 0 0px 0; } .trademark__subtitle { font-style: normal; font-weight: normal; font-size: 26px; line-height: 31px; color: #2E2E2E; } .trademark__info { font-style: normal; font-weight: normal; font-size: 15px; line-height: 26px; letter-spacing: 0.02em; color: #525252; } .trademark__hr { opacity: 0.1; border: 1px solid #000000; width: 100%; margin: 20px 0 25px 0; } .container__hr { opacity: 0.1; border: 1px solid #000000; width: 100%; } /* технологии для миноторов */ .technologies-monitore__title { font-style: normal; font-weight: normal; font-size: 40px; line-height: 120%; color: #2E2E2E; position: relative; } .technologies-monitore__subtitle li { position: relative; padding: 0 0 0 22px; margin-bottom: 10px; } .technologies-monitore__subtitle li:last-child { margin-bottom: 0px; } .technologies-monitore__subtitle p:last-child, .technologies-monitore__subtitle ul:last-child { margin-bottom: 0px; padding-bottom: 0px; } .technologies-monitore__subtitle li::before { content: ''; background-color: #0041C1; display: block; border-radius: 50%; height: 7px; width: 7px; position: absolute; left: 2px; top: 9px; } .technologies-monitore__subtitle ul, .technologies-monitore__subtitle ol { padding-bottom: 15px; } .technologies-monitore__subtitle { font-style: normal; font-weight: normal; font-size: 17px; line-height: 1.6em; letter-spacing: 0.02em; color: #2E2E2E; text-shadow: 0px 0px 0px #d3d3d3; } .technologies-monitore__startitle { font-style: normal; font-weight: normal; font-size: 14px; line-height: 26px; letter-spacing: 0.02em; color: #2E2E2E; opacity: 0.8; display: block; padding-top: 7px; } .monitore__section1 { width: 100%; display: flex; flex-direction: column; /* justify-content: space-between; */ padding-bottom: 50px; } .technologies-monitore__wrapper { width: 100%; display: flex; justify-content: space-between; margin-top: 21px; position: relative; } .technologies-monitore__title { width: 100%; display: flex; justify-content: space-between; margin-bottom: 27px; } .technologies-monitore__connection { font-family: 'Helvetica'; font-style: normal; font-weight: normal; font-size: 17px; line-height: 153%; text-align: center; letter-spacing: 0.02em; color: #0041C1; margin-top: 15px; cursor: pointer; display: flex; align-items: center; position: absolute; right: 10px; bottom: 2px; } .technologies-monitore__connection:hover { opacity: 0.8; } .technologies-monitore__connection::before { content: ''; width: 11px; height: 6px; background: url(/local/templates/b2b/css/../images/technologies/Down_Arrow_3.png) no-repeat; background-size: contain; background-position: top left; } .technologies-monitore__connection::before { margin-right: 11px; transform: rotate(180deg); } .technologies__section_open .technologies-monitore__connection::before { transform: rotate(0deg); } .technologies-monitore__row_gray { width: 100%; display: flex; flex-wrap: wrap; background: #F3F3F3; padding: 11px; margin-top: -5px; margin-bottom: 25px; display: none; } .technologies__section_open .technologies-monitore__row_gray { /*display: flex;*/ } .technologies-monitore__model-name { background: #FFF; margin: 3px; font-family: 'Helvetica'; font-style: normal; font-weight: normal; font-size: 15px; line-height: 1.5em; letter-spacing: 0.02em; color: #2E2E2E; padding: 2px 7px; text-shadow: 0px 0px 0px #747474; -webkit-transition: all 0.15s ease-out; -moz-transition: all 0.15s ease-out; -o-transition: all 0.15s ease-out; transition: all 0.15s ease-out; display: inline-block; } .technologies-monitore__model-name:hover { background: #1486db; color: #fff; } .section1__subtitle { padding: 20px 0 0 0; display: block; } .technologies-monitore__row1 { width: 50%; } .technologies-monitore__row2 { width: 45.4%; text-align: right; } .technologies-monitore__logo { max-height: 50px; margin-right: 21px; margin-bottom: 18px; } .monitore__section1 .technologies-monitore__photo { margin: 19px 0px 0px 0; } .monitore__section2 { width: 100%; padding-top: 48px; } .technologies-monitore__subtitle p { padding-bottom: 18px; } .monitore__section3 { display: flex; flex-direction: column; padding-top: 75px; /* justify-content: space-between; */ } .monitore__section3 .technologies-monitore__photo { margin: 0 12px 0 0; } .monitore__section4 { width: 100%; } .section__container { width: 100%; display: block; margin: 27px 0px 27px; } .rel { position: relative; } .technologies-monitore__connection_abs { position: absolute; right: 10px; bottom: 0; } .technologies-monitore__name { max-width: 78%; } .security-technologies .technologies-monitore__row1 { padding-right: 2%; } .security-technologies .technologies-monitore__connection { bottom: auto; top: 0px; } .security-technologies .technologies-monitore__subtitle li::before { background-color: #2E2E2E; height: 4px; width: 4px; left: 4px; top: 11px; } .security-technologies .technologies-monitore__subtitle li { margin-bottom: 21px; } .security-technologies .technologies-monitore__subtitle li:last-child { margin-bottom: 0px; } .security-technologies .btn { margin-top: 31px; } .security-analytics .technologies-monitore__wrapper { margin-top: 5px; } .security-analytics .technologies-monitore__row2 { text-align: left; width: 24%; } .security-analytics .technologies-monitore__row1 { width: 72.5%; padding-right: 0px; } @media (max-width: 1400px) { .trademark { padding-left: 60px; padding-right: 10px; } .trademark__title { padding-left: 60px; padding-right: 10px; } .technologies-monitore__title { margin-bottom: 16px; } .technologies-monitore__subtitle { font-size: 16px; } } @media (max-width: 1300px) { .section1__wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .section1__row1 { width: 585px; width: 100%; } .section2__wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .section2__row1 { width: 100%; padding: 0 0 30px 0; } .section2__row1 .technologies__title { padding-top: 0px; } .section3__wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .section3__row1 { width: 100%; padding: 0 0 20px 0; } .section4__wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .section4__row1 { width: 100%; } .section5__wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .section5__row1 { width: 100%; padding: 0 0 20px 0; } .section6__wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .section6__row1 { width: 100%; padding: 0 0 20px 0; } .section9__wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .section9__row1 { width: 100%; padding: 0 0 20px 0; } .section10__wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .section10__row1 { width: 100%; padding: 0 0 20px 0; } .section11__wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .section11__row1 { width: 100%; padding: 0 0 20px 0; } .section11 .technologies__subtitle { width: 100%; } .section13__wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .section13__row1 { width: 100%; padding: 0 0 20px 0; } .section14__wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .section14__row1 { width: 100%; padding: 0 0 20px 0; } .section14__row2 { margin: 0; } .section14 .technologies__title { width: 100%; } .technologies__wrapper { width: 100%; max-width: none; } .trademark__wrapper { width: 100%; max-width: none; } .monitore__section1 { flex-direction: column; align-items: center; } .monitore__section3 { flex-direction: column; align-items: center; } .monitore__section3 .technologies-monitore__photo { margin: 20px 0px 0 0; } .section__container { flex-direction: column; align-items: center; } .monitore__section4 .technologies-monitore__subtitle { font-size: 15.5px; } .monitore__section4 .technologies-monitore__photo { margin: 20px 0 0 0; } .technologies-monitore__connection { font-size: 15px; margin-top: 6px; } .technologies-monitore__title { font-size: 37px; } .security-technologies.monitore__section4 .technologies-monitore__photo { margin-top: 7px; } .security-technologies .technologies-monitore__subtitle li { margin-bottom: 14px; } .security-technologies .btn { margin-top: 24px; } } @media (max-width: 1280px) { .technologies-monitore__title { font-size: 30px; } .monitore__section4 .technologies-monitore__subtitle { font-size: 14px; line-height: 1.4em; } .security-technologies .btn { margin-top: 22px; } .technologies-monitore__title { margin-bottom: 14px; } .technologies__section { padding: 33px 43px 42px 44px; } .security-analytics .technologies-monitore__row1 { width: 71.5%; } } @media (max-width: 980px) { body { min-width: auto; } .security-analytics .technologies-monitore__wrapper { flex-wrap: wrap; } .security-technologies .technologies-monitore__row2 { width: 100%; margin-bottom: 22px; } .security-technologies .technologies-monitore__row1 { width: 100%; } .security-technologies .technologies-monitore__title { margin-bottom: 5px; } .technologies-monitore__photo img { width: 100%; } .security-technologies .btn { margin-top: 22px; width: 99%; padding: 21px 40px 21px; font-size: 21px; margin-left: auto; margin-right: auto; display: block; } .technologies__section { padding: 33px 33px 40px 38px; } .technologies-monitore__connection { font-size: 17px; } .security-technologies .technologies-monitore__connection { top: auto; bottom: 2px; } .security-technologies.monitore__section4 .technologies-monitore__photo { margin-top: 35px; } .security-analytics.monitore__section4 .technologies-monitore__photo { margin-top: 4px; } .technologies-monitore__wrapper { flex-direction: column; padding-bottom: 75px; } .security-analytics .technologies-monitore__wrapper { padding-bottom: 96px; } } @media (max-width: 860px) { .technologies__main-title { font-size: 40px; } .technologies-monitore__row1, .technologies-monitore__row2 { width: 100%; } .technologies-monitore__wrapper { flex-direction: column; } .technologies__section { padding-left: 50px; padding-right: 50px; } .technologies-monitore__photo img { width: 100%; } .monitore__section4 .technologies-monitore__photo { margin-top: 33px; } } @media (max-width: 740px) { .technologies__section { padding-left: 42px; padding-right: 42px; } .section1__row2 { width: 100%; } .section1__photo { width: 100%; height: auto; } .section2__row2 { width: 100%; } .section2__img { width: 100%; } .section4__row2 { width: 100%; } .section4__row2 img { width: 100%; } .section5__row2 { width: 100%; } .section5__row2 img { width: 100%; } .section6__row2 { width: 100%; } .section6__row2 img { width: 100%; } .section9__row2 { width: 100%; } .section9__row2 img { width: 100%; } .section10__row2 { width: 100%; } .section10__row2 img { width: 100%; } .section11__row2 { width: 100%; } .section11__photo { width: 100%; } .section11__photo img { width: 100%; } .section11__row2 { width: 100%; } .section11__photo { width: 100%; height: auto; } .section11__photo img { width: 100%; } .section13__row2 { width: 100%; margin: 0; } .section13__img1 { width: 100%; } .section13__img1 img { width: 100%; } .section14__row2 { width: 100%; } .section14__row2 img { width: 100%; } } @media (max-width: 690px) { .technologies__main-title span:after { left: calc(50% + 26px); } .technologiesMonitore__main-title span::after { left: calc(50% + -27px); } } @media (max-width: 640px) { .technologies__title { font-size: 35px; } .section3__row2 { width: 100%; margin: 0; } .monitore__section1 .technologies-monitore__photo { margin: 0; width: 100%; } .technologies-monitore__photo img { width: 100%; } .technologies-monitore__title { font-size: 30px; } } @media (max-width: 500px) { .section1__img { width: 100%; height: auto; } .trademark__title { padding: 0 0 33px 0; text-align: center; font-size: 40px; } .trademark { padding-left: 20px; } .technologies__title { font-size: 30px; } .trademark__subtitle { font-size: 20px; } } @media (max-width: 440px) { .technologies__main-title { padding-top: 45px; } } @media (max-width: 437px) { .technologies__main-title span:after { left: 50%; } .technologiesMonitore__main-title span::after { left: calc(50% + -27px); } } @media (max-width: 404px) { .technologies__main-title span:after { left: 37%; } } @media (max-width: 400px) { .technologies__title { font-size: 30px; } } @media (max-width: 390px) { .section8__link { width: 90%; height: 25px; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; } } @media (max-width: 380px) { .section1__description { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .section2__description { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } /* End */ /* Start:/local/templates/b2b/css/po.css?179275134221382*/ .content-header_po { width: 100%; height: 263px; opacity: 0.9; border-radius: 0px; display: flex; flex-direction: column; align-items: center; justify-content: center; margin-bottom: 0px; background: url("/upload/po/brands-banner-panasonic1.jpg"); background-size: cover !important; background-repeat: no-repeat; margin-bottom: 24px; } .feature { width: 100%; margin-bottom: 16px; background: #FFFFFF; box-shadow: 0px 0px 40px #DADADA; } .feature:last-child { margin-bottom: 25px; } .feature__wrapper { padding: 65px; } .feature__container { width: 100%; display: flex; } .feature p { font-style: normal; font-weight: normal; font-size: 17px; line-height: 26px; /* or 153% */ letter-spacing: 0.02em; color: #2E2E2E; margin-bottom: 10px; } .feature__left { width: 50%; padding-right: 33px; } .feature__right { width: 50%; } .feature__right p { padding-left: 33px; margin-top: 15px; } .feature__footer { padding: 35px 44px; background: #F3F3F3;; } .feature-right__image { /* width: 618px; min-height: 378px; */ margin-bottom: 20px; background-size: contain; } .geo-pro { display: flex; align-items: center; margin-bottom: 10px; } .geo-pro a { font-size: 17px; line-height: 40px; color: rgba(0, 65, 193, 1); border-bottom: 1px dashed #0041C1; } .add-ml-15 { margin-left: 15px; } .geo-pro__image { width: 59px; height: 48px; } .page-h3 { font-style: normal; font-weight: normal; font-size: 40px; line-height: 120%; } ._geo { background: url("/upload/po/geomanager.png"); /* height: 378px; */ height: 30vw; width: 100%; background-size: contain; background-repeat: no-repeat; } ._smart { background: url("/upload/po/man-smart.png"); background-size: contain; height: 32vw; background-repeat: no-repeat; background-position-x: 50px; } .differ__wrapper { margin-top: 0px; } .differ__container { display: flex; } .differ__left { width: 49%; display: flex; flex-direction: column; align-items: center; } .differ__left img { height: 60%; /* max-width: 100%; */ margin: 10px; max-width: 343px; max-height: 224px; } .differ__right { width: 49%; display: flex; flex-direction: column; align-items: center; } .differ__right img { max-width: 457px; max-height: 268px; margin: 10px; } .differ__header { width: 100%; background: #0041C1; text-align: center; color: #fff; font-size: 18px; line-height: 26px; text-align: center; letter-spacing: 0.02em; margin: 5px 0px; margin-bottom: 20px; } .feature-note__text .starred { font-size: 14px; line-height: 150%; } .feature-right__video { width: 100%; height: 306px; padding-left: 33px } .early-warning__picture { width: 100%; margin-bottom: 20px; } .ews__wrapper{ padding: 66px 73px 60px 64px; } .ews__wrapper p{ margin: 0; } .ews__row{ display: flex; justify-content: space-between; margin-bottom: 28px; } h3{ margin: 0; } .ews__title-area h3{ font-size: 40px; font-weight: 400; line-height: 120%; color: #2E2E2E; margin-bottom: 12px; } .ews__download, .sys-struct-scheme__link, .logo-transfer__link, .content-management__download, .geo-pro__download , .smart-row-link , .multi-monitoring-link, .po-download { font-size: 17px; line-height: 1.25em; letter-spacing: 0.02em; color: #0041C1; border-bottom: 1px dashed #0041C1; text-shadow: 0px 0px 0px #2871ff; transition: 0.15s; } .ews__download:hover, .sys-struct-scheme__link:hover, .logo-transfer__link:hover, .content-management__download:hover, .geo-pro__download:hover , .smart-row-link:hover , .multi-monitoring-link:hover, .po-download:hover { color: #167fda; } .ews__title-area-text, .ews__text{ font-size: 17px; line-height: 26px; letter-spacing: 0.02em; color: #2E2E2E; } .ews__title-area-text{ margin: 17px 0 0 0; max-width: 638px; } .ews__notice, .ew-function__notice, .web-camera__notice { background: #F3F3F3; padding: 30px 40px 35px 35px; font-size: 17px; line-height: 26px; color: #2E2E2E; margin: 34px 0 24px 0; } .ews__notice p, .ew-function__notice p, .web-camera__notice p{ opacity: 0.8; } .ews__small-text p , .visual-web__small-text, .ew-function__small-text, .notifications__small-text{ font-size: 14px; line-height: 26px; letter-spacing: 0.02em; color: #2E2E2E; opacity: 0.8; } .devices-registration , .sys-struct, .devices-control, .condition-control, .command-perfomance, .auto-play, .visual-web , .content-move, .ew-function, .sys-struct-scheme, .recommend, .warning, .notifications, .connection, .web-camera{ margin: 45px 0 0 0; padding-bottom: 34px; border-bottom: 1px solid rgba(0 , 0 , 0 , 0.1); } .sys-struct__title , .logo-transfer__title, .content-management__title{ font-size: 40px; font-weight: 400; line-height: 120%; color: #2E2E2E; margin-bottom: 20px; } .devices-control__text , .sys-struct p, .command-perfomance__text, .auto-play__text, .visual-web__text, .content-move__text, .recommend__text, .warning__text, .notifications__text, .web-camera__text{ font-size: 17px; line-height: 26px; letter-spacing: 0.02em; max-width: 679px; color: #2E2E2E; } .sys-struct__first-text{ margin-bottom: 40px; } .sys-struct__second-text h3{ font-size: 30px; line-height: 120%; font-weight: 400; color: #2E2E2E; max-width: 584px; margin-bottom: 22px; } .devices-control__title, .devices-registration h3, .condition-control__title,.command-perfomance__title, .auto-play__title, .visual-web__title, .content-move__title, .ew-function__title, .sys-struct-scheme__title, .recommend__title, .warning__title, .notifications__title, .connection__title, .web-camera__title , .conditons__title , .requirements__title, .function-license__title, .conditions__title{ font-size: 30px; line-height: 120%; color: #2E2E2E; font-weight: 400; margin-bottom: 15px; } .devices-registration img{ margin-left: -8px; } .command-perfomance , .devices-control, .auto-play , .sys-struct__row, .visual-web, .content-move , .ew-function__row, .recommend, .warning, .notifications, .web-camera{ display: flex; justify-content: space-between; } .condition-control__text, .ew-function__text, .sys-struct-scheme__text, .logo-transfer__text1, .logo-transfer__text2 , .po-real-time__text { font-size: 17px; line-height: 26px; letter-spacing: 0.02em; color: #2E2E2E; margin-bottom: 15px; } .condition-control img{ margin-left: -40px; } .command-perfomance, .auto-play, .content-move, .warning , .notifications{ align-items: center; } .visual-web__text{ margin-bottom: 30px; } .visual-web img{ margin-right: 100px; } .ew-function__row{ margin-bottom: 35px; } .ew-function__instruction{ display: flex; align-items: center; font-size: 17px; line-height: 25px } .ew-function__instruction-text{ margin-left: 14px; } .ew-function__notice{ padding-right: 75px; } .struct-scheme__text{ max-width: 1233px; } .connection img{ margin-left: -10px; } .web-camera__notice{ max-width: 662px; } .web-camera img{ max-height: 290px; } .web-camera__notice-title{ opacity: 1; } .function-license, .requirements, .conditions{ margin-bottom: 60px; } .function-license__table, .requirements__table, .conditions__table, .logo-transfer__table{ border-collapse:collapse; width: 100%; } .function-license__table thead td{ background: #F3F3F3; text-align: center; } .function-license__table td, .requirements__table td, .conditions__table td, .logo-transfer__table td{ padding: 20px 40px; border: 1px solid #E3E3E3; font-size: 17px; line-height: 27px; } .function-license{ margin-top: 54px; } .requirements__table tr td:first-child, .conditions__table tr td:first-child, .logo-transfer__table td:first-child{ vertical-align: top; width: 336px; } .requirements__table tr td:last-child, .conditions__table tr td:last-child, .logo-transfer__table td:last-child{ opacity: 0.8; } .logo-transfer__table{ margin-top: 44px; } .content-management{ padding: 69px 150px 70px 65px; display:flex; justify-content: space-between; } .content-management__text{ max-width: 622px; margin-top: 20px } .feature.cm{ margin-top: 84px; } .geo-row{ display: flex; align-items: center; margin: 20px 0 28px 0; } .geo-row-link , .po-real-time__button, .announcement-section__button{ width: 258px; height: 51px; background: #0041C1; color: #fff; display: flex; align-items: center; justify-content: center; font-size: 16px; letter-spacing: 0.02em; transition: 0.15s; padding-top: 1px; } .announcement-section__button:hover { background: #fff; border: 1px solid #0041C1; color: #0041C1; } .geo-link-area{ margin-left: 33px; display: flex; align-items: center; } .geo-pro__download{ margin-left: 10px; } .feature__left{ max-width: 636px; width: auto; } .feature__container{ margin-bottom: 30px; } .smart-row{ margin: 24px 0 20px 0; display: flex; align-items: center; } .smart-row-link{ margin-left: 18px; } .differ__wrapper > p{ font-size: 22px; } .differ__header{ padding: 8px 0; } .feature-note__text{ opacity: 0.8; } .multi-monitoring-link-area{ margin: 20px 0; } .ews__link-row{ display:flex; align-items: center; } .ews__download{ margin-left: 25px; } .announcement-preview{ margin: 23px 0 30px 0; width: 100%; background: linear-gradient(167.73deg, #03BDE3 5.9%, #2B74DB 72.22%); background-size: cover; background-repeat: no-repeat; background-position: center; } .announcement-preview__bg{ width: 100%; display: flex; align-items: center; justify-content: center; flex-direction: column; padding: 30px 0 20px 0; height: 315px; } .announcement-preview__title{ position: relative; } .announcement-preview__title h1{ font-size: 50px; line-height: 60px; text-align: center; color: #FFFFFF; font-weight: 400; } .announcement-preview__title:after{ content: ""; position: absolute; bottom: -19px; height: 2px; width: 60px; background: #fff; left: 50%; margin-left: -36px; } .announcement-section{ background: #FFFFFF; box-shadow: 0px 0px 40px #DADADA; width: 100%; padding: 28px 26px 26px 65px; margin-top: 20px; display: flex; justify-content: space-between; } .po-real-time{ display: flex; justify-content: space-between; padding: 63px 74px 75px 65px; margin: 26px 0 18px 0; } .po-real-time__video{ } .po-real-time__text-area{ max-width: 599px; } .po-real-time__text{ margin: 28px 0 31px 0; } .subs-button{ padding: 10px 20px; border: 1px solid #0041C1; font-size: 16px; line-height: 26px; text-align: center; letter-spacing: 0.02em; color: #0041C1; } .po-real-time__title h1{ font-size: 40px; line-height: 120%; color: #2E2E2E; font-weight: 400; } .po-real-time__title{ margin-bottom: 20px; } .po-real-time__video iframe{ width: 547px; height: 303px } .po-real-time__video{ margin: 0 0 22px 0; } .po-real-time__show-link{ font-size: 17px; line-height: 26px; letter-spacing: 0.02em; color: #0041C1; border-bottom: 1px dashed #0041C1; } .announceement-preview__buttons-area { display: flex; justify-content: space-between; margin-top: 51px; } .announcement-preview__button { padding: 16px 45px; width: 423px; margin: 0 14px; border: 1px solid #fff; font-size: 17px; line-height: 26px; text-align: center; letter-spacing: 0.02em; color: #FFFFFF; display: inline-block; transition: 0.15s; } .announcement-preview__button:hover, .announcement-preview__button-white { background: #fff; color: #0041C1; } .announcement-preview__button-white:hover { background: transparent; color: #fff; } .announcement-section__text-area{ display: flex; flex-direction: column; justify-content: center; width: 47.5%; padding: 20px 0 33px; } .announcement-section__text{ font-size: 17px; line-height: 24px; color: #000000; margin: 22px 0 35px 0; text-shadow: 0px 0px 0px #d3d3d3; } .announcement-section__text p, .announcement-section__text ul { margin-bottom: 20px; } .announcement-section__text p:last-child, .announcement-section__text ul:last-child { margin-bottom: 0px; } .announcement-section__image-area{ border: 1px solid #D9D9D9; position: relative; width: 44.25%; height: 340px; display: flex; justify-content: center; align-items: center; padding-top: 1%; } .announcement-section__image-area img { max-width: 80%; } .announcement-section__title { font-size: 40px; font-weight: normal; color: #2E2E2E; text-shadow: 0px 0px 0px #a9a9a9; } .announcement-section__date{ position: absolute; top: 0; width: auto; right: 0; padding: 7px 14px; background: #F3F3F3; font-size: 15px; text-shadow: 0px 0px 0px #a9a9a9; } .po-card-area{ display: flex; flex-wrap: wrap; justify-content: center; margin: 0px -26px 0px; } .po-card{ width: 438px; /*height: 669px;*/ /*min-height: 638px;*/ background: #FFFFFF; box-shadow: 0px 0px 40px #dadada; border-radius: 0px; margin: 0px 12px 24px; display: flex; flex-direction: column; } .po-image-area{ display:flex; align-items:center; justify-content: center; height: 278px; transition: 0.15s; } .po-image-area:hover { opacity: 0.9; } .po-card-information{ display: flex; flex-direction: column; margin-bottom: 53px; justify-content: space-between; position: relative; /*height: 360px;*/ } .po-title { font-size: 26px; line-height: 130%; letter-spacing: -0.01em; color: #0041C1; margin-bottom: 13px; transition: 0.15s; max-width: 100%; } .po-text-area { padding: 35px 40px 0px 40px; flex-grow: 1; } .po-title:hover { color: #167fda; } .po-middle-text{ font-size: 17px; line-height: 26px; color: #2E2E2E; margin: 0px 0 20px; text-shadow: 0px 0px 0px #a9a9a9; } .po-card-button{ height: 53px; display:flex; align-items: center; justify-content: center; width: 100%; font-size: 17px; line-height: 26px; text-align: center; letter-spacing: 0.02em; color: #FFFFFF; background: #0041C1; align-self: center; transition: 0.15s; } .po-card-button-wrap { padding: 35px 40px 42px; } .po-card-button:hover { border: 1px solid #0041C1; background: #fff; color: #0041C1; } .po-link-area img{ height: 44px; margin-right: 16px; } .po-link-area{ display: flex; align-items: center } .po-wrapper { margin-top: 22px; } .po-title { width: 103%; position: relative; display: inline-block; } .po-title:after { content: ''; position: absolute; left: 50%; bottom: -20px; width: 59px; margin-left: -30px; height: 2px; background: #fff; } .po-title h1 { color: #fff; font-size: 49px; font-weight: normal; text-shadow: none; text-align: center; } .po-nav { text-align: center } .po-detail-wrap { margin: 54px 0px 0px; } .po-detail-wrap .po-detail { padding: 0px; box-shadow: none; } .po-detail-text { margin: 40px 0px 0px; } .po-detail-text.card-specification-table td, .po-detail-text.card-specification-table th { border: 1px solid #e3e3e3; } @media (min-width: 0px) and (max-width: 979px) { .announcement-preview__bg { height: 348px; padding: 21px 0 16px 0; } .announcement-preview { background-size: cover !important; } .announcement-section__image-area{ width: auto; max-width: 100%; padding: 80px 0px 50px; height: auto; } .announcement-preview__button{ margin: 0px 0 28px; font-size: 18px; padding: 17px 43px; } .announceement-preview__buttons-area{ display: flex; flex-direction: column; margin-top: 48px; } .announcement-preview__title h1{ font-size: 41px; } .announcement-section{ padding: 17px 42px 39px 42px; flex-direction: column; } .announcement-section__text { font-size: 19px; line-height: 1.5em; } .announcement-section__button { width: 100%; height: 61px; font-size: 18px; } .announcement-section__image-area img { max-width: 93%; } .announcement-section__text-area { padding-bottom: 48px; } .announcement-section__date { padding: 13px 20px; font-size: 18px; } .po-real-time{ flex-direction: column; } .po-real-time__text-area{ margin-bottom: 30px; max-width: none; } .differ__container{ align-items: inherit !important; } .differ__header{ font-size: 16px; } .content-management{ padding: 45px 24px 45px 35px; } .content-management__title{ font-size: 35px; } .sys-struct__row p{ max-width: none; } .sys-struct__row img{ margin: 30px 0 0 0; } .ews__row, .devices-registration , .sys-struct, .devices-control, .condition-control, .command-perfomance, .auto-play, .visual-web , .content-move, .ew-function, .sys-struct-scheme, .recommend, .warning, .notifications, .connection, .web-camera, .ew-function__row, .sys-struct__row , .content-management{ flex-direction: column; } .requirements__table tr td:first-child, .conditions__table tr td:first-child, .logo-transfer__table td:first-child{ width: 186px; font-size: 14px; } .ews__multi-motitoring{ margin: 30px 0 0 0; } .content-header_po h1 { font-size: 35px; } .content-header_po { margin-bottom: 40px; } .feature__container { flex-direction: column; } .feature__left, .feature__right { width: 100%; } .feature__right p, .feature-right__video { padding-left: 0px; } .differ__left img, .differ__right img { max-width: 100%; } .differ__container { align-items: center; } ._geo, ._smart{ height: 300px; } .page-h3{ font-size: 27px; } .announcement-section__text-area { width: 100%; } .po-card { width: 100%; margin: 0px 0px 38px; } .po-card-area { margin: 0px; } .po-image-area { height: 351px; } .po-image-area img { width: 100%; } .po-title { font-size: 33px; } .po-middle-text { font-size: 22px; line-height: 1.5em; } .po-download { font-size: 23px; } .po-link-area img { height: 54px; margin-right: 25px; } .po-middle-text { margin: 0px 0 24px; } .po-card-button { height: 63px; font-size: 22px; } .po-card-button-wrap { padding: 41px 40px 42px; } } @media (min-width: 980px) and (max-width: 1279px){ .announcement-section__text-area { width: 51.5%; } .announcement-section { padding-left: 54px; } .announcement-section__title { font-size: 38px; } .announcement-section__text { font-size: 15px; margin: 19px 0 31px 0; } .announcement-section__date { padding: 6px 13px; font-size: 14px; } .geo-row-link, .po-real-time__button, .announcement-section__button { width: 233px; height: 45px; font-size: 15px; } .po-real-time{ flex-direction: column; } .po-real-time__text-area{ margin-bottom: 30px; max-width: none; } .ews__row{ flex-direction: column; } .ews__multi-motitoring{ margin: 30px 0 0 0; } .feature__right{ width: auto; } .feature__left{ max-width: none; width: auto; margin-bottom: 20px; } .sys-struct__row , .feature__container, .web-camera , .warning{ flex-direction: column; align-items: center; } .sys-struct__row p{ max-width: none; } .sys-struct__row img{ margin: 30px 70px 0 70px; } .hero-content__title h1{ font-size: 39px !important; } .visual-web img{ margin-right: 0; } .ew-function__row{ flex-direction: column; } .ew-function__title-area{ margin-bottom: 20px; } .recommend{ flex-direction: column; } .recommend__text-area{ margin-bottom: 30px; } .content-management{ flex-direction: column } .announcement-preview__title h1 { font-size: 44px; } .announcement-preview__button { width: 323px; padding: 14px 42px; font-size: 16px; } .po-card { width: 292px; } .po-image-area { height: 187px; } .po-text-area { padding: 21px 26px 0px 27px; } .po-title { font-size: 20px; } .po-card-button-wrap { padding: 27px 26px 26px; } .po-middle-text { font-size: 15px; line-height: 1.45em; } .po-download { font-size: 16px; } .po-card-button { height: 48px; font-size: 15px; } } @media all and (min-width: 1280px) and (max-width: 1480px) { .po-card { width: 398px; } .po-image-area { height: 257px; } .po-text-area { padding: 26px 33px 0px 34px; } .po-title { font-size: 24px; } .po-middle-text { font-size: 15px; } .po-download { font-size: 16px; } .po-card-button { height: 50px; font-size: 16px; } .po-card-button-wrap { padding: 30px 34px 35px; } } /* End */ /* Start:/local/templates/b2b/css/services.css?179275134229834*/ .services__notice{ background: #FAF8F9; display: flex; margin-top: 21px; } .services__notice-text-area{ display: flex; flex-direction: column; align-items: center; } .services__notice-text{ text-align: center; font-size: 18px; line-height: 160.3%; padding: 0 30px; position: relative; display: flex; justify-content: center; margin-top: 67px; } .services__notice-text:after{ content: ""; height: 2px; width: 49px; background: #0041C1; position: absolute; bottom: -20px; } .services__list{ margin-top: 38px; } .services__list h1{ font-weight: 400; font-size: 48px; line-height: 1.3em; margin-bottom: 29px; text-shadow: 0px 0px 0px #ebebeb; } .services__list .item{ box-shadow: 0 0 40px #dadada; padding: 41px 41px 36px; margin-top: 21px; } .services__item-content{ display:flex; align-items: center; } .services__item-image{ margin-right:41px; } .services__item-image img{ max-width: none; width: auto; } .services__item-title{ font-weight: 400; color: #2E2E2E; font-size: 26px; line-height: 31px; margin: 0px 0px 15px; } .services__item-area { padding-bottom: 13px; color: #525252; text-shadow: 0px 0px 0px #cfcfcf; font-size: 14px; line-height: 22px; letter-spacing: 0.02em; } .services__item-area p { margin-bottom: 13px; } .services__item-area p:last-child { margin-bottom: 0px; } .services__text-area{ margin-top: 67px; margin-bottom:40px; display:flex; } .services__text{ margin-right: 45px; max-width: 680px; font-size: 17px; line-height: 26px; letter-spacing: 0.02em; font-weight: normal; color: #2E2E2E; } .services__text:last-child{ margin-right: 0; } .services__preview{ margin-top: 22px; display:flex; align-items: center; justify-content: space-between; background: linear-gradient(167.73deg, #03BDE3 5.9%, #2B74DB 72.22%); } .services__preview-text-area{ padding: 17px 69px 17px 58px; max-width: 50%; } .security-services .services__preview-text-area { padding-right: 52px; } .security-preview-small .security-services .services__preview-text-area { padding: 28px 36px 20px 58px; } .security-preview-small .security-services .security-services-full-width { max-width: 100%; padding: 41px 55px 24px 54px; } .services__preview-text { font-size: 20px; line-height: 160.3%; color: #FFFFFF; position: relative; margin-bottom: 20px; } .security-page .services__preview-text { font-size: 18px; line-height: 23.4px; } .security-preview-big .services__preview-text { font-size: 20px; line-height: 160.3%; } .security-page .services__preview-text ul { font-size: 16px; margin: 20px 0px 0px; } .security-page .services__preview-text ul li { padding-left: 14px; margin-bottom: 4px; position: relative; list-style: none; } .security-page .security-box p img { margin: 10px 0px; height: auto !important; } .security-page .services__preview-text ul li:before { content: ''; position: absolute; top: 9px; left: 0px; width: 4px; height: 4px; border-radius: 100%; background: #fff; } .security-preview-small .security-preview-text { font-weight: 300; } .services__preview-text .services__preview-text-head { font-size: 45px; color: #fff; line-height: 1.1em; margin-bottom: 17px; } .services__preview-text:after{ content:""; height: 2px; width: 48px; background: #FFFFFF; position: absolute; bottom: -20px; } .security-services .services__preview-text:after{ display: none; } .security-services .services__preview-text * { color: #fff; } .security-services .services__preview-text a { border-bottom: 1px solid #f3f3f3; line-height: 0.9em; display: inline-block; } .security-services .services__preview-text a:hover { opacity: 0.9; } .services__preview-image{ max-width: 50%; display: flex; align-items: center; align-self: flex-start; height: 100%; } .security-page .services__preview-image { align-self: center; } .form-services { margin: 65px 0px 0px; } .form-head-services { font-weight: normal; margin-bottom: 26px; } .security-content { margin: 57px 0px 0px; } .security-head { font-size: 48px; font-weight: 400; margin-left: -1px; margin-bottom: 40px; } .security-head-analytics { margin-bottom: 38px; margin-top: 32px; } .security-text-big .security-head { font-size: 40px; } .security-head-line { margin-top: 67px; } .security-text-big .security-head-line { font-size: 39.8px; } /* --- Security text --- */ .security-text { font-size: 16px; line-height: 24px; color: #525252; } .security-text-small .security-text { font-size: 14px; line-height: 22.5px; } .security-text img { height: auto !important; } .security-text h3 strong img { margin-top: 14px; } .security-text h2, .security-text h3, .security-text h4 { font-size: 26px; color: #2E2E2E; font-weight: normal; margin-top: 44px; line-height: 1.2em; margin-bottom: 13px; } .security-text h2, .security-text h3, .security-text h4 { text-align: left !important; } .security-text h3 { font-size: 24px; } .security-text h4 { font-size: 22px; } .security-text h2:first-child, .security-text h3:first-child, .security-text h4:first-child { margin-top: 0px; } .security-text a { color: #2B74DB; border-bottom: 1px solid #7fb1f7; line-height: 1em; display: inline; font-weight: normal; } .security-text a.btn { color: #fff; } .security-text a.btn:hover { color: #fff; } .security-text a:hover { color: #0041c0; } /* --- // --- */ .security-columns { display: flex; } .security-column { width: 50%; padding-right: 4%; } .security-menu-list { display: flex; margin: 30px 0px 28px; justify-content: space-between; align-items: center; } .security-menu { font-size: 16px; cursor: pointer; transition: all 0.15s ease-out; display: inline-block; border-bottom: 1px solid transparent; line-height: 1.3em; margin-top: 1px; text-align: center; padding: 0px 20px; } .security-menu>span { display: inline; transition: all 0.15s ease-out; border-bottom: 1px solid transparent; } .security-menu-list a.security-menu { color: #000; } .security-menu:hover>span, .security-menu-active>span { color: #0041C1 !important; border-bottom: 1px solid; } .security-menu-line { width: 1px; min-width: 1px; height: 28px; background: #C7C7C7; } /* --- Security gallery --- */ .security-gallery { margin: 71px 0px 55px; height: 710px; overflow: hidden; text-align: center; } .security-gallery-prev, .security-gallery-next { position: absolute; left: 0px; top: 0px; } .security-gallery .slides-prev-next-button.previous { left: 3.5%; bottom: auto; top: 50%; background: url(/local/templates/b2b/css/../images/security/left.svg) no-repeat center center; width: 20px; height: 20px; margin-top: -30px; } .security-gallery .slides-prev-next-button.next { right: 3.5%; left: auto; bottom: auto; top: 50%; background: url(/local/templates/b2b/css/../images/security/right.svg) no-repeat center center; width: 20px; height: 20px; margin-top: -30px; position: absolute; } .security-gallery-img { width: 1180px; height: 663px; margin: 0px 91px 50px; } .security-gallery .slides-page-dots { right: auto; bottom: 18px; width: 100%; } .security-gallery .slides-page-dots .dot { width: 8px; height: 8px; background: #D9D9D9; border-radius: 100%; margin: 0px 7.5px; } .security-gallery .slides-page-dots .dot.is-selected { background: #717171; } /* --- // --- */ .security-text table { border-collapse: collapse; border-spacing: 0; width: 100%; } .security-text table * { word-wrap: break-word; } .security-text table { text-align: left; } .security-text table strong, .security-text table b { font-size: 17px; color: #2E2E2E; } .security-text table td, .security-text table th { text-align: left; padding: 7px 36px; font-size: 16px; line-height: 1.7em; color: #000000; text-shadow: 0px 0px 0px #cccccc; } .security-text table th p, .security-text table td p { margin-bottom: 2px; } .security-text table tr td:first-child { color: #525252; font-size: 16px; } .security-text table { margin: 43px 0px 20px; } .security-text table tr:nth-child(2n) { background-color: #F3F3F3; } .security-text table thead tr { background-color: #F3F3F3; } .security-box { margin-top: 35px; } .security-edits { top: -23px; } .security-item-img { width: 60px; height: 60px; } .security-items { display: flex; margin-bottom: 11px; justify-content: center; } .security-item { border: 1px solid #E3E3E3; width: 33.3%; padding: 55px; text-align: center; display: flex; align-items: center; justify-content: flex-start; flex-direction: column; margin-right: -1px; } .security-item-img-wrap { width: 105px; height: 105px; background: #F3F8FD; border-radius: 100%; display: flex; align-items: center; justify-content: center; margin-bottom: 20px; } .security-item-head { font-size: 25px; line-height: 29.82px; margin-bottom: 13px; } .security-item-text { font-size: 16px; line-height: 24px; color: #525252; } .security-item-link { margin-top: 24px; } /* --- Style copy --- */ .security-text .container p, .security-text .container ul, .security-text .container ol { margin-bottom: 8px; } .security-text .container { line-height: 1.35em; margin-bottom: 6px; } .security-text .container h1 { margin-bottom: 15px; } .security-text .container .row .col-md-4 { width: 33.33333333%; padding: 0px 1.5%; } .security-text .container .row .col-md-6 { width: 50%; padding: 0px 4%; } .security-text .container .row iframe { margin: 5px 0px 10px; max-width: 100%; } .security-text .container .row table td, .security-text .container .row table th { text-align: center; } .security-text .container .row .col-md-4 *, .security-text .container .row .col-md-6 * { text-align: center !important; } .security-text .container .col-md-12 { margin-bottom: 15px; } .security-text .container { line-height: 1.4em; } .security-text .container .row { display: flex; justify-content: center; } .security-text .container .row .col-md-4 { text-align: center !important; } .security-text .container .col-md-8 { width: 66.66666667%; } .security-text .container .col-md-12 { display: flex; flex-wrap: wrap; text-align: center; justify-content: center; align-items: center; } .security-text .container .Left { float: left; margin-right: 10px; } .security-text .container .btn { font-weight: normal; display: flex; padding: 13px 10px 12px; max-width: 160px; min-width: 150px; align-items: center; justify-content: center; font-size: 15px; margin-top: 15px; margin-left: auto; margin-right: auto; background: #fff; color: #0041C1; border: 1px solid #0041C1; } .security-text .container .btn { } .security-text .container .btn:hover { color: #fff; background: #0041C1; } .security-text .container a { display: inline; } .security-content .security-box table td p { line-height: 1.4em; margin-bottom: 10px; } .security-text .security-table td { padding-bottom: 37px; } .security-text table.security-table tr:nth-child(2n) { background-color: transparent; } .security-text .container .row table tr:nth-child(2n) { background-color: transparent; } /* --- // --- */ .security-services-banner .services__preview-text-area { padding: 36px 28px 36px 48px; } .security-services-banner-head { font-size: 40px; line-height: 1em; margin-bottom: 12px; } .security-services-banner-text { line-height: 1.45em; font-weight: 300; text-shadow: 0px 0px 0px #cfcfcf; } .security-services-banner .services__preview-text:after { content: ""; height: 1px; width: 34px; background: #FFFFFF; position: absolute; bottom: -20px; } .security-services-banner { margin-bottom: 48px; } .security-service-item .services__item-content { align-items: flex-start; } .security-service-item .services__item-area { padding-top: 17px; } .security-service-item .services__item-title { font-size: 30px; color: #000000; margin-bottom: 27px; } .security-service-list-item-name { font-size: 20px; color: #0041C1; line-height: 1.2em; padding-bottom: 9px; cursor: pointer; position: relative; } .security-service-list-item-name:hover { opacity: 0.8; } .security-service-list-item-name:before { content: ''; position: absolute; left: -26px; top: 4px; width: 16px; height: 16px; background: url(/local/templates/b2b/css/../images/security/arrow.png) no-repeat center center; transform: rotate(180deg); } .security-service-list-item { margin-top: 21px; padding-left: 25px; position: relative; } .security-service-list-item-text { display: none; } .security-service-list-item-open .security-service-list-item-name:before { transform: rotate(0deg); } .security-service-items { margin-bottom: 75px; } .security-service-list-item-dop { border-top: 1px solid #D9D9D9; margin-top: 21px; padding-top: 18px; } .security-service-list-item-dop h3 { font-size: 18.5px; color: #000000; line-height: 1.4em; font-weight: 400; text-shadow: 0px 0px 0px #a9a9a9; margin-bottom: 5px; letter-spacing: 0.3px; } .services__item-area .security-service-list-item-dop p { margin-bottom: 8px; } .services__item-area .security-service-list-item-dop a, .security-service-list-item-text a { color: #525252; display: inline-block; border-bottom: 1px solid #A8A8A8; line-height: 1em; } .security-service-list-item-text a { color: #0041C1; border-bottom: 1px solid #7fb1f7; line-height: 1em; display: inline; font-weight: normal; font-size: 14.5px; letter-spacing: 0.4px; margin: 12px 0px 0px; display: inline-block; } .security-service-list-item-text a:hover { opacity: 0.8; } /* --- Youtube --- */ .security-head-wrap { display: flex; justify-content: space-between; align-items: flex-start; } .security-head-youtube { margin-bottom: 31px; } .security-youtube-category-name { font-size: 30px; line-height: 1.15em; margin-bottom: 20px; } .security-youtube-category { border-bottom: 1px solid #D8D8D8; padding-bottom: 38px; margin-bottom: 42px; } .security-youtube-category:after { border-bottom: none; } .security-youtube-items { display: flex; width: 100%; } .security-youtube-swiper { overflow: hidden; } .security-youtube-item { width: 100%; background: #F3F3F3; position: relative; } .security-youtube-item:before { content: ''; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 1; background: rgba(0,0,0,0.3); } .hero-partners:before { content: ''; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 1; background: rgba(0,0,0,0.3); } .security-youtube-item-play { position: absolute; top: 50%; left: 50%; width: 49px; height: 49px; background: url(/local/templates/b2b/css/../images/security/play.svg) no-repeat center center; cursor: pointer; z-index: 3; margin-top: -25.5px; margin-left: -25.5px; opacity: 0; transition: all 0.15s ease-out; } .security-youtube-item-img { width: 320px; height: 182px; } .security-youtube-item-name { font-size: 16px; line-height: 24px; margin-top: 18px; color: #000000; transition: all 0.15s ease-out; cursor: pointer; } .security-youtube-arrow-prev, .security-youtube-arrow-next { position: absolute; top: 28%; cursor: pointer; background: url(/local/templates/b2b/css/../images/security/right.svg) no-repeat center center; width: 20px; height: 20px; right: -35px; } .security-youtube-arrow-prev:hover, .security-youtube-arrow-next:hover { opacity: 0.8; } .security-youtube-arrow-prev { left: -35px; right: auto; background: url(/local/templates/b2b/css/../images/security/left.svg) no-repeat center center; } .security-youtube-wrapper { position: relative; } .security-youtube-wrapper-off .security-youtube-arrow-prev, .security-youtube-wrapper-off .security-youtube-arrow-next { display: none; } .security-youtube-item-wrap { width: 320.5px; margin-right: 27px; cursor: pointer; } .security-youtube-item-wrap:hover .security-youtube-item-name { color: #0041C1; } .security-youtube-item-wrap:hover .security-youtube-item { opacity: 0.9; transition: all 0.15s ease-out; } .security-youtube-item-wrap:hover .security-youtube-item-play { opacity: 1; } .security-youtube-modal { width: 800px; height: 450px; margin: 10px 0px 3px 5px; } .security-iframe { width: 100%; height: 682px; background: url(/local/templates/b2b/css/../images/three-dots.svg) no-repeat center center #000; background-size: 50px; } .switch-button-youtube:hover { opacity: 0.85; } .security-btn-access { width: 100%; margin: 34px 0px 0px 1px; } /* --- // --- */ @media (min-width: 1280px) and (max-width: 1480px){ .services__preview-text{ font-size: 19px; } .security-services .services__preview-text-area { padding-right: 40px; padding-left: 40px; } .security-preview-small .security-services .services__preview-text-area { padding-left: 42px; } .services__preview-text .services__preview-text-head { font-size: 42px; margin-bottom: 12px; } .security-page .services__preview-text { font-size: 16px; } .security-preview-big .services__preview-text { font-size: 18px; } .security-head { font-size: 44px; } .security-text h2, .security-text h3, .security-text h4 { font-size: 24px; } .security-page .services__preview-text ul { margin-top: 12px; font-size: 15px; } .security-gallery-img { width: 1080px; height: 607px; } .security-gallery { height: 650px; margin: 45px 0px 30px; } .security-text-big .security-head-line { font-size: 36px; } .security-item-head { font-size: 24px; } .security-item { padding: 45px 35px; } .security-item-link { padding: 15px 42px 15px; font-size: 14.5px; } .security-services-banner .services__preview-text-area { padding: 33px 30px 33px 45px; } .security-services-banner .security-services-banner-head { font-size: 36px; } .services__list h1 { font-size: 46px; } .security-service-list-item-dop { margin-top: 17px; padding-top: 14px; } .security-youtube-item-img { width: 290.5px; height: 165px; } .security-youtube-item-wrap { width: 290.5px; } .security-youtube-category-name { font-size: 28px; } .security-youtube-item-name { font-size: 15px; line-height: 22px; margin-top: 15px; } } @media (min-width: 980px) and (max-width: 1279px){ .security-youtube-item-img { width: 289.66px; height: 165px; } .security-youtube-item-wrap { width: 289.66px; } .security-youtube-category-name { font-size: 28px; } .security-youtube-item-name { font-size: 15px; line-height: 22px; margin-top: 15px; } .security-service-list-item-dop { margin-top: 17px; padding-top: 14px; } .services__preview-text{ font-size: 14.4px; } .services__item-title{ margin-top: 0; } .services__preview-text-area { padding: 17px 26px 17px 33px; } .services__list h1 { font-size: 41px; } .services__list .item { padding: 31px 31px 26px } .services__item-image { margin-right: 33px; } .services__item-title { font-size: 22px; line-height: 1.2em; margin: 0px 0px 13px } .services__item-area { font-size: 13px; } .services__text { font-size: 15px; line-height: 24px; } .security-services .services__preview-text-area { padding-right: 40px; padding-left: 40px; } .services__preview-text .services__preview-text-head { font-size: 31px; margin-bottom: 6px; } .security-preview-big .services__preview-text { font-size: 16px; margin-bottom: 2px; } .security-head { font-size: 32px; } .security-text h2, .security-text h3, .security-text h4 { font-size: 18.5px; margin-bottom: 8px; margin-top: 32px; } .security-menu { font-size: 14.4px; } .security-text-small .security-text { font-size: 12.5px; line-height: 21px; } .security-column { padding-right: 3.5%; } .security-preview-small .security-services .services__preview-text-area { padding: 16px 22px 2px 30px; } .security-preview-small .services__preview-text .services__preview-text-head { font-size: 29px; } .security-preview-small .services__preview-text { font-size: 14px; line-height: 18px; } .security-preview-small .services__preview-text ul { margin-top: 9px; font-size: 13px; line-height: 1.3em; } .security-preview-small .services__preview-text ul li { margin-bottom: 4px; } .security-text-big .security-head { font-size: 32px; } .security-text-big .security-text { font-size: 14px; line-height: 22px; } .security-gallery-img { width: 860px; height: 483px; } .security-gallery .slides-prev-next-button.previous { left: 0px; } .security-gallery .slides-prev-next-button.next { right: 0px; } .security-gallery { margin: 41px 0px 35px; height: 548px; } .security-text table tr td:first-child { font-size: 14px; } .security-text table td, .security-text table th { padding: 5px 22px; font-size: 14px; } .security-item { padding: 27px 17px; } .security-item-img-wrap { width: 90px; height: 90px; } .security-item-img { width: 47px; height: 47px; } .security-item-head { font-size: 21px; margin-bottom: 9px; } .security-item-text { font-size: 12.9px; line-height: 20px; } .security-item-link { margin-top: 19px; } .security-preview-small .card-specification .card-h1 { font-size: 32px; } .card-video-col1 h5 { font-size: 17px; } .security-preview-small .card-all-videos-btn { width: 170px; height: 44px; font-size: 15px; } .security-services-banner .services__preview-text-area { padding: 26px 28px 26px 36px; } .security-services-banner-head { font-size: 32px; } .services__preview-text { font-size: 14px; } .services__list h1 { font-size: 38px; } .security-service-item .services__item-area { padding-top: 0px; } .security-service-list-item-name { font-size: 19px; } .security-service-item .services__item-title { margin-bottom: 19px; } .btn.security-btn-access { width: 100%; margin: 34px 0px 0px 1px; padding: 12px 5px 12px; font-size: 13.4px; } } @media (min-width: 0) and (max-width: 979px){ .btn.security-btn-access { width: 100%; padding: 24px 49px 25px; font-size: 20px; margin: 44px 0px 0px; } .services__preview{ flex-direction: column; } .services__preview-text-area{ padding: 43px; } .services__preview-text-area , .services__preview-image{ max-width: none; } .services__preview-text{ text-align: center; font-size: 21px; } .security-preview-small .services__preview-text { text-align: left; } .security-preview-small .security-services .services__preview-text-area { padding: 31px 31px 12px; } .services__list .item{ margin-left: auto; margin-right: auto; } .services__item-title{ margin: 23px 0px 24px; font-size: 29px; line-height: 34px; } .services__item-content{ flex-direction: column; } .services__preview-text:after{ left: 50%; margin-left: -24px; } .services__list h1 { text-align: center; } .services__item-image img { max-width: none; width: 100%; } .services__item-image { width: 100%; } .services__item-area { font-size: 17px; line-height: 27px; } .services__text-area { flex-direction: column; } .services__text { margin-right: 0px; max-width: 100%; font-size: 20px; line-height: 29px; margin-bottom: 38px; text-align: center; } .security-services .services__preview-text-area { padding: 36px 32px 32px; } .services__preview-text .services__preview-text-head { font-size: 40.5px; } .security-preview-big .services__preview-text { font-size: 18px; } .security-menu-list { flex-wrap: wrap; } .security-menu { padding: 19px 20px; border-bottom: 1px solid #e1e1e1; } .security-head { font-size: 46px; } .security-columns { flex-wrap: wrap; } .security-column { width: 100%; margin-bottom: 42px; } .security-text-small .security-text { font-size: 15px; line-height: 24px; } .security-text h2, .security-text h3, .security-text h4 { font-size: 27px; } .security-gallery { margin: 17px 0px 17px; height: 319px; } .security-gallery-img { width: 556px; height: 312px; margin-left: auto; margin-right: auto; } .security-gallery { height: 352px; } .security-gallery .slides-prev-next-button.next, .security-gallery .slides-prev-next-button.previous { display: none; } .security-text table td, .security-text table th { padding: 5px 15px; word-wrap: break-word; font-size: 15px; } .security-items { flex-wrap: wrap; } .security-item { width: 100%; } .security-item-head { font-size: 33px; margin-bottom: 30px; } .security-item-text { font-size: 21px; line-height: 30px; } .security-item .security-item-link { margin-top: 38px; font-size: 20px; width: 100%; height: 75px; font-size: 24px; line-height: 150%; text-align: center; } .security-item-img-wrap { margin-bottom: 31px; } .security-services-banner .services__preview-text-area { padding: 36px 29px 36px 29px; } .security-services-banner-head { font-size: 42px; margin-bottom: 14px; } .security-service-list-item-name { font-size: 23px; line-height: 1.4em; } .security-head-wrap { flex-wrap: wrap; } .security-head-wrap .btn { margin: 0px 0px 37px; } .security-head-youtube { font-size: 39px; margin-bottom: 23px; } .security-youtube-category-name { font-size: 32px; margin-bottom: 29px; } .security-youtube-item-img { width: 556px; height: 312px; } .security-youtube-arrow-prev, .security-youtube-arrow-next { top: 38%; } .security-youtube-item-name { font-size: 20px; line-height: 28px; margin-top: 23px; } } /* End */ /* Start:/local/templates/b2b/css/feedback.css?17927513423244*/ .form-spec-request-wrap { margin-top: 70px; } .form-row-select { z-index: 10; position: relative; } .placebox-margin-unset { margin-bottom: 0; } .form-spec-request .checkbox-label { flex-shrink: 0; } .form-spec-request .agree { align-items: flex-start; } .form-spec-request { background: unset; padding: 0; } .form-spec-request .form-left { background: #F3F3F3; padding: 5% 7% 6% 7%; width: 56.2%; margin: 0px auto; } .form-spec-request .form-head { margin-bottom: 37px; } .form-spec-request .placebox-select { position: relative; } .placebox-select-value { font-family: 'HelveticaNeue', Helvetica, Arial, sans-serif; color: #797979; font-weight: normal; line-height: 1.2em; position: relative; cursor: pointer; display: flex; align-items: center; } .placebox-select-value::after { content: ''; position: absolute; width: 8px; height: 6px; background: url(/local/templates/b2b/images/flags/arrow.svg) no-repeat center center; background-size: contain; right: 5px; top: 50%; margin-top: -2px; -webkit-transition: all ease 300ms; -moz-transition: all ease 300ms; -ms-transition: all ease 300ms; -o-transition: all ease 300ms; transition: all ease 300ms; } .placebox-select-open .placebox-select-value::after { -webkit-transform: rotate(-180deg); -moz-transform: rotate(-180deg); -ms-transform: rotate(-180deg); -o-transform: rotate(-180deg); transform: rotate(-180deg); } .placebox-select-list { background-color: #fff; position: absolute; width: 100%; left: 0; display: none; padding: 7px 0px; box-shadow: 2px 2px 10px #c7c7c7; } .placebox-option { display: flex; align-items: center; font-size: 14px; line-height: 1.4em; color: #000000; padding: 5px 14px; cursor: pointer; transition: all ease 150ms; } .placebox-option:hover { background: #0041c1; color: #fff; } .placebox-option:not(:first-child) { margin-top: 7px; } .placebox-select-value img, .placebox-option img { width: 20px; flex-shrink: 0; margin-right: 8px; } .placebox-option img { margin-right: 9px; } .placebox-select-value img { margin-bottom: 3px; } .form-spec-request .form-text { font-size: 12px; line-height: 163%; color: #626262; margin: 14px 0px 17px; } textarea.textarea-resize { resize: auto; min-height: 133px; width: 100% !important; max-width: 100%; min-width: 100%; } .form-spec-request .form-text p:not(:first-child) { margin-top: 4px; } @media all and (min-width: 980px) and (max-width: 1279px) { .form-spec-request .form-left { width: 75%; } } @media all and (min-width: 0) and (max-width: 979px) { .form-spec-request .form-left { width: 100%; } .center .form-spec-request { padding: 0px; } .placebox-option { font-size: 20.4px; padding: 8px 13px; } .placebox-select-list { padding: 12px 11px 15px; } } /* End */ /* Start:/local/templates/b2b/css/media.css?179275134260897*/ @media all and (min-width: 0px) and (max-width: 979px) { *, *:before, *:after { -webkit-text-size-adjust: none; -ms-text-size-adjust: none; -moz-text-size-adjust: none; text-size-adjust: none; max-height: 100000000px; } body { min-width: 640px; } .captcha { margin: 0px 0px 48px; } .captcha-compact .captcha { transform: scale(1.5); margin: 20px 24px 55px 76px; } .center { width: 640px; max-width: 100%; padding: 0px 40px; } .menu-link { display: none; } .head { height: 91px; } .wrapper { margin-top: 91px; } .head-flex { justify-content: flex-start; } .head-btn { position: absolute; width: 100px; right: 0px; } .head-btn:after { width: 35px; height: 35px; background: url(/local/templates/b2b/images/mob-edit.png) no-repeat center center; margin-top: -18px; margin-left: -18px; } .head-search { position: absolute; right: 101px; width: 100px; } .head-search-icon { background: url(/local/templates/b2b/images/mob-search.png) no-repeat center center; } .menu-lines { display: block; margin-right: 34px; } .logo { width: 155px; height: 43px; margin-top: -2px; margin-left: 4px; } .head .center { position: relative; } .black-flex { display: block; height: auto; } .slider, .slider-item { width: 100%; height: 406px; -o-background-size: cover !important; -webkit-background-size: cover !important; -khtml-background-size: cover !important; -moz-background-size: cover !important; background-size: cover !important; } .slider { margin: 0px 0px 89px; overflow: hidden; } .slider.slides-enabled { overflow: visible; } .slider-item-text { padding-left: 9.5%; padding-top: 1%; padding-right: 1%; } .slider .slick-next, .slider .slick-prev { display: none !important; visibility: hidden; } .slider-item-head { font-size: 58px; margin-bottom: 6%; padding-bottom: 6%; } .slider-item-short { margin-bottom: 5%; } .slider-dots { right: auto; bottom: -42px; left: 0px; width: 100%; text-align: center; } .slider-dots li { margin: 0px 5px 0px; } .slider-slick .slides-button { display: none; } .slider-slick .slides-page-dots { right: auto; bottom: -42px; left: 0px; width: 100%; text-align: center; } .main-news { width: 100%; padding: 45px 37px; text-align: center; height: 397px; overflow: hidden; } .main-news-head { font-size: 31px; margin-bottom: 33px; font-weight: 500; } .main-news-slick .slick-prev, .main-news-slick .slick-next, .main-news-slick .slides-prev-next-button { width: 17px; height: 29px; } .main-news-slick .slides-prev-next-button { width: 17px; height: 29px; } .main-news-slick .slick-prev, .main-news-slick .slides-prev-next-button.previous { background: url(/local/templates/b2b/images/mob-left.png) no-repeat center center; left: 0px; right: auto; top: -62px; } .main-news-slick .slick-next, .main-news-slick .slides-prev-next-button.next { background: url(/local/templates/b2b/images/mob-right.png) no-repeat center center; left: auto; right: 0px; top: -62px; } .main-news-item-img-wrap { float: left; width: 210px; margin: 0px 0px 0px 1px; } .main-news-item-date, .main-news-item-text { width: 241px; float: right; text-align: left; margin-bottom: 16px; } .main-news-item-text { font-size: 18px; } .main-news-arrow { bottom: 18.7%; width: 37px; height: 27px; background: url(/local/templates/b2b/images/mob-arrow.png) no-repeat center center; } .main-news-item-date { font-size: 22px; font-weight: normal; line-height: normal; margin-top: 1px; } .cat-slick-prev, .cat-slick-next { display: none !important; visibility: hidden; } .cat-item-name { font-size: 20px; max-height: 61px; line-height: 1.4em; } .cat-items-wrap { margin-top: -1px; } .cat-item-box { top: 47.5%; } .projects-prev, .projects-next { display: none !important; visibility: hidden; } .projects-wrap { padding: 0px 0px 196px; margin-bottom: 64px; } .projects-wrap-height { height: 67px; } .projects, .projects-col { height: 404px; } .projects-col { width: 530px; margin-right: 24px; } .projects-wrap .h2 { margin-bottom: 40px; } .projects-item-icon { width: 96px; height: 96px; top: 21px; left: 22px; } .projects-item::before { -webkit-background: linear-gradient(to top, rgba(0,0,0,0.8), transparent 80%); -moz-background: linear-gradient(to top, rgba(0,0,0,0.8), transparent 80%); -o-background: linear-gradient(to top, rgba(0,0,0,0.8), transparent 80%); background: linear-gradient(to top, rgba(0,0,0,0.8), transparent 80%); } .projects-item-icon>img { max-width: 60%; max-height: 60%; } .projects-item-name { bottom: 26px; left: 31px; } .projects-row .projects-item-icon { top: 16px; left: 18px; width: 74px; height: 74px; } .projects-row .projects-item-name { bottom: 19px; left: 19px; font-size: 19px; line-height: 1.25em; } .projects-dots { bottom: -49px; } .projects-link-all { bottom: -138px; width: 210px; padding-left: 10px; padding-right: 10px; font-size: 17px; left: 50%; margin-left: -105px; } .calend-wrap .h2 { margin-bottom: 37px; } .calend-month { margin-top: -2px; } .calend-wrap .center, .calend-content .center { padding: 0px; } .calend-head { padding: 0px 24px; margin-bottom: 29px; } .calend-item { height: 540px; width: 212.8px; } .calend-wrap { overflow: hidden; margin: 0px 0px 62px; } .calend-items { width: 1490px; margin-bottom: 25px; } .calend-items-wrap { width: 100%; overflow: auto; margin-bottom: 36px; } .calend-left, .calend-right { font-size: 15px; } .calend-item-head { height: 73px; background: #F9F7F8; } .calend-day { font-size: 22px; } .calend-day-text { font-size: 14px; } .calend-img { width: 100%; height: 152px; -o-background-size: cover !important; -webkit-background-size: cover !important; -khtml-background-size: cover !important; -moz-background-size: cover !important; background-size: cover !important; } .calend-text { font-size: 18px; max-height: 48%; padding-top: 13%; } .calend-arhiv { width: 160px; text-align: center; padding-left: 10px; padding-right: 10px; font-size: 18px; border: 1px solid #D1D1D1; } .products-wrap { padding: 59px 0px 33px; } .products-wrap .h2 { margin-bottom: 41px; } .products-items { flex-wrap: wrap; margin-bottom: 23px; } .products-item, .products-item:last-child { width: 49.7%; height: 280px; margin-right: 3px; margin-bottom: 3px; padding: 34px 25px 25px 29px; } .products-item:nth-child(2n) { margin-right: 0px; } .products-item-img { margin-bottom: 20px; } .products-item-text { font-size: 18px; line-height: 1.35em; max-height: 40%; } .products-item:after { width: 17px; height: 16px; left: 28px; bottom: 26px; background: url(/local/templates/b2b/images/mob-icon-folder.png) no-repeat center center; } .sources-items { display: block; height: auto; } .sources-item { height: 386px; width: 100%; margin-bottom: 28px; } .form { margin: 11px 0px 0px; display: block; padding: 41px 48px 86px 54px; } .services__grid .form { padding-bottom: 55px; } .form-right { display: none; } .form-left { width: 100%; } .form-head { font-size: 35px; margin-bottom: 39px; } .placebox { margin-bottom: 25px; } .placeholder { font-size: 19px; } .placeholder-act { font-size: 11.5px; top: -10px; } .input { font-size: 21px; } textarea.input { height: 190px; } .checkbox-label { width: 35px; height: 35px; min-width: 35px; margin-right: 20px; } input[type="checkbox"]:checked + span:after { top: 10px; left: 10px; width: 15px; height: 15px; } .agree-text { font-size: 16.5px; } .agree { margin: 30px 0px 46px; } .btn { padding: 18px 40px 16px; font-size: 18px; line-height: 1em; } .aside-block-buttons button, .aside-consult-form .btn { font-size: 22px; padding: 20px 40px 19px; margin-bottom: 5px; } .aside-consult-form .btn { font-size: 27px; padding: 26px 40px 26px; } .aside-form__title { font-size: 40.5px; } .foot { margin: 67px 0px 0px; padding: 79px 0px 303px; position: relative; } .foot-col-logo { position: absolute; bottom: 76px; } .foot-col { width: 50%; } .foot-flex { flex-wrap: wrap; } .foot-link { font-size: 18px; line-height: 1.4em; } .foot-soc { width: 63px; height: 60px; margin: 0px 42px 0px 0px; } .foot-soc1 { background: url(/local/templates/b2b/images/mob-soc1.png) no-repeat center center; } .foot-soc2 { background: url(/local/templates/b2b/images/mob-soc2.png) no-repeat center center; } .foot-soc3 { background: url(/local/templates/b2b/images/mob-soc3.png) no-repeat center center; } .foot-soc4 { background: url(/local/templates/b2b/images/mob-soc4.png) no-repeat center center; } .foot-col-socs { width: 100%; margin-top: 33px; } .foot-logo { display: none; } .foot-copy { font-size: 18px; margin: 0px 0px 20px; font-weight: 500; } .foot-policy { font-size: 16px; } .foot-policy-wrap { margin-bottom: 18px; } .alert { margin: -5px 0px 35px; font-size: 20px; } .menu { position: fixed; left: -100%; top: -100px; width: 100%; height: 100%; background: #1F1F1F; -webkit-transition:all .3s ease-out; -moz-transition:all .3s ease-out; -o-transition:all .3s ease-out; transition:all .3s ease-out; opacity: 0; padding: 3%; z-index: 5000; display: block; } .menu-show { left: 0; top: 0; opacity: 1; } .menu-content { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; } .menu-items { display: block; margin: 6% 13% 0px 5%; } .menu-item { display: block; width: 100%; margin-bottom: 11%; } .menu-item-link { display: inline; font-size: 37px; color: #fff; font-weight: 300; line-height: 1.3em; position: relative; } .menu-item-link:hover, .menu-item-link-act { border-bottom: 3px solid #60C3FE; } .menu-close { cursor: pointer; width: 44px; height: 44px; position: absolute; top: 38px; right: 38px; -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .menu-close:hover { opacity: 0.6; } .menu-close:after { width: 100%; background: #D3D3D3; height: 3px; content: ''; position: absolute; right: 0px; top: 20.5px; } .menu-close:before { width: 3px; background: #D3D3D3; height: 100%; content: ''; position: absolute; right: 20.5px; top: 0px; } .projects-slick .slides-prev-next-button { display: none; } .news-items { justify-content: space-between; } .news-list .news-item, .news-list .news-item:nth-child(4n) { margin-right: 0px; margin-bottom: 26px; } .news-item { width: 47.8%; height: 442px; padding: 4.5% 4.4%; background: #f1f1f1; } .page-h1 { font-size: 50px; padding: 61px 0px 0px; margin: 0px 0px 64px; } .solution-items { display: block; } .solution-col { width: 100%; margin-bottom: 25px; } .solution-col-big { height: auto; } .solution-item-big { height: 526px; } .solution-item-small { height: 249px; width: 265px; margin-bottom: 25px; } .solution-item-box-name { margin-top: 14px; font-size: 22px; } .solution-item-middle { height: 251px; } .solution-item-box { left: 31px; bottom: 26px; } .solution-item-small .solution-item-box, .solution-item-middle .solution-item-box { bottom: 26px; left: 28px; } .prod-items { display: block; margin-bottom: 88px; } .prod-item { margin-right: 0px; width: 100%; margin-bottom: 38px; } .prod-item-name { font-size: 23px; bottom: 16%; line-height: 1.5em; width: 45%; } .select-items { display: block; margin-bottom: 37px; } .select-item { width: 100%; margin-bottom: 20px; } .select { font-size: 18px; min-height: 59px; line-height: 1.6em; padding: 18px 25px 17px 23px; -webkit-appearance: none; min-width: 280px; } .projects-list .projects-col { width: 100%; height: 424px; margin-bottom: 37px; } .type-h1 { font-size: 56px; } .type-img { margin: 0px 0px 46px; } .type-item { width: 50%; padding-right: 8%; } .type-item-icon { margin-bottom: 27px; } .type-nav { display: block; height: auto; } .type-nav-item { width: 100%; height: 155px; margin-bottom: 25px; } .center-small { width: 557px; } .detail-h1 { padding-top: 40px; margin-bottom: 24px; font-size: 52px; } .detail-date { font-size: 21px; } .detail { font-size: 19px } .detail-share { padding: 24px 87px 26px 36px; font-size: 26px; } .detail-share:after { margin-top: -13px; width: 29px; height: 27px; } .detail-share-wrap { display: block; } .detail-share-box { margin-left: 0px; margin-top: 30px; } .ya-share2__link { margin-right: 20px; } .breadcrumbs { display: block; line-height: 2em; } .breadcrumbs-name-wrap { display: inline; } .breadcrumbs-name { display: inline; font-size: 15px; line-height: 1.85em; } .breadcrumbs-name:after { top: 50%; margin-top: -1px; } .breadcrumbs-home { display: inline-block; } .breadcrumbs-home::before { top: 6px; } .breadcrumbs-home:after { top: 14px; } .select-reset { margin: 8px 18px 0px 0px; font-size: 18px; float: right; } .hero-shadow .hero-content__title { max-width: 100%; } .hero-shadow .hero-content__text { padding: 7% 10%; max-width: 79.1%; } .hero { height: 590px; } .project .hero { /*min-height: 590px;*/ height: auto; display: block; } .hero-shadow .hero-content__title h1 { font-size: 52px; } .hero-shadow .hero-content__title { margin-bottom: 10.2%; } .project-description-wrap .project-description__text { width: 100%; } .project-description-wrap .project-description__company { width: 100%; margin-top: 45px; } .project-description-wrap .project-description__container { width: 100%; display: flex; padding: 50px 9% 55px 10%; align-items: center; flex-wrap: wrap; } .project-description-wrap .project-description__logo-description { font-size: 25.5px; max-width: 100%; margin-bottom: 33px; text-align: center; } .project-description-wrap .project-description__container_text img { max-width: 94%; min-width: 52%; } .project-content.constructor-content .constructor-block.constructor-block--bordered .item-img { padding-top: 0px; } .constructor-block + .constructor-block { margin-top: 55px; } .description { font-size: 15px; } .constructor .constructor-block--right-padding .item + .item { padding-left: 0px; } .constructor-block--right-padding .item .text { padding-bottom: 0px; } .constructor-text { margin-bottom: 45px; } .constructor-video { height: 312px; } .constructor-equipment-wrap .constructor-equipment { margin-top: 65px; padding: 42px 43px 58px; } .constructor-title { font-size: 33px; } .project-gallery-prev { right: auto; left: 0px; } .project-gallery-slides { height: 400px; } .prod-slider .slides-prev-next-button.previous { right: auto; left: 0px; } .prod-slider .slides-page-dots { display: none; } .navigation-new .navigation__grid { flex-wrap: wrap; } .navigation-new .navigation__grid .left, .navigation-new .navigation__grid .right { width: 100%; margin: 0px 0px 30px; font-size: 24px; } .detail iframe { max-width: 100%; height: 315px !important; } .solutions-description__grid .item.item-texts { width: 100%; padding-right: 0px; } .solutions .item-texts br { display: none; } .solutions-description__grid .item + .item.item-img { width: 100%; padding-top: 30px; } .solutions .solutions-description__grid { padding: 35px 0 68px; } .solutions-content { padding-top: 55px; } .constructor-text br { display: none; } .constructor-text { font-size: 27px; } .solutions .constructor-block + .constructor-block { margin-top: 42px; } .solutions .texts-list h2 { margin-bottom: 15px; } .solutions .texts-list strong { font-size: 27px; } .solutions .hero-shadow .hero-content__title { margin-bottom: 14.2%; } .solutions .texts { font-size: 18px; } .solutions .constructor-block--right-padding .item + .item { padding-top: 27px; } .solutions .item img { width: 100%; } .solutions .constructor-block__grid .item img + img { margin-top: 42px; } .solutions .constructor-line { margin: 48px 0; } .solution-slides-item { width: 100%; } .solution-slides-item-name { font-size: 23px; line-height: 1.5em; } .solutions .project-title, .constructor-slider--title { margin-bottom: 36px; padding: 0px 33px; font-size: 31px; } .solutions .solution-slides .slides-prev-next-button.previous { left: -21px; top: -98px; } .solutions .solution-slides .slides-prev-next-button.next { top: -97px; right: -21px; } .solution-slides-item-box { bottom: 17%; padding: 0px 9% 0px 9%; } .solution-slides .slides-page-dots { display: none; } .solutions .soltuions-interesting { margin: 23px 0px 80px; } .news-item-text { max-height: 126px; } .sk-box, .sk-head { width: 94%; } .sk-head h1 { font-size: 52px; } .sk-head { margin-bottom: 15.5%; } .sk-back { height: 610px; margin-bottom: 145px; } .sk-item-left, .sk-item-right { width: 100%; padding-right: 0px; margin-bottom: 38px; } .sk-items { display: block; } .sk-text-big { margin-bottom: 30px; } .sk-text-big br { display: none; } .sk-text { font-size: 18px; } .sk-grey { display: block; } .sk-item-img-wrap { width: 100%; margin-bottom: 34px; } .sk-item-img { width: 100%; } .sk-grey-left, .sk-grey-right { width: 100%; padding: 0px; } .sk-grey { padding: 6.6% 7% 6% 7.6%; } .sk-grey-left { margin-bottom: 38px; } .sk-items { margin-bottom: 22px; } .sk-grey-head { margin-bottom: 35px; } .sk-grey-head br { display: none; } .sk-grey .texts { font-size: 20px; } .sk-grey .texts ul { margin-bottom: 36px; } .sk-p { padding-right: 0px; } .sk-blue { padding: 50px 0px 17px; } .sk-blue-flex { display: block; } .sk-blue-left, .sk-blue-right { width: 100%; padding: 0px; } .sk-blue-left { margin-bottom: 48px; font-size: 21px; } .sk-map { width: 100%; height: 405px; } .sk-form-left, .sk-form-right { width: 100%; } .sk-form-left { margin-bottom: 102px; } .sk-form-right { padding: 0px; } .sk-form-head { font-size: 29px; } .sk-form .btn { padding: 20px 61px 21px; font-size: 22px; } .head-search-box { padding: 18px 36px 0px 29px; } .head-search-box .input { line-height: normal; border-bottom: 2px solid #fff; font-size: 23px; padding: 13px 31px 13px 0px; } .search-form { width: 100%; } .search-link { font-size: 24px; } .search-item>p { font-size: 16px; margin-top: 18px; } .search-chain { font-size: 15px; margin-top: 18px; } .cat-items-content-scroll .cat-items { width: 100%; overflow: auto; white-space: nowrap; height: 320px; position: relative; } .cat-items-content-scroll .cat-items .cat-item { display: inline-block; float: none; margin-right: -2px; white-space: normal; } .cat-items-content-scroll { position: relative; } .cat-items-content-scroll .cat-items-after { position: absolute; bottom: -3px; left: 0px; width: 100%; height: 26px; background: #1e1e1e; } .offices-list__wrapper { width: 620px; } .solutions-description__grid { flex-direction: column; padding-top: 65px; padding-bottom: 65px; } .solutions-description__grid .item { width: 100%; } .solutions-description__grid .item + .item { padding: 0; } .constructor-content { padding-top: 74px; } .mw-70 { max-width: 100%; } .constructor-block__grid { flex-direction: column; } .constructor-block__grid .item { width: 100%; } .constructor-block--right-padding .item + .item { padding-left: 0; padding-top: 65px; } .constructor-text { max-width: 100%; } .solution-card--mini { padding: 28px; } .solution-card--mini .solution__name { font-size: 14px; } .navigation__grid .left, .navigation__grid .right { font-size: 18px; } .project-description__grid { flex-direction: column; } .project-description__text { width: 100%; line-height: 1.4; } .project-description__company { width: 100%; margin-top: 65px; } .constructor-block--right-padding .item .text { padding-top: 65px; } .constructor-equipment { padding: 65px 42px; } .equipment__list .item { max-width: 100%; } .project-title, .constructor-slider--title { margin-bottom: 65px; } .partners__grid .aside { width: 100%; padding-bottom: 39px; display: none; } .partners__grid .aside + .content { width: 100%; margin-left: 0; } .partner__grid-content { flex-wrap: wrap; } .partner__grid-content .column { width: 100%; padding: 0; } .partner__information .partner__distributor { font-size: 18px; } .partner__grid-content .column + .column { margin-left: 0; } .partner__grid-content .column + .column + .column { margin-top: 17px; } .partner__grid-content .column2 { padding-top: 18px; } .partners .hero { height: 287px; } .partners .hero-content__title { margin-bottom: 7%; } .partner__information .partner__distributor { margin-right: 11%; } .partners-content { margin-top: 42px; position: relative; } .partners-content .center { position: relative; } .partners__list .item + .item { margin-top: 38px; } .partners__list .item { padding: 28px 17px 28px 33px; } .partner__name { font-size: 30px; } .partner__distributor { font-size: 16px; } .partner__offices a { font-size: 18px; } .partner__offices a:before { left: -2px; margin-top: 1px; } .partner__grid .partner__information>div { margin-bottom: 10px; } .partner__additional-information { font-size: 16px; display: inline-block; margin-top: 10px; } .partner__grid .partner__address, .partner__grid .partner__site a.link { font-size: 19px; } .partner__grid .partner__phone a { font-size: 28px; } .partner__distributor-categories { font-size: 17px; } .partners__grid { display: block; } .partner__phone { margin-top: 20px; } .partner__site { margin-top: 20px; } .partner-badges__grid .badge { margin-right: 24px; } .mob-aside-btn { display: block; position: absolute; width: 60px; height: 42px; right: 44px; top: 0px; border: 2px solid #01b6e3; border-radius: 4px; cursor: pointer; z-index: 50; } .mob-aside-btn:before, .mob-aside-btn:after { content: ''; position: absolute; top: 11px; left: 10px; display: inline-block; width: 65%; height: 2px; background: #01b6e3; transition: all 0.25s ease-out; -webkit-transition: all 0.25s ease-out; -moz-transition: all 0.25s ease-out; -o-transition: all 0.25s ease-out; } .mob-aside-btn:after { top: 24px; } .aside--title { font-size: 27px; } #catalog-filter-form .aside--title { font-size: 27px; } .aside__checkbox-list { margin-top: 32px; } .checktext, .radiotext { font-size: 20px; line-height: 1.5em; margin-top: 0px; } .checkbox:before { margin-right: 21px; } .aside-block { padding: 40px; } .offices-list__wrapper .offices-list__header { padding-right: 60px; padding-bottom: 0px; } .offices-list__company { font-size: 27px; } .office__site { margin-top: 5px; } .office__address { font-size: 16px; } .offices-list__company { margin-right: 34px; } .office__phone a { font-size: 21px; } .offices-list__header .partner__distributor { font-size: 17px; margin-top: 5px; } .aside__checkbox-list li { margin-bottom: 24px; } .offices-list__header .select-items-wrap { margin-top: 30px; } .select-reset-wrap { position: absolute; top: -120px; right: auto; left: 0px; } #modbox { width: 460px; } #modbox.modbox-youtube { width: 610px; padding: 58px 4px 48px 4px; } .security-youtube-modal { width: 566px; height: 318px; margin: 0px; } .offices-list #modbox { width: 620px; } .partners-h2 { margin-bottom: 40px; } .not-found { padding-top: 80px; font-size: 22px; } .type-nav-item-left + .type-nav-item-right { margin-left: 0px; } .constructor-block .texts iframe { height: 315px !important; } .project .breadcrumbs-abs { position: relative; } .project .hero-shadow .hero-content { position: relative; } .foot-col-logo { max-width: 100%; width: 100%; } .subs { width: 100%; margin-top: 113px; } .subs-head { font-size: 26px; margin-bottom: 32px; } .subs-box { margin-bottom: 0px; width: 100%; } .subs-btn { padding: 9px 34px; font-size: 21px; } .foot .subs-box .input { font-size: 21px; padding: 13px 0px; } .subs-box .placeholder { font-size: 22px; } .subs-box .placeholder-act { font-size: 12px; } .subs .agree-text { font-size: 18px; line-height: 1.6em; margin-top: -3px; padding-right: 23px; } .subs .checkbox-label, .subs-news .checkbox-label { width: 18px; min-width: 18px; height: 18px; margin: 0px 17px 0px 0px; } .subs-news .checkbox-label { margin-top: 4px; } .subs-wrap { display: block; text-align: center; } .subs-wrap .detail-share-wrap { margin: 0px; } .subs-news { width: 100%; margin-top: 62px; } .subs-news .subs-box .input { padding: 15px 0px; border-bottom: 1px solid #000; font-size: 21px; } .subs-news-open { padding: 24px 54.5px 25px; font-size: 26px; font-weight: 500; } .subs-news .subs-btn { padding: 22px 38px 24px; font-size: 26px; line-height: 1em; font-weight: 500; } .subs-news .agree-text { color: #767676; padding-right: 23px; font-size: 18px; line-height: 1.6em; } .subs-news .agree { margin-top: 43px; } .subs .alert, .subs-news .alert { font-size: 22px; margin: 0px 0px 12px; text-align: left; } .subs-news-end { padding: 24px 36px 26px 36px; font-size: 26px; } .foot .captcha { margin: 25px 0px 9px; } .detail .captcha { margin: 30px 0px -16px; width: 100%; display: block; } .calend-slides .slides-prev-next-button.previous, .calend-slides .slides-prev-next-button.next { width: 73px; height: 39px; bottom: 20px; left: 22px; } .calend-slides .slides-prev-next-button.next { left: auto; right: 22px; } .catalog__list .select-reset-catalog { display: none; } .catalog-link-group { flex-wrap:wrap; } .catalog-link { padding-left: 4%; padding-right: 4%; } .catalog-link, .catalog-link:last-child, .catalog-link:first-child { padding-left: 3.75%; padding-right: 3.75%; width: auto; font-size: 15.4px; } .catalog-link-group-display .catalog-link, .catalog-link-group-display .catalog-link:first-child, .catalog-link-group-display .catalog-link:last-child { padding-left: 7%; padding-right: 7%; } .catalog-link-group .catalog-link-big { padding-left: 8%; padding-right: 8%; } .catalog-link-group { justify-content: center; } .product-card-title p { font-size: 30px; } .product-card-title { margin-bottom: 41px; font-size: 27px; justify-content: center; text-align: center; } .product-card-icons { justify-content: center; } .product-card__price p { font-size: 33px; } .product-card-text { font-size: 14px; text-align: center; } .product-card-chars__list { display: flex; flex-direction: column; align-items: center; } .product-card-icons { margin-top: 34px; } .product-char-icon { margin-bottom: 30px; } .technologies-monitore__name { max-width: 100%; padding-bottom: 41px; font-size: 33px; line-height: 1.3em; } .security-technologies .technologies-monitore__name { font-size: 38px; line-height: 1.2em; } .security-analytics .technologies-monitore__name { padding-bottom: 19px; } .security-technologies .technologies-monitore__row1 .btn { position: absolute; bottom: 0px; } .technologies-monitore__row_gray { margin-top: 16px; } .switch-buttons-small .switch-button { min-width: 175px; max-width: 175px; padding-right: 5px; padding-left: 5px; font-size: 15.4px; margin-right: 14px; margin-bottom: 14px; height: 70px; line-height: 1.25em; } .switch-buttons-small .switch-button:not(:first-child) { margin-left: 0px; } .switch-buttons-small .switch-button:nth-child(3n) { margin-right: 0px; } .switch-buttons-small { flex-wrap: wrap; } .switch-button-youtube { min-width: 137px; margin-left: 18px; height: 66px; } .security-category { width: 100%; margin-right: 0px; margin-bottom: 30px; } .security-category-name { font-size: 25px; } .security-category-btn { margin-top: 30px; } .item-security .product-card__image { width: 100%; margin-top: 12px; margin-bottom: 10px; } .item-security .product-card-inline { flex-wrap: wrap; justify-content: center; } .item-security .product-card-inline .btn { width: 100%; margin: 32px 0px 11px; font-size: 23px; padding: 23px 40px 26px; } .item-security .product-card-preview-text { font-size: 18.4px; text-align: center; } .aside__checkbox-list .checkbox { margin-top: 3px; } .aside-block .filter-range-input { font-size: 22px; } .catalog-filter-form-security .chosen-container-single .chosen-single span { font-size: 20px; } .chosen-container .chosen-results li { font-size: 17px; } .select-item-wrap .catalog-filter-submit-copy { top: -51px; right: -28px; } .filter-range .catalog-filter-submit-copy { top: -55px; right: -28px; } .security-text .container .row { flex-wrap: wrap; } .security-text .container .row .col-md-4, .security-text .container .row .col-md-6, .security-text .container .col-md-8 { width: 100%; } .security-iframe { height: 540px; } .logo-i-pro-white { top: 85px; left: 65px; } .prod-item::before { left: 11.5%; } .i-pro-title:after { top: auto; right: 47px; bottom: 21px; width: 102px; height: 35px; } .i-pro-icon { width: 168px; height: 40px; margin: 0px 0px 14px 1px } .partners .i-pro-catalog-title { margin-bottom: 5.5%; } .pressit360 .pressit__logo-area { width: 100%; padding-right: 0px; } .pressit360 .pressit__information, .pressit360 .pressit__options { min-width: 100%; } .pressit360-table-big table td { padding: 15px 4% 15px 4%; } } @media all and (min-width: 980px) and (max-width: 1279px) { .item-security .product-card__image { padding-right: 2%; margin-top: 4px; } .switch-button-youtube { min-width: 80px; } .catalog-top-row .switch-button { min-width: 245px; } .catalog-link { padding: 17px 1.5% 19.5px; font-size: 14.4px; } .catalog-link:first-child, .catalog-link:last-child { padding-left: 2.4%; padding-right: 2.4%; } .catalog-link-group-display .catalog-link:first-child, .catalog-link-group-display .catalog-link:last-child { padding-left: 3.4%; padding-right: 3.4%; } .catalog-h2 { font-size: 39px; } .education__item-text { font-size: 13px; } .education__item-title { min-width: 122px; padding-right: 8px !important; font-size: 15px; } .education__list .item { box-shadow: 0 0 40px #dadada; padding: 46px 4.4% 22px; } .education__item-area table td { padding: 14px 0; } .hero-content__title h1 { font-size: 45px; } .cat-item-icon { width: 33px; height: 33px; -o-background-size: contain !important; -webkit-background-size: contain !important; -khtml-background-size: contain !important; -moz-background-size: contain !important; background-size: contain !important; } .center { width: 960px; } .detail iframe { max-width: 100%; height: 384px !important; } #modbox2 { padding: 48px 62px 49px 62px; } .slider-item-head { font-size: 64px; } .slider-item, .black-flex { height: 417px; } .cat-items, .cat-item { height: 205px; } .menu-link { font-size: 12px; margin-right: 1.1%; } .menu-link-icon { margin-left: 0.8%; margin-right: 2.5%; } .head-btn, .head-search { width: 52px; } .head-search { margin-right: -10px; } .head { height: 53px; } .wrapper { margin-top: 53px; } .logo { width: 90px; min-width: 90px; -o-background-size: contain !important; -webkit-background-size: contain !important; -khtml-background-size: contain !important; -moz-background-size: contain !important; background-size: contain !important; margin: 7px 1.2% 0px 0px; } .slider-item-head { font-size: 63.34px; } .cat-item { width: 167px; } .cat-item-box { top: 44%; left: 13%; } .cat-item-name { font-size: 14.5px; line-height: 1.4em; max-height: 45px; } .projects-col { width: 449px; margin-right: 24px; } .projects, .projects-col { height: 350px; } .projects-item-name { font-size: 15.4px; line-height: 1.25em; padding-right: 5%; bottom: 19px; } .projects-row .projects-item-name { bottom: 17px; left: 17px; } .calend-month { font-size: 23px; } .calend-left, .calend-right { font-size: 13px; } .calend-item-head { height: 50px; padding: 7% 10.5%; } .calend-img { height: 95px; -o-background-size: contain !important; -webkit-background-size: contain !important; -khtml-background-size: contain !important; -moz-background-size: contain !important; background-size: contain !important; } .calend-text { font-size: 12.4px; max-height: 46%; padding: 11.5% 11.5%; } .calend-item { height: 340px; } .calend-item:after { left: 14%; } .products-item { height: 174px; padding-top: 1.8%; padding-left: 1.25%; padding: 1.8% 0.7% 2.9% 1.2%; margin-right: 1px; } .products-item-img { width: 64px; height: 61px; margin-bottom: 14%; -o-background-size: contain !important; -webkit-background-size: contain !important; -khtml-background-size: contain !important; -moz-background-size: contain !important; background-size: contain !important; } .products-item-text { font-size: 10.4px; max-height: 33%; line-height: 1.35em; } .products-item:after { left: 8%; bottom: 6%; } .sources-item { -o-background-size: contain !important; -webkit-background-size: contain !important; -khtml-background-size: contain !important; -moz-background-size: contain !important; background-size: contain !important; } .sources-item-name { font-size: 21px; bottom: 8.6%; left: 6.5%; } .sources-items { height: 314px; } .slider-item-short { font-size: 20px; } .slider-item-text { padding-top: 1.5%; padding-left: 7%; } .form-head { font-size: 27px; } .form { padding-right: 6.7%; } .form-left { width: 42.5%; } .slider .slick-prev { left: 7%; } .btn { padding: 14px 39px 15px; font-size: 14px; } .main-news-head { font-size: 20px; } .main-news-slick .slick-prev, .main-news-slick .slick-next, .main-news-slick .slides-prev-next-button.previous, .main-news-slick .slides-prev-next-button.next { top: -9%; margin-right: -5px; width: 16px; height: 18px; -o-background-size: contain !important; -webkit-background-size: contain !important; -khtml-background-size: contain !important; -moz-background-size: contain !important; background-size: contain !important; } .main-news-item-img-wrap { margin: 0px 0px 8.8%; } .main-news-item-date { font-size: 16px; margin-bottom: 6.2%; } .main-news-item-text { font-size: 13px; line-height: 1.45em; max-height: 144px; } .h2 { font-size: 30px; margin-bottom: 35px; } .projects-item-icon { width: 100px; height: 100px; top: 21px; left: 24px; } .projects-row .projects-item-icon { top: 12px; left: 15px; width: 70px; height: 70px; } .calend-day { font-size: 17px; } .calend-day-text { font-size: 11px; margin-top: 4px; } .calend-today { font-size: 11.5px; margin-top: 4px; } .foot { padding: 66px 0px 44px; } .foot-logo { margin: 0px 0px 30px; } .foot-link, .foot-copy { font-size: 13px; } .foot-link-wrap { margin: 0px 0px 18px; } .foot-policy { font-size: 11.5px; } .slides-prev-next-button.previous { left: 7%; } .news-item { width: 215px; height: 383px; margin-right: 20.8px; margin-bottom: 20px; padding: 2.2% 2.2%; } .news-item:after { width: 16px; height: 13px; -o-background-size: contain !important; -webkit-background-size: contain !important; -khtml-background-size: contain !important; -moz-background-size: contain !important; background-size: contain !important; } .news-item-img-wrap { margin-bottom: 21px; } .news-item-text { font-size: 13px; } .news-item-date { font-size: 16px; margin-bottom: 15px; } .page-h1 { margin-bottom: 59px; padding-top: 57px; } .pages-item { width: 46px; height: 46px; padding: 13px; font-size: 18px; } .solution-col { width: 450px; } .solution-col-big, .solution-item-big { height: 425px; } .solution-item-small { height: 203px; width: 214px; } .solution-item-small, .solution-col { margin-bottom: 23px; } .solution-item-middle { height: 198px; } .solution-item-box-name { font-size: 18px; } .solution-item-box { bottom: 21px; left: 26px; } .solution-item-small .solution-item-box, .solution-item-middle .solution-item-box { bottom: 20px; left: 25px; } .solution-item-small .solution-item-box-name, .solution-item-middle .solution-item-box-name { margin-top: 8px; } .solution-item-box-icon { max-width: 35px; max-height: 35px; } .detail-share { padding: 19px 68px 18px 26px; font-size: 15px; } .prod-item { width: 292px; height: 226px; margin: 0px 23px 23px 0px; } .prod-slider .prod-item, .prod-slider .prod-item:nth-child(3n) { margin-right: 23px; } .prod-item-name { font-size: 12.5px; bottom: 11%; left: 7.5%; width: 44%; } .prod-item::before { top: 10%; left: 9%; } .prod-item-img { max-width: 43%; max-height: 62%; } .breadcrumbs-name { font-size: 12.4px; } .center-small { width: 680px; } .detail { font-size: 15px; } .detail-h1 { font-size: 37px; padding-top: 40px; margin-bottom: 11px; } .detail h2 { font-size: 28px; } .other-h1 { font-size: 34px; } .type-h1 { font-size: 53px; margin: 26px 0px 35px -2px; } .type-img { margin: 0px 0px 60px; } .type-item-name { font-size: 13px; margin-bottom: 13px; } .type-item-text { line-height: 1.65em; font-size: 12px; } .type-item-link { font-size: 12.5px; } .type-item-icon { margin-bottom: 25px; } .type-nav { height: 130px; } .type-nav-item { font-size: 20px; } .hero { height: 500px; } .hero-shadow .hero-content__title { margin-bottom: 8.2%; max-width: 67%; } .hero-shadow .hero-content__title h1 { font-size: 44px; } .hero-shadow .hero-content__text { padding: 3% 5% 3.1%; font-size: 18px; max-width: 36%; } .project-description-wrap .project-description__text { font-size: 18px; } .project-content.constructor-content { font-size: 13.5px; padding-top: 50px; } .constructor-text { margin-bottom: 40px; font-size: 20px; } .constructor-title { font-size: 33px; } .equipment__list .item .name { font-size: 14.5px; } .project-gallery-slides { height: 350px; } .navigation__grid .left, .navigation__grid .right { line-height: 123px; font-size: 19px; } .project-description-wrap .project-description__container { padding: 6.3% 6.7% 6.2% 7.2%; } .project-description-wrap .project-description__logo-description { font-size: 15px; } .project-description { padding: 121px 0 48px; } .project-content.constructor-content .constructor-block.constructor-block--bordered .item-text { padding: 4.9% 2% 4.9% 4%; } .project-content.constructor-content .constructor-block.constructor-block--bordered .item-img { padding: 5.9% 4.5% 5.9% 4.5%; } .constructor-block + .constructor-block { margin-top: 45px; } .constructor-video { height: 517px; } .constructor-video-wrap { margin: 54px 0px 54px; } .constructor-equipment-wrap .constructor-equipment { margin-top: 50px; padding: 43px 62px 53px; } .equipment__list .item { max-width: 100%; } .solutions.constructor h2 { font-size: 35px; } .solutions .texts { font-size: 14px; } .solutions .texts h2 { font-size: 23px; margin-bottom: 22px; } .solutions .texts h3 { font-size: 22px; } .solutions .texts p { margin-bottom: 17px; } .constructor p + p, .project p + p, .solutions p + p { margin-top: 17px; } .solutions .texts br { display: none; } .texts-list { padding: 0px; } .solutions .solutions-description__grid { padding: 32px 0 38px; } .solutions .constructor-content { padding-top: 64px; } .solutions .texts-list h2 { margin-bottom: 11px; font-size: 32px; } .solutions .texts-list strong { font-size: 19px; margin-bottom: 24px; } .solutions .constructor-block__grid .item img + img { margin-top: 50px; } .constructor .constructor-block--right-padding .item + .item { padding-left: 7%; } .mw-70 { max-width: 90%; } .constructor-line { margin: 55px 0; } .solutions .constructor-text { max-width: 85%; } .solutions .texts { line-height: 1.5em; } .solution-slides { height: 155px; } .solution-slides-item-name { font-size: 14px; line-height: 1.4em; margin-top: 8px; } .solution-slides-item-box { bottom: 15%; padding: 0px 9% 0px 11%; } .soltuions-interesting .constructor-slider__header { margin-bottom: 32px; } .solutions .project-title, .constructor-slider--title { font-size: 31px; } .form { margin: 17px 0px 0px; } .sk-back { height: 500px; margin-bottom: 152px; } .sk-head { margin-bottom: 7.5%; } .sk-head h1 { font-size: 44px; } .sk-box { padding: 41px 49px 39px 65px; font-size: 18px; line-height: 1.4; } .sk-text-big { font-size: 20px; margin-bottom: 28px; } .sk-text-big br { display: none; } .sk-text { font-size: 14px; } .sk-grey-head { font-size: 19px; margin-bottom: 20px; line-height: 1.6em; } .sk-grey .texts ul { margin-bottom: 24px; } .sk-grey .texts { font-size: 14px; } .sk-grey-left .sk-item-img { width: 98%; } .sk-blue { padding-top: 82px; } .sk-blue-left h2 { font-size: 28px; } .sk-form-head { font-size: 27px; } .sk-item-left { padding-top: 0px; padding-right: 5%; } .sk-items { margin-bottom: 24px; } .sk-grey-head br { display: none; } .sk-grey .texts ul li { line-height: 1.4em; } .sk-p { padding-right: 0.5%; } .sk-grey { margin-bottom: 50px; } .sk-blue-left { padding-right: 5%; font-size: 16px; } .sk-map { width: 471px; height: 331px; } .sk-form-right { padding-right: 1%; } .sk-form .form-right-img:after { left: -60px; bottom: -56px; } .head-search-box { padding: 11px 16px 0px 13px; width: 168px; } .partners .hero { height: 230px; } .aside-block { padding: 16px 17px 16px 20px; } #catalog-filter-form .aside-block { padding: 23px 17px 18px 20px; } .aside-block-only { padding-top: 6px; } .partners-content { margin-top: 52px; } .aside--title { font-size: 15.5px; } #catalog-filter-form .aside--title { font-size: 17px; margin-bottom: 18px; } .aside__checkbox-list { font-size: 12.5px; margin-top: 14px; } .partners__grid .aside { width: 25%; } .partners__grid .aside + .content { width: 75%; margin-left: 26px; } .aside__city-list { margin-top: 17px; } .chosen-container .chosen-results li { font-size: 13px; } .chosen-container-single .chosen-single span { font-size: 13px; } .checkbox:before { margin-right: 10px; } span.star { position: absolute; right: -4px; } .catalog__list .product-card-row { flex-wrap: wrap; } .catalog__list .product-card__info { width: 70.5%; padding-right: 7px; } .product-card-inline { flex-wrap: wrap; } .product-card-icons-security { margin-top: 5px; } .security__list .product-card-inline .btn { margin-top: 6px; } .product-card-icons-security .product-char-icon { max-height: 25px; margin-right: 15px; margin-bottom: 16px; } .product-card-inline .btn { margin-top: 6px; } .partners-h2 { font-size: 31px; margin-bottom: 27px; } .partners__list .item { padding: 22px 14px 24px 25px; font-size: 13px; } .catalog__list .item { padding: 23px 15px 25px 33px; } .catalog__list .product-card__price { width: 33%; margin-left: 28.5%; padding-left: 6px; padding-top: 4px; } .partner__grid-content .column1 { padding-right: 2.7%; } .partner__name { font-size: 19px; } .partner__information { flex-wrap: wrap; margin-top: 11px; } .partner__offices { margin-left: 1px; margin-top: 14px; } .partner__additional-information { margin-top: 12px; padding: 12px 10px 12px 12px; font-size: 12px; } .partner__grid-content .column2 { padding-right: 0px; width: 27%; } .partner__grid-content .column3 { width: 28%; font-size: 12px; } .partner__grid-content .column4 { width: 10.5%; } .partner-badges__grid .badge { height: 54px; margin-right: 13px; margin-bottom: 11px; } .partner__phone a { font-size: 18px; } .offices-list__company { font-size: 19px; } .office__address, .office__site a { font-size: 13.5px; } .office__phone a { font-size: 17px; } .projects-col>.projects-item .projects-item-name { font-size: 20px; } .constructor-block .texts iframe { height: 520px !important; } .projects-wrap-height { height: 60px; } .cat-items-wrap { padding-top: 70px; } .subs { width: 168px; margin-top: 25px; } .subs-head { font-size: 13px; margin-bottom: 9px; } .subs-flex { flex-wrap: wrap; } .subs-btn { margin: 15px 0px 0px 0px; width: 100%; text-align: center; } .subs .agree-text { font-size: 9.4px; } .subs .agree-text a { display: inline-block; margin-bottom: 2px; } .subs-news { width: 305px; } .subs-news-open { padding: 19px 37px 18px; font-size: 15px; text-align: center; } .subs-news .subs-box { width: 100%; } .subs-news .agree-text { padding-right: 4px; } .subs-news-end { padding: 18px 18px 19px; } .foot .captcha { height: 58px; width: 100%; transform: scale(0.6); margin: -14px 0px 15px; } .foot .captcha .captcha-content { position: absolute; right: -67px; } .calend-slides .slides-prev-next-button.previous, .calend-slides .slides-prev-next-button.next { width: 45px; height: 28px; bottom: 12px; left: 14px; } .calend-slides .slides-prev-next-button.next { left: auto; right: 14px; } .aside-consult-form { padding: 24px 23px; margin-top: 40px; } .aside-form__title { font-size: 29px; margin-bottom: 10px; } .aside-consult-form .agree-text { font-size: 10.9px; line-height: 1.4em; } .captcha-compact .captcha { transform: scale(0.64); margin: -12px 24px 12px -58px; } .aside-block-buttons .btn-white { padding-left: 20px; padding-right: 20px; } .aside-consult-form .agree { margin: 13px 0px 17px; } .aside-consult-form .placebox { margin-bottom: 14px; } .switch-buttons-small .switch-button { min-width: 152.5px; max-width: 152.5px; padding-right: 5px; padding-left: 5px; font-size: 14.4px; line-height: 1.25em; } .switch-buttons-small .switch-button:not(:first-child) { margin-left: 14px; } .security-category { width: 296px; height: 175px; margin: 0px 17px 18px 0px; } .security-category-left { padding: 0px 5% 0px 2%; width: 39%; min-width: 39%; } .security-category-right { width: 60%; } .security-category-name { font-size: 16.5px; } .security-category-btn { padding: 13px 28px 14px; font-size: 12.5px; margin-top: 15px; } #catalog-filter-form .aside-block-security.aside-block { padding: 22px 22px 23px 22px; } #catalog-filter-form .aside-block-radio { padding: 21px 22px 23px 22px; } .catalog-filter-form-security .catalog-filter .aside__checkbox-list li { margin-bottom: 8px; } .catalog-filter-form-security .aside__checkbox-list { margin-top: 13px; } #catalog-filter-form .aside-block-security .select-item-wrap { margin-top: 15px; } .security-text .container .row h1 { font-size: 33px; margin-bottom: 19px; } .security-text .container { font-size: 15px; } .security-text .container .row .col-md-4 iframe { height: 190px; } .security-text .container .row .col-md-4 { font-size: 15px; line-height: 1.35em; } .security-iframe { height: 577px; } .logo-i-pro-white { width: 130px; height: 35px; top: 57px; left: 22px; } .i-pro-title:after { top: 10px; width: 97px; height: 29px; } .i-pro-icon { width: 158px; height: 37px; margin: 0px 0px 17px 1px; } .pressit360 .pressit__logo-area h2 { font-size: 33px; } .pressit360 .pressit__logo-area p { font-size: 15px; } } @media all and (min-width: 1280px) and (max-width: 1480px) { .i-pro-icon { width: 160px; height: 40px; margin: 0px 0px 21px 1px; } .hero-security .i-pro-catalog-title { margin-bottom: 3%; } .catalog-link:first-child, .catalog-link:last-child { padding-left: 2.5%; padding-right: 2.5%; } .captcha-compact .captcha { transform: scale(0.786); margin: -12px 24px 25px -32px; } .calend-slides .slides-prev-next-button.previous, .calend-slides .slides-prev-next-button.next { width: 58px; height: 33px; bottom: 20px; left: 22px; } .calend-slides .slides-prev-next-button.next { left: auto; right: 22px; } .constructor-block .texts iframe { height: 699px !important; } .hero { height: 600px; } .partners .hero { height: 255px; } .hero-shadow .hero-content__title { margin-bottom: 8.2%; } .hero-shadow .hero-content__title h1 { font-size: 52px; } .hero-shadow .hero-content__text { padding: 3% 5%; font-size: 22px; max-width: 33.1%; } .project-description-wrap .project-description__text { font-size: 20px; } .project-content.constructor-content { font-size: 15.5px; padding-top: 61px; } .constructor-text { margin-bottom: 65px; font-size: 22px; } .constructor-title { font-size: 33px; } .equipment__list .item .name { font-size: 15px; } .project-gallery-slides { height: 440px; } .navigation__grid .left, .navigation__grid .right { line-height: 146px; } .news-item { width: 292px; height: 458px; margin-right: 24.8px; margin-bottom: 23px; padding: 2.2% 2.2%; } .news-item-text { font-size: 14.5px; } .news-item-date { font-size: 19px; } .center { width: 1280px; } .slider-item-head { font-size: 75.34px; } .slider-item, .black-flex { height: 557px; } .cat-items, .cat-item { height: 258px; } .menu-link { font-size: 13.5px; } .cat-item { width: 210px; } .cat-item-name { font-size: 15px; } .cat-item-box { top: 47%; } .projects-col { width: 608px; margin-right: 27px; } .projects, .projects-col { height: 464px; } .projects-item-name { font-size: 18px; } .projects-row .projects-item-name { bottom: 23px; } .calend-month { font-size: 23px; } .calend-left, .calend-right { font-size: 13.5px; } .calend-item-head { height: 60px; padding: 7% 12.5%; } .calend-img { height: 127px; -o-background-size: contain !important; -webkit-background-size: contain !important; -khtml-background-size: contain !important; -moz-background-size: contain !important; background-size: contain !important; } .calend-text { font-size: 14px; padding: 11.5% 12.5%; } .calend-item { height: 435px; } .calend-item:after { left: 14%; } .products-item { height: 230px; padding-top: 2%; } .products-item-img { width: 82px; height: 77px; margin-bottom: 14%; -o-background-size: contain !important; -webkit-background-size: contain !important; -khtml-background-size: contain !important; -moz-background-size: contain !important; background-size: contain !important; } .products-item-text { font-size: 12px; max-height: 39%; } .sources-item { -o-background-size: contain !important; -webkit-background-size: contain !important; -khtml-background-size: contain !important; -moz-background-size: contain !important; background-size: contain !important; } .sources-items { height: 420px; } .main-news-item-text { max-height: 174px; } .main-news-slick .slides-prev-next-button.previous, .main-news-slick .slides-prev-next-button.next { top: -43px; } .solution-col { width: 610px; } .solution-col-big, .solution-item-big { height: 577px; } .solution-item-small { height: 276px; width: 293px; } .solution-item-small, .solution-col { margin-bottom: 25px; } .solution-item-middle { height: 276px; } .solution-item-box-name { font-size: 23px; } .prod-item { width: 395px; height: 310px; margin: 0px 28.8px 29px 0px; } .prod-item-name { font-size: 14.5px; bottom: 11%; left: 8.5%; } .prod-item::before { top: 10%; left: 9%; } .prod-item-img { max-width: 48%; max-height: 71%; } .solutions.constructor h2 { font-size: 35px; } .solutions .texts { font-size: 15.5px; } .solutions .texts h2 { font-size: 24px; margin-bottom: 26px; } .solutions .texts h3 { font-size: 23px } .solutions .texts p { margin-bottom: 25px; } .solutions .solutions-description__grid { padding: 42px 0 56px; } .solutions .constructor-content { padding-top: 64px; } .solutions .texts-list h2 { margin-bottom: 10px; font-size: 35px; } .solutions .texts-list strong { font-size: 23px; margin-bottom: 24px; } .solutions .constructor-block__grid .item img + img { margin-top: 50px; } .constructor .constructor-block--right-padding .item + .item { padding-left: 7%; } .sk-back { height: 600px; } .sk-head { margin-bottom: 7.5%; } .sk-head h1 { font-size: 52px; } .sk-box { padding: 49px 65px 48px 78px; font-size: 21px; line-height: 1.4; } .sk-text-big { font-size: 22px; margin-bottom: 42px; } .sk-text-big br { display: none; } .sk-text { font-size: 15px; } .sk-grey-head { font-size: 21px; margin-bottom: 42px; } .sk-grey .texts ul { margin-bottom: 42px; } .sk-grey .texts { font-size: 15px; } .sk-grey-left .sk-item-img { width: 98%; } .sk-blue { padding-top: 82px; } .sk-blue-left h2 { font-size: 34px; } .sk-form-head { font-size: 28px; } .sk-map { width: 636px; } .partners__list .item { font-size: 13px; } .partner-badges__grid .badge { height: 64px; } .partner__phone a, .office__phone a { font-size: 19px; } .office__address { font-size: 13.5px; } .switch-buttons-small .switch-button { min-width: 211px; max-width: 211px; padding-right: 10px; padding-left: 10px; } .security-category { width: 402px; height: 227px; } .security-category-left { padding: 0px 6% 0px 3%; } .security-category-name { font-size: 20px; } .security-category-btn { padding: 15px 36px 17px; font-size: 14px; } #catalog-filter-form .aside-block-security.aside-block { padding: 22px 22px 23px 22px; } #catalog-filter-form .aside-block-radio { padding: 21px 22px 23px 22px; } .catalog-filter-form-security .catalog-filter .aside__checkbox-list li { margin-bottom: 8px; } .catalog-filter-form-security .aside__checkbox-list { margin-top: 13px; } #catalog-filter-form .aside-block-security .select-item-wrap { margin-top: 15px; } .logo-i-pro-white { width: 150px; height: 45px; top: 70px; left: 36px; } .pressit360 .pressit__logo-area h2 { font-size: 42px; } .pressit__logo-area p { font-size: 15px; } } /* End */ /* Start:/local/templates/b2b/components/bitrix/menu/top_menu/style.min.css?1792751342490*/ 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/b2b/components/bitrix/menu/top_menu/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/b2b/components/bitrix/news.list/page/style.css?1792751342150*/ 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/b2b/components/bitrix/menu/bottom_menu/style.min.css?1792751342490*/ 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/b2b/components/bitrix/menu/bottom_menu/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 */ /* /local/templates/b2b/css/slick.css?17927513427686 */ /* /local/templates/b2b/css/slides.css?17927513421641 */ /* /local/templates/b2b/css/chosen.css?179275134210766 */ /* /local/templates/b2b/css/jquery-ui.css?179275134229005 */ /* /local/templates/b2b/css/swiper.css?179275134213692 */ /* /local/templates/b2b/css/anime.css?179275134212329 */ /* /local/templates/b2b/css/intl-tel-input.css?179275134219159 */ /* /local/templates/b2b/css/style.css?1792751342105588 */ /* /local/templates/b2b/css/artem.css?179275134224094 */ /* /local/templates/b2b/css/catalog.css?179275134215925 */ /* /local/templates/b2b/css/card.css?179275134238948 */ /* /local/templates/b2b/css/pressit.css?17927513429194 */ /* /local/templates/b2b/css/education.css?17927513427347 */ /* /local/templates/b2b/css/awards.css?17927513425122 */ /* /local/templates/b2b/css/technologies.css?179275134227745 */ /* /local/templates/b2b/css/po.css?179275134221382 */ /* /local/templates/b2b/css/services.css?179275134229834 */ /* /local/templates/b2b/css/feedback.css?17927513423244 */ /* /local/templates/b2b/css/media.css?179275134260897 */ /* /local/templates/b2b/components/bitrix/menu/top_menu/style.min.css?1792751342490 */ /* /local/templates/b2b/components/bitrix/news.list/page/style.css?1792751342150 */ /* /local/templates/b2b/components/bitrix/menu/bottom_menu/style.min.css?1792751342490 */