/* Start:/local/templates/directline_2020/css/magnific-popup.css?16968435645815*/
.mfp-bg {top: 0;left: 0;width: 100%;height: 100%;z-index: 1042;overflow: hidden;position: fixed;background: #0b0b0b;opacity: 0.93; }
.mfp-wrap {top: 0;left: 0;width: 100%;height: 100%;z-index: 1043;position: fixed;outline: none !important;-webkit-backface-visibility: hidden; }
.mfp-container {text-align: center;position: absolute;width: 100%;height: 100%;left: 0;top: 0;padding: 0 8px;box-sizing: border-box; }
.mfp-container:before {content: '';display: inline-block;height: 100%;vertical-align: middle; }
.mfp-align-top .mfp-container:before {display: none; }
.mfp-content {position: relative;display: inline-block;vertical-align: middle;margin: 0 auto;text-align: left;z-index: 1045; }
.mfp-inline-holder .mfp-content,.mfp-ajax-holder .mfp-content {width: 100%;cursor: auto; }
.mfp-ajax-cur {cursor: progress; }
.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {cursor: -moz-zoom-out;cursor: -webkit-zoom-out;cursor: zoom-out; }
.mfp-zoom {cursor: pointer;cursor: -webkit-zoom-in;cursor: -moz-zoom-in;cursor: zoom-in; }
.mfp-auto-cursor .mfp-content {cursor: auto; }
.mfp-close,.mfp-arrow,.mfp-preloader,.mfp-counter {-webkit-user-select: none;-moz-user-select: none;user-select: none; }
.mfp-loading.mfp-figure {display: none; }
.mfp-hide {display: none !important; }
.mfp-preloader {color: #CCC;position: absolute;top: 50%;width: auto;text-align: center;margin-top: -0.8em;left: 8px;right: 8px;z-index: 1044; }
.mfp-preloader a {color: #CCC; }
.mfp-preloader a:hover {color: #FFF; }
.mfp-s-ready .mfp-preloader {display: none; }
.mfp-s-error .mfp-content {display: none; }
button.mfp-close,button.mfp-arrow {overflow: visible;cursor: pointer;background: transparent;border: 0;-webkit-appearance: none;display: block;outline: none;padding: 0;z-index: 1046;box-shadow: none;touch-action: manipulation; }
button::-moz-focus-inner {padding: 0;border: 0; }
.mfp-close {width: 44px;height: 44px;line-height: 44px;position: absolute;right: 0;top: 0;text-decoration: none;text-align: center;opacity: 0.65;padding: 0 0 18px 10px;color: #FFF;font-style: normal;font-size: 28px;font-family: Arial, Baskerville, monospace; }
.mfp-close:hover,.mfp-close:focus {opacity: 1; }
.mfp-close:active {top: 1px; }
.mfp-close-btn-in .mfp-close {color: #333; }
.mfp-image-holder .mfp-close,.mfp-iframe-holder .mfp-close {color: #FFF;right: -6px;text-align: right;padding-right: 6px;width: 100%; }
.mfp-counter {position: absolute;top: 0;right: 0;color: #CCC;font-size: 12px;line-height: 18px;white-space: nowrap; }
.mfp-arrow {position: absolute;opacity: 0.65;margin: 0;top: 50%;margin-top: -55px;padding: 0;width: 90px;height: 110px;-webkit-tap-highlight-color: transparent; }
.mfp-arrow:active {margin-top: -54px; }
.mfp-arrow:hover,.mfp-arrow:focus {opacity: 1; }
.mfp-arrow:before,.mfp-arrow:after {content: '';display: block;width: 0;height: 0;position: absolute;left: 0;top: 0;margin-top: 35px;margin-left: 35px;border: medium inset transparent; }
.mfp-arrow:after {border-top-width: 13px;border-bottom-width: 13px;top: 8px; }
.mfp-arrow:before {border-top-width: 21px;border-bottom-width: 21px;opacity: 0.7; }
.mfp-arrow-left {left: 0; }
.mfp-arrow-left:after {border-right: 17px solid #FFF;margin-left: 31px; }
.mfp-arrow-left:before {margin-left: 25px;border-right: 27px solid #3F3F3F; }
.mfp-arrow-right {right: 0; }
.mfp-arrow-right:after {border-left: 17px solid #FFF;margin-left: 39px; }
.mfp-arrow-right:before {border-left: 27px solid #3F3F3F; }
.mfp-iframe-holder {padding-top: 40px;padding-bottom: 40px; }
.mfp-iframe-holder .mfp-content {line-height: 0;width: 100%;max-width: 900px; }
.mfp-iframe-holder .mfp-close {top: -40px; }
.mfp-iframe-scaler {width: 100%;height: 0;overflow: hidden;padding-top: 56.25%; }
.mfp-iframe-scaler iframe {position: absolute;display: block;top: 0;left: 0;width: 100%;height: 100%;box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);background: #000; }
img.mfp-img {width: auto;max-width: 100%;height: auto;display: block;line-height: 0;box-sizing: border-box;padding: 40px 0 40px;margin: 0 auto; }
.mfp-figure {line-height: 0; }
.mfp-figure:after {content: '';position: absolute;left: 0;top: 40px;bottom: 40px;display: block;right: 0;width: auto;height: auto;z-index: -1;box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);background: #444; }
.mfp-figure small {color: #BDBDBD;display: block;font-size: 12px;line-height: 14px; }.mfp-figure figure {margin: 0; }
.mfp-bottom-bar {margin-top: -36px;position: absolute;top: 100%;left: 0;width: 100%;cursor: auto; }
.mfp-title {text-align: left;line-height: 18px;color: #F3F3F3;word-wrap: break-word;padding-right: 36px; }
.mfp-image-holder .mfp-content {max-width: 100%; }
.mfp-gallery .mfp-image-holder .mfp-figure {cursor: pointer; }
@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
.mfp-img-mobile .mfp-image-holder {padding-left: 0;padding-right: 0; }
.mfp-img-mobile img.mfp-img {padding: 0; }
.mfp-img-mobile .mfp-figure:after {top: 0;bottom: 0; }
.mfp-img-mobile .mfp-figure small {display: inline;margin-left: 5px; }
.mfp-img-mobile .mfp-bottom-bar {background: rgba(0, 0, 0, 0.6);bottom: 0;margin: 0;top: auto;padding: 3px 5px;position: fixed;box-sizing: border-box; }
.mfp-img-mobile .mfp-bottom-bar:empty {padding: 0; }
.mfp-img-mobile .mfp-counter {right: 5px;top: 3px; }
.mfp-img-mobile .mfp-close {top: 0;right: 0;width: 35px;height: 35px;line-height: 35px;background: rgba(0, 0, 0, 0.6);position: fixed;text-align: center;padding: 0; }
}
@media all and (max-width: 900px) {
.mfp-arrow {-webkit-transform: scale(0.75);transform: scale(0.75); }
.mfp-arrow-left {-webkit-transform-origin: 0;transform-origin: 0; }
.mfp-arrow-right {-webkit-transform-origin: 100%;transform-origin: 100%; }
.mfp-container {padding-left: 6px;padding-right: 6px; }
}
.botcheckContainer{display:none;}
/* End */
/* Start:/local/templates/directline_2020/css/owl.carousel.css?16968435644372*/
.owl-carousel .animated {-webkit-animation-duration: 1000ms;animation-duration: 1000ms;-webkit-animation-fill-mode: both;animation-fill-mode: both;}
.owl-carousel .owl-animated-in {z-index: 0;}
.owl-carousel .owl-animated-out {z-index: 1;}
.owl-carousel .fadeOut {-webkit-animation-name: fadeOut;animation-name: fadeOut;}
@-webkit-keyframes fadeOut {
0% {opacity: 1;}
100% {opacity: 0;}
}
@keyframes fadeOut {
0% {opacity: 1;}
100% {opacity: 0;}
}
.owl-height {-webkit-transition: height 500ms ease-in-out;-moz-transition: height 500ms ease-in-out;-ms-transition: height 500ms ease-in-out;-o-transition: height 500ms ease-in-out;transition: height 500ms ease-in-out;}
.owl-carousel {display: none;width: 100%;-webkit-tap-highlight-color: transparent;position: relative;z-index: 1;}
.owl-carousel .owl-stage {position: relative;-ms-touch-action: pan-Y;}
.owl-carousel .owl-stage:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
.owl-carousel .owl-stage-outer {position: relative;overflow: hidden;-webkit-transform: translate3d(0px, 0px, 0px);}
.owl-carousel .owl-controls .owl-nav .owl-prev,.owl-carousel .owl-controls .owl-nav .owl-next,.owl-carousel .owl-controls .owl-dot {cursor: pointer;cursor: hand;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.owl-carousel.owl-loaded {display: block;}
.owl-carousel.owl-loading {opacity: 0;display: block;}
.owl-carousel.owl-hidden {opacity: 0;}
.owl-carousel .owl-refresh .owl-item {display: none;}
.owl-carousel .owl-item {position: relative;min-height: 1px;float: left;-webkit-backface-visibility: hidden;-webkit-tap-highlight-color: transparent;-webkit-touch-callout: none;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.owl-carousel .owl-item img {display: block;width: 100%;height: auto;-webkit-transform-style: preserve-3d;}
.owl-carousel.owl-text-select-on .owl-item {-webkit-user-select: auto;-moz-user-select: auto;-ms-user-select: auto;user-select: auto;}
.owl-carousel .owl-grab {cursor: move;cursor: -webkit-grab;cursor: -o-grab;cursor: -ms-grab;cursor: grab;}
.owl-carousel.owl-rtl {direction: rtl;}
.owl-carousel.owl-rtl .owl-item {float: right;}
.no-js .owl-carousel {display: block;}
.owl-carousel .owl-item .owl-lazy {opacity: 0;-webkit-transition: opacity 400ms ease;-moz-transition: opacity 400ms ease;-ms-transition: opacity 400ms ease;-o-transition: opacity 400ms ease;transition: opacity 400ms ease;}
.owl-carousel .owl-item img {transform-style: preserve-3d;}
.owl-carousel .owl-video-wrapper {position: relative;height: 100%;background: #000;}
.owl-carousel .owl-video-play-icon {position: absolute;height: 80px;width: 80px;left: 50%;top: 50%;margin-left: -40px;margin-top: -40px;background: url("/local/templates/directline_2020/css/owl.video.play.png") no-repeat;cursor: pointer;z-index: 1;-webkit-backface-visibility: hidden;-webkit-transition: scale 100ms ease;-moz-transition: scale 100ms ease;-ms-transition: scale 100ms ease;-o-transition: scale 100ms ease;transition: scale 100ms ease;}
.owl-carousel .owl-video-play-icon:hover {-webkit-transition: scale(1.3, 1.3);-moz-transition: scale(1.3, 1.3);-ms-transition: scale(1.3, 1.3);-o-transition: scale(1.3, 1.3);transition: scale(1.3, 1.3);}
.owl-carousel .owl-video-playing .owl-video-tn,.owl-carousel .owl-video-playing .owl-video-play-icon {display: none;}
.owl-carousel .owl-video-tn {opacity: 0;height: 100%;background-position: center center;background-repeat: no-repeat;-webkit-background-size: contain;-moz-background-size: contain;-o-background-size: contain;background-size: contain;-webkit-transition: opacity 400ms ease;-moz-transition: opacity 400ms ease;-ms-transition: opacity 400ms ease;-o-transition: opacity 400ms ease;transition: opacity 400ms ease;}
.owl-carousel .owl-video-frame {position: relative;z-index: 1;}
.owl-nav{}
.owl-prev, .owl-next {position: absolute;top: 50%;}
.owl-prev {left: -46px;background: url(/local/templates/directline_2020/css/../images/arrows/laaaaaaaa.jpg) !important;width: 46px;height: 92px;display: block;position: absolute;top: 50%;margin-top: -36px;opacity: .5;transition: opacity 0.3s ease-in;}
.owl-next {right: -106px;background: url(/local/templates/directline_2020/css/../images/arrows/raaaaaaaa.jpg) !important;width: 46px;height: 92px;display: block;position: absolute;top: 50%;margin-top: -36px;opacity: .5;transition: opacity 0.3s ease-in;}
/* End */
/* Start:/local/templates/directline_2020/css/jquery-ui.min.css?169684356430163*/
/*! jQuery UI - v1.11.4 - 2015-03-11
* http://jqueryui.com
* Includes: core.css, accordion.css, autocomplete.css, button.css, datepicker.css, dialog.css, draggable.css, menu.css, progressbar.css, resizable.css, selectable.css, selectmenu.css, slider.css, sortable.css, spinner.css, tabs.css, tooltip.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Trebuchet%20MS%2CTahoma%2CVerdana%2CArial%2Csans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=f6a828&bgTextureHeader=gloss_wave&bgImgOpacityHeader=35&borderColorHeader=e78f08&fcHeader=ffffff&iconColorHeader=ffffff&bgColorContent=eeeeee&bgTextureContent=highlight_soft&bgImgOpacityContent=100&borderColorContent=dddddd&fcContent=333333&iconColorContent=222222&bgColorDefault=f6f6f6&bgTextureDefault=glass&bgImgOpacityDefault=100&borderColorDefault=cccccc&fcDefault=1c94c4&iconColorDefault=ef8c08&bgColorHover=fdf5ce&bgTextureHover=glass&bgImgOpacityHover=100&borderColorHover=fbcb09&fcHover=c77405&iconColorHover=ef8c08&bgColorActive=ffffff&bgTextureActive=glass&bgImgOpacityActive=65&borderColorActive=fbd850&fcActive=eb8f00&iconColorActive=ef8c08&bgColorHighlight=ffe45c&bgTextureHighlight=highlight_soft&bgImgOpacityHighlight=75&borderColorHighlight=fed22f&fcHighlight=363636&iconColorHighlight=228ef1&bgColorError=b81900&bgTextureError=diagonals_thick&bgImgOpacityError=18&borderColorError=cd0a0a&fcError=ffffff&iconColorError=ffd27a&bgColorOverlay=666666&bgTextureOverlay=diagonals_thick&bgImgOpacityOverlay=20&opacityOverlay=50&bgColorShadow=000000&bgTextureShadow=flat&bgImgOpacityShadow=10&opacityShadow=20&thicknessShadow=5px&offsetTopShadow=-5px&offsetLeftShadow=-5px&cornerRadiusShadow=5px
* Copyright 2015 jQuery Foundation and other contributors; Licensed MIT */
.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-clearfix{min-height:0}.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}.ui-icon{display:block;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat}.ui-widget-overlay{position:fixed;top:0;left:0;width:100%;height:100%}.ui-accordion .ui-accordion-header{display:block;cursor:pointer;position:relative;margin:2px 0 0 0;padding:.5em .5em .5em .7em;min-height:0;font-size:100%}.ui-accordion .ui-accordion-icons{padding-left:2.2em}.ui-accordion .ui-accordion-icons .ui-accordion-icons{padding-left:2.2em}.ui-accordion .ui-accordion-header .ui-accordion-header-icon{position:absolute;left:.5em;top:50%;margin-top:-8px}.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-button{display:inline-block;position:relative;padding:0;line-height:normal;margin-right:.1em;cursor:pointer;vertical-align:middle;text-align:center;overflow:visible}.ui-button,.ui-button:link,.ui-button:visited,.ui-button:hover,.ui-button:active{text-decoration:none}.ui-button-icon-only{width:2.2em}button.ui-button-icon-only{width:2.4em}.ui-button-icons-only{width:3.4em}button.ui-button-icons-only{width:3.7em}.ui-button .ui-button-text{display:block;line-height:normal}.ui-button-text-only .ui-button-text{padding:.4em 1em}.ui-button-icon-only .ui-button-text,.ui-button-icons-only .ui-button-text{padding:.4em;text-indent:-9999999px}.ui-button-text-icon-primary .ui-button-text,.ui-button-text-icons .ui-button-text{padding:.4em 1em .4em 2.1em}.ui-button-text-icon-secondary .ui-button-text,.ui-button-text-icons .ui-button-text{padding:.4em 2.1em .4em 1em}.ui-button-text-icons .ui-button-text{padding-left:2.1em;padding-right:2.1em}input.ui-button{padding:.4em 1em}.ui-button-icon-only .ui-icon,.ui-button-text-icon-primary .ui-icon,.ui-button-text-icon-secondary .ui-icon,.ui-button-text-icons .ui-icon,.ui-button-icons-only .ui-icon{position:absolute;top:50%;margin-top:-8px}.ui-button-icon-only .ui-icon{left:50%;margin-left:-8px}.ui-button-text-icon-primary .ui-button-icon-primary,.ui-button-text-icons .ui-button-icon-primary,.ui-button-icons-only .ui-button-icon-primary{left:.5em}.ui-button-text-icon-secondary .ui-button-icon-secondary,.ui-button-text-icons .ui-button-icon-secondary,.ui-button-icons-only .ui-button-icon-secondary{right:.5em}.ui-buttonset{margin-right:7px}.ui-buttonset .ui-button{margin-left:0;margin-right:-.3em}input.ui-button::-moz-focus-inner,button.ui-button::-moz-focus-inner{border:0;padding:0}.ui-datepicker{width:17em;padding:.2em .2em 0;display:none}.ui-datepicker .ui-datepicker-header{position:relative;padding:.2em 0}.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next{position:absolute;top:2px;width:1.8em;height:1.8em}.ui-datepicker .ui-datepicker-prev-hover,.ui-datepicker .ui-datepicker-next-hover{top:1px}.ui-datepicker .ui-datepicker-prev{left:2px}.ui-datepicker .ui-datepicker-next{right:2px}.ui-datepicker .ui-datepicker-prev-hover{left:1px}.ui-datepicker .ui-datepicker-next-hover{right:1px}.ui-datepicker .ui-datepicker-prev span,.ui-datepicker .ui-datepicker-next span{display:block;position:absolute;left:50%;margin-left:-8px;top:50%;margin-top:-8px}.ui-datepicker .ui-datepicker-title{margin:0 2.3em;line-height:1.8em;text-align:center}.ui-datepicker .ui-datepicker-title select{font-size:1em;margin:1px 0}.ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year{width:45%}.ui-datepicker table{width:100%;font-size:.9em;border-collapse:collapse;margin:0 0 .4em}.ui-datepicker th{padding:.7em .3em;text-align:center;font-weight:bold;border:0}.ui-datepicker td{border:0;padding:1px}.ui-datepicker td span,.ui-datepicker td a{display:block;padding:.2em;text-align:right;text-decoration:none}.ui-datepicker .ui-datepicker-buttonpane{background-image:none;margin:.7em 0 0 0;padding:0 .2em;border-left:0;border-right:0;border-bottom:0}.ui-datepicker .ui-datepicker-buttonpane button{float:right;margin:.5em .2em .4em;cursor:pointer;padding:.2em .6em .3em .6em;width:auto;overflow:visible}.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current{float:left}.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-dialog{overflow:hidden;position:absolute;top:0;left:0;padding:.2em;outline:0}.ui-dialog .ui-dialog-titlebar{padding:.4em 1em;position:relative}.ui-dialog .ui-dialog-title{float:left;margin:.1em 0;white-space:nowrap;width:90%;overflow:hidden;text-overflow:ellipsis}.ui-dialog .ui-dialog-titlebar-close{position:absolute;right:.3em;top:50%;width:20px;margin:-10px 0 0 0;padding:1px;height:20px}.ui-dialog .ui-dialog-content{position:relative;border:0;padding:.5em 1em;background:none;overflow:auto}.ui-dialog .ui-dialog-buttonpane{text-align:left;border-width:1px 0 0 0;background-image:none;margin-top:.5em;padding:.3em 1em .5em .4em}.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset{float:right}.ui-dialog .ui-dialog-buttonpane button{margin:.5em .4em .5em 0;cursor:pointer}.ui-dialog .ui-resizable-se{width:12px;height:12px;right:-5px;bottom:-5px;background-position:16px 16px}.ui-draggable .ui-dialog-titlebar{cursor:move}.ui-draggable-handle{-ms-touch-action:none;touch-action:none}.ui-menu{list-style:none;padding:0;margin:0;display:block;outline:none}.ui-menu .ui-menu{position:absolute}.ui-menu .ui-menu-item{position:relative;margin:0;padding:3px 1em 3px .4em;cursor:pointer;min-height:0;list-style-image:url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7")}.ui-menu .ui-menu-divider{margin:5px 0;height:0;font-size:0;line-height:0;border-width:1px 0 0 0}.ui-menu .ui-state-focus,.ui-menu .ui-state-active{margin:-1px}.ui-menu-icons{position:relative}.ui-menu-icons .ui-menu-item{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-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,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");height:100%;filter:alpha(opacity=25);opacity:0.25}.ui-progressbar-indeterminate .ui-progressbar-value{background-image:none}.ui-resizable{position:relative}.ui-resizable-handle{position:absolute;font-size:0.1px;display:block;-ms-touch-action:none;touch-action:none}.ui-resizable-disabled .ui-resizable-handle,.ui-resizable-autohide .ui-resizable-handle{display:none}.ui-resizable-n{cursor:n-resize;height:7px;width:100%;top:-5px;left:0}.ui-resizable-s{cursor:s-resize;height:7px;width:100%;bottom:-5px;left:0}.ui-resizable-e{cursor:e-resize;width:7px;right:-5px;top:0;height:100%}.ui-resizable-w{cursor:w-resize;width:7px;left:-5px;top:0;height:100%}.ui-resizable-se{cursor:se-resize;width:12px;height:12px;right:1px;bottom:1px}.ui-resizable-sw{cursor:sw-resize;width:9px;height:9px;left:-5px;bottom:-5px}.ui-resizable-nw{cursor:nw-resize;width:9px;height:9px;left:-5px;top:-5px}.ui-resizable-ne{cursor:ne-resize;width:9px;height:9px;right:-5px;top:-5px}.ui-selectable{-ms-touch-action:none;touch-action:none}.ui-selectable-helper{position:absolute;z-index:100;border:1px dotted black}.ui-selectmenu-menu{padding:0;margin:0;position:absolute;top:0;left:0;display:none}.ui-selectmenu-menu .ui-menu{overflow:auto;overflow-x:hidden;padding-bottom:1px}.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup{font-size:1em;font-weight:bold;line-height:1.5;padding:2px 0.4em;margin:0.5em 0 0 0;height:auto;border:0}.ui-selectmenu-open{display:block}.ui-selectmenu-button{display:inline-block;overflow:hidden;position:relative;text-decoration:none;cursor:pointer}.ui-selectmenu-button span.ui-icon{right:0.5em;left:auto;margin-top:-8px;position:absolute;top:50%}.ui-selectmenu-button span.ui-selectmenu-text{text-align:left;padding:0.4em 2.1em 0.4em 1em;display:block;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.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-sortable-handle{-ms-touch-action:none;touch-action:none}.ui-spinner{position:relative;display:inline-block;overflow:hidden;padding:0;vertical-align:middle}.ui-spinner-input{border:none;background:none;color:inherit;padding:0;margin:.2em 0;vertical-align:middle;margin-left:.4em;margin-right:22px}.ui-spinner-button{width:16px;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:none;border-bottom:none;border-right:none}.ui-spinner .ui-icon{position:absolute;margin-top:-8px;top:50%;left:0}.ui-spinner-up{top:0}.ui-spinner-down{bottom:0}.ui-spinner .ui-icon-triangle-1-s{background-position:-65px -16px}.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;-webkit-box-shadow:0 0 5px #aaa;box-shadow:0 0 5px #aaa}body .ui-tooltip{border-width:2px}.ui-widget{font-family:Trebuchet MS,Tahoma,Verdana,Arial,sans-serif;font-size:1.1em}.ui-widget .ui-widget{font-size:1em}.ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button{font-family:Trebuchet MS,Tahoma,Verdana,Arial,sans-serif;font-size:1em}.ui-widget-content{border:1px solid #ddd;background:#eee url("/local/templates/directline_2020/css/images/ui-bg_highlight-soft_100_eeeeee_1x100.png") 50% top repeat-x;color:#333}.ui-widget-content a{color:#333}.ui-widget-header{border:1px solid #e78f08;background:#f6a828 url("/local/templates/directline_2020/css/images/ui-bg_gloss-wave_35_f6a828_500x100.png") 50% 50% repeat-x;color:#fff;font-weight:bold}.ui-widget-header a{color:#fff}.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default{border:1px solid #ccc;background:#f6f6f6 url("/local/templates/directline_2020/css/images/ui-bg_glass_100_f6f6f6_1x400.png") 50% 50% repeat-x;font-weight:bold;color:#1c94c4}.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited{color:#1c94c4;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{border:1px solid #fbcb09;background:#fdf5ce url("/local/templates/directline_2020/css/images/ui-bg_glass_100_fdf5ce_1x400.png") 50% 50% repeat-x;font-weight:bold;color:#c77405}.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{color:#c77405;text-decoration:none}.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active{border:1px solid #fbd850;background:#fff url("/local/templates/directline_2020/css/images/ui-bg_glass_65_ffffff_1x400.png") 50% 50% repeat-x;font-weight:bold;color:#eb8f00}.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited{color:#eb8f00;text-decoration:none}.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight{border:1px solid #fed22f;background:#ffe45c url("/local/templates/directline_2020/css/images/ui-bg_highlight-soft_75_ffe45c_1x100.png") 50% top repeat-x;color:#363636}.ui-state-highlight a,.ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a{color:#363636}.ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error{border:1px solid #cd0a0a;background:#b81900 url("/local/templates/directline_2020/css/images/ui-bg_diagonals-thick_18_b81900_40x40.png") 50% 50% repeat;color:#fff}.ui-state-error a,.ui-widget-content .ui-state-error a,.ui-widget-header .ui-state-error a{color:#fff}.ui-state-error-text,.ui-widget-content .ui-state-error-text,.ui-widget-header .ui-state-error-text{color:#fff}.ui-priority-primary,.ui-widget-content .ui-priority-primary,.ui-widget-header .ui-priority-primary{font-weight:bold}.ui-priority-secondary,.ui-widget-content .ui-priority-secondary,.ui-widget-header .ui-priority-secondary{opacity:.7;filter:Alpha(Opacity=70);font-weight:normal}.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/directline_2020/css/images/ui-icons_222222_256x240.png")}.ui-widget-header .ui-icon{background-image:url("/local/templates/directline_2020/css/images/ui-icons_ffffff_256x240.png")}.ui-state-default .ui-icon{background-image:url("/local/templates/directline_2020/css/images/ui-icons_ef8c08_256x240.png")}.ui-state-hover .ui-icon,.ui-state-focus .ui-icon{background-image:url("/local/templates/directline_2020/css/images/ui-icons_ef8c08_256x240.png")}.ui-state-active .ui-icon{background-image:url("/local/templates/directline_2020/css/images/ui-icons_ef8c08_256x240.png")}.ui-state-highlight .ui-icon{background-image:url("/local/templates/directline_2020/css/images/ui-icons_228ef1_256x240.png")}.ui-state-error .ui-icon,.ui-state-error-text .ui-icon{background-image:url("/local/templates/directline_2020/css/images/ui-icons_ffd27a_256x240.png")}.ui-icon-blank{background-position:16px 16px}.ui-icon-carat-1-n{background-position:0 0}.ui-icon-carat-1-ne{background-position:-16px 0}.ui-icon-carat-1-e{background-position:-32px 0}.ui-icon-carat-1-se{background-position:-48px 0}.ui-icon-carat-1-s{background-position:-64px 0}.ui-icon-carat-1-sw{background-position:-80px 0}.ui-icon-carat-1-w{background-position:-96px 0}.ui-icon-carat-1-nw{background-position:-112px 0}.ui-icon-carat-2-n-s{background-position:-128px 0}.ui-icon-carat-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:-64px -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:-64px -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:0 -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:4px}.ui-corner-all,.ui-corner-top,.ui-corner-right,.ui-corner-tr{border-top-right-radius:4px}.ui-corner-all,.ui-corner-bottom,.ui-corner-left,.ui-corner-bl{border-bottom-left-radius:4px}.ui-corner-all,.ui-corner-bottom,.ui-corner-right,.ui-corner-br{border-bottom-right-radius:4px}.ui-widget-overlay{background:#666 url("/local/templates/directline_2020/css/images/ui-bg_diagonals-thick_20_666666_40x40.png") 50% 50% repeat;opacity:.5;filter:Alpha(Opacity=50)}.ui-widget-shadow{margin:-5px 0 0 -5px;padding:5px;background:#000 url("/local/templates/directline_2020/css/images/ui-bg_flat_10_000000_40x100.png") 50% 50% repeat-x;opacity:.2;filter:Alpha(Opacity=20);border-radius:5px}
/* End */
/* Start:/local/templates/directline_2020/css/common.css?170228736611438*/
img {
border: none;
vertical-align: middle;
}
h1,
h2,
h3,
h4,
.h2 {
margin: 0 0 20px;
}
h1 {
font: 700 42px/1 "PFRegalTextPro", sans-serif;
}
h2,
.h2 {
font: 700 24px/1 "PFRegalTextPro", sans-serif;
}
h3 {
font: 400 22px/1 "PFRegalTextPro", sans-serif;
}
h4 {
font: 700 20px/1 "FiraSans", sans-serif;
}
p + h4 {
margin-top: 30px;
}
@media screen and (min-width: 1024px), print {
h1 {
font-size: 67px;
margin-bottom: 32px;
}
.purpose h1 {
font-size: 40px;
}
h2,
.h2 {
font-size: 40px;
}
h3 {
font-size: 32px;
}
h4 {
font-size: 25px;
}
h4.margin-large {
margin-bottom: 46px;
}
p + h4 {
margin-top: 47px;
}
p + h4.margin-large {
margin-top: 76px;
}
}
@media screen and (max-width: 479px) {
h1 {
font-size: 28px;
}
.purpose h1 {
font-size: 25px;
}
h2,
.h2 {
font-size: 22px;
}
h3 {
font-size: 20px;
}
h4 {
font-size: 18px;
}
}
b,
strong {
font-weight: 700;
}
em {
font-style: italic;
font-weight: 500;
}
p {
margin: 1em 0;
max-height: 10000px;
font-weight: 300;
}
p:first-child {
margin-top: 0 !important;
}
p:last-child {
margin-bottom: 0 !important;
}
sup {
font-size: 0.5em;
}
ul {
padding-left: 3.3em;
list-style-type: none;
font-weight: 300;
}
ul.margin-top {
margin-top: 2.47em;
}
ul li {
position: relative;
}
ul li::before {
content: "•";
position: absolute;
top: 0.1em;
left: -1.7em;
}
ul:not(.collapse) li + li {
margin-top: 1em;
}
ol:not(.collapse) li + li {
margin-top: 1em;
}
ol li {
padding-left: 1em;
}
.uppercase {
text-transform: uppercase;
}
.clr-fix:after {
content: "";
clear: both;
display: table;
}
.va-fix:before {
height: 100%;
content: "";
display: inline-block;
width: 0;
vertical-align: middle;
}
.center {
text-align: center;
}
.nowrap {
white-space: nowrap;
}
hr {
border: none;
height: 1px;
background: #000;
opacity: 0.1;
margin: 20px 0;
}
hr.wide {
opacity: 0.4;
}
@media screen and (min-width: 1024px), print {
hr {
margin: 30px 0;
}
}
@media screen and (min-width: 1280px), print {
hr {
position: relative;
width: 100%;
margin: 50px 0 55px;
}
.wide {
width: 1100px;
left: 50%;
transform: translateX(-50%);
position: relative;
}
a.wide {
display: block;
}
}
.button,
.text-block a.button {
display: inline-block;
font-size: 13px;
line-height: 21px;
padding-top: 15px;
padding-bottom: 13px;
background-color: #d32e42;
background-image: none;
color: #fff;
border-radius: 4px;
text-decoration: none;
outline: none;
border: 0;
white-space: nowrap;
box-sizing: border-box;
text-align: center;
text-transform: uppercase;
cursor: pointer;
font: 13px/19px "FiraSans", sans-serif;
}
.button.short {
padding-top: 6px;
padding-bottom: 4px;
}
.button.green {
background-color: #bed65a;
color: #000;
font-weight: 700;
}
.button.border,
.text-block a.button.border {
border: 1px solid rgba(0, 0, 0, 0.2);
background-color: transparent;
color: #000;
padding-top: 6px;
padding-bottom: 4px;
}
@media screen and (max-width: 1023px), print {
.button,
.text-block a.button {
width: 100%;
}
}
@media screen and (min-width: 1024px), print {
.button,
.text-block a.button {
padding: 14px 23px 12px;
}
}
a,
.link {
text-decoration: none;
color: #000;
transition: color 0.1s linear;
background-repeat: repeat-x;
background-position: 0 1.05em;
position: relative;
outline: none;
}
p a:not(.popup-image) {
background-size: 1em 0.4em;
background-repeat: repeat-x;
background-position: 0px 70%;
background-image: linear-gradient(90deg, rgba(190, 214, 90, 0.5), rgba(190, 214, 90, 0.5));
word-break: break-word;
}
a:not(.popup-image):hover,
.link:hover,
.button:hover {
opacity: 0.8;
}
.contrast a,
.link.white {
color: #fff;
}
.link.dotted {
background-size: 2px 1px;
background-image: linear-gradient(90deg, rgba(52, 177, 255, 1), rgba(52, 177, 255, 1) 50%, transparent 50%);
}
.link.icon {
color: #d32e42;
text-transform: uppercase;
font-size: 13px;
line-height: 21px;
font-weight: 700;
display: block;
max-width: 400px;
margin-left: 45px;
position: relative;
margin-top: 30px;
}
@media screen and (min-width: 1024px), print {
.link.icon {
margin-top: 47px;
}
}
.link.icon::before {
content: "";
position: absolute;
left: -45px;
}
.link.icon.bottom::before {
bottom: 3px;
}
.link.icon.top::before {
top: 3px;
}
.i {
position: relative;
}
.i::before {
content: "";
position: absolute;
}
.text-block .lead {
font: italic 30px/1.2 "GaramondC";
margin: 0;
}
.text-block .text-with-image {
display: flex;
align-items: center;
height: 260px;
overflow: hidden;
}
.text-block .text-with-image .text {
width: 50%;
}
.text-block .text-with-image .image {
max-width: 38.75%;
}
.text-block .text-with-image.left {
justify-content: space-between;
}
.text-block .text-with-image.left .text {
margin-left: 10%;
margin-right: 5%;
}
.text-block .text-with-image.right .text {
margin-left: 5%;
margin-right: 5%;
}
.text-block .text-with-image.right .image {
margin-left: 5%;
}
input[type="text"],
textarea {
background-color: #fff;
font-size: 17px;
line-height: 25px;
outline: none;
box-sizing: border-box;
border: 1px solid rgba(0, 0, 0, 0.2);
padding: 7px 10px 6px;
box-shadow: none;
width: 100%;
}
textarea {
resize: none;
}
@font-face {
font-family: "FiraSans";
font-style: normal;
font-weight: 300;
src: url("/local/templates/directline_2020/css/fonts/firasans-book-webfont.woff2") format("woff2"), url("/local/templates/directline_2020/css/fonts/firasans-book-webfont.woff") format("woff"),
url("/local/templates/directline_2020/css/fonts/firasans-book-webfont.ttf") format("ttf"), url("/local/templates/directline_2020/css/fonts/firasans-book-webfont.eot") format("eot");
font-display: swap;
}
@font-face {
font-family: "FiraSans";
font-style: normal;
font-weight: 400;
src: url("/local/templates/directline_2020/css/fonts/firasans-regular-webfont.woff2") format("woff2"), url("/local/templates/directline_2020/css/fonts/firasans-regular-webfont.woff") format("woff"),
url("/local/templates/directline_2020/css/fonts/firasans-regular-webfont.ttf") format("ttf"), url("/local/templates/directline_2020/css/fonts/firasans-regular-webfont.eot") format("eot");
font-display: swap;
}
@font-face {
font-family: "FiraSans";
font-style: normal;
font-weight: 500;
src: url("/local/templates/directline_2020/css/fonts/firasans-medium-webfont.woff2") format("woff2"), url("/local/templates/directline_2020/css/fonts/firasans-medium-webfont.woff") format("woff"),
url("/local/templates/directline_2020/css/fonts/firasans-medium-webfont.ttf") format("ttf"), url("/local/templates/directline_2020/css/fonts/firasans-medium-webfont.eot") format("eot");
font-display: swap;
}
@font-face {
font-family: "FiraSans";
font-style: normal;
font-weight: 700;
src: url("/local/templates/directline_2020/css/fonts/firasans-bold-webfont.woff2") format("woff2"), url("/local/templates/directline_2020/css/fonts/firasans-bold-webfont.woff") format("woff"),
url("/local/templates/directline_2020/css/fonts/firasans-bold-webfont.ttf") format("ttf"), url("/local/templates/directline_2020/css/fonts/firasans-bold-webfont.eot") format("eot");
font-display: swap;
}
@font-face {
font-family: "PFRegalTextPro";
font-style: normal;
font-weight: 700;
src: url("/local/templates/directline_2020/css/fonts/pfregaltextpro-bold-webfont.woff2") format("woff2"), url("/local/templates/directline_2020/css/fonts/pfregaltextpro-bold-webfont.woff") format("woff"),
url("/local/templates/directline_2020/css/fonts/pfregaltextpro-bold-webfont.ttf") format("ttf"), url("/local/templates/directline_2020/css/fonts/pfregaltextpro-bold-webfont.eot") format("eot");
font-display: swap;
}
@font-face {
font-family: "PFRegalTextPro";
font-style: italic;
font-weight: 700;
src: url("/local/templates/directline_2020/css/fonts/pfregaltextpro-bolditalic-webfont.woff2") format("woff2"),
url("/local/templates/directline_2020/css/fonts/pfregaltextpro-bolditalic-webfont.woff") format("woff"), url("/local/templates/directline_2020/css/fonts/pfregaltextpro-bolditalic-webfont.ttf") format("ttf"),
url("/local/templates/directline_2020/css/fonts/pfregaltextpro-bolditalic-webfont.eot") format("eot");
font-display: swap;
}
@font-face {
font-family: "PFRegalTextPro";
font-style: normal;
font-weight: 500;
src: url("/local/templates/directline_2020/css/fonts/PFRegalTextPro-Medium.woff") format("woff2");
font-display: swap;
}
@font-face {
font-family: "ALSRubl-Verdana";
src: url("/local/templates/directline_2020/css/fonts/rub/alsrubl-verdana-regular.eot");
src: url("/local/templates/directline_2020/css/fonts/rub/alsrubl-verdana-regular.eot?#iefix") format("embedded-opentype"),
url("/local/templates/directline_2020/css/fonts/rub/alsrubl-verdana-regular.woff") format("woff"), url("/local/templates/directline_2020/css/fonts/rub/alsrubl-verdana-regular.ttf") format("truetype"),
url("/local/templates/directline_2020/css/fonts/rub/alsrubl-verdana-regular.svg#ALSRublRegular") format("svg");
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "ALSRubl-Verdana";
src: url("/local/templates/directline_2020/css/fonts/rub/alsrubl-verdana-italic.eot");
src: url("/local/templates/directline_2020/css/fonts/rub/alsrubl-verdana-italic.eot?#iefix") format("embedded-opentype"),
url("/local/templates/directline_2020/css/fonts/rub/alsrubl-verdana-italic.woff") format("woff"), url("/local/templates/directline_2020/css/fonts/rub/alsrubl-verdana-italic.ttf") format("truetype"),
url("/local/templates/directline_2020/css/fonts/rub/alsrubl-verdana-italic.svg#ALSRublItalic") format("svg");
font-weight: normal;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: "ALSRubl-Verdana";
src: url("/local/templates/directline_2020/css/fonts/rub/alsrubl-verdana-bold.eot");
src: url("/local/templates/directline_2020/css/fonts/rub/alsrubl-verdana-bold.eot?#iefix") format("embedded-opentype"),
url("/local/templates/directline_2020/css/fonts/rub/alsrubl-verdana-bold.woff") format("woff"), url("/local/templates/directline_2020/css/fonts/rub/alsrubl-verdana-bold.ttf") format("truetype"),
url("/local/templates/directline_2020/css/fonts/rub/alsrubl-verdana-bold.svg#ALSRublBold") format("svg");
font-weight: bold;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "ALSRubl-Verdana";
src: url("/local/templates/directline_2020/css/fonts/rub/alsrubl-verdana-bolditalic.eot");
src: url("/local/templates/directline_2020/css/fonts/rub/alsrubl-verdana-bolditalic.eot?#iefix") format("embedded-opentype"),
url("/local/templates/directline_2020/css/fonts/rub/alsrubl-verdana-bolditalic.woff") format("woff"), url("/local/templates/directline_2020/css/fonts/rub/alsrubl-verdana-bolditalic.ttf") format("truetype"),
url("/local/templates/directline_2020/css/fonts/rub/alsrubl-verdana-bolditalic.svg#ALSRublBoldItalic") format("svg");
font-weight: bold;
font-style: italic;
font-display: swap;
}
.ruble {
font-family: "ALSRubl-Verdana", Verdana, sans-serif;
line-height: normal;
font-size: 0.8em;
display: inline-block;
}
.ya-share2 ul li::before {
content: "";
}
.block.blog-intro {
min-height: 350px;
}
.block.blog-intro .breadcrumbs {
text-align: center;
}
.block.blog-intro h1 {
font-size: 50px;
text-align: center;
min-height: 150px;
}
.blog_items {
display: flex;
flex-wrap: wrap;
}
.blog_items div {
width: 290px;
padding: 0 0 10px 40px;
box-sizing: border-box;
margin: 0 auto;
}
.blog_items div span {
font-weight: bold;
}
.blog_items .shows {
background: url("/local/templates/directline_2020/css/icons/icon-eye.svg") 5px 5px no-repeat;
background-size: 26px;
}
.blog_items .times {
background: url("/local/templates/directline_2020/css/icons/icon-time.svg") 5px 5px no-repeat;
background-size: 26px;
}
.blog_items .updates {
background: url("/local/templates/directline_2020/css/icons/calendar.svg") 5px 5px no-repeat;
background-size: 26px;
}
.block.blog-intro .info {
display: flex;
align-items: center;
color: #fff;
min-height: 57px;
}
.block.blog-intro .info a {
color: #fff;
}
.block.blog-intro .info img {
min-width: 57px;
width: 57px;
height: 57px;
border-radius: 50%;
margin-right: 19px;
}
.block.blog-intro .info span {
color: #fff;
text-transform: uppercase;
}
.block.blog-intro hr {
margin: 25px 0;
}
.block.blog-post.no-case {
padding-top: 10px;
}
.no-case.text_read {
font-size: 19px;
line-height: 29px;
}
.no-case.text_read ul li::before {
color: #d32e42;
}
.image_description {
display: inline-block;
max-width: 100%;
margin: 0 auto;
text-align: center;
font-style: italic;
padding: 10px;
background-color: #f3f1ed;
box-sizing: border-box;
}
.owl-item {
height: 0;
}
.owl-item.active {
height: auto;
}
#contactFormContainer .white-popup {
width: 100%;
margin: 22px 0;
}
/* End */
/* Start:/local/templates/directline_2020/css/style.css?1696843564163342*/
html {
font-size: 62.5%;
}
body {
margin: 0;
padding: 0;
font: 13px/19px "FiraSans", sans-serif;
color: #000;
quotes: "\00ab" "\00bb";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-rendering: optimizeLegibility;
}
p.margin-large {
margin: 2.6em 0;
}
.page-wrapper {
min-height: 100%;
position: relative;
/*z-index: 10;*/
background-color: #fff;
}
/*.page-wrapper:after {content: '';display: block;height: 350px;clear: both;}*/
.page-wrapper + .footer {
position: relative;
box-sizing: border-box;
}
.page-wrapper,
.page-wrapper + .footer {
min-width: 320px;
margin-left: auto;
margin-right: auto;
}
.container {
position: relative;
box-sizing: border-box;
}
.block.about h1 {
font-size: 50px;
}
.block.about .about-subtitle {
font-size: 26px;
line-height: 1.45;
margin: 0px;
font-weight: 500;
}
.phone a {
font: 700 40px/1 "PFRegalTextPro";
}
@media screen and (max-width: 1023px) {
.container {
margin: 0 4.5%;
}
}
.cols:not(.no-margin) {
margin-top: 30px;
}
@media screen and (min-width: 1024px) {
body {
font-size: 17px;
line-height: 25px;
}
/*.page-wrapper,.page-wrapper + .footer {max-width: 1000px;overflow: hidden;}*/
.container {
width: 960px;
margin: 0 auto;
}
.header .container {
width: 1000px;
}
.cols {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.cols .col2 {
width: 47%;
}
.cols.requisites {
flex-direction: column;
}
.cols:not(.no-margin) {
margin-top: 47px;
}
.cols.no-margin {
margin-top: 0;
}
.col2 {
flex: 0 1 auto;
}
.col2 + .col2 + .col2 {
margin-top: 47px;
}
.col2 + .col2 + .col2.vacancy-video-wrap {
margin-top: -70px;
}
.col2 > * {
max-width: 100%;
}
.col3 {
flex: 0 1 auto;
width: 30%;
}
}
@media screen and (min-width: 1280px) {
/*.page-wrapper,.page-wrapper + .footer {max-width: 1200px;}*/
.container {
width: 1000px;
}
.wide-container {
width: 1100px;
margin: 0 auto;
}
}
@media screen and (min-width: 1366px) {
/*.page-wrapper,.page-wrapper + .footer {max-width: 1334px;}*/
}
.breadcrumbs {
opacity: 0.5;
font-size: 13px;
line-height: 21px;
margin-top: -40px;
margin-bottom: 19px;
text-transform: uppercase;
}
.breadcrumbs span {
position: relative;
}
.breadcrumbs span::before,
.breadcrumbs span::after {
content: " ";
word-spacing: 0.5em;
}
.breadcrumbs + h1 {
margin-top: 0;
}
.arrows-wrap {
margin: 2.6rem 0 0;
}
.arrow {
display: inline-block;
height: 25px;
width: 229px;
text-align: center;
padding: 25px 0;
font-size: 16px;
font-weight: 700;
margin: 10px 0 10px -6px;
line-height: 25px;
background: url(/local/templates/directline_2020/css/../images/dist/arrow.png) no-repeat;
background-size: contain;
}
.arrow-wrap {
display: flex;
align-items: baseline;
}
.arrow-desc {
text-align: center;
display: inline-block;
margin: 0 30px 0 0;
width: 75px;
}
.arrow-desc span {
display: table;
font-size: 16px;
margin: 9px auto 0;
}
@media screen and (max-width: 1023px) {
.arrow-wrap {
flex-wrap: wrap;
align-items: center;
margin-top: 10px;
}
.arrow {
height: 17px;
width: 200px;
padding: 24px 0;
}
}
.block {
position: relative;
}
.block.contrast,
.contrast {
color: #fff;
}
.block.contrast hr {
background-color: #fff;
}
.block.grey {
background-color: #f3f1ed;
}
@media screen and (min-width: 1024px) {
.block {
padding: 80px 0; /*margin: 0 0 15px;*/
margin: 0;
}
.block.half-padding {
padding: 40px 0;
}
.block.half-padding.work-organization {
padding: 40px 0 0;
}
.block.small-padding {
padding: 20px 0;
}
}
.block img {
max-width: 100%;
}
@media screen and (max-width: 1023px) {
.blog-post img {
width: auto;
height: auto;
}
}
.header {
padding: 0;
margin-bottom: 0;
}
.header .container {
display: flex;
justify-content: space-between;
height: 100%;
position: relative;
}
.header .header-top-line {
height: 60px;
background: #ffffff;
}
.header .header-top-line .container {
justify-content: end;
align-items: center;
}
.header .header-bottom-line {
height: 45px;
background: #f3f6fb;
border-top: 1px solid #d4def1;
}
.header .header-bottom-line .container {
align-items: center;
}
.header .logo-wrap {
display: flex;
justify-content: flex-start;
align-items: flex-end;
}
.header .logo {
background-image: url(/local/templates/directline_2020/css/../images/directline-logo.svg);
background-position: left top;
width: 182px;
height: 30px;
display: block;
background-repeat: no-repeat;
max-width: 100%;
background-size: contain;
position: relative;
top: -4px;
}
.header .logo-slogan {
font-size: 13px;
line-height: 16px;
border-left: 1px solid #8e9baf;
margin-left: 15px;
padding: 0 0 0 15px;
}
.header .info-wrap {
/*width: 65%;*/
margin: 0 0 0 auto;
}
.header .info .contacts {
display: flex;
}
.header .info .contacts .item {
margin-right: 30px;
font-weight: 500;
}
.floating-header .header .info .contacts {
height: 26px;
}
.floating-header .header .info .contacts .item {
margin: 0;
line-height: 26px;
}
.floating-header .header .logo-wrap {
margin-right: 10px;
}
.header .menu {
width: 100%;
display: flex;
justify-content: space-between;
}
.header .nav-wrap {
display: flex;
justify-content: space-between;
height: 26px;
}
.header .info {
color: #0b5e8a;
text-align: center;
display: flex;
position: relative;
align-items: center;
}
.menu .link,
.header .links-block .link,
.header .info {
font-size: 13px;
text-transform: uppercase;
}
.menu .link,
.header .links-block .link {
font-weight: 500;
}
.header .info .phone {
font-weight: 500;
color: #0b5e8a;
font-size: 14px;
}
.header .consultation {
background: #fc1e2b;
color: #ffffff;
font-size: 13px;
font-weight: 500;
text-transform: uppercase;
display: flex;
height: 100%;
align-items: center;
padding: 0 20px;
}
.header .consultation i {
display: inline-block;
width: 25px;
height: 25px;
top: 0;
margin-right: 8px;
background-image: url("/local/templates/directline_2020/css/../images/blogging.svg");
}
.header .consultation.i.bubble::before {
left: -23px;
top: 45%;
transform: translateY(-50%);
}
.floating-header .header .consultation {
margin-left: 10px;
}
.floating-header .header .consultation.icon {
padding: 0;
width: 50px;
background: #fc1e2b url("/local/templates/directline_2020/css/../images/blogging.svg") center no-repeat;
background-size: 25px;
}
.menu:not(.responsive) .item {
padding-bottom: 10px;
height: 26px;
margin-right: 40px;
}
.floating-header .menu:not(.responsive) .item {
/* margin-right: 20px;*/
margin-right: 17px;
}
.menu .item.with-sub .menu_corner {
display: inline-block;
position: relative;
width: 12px;
height: 12px;
}
.menu .item.with-sub .menu_corner:before,
.menu .item.with-sub .menu_corner:after {
content: "";
position: absolute;
top: 5px;
right: 0;
border: 6px solid transparent;
border-top: 6px solid #0b5e8a;
}
.menu .item.with-sub .menu_corner:after {
border-top: 6px solid #f3f6fb;
top: 3px;
}
.menu .item.with-sub:hover .menu_corner:before,
.menu .item.with-sub:hover .menu_corner:after {
content: "";
position: absolute;
top: -1px;
right: 0;
border: 6px solid transparent;
border-bottom: 6px solid #000;
}
.menu .item.with-sub:hover .menu_corner:after {
border-bottom: 6px solid #f3f6fb;
top: 1px;
}
.menu.responsive .item--lvl-2 .link {
font-weight: normal;
}
.submenu {
position: absolute;
z-index: 9;
background: #fff;
box-shadow: 5px 5px 0px 0px rgba(0, 0, 0, 0.06), 0px 0px 0px 1px rgba(0, 0, 0, 0.06);
padding: 18px 0;
visibility: hidden;
opacity: 0;
transition: opacity 0.3s ease-in;
margin-left: -25px;
top: 45px;
min-width: 300px;
}
.submenu__corner {
display: block;
width: 16px;
height: 16px;
background: #fff;
position: absolute;
-webkit-transform: rotateZ(45deg);
transform: rotateZ(45deg);
border-top: 1px solid rgba(0, 0, 0, 0.06);
border-left: 1px solid rgba(0, 0, 0, 0.06);
top: 26px;
left: 50%;
margin-left: -10px;
z-index: 9;
visibility: hidden;
opacity: 0;
transition: opacity 0.3s ease-in;
}
.item:hover .submenu {
visibility: visible;
opacity: 1;
}
.item:hover .submenu__corner {
visibility: visible;
opacity: 1;
}
.submenu__item:hover {
color: #fff;
background: #d32e42;
}
.submenu__item:hover .submenu__link {
color: #fff;
opacity: 1;
}
.submenu__item {
font-size: 13px;
line-height: 21px;
cursor: pointer;
}
.submenu__item a {
padding: 5px 24px;
}
.submenu__item + .submenu__item {
margin-top: 12px;
}
.submenu__item.no-link {
cursor: default;
}
.submenu__item.no-link:hover {
color: #000;
background: #ffffff;
}
.submenu__item.no-link:hover .submenu__link {
color: #000;
opacity: 1;
}
.submenu__link {
font-size: 13px;
text-transform: uppercase;
line-height: 21px;
display: block;
height: 100%;
}
.submenu.megamenu {
break-inside: avoid-column;
margin-left: 0;
left: -50px;
width: 100%;
padding: 30px 50px;
column-count: 4;
-moz-column-count: 4;
-webkit-column-count: 4;
-moz-column-width: 25%;
-webkit-column-width: 25%;
column-width: 25%;
-webkit-column-gap: 30px;
-moz-column-gap: 30px;
column-gap: 30px;
-moz-column-rule: 1px solid #d4def1;
-webkit-column-rule: 1px solid #d4def1;
column-rule: 1px solid #d4def1;
border-radius: 0 0 4px 4px;
box-shadow: inset 0px 6px 10px rgba(103, 152, 179, 0.3), 5px 5px 0px 0px rgba(0, 0, 0, 0.06), 0px 0px 0px 1px rgba(0, 0, 0, 0.06);
}
.submega-item {
font-size: 14px;
margin-bottom: 30px; /*display: inline-block;*/
display: block;
break-inside: avoid;
}
.submega-title {
font-size: 19px;
font-weight: 500;
}
.submega-description {
font-size: 13px;
font-weight: 500;
color: #8d9aae;
line-height: 1.4;
margin: 5px 0 8px;
}
.submega-item ul {
list-style: none;
padding: 0;
margin: 5px 0 0;
line-height: 1.3;
display: block;
}
.submega-item ul li {
margin-bottom: 6px;
}
.submega-item ul li:before {
display: none;
}
.submega-item a:hover {
color: #fc1e2b;
opacity: 1;
}
.submega-item ul li.red {
text-transform: uppercase;
font-weight: 500;
font-size: 13px;
margin-top: 20px;
}
.submega-item ul li.red a {
color: #fc1e2b;
display: inline-block;
background: url("/local/templates/directline_2020/css/../images/right-arrow.png") right top no-repeat;
background-size: 12px;
padding-right: 18px;
line-height: 13px;
}
.menu.responsive {
display: none;
position: fixed;
width: 260px;
top: 0;
left: 0;
height: 100%;
z-index: 1;
background-color: #ffffff;
box-sizing: border-box;
padding: 50px 15px;
overflow-y: scroll;
}
.menu.responsive .item + .item {
margin-top: 5px;
}
.menu.responsive .item + .item--lvl-2 {
margin-top: 10px;
}
.burger-icon {
display: none;
position: fixed;
z-index: 20;
width: 60px;
height: 50px;
background: rgba(255, 255, 255, 1);
top: 4px;
left: 0;
cursor: pointer;
border-bottom-right-radius: 4px;
}
.burger-icon .strip {
position: absolute;
width: 32px;
height: 3px;
background: #000;
border-radius: 2px;
left: 14px;
transition: all 0.8s cubic-bezier(0.77, 0, 0.175, 1);
z-index: 1;
}
.burger-icon .strip:nth-child(1) {
top: 14px;
}
.burger-icon .strip:nth-child(2) {
top: 24px;
}
.burger-icon .strip:nth-child(3) {
top: 34px;
width: 24px;
}
.menu-open .burger-icon {
background: rgba(255, 255, 255, 1);
}
.menu-open .burger-icon .strip:nth-child(2) {
transform: scale(0, 1);
opacity: 0.3;
}
.menu-open .burger-icon .strip:nth-child(1) {
transform: translate(0, 10px) rotate(45deg);
}
.menu-open .burger-icon .strip:nth-child(3) {
transform: translate(0, -10px) rotate(-45deg);
width: 32px;
}
.decktop-contacts {
display: inherit;
}
.mobile-contacts {
display: none;
}
.mobile-contacts .items-contact {
display: flex;
margin-bottom: 10px;
}
.mobile-contacts .item {
flex: 1;
margin-top: 0 !important;
cursor: pointer;
padding: 3px 0;
position: relative;
text-transform: none;
}
.mobile-contacts .item.active {
background: #ca1f35;
color: #ffffff;
}
.mobile-contacts .item.active:after {
content: "";
position: absolute;
left: 50%;
bottom: -14px;
border: 7px solid transparent;
border-top: 7px solid #ca1f35;
margin-left: -7px;
}
.mobile-contacts .item-phone {
display: none;
}
.mobile-contacts .item-phone.active {
display: block;
}
.block.map-wrap.map.mob {
display: none;
}
.container.map-phones {
display: none;
margin: 0 9%;
}
.map-phones-item {
float: left;
width: 50%;
margin-bottom: 10px;
}
.map-phones-item .phone {
font-weight: bold;
}
.mobile-header {
display: none;
}
.mobile-header .container {
margin: 0;
display: flex;
align-items: center;
justify-content: space-between;
height: 100%;
}
.mobile-header .phone,
.mobile-buttons .phone {
background: url("/local/templates/directline_2020/css/../images/phone-r.png") left center no-repeat;
background-size: 20px;
font-weight: 500;
color: #0b5e8a;
font-size: 14px;
padding-left: 25px;
margin-left: 4.5%;
}
.mobile-buttons .phone {
margin-left: 0;
}
.mobile-header .consultation {
background: #fc1e2b;
color: #ffffff;
font-size: 13px;
font-weight: 500;
text-transform: uppercase;
display: flex;
height: 100%;
align-items: center;
padding: 0 20px;
}
.mobile-header .header-top-line {
display: block;
background: #f3f6fb;
border-bottom: 1px solid #d4def1;
height: 40px;
}
.mobile-header .header-bottom-line {
height: 50px;
}
.mobile-header .logo-wrap {
display: flex;
justify-content: flex-start;
align-items: flex-end;
margin-left: 4.5%;
}
.mobile-header .logo {
background-image: url(/local/templates/directline_2020/css/../images/directline-logo.svg);
background-position: left center;
width: 172px;
height: 30px;
display: block;
background-repeat: no-repeat;
max-width: 100%;
background-size: contain;
position: relative;
top: 0px;
}
.link_lk {
display: block;
width: 20px;
height: 20px;
background: url("/local/templates/directline_2020/css/../images/enter.png") center no-repeat;
background-size: contain;
margin: 0 0 0 auto;
}
.burger-icon {
display: block;
}
@media screen and (max-width: 1023px) {
.burger-icon {
left: auto;
right: 0;
top: 0; /*display: none;*/
}
/*.menu-open .burger-icon {left: 0;right: auto;}*/
.header .logo-wrap {
justify-content: center;
}
.header .info .org {
margin-top: 10px;
}
.header .info .contacts {
margin-top: 18px;
}
.header .info .contacts .item + .item {
margin-top: 5px;
}
.header .links-block {
display: flex;
justify-content: center;
}
.header .menu {
display: none;
}
body {
overflow-x: hidden;
min-width: 320px;
}
.mobile-contacts {
display: block;
}
.decktop-contacts {
display: none;
}
.block.map-wrap.map.mob {
display: block;
}
.container.map-phones {
display: block;
}
.block.map-wrap.map.dt {
display: none;
}
.header .header-top-line {
display: none;
}
.header .header-bottom-line {
display: none;
}
.mobile-header {
display: block;
}
}
.pw,
.footer,
.burger-icon,
.menu.responsive {
transition: all 0.8s cubic-bezier(0.77, 0, 0.175, 1);
}
.menu-open .pw,
.menu-open .footer,
.menu-open .burger-icon {
transform: translate3d(260px, 0, 0);
}
.menu-open .pw::before {
content: "";
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.2);
z-index: 10;
}
.menu.responsive {
display: block;
transform: translate3d(-100%, 0, 0);
}
.menu-open .menu.responsive {
transform: translate3d(0, 0, 0);
}
.menu-open {
background: rgba(0, 0, 0, 0.2);
}
body.menu-open {
overflow-x: hidden;
}
.floating-header {
position: fixed;
top: 0px;
left: 0px;
width: 100%;
z-index: 990;
background: #f3f6fb;
height: 45px;
display: none;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
border-top: 1px solid #d4def1;
}
.floating-header .logo {
background-image: url(/local/templates/directline_2020/css/../images/directline-logo-short.svg);
background-position: left top;
width: 32px;
height: 30px;
top: 0;
}
@media screen and (min-width: 1023px) {
.links-block.top_lb {
margin-left: 40px;
}
.links-block.top_lb.zayavka {
margin-left: 54px;
}
}
.footer .contacts {
font-size: 18px;
display: flex;
flex-wrap: wrap;
}
.footer .contacts .item {
width: auto;
flex: 0 1 auto;
margin-right: 40px;
}
.footer .contacts .caption {
line-height: 1.45;
color: #75777e;
}
.footer .contacts .phone {
font-size: 25px;
line-height: 1.3;
font-family: "PFRegalTextPro", sans-serif;
white-space: nowrap;
}
.footer .copyright {
font-weight: 300;
font-size: 15px;
line-height: 1.6;
color: #fff;
margin: 0;
padding: 10px 0 0;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.footer .copyright div {
margin-bottom: 10px;
}
.footer .copyright a {
color: #fff;
text-decoration: underline;
}
.footer .soc-links {
display: flex;
justify-content: end;
margin: 0 0 0 auto;
}
.footer .soc-links .item {
flex: 0 1 auto;
background-position: center;
width: 32px;
height: 32px;
margin: 0 0 0 15px;
}
.footer .soc-links .item.icon-s-ytb {
width: 40px;
}
.floating-header .block.header {
padding: 0;
height: 100%;
}
.floating-header .block.header .container {
align-items: center;
}
.floating-header .block.header .logo-text {
font-size: 12px;
font-weight: bold;
line-height: 1.5;
margin-right: 20px;
}
.floating-header .block.header .logo-text span {
color: red;
}
.footer-top {
background: #f3f6fb;
padding: 20px 0;
}
.footer-top .container {
display: flex;
justify-content: space-between;
align-items: center;
}
.footer-top .consultation {
font-size: 13px;
text-transform: uppercase;
color: #d32e42;
font-weight: 500;
}
.footer-top .consultation.i.bubble::before {
left: -23px;
top: 45%;
transform: translateY(-50%);
}
.footer-middle {
padding: 25px 0;
}
.footer-middle .container {
display: flex;
}
.footer-bottom {
background: -webkit-linear-gradient(#8b97ad, #93a2b2);
background: -moz-linear-gradient(#8b97ad, #93a2b2);
background: linear-gradient(#8b97ad, #93a2b2);
}
.footer .menu-wrap {
margin: 0 0 0 auto;
width: 100%;
max-width: 420px;
display: flex;
flex-wrap: wrap;
align-content: space-between;
}
.footer .menu:first-child {
width: 300px;
}
.footer .menu {
padding: 0 20px 0 0;
white-space: nowrap;
}
.footer .menu.line {
display: flex;
justify-content: space-between;
margin: 0 auto;
padding: 0;
width: 100%;
}
.footer .menu .link.sub {
font-weight: 400;
text-transform: none;
font-size: 14px;
color: #75777e;
}
@media screen and (max-width: 1023px) {
/*.floating-header {display: block !important;}*/
header.block.header {
padding: 0;
}
.floating-header .block.header {
padding: 12px 0 0 0;
}
.floating-header .header .container {
margin: 0;
}
.floating-header .logo {
left: 0;
top: 0;
}
.floating-header .cons-button {
margin-right: 48px;
}
.floating-header .header .consultation {
text-indent: -10000px;
background: url("/local/templates/directline_2020/css/../images/phone.png") center center no-repeat;
background-size: 30px;
width: 30px;
height: 30px;
}
.floating-header .header .consultation.i.bubble::before {
display: none;
}
.floating-header .block.header .logo-text {
display: none;
}
.footer .menu,
.footer .menu.line {
display: none;
}
/*.footer .contacts .item.info {order: 1;}
.footer .contacts .item.nsk {order: 2;}
.footer .contacts .item.russia {order: 3;margin-top: 15px;}
.footer .contacts .item.nsk .caption {display: none;}*/
.footer hr {
display: none;
}
}
@media screen and (max-width: 700px) {
.footer-top .container {
flex-wrap: wrap;
}
.footer .contacts {
/*margin-bottom: 10px;*/
font-size: 16px;
}
.footer .contacts .item {
margin: 0 0 7px;
width: 100%;
}
.footer .contacts .phone {
font-size: 24px;
}
.footer-top .consultation {
margin-left: 23px;
}
.footer .copyright {
font-size: 13px;
}
.footer-middle {
padding: 12px 0;
}
.footer .menu-wrap,
.footer .soc-links {
margin: 0;
}
}
.menu-open .floating-header {
display: none !important;
}
@media screen and (min-width: 1024px) {
.footer {
border-top: 2px solid #d4def1;
}
.footer hr {
opacity: 0.1;
margin: 40px 0;
}
.footer .contacts {
display: flex;
justify-content: space-between;
margin: 0;
}
}
.block.tagline {
background-color: rgba(208, 2, 27, 0.8);
overflow: hidden;
padding: 60px 0 20px;
margin: 0;
}
.block.tagline #main-video {
position: absolute;
left: 50%;
top: 50%;
transform: translateX(-50%) translateY(-50%);
min-width: 100%;
min-height: 100%;
width: auto;
height: auto;
z-index: -1;
}
.block.tagline .purpose {
margin-bottom: 20px;
}
.block.tagline .purpose p {
font-size: 26px;
font-weight: 500;
line-height: 1.45;
margin: 0;
}
.block.tagline .purpose h1 {
font: 700 50px/1.1 "PFRegalTextPro", sans-serif;
margin-bottom: 20px;
}
.block.tagline .button {
padding: 9px 43px 12px;
background: #fc1e2b;
width: auto;
}
.block.tagline .button i {
display: inline-block;
width: 18px;
height: 18px;
top: 6px;
margin-right: 8px;
}
.block.tagline .statistic {
margin: 40px 0 20px; /*display: flex;flex-wrap: wrap;*/
}
.block.tagline .statistic .item {
width: 100%;
text-align: center;
font-weight: 500;
padding-top: 60px;
}
.block.tagline .statistic .item.i::before {
left: 50%;
top: 0;
transform: translateX(-50%);
}
.block.tagline .statistic .value {
font-size: 26px;
line-height: 1;
}
.block.tagline .statistic .legend {
font-size: 13px;
text-transform: uppercase;
}
.block.tagline .statistic-text {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 30px;
}
.boom {
font-size: 21px;
padding-left: 45px;
position: relative;
}
.boom:before {
content: "";
display: block;
width: 30px;
height: 40px;
background-size: contain;
background-repeat: no-repeat;
position: absolute;
left: 0;
top: -8px;
}
.boom.lightred:before {
background-image: url("/local/templates/directline_2020/css/../images/icon-boom-lightred.png");
}
.boom.red:before {
background-image: url("/local/templates/directline_2020/css/../images/icon-boom-red.png");
}
.boom.blue:before {
background-image: url("/local/templates/directline_2020/css/../images/icon-boom-blue.png");
}
.boom.brown:before {
background-image: url("/local/templates/directline_2020/css/../images/icon-boom-brown.png");
}
.boom.green:before {
background-image: url("/local/templates/directline_2020/css/../images/icon-boom-green.png");
}
.boom.clean {
padding-left: 0;
}
.boom.clean:before {
display: none;
}
.counter {
font: 700 40px/1.1 "PFRegalTextPro", sans-serif;
white-space: nowrap;
}
@media screen and (max-width: 700px) {
.block.tagline {
margin: 0;
padding: 30px 0 20px;
}
.block.tagline .purpose p {
font-size: 20px;
}
.block.tagline .purpose h1 {
font-size: 30px;
margin-bottom: 15px;
}
.block.tagline .statistic {
display: none;
}
.block.tagline .button {
width: 100%;
}
.block.about h1 {
font-size: 30px;
}
.block.about .about-subtitle {
font-size: 20px;
}
}
@media screen and (max-width: 479px) {
.block.tagline .statistic .item + .item {
margin-top: 45px;
}
}
@media screen and (min-width: 480px) and (max-width: 1023px) {
.block.tagline .statistic .item {
width: 50%;
}
.block.tagline .statistic .item:nth-child(n + 3) {
margin-top: 45px;
}
}
@media screen and (min-width: 1024px) {
.block.tagline .statistic .item {
width: 25%;
margin-top: 0;
}
}
@media screen and (min-width: 1280px) {
}
.block.marketing {
background: url(/local/templates/directline_2020/css/../images/dist/marketing-bg.png) #bed65a center top no-repeat;
}
.block.marketing .button {
margin-top: 23px;
background: #fff;
}
@media screen and (max-width: 1023px) {
.block.marketing .col2 {
margin-bottom: 30px;
}
}
@media screen and (min-width: 1024px) {
.block.marketing .col2 {
display: flex;
flex-wrap: wrap;
align-content: space-between;
}
}
.block.tools .list {
margin: 40px 0 30px;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.block.tools .item {
width: 100%;
padding-top: 70px;
text-align: center;
box-sizing: border-box;
}
.block.tools .item.i::before {
left: 50%;
top: 0;
transform: translateX(-50%);
}
.block.tools .item .name {
font-weight: 700;
font-size: 13px;
margin-bottom: 16px;
text-transform: uppercase;
color: #d32e42;
text-decoration: underline;
}
.block.marketing .block.tools .item .name {
color: #000;
text-decoration: none;
}
.block.tools .item .desc {
line-height: 1.6;
font-size: 13px;
}
@media screen and (max-width: 479px) {
.block.tools .item + .item {
margin-top: 40px;
}
}
@media screen and (min-width: 480px) and (max-width: 1023px) {
.block.tools .item {
width: 50%;
padding-left: 20px;
padding-right: 20px;
}
.block.tools .item:nth-child(n + 3) {
margin-top: 45px;
}
}
@media screen and (min-width: 1024px) {
.block.tools .h2 {
text-align: center;
}
.block.tools .list {
margin-bottom: 0;
}
.block.tools .item {
width: 28%;
}
.block.tools .item:nth-child(n + 4) {
margin-top: 45px;
}
}
.block.our-works {
padding: 40px 0;
margin: 0;
}
.blog-post .block.our-works {
padding-bottom: 0;
}
.block.our-works .block-title {
margin-bottom: 40px;
}
.block.our-works .item {
}
.block.our-works .blog-date {
color: #75777e;
font-weight: 500;
margin: 0 10px 10px 0;
}
.block.our-works .image {
display: block;
margin-bottom: 20px;
border-radius: 5px;
position: relative;
}
.block.our-works .image .over {
background-image: linear-gradient(to top, rgba(10, 42, 58, 0.8), transparent);
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-radius: 0 0 5px 5px;
}
.block.our-works .image .name {
display: block;
position: absolute;
left: 0;
bottom: 20px;
color: #fff;
text-transform: none;
font-weight: 500;
font-size: 23px;
line-height: 1.3;
padding: 0 30px;
}
.block.our-works .image img {
border-radius: 5px;
max-height: 300px;
}
.block.our-works .name {
text-transform: uppercase;
font-weight: 700;
font-size: 13px;
}
.block.our-works .date-tags {
font-size: 17px;
}
.block.our-works .date-tags.mobile {
display: none;
}
.block.our-works .blog_tags {
padding-bottom: 0;
}
.block.our-works .blog_tags a span {
color: #0b5e8a;
}
@media screen and (max-width: 900px) {
.block.our-works .image .name {
font-size: 21px;
}
}
@media screen and (max-width: 600px) {
.block.our-works {
padding: 30px 0;
}
.block.our-works + .social-block.socials {
margin-top: 0;
}
.block.our-works .block-title {
margin-bottom: 30px;
}
.block.our-works .date-tags.desktop .blog-date {
display: none;
}
.block.our-works .date-tags.mobile {
display: block;
}
.block.our-works .image {
margin-bottom: 10px;
}
.block.our-works .image .name {
position: relative;
bottom: auto;
padding: 0;
background: #fff;
color: #000;
padding-top: 15px;
}
}
@media screen and (max-width: 1023px) {
.block.our-works .item + .item {
margin-top: 40px;
}
}
.block.principle-wrap {
padding: 0;
}
.block.principle-wrap .button,
.send-request .button,
.modal-form .button {
margin-top: 20px;
margin-bottom: -5px;
padding-top: 4px;
padding-bottom: 16px;
}
@media screen and (min-width: 1024px) {
.block.principle-wrap .button,
.send-request .button,
.modal-form .button {
padding: 5px 97px 20px 97px;
}
}
.block.principle-wrap .button i,
.send-request .button i,
.modal-form .button i {
display: inline-block;
margin-right: 15px;
}
i.icon-attach {
position: relative;
top: 3px;
}
i.icon-bubble-white {
position: relative;
top: 11px;
}
.block.principle-wrap .bubble-white::before,
.send-request .bubble-white::before,
.modal-form .bubble-white::before {
top: 16px;
left: 97px;
}
.grrenlined {
font: 700 italic 24px/1 "PfRegalTextPro", sans-serif;
background-size: 1em 0.6em;
background-repeat: repeat-x;
background-position: 0px 62%;
background-image: linear-gradient(90deg, rgba(190, 214, 90, 0.5), rgba(190, 214, 90, 0.5));
}
@media screen and (min-width: 1024px) {
.grrenlined {
font-size: 40px;
}
}
@media screen and (min-width: 1024px) {
.block.work-organization + .block.our-works,
.block.inner-seo-principles + .block.our-works {
padding-top: 15px;
}
}
.block.work-organization h4 {
margin-bottom: 32px;
}
@media screen and (min-width: 1024px) {
.block.work-organization h4 {
margin-bottom: 49px;
}
}
.partners-wrap {
}
.partners-wrap .title {
opacity: 0.5;
font-size: 13px;
line-height: 21px;
font-weight: 700;
text-transform: uppercase;
margin-top: 30px;
}
@media screen and (min-width: 1024px) {
.partners-wrap .title {
margin-bottom: 20px;
}
}
.partners-wrap .logos {
display: flex;
align-items: center;
justify-content: space-around;
flex-wrap: wrap;
}
.partners-wrap .logos .item,
.partners-wrap .logos .image-wrap {
margin-top: 20px;
}
@media screen and (min-width: 1024px) {
.partners-wrap .logos .image-wrap .item {
margin: 0;
}
}
.partners-wrap .logos .image-desc {
font-size: 13px;
}
@media screen and (max-width: 1023px) {
.partners-wrap .logos {
#margin-left: -34px;
}
.partners-wrap .logos .item,
.partners-wrap .logos .image-wrap {
#margin-left: 34px;
}
}
.partners-wrap.compact .logos {
margin-left: -40px;
}
.partners-wrap.compact .logos .item {
margin-left: 40px;
height: 40px;
opacity: 0.9;
transition: 0.3s opacity ease;
display: flex;
align-items: center;
align-content: center;
justify-content: center;
max-width: 113px;
}
.partners-wrap.compact .logos .item:hover {
opacity: 1;
}
.partners-wrap.compact .logos .item img {
max-width: 100%;
max-height: 100%;
flex: 0 1 auto;
}
@media screen and (max-width: 479px) {
.partners-wrap .logos,
.partners-wrap.compact .logos {
#margin-left: -300px;
}
.partners-wrap .logos .item,
.partners-wrap.compact .logos .item {
#margin-left: 300px;
}
}
.block.career {
background: linear-gradient(to top, rgba(211, 46, 66, 0.8), rgba(211, 46, 66, 0.8)), url(/local/templates/directline_2020/css/../images/dist/career-bg.jpg) center no-repeat;
background-size: cover;
}
@media screen and (min-width: 1024px) {
.block.vacancies {
padding-top: 60px;
}
.block.vacancies .button {
padding-left: 47px;
padding-right: 47px;
}
.block.vacancies .button.half-width {
width: calc(50% - 8px);
padding-left: 0;
padding-right: 0;
display: block;
float: left;
}
.block.vacancies .button.half-width + .button.half-width {
margin-left: 16px;
}
.block-video-career {
margin-top: 50px;
display: flex;
justify-content: center;
}
}
@media screen and (max-width: 1023px) {
.block.vacancies .button.half-width + .button.half-width {
margin-top: 16px;
}
}
.block.vacancies .col2:not(.active) .detailed {
display: none;
}
.block.vacancies .col2.active {
width: 100%;
position: relative;
margin-top: 40px;
margin-bottom: 0px;
}
.block.vacancies .col2.active::before {
background: #f3f1ed;
left: -167px;
right: -167px;
top: -55px;
bottom: -27px;
position: absolute;
content: "";
z-index: -1;
}
.block.vacancies .col2.active .more {
display: none;
}
.block.vacancies .detailed {
position: relative;
}
.block.vacancies .detailed .icon-close-icon {
position: absolute;
top: -66px;
right: -20px;
cursor: pointer;
}
.block-video-career {
margin-top: 50px;
display: flex;
justify-content: center;
}
.block-video-career .video {
width: 480px;
height: 320px;
}
.vacancies .col2{
margin-top: 0px !important;
margin-bottom: 47px;
}
@media screen and (max-width: 1279px) {
.block.vacancies .detailed .icon-close-icon {
right: 0;
}
}
@media screen and (min-width: 1280px), print {
.block.vacancies {
padding-bottom: 0px;
}
.block.vacancies hr {
margin-bottom: 8px;
}
.block-video-career .video {
width: 720px;
height: 360px;
}
}
@media screen and (min-width: 1024px) {
.block.vacancies + .block.our-works {
padding-top: 10px;
}
}
@media screen and (max-width: 1023px) {
.block.vacancies {
margin-bottom: 0px;
padding-bottom: 0px;
}
}
.block.video-instagram {
display: flex;
padding: 0;
text-align: center;
}
.block.video-instagram .video-preview,
.block.video-instagram .instagram-preview {
width: 50%;
box-sizing: border-box;
height: 277px;
}
.block.video-instagram .video-preview {
background: linear-gradient(to top, rgba(208, 2, 27, 0.8), rgba(208, 2, 27, 0.8)), url(/local/templates/directline_2020/css/../images/dist/video-preview.jpg) center no-repeat;
background-size: cover;
padding-top: 76px;
padding-left: 10px;
padding-right: 10px;
}
.block.video-instagram .instagram-preview {
position: relative;
}
.block.video-instagram .instagram-preview .overlay {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: rgba(190, 214, 90, 0.8);
padding-top: 96px;
box-sizing: border-box;
padding-left: 10px;
padding-right: 10px;
z-index: 2;
}
.block.video-instagram .instagram-preview:hover {
opacity: 1;
}
.block.video-instagram .instagram-preview:hover .overlay {
display: none;
}
.block.video-instagram .instagram-preview .owl-item {
width: 277px !important;
}
.block.video-instagram .instagram-preview .owl-stage {
width: 2770px !important;
}
.block.video-instagram .instagram-preview .owl-carousel {
position: relative;
}
.block.video-instagram .instagram-preview .owl-prev,
.block.video-instagram .instagram-preview .owl-next {
width: 37px;
height: 37px;
background-size: contain;
background-repeat: no-repeat;
position: absolute;
top: 50%;
transform: translateY(-50%);
}
.block.video-instagram .instagram-preview .owl-prev {
background: url(/local/templates/directline_2020/css/../images/arrow-prev.png);
left: 3px;
}
.block.video-instagram .instagram-preview .owl-next {
background: url(/local/templates/directline_2020/css/../images/arrow-next.png);
right: 3px;
}
@media screen and (max-width: 1023px) {
.block.video-instagram {
flex-wrap: wrap;
}
.block.video-instagram .video-preview,
.block.video-instagram .instagram-preview {
width: 100%;
}
.block.video-instagram .instagram-preview .overlay {
display: none;
}
}
.block.video-instagram .video-preview .desc {
display: flex;
align-items: center;
justify-content: center;
}
.block.video-instagram .desc i {
display: inline-block;
}
.block.video-instagram .video-preview .desc i {
margin-right: 15px;
}
.vacancy-video {
display: flex;
align-items: center;
text-transform: uppercase;
font-size: 13px;
}
.icon-video-preview-icon-list {
display: inline-block;
margin-right: 13px;
flex-shrink: 0;
}
.awards_items.in_blog {
margin-bottom: 60px;
}
.white-popup {
position: relative;
background: #fff;
padding: 60px 8px 40px;
width: auto;
max-width: 920px;
margin: 20px auto;
box-sizing: border-box;
border: 1px solid #d4def1;
box-shadow: 0px 4px 12px #3d4555;
border-radius: 4px;
}
.white-popup.success {
max-width: 680px;
}
.white-popup .h2title {
text-align: center;
margin-bottom: 48px;
}
.white-popup .row {
margin: 0 0 20px;
}
.white-popup .clear {
clear: none;
}
.white-popup .row.one-line {
margin-top: 0 !important;
margin-bottom: 30px !important;
align-items: center;
}
.white-popup .row.columns {
display: block;
margin-top: 0 !important;
margin-bottom: 24px;
}
.white-popup.vacancy-resume-popup .row.columns {
margin-bottom: 65px;
}
.white-popup .second {
margin-bottom: 6px !important;
}
.white-popup .item-label {
width: 240px;
}
.white-popup .item-files {
width: 240px;
}
.white-popup .item-label.privacy {
display: flex;
align-items: start;
}
.white-popup .item-input {
width: 452px;
}
.white-popup label {
font-size: 19px;
line-height: 145%;
margin-bottom: 8px;
}
.white-popup .row.one-line label {
margin-bottom: 0;
}
.white-popup textarea {
background: #f3f6fb;
border: 1px solid #d4def1;
box-sizing: border-box;
border-radius: 4px;
height: 130px;
font-family: "FiraSans";
}
.white-popup textarea.error {
border: 2px solid #d32e42;
padding: 6px 10px 5px;
}
.white-popup input[type="text"],
.white-popup input[type="tel"] {
background: #f3f6fb;
border: 1px solid #d4def1;
box-sizing: border-box;
border-radius: 4px;
width: 100% !important;
font-size: 17px;
line-height: 25px;
outline: none;
padding: 7px 10px 6px;
box-shadow: none;
font-family: "FiraSans";
}
.white-popup .item-label-note {
font-size: 14px;
line-height: 135%;
color: #79869d;
margin: 0;
}
.white-popup .item-label-note a {
color: #79869d;
}
.white-popup span.item-label-note {
margin-bottom: 0;
}
.white-popup .button {
margin: 0;
background: #fc1e2b;
font-weight: 500;
font-size: 13px;
line-height: 130%;
padding: 13px 30px 14px;
}
.white-popup i.icon-bubble-white {
background: url("/local/templates/directline_2020/css/../images/button-doc.svg") center no-repeat;
background-size: contain;
width: 15px;
height: 18px;
top: 3px;
}
.white-popup .mfp-close {
width: 24px;
height: 24px;
line-height: 24px;
background: url("/local/templates/directline_2020/css/../images/close-icon.svg") center no-repeat;
background-size: contain;
opacity: 1;
top: 28px;
right: 28px;
}
.white-popup input[type="checkbox"] {
position: absolute;
z-index: -1;
opacity: 0;
}
.white-popup input[type="checkbox"] + label {
display: inline-flex;
user-select: none;
}
.white-popup input[type="checkbox"] + label::before {
content: "";
display: inline-block;
width: 20px;
height: 20px;
flex-shrink: 0;
flex-grow: 0;
border: 1px solid #d4def1;
border-radius: 4px;
margin-right: 10px;
background-color: #f3f6fb;
background-repeat: no-repeat;
background-position: center center;
background-size: 50% 50%;
box-sizing: border-box;
}
.white-popup input[type="checkbox"]:checked + label::before {
background-image: url("/local/templates/directline_2020/css/../images/check.svg");
}
.white-popup .attach-file {
font-size: 14px;
line-height: 145%;
border-bottom: 1px dashed #000000;
display: inline-block;
position: relative;
margin: 13px 0 0 28px;
cursor: pointer;
}
.white-popup .attach-file i.icon-attach {
display: block;
width: 20px;
height: 20px;
background: url("/local/templates/directline_2020/css/../images/icon-attachment.svg") center no-repeat;
background-size: contain;
position: absolute;
top: 0;
left: -28px;
}
.white-popup .file-name {
font-size: 14px;
line-height: 135% !important;
color: #79869d;
margin: 5px 0 0 28px !important;
width: 100% !important;
display: inline-block;
}
.white-popup .success {
}
.white-popup .success-icon {
width: 105px;
height: 112px;
background: url("/local/templates/directline_2020/css/../images/icon-tick-green.svg") center no-repeat;
background-size: contain;
margin: -22px auto 15px;
}
.white-popup .success-great {
font-family: PF Regal Text Pro;
font-weight: bold;
font-size: 28px;
line-height: 110%;
text-align: center;
color: #0b5e8a;
margin-bottom: 35px;
}
.white-popup .success-text {
font-weight: 500;
font-size: 28px;
line-height: 135%;
text-align: center;
color: #272727;
}
.white-popup .row.columns .item-label {
display: inline-block;
}
.white-popup .row.columns .item-input {
display: inline-block;
float: right;
}
.white-popup .row.columns .item-files {
display: inline-block;
}
@media screen and (max-width: 1023px) {
.block.about {
padding-top: 60px;
}
.white-popup .h2title {
font-size: 26px;
margin-bottom: 32px;
line-height: 110%;
}
.white-popup .mfp-close {
top: 16px;
right: 16px;
}
.white-popup .row.one-line {
margin: 24px 0 !important;
}
.white-popup .item-label {
width: 100%;
}
.white-popup .item-files {
width: 100%;
order: 3;
}
.white-popup .item-input {
width: 100%;
}
.white-popup label {
font-size: 17px;
margin-bottom: 5px;
}
.white-popup .item-label-note {
font-size: 14px;
margin-bottom: 8px;
}
.white-popup .item-label.privacy {
margin-bottom: 20px;
}
.white-popup .file-name {
margin: 5px 0 0 21px !important;
}
.white-popup .attach-file {
margin: 13px 0 0 21px;
}
.white-popup .attach-file i.icon-attach {
width: 14px;
height: 14px;
left: -21px;
}
.white-popup .row.columns {
display: flex;
flex-wrap: wrap;
}
.white-popup .row.columns:first-of-type {
margin-bottom: 20px;
}
.white-popup .row.columns .item-label {
display: block;
}
.white-popup .row.columns .item-input {
display: block;
float: none;
}
.white-popup .row.columns .item-files {
display: block;
}
.white-popup .success-icon {
margin: -22px auto 7px;
}
.white-popup .success-great {
font-size: 26px;
margin-bottom: 24px;
}
.white-popup .success-text {
font-size: 22px;
line-height: 120%;
}
}
@media screen and (min-width: 1024px) {
.block.about {
padding-bottom: 40px;
}
}
.block.about .col2.flex {
display: flex;
flex-wrap: wrap;
flex-direction: column;
justify-content: space-between;
}
blockquote {
text-align: center;
margin: 0;
}
blockquote p {
font: italic 700 25px/27px "PFRegalTextPro";
margin: 0;
}
blockquote li {
font: italic 700 25px/27px "PFRegalTextPro";
margin: 0;
}
@media screen and (max-width: 479px) {
blockquote li {
font-size: 17px;
line-height: 22px;
}
}
blockquote p + p:not(.position):not(.author) {
margin-top: 1em;
}
blockquote img {
border-radius: 50%;
width: 76px;
height: 76px;
margin-top: 46px;
margin-bottom: 11px;
}
@media screen and (max-width: 479px) {
blockquote p {
font-size: 20px;
line-height: 22px;
}
blockquote img {
margin-top: 30px;
}
}
blockquote .author,
blockquote .position {
font: normal 700 13px/21px "FiraSans";
opacity: 0.5;
}
blockquote .author {
text-transform: uppercase;
}
blockquote .position {
font-weight: 300;
}
.block.team-intro {
text-align: center;
padding-bottom: 20px;
}
@media screen and (min-width: 1024px) {
.block.team-intro {
padding-top: 65px;
}
}
.block.team-intro img {
width: 168px;
height: 168px;
border-radius: 50%;
margin-bottom: 11px;
}
.block.team-intro p {
margin: 0;
text-transform: uppercase;
font-size: 13px;
line-height: 21px;
}
.block.team-intro .name {
font-weight: 700;
}
.block.team-intro .position {
font-weight: 400;
}
.block.team-intro .button {
margin-top: 23px;
}
@media screen and (min-width: 1024px) {
.block.team-intro .button {
padding-left: 42px;
padding-right: 42px;
}
}
@media screen and (min-width: 1024px) {
.block.team-intro + .block.our-works,
.block.video-instagram + .block.our-works {
padding-top: 45px;
}
}
@media screen and (min-width: 1024px) {
.block.clients p {
margin-bottom: 80px;
}
}
.block.clients .cols {
text-align: center;
align-items: center;
}
.block.clients .col4 img {
max-width: 160px;
height: auto;
}
.block.clients .button {
margin-top: 30px;
}
@media screen and (min-width: 1024px) {
.block.clients {
padding-bottom: 60px;
}
.block.clients .col4 {
width: 16%;
}
.block.clients .button {
margin-top: 58px;
padding-left: 70px;
padding-right: 70px;
}
}
@media screen and (min-width: 480px) and (max-width: 1023px) {
.block.clients .cols {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.block.clients .col4 {
width: 46%;
}
.block.clients .col4 + .col4 + .col4 {
margin-top: 30px;
}
}
@media screen and (max-width: 479px) {
.block.clients .col4 + .col4 {
margin-top: 30px;
}
}
.block.case-intro {
background: linear-gradient(to top, rgba(6, 47, 94, 0.6), rgba(6, 47, 94, 0.6)), url(/local/templates/directline_2020/css/../images/dist/case-intro-bg.jpg) center no-repeat;
background-size: cover;
}
.block.case-intro hr {
opacity: 0.4;
}
@media screen and (min-width: 1024px) {
.block.case-intro {
padding-bottom: 20px;
}
.block.case-intro .flex {
display: flex;
justify-content: space-between;
align-items: flex-end;
flex-wrap: wrap;
}
}
@media screen and (max-width: 1023px) {
.block.case-intro .button {
margin-top: 15px;
}
}
.block.case-intro ul {
margin: 0;
}
@media screen and (min-width: 1024px) {
.block.what-we-done {
padding-top: 39px;
padding-bottom: 23px;
}
}
.block.what-we-done .statistic {
margin-top: 20px;
margin-bottom: 20px;
}
@media screen and (min-width: 1024px) {
.block.what-we-done .statistic {
margin-top: 28px;
margin-bottom: 52px;
}
}
.block.what-we-done .statistic th,
.block.what-we-done .statistic td {
width: 50%;
padding: 9px 30px 9px 50px;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
@media screen and (max-width: 1279px) {
.block.what-we-done .statistic th,
.block.what-we-done .statistic td {
padding: 9px 20px;
}
}
@media screen and (max-width: 479px) {
.block.what-we-done .statistic th,
.block.what-we-done .statistic td {
padding: 9px 10px;
}
}
@media screen and (max-width: 1023px) {
.block.what-we-done .statistic th:first-child,
.block.what-we-done .statistic td:first-child {
padding-left: 4.5%;
}
}
.block.what-we-done .statistic th {
vertical-align: bottom;
text-align: left;
border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
.block.what-we-done .statistic tr:last-child td {
border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
.block.what-we-done .statistic tr:hover td {
background-color: #bed65a;
}
.block.what-we-done .graphic {
width: 100%;
margin-top: 30px;
margin-bottom: 30px;
text-align: center;
}
@media screen and (min-width: 1024px) {
.block.what-we-done .graphic {
margin-top: 38px;
}
}
.relative {
position: relative;
}
.block.what-we-done .graphic td {
height: 42px;
border: 1px solid #e5e5e5;
width: 125px;
vertical-align: middle;
}
@media screen and (max-width: 1279px) {
.block.what-we-done .graphic td {
width: 112px;
}
}
@media screen and (max-width: 1023px) {
.block.what-we-done .graphic td {
width: calc((91vw - 64px) / 8);
height: 32px;
}
}
@media screen and (max-width: 479px) {
.block.what-we-done .graphic td {
width: calc((91vw - 84px) / 8);
height: 21px;
}
}
.block.what-we-done .graphic td:first-child,
.block.what-we-done .graphic td:last-child {
width: 52px;
}
@media screen and (max-width: 1023px) {
.block.what-we-done .graphic td:first-child,
.block.what-we-done .graphic td:last-child {
width: 32px;
}
}
.block.what-we-done .graphic td:first-child {
border-left: 0;
}
.block.what-we-done .graphic td:last-child {
border-right: 0;
}
.block.what-we-done .graphic tfoot td {
font-size: 13px;
font-weight: 700;
opacity: 0.5;
border: 0;
}
@media screen and (max-width: 1023px) {
.block.what-we-done .graphic tfoot td {
font-size: 10px;
text-transform: none;
}
}
@media screen and (max-width: 479px) {
.block.what-we-done .graphic tfoot td span {
transform: rotate(-90deg);
transform-origin: 0 0;
position: absolute;
background: #fff;
}
}
.block.what-we-done .graphic td span.y15,
.block.what-we-done .graphic td span.y14 {
font-size: 13px;
font-weight: 700;
position: relative;
display: inline-block;
}
.block.what-we-done .graphic td span.y15::before,
.block.what-we-done .graphic td span.y14::before {
width: 9px;
height: 9px;
top: 50%;
transform: translateY(-60%);
left: -17px;
position: absolute;
content: "";
}
.block.what-we-done .graphic td span.y15 {
margin-left: 17px;
}
.block.what-we-done .graphic td span.y14 {
margin-left: 45px;
}
.block.what-we-done .graphic td span.y15::before {
background-color: #d32e42;
}
.block.what-we-done .graphic td span.y14::before {
background-color: #4a90e2;
}
@media screen and (max-width: 1279px) {
.block.what-we-done .graphic td span.y14 {
margin-left: 35px;
}
}
@media screen and (max-width: 1023px) {
.block.what-we-done .graphic td span.y14 {
position: absolute;
left: 40px;
}
}
@media screen and (max-width: 479px) {
.block.what-we-done .graphic td span.y15 {
position: absolute;
left: -40px;
}
.block.what-we-done .graphic td span.y14 {
position: absolute;
left: 0;
}
}
.block.what-we-done .requests {
margin-top: 20px;
margin-bottom: 20px;
width: 100%;
}
@media screen and (min-width: 1024px) {
.block.what-we-done .requests {
margin-top: 22px;
margin-bottom: 38px;
}
}
.block.what-we-done .requests th,
.block.what-we-done .requests td {
padding: 9px 30px;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.block.what-we-done .requests th {
vertical-align: bottom;
text-align: left;
border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
.block.what-we-done .requests tr:last-child td {
border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
.block.what-we-done .requests th:first-child,
.block.what-we-done .requests td:first-child {
width: 50%;
padding-left: 50px;
}
@media screen and (max-width: 1279px) {
.block.what-we-done .requests th,
.block.what-we-done .requests td,
.block.what-we-done .requests th:first-child,
.block.what-we-done .requests td:first-child {
padding: 9px 20px;
}
}
@media screen and (max-width: 479px) {
.block.what-we-done .requests th,
.block.what-we-done .requests td,
.block.what-we-done .requests th:first-child,
.block.what-we-done .requests td:first-child {
padding: 9px 10px;
}
}
@media screen and (max-width: 1023px) {
.block.what-we-done .requests th:first-child,
.block.what-we-done .requests td:first-child {
padding-left: 4.5%;
}
}
.block.what-we-done .requests tr:hover td {
background-color: #bed65a;
}
.block.what-we-done .statistic th {
vertical-align: bottom;
text-align: left;
}
.block.what-we-done .statistic tr:hover td {
background-color: #bed65a;
}
.block.blockquote {
padding-top: 20px;
padding-bottom: 20px;
}
@media screen and (min-width: 1024px) {
.block.blockquote {
padding-top: 32px;
padding-bottom: 39px;
}
}
.block.case-team {
text-align: center;
}
@media screen and (min-width: 1024px) {
.block.what-we-done + .block.case-team {
margin-top: 35px;
}
.block.case-team {
padding-top: 34px;
padding-bottom: 53px;
}
}
.block.case-team p {
margin: 0;
font-size: 13px;
line-height: 21px;
}
.block.case-team p.name {
font-weight: 700;
text-transform: uppercase;
margin-top: 4px;
}
@media screen and (min-width: 1024px) {
.block.case-team + .block.our-works {
padding-top: 33px;
}
}
.remarketing-info p.margin-large {
margin: 5.2em 0;
}
.block.convers-info {
padding-bottom: 0;
}
.convers-info .title {
margin-bottom: 0;
}
.convers-info p.margin-large {
margin: 2.6em 0 1em;
}
@media screen and (min-width: 1024px) {
.block.analytics-bq + .block.our-works,
.block.web-development + .block.our-works,
.block.team + .block.our-works,
.block.blog + .block.our-works {
padding-top: 65px;
}
}
img.mfp-img {
padding: 10px;
margin: 40px auto;
background-color: #fff;
}
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
cursor: pointer;
}
.block.web-development .partners-wrap .logos {
margin-left: -13px;
}
.block.web-development .partners-wrap .logos img {
margin-left: 13px;
}
.coverflow .cover {
width: 63.6%;
}
.flipster {
overflow-y: hidden !important;
}
.flipster ul {
list-style: none;
margin: 0;
padding: 0;
}
.flipster ul li,
.flipster ul li + li {
margin-top: 0;
}
.flipster ul li::before {
content: "";
}
.block.web-development .flipster a {
opacity: 1;
}
.block.web-development .flipster {
padding-bottom: 20px;
margin-top: 30px;
}
.block.web-development .flipster .item {
outline: none;
}
.block.web-development .flipster .item.flipster__item--current {
margin: 0;
}
.block.web-development .flipster .item .caption {
text-align: center;
min-height: 40px;
margin-top: 15px;
text-transform: uppercase;
font-weight: 700;
font-size: 13px;
}
.block.web-development .flipster--flat .flipster__item--past .flipster__item__content,
.block.web-development .flipster--flat .flipster__item--future .flipster__item__content {
transform: scale(0.6) !important;
}
.block.web-development .flipster--flat .flipster__item--past,
.block.web-development .flipster--flat .flipster__item--future {
cursor: default;
opacity: 1 !important;
}
.block.web-development .flipster--flat .flipster__item--past-1 .flipster__item__content,
.block.web-development .flipster--flat .flipster__item--future-1 .flipster__item__content,
.block.web-development .flipster--flat .flipster__item--current .flipster__item__content {
opacity: 1 !important;
}
.block.web-development .flipster .item .inner {
margin: 0 auto;
max-width: 70vw;
}
.flipster--flat .flipster__item__content {
margin: 0 20px;
opacity: 0 !important;
transition: opacity 0.4s ease;
}
@media screen and (max-width: 1023px) {
.coverflow .cover {
width: 63.6%;
margin-left: 18.2%;
}
}
.coverflow .cover .cover-item,
.coverflow .cover .cover-item img {
width: 100%;
}
.coverflow .cover-item:hover {
opacity: 1;
}
.coverflow .cover p {
text-align: center;
font-size: 13px;
line-height: 21px;
font-weight: 700;
text-transform: uppercase;
margin-top: 20px;
}
@media screen and (min-width: 1024px) {
.block.inner-seo {
padding-bottom: 60px;
}
.block.inner-seo-principles .cols {
margin-top: 47px;
}
}
.block.team .col3 img {
border-radius: 50%;
width: 168px;
height: 168px;
margin-bottom: 11px;
}
.block.team .col3 p {
font-size: 13px;
line-height: 21px;
margin: 0 auto;
text-transform: uppercase;
max-width: 250px;
}
@media screen and (min-width: 1024px) {
.block.team {
padding-bottom: 53px;
}
}
.block.blog .blog-item {
margin-top: 30px;
display: flex;
align-items: flex-start;
flex-wrap: wrap;
}
@media screen and (min-width: 1024px) {
.block.blog .blog-item {
margin-top: 56px;
}
}
.block.blog .blog-item .preview {
width: 100%;
height: 198px;
background-size: cover;
background-position: center;
z-index: 2;
display: block;
}
@media screen and (min-width: 1024px) {
.block.blog .blog-item {
flex-wrap: nowrap;
}
.block.blog .blog-item .preview {
min-width: 35%;
width: 35%;
margin: 0 45px 0 -45px;
height: 198px;
}
}
@media screen and (min-width: 1024px) and (max-width: 1279px) {
.block.blog .blog-item .preview {
margin: 0 45px 0 10px !important;
}
}
.block.blog .blog-item .preview:hover {
opacity: 1;
}
.block.blog .blog-item .preview::after {
position: absolute;
content: "";
top: 0;
right: 0;
bottom: 0;
left: 0;
background: rgba(0, 0, 0, 0.2);
}
.block.blog .blog-item .preview:hover::after {
background: none;
}
.block.blog .blog-item .preview + .text {
margin-top: 10px;
}
@media screen and (min-width: 1024px) {
.block.blog .blog-item .preview + .text {
margin-top: 0px;
}
}
.block.blog .blog-item .heading {
margin-bottom: 15px;
font: 700 25px/27px "PFRegalTextPro";
display: block;
}
@media screen and (min-width: 1024px) {
.block.blog .blog-item .heading,
.block.blog .blog-item .intro {
margin-bottom: 20px;
}
}
.block.blog .blog-item + .blog-item {
margin-top: 26px;
}
@media screen and (min-width: 1024px) {
.block.blog .blog-item + .blog-item {
margin-top: 66px;
}
.block.blog h2 + .blog-item {
margin-top: 36px;
}
}
.block.blog .button.border {
margin-top: 30px;
min-width: 260px;
background: #fff;
padding-top: 11px;
padding-bottom: 9px;
}
@media screen and (min-width: 1024px) {
.block.blog .button.border {
margin-top: 69px;
}
}
.block.blog-post {
padding-bottom: 0;
}
@media screen and (min-width: 1024px) {
.block.blog-post {
padding-top: 0;
}
}
.block.blog-post .info {
display: flex;
align-items: center;
color: #999;
}
.block.blog-post .info a {
color: #999;
}
.block.blog-post .info img {
min-width: 57px;
width: 57px;
height: 57px;
border-radius: 50%;
margin-right: 19px;
}
.block.blog-post .info span {
color: #000;
text-transform: uppercase;
}
@media screen and (min-width: 1024px) {
.block.blog-post .intro {
margin-bottom: 44px;
}
}
.block.blog-post .blog-image {
margin-bottom: 15px;
}
@media screen and (min-width: 1024px) {
.block.blog-post .blog-image {
float: left;
margin-right: 40px;
margin-bottom: 30px;
max-width: 50%;
}
}
.social-block.socials {
display: flex;
flex-wrap: wrap;
margin-top: 30px;
}
.social-block.socials .add-comment,
.social-block.socials .follow {
width: 100%;
}
@media screen and (min-width: 1024px) {
.social-block.socials {
margin-top: 47px;
justify-content: space-between;
}
.social-block.socials .add-comment {
width: 64%;
}
.social-block.socials .follow:after {
content: "";
display: table;
clear: both;
}
}
@media screen and (max-width: 1023px) {
.social-block.socials .add-comment + .follow {
margin-top: 30px;
}
}
.social-block.socials .title {
font-size: 13px;
font-weight: 700;
line-height: 21px;
text-transform: uppercase;
text-align: center;
}
.social-block.socials .fb-comment-icon,
.social-block.socials .vk-comment-icon {
width: 48px;
height: 48px;
background-position: 0 0;
background-size: 48px 96px;
}
.social-block.socials .fb-comment-icon {
background-image: url(/local/templates/directline_2020/css/../images/vector-icons/fb-comment-icon.svg);
}
.social-block.socials .vk-comment-icon {
background-image: url(/local/templates/directline_2020/css/../images/vector-icons/vk-comment-icon.svg);
}
.social-block.socials .active .fb-comment-icon,
.social-block.socials .active .vk-comment-icon {
background-position: 0 -48px;
}
.social-block.socials .js-tabs {
display: flex;
flex-wrap: wrap;
}
.social-block.socials .js-tabs .js-caption {
cursor: pointer;
}
.social-block.socials .js-tabs .vk-comment-icon {
margin-left: 24px;
}
.social-block.socials .js-tabs .js-tab:not(.active) {
display: none;
}
.social-block.socials .js-tabs .js-tab {
width: 100%;
margin-top: 30px;
}
.social-block.socials .follow .social-links {
width: 50%;
margin-top: 30px;
display: flex;
float: left;
justify-content: flex-end;
}
.social-block.socials .follow .subscribe-wrap {
width: 50%;
float: right;
}
@media screen and (max-width: 1023px) {
.social-block.socials .follow .social-links {
float: none;
width: 100%;
justify-content: center;
}
.social-block.socials .follow .subscribe-wrap {
float: none;
width: 100%;
}
.social-block.socials .follow .social-links .link {
margin-left: 50px;
margin-right: -20px;
}
}
.social-block.socials .follow .social-links .link {
background-image: url(/local/templates/directline_2020/css/../images/vector-icons/social-icons.svg);
background-size: 144px 48px;
width: 48px;
height: 48px;
margin-left: 31px;
margin-right: 31px;
}
.social-block.socials .follow .social-links .link:last-of-type {
margin-right: 62px;
}
@media screen and (max-width: 1023px) {
.social-block.socials .follow .social-links .link {
margin-left: 0px;
}
.social-block.socials .follow .social-links .link:last-of-type {
margin-right: 0px;
}
}
.social-block.socials .follow .social-links .link + .link {
}
.social-block.socials .follow .social-links .link.fb {
background-position: 0 0;
}
.social-block.socials .follow .social-links .link.vk {
background-position: -48px 0;
}
.social-block.socials .follow .social-links .link.tw {
background-position: -96px 0;
}
.social-block.socials .follow .subscribe form {
margin-top: 30px;
display: flex;
max-width: 100%;
}
.social-block.socials .follow .subscribe input,
.social-block.socials .follow .subscribe button {
height: 46px;
font-size: 13px;
text-transform: uppercase;
}
.social-block.socials .follow .subscribe input {
width: 230px;
margin-right: 12px;
}
@media screen and (max-width: 1023px) {
.social-block.socials .follow .subscribe input {
width: 100%;
}
}
.social-block.socials .follow .subscribe button {
background-color: white;
border: 1px solid rgba(0, 0, 0, 0.2);
box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.05), 0px 1px 0px 0px rgba(0, 0, 0, 0.1);
border-radius: 4px;
cursor: pointer;
outline: none;
box-shadow: none;
padding: 7px 10px 6px;
}
@media screen and (min-width: 1024px) {
.block.more-blog-posts {
padding-top: 30px;
padding-bottom: 45px;
}
}
.block.more-blog-posts .col3 {
font-size: 13px;
line-height: 21px;
padding: 22px 15px;
min-height: 198px;
box-sizing: border-box;
font-weight: 700;
background-color: #bbb;
background-size: cover;
background-position: center;
position: relative;
display: block;
}
.block.more-blog-posts .col3::after {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: rgba(255, 255, 255, 0.8);
}
.block.more-blog-posts span {
position: relative;
z-index: 2;
}
@media screen and (min-width: 1024px) {
.block.more-blog-posts .col3 {
width: 340px;
max-width: 32%;
}
.block.more-blog-posts hr {
margin-top: 32px;
}
}
.block.more-blog-posts hr {
margin-bottom: 20px;
}
@media screen and (min-width: 1024px) {
.block.more-blog-posts ~ .block.partners {
padding-top: 20px;
}
}
.block.fake-map {
color: #ffffff;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
background-image: linear-gradient(to top, rgba(10, 42, 58, 0.8), rgba(10, 42, 58, 0.8)), url(/local/templates/directline_2020/css/../images/dist/office_img.jpg);
}
.content-fake-map {
width: 820px;
margin: 100px auto;
display: flex;
justify-content: space-between;
align-items: center;
}
.block.fake-map .col2 {
margin-bottom: 30px;
}
@media all and (max-width: 900px) {
.content-fake-map {
width: auto;
margin: 50px 0;
flex-direction: column;
align-items: flex-start;
}
}
@media all and (max-width: 700px) {
.content-fake-map {
width: auto;
margin: 0;
flex-direction: column;
align-items: flex-start;
}
.block.fake-map .col2 {
margin-bottom: 20px;
}
}
.block.fake-map a {
color: #ffffff;
}
.block.fake-map {
padding-top: 60px;
height: 50vw;
min-height: 300px;
max-height: 453px;
box-sizing: border-box;
}
.block.map {
padding-top: 60px;
height: 50vw;
min-height: 300px;
max-height: 661px;
box-sizing: border-box;
}
.block.map .map {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
}
.block.map .gradient {
width: 100%;
height: 61px;
background: linear-gradient(180deg, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));
background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));
margin-top: -61px;
position: relative;
}
.block.map .map-info-box {
margin-left: 60px;
font-size: 18px;
color: #d32e42;
font-weight: 700;
line-height: 25px;
width: auto !important;
font-family: "FiraSans";
}
.block.map .cols {
margin-top: 17px;
}
.block.map .location {
font-size: 17px;
line-height: 25px;
font-weight: 700;
text-transform: uppercase;
}
.block.map .phone {
font: 700 26px/1 "PFRegalTextPro";
margin-top: 4px;
}
@media screen and (min-width: 1024px) {
.block.map .phone {
font-size: 40px;
}
}
@media screen and (max-width: 479px) {
.block.map .phone {
font-size: 18px;
}
.block.map .map-info-box {
margin-left: -30px;
top: 170px;
font-size: 13px;
line-height: 20px;
}
}
.block.send-request {
margin-top: 20px;
}
@media screen and (min-width: 1024px) {
.block.send-request input[type="text"],
.block.send-request .item,
.modal-form input[type="text"],
.modal-form .item {
width: 49%;
}
.block.send-request .item input[type="text"],
.modal-form .item input[type="text"] {
width: 100%;
}
.block.send-request .row,
.modal-form .row {
display: flex;
justify-content: space-between;
}
}
@media screen and (max-width: 1023px) {
.block.send-request .item + .item,
.modal-form .item + .item {
margin-top: 20px;
}
}
.block.send-request button,
.modal-form button:not(.mfp-close) {
width: 100%;
}
.block.send-request label,
.modal-form label {
display: block;
}
.block.send-request .row + label,
.block.send-request input + label,
.block.send-request .row + .row,
.modal-form .row + .row,
.modal-form .row + label,
.modal-form input + label {
margin-top: 20px;
}
.block.send-request input.error,
.modal-form input.error {
border: 2px solid #d32e42;
padding: 6px 10px 5px;
}
.block.send-request label.error,
.modal-form label.error {
color: #d32e42;
}
.modal-form label i {
color: #d32e42;
font-style: normal;
}
.block.contact-info .cols {
margin-top: 14px;
}
@media screen and (min-width: 1024px) {
.modal-form {
padding: 45px;
}
.modal-form.white-popup {
padding: 70px 100px 57px;
}
.modal-form.white-popup.success {
padding: 70px 61px 67px;
}
}
.modal-form input[type="file"],
.inline-site-form input[type="file"] {
position: absolute;
left: -9999px;
}
.modal-form .button.border {
height: 36px;
width: 100%;
margin-bottom: 10px;
}
@media screen and (min-width: 1024px) {
.modal-form .button.border,
.inline-site-form .button.border {
width: 49%;
margin-bottom: 20px;
}
}
.inline-site-form .button.attach-file {
padding: 5px 97px 20px 97px;
height: 36px;
}
.modal-form .file-name,
.inline-site-form .file-name {
text-align: left;
line-height: 36px;
}
@media screen and (min-width: 1024px) {
.modal-form .file-name,
.inline-site-form .file-name {
width: 49%;
margin-top: 20px;
margin-bottom: 20px;
}
}
.button.floating {
position: fixed;
bottom: 45px;
z-index: 10;
right: 45px;
display: none;
background: #bed65a;
box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.06), 5px 5px 0px 0px rgba(0, 0, 0, 0.06), 0px 0px 0px 1px rgba(0, 0, 0, 0.06);
border-radius: 4px;
padding-top: 16px;
padding-bottom: 16px;
padding-left: 16px;
padding-right: 16px;
}
.button.floating:not(:hover) {
width: 64px;
height: 64px;
}
.button.floating i {
margin-right: 0;
display: inline-block;
position: static;
}
.button.floating:not(:hover) span {
display: none;
}
.block.principle-wrap .button.floating {
overflow: hidden;
}
.block.principle-wrap .button.floating:not(:hover) {
padding-left: 10px;
padding-right: 10px;
border-top-left-radius: 50%;
border-top-right-radius: 50%;
}
.block.principle-wrap .button.floating:hover {
opacity: 1;
}
.owl-carousel2 .owl-prev {
left: -76px;
background: url(/local/templates/directline_2020/css/../images/arrows/la.png) !important;
width: 46px;
height: 92px;
display: block;
position: absolute;
top: 50%;
margin-top: -86px;
opacity: 0.5;
transition: opacity 0.3s ease-in;
}
.owl-carousel2 .owl-next {
right: -76px;
background: url(/local/templates/directline_2020/css/../images/arrows/ra.png) !important;
width: 46px;
height: 92px;
display: block;
position: absolute;
top: 50%;
margin-top: -86px;
opacity: 0.5;
transition: opacity 0.3s ease-in;
}
.owl-carousel3 .owl-prev {
left: -46px;
background: url(/local/templates/directline_2020/css/../images/arrows/laaaaaaaa-3.jpg) no-repeat !important;
width: 46px;
height: 92px;
display: block;
position: absolute;
top: 50%;
margin-top: -36px;
opacity: 0.5;
transition: opacity 0.3s ease-in;
}
.owl-carousel3 .owl-next {
right: -106px;
background: url(/local/templates/directline_2020/css/../images/arrows/raaaaaaaa-3.jpg) no-repeat !important;
width: 46px;
height: 92px;
display: block;
position: absolute;
top: 50%;
margin-top: -36px;
opacity: 0.5;
transition: opacity 0.3s ease-in;
}
.seo-case-slider-wrap {
background: #bed65a;
position: relative;
}
.seo-case-slider .owl-prev,
.seo-case-slider .owl-next {
width: 46px;
height: 92px;
display: block;
position: absolute;
top: 50%;
margin-top: -46px;
opacity: 0.5;
transition: opacity 0.3s ease-in;
}
.seo-case-slider-wrap:hover .owl-prev,
.seo-case-slider-wrap:hover .owl-next {
opacity: 1;
}
.seo-case-slider .owl-prev {
background: url(/local/templates/directline_2020/css/../images/arrows/la.svg);
left: 0;
}
.seo-case-slider .owl-next {
background: url(/local/templates/directline_2020/css/../images/arrows/ra.svg);
right: 0;
}
.web_size_block .seo-case-slider .owl-prev {
background: url(/local/templates/directline_2020/css/../images/arrows/la.png) !important;
top: 200px;
}
.web_size_block .seo-case-slider .owl-next {
background: url(/local/templates/directline_2020/css/../images/arrows/ra.png) !important;
top: 200px;
}
@media screen and (min-width: 1280px) {
.seo-case-slider .owl-prev {
left: -46px;
}
.seo-case-slider .owl-next {
right: -46px;
}
}
@media screen and (min-width: 1366px) {
.seo-case-slider .owl-prev {
left: -92px;
}
.seo-case-slider .owl-next {
right: -92px;
}
}
.seo-case-slider .owl-prev:hover,
.seo-case-slider .owl-next:hover {
opacity: 0.8;
}
.case-slide__title,
.case-slide__title_all_width {
font-family: FiraSans-Bold;
font-size: 1.47em;
color: #000000;
line-height: 1;
min-height: 2em;
padding: 0 1em;
}
@media screen and (min-width: 1280px) {
.case-slide__title,
.case-slide__title_all_width {
padding: 0;
}
}
@media screen and (min-width: 1366px) {
.case-slide__title,
.case-slide__title_all_width {
padding: 0;
}
}
.seo-case-slider .owl-dots {
text-align: center;
margin-top: 20px;
}
.seo-case-slider .owl-dot {
display: inline-block;
}
.seo-case-slider .owl-dot span {
width: 12px;
height: 12px;
margin: 5px 7px;
opacity: 0.1;
background: #000000;
display: block;
transition: opacity 200ms ease;
border-radius: 6px;
}
.seo-case-slider .owl-dot:hover span {
opacity: 0.5;
}
.seo-case-slider .owl-dot.active span {
background: #ffffff;
opacity: 1;
}
.case-slide__note {
font-family: "FiraSans-Light";
padding: 0 10px;
}
@media screen and (min-width: 1280px) {
.case-slide__note {
padding: 0;
}
}
@media screen and (min-width: 1366px) {
.case-slide__note {
padding: 0;
}
}
.block.instagram-new {
padding: 0;
display: flex;
flex-wrap: nowrap;
flex-direction: row;
}
.insta-item {
order: 1;
-ms-flex: 1 0 auto;
flex: 1;
}
.insta-link {
order: 2;
flex-shrink: 0;
padding-left: 4.5%;
padding-right: 4.5%;
box-sizing: border-box;
width: 236px;
min-width: 236px;
max-width: 236px;
display: flex;
background: #f3f1ed;
flex-direction: row;
}
.insta-link-inner-wrap {
align-items: center;
text-transform: uppercase;
font-size: 13px;
display: flex;
line-height: 1.6;
align-self: center;
}
.insta-link-inner-wrap .icon-s-tw {
display: inline-block;
flex-shrink: 0;
margin-right: 10px;
}
.insta-item-img {
display: none;
}
@media screen and (max-width: 479px) {
.insta-item-img:nth-of-type(-n + 4) {
display: block;
width: 33%;
}
.block.instagram-new {
flex-wrap: wrap;
}
.insta-link {
padding-top: 20px;
padding-bottom: 20px;
width: 100%;
max-width: none;
}
.insta-item {
flex-basis: auto;
}
}
@media screen and (min-width: 480px) and (max-width: 1023px) {
.insta-item-img:nth-of-type(-n + 6) {
display: block;
width: 20%;
}
.block.instagram-new {
flex-wrap: wrap;
}
.insta-link {
padding-top: 20px;
padding-bottom: 20px;
width: 100%;
max-width: none;
}
.insta-item {
flex-basis: auto;
}
}
@media screen and (min-width: 1024px) {
.insta-item-img:nth-of-type(-n + 7) {
display: block;
}
.insta-link {
padding-left: 43px;
padding-right: 43px;
}
}
@media screen and (min-width: 1280px) {
.insta-item-img:nth-of-type(-n + 9) {
display: block;
}
}
@media screen and (min-width: 1366px) {
.insta-item-img:nth-of-type(-n + 10) {
display: block;
}
}
.vacancy-subscribe {
background: #f3f1ed;
}
.vacancy-subscribe-wrapper {
background-attachment: scroll, scroll;
background-clip: border-box, border-box;
background-color: rgba(0, 0, 0, 0);
background-image: linear-gradient(to top, rgba(10, 42, 58, 0.8), rgba(10, 42, 58, 0.8)), url(/local/templates/directline_2020/css/../images/vacancy_bg.jpg);
background-origin: padding-box, padding-box;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.vacancy-subscribe-block {
padding: 30px 0;
}
.vacancy-subscribe-block__title {
color: #fff;
}
.vacancy-subscribe-block__box {
display: flex;
}
.vacancy-subscribe-block__subtitle {
width: 70%;
color: #fff;
}
.vacancy-subscribe-block__button {
height: 44px;
background: #fc1e2b;
padding: 12px 36px;
margin-left: 40px;
}
@media (max-width: 1024px) {
.vacancy-subscribe-block__box {
flex-direction: column;
}
.vacancy-subscribe-block__subtitle {
width: 100%;
}
.vacancy-subscribe-block__button {
margin-top: 16px;
margin-left: 0;
}
}
.vacancy-subscribe .button {
font-weight: 700;
padding-top: 21px;
padding-bottom: 21px;
}
.partners-wrap.compact .logos .item img {
filter: url("data:image/svg+xml;utf8,#grayscale"); /* Firefox 10+ */
-webkit-filter: grayscale(1);
filter: grayscale(1);
-webkit-backface-visibility: hidden;
filter: gray;
}
.partners-wrap.compact .logos .item:hover img {
filter: url("data:image/svg+xml;utf8,#grayscale");
-webkit-filter: grayscale(0);
filter: grayscale(0);
}
.join-us-link {
display: inline-block;
}
@media screen and (max-width: 479px) {
.float-btn {
display: none !important;
}
}
.float-btn {
z-index: 40;
position: fixed;
right: 45px;
bottom: 145px;
background: #bed65a;
box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.06), 5px 5px 0px 0px rgba(0, 0, 0, 0.06), 0px 0px 0px 1px rgba(0, 0, 0, 0.06);
border-radius: 4px;
overflow: hidden;
display: none;
vertical-align: top;
}
.float-btn .ready-note {
display: none;
height: 64px;
vertical-align: top;
background: #fff;
line-height: 64px;
text-transform: uppercase;
font-size: 13px;
font-weight: bold;
padding-left: 15px;
padding-right: 15px;
}
.float-btn:hover .ready-note {
display: inline-block;
}
.float-btn .icon-wrap {
display: inline-block;
height: 64px;
width: 64px;
vertical-align: top;
}
.float-btn .icon-wrap i {
display: inline-block;
margin-top: 16px;
margin-left: 16px;
position: static;
}
iframe[name="google_conversion_frame"] {
height: 0 !important;
width: 0 !important;
line-height: 0 !important;
font-size: 0 !important;
margin-top: -13px;
float: left;
}
@media all and (max-width: 450px) {
.cols .logos {
text-align-last: center !important;
text-align: center !important;
}
.cols .logos .item {
padding-top: 30px;
padding-right: 13px;
max-width: 120px;
}
.cols .logos.resizing .item {
max-width: 100px;
padding-right: 36px;
}
}
@media all and (max-width: 345px) {
.cols .logos .item {
padding-top: 30px;
padding-right: 10px !important;
max-width: 100px !important;
}
}
.cols .logos {
text-align: center;
text-align-last: center;
line-height: 90px;
}
.cols .logos .item {
padding-top: 30px;
padding-right: 8%;
}
.logos-large {
display: flex;
align-items: center;
justify-content: space-around;
flex-wrap: wrap;
}
.logos-large .item {
margin: 10px 3% 3% 3%;
max-width: 150px;
}
.logos-large .item:first-child {
margin-left: 0;
}
.logos-large .item:last-child {
margin-right: 0;
}
@media all and (max-width: 1279px) {
.logos-large .item {
max-width: 120px;
}
}
@media all and (max-width: 971px) {
.logos-large .item {
max-width: 100px;
}
}
@media all and (max-width: 812px) {
.logos-large .item {
max-width: 80px;
}
}
@media all and (max-width: 653px) {
.logos-large .item {
max-width: 60px;
margin: 0 10px 3% 0;
}
}
.caption-left {
font-style: italic;
text-align: left;
padding-left: 5%;
}
.graphic {
max-width: 1190px;
}
.caption-right {
font-style: italic;
color: #b7b7b7;
float: right;
width: 45%;
text-align: center;
height: 60px;
}
@media screen and (max-width: 1024px) {
.info-float {
display: none !important;
}
.logo-float {
display: block !important;
margin-left: 30px;
}
.cons-button {
position: absolute;
right: 0px;
bottom: 0px;
}
}
@media screen and (max-width: 680px) {
.logo-float {
display: none !important;
}
.cons-button {
position: static;
margin-top: -2px !important;
margin-left: 24px !important;
}
}
@media screen and (min-width: 1024px) {
.page-wrapper,
.page-wrapper + .footer {
overflow: visible !important;
}
}
.image-wrap-small {
height: 84px;
#margin-bottom: 20px;
margin-bottom: 0px;
}
.imgmrg {
margin: 10px 0 10px 0;
}
div.block.with-bc.grey.inner-seo {
margin-bottom: 0px;
}
.image-wrap {
#margin-left: 10px !important;
margin-top: 0px !important;
text-align: center;
}
@media (max-width: 1023px) {
.image-wrap-small {
margin-bottom: 20px !important;
}
div.h2med {
margin-bottom: 10px;
}
div.block.with-bc.grey.inner-seo {
padding-bottom: 20px;
}
.imgmrg {
margin: 0 15px 15px 15px;
}
}
@media (max-width: 864px) {
.image-wrap {
width: 30%;
}
}
@media (max-width: 425px) {
.image-wrap {
width: 45%;
}
}
span.place {
font-size: 17px;
color: #d32e42;
display: block;
}
.seonews {
#margin-bottom: -13px;
height: 54px;
}
.cms-magazine {
#margin-bottom: -4px;
height: 63px;
}
.green_zayavka {
display: block;
background-color: #bed65a;
text-align: center;
text-transform: uppercase;
color: white;
font-weight: 500;
padding: 3px 0 2px 0;
font-size: 12px;
}
.i.toolt-1::before,
.icon-tool-1 {
background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3Csvg%20height%3D%2248%22%20width%3D%2248%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%3E%20%20%20%20%3Cpath%20stroke-linejoin%3D%22round%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%20stroke%3D%22%23000000%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20d%3D%22M%2041%2019%20L%201%2019%20L%201%201%20L%2041%201%20L%2047%2010%20L%2041%2019%20L%2041%2019%20Z%20M%2041%2019%22%20%2F%3E%20%20%20%20%3Cpath%20stroke-linejoin%3D%22round%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%20stroke%3D%22%23000000%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20d%3D%22M%209%2043%20L%2047%2043%22%20%2F%3E%20%20%20%20%3Cpath%20stroke-linejoin%3D%22round%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%20stroke%3D%22%23000000%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20d%3D%22M%209%2047%20L%2026%2047%22%20%2F%3E%20%20%20%20%3Cpath%20stroke-linejoin%3D%22round%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%20stroke%3D%22%23000000%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20d%3D%22M%209%2029%20L%2043%2029%22%20%2F%3E%20%20%20%20%3Cpath%20stroke-linejoin%3D%22round%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%20stroke%3D%22%23000000%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20d%3D%22M%209%2033%20L%2026%2033%22%20%2F%3E%20%20%20%20%3Cpath%20stroke-linejoin%3D%22round%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%20stroke%3D%22%23000000%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20d%3D%22M%201%2029%20L%203%2029%22%20%2F%3E%20%20%20%20%3Cpath%20stroke-linejoin%3D%22round%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%20stroke%3D%22%23000000%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20d%3D%22M%201%2043%20L%203%2043%22%20%2F%3E%20%20%20%20%3Cpath%20stroke-linejoin%3D%22round%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%20stroke%3D%22%23000000%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20d%3D%22M%2037%209%20C%2037%2010.66%2035.66%2012%2034%2012%20C%2032.34%2012%2031%2010.66%2031%209%20C%2031%207.34%2032.34%206%2034%206%20C%2035.66%206%2037%207.34%2037%209%20L%2037%209%20Z%20M%2037%209%22%20%2F%3E%20%20%20%20%3Cpath%20stroke-linejoin%3D%22round%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%20stroke%3D%22%23000000%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20d%3D%22M%2037%2012%20L%2039%2014%22%20%2F%3E%3C%2Fsvg%3E");
background-repeat: no-repeat;
background-size: 100%;
width: 55px;
height: 55px;
}
.i.toolt-2::before,
.icon-tool-2 {
background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3Csvg%20height%3D%2248%22%20width%3D%2248%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%3E%20%20%20%20%3Cpath%20stroke-linejoin%3D%22round%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%20stroke%3D%22%23000000%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20d%3D%22M%2035%2030%20L%2047%2042%20L%2042%2047%20L%2030%2035%20L%2025%2045%20L%2016%2016%20L%2045%2026%20L%2035%2030%20L%2035%2030%20Z%20M%2035%2030%22%20%2F%3E%20%20%20%20%3Cpath%20stroke-linejoin%3D%22round%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%20stroke%3D%22%23000000%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20d%3D%22M%2020%201%20L%2020%205%22%20%2F%3E%20%20%20%20%3Cpath%20stroke-linejoin%3D%22round%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%20stroke%3D%22%23000000%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20d%3D%22M%205%2020%20L%201%2020%22%20%2F%3E%20%20%20%20%3Cpath%20stroke-linejoin%3D%22round%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%20stroke%3D%22%23000000%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20d%3D%22M%207%207%20L%2010%2010%22%20%2F%3E%20%20%20%20%3Cpath%20stroke-linejoin%3D%22round%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%20stroke%3D%22%23000000%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20d%3D%22M%2010%2030%20L%207%2033%22%20%2F%3E%20%20%20%20%3Cpath%20stroke-linejoin%3D%22round%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%20stroke%3D%22%23000000%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20d%3D%22M%2033%207%20L%2030%2010%22%20%2F%3E%3C%2Fsvg%3E");
background-repeat: no-repeat;
background-size: 100%;
width: 55px;
height: 55px;
}
.i.toolt-3::before,
.icon-tool-3 {
background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3Csvg%20height%3D%2248%22%20width%3D%2248%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%3E%20%20%20%20%3Cpath%20stroke-linejoin%3D%22round%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%20stroke%3D%22%23000000%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20d%3D%22M%2045.19%2015.05%20C%2046.36%2017.8%2047%2020.82%2047%2024%20C%2047%2027.18%2046.36%2030.2%2045.19%2032.95%20C%2044.03%2035.7%2042.34%2038.18%2040.26%2040.26%20C%2038.18%2042.34%2035.7%2044.03%2032.95%2045.19%20C%2030.2%2046.36%2027.18%2047%2024%2047%20C%2020.82%2047%2017.8%2046.36%2015.05%2045.19%20C%2012.3%2044.03%209.82%2042.34%207.74%2040.26%20C%205.66%2038.18%203.97%2035.7%202.81%2032.95%20C%201.64%2030.2%201%2027.18%201%2024%20C%201%2020.82%201.64%2017.8%202.81%2015.05%20C%203.97%2012.3%205.66%209.82%207.74%207.74%20C%209.82%205.66%2012.3%203.97%2015.05%202.81%20C%2017.8%201.64%2020.82%201%2024%201%20C%2027.18%201%2030.2%201.64%2032.95%202.81%22%20%2F%3E%20%20%20%20%3Cpath%20stroke-linejoin%3D%22round%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%20stroke%3D%22%23000000%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20d%3D%22M%2047%201%20L%2021%2020%20L%2021.01%2020.01%20C%2019.8%2020.93%2019%2022.36%2019%2024%20C%2019%2026.76%2021.24%2029%2024%2029%20C%2025.64%2029%2027.07%2028.2%2027.99%2026.99%20L%2028%2027%20L%2047%201%20L%2047%201%20Z%20M%2047%201%22%20%2F%3E%20%20%20%20%3Cpath%20stroke-linejoin%3D%22round%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%20stroke%3D%22%23231f20%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20d%3D%22M%2024%205%20L%2024%208%22%20%2F%3E%20%20%20%20%3Cpath%20stroke-linejoin%3D%22round%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%20stroke%3D%22%23231f20%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20d%3D%22M%2043%2024%20L%2040%2024%22%20%2F%3E%20%20%20%20%3Cpath%20stroke-linejoin%3D%22round%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%20stroke%3D%22%23231f20%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20d%3D%22M%208%2024%20L%205%2024%22%20%2F%3E%20%20%20%20%3Cpath%20stroke-linejoin%3D%22round%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%20stroke%3D%22%23231f20%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20d%3D%22M%2011%2011%20L%2013%2013%22%20%2F%3E%20%20%20%20%3Cpath%20fill%3D%22%23231f20%22%20fill-rule%3D%22evenodd%22%20d%3D%22M%208%2016%20C%207.45%2016%207%2016.45%207%2017%20C%207%2017.55%207.45%2018%208%2018%20C%208.55%2018%209%2017.55%209%2017%20C%209%2016.45%208.55%2016%208%2016%22%20%2F%3E%20%20%20%20%3Cpath%20fill%3D%22%23231f20%22%20fill-rule%3D%22evenodd%22%20d%3D%22M%2017%207%20C%2016.45%207%2016%207.45%2016%208%20C%2016%208.55%2016.45%209%2017%209%20C%2017.55%209%2018%208.55%2018%208%20C%2018%207.45%2017.55%207%2017%207%22%20%2F%3E%20%20%20%20%3Cpath%20fill%3D%22%23231f20%22%20fill-rule%3D%22evenodd%22%20d%3D%22M%2031%207%20C%2030.45%207%2030%207.45%2030%208%20C%2030%208.55%2030.45%209%2031%209%20C%2031.55%209%2032%208.55%2032%208%20C%2032%207.45%2031.55%207%2031%207%22%20%2F%3E%20%20%20%20%3Cpath%20fill%3D%22%23231f20%22%20fill-rule%3D%22evenodd%22%20d%3D%22M%2040%2016%20C%2039.45%2016%2039%2016.45%2039%2017%20C%2039%2017.55%2039.45%2018%2040%2018%20C%2040.55%2018%2041%2017.55%2041%2017%20C%2041%2016.45%2040.55%2016%2040%2016%22%20%2F%3E%20%20%20%20%3Cpath%20fill%3D%22%23231f20%22%20fill-rule%3D%22evenodd%22%20d%3D%22M%208%2030%20C%207.45%2030%207%2030.45%207%2031%20C%207%2031.55%207.45%2032%208%2032%20C%208.55%2032%209%2031.55%209%2031%20C%209%2030.45%208.55%2030%208%2030%22%20%2F%3E%20%20%20%20%3Cpath%20fill%3D%22%23231f20%22%20fill-rule%3D%22evenodd%22%20d%3D%22M%2040%2030%20C%2039.45%2030%2039%2030.45%2039%2031%20C%2039%2031.55%2039.45%2032%2040%2032%20C%2040.55%2032%2041%2031.55%2041%2031%20C%2041%2030.45%2040.55%2030%2040%2030%22%20%2F%3E%20%20%20%20%3Cpath%20stroke-linejoin%3D%22round%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%20stroke%3D%22%23231f20%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20d%3D%22M%2013%2035%20L%2011%2037%22%20%2F%3E%20%20%20%20%3Cpath%20stroke-linejoin%3D%22round%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%20stroke%3D%22%23231f20%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20d%3D%22M%2035%2035%20L%2037%2037%22%20%2F%3E%20%20%20%20%3Cpath%20stroke-linejoin%3D%22round%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%20stroke%3D%22%23231f20%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20d%3D%22M%2021%2037%20L%2027%2037%22%20%2F%3E%20%20%20%20%3Cpath%20fill%3D%22%23231f20%22%20fill-rule%3D%22evenodd%22%20d%3D%22M%2024%2023%20C%2023.45%2023%2023%2023.45%2023%2024%20C%2023%2024.55%2023.45%2025%2024%2025%20C%2024.55%2025%2025%2024.55%2025%2024%20C%2025%2023.45%2024.55%2023%2024%2023%22%20%2F%3E%3C%2Fsvg%3E");
background-repeat: no-repeat;
background-size: 100%;
width: 55px;
height: 55px;
}
.i.toolt-4::before,
.icon-tool-4 {
background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3Csvg%20height%3D%2248%22%20width%3D%2248%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%3E%20%20%20%20%3Cpath%20stroke-linejoin%3D%22round%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%20stroke%3D%22%23000000%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20d%3D%22M%2043%2035%20L%205%2035%20C%202.79%2035%201%2033.21%201%2031%20L%201%205%20C%201%202.79%202.79%201%205%201%20L%2043%201%20C%2045.21%201%2047%202.79%2047%205%20L%2047%2031%20C%2047%2033.21%2045.21%2035%2043%2035%20L%2043%2035%20Z%20M%2043%2035%22%20%2F%3E%20%20%20%20%3Cpath%20stroke-linejoin%3D%22round%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%20stroke%3D%22%23000000%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20d%3D%22M%2020%2043%20L%2028%2043%22%20%2F%3E%20%20%20%20%3Cpath%20stroke-linejoin%3D%22round%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%20stroke%3D%22%23000000%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20d%3D%22M%2031.75%2042.32%20L%2028%2035%20L%2020%2035%20L%2016.25%2042.32%20C%2016.09%2042.77%2016%2043.25%2016%2043.72%20L%2016%2045%20C%2016%2046.1%2016.9%2047%2018%2047%20L%2030%2047%20C%2031.1%2047%2032%2046.1%2032%2045%20L%2032%2043.72%20C%2032%2043.25%2031.91%2042.77%2031.75%2042.32%20L%2031.75%2042.32%20Z%20M%2031.75%2042.32%22%20%2F%3E%20%20%20%20%3Cpath%20stroke-linejoin%3D%22round%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%20stroke%3D%22%23000000%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20d%3D%22M%205%2027%20L%2043%2027%20L%2043%205%20L%205%205%20L%205%2027%20Z%20M%205%2027%22%20%2F%3E%20%20%20%20%3Cpath%20stroke-linejoin%3D%22round%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%20stroke%3D%22%23000000%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20d%3D%22M%2014%2019%20L%2011%2016%20L%2014%2013%22%20%2F%3E%20%20%20%20%3Cpath%20stroke-linejoin%3D%22round%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%20stroke%3D%22%23000000%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20d%3D%22M%2034%2019%20L%2037%2016%20L%2034%2013%22%20%2F%3E%3C%2Fsvg%3E");
background-repeat: no-repeat;
background-size: 100%;
width: 55px;
height: 55px;
}
.i.toolt-5::before,
.icon-tool-5 {
background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3Csvg%20height%3D%2248%22%20width%3D%2248%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%3E%20%20%20%20%3Cpath%20stroke-linejoin%3D%22round%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%20stroke%3D%22%23000000%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20d%3D%22M%203%201%20L%203%2047%22%20%2F%3E%20%20%20%20%3Cpath%20stroke-linejoin%3D%22round%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%20stroke%3D%22%23000000%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20d%3D%22M%201%2045%20L%2047%2045%22%20%2F%3E%20%20%20%20%3Cpath%20stroke-linejoin%3D%22round%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%20stroke%3D%22%23000000%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20d%3D%22M%207%2027%20L%2015%2019%20L%2023%2021%20L%2031%205%20L%2039%209%20L%2047%201%22%20%2F%3E%20%20%20%20%3Cpath%20stroke-linejoin%3D%22round%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%20stroke%3D%22%23000000%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20d%3D%22M%207%2039%20L%2015%2039%20L%2023%2031%20L%2031%2033%20L%2039%2023%20L%2047%2021%22%20%2F%3E%20%20%20%20%3Cpath%20stroke-linejoin%3D%22round%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%20stroke%3D%22%23000000%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20d%3D%22M%203%2039%20L%201%2039%22%20%2F%3E%20%20%20%20%3Cpath%20stroke-linejoin%3D%22round%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%20stroke%3D%22%23000000%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20d%3D%22M%203%2033%20L%201%2033%22%20%2F%3E%20%20%20%20%3Cpath%20stroke-linejoin%3D%22round%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%20stroke%3D%22%23000000%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20d%3D%22M%203%2027%20L%201%2027%22%20%2F%3E%20%20%20%20%3Cpath%20stroke-linejoin%3D%22round%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%20stroke%3D%22%23000000%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20d%3D%22M%203%2021%20L%201%2021%22%20%2F%3E%20%20%20%20%3Cpath%20stroke-linejoin%3D%22round%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%20stroke%3D%22%23000000%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20d%3D%22M%203%2015%20L%201%2015%22%20%2F%3E%20%20%20%20%3Cpath%20stroke-linejoin%3D%22round%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%20stroke%3D%22%23000000%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20d%3D%22M%203%209%20L%201%209%22%20%2F%3E%20%20%20%20%3Cpath%20stroke-linejoin%3D%22round%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%20stroke%3D%22%23000000%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20d%3D%22M%203%203%20L%201%203%22%20%2F%3E%20%20%20%20%3Cpath%20stroke-linejoin%3D%22round%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%20stroke%3D%22%23000000%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20d%3D%22M%209%2046%20L%209%2047%22%20%2F%3E%20%20%20%20%3Cpath%20stroke-linejoin%3D%22round%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%20stroke%3D%22%23000000%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20d%3D%22M%2015%2046%20L%2015%2047%22%20%2F%3E%20%20%20%20%3Cpath%20stroke-linejoin%3D%22round%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%20stroke%3D%22%23000000%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20d%3D%22M%2021%2046%20L%2021%2047%22%20%2F%3E%20%20%20%20%3Cpath%20stroke-linejoin%3D%22round%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%20stroke%3D%22%23000000%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20d%3D%22M%2027%2046%20L%2027%2047%22%20%2F%3E%20%20%20%20%3Cpath%20stroke-linejoin%3D%22round%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%20stroke%3D%22%23000000%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20d%3D%22M%2033%2046%20L%2033%2047%22%20%2F%3E%20%20%20%20%3Cpath%20stroke-linejoin%3D%22round%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%20stroke%3D%22%23000000%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20d%3D%22M%2039%2046%20L%2039%2047%22%20%2F%3E%20%20%20%20%3Cpath%20stroke-linejoin%3D%22round%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%20stroke%3D%22%23000000%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20d%3D%22M%2045%2046%20L%2045%2047%22%20%2F%3E%3C%2Fsvg%3E");
background-repeat: no-repeat;
background-size: 100%;
width: 55px;
height: 55px;
}
.i.toolt-6::before,
.icon-tool-6 {
background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3Csvg%20height%3D%2248%22%20width%3D%2248%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%3E%20%20%20%20%3Cpath%20stroke-linejoin%3D%22round%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%20stroke%3D%22%23000000%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20d%3D%22M%2037.51%2020.6%20C%2038.47%2022.88%2039%2025.38%2039%2028%20C%2039%2030.62%2038.47%2033.12%2037.51%2035.4%20C%2036.55%2037.67%2035.15%2039.72%2033.43%2041.44%20C%2031.72%2043.15%2029.67%2044.55%2027.4%2045.51%20C%2025.12%2046.47%2022.62%2047%2020%2047%20C%2017.38%2047%2014.88%2046.47%2012.6%2045.51%20C%2010.33%2044.55%208.28%2043.15%206.56%2041.44%20C%204.85%2039.72%203.45%2037.67%202.49%2035.4%20C%201.53%2033.12%201%2030.62%201%2028%20C%201%2025.38%201.53%2022.88%202.49%2020.6%20C%203.45%2018.33%204.85%2016.28%206.56%2014.57%20C%208.28%2012.85%2010.33%2011.45%2012.6%2010.49%20C%2014.88%209.53%2017.38%209%2020%209%20C%2022.62%209%2025.12%209.53%2027.4%2010.49%22%20%2F%3E%20%20%20%20%3Cpath%20stroke-linejoin%3D%22round%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%20stroke%3D%22%23000000%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20d%3D%22M%2031.06%2023.33%20C%2031.66%2024.77%2032%2026.34%2032%2028%20C%2032%2029.66%2031.66%2031.24%2031.06%2032.67%20C%2030.45%2034.11%2029.57%2035.4%2028.49%2036.49%20C%2027.4%2037.57%2026.11%2038.45%2024.67%2039.06%20C%2023.24%2039.66%2021.66%2040%2020%2040%20C%2018.34%2040%2016.76%2039.66%2015.33%2039.06%20C%2013.89%2038.45%2012.6%2037.57%2011.51%2036.49%20C%2010.43%2035.4%209.55%2034.11%208.94%2032.67%20C%208.34%2031.24%208%2029.66%208%2028%20C%208%2026.34%208.34%2024.77%208.94%2023.33%20C%209.55%2021.89%2010.43%2020.6%2011.51%2019.52%20C%2012.6%2018.43%2013.89%2017.55%2015.33%2016.94%20C%2016.76%2016.34%2018.34%2016%2020%2016%20C%2021.66%2016%2023.24%2016.34%2024.67%2016.94%22%20%2F%3E%20%20%20%20%3Cpath%20stroke-linejoin%3D%22round%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%20stroke%3D%22%23000000%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20d%3D%22M%2025%2028%20C%2025%2028.69%2024.86%2029.35%2024.61%2029.95%20C%2024.35%2030.54%2023.99%2031.08%2023.54%2031.54%20C%2023.08%2031.99%2022.54%2032.35%2021.95%2032.61%20C%2021.35%2032.86%2020.69%2033%2020%2033%20C%2019.31%2033%2018.65%2032.86%2018.05%2032.61%20C%2017.46%2032.35%2016.92%2031.99%2016.46%2031.54%20C%2016.01%2031.08%2015.65%2030.54%2015.39%2029.95%20C%2015.14%2029.35%2015%2028.69%2015%2028%20C%2015%2027.31%2015.14%2026.65%2015.39%2026.05%20C%2015.65%2025.46%2016.01%2024.92%2016.46%2024.46%20C%2016.92%2024.01%2017.46%2023.65%2018.05%2023.39%20C%2018.65%2023.14%2019.31%2023%2020%2023%22%20%2F%3E%20%20%20%20%3Cpath%20stroke-linejoin%3D%22round%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%20stroke%3D%22%23000000%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20d%3D%22M%2020%2028%20L%2047%201%22%20%2F%3E%20%20%20%20%3Cpath%20stroke-linejoin%3D%22round%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%20stroke%3D%22%23000000%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20d%3D%22M%2047%207%20L%2043%2011%20L%2037%2011%20L%2037%205%20L%2041%201%20L%2041%207%20L%2047%207%20L%2047%207%20Z%20M%2047%207%22%20%2F%3E%20%20%20%20%3Cpath%20stroke-linejoin%3D%22round%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%20stroke%3D%22%23000000%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20d%3D%22M%2043%2011%20L%2039%2015%20L%2033%2015%20L%2033%209%20L%2037%205%22%20%2F%3E%20%20%20%20%3Cpath%20stroke-linejoin%3D%22round%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%20stroke%3D%22%23000000%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20d%3D%22M%2020%201%20L%2020%204%22%20%2F%3E%20%20%20%20%3Cpath%20stroke-linejoin%3D%22round%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%20stroke%3D%22%23000000%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20d%3D%22M%2047%2028%20L%2044%2028%22%20%2F%3E%20%20%20%20%3Cpath%20stroke-linejoin%3D%22round%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%20stroke%3D%22%23000000%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20d%3D%22M%2039%2047%20L%2037%2045%22%20%2F%3E%20%20%20%20%3Cpath%20stroke-linejoin%3D%22round%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%20stroke%3D%22%23000000%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20d%3D%22M%203%2011%20L%201%209%22%20%2F%3E%3C%2Fsvg%3E");
background-repeat: no-repeat;
background-size: 100%;
width: 55px;
height: 55px;
}
.i.toolt-8::before,
.icon-tool-8 {
background-image: url("/local/templates/directline_2020/css/../../../../upload/toolt-8.png");
background-repeat: no-repeat;
background-size: 100%;
width: 55px;
height: 55px;
}
div.h2med {
padding-top: 80px;
margin-bottom: 50px;
}
.image-wrap-small {
height: 84px;
margin-bottom: 0px;
}
.image-wrap {
#margin-left: 10px !important;
margin-top: 0px !important;
text-align: center;
}
@media (max-width: 1023px) {
.image-wrap-small {
margin-bottom: 20px !important;
}
}
@media (max-width: 864px) {
.image-wrap {
width: 30%;
}
}
@media (max-width: 425px) {
.image-wrap {
width: 45%;
}
}
span.place {
font-size: 17px;
color: #d32e42;
display: block;
}
.seonews {
#margin-bottom: -13px;
height: 54px;
}
.cms-magazine {
#margin-bottom: -4px;
height: 63px;
}
a.seo-more-popup {
float: right;
color: #0054b9;
text-decoration: underline;
}
.profitable {
color: #fff;
background: #d32e42;
padding: 6px 0px 4px 16px;
margin-bottom: 5px;
font-weight: 500;
}
@media screen and (max-width: 1024px) {
.profitable {
text-align: center;
padding: 6px 0px 4px 0;
}
}
.h2_middle {
text-align: center !important;
}
.flxbox {
display: flex;
justify-content: around;
align-items: flex-start;
}
.block.toolsweb .weblist {
margin: 40px 0 30px;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.block.toolsweb .list {
margin: 40px 0 30px;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.block.toolsweb .item {
width: 100%;
padding-top: 70px;
text-align: center;
box-sizing: border-box;
}
.block.toolsweb .item.i::before {
left: 50%;
top: 0;
transform: translateX(-50%);
}
.block.toolsweb .item .wname {
font-weight: 700;
font-size: 13px;
margin-bottom: 16px;
text-transform: uppercase;
}
.block.marketing .block.toolsweb .item .name {
color: #000;
text-decoration: none;
}
.block.toolsweb .item .desc {
line-height: 1.6;
font-size: 13px;
}
@media screen and (max-width: 479px) {
.block.toolsweb .item + .item {
margin-top: 40px;
}
.block.toolsweb .weblist {
flex-direction: column;
}
.web_arrow {
display: none;
}
span.w_title {
margin-top: 20px;
font-size: 26px;
}
span.w_sld_title {
font-size: 18px;
}
}
@media screen and (min-width: 480px) and (max-width: 1023px) {
.block.toolsweb .item {
width: 48%;
padding-left: 20px;
padding-right: 20px;
}
.web_arrow {
display: none;
}
span.w_title {
margin-top: 20px;
font-size: 26px;
}
span.w_sld_title {
font-size: 18px;
}
}
@media screen and (min-width: 1024px) {
.block.toolsweb .h2 {
text-align: center;
}
.block.toolsweb .weblist {
margin-bottom: 0;
}
.block.toolsweb .item {
width: 22%;
}
}
.white-border .whiteback {
border: 1px solid;
border-color: #bed65a;
}
.whiteback {
align-items: center;
background-color: #ffffff;
padding: 30px 30px 30px 30px;
line-height: 20px;
font-size: 13px;
margin-bottom: 18px;
}
.whiteback p {
margin: 0;
}
p.blocktitle {
font-size: 25px;
line-height: 25px;
font-weight: 500;
margin-bottom: 14px !important;
}
@media screen and (max-width: 479px) {
p.blocktitle {
font-size: 18px;
}
}
@media screen and (min-width: 1024px) {
.vertical {
display: block !important;
height: 56px;
width: 1px;
margin-top: 14px;
background-color: #bed65a;
}
}
.col_w {
width: 63% !important;
}
.web-case-slider-wrap {
position: relative;
}
p.item {
font-size: 13px;
margin-top: 3px !important;
line-height: 17px;
}
img.item,
p.item {
}
.logos-large.resizing > img.item,
p.item {
margin-left: 0 !important;
}
div.image-wrap {
margin-left: 0 !important;
}
.i.w-toolt-1::before,
.icon-tool-1 {
background-image: url(/upload/web/1.png);
background-repeat: no-repeat;
background-size: 100%;
width: 70px;
height: 70px;
}
.i.w-toolt-2::before,
.icon-tool-2 {
background-image: url(/upload/web/2.png);
background-repeat: no-repeat;
background-size: 100%;
width: 70px;
height: 70px;
}
.i.w-toolt-3::before,
.icon-tool-3 {
background-image: url(/upload/web/3.png);
background-repeat: no-repeat;
background-size: 100%;
width: 70px;
height: 70px;
}
.i.w-toolt-4::before,
.icon-tool-4 {
background-image: url(/upload/web/4.png);
background-repeat: no-repeat;
background-size: 100%;
width: 70px;
height: 70px;
}
.i.wtoolt-1::before,
.icon-tool-1 {
background-image: url(/upload/web/5.png);
background-repeat: no-repeat;
background-size: 100%;
width: 80px;
height: 80px;
}
.i.wtoolt-2::before,
.icon-tool-2 {
background-image: url(/upload/web/6.png);
background-repeat: no-repeat;
background-size: 100%;
width: 80px;
height: 80px;
}
.i.wtoolt-3::before,
.icon-tool-3 {
background-image: url(/upload/web/7.png);
background-repeat: no-repeat;
background-size: 100%;
width: 80px;
height: 80px;
}
.i.wtoolt-4::before,
.icon-tool-4 {
background-image: url(/upload/web/8.png);
background-repeat: no-repeat;
background-size: 100%;
width: 80px;
height: 80px;
}
.i.wtoolt-5::before,
.icon-tool-5 {
background-image: url(/upload/web/9.png);
background-repeat: no-repeat;
background-size: 100%;
width: 80px;
height: 80px;
}
.i.wtoolt-6::before,
.icon-tool-6 {
background-image: url(/upload/web/10.png);
background-repeat: no-repeat;
background-size: 100%;
width: 80px;
height: 80px;
}
.tooltip_temp {
display: none;
position: absolute;
}
a.podr {
background-image: none !important;
text-decoration: underline;
color: #337ab7;
cursor: pointer;
}
.tooltip_temp {
display: none;
}
.tooltipster-sidetip.tooltipster-shadow.tooltipster-shadow-customized .tooltipster-box {
background: #ffffff;
border: none;
border-radius: 0;
}
.tooltipster-sidetip.tooltipster-shadow.tooltipster-shadow-customized .tooltipster-content {
color: #000000;
padding: 15px;
font-size: 13px;
}
.tooltipster-sidetip.tooltipster-top .tooltipster-arrow {
height: 6px;
}
.web_arrow {
background-image: url(/upload/web/strelochci.png);
position: absolute;
width: 1000px;
height: 424px;
bottom: -42px;
right: -124px;
transform: scaleY(0.8);
}
.web_img_site {
display: inline-block;
width: 46%;
position: relative;
}
.w_zadachi {
display: inline-block;
width: 48%;
text-align: left;
vertical-align: top;
margin-left: 10px;
}
.w_sld_title {
font-size: 20px;
font-weight: bold;
text-align: center;
display: block;
padding-bottom: 15px;
}
.w_img_site {
width: 48%;
}
.w_title {
font-size: 32px;
font-weight: bold;
text-align: center;
display: block;
padding-bottom: 30px;
margin-top: -20px;
}
@media screen and (max-width: 1024px) {
.web_img_site {
width: 80%;
display: block;
margin: auto;
}
.web-slider {
text-align: -webkit-center;
}
.w_zadachi {
width: 80%;
display: block;
margin: auto;
margin-top: 30px;
}
.w_list {
padding-left: 20px;
}
.w_sld_title {
margin-top: 20px;
margin-bottom: 0;
padding-bottom: 0px;
}
}
.und_sld {
display: block;
text-align: center;
color: grey;
font-size: 16px;
font-weight: 500;
padding-top: 20px;
}
.w_list {
font-size: 14px;
}
ul.w_list li::before {
background: url(/upload/web/list_ico.png) no-repeat;
background-size: cover;
content: "";
position: absolute;
top: 0.1em;
left: -1.8em;
height: 15px;
width: 17px;
}
.grey_btn {
width: auto;
padding: 8px 15px 8px 15px;
border: 3px solid #dfdeda;
font-weight: 600;
font-size: 17px;
margin: 10px 0 0 20px;
cursor: pointer;
display: inline-block;
}
ul.w_list:not(.collapse) li + li {
margin-top: 10px;
}
.web_size_block {
padding-bottom: 30px !important;
}
div.w_zadachi span.w_sld_title {
text-align: left;
padding-left: 20px;
}
.lk {
color: black !important;
}
@media screen and (max-width: 1023px) {
.links-block.lk_top {
margin-top: 5px;
}
}
.h4_title_usl {
font: 700 37px/37px "PFRegalTextPro", sans-serif;
text-align: center;
margin-bottom: 33px;
}
.who_need_li_p {
font-size: 18px;
font-weight: 500;
margin-bottom: 5px;
}
.who_need_li_sp {
display: block;
margin-bottom: 20px;
}
.und_who_need {
text-align: center;
font-weight: bold;
padding: 0px 45px;
font-size: 16px;
display: block;
}
.light_blue_block {
background-color: #f4f8f9;
}
.flex-razv {
display: flex;
justify-content: space-between;
align-items: flex-start;
flex-wrap: wrap;
margin-bottom: 60px;
}
.why_ben_el {
width: 48%;
margin-bottom: 20px;
}
.zag_why_ben {
text-transform: uppercase;
font-size: 17px;
font-weight: 500;
display: block;
margin-bottom: 10px;
}
.cost_razv_und {
display: block;
text-align: center;
font-weight: 400;
font-size: 18px;
}
.block .item .wname_usl {
font-weight: 700;
font-size: 13px;
margin-bottom: 8px;
text-transform: uppercase;
margin-top: 8px;
line-height: 18px;
}
.i.usl_img1::before,
.icon-tool-1 {
background-image: url(/upload/usl/kartinca_1.png);
background-repeat: no-repeat;
background-size: 100%;
width: 80px;
height: 80px;
}
.i.usl_img2::before,
.icon-tool-2 {
background-image: url(/upload/usl/kartinca_2.png);
background-repeat: no-repeat;
background-size: 100%;
width: 80px;
height: 80px;
}
.i.usl_img3::before,
.icon-tool-3 {
background-image: url(/upload/usl/kartinca_3.png);
background-repeat: no-repeat;
background-size: 100%;
width: 80px;
height: 80px;
}
.uls_razv_arrows {
background-image: url(/upload/usl/lines.png);
position: absolute;
width: 1000px;
height: 424px;
bottom: -128px;
right: 82px;
transform: scaleY(0.8);
background-repeat: no-repeat;
}
@media screen and (max-width: 600px) {
.uls_razv_arrows {
display: none;
}
.ifpres {
height: 239px;
}
}
@media screen and (min-width: 599px) and (max-width: 1023) {
.uls_razv_arrows {
display: none;
}
.ifpres {
height: 239px;
}
}
.weblist.razv_usl {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
padding-bottom: 40px;
padding-left: 50px;
margin-top: 60px;
}
.weblist.razv_usl .item {
width: 45%;
margin-bottom: 25px;
}
.i.uls_img_why1::before,
.icon-tool-1 {
background-image: url(/upload/usl/kartinca_4.png);
background-repeat: no-repeat;
background-size: 100%;
width: 70px;
height: 70px;
left: -80px;
top: -3px;
}
.i.uls_img_why2::before,
.icon-tool-1 {
background-image: url(/upload/usl/kartinca_5.png);
background-repeat: no-repeat;
background-size: 100%;
width: 70px;
height: 70px;
left: -80px;
top: -3px;
}
.i.uls_img_why3::before,
.icon-tool-1 {
background-image: url(/upload/usl/kartinca_6.png);
background-repeat: no-repeat;
background-size: 100%;
width: 70px;
height: 70px;
left: -80px;
top: -3px;
}
.i.uls_img_why4::before,
.icon-tool-1 {
background-image: url(/upload/usl/kartinca_7.png);
background-repeat: no-repeat;
background-size: 100%;
width: 70px;
height: 70px;
left: -80px;
top: -3px;
}
li.uls_img_got1::before {
background-image: url(/upload/usl/user.svg);
background-repeat: no-repeat;
}
li.uls_img_got2::before {
background-image: url(/upload/usl/trophy.svg);
background-repeat: no-repeat;
}
li.uls_img_got3::before {
background-image: url(/upload/usl/like.svg);
background-repeat: no-repeat;
}
li.uls_img_got4::before {
background-image: url(/upload/usl/settings.svg);
background-repeat: no-repeat;
}
li.uls_img_got5::before {
background-image: url(/upload/usl/tools.svg);
background-repeat: no-repeat;
}
li.uls_img_got6::before {
background-image: url(/upload/usl/speech-bubble.svg);
background-repeat: no-repeat;
}
li.uls_img_gots1::before {
background-image: url(/upload/multi_icons/icon2.png);
background-repeat: no-repeat;
}
li.uls_img_gots2::before {
background-image: url(/upload/multi_icons/icon3.png);
background-repeat: no-repeat;
}
li.uls_img_gots3::before {
background-image: url(/upload/multi_icons/icon4.png);
background-repeat: no-repeat;
}
li.uls_img_gots4::before {
background-image: url(/upload/multi_icons/icon5.png);
background-repeat: no-repeat;
}
li.uls_img_gots5::before {
background-image: url(/upload/multi_icons/icon6.png);
background-repeat: no-repeat;
}
li.uls_img_gots7::before {
background-image: url(/upload/multi_icons/icon7.png);
background-repeat: no-repeat;
}
li.uls_img_gots8::before {
background-image: url(/upload/multi_icons/icon8.png);
background-repeat: no-repeat;
}
li.uls_img_gots9::before {
background-image: url(/upload/multi_icons/icon9.png);
background-repeat: no-repeat;
}
li.uls_img_gots10::before {
background-image: url(/upload/multi_icons/icon10.png);
background-repeat: no-repeat;
}
li.uls_img_gots11::before {
background-image: url(/upload/multi_icons/icon11.png);
background-repeat: no-repeat;
}
li.uls_img_gots12::before {
background-image: url(/upload/multi_icons/icon12.png);
background-repeat: no-repeat;
}
li.uls_img_gots13::before {
background-image: url(/upload/multi_icons/icon13.png);
background-repeat: no-repeat;
}
li.uls_img_gots14::before {
background-image: url(/upload/multi_icons/icon14.png);
background-repeat: no-repeat;
}
li.uls_img_gots15::before {
background-image: url(/upload/multi_icons/icon15.png);
background-repeat: no-repeat;
}
li.uls_img_gots16::before {
background-image: url(/upload/multi_icons/icon16.png);
background-repeat: no-repeat;
}
li.uls_img_gots17::before {
background-image: url(/upload/multi_icons/icons17.png);
background-repeat: no-repeat;
}
li.uls_img_gots18::before {
background-image: url(/upload/multi_icons/icons18.png);
background-repeat: no-repeat;
}
li.uls_img_gots19::before {
background-image: url(/upload/multi_icons/icons19.png);
background-repeat: no-repeat;
}
li.uls_img_gots20::before {
background-image: url(/upload/multi_icons/icons20.png);
background-repeat: no-repeat;
}
li.uls_img_gots21::before {
background-image: url(/upload/multi_icons/icons21.png);
background-repeat: no-repeat;
}
li.uls_img_gots22::before {
background-image: url(/upload/multi_icons/icons22.png);
background-repeat: no-repeat;
}
li.uls_img_gots23::before {
background-image: url(/upload/multi_icons/icons23.png);
background-repeat: no-repeat;
}
li.uls_img_gots24::before {
background-image: url(/upload/multi_icons/icons24.png);
background-repeat: no-repeat;
}
li.uls_img_gots25::before {
background-image: url(/upload/multi_icons/icons25.png);
background-repeat: no-repeat;
}
li.uls_img_gots26::before {
background-image: url(/upload/multi_icons/icons26.png);
background-repeat: no-repeat;
}
li.uls_img_gots27::before {
background-image: url(/upload/multi_icons/icons27.png);
background-repeat: no-repeat;
}
li.uls_img_gots28::before {
background-image: url(/upload/multi_icons/icons28.png);
background-repeat: no-repeat;
}
li.uls_img_gots29::before {
background-image: url(/upload/multi_icons/icons29.png);
background-repeat: no-repeat;
}
li.uls_img_gots30::before {
background-image: url(/upload/multi_icons/icons30.png);
background-repeat: no-repeat;
}
li.uls_img_gots31::before {
background-image: url(/upload/multi_icons/icons31.png);
background-repeat: no-repeat;
}
li.uls_img_gots32::before {
background-image: url(/upload/multi_icons/icons32.png);
background-repeat: no-repeat;
}
li.uls_img_gots33::before {
background-image: url(/upload/multi_icons/icons33.png);
background-repeat: no-repeat;
}
li.uls_img_gots34::before {
background-image: url(/upload/multi_icons/icons34.png);
background-repeat: no-repeat;
}
li.uls_img_gots35::before {
background-image: url(/upload/multi_icons/icons34.png);
background-repeat: no-repeat;
}
/*li.uls_img_gots36::before {
background-image: url(/upload/multi_icons/youtube.png);
background-repeat: no-repeat;
}
li.uls_img_gots37::before {
background-image: url(/upload/multi_icons/ya.png);
background-repeat: no-repeat;
}
li.uls_img_gots38::before {
background-image: url(/upload/multi_icons/google.png);
background-repeat: no-repeat;
}
li.uls_img_gots39::before {
background-image: url(/upload/multi_icons/social.png);
background-repeat: no-repeat;
}*/
li.uls_img_gots40::before {
background-image: url(/upload/multi_icons/growth.png);
background-repeat: no-repeat;
width: 35px !important;
height: 35px !important;
}
li.uls_img_gots41::before {
background-image: url(/upload/multi_icons/packaging.png);
background-repeat: no-repeat;
width: 35px !important;
height: 35px !important;
}
li.uls_img_gots42::before {
background-image: url(/upload/multi_icons/audience.png);
background-repeat: no-repeat;
width: 35px !important;
height: 35px !important;
}
li.uls_img_gots43::before {
background-image: url(/upload/multi_icons/megaphone.png);
background-repeat: no-repeat;
width: 35px !important;
height: 35px !important;
}
li.uls_img_gots44::before {
background-image: url(/upload/multi_icons/u1324.png);
background-repeat: no-repeat;
width: 50px !important;
height: 50px !important;
}
@media screen and (max-width: 1023px) {
.weblist.razv_usl .item {
width: 100%;
margin-top: 50px;
}
.weblist.razv_usl {
text-align: center;
}
.i.uls_img_why4::before,
.icon-tool-1 {
left: 50%;
top: -50px;
transform: translateX(-50%);
}
.i.uls_img_why3::before,
.icon-tool-1 {
left: 50%;
top: -50px;
transform: translateX(-50%);
}
.i.uls_img_why2::before,
.icon-tool-1 {
left: 50%;
top: -50px;
transform: translateX(-50%);
}
.i.uls_img_why1::before,
.icon-tool-1 {
left: 50%;
top: -50px;
transform: translateX(-50%);
}
.zag_why_ben {
margin-top: 20px;
}
}
@media (min-width: 1023px) and (max-width: 1280px) {
.weblist.razv_usl {
padding-left: 70px;
}
}
@media screen and (max-width: 1023px) {
.links-block.lk_top {
display: none;
}
.block.ppc.grey {
padding-top: 60px;
}
}
.flx_class {
display: flex;
flex-wrap: wrap;
flex-direction: row;
justify-content: space-between;
align-items: flex-start;
}
.multi_logo {
width: 7%;
margin: 0 14px 14px 0;
text-align: center;
}
.multi_logo:nth-child(12n) {
margin-right: 0px;
}
.multi_img {
}
.mul_tit {
font-weight: 700;
font-size: 16px;
}
.flx_el_mult {
width: 30%;
margin: 0 0 50px 0;
font-size: 15px;
}
.mult_cont {
margin-top: 80px;
margin-bottom: 0px;
}
.h3_margin_multi {
margin-bottom: 50px;
}
.mul_call {
font-size: 32px;
margin: 60px 0 40px 0;
text-align: center;
font-weight: 500;
padding-top: 60px;
}
.ps_mult {
font-style: italic;
font-weight: 100;
font-size: 13.8px;
}
.ourclient_mult {
margin-top: 60px;
padding: 0;
}
.mult_blocks {
margin-bottom: 40px;
margin-top: 70px;
}
.logos_mul {
margin: 30px 0;
}
.el_recomended {
width: 30%;
margin-right: 15px;
text-align: center;
padding: 10px 10px 0 10px;
font-size: 13px;
background-color: #f4f8f9;
height: 520px;
position: relative;
}
.el_recomended:last-child {
margin-right: 0;
}
.h_rec {
height: 225px;
}
.logo_recomended {
text-align: center;
background-color: #fff;
width: 85%;
display: inline-block;
height: 150px;
margin-top: 9px;
margin-bottom: 20px;
}
.autor_recomend {
font-weight: 500;
}
.original_recomend {
text-decoration: underline;
color: #33ccff;
cursor: pointer;
position: absolute;
width: 92%;
bottom: 10px;
display: block;
}
.multgreen {
font-size: 32px;
}
@media screen and (min-width: 480px) and (max-width: 1023px) {
.flx_el_mult {
width: 48%;
}
}
@media screen and (min-width: 1023px) and (max-width: 1285px) {
.multi_logo {
width: 10%;
}
}
@media screen and (max-width: 1023px) {
.mul_call {
font-size: 20px;
}
.h3_margin_multi {
margin-bottom: 30px;
}
.nomp {
padding-top: 0 !important;
margin-top: 0 !important;
}
.el_recomended {
width: 100%;
margin: 0 0 20px 0;
}
.flx_class.logos_mul {
display: none;
}
}
@media screen and (max-width: 479px) {
.flx_el_mult {
width: 100%;
margin: 0 0 25px 0;
}
}
@media screen and (max-width: 970px) {
ul.mult_icons3 {
padding-left: 60px !important;
}
}
ul.mult_icons {
padding-left: 80px;
}
ul.mult_icons2 {
padding-left: 80px;
}
ul.mult_icons3 {
padding-left: 130px;
}
ul.mult_icons li::before {
background-size: cover;
content: "";
position: absolute;
top: 0.1em;
left: -4.8em;
height: 50px;
width: 50px;
}
ul.mult_icons2 li::before {
background-size: cover;
content: "";
position: absolute;
top: -0.4em;
left: -3.2em;
height: 35px;
width: 35px;
}
ul.mult_icons3 li::before {
background-size: cover;
content: "";
position: absolute;
top: -0.8em;
left: -3.2em;
height: 70px;
width: 70px;
}
#mul_ic1::before {
background: url(/upload/multi_icons/ic1.png) no-repeat;
}
li#mul_ic2::before {
background: url(/upload/multi_icons/ic2.png) no-repeat;
}
li#mul_ic3::before {
background: url(/upload/multi_icons/ic3.png) no-repeat;
}
li#mul_ic4::before {
background: url(/upload/multi_icons/ic4.png) no-repeat;
}
li#mul_ic5::before {
background: url(/upload/multi_icons/ic5.png) no-repeat;
}
li#mul_ic6::before {
background: url(/upload/multi_icons/ic6.png) no-repeat;
}
li#mul_ic7::before {
background: url(/upload/multi_icons/ic7.png) no-repeat;
}
li#mul_ic8::before {
background: url(/upload/multi_icons/ic8.png) no-repeat;
}
.mul_titl {
font-size: 16px;
font-weight: 600;
text-transform: uppercase;
margin-bottom: 5px;
}
.cols.mul_work_us {
margin-top: 30px;
}
.multi_white_title {
font-weight: 500;
color: white;
font-size: 30px;
margin-bottom: 50px;
padding-top: 30px;
}
.sld_flx_el {
width: 20%;
font-size: 13px;
line-height: 18px;
}
.flxwidth {
width: 90%;
margin-bottom: 30px;
}
.big_num_mulsld {
font-size: 44px;
margin-bottom: 17px;
font-weight: 600;
}
.mult_half_container {
width: 48%;
display: inline-block;
margin-right: 20px;
}
.mult_half_container:last-child {
margin-right: 0;
}
.text_sld {
font-size: 13px;
}
.grpaph_sld_mul {
vertical-align: top;
}
.smltext {
font-weight: 500;
font-size: 15px;
}
.white_text_sld {
color: white;
font-weight: 300;
font-size: 16px;
margin-top: 0px;
padding-left: 30px;
margin-top: -3px;
}
.your_sld {
background-color: #ffffff;
box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3);
width: 44%;
display: inline-block;
margin: 20px;
vertical-align: top;
padding: 100px 60px 60px 60px;
text-align: center;
margin-right: 65px;
}
.mid_title_sld {
font-size: 38px;
font-weight: 100;
line-height: 36px;
}
.img_your_sld {
display: inline-block;
width: 35%;
margin-top: 120px;
}
.opacity_line_sld {
border-bottom: 1px solid #cdcdcd;
width: 62%;
display: inline-block;
margin-top: 35px;
}
.call_us_sld {
font-size: 18px;
opacity: 0.3;
font-weight: 500;
margin-top: 0;
}
.tel_sld {
display: block;
font-size: 35pt;
margin-bottom: 30px;
}
.button.anchor.popup-link.button_multi_sld {
width: 100%;
font-size: 25px;
padding-top: 20px;
}
.case-slide.your_poject {
margin-top: 70px;
}
.autor_bottom {
}
.line_recomend {
border-bottom: 1px solid #cdcdcd;
width: 90%;
display: inline-block;
}
.el_how_we_work_1 {
width: 23%;
}
.el_how_we_work_2 {
width: 40%;
}
.el_how_we_work_3 {
width: 26%;
}
.title_our_spec {
margin: 100px 0 50px 0;
font-size: 22px;
font-weight: 500;
}
.how_we_work_m {
display: none;
background-image: url("/upload/multi_icons/Directline_mobile.png");
background-size: contain;
background-repeat: no-repeat;
height: 800px;
border-radius: 27px;
background-color: #f9f7f4;
position: relative;
}
.how_work_el_m {
width: 61%;
margin-left: 100px;
position: absolute;
}
.el_1m {
top: 20px;
}
.el_2m {
top: 120px;
}
.el_3m {
top: 215px;
}
.el_4m {
top: 322px;
}
.el_5m {
top: 426px;
}
.el_6m {
top: 533px;
}
.el_7m {
top: 628px;
}
.el_8m {
top: 732px;
}
@media screen and (min-width: 1280px) {
.wide-container.seo-case-slider.multi-slider {
width: 1000px;
}
}
@media screen and (max-width: 1023px) {
.how_we_work_m {
display: block;
}
.el_how_we_work_1,
.el_how_we_work_2,
.el_how_we_work_3 {
width: 100%;
}
.el_how_we_work_2 > ul,
.el_how_we_work_3 > ul {
margin-top: 0;
}
.how_we_work {
display: none;
}
.title_our_spec {
margin: 65px 0 15px 0;
line-height: 22px;
font-size: 16px;
}
.multi_white_title {
line-height: 20px;
font-size: 18px;
padding-top: 0px;
margin-bottom: 27px;
}
.big_num_mulsld {
font-size: 20px;
margin-bottom: 5px;
}
.sld_flx_el {
margin-bottom: 15px;
width: 49% !important;
}
.flxwidth {
margin-bottom: 0;
width: 100%;
}
.mult_half_container {
width: 100%;
margin-top: 20px;
}
ul.mult_icons {
padding-left: 62px;
}
.flx_class.textgraph {
flex-direction: column-reverse;
}
.case-slide.your_poject {
margin-top: 0;
}
.your_sld {
padding: 0;
width: 96%;
margin: 0;
}
.mid_title_sld {
font-size: 26px;
line-height: 29px;
margin: 30px 10px 0 10px;
}
.tel_sld {
font-size: 30px;
}
.button.anchor.popup-link.button_multi_sld {
width: 85%;
font-size: 17px;
padding-top: 18px;
}
.img_your_sld {
display: none;
}
}
ul.mult_icons > li {
margin-bottom: 30px;
}
.form_for_page {
background-color: #f3f1ed;
padding-bottom: 15px;
margin-top: 70px;
}
@media (max-width: 1023px;) {
.nomargin {
margin-top: -11px;
}
.form_for_page {
margin-top: 30px;
}
}
.info.info-float::after {
content: none;
}
.block_mrp {
background-image: linear-gradient(to top, rgba(6, 47, 94, 0.8), rgba(6, 47, 94, 0.8)), url(/upload/multi_icons/map_mpage.jpg);
background-repeat: no-repeat;
background-size: cover;
color: white;
background-position: center;
padding: 60px 0px;
margin: 15px 0;
}
.und_lbl_mrp {
display: block;
font-weight: 500;
}
.mrp_more {
padding: 6px 32px;
color: white;
font-size: 11px;
font-weight: 100;
text-transform: uppercase;
display: inline-block;
margin-top: 19px;
border: 1px white solid;
border-radius: 3px;
cursor: pointer;
}
.h2_mrp {
font-size: 50px;
}
@media screen and (max-width: 1023px) {
.block {
/*margin: 0 4.5% 4.5%;*/
margin: 0 4.5% 0;
padding: 20px 0;
}
.block.header {
margin-bottom: 0;
}
.block.work-organization {
margin: 0 4.5% 0;
padding: 20px 0 0;
}
.block.with-bc {
padding-top: 20px;
}
.block_mrp {
margin-top: 4.5%;
}
}
@media screen and (max-width: 610px) {
.h2_mrp {
font-size: 26px;
}
}
.red_block_blog {
padding: 30px 46px;
background-color: #fd5967;
margin: 20px 0 30px;
font-size: 17px;
}
.white_text_blog {
color: white;
line-height: 23px;
font-weight: 500;
}
.black_text_blog {
color: black;
font-weight: 600;
line-height: 23px;
}
.blog_margin {
margin-bottom: 20px;
}
.blog_no_shadowbold {
text-shadow: none;
font-weight: 500;
}
@media screen and (max-width: 600px) {
.red_block_blog {
padding: 20px 20px;
font-size: 14px;
}
.blog_margin {
margin-bottom: 15px;
}
.black_text_blog {
font-weight: 500;
}
}
.h2title {
font: 700 24px/1 "PFRegalTextPro", sans-serif;
display: block;
-webkit-margin-before: 0.83em;
-webkit-margin-after: 0.83em;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
font-weight: bold;
margin: 0 0 20px;
}
.h2title_center {
text-align: Center;
}
.strng {
font-weight: 700;
}
@media screen and (min-width: 1024px) {
.h2title {
font-size: 40px;
}
}
@media screen and (max-width: 479px) {
.h2title {
font-size: 22px;
}
}
.h4title {
font: 700 20px/1 "FiraSans", sans-serif;
display: block;
-webkit-margin-before: 1.33em;
-webkit-margin-after: 1.33em;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
margin: 0 0 20px;
}
@media screen and (min-width: 1024px) {
.h4title {
font-size: 25px;
}
}
.h3title {
font: 400 22px/1 "PFRegalTextPro", sans-serif;
-webkit-margin-before: 1em;
-webkit-margin-after: 1em;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
margin: 0 0 20px;
}
@media screen and (min-width: 1024px) {
.h3title {
font-size: 32px;
}
}
.block.rose {
background-color: #f4f8f9;
}
.seo-header {
margin-bottom: 25px;
font: 700 37px/37px "PFRegalTextPro", sans-serif;
}
.case-slide__note .seo-goal {
display: block;
font-size: 20px;
line-height: 38px;
}
@media screen and (max-width: 479px) {
.h4title {
font-size: 18px;
line-height: 25px;
}
.h3title {
font-size: 20px;
}
.mul_titl {
font-size: 13px;
}
.seo-header {
font-size: 25px;
line-height: 25px;
}
.case-slide__note .seo-goal {
padding: 5px;
font-size: 15px;
line-height: 22px;
}
}
.priceblock {
padding: 25px 0px 35px 16px;
background-color: #f3f1ed;
}
.priceblock .price {
font-size: 35px;
font-weight: 500;
vertical-align: middle;
vertical-align: -webkit-baseline-middle;
vertical-align: -moz-middle-with-baseline;
}
.priceblock .pricesym {
font-family: "Roboto", sans-serif;
font-size: 33px;
font-weight: 500;
vertical-align: middle;
}
.seo_graph_zag {
position: relative;
margin-bottom: 25px;
}
.zaliv {
position: absolute;
background-color: #acc051;
width: 100%;
height: 85px;
z-index: 0;
top: 104px;
}
.seo_gr_info {
display: inline-block;
}
.seo_graph_zag > .case-slide__title {
display: inline-block;
width: 47%;
line-height: 27px;
}
.seo_graph_zag > .case-slide__title_all_width {
display: inline-block;
width: 100%;
line-height: 27px;
}
.dost > div {
position: relative;
padding-left: 25px;
display: inline-block;
width: 42%;
vertical-align: top;
}
.dost > div:before {
background: url(/services/seo/img/galka.png) no-repeat;
background-size: cover;
content: "";
position: absolute;
top: 0.3em;
left: 0.4em;
height: 11px;
width: 14px;
}
.dost {
margin-bottom: 20px;
}
.grpk {
width: 90% !important;
}
@media screen and (max-width: 1023px) {
.seo_graph_zag > .case-slide__title,
.seo_graph_zag > .case-slide__title_all_width {
width: 90%;
padding-left: 0px;
}
.seo_gr_info {
display: block;
}
.zaliv {
display: none;
height: 95px;
top: 10px;
}
.dost > div {
width: 100%;
margin-bottom: 10px;
margin-top: 0px !important;
}
.seo_graph_zag {
width: 80%;
margin: auto;
margin-bottom: 25px;
}
.grpk {
margin: auto;
}
.priceblock .price,
.priceblock .pricesym {
font-size: 30px !important;
}
}
.flex-box-standart {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.inline-table {
display: inline-block;
width: 49%;
}
.prod-goal {
float: left;
display: inline-block;
border: 1px solid;
position: absolute;
height: 100%;
}
.r-block-goal {
display: inline-block;
width: 73%;
float: right;
padding: 10px 20px;
}
.r-block-goal ul {
padding-left: 45px;
width: 18%;
font-size: 14px;
}
.r-block-goal ul li::before {
left: -1.2em;
}
.clear {
clear: both;
}
.container .block.what-we-done .statistic th,
.block.what-we-done .statistic td {
padding: 9px 10px 9px 20px;
}
.relative {
position: relative;
}
.work-organization .block.what-we-done .statistic th,
.block.what-we-done .statistic td {
width: auto;
}
.work-organization .block.what-we-done .statistic {
width: 100%;
}
.t_cost {
font-size: 23px;
font-weight: 500;
}
.img-block-cms {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
margin-bottom: 45px;
}
.img-cms {
width: 12%;
}
.title-quest {
cursor: pointer;
}
.triangle {
background-color: #f3f1ed;
position: relative;
}
.triangle::after {
content: "";
position: absolute;
right: -99px;
top: -1px;
border: 75px solid transparent;
border-left: 24px solid #f3f1ed;
z-index: 999;
}
.triangle::before {
content: "";
position: absolute;
right: 77px;
top: -1px;
border: 75px solid transparent;
border-left: 24px solid white;
z-index: 200;
}
.block.what-we-done .statistic.nohover tr:hover td {
background-color: transparent;
}
.greyblock {
background-color: #f3f1ed;
padding: 20px 30px 20px 40px;
}
td.tooltip,
td.tooltipright {
cursor: pointer;
}
.blog-date {
color: #999;
}
.case_btn {
background-color: #bed65a;
padding: 7px 53px 3px 40px;
color: #000 !important;
font-size: smaller;
border-radius: 4px;
font-weight: 500;
position: relative;
display: inline-block;
}
.case_btn:hover {
opacity: 1 !important;
background-color: #cbde7b;
}
.case_btn > span {
font-size: 25px;
padding-left: 5px;
position: absolute;
right: 21px;
top: 5px;
}
.blog_btn {
float: right;
}
.blog_btn > span {
text-transform: capitalize !important;
}
.blog-autor {
width: 100%;
}
.blogs_links {
text-align: right;
font-size: 14px;
color: #999;
}
.blogs_links > a {
color: #999 !important;
}
@media (max-width: 650px) {
.blog_btn {
float: none;
}
}
@media (max-width: 1023px) {
.case_btn {
padding: 7px 38px 3px 12px;
}
.blogs_links {
text-align: left;
font-size: 13px;
}
.case_btn > span {
top: 5px;
right: 7px;
font-size: 20px;
}
}
.ruward_banner {
background-image: url(/upload/blog_files/123.png);
background-size: contain;
background-repeat: no-repeat;
background-position-x: 100%;
background-position-y: -15px;
position: relative;
}
.r-ic {
width: 16%;
}
.rb-flx {
width: 91%;
display: flex;
justify-content: space-between;
align-items: center;
}
.rb-big-text {
display: inline-block;
font-size: 50pt;
color: #f7b854;
text-transform: uppercase;
font-weight: 500;
height: 37px;
}
.rb-lbl {
display: inline-block;
font-weight: 600;
font-size: 20pt;
line-height: 27px;
width: 41%;
height: 78px;
}
.rb-smal-txt {
position: absolute;
left: 30%;
}
@media (min-width: 1366px) {
.rb-smal-txt {
left: 30%;
bottom: 26px;
font-size: 15px;
}
.ruward_banner {
background-position-x: 86%;
}
}
@media (max-width: 1365px) {
.rb-smal-txt {
left: 28%;
bottom: 26px;
font-size: 15px;
}
}
@media (max-width: 1280px) {
.rb-smal-txt {
left: 25%;
bottom: 26px;
font-size: 15px;
}
}
@media (max-width: 1023px) {
.rb-smal-txt {
left: 26%;
bottom: 18px;
font-size: 13px;
}
.ruward_banner {
padding: 10px 0px 12px 0px !important;
background-image: none;
}
.rb-big-text {
font-size: 42pt;
}
.rb-lbl {
font-size: 19pt;
}
.r-ic {
width: 15%;
}
.rb-flx {
width: 100%;
margin-bottom: 10px;
}
.rb-lbl {
width: 45%;
}
}
@media (max-width: 864px) and (min-width: 740px) {
.rb-lbl {
font-size: 21px;
}
.rb-smal-txt {
left: 23%;
}
}
@media (max-width: 740px) and (min-width: 481px) {
.rb-big-text {
display: none;
}
.rb-flx {
margin-bottom: 10px;
flex-wrap: wrap;
height: 73px;
}
.rb-big-text {
width: 60%;
}
.rb-lbl {
width: 80%;
font-size: 22px;
position: absolute;
left: 33.4%;
top: 13px;
}
.ruward_banner {
padding: 10px 0px 54px 0px !important;
}
.r-ic {
width: 115px;
position: absolute;
top: 25px;
}
.rb-smal-txt {
left: 34.4%;
}
}
@media (max-width: 480px) {
.rb-big-text {
display: none;
}
.r-ic {
width: 26%;
margin-bottom: 13px;
margin-right: 10px;
}
.rb-lbl {
vertical-align: middle;
width: 69%;
font-size: 17px;
line-height: 20px;
height: 62px;
}
.ruward_banner {
padding: 10px 10px 52px 10px !important;
background-image: none;
}
.rb-smal-txt {
width: 97%;
left: inherit;
}
}
.block.blockquote.special {
width: 131.5%;
position: relative;
left: -16.7%;
padding-left: 10px;
padding-right: 10px;
margin: initial;
}
@media (max-width: 1370px) {
.block.blockquote.special {
width: 110%;
left: -5%;
}
}
@media (max-width: 1025px) {
.block.blockquote.special {
width: 105.5%;
left: -6%;
padding-left: 20px;
padding-right: 20px;
}
}
@media (max-width: 1198px) and (min-width: 1024px) {
.block.blockquote.special {
width: 105%;
left: -4%;
}
}
@media (min-width: 1025px) and (max-width: 1100px) {
.block.blockquote.special {
width: 100%;
left: 0%;
}
}
@media (max-width: 500px) {
.block.blockquote.special {
width: 102%;
left: -6%;
}
}
@media (max-width: 375px) {
.block.blockquote.special {
width: 99%;
left: -7%;
}
}
.social-block.socials.popup-subscribe {
position: fixed;
bottom: 0;
left: 0;
width: 100%;
background: #c6d2d5;
margin-top: 0;
padding: 20px 0 10px;
box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.4);
display: none;
z-index: 39;
}
.social-block.socials.popup-subscribe .follow .subscribe-wrap {
display: block;
float: left;
text-align: right;
width: 55%;
}
.social-block.socials.popup-subscribe .follow .social-links {
display: block;
margin-top: 0;
width: 45%;
}
.social-block.socials.popup-subscribe .follow .social-links .social-wrap {
display: inline-block;
}
.social-block.socials.popup-subscribe .social-links .title {
margin-bottom: 8px;
}
.social-block.socials.popup-subscribe .subscribe-wrap .title {
padding-right: 20px;
}
.social-block.socials.popup-subscribe .follow .subscribe {
text-align: right;
padding-right: 20px;
display: inline-block;
height: 110px;
}
.social-block.socials.popup-subscribe .follow .subscribe form {
margin-top: 10px;
display: block;
}
.social-block.socials.popup-subscribe .follow .subscribe input {
width: 330px;
}
.social-block.socials.popup-subscribe .follow .subscribe .result {
display: none;
text-align: center;
width: 330px;
}
.social-block.socials.popup-subscribe .follow .subscribe .result p {
margin: 0.5em 0 !important;
}
.social-block.socials.popup-subscribe .follow .social-links .link {
display: inline-block;
margin-left: 10px;
margin-right: 10px;
}
.social-block.socials.popup-subscribe .follow .social-links .link:first-of-type {
margin-left: 62px;
}
.social-block.socials.popup-subscribe .follow .social-links .link:last-of-type {
margin-right: 62px;
}
.social-block.socials.popup-subscribe .follow .subscribe button {
background-color: #bed65a;
}
.social-block.socials.popup-subscribe .mfp-close {
color: #333;
}
@media screen and (max-width: 1023px) {
.social-block.socials.popup-subscribe .follow .subscribe input {
width: 100%;
}
.social-block.socials.popup-subscribe .follow .subscribe-wrap {
display: block;
float: none;
text-align: right;
width: 100%;
}
.social-block.socials.popup-subscribe .follow .subscribe {
text-align: center;
padding: 0 20px;
display: block;
height: 120px;
}
.social-block.socials.popup-subscribe .follow .subscribe form {
margin-top: 10px;
display: flex;
}
.social-block.socials.popup-subscribe .follow .social-links {
display: none;
margin-top: 0;
width: 100%;
}
.social-block.socials.popup-subscribe .follow .subscribe .result {
text-align: left;
width: 100%;
}
}
.block.vid {
text-align: center;
}
.video-container {
display: flex;
flex-wrap: wrap;
align-items: flex-start;
justify-content: center;
align-content: stretch;
}
.video-block iframe,
.video-block {
max-width: 400px;
height: auto;
margin: 0 10px 20px;
display: inline-block;
}
.video-block iframe {
min-height: 225px;
}
.video-block img {
cursor: pointer;
}
.video-block iframe {
margin: 0 10px 0;
}
.video-block-large {
max-width: 1000px;
margin: 0 auto;
height: auto;
width: 1000px;
#height: 480px;
border: 1px #ddd solid;
}
.video-block-large iframe {
width: 100%;
height: 560px;
}
@media (max-width: 768px) {
.video-block-large iframe {
height: 300px;
}
}
@media (max-width: 425px) {
.video-block-large iframe {
height: 300px;
}
}
@media (max-width: 375px) {
.video-block-large iframe {
height: 200px;
}
}
.block.vid {
padding: 50px 0 10px 0;
}
.review-slider__logo {
background: #ffffff;
min-height: 150px;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
margin: 9px auto 20px;
width: 85%;
}
.review-slider__logo img {
width: 80% !important;
}
.review-slider__review {
#width: 30%;
#margin-right: 15px;
text-align: center;
padding: 10px 10px 0 10px;
font-size: 13px;
background-color: #f4f8f9;
#height: 520px;
#position: relative;
}
.review-slider__review:last-child {
#margin-right: 0;
}
.review-slider__review_inner {
min-height: 520px;
position: relative;
}
.review-slider__review_text {
min-height: 225px;
}
.review-slider__bottom_author {
font-weight: 500;
}
.review-slider__bottom_review-link {
text-decoration: underline;
color: #33ccff;
cursor: pointer;
position: absolute;
width: 100%;
bottom: 10px;
margin-top: 20px;
margin-bottom: 10px;
display: block;
}
.review-slider .owl-prev,
.review-slider .owl-next,
.gallery .owl-prev,
.gallery .owl-next {
width: 46px;
height: 92px;
display: block;
position: absolute;
top: 50%;
margin-top: -46px;
opacity: 0.5;
transition: opacity 0.3s ease-in;
}
.review-slider .owl-prev,
.gallery .owl-prev {
left: 0;
background: url(/local/templates/directline_2020/css/../images/arrows/la-white.svg);
}
.review-slider .owl-next,
.gallery .owl-next {
right: 0;
background: url(/local/templates/directline_2020/css/../images/arrows/ra-white.svg);
}
@media (max-width: 1024px) {
.review-slider__bottom_review-link {
position: static;
}
.review-slider__review_inner {
#min-height: initial;
}
.review-slider__review_text {
min-height: 120px;
}
.review-slider__logo {
min-height: 100px;
}
.review-slider__review {
margin-right: 0;
}
}
.gallery__item {
position: relative;
max-width: 600px;
margin: auto;
}
.gallery__item_desc {
text-align: center;
font: 13px/19px "FiraSans", sans-serif;
width: 100%;
margin-top: 20px;
}
.gallery .owl-dots {
text-align: center;
margin-top: 20px;
}
.gallery .owl-dot {
display: inline-block;
}
.gallery .owl-dot span {
width: 12px;
height: 12px;
margin: 5px 7px;
opacity: 0.1;
background: #000000;
display: block;
transition: opacity 200ms ease;
border-radius: 6px;
}
.gallery .owl-dot:hover span {
opacity: 0.5;
}
.gallery .owl-dot.active span {
background: #000000;
opacity: 0.6;
}
.dev-year {
position: absolute;
top: 5px;
right: 5px;
background: #f3f1ed;
padding: 7px 10px 5px;
font-size: 20px;
}
.modal {
position: fixed;
right: 0px;
left: 0px;
width: 100%;
bottom: 0;
padding-top: 20px;
padding-bottom: 15px;
background: #bed65a;
z-index: 999;
}
.modal .result {
display: none;
width: 100%;
}
.content-modal {
display: flex;
margin-right: 2%;
margin-left: 2%;
}
.modal-block1 {
line-height: 100px;
width: 20%;
text-align: center;
}
.modal-block1 img {
vertical-align: top;
}
.modal-block2 {
width: 100%;
}
.modal-block2 span {
color: #d32e42;
font-weight: bold;
font-size: 17px;
}
.modal-block2 p {
font-size: 15px;
}
.modal-block3 {
width: 90%;
}
.modal-block3 p {
font-size: 12px;
color: #999;
}
.modal-block3 p a {
font-size: 12px;
color: #999;
text-decoration: underline;
}
.modal-email {
width: 40% !important;
line-height: 33px !important;
padding: 6px 10px 5px !important;
margin-right: 20px;
box-sizing: border-box;
border: none;
}
.modal-button {
background-color: #d32e42;
outline: none;
box-sizing: border-box;
border: 1px solid #d32e42;
padding: 6px 10px 5px;
box-shadow: none;
border-radius: 3px;
color: #fff;
width: 40%;
cursor: pointer;
font: 17px/33px "FiraSans", sans-serif;
}
.modal-button:hover {
opacity: 0.92;
}
@media screen and (max-width: 1023px) {
.content-modal {
flex-direction: column;
text-align: center;
}
.modal-block1 {
display: none;
}
.modal-block3 {
width: 100%;
}
}
@media screen and (max-width: 740px) {
.modal-block2 p {
display: none;
}
}
@media screen and (max-width: 479px) {
.modal-block2 {
display: block;
}
.modal-email {
width: 80% !important;
margin: 0 0 20px;
}
.modal-button {
width: 80%;
}
}
.init-hidden {
display: none;
}
.partners-wrap.compact .logos.logos-main {
margin-left: 0;
margin-bottom: 30px;
}
.owl-carousel3 .owl-item .item {
margin: 0 auto !important;
}
@media (min-width: 600px) {
.owl-carousel3 .owl-next {
right: -70px;
}
}
@media (max-width: 850px) {
.owl-carousel2 .owl-next,
.owl-carousel3 .owl-next {
right: 0;
}
.owl-carousel2 .owl-prev,
.owl-carousel3 .owl-prev {
left: 0;
}
}
@media (max-width: 600px) {
.partners-wrap.compact .logos.logos-main {
margin-bottom: 10px;
}
.phone a {
font-size: 30px;
}
}
.blocks-box {
flex: 0 1 auto;
width: 100%;
}
.blocks-title {
position: absolute;
top: 40%;
text-transform: uppercase;
font-weight: 700;
font-size: 15px;
text-align: center;
margin: 0 auto;
display: block;
width: 100%;
}
.submenu__item--sub .submenu__link {
font-size: 11px;
}
.submenu__item--sub .submenu__link:before {
content: "- ";
}
.submenu__item + .submenu__item--sub {
margin-top: 0px;
}
.avard_ico_link {
width: 15px !important;
display: inline !important;
padding-left: 7px;
margin-top: -6px;
}
.purpose-city {
background: rgba(255, 255, 255, 0.7);
border-radius: 4px;
color: #000;
padding: 0 7px;
}
.phone a,
.email a {
font: 700 40px/1 "PFRegalTextPro";
}
@media all and (max-width: 770px) {
.phone a,
.email a {
font-size: 20px;
}
}
.email a::before {
content: url("/local/templates/directline_2020/css/../images/dist/envelope.svg");
position: relative;
top: 11px;
margin-right: 10px;
}
.col2 .location {
font-size: 17px;
line-height: 25px;
font-weight: 700;
text-transform: uppercase;
}
.soc-header {
font-size: 17px;
line-height: 25px;
font-weight: 700;
text-transform: uppercase;
}
.soc-links .links {
display: flex;
margin-top: 10px;
}
.soc-links .item {
display: block;
flex: 0 1 auto;
background-position: center;
width: 32px;
height: 32px;
margin: 0 15px 0 0;
}
.soc-links .links.cont .item {
width: 40px;
height: 40px;
}
@media (max-width: 445px) {
.block.fake-map {
height: auto;
}
.soc-links .links.cont {
flex-wrap: wrap;
}
.soc-links .links.cont .item {
width: 33px;
height: 33px;
margin: 0 10px 10px 0;
background-size: auto;
}
.soc-links .links.cont .item:last-child {
margin: 0 0 10px 0;
}
}
@media (max-width: 1023px) {
.vacancies .cols .col2 {
margin-top: 40px;
}
}
.widget {
position: fixed;
z-index: 9999;
}
.widget:before {
content: "";
display: block;
width: 100px;
height: 210px;
background: inherit;
position: fixed;
bottom: 0;
right: 0;
}
@media (max-width: 768px) {
.widget:before {
content: none;
}
}
.widget__message,
.widget__social-item {
background-color: #fc1e2b;
border-radius: 50%;
box-shadow: rgb(0 0 0 / 40%) 2px 2px 6px;
position: fixed;
width: 50px;
height: 50px;
right: 20px;
bottom: 20px;
}
.widget__message img,
.widget__social-item img {
width: 70%;
height: 70%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.widget__social-item a {
position: initial;
}
.close__widget {
display: none;
}
.telegram {
background-color: #0088cc;
}
.telegram img {
left: 45%;
}
.whatsapp {
background-color: #43d854;
}
.helper {
display: none;
position: fixed;
right: 80px;
bottom: 25px;
width: 150px;
text-align: center;
background-color: white;
border: 1px solid rgb(226, 226, 226);
border-radius: 5px;
box-shadow: rgb(0 0 0 / 10%) 2px 2px 13px;
}
.helper__telegram {
bottom: 105px;
}
.helper__whatsapp {
bottom: 175px;
}
.helper:before {
content: "";
position: absolute;
background: white;
border-bottom: 1px solid rgb(226, 226, 226);
border-right: 1px solid rgb(226, 226, 226);
right: -5px;
top: 50%;
margin-top: -4px;
width: 8px;
height: 8px;
z-index: 1;
transform: rotate(-45deg);
}
.helper:after {
content: "";
position: absolute;
background: white;
border-bottom: 1px solid rgb(226, 226, 226);
border-right: 1px solid rgb(226, 226, 226);
right: -5px;
top: 50%;
margin-top: -4px;
width: 8px;
height: 8px;
z-index: 1;
transform: rotate(-45deg);
}
.blog-detail .required-field-star {
color: #d32e42;
}
.block.form .success-icon {
width: 105px;
height: 112px;
background: url("/local/templates/directline_2020/css/../images/icon-tick-green.svg") center no-repeat;
background-size: contain;
margin: -22px auto 15px;
}
.block.form .success-great {
font-family: PF Regal Text Pro;
font-weight: bold;
font-size: 28px;
line-height: 110%;
text-align: center;
color: #fff;
margin-bottom: 35px;
color: #bed65a;
}
.block.form .success-text {
font-weight: 500;
font-size: 28px;
line-height: 135%;
text-align: center;
color: #fff;
}
@media screen and (max-width: 1023px) {
.block.form .success-text {
font-size: 22px;
line-height: 120%;
}
}
/* Баннер с бесплатным аудитом, форма и exit-popup */
.header__banner {
display: none;
background-color: #d32e42;
height: 72px;
top: 0px;
left: 0px;
width: 100%;
z-index: 10;
box-shadow: inset 0 -5px 10px rgb(0 0 0 / 50%);
}
.header__banner .container {
height: 100%;
}
.header__banner .header__wrapper {
display: flex;
justify-content: center;
align-items: center;
height: 100%;
}
.header__banner .header__banner-img {
width: 40px;
margin-right: 30px;
}
.header__banner .header__banner-img img {
width: 100%;
}
.header__banner .header__banner-text {
color: #fff;
font-size: 15px;
margin-right: 30px;
line-height: 1.5;
}
.header__banner .header__banner-btn {
position: relative;
padding: 1px 13px;
background-color: #2e3a4c;
color: #fff;
text-decoration: none;
margin-right: 30px;
text-transform: uppercase;
border-radius: 5px;
font-size: 14px;
}
.header__banner .header__banner-btn:hover {
opacity: 1;
}
.header__banner .header__banner-close-wrapper {
position: relative;
}
.header__banner .header__banner-close {
position: absolute;
top: 50%;
transform: translateY(-50%);
color: #ffffff73;
font-size: 18px;
cursor: pointer;
}
#audit-form .h2title {
margin-bottom: 22px;
}
#audit-form .subtitle {
margin-bottom: 22px;
font-size: 16px;
text-align: center;
}
#audit-form .items-input-checkbox {
display: flex;
width: 452px;
align-items: center;
justify-content: space-between;
}
#audit-form.white-popup input[type="checkbox"] + label {
align-items: center;
}
#audit-form.modal-form input + label {
margin-top: 0;
}
#audit-form.modal-form .row + .row {
margin-bottom: 35px;
}
#audit-form .row.columns {
margin-bottom: 15px;
margin-top: 0;
}
#audit-form.white-popup .row.one-line {
margin: 0 0 20px 0 !important;
}
#audit-form.white-popup .row.one-line .items-input-checkbox .item-input {
width: auto;
}
#audit-form.white-popup .row.one-line .item-input label {
font-weight: 500;
font-size: 16px;
width: max-content;
}
.exit-popup-audit-button {
background: #fc1e2b;
border-radius: 4px;
font-weight: 500;
font-size: 13px;
/* line-height: 1.3; */
text-transform: uppercase;
color: #ffffff;
padding: 17px 40px 16px 65px;
/* position: relative; */
}
.exit-popup-audit-button i {
display: block;
width: 15px;
height: 18px;
background: url(/local/templates/directline_2020/css/../images/button-doc.svg) center no-repeat;
background-size: cover;
position: absolute;
left: 40px;
top: calc(50% - 9px);
}
.exit-popup-audit .exit-popup-subscribe-wrap {
display: flex;
justify-content: center;
}
@media (max-width: 767px) {
/* .floating-header {
top: 100px;
} */
.header__banner {
height: 100px;
}
.header__banner .header__wrapper {
flex-direction: column;
justify-content: space-evenly;
align-items: flex-start;
}
.header__banner .header__banner-img {
display: none;
}
.header__banner .header__banner-text {
font-size: 14px;
}
.header__banner .header__banner-close-wrapper {
position: absolute;
right: 10px;
top: 50%;
transform: translateY(-50%);
}
.header__banner .header__banner-close {
position: unset;
top: unset;
transform: unset;
width: 100%;
height: 100%;
font-size: 30px;
}
#audit-form .items-input-checkbox {
flex-direction: column;
align-items: flex-start;
}
}
/* End */
/* Start:/local/templates/directline_2020/css/icons/icons.data.svg.css?169684356481323*/
.i.attach::before,.icon-attach {background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2227%22%20height%3D%2216%22%20viewBox%3D%220%200%2027%2016%22%3E%3Cg%20style%3D%22fill%3Anone%3Bopacity%3A0.2%3Bstroke-linejoin%3Around%22%3E%3Cg%20style%3D%22stroke-width%3A2%3Bstroke%3A%23000%22%3E%3Cpath%20d%3D%22M8%2011C6.3%2011%205%209.7%205%208%205%206.3%206.3%205%208%205%22/%3E%3Cpath%20d%3D%22M8%2011L21%2011%22/%3E%3Cpath%20d%3D%22M8%205L20%205%22/%3E%3Cpath%20d%3D%22M21%201C23.8%201%2026%203.2%2026%206%2026%208.8%2023.8%2011%2021%2011%22/%3E%3Cpath%20d%3D%22M8%201L21%201%22/%3E%3Cpath%20d%3D%22M8%2015C4.1%2015%201%2011.9%201%208%201%204.1%204.1%201%208%201%22/%3E%3Cpath%20d%3D%22M8%2015L20%2015%22/%3E%3C/g%3E%3C/g%3E%3C/svg%3E');background-repeat: no-repeat;width:27px;height:16px;}
/*.i.bubble-white::before,.icon-bubble-white {background-image: url('data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3Csvg%20height%3D%2232%22%20width%3D%2232%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2032%2032%22%3E%20%20%20%20%3Cpath%20fill%3D%22%23ffffff%22%20fill-rule%3D%22evenodd%22%20d%3D%22M%2016%200%20C%207.16%200%200%206.27%200%2014%20C%200%2021.73%207.16%2028%2016%2028%20C%2017.02%2028%2018.01%2027.91%2018.97%2027.75%20C%2020.32%2030.27%2022.94%2032%2026%2032%20C%2026.69%2032%2027.35%2031.89%2027.99%2031.72%20C%2026.86%2029.68%2026.19%2027.35%2026.06%2024.88%20C%2029.68%2022.32%2032%2018.4%2032%2014%20C%2032%206.27%2024.84%200%2016%200%22%20%2F%3E%20%20%20%20%3Cpath%20fill%3D%22%23000000%22%20fill-rule%3D%22evenodd%22%20d%3D%22M%2018%2015%20C%2018%2015.55%2017.55%2016%2017%2016%20C%2016.45%2016%2016%2015.55%2016%2015%20C%2016%2014.45%2016.45%2014%2017%2014%20C%2017.55%2014%2018%2014.45%2018%2015%22%20%2F%3E%20%20%20%20%3Cpath%20fill%3D%22%23000000%22%20fill-rule%3D%22evenodd%22%20d%3D%22M%2024%2015%20C%2024%2015.55%2023.55%2016%2023%2016%20C%2022.45%2016%2022%2015.55%2022%2015%20C%2022%2014.45%2022.45%2014%2023%2014%20C%2023.55%2014%2024%2014.45%2024%2015%22%20%2F%3E%20%20%20%20%3Cpath%20fill%3D%22%23000000%22%20fill-rule%3D%22evenodd%22%20d%3D%22M%2012%2015%20C%2012%2015.55%2011.55%2016%2011%2016%20C%2010.45%2016%2010%2015.55%2010%2015%20C%2010%2014.45%2010.45%2014%2011%2014%20C%2011.55%2014%2012%2014.45%2012%2015%22%20%2F%3E%3C%2Fsvg%3E');background-repeat: no-repeat;width:32px;height:32px;}*/
/*.i.bubble::before,.icon-bubble {background-image: url('data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3Csvg%20height%3D%2216%22%20width%3D%2216%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%3E%20%20%20%20%3Cpath%20fill%3D%22%23d32e42%22%20fill-rule%3D%22evenodd%22%20d%3D%22M%208%200%20C%203.58%200%200%203.13%200%207%20C%200%2010.87%203.58%2014%208%2014%20C%208.51%2014%209%2013.95%209.49%2013.88%20C%2010.16%2015.13%2011.47%2016%2013%2016%20C%2013.35%2016%2013.67%2015.94%2013.99%2015.86%20C%2013.43%2014.84%2013.1%2013.68%2013.03%2012.44%20C%2014.84%2011.16%2016%209.2%2016%207%20C%2016%203.13%2012.42%200%208%200%20M%208%201%20C%2011.86%201%2015%203.69%2015%207%20C%2015%208.79%2014.07%2010.48%2012.45%2011.63%20L%2012%2011.94%20L%2012.03%2012.5%20C%2012.08%2013.35%2012.24%2014.18%2012.5%2014.96%20C%2011.61%2014.8%2010.81%2014.24%2010.37%2013.4%20L%2010.03%2012.77%20L%209.32%2012.89%20C%208.87%2012.96%208.43%2013%208%2013%20C%204.14%2013%201%2010.31%201%207%20C%201%203.69%204.14%201%208%201%22%20%2F%3E%20%20%20%20%3Cpath%20fill%3D%22%23d32e42%22%20fill-rule%3D%22evenodd%22%20d%3D%22M%209%207.5%20C%209%207.78%208.78%208%208.5%208%20C%208.22%208%208%207.78%208%207.5%20C%208%207.22%208.22%207%208.5%207%20C%208.78%207%209%207.22%209%207.5%22%20%2F%3E%20%20%20%20%3Cpath%20fill%3D%22%23d32e42%22%20fill-rule%3D%22evenodd%22%20d%3D%22M%2012%207.5%20C%2012%207.78%2011.78%208%2011.5%208%20C%2011.22%208%2011%207.78%2011%207.5%20C%2011%207.22%2011.22%207%2011.5%207%20C%2011.78%207%2012%207.22%2012%207.5%22%20%2F%3E%20%20%20%20%3Cpath%20fill%3D%22%23d32e42%22%20fill-rule%3D%22evenodd%22%20d%3D%22M%206%207.5%20C%206%207.78%205.78%208%205.5%208%20C%205.22%208%205%207.78%205%207.5%20C%205%207.22%205.22%207%205.5%207%20C%205.78%207%206%207.22%206%207.5%22%20%2F%3E%3C%2Fsvg%3E');background-repeat: no-repeat;width:16px;height:16px;}*/
.i.bubble-white::before,.icon-bubble-white {background-image: url('/local/templates/directline_2020/css/icons/../../images/icon-comment-white.png');background-repeat: no-repeat;width:32px;height:32px;background-size: contain;}
.i.bubble::before,.icon-bubble {background-image: url('/local/templates/directline_2020/css/icons/../../images/icon-comment.png');background-repeat: no-repeat;width:16px;height:16px;background-size: 16px;}
.lk::before {height:16px;width: 16px;background-image: url('/local/templates/directline/images/lk.png') ;background-repeat: no-repeat;background-color:transparent;left: -20px;top: 45%;transform: translateY(-50%);background-size: cover;}
.i.close-icon::before,.icon-close-icon {background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20version%3D%221.1%22%20%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20xmlns%3Aa%3D%22http%3A%2F%2Fns.adobe.com%2FAdobeSVGViewerExtensions%2F3.0%2F%22%20%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2220px%22%20height%3D%2220px%22%20viewBox%3D%220%200%2020%2020%22%20style%3D%22overflow%3Ascroll%3Benable-background%3Anew%200%200%2020%2020%3B%22%20%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3Anone%3Bstroke%3A%23000000%3B%7D%3C%2Fstyle%3E%3Cdefs%3E%3C%2Fdefs%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M0.4%2C0.4l19.3%2C19.3L0.4%2C0.4z%22%2F%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M19.7%2C0.4L0.4%2C19.7L19.7%2C0.4z%22%2F%3E%3C%2Fsvg%3E');background-repeat: no-repeat;width:20px;height:20px;}
.i.fb-comment-icon::before,.icon-fb-comment-icon {background-image: url('data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20viewBox%3D%22-167%20254%2048%2096%22%20style%3D%22enable-background%3Anew%20-167%20254%2048%2096%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bopacity%3A0.5%3Bfill%3A%239D9D9D%3B%7D%20.st1%7Bfill%3Anone%3Bstroke%3A%233B5A98%3B%7D%20.st2%7Bfill%3A%233B5A98%3B%7D%3C%2Fstyle%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M-134.2%2C266.6h-3.2c-2.4%2C0-3%2C1.2-3%2C2.9v3.8h5.9l-0.8%2C6.1h-5.2V295h-6.3v-15.6h-5.2v-6.1h5.2v-4.4%20c0-5.2%2C3.2-7.9%2C7.8-7.9c2.1%2C0%2C4.1%2C0.2%2C4.7%2C0.3C-134.2%2C261.3-134.2%2C266.6-134.2%2C266.6z%22%2F%3E%3Cpath%20class%3D%22st1%22%20d%3D%22M-143%2C349c12.7%2C0%2C23-10.3%2C23-23s-10.3-23-23-23s-23%2C10.3-23%2C23S-155.7%2C349-143%2C349z%22%2F%3E%3Cpath%20class%3D%22st2%22%20d%3D%22M-134.2%2C314.6h-3.2c-2.4%2C0-3%2C1.2-3%2C2.9v3.8h5.9l-0.8%2C6.1h-5.2V343h-6.3v-15.6h-5.2v-6.1h5.2v-4.4%20c0-5.2%2C3.2-7.9%2C7.8-7.9c2.1%2C0%2C4.1%2C0.2%2C4.7%2C0.3C-134.2%2C309.3-134.2%2C314.6-134.2%2C314.6z%22%2F%3E%3C%2Fsvg%3E');background-repeat: no-repeat;width:48px;height:96px;}
.i.instagram-preview-icon::before,.icon-instagram-preview-icon {background-image: url('data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3Csvg%20height%3D%2254%22%20width%3D%2254%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2054%2054%22%3E%20%20%20%20%3Cpath%20stroke-linejoin%3D%22miter%22%20stroke-linecap%3D%22butt%22%20stroke-width%3D%223%22%20stroke%3D%22%23ffffff%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20d%3D%22M%2027%2051.91%20C%2040.76%2051.91%2051.91%2040.76%2051.91%2027%20C%2051.91%2013.24%2040.76%202.09%2027%202.09%20C%2013.24%202.09%202.09%2013.24%202.09%2027%20C%202.09%2040.76%2013.24%2051.91%2027%2051.91%20Z%20M%2027%2051.91%22%20%2F%3E%20%20%20%20%3Cpath%20stroke-linejoin%3D%22miter%22%20stroke-linecap%3D%22butt%22%20stroke-width%3D%223%22%20stroke%3D%22%23ffffff%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20d%3D%22M%2029%2035%20C%2034.52%2035%2039%2030.52%2039%2025%20C%2039%2019.48%2034.52%2015%2029%2015%20C%2023.48%2015%2019%2019.48%2019%2025%20C%2019%2030.52%2023.48%2035%2029%2035%20Z%20M%2029%2035%22%20%2F%3E%20%20%20%20%3Cpath%20stroke-linejoin%3D%22miter%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%223%22%20stroke%3D%22%23ffffff%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20d%3D%22M%2021.5%2032.5%20L%2015.5%2038.5%22%20%2F%3E%3C%2Fsvg%3E');background-repeat: no-repeat;width:54px;height:54px;}
.i.pdf-icon::before,.icon-pdf-icon {background-image: url('data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3Csvg%20height%3D%2246%22%20width%3D%2234%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2034%2046%22%3E%20%20%20%20%3Cpath%20stroke-linejoin%3D%22round%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%20stroke%3D%22%23d32e42%22%20fill%3D%22%23d32e42%22%20fill-rule%3D%22evenodd%22%20d%3D%22M%2033%2045%20L%201%2045%20L%201%201%20L%2025%201%20L%2033%209%20L%2033%2045%20L%2033%2045%20Z%20M%2033%2045%22%20%2F%3E%20%20%20%20%3Cpath%20stroke-linejoin%3D%22round%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%20stroke%3D%22%23ffffff%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20d%3D%22M%2029%2010%20L%2024%2010%20L%2024%205%22%20%2F%3E%20%20%20%20%3Cpath%20stroke-linejoin%3D%22round%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%20stroke%3D%22%23ffffff%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20d%3D%22M%208%2033.59%20C%2012.96%2038.59%2025%2015.08%2018%2017%20C%2014.1%2018.07%2019.03%2039.15%2023%2036%20C%2028%2032.04%203.06%2028.61%208%2033.59%20L%208%2033.59%20Z%20M%208%2033.59%22%20%2F%3E%3C%2Fsvg%3E');background-repeat: no-repeat;width:34px;height:46px;}
.i.readmore-icon::before,.icon-readmore-icon {background-image: url('data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3Csvg%20height%3D%2228%22%20width%3D%2234%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2034%2028%22%3E%20%20%20%20%3Cpath%20stroke-linejoin%3D%22round%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%20stroke%3D%22%23d32e42%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20d%3D%22M%201%2027%20L%201%201%20L%2033%201%20L%2033%2027%20L%201%2027%20Z%20M%201%2027%22%20%2F%3E%20%20%20%20%3Cpath%20fill%3D%22%23d32e42%22%20fill-rule%3D%22evenodd%22%20d%3D%22M%201%208%20L%201%201%20L%2033%201%20L%2033%208%20L%201%208%20Z%20M%201%208%22%20%2F%3E%20%20%20%20%3Cpath%20fill%3D%22%23ffffff%22%20fill-rule%3D%22evenodd%22%20d%3D%22M%203.98%206.03%20C%205.07%206.03%205.96%205.13%205.96%204.01%20C%205.96%202.9%205.07%202%203.98%202%20C%202.89%202%202%202.9%202%204.01%20C%202%205.13%202.89%206.03%203.98%206.03%20Z%20M%203.98%206.03%22%20%2F%3E%20%20%20%20%3Cpath%20fill%3D%22%23ffffff%22%20fill-rule%3D%22evenodd%22%20d%3D%22M%209.26%206.03%20C%2010.36%206.03%2011.24%205.13%2011.24%204.01%20C%2011.24%202.9%2010.36%202%209.26%202%20C%208.17%202%207.28%202.9%207.28%204.01%20C%207.28%205.13%208.17%206.03%209.26%206.03%20Z%20M%209.26%206.03%22%20%2F%3E%20%20%20%20%3Cpath%20fill%3D%22%23ffffff%22%20fill-rule%3D%22evenodd%22%20d%3D%22M%2014.54%206.03%20C%2015.64%206.03%2016.52%205.13%2016.52%204.01%20C%2016.52%202.9%2015.64%202%2014.54%202%20C%2013.45%202%2012.56%202.9%2012.56%204.01%20C%2012.56%205.13%2013.45%206.03%2014.54%206.03%20Z%20M%2014.54%206.03%22%20%2F%3E%20%20%20%20%3Cpath%20fill%3D%22%23d32e42%22%20fill-rule%3D%22evenodd%22%20d%3D%22M%204%2012%20L%2019%2012%20L%2019%2023%20L%204%2023%20L%204%2012%20Z%20M%204%2012%22%20%2F%3E%20%20%20%20%3Cpath%20stroke-linejoin%3D%22miter%22%20stroke-linecap%3D%22square%22%20stroke-width%3D%222%22%20stroke%3D%22%23d32e42%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20d%3D%22M%2023%2013%20L%2029%2013%22%20%2F%3E%20%20%20%20%3Cpath%20stroke-linejoin%3D%22miter%22%20stroke-linecap%3D%22square%22%20stroke-width%3D%222%22%20stroke%3D%22%23d32e42%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20d%3D%22M%2023%2017%20L%2029%2017%22%20%2F%3E%20%20%20%20%3Cpath%20stroke-linejoin%3D%22miter%22%20stroke-linecap%3D%22square%22%20stroke-width%3D%222%22%20stroke%3D%22%23d32e42%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20d%3D%22M%2023%2021%20L%2029%2021%22%20%2F%3E%3C%2Fsvg%3E');background-repeat: no-repeat;width:34px;height:28px;}
.i.s-fb::before,.icon-s-fb {background-image: url('/local/templates/directline_2020/css/icons/png/icon-facebook.png');background-repeat: no-repeat;width:30px;height:31px;background-size: contain;}
.i.s-tw::before,.icon-s-tw {background-image: url('/local/templates/directline_2020/css/icons/png/icon-instagram.png');background-repeat: no-repeat;width:30px;height:30px;background-size: contain;}
.i.s-vk::before,.icon-s-vk {background-image: url('/local/templates/directline_2020/css/icons/png/icon-vk.png');background-repeat: no-repeat;width:30px;height:31px;background-size: contain;}
.i.s-ytb::before,.icon-s-ytb {background-image: url('/local/templates/directline_2020/css/icons/png/icon-youtube.png');background-repeat: no-repeat;width:30px;height:31px;background-size: contain;}
.icon-we-fb {background-image: url('/local/templates/directline_2020/css/icons/./icon-facebook-we.svg');background-repeat: no-repeat;width:23px;height:14px;background-size: contain;}
.icon-we-tw {background-image: url('/local/templates/directline_2020/css/icons/./icon-instagram-we.svg');background-repeat: no-repeat;width:23px;height:14px;background-size: contain;}
.icon-we-tw-w {background-image: url('/local/templates/directline_2020/css/icons/./icon-instagram-we-white.svg');background-repeat: no-repeat;width:23px;height:14px;background-size: contain;}
.icon-we-vk {background-image: url('/local/templates/directline_2020/css/icons/./icon-vk-we.svg');background-repeat: no-repeat;width:23px;height:14px;background-size: contain;}
.icon-we-ytb {background-image: url('/local/templates/directline_2020/css/icons/./icon-youtube-we.svg');background-repeat: no-repeat;width:25px;height:16px;background-size: contain;}
.icon-we-mail {background-image: url('/local/templates/directline_2020/css/icons/./icon-mail-we.svg');background-repeat: no-repeat;width:25px;height:16px;background-size: contain;}
.i.social-icons::before,.icon-social-icons {background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOS4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjEgNDYuNyAxNDQgNDgiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMSA0Ni43IDE0NCA0ODsiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4NCgkuc3Qwe2ZpbGw6IzNCNUE5ODt9DQoJLnN0MXtmaWxsOiM0ODcyOUU7fQ0KCS5zdDJ7ZmlsbDojRkZGRkZGO30NCgkuc3Qze2ZpbGwtcnVsZTpldmVub2RkO2NsaXAtcnVsZTpldmVub2RkO2ZpbGw6IzUxN0VBNDt9DQoJLnN0NHtmaWxsLXJ1bGU6ZXZlbm9kZDtjbGlwLXJ1bGU6ZXZlbm9kZDtmaWxsOiNGRkZGRkY7fQ0KPC9zdHlsZT4NCjxwYXRoIGlkPSJYTUxJRF80XyIgY2xhc3M9InN0MCIgZD0iTTI1LDk0LjdjMTMuMywwLDI0LTEwLjcsMjQtMjRzLTEwLjctMjQtMjQtMjRTMSw1Ny40LDEsNzAuN1MxMS43LDk0LjcsMjUsOTQuN3oiLz4NCjxwYXRoIGlkPSJYTUxJRF82XyIgY2xhc3M9InN0MSIgZD0iTTczLDk0LjdjMTMuMywwLDI0LTEwLjcsMjQtMjRzLTEwLjctMjQtMjQtMjRzLTI0LDEwLjctMjQsMjRTNTkuNyw5NC43LDczLDk0Ljd6Ii8+DQo8cGF0aCBpZD0iWE1MSURfMV8iIGNsYXNzPSJzdDIiIGQ9Ik0zMy44LDU5LjNoLTMuMmMtMi40LDAtMywxLjItMywyLjlWNjZoNS45bC0wLjgsNi4xaC01LjJ2MTUuNmgtNi4zVjcyLjFIMTZWNjZoNS4ydi00LjQNCgljMC01LjIsMy4yLTcuOSw3LjgtNy45YzIuMSwwLDQuMSwwLjIsNC43LDAuM0MzMy44LDU0LDMzLjgsNTkuMywzMy44LDU5LjN6Ii8+DQo8cGF0aCBpZD0iWE1MSURfMl8iIGNsYXNzPSJzdDIiIGQ9Ik04Ni4yLDY3LjZjLTMuNCw0LjYtMy44LDQuMS0wLjksNi43YzIuOCwyLjUsMy4zLDMuNywzLjQsNGMwLDAsMS4yLDItMS4zLDJsLTQuNSwwLjENCgljLTAuOSwwLjEtMi4yLTAuNy0yLjItMC43Yy0xLjctMS4yLTMuMy00LjItNC41LTMuOGMwLDAtMS4zLDAuNC0xLjIsMy4yYzAsMC41LTAuMywwLjktMC4zLDAuOXMtMC4zLDAuNC0wLjksMC40aC0yDQoJYy00LjUsMC4zLTguNC0zLjgtOC40LTMuOFM1OC45LDcyLDU1LjEsNjNjLTAuMy0wLjUsMC0wLjksMC0wLjlzMC4zLTAuMywxLjEtMC4zSDYxYzAuNCwwLjEsMC44LDAuMywwLjgsMC4zczAuMywwLjEsMC40LDAuNQ0KCWMwLjgsMi4xLDEuOCwzLjgsMS44LDMuOGMxLjcsMy43LDMsNC4yLDMuNywzLjhjMCwwLDAuOS0wLjUsMC43LTVjLTAuMS0xLjYtMC41LTIuNC0wLjUtMi40Yy0wLjQtMC4zLTEuMi0wLjUtMS42LTAuNQ0KCWMtMC4zLDAsMC4xLTAuNywwLjgtMC45QzY4LDYxLDY5LjUsNjEsNzEuMyw2MWMxLjQsMCwxLjgsMC4xLDIuNCwwLjNjMS43LDAuNCwxLjEsMiwxLjEsNS43YzAsMS4yLTAuMywyLjksMC43LDMuNA0KCWMwLjQsMC4zLDEuMywwLDMuNi0zLjhjMCwwLDEuMS0xLjgsMS44LTRjMC4xLTAuNCwwLjQtMC41LDAuNC0wLjVTODEuNiw2Miw4Miw2Mmg1YzEuNi0wLjEsMS44LDAuNSwxLjgsMC41DQoJQzg5LjEsNjMuMSw4OC4zLDY0LjgsODYuMiw2Ny42eiIvPg0KPGc+DQoJPGNpcmNsZSBjbGFzcz0ic3QzIiBjeD0iMTIxIiBjeT0iNzAuNyIgcj0iMjQiLz4NCgk8Zz4NCgkJPHBhdGggY2xhc3M9InN0NCIgZD0iTTEyMC45LDgzYy0zLjIsMC02LjMsMC05LjUsMGMtMS43LDAtMi43LTEtMi43LTIuN2MwLTQuNCwwLTguOCwwLTEzLjFjMC0wLjQsMC4xLTAuNSwwLjUtMC41YzIsMCw0LDAsNi4xLDANCgkJCWMwLjQsMCwwLjUsMC4xLDAuMywwLjVjLTEuMywzLjEsMC4zLDYuNywzLjYsNy43YzMuMiwxLDYuNi0wLjksNy4zLTQuM2MwLjMtMS4yLDAuMS0yLjMtMC40LTMuNWMtMC4yLTAuNC0wLjEtMC40LDAuMy0wLjQNCgkJCWMyLjEsMCw0LjEsMCw2LjIsMGMwLjQsMCwwLjUsMC4xLDAuNSwwLjVjMCw0LjQsMCw4LjgsMCwxMy4yYzAsMS43LTEsMi42LTIuNywyLjZDMTI3LjMsODMsMTI0LjEsODMsMTIwLjksODN6Ii8+DQoJCTxwYXRoIGNsYXNzPSJzdDQiIGQ9Ik0xMzMuMiw2MS4yYzAtMS42LTEuMS0yLjYtMi43LTIuNmMtMy4yLDAtNi4zLDAtOS41LDBjLTMuMiwwLTYuNCwwLTkuNiwwYy0xLjUsMC0yLjYsMS0yLjYsMi41DQoJCQljMCwxLjUsMCwyLjksMCw0LjRjMCwwLjQsMC4xLDAuNCwwLjUsMC40YzIuMiwwLDQuNSwwLDYuNywwYzAuMywwLDAuNC0wLjEsMC42LTAuM2MyLjQtMi44LDYuNS0yLjgsOC44LDANCgkJCWMwLjIsMC4yLDAuMywwLjMsMC42LDAuM2MyLjMsMCw0LjUsMCw2LjgsMGMwLjMsMCwwLjQtMC4xLDAuNC0wLjRDMTMzLjIsNjQuMSwxMzMuMiw2Mi42LDEzMy4yLDYxLjJ6IE0xMTAuNCw2NC45DQoJCQljLTAuMywwLTAuNC0wLjEtMC4zLTAuNGMwLTEuMSwwLTIuMiwwLTMuM2MwLTAuNSwwLjMtMC44LDAuNy0xLjFjMCwwLjQsMCwwLjcsMCwxYzAsMS4xLDAsMi4zLDAsMy40DQoJCQlDMTEwLjgsNjQuOCwxMTAuNyw2NC45LDExMC40LDY0Ljl6IE0xMTEuOCw2NC45Yy0wLjMsMC0wLjQsMC0wLjQtMC40YzAtMS40LDAtMi44LDAtNC4zYzAtMC40LDAuMi0wLjQsMC40LTAuNA0KCQkJYzAuMywwLDAuNCwwLjEsMC40LDAuNGMwLDAuNywwLDEuNCwwLDIuMmMwLDAuNywwLDEuNCwwLDIuMUMxMTIuMiw2NC44LDExMi4xLDY0LjksMTExLjgsNjQuOXogTTExMy42LDYyLjRjMCwwLjcsMCwxLjQsMCwyLjENCgkJCWMwLDAuMy0wLjEsMC40LTAuNCwwLjRjLTAuMywwLTAuNC0wLjEtMC40LTAuNGMwLTEuNCwwLTIuOCwwLTQuM2MwLTAuMywwLjEtMC40LDAuNC0wLjRjMC4zLDAsMC40LDAuMSwwLjQsMC40DQoJCQlDMTEzLjYsNjEsMTEzLjYsNjEuNywxMTMuNiw2Mi40eiBNMTE1LDY0LjVjMCwwLjMtMC4xLDAuNC0wLjQsMC4zYy0wLjIsMC0wLjQsMC0wLjQtMC4zYzAtMC43LDAtMS41LDAtMi4yYzAtMC43LDAtMS40LDAtMi4xDQoJCQljMC0wLjMsMC4xLTAuNCwwLjQtMC40YzAuMywwLDAuNCwwLjEsMC40LDAuNEMxMTUsNjEuNywxMTUsNjMuMSwxMTUsNjQuNXogTTEzMS44LDYzYzAsMC45LTAuNiwxLjUtMS41LDEuNg0KCQkJYy0wLjgsMC4xLTEuNywwLjEtMi41LDBjLTAuOC0wLjEtMS40LTAuNy0xLjQtMS41YzAtMC41LDAtMSwwLTEuNWMwLTAuOSwwLjctMS41LDEuNS0xLjZjMC40LDAsMC44LDAsMS4xLDBjMCwwLDAsMCwwLDANCgkJCWMwLjQsMCwwLjcsMCwxLDBjMC45LDAsMS42LDAuNywxLjYsMS43QzEzMS44LDYyLjEsMTMxLjgsNjIuNiwxMzEuOCw2M3oiLz4NCgkJPHBhdGggY2xhc3M9InN0NCIgZD0iTTEyMSw2NC4yYy0yLjgsMC01LjEsMi4zLTUuMSw1LjFjMCwyLjgsMi4zLDUuMSw1LjEsNS4xYzIuOCwwLDUuMS0yLjMsNS4xLTUuMQ0KCQkJQzEyNi4xLDY2LjUsMTIzLjgsNjQuMiwxMjEsNjQuMnogTTEyMSw3My40Yy0yLjMsMC00LjEtMS45LTQuMS00LjFjMC0yLjMsMS45LTQuMSw0LjItNC4xYzIuMywwLDQuMSwxLjksNC4xLDQuMg0KCQkJQzEyNS4xLDcxLjYsMTIzLjIsNzMuNCwxMjEsNzMuNHoiLz4NCgk8L2c+DQo8L2c+DQo8L3N2Zz4NCg==');background-repeat: no-repeat;width:144px;height:48px;}
.i.stat-1::before,.icon-stat-1 {background-image: url('data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3Csvg%20height%3D%2246%22%20width%3D%2248%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2046%22%3E%20%20%20%20%3Cpath%20stroke-linejoin%3D%22round%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%20stroke%3D%22%23ffffff%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20d%3D%22M%2043%2045%20L%205%2045%20C%202.79%2045%201%2043.21%201%2041%20L%201%2015%20C%201%2012.79%202.79%2011%205%2011%20L%2043%2011%20C%2045.21%2011%2047%2012.79%2047%2015%20L%2047%2041%20C%2047%2043.21%2045.21%2045%2043%2045%20L%2043%2045%20Z%20M%2043%2045%22%20%2F%3E%20%20%20%20%3Cpath%20stroke-linejoin%3D%22round%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%20stroke%3D%22%23ffffff%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20d%3D%22M%2033%2015%20L%2033%205%20C%2033%202.79%2031.21%201%2029%201%20L%2019%201%20C%2016.79%201%2015%202.79%2015%205%20L%2015%2015%22%20%2F%3E%20%20%20%20%3Cpath%20stroke-linejoin%3D%22round%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%20stroke%3D%22%23ffffff%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20d%3D%22M%2019%2029%20L%201%2023%22%20%2F%3E%20%20%20%20%3Cpath%20stroke-linejoin%3D%22round%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%20stroke%3D%22%23ffffff%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20d%3D%22M%2047%2023%20L%2029%2029%22%20%2F%3E%20%20%20%20%3Cpath%20stroke-linejoin%3D%22round%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%20stroke%3D%22%23ffffff%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20d%3D%22M%2029%2032%20L%2024%2034%20L%2019%2032%20L%2019%2025%20L%2029%2025%20L%2029%2032%20L%2029%2032%20Z%20M%2029%2032%22%20%2F%3E%20%20%20%20%3Cpath%20stroke-linejoin%3D%22round%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%20stroke%3D%22%23ffffff%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20d%3D%22M%2019%205%20L%2029%205%22%20%2F%3E%20%20%20%20%3Cpath%20stroke-linejoin%3D%22round%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%20stroke%3D%22%23ffffff%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20d%3D%22M%2031%2039%20L%2041%2039%22%20%2F%3E%3C%2Fsvg%3E');background-repeat: no-repeat;width:48px;height:46px;}
.i.stat-2::before,.icon-stat-2 {background-image: url('data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3Csvg%20height%3D%2248%22%20width%3D%2248%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%3E%20%20%20%20%3Cpath%20stroke-linejoin%3D%22round%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%20stroke%3D%22%23ffffff%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20d%3D%22M%2047%2024%20C%2047%2036.7%2036.7%2047%2024%2047%20C%2011.3%2047%201%2036.7%201%2024%20C%201%2011.3%2011.3%201%2024%201%20C%2036.7%201%2047%2011.3%2047%2024%20L%2047%2024%20Z%20M%2047%2024%22%20%2F%3E%20%20%20%20%3Cpath%20stroke-linejoin%3D%22round%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%20stroke%3D%22%23ffffff%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20d%3D%22M%2024%2024%20L%2036%2012%22%20%2F%3E%20%20%20%20%3Cpath%20stroke-linejoin%3D%22round%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%20stroke%3D%22%23ffffff%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20d%3D%22M%2024%2024%20L%2018%2018%22%20%2F%3E%20%20%20%20%3Cpath%20stroke-linejoin%3D%22round%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%20stroke%3D%22%23ffffff%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20d%3D%22M%2024%205%20L%2024%207%22%20%2F%3E%20%20%20%20%3Cpath%20stroke-linejoin%3D%22round%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%20stroke%3D%22%23ffffff%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20d%3D%22M%2024%2041%20L%2024%2043%22%20%2F%3E%20%20%20%20%3Cpath%20stroke-linejoin%3D%22round%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%20stroke%3D%22%23ffffff%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20d%3D%22M%2043%2024%20L%2041%2024%22%20%2F%3E%20%20%20%20%3Cpath%20stroke-linejoin%3D%22round%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%20stroke%3D%22%23ffffff%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20d%3D%22M%207%2024%20L%205%2024%22%20%2F%3E%20%20%20%20%3Cpath%20fill%3D%22%23ffffff%22%20fill-rule%3D%22evenodd%22%20d%3D%22M%2013%2012%20C%2013%2012.55%2012.55%2013%2012%2013%20C%2011.45%2013%2011%2012.55%2011%2012%20C%2011%2011.45%2011.45%2011%2012%2011%20C%2012.55%2011%2013%2011.45%2013%2012%22%20%2F%3E%20%20%20%20%3Cpath%20fill%3D%22%23ffffff%22%20fill-rule%3D%22evenodd%22%20d%3D%22M%2037%2036%20C%2037%2036.55%2036.55%2037%2036%2037%20C%2035.45%2037%2035%2036.55%2035%2036%20C%2035%2035.45%2035.45%2035%2036%2035%20C%2036.55%2035%2037%2035.45%2037%2036%22%20%2F%3E%20%20%20%20%3Cpath%20stroke-linejoin%3D%22round%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%20stroke%3D%22%23ffffff%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20d%3D%22M%2017.38%2039.66%20C%2015.35%2038.8%2013.52%2037.56%2011.98%2036.02%20C%2010.44%2034.48%209.2%2032.65%208.34%2030.62%22%20%2F%3E%3C%2Fsvg%3E');background-repeat: no-repeat;width:48px;height:48px;}
.i.stat-3::before,.icon-stat-3 {background-image: url('data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3Csvg%20height%3D%2248%22%20width%3D%2248%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%3E%20%20%20%20%3Cpath%20stroke-linejoin%3D%22round%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%20stroke%3D%22%23ffffff%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20d%3D%22M%2024.08%2032%20L%2023.92%2032%20C%2019.39%2032%2015.57%2028.64%2014.99%2024.14%20L%2012.29%203.26%20C%2012.14%202.06%2013.07%201%2014.28%201%20L%2033.73%201%20C%2034.93%201%2035.86%202.06%2035.71%203.26%20L%2033.01%2024.14%20C%2032.43%2028.64%2028.61%2032%2024.08%2032%20L%2024.08%2032%20Z%20M%2024.08%2032%22%20%2F%3E%20%20%20%20%3Cpath%20stroke-linejoin%3D%22round%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%20stroke%3D%22%23ffffff%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20d%3D%22M%2017%207%20L%2019%2023%22%20%2F%3E%20%20%20%20%3Cpath%20stroke-linejoin%3D%22round%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%20stroke%3D%22%23ffffff%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20d%3D%22M%2024%2032%20L%2024%2042%22%20%2F%3E%20%20%20%20%3Cpath%20stroke-linejoin%3D%22round%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%20stroke%3D%22%23ffffff%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20d%3D%22M%2024%2042%20L%2017.86%2042.88%20C%2017.37%2042.95%2017%2043.37%2017%2043.87%20L%2017%2046%20C%2017%2046.55%2017.45%2047%2018%2047%20L%2030%2047%20C%2030.55%2047%2031%2046.55%2031%2046%20L%2031%2043.87%20C%2031%2043.37%2030.63%2042.95%2030.14%2042.88%20L%2024%2042%20L%2024%2042%20Z%20M%2024%2042%22%20%2F%3E%20%20%20%20%3Cpath%20stroke-linejoin%3D%22round%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%20stroke%3D%22%23ffffff%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20d%3D%22M%2036%206%20L%2039%206%20C%2040.1%206%2041%206.89%2041%208%20L%2039.22%2022.25%20C%2039.09%2023.25%2038.24%2024%2037.23%2024%20L%2034%2024%22%20%2F%3E%20%20%20%20%3Cpath%20stroke-linejoin%3D%22round%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%20stroke%3D%22%23ffffff%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20d%3D%22M%2012%206%20L%209.23%206%20C%208.04%206%207.11%207.04%207.25%208.22%20L%208.8%2022.22%20C%208.91%2023.23%209.77%2024%2010.79%2024%20L%2014%2024%22%20%2F%3E%20%20%20%20%3Cpath%20stroke-linejoin%3D%22round%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%20stroke%3D%22%23ffffff%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20d%3D%22M%2047%2024%20L%2043%2024%22%20%2F%3E%20%20%20%20%3Cpath%20stroke-linejoin%3D%22round%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%20stroke%3D%22%23ffffff%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20d%3D%22M%205%2024%20L%201%2024%22%20%2F%3E%20%20%20%20%3Cpath%20stroke-linejoin%3D%22round%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%20stroke%3D%22%23ffffff%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20d%3D%22M%2041%2036%20L%2039%2034%22%20%2F%3E%20%20%20%20%3Cpath%20stroke-linejoin%3D%22round%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%20stroke%3D%22%23ffffff%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20d%3D%22M%207%2036%20L%209%2034%22%20%2F%3E%3C%2Fsvg%3E');background-repeat: no-repeat;width:48px;height:48px;}
.i.stat-4::before,.icon-stat-4 {background-image: url('data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3Csvg%20height%3D%2248%22%20width%3D%2242%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2042%2048%22%3E%20%20%20%20%3Cpath%20stroke-linejoin%3D%22round%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%20stroke%3D%22%23ffffff%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20d%3D%22M%2033%2013%20C%2033%2019.63%2027.63%2030%2021%2030%20C%2014.37%2030%209%2019.63%209%2013%20C%209%206.37%2014.37%201%2021%201%20C%2027.63%201%2033%206.37%2033%2013%20L%2033%2013%20Z%20M%2033%2013%22%20%2F%3E%20%20%20%20%3Cpath%20stroke-linejoin%3D%22round%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%20stroke%3D%22%23ffffff%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20d%3D%22M%205%2037%20L%202.11%2038.45%20C%201.43%2038.79%201%2039.48%201%2040.24%20L%201%2045%20C%201%2046.11%201.9%2047%203%2047%20L%2039%2047%20C%2040.1%2047%2041%2046.11%2041%2045%20L%2041%2040.24%20C%2041%2039.48%2040.57%2038.79%2039.89%2038.45%20L%2037%2037%22%20%2F%3E%20%20%20%20%3Cpath%20stroke-linejoin%3D%22round%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%20stroke%3D%22%23ffffff%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20d%3D%22M%2028.7%2029.85%20C%2029.99%2032.15%2031.88%2034%2034%2034%20C%2037.87%2034%2041%2027.87%2041%2024%20C%2041%2020.82%2038.88%2018.15%2035.99%2017.29%22%20%2F%3E%20%20%20%20%3Cpath%20stroke-linejoin%3D%22round%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%20stroke%3D%22%23ffffff%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20d%3D%22M%206.01%2017.29%20C%203.12%2018.15%201%2020.82%201%2024%20C%201%2027.87%204.13%2034%208%2034%20C%2010.12%2034%2012.01%2032.15%2013.3%2029.85%22%20%2F%3E%20%20%20%20%3Cpath%20stroke-linejoin%3D%22round%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%20stroke%3D%22%23ffffff%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20d%3D%22M%2016%2033.64%20C%2017.47%2034.5%2019.17%2035%2021%2035%20C%2022.83%2035%2024.53%2034.5%2026%2033.64%22%20%2F%3E%20%20%20%20%3Cpath%20stroke-linejoin%3D%22round%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%20stroke%3D%22%23ffffff%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20d%3D%22M%2021%2035%20L%2021%2043%22%20%2F%3E%20%20%20%20%3Cpath%20stroke-linejoin%3D%22round%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%20stroke%3D%22%23ffffff%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20d%3D%22M%2016.07%2010.07%20C%2014.26%2011.88%2011.76%2013%209%2013%22%20%2F%3E%20%20%20%20%3Cpath%20stroke-linejoin%3D%22round%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%20stroke%3D%22%23ffffff%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20d%3D%22M%2013.23%203.86%20C%2016.04%2011.52%2023.37%2017%2032%2017%22%20%2F%3E%20%20%20%20%3Cpath%20stroke-linejoin%3D%22miter%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%20stroke%3D%22%23ffffff%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20d%3D%22M%2027%2019%20L%2025%2020%22%20%2F%3E%20%20%20%20%3Cpath%20stroke-linejoin%3D%22miter%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%20stroke%3D%22%23ffffff%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20d%3D%22M%2017%2020%20L%2015%2019%22%20%2F%3E%3C%2Fsvg%3E');background-repeat: no-repeat;width:42px;height:48px;}
.i.tool-1::before,.icon-tool-1 {background-image: url('data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3Csvg%20height%3D%2248%22%20width%3D%2248%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%3E%20%20%20%20%3Cpath%20stroke-linejoin%3D%22round%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%20stroke%3D%22%23000000%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20d%3D%22M%2041%2019%20L%201%2019%20L%201%201%20L%2041%201%20L%2047%2010%20L%2041%2019%20L%2041%2019%20Z%20M%2041%2019%22%20%2F%3E%20%20%20%20%3Cpath%20stroke-linejoin%3D%22round%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%20stroke%3D%22%23000000%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20d%3D%22M%209%2043%20L%2047%2043%22%20%2F%3E%20%20%20%20%3Cpath%20stroke-linejoin%3D%22round%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%20stroke%3D%22%23000000%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20d%3D%22M%209%2047%20L%2026%2047%22%20%2F%3E%20%20%20%20%3Cpath%20stroke-linejoin%3D%22round%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%20stroke%3D%22%23000000%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20d%3D%22M%209%2029%20L%2043%2029%22%20%2F%3E%20%20%20%20%3Cpath%20stroke-linejoin%3D%22round%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%20stroke%3D%22%23000000%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20d%3D%22M%209%2033%20L%2026%2033%22%20%2F%3E%20%20%20%20%3Cpath%20stroke-linejoin%3D%22round%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%20stroke%3D%22%23000000%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20d%3D%22M%201%2029%20L%203%2029%22%20%2F%3E%20%20%20%20%3Cpath%20stroke-linejoin%3D%22round%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%20stroke%3D%22%23000000%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20d%3D%22M%201%2043%20L%203%2043%22%20%2F%3E%20%20%20%20%3Cpath%20stroke-linejoin%3D%22round%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%20stroke%3D%22%23000000%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20d%3D%22M%2037%209%20C%2037%2010.66%2035.66%2012%2034%2012%20C%2032.34%2012%2031%2010.66%2031%209%20C%2031%207.34%2032.34%206%2034%206%20C%2035.66%206%2037%207.34%2037%209%20L%2037%209%20Z%20M%2037%209%22%20%2F%3E%20%20%20%20%3Cpath%20stroke-linejoin%3D%22round%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%20stroke%3D%22%23000000%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20d%3D%22M%2037%2012%20L%2039%2014%22%20%2F%3E%3C%2Fsvg%3E');background-repeat: no-repeat;width:48px;height:48px;}
.i.tool-2::before,.icon-tool-2 {background-image: url('data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3Csvg%20height%3D%2248%22%20width%3D%2248%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%3E%20%20%20%20%3Cpath%20stroke-linejoin%3D%22round%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%20stroke%3D%22%23000000%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20d%3D%22M%2035%2030%20L%2047%2042%20L%2042%2047%20L%2030%2035%20L%2025%2045%20L%2016%2016%20L%2045%2026%20L%2035%2030%20L%2035%2030%20Z%20M%2035%2030%22%20%2F%3E%20%20%20%20%3Cpath%20stroke-linejoin%3D%22round%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%20stroke%3D%22%23000000%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20d%3D%22M%2020%201%20L%2020%205%22%20%2F%3E%20%20%20%20%3Cpath%20stroke-linejoin%3D%22round%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%20stroke%3D%22%23000000%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20d%3D%22M%205%2020%20L%201%2020%22%20%2F%3E%20%20%20%20%3Cpath%20stroke-linejoin%3D%22round%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%20stroke%3D%22%23000000%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20d%3D%22M%207%207%20L%2010%2010%22%20%2F%3E%20%20%20%20%3Cpath%20stroke-linejoin%3D%22round%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%20stroke%3D%22%23000000%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20d%3D%22M%2010%2030%20L%207%2033%22%20%2F%3E%20%20%20%20%3Cpath%20stroke-linejoin%3D%22round%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%20stroke%3D%22%23000000%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20d%3D%22M%2033%207%20L%2030%2010%22%20%2F%3E%3C%2Fsvg%3E');background-repeat: no-repeat;width:48px;height:48px;}
.i.tool-3::before,.icon-tool-3 {background-image: url('data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3Csvg%20height%3D%2248%22%20width%3D%2248%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%3E%20%20%20%20%3Cpath%20stroke-linejoin%3D%22round%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%20stroke%3D%22%23000000%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20d%3D%22M%2045.19%2015.05%20C%2046.36%2017.8%2047%2020.82%2047%2024%20C%2047%2027.18%2046.36%2030.2%2045.19%2032.95%20C%2044.03%2035.7%2042.34%2038.18%2040.26%2040.26%20C%2038.18%2042.34%2035.7%2044.03%2032.95%2045.19%20C%2030.2%2046.36%2027.18%2047%2024%2047%20C%2020.82%2047%2017.8%2046.36%2015.05%2045.19%20C%2012.3%2044.03%209.82%2042.34%207.74%2040.26%20C%205.66%2038.18%203.97%2035.7%202.81%2032.95%20C%201.64%2030.2%201%2027.18%201%2024%20C%201%2020.82%201.64%2017.8%202.81%2015.05%20C%203.97%2012.3%205.66%209.82%207.74%207.74%20C%209.82%205.66%2012.3%203.97%2015.05%202.81%20C%2017.8%201.64%2020.82%201%2024%201%20C%2027.18%201%2030.2%201.64%2032.95%202.81%22%20%2F%3E%20%20%20%20%3Cpath%20stroke-linejoin%3D%22round%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%20stroke%3D%22%23000000%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20d%3D%22M%2047%201%20L%2021%2020%20L%2021.01%2020.01%20C%2019.8%2020.93%2019%2022.36%2019%2024%20C%2019%2026.76%2021.24%2029%2024%2029%20C%2025.64%2029%2027.07%2028.2%2027.99%2026.99%20L%2028%2027%20L%2047%201%20L%2047%201%20Z%20M%2047%201%22%20%2F%3E%20%20%20%20%3Cpath%20stroke-linejoin%3D%22round%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%20stroke%3D%22%23231f20%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20d%3D%22M%2024%205%20L%2024%208%22%20%2F%3E%20%20%20%20%3Cpath%20stroke-linejoin%3D%22round%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%20stroke%3D%22%23231f20%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20d%3D%22M%2043%2024%20L%2040%2024%22%20%2F%3E%20%20%20%20%3Cpath%20stroke-linejoin%3D%22round%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%20stroke%3D%22%23231f20%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20d%3D%22M%208%2024%20L%205%2024%22%20%2F%3E%20%20%20%20%3Cpath%20stroke-linejoin%3D%22round%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%20stroke%3D%22%23231f20%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20d%3D%22M%2011%2011%20L%2013%2013%22%20%2F%3E%20%20%20%20%3Cpath%20fill%3D%22%23231f20%22%20fill-rule%3D%22evenodd%22%20d%3D%22M%208%2016%20C%207.45%2016%207%2016.45%207%2017%20C%207%2017.55%207.45%2018%208%2018%20C%208.55%2018%209%2017.55%209%2017%20C%209%2016.45%208.55%2016%208%2016%22%20%2F%3E%20%20%20%20%3Cpath%20fill%3D%22%23231f20%22%20fill-rule%3D%22evenodd%22%20d%3D%22M%2017%207%20C%2016.45%207%2016%207.45%2016%208%20C%2016%208.55%2016.45%209%2017%209%20C%2017.55%209%2018%208.55%2018%208%20C%2018%207.45%2017.55%207%2017%207%22%20%2F%3E%20%20%20%20%3Cpath%20fill%3D%22%23231f20%22%20fill-rule%3D%22evenodd%22%20d%3D%22M%2031%207%20C%2030.45%207%2030%207.45%2030%208%20C%2030%208.55%2030.45%209%2031%209%20C%2031.55%209%2032%208.55%2032%208%20C%2032%207.45%2031.55%207%2031%207%22%20%2F%3E%20%20%20%20%3Cpath%20fill%3D%22%23231f20%22%20fill-rule%3D%22evenodd%22%20d%3D%22M%2040%2016%20C%2039.45%2016%2039%2016.45%2039%2017%20C%2039%2017.55%2039.45%2018%2040%2018%20C%2040.55%2018%2041%2017.55%2041%2017%20C%2041%2016.45%2040.55%2016%2040%2016%22%20%2F%3E%20%20%20%20%3Cpath%20fill%3D%22%23231f20%22%20fill-rule%3D%22evenodd%22%20d%3D%22M%208%2030%20C%207.45%2030%207%2030.45%207%2031%20C%207%2031.55%207.45%2032%208%2032%20C%208.55%2032%209%2031.55%209%2031%20C%209%2030.45%208.55%2030%208%2030%22%20%2F%3E%20%20%20%20%3Cpath%20fill%3D%22%23231f20%22%20fill-rule%3D%22evenodd%22%20d%3D%22M%2040%2030%20C%2039.45%2030%2039%2030.45%2039%2031%20C%2039%2031.55%2039.45%2032%2040%2032%20C%2040.55%2032%2041%2031.55%2041%2031%20C%2041%2030.45%2040.55%2030%2040%2030%22%20%2F%3E%20%20%20%20%3Cpath%20stroke-linejoin%3D%22round%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%20stroke%3D%22%23231f20%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20d%3D%22M%2013%2035%20L%2011%2037%22%20%2F%3E%20%20%20%20%3Cpath%20stroke-linejoin%3D%22round%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%20stroke%3D%22%23231f20%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20d%3D%22M%2035%2035%20L%2037%2037%22%20%2F%3E%20%20%20%20%3Cpath%20stroke-linejoin%3D%22round%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%20stroke%3D%22%23231f20%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20d%3D%22M%2021%2037%20L%2027%2037%22%20%2F%3E%20%20%20%20%3Cpath%20fill%3D%22%23231f20%22%20fill-rule%3D%22evenodd%22%20d%3D%22M%2024%2023%20C%2023.45%2023%2023%2023.45%2023%2024%20C%2023%2024.55%2023.45%2025%2024%2025%20C%2024.55%2025%2025%2024.55%2025%2024%20C%2025%2023.45%2024.55%2023%2024%2023%22%20%2F%3E%3C%2Fsvg%3E');background-repeat: no-repeat;width:48px;height:48px;}
.i.tool-4::before,.icon-tool-4 {background-image: url('data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3Csvg%20height%3D%2248%22%20width%3D%2248%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%3E%20%20%20%20%3Cpath%20stroke-linejoin%3D%22round%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%20stroke%3D%22%23000000%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20d%3D%22M%2043%2035%20L%205%2035%20C%202.79%2035%201%2033.21%201%2031%20L%201%205%20C%201%202.79%202.79%201%205%201%20L%2043%201%20C%2045.21%201%2047%202.79%2047%205%20L%2047%2031%20C%2047%2033.21%2045.21%2035%2043%2035%20L%2043%2035%20Z%20M%2043%2035%22%20%2F%3E%20%20%20%20%3Cpath%20stroke-linejoin%3D%22round%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%20stroke%3D%22%23000000%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20d%3D%22M%2020%2043%20L%2028%2043%22%20%2F%3E%20%20%20%20%3Cpath%20stroke-linejoin%3D%22round%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%20stroke%3D%22%23000000%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20d%3D%22M%2031.75%2042.32%20L%2028%2035%20L%2020%2035%20L%2016.25%2042.32%20C%2016.09%2042.77%2016%2043.25%2016%2043.72%20L%2016%2045%20C%2016%2046.1%2016.9%2047%2018%2047%20L%2030%2047%20C%2031.1%2047%2032%2046.1%2032%2045%20L%2032%2043.72%20C%2032%2043.25%2031.91%2042.77%2031.75%2042.32%20L%2031.75%2042.32%20Z%20M%2031.75%2042.32%22%20%2F%3E%20%20%20%20%3Cpath%20stroke-linejoin%3D%22round%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%20stroke%3D%22%23000000%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20d%3D%22M%205%2027%20L%2043%2027%20L%2043%205%20L%205%205%20L%205%2027%20Z%20M%205%2027%22%20%2F%3E%20%20%20%20%3Cpath%20stroke-linejoin%3D%22round%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%20stroke%3D%22%23000000%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20d%3D%22M%2014%2019%20L%2011%2016%20L%2014%2013%22%20%2F%3E%20%20%20%20%3Cpath%20stroke-linejoin%3D%22round%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%20stroke%3D%22%23000000%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20d%3D%22M%2034%2019%20L%2037%2016%20L%2034%2013%22%20%2F%3E%3C%2Fsvg%3E');background-repeat: no-repeat;width:48px;height:48px;}
.i.tool-5::before,.icon-tool-5 {background-image: url('data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3Csvg%20height%3D%2248%22%20width%3D%2248%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%3E%20%20%20%20%3Cpath%20stroke-linejoin%3D%22round%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%20stroke%3D%22%23000000%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20d%3D%22M%203%201%20L%203%2047%22%20%2F%3E%20%20%20%20%3Cpath%20stroke-linejoin%3D%22round%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%20stroke%3D%22%23000000%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20d%3D%22M%201%2045%20L%2047%2045%22%20%2F%3E%20%20%20%20%3Cpath%20stroke-linejoin%3D%22round%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%20stroke%3D%22%23000000%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20d%3D%22M%207%2027%20L%2015%2019%20L%2023%2021%20L%2031%205%20L%2039%209%20L%2047%201%22%20%2F%3E%20%20%20%20%3Cpath%20stroke-linejoin%3D%22round%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%20stroke%3D%22%23000000%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20d%3D%22M%207%2039%20L%2015%2039%20L%2023%2031%20L%2031%2033%20L%2039%2023%20L%2047%2021%22%20%2F%3E%20%20%20%20%3Cpath%20stroke-linejoin%3D%22round%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%20stroke%3D%22%23000000%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20d%3D%22M%203%2039%20L%201%2039%22%20%2F%3E%20%20%20%20%3Cpath%20stroke-linejoin%3D%22round%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%20stroke%3D%22%23000000%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20d%3D%22M%203%2033%20L%201%2033%22%20%2F%3E%20%20%20%20%3Cpath%20stroke-linejoin%3D%22round%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%20stroke%3D%22%23000000%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20d%3D%22M%203%2027%20L%201%2027%22%20%2F%3E%20%20%20%20%3Cpath%20stroke-linejoin%3D%22round%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%20stroke%3D%22%23000000%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20d%3D%22M%203%2021%20L%201%2021%22%20%2F%3E%20%20%20%20%3Cpath%20stroke-linejoin%3D%22round%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%20stroke%3D%22%23000000%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20d%3D%22M%203%2015%20L%201%2015%22%20%2F%3E%20%20%20%20%3Cpath%20stroke-linejoin%3D%22round%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%20stroke%3D%22%23000000%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20d%3D%22M%203%209%20L%201%209%22%20%2F%3E%20%20%20%20%3Cpath%20stroke-linejoin%3D%22round%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%20stroke%3D%22%23000000%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20d%3D%22M%203%203%20L%201%203%22%20%2F%3E%20%20%20%20%3Cpath%20stroke-linejoin%3D%22round%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%20stroke%3D%22%23000000%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20d%3D%22M%209%2046%20L%209%2047%22%20%2F%3E%20%20%20%20%3Cpath%20stroke-linejoin%3D%22round%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%20stroke%3D%22%23000000%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20d%3D%22M%2015%2046%20L%2015%2047%22%20%2F%3E%20%20%20%20%3Cpath%20stroke-linejoin%3D%22round%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%20stroke%3D%22%23000000%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20d%3D%22M%2021%2046%20L%2021%2047%22%20%2F%3E%20%20%20%20%3Cpath%20stroke-linejoin%3D%22round%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%20stroke%3D%22%23000000%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20d%3D%22M%2027%2046%20L%2027%2047%22%20%2F%3E%20%20%20%20%3Cpath%20stroke-linejoin%3D%22round%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%20stroke%3D%22%23000000%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20d%3D%22M%2033%2046%20L%2033%2047%22%20%2F%3E%20%20%20%20%3Cpath%20stroke-linejoin%3D%22round%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%20stroke%3D%22%23000000%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20d%3D%22M%2039%2046%20L%2039%2047%22%20%2F%3E%20%20%20%20%3Cpath%20stroke-linejoin%3D%22round%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%20stroke%3D%22%23000000%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20d%3D%22M%2045%2046%20L%2045%2047%22%20%2F%3E%3C%2Fsvg%3E');background-repeat: no-repeat;width:48px;height:48px;}
.i.tool-6::before,.icon-tool-6 {background-image: url('data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3Csvg%20height%3D%2248%22%20width%3D%2248%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%3E%20%20%20%20%3Cpath%20stroke-linejoin%3D%22round%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%20stroke%3D%22%23000000%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20d%3D%22M%2037.51%2020.6%20C%2038.47%2022.88%2039%2025.38%2039%2028%20C%2039%2030.62%2038.47%2033.12%2037.51%2035.4%20C%2036.55%2037.67%2035.15%2039.72%2033.43%2041.44%20C%2031.72%2043.15%2029.67%2044.55%2027.4%2045.51%20C%2025.12%2046.47%2022.62%2047%2020%2047%20C%2017.38%2047%2014.88%2046.47%2012.6%2045.51%20C%2010.33%2044.55%208.28%2043.15%206.56%2041.44%20C%204.85%2039.72%203.45%2037.67%202.49%2035.4%20C%201.53%2033.12%201%2030.62%201%2028%20C%201%2025.38%201.53%2022.88%202.49%2020.6%20C%203.45%2018.33%204.85%2016.28%206.56%2014.57%20C%208.28%2012.85%2010.33%2011.45%2012.6%2010.49%20C%2014.88%209.53%2017.38%209%2020%209%20C%2022.62%209%2025.12%209.53%2027.4%2010.49%22%20%2F%3E%20%20%20%20%3Cpath%20stroke-linejoin%3D%22round%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%20stroke%3D%22%23000000%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20d%3D%22M%2031.06%2023.33%20C%2031.66%2024.77%2032%2026.34%2032%2028%20C%2032%2029.66%2031.66%2031.24%2031.06%2032.67%20C%2030.45%2034.11%2029.57%2035.4%2028.49%2036.49%20C%2027.4%2037.57%2026.11%2038.45%2024.67%2039.06%20C%2023.24%2039.66%2021.66%2040%2020%2040%20C%2018.34%2040%2016.76%2039.66%2015.33%2039.06%20C%2013.89%2038.45%2012.6%2037.57%2011.51%2036.49%20C%2010.43%2035.4%209.55%2034.11%208.94%2032.67%20C%208.34%2031.24%208%2029.66%208%2028%20C%208%2026.34%208.34%2024.77%208.94%2023.33%20C%209.55%2021.89%2010.43%2020.6%2011.51%2019.52%20C%2012.6%2018.43%2013.89%2017.55%2015.33%2016.94%20C%2016.76%2016.34%2018.34%2016%2020%2016%20C%2021.66%2016%2023.24%2016.34%2024.67%2016.94%22%20%2F%3E%20%20%20%20%3Cpath%20stroke-linejoin%3D%22round%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%20stroke%3D%22%23000000%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20d%3D%22M%2025%2028%20C%2025%2028.69%2024.86%2029.35%2024.61%2029.95%20C%2024.35%2030.54%2023.99%2031.08%2023.54%2031.54%20C%2023.08%2031.99%2022.54%2032.35%2021.95%2032.61%20C%2021.35%2032.86%2020.69%2033%2020%2033%20C%2019.31%2033%2018.65%2032.86%2018.05%2032.61%20C%2017.46%2032.35%2016.92%2031.99%2016.46%2031.54%20C%2016.01%2031.08%2015.65%2030.54%2015.39%2029.95%20C%2015.14%2029.35%2015%2028.69%2015%2028%20C%2015%2027.31%2015.14%2026.65%2015.39%2026.05%20C%2015.65%2025.46%2016.01%2024.92%2016.46%2024.46%20C%2016.92%2024.01%2017.46%2023.65%2018.05%2023.39%20C%2018.65%2023.14%2019.31%2023%2020%2023%22%20%2F%3E%20%20%20%20%3Cpath%20stroke-linejoin%3D%22round%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%20stroke%3D%22%23000000%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20d%3D%22M%2020%2028%20L%2047%201%22%20%2F%3E%20%20%20%20%3Cpath%20stroke-linejoin%3D%22round%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%20stroke%3D%22%23000000%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20d%3D%22M%2047%207%20L%2043%2011%20L%2037%2011%20L%2037%205%20L%2041%201%20L%2041%207%20L%2047%207%20L%2047%207%20Z%20M%2047%207%22%20%2F%3E%20%20%20%20%3Cpath%20stroke-linejoin%3D%22round%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%20stroke%3D%22%23000000%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20d%3D%22M%2043%2011%20L%2039%2015%20L%2033%2015%20L%2033%209%20L%2037%205%22%20%2F%3E%20%20%20%20%3Cpath%20stroke-linejoin%3D%22round%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%20stroke%3D%22%23000000%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20d%3D%22M%2020%201%20L%2020%204%22%20%2F%3E%20%20%20%20%3Cpath%20stroke-linejoin%3D%22round%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%20stroke%3D%22%23000000%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20d%3D%22M%2047%2028%20L%2044%2028%22%20%2F%3E%20%20%20%20%3Cpath%20stroke-linejoin%3D%22round%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%20stroke%3D%22%23000000%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20d%3D%22M%2039%2047%20L%2037%2045%22%20%2F%3E%20%20%20%20%3Cpath%20stroke-linejoin%3D%22round%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%20stroke%3D%22%23000000%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20d%3D%22M%203%2011%20L%201%209%22%20%2F%3E%3C%2Fsvg%3E');background-repeat: no-repeat;width:48px;height:48px;}
.i.video-preview-icon::before,.icon-video-preview-icon {background-image: url('data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3Csvg%20height%3D%2254%22%20width%3D%2254%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2054%2054%22%3E%20%20%20%20%3Cpath%20stroke-linejoin%3D%22miter%22%20stroke-linecap%3D%22butt%22%20stroke-width%3D%223%22%20stroke%3D%22%23ffffff%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20d%3D%22M%2027%2051.91%20C%2040.76%2051.91%2051.91%2040.76%2051.91%2027%20C%2051.91%2013.24%2040.76%202.09%2027%202.09%20C%2013.24%202.09%202.09%2013.24%202.09%2027%20C%202.09%2040.76%2013.24%2051.91%2027%2051.91%20Z%20M%2027%2051.91%22%20%2F%3E%20%20%20%20%3Cpath%20fill%3D%22%23ffffff%22%20fill-rule%3D%22evenodd%22%20d%3D%22M%2021.02%2016.04%20L%2038.94%2027.06%20L%2021.02%2038.08%20L%2021.02%2016.04%20Z%20M%2021.02%2016.04%22%20%2F%3E%3C%2Fsvg%3E');background-repeat: no-repeat;width:54px;height:54px;}
.i.video-preview-icon-list::before,.icon-video-preview-icon-list {background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2234px%22%20height%3D%2246px%22%20viewBox%3D%22185%20760%2034%2046%22%20version%3D%221.1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%3E%0A%20%20%20%20%3Cg%20id%3D%22Page-1%22%20stroke%3D%22none%22%20stroke-width%3D%221%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20transform%3D%22translate%28186.000000%2C%20761.000000%29%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%0A%20%20%20%20%20%20%20%20%3Cpolygon%20id%3D%22Stroke-1%22%20stroke%3D%22%23FFFFFF%22%20stroke-width%3D%222%22%20fill%3D%22%23FFFFFF%22%20points%3D%2232%2044%200%2044%200%200%2024%200%2032%208%22%3E%3C/polygon%3E%0A%20%20%20%20%20%20%20%20%3Cpolyline%20id%3D%22Stroke-3%22%20stroke%3D%22%23D32E42%22%20stroke-width%3D%222%22%20points%3D%2228%209%2023%209%2023%204%22%3E%3C/polyline%3E%0A%20%20%20%20%20%20%20%20%3Cpolygon%20id%3D%22Stroke-4%22%20stroke%3D%22%23D32E42%22%20stroke-width%3D%222%22%20points%3D%2221%2025%2011%2031%2011%2019%22%3E%3C/polygon%3E%0A%20%20%20%20%3C/g%3E%0A%3C/svg%3E%0A');background-repeat: no-repeat;width:34px;height:46px;}
.i.vk-comment-icon::before,.icon-vk-comment-icon {background-image: url('data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20viewBox%3D%22-135%20247%2048%2096%22%20style%3D%22enable-background%3Anew%20-135%20247%2048%2096%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3A%23FFFFFF%3Bstroke%3A%2348729E%3B%7D%20.st1%7Bopacity%3A0.5%3Bfill%3A%239D9D9D%3B%7D%20.st2%7Bfill%3A%2348729E%3B%7D%3C%2Fstyle%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M-111%2C342c12.7%2C0%2C23-10.3%2C23-23s-10.3-23-23-23s-23%2C10.3-23%2C23S-123.7%2C342-111%2C342z%22%2F%3E%3Cpath%20class%3D%22st1%22%20d%3D%22M-97.8%2C267.9c-3.4%2C4.6-3.8%2C4.1-0.9%2C6.7c2.8%2C2.5%2C3.3%2C3.7%2C3.4%2C4c0%2C0%2C1.2%2C2-1.3%2C2l-4.5%2C0.1%20c-0.9%2C0.1-2.2-0.7-2.2-0.7c-1.7-1.2-3.3-4.2-4.5-3.8c0%2C0-1.3%2C0.4-1.2%2C3.2c0%2C0.5-0.3%2C0.9-0.3%2C0.9s-0.3%2C0.4-0.9%2C0.4h-2%20c-4.5%2C0.3-8.4-3.8-8.4-3.8s-4.5-4.6-8.3-13.6c-0.3-0.5%2C0-0.9%2C0-0.9s0.3-0.3%2C1.1-0.3h4.9c0.4%2C0.1%2C0.8%2C0.3%2C0.8%2C0.3s0.3%2C0.1%2C0.4%2C0.5%20c0.8%2C2.1%2C1.8%2C3.8%2C1.8%2C3.8c1.7%2C3.7%2C3%2C4.2%2C3.7%2C3.8c0%2C0%2C0.9-0.5%2C0.7-5c-0.1-1.6-0.5-2.4-0.5-2.4c-0.4-0.3-1.2-0.5-1.6-0.5%20c-0.3%2C0%2C0.1-0.7%2C0.8-0.9c0.9-0.4%2C2.4-0.4%2C4.2-0.4c1.4%2C0%2C1.8%2C0.1%2C2.4%2C0.3c1.7%2C0.4%2C1.1%2C2%2C1.1%2C5.7c0%2C1.2-0.3%2C2.9%2C0.7%2C3.4%20c0.4%2C0.3%2C1.3%2C0%2C3.6-3.8c0%2C0%2C1.1-1.8%2C1.8-4c0.1-0.4%2C0.4-0.5%2C0.4-0.5s0.3-0.1%2C0.7-0.1h5.1c1.6-0.1%2C1.8%2C0.5%2C1.8%2C0.5%20C-94.9%2C263.4-95.7%2C265.1-97.8%2C267.9z%22%2F%3E%3Cpath%20class%3D%22st2%22%20d%3D%22M-97.8%2C315.9c-3.4%2C4.6-3.8%2C4.1-0.9%2C6.7c2.8%2C2.5%2C3.3%2C3.7%2C3.4%2C4c0%2C0%2C1.2%2C2-1.3%2C2l-4.5%2C0.1%20c-0.9%2C0.1-2.2-0.7-2.2-0.7c-1.7-1.2-3.3-4.2-4.5-3.8c0%2C0-1.3%2C0.4-1.2%2C3.2c0%2C0.5-0.3%2C0.9-0.3%2C0.9s-0.3%2C0.4-0.9%2C0.4h-2%20c-4.5%2C0.3-8.4-3.8-8.4-3.8s-4.5-4.6-8.3-13.6c-0.3-0.5%2C0-0.9%2C0-0.9s0.3-0.3%2C1.1-0.3h4.9c0.4%2C0.1%2C0.8%2C0.3%2C0.8%2C0.3s0.3%2C0.1%2C0.4%2C0.5%20c0.8%2C2.1%2C1.8%2C3.8%2C1.8%2C3.8c1.7%2C3.7%2C3%2C4.2%2C3.7%2C3.8c0%2C0%2C0.9-0.5%2C0.7-5c-0.1-1.6-0.5-2.4-0.5-2.4c-0.4-0.3-1.2-0.5-1.6-0.5%20c-0.3%2C0%2C0.1-0.7%2C0.8-0.9c0.9-0.4%2C2.4-0.4%2C4.2-0.4c1.4%2C0%2C1.8%2C0.1%2C2.4%2C0.3c1.7%2C0.4%2C1.1%2C2%2C1.1%2C5.7c0%2C1.2-0.3%2C2.9%2C0.7%2C3.4%20c0.4%2C0.3%2C1.3%2C0%2C3.6-3.8c0%2C0%2C1.1-1.8%2C1.8-4c0.1-0.4%2C0.4-0.5%2C0.4-0.5s0.3-0.1%2C0.7-0.1h5.1c1.6-0.1%2C1.8%2C0.5%2C1.8%2C0.5%20C-94.9%2C311.4-95.7%2C313.1-97.8%2C315.9z%22%2F%3E%3C%2Fsvg%3E');background-repeat: no-repeat;width:48px;height:96px;}
.i.gift-icon-white::before,.icon-gift-white {background-image: url('data:image/png;base64,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BAAkQCT0AREffwIAIiAS+oiIjz8BAAkQiXxExIefAADum4Q+JuLjTwD8CHAYJfRBER9/EAA4lBL5oIgPPwgAHE8JfVjExx8HCoCIiIi8KF0EQEREhAAQABEREQJAAERERAgAARARESEABEBERIQAEAARERECQABEREQIAAEQEREhACIiIkIARERECAABEBERIQAEQEREhAAQABEREQJAAERERAgAARARESEABEBERIQAEAARERECQABEREQIAAEQEREhAARARESEABAAERERAkAARERECAABEBERIQAEQEREhAAQABEREQLgnUVERAiAiIgIASAAIiIiBIAAiIiIEAACICIiQgAIgIiICAEgACIiIgSAAIiIiBAAAvD2jw0QYVuELRIARwcQW4QtEgBHB44OAQB8kwiAowNHhwAAvkkEwNGBo0MAAN8kAuDowNEhAIBvEgFwdODoEADAN4kAODpwdAgA4JtEABwdODoEAPBNIgCODhwdAgD4JhEAgADYImyRAPixAQJgi7BFAuDHBgiALcIWCYAfGyAAtghbJAB+bIAA2CJskQD4sQECYIuwRQLgxwYIgC3CFgmAHxsgALYIWyQAjg7gu2+LsEUC4OjA0SEAAAEgAI4OHB0CAPgmEQBHB44OAQB8kwiAowNHhwAAvkkEwNGBo0MAAN8kAuDowNEhAIBvEgFwdODoEADAN4kAODpwdAgA4JtEAABHxxYBAuDHBgiALcIWCYAfGyAAtghbJAB+bIAA2CJskQD4sQECYIuwRQLgxwYIgC3CFgmAHxsgALYIWyQAfmyAANgibJEAEACAANgibJEAODpwdAgAQAAIgKMDR4cAAL5JBMDRgaNDAADfJALg6MDRIQCAbxIBcHTg6BAAwDeJADg6cHQIAOCbRAAcHTg6BADwTSIAjg4cHQIA+CYRAKWHo2OLAAHwYwMEwBZhiwTAjw0QAFuELRIAPzZAAGwRtkgA/NgAAbBF2CIB8GMDBMAWYYsEwI8NEABbhC0SAD82QABsEbZIAAgAQABsEbZIABwdODqiC7BFAuDowNEhAIBvEgFwdODoEADAN4kAODpwdAgA4JtEABwdODoEAPBNIgCODhwdAgD4JhEARweODgEAfJMIgKMDR4cAAL5JBMDRgaNDAAAC4McGCIAtwhYJgMMnIiJCAAiAiIgIASAAIiIiBIAAiIiI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9JAAwA70kAAoHPSQAMAOCIDCKRwIgB3APSYACqdwIAB2APeYACicwoEA2AHcYwKgcAoHAmAHcI8JgMIpHAiAHcA9JgAKp3AgAHYA95gAKJzCgQDYAdxjAqBwCgcCYAdwjwmAwhm+wyd2AD0kAAoHPSQAsAM9JAAKBz0kALADPSQACgc9JACwAz0kAAoHPSQAsAM9JAAKBz0kALADPSQACgc9JACwAz0kAAoHPSQAsAM9JAAKBz0kALADPVQ4hYMe2gHsgAAonMKBANgB3GMCoHAKBwJgB3CPCYDCKRwIgB3APSYACqdwIAB2APeYACicwoEA2AHcYwKgcAoHAmAHcI8JgMIpHAiAHcA9JgAK5/BB7ADuMQFQOOghAYAd6CEBUDjoIQGAHeghAVA46CEBgB3oIQFQOOghAYAd6CEBUDjoIQGAHeghAVA46CEBgB3oIQFQOOghAYAd6CEBUDjoIQGAHeghAVA46KEdwA4IgMIpHAiAHcA9JgAKp3AgAHYA95gAKJyIiBBRAkAARESEABAAAiAiIgSAABAAEREhAASAAIiICAEgAARAREQIAAEgACIiQgAIAAEQERECQAAIgIiIEAACQABERIQAEAACICIiBIAAEAARESEABIAAiIgIASAABEBERAgAARARESEABEBERAgAASAAIiJCAAgAARAREQJAAAiAiIgQAAJAAEREhAAQAAIgIiIEgAAQABERIQAEgACIiAgBIAAEQERECAABIAAiIkIACAABEBERAkAACICIiBAAAkAARESEABAAAiAiIgSAABAAEREhAASAAIiICAEgACIiIgSAAIiICAFI8RsASSPV6BxN3fsAAAAASUVORK5CYII=');background-repeat: round;width: 32px;height: 32px;}
.i.gift-icon-red::before {background-image: url('data:image/png;base64,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');background-repeat: round;width: 16px;height: 16px;#top: 36% !important;}
.i.bubble-white.img_calc::before, .icon-bubble-white.img_calc{background-image: url('/upload/kalkulator_32.png') !important;}
.i-yt {
background-image: url('/local/templates/directline_2020/css/icons/i-youtube.svg');
background-repeat: no-repeat;
background-size: contain;
}
.i-fb {
background-image: url('/local/templates/directline_2020/css/icons/i-facebook.svg');
background-repeat: no-repeat;
background-size: contain;
}
.i-tg {
background-image: url('/local/templates/directline_2020/css/icons/i-telegram.svg');
background-repeat: no-repeat;
background-size: contain;
}
.i-ig {
background-image: url('/local/templates/directline_2020/css/icons/i-instagram.svg');
background-repeat: no-repeat;
background-size: contain;
}
.i-ln {
background-image: url('/local/templates/directline_2020/css/icons/i-linkedin.svg');
background-repeat: no-repeat;
background-size: contain;
}
.i-vk {
background-image: url('/local/templates/directline_2020/css/icons/i-vk.svg');
background-repeat: no-repeat;
background-size: contain;
}
.i-tw {
background-image: url('/local/templates/directline_2020/css/icons/i-twitter.svg');
background-repeat: no-repeat;
background-size: contain;
}
.i-yt:hover {
background-image: url('/local/templates/directline_2020/css/icons/i-youtube-hover.svg');
opacity: 1 !important;
}
.i-fb:hover {
background-image: url('/local/templates/directline_2020/css/icons/i-facebook-hover.svg');
opacity: 1 !important;
}
.i-tg:hover {
background-image: url('/local/templates/directline_2020/css/icons/i-telegram-hover.svg');
opacity: 1 !important;
}
.i-ig:hover {
background-image: url('/local/templates/directline_2020/css/icons/i-instagram-hover.svg');
opacity: 1 !important;
}
.i-ln:hover {
background-image: url('/local/templates/directline_2020/css/icons/i-linkedin-hover.svg');
opacity: 1 !important;
}
.i-vk:hover {
background-image: url('/local/templates/directline_2020/css/icons/i-vk-hover.svg');
opacity: 1 !important;
}
.i-tw:hover {
background-image: url('/local/templates/directline_2020/css/icons/i-twitter-hover.svg');
opacity: 1 !important;
}
/* End */
/* Start:/local/templates/directline_2020/js/jquery.flipster/jquery.flipster.min.css?16968435657704*/
/*! jQuery.Flipster, v1.0.1 (built 2015-11-02) */.flipster{display:block;overflow-x:hidden;overflow-y:visible;position:relative}.flipster:focus{outline:none}.flipster__container,.flipster__item{margin:0;padding:0;list-style-type:none;position:relative}.flipster__container{display:block;white-space:nowrap;word-spacing:-0.25em;transform-origin:50% 50%;backface-visibility:hidden}.flipster__item{display:inline-block;white-space:normal;word-spacing:normal;vertical-align:bottom}.flipster--click .flipster__item--past,.flipster--click .flipster__item--future{cursor:pointer}.flipster__item img{max-width:100%}.flipster__button{position:absolute;top:50%;display:block;appearance:none;background:none;border:none;padding:0;z-index:999;cursor:pointer;font-size:15px;opacity:.5;transition:opacity 500ms ease;margin:-1em 2em}.flipster__button svg{width:2em;stroke:currentColor;fill:transparent;stroke-width:3;stroke-linecap:round}.flipster__button:hover,.flipster__button:focus{opacity:1}.flipster__button--prev{left:0}.flipster__button--next{right:0}.flipster__nav,.flipster__nav__item{list-style-type:none;margin:0;padding:0}.flipster__nav{display:block;margin:0 0 4em;text-align:center;position:relative}.flipster__nav__item{display:inline-block;margin:0 .25em}.flipster__nav__link{display:block;color:inherit;padding:.5em 1em;position:relative;overflow:hidden;transition:all 250ms ease-out;transition-timing-function:cubic-bezier(.56, .12, .12, .98)}.flipster__nav__link::after{content:'';display:block;background:#232221;position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1;transform:translateY(100%) translateY(-0.25em);transition:inherit}.flipster__nav__item--current>.flipster__nav__link,.flipster__nav__link:hover,.flipster__nav__link:focus{color:#fff}.flipster__nav__item--current>.flipster__nav__link::after,.flipster__nav__link:hover::after,.flipster__nav__link:focus::after{transform:translateY(0)}.flipster__nav__child{display:none;position:absolute;top:100%;left:0;right:0;margin-top:-1px;padding:.5em;background:#4e4441;z-index:1}.flipster__nav__child .flipster__nav__link{color:#fff}.flipster__nav__child .flipster__nav__link::after{background:#fff}.flipster__nav__child .flipster__nav__item--current>.flipster__nav__link,.flipster__nav__child .flipster__nav__link:hover,.flipster__nav__child .flipster__nav__link:focus{color:#232221}.flipster__nav__item--current .flipster__nav__child{display:block}.flipster--carousel .flipster__container,.flipster--carousel .flipster__item,.flipster--carousel .flipster__item__content{transition:all 350ms ease-in-out;transition-timing-function:cubic-bezier(.56, .12, .12, .98)}.flipster--carousel .flipster__item{perspective:800px}.flipster--carousel .flipster__item--past,.flipster--carousel .flipster__item--future{opacity:0;transition-delay:115ms}.flipster--carousel .flipster__item--past-2,.flipster--carousel .flipster__item--future-2{opacity:.6;transition-delay:90ms}.flipster--carousel .flipster__item--past-1,.flipster--carousel .flipster__item--future-1{opacity:.8;transition-delay:60ms}.flipster--carousel .flipster__item--past .flipster__item__content{transform:translateX(100%) rotateY(-20deg) scale(.5)}.flipster--carousel .flipster__item--past-2 .flipster__item__content{transform:translateX(25%) rotateY(40deg) scale(.65)}.flipster--carousel .flipster__item--past-1 .flipster__item__content{transform:rotateY(45deg) scale(.8)}.flipster--carousel .flipster__item--future .flipster__item__content{transform:translateX(-100%) rotateY(20deg) scale(.5)}.flipster--carousel .flipster__item--future-2 .flipster__item__content{transform:translateX(-25%) rotateY(-40deg) scale(.65)}.flipster--carousel .flipster__item--future-1 .flipster__item__content{transform:rotateY(-45deg) scale(.8)}.flipster--carousel.no-rotate .flipster__item--past .flipster__item__content{transform:translateX(175%) scale(.5)}.flipster--carousel.no-rotate .flipster__item--past-2 .flipster__item__content{transform:translateX(25%) scale(.65)}.flipster--carousel.no-rotate .flipster__item--past-1 .flipster__item__content{transform:translateX(0) scale(.8)}.flipster--carousel.no-rotate .flipster__item--future .flipster__item__content{transform:translateX(-175%) scale(.5)}.flipster--carousel.no-rotate .flipster__item--future-2 .flipster__item__content{transform:translateX(-25%) scale(.65)}.flipster--carousel.no-rotate .flipster__item--future-1 .flipster__item__content{transform:translateX(0) scale(.8)}.flipster--carousel .flipster__item--current .flipster__item__content{transform:translateX(0) rotateY(0deg) scale(1);transition-delay:60ms}.flipster--coverflow .flipster__container,.flipster--coverflow .flipster__item,.flipster--coverflow .flipster__item__content{transition:all 350ms ease-in-out;transition-timing-function:cubic-bezier(.56, .12, .12, .98)}.flipster--coverflow .flipster__item{perspective:800px}.flipster--coverflow .flipster__container{padding-bottom:5%}.flipster--coverflow .flipster__item__content{transform-origin:50% 100%;box-reflect:below 0 -webkit-gradient(linear, left bottom, left top, color-stop(.05, rgba(255,255,255,0.12)), color-stop(.2, transparent));-webkit-box-reflect:below 0 -webkit-gradient(linear, left bottom, left top, color-stop(.05, rgba(255,255,255,0.12)), color-stop(.2, transparent))}.flipster--coverflow .flipster__item__content img:only-child{display:block}.flipster--coverflow .flipster__item--past .flipster__item__content{transform-origin:0 50%;transform:scale(.75) rotateY(55deg)}.flipster--coverflow .flipster__item--future .flipster__item__content{transform-origin:100% 50%;transform:scale(.75) rotateY(-55deg)}.flipster--coverflow .flip-current .flipster__item__content{transform:rotateY(0deg)}.flipster--flat .flipster__container,.flipster--flat .flipster__item,.flipster--flat .flipster__item__content{transition:all 400ms ease-in-out}.flipster--flat .flipster__item--past,.flipster--flat .flipster__item--future{opacity:.5}.flipster--flat .flipster__item--past .flipster__item__content{transform:scale(.75)}.flipster--flat .flipster__item--future .flipster__item__content{transform:scale(.75)}.flipster--wheel{overflow:hidden}.flipster--wheel .flipster__container,.flipster--wheel .flipster__item__content{transition:all 400ms ease-in-out;transition-timing-function:cubic-bezier(.56, .12, .12, .98)}.flipster--wheel .flipster__container{padding-bottom:20%}.flipster--wheel .flipster__item__content{transform-origin:50% 100%}.flipster--wheel .flipster__item--past .flipster__item__content{transform-origin:100% 100%}.flipster--wheel .flipster__item--future .flipster__item__content{transform-origin:0 100%}.flipster--wheel .flipster__item__content img:only-child{display:block}.flipster--wheel .flipster__item--past .flipster__item__content{opacity:0;transform:rotateZ(-80deg) translate(-170%, 110%)}.flipster--wheel .flipster__item--future .flipster__item__content{opacity:0;transform:rotateZ(80deg) translate(170%, 110%)}.flipster--wheel .flipster__item--past-3 .flipster__item__content{opacity:1;transform:rotateZ(-60deg) translate(-70%, 75%)}.flipster--wheel .flipster__item--future-3 .flipster__item__content{opacity:1;transform:rotateZ(60deg) translate(70%, 75%)}.flipster--wheel .flipster__item--past-2 .flipster__item__content{opacity:1;transform:rotateZ(-40deg) translate(-17%, 30%)}.flipster--wheel .flipster__item--future-2 .flipster__item__content{opacity:1;transform:rotateZ(40deg) translate(17%, 30%)}.flipster--wheel .flipster__item--past-1 .flipster__item__content{opacity:1;transform:rotateZ(-20deg)}.flipster--wheel .flipster__item--future-1 .flipster__item__content{opacity:1;transform:rotateZ(20deg)}.flipster--wheel .flip-current .flipster__item__content{transform:rotateX(0deg)}
/* End */
/* Start:/local/templates/directline_2020/js/fancybox3/jquery.fancybox.min.css?169684356512795*/
body.compensate-for-scrollbar{overflow:hidden}.fancybox-active{height:auto}.fancybox-is-hidden{left:-9999px;margin:0;position:absolute!important;top:-9999px;visibility:hidden}.fancybox-container{-webkit-backface-visibility:hidden;height:100%;left:0;outline:none;position:fixed;-webkit-tap-highlight-color:transparent;top:0;-ms-touch-action:manipulation;touch-action:manipulation;transform:translateZ(0);width:100%;z-index:99992}.fancybox-container *{box-sizing:border-box}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{bottom:0;left:0;position:absolute;right:0;top:0}.fancybox-outer{-webkit-overflow-scrolling:touch;overflow-y:auto}.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:.9;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar{direction:ltr;opacity:0;position:absolute;transition:opacity .25s ease,visibility 0s ease .25s;visibility:hidden;z-index:99997}.fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;transition:opacity .25s ease 0s,visibility 0s ease 0s;visibility:visible}.fancybox-infobar{color:#ccc;font-size:13px;-webkit-font-smoothing:subpixel-antialiased;height:44px;left:0;line-height:44px;min-width:44px;mix-blend-mode:difference;padding:0 10px;pointer-events:none;top:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-toolbar{right:0;top:0}.fancybox-stage{direction:ltr;overflow:visible;transform:translateZ(0);z-index:99994}.fancybox-is-open .fancybox-stage{overflow:hidden}.fancybox-slide{-webkit-backface-visibility:hidden;display:none;height:100%;left:0;outline:none;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:absolute;text-align:center;top:0;transition-property:transform,opacity;white-space:normal;width:100%;z-index:99994}.fancybox-slide:before{content:"";display:inline-block;font-size:0;height:100%;vertical-align:middle;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--image{overflow:hidden;padding:44px 0}.fancybox-slide--image:before{display:none}.fancybox-slide--html{padding:6px}.fancybox-content{background:#fff;display:inline-block;margin:0;max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:relative;text-align:left;vertical-align:middle}.fancybox-slide--image .fancybox-content{animation-timing-function:cubic-bezier(.5,0,.14,1);-webkit-backface-visibility:hidden;background:transparent;background-repeat:no-repeat;background-size:100% 100%;left:0;max-width:none;overflow:visible;padding:0;position:absolute;top:0;transform-origin:top left;transition-property:transform,opacity;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:99995}.fancybox-can-zoomOut .fancybox-content{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-content{cursor:zoom-in}.fancybox-can-pan .fancybox-content,.fancybox-can-swipe .fancybox-content{cursor:grab}.fancybox-is-grabbing .fancybox-content{cursor:grabbing}.fancybox-container [data-selectable=true]{cursor:text}.fancybox-image,.fancybox-spaceball{background:transparent;border:0;height:100%;left:0;margin:0;max-height:none;max-width:none;padding:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.fancybox-spaceball{z-index:1}.fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--pdf .fancybox-content,.fancybox-slide--video .fancybox-content{height:100%;overflow:visible;padding:0;width:100%}.fancybox-slide--video .fancybox-content{background:#000}.fancybox-slide--map .fancybox-content{background:#e5e3df}.fancybox-slide--iframe .fancybox-content{background:#fff}.fancybox-iframe,.fancybox-video{background:transparent;border:0;display:block;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.fancybox-iframe{left:0;position:absolute;top:0}.fancybox-error{background:#fff;cursor:default;max-width:400px;padding:40px;width:100%}.fancybox-error p{color:#444;font-size:16px;line-height:20px;margin:0;padding:0}.fancybox-button{background:rgba(30,30,30,.6);border:0;border-radius:0;box-shadow:none;cursor:pointer;display:inline-block;height:44px;margin:0;padding:10px;position:relative;transition:color .2s;vertical-align:top;visibility:inherit;width:44px}.fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:#ccc}.fancybox-button:hover{color:#fff}.fancybox-button:focus{outline:none}.fancybox-button.fancybox-focus{outline:1px dotted}.fancybox-button[disabled],.fancybox-button[disabled]:hover{color:#888;cursor:default;outline:none}.fancybox-button div{height:100%}.fancybox-button svg{display:block;height:100%;overflow:visible;position:relative;width:100%}.fancybox-button svg path{fill:currentColor;stroke-width:0}.fancybox-button--fsenter svg:nth-child(2),.fancybox-button--fsexit svg:first-child,.fancybox-button--pause svg:first-child,.fancybox-button--play svg:nth-child(2){display:none}.fancybox-progress{background:#ff5268;height:2px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;z-index:99998}.fancybox-close-small{background:transparent;border:0;border-radius:0;color:#ccc;cursor:pointer;opacity:.8;padding:8px;position:absolute;right:-12px;top:-44px;z-index:401}.fancybox-close-small:hover{color:#fff;opacity:1}.fancybox-slide--html .fancybox-close-small{color:currentColor;padding:10px;right:0;top:0}.fancybox-slide--image.fancybox-is-scaling .fancybox-content{overflow:hidden}.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small{display:none}.fancybox-navigation .fancybox-button{background-clip:content-box;height:100px;opacity:0;position:absolute;top:calc(50% - 50px);width:70px}.fancybox-navigation .fancybox-button div{padding:7px}.fancybox-navigation .fancybox-button--arrow_left{left:0;left:env(safe-area-inset-left);padding:31px 26px 31px 6px}.fancybox-navigation .fancybox-button--arrow_right{padding:31px 6px 31px 26px;right:0;right:env(safe-area-inset-right)}.fancybox-caption{background:linear-gradient(0deg,rgba(0,0,0,.85) 0,rgba(0,0,0,.3) 50%,rgba(0,0,0,.15) 65%,rgba(0,0,0,.075) 75.5%,rgba(0,0,0,.037) 82.85%,rgba(0,0,0,.019) 88%,transparent);bottom:0;color:#eee;font-size:14px;font-weight:400;left:0;line-height:1.5;padding:75px 44px 25px;pointer-events:none;right:0;text-align:center;z-index:99996}@supports (padding:max(0px)){.fancybox-caption{padding:75px max(44px,env(safe-area-inset-right)) max(25px,env(safe-area-inset-bottom)) max(44px,env(safe-area-inset-left))}}.fancybox-caption--separate{margin-top:-50px}.fancybox-caption__body{max-height:50vh;overflow:auto;pointer-events:all}.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited{color:#ccc;text-decoration:none}.fancybox-caption a:hover{color:#fff;text-decoration:underline}.fancybox-loading{animation:a 1s linear infinite;background:transparent;border:4px solid #888;border-bottom-color:#fff;border-radius:50%;height:50px;left:50%;margin:-25px 0 0 -25px;opacity:.7;padding:0;position:absolute;top:50%;width:50px;z-index:99999}@keyframes a{to{transform:rotate(1turn)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{opacity:0;transform:translate3d(-100%,0,0)}.fancybox-fx-slide.fancybox-slide--next{opacity:0;transform:translate3d(100%,0,0)}.fancybox-fx-slide.fancybox-slide--current{opacity:1;transform:translateZ(0)}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{opacity:0;transform:scale3d(1.5,1.5,1.5)}.fancybox-fx-zoom-in-out.fancybox-slide--next{opacity:0;transform:scale3d(.5,.5,.5)}.fancybox-fx-zoom-in-out.fancybox-slide--current{opacity:1;transform:scaleX(1)}.fancybox-fx-rotate.fancybox-slide--previous{opacity:0;transform:rotate(-1turn)}.fancybox-fx-rotate.fancybox-slide--next{opacity:0;transform:rotate(1turn)}.fancybox-fx-rotate.fancybox-slide--current{opacity:1;transform:rotate(0deg)}.fancybox-fx-circular.fancybox-slide--previous{opacity:0;transform:scale3d(0,0,0) translate3d(-100%,0,0)}.fancybox-fx-circular.fancybox-slide--next{opacity:0;transform:scale3d(0,0,0) translate3d(100%,0,0)}.fancybox-fx-circular.fancybox-slide--current{opacity:1;transform:scaleX(1) translateZ(0)}.fancybox-fx-tube.fancybox-slide--previous{transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{transform:translateZ(0) scale(1)}@media (max-height:576px){.fancybox-slide{padding-left:6px;padding-right:6px}.fancybox-slide--image{padding:6px 0}.fancybox-close-small{right:-6px}.fancybox-slide--image .fancybox-close-small{background:#4e4e4e;color:#f2f4f6;height:36px;opacity:1;padding:6px;right:0;top:0;width:36px}.fancybox-caption{padding-left:12px;padding-right:12px}@supports (padding:max(0px)){.fancybox-caption{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}}}.fancybox-share{background:#f4f4f4;border-radius:3px;max-width:90%;padding:30px;text-align:center}.fancybox-share h1{color:#222;font-size:35px;font-weight:700;margin:0 0 20px}.fancybox-share p{margin:0;padding:0}.fancybox-share__button{border:0;border-radius:3px;display:inline-block;font-size:14px;font-weight:700;line-height:40px;margin:0 5px 10px;min-width:130px;padding:0 15px;text-decoration:none;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.fancybox-share__button:link,.fancybox-share__button:visited{color:#fff}.fancybox-share__button:hover{text-decoration:none}.fancybox-share__button--fb{background:#3b5998}.fancybox-share__button--fb:hover{background:#344e86}.fancybox-share__button--pt{background:#bd081d}.fancybox-share__button--pt:hover{background:#aa0719}.fancybox-share__button--tw{background:#1da1f2}.fancybox-share__button--tw:hover{background:#0d95e8}.fancybox-share__button svg{height:25px;margin-right:7px;position:relative;top:-1px;vertical-align:middle;width:25px}.fancybox-share__button svg path{fill:#fff}.fancybox-share__input{background:transparent;border:0;border-bottom:1px solid #d7d7d7;border-radius:0;color:#5d5b5b;font-size:14px;margin:10px 0 0;outline:none;padding:10px 15px;width:100%}.fancybox-thumbs{background:#ddd;bottom:0;display:none;margin:0;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;padding:2px 2px 4px;position:absolute;right:0;-webkit-tap-highlight-color:rgba(0,0,0,0);top:0;width:212px;z-index:99995}.fancybox-thumbs-x{overflow-x:auto;overflow-y:hidden}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:212px}.fancybox-thumbs__list{font-size:0;height:100%;list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;position:absolute;position:relative;white-space:nowrap;width:100%}.fancybox-thumbs-x .fancybox-thumbs__list{overflow:hidden}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar{width:7px}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}.fancybox-thumbs__list a{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:rgba(0,0,0,.1);background-position:50%;background-repeat:no-repeat;background-size:cover;cursor:pointer;float:left;height:75px;margin:2px;max-height:calc(100% - 8px);max-width:calc(50% - 4px);outline:none;overflow:hidden;padding:0;position:relative;-webkit-tap-highlight-color:transparent;width:100px}.fancybox-thumbs__list a:before{border:6px solid #ff5268;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:all .2s cubic-bezier(.25,.46,.45,.94);z-index:99991}.fancybox-thumbs__list a:focus:before{opacity:.5}.fancybox-thumbs__list a.fancybox-thumbs-active:before{opacity:1}@media (max-width:576px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs__list a{max-width:calc(100% - 10px)}}
/* End */
/* Start:/local/templates/directline_2020/css/local.css?1702357685226460*/
@import url("https://fonts.googleapis.com/css2?family=Play:wght@400;700&display=swap");
.simple-page-head {
padding-bottom: 0;
}
.error {
color: red;
}
.success {
color: green;
}
.success-request {
color: green !important;
text-align: center !important;
font-size: 16px !important;
}
.block.tagline {
background-attachment: scroll, scroll;
background-clip: border-box, border-box;
background-color: rgba(0, 0, 0, 0);
background-image: linear-gradient(to top, rgba(10, 42, 58, 0.8), rgba(10, 42, 58, 0.8)), url("/local/templates/directline_2020/css/../images/dist/tagline-bg.jpg");
background-origin: padding-box, padding-box;
background-position: 0 0%, center center;
background-repeat: repeat, no-repeat;
background-size: cover;
}
.block.clients {
margin: 0px;
}
.block.clients.border {
border: 1px solid;
color: #f3f1ed;
}
.tile-chapters {
display: flex;
flex-wrap: wrap;
margin: auto;
justify-content: space-around;
}
.tile-chapters__title {
font: 400 22px/1 "PFRegalTextPro", sans-serif;
text-align: center;
}
@media screen and (min-width: 1024px), print {
.tile-chapters__title {
font-size: 32px;
}
}
@media screen and (max-width: 479px) {
.tile-chapters__title {
font-size: 20px;
}
}
.tile-chapters__item {
width: 33%;
padding: 20px;
box-sizing: border-box;
text-align: center;
}
.float-img-r {
float: right;
}
.float-img-l {
float: left;
}
@media (max-width: 768px) {
.float-img-r {
float: none;
}
.float-img-l {
float: none;
}
}
@media screen and (max-width: 1023px) {
.tile-chapters__item {
width: 50%;
padding: 5px;
}
}
.blog-soc.soc-links {
display: flex;
justify-content: space-between;
margin: 30px auto;
width: 200px;
}
.blog-soc.soc-links .item {
flex: 0 1 auto;
background-position: center;
width: 30px;
height: 30px;
}
.tile-chapters__img {
margin-bottom: 20px;
}
.video-wrapper {
position: relative;
padding-bottom: 56.25%;
padding-top: 25px;
height: 0;
width: 100%;
margin-bottom: 30px;
}
.video-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.c-share-wrap .yashare-wrap {
display: inline-block;
vertical-align: middle;
}
.c-share-title {
font-weight: bold;
font-size: 14px;
text-transform: uppercase;
}
@media screen and (max-width: 479px) {
.c-share-wrap .yashare-wrap {
display: block;
}
.c-share-wrap {
margin-bottom: 30px;
}
}
.spec-header-august {
float: right;
font-size: 20px;
background: url("/local/templates/directline_2020/css/../images/line-stats.png") 0 0 no-repeat;
background-size: 50px 50px;
padding-left: 75px;
height: 60px;
margin-bottom: 20px;
font-weight: bold;
}
.spec-header-august > span {
display: inline-block;
color: #d32e42;
}
.spec-august .seo-header--red {
color: #d32e42;
}
.august-intro {
font-size: 20px;
font-weight: 500;
}
.how-it-work-august {
display: none;
padding-top: 40px;
font-size: 14px;
}
.how-it-work-august strong {
font-size: 16px;
font-weight: 500;
}
.august-row {
display: flex;
}
.august-col--right {
min-width: 220px;
padding: 0 0 0 50px;
text-align: center;
}
.block.marketing.spec-august .button {
background: #d32e42;
width: 100%;
margin-top: 0;
font-weight: 500;
font-size: 20px;
text-transform: none;
}
.how-work-more {
font-size: 14px;
display: inline-block;
margin-top: 10px;
border-bottom: 1px dashed;
line-height: 1.25;
}
.how-work-more:after {
content: "";
background: url("/local/templates/directline_2020/css/../images/arrows/u793.png");
background-size: contain;
width: 10px;
height: 10px;
display: inline-block;
transform: rotate(90deg);
margin-left: 10px;
}
.how-work-more--active:after {
transform: rotate(-90deg);
}
@media screen and (max-width: 970px) {
.august-row {
width: 100%;
}
.august-row {
display: block;
}
.august-col--right {
padding-left: 0;
padding-top: 40px;
}
.spec-header-august-wrap {
display: flex;
}
.spec-header-august {
float: none;
margin: 0 auto;
font-size: 15px;
background-size: 40px 40px;
padding-left: 50px;
}
}
#modal-form-queez .queez-step {
text-align: center;
display: none;
}
#modal-form-queez .queez-step label {
font-size: 18px;
color: #d32e42;
font-weight: bold;
text-align: left;
}
#modal-form-queez .queez-step .queez-step-hint {
text-align: left;
font-weight: 400;
font-style: oblique;
font-size: 14px;
color: #999999;
}
#modal-form-queez .queez-step input[type="text"] {
width: 100%;
}
#modal-form-queez .queez-step .button {
font-size: 16px;
font-weight: bold;
padding: 14px 97px 12px 97px;
margin: 20px auto 0;
}
#modal-form-queez .final-step {
display: none;
}
.queez-radio-wrap {
display: flex;
flex-wrap: wrap;
}
.queez-radio {
margin: 0 20px 10px 0;
text-align: left;
}
.queez-radio input[type="radio"] {
margin: 0px 5px 0px 0;
}
pre {
overflow: auto;
}
ol.EnlighterJS,
ul.EnlighterJS {
font-size: 14px;
}
ol.gitEnlighterJS li,
ul.gitEnlighterJS li {
margin-top: 0 !important;
line-height: 26px;
}
.EnlighterJS span {
font-size: 16px;
}
.blog-bloks {
display: flex;
flex-wrap: wrap;
}
.blog-item-block {
width: 320px;
margin-bottom: 60px;
margin-right: 20px;
position: relative;
}
.blog-item-block:nth-child(3n) {
margin-right: 0;
}
.blog-item-block .preview {
display: block;
width: 100%;
height: 195px;
background-size: cover;
background-position: center;
position: relative;
margin-bottom: 10px;
}
.blog-item-block .blog-date {
display: block;
font-size: 12px;
line-height: 12px;
color: #ffffff;
background-color: #bdc3c7;
position: absolute;
top: 12px;
left: 12px;
padding: 6px 5px 3px;
}
.blog-item-block .blog-item-tags,
.our-works .blog-item-tags {
display: block;
position: absolute;
top: 12px;
right: 12px;
max-width: 210px;
display: flex;
flex-wrap: wrap;
justify-content: right;
}
.blog-item-block .blog-item-tags .item-tag,
.our-works .blog-item-tags .item-tag {
font-size: 12px;
line-height: 12px;
color: #ffffff;
background-color: #535c68;
padding: 6px 5px 3px;
display: block;
margin-left: 8px;
margin-bottom: 3px;
}
.blog-item-block .blog-item-tags .item-tag:hover,
.our-works .blog-item-tags .item-tag:hover {
opacity: 1;
background-color: #8b97a8;
}
.blog-item-block .text {
text-align: center;
}
.blog-item-block .heading {
font-weight: 700;
font-size: 16px;
}
.blog-settings {
display: flex;
align-items: start;
margin-bottom: 50px;
justify-content: space-between;
}
.blog-view {
display: flex;
white-space: nowrap;
}
.blog-view-item {
font-size: 14px;
color: #000000;
border: 1px solid #bed65a;
border-radius: 2px;
background: transparent;
display: block;
padding: 5px 15px 3px;
}
.blog-view-item.active {
color: #ffffff;
background: #bed65a;
}
.blog-settings .tag-cloud {
font-size: 14px;
}
.blog-settings .tag-cloud ul {
padding: 0;
margin: 0;
display: flex;
flex-wrap: wrap;
justify-content: left;
}
.blog-settings .tag-cloud ul li {
margin-right: 7px;
line-height: 25px;
}
.blog-settings .tag-cloud ul li:before {
display: none;
}
.blog-settings .tag-cloud ul li a {
padding: 3px 5px;
}
.blog-settings .tag-cloud ul li a.tag-active {
background: #bed65a;
color: #ffffff;
}
.blog-search {
position: relative;
margin-left: 150px;
}
.blog-search-zoom {
width: 35px;
height: 35px;
opacity: 0.7;
background: url("/local/templates/directline_2020/css/../images/search-zoom.png") center center no-repeat;
background-size: 17px;
cursor: pointer;
}
.blog-search-form {
display: none;
position: absolute;
top: 0;
right: 0;
width: 174px;
background-color: #bed65a;
border-radius: 2px;
}
.blog-search-form.active {
display: block;
}
.blog-search-form.onfocus {
background-color: #535c68;
}
.blog-search-form input {
border: none;
background: transparent;
width: 137px;
font-size: 14px;
color: #ffffff;
padding: 4px 5px 4px 15px;
}
.blog-search-form button {
width: 30px;
height: 20px;
background: url("/local/templates/directline_2020/css/../images/search-button.png") center center no-repeat;
background-size: 17px;
border: none;
vertical-align: middle;
cursor: pointer;
}
.block.blog.with-bottom-border {
margin: 0;
padding: 80px 0 0;
}
.block.blog.with-bottom-border .container {
border-bottom: 1px solid #cccccc;
}
.block.blog.with-bottom-border .button.border {
margin-top: 0px;
margin-bottom: 60px;
}
.block.soc {
padding: 40px 0 80px;
margin: 0;
}
.block.soc .social-block.socials {
margin: 0 4.5%;
}
.block.soc .social-block.socials .follow {
text-align: center;
}
.block.soc .social-block.socials .follow .subscribe-wrap {
display: inline-block;
width: auto;
float: none;
margin-top: 30px;
vertical-align: top;
}
.block.soc .social-block.socials .follow .subscribe form {
margin-top: 0;
}
.block.soc .social-block.socials .follow .subscribe input {
border: none;
}
.block.soc .social-block.socials .follow .subscribe input.error {
background-image: url("/local/templates/directline_2020/css/../images/input_error.png");
background-position: 10px center;
background-repeat: no-repeat;
background-size: 18px;
padding-left: 36px;
color: #d32e42;
}
.block.soc .social-block.socials .follow .subscribe input.success {
background-image: url("/local/templates/directline_2020/css/../images/input_success.png");
background-position: 10px center;
background-repeat: no-repeat;
background-size: 18px;
padding-left: 36px;
color: #8ea43c;
}
.block.soc .social-block.socials .follow .subscribe button {
background-color: #d32e42;
border: 1px solid #d32e42;
font-weight: 700;
font-size: 16px;
color: #ffffff;
padding: 8px 30px 5px;
font-family: "FiraSans";
}
.block.soc .social-block.socials .follow p.error {
font-weight: 400;
font-size: 13px;
color: #d32e42;
text-align: left;
}
.block.soc .social-block.socials .follow p.success {
font-weight: 400;
font-size: 13px;
color: #8ea43c;
text-align: left;
}
.block.soc .social-block.socials .follow .social-links {
display: inline-flex;
width: auto;
float: none;
vertical-align: top;
}
.block.soc .social-block.socials .follow .social-links .link {
width: 50px;
height: 50px;
margin-left: 8px;
margin-right: 8px;
}
.block.soc .social-block.socials .follow .social-links .link:last-of-type {
margin-right: 20px;
}
.block.soc .social-block.socials .follow .social-links .link.fb {
background-image: url("/local/templates/directline_2020/css/../images/fb.png");
background-position: center;
background-repeat: no-repeat;
background-size: 50px;
}
.block.soc .social-block.socials .follow .social-links .link.vk {
background-image: url("/local/templates/directline_2020/css/../images/vk.png");
background-position: center;
background-repeat: no-repeat;
background-size: 50px;
}
.block.soc .social-block.socials .follow .social-links .link.tw {
background-image: url("/local/templates/directline_2020/css/../images/insta.png");
background-position: center;
background-repeat: no-repeat;
background-size: 50px;
}
@media screen and (max-width: 1279px) {
.blog-bloks {
justify-content: space-around;
}
.blog-item-block {
margin: 0 10px 60px !important;
}
}
@media screen and (max-width: 1023px) {
.block.soc .social-block.socials .follow .subscribe-wrap {
width: 100%;
}
.blog-settings {
flex-wrap: wrap;
justify-content: end;
}
}
@media screen and (max-width: 479px) {
.block.soc .social-block.socials .follow .subscribe form {
flex-wrap: wrap;
}
.block.soc .social-block.socials .follow .subscribe input {
margin-right: 0;
margin-bottom: 15px;
}
.block.soc .social-block.socials .follow .subscribe button {
width: 100%;
}
}
@media screen and (max-width: 356px) {
.blog-view-item {
padding: 5px 10px 3px;
}
.blog-search {
margin-left: 10px;
}
.blog-search-zoom {
width: 30px;
}
}
.cta-wrap {
display: flex;
}
.cta-text-block {
padding-right: 40px;
}
.cta-button-block {
}
.cta-wrap .button {
margin-top: 15px;
padding: 0px 37px 15px 37px;
font-weight: 700;
font-size: 17px;
text-transform: none;
}
.cta-wrap .button i {
display: inline-block;
margin-right: 15px;
}
p.cta-links-block {
margin-top: 20px !important;
display: flex;
flex-wrap: wrap;
font-size: 16px;
}
p.cta-links-block a {
white-space: nowrap;
margin-right: 20px;
margin-bottom: 5px;
display: inline-block;
}
.cta-img-links-block {
display: flex;
margin-top: 30px;
font-size: 16px;
}
.cta-img-links-block p {
margin-top: 0;
}
.cta-img-links-block a {
margin-bottom: 5px;
display: inline-block;
}
.cta-links-wrap {
display: flex;
margin-top: 20px;
}
.cta-links-wrap p.cta-links-block {
display: block;
margin-top: 0 !important;
}
.block.cta {
padding: 50px 0 !important;
margin: 0 0 4.5%;
}
.cta-container {
max-width: 680px;
margin: 0 auto;
padding: 0 20px;
font-size: 19px;
line-height: 1.45;
}
.cta-container .h3title {
font-size: 28px;
margin-bottom: 24px;
line-height: 1;
}
.cta-container .cta-text-block {
padding: 0;
margin-bottom: 30px;
}
.cta-container .button {
margin-top: 15px;
padding: 0px 37px 15px 37px;
font-weight: 700;
font-size: 17px;
text-transform: none;
display: block;
}
.cta-container .button i {
display: inline-block;
margin-right: 15px;
}
.cta-container .cta-links-wrap {
flex-wrap: wrap;
}
.cta-container .cta-links-wrap a {
width: 25%;
padding-top: 70px;
text-align: center;
font-weight: bold;
margin: 0 auto 40px;
}
.cta-container .cta-links-wrap a.i::before {
left: 50%;
top: 0;
transform: translateX(-50%);
}
.cta-container .i.toolt-7::before {
background-image: url(/local/templates/directline_2020/css/../../../../upload/icons8-circled-play-100.png);
background-repeat: no-repeat;
background-size: 100%;
width: 55px;
height: 55px;
}
.cta-container .i.toolt-9::before {
background-image: url("data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDUxMSA1MTEiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDUxMSA1MTE7IiB4bWw6c3BhY2U9InByZXNlcnZlIiB3aWR0aD0iMTI4cHgiIGhlaWdodD0iMTI4cHgiPgo8Zz4KCTxwYXRoIGQ9Ik00NzEuNSw1NmgtNDMyQzE3LjcyLDU2LDAsNzMuNzIsMCw5NS41djMyMEMwLDQzNy4yOCwxNy43Miw0NTUsMzkuNSw0NTVoNDMyYzIxLjc4LDAsMzkuNS0xNy43MiwzOS41LTM5LjV2LTMyMCAgIEM1MTEsNzMuNzIsNDkzLjI4LDU2LDQ3MS41LDU2eiBNMzkuNSw3MWg0MzJjMTMuNTA5LDAsMjQuNSwxMC45OTEsMjQuNSwyNC41VjEyMEgxNVY5NS41QzE1LDgxLjk5MSwyNS45OTEsNzEsMzkuNSw3MXogTTQ3MS41LDQ0MCAgIGgtNDMyQzI1Ljk5MSw0NDAsMTUsNDI5LjAwOSwxNSw0MTUuNVYxMzVoNDgxdjI4MC41QzQ5Niw0MjkuMDA5LDQ4NS4wMDksNDQwLDQ3MS41LDQ0MHoiIGZpbGw9IiMwMDAwMDAiLz4KCTxwYXRoIGQ9Ik0zOS41LDEwM2MxLjk3LDAsMy45MS0wLjgsNS4zLTIuMmMxLjQtMS4zOSwyLjItMy4zMywyLjItNS4zcy0wLjgtMy45MS0yLjItNS4zYy0xLjM5LTEuNC0zLjMzLTIuMi01LjMtMi4yICAgYy0xLjk3LDAtMy45MSwwLjgtNS4zLDIuMmMtMS40LDEuMzktMi4yLDMuMzMtMi4yLDUuM3MwLjgsMy45MSwyLjIsNS4zQzM1LjU5LDEwMi4yLDM3LjUzLDEwMywzOS41LDEwM3oiIGZpbGw9IiMwMDAwMDAiLz4KCTxwYXRoIGQ9Ik02My41LDEwM2MxLjk3LDAsMy45MS0wLjgsNS4zLTIuMmMxLjQtMS4zOSwyLjItMy4zMywyLjItNS4zcy0wLjgtMy45MS0yLjItNS4zYy0xLjM5LTEuNC0zLjMzLTIuMi01LjMtMi4yICAgYy0xLjk3LDAtMy45MSwwLjgtNS4zLDIuMmMtMS40LDEuMzktMi4yLDMuMzMtMi4yLDUuM3MwLjgsMy45MSwyLjIsNS4zQzU5LjU5LDEwMi4yLDYxLjUzLDEwMyw2My41LDEwM3oiIGZpbGw9IiMwMDAwMDAiLz4KCTxwYXRoIGQ9Ik04Ny41LDEwM2MxLjk3LDAsMy45MS0wLjgsNS4zLTIuMmMxLjQtMS4zOSwyLjItMy4zMywyLjItNS4zcy0wLjgtMy45MS0yLjItNS4zYy0xLjM5LTEuNC0zLjMzLTIuMi01LjMtMi4yICAgYy0xLjk3LDAtMy45MSwwLjgtNS4zLDIuMmMtMS40LDEuMzktMi4yLDMuMzMtMi4yLDUuM3MwLjgsMy45MSwyLjIsNS4zQzgzLjU5LDEwMi4yLDg1LjUzLDEwMyw4Ny41LDEwM3oiIGZpbGw9IiMwMDAwMDAiLz4KCTxwYXRoIGQ9Ik0yODkuNzc0LDE5Mi4zNTNjLTMuOTQ1LTEuMjU1LTguMTY1LDAuOTI2LTkuNDIxLDQuODczbC01NiwxNzZjLTEuMjU2LDMuOTQ3LDAuOTI2LDguMTY1LDQuODczLDkuNDIxICAgYzAuNzU2LDAuMjQxLDEuNTIyLDAuMzU1LDIuMjc2LDAuMzU1YzMuMTc5LDAsNi4xMy0yLjAzNyw3LjE0NS01LjIyOGw1Ni0xNzZDMjk1LjkwMywxOTcuODI3LDI5My43MjEsMTkzLjYwOSwyODkuNzc0LDE5Mi4zNTN6IiBmaWxsPSIjMDAwMDAwIi8+Cgk8cGF0aCBkPSJNMzI0LjgwMywyMTAuMTk3Yy0yLjkyOS0yLjkyOS03LjY3OC0yLjkyOS0xMC42MDYsMGMtMi45MjksMi45MjktMi45MjksNy42NzcsMCwxMC42MDZsNjYuNjk3LDY2LjY5N2wtNjYuNjk3LDY2LjY5NyAgIGMtMi45MjksMi45MjktMi45MjksNy42NzcsMCwxMC42MDZjMS40NjQsMS40NjQsMy4zODQsMi4xOTcsNS4zMDMsMi4xOTdzMy44MzktMC43MzIsNS4zMDMtMi4xOTdsNzItNzIgICBjMi45MjktMi45MjksMi45MjktNy42NzcsMC0xMC42MDZMMzI0LjgwMywyMTAuMTk3eiIgZmlsbD0iIzAwMDAwMCIvPgoJPHBhdGggZD0iTTIwNC44MDMsMjEwLjE5N2MtMi45MjktMi45MjktNy42NzgtMi45MjktMTAuNjA2LDBsLTcyLDcyYy0yLjkyOSwyLjkyOS0yLjkyOSw3LjY3NywwLDEwLjYwNmw3Miw3MiAgIGMxLjQ2NCwxLjQ2NCwzLjM4NCwyLjE5Nyw1LjMwMywyLjE5N3MzLjgzOS0wLjczMiw1LjMwMy0yLjE5N2MyLjkyOS0yLjkyOSwyLjkyOS03LjY3NywwLTEwLjYwNkwxMzguMTA2LDI4Ny41bDY2LjY5Ny02Ni42OTcgICBDMjA3LjczMiwyMTcuODc0LDIwNy43MzIsMjEzLjEyNiwyMDQuODAzLDIxMC4xOTd6IiBmaWxsPSIjMDAwMDAwIi8+Cgk8cGF0aCBkPSJNMTE5LjUsMTAzaDMwNGM0LjE0MiwwLDcuNS0zLjM1OCw3LjUtNy41cy0zLjM1OC03LjUtNy41LTcuNWgtMzA0Yy00LjE0MiwwLTcuNSwzLjM1OC03LjUsNy41UzExNS4zNTgsMTAzLDExOS41LDEwM3oiIGZpbGw9IiMwMDAwMDAiLz4KCTxwYXRoIGQ9Ik00NTUuNSwxMDNoMTZjNC4xNDIsMCw3LjUtMy4zNTgsNy41LTcuNXMtMy4zNTgtNy41LTcuNS03LjVoLTE2Yy00LjE0MiwwLTcuNSwzLjM1OC03LjUsNy41UzQ1MS4zNTgsMTAzLDQ1NS41LDEwM3oiIGZpbGw9IiMwMDAwMDAiLz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8L3N2Zz4K");
background-repeat: no-repeat;
background-size: 100%;
width: 55px;
height: 55px;
}
.cta-container .i.toolt-10::before {
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAYAAABw4pVUAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAVaSURBVHhe7Z1HiCxFHIfXiDkLKupNjA+zGNGL+aCi76Be1Pd4JhBB8GRAzAkVEwoiHlQEMYCigojh4EURE4KCAQXBhGIOqN9vsaCsrZ7u3q3u+s/O/4PvsLPT3dX9m6mq7umqnpty1sVH8W98A7dBpyIn4D+RV6BTkfMxDuQedCrigRjDAzGGB2KMZRnIllPsJRgH8gDm3jctqhv/vx1y63o4Zv/h1tEDMeaCQHQJ4jt3NP/E+PgvCOR7veCMxmsYH38PpDIeiDE8EGN4IMbwQIzhgRjDAzGGB2IMD8QYHogxPBBjeCDG8ECM4YEYwwMZgB1xP9xs/q9+eCAF2RlfwnDsfsfbcD3sigdSiPXxbYyPXfAG7IoHUojVGB+32L9wB+yCyUC2wENx1/m/poO7MD5uqcdiF0wFsg7ehKp7w/bfxL3QMjvhuxgft9SDsAumArkR420HP8NN0SJH41eYK3fwPdSHrQtmAtkc429G6mVoibXxclT7kCtvULf27ItdMRPIgRhvN/VxtMLW+AzmyqnhdPfiE3gNbo99MBHIRqibouPtpqocp2FtDsBPMC3fb3guLpXqgeyGbQ1i7P2oAGuwBnXg0zJ9igqqBFUDORN/xHh7XXwfV+BY6APwEObK8iyqCitFlUC0g/qkx9sJfoBqLB/Bu1Hd4PR+V/kranDO0OyC72C6fTXmKqca95KMHsikKupB3ARTDkN1fXPLqPHcCofgFPwB022qm3sMDsGogTRVUT/jWTgJnb2rp5UuKxXWEVgKjVq6BXXnf7qt11EngkMxSiBtVVSfM3H1ZBRguh5VIVdi1xOwJrbDVzFdv7wTdRFxSAYJRBfSTkJ9rffHSVXUxtiXPbFpna/gYj/BR+KXmK5T3+rTcQyKBrIWqqH7A+N1pHapotrYADXCNrf+b/Bk7IrKfSnmOg/6Bu+OY1E0kAsxXjZn3yqqDTW8ujyR25Z6aQpuErpk8yTmln8Mc52MISkWiOrurzFeNnWxVVQb+qUu3ZGguqx7YI598ENMl9E3/CKsQbFAtsV4udS3cEjUM7oKcxf7VEXqB6RD8Aw8Cs/GXOfgCzwYa1EsEPU+fsF42dincQzUMH+OuTK0+SLqg1WTom3IpAuEfRrZpaJLGU9hrhw5db5xNS61y1yCooGogXwB4+W1s31+5C+Fek7qZOgSS1ye1G/xRLRC0UCEDoTOQW5F1em6P6kmF2O8P6k6mbRE8UCscRzG+5N6Dlpi2QeizsbHGO9TUNXVUBcmF8uyD0TsjR9hvF86mVSPzBozEYjQBU5VT9fjeWh1+tiZCWRa8ECM4YEYwwMxhgdiDA/EGB6IMTwQY3ggxvBAjOGBGMMDMYYHYgwPxBgeiDFaA9FAzPvc0UzvLV4QiFtXD8SYHogx5wPRaNNp9WGMd+hlzL1vWtQAoqnGH5tnDA/EGNdhHIgG4ziV0BiQ3MhZ3YvljMwqzIURrHEH/szSFkZQ83E5A9M1jKCm6nAGom8YwZvRKUwuDA34fD55TRMJaNx6/JrU1BlOIZrCWIm58xBNsZcLRaO8nCUyKQzRdGLooQxAWxhi0pl6UyiaDtzpSZcwRNulk0mhaMCq04GuYYhTMX7ftZjSFMrt6KG00CcMoUdEaE5GvU+DOjWDXQ7Nc5IL5Q70UBroG0ZgQ9S8Jm0jbD2UHiw2jL40haLZ4zyU/xgrjICHMoGxwwg0haLHUMxsKLXCCEz6pswcepBW+nSEMcMINIVyPM4U6dMRaoQRyIVyAc4UmjzsOdTO/4S1n4SgUDTdn8qjeVKsTVIzCppHXZPsW5mHRBN2auKatplNB2Ru7l+ctK2KQrt3EAAAAABJRU5ErkJggg==");
background-repeat: no-repeat;
background-size: 100%;
width: 55px;
height: 55px;
}
@media screen and (max-width: 1023px) {
.cta-wrap {
display: block;
}
.cta-text-block {
padding-right: 0;
margin-bottom: 15px;
}
p.cta-links-block {
display: block;
}
.cta-img-links-block {
display: block;
text-align: center;
}
.cta-img-links-block img {
margin: 0 15px 20px !important;
}
.cta-links-wrap {
flex-wrap: wrap;
}
.block.cta {
padding: 30px 0 !important;
}
.cta-container {
font-size: 17px;
}
.cta-container .cta-links-wrap a {
width: 50%;
}
.cta-container .h3title {
font-size: 24px;
margin-bottom: 20px;
}
}
.block.awards {
padding: 0;
}
.block.awards .container {
border-bottom: 1px solid #d4def1;
}
.awards-slider {
padding: 20px 0;
}
.awards-slider .owl-prev,
.logos.owl-carousel3 .owl-prev,
.review-main-slider .owl-prev,
.works.owl-carousel2 .owl-prev {
left: -45px;
background: url("/local/templates/directline_2020/css/../images/b-arrow-back.png") center center no-repeat !important;
background-color: #d4def1 !important;
background-size: 13px !important;
width: 35px;
height: 35px;
border-radius: 17px;
display: block;
position: absolute;
top: 50%;
margin-top: -17px;
opacity: 1;
}
.awards-slider .owl-prev,
.logos.owl-carousel3 .owl-prev,
.review-main-slider .owl-prev {
display: none !important;
}
.awards-slider .owl-next,
.logos.owl-carousel3 .owl-next,
.review-main-slider .owl-next,
.works.owl-carousel2 .owl-next {
right: -45px;
background: url("/local/templates/directline_2020/css/../images/b-arrow-next.png") center center no-repeat !important;
background-color: #d4def1 !important;
background-size: 13px !important;
width: 35px;
height: 35px;
border-radius: 17px;
display: block;
position: absolute;
top: 50%;
margin-top: -17px;
opacity: 1;
}
.awards-slider .owl-prev:hover,
.awards-slider .owl-next:hover,
.logos.owl-carousel3 .owl-prev:hover,
.logos.owl-carousel3 .owl-next:hover,
.review-main-slider .owl-prev:hover,
.review-main-slider .owl-next:hover,
.works.owl-carousel2 .owl-prev:hover,
.works.owl-carousel2 .owl-next:hover {
background-color: #e6ecf6 !important;
}
.works.owl-carousel2 .owl-prev {
top: 130px;
}
.works.owl-carousel2 .owl-next {
top: 130px;
}
.awards-item {
font-weight: 500;
padding: 0 20px 0 55px;
background: url("/local/templates/directline_2020/css/../images/icon-laurel.png") left top no-repeat;
background-size: auto 100px;
min-height: 100px;
}
.awards-item-img {
height: 70px;
display: flex;
align-items: center;
}
.awards-item-img img {
max-height: 100%;
width: auto !important;
}
.block-title {
font: 700 50px/1.1 "PFRegalTextPro", sans-serif;
margin-bottom: 30px;
}
h3.block-title {
font-size: 40px;
}
.br_head .block-title ins {
margin-left: 0;
}
.br_head .block-title ins:after {
content: ")";
}
.br_head .block-title ins:before {
content: "(";
}
.brn_add {
width: 256px;
border: 1px solid #bed659;
border-radius: 4px;
}
.brf_body {
padding: 9px 0;
background-color: transparent;
}
.brn_add:hover {
background-color: #ccdd81;
}
.brf_header {
padding: 0;
}
.brf_header + div:before {
content: "+";
width: 32px;
height: 32px;
background-color: #ebf3cd !important;
top: 50%;
transform: translateY(-50%);
left: 24px;
border-width: 0;
margin-top: 0;
border-radius: 100%;
text-align: center;
font-size: 30px;
line-height: 35px;
z-index: 2;
}
.brfb_msg textarea {
background-color: transparent;
border: none;
}
.br_comment .brna_form .brf_body {
border: none;
}
._incomment .brna_form .brf_body {
border: 4px solid #b5b5b5;
}
.brna_form._ambushed .brfb_msg em {
justify-content: flex-end;
padding-right: 29px;
font-weight: 500;
font-size: 13px;
color: #000000;
font-style: normal;
text-transform: uppercase;
}
.brna_form._ambushed:hover .brfb_msg em {
color: #000000;
}
.br_head ins {
color: #000000;
}
.br_head {
float: left;
}
._incomment {
width: 100%;
float: right;
margin: 0;
}
.br_tree .br_comment {
float: none;
}
.br_comment .brn_add {
float: right;
margin-top: 0;
margin-bottom: 28px;
}
.br_tree .br_comment .brn_add {
float: none;
margin-bottom: 0;
}
.br_node {
margin: 20px 0;
}
.br_node .brna_form {
min-width: 100%;
}
.br_tree {
clear: both;
}
.br_tree .br_comment .br_node {
margin: 0 0 0 20px;
}
.br_tree .br_comment .br_node ._tmp_for_form,
.br_tree .br_comment .br_node .br_comment .br_node .brna_form {
margin: 20px 0 20px -20px;
min-width: 100%;
}
.brc_header header .comment_wrapper {
display: flex;
}
.brc_header header abbr:empty {
justify-content: center;
background: #f3f6fb;
}
.brc_header header abbr {
width: 40px;
height: 40px;
background: #f3f6fb;
border: 1px solid #d4def1;
border-radius: 100%;
margin-right: 0;
}
.brc_header header abbr img {
max-width: none;
width: 40px;
height: 40px;
border-radius: 100%;
}
.brc_header header span {
font-weight: 500;
font-size: 19px;
color: #000000;
margin-left: 16px;
margin-right: 0;
}
.brc_header header time {
font-weight: 400;
font-size: 15px;
margin-left: 12px;
margin-right: 0;
}
.br_comment article {
font-weight: 400;
font-size: 19px;
margin-top: 16px;
}
.br_tree .br_comment .brn_add {
margin-top: 16px;
border: none;
}
.br_tree .br_comment .brn_add:hover {
background-color: transparent;
}
.br_tree .br_comment .brn_add span {
font-weight: 400;
font-size: 19px;
font-style: normal;
color: #75777e;
border-bottom: none;
}
.br_node .brna_form .brf_header + div:before {
content: "";
left: 20px;
top: 0;
width: 20px;
height: 20px;
border-width: 4px 4px 0 0;
margin-top: -15px;
transform: rotateZ(-45deg);
background-color: #eeeeee !important;
border-radius: 0;
}
.brf_header del {
margin-top: -20px;
}
.br_node .brna_form .brf_body {
background-color: #eee;
padding: 20px;
}
.block.services {
padding: 60px 0 0 0;
margin: 0;
}
.services-wrap {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
padding-top: 10px;
}
.services-wrap-2cols {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
padding-top: 10px;
}
.services-item {
width: 315px;
border: 1px solid #d4def1;
border-radius: 5px;
padding: 40px 30px 20px;
margin-bottom: 30px;
box-sizing: border-box;
display: flex;
flex-wrap: wrap;
align-content: space-between;
}
.services-wrap-2cols .services-item {
margin-right: 30px;
}
.services-item:hover {
margin-top: -2px;
box-shadow: 0 2px 10px rgba(212, 222, 241, 1);
}
.services-info {
width: 100%;
}
.services-title {
text-align: center;
font-size: 26px;
font-weight: 500;
line-height: 1.25;
margin-bottom: 15px;
}
.services-text {
font-size: 15px;
line-height: 1.45;
}
.services-button {
width: 100%;
}
.services-button a {
display: block;
color: #0b5e8a;
text-align: center;
text-transform: uppercase;
font-size: 13px;
font-weight: 500;
border: 1px solid #0b5e8a;
border-radius: 4px;
background: #fff;
padding: 10px;
}
.services-item:hover .services-button a {
color: #fff;
border: 1px solid #fc1e2b;
background: #fc1e2b;
opacity: 1;
}
.services-price {
text-align: center;
font-size: 25px;
font-weight: 500;
color: #8e9baf;
margin: 30px 0;
}
.services-price span {
color: #000;
}
.result-slider-item {
background-position: 0 0%, center center;
background-repeat: repeat, no-repeat;
background-size: cover;
color: #fff;
width: 100%;
}
.result-slider-item_wrap {
background: rgba(10, 42, 58, 0.9);
padding: 50px 0;
margin: 0;
}
.result-slider-item .container {
}
.result-slider-head {
display: flex;
align-items: center;
margin-bottom: 40px;
justify-content: space-between;
}
.result-slider-head .block-title {
margin-bottom: 0;
}
.result-slider-columns {
display: flex;
}
.result-slider-text {
max-width: 300px;
margin-right: 70px;
font-size: 19px;
display: flex;
flex-wrap: wrap;
align-content: space-between;
line-height: 25px;
}
.result-slider-text a {
color: #70a7c3;
}
.result-slider-button {
width: 250px;
}
.result-slider-button.mobile {
display: none;
width: 100%;
}
.result-slider-button a {
display: block;
color: #ffffff;
text-align: center;
text-transform: uppercase;
font-size: 13px;
font-weight: 500;
border: 1px solid #ffffff;
border-radius: 4px;
background: transparent;
padding: 10px;
}
.result-slider-button a:hover {
color: #0b5e8a;
background: #fff;
opacity: 1;
}
.result-slider-graf img {
width: 100%;
}
.result-slider-stats {
display: flex;
justify-content: space-between;
margin-bottom: 40px;
}
.result-slider-stats .counter {
font-size: 50px;
}
.result-slider-counter {
display: flex;
align-items: center;
}
.result-slider-counter .cnt {
font-size: 17px;
margin: 0 10px;
}
.result-slider-counter .prev {
background: url("/local/templates/directline_2020/css/../images/b-arrow-back.png") center center no-repeat !important;
background-color: #d4def1 !important;
background-size: 13px !important;
width: 39px;
height: 39px;
border-radius: 20px;
opacity: 1;
cursor: pointer;
}
.result-slider-counter .next {
background: url("/local/templates/directline_2020/css/../images/b-arrow-next.png") center center no-repeat !important;
background-color: #d4def1 !important;
background-size: 13px !important;
width: 39px;
height: 39px;
border-radius: 20px;
opacity: 1;
cursor: pointer;
}
.result-slider-counter .prev:hover,
.result-slider-counter .next:hover {
background-color: #e6ecf6 !important;
}
.block.causes {
padding: 60px 0 0 0;
font-size: 19px;
line-height: 1.45;
}
.causes-main-text {
max-width: 720px;
margin-bottom: 40px;
}
.causes-wrap {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.causes-item {
margin-bottom: 30px;
width: 48%;
}
.causes-item .boom {
font-size: 26px;
font-weight: 500;
line-height: 1.2;
margin-bottom: 20px;
}
.causes-item .boom:before {
width: 40px;
height: 45px;
}
.block.partners {
padding: 45px 0;
border-bottom: 1px solid #d4def1;
margin: 0;
}
.review-main-slider-item {
font-size: 19px;
line-height: 1.4;
}
.review-main-slider-img {
display: block;
border: 1px solid #d4def1;
border-radius: 4px;
margin-bottom: 20px;
}
.review-main-slider-img:hover {
box-shadow: 0 2px 10px rgba(212, 222, 241, 1);
}
.blog_tags {
font-size: 17px;
line-height: 1.45;
padding-bottom: 15px;
}
.blog_tags a {
display: inline-block;
background-color: #f3f6fb;
color: #75777e !important;
padding: 7px 10px;
margin: 0 7px 10px 0;
border-radius: 4px;
font-weight: 500;
background-image: none;
}
.blog_tags a span {
color: #bed659;
}
.blog_tags a:hover {
background-color: #e6ecf6;
}
.burger-icon-mobile {
display: block;
position: relative;
width: 60px;
height: 50px;
background: rgba(255, 255, 255, 1);
cursor: pointer;
}
.burger-icon-mobile .strip {
position: absolute;
width: 32px;
height: 3px;
background: #000;
border-radius: 2px;
left: 14px;
transition: all 0.8s cubic-bezier(0.77, 0, 0.175, 1);
z-index: 1;
}
.burger-icon-mobile .strip:nth-child(1) {
top: 14px;
}
.burger-icon-mobile .strip:nth-child(2) {
top: 24px;
}
.burger-icon-mobile .strip:nth-child(3) {
top: 34px;
width: 24px;
}
.floating-header .burger-icon-mobile {
background: transparent;
}
.floating-header .mobile-buttons {
display: none;
margin-right: -4.5%;
align-items: center;
}
.floating-header .cons-button {
position: relative;
}
.menu.responsive .item--lvl-1 {
margin-bottom: 15px;
}
.menu.responsive .link {
line-height: 20px;
}
.menu.responsive .menu-sub {
padding: 0 0 10px;
line-height: 1.3;
display: none;
}
.menu.responsive .menu-sub-item {
margin: 15px 0 6px;
}
.menu.responsive .menu-sub-item.item-sub {
margin: 0;
}
.menu.responsive .menu-sub-item .link {
text-transform: none;
font-weight: normal;
font-size: 16px;
}
.menu.responsive .menu-sub-item.item-sub .link {
font-size: 13px;
}
.menu.responsive .menu-sub.megamenu {
padding-top: 10px;
}
.menu.responsive .menu-sub.megamenu .submega-item {
display: block;
margin-bottom: 20px;
}
.menu.responsive .menu-sub.megamenu .submega-title {
font-size: 17px;
}
.menu.responsive .menu-sub.megamenu .submega-item ul {
font-size: 13px;
margin: 10px 0 0;
}
.menu.responsive .contacts {
margin: 30px 0 10px;
}
.menu.responsive .contacts .links-block {
display: none;
}
.menu.responsive .contacts .item {
color: #0b5e8a;
font-size: 13px;
text-transform: uppercase;
font-weight: 500;
}
.menu.responsive .contacts .item .link {
color: #0b5e8a;
}
.menu.responsive .link_lk {
margin: 0;
/*color: #8e9baf;*/
font-size: 13px;
text-transform: uppercase;
font-weight: 500;
height: auto;
width: auto;
min-height: 20px;
/* background-size: 20px;
background-position: top left;*/
background: none;
padding: 0;
margin-bottom: 50px;
}
.menu.responsive .menu-toggle {
display: inline-block;
background: #d4def1;
color: #6a6f78;
width: 20px;
height: 20px;
border-radius: 10px;
vertical-align: sub;
margin-left: 10px;
cursor: pointer;
}
.menu.responsive .menu-toggle:after {
content: "+";
display: block;
width: 100%;
height: 100%;
text-align: center;
line-height: 24px;
font-size: 23px;
}
.menu.responsive .menu-toggle.open:after {
content: "-";
line-height: 22px;
}
.menu.responsive .burger-icon-menu {
display: none;
left: auto;
right: 0;
background: rgba(255, 255, 255, 1);
position: absolute;
z-index: 20;
width: 60px;
height: 50px;
top: 0;
cursor: pointer;
border-bottom-right-radius: 4px;
}
.menu.responsive .burger-icon-menu .strip {
position: absolute;
width: 32px;
height: 3px;
background: #000;
border-radius: 2px;
left: 14px;
transition: all 0.8s cubic-bezier(0.77, 0, 0.175, 1);
z-index: 1;
}
.menu.responsive .burger-icon-menu .strip:nth-child(1) {
top: 14px;
transform: translate(0, 10px) rotate(45deg);
}
.menu.responsive .burger-icon-menu .strip:nth-child(2) {
top: 24px;
transform: scale(0, 1);
opacity: 0.3;
}
.menu.responsive .burger-icon-menu .strip:nth-child(3) {
top: 34px;
width: 24px;
transform: translate(0, -10px) rotate(-45deg);
width: 32px;
}
.button-mobile-wrap {
display: none;
position: fixed;
bottom: 20px;
z-index: 1001;
width: 100%;
padding: 0 20px;
box-sizing: border-box;
}
.button.mobile {
padding: 9px 23px 12px;
background: #fc1e2b;
}
.button.mobile i {
display: inline-block;
width: 18px;
height: 18px;
top: 6px;
margin-right: 8px;
}
.floating-header .links-block .mobile {
display: none;
}
@media screen and (max-width: 1023px) {
.floating-header {
height: 50px;
}
.floating-header .consultation {
display: none;
}
.floating-header .mobile-buttons {
display: flex;
}
.floating-header .block.header {
padding: 0;
height: 100%;
}
.floating-header .header .container {
align-items: center;
}
.floating-header .links-block .popup-link {
display: none;
}
.floating-header .links-block .mobile {
display: block;
}
.menu-open .pw,
.menu-open .footer,
.menu-open .burger-icon {
transform: none;
}
.menu.responsive {
z-index: 1000;
width: 100%;
max-width: 600px;
}
.menu.responsive .burger-icon-menu {
display: block;
}
.block.awards {
margin: 0 0 4.5%;
}
.awards-slider .owl-prev,
.logos.owl-carousel3 .owl-prev,
.review-main-slider .owl-prev,
.works.owl-carousel2 .owl-prev {
left: -40px;
}
.awards-slider .owl-next,
.logos.owl-carousel3 .owl-next,
.review-main-slider .owl-next,
.works.owl-carousel2 .owl-next {
right: -40px;
}
}
@media screen and (max-width: 1000px) {
.result-slider-text {
margin-right: 40px;
}
.result-slider-stats .boom {
font-size: 20px;
}
.result-slider-stats .counter {
font-size: 32px;
}
.works.owl-carousel2 .owl-prev {
top: 120px;
}
.works.owl-carousel2 .owl-next {
top: 120px;
}
}
@media screen and (max-width: 900px) {
.result-slider-stats {
flex-wrap: wrap;
}
.result-slider-stats > div {
width: 100%;
display: flex;
align-items: center;
margin-bottom: 5px;
}
.result-slider-stats .boom {
margin-right: 10px;
}
.works.owl-carousel2 .owl-prev {
top: 110px;
}
.works.owl-carousel2 .owl-next {
top: 110px;
}
.awards-slider .owl-prev,
.logos.owl-carousel3 .owl-prev,
.review-main-slider .owl-prev,
.works.owl-carousel2 .owl-prev {
left: -35px;
}
.awards-slider .owl-next,
.logos.owl-carousel3 .owl-next,
.review-main-slider .owl-next,
.works.owl-carousel2 .owl-next {
right: -35px;
}
}
@media screen and (max-width: 799px) {
.works.owl-carousel2 .owl-prev {
top: 190px;
}
.works.owl-carousel2 .owl-next {
top: 190px;
}
}
@media screen and (max-width: 700px) {
.services-item {
width: 100%;
}
.result-slider-columns {
display: block;
margin-bottom: 30px;
}
.result-slider-text {
max-width: 100%;
margin-right: 0;
margin-bottom: 20px;
font-size: 17px;
}
.result-slider-button.desktop {
display: none;
}
.result-slider-button.mobile {
display: block;
}
.result-slider-stats {
margin-bottom: 10px;
}
.causes-item {
width: 100%;
}
.brc_header header span {
margin-bottom: 2px;
margin-left: 12px;
}
.brc_header header .comment_wrapper {
flex-direction: column;
}
}
@media screen and (max-width: 600px) {
.block-title {
font-size: 34px;
margin-bottom: 20px;
}
h3.block-title {
font-size: 30px;
}
.block.services {
padding: 10px 0;
}
.services-wrap {
padding-top: 0;
}
.services-item {
padding: 15px 20px;
}
.services-title {
font-size: 22px;
margin-bottom: 10px;
}
.services-price {
font-size: 23px;
margin: 20px 0 15px;
}
.result-slider-head {
display: block;
margin-bottom: 20px;
}
.result-slider-head .block-title {
margin-bottom: 10px;
}
.result-slider-item_wrap {
padding: 30px 0;
}
.block.causes {
font-size: 17px;
padding: 30px 0 10px;
}
.causes-main-text {
margin-bottom: 20px;
}
.causes-item {
margin-bottom: 20px;
}
.causes-item .boom {
font-size: 22px;
margin-bottom: 10px;
padding-left: 0;
}
.causes-item .boom:before {
position: relative;
top: -3px;
}
.block.partners {
padding: 30px 0;
}
.block.partners .block-title {
margin-bottom: 10px;
}
.review-main-slider-item {
font-size: 17px;
}
.works.owl-carousel2 .owl-prev {
display: none !important;
}
.works.owl-carousel2 .owl-next {
top: 0;
margin-top: -7px;
}
.menu-open .button-mobile-wrap {
display: block;
}
.awards-slider,
.logos-main,
.review-main-slider,
.works {
width: calc(100% - 50px);
}
.awards-slider .owl-stage-outer,
.logos-main .owl-stage-outer,
.review-main-slider .owl-stage-outer,
.works .owl-stage-outer {
width: calc(100% + 4.5% + 50px);
}
.awards-slider .owl-stage-outer:after,
.logos-main .owl-stage-outer:after,
.review-main-slider .owl-stage-outer:after,
.works .owl-stage-outer:after {
content: "";
display: block;
position: absolute;
top: 0;
right: 0;
width: 50px;
height: 100%;
background: linear-gradient(to left, #fff, #fff0);
}
.awards-slider .owl-prev,
.logos.owl-carousel3 .owl-prev,
.review-main-slider .owl-prev,
.works.owl-carousel2 .owl-prev {
left: -25px;
}
.awards-slider .owl-next,
.logos.owl-carousel3 .owl-next,
.review-main-slider .owl-next,
.works.owl-carousel2 .owl-next {
right: -50px;
}
}
@media screen and (max-width: 540px) {
.br_comment .brn_add {
float: left;
clear: both;
}
.comments-block .block-title {
font-size: 24px;
margin-bottom: 20px;
}
}
@media screen and (max-width: 510px) {
.awards-slider .owl-prev,
.logos.owl-carousel3 .owl-prev,
.review-main-slider .owl-prev,
.works.owl-carousel2 .owl-prev {
left: -15px;
}
}
@media screen and (max-width: 400px) {
.awards-slider .owl-prev,
.logos.owl-carousel3 .owl-prev,
.review-main-slider .owl-prev,
.works.owl-carousel2 .owl-prev {
left: -10px;
}
.comments-block {
margin-top: 30px;
margin-bottom: 30px;
}
.brc_header header span {
font-size: 17px;
}
.br_comment article {
font-size: 17px;
}
.br_tree .br_comment .brn_add span {
font-size: 17px;
}
}
.block.tagline.landing {
padding: 60px 0;
}
.block.tagline.landing .purpose {
max-width: 820px;
margin: 40px 0;
}
.block.tagline.landing .purpose p {
font-size: 19px;
font-weight: 300;
}
.block.portfolio {
padding: 60px 0 0 0;
/* background: #f3f6fb; */
}
.block.portfolio h2 {
font: 700 40px/1.1 "PFRegalTextPro", sans-serif;
margin-bottom: 30px;
}
.portfolio-wrap {
display: flex;
flex-wrap: wrap;
}
.portfolio-wrap a {
display: block;
width: 311px;
margin-right: 33px;
margin-bottom: 30px;
border: 1px solid #d4def1;
border-radius: 3px;
box-sizing: border-box;
}
.portfolio-wrap a:nth-child(3n) {
margin-right: 0px;
}
.portfolio-wrap a img {
width: 100%;
}
.portfolio-wrap a:hover {
opacity: 1;
box-shadow: 0px 4px 8px #b5c0d5;
}
.portfolio-wrap a span.logo {
display: block;
border-top: 1px solid #d4def1;
height: 66px;
padding: 10px;
box-sizing: border-box;
display: flex;
align-items: center;
justify-content: center;
}
.portfolio-wrap a span.logo img {
width: auto;
max-width: 180px;
max-height: 100%;
}
.portfolio-wrap a span.hover {
display: none;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
align-items: center;
justify-content: center;
background: rgba(8, 47, 68, 0.9);
border-radius: 3px;
color: #ffffff;
font-size: 26px;
font-weight: 500;
}
.portfolio-wrap a span.hover i {
font-style: normal;
border-bottom: 6px solid #fc1e2b;
line-height: 8px;
}
.portfolio-wrap a:hover span.hover {
display: flex;
}
.block.text {
padding: 60px 0 0 0;
margin: 0;
font-size: 19px;
line-height: 1.45;
}
.block.text h2 {
font: 700 40px/1.1 "PFRegalTextPro", sans-serif;
margin-bottom: 30px;
}
.block.text h3 {
font-size: 28px;
margin-top: 40px;
}
.block.text h4 {
font-size: 22px;
line-height: 1.2;
font-family: "PFRegalTextPro", sans-serif;
}
.block.text p {
margin: 0 0 30px;
}
.block.text ul,
.block.text ol {
margin-bottom: 30px;
padding-left: 2em;
}
.block.text ul:not(.collapse) li + li,
.block.text ol:not(.collapse) li + li {
margin-top: 12px;
}
.block.text ul li::before {
left: -1em;
color: #75777e;
font-size: 24px;
line-height: 24px;
}
.block.text a {
background-size: 1em 0.4em;
background-repeat: repeat-x;
background-position: 0px 70%;
background-image: linear-gradient(90deg, rgba(190, 214, 90, 0.5), rgba(190, 214, 90, 0.5));
word-break: break-word;
}
.block.awards-landing {
padding: 50px 0;
margin: 0;
background: linear-gradient(to left, rgba(8, 47, 68, 0.8), rgba(8, 47, 68, 0.8)), url("/local/templates/directline_2020/css/../images/awards-bg.png") center center no-repeat;
background-size: cover;
}
.block.awards-landing h2 {
font: 700 40px/1.1 "PFRegalTextPro", sans-serif;
margin-bottom: 30px;
color: #ffffff;
max-width: 780px;
}
.awards-landing-slider .awards-item {
text-align: center;
background: #ffffff;
padding: 30px;
border: 1px solid #d4def1;
box-sizing: border-box;
border-radius: 4px;
min-height: 298px;
}
.awards-landing-slider .awards-item-type {
font-size: 13px;
font-weight: 500;
line-height: 1.3;
color: #93a2b2;
text-transform: uppercase;
}
.awards-landing-slider .awards-item-place {
font-size: 26px;
font-weight: 500;
line-height: 1.2;
margin-bottom: 5px;
}
.awards-landing-slider .awards-item-img {
height: 120px;
justify-content: center;
margin-bottom: 20px;
}
.awards-landing-slider .awards-item-text {
font-size: 22px;
font-weight: 500;
line-height: 1.15;
}
.awards-landing-slider .awards-item-text_small {
font-size: 15px;
font-weight: normal;
line-height: 1.45;
}
.awards-landing-slider .owl-prev {
left: -45px;
background: url("/local/templates/directline_2020/css/../images/b-arrow-back.png") center center no-repeat !important;
background-color: #d4def1 !important;
background-size: 13px !important;
width: 35px;
height: 35px;
border-radius: 17px;
display: block;
position: absolute;
top: 50%;
margin-top: -17px;
opacity: 1;
}
.awards-landing-slider .owl-next {
right: -45px;
background: url("/local/templates/directline_2020/css/../images/b-arrow-next.png") center center no-repeat !important;
background-color: #d4def1 !important;
background-size: 13px !important;
width: 35px;
height: 35px;
border-radius: 17px;
display: block;
position: absolute;
top: 50%;
margin-top: -17px;
opacity: 1;
}
.awards-landing-slider .owl-prev:hover,
.awards-landing-slider .owl-next:hover {
background-color: #e6ecf6 !important;
}
.block.stages {
padding: 60px 0;
margin: 0;
}
.block.stages h2 {
font: 700 40px/1.1 "PFRegalTextPro", sans-serif;
margin-bottom: 30px;
}
.stages-wrap {
}
.stages-item {
display: flex;
align-items: start;
margin-bottom: 3px;
position: relative;
}
.stages-item:after {
content: " ";
display: block;
position: absolute;
width: 1px;
border-right: 4px dotted #0b5e8a;
height: calc(80%);
top: 72px;
left: 36px;
}
.stages-item:last-child:after {
display: none;
}
.stages-item-num {
font-size: 26px;
font-weight: 500;
color: #ffffff;
line-height: 26px;
min-width: 73px;
height: 83px;
background: url("/local/templates/directline_2020/css/../images/icon-boom-blue.png") center center no-repeat;
background-size: contain;
position: relative;
}
.stages-item-num span {
display: block;
text-align: center;
width: 100%;
position: absolute;
top: 35px;
left: 1px;
}
.stages-item-title {
font-size: 26px;
font-weight: 500;
padding: 30px 10px;
line-height: 1.2;
}
.stages-item-text {
font-size: 19px;
font-weight: normal;
padding: 32px 40px;
background: #f3f6fb;
border-radius: 4px;
min-width: 578px;
max-width: 578px;
box-sizing: border-box;
margin: 0 0 0 auto;
line-height: 1.45;
}
.block.form {
padding: 60px 0 40px;
margin: 0;
background: linear-gradient(to left, rgba(8, 47, 68, 0.8), rgba(8, 47, 68, 0.8)), url("/local/templates/directline_2020/css/../images/form-bg.png") center center no-repeat;
background-size: cover;
color: #ffffff;
font-size: 19px;
min-height: 486px;
display: flex;
align-items: center;
}
@media (max-width: 425px) {
.block.form br {
display: none;
}
}
.block.form h2 {
font: 700 40px/1.1 "PFRegalTextPro", sans-serif;
margin-bottom: 30px;
max-width: 780px;
}
.block.form form {
display: flex;
flex-wrap: wrap;
}
.block.form .form-column {
width: 50%;
box-sizing: border-box;
margin-bottom: 20px;
}
.block.form .form-column.blue-text {
color: #d4def1;
}
.block.form div.form-column:nth-of-type(odd) {
padding-right: 19px;
}
.block.form div.form-column:nth-of-type(even) {
padding-left: 19px;
}
.block.form .form-input {
margin-bottom: 10px;
}
.block.form input[type="text"],
.block.form input[type="email"],
.block.form input[type="tel"] {
background: #f3f6fb;
border: 1px solid #d4def1;
box-sizing: border-box;
border-radius: 4px;
height: 50px;
width: 100%;
margin-top: 5px;
}
.block.form textarea {
background: #f3f6fb;
border: 1px solid #d4def1;
box-sizing: border-box;
border-radius: 4px;
height: 230px;
width: 100%;
margin-top: 5px;
}
.block.form input[type="submit"] {
background: #fc1e2b;
border-radius: 4px;
height: 50px;
width: 253px;
text-align: center;
font-weight: 500;
font-size: 13px;
line-height: 1.3;
text-transform: uppercase;
color: #ffffff;
border: none;
cursor: pointer;
font-family: "FiraSans";
}
.block.links {
padding: 60px 0 0 0;
margin: 0;
}
.block.links .block-title {
font: 700 40px/1.1 "PFRegalTextPro", sans-serif;
margin-bottom: 30px;
}
.links-wrap {
display: flex;
flex-wrap: wrap;
}
.links-wrap a {
display: block;
width: 311px;
min-height: 166px;
border: 1px solid #d4def1;
box-sizing: border-box;
border-radius: 4px;
padding: 24px 30px 45px;
font-size: 26px;
font-weight: 500;
line-height: 1.2;
margin-right: 33px;
margin-bottom: 30px;
position: relative;
}
.links-wrap a:nth-child(3n) {
margin-right: 0px;
}
.links-wrap a:after {
display: block;
content: " ";
width: 32px;
height: 19px;
background: url("/local/templates/directline_2020/css/../images/red-arrow.png") center no-repeat;
background-size: cover;
position: absolute;
left: 30px;
bottom: 20px;
}
@media screen and (max-width: 1279px) {
.portfolio-wrap a,
.links-wrap a {
margin-right: 13px;
}
}
@media screen and (max-width: 1023px) {
.block.text,
.stages-item-text,
.block.form {
font-size: 17px;
line-height: 1.4;
}
.stages-item-title,
.stages-item-num {
font-size: 22px;
}
.awards-landing-slider .owl-prev {
left: -40px;
}
.awards-landing-slider .owl-next {
right: -40px;
}
.portfolio-wrap a,
.links-wrap a {
width: 32%;
}
}
@media screen and (max-width: 900px) {
.stages-item {
flex-wrap: wrap;
}
.stages-item-title {
width: calc(100% - 103px);
}
.stages-item:after {
display: none;
}
.stages-item-text {
margin: 10px 0 0;
max-width: 100%;
min-width: 100%;
}
.awards-landing-slider .owl-prev {
left: -35px;
}
.awards-landing-slider .owl-next {
right: -35px;
}
.portfolio-wrap a,
.links-wrap a {
width: 49%;
}
.portfolio-wrap a:nth-child(2n),
.links-wrap a:nth-child(2n) {
margin-right: 0px;
}
.portfolio-wrap a:nth-child(3n),
.links-wrap a:nth-child(3n) {
margin-right: 13px;
}
}
@media screen and (max-width: 712px) {
.portfolio-wrap a,
.portfolio-wrap a:nth-child(3n),
.links-wrap a,
.links-wrap a:nth-child(3n) {
margin-right: 12px;
}
}
@media screen and (max-width: 657px) {
.portfolio-wrap a,
.portfolio-wrap a:nth-child(3n),
.links-wrap a,
.links-wrap a:nth-child(3n) {
margin-right: 10px;
}
}
@media screen and (max-width: 600px) {
.awards-landing-slider {
width: calc(100% - 50px);
margin: 0 auto;
}
.awards-landing-slider .owl-prev {
left: -40px;
}
.awards-landing-slider .owl-next {
right: -40px;
}
.block.portfolio h2,
.block.text h2,
.block.awards-landing h2,
.block.stages h2,
.block.form h2,
.block.links .block-title {
font-size: 32px;
}
.block.form .form-column {
width: 100%;
padding: 0 !important;
}
.block.form input[type="submit"] {
width: 100%;
}
.portfolio-wrap a,
.links-wrap a {
width: 100%;
}
.portfolio-wrap a,
.portfolio-wrap a:nth-child(3n),
.links-wrap a,
.links-wrap a:nth-child(3n) {
margin-right: 0;
}
.block.form .form-column.blue-text {
font-size: 14px;
}
.block.form {
background: linear-gradient(to left, rgba(8, 47, 68, 0.8), rgba(8, 47, 68, 0.8)),
url("/local/templates/directline_2020/css/../images/form-bg-500.png") center center no-repeat;
background-size: cover;
}
}
@media screen and (max-width: 400px) {
.awards-landing-slider .owl-prev {
left: -38px;
}
.awards-landing-slider .owl-next {
right: -38px;
}
}
.block.pb {
font-size: 19px;
line-height: 1.45;
font-weight: 400;
margin: 0;
padding: 60px 0;
}
.block.pb p {
font-weight: 400;
}
.block.text.pb {
padding: 50px 0 40px;
}
.block.because.pb {
padding: 60px 0 30px;
}
.pb-head-img {
position: absolute;
right: 0;
background: linear-gradient(90deg, rgba(0, 81, 124, 1) 6%, transparent 44.48%),
url("/local/templates/directline_2020/css/../images/power-bi/head-bg-250.png") center right no-repeat;
height: 100%;
width: 686px;
background-size: auto, contain;
}
.cards {
position: absolute;
top: 85px;
right: 0;
}
.cards .card-g-ads {
width: 160px;
height: 70px;
background: #f3f6fb url("/local/templates/directline_2020/css/../images/power-bi/h-g-ads.png") center no-repeat;
box-shadow: 0px 4px 16px rgba(36, 36, 49, 0.7);
border-radius: 12px;
margin: 0 0 20px auto;
}
.cards .card-g-analytics {
width: 196px;
height: 72px;
background: #f3f6fb url("/local/templates/directline_2020/css/../images/power-bi/h-g-analytics.png") center no-repeat;
box-shadow: 0px 4px 16px rgba(36, 36, 49, 0.7);
border-radius: 12px;
margin: 0 30px 23px auto;
}
.cards .card-ya-direct {
width: 160px;
height: 70px;
background: #f3f6fb url("/local/templates/directline_2020/css/../images/power-bi/h-ya-direct.png") center no-repeat;
box-shadow: 0px 4px 16px rgba(36, 36, 49, 0.7);
border-radius: 12px;
margin: 0 30px 23px auto;
}
.cards .card-ya-metriks {
width: 169px;
height: 70px;
background: #f3f6fb url("/local/templates/directline_2020/css/../images/power-bi/h-ya-metrics.png") center no-repeat;
box-shadow: 0px 4px 16px rgba(36, 36, 49, 0.7);
border-radius: 12px;
margin: 0 0 20px auto;
}
.cards .card-facebook {
width: 169px;
height: 70px;
background: #f3f6fb url("/local/templates/directline_2020/css/../images/power-bi/Facebook.svg") center no-repeat;
box-shadow: 0px 4px 16px rgba(36, 36, 49, 0.7);
border-radius: 12px;
margin: 0 0 20px auto;
}
.cards .card-dots {
width: 90px;
height: 70px;
background: #f3f6fb url("/local/templates/directline_2020/css/../images/power-bi/dots.svg") center 30px no-repeat;
background-size: 30px;
box-shadow: 0px 4px 16px rgba(36, 36, 49, 0.7);
border-radius: 12px;
margin: 0 0 20px auto;
}
.pb-text {
display: flex;
justify-content: space-between;
}
.pb-text-left {
max-width: 680px;
}
.pb-text-right {
padding-left: 5px;
}
.pb-text-right img {
display: block;
margin-bottom: 15px;
}
.pb-text-right img:last-child {
margin-bottom: 0;
}
.we-offer {
background: #f3f6fb;
}
.we-offer p {
max-width: 680px;
}
.we-offer p.short {
max-width: 500px;
margin-top: -80px !important;
}
.we-offer img.desc {
display: block;
margin: 0 auto;
}
.we-offer img.mobile {
display: none;
margin: 0 auto 10px;
}
.agency-links {
text-align: right;
padding-bottom: 0px;
}
.agency-links img {
width: 35%;
height: auto;
}
.examples-wrap {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.examples-item {
width: 48%;
margin-bottom: 24px;
}
.examples-wrap .examples-item:last-child {
margin-bottom: 0;
}
.examples-item .popup-image,
.examples-item .fancybox {
display: block;
position: relative;
width: 100%;
border-radius: 4px;
margin-bottom: 24px;
}
.examples-item .popup-image:after,
.examples-item .fancybox:after {
content: " ";
display: block;
position: absolute;
right: 0;
bottom: 0;
width: 146px;
height: 148px;
background: url("/local/templates/directline_2020/css/../images/power-bi/icon-zoom.png") right bottom no-repeat;
background-size: contain;
}
.examples-item .popup-image img,
.examples-item .fancybox img {
border-radius: 4px;
}
.examples-more {
display: block;
border: 1px solid #0b5e8a;
box-sizing: border-box;
border-radius: 4px;
font-weight: 500;
font-size: 13px;
line-height: 1.3;
text-align: center;
text-transform: uppercase;
color: #0b5e8a;
padding: 16px 5px 15px;
}
.price {
background: #f3f6fb;
}
.price h2 {
margin-bottom: 40px;
}
.price-wrap {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.price-item {
width: 48%;
margin-bottom: 30px;
background: #ffffff;
border: 1px solid #d4def1;
box-sizing: border-box;
border-radius: 4px;
display: flex;
flex-wrap: wrap;
align-content: space-between;
}
.price-item-flex {
width: 100%;
}
.price-item-title {
padding: 40px 40px 20px;
font-weight: 500;
font-size: 26px;
line-height: 1.2;
text-align: center;
}
.price-item-text {
padding: 0 40px 20px;
font-size: 15px;
line-height: 1.45;
}
.price-item-text span {
color: #8f9db0;
}
.price-item-link {
font-weight: 500;
font-size: 17px;
line-height: 1.45;
text-align: center;
color: #0b5e8a;
margin-bottom: 36px;
}
.price-item-link .popup-image,
.price-item-link .fancybox {
color: #0b5e8a;
display: inline-block;
padding-left: 34px;
background: url("/local/templates/directline_2020/css/../images/power-bi/pic_icon.svg") left top no-repeat;
line-height: 22px;
}
.price-item-bottom {
padding: 8px 40px;
border-top: 1px solid #d4def1;
display: flex;
justify-content: space-between;
align-items: center;
}
.price-item-price {
font-weight: 500;
font-size: 26px;
line-height: 1.2;
}
.price-item-price span {
color: #8f9db0;
}
.price-item-button {
display: inline-block;
background: #fc1e2b;
border-radius: 4px;
font-weight: 500;
font-size: 13px;
line-height: 1.3;
text-transform: uppercase;
color: #ffffff;
padding: 17px 30px 16px;
}
.price-note {
max-width: 680px;
padding-left: 40px;
font-size: 15px;
line-height: 1.45;
background: url("/local/templates/directline_2020/css/../images/power-bi/note_icon.svg") 9px 0 no-repeat;
}
.why {
color: #ffffff;
background: linear-gradient(57.21deg, #00517c 40.95%, rgba(0, 81, 124, 0) 105.31%),
url("/local/templates/directline_2020/css/../images/power-bi/why-bg.png") top right no-repeat;
}
.why h2 {
margin-bottom: 27px;
}
.why p {
max-width: 680px;
}
.because h2 {
max-width: 860px;
margin-bottom: 40px;
}
.because .causes-column {
width: 48%;
}
.because .causes-item {
width: 100%;
}
.because .causes-item-text img {
display: block;
margin: 24px auto;
}
.stages.pb {
background: #f3f6fb;
}
.stages.pb .stages-item-text {
background: #ffffff;
}
.awards-landing.pb {
background: #f3f6fb;
}
.awards-landing.pb h2 {
color: #000000;
}
.trust .container {
display: flex;
}
.trust-left {
max-width: 680px;
}
.trust-left .logos {
display: none;
}
.trust-logos {
display: flex;
flex-wrap: wrap;
}
.trust-logos-item {
width: 33%;
display: flex;
align-items: center;
justify-content: center;
}
.trust-logos-item img {
filter: url("data:image/svg+xml;utf8,#grayscale");
-webkit-filter: grayscale(1);
filter: grayscale(1);
-webkit-backface-visibility: hidden;
filter: gray;
}
.trust-logos-item:hover img {
filter: url("data:image/svg+xml;utf8,#grayscale");
-webkit-filter: grayscale(0);
filter: grayscale(0);
}
.trust-logos-item a {
display: block;
font-weight: 500;
font-size: 13px;
line-height: 1.3;
text-transform: uppercase;
color: #0b5e8a;
border-radius: 7px;
padding: 32px 52px 31px 26px;
background: #f3f6fb url("/local/templates/directline_2020/css/../images/power-bi/arrow-more.svg") 120px center no-repeat;
}
.clients-more-mobile {
display: none;
font-weight: 500;
font-size: 13px;
line-height: 1.3;
text-transform: uppercase;
color: #0b5e8a;
padding: 0 27px 0 0;
background: url("/local/templates/directline_2020/css/../images/power-bi/arrow-more.svg") right 2px no-repeat;
}
.trust-right {
margin-left: 49px;
}
.trust-right .desktop {
display: block;
}
.trust-right .tablet {
display: none;
}
.trust-right .mobile {
display: none;
}
@media screen and (max-width: 1023px) {
.menu.responsive .menu-sub.megamenu .submega-title {
font-size: 13px;
}
.block.pb {
font-size: 17px;
line-height: 1.4;
}
.agency-links {
padding-bottom: 20px;
}
.trust .container {
flex-wrap: wrap;
}
.trust-left {
max-width: 100%;
margin-bottom: 30px;
}
.trust-left .logos {
display: flex;
}
.trust-logos {
display: none;
}
.clients-more-mobile {
display: inline-block;
}
.trust-right {
margin: 0 auto;
}
.trust-right .desktop {
display: none;
}
.trust-right .tablet {
display: block;
}
.trust-right .mobile {
display: none;
}
}
@media screen and (max-width: 930px) {
.pb-head-img {
top: 90px;
right: -230px;
width: 418px;
background-position: top;
}
.cards {
display: none;
}
.we-offer p.short {
margin-top: 0 !important;
}
}
.block.links + .block.awards-landing,
.block.causes + .block.awards-landing,
.block.awards-landing + .block.stages,
.block.awards-landing + .block.text,
.block.text + .block.stages,
.block.text + .block.text,
.block.stages + .block.text,
.block.stages + .block.causes {
padding: 60px 0 0 0;
}
.block.stages + .block.services_pack {
padding: 0;
}
.block.text + .block.team2,
.block.causes + .block.causes {
padding: 30px 0 0 0;
}
.block.services_pack + .block.text {
padding: 28px 0 0 0;
}
@media screen and (max-width: 799px) {
.block.pb {
padding: 30px 0;
}
.block.text.pb {
padding: 30px 0;
}
.block.because.pb {
padding: 30px 0 10px;
}
.block.tagline.pb {
padding: 60px 0 30px;
}
.block.form {
padding: 30px 0 10px;
}
.block.portfolio {
padding: 30px 0 0;
margin: 0;
}
.block.text {
padding: 30px 0;
}
.block.links {
padding: 30px 0 0;
}
.block.stages {
padding: 30px 0;
}
.block.links + .block.awards-landing,
.block.causes + .block.awards-landing,
.block.awards-landing + .block.stages,
.block.awards-landing + .block.text,
.block.text + .block.stages,
.block.text + .block.text,
.block.stages + .block.text,
.block.stages + .block.causes {
padding: 0 0 30px;
}
.block.text + .block.causes,
.block.causes + .block.causes,
.block.text + .block.team2 {
padding: 0;
}
.pb-text-left {
max-width: 100%;
}
.pb-text-right {
display: none;
}
.pb h2 {
font-size: 26px !important;
line-height: 1.1;
}
.we-offer img.desc {
display: none;
}
.we-offer img.mobile {
display: block;
}
.price-item {
width: 100%;
margin-bottom: 16px;
}
}
@media screen and (max-width: 700px) {
.agency-links {
text-align: left;
}
.because .causes-column {
width: 100%;
}
}
@media screen and (max-width: 600px) {
.examples-item {
width: 100%;
}
.examples-item .popup-image:after,
.examples-item .fancybox:after {
width: 105px;
height: 105px;
}
.price h2 {
margin-bottom: 20px;
}
.price-item-title {
padding: 16px 20px 12px;
font-size: 22px;
}
.price-item-text {
padding: 0 20px 12px;
font-size: 14px;
}
.price-item-link {
margin-bottom: 16px;
}
.price-item-bottom {
padding: 8px 20px;
}
.price-item-price {
font-size: 22px;
}
.price-note {
font-size: 14px;
padding-left: 31px;
background: url("/local/templates/directline_2020/css/../images/power-bi/note_icon.svg") 0 0 no-repeat;
}
.block.pb.why {
padding-bottom: 150px;
background: linear-gradient(180deg, #00517c 68%, rgba(0, 81, 124, 0) 100%), url("/local/templates/directline_2020/css/../images/power-bi/why-bg.png") center bottom no-repeat;
}
}
@media screen and (max-width: 560px) {
.trust-right .desktop {
display: none;
}
.trust-right .tablet {
display: none;
}
.trust-right .mobile {
display: block;
}
}
.block.not-found {
}
.block.not-found h2 {
font-size: 40px;
font-weight: 700;
text-align: center;
margin-bottom: 10px;
}
.not-found-img {
width: 142px;
height: 63px;
margin: 0 auto 35px;
background: url("/local/templates/directline_2020/css/../images/404_pic.svg") center no-repeat;
background-size: contain;
}
.not-found-text {
font-size: 19px;
font-weight: 400;
text-align: center;
color: #75777e;
margin-bottom: 52px;
}
.not-found-btn {
display: block;
max-width: 263px;
border: 1px solid #0b5e8a;
border-radius: 4px;
padding: 16px;
font-weight: 500;
font-size: 13px;
line-height: 1.3;
text-align: center;
text-transform: uppercase;
color: #0b5e8a;
margin: 0 auto;
}
.content-cta {
background: url("/local/templates/directline_2020/css/../images/cta-bg-top.png") top center repeat no-repeat, url("/local/templates/directline_2020/css/../images/cta-bg-bottom.png") bottom center repeat no-repeat;
background-color: #f3f6fb;
padding: 50px 50px 35px;
margin: 25px 0 30px;
}
.content-cta-head {
margin-bottom: 18px;
padding-left: 125px;
position: relative;
min-height: 95px;
}
.content-cta-head:before {
content: "";
display: block;
width: 188px;
height: 220px;
background: url("/local/templates/directline_2020/css/../images/alarm-clock-site.png") center center no-repeat;
background-size: contain;
position: absolute;
top: -68px;
left: -55px;
}
.content-cta-small-title {
font-weight: 500;
font-size: 22px;
line-height: 1.45;
color: #8b97ad;
margin-bottom: 11px;
}
.content-cta-title {
font-family: "PFRegalTextPro";
font-weight: bold;
font-size: 28px;
line-height: 1;
}
.content-cta-text {
margin-bottom: 32px;
}
.content-cta-text ul {
margin: 18px 0;
padding-left: 25px;
}
.content-cta-buttons {
display: flex;
align-items: center;
margin-bottom: 15px;
}
.content-cta-button {
display: block;
background: #fc1e2b !important;
border-radius: 4px;
font-weight: 500;
font-size: 13px;
line-height: 1.3;
text-transform: uppercase;
color: #ffffff;
padding: 17px 40px 16px 65px;
position: relative;
}
.content-cta-button i {
display: block;
width: 15px;
height: 18px;
background: url("/local/templates/directline_2020/css/../images/button-doc.svg") center no-repeat;
background-size: cover;
position: absolute;
left: 40px;
top: calc(50% - 9px);
}
.content-cta-price {
font-weight: 500;
font-size: 22px;
line-height: 145%;
margin-left: 20px;
}
.content-cta-price.boom {
padding-left: 38px;
}
.content-cta-price.boom::before {
height: 36px;
top: -4px;
}
.content-cta-link a {
font-weight: 500;
font-size: 17px;
line-height: 1.45;
text-decoration-line: underline;
color: #8b97ad;
background: none !important;
}
.content-cta-freeaudit {
margin: 20px -50px 0;
padding: 30px 50px 0;
border-top: 1px solid #d4def1;
}
.content-cta-freeaudit .content-cta-title {
margin-bottom: 12px;
}
.content-cta-freeaudit .content-cta-text {
margin-bottom: 24px;
}
.content-cta-freeaudit .content-cta-buttons {
margin-bottom: 0;
}
.content-cta-freeaudit .content-cta-button {
background: transparent !important;
border: 1px solid #fc1e2b;
color: #fc1e2b;
padding-top: 16px;
padding-bottom: 15px;
}
.content-cta-freeaudit .content-cta-button i {
background: url("/local/templates/directline_2020/css/../images/button-rupor.svg") center no-repeat;
background-size: cover;
width: 20px;
height: 18px;
left: 35px;
}
.content-cta.in-text {
padding: 54px 50px 35px;
}
.content-cta.in-text .content-cta-head {
padding-left: 124px;
min-height: auto;
margin-bottom: 25px;
}
.content-cta.in-text .content-cta-small-title {
margin-bottom: 10px;
}
.content-cta.in-text .content-cta-head:before {
top: -34px;
}
.content-cta.in-text .content-cta-text {
padding-left: 124px;
font-size: 17px;
}
.content-cta.in-text .content-cta-buttons {
justify-content: space-between;
margin-bottom: 24px;
}
.content-cta-input {
width: 100%;
max-width: 420px;
height: 50px;
background: #ffffff;
border: 1px solid #d4def1;
box-sizing: border-box;
border-radius: 4px;
}
.content-cta-input.error {
border: 1px solid #d32e42;
}
@media screen and (max-width: 699px) {
.content-cta {
padding: 28px 16px 20px;
}
.content-cta-head {
padding-left: 0;
margin-bottom: 12px;
}
.content-cta-head::before {
width: 130px;
height: 152px;
top: -45px;
left: -17px;
}
.content-cta-small-title {
padding-left: 104px;
min-height: 80px;
font-size: 20px;
line-height: 115%;
display: flex;
align-items: center;
}
.content-cta-title {
font-size: 24px;
}
.content-cta-text,
.content-cta-freeaudit .content-cta-text {
margin-bottom: 17px;
}
.content-cta-buttons {
flex-wrap: wrap;
}
.content-cta-price {
order: 1;
width: 100%;
margin-left: 0;
margin-bottom: 9px;
}
.content-cta-button {
order: 2;
width: 100%;
text-align: center;
padding: 16px 15px 15px 15px;
}
.content-cta-button i,
.content-cta-freeaudit .content-cta-button i {
position: relative;
display: inline-block;
left: 0;
top: auto;
margin: 0 10px -4px 0;
}
.content-cta-freeaudit {
margin: 20px -16px 0;
padding: 16px 16px 12px;
border-top: 1px solid #d4def1;
}
.content-cta.in-text {
padding: 48px 16px 22px;
}
.content-cta.in-text .content-cta-head {
padding-left: 0;
}
.content-cta.in-text .content-cta-head:before {
top: -68px;
}
.content-cta.in-text .content-cta-small-title {
align-items: start;
min-height: auto;
margin-bottom: 23px;
}
.content-cta.in-text .content-cta-head {
margin-bottom: 12px;
}
.content-cta.in-text .content-cta-text {
padding-left: 0;
margin-bottom: 20px;
}
.content-cta.in-text .content-cta-buttons {
margin-bottom: 20px;
}
.content-cta-buttons-text {
margin-bottom: 5px;
}
.content-cta-input {
margin-bottom: 8px;
}
}
.offer-question {
color: #d32e42;
font-weight: bold;
margin-bottom: 20px;
}
.offer-question__number {
font-size: 30px;
display: inline-block;
margin-right: 20px;
}
.offer-question__text {
font-size: 18px;
display: inline-block;
}
.offer-label {
display: block;
width: 100%;
margin-bottom: 15px;
min-height: 100px;
}
.offer-label_small {
display: block;
width: 100%;
margin-bottom: 15px;
min-height: 60px;
}
.offer-label__background {
background: #ffffff;
min-height: inherit;
}
.offer-label__content {
display: flex;
flex-wrap: wrap;
align-items: center;
min-height: inherit;
justify-content: space-around;
}
.offer-label__input__container {
min-width: 260px;
position: relative;
display: flex;
flex-wrap: wrap;
align-items: center;
min-height: inherit;
}
.offer-label__input__radio {
margin: -1px 5px 0 5px;
}
.offer-label__input__container::after {
background: #bed65a;
width: 2px;
height: 70%;
position: absolute;
right: 0;
content: "";
}
.offer-label__description__container {
width: 67%;
}
@media (max-width: 1023px) {
.offer-label__input__container::after {
display: none;
}
.offer-label__content {
justify-content: left;
padding: 20px 30px;
}
.offer-label__input__container {
min-height: auto;
margin-bottom: 10px;
}
.offer-label__description__container {
width: 100%;
}
}
.offer-label__title {
font-weight: bold;
text-transform: uppercase;
font-size: 14px;
}
.offer-label__description__text {
font-size: 13px;
line-height: normal;
}
.offer-label_options {
min-height: 65px;
}
.offer-options {
display: flex;
flex-wrap: wrap;
min-height: inherit;
align-items: center;
justify-content: left;
padding: 20px;
}
.offer-options__item {
font-weight: bold;
margin-right: 20px;
}
.offer-options__item__checkbox {
margin: -1px 5px 0 5px;
}
.block.block_patch-block {
padding-bottom: 0;
margin-bottom: 0;
}
.block.block_calc-block {
padding-top: 40px;
padding-bottom: 40px;
}
.block.scarlet {
background: linear-gradient(to top, rgba(208, 2, 27, 0.8), rgba(208, 2, 27, 0.8));
}
.offer-result {
display: flex;
flex-wrap: wrap;
justify-content: flex-end;
}
.offer-result__info-part {
width: 39%;
}
.offer-result__info-part__ticker {
display: inline-block;
vertical-align: top;
width: 15px;
height: 15px;
background: url(/local/templates/directline_2020/css/images/blacktick.png);
background-repeat: no-repeat;
background-size: contain;
}
.offer-result__info-part__text {
color: #000000;
font-size: 12px;
display: inline-block;
max-width: 200px;
line-height: 12px;
}
.offer-result__cost-part {
width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: space-around;
align-items: center;
}
.offer-result__cost-part__cost {
color: #ffffff;
}
.offer-result__cost-part__cost_info {
font-size: 14px;
display: inline-block;
vertical-align: super;
}
.offer-result__cost-part__cost_amount {
font-size: 40px;
font-weight: bold;
line-height: 42px;
display: inline-block;
}
.offer-result__button {
display: block;
background: #ffffff;
color: #000000;
font-weight: bold;
max-width: 338px;
text-align: center;
height: 57px;
line-height: 57px;
text-transform: uppercase;
padding: 0 40px;
}
.offer-result__button__cloud {
background: url(/local/templates/directline_2020/css/images/cloud.png);
height: 24px;
width: 24px;
background-repeat: no-repeat;
display: inline-block;
vertical-align: middle;
margin-right: 15px;
}
@media (max-width: 1023px) {
.offer-result__cost-part,
.offer-result__info-part {
width: 100%;
}
.offer-result__info-part {
margin-bottom: 20px;
}
.offer-result__cost-part__cost {
margin-right: 20px;
margin-bottom: 20px;
}
}
@media (max-width: 500px) {
.offer-result__button {
padding: 0 20px;
}
}
@media (max-width: 623px) {
.offer-result__info-part {
text-align: center;
padding-right: 20px;
}
.offer-result__cost-part {
justify-content: center;
text-align: center;
}
}
.exit-popup-wrap {
position: fixed;
top: 0;
left: 0;
bottom: 0;
right: 0;
z-index: 1000;
background: rgba(11, 11, 11, 0.9);
width: 100%;
transform: translateY(60%) scale(0);
transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.exit-popup-wrap.visible {
transform: translateY(0) scale(1);
}
.exit-popup-blog {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 100%;
max-width: 760px;
background: #ffffff;
border: 1px solid #d4def1;
box-sizing: border-box;
box-shadow: 0px 4px 12px #3d4555;
border-radius: 4px;
padding: 80px 87px 72px;
}
.exit-popup-text {
font-family: "PFRegalTextPro";
font-weight: bold;
font-size: 40px;
line-height: 100%;
text-align: center;
margin-bottom: 39px;
}
.exit-popup-text div.desktop {
position: relative;
display: inline-block;
border-bottom: 1px dashed #000;
cursor: pointer;
}
.exit-popup-text div.desktop:hover {
border-bottom: 1px dashed transparent;
}
.exit-popup-text span.mobile {
display: none;
}
.exit-popup-tooltip {
display: none;
position: absolute;
width: 302px;
background: #f3f6fb;
border: 1px solid #d4def1;
box-sizing: border-box;
box-shadow: 0px 4px 8px rgba(86, 89, 94, 0.2);
border-radius: 4px;
padding: 26px 23px 24px 26px;
text-align: left;
font-family: "FiraSans";
font-weight: 400;
z-index: 1;
left: calc(100% + 25px);
top: -38px;
}
.exit-popup-text div.desktop:hover .exit-popup-tooltip {
display: block;
}
.exit-popup-tooltip:after,
.exit-popup-tooltip:before {
content: "";
position: absolute;
left: -34px;
top: 47px;
border: 13px solid transparent;
border-right: 21px solid #d4def1;
}
.exit-popup-tooltip:after {
border-right: 21px solid #f3f6fb;
left: -31px;
}
.exit-popup-tooltip-text {
font-size: 15px;
line-height: 145%;
margin-bottom: 12px;
}
.exit-popup-tooltip-tags {
font-weight: 500;
font-size: 17px;
line-height: 145%;
color: #75777e;
padding: 0;
margin: 0;
}
.exit-popup-tooltip-tags li:before {
display: none;
}
.exit-popup-tooltip-tags span {
color: #0b5e8a;
margin-right: 6px;
}
.exit-popup-boom {
display: flex;
justify-content: center;
margin-bottom: 58px;
}
.exit-popup-boom .boom {
font-size: 26px;
font-weight: 500;
line-height: 120%;
margin: 0 16px;
}
.exit-popup-boom .boom:before {
width: 38px;
height: 46px;
top: -10px;
}
.exit-popup-subscribe-wrap {
padding: 0 33px;
}
.exit-popup-subscribe-wrap .input-label {
font-size: 19px;
line-height: 145%;
margin-bottom: 3px;
}
.exit-popup-subscribe-wrap .input-wrap {
display: flex;
}
.exit-popup-subscribe-wrap input[type="text"] {
max-width: 318px;
height: 50px;
background: #f3f6fb;
border: 1px solid #d4def1;
box-sizing: border-box;
border-radius: 4px;
font-family: "FiraSans";
}
.exit-popup-subscribe-wrap input.error {
border: 1px solid #fc1e2b;
}
.exit-popup-subscribe-wrap button {
width: 100%;
max-width: 194px;
height: 50px;
background: #fc1e2b;
border: none;
border-radius: 4px;
font-weight: 500;
font-size: 13px;
line-height: 130%;
text-transform: uppercase;
color: #ffffff;
margin-left: 8px;
cursor: pointer;
font-family: "FiraSans";
}
.exit-popup-close {
position: absolute;
width: 24px;
height: 24px;
line-height: 24px;
background: url("/local/templates/directline_2020/css/../images/close-icon.svg") center no-repeat;
background-size: auto;
background-size: contain;
top: 28px;
right: 28px;
cursor: pointer;
}
.exit-popup-thnx {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 100%;
max-width: 520px;
background: #ffffff;
border: 1px solid #d4def1;
box-sizing: border-box;
box-shadow: 0px 4px 12px #3d4555;
border-radius: 4px;
padding: 38px 120px 70px;
}
.exit-popup-thnx .success-icon {
width: 105px;
height: 112px;
background: url("/local/templates/directline_2020/css/../images/icon-s-tick.svg") center no-repeat;
background-size: contain;
margin: 0 auto 11px;
}
.exit-popup-thnx .success-text {
font-family: "PFRegalTextPro";
font-weight: bold;
font-size: 28px;
line-height: 100%;
text-align: center;
color: #272727;
}
@media screen and (max-width: 1023px) {
.exit-popup-text div.desktop {
display: none;
}
.exit-popup-text span.mobile {
display: inline-block;
}
}
@media screen and (max-width: 800px) {
.exit-popup-blog {
padding: 60px 8px 40px;
}
.exit-popup-text {
font-size: 24px;
line-height: 120%;
}
.exit-popup-boom {
justify-content: space-evenly;
margin-bottom: 40px;
}
.exit-popup-boom .boom {
font-size: 16px;
margin: 0;
padding-left: 30px;
}
.exit-popup-boom .boom::before {
width: 24px;
height: 30px;
top: -7px;
}
.exit-popup-subscribe-wrap {
padding: 0;
}
.exit-popup-subscribe-wrap .input-label {
font-size: 17px;
}
.exit-popup-subscribe-wrap .input-wrap {
flex-wrap: wrap;
}
.exit-popup-subscribe-wrap input[type="text"] {
max-width: 100%;
margin-bottom: 15px;
}
.exit-popup-subscribe-wrap button {
margin-left: 0;
max-width: 100%;
}
.exit-popup-thnx {
padding: 61px 20px 88px;
}
.exit-popup-thnx .success-text {
font-size: 24px;
}
}
.block.text .tab-a {
background: #ffffff;
position: relative;
z-index: 1;
margin: 40px auto;
}
.block.text .tab-a .item {
border: 1px solid #d4def1;
border-radius: 4px;
padding: 0;
margin-bottom: 10px;
}
.block.text .tab-a .item .title {
display: block;
font-weight: 500;
padding: 12px 45px 10px 20px;
cursor: pointer;
position: relative;
margin: 0;
font-family: "FiraSans", sans-serif;
font-size: 19px;
line-height: 1.45;
}
.block.text .tab-a .item.active .title {
background: #f3f6fb;
border-bottom: 4px solid #d4def1;
}
.block.text .tab-a .item .title:after {
content: "+";
display: block;
width: 30px;
height: 30px;
font-size: 20px;
line-height: 33px;
text-align: center;
background: #d4def1;
border: 1px solid #d4def1;
border-radius: 16px;
position: absolute;
top: 8px;
right: 10px;
}
.block.text .tab-a .item.active .title:after {
content: "-";
background: #f3f6fb;
}
.block.text .tab-a .item .content {
max-width: 880px;
margin: 0 auto;
padding: 30px 4.4%;
position: relative;
}
.block.text .tab-a .item.close .content {
display: none;
}
.block.text .tab-a .item.active .content {
display: block;
}
@media screen and (max-width: 1023px) {
.block.text .tab-a {
margin: 30px -4.4% !important;
border: none;
}
}
.js-cta-form {
padding-top: 30px;
}
.img-shadow {
box-shadow: 0px 0px 12px 2px rgba(0, 0, 0, 0.46);
}
.mfp-close {
font-size: 50px;
opacity: 0.85;
}
.exit-popup-blog .mfp-close {
opacity: 0;
}
.exit-popup-subscribe-wrap button:hover {
opacity: 0.8;
}
.hide {
display: none;
}
.city-popup {
position: relative;
background: #fff;
padding: 40px 20px 40px;
width: auto;
max-width: 920px;
margin: 20px auto;
box-sizing: border-box;
border: 1px solid #d4def1;
box-shadow: 0px 4px 12px #3d4555;
border-radius: 4px;
}
.city-popup .mfp-close {
width: 24px;
height: 24px;
line-height: 24px;
background: url("/local/templates/directline_2020/css/../images/close-icon.svg") center no-repeat;
background-size: contain;
opacity: 1;
top: 28px;
right: 28px;
}
.city-popup-head {
padding: 0;
margin: 0 0 20px;
}
.city-popup-head li {
display: inline-block;
margin: 0 20px 10px 0;
font-weight: 500;
}
.city-popup-head a {
color: #0b5e8a;
}
.city-popup-head a:hover {
text-decoration: underline;
}
.city-popup-head li:before {
display: none;
}
.city-popup-list {
column-count: 3;
padding: 0;
margin: 0;
}
.city-popup-list li:before {
display: none;
}
.city-popup-list li {
margin: 0 10px 0 0;
font-size: 15px;
}
.city-popup-list .first-letter {
color: #0b5e8a;
font-weight: 500;
margin: 5px 10px 5px 0;
font-size: 17px;
}
.city-popup-list a {
text-decoration: underline;
}
.city-popup-list a:hover {
text-decoration: none;
}
@media screen and (max-width: 1023px) {
.city-popup {
padding: 20px 8px 40px;
}
.city-popup .mfp-close {
top: 16px;
right: 16px;
}
.city-popup-head li {
font-size: 15px;
}
.city-popup-list {
column-count: 2;
}
.city-popup-list li {
font-size: 13px;
}
.city-popup-list .first-letter {
font-size: 15px;
}
}
.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;
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 {
transform: translate3d(0, 0, 0);
}
.slick-track {
position: relative;
top: 0;
left: 0;
display: block;
margin-left: auto;
margin-right: auto;
}
.slick-track:before,
.slick-track:after {
display: table;
content: "";
}
.slick-track:after {
clear: both;
}
.slick-loading .slick-track {
visibility: hidden;
}
.slick-slide {
display: none;
float: left;
height: 100%;
min-height: 1px;
}
[dir="rtl"] .slick-slide {
float: right;
}
.slick-slide img {
display: block;
}
.slick-slide.slick-loading img {
display: none;
}
.slick-slide.dragging img {
pointer-events: none;
}
.slick-initialized .slick-slide {
display: block;
}
.slick-loading .slick-slide {
visibility: hidden;
}
.slick-vertical .slick-slide {
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
}
.awards3 {
padding: 60px 0 0;
}
.awards_item {
max-width: 312px;
margin-right: 32px;
}
.in_blog .awards_item {
max-width: 238px;
}
.awards_item img {
width: 100%;
}
.text {
margin: 0;
margin-top: 0px;
margin-top: 24px;
font-weight: 300;
font-size: 18px;
line-height: 170%;
}
.causes_items {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
margin: 16px -16px 0 -16px;
}
.causes_item {
width: calc(1 / 3 * 100% - 32px);
margin: 32px 16px 0;
padding: 32px;
min-height: 375px;
box-sizing: border-box;
}
.causes_item:nth-child(3n + 1) {
background: url("/local/templates/directline_2020/css/icons/causes/cause1.png") center center/cover no-repeat;
}
.causes_item:nth-child(3n + 2) {
background: url("/local/templates/directline_2020/css/icons/causes/cause2.png") center center/cover no-repeat;
}
.causes_item:nth-child(3n + 3) {
background: url("/local/templates/directline_2020/css/icons/causes/cause3.png") center center/cover no-repeat;
}
.causes_item-title {
font-weight: 500;
font-size: 24px;
line-height: 130%;
color: #ffffff;
}
.causes_item-title span {
color: #fc1e2b;
}
.causes_item-text {
margin-top: 16px;
font-weight: 300;
font-size: 16px;
line-height: 150%;
color: #ffffff;
}
.causes_item-text span {
font-weight: 400;
}
.stages2-wrap {
margin: 0 0 48px;
}
.stages2 .stages2-wrap .stages2-item {
margin-top: 48px;
position: relative;
}
.stages2 .stages2-wrap .stages2-item:before {
content: "";
position: absolute;
top: 5px;
left: 9px;
width: 22px;
height: 22px;
border-radius: 100%;
background: #fc1e2b;
outline: 1px #dddddd solid;
outline-offset: 8px;
}
.stages2 .stages2-wrap .stages2-item:after {
content: "";
width: 1px;
height: calc(100% + 10px);
position: absolute;
top: 35px;
left: 20px;
background-color: #dddddd;
}
.stages2 .stages2-wrap .stages2-item:last-child:after {
height: calc(100% - 35px);
}
.stages2 .stages2-wrap .stages2-item-title {
font-family: "FiraSans", sans-serif;
margin-left: 78px;
font-weight: 300;
font-size: 32px;
line-height: 130%;
color: #000000;
}
.stages2 .stages2-wrap .stages2-item-title strong {
font-weight: 500;
}
.stages2 .stages2-wrap .stages2-item-text {
margin-left: 78px;
margin-top: 16px;
font-weight: 300;
font-size: 18px;
line-height: 170%;
color: #000000;
}
.stages2 .arrow {
position: relative;
top: -4px;
left: 4px;
}
.stages2 .arrow:before,
.stages2 .arrow:after {
content: "";
position: absolute;
width: 20px;
height: 1px;
background: #dddddd;
}
.stages2 .arrow:before {
transform: rotate(45deg);
}
.stages2 .arrow:after {
transform: rotate(-45deg);
left: 14px;
}
.briefing {
padding: 15px 53px;
font-size: 18px;
line-height: 130%;
background: #fc1e2b !important;
box-shadow: 2px 5px 15px rgba(106, 15, 20, 0.15);
border-radius: 4px;
}
table .briefing {
padding: 14px 23px 12px;
}
.block.services_pack {
padding: 60px 0 0;
}
.services2-wrap {
display: flex;
flex-wrap: wrap;
margin: 16px -16px 0 -16px;
}
.services2-item {
padding: 32px 24px 32px 24px;
width: calc(1 / 3 * 100% - 32px);
margin: 32px 16px;
border: 1px solid #dddddd;
box-sizing: border-box;
border-radius: 6px;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.services2-item.with-bg {
color: #fff;
background-size: cover;
}
.services2-item.horizontal {
width: 100%;
margin-top: 0;
}
.services2-item.horizontal.top {
margin-top: 32px;
margin-bottom: 0;
}
.services2-item.horizontal .services2-title {
text-align: start;
}
.services2-item.horizontal .services2-text ul {
margin: 0 -32px;
column-count: 3;
}
.services2-item.horizontal .services2-text ul li {
margin: 0 32px 1em;
display: inline-block;
}
.services2-item.horizontal .services2-text.close {
height: auto;
}
.services2-item.horizontal .services2-text.close:after {
content: none;
}
.services2-item.horizontal .services2-button {
display: flex;
justify-content: space-between;
align-items: center;
}
.services2-item.horizontal .services2-button .btn {
margin: 0;
}
.services2-title {
font-weight: bold;
font-size: 32px;
line-height: 110%;
text-align: center;
text-transform: uppercase;
letter-spacing: 0.03em;
font-family: "FiraSans", sans-serif;
margin: 0;
}
.services2-text {
padding-left: 31px;
margin-top: 16px;
font-style: normal;
font-weight: 300;
font-size: 15px;
line-height: 130%;
overflow: hidden;
position: relative;
}
.services2-text.close {
height: 300px;
}
.services2-text.close:after {
content: "";
display: block;
height: 100px;
position: absolute;
left: 0;
right: 0;
bottom: 0;
background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), #fff 75%);
}
.services2-item.with-bg .services2-text.close:after {
background-image: linear-gradient(to bottom, transparent, rgba(10, 42, 58, 1) 75%);
}
.services2-text ul {
margin-top: 0;
margin-bottom: 1rem;
padding: 0;
}
.services2-text ul li {
margin: 0;
padding: 0;
}
.services2-text ul li:before {
content: url("/local/templates/directline_2020/css/icons/services/checkmark.svg");
top: calc(50% - 10px);
}
.services2-button {
margin-top: 32px;
}
.services2_toggle {
display: block;
text-align: center;
font-weight: 300;
font-size: 15px;
line-height: 130%;
letter-spacing: 0.05em;
text-transform: uppercase;
color: #2073af;
position: relative;
}
.services2-item.with-bg .services2_toggle {
color: #fff;
}
.services2_toggle:hover {
text-decoration: none;
}
.services2_toggle:before,
.services2_toggle:after {
content: "";
position: absolute;
top: 23px;
left: calc(50% - 8px);
border: 8px solid transparent;
border-top: 8px solid #2073af;
}
.services2_toggle:after {
border-top: 8px solid #fff;
top: 22px;
}
.services2-item.with-bg .services2_toggle:before,
.services2-item.with-bg .services2_toggle:after {
border-top: 8px solid #fff;
}
.services2-item.with-bg .services2_toggle:after {
border-top: 8px solid #0a2a3a;
}
.services2_toggle.revers:before,
.services2_toggle.revers:after {
content: "";
position: absolute;
top: 13px;
left: calc(50% - 8px);
border: 8px solid transparent;
border-bottom: 8px solid #2073af;
}
.services2_toggle.revers:after {
border-bottom: 8px solid #fff;
top: 14px;
}
.services2-item.with-bg .services2_toggle.revers:before,
.services2-item.with-bg .services2_toggle.revers:after {
border-bottom: 8px solid #fff;
}
.services2-item.with-bg .services2_toggle.revers:after {
border-bottom: 8px solid #0a2a3a;
}
.services2_devider {
margin: 24px 0;
border: 1px solid #dddddd;
}
.services2-price {
font-weight: normal;
font-size: 24px;
line-height: 110%;
}
.services2-price strong {
font-weight: bold;
font-size: 48px;
line-height: 110%;
}
.services2-wrap .btn {
margin-top: 32px;
}
.services2-wrap .btn .consultation {
background: #fc1e2b;
box-shadow: 2px 5px 15px rgba(106, 15, 20, 0.15);
border-radius: 4px;
padding: 15px 45px;
font-weight: 500;
font-size: 18px;
line-height: 130%;
letter-spacing: 0.02em;
text-transform: uppercase;
color: #ffffff;
}
.block.team2 {
padding: 60px 0 0;
}
.team_items {
margin: 38px 0 0;
display: flex;
justify-content: space-between;
position: relative;
}
.team_item {
margin: 0 16px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
max-width: 225px;
box-sizing: border-box;
}
.team_photo {
width: 100%;
border-radius: 50%;
}
.team_about {
padding: 0 10px 0 28px;
position: relative;
min-height: 60px;
}
.team_about:before {
content: "";
display: block;
width: 2px;
height: 55px;
background: #fc1e2b;
position: absolute;
top: 10px;
left: 0;
}
.team_name {
margin-top: 25px;
align-self: flex-start;
font-weight: 400;
font-size: 24px;
line-height: 144%;
}
.team_position {
margin-top: 4px;
align-self: flex-start;
font-weight: 400;
font-size: 18px;
line-height: 144%;
color: #636d80;
}
.team_certificate {
margin-top: 16px;
align-self: flex-start;
font-weight: normal;
font-size: 24px;
line-height: 170%;
color: #fc1e2b;
background: transparent;
border: none;
border-bottom: 1px dashed;
cursor: pointer;
}
.team_certificate:hover {
text-decoration: none;
color: #9e121b;
}
.team_certificate:focus {
outline: none;
}
.team2 .slick-next,
.team2 .slick-prev {
position: absolute;
top: 110px;
transform: translateY(-180px);
border: none;
background-color: #fff;
cursor: pointer;
}
.team2 .slick-next img,
.team2 .slick-prev img {
width: 14px;
height: 26px;
opacity: 0.3;
}
.team2 .slick-next img:hover,
.team2 .slick-prev img:hover {
opacity: 0.8;
}
.team2 .slick-next:focus,
.team2 .slick-prev:focus {
outline: none;
}
.team2 .slick-next {
right: 0px;
}
.team2 .slick-prev {
right: 40px;
}
.team2 .slick-prev img {
transform: scale(-1, 1);
}
.block.question {
padding: 60px 0 30px;
}
.title_question {
margin: 0;
}
.question_items {
display: flex;
flex-direction: column;
justify-content: center;
align-items: stretch;
}
.question_item {
position: relative;
margin-top: 32px;
padding: 32px;
border: 1px solid #dddddd;
box-sizing: border-box;
border-radius: 6px;
}
.question_item:first-child {
margin-top: 48px;
}
.question_text {
font-weight: normal;
font-size: 24px;
line-height: 110%;
position: relative;
cursor: pointer;
font-family: "FiraSans", sans-serif;
margin: 0;
padding-right: 35px;
}
.question_answer {
margin-top: 32px;
font-weight: normal;
font-size: 18px;
line-height: 170%;
overflow: hidden;
position: relative;
}
.question_answer a {
background-size: 1em 0.4em;
background-repeat: repeat-x;
background-position: 0px 70%;
background-image: linear-gradient(90deg, rgba(190, 214, 90, 0.5), rgba(190, 214, 90, 0.5));
word-break: break-word;
}
.close .question_answer {
display: none;
}
.open .question_text .question_toggle:before,
.open .question_text .question_toggle:after {
content: "";
position: absolute;
top: -12px;
right: 0;
border: 16px solid transparent;
border-bottom: 16px solid #000;
}
.open .question_text .question_toggle:after {
border-bottom: 16px solid #fff;
top: -9px;
}
.close .question_text .question_toggle:before,
.close .question_text .question_toggle:after {
content: "";
position: absolute;
top: 4px;
right: 0;
border: 16px solid transparent;
border-top: 16px solid #000;
}
.close .question_text .question_toggle:after {
border-top: 16px solid #fff;
top: 1px;
}
.close .question_text:hover .question_toggle:before {
border-top: 16px solid #fc1e2b;
}
.open .question_text:hover .question_toggle:before {
border-bottom: 16px solid #fc1e2b;
}
@media (max-width: 1024px) {
.awards_item {
max-width: 232px;
margin-right: 24px;
}
.causes_items {
margin: 16px -16px 0 -16px;
}
.causes_item {
width: calc(1 / 2 * 100% - 16px);
margin: 16px 8px 0;
padding: 24px;
min-height: 229px;
border-radius: 6px;
}
.causes_item-title {
font-weight: 500;
font-size: 20px;
}
.causes_item-text {
margin-top: 12px;
font-size: 14px;
}
.stages2-wrap {
margin: 0 0 32px;
}
.stages2 .stages2-wrap .stages2-item {
margin-top: 32px;
}
.stages2 .stages2-wrap .stages2-item:before {
top: 10px;
left: 14px;
width: 16px;
height: 16px;
outline-offset: 6px;
}
.stages2 .stages2-wrap .stages2-item:after {
top: 32px;
left: 22px;
height: calc(100% + 3px);
}
.stages2 .stages2-wrap .stages2-item-title {
margin-left: 58px;
font-size: 24px;
}
.stages2 .stages2-wrap .stages2-item-text {
margin-top: 12px;
margin-left: 58px;
font-size: 16px;
}
.stages2 .arrow {
top: -5px;
left: 14px;
}
.stages2 .arrow:before,
.stages2 .arrow:after {
width: 10px;
}
.stages2 .arrow:after {
left: 7px;
}
.services2 .title_services {
font-size: 48px;
}
.services2-item {
width: calc(1 / 2 * 100% - 32px);
margin: 5px 16px;
}
.services2-item.horizontal {
width: 100%;
}
.services2-item.horizontal .services2-title {
text-align: start;
}
.services2-item.horizontal .services2-text ul {
display: flex;
flex-wrap: wrap;
}
.services2-item.horizontal .services2-text ul li {
width: calc(1 / 2 * 100% - 32px);
}
.services2-item.horizontal .services2-button {
display: flex;
justify-content: space-between;
align-items: center;
}
.services2-item.horizontal .services2-button .btn {
margin: 0;
}
.services2-item.horizontal br {
display: none;
}
.services2-text.close {
height: auto;
}
.services2-text.close:after {
content: none;
}
.services2_toggle,
.services2_devider {
display: none;
}
.services2-price {
font-size: 20px;
}
.services2-price strong {
font-size: 40px;
}
.team_items {
margin-left: 44px;
margin-right: 44px;
}
.team_item {
margin: 0 16px 0 16px;
}
.team_name {
margin-top: 24px;
font-size: 24px;
}
.team_position {
font-size: 18px;
}
.team_certificte {
font-size: 20px;
}
.team .slick-next,
.team .slick-prev {
right: -44px;
}
.team .slick-prev {
left: -44px;
}
.question_item:first-child {
margin-top: 24px;
}
.question_item {
padding: 24px;
}
.question_text {
font-size: 18px;
}
.question_answer {
margin-top: 24px;
font-size: 14px;
}
}
@media (max-width: 768px) {
.awards3 {
padding-top: 20px;
}
.awards_item,
.in_blog .awards_item {
max-width: 146px;
margin-right: 10px;
}
.causes_items {
margin: 12px -12px 0 -12px;
}
.causes_item {
width: calc(100% - 12px);
margin: 12px 0 0;
min-height: 188px;
}
.causes_item-title {
font-size: 18px;
}
.stages2-wrap {
margin: 0 0 20px;
}
.stages2 .stages2-wrap .stages2-item {
margin-top: 20px;
}
.stages2 .stages2-wrap .stages2-item:before {
top: 3px;
}
.stages2 .stages2-wrap .stages2-item:after {
top: 25px;
height: calc(100% + -8px);
}
.stages2 .stages2-wrap .stages2-item-title {
font-size: 16px;
}
.stages2 .stages2-wrap .stages2-item-text {
margin-top: 8px;
font-size: 14px;
}
.stages2 .arrow {
top: -13px;
}
.block.services_pack {
padding: 30px 0 0;
}
.services2 .title_services {
font-size: 32px;
}
.services2-wrap {
margin: 8px 0 0;
}
.services2-item {
padding: 24px 16px;
width: 100%;
margin: 16px 0 0;
}
.services2-item.horizontal {
margin: 16px 0 0;
}
.services2-item.horizontal .services2-text ul li {
width: 100%;
}
.services2-item.horizontal .services2-button {
display: block;
}
.services2-item.horizontal .services2-button .btn {
margin-top: 47px;
}
.services2-title {
text-align: start;
font-size: 20px;
}
.services2-text {
font-size: 12px;
}
.services2-price {
font-size: 16px;
}
.services2-price strong {
font-size: 32px;
}
.services2 br {
display: none;
}
.block.team2 {
padding: 30px 0 0;
}
.team {
overflow-x: hidden;
}
.team_items {
/*width: 180%;*/
margin-left: 0;
margin-right: 0;
}
.team_item {
max-width: 150px;
margin: 0 10px 0;
}
.team_about {
padding: 0 10px 0 15px;
}
.team_name {
margin-top: 14px;
font-size: 20px;
}
.team_position {
margin-top: 8px;
font-size: 14px;
}
.team_certificate {
margin-top: 12px;
font-size: 14px;
}
.team2 .slick-next,
.team2 .slick-prev {
top: 120px;
}
.team2 .slick-next img,
.team2 .slick-prev img {
width: 12px;
height: 22px;
}
.block.question {
padding: 30px 0;
}
.question_item {
padding: 16px;
}
.question_answer {
margin-top: 16px;
}
.question_toggle {
top: 20px;
right: 10px;
}
}
@media (max-width: 480px) {
.awards_item,
.in_blog .awards_item {
max-width: 145px;
}
.causes_items {
margin: 10px -10px 0 -10px;
}
.causes_item {
width: calc(100% - 10px);
margin: 10px 0 0;
min-height: 209px;
}
.causes_item-text {
font-size: 12px;
}
.stages2 .stages2-wrap .stages2-item:before {
top: 5px;
left: 8px;
width: 12px;
height: 12px;
outline-offset: 4px;
}
.stages2 .stages2-wrap .stages2-item:after {
top: 21px;
left: 13px;
height: calc(100% + 0px);
}
.stages2 .stages2-wrap .stages2-item-title {
margin-left: 35px;
}
.stages2 .stages2-wrap .stages2-item-text {
margin-left: 35px;
font-size: 12px;
}
.stages2 .arrow {
top: -16px;
left: 8px;
}
.stages2 .arrow:before,
.stages2 .arrow:after {
width: 7px;
}
.stages2 .arrow:after {
left: 4px;
}
.briefing {
padding-left: 76px;
padding-right: 53px;
background: #fc1e2b url("/local/templates/directline_2020/css/icons/stages/brief.svg") center left 50px no-repeat !important;
}
.briefing:hover {
background: #9e121b url("/local/templates/directline_2020/css/icons/stages/brief.svg") center left 50px no-repeat;
}
table .briefing {
padding: 14px 23px 12px;
background: #fc1e2b !important;
}
table .briefing:hover {
background: #fc1e2b !important;
}
.services2 .title_services {
font-size: 24px;
}
.services2-item {
margin-top: 12px;
}
.services2-title {
font-size: 18px;
}
.services2-text {
padding-left: 23px;
}
.services2 .btn {
margin-top: 35px;
}
.services2 .btn .consultation {
padding: 15px 50px 15px 80px;
background: #fc1e2b url("/local/templates/directline_2020/css/icons/contrast/message.svg") center left 50px no-repeat;
}
.services2 .btn .consultation:hover {
background: #9e121b url("/local/templates/directline_2020/css/icons/contrast/message.svg") center left 50px no-repeat;
}
/*.team_items {width: 130%;}*/
.question_text {
font-size: 16px;
}
.question_answer {
font-size: 14px;
}
}
.wspr-blog-form .h2title {
margin-bottom: 24px;
}
.blog-form-text {
font-size: 15px;
font-weight: 400;
line-height: 145%;
color: #000000;
margin-bottom: 40px;
}
.wrap-myvertical-tabs {
max-width: 100%;
display: flex;
border: 1px solid #d4def1;
margin-bottom: 60px;
}
.blog-center .myvertical-tabs {
list-style: none;
background: #fff;
padding: 0;
margin: 0;
font-size: 19px;
font-weight: 500;
margin: 0;
width: 338px;
}
.myvertical-tabs-content-wrap {
width: 50%;
}
.myvertical-tabs-content ul {
padding: 0;
}
.myvertical-tabs-content-wraper {
height: 100%;
display: flex;
flex-direction: column;
justify-content: center;
align-items: flex-start;
padding-left: 40px;
padding-right: 10px;
font-size: 17px;
line-height: 145%;
}
.myvertical-tabs li {
padding: 10px 10px 10px 20px;
color: #000000;
cursor: pointer;
background: #fff;
border: 1px solid #d4def1;
border-bottom: none;
position: relative;
height: 60px;
display: flex;
align-items: center;
border-left: 4px solid transparent;
}
.myvertical-tabs li:first-child {
border-top: none;
}
.myvertical-tabs li:hover {
color: #000000;
background: #efefef;
border-left: 4px solid #e3e3e3;
}
.myvertical-tabs li.chosen {
color: #000000;
background: #f3f6fb;
flex-wrap: wrap;
}
.myvertical-tabs-content {
display: none;
background: #fff;
margin-left: -1px;
color: #0b5e8a;
width: 100%;
height: 100%;
}
.myvertical-tabs-content ul {
margin: 0;
}
.myvertical-tabs-content li {
list-style-type: none;
border-bottom: 1px dashed;
display: table;
font-size: 17px;
line-height: 145%;
margin-bottom: 11px;
}
.myvertical-tabs-content.active {
display: block;
}
.wrap-myvertical-tabs li:before {
display: none;
}
.wrap-myvertical-tabs ul {
padding-left: 0;
}
.myvertical-tabs li div {
width: 40px;
height: 40px;
border-radius: 50%;
background-color: #d4def1;
align-items: center;
display: flex;
margin-right: 20px;
justify-content: space-around;
background-repeat: no-repeat;
background-size: 30px;
}
.myvertical-tabs li img {
content: "";
display: block;
width: 20px;
height: 20px;
position: static;
background-position: center;
}
.wrap-myvertical-tabs ul:not(.collapse) li + li {
margin-top: 0;
}
.myvertical-tabs li.chosen div {
background: #0b5e8a;
}
.myvertical-tabs li.chosen {
border-left: 4px solid #0b5e8a;
}
.myvertical-tabs li div path {
fill: #000;
}
.myvertical-tabs li.chosen div path {
fill: #fff;
}
.myvertical-tabs-content-mobile-wrap {
display: none !important;
}
.myvertical-tabs li div.mytabs-mobile-block {
display: none;
}
.myvertical-tabs li span {
display: flex;
align-items: center;
padding-right: 20px;
}
.myvertical-tabs-content a {
color: #0b5e8a;
}
.wspr-form-table-wrap table tr td:first-child {
width: 250px;
padding-right: 20px;
padding-left: 0;
}
.wspr-form-table-wrap table tr td:first-child p {
font-size: 14px;
color: #79869d;
margin: 10px 0;
}
.wspr-form-table-wrap table tr td:nth-child(2) {
width: 100%;
padding-right: 0;
}
.wspr-form-table-wrap table td {
border: none;
}
.wspr-form-table-wrap table button {
width: 100%;
margin-right: 10px;
margin-bottom: -5px;
}
.wspr-form-table-wrap table td textarea {
height: 130px;
background: #f3f6fb;
border-radius: 4px;
}
.wspr-form-table-wrap table td input {
background: #f3f6fb;
border-radius: 4px;
}
.fileinput input[type="file"] {
opacity: 0;
height: 40px;
position: absolute;
z-index: 999;
left: 0;
cursor: pointer;
}
.fileinput {
position: relative;
overflow: hidden;
width: 250px;
height: 40px;
color: #000;
text-align: center;
}
.fileinput label {
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
cursor: pointer;
}
.fileinput span {
font-size: 16px;
position: absolute;
left: 0;
text-align: center;
cursor: pointer;
}
.fileinput svg {
position: absolute;
}
.fileinput span span {
font-size: 16px;
position: absolute;
left: 0;
margin-left: 30px;
text-align: center;
cursor: pointer;
border-bottom: 1px dotted;
width: 120px;
margin-top: 0;
}
.blog-detail label span {
color: #0b5e8a;
}
.form-color-star {
color: #0b5e8a;
font-weight: bold;
}
.wspr-blog-form .item-input {
width: 512px;
}
@media (max-width: 1023px) {
.wspr-blog-form .item-input {
width: 100%;
}
}
@media (max-width: 767px) {
.myvertical-tabs li span:after {
content: "+";
width: 32px;
height: 27px;
background: #d4def1;
border-radius: 50%;
display: flex;
align-items: center;
text-align: center;
align-content: flex-end;
justify-content: center;
font-size: 24px;
padding-top: 5px;
position: absolute;
right: 20px;
background: #f3f6fb;
}
.myvertical-tabs li.chosen span:after {
content: "-";
}
.myvertical-tabs li div.mytabs-mobile-block {
display: none;
}
.myvertical-tabs li.chosen div.mytabs-mobile-block {
display: block;
}
.myvertical-tabs-content-wrap-desktop {
display: none;
}
.myvertical-tabs-content-mobile-wrap {
display: block !important;
}
.myvertical-tabs-content-mobile {
display: block;
}
.wrap-myvertical-tabs {
flex-direction: column;
border: none;
}
.blog-center .myvertical-tabs {
width: 100%;
}
.myvertical-tabs-content-wrap {
width: 100%;
}
.myvertical-tabs li {
min-height: 40px;
height: auto;
font-size: 17px;
margin-bottom: 5px;
border-left: 1px solid #d4def1;
}
.myvertical-tabs-content {
padding: 20px 0;
}
.myvertical-tabs-content-wraper {
padding-left: 20px;
}
.myvertical-tabs li.chosen {
border-color: transparent;
}
.myvertical-tabs li div {
width: 32px;
height: 32px;
margin-right: 10px;
}
.myvertical-tabs li div.mytabs-mobile-block {
width: calc(100% + 0px) !important;
background: #fff !important;
border-radius: 0;
padding: 5px 20px;
margin-top: 10px;
border-radius: 0;
height: auto;
font-weight: normal;
}
.myvertical-tabs li div.mytabs-mobile-block ul {
margin: 0;
}
.myvertical-tabs li div.mytabs-mobile-block li {
list-style-type: none;
border: none;
border-bottom: 1px dotted;
display: table;
color: #0b5e8a;
height: auto;
min-height: 0;
padding: 0;
margin-left: 25px;
margin-bottom: 5px;
}
.myvertical-tabs li.chosen {
background: #fff;
border: 1px solid #d4def1;
}
.myvertical-tabs li {
border-radius: 4px;
}
}
.content-cta-2.in-text {
background: #f3f6fb;
border-radius: 15px;
border: 1px dashed #0b5e8a;
padding: 27px 50px 25px;
}
.content-cta-2.in-text .content-cta-head:before {
display: none;
}
.content-cta-2.in-text .content-cta-head {
padding-left: 0;
margin-bottom: 8px;
}
.content-cta-2.in-text .content-cta-small-title {
font-size: 17px;
margin-bottom: 20px;
}
.content-cta-2.in-text .content-cta-title {
font-family: "FiraSans";
font-weight: 500;
font-size: 26px;
line-height: 120%;
color: #000000;
}
.content-cta-2.in-text .content-cta-text {
padding-left: 0;
font-size: 15px;
line-height: 145%;
margin-bottom: 25px;
}
.content-cta-2.in-text .content-cta-buttons {
margin-bottom: 0;
}
@media (max-width: 699px) {
.content-cta-2.in-text {
padding: 19px 16px 16px;
}
.content-cta-2.in-text .content-cta-small-title {
padding-left: 38px;
font-size: 15px;
margin-bottom: 24px;
}
.content-cta-2.in-text .content-cta-title {
font-size: 24px;
}
.content-cta-2.in-text .content-cta-head {
margin-bottom: 12px;
}
}
.meta-alert {
padding-left: 45px;
background: url(/local/templates/directline_2020/css/icons/exclamation-mark.png) no-repeat left center;
background-size: 32px;
font-size: 15px;
min-height: 35px;
}
.meta-alert a {
text-decoration: underline;
}
.rating-box {
text-align: center !important;
-ms-flex-align: center !important;
align-items: center !important;
-ms-flex-pack: center !important;
justify-content: center !important;
-ms-flex-direction: column !important;
flex-direction: column !important;
display: -ms-flexbox !important;
display: flex !important;
}
.circular-chart {
max-width: 80px;
width: 100%;
overflow: hidden;
vertical-align: middle;
}
.circle-bg {
fill: none;
stroke: #eee;
stroke-width: 3.8;
}
.circle-blue {
stroke: #0b5e8a;
}
.circle {
fill: none;
stroke-width: 2.8;
stroke-linecap: round;
animation: progress 1s ease-out forwards;
display: block;
user-select: none;
cursor: pointer;
}
.percentage {
fill: #666;
font-family: sans-serif;
font-size: 0.8em;
text-anchor: middle;
}
.d-rating {
font-size: 14px;
font-weight: 500;
text-transform: uppercase;
}
@keyframes progress {
0% {
stroke-dasharray: 0 100;
}
}
.table-button {
font-size: 18px;
line-height: 130%;
background: #fc1e2b !important;
box-shadow: 2px 5px 15px rgba(106, 15, 20, 0.15);
border-radius: 4px;
}
.block.stages + .block.services {
padding-top: 0;
}
.block.services + .block.team2 {
padding-top: 30px;
}
/*-----services styles-----*/
.service-banner {
background-attachment: scroll, scroll;
background-clip: border-box, border-box;
background-color: rgba(0, 0, 0, 0);
background-image: linear-gradient(to top, rgba(10, 42, 58, 0.8), rgba(10, 42, 58, 0.8)), url(/local/templates/directline_2020/css/../images/services/banner.jpg);
background-origin: padding-box, padding-box;
background-position: 0 0%, center center;
background-repeat: repeat, no-repeat;
background-size: cover;
min-height: 585px;
}
.block.service-banner {
padding-top: 60px;
padding-bottom: 40px;
}
.service-banner__info {
width: 100%;
max-width: 600px;
margin-bottom: 46px;
}
.service-banner__title {
font-family: "PFRegalTextPro", sans-serif;
color: white;
font-size: 38px;
line-height: 1.25;
margin-bottom: 17px;
}
.service-banner__text {
font-family: "FiraSans", sans-serif;
width: 100%;
font-size: 16px;
line-height: 1.2;
color: white;
}
.service-search {
position: relative;
background: white;
border-radius: 5px;
margin-bottom: 48px;
}
.service-search:before {
position: absolute;
content: "";
width: 28px;
height: 28px;
background: url(/local/templates/directline_2020/css/../images/services/search.svg) no-repeat;
background-size: contain;
top: 50%;
transform: translateY(-50%);
left: 38px;
z-index: 1;
pointer-events: none;
}
.service-search__input {
-webkit-transition: all ease-out 0.3;
-moz-transition: all ease-out 0.3;
-o-transition: all ease-out 0.3;
transition: all ease-out 0.3;
width: 100%;
border: 0;
text-indent: 95px;
font-size: 16px;
font-family: "FiraSans", sans-serif;
height: 66px;
background: transparent;
}
.service-search__btn {
-webkit-transition: all ease-out 0.3;
-moz-transition: all ease-out 0.3;
-o-transition: all ease-out 0.3;
transition: all ease-out 0.3;
display: flex;
align-items: center;
justify-content: center;
width: 110px;
height: 50px;
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 10px;
background: #fc1e2b;
border-radius: 5px;
color: white;
z-index: 1;
pointer-events: none;
}
.service-sections {
display: flex;
flex-wrap: wrap;
margin-left: -10px;
margin-right: -10px;
}
.service-sections__item {
background: white;
border-radius: 3px;
margin: 0 10px 15px;
}
.service-sections__item-link {
-webkit-transition: all ease-out 0.3;
-moz-transition: all ease-out 0.3;
-o-transition: all ease-out 0.3;
transition: all ease-out 0.3;
display: block;
padding: 16px 18px;
font-family: "FiraSans", sans-serif;
font-size: 16px;
line-height: 1.2;
color: black;
}
.services-list-head {
margin-bottom: 33px;
display: flex;
justify-content: space-between;
align-items: end;
}
.services-add-link {
font-weight: 500;
font-size: 13px;
line-height: 22px;
text-transform: uppercase;
color: #fc1e2b;
display: flex;
align-items: center;
}
.services-add-link span {
font-size: 32px;
margin-right: 5px;
font-weight: normal;
}
.services-wrap-link {
text-align: center;
margin: 24px 0 0;
padding: 0 0 0 35px;
}
.services-your-link {
font-weight: 500;
font-size: 16px;
line-height: 19px;
text-transform: uppercase;
color: #0b5e8a;
}
.services-list-title {
font-family: "PFRegalTextPro", sans-serif;
font-size: 28px;
margin-bottom: 0;
}
.services-list-wrapper {
padding: 40px 0;
}
.services-list {
display: flex;
flex-wrap: wrap;
margin-left: -13px;
margin-right: -13px;
}
.services-list__item {
border: 1px solid #d4def1;
border-radius: 3px;
box-sizing: border-box;
padding: 27px 20px;
width: 230px;
margin: 0 13px 20px;
display: flex;
flex-direction: column;
justify-content: stretch;
min-height: 320px;
}
.services-list__item-top {
margin-bottom: 18px;
}
.services-list__item-logo {
font-family: "FiraSans", sans-serif;
font-size: 16px;
line-height: 1.2;
height: 42px;
width: 42px;
background-size: cover;
flex-basis: 42px;
}
.services-list__item-title {
font-size: 20px;
line-height: 1.1;
flex-basis: calc(100% - 42px);
word-break: break-word;
box-sizing: border-box;
display: flex;
align-items: center;
}
.services-list__item-logo + .services-list__item-title {
padding-left: 12px;
}
.services-list__item-title-link {
display: flex;
}
.services-list__item-links {
margin-bottom: 3px;
}
.services-list__item-link {
color: #0b5e8a;
font-size: 12px;
line-height: 1;
padding: 6px 8px 4px;
margin-bottom: 10px;
background-color: #d4def166;
border-radius: 3px;
display: inline-block;
white-space: nowrap;
}
.services-list__item-bottom {
display: flex;
flex-direction: column;
padding-top: 27px;
border-top: 1px solid rgba(212, 222, 241, 0.6);
margin-top: auto;
}
.services-list__item-info {
display: flex;
justify-content: space-between;
margin-top: auto;
}
.services-list__item-rating {
position: relative;
-webkit-transition: all ease-out 0.3s;
-moz-transition: all ease-out 0.3s;
-o-transition: all ease-out 0.3s;
transition: all ease-out 0.3s;
font-size: 24px;
padding-left: 40px;
}
.services-list__item-rating:before {
position: absolute;
content: "";
width: 32px;
height: 32px;
top: 50%;
transform: translateY(-50%);
left: 0;
background: url(/local/templates/directline_2020/css/../images/services/star.svg) no-repeat;
background-size: contain;
}
.services-list__item-comments {
position: relative;
-webkit-transition: all ease-out 0.3s;
-moz-transition: all ease-out 0.3s;
-o-transition: all ease-out 0.3s;
transition: all ease-out 0.3s;
font-size: 24px;
padding-left: 40px;
margin-left: auto;
}
.services-list__item-comments:before {
position: absolute;
content: "";
width: 32px;
height: 32px;
top: 50%;
transform: translateY(-50%);
left: 0;
background: url(/local/templates/directline_2020/css/../images/services/comment.svg?v1) no-repeat;
background-size: contain;
}
.services-list__item-more {
-webkit-transition: all ease-out 0.3s;
-moz-transition: all ease-out 0.3s;
-o-transition: all ease-out 0.3s;
transition: all ease-out 0.3s;
display: block;
text-align: center;
margin-top: 30px;
background: #0b5e8a;
color: white;
padding: 10px;
border-radius: 3px;
font-size: 14px;
}
.services-list__item-more:hover {
}
.service-page {
padding: 67px 0 0;
}
.service-top__logo {
height: 60px;
width: 60px;
background-size: cover;
position: relative;
top: -3px;
}
.service-top__left {
display: flex;
}
.service-top__logo + .service-top__text {
padding-left: 16px;
box-sizing: border-box;
width: calc(100% - 60px);
}
.service-top__text-title {
font-size: 24px;
line-height: 1.2;
margin-bottom: 0;
font-family: "FiraSans", sans-serif;
font-weight: normal;
}
.service-top {
padding-top: 30px;
display: flex;
justify-content: space-between;
margin-bottom: 16px;
}
.service-top__text-sections {
display: flex;
flex-wrap: wrap;
margin-top: 6px;
}
.service-top__text-section {
display: inline-block;
color: #0b5e8a;
font-size: 12px;
line-height: 1;
padding: 6px 8px 4px;
margin-bottom: 10px;
background-color: #d4def166;
border-radius: 3px;
margin-right: 12px;
}
.service-top__right {
display: flex;
justify-content: space-between;
align-items: flex-start;
padding-top: 6px;
}
.service-top__right-promo {
color: rgba(0, 0, 0, 0.6);
border: 1px solid #d4def1;
border-radius: 4px;
font-size: 16px;
padding: 9px 20px;
margin-right: 30px;
}
.service-top__promo {
-webkit-transition: all ease-out 0.3s;
-moz-transition: all ease-out 0.3s;
-o-transition: all ease-out 0.3s;
transition: all ease-out 0.3s;
color: #fc1e2b;
padding-left: 10px;
white-space: nowrap;
}
.service-top__right-review {
-webkit-transition: all ease-out 0.3s;
-moz-transition: all ease-out 0.3s;
-o-transition: all ease-out 0.3s;
transition: all ease-out 0.3s;
white-space: nowrap;
color: rgba(0, 0, 0, 0.6);
border: 1px solid #d4def1;
border-radius: 4px;
font-size: 16px;
padding: 9px 20px;
}
.service-top__right-link {
-webkit-transition: all ease-out 0.3s;
-moz-transition: all ease-out 0.3s;
-o-transition: all ease-out 0.3s;
transition: all ease-out 0.3s;
white-space: nowrap;
margin-left: 30px;
background: #0b5e8a;
border-radius: 4px;
color: white;
padding: 9px 20px;
border: 1px solid;
}
.service-main {
display: flex;
}
.service-main__first-image-wrapper {
padding: 0 0 0 35px;
}
.service__images {
display: flex;
justify-content: center;
margin-left: -15px;
margin-right: -15px;
margin-top: 20px;
padding: 0 0 0 35px;
}
.service__image-wrapper {
margin: 0 15px;
width: 180px;
height: 100px;
}
.service-main__left {
width: 50%;
}
.service-main__right {
width: 50%;
}
.service-main__first-image {
object-fit: fill;
max-width: 100%;
max-height: 100%;
}
.service__images__item {
object-fit: fill;
width: 100%;
height: 100%;
}
.service-rating-star {
-webkit-transition: all ease-out 0.3s;
-moz-transition: all ease-out 0.3s;
-o-transition: all ease-out 0.3s;
transition: all ease-out 0.3s;
width: 28px;
height: 26px;
background: url(/local/templates/directline_2020/css/../images/services/star_empty.svg) no-repeat;
}
.service-rating-star.is-filled {
background-image: url(/local/templates/directline_2020/css/../images/services/star.svg);
}
.service-main__rating-value {
margin-left: auto;
font-size: 20px;
}
.service-main__rating-wrapper {
display: flex;
justify-content: space-between;
align-items: center;
border-top: 1px solid #d4def1;
border-bottom: 1px solid #d4def1;
padding: 19px 0;
margin-top: 20px;
}
.service-main__rating-title h3,
.service-main__rating-title {
font-family: "FiraSans", sans-serif;
margin: 0;
color: rgba(0, 0, 0, 0.6);
font-size: 16px;
}
.service-main__rating-stars {
display: flex;
align-items: center;
margin-left: 12px;
position: relative;
top: -1px;
}
.service-rating-star + .service-rating-star {
margin-left: 13px;
}
.service-main__rating-value {
margin-left: auto;
font-size: 20px;
}
.service-main__text {
margin-bottom: 92px;
font-size: 16px;
line-height: 1.3;
color: rgba(0, 0, 0, 0.6);
}
.service-main__text p {
font-size: 16px;
line-height: 1.3;
color: rgba(0, 0, 0, 0.6);
}
.service-main__table dl {
display: flex;
align-items: center;
justify-content: space-between;
position: relative;
}
.service-main__table dt,
.service-main__table dt h3 {
font-family: "FiraSans", sans-serif;
margin: 0;
color: rgba(0, 0, 0, 0.6);
font-size: 16px;
background: white;
padding: 0 7px 0 0;
}
.service-main__table dd {
font-size: 16px;
background: white;
padding: 0 0 0 5px;
}
.service-main__table dl:after {
content: "";
position: absolute;
height: 1px;
border-top: 2px dotted rgba(0, 0, 0, 0.25);
z-index: -1;
width: 100%;
top: 50%;
transform: translateY(-50%);
}
.service-page .services-list-wrapper {
padding: 62px 0 10px;
}
.service-page .services-list-title {
font-size: 24px;
margin-bottom: 30px;
}
.service-reviews {
padding: 20px 0;
margin-bottom: 50px;
}
.service-reviews-title {
font-size: 24px;
margin-bottom: 30px;
}
.service-reviews__item {
border: 1px solid #d4def1;
border-radius: 10px;
box-sizing: border-box;
padding: 23px 20px;
margin-bottom: 25px;
}
.service-reviews__item:last-child {
margin-bottom: 0;
}
.services-reviews__item-name {
font-size: 20px;
line-height: 1.1;
}
.services-reviews__item-logo + .services-reviews__item-name {
padding-left: 25px;
}
.services-reviews__item-logo {
height: 60px;
width: 60px;
background-size: 80%;
flex-basis: 60px;
border-radius: 50%;
background-image: url(/local/templates/directline_2020/css/../images/services/user.svg);
background-color: #f3f6fb;
border: 1px solid #d4def1;
border-radius: 100%;
background-repeat: no-repeat;
background-position: center center;
}
.service-reviews__item-user {
display: flex;
align-items: center;
}
.service-reviews__item-text {
font-size: 16px;
line-height: 1.3;
width: 60%;
box-sizing: border-box;
padding-left: 30px;
}
.service-reviews__item-info {
display: flex;
flex-direction: column;
align-items: flex-end;
}
.service-reviews__item-top {
display: flex;
justify-content: space-between;
margin-bottom: 27px;
}
.service-reviews__item-rating .service-rating-star {
width: 22px;
height: 20px;
background-size: contain;
}
.service-reviews__item-rating {
display: flex;
align-items: center;
margin-bottom: 13px;
}
.service-reviews__item-param {
margin-right: 10px;
font-size: 16px;
color: rgba(0, 0, 0, 0.6);
}
.service-reviews__item-score {
display: flex;
}
.service-reviews__item-value:before {
content: "";
position: absolute;
width: 20px;
height: 22px;
background: url(/local/templates/directline_2020/css/../images/services/star.svg);
left: 0;
top: 50%;
transform: translateY(-50%);
background-size: contain;
background-repeat: no-repeat;
}
.service-reviews__item-title {
font-size: 20px;
}
.service-reviews__item-value {
position: relative;
font-size: 20px;
padding-left: 35px;
margin-left: 10px;
}
.service-reviews__item-date {
font-size: 14px;
color: rgba(0, 0, 0, 0.6);
margin-top: 15px;
}
.service-reviews__item-main {
display: flex;
}
.service-reviews__item-ratings {
width: 40%;
}
.review-popup.white-popup {
padding: 0;
max-width: 545px;
}
.white-popup .button.button-send {
transition: all 0.3s ease;
background: #0b5e8a;
font-size: 16px;
text-transform: unset;
font-weight: normal;
line-height: 1;
padding: 12px 15px;
}
.white-popup .button.button-white {
transition: all 0.3s ease;
background: white;
font-size: 16px;
text-transform: unset;
font-weight: normal;
line-height: 1;
padding: 12px 35px;
color: black;
box-shadow: 1px 1px 4px rgb(0 0 0 / 8%);
border-radius: 4px;
margin-left: 10px;
}
.reviews-buttons-wrapper {
display: flex;
justify-content: flex-end;
padding-top: 15px;
border-top: 1px solid rgba(220, 220, 235, 0.5);
margin-top: 10px;
}
.service-main__rating-stars.review-stars-field {
align-items: center;
margin-left: 0;
justify-content: space-between;
}
.review-stars-field {
margin-bottom: 8px;
}
.valid-form-block {
margin-bottom: 15px;
font-size: 16px;
line-height: 1.3;
text-align: center;
}
.valid-form-block.valid-form--error {
color: #fc1e2b;
}
.valid-form-block.valid-form--success {
color: green;
}
.white-popup.review-popup .error {
border: 1px solid #fc1e2b;
}
.review-stars-wrapper {
display: flex;
align-items: center;
justify-content: space-between;
margin-top: 5px;
}
.review-field {
display: flex;
flex-direction: column;
margin-bottom: 15px;
}
.review-field:last-child {
margin-bottom: 0;
}
.review-field__input {
font-size: 16px;
height: 48px;
line-height: 1;
background: white;
border: 1px solid rgba(232, 232, 232, 1);
box-sizing: border-box;
border-radius: 8px;
padding-left: 12px;
}
.review-field__input::-webkit-input-placeholder {
font-size: 14px;
}
.review-field__input::-moz-placeholder {
font-size: 14px;
}
.review-field__input:-moz-placeholder {
font-size: 14px;
}
.review-field__input:-ms-input-placeholder {
font-size: 14px;
}
.service-rating-star input + label {
background: url(/local/templates/directline_2020/css/../images/services/star_empty.svg) no-repeat;
}
.service-rating-star input:checked + label {
background: url(/local/templates/directline_2020/css/../images/services/star.svg) no-repeat;
}
.white-popup .review-field__textarea {
background: white;
border: 1px solid rgba(232, 232, 232, 1);
font-size: 16px;
border-radius: 8px;
}
.review-stars-field .review-field__label {
font-size: 16px;
line-height: 1.3;
margin-bottom: 0;
}
.white-popup .review-field__label {
font-size: 16px;
line-height: 1.3;
color: rgba(0, 0, 0, 0.6);
}
.white-popup .review-field__textarea.error,
.white-popup .review-field__textarea {
color: black;
}
.modal-reviews-title {
font-size: 20px;
line-height: 1.2;
margin-bottom: 0;
font-family: "FiraSans", sans-serif;
font-weight: normal;
}
.modal-reviews-body {
padding: 20px 24px 20px 24px;
}
.service-rating-star input {
position: absolute;
left: -9999px;
}
.review-stars-wrapper .service-rating-star:hover {
cursor: pointer;
}
.review-field__input:focus,
.review-field__input:focus-visible {
outline: 0;
}
.review-popup.white-popup .mfp-close {
width: 20px;
height: 20px;
top: 24px;
right: 24px;
font-size: 0;
}
.modal-reviews-header {
padding: 24px 50px 24px 24px;
background: #eef0f4;
display: flex;
align-items: center;
box-sizing: border-box;
}
.modal-reviews-logo.service-top__logo {
width: 40px;
height: 40px;
margin-right: 12px;
top: unset;
}
.service-text {
padding: 50px 0 30px;
font-size: 16px;
line-height: 1.3;
}
.brc_header header abbr:empty:before {
content: "";
display: inline-block;
width: 20px;
height: 20px;
background: url(
data:image/svg + xml;utf-8,
)
no-repeat left top;
background-size: cover;
}
.service-main-payment {
width: 34px;
height: 34px;
background: white;
padding: 4px;
background: url(/local/templates/directline_2020/css/../images/paysystem/webmoney.png) no-repeat center right;
background-size: cover;
box-sizing: border-box;
}
.service-main-payment.webmoney {
background-image: url(/local/templates/directline_2020/css/../images/paysystem/webmoney.png);
width: 30px;
height: 30px;
}
.service-main-payment.bank_cards {
background-image: url(/local/templates/directline_2020/css/../images/paysystem/cards.png);
}
.service-main-payment.umoney {
background-image: url(/local/templates/directline_2020/css/../images/paysystem/umoney.svg);
}
.service-main-payment.paypal {
background-image: url(/local/templates/directline_2020/css/../images/paysystem/paypal.png);
}
.service-main-payment.bitcoin {
background-image: url(/local/templates/directline_2020/css/../images/paysystem/bitcoin.png);
width: 40px;
height: 40px;
}
.service-main-payment.qiwi {
background-image: url(/local/templates/directline_2020/css/../images/paysystem/qiwi.png);
}
.blog-service-wrapper {
padding: 20px 0;
}
.blog-service {
display: flex;
padding: 12px 24px 25px;
box-sizing: border-box;
border: 1px solid rgba(212, 222, 241, 1);
border-radius: 10px;
width: 100%;
}
.blog-service__left {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
width: 55%;
box-sizing: border-box;
padding-top: 18px;
padding-right: 20px;
}
.blog-service__text {
display: flex;
align-items: center;
margin-bottom: 30px;
}
.blog-service__text .service-top__logo {
margin-right: 10px;
}
.blog-service__right {
width: 45%;
box-sizing: border-box;
padding-left: 6px;
display: flex;
flex-direction: column;
}
.blog-service__right .service-main__table dt {
font-size: 14px;
}
.blog-service__right .service-main__table dd {
font-size: 14px;
}
.blog-service .blog-service__bottom a.service-top__right-link {
display: block;
text-align: center;
box-sizing: border-box;
margin-top: 15px;
margin-left: 0;
line-height: 40px;
height: 40px;
padding-top: 0;
padding-bottom: 0;
font-size: 16px;
background-image: none;
background-color: #f22d22;
}
.blog-service__link-wrapper .blog-service__link {
display: block;
text-align: center;
box-sizing: border-box;
margin-left: 0;
height: 40px;
font-size: 16px;
background: #0b5e8a;
border-radius: 4px;
color: white;
padding: 9px 20px;
border: 1px solid;
}
.blog-service__image .service-main__first-image-wrapper {
padding-left: 0;
}
.blog-service__right .service-main__table dl {
margin: 10px 0;
}
.blog-service__right .services-list__item-comments {
font-size: 16px;
}
.blog-service__right dl.reviews {
margin-top: 15px;
}
.blog-service__right dl.payment {
margin-top: 15px;
}
.blog-service__right .service-main-payment {
width: 30px;
height: 30px;
}
.blog-service__bottom .service-main__rating-title {
font-size: 14px;
}
.blog-service__bottom .services-list__item-rating {
font-size: 16px;
padding: 0 40px 0 0;
}
.blog-service__bottom .services-list__item-rating:before {
left: unset;
right: 0;
}
.blog-service__right .service-top__right-promo {
margin-right: 0;
margin-bottom: 10px;
text-align: center;
padding-top: 0;
padding-bottom: 0;
font-size: 16px;
line-height: 40px;
box-sizing: border-box;
height: 40px;
}
.blog-service__bottom {
padding-top: 4px;
}
.blog-service__bottom .service-main__rating-wrapper {
border-bottom: 0;
margin-top: 0;
padding-top: 14px;
padding-bottom: 16px;
}
.service-banner .breadcrumbs {
opacity: 1;
padding-top: 30px;
color: white;
}
.service-banner .breadcrumbs span {
color: white;
}
.payment dd {
display: flex;
align-items: center;
}
.service-main-payment {
margin: 0 2px;
}
.service-banner.small-banner {
min-height: 380px;
}
.service-main__subtitle {
font-family: "FiraSans", sans-serif;
font-weight: 600;
color: black;
font-size: 16px;
line-height: 1.3;
margin-bottom: 20px;
}
table.title-search-result {
width: 100%;
}
div.title-search-result {
padding: 10px 0;
background: white;
outline: 0;
border: 0;
border-bottom: 1px solid black;
}
table.title-search-result td.title-search-more a.title-search-link {
font-family: "FiraSans", sans-serif;
font-size: 16px;
line-height: 1.2;
color: black;
display: flex;
padding: 5px 32px;
align-items: center;
padding: 5px 32px;
}
.title-search-result .schools-list__item-logo,
.title-search-result .services-list__item-logo {
margin-right: 7px;
height: 30px;
width: 30px;
flex-basis: 30px;
}
table.title-search-result td.title-search-more {
padding: 0;
}
.service-main__table {
z-index: 1;
position: relative;
}
.blog-service__right .payment dt {
white-space: nowrap;
}
.service-table-wrapper {
overflow: auto;
/* padding-top: 30px; */
}
.service-table-wrapper .table-service {
width: 100%;
border: 1px solid #d4def1;
border-top: 0;
margin-top: 0;
}
.blog-detail .service-table-wrapper td {
border: 0;
text-align: center;
padding: 20px 7px;
}
.table-service__free {
color: #0b5e8a;
font-size: 64px;
line-height: 0;
}
.service-table-wrapper table th {
background: transparent;
color: white;
font-weight: normal;
font-size: 16px;
border-color: transparent;
padding: 14px 20px;
}
.service-table-wrapper tbody tr:nth-child(odd) {
background: rgba(212, 222, 241, 0.2);
}
.service-table-wrapper table th:first-child {
border-top-left-radius: 10px;
}
.service-table-wrapper table th:last-child {
border-top-right-radius: 10px;
}
a.service-top__right-link {
background-image: none;
display: inline-block;
vertical-align: top;
margin-left: 0;
margin-top: 5px;
}
a.table-service__title-link {
background-image: none;
display: block;
word-break: break-all;
overflow: hidden;
text-overflow: ellipsis;
white-space: unset;
}
.table-service__price {
text-align: center;
font-size: 14px;
}
.table-service td {
padding: 20px;
border: transparent;
}
.table-service thead {
border-radius: 10px 10px 0 0;
background: #0b5e8a;
border: 1px solid #0b5e8a;
}
.table-service__name:not(th) {
display: flex;
align-items: center;
padding-left: 20px;
}
.table-service__logo {
height: 60px;
width: 60px;
background-size: cover;
position: relative;
}
.table-service__title {
font-size: 20px;
text-align: left;
width: 140px;
}
.table-service__name-position {
width: 26px;
height: 39px;
line-height: 29px;
font-size: 14px;
color: #0b5e8a;
}
.table-service__name-position-wrapper {
margin-right: 35px;
}
.table-service__logo-wrapper {
margin-right: 15px;
}
.table-service__name-td.is-top .table-service__name-position {
background: url(/local/templates/directline_2020/css/../images/services/top.svg) no-repeat;
}
.circle--red .circle {
stroke: #fc4628;
}
.rating--service.circle--red .percentage {
fill: #fc4628;
}
.circle--yellow .circle {
stroke: #ffdd1c;
}
.rating--service.circle--yellow .percentage {
fill: #ffdd1c;
}
.circle--blue .circle {
stroke: #0b5e8a;
}
.rating--service.circle--blue .percentage {
fill: #0b5e8a;
}
.rating--service .percentage {
font-size: 12px;
line-height: 1;
font-weight: 600;
}
.blog-service__image {
width: 100%;
}
.blog-service__images {
display: flex;
margin-top: 25px;
justify-content: space-between;
}
.blog-service__images .service__image-wrapper {
margin: 0;
}
.reviews__link:hover .services-list__item-comments {
color: #0b5e8a;
}
.blog-service__link-wrapper {
padding-top: 15px;
text-align: center;
}
.table-service__link-wrapper {
padding-top: 10px;
text-align: center;
}
a.table-service__link,
a.blog-service__link {
background-image: none;
font-size: 16px;
color: #0b5e8a;
display: inline-block;
vertical-align: top;
}
.table-service__link-wrapper a.table-service__link {
font-size: 14px;
position: relative;
}
.table-service__link:after {
content: "";
bottom: 0;
left: 0;
position: absolute;
width: 100%;
height: 2px;
background: url(/local/templates/directline_2020/css/../images/services/dashed_line.png) 3px 0 repeat-x;
}
.table-rating {
display: flex;
align-items: center;
justify-content: center;
}
.service-tooltip {
position: relative;
width: 20px;
height: 20px;
background: url(/local/templates/directline_2020/css/../images/services/question.svg) no-repeat;
background-size: contain;
margin-left: 7px;
opacity: 0.95;
cursor: pointer;
}
.service-tooltip .tooltiptext {
visibility: hidden;
width: 300px;
background-color: white;
color: black;
text-align: center;
border-radius: 6px;
padding: 5px 0;
position: absolute;
z-index: 1;
bottom: 138%;
left: -80px;
margin-left: -60px;
opacity: 0;
transition: opacity 0.3s;
box-shadow: 0 1px 8px #04061c1a;
}
.service-tooltip .tooltiptext::after {
content: "";
position: absolute;
top: 100%;
left: 50%;
margin-left: -5px;
border-width: 5px;
border-style: solid;
border-color: white transparent transparent transparent;
z-index: 10;
}
.service-tooltip:hover .tooltiptext {
visibility: visible;
opacity: 1;
}
.service-page .image_description {
font-size: 17px;
line-height: 1.45;
background: none;
padding: 0;
margin: 15px 0;
color: #75777e;
}
.service-page img {
max-width: 100%;
height: auto;
}
.table-service__custom {
line-height: 1;
font-size: 22px;
}
.blog-detail .service-table-wrapper td {
padding-right: 17px;
}
@media screen and (min-height: 767px) {
.white-popup .review-field__textarea {
min-height: 200px;
}
}
@media screen and (min-width: 1024px) {
.desktop-hidden {
display: none;
}
}
@media screen and (max-width: 1023px) {
.block.service-banner {
margin: 0;
padding-bottom: 15px;
}
.service-banner {
min-height: unset;
}
.services-list {
justify-content: space-around;
}
.service-top__left {
align-items: center;
}
.service-top__right {
flex-direction: column;
}
.service-top__logo + .service-top__text {
padding-left: 10px;
}
.service-top__right-promo {
padding: 9px 50px;
}
.blog-service__bottom .service-top__right-promo {
padding-top: 0;
padding-bottom: 0;
}
.service-top {
flex-direction: column;
}
.service-top__sections-desktop,
.service-top .service-top__right-link,
.service-top .service-top__right-review {
display: none;
}
.service-main__text {
font-size: 14px;
margin-bottom: 30px;
}
.service-main__text p {
font-size: 14px;
line-height: 1.3;
}
.service-main__btns {
padding: 15px 0;
display: flex;
justify-content: space-between;
align-items: center;
}
.service-top__right-review {
flex-basis: 50%;
white-space: nowrap;
text-align: center;
font-size: 16px;
}
.service-top__right-link {
flex-basis: 50%;
text-align: center;
font-size: 16px;
}
.service-main {
flex-direction: column;
align-items: stretch;
justify-content: stretch;
}
.service-main__left {
width: auto;
}
.service-main__right {
width: auto;
display: flex;
flex-direction: column;
align-items: center;
margin-top: 15px;
}
.service__images,
.service-main__first-image-wrapper,
.services-wrap-link {
padding-left: 0;
}
.service-tooltip {
display: none;
pointer-events: none;
}
}
@media screen and (max-width: 867px) {
.service-search__input {
height: 45px;
text-indent: 55px;
font-size: 14px;
}
.service-search__btn {
width: 80px;
height: 38px;
right: 6px;
line-height: 1;
padding-bottom: 0;
padding-top: 0;
}
.service-search:before {
left: 12px;
}
.service-search__input::-webkit-input-placeholder {
font-size: 14px;
}
.service-search__input::-moz-placeholder {
font-size: 14px;
}
.service-search__input:-moz-placeholder {
font-size: 14px;
}
.service-search__input:-ms-input-placeholder {
font-size: 14px;
}
.school-search__input::-webkit-input-placeholder {
font-size: 14px;
}
.school-search__input::-moz-placeholder {
font-size: 14px;
}
.school-search__input:-moz-placeholder {
font-size: 14px;
}
.school-search__input:-ms-input-placeholder {
font-size: 14px;
}
.block.service-banner {
padding-top: 30px;
}
.service-sections__item-link {
padding: 8px 12px;
font-size: 12px;
}
.service-sections {
margin-left: -5px;
margin-right: -5px;
}
.service-sections__item {
margin: 0 5px 10px;
}
.service-banner__info {
margin-bottom: 30px;
}
.service-search {
margin-bottom: 20px;
}
.service-top__right-promo {
width: 100%;
box-sizing: border-box;
text-align: center;
}
.service__image-wrapper {
width: 110px;
height: 62px;
}
.service-reviews__item-main {
flex-direction: column;
align-items: stretch;
}
.service-reviews__item-top {
flex-direction: column;
align-items: stretch;
justify-content: stretch;
}
.service-reviews__item-info {
align-items: center;
justify-content: space-between;
flex-direction: row-reverse;
}
.service-reviews__item-value {
padding-left: 30px;
}
.service-reviews__item-ratings {
width: auto;
display: flex;
flex-direction: column;
align-items: center;
}
.service-reviews__item-param {
width: 200px;
font-size: 14px;
}
.service-reviews__item-text {
width: auto;
margin-top: 20px;
font-size: 14px;
padding-left: 0;
}
.service-reviews__item-rating .service-rating-star {
height: 18px;
width: 20px;
}
.table-service__title {
font-size: 16px;
}
.table-service__logo {
height: 40px;
width: 40px;
}
.table-service__name-position-wrapper {
margin-right: 20px;
}
.table-service__name-position {
font-size: 14px;
width: 24px;
}
.table-service__name:not(th) {
padding-left: 10px;
}
.table-service__free {
font-size: 54px;
}
.circular-chart {
max-width: 44px !important;
}
.rating--service .percentage {
font-size: 16px;
}
.text_read a.service-top__right-link {
padding: 7px 8px;
font-size: 14px;
}
.service-table-wrapper table th {
font-size: 14px;
padding: 12px 11px;
letter-spacing: 0.2px;
}
.blog-service__images {
justify-content: center;
}
.blog-service__images .service__image-wrapper {
margin: 0 10px;
}
.service-page .image_description {
font-size: 15px;
line-height: 1.2;
margin: 10px 0 0;
}
.table-service__custom {
font-size: 18px;
}
}
@media screen and (max-width: 767px) {
.blog-service {
flex-direction: column;
align-items: center;
justify-content: space-between;
}
.blog-service__right {
width: 100%;
}
.blog-service__left {
width: 100%;
margin-bottom: 20px;
padding-right: 0;
}
.blog-service__text {
margin-bottom: 15px;
}
.blog-service__text .service-top__logo {
width: 40px;
height: 40px;
}
.service-top__text-title {
font-size: 20px;
}
.table-service__title {
width: auto;
}
}
@media screen and (max-width: 600px) {
.services-list {
justify-content: center;
}
.services-list__item {
width: 240px;
min-height: unset;
}
.service-search__input {
text-indent: 48px;
}
.service-banner__title {
font-size: 20px;
line-height: 1.2;
}
.service-banner__text {
font-size: 14px;
line-height: 1.3;
}
.service-banner__info {
margin-bottom: 20px;
}
.service-search {
margin-bottom: 10px;
}
.service-reviews__item-ratings {
align-items: flex-start;
justify-content: stretch;
}
.service-reviews__item-rating {
justify-content: space-between;
width: 100%;
}
.service-reviews__item-text {
margin-top: 10px;
}
.service-main__rating-stars.review-stars-field {
flex-direction: column;
align-items: flex-start;
}
.rating--service .percentage {
font-size: 14px;
}
.table-service__name:not(th) {
padding-left: 3px;
}
}
@media screen and (max-width: 365px) {
.service-top__right-link,
.service-top__right-review {
font-size: 14px;
padding: 9px 10px;
}
}
/*-----end services styles-----*/
/*-----stat portfolio styles-----*/
.block.pf {
font-size: 19px;
line-height: 1.45;
font-weight: 400;
margin: 0;
padding: 60px 0;
}
.pf-head-img {
position: absolute;
top: 0;
right: 0;
background: url("/local/templates/directline_2020/css/../images/portfolio/block1.png") center right no-repeat;
height: 100%;
width: 100%;
background-size: cover;
}
.block.tagline.landing.pf .purpose {
max-width: 580px;
}
.block.tagline.pf .purpose h1 {
margin-bottom: 35px;
}
.block.tagline.pf .purpose p {
margin-bottom: 35px;
}
.block.tagline.landing.pf .clients-bn {
position: absolute;
top: 149px;
right: 0;
}
.block.tagline.landing.pf .clients-bn img {
max-width: 175px;
padding: 0 5px;
}
.clients-tags {
margin: 28px 0 0;
padding: 0;
}
.clients-tags .tag-cloud ul {
padding: 0;
margin: 0;
display: flex;
flex-wrap: wrap;
justify-content: left;
}
.clients-tags .tag-cloud ul li {
margin: 0 15px 12px 0;
}
.clients-tags .tag-cloud ul li:before {
display: none;
}
.clients-tags .tag-cloud ul li a {
display: block;
box-sizing: border-box;
line-height: 25px;
font-weight: 500;
font-size: 16px;
line-height: 19px;
color: #939393;
padding: 7px 30px 6px;
border: 2px solid #e7e7e7;
border-radius: 3px;
color: #939393;
}
.clients-tags .tag-cloud ul li a.tag-active,
.clients-tags .tag-cloud ul li a:hover {
color: #fff;
background: #fc1e2b;
border: 2px solid #de1823;
}
.block.clients .col4 {
position: relative;
padding: 15px;
}
.block.clients .col4 img {
width: 100%;
transition: 1s;
}
.block.clients .col4:hover {
background: #f6f6f6;
border-radius: 9px;
}
.block.clients .col4:hover:before {
content: "";
display: block;
width: 40px;
height: 40px;
border-left: 2px solid #b3b3b3;
border-bottom: 2px solid #b3b3b3;
border-radius: 0 0 0 9px;
position: absolute;
left: 0;
bottom: 0;
}
.block.clients .col4:hover:after {
content: "";
display: block;
width: 40px;
height: 40px;
border-top: 2px solid #b3b3b3;
border-right: 2px solid #b3b3b3;
border-radius: 0 9px 0 0;
position: absolute;
top: 0;
right: 0;
}
.block.clients .col4:hover img {
transform: scale(1.1);
}
.case-link {
position: absolute;
top: -19px;
right: -17px;
width: 38px;
height: 38px;
background: #fb2031;
border-radius: 19px;
font-weight: 700;
font-size: 10px;
line-height: 39px;
text-transform: uppercase;
color: #ffffff;
z-index: 10;
}
.case-link:hover,
.block.clients .col4:hover .case-link {
background: #e41223;
border: 3px solid #fb2031;
border-radius: 24px;
width: 38px;
height: 38px;
top: -22px;
right: -20px;
line-height: 39px;
opacity: 1 !important;
}
.case-link:before {
content: "";
display: block;
width: 17px;
height: 0px;
border-top: 2px solid #b3b3b3;
position: absolute;
top: 50%;
left: -17px;
}
.case-link:hover .case-link:before,
.block.clients .col4:hover .case-link:before {
width: 14px;
left: -17px;
}
.case-link:after {
content: "";
display: block;
width: 0px;
height: 17px;
border-right: 2px solid #b3b3b3;
position: absolute;
left: 50%;
bottom: -17px;
}
.case-link:hover .case-link:after,
.block.clients .col4:hover .case-link:after {
height: 14px;
bottom: -17px;
}
.block.clients .button {
font-weight: 600;
font-size: 16px;
line-height: 19px;
color: #ffffff;
background: #fc1e2b;
border-radius: 3px;
padding: 7px 30px 6px;
text-transform: none;
}
.pf .review-main-slider-img {
border: 10px solid #e6e6e6;
border-radius: 0;
}
.block.our-works .image .over {
background-image: linear-gradient(180deg, rgba(21, 105, 150, 0.0768) 0%, rgba(21, 105, 150, 0.64) 100%);
}
.case-link.tooltip {
cursor: pointer;
}
.case-link-tooltip {
visibility: hidden;
width: 300px;
background-color: white;
color: black;
text-align: left;
border-radius: 6px;
padding: 5px 15px;
position: absolute;
z-index: 1;
bottom: 100%;
left: -85px;
margin-left: -60px;
opacity: 0;
transition: opacity 0.3s;
box-shadow: 0 1px 8px #04061c1a;
font-weight: normal;
font-size: 15px;
line-height: 20px;
text-transform: none;
}
.case-link-tooltip a {
display: flex;
align-items: center;
margin: 10px 0;
}
.case-link-tooltip a::after {
content: "";
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
width: 12px;
height: 12px;
background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 11' fill='%230b5e8a'%3E%3Cpath d='M4.57 1a1 1 0 011-1h5.217a1 1 0 011 1v5.478a1 1 0 11-2 0V3.414l-7.293 7.293A1 1 0 011.08 9.293L8.373 2H5.569a1 1 0 01-1-1z'/%3E%3C/svg%3E")
no-repeat;
background-size: auto;
-moz-background-size: 100% 100%;
background-size: 100% 100%;
margin-left: 8px;
}
.case-link-tooltip::after {
content: "";
position: absolute;
top: 100%;
left: 50%;
margin-left: -5px;
border-width: 5px;
border-style: solid;
border-color: white transparent transparent transparent;
z-index: 10;
}
.case-link.tooltip:hover .case-link-tooltip {
visibility: visible;
opacity: 1;
}
.block.our-works,
.block.pf,
.block.clients {
padding: 0;
}
.block.our-works {
padding: 40px 0;
}
.block.pf {
padding-bottom: 120px;
}
.js-more-clients .cols:first-child {
margin-top: 0;
}
.block.clients .col4:hover {
background: inherit;
}
.block.clients .col4.hidden-col-mobile:hover:after,
.block.clients .col4.hidden-col-mobile:hover::before {
content: none;
}
.vacancies .contacts .icons img {
margin-right: 10px;
}
.vacancies .contacts a {
background: none;
}
@media screen and (min-width: 1024px) {
.block.clients .col4 {
width: 20%;
}
}
@media screen and (max-width: 1023px) {
.block.tagline.landing.pf .clients-bn {
position: relative;
top: 0;
text-align: center;
}
.block.clients .cols {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.block.clients .col4 {
width: 36%;
margin: 0 5px 30px;
}
.block.clients .col4.hidden-col-mobile {
display: none;
}
}
@media screen and (max-width: 700px) {
.pf-head-img {
background: url("/local/templates/directline_2020/css/../images/portfolio/block1mobile.png") center right no-repeat;
background-size: cover;
}
.block.tagline.landing.pf .purpose {
margin: 30px 0;
}
.block.tagline.pf .purpose h1 {
margin-bottom: 17px;
}
.block.tagline.pf .purpose p {
margin-bottom: 17px;
font-size: 13px;
}
.block.tagline.landing.pf .clients-bn img {
max-width: 134px;
}
.clients-tags .tag-cloud ul li {
margin: 0 9px 9px 0;
}
.clients-tags .tag-cloud ul li a {
font-weight: 500;
font-size: 12px;
line-height: 14px;
padding: 5px 10px 5px;
}
}
@media screen and (max-width: 500px) {
.block.clients .col4 img {
max-width: 130px;
height: auto;
}
}
/*-----end portfolio styles-----*/
/*-------courses & schools styles------*/
.service-banner.course-banner {
min-height: unset;
background-image: linear-gradient(to top, rgba(10, 42, 58, 0.8), rgba(10, 42, 58, 0.8)), url(/local/templates/directline_2020/css/../images/courses/banner.jpg);
}
.school-review-page .breadcrumbs,
.school-page .breadcrumbs,
.schools-container .breadcrumbs {
margin: 0;
}
.school-review-page,
.school-page,
.schools-container {
padding: 30px 0;
}
.schools-title h1 {
font-family: "PFRegalTextPro", sans-serif;
font-size: 40px;
line-height: 1.25;
margin: 20px 0 25px;
}
.schools {
display: flex;
}
.schools-left {
width: calc(100% - 260px);
}
.schools-right {
width: 260px;
box-sizing: border-box;
}
.school-search {
position: relative;
background: white;
border-radius: 5px;
margin-bottom: 20px;
border: 1px solid #d4def1;
}
.school-search:before {
position: absolute;
content: "";
width: 28px;
height: 28px;
background: url(/local/templates/directline_2020/css/../images/services/search.svg) no-repeat;
background-size: contain;
top: 50%;
transform: translateY(-50%);
left: 38px;
z-index: 1;
pointer-events: none;
}
.school-search__btn {
-webkit-transition: all ease-out 0.3;
-moz-transition: all ease-out 0.3;
-o-transition: all ease-out 0.3;
transition: all ease-out 0.3;
display: flex;
align-items: center;
justify-content: center;
width: 110px;
height: 50px;
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 10px;
background: #fc1e2b;
border-radius: 5px;
color: white;
z-index: 1;
text-transform: unset;
font-size: 16px;
line-height: 1;
pointer-events: none;
}
input.school-search__input {
-webkit-transition: all ease-out 0.3;
-moz-transition: all ease-out 0.3;
-o-transition: all ease-out 0.3;
transition: all ease-out 0.3;
width: 100%;
border: 0;
text-indent: 95px;
font-size: 16px;
font-family: "FiraSans", sans-serif;
height: 66px;
background: transparent;
}
.schools-left .school-search {
border: 0;
}
.schools-left input.school-search__input {
text-indent: 50px;
background-color: #f3f6fb;
height: 58px;
border: 1px solid #d4def1;
border-radius: 5px;
}
.schools-left .school-search:before {
left: 15px;
}
.schools-left .school-search__btn {
height: 42px;
right: 8px;
}
.schools-list__item {
display: flex;
align-items: center;
justify-content: space-between;
border: 1px solid #d4def1;
border-radius: 10px;
padding: 18px 30px;
}
.schools-list__item + .schools-list__item {
margin-top: 20px;
}
.schools-list__item-title-link {
display: flex;
align-items: center;
}
.schools-list__item-logo + .schools-list__item-title {
padding-left: 12px;
}
.schools-list__item-logo {
font-family: "FiraSans", sans-serif;
font-size: 16px;
line-height: 1.2;
height: 42px;
width: 42px;
background-size: cover;
flex-basis: 42px;
}
.schools-list__item-title {
width: 205px;
}
.schools-list__item-contacts {
padding-top: 18px;
}
.schools-list__item-contact-text {
font-size: 12px;
line-height: 1;
color: #8e9baf;
margin-bottom: 2px;
}
.schools-list__item-middle {
display: flex;
padding-left: 10px;
}
.services-list__item-rating-wrapper {
width: 52px;
}
.schools-list__item-rating {
position: relative;
-webkit-transition: all ease-out 0.3s;
-moz-transition: all ease-out 0.3s;
-o-transition: all ease-out 0.3s;
transition: all ease-out 0.3s;
font-size: 20px;
padding-left: 40px;
box-sizing: border-box;
}
.schools-list__item-rating:before {
position: absolute;
content: "";
width: 28px;
height: 28px;
top: 50%;
transform: translateY(-50%);
left: 0;
background: url(/local/templates/directline_2020/css/../images/services/star.svg) no-repeat;
background-size: contain;
}
.schools-list__item-comments-wrapper {
margin-left: 40px;
}
.schools-list__item-comments {
position: relative;
-webkit-transition: all ease-out 0.3s;
-moz-transition: all ease-out 0.3s;
-o-transition: all ease-out 0.3s;
transition: all ease-out 0.3s;
font-size: 20px;
padding-left: 40px;
box-sizing: border-box;
}
.schools-list__item-comments:before {
position: absolute;
content: "";
width: 32px;
height: 32px;
top: 50%;
transform: translateY(-50%);
left: 0;
background: url(/local/templates/directline_2020/css/../images/services/comment.svg?v1) no-repeat;
background-size: contain;
}
.schools-list__item-right {
margin-left: auto;
}
.schools-list__item-contact-link {
font-size: 16px;
line-height: 1;
}
.schools-site-link {
-webkit-transition: all ease-out 0.3s;
-moz-transition: all ease-out 0.3s;
-o-transition: all ease-out 0.3s;
transition: all ease-out 0.3s;
display: block;
background: #fc1e2b;
border-radius: 5px;
color: white;
padding: 0 30px;
height: 45px;
font-size: 16px;
line-height: 45px;
box-sizing: border-box;
margin-bottom: 10px;
}
.schools-review-link {
-webkit-transition: all ease-out 0.3s;
-moz-transition: all ease-out 0.3s;
-o-transition: all ease-out 0.3s;
transition: all ease-out 0.3s;
display: block;
color: rgba(0, 0, 0, 0.6);
border: 1px solid #d4def1;
border-radius: 5px;
font-size: 16px;
padding: 0 30px;
height: 45px;
font-size: 16px;
line-height: 45px;
box-sizing: border-box;
}
.school-top {
display: flex;
align-items: center;
margin-bottom: 20px;
}
.school-top__logo {
font-family: "FiraSans", sans-serif;
font-size: 16px;
line-height: 1.2;
height: 100px;
width: 100px;
background-size: cover;
flex-basis: 100px;
margin-right: 20px;
}
.school-top__text-title {
font-family: "FiraSans", sans-serif;
font-size: 28px;
line-height: 1.25;
margin: 0 0 10px;
}
.school-top__text {
font-family: "FiraSans", sans-serif;
font-size: 14px;
line-height: 1.2;
color: #00000099;
}
.school-text {
font-size: 16px;
color: black;
line-height: 1.3;
}
.school-detail {
display: flex;
padding-top: 20px;
}
.school-left {
width: 75%;
box-sizing: border-box;
padding-right: 50px;
}
.school-right {
width: 25%;
}
.school-contacts {
border: 1px solid #d4def1;
border-radius: 10px;
box-sizing: border-box;
padding: 25px 20px;
margin-bottom: 15px;
}
.school-contacts__title {
font-weight: 500;
font-family: "FiraSans", sans-serif;
font-size: 22px;
line-height: 1;
margin-bottom: 20px;
border-bottom: 1px solid #d4def1;
padding-bottom: 10px;
}
.school-contacts__address-title {
font-size: 16px;
line-height: 1;
font-weight: 500;
margin-bottom: 10px;
}
.school-contacts__address-text {
font-size: 16px;
line-height: 1.3;
font-weight: 400;
}
.school-contacts__address {
margin-bottom: 20px;
}
.school-contacts__phone-title {
font-size: 16px;
line-height: 1;
font-weight: 500;
margin-bottom: 10px;
}
.school-contacts__phone-text {
-webkit-transition: all ease-out 0.3s;
-moz-transition: all ease-out 0.3s;
-o-transition: all ease-out 0.3s;
transition: all ease-out 0.3s;
font-size: 16px;
line-height: 1.3;
font-weight: 400;
display: block;
}
.school-contacts__phone-text:hover {
}
.school-right__link {
-webkit-transition: all ease-out 0.3s;
-moz-transition: all ease-out 0.3s;
-o-transition: all ease-out 0.3s;
transition: all ease-out 0.3s;
display: block;
background: #fc1e2b;
border-radius: 5px;
color: white;
padding: 0 30px;
height: 45px;
font-size: 16px;
line-height: 45px;
box-sizing: border-box;
margin-bottom: 10px;
text-align: center;
}
.schools-list__item-name {
font-size: 14px;
font-weight: 400;
line-height: 1.2;
padding: 15px 0 10px;
}
.schools-list__item-name-link {
-webkit-transition: all ease-out 0.3s;
-moz-transition: all ease-out 0.3s;
-o-transition: all ease-out 0.3s;
transition: all ease-out 0.3s;
}
.schools-list__item-duration {
position: relative;
padding-left: 25px;
color: #8e9baf;
font-size: 12px;
line-height: 1.2;
font-weight: 400;
}
.schools-list__item-duration:before {
position: absolute;
content: "";
left: 0;
top: 0;
background: url(/local/templates/directline_2020/css/../images/courses/clock.png) no-repeat;
background-size: contain;
width: 14px;
height: 14px;
}
.schools-list__item-installment {
color: #8e9baf;
font-size: 12px;
line-height: 1.2;
font-weight: 400;
margin-bottom: 5px;
}
.schools-list__item-price {
font-size: 25px;
line-height: 1.2;
font-weight: 500;
}
.services-list__item-review {
font-size: 14px;
font-weight: 400;
color: #00000099;
}
.services-list__item-bottom.schools-list__item-bottom {
border-top: 0;
padding-top: 0;
}
.schools-list__item-bottom .services-list__item-info {
padding-top: 27px;
border-top: 1px solid rgba(212, 222, 241, 0.6);
}
.schools-list__item-prices {
padding-bottom: 10px;
}
.courses-list-wrapper .services-add-link {
justify-content: center;
}
.schools-right-block {
border: 1px solid #d4def1;
border-radius: 10px;
box-sizing: border-box;
padding: 25px 20px;
margin-bottom: 15px;
margin-left: 20px;
}
.schools-right-block__title {
font-weight: 500;
font-family: "FiraSans", sans-serif;
font-size: 22px;
line-height: 1;
margin-bottom: 10px;
border-bottom: 1px solid #d4def1;
padding-bottom: 10px;
}
.schools-right-list__item-image {
line-height: 1.2;
height: 36px;
width: 36px;
background-size: cover;
flex-basis: 36px;
}
.schools-right-list__item {
display: flex;
align-items: center;
padding-left: 25px;
position: relative;
}
.schools-right-list__item-counter {
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 0;
font-size: 14px;
line-height: 1;
font-weight: 700;
}
.schools-right-list__item-rating {
position: relative;
-webkit-transition: all ease-out 0.3s;
-moz-transition: all ease-out 0.3s;
-o-transition: all ease-out 0.3s;
transition: all ease-out 0.3s;
font-size: 14px;
padding-left: 20px;
line-height: 1.2;
}
.schools-right-list__item-rating:before {
position: absolute;
content: "";
width: 15px;
height: 16px;
top: 50%;
transform: translateY(-50%);
left: 0;
background: url(/local/templates/directline_2020/css/../images/services/star.svg) no-repeat;
background-size: contain;
}
.schools-right-list__item-info {
padding-left: 10px;
display: flex;
flex-direction: column;
justify-content: center;
}
.schools-right-list__item-rating + .schools-right-list__item-comments-wrapper {
margin-left: 15px;
}
.schools-right-list__item-comments {
position: relative;
padding-left: 20px;
font-size: 14px;
line-height: 1.2;
}
.schools-right-list__item-comments:before {
position: absolute;
content: "";
width: 16px;
height: 16px;
content: "";
top: 50%;
transform: translateY(-50%);
left: 0;
background: url(/local/templates/directline_2020/css/../images/services/comment.svg?v1) no-repeat;
background-size: contain;
}
.schools-right-list__item-about {
display: flex;
margin-top: 3px;
}
.schools-right-list {
padding-top: 10px;
}
.schools-right-list__item + .schools-right-list__item {
margin-top: 20px;
}
.schools-right-list__item:before {
}
.schools-right-list__item-title {
font-size: 14px;
line-height: 1.3;
font-weight: 400;
}
.schools-list__item-title {
font-size: 20px;
line-height: 1.3;
max-width: 180px;
}
.school-detail-reviews {
padding-top: 40px;
padding-bottom: 30px;
}
.school-detail-reviews-title {
font-family: "PFRegalTextPro", sans-serif;
font-size: 28px;
margin-bottom: 20px;
}
.school-detail-reviews-top {
display: flex;
justify-content: space-between;
margin-bottom: 10px;
flex-direction: column;
}
.school-detail-reviews__rating {
}
.school-detail-reviews__item-course {
font-size: 14px;
font-weight: 400;
color: black;
opacity: 0.6;
margin-bottom: 10px;
}
.school-detail-reviews__link {
transition: all 0.3s ease-in;
font-weight: 500;
font-size: 13px;
text-transform: uppercase;
color: #fc1e2b;
}
.school-detail-reviews__link:hover {
opacity: 0.8;
}
.school-detail-reviews-list {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.school-detail-reviews__item {
width: 48%;
border: 1px solid #d4def1;
border-radius: 10px;
box-sizing: border-box;
padding: 23px 20px;
}
.school-detail-reviews-list__item {
}
.school-detail-reviews__item-left {
display: flex;
}
.services-reviews__item-logo.school-detail-reviews__item-logo {
width: 40px;
height: 40px;
flex-basis: 40px;
}
.services-reviews__item-name {
font-size: 16px;
line-height: 1.2;
}
.school-detail-reviews__item-date {
font-size: 14px;
color: rgba(0, 0, 0, 0.6);
margin-top: 0;
}
.school-detail-reviews__item-top {
display: flex;
justify-content: space-between;
margin-bottom: 10px;
}
.school-detail-reviews__item-info {
padding-left: 15px;
}
.school-detail-reviews__item-name {
font-size: 16px;
font-weight: 400;
line-height: 1.3;
}
.school-detail-reviews__item-course {
}
.school-detail-reviews__item-right {
}
.school-detail-reviews__item-main {
font-size: 16px;
line-height: 1.3;
}
.school-detail-reviews__rating {
display: flex;
align-items: center;
}
.school-detail-rating-stars {
display: flex;
align-items: center;
position: relative;
top: -1px;
}
.service-main__rating-value {
}
.school-detail-reviews__rating-wrapper {
display: flex;
align-items: center;
}
.school-detail-reviews__reviews {
font-size: 14px;
font-weight: 400;
position: relative;
top: 1px;
color: black;
opacity: 0.6;
margin-left: 10px;
}
.school-detail-rating-value {
font-size: 22px;
margin-left: 15px;
font-weight: 500;
position: relative;
top: 1px;
}
.school-detail-reviews__more {
margin-left: auto;
}
.school-review-page {
padding-bottom: 50px;
}
.school-reviews {
display: flex;
flex-direction: row-reverse;
}
.school-review {
border: 1px solid #d4def1;
border-radius: 10px;
box-sizing: border-box;
padding: 23px 15px;
margin-bottom: 15px;
margin-left: 20px;
}
.school-review-title {
font-family: "PFRegalTextPro", sans-serif;
font-size: 40px;
line-height: 1.25;
margin: 20px 0 25px;
}
.school-review-list__item {
border: 1px solid #d4def1;
border-radius: 10px;
padding: 18px 30px;
}
.school-review-list__item + .school-review-list__item {
margin-top: 20px;
}
.school-reviews-wrapper {
display: flex;
flex-direction: column-reverse;
}
.school-review .schools-review-link,
.school-review .school-right__link {
padding-left: 0;
padding-right: 0;
text-align: center;
width: 165px;
margin-left: auto;
margin-right: auto;
}
.school-review .service-rating-star {
width: 25px;
height: 23px;
background-size: contain;
}
.school-review .service-rating-star + .service-rating-star {
margin-left: 12px;
}
.school-review .service-main__rating-stars {
margin: 0;
top: unset;
}
.school-review__top {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.school-review__title {
font-size: 22px;
font-weight: 500;
margin-bottom: 20px;
}
.school-review__logo {
height: 80px;
width: 80px;
background-size: cover;
flex-basis: 80px;
margin-bottom: 7px;
}
.school-review__text {
font-size: 14px;
margin-bottom: 20px;
text-align: center;
}
.school-review__rating-wrapper {
display: flex;
justify-content: space-between;
margin-bottom: 12px;
}
.school-review__rating-value {
font-size: 22px;
font-weight: 500;
position: relative;
top: 2px;
}
.school-course-value {
}
.school-reviews-wrapper .school-detail-reviews__item-date {
text-align: right;
margin-top: 7px;
}
.school-review-detail-list__item {
border: 1px solid #d4def1;
border-radius: 10px;
padding: 24px 18px;
}
.school-review-detail-list__item + .school-review-detail-list__item {
margin-top: 25px;
}
.school-reviews-wrapper .school-detail-reviews__item-left {
align-items: center;
}
.school-reviews-wrapper .school-detail-reviews__item-name {
padding-left: 25px;
font-size: 20px;
}
.school-reviews-wrapper .services-reviews__item-logo.school-detail-reviews__item-logo {
width: 62px;
height: 62px;
flex-basis: 62px;
}
.school-reviews-wrapper .school-detail-reviews__item-course {
padding-top: 20px;
}
.school-reviews-wrapper .school-detail-reviews__item-top {
margin-bottom: 20px;
}
.all-courses-list-wrapper .services-list__item-rating,
.all-courses-list-wrapper .services-list__item-comments {
font-size: 20px;
}
.form-wrapper .star {
color: #fc1e2b;
opacity: 0.9;
font-size: 14px;
padding-left: 1px;
}
.school-detail-reviews__item-course.desktop-hidden,
.school-detail-reviews__item-mobile,
.school-info.desktop-hidden,
.school-search--placeholder.desktop-hidden {
display: none;
}
.course-banner.small-banner {
min-height: 245px;
}
.course-banner.small-banner .service-banner__info {
margin-bottom: 30px;
}
.course-banner.small-banner .school-search {
margin-bottom: 10px;
}
.school-contacts__phone-text + .school-contacts__phone-text {
margin-top: 3px;
}
.blog-course-wrapper {
justify-content: space-between;
}
.blog-course__left-bottom .service-top__right-link {
display: block;
text-align: center;
box-sizing: border-box;
margin-top: 15px;
margin-left: 0;
line-height: 40px;
height: 40px;
padding-top: 0;
padding-bottom: 0;
font-size: 16px;
background-image: none;
background-color: #f22d22;
}
.blog-service__left.blog-course__left {
align-items: stretch;
width: 50%;
box-sizing: border-box;
padding: 12px 52px 0 15px;
justify-content: stretch;
}
.blog-course__left .blog-service__left-top {
display: flex;
align-items: center;
}
.blog-center .blog-course__left a.schools-list__item-title-link {
background-image: none;
}
.text_read .blog-course__left a.service-top__right-link {
width: 100%;
text-align: center;
}
.blog-service__right.blog-course__right {
}
.blog-course__left-bottom {
margin-top: auto;
}
.blog-course-wrapper .schools-list__item-price {
font-size: 16px;
}
.blog-course-wrapper .schools-list__item-logo {
margin-right: 17px;
}
.blog-service__right.blog-course__right {
padding-right: 15px;
}
.blog-course-wrapper .blog-service__right {
width: 55%;
padding-left: 18px;
}
.blog-course-wrapper .service-top__right-promo {
height: 40px;
padding-top: 0;
padding-bottom: 0;
display: flex;
align-items: center;
justify-content: center;
margin: 0;
width: 100%;
box-sizing: border-box;
margin-bottom: 5px;
}
.blog-course__left .blog-service__left-top {
margin-bottom: 15px;
}
.blog-course-wrapper .blog-service__bottom .service-main__rating-wrapper {
padding-bottom: 0;
}
.table-course__duration-block {
position: relative;
padding-top: 30px;
color: #8e9baf;
font-size: 12px;
line-height: 1.2;
font-weight: 400;
}
.table-course__duration-block:before {
position: absolute;
content: "";
left: 50%;
transform: translateX(-50%);
top: 0;
background: url(/local/templates/directline_2020/css/../images/courses/clock.png) no-repeat;
background-size: contain;
width: 20px;
height: 20px;
}
.blog-center .table-course__school-block a.table-service__title-link {
color: #8e9baf;
font-size: 14px;
font-weight: 400;
}
.table-course__title .table-service__title-link {
font-size: 16px;
word-break: break-word;
}
.table-service__logo.table-course__logo {
height: 42px;
width: 42px;
}
.table-course .table-service__name-position-wrapper {
margin-right: 20px;
}
.table-course__price-value {
font-size: 16px;
font-weight: 500;
}
.table-course__installment {
color: #8e9baf;
font-size: 12px;
font-weight: 400;
margin-bottom: 5px;
}
.blog-center .text_read a.services-list__item-comments {
background-image: none;
}
.table-course__school-reviews .services-list__item-comments:before {
width: 20px;
height: 20px;
}
.table-course__school-reviews .services-list__item-comments {
font-size: 14px;
font-weight: 400;
padding-left: 25px;
}
.table-course__school-block {
display: flex;
align-items: center;
}
.table-course__school-reviews {
margin-left: 13px;
}
.service-top__right-link.course-table-link {
background: #fc1e2b;
font-size: 16px;
}
.table-course .table-service__title {
width: 190px;
}
.blog-course-wrapper .blog-service {
padding: 25px 24px;
}
.blog-course-wrapper .blog-service__right {
margin-top: auto;
margin-bottom: auto;
}
.table-service__name-position-mobile,
.table-course__name-mobile,
.table-course__rating-mobile,
.table-course__mobile-duration-block,
.course-table-promo {
display: none;
}
.pagination__more {
padding-top: 30px;
text-align: center;
}
.pagination__more-btn {
-webkit-transition: all ease-out 0.3s;
-moz-transition: all ease-out 0.3s;
-o-transition: all ease-out 0.3s;
transition: all ease-out 0.3s;
display: inline-block;
text-align: center;
background: #0b5e8a;
color: white;
border-radius: 3px;
font-size: 16px;
outline: 0;
border: 0;
width: 160px;
height: 44px;
line-height: 42px;
letter-spacing: 0.3px;
cursor: pointer;
}
.pagination__more-btn:hover {
opacity: 0.8;
}
.schools-list-wrapper {
padding-bottom: 30px;
}
@media screen and (max-width: 1133px) {
.schools {
flex-direction: column;
align-items: center;
}
.schools-right-block {
margin-left: 0;
}
.schools-left {
width: 100%;
}
.schools-left {
margin-bottom: 30px;
}
}
@media screen and (max-width: 867px) {
.school-search:before {
left: 12px;
}
.schools-list__item-title {
width: 140px;
}
.schools-list__item {
padding: 15px 18px;
}
.school-review {
display: flex;
align-items: center;
justify-content: space-between;
padding: 20px 12px;
}
.schools-right .school-review__logo {
height: 42px;
width: 42px;
flex-basis: 42px;
}
.schools-right .school-review__text {
margin-bottom: 0;
}
.school-review__title {
margin-bottom: 10px;
}
.schools-right .school-review__title {
font-size: 20px;
text-align: center;
}
.schools-right .school-review .service-rating-star {
width: 15px;
height: 13px;
}
.school-review .service-rating-star + .service-rating-star {
margin-left: 5px;
}
.school-review__btns {
width: 50%;
}
.school-review__info {
width: 50%;
}
.school-review__rating-value {
font-size: 18px;
}
input.school-search__input {
height: 45px;
text-indent: 55px;
font-size: 14px;
}
.school-review {
margin-left: 0;
}
.school-reviews {
flex-direction: column;
align-items: stretch;
}
.schools-left,
.schools-right {
width: 100%;
}
.school-review__rating-wrapper {
justify-content: center;
}
.school-review__rating-value {
margin-left: 15px;
top: 3px;
}
.school-reviews-wrapper .school-detail-reviews__item-course {
display: flex;
margin-bottom: 0;
}
.school-course-value + .school-course-value {
padding-left: 10px;
}
.school-review-detail-list__item {
padding: 20px 18px;
}
.school-reviews-wrapper .school-detail-reviews__item-top {
flex-direction: column;
}
.school-reviews-wrapper .school-detail-reviews__item-left {
margin-bottom: 20px;
}
.school-reviews-wrapper .school-detail-reviews__item-right {
display: flex;
flex-direction: row-reverse;
justify-content: space-between;
}
.school-reviews-wrapper .school-detail-reviews__item-date {
margin-top: 0;
}
.school-reviews-wrapper .service-reviews__item-value,
.school-reviews-wrapper .service-reviews__item-title {
font-size: 16px;
}
.school-search__btn {
width: 80px;
height: 38px;
right: 6px;
line-height: 1;
padding-bottom: 0;
padding-top: 0;
}
.school-search--placeholder.desktop-hidden {
display: block;
pointer-events: none;
z-index: 1;
position: absolute;
left: 55px;
top: 50%;
transform: translateY(-50%);
opacity: 0.8;
}
.course-banner .school-search__input::-webkit-input-placeholder {
font-size: 0;
}
.course-banner .school-search__input::-moz-placeholder {
font-size: 0;
}
.course-banner .school-search__input:-moz-placeholder {
font-size: 0;
}
.course-banner .school-search__input:-ms-input-placeholder {
font-size: 0;
}
.school-info.desktop-hidden {
display: block;
}
.school-detail {
flex-direction: column-reverse;
}
.school-right,
.school-left {
width: 100%;
}
.school-info .school-top {
margin-bottom: 25px;
}
.school-detail .school-top__logo {
height: 64px;
width: 64px;
min-width: 64px;
flex-basis: 64px;
margin-right: 15px;
}
.school-detail .school-top__text-title {
font-size: 20px;
margin-bottom: 5px;
}
.school-detail .school-top__text {
font-size: 14px;
}
.school-detail .school-contacts__title {
font-size: 18px;
}
.school-contacts__phone,
.school-contacts__address {
display: flex;
flex-wrap: wrap;
}
.school-detail .school-contacts__phone-title,
.school-detail .school-contacts__address-title {
width: 100px;
line-height: 1.3;
}
.school-detail .school-contacts__phone-values,
.school-detail .school-contacts__address-text {
width: calc(100% - 100px);
box-sizing: border-box;
padding-left: 20px;
}
.school-detail .school-right__link {
width: 240px;
margin-left: auto;
margin-right: auto;
}
.school-detail-reviews__item-course.mobile-hidden,
.school-top.mobile-hidden {
display: none;
}
.school-left {
margin-top: 20px;
}
.school-detail-reviews-title {
font-size: 24px;
}
.school-detail-reviews .service-rating-star {
width: 15px;
height: 15px;
background-size: contain;
}
.school-detail-reviews .service-rating-star + .service-rating-star {
margin-left: 7px;
}
.school-detail-reviews-top {
flex-direction: row;
}
.school-detail-reviews__reviews {
display: none;
}
.school-detail-rating-value {
font-size: 18px;
}
.school-detail-reviews__item {
width: 100%;
padding: 15px;
}
.school-detail-reviews__item + .school-detail-reviews__item {
margin-top: 15px;
}
.school-detail-reviews__item-name {
font-size: 20px;
}
.school-detail-reviews .service-reviews__item-value,
.school-detail-reviews .service-reviews__item-title {
font-size: 16px;
}
.school-page .all-courses-list-wrapper .container {
margin: 0;
}
.all-courses-list-wrapper .services-list-title {
font-size: 24px;
}
.all-courses-list-wrapper .services-list-head {
margin-bottom: 20px;
}
.school-detail-reviews__item-left {
align-items: center;
}
.school-detail-reviews__item-mobile {
display: flex;
align-items: center;
justify-content: space-between;
margin-top: 10px;
}
.school-detail-reviews__item-top {
flex-direction: column;
}
.school-detail-reviews__item-course.desktop-hidden {
display: block;
margin-top: 10px;
margin-bottom: 0;
}
.school-detail-reviews__item-right,
.school-detail-reviews__item-info .school-detail-reviews__item-date {
display: none;
}
.school-detail-reviews__item-left {
align-items: center;
}
.text_read .blog-course-wrapper .blog-course__left a.service-top__right-link {
padding: 0;
}
.blog-course-wrapper .blog-service {
padding-top: 20px;
padding-bottom: 20px;
}
.blog-course-wrapper .blog-service__right {
padding-left: 0;
padding-right: 0;
}
.table-course thead,
.table-course__duration,
.table-service__name-position-wrapper.table-course__name-position-wrapper {
display: none;
}
.table-course tr {
border: 1px solid #d4def1;
border-top: 0;
display: flex;
flex-direction: column;
align-items: stretch;
justify-content: stretch;
border-radius: 20px;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
box-sizing: border-box;
padding: 15px;
}
.table-course tr + tr {
margin-top: 20px;
}
.course-table-wrapper tbody tr {
background: rgba(212, 222, 241, 0.2) !important;
}
.table-course .table-service__name-td.is-top .table-service__name-position {
background-image: url(/local/templates/directline_2020/css/../images/courses/top_white.png);
color: white;
width: 32px;
height: 48px;
background-size: contain;
line-height: 32px;
}
.blog-center .table-course__school-block a.table-service__title-link {
font-size: 18px;
}
.blog-center .course-table-wrapper .table-course__mobile-top .table-course__title-link {
display: block;
background: no-repeat;
color: white;
font-size: 20px;
line-height: 1.3;
width: calc(100% - 48px);
text-align: left;
display: flex;
align-items: center;
box-sizing: border-box;
padding-left: 0;
}
.course-table-wrapper.service-table-wrapper .table-service {
border: 0;
}
.table-service__name-position-mobile,
.table-course__name-mobile,
.table-course__rating-mobile,
.table-course__mobile-duration-block,
.course-table-promo {
display: block;
}
.course-table-wrapper .scrollableArea {
width: 100% !important;
}
.blog-center .course-table-wrapper a.table-course__title-link,
.table-course__rating-td {
display: none;
}
.course-table-wrapper.table .a-to-right,
.course-table-wrapper.table .a-to-left {
display: none !important;
}
.table-course__school-block .table-service__title-link {
font-size: 18px;
}
.course-table-wrapper a.service-top__right-link {
width: 100%;
height: 44px;
box-sizing: border-box;
display: flex;
align-items: center;
justify-content: center;
font-size: 16px;
border-radius: 4px;
border: 1px solid #fc1e2b;
margin-top: 10px;
}
.course-table-promo {
margin-top: 10px;
height: 44px;
padding-top: 0;
padding-bottom: 0;
display: flex;
align-items: center;
justify-content: center;
}
.course-table-wrapper .table-service__name-td {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.course-table-wrapper .table-service__price {
padding: 0;
}
.table-course__price-value {
font-size: 20px;
}
.table-course__installment {
font-size: 14px;
}
.blog-detail .course-table-wrapper.service-table-wrapper td {
padding: 0;
}
.blog-detail .course-table-wrapper.service-table-wrapper td.table-service__name-td {
padding-bottom: 20px;
}
.table-course__rating-mobile {
position: relative;
top: 10px;
}
.course-table-wrapper .circular-chart {
width: 64px;
height: 64px;
max-width: 64px !important;
}
.table-course__duration-block {
padding: 1px 0 0 25px;
line-height: 1.3;
}
.table-course__duration-block:before {
left: 0;
top: 0;
transform: none;
width: 16px;
height: 16px;
}
.table-course__mobile-top {
width: 100%;
display: flex;
justify-content: space-between;
background: #0b5e8a;
padding: 15px;
border-top-right-radius: 10px;
border-top-left-radius: 10px;
margin-left: -15px;
margin-top: -15px;
margin-right: -15px;
margin-bottom: 20px;
}
.table-course__mobile-duration-block {
width: 100%;
text-align: left;
margin-left: 10px;
}
}
@media screen and (max-width: 767px) {
.blog-service__left.blog-course__left {
padding: 0;
width: 55%;
}
}
@media screen and (max-width: 700px) {
.schools-list__item {
flex-direction: column;
align-items: stretch;
justify-content: center;
position: relative;
}
.schools-list__item-right {
margin-left: unset;
margin-top: 35px;
}
.schools-list__item-middle {
padding-left: 0;
position: absolute;
top: 27px;
right: 18px;
}
.schools-list__item-contact {
display: flex;
align-items: center;
}
.schools-list__item-contact-text {
font-size: 14px;
margin-right: 10px;
}
.schools-list__item .schools-review-link,
.schools-list__item .schools-site-link {
text-align: center;
}
.schools-list__item .services-list__item-rating-wrapper {
width: 46px;
}
}
@media screen and (max-width: 600px) {
.school-search__input {
text-indent: 48px;
}
.school-search {
margin-bottom: 10px;
}
.all-courses-list-wrapper .services-list__item-comments,
.all-courses-list-wrapper .services-list__item-rating {
padding-left: 32px;
}
.services-list__item-review {
font-size: 12px;
}
.schools-list__item-bottom .services-list__item-info {
padding-top: 15px;
}
.all-courses-list-wrapper .services-list__item-more {
margin-top: 15px;
}
.all-courses-list-wrapper .services-list__item {
padding: 15px 12px;
}
.all-courses-list-wrapper .services-list__item-comments:before,
.all-courses-list-wrapper .services-list__item-rating:before {
width: 24px;
height: 24px;
}
.all-courses-list-wrapper .services-list__item {
width: 48%;
margin: 0 1% 20px;
}
.all-courses-list-wrapper .services-list__item-title {
font-size: 16px;
}
.all-courses-list-wrapper .services-list__item-logo {
height: 32px;
width: 32px;
flex-basis: 32px;
}
.schools-list__item-price {
font-size: 20px;
}
.all-courses-list-wrapper .services-list__item-rating,
.all-courses-list-wrapper .services-list__item-comments {
font-size: 16px;
}
.schools-left .service-reviews__item-value:before {
width: 18px;
height: 18px;
}
.schools-list__item {
align-items: stretch;
}
.schools-list__item-left {
display: flex;
flex-direction: column;
box-sizing: border-box;
padding-right: 95px;
}
.schools-list-wrapper {
padding-top: 15px;
}
.schools-list__item-right .schools-site-link,
.schools-list__item-right .schools-review-link {
width: 100%;
text-align: center;
}
.schools-left input.school-search__input {
height: 45px;
text-indent: 35px;
}
.schools-left .school-search__btn {
height: 34px;
}
.schools-left .school-search:before {
width: 20px;
height: 20px;
}
.school-review-title,
.schools-title h1 {
font-size: 24px;
font-weight: 500;
margin-bottom: 20px;
}
.schools-left .schools-list__item-comments:before,
.schools-left .schools-list__item-rating:before {
width: 16px;
height: 16px;
}
.schools-left .schools-list__item-rating,
.schools-left .schools-list__item-comments {
padding-left: 20px;
font-size: 14px;
}
.schools-left .schools-list__item-comments-wrapper {
margin-left: 0;
}
.schools-list__item-rating:before {
margin-top: -1px;
}
.blog-service__left.blog-course__left {
width: 100%;
}
.blog-service__right.blog-course__right {
width: 100%;
}
}
@media screen and (max-width: 380px) {
.school-review .schools-review-link,
.school-review .school-right__link {
width: unset;
}
}
@media screen and (max-width: 360px) {
.schools-right .school-review__title {
font-size: 18px;
}
.school-review .schools-review-link,
.school-review .school-right__link {
font-size: 14px;
}
.school-contacts__address-text,
.school-contacts__address-title,
.school-contacts__phone-title,
.school-contacts__phone-text {
font-size: 14px;
}
}
@media screen and (max-width: 340px) {
.all-courses-list-wrapper .services-list__item {
width: 100%;
margin: 0 10px 20px;
padding: 20px 15px;
}
}
/*-------end courses & schools styles------*/
/* COURSES NEW START */
.course-prices__wrapper {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 6px;
}
.course-prices__installment {
font-size: 14px;
font-weight: 400;
margin-bottom: 6px;
line-height: normal;
}
.course-prices__price {
font-size: 20px;
font-weight: 600;
margin-right: 3px;
line-height: normal;
}
.course-prices__price-old {
font-size: 14px;
color: #8e9baf;
font-weight: 400;
text-decoration: line-through;
line-height: normal;
}
.course-promocode {
position: relative;
cursor: pointer;
text-transform: uppercase;
color: #fc1e2b;
letter-spacing: 0.26px;
font-size: 14px;
font-weight: 600;
padding-left: 24px;
line-height: normal;
}
.course-promocode:hover {
color: #ff5f68;
}
.course-promocode:before {
position: absolute;
content: "";
width: 20px;
height: 20px;
top: 50%;
transform: translateY(-50%);
left: 0;
background: url(/local/templates/directline_2020/css/../images/services/promocode_icon.svg) no-repeat;
background-size: contain;
}
.course-promocode-text {
border-bottom: 1px dashed #fc1e2b;
}
.courses-title {
color: #1d1e1f;
font-family: Play;
font-size: 38px;
line-height: normal;
margin-bottom: 32px;
font-weight: normal;
}
.courses-title {
margin-bottom: 32px;
}
@media (max-width: 520px) {
.course-prices__wrapper {
margin-bottom: 2px;
}
.course-prices__price,
.course-prices__price-old,
.course-prices__installment {
font-size: 12px;
}
}
.courses-list-wrapper {
margin-top: 18px;
margin-bottom: 64px;
}
.courses-container .courses-list-wrapper {
position: relative;
}
.courses-container .courses-list-wrapper .loader {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
opacity: 0.5;
background: #fff;
z-index: 2;
backdrop-filter: blur(5px) saturate(120%) contrast(200%);
display: none;
}
.courses-container .courses-list-wrapper .loader.active {
display: block;
}
@media (max-width: 520px) {
.courses-list-wrapper {
margin-bottom: 0;
}
}
.courses-container {
max-width: 1040px;
margin: 0 auto;
}
/* COURSES LIST FILTER START */
.courses-list-filter-wrapper {
display: flex;
justify-content: flex-end;
margin-bottom: 18px;
}
.courses-list-filter {
position: relative;
cursor: pointer;
width: 280px;
}
.courses-list-filter__selected {
position: relative;
border-radius: 6px;
border: 1px solid #eaeff9;
background: #fff;
padding: 8px 40px 8px 32px;
z-index: 2;
}
.courses-list-filter__selected::before {
content: url(/local/templates/directline_2020/css/../images/services/sort_icon.svg);
width: 16px;
height: 16px;
position: absolute;
left: 12px;
top: 11px;
}
.courses-list-filter__selected::after {
content: url(/local/templates/directline_2020/css/../images/services/arrow_down.svg);
width: 16px;
height: 16px;
position: absolute;
right: 12px;
top: 11px;
}
.courses-list-filter__list {
width: 100%;
box-sizing: border-box;
display: none;
position: absolute;
border-radius: 0 0 6px 6px;
border: 1px solid #eaeff9;
background: #fff;
padding: 16px;
z-index: 1;
top: 40px;
}
.courses-list-filter__item:not(:last-of-type) {
margin-bottom: 20px;
}
.courses-list-filter.open .courses-list-filter__list {
display: block;
}
.courses-list-filter.open .courses-list-filter__selected::after {
content: url(/local/templates/directline_2020/css/../images/services/arrow_up.svg);
}
@media (max-width: 520px) {
.courses-list-filter {
font-size: 14px;
}
}
/* COURSES LIST FILTER END */
.courses-list-all-btn {
cursor: pointer;
text-align: center;
font-size: 13px;
font-weight: 500;
color: #fc1e2b;
text-transform: uppercase;
}
.courses-list {
display: flex;
flex-wrap: wrap;
margin-left: -8px;
margin-right: -8px;
}
.courses-list__item {
position: relative;
border: 1px solid rgba(84, 101, 255, 0.32);
border-radius: 3px;
box-sizing: border-box;
width: 248px;
margin: 0 8px 24px;
display: flex;
flex-direction: column;
justify-content: space-between;
min-height: 380px;
border-radius: 10px;
color: #1d1e1f;
}
.courses-list__item.profit {
border: 2px solid #fdc500;
}
.courses-list__item.popular {
border: 2px solid #ff499e;
}
.courses-list__item.popular2 {
border: 2px solid #5465ff;
}
.courses-list__item-label {
display: none;
position: absolute;
height: 25px;
border-radius: 8px;
font-size: 14px;
font-weight: 500;
padding: 0 8px;
color: #fff;
top: -12px;
right: 10px;
line-height: 1.8;
}
.courses-list__item.profit .courses-list__item-label {
display: block;
background: #fdc500;
}
.courses-list__item.popular .courses-list__item-label {
display: block;
background: #ff499e;
}
.courses-list__item.popular2 .courses-list__item-label {
display: block;
background: #5465ff;
}
.courses-list__item-top {
display: flex;
flex-direction: column;
justify-content: space-between;
height: 227px;
border-radius: 10px;
border: 1px solid #eff2f6;
background: #f5f6ff;
padding: 12px;
margin-bottom: 12px;
}
.courses-list__item-title-link {
display: flex;
margin-bottom: 12px;
}
.courses-list__item-logo {
height: 42px;
width: 42px;
min-width: 42px;
background-size: cover;
margin-right: 8px;
}
.courses-list__item-title {
font-size: 16px;
}
.courses-list__item-duration {
position: relative;
padding-left: 25px;
font-size: 14px;
line-height: 1.2;
font-weight: 400;
}
.courses-list__item-duration:before {
position: absolute;
content: "";
left: 0;
top: 0;
background: url(/local/templates/directline_2020/css/../images/courses/clock.svg) no-repeat;
background-size: contain;
width: 16px;
height: 16px;
}
.courses-list__item-link {
color: #0b5e8a;
font-size: 12px;
line-height: 1;
padding: 6px 8px 4px;
margin-bottom: 10px;
background-color: #d4def166;
border-radius: 3px;
display: inline-block;
white-space: nowrap;
}
.courses-list__item-bottom {
display: flex;
flex-direction: column;
padding-top: 27px;
padding: 0 12px 12px 12px;
}
.courses-list__item-name {
width: 100%;
font-size: 18px;
font-weight: 700;
line-height: 130%;
margin-bottom: 12px;
}
.courses-list__item-name-link {
display: block;
-webkit-transition: all ease-out 0.3s;
-moz-transition: all ease-out 0.3s;
-o-transition: all ease-out 0.3s;
transition: all ease-out 0.3s;
}
.courses-list__item-rating-wrapper {
width: 52px;
}
.courses-list__item-review-wrapper {
display: flex;
align-items: center;
}
.courses-list__item-rating {
position: relative;
-webkit-transition: all ease-out 0.3s;
-moz-transition: all ease-out 0.3s;
-o-transition: all ease-out 0.3s;
transition: all ease-out 0.3s;
font-size: 14px;
padding-left: 23px;
box-sizing: border-box;
margin-right: 8px;
}
.courses-list__item-rating:before {
position: absolute;
content: "";
width: 19px;
height: 19px;
top: 2px;
left: 0;
background: url(/local/templates/directline_2020/css/../images/services/star.svg) no-repeat;
background-size: contain;
}
.courses-list__item-review {
position: relative;
font-size: 14px;
padding-left: 23px;
}
.courses-list__item-review::before {
position: absolute;
content: "";
width: 20px;
height: 20px;
top: 1px;
left: 0;
background: url(/local/templates/directline_2020/css/../images/services/reviews_icon.svg) no-repeat;
background-size: contain;
}
.courses-list__item-rating {
position: relative;
-webkit-transition: all ease-out 0.3s;
-moz-transition: all ease-out 0.3s;
-o-transition: all ease-out 0.3s;
transition: all ease-out 0.3s;
font-size: 14px;
padding-left: 23px;
}
.courses-list__item-comments {
position: relative;
-webkit-transition: all ease-out 0.3s;
-moz-transition: all ease-out 0.3s;
-o-transition: all ease-out 0.3s;
transition: all ease-out 0.3s;
font-size: 24px;
padding-left: 40px;
margin-left: auto;
}
.courses-list__item-comments:before {
position: absolute;
content: "";
width: 32px;
height: 32px;
top: 50%;
transform: translateY(-50%);
left: 0;
background: url(/local/templates/directline_2020/css/../images/services/comment.svg?v1) no-repeat;
background-size: contain;
}
.courses-list__item-more {
position: relative;
-webkit-transition: all ease-out 0.3s;
-moz-transition: all ease-out 0.3s;
-o-transition: all ease-out 0.3s;
transition: all ease-out 0.3s;
display: block;
text-align: center;
border-radius: 6px;
background: #5465ff;
color: white;
padding: 10px;
font-size: 14px;
margin-top: 12px;
}
.courses-list__item-more:hover {
background: #6f7dff;
}
.courses-list__item-more::after {
position: relative;
content: url(/local/templates/directline_2020/css/../images/services/arrow_right.svg);
top: 5px;
left: 5px;
}
@media screen and (max-width: 1100px) {
.courses-container {
padding: 0 16px;
}
.courses-list__item {
width: 31%;
margin: 0 10px 24px;
}
}
@media screen and (max-width: 900px) {
.courses-list__item {
width: 30%;
}
.courses-place-banner__title {
font-size: 24px !important;
}
.courses-place-banner__subtitle {
font-size: 15px !important;
}
}
@media screen and (max-width: 768px) {
.courses-list {
justify-content: space-between;
}
.courses-list__item {
width: 46%;
}
.courses-place-banner__title {
font-size: 20px !important;
}
.courses-place-banner__subtitle {
font-size: 13px !important;
}
}
@media screen and (max-width: 600px) {
.courses-list__item {
margin: 0 6px 24px;
}
.courses-list__item-top {
height: 175px;
padding: 8px;
margin-bottom: 8px;
}
.courses-list__item-bottom {
padding: 0 8px 8px 8px;
}
.courses-place-banner__subtitle {
max-width: 300px;
text-align: center;
}
}
@media (max-width: 520px) {
.courses-list__item-name-link {
font-size: 14px;
line-height: 130%;
}
.courses-list__item-label {
height: 22px;
right: 5px;
}
.courses-list__item-duration {
font-size: 12px;
}
.courses-list__item-title {
font-size: 12px;
}
.courses-list__item-title-link {
margin-bottom: 8px;
}
.courses-list__item-name {
margin-bottom: 8px;
}
.courses-list__item-review-wrapper {
margin-bottom: 8px;
}
.courses-list__item-logo {
width: 24px;
height: 24px;
min-width: 24px;
}
.courses-list__item-rating:before {
top: -2px;
}
.courses-list__item-review:before {
top: -2px;
}
.courses-list__item {
min-height: auto;
}
}
@media screen and (max-width: 340px) {
.courses-list__item {
width: 100%;
}
}
/* COURSES TABLES START */
.courses-table-wrapper {
margin-bottom: 64px;
}
@media (max-width: 520px) {
.courses-table-wrapper {
margin-bottom: 44px;
}
}
.courses-table {
width: 100%;
border-collapse: collapse;
color: #1d1e1f;
}
.courses-table thead {
border-bottom: 3px solid rgba(212, 222, 241, 0.5);
}
.courses-table th {
color: #8e9baf;
font-size: 14px;
font-weight: 400;
text-align: left;
line-height: normal;
}
.courses-table td {
padding: 14px 0;
}
.courses-table-item {
border-bottom: 1px solid rgba(212, 222, 241, 0.5);
}
.courses-table__tooltip-wrapper {
display: flex;
align-items: center;
}
.courses-table__tooltip {
cursor: pointer;
position: relative;
width: 14px;
height: 14px;
background-image: url(/local/templates/directline_2020/css/../images/courses/question_icon.svg);
background-repeat: no-repeat;
background-position: center;
margin-left: 4px;
}
.courses-table__tooltip-content {
width: max-content;
max-width: 380px;
display: none;
position: absolute;
top: -60px;
left: 50%;
transform: translateX(-50%);
border-radius: 4px;
border: 1px solid #eaeff8;
background: #f8fafd;
box-shadow: 4px 4px 16px 0px rgba(176, 187, 193, 0.2);
color: #1d1e1f;
padding: 8px 12px;
font-size: 14px;
line-height: 130%;
}
.courses-table__tooltip:hover .courses-table__tooltip-content {
display: block;
}
.courses-table-item__pos {
display: flex;
align-items: center;
justify-content: center;
width: 34px;
height: 34px;
border-radius: 4px;
color: #5465ff;
font-size: 20px;
font-weight: 500;
background: #eaeff8;
margin-right: 16px;
}
.courses-table-item__pos_1,
.courses-table-item__pos_2,
.courses-table-item__pos_3 {
width: 34px;
height: 34px;
margin-right: 16px;
background-repeat: no-repeat;
background-position: center;
}
.courses-table-item__pos_1 {
background-image: url(/local/templates/directline_2020/css/../images/courses/medal.png);
}
.courses-table-item__pos_2 {
background-image: url(/local/templates/directline_2020/css/../images/courses/medal2.png);
}
.courses-table-item__pos_3 {
background-image: url(/local/templates/directline_2020/css/../images/courses/medal3.png);
}
.courses-table-item__name {
display: block;
color: #1d1e1f;
width: 210px;
font-size: 16px;
}
.courses-table-item__school {
margin-right: 15px;
}
.courses-table-school {
display: flex;
align-items: center;
margin-bottom: 8px;
}
.courses-table-school__logo {
width: 28px;
height: 28px;
margin-right: 8px;
}
.courses-table-school__logo img {
width: 100%;
height: 100%;
}
.courses-table-school__name {
font-size: 14px;
max-width: 110px;
}
.courses-table-school-rating {
display: flex;
}
.courses-table-school-rating__value {
position: relative;
font-size: 12px;
padding-left: 18px;
margin-right: 8px;
box-sizing: border-box;
}
.courses-table-school-rating__value::before {
position: absolute;
content: "";
width: 15px;
height: 15px;
top: 5px;
left: 0;
background: url(/local/templates/directline_2020/css/../images/services/star.svg) no-repeat;
background-size: contain;
}
.courses-table-school-rating__reviews {
color: #8e9baf;
font-size: 12px;
}
.courses-table-item__duration {
position: relative;
max-width: 100px;
color: #8e9baf;
font-size: 14px;
padding-left: 25px;
line-height: normal;
margin-right: 30px;
}
.courses-table-item__duration::before {
position: absolute;
content: "";
width: 18px;
height: 18px;
left: 0;
top: 2px;
background: url(/local/templates/directline_2020/css/../images/courses/clock.png) no-repeat;
background-size: contain;
}
.courses-table-item__rating {
display: flex;
align-items: center;
justify-content: center;
width: 70px;
height: 40px;
font-size: 20px;
font-weight: 500;
border-radius: 4px;
border: 1px dashed #5465ff;
background: #fff;
color: #5465ff;
margin-right: 30px;
box-sizing: border-box;
}
.courses-table-item__link {
display: block;
font-size: 14px;
font-weight: 500;
line-height: normal;
border-radius: 6px;
background: #5465ff;
color: #fff;
padding: 12px 8px;
text-align: center;
}
.courses-table-item__link:hover {
opacity: 100 !important;
}
.courses-table-item__price {
margin-right: 30px;
}
.courses-table .course-prices__price {
font-size: 18px;
font-weight: 500;
}
.courses-table .course-prices__installment {
margin-bottom: 0;
}
.courses-table-mobile {
display: none;
}
.courses-subtitle {
margin-bottom: 32px;
}
@media (max-width: 1100px) {
.courses-table-item__name {
width: 150px;
}
.courses-table-item__school {
margin-right: 15px;
}
.courses-table-item__duration {
margin-right: 15px;
}
.courses-table-item__rating {
margin-right: 15px;
}
.courses-table-item__price {
margin-right: 15px;
}
}
@media (max-width: 1000px) {
.courses-table-item__name {
width: 120px;
}
.courses-table-item__school {
margin-right: 5px;
}
.courses-table-item__duration {
margin-right: 5px;
}
.courses-table-item__rating {
margin-right: 5px;
}
.courses-table-item__price {
margin-right: 5px;
}
}
@media (max-width: 900px) {
.courses-table {
display: none;
}
.courses-table-mobile {
display: block;
}
.courses-title {
font-size: 24px;
margin-bottom: 18px;
}
.courses-subtitle {
margin-bottom: 18px;
}
}
.courses-table-mobile {
width: 100%;
}
.courses-table-mobile-item {
width: 100%;
display: flex;
}
.courses-table-mobile-col {
box-sizing: border-box;
width: 50%;
}
.courses-table-mobile-header {
min-height: 16px;
display: flex;
justify-content: space-between;
color: #8e9baf;
font-size: 14px;
padding-bottom: 6px;
border-bottom: 1px solid #eaeff8;
}
.courses-table-mobile-item:first-of-type .courses-table-mobile-header {
border-bottom: 2px solid #eaeff8;
}
.courses-table-mobile-body {
height: 185px;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
padding-top: 8px;
padding-bottom: 12px;
border-bottom: 1px solid #eaeff8;
}
.courses-table-mobile-col:first-of-type .courses-table-mobile-header,
.courses-table-mobile-col:first-of-type .courses-table-mobile-body {
border-right: 1px solid #eaeff8;
padding-right: 4px;
}
.courses-table-mobile-col:last-of-type .courses-table-mobile-header,
.courses-table-mobile-col:last-of-type .courses-table-mobile-body {
padding-left: 8px;
}
.courses-table-mobile .courses-table-item__pos,
.courses-table-mobile .courses-table-item__pos_1,
.courses-table-mobile .courses-table-item__pos_2,
.courses-table-mobile .courses-table-item__pos_3 {
width: 28px;
height: 28px;
font-size: 14px;
color: #066781;
background-size: contain;
}
.courses-table-mobile .courses-table-item__name {
font-size: 14px;
width: 100%;
padding: 10px 0 17px 0;
}
.courses-table-mobile .courses-table-item__rating {
width: 28px;
height: 28px;
color: #066781;
font-size: 14px;
margin: 0;
}
.courses-table-mobile .course-prices__installment {
color: #8e9baf;
font-size: 12px;
margin-bottom: 0;
}
.courses-table-mobile .course-prices__price {
font-size: 16px;
}
.courses-table-mobile .courses-table-item__link {
width: 100%;
background: transparent;
color: #5465ff;
font-size: 13px;
padding: 0;
text-transform: uppercase;
text-align: left;
}
.courses-table-mobile .courses-table-item__school {
width: 100%;
margin-right: 0;
margin-bottom: 8px;
}
.courses-table-mobile .courses-table-school-rating {
height: 28px;
padding: 5px 0 0 5px;
}
.courses-table-mobile .courses-table-school-rating__value {
font-size: 14px;
padding-left: 22px;
}
.courses-table-mobile .courses-table-school-rating__value::before {
width: 18px;
height: 18px;
top: -2px;
}
.courses-table-mobile .courses-table-school-rating__reviews {
position: relative;
font-size: 14px;
padding-left: 23px;
color: #1d1e1f;
}
.courses-table-mobile .courses-table-school-rating__reviews::before {
position: absolute;
content: "";
width: 20px;
height: 20px;
top: -3px;
left: 0;
background: url(/local/templates/directline_2020/css/../images/services/reviews_icon.svg) no-repeat;
background-size: contain;
}
.courses-table-mobile .courses-table-school {
padding: 10px 0 17px 0;
margin-bottom: 0;
}
.courses-table-mobile .courses-table-item__duration {
max-width: none;
width: 100%;
font-size: 12px;
margin-right: 0;
}
.courses-table-mobile .course-promocode {
width: 100%;
}
@media (max-width: 520px) {
.courses-table__tooltip-content {
max-width: 300px;
}
}
/* COURSES TABLES END */
/* COURSES CARDS START */
.courses-cards {
margin-bottom: 64px;
}
@media (max-width: 520px) {
.courses-cards {
margin-bottom: 44px;
}
}
.courses-card {
width: 100%;
color: #1d1e1f;
margin-bottom: 30px;
}
.courses-card-header {
display: flex;
justify-content: space-between;
align-items: center;
padding: 12px 0;
}
.courses-card-header__wrapper {
display: flex;
align-items: center;
}
.courses-card-header__wrapper h3 {
font-family: FiraSans;
margin: 0px;
}
.courses-card__pos {
display: flex;
justify-content: center;
align-items: center;
width: 34px;
height: 34px;
border-radius: 4px;
background: #eaeff8;
color: #5465ff;
font-size: 20px;
font-weight: 500;
margin-right: 12px;
}
.courses-card__name {
font-size: 20px;
font-weight: 700;
}
.courses-card__link {
padding: 10px 16px;
border-radius: 6px;
background: #5465ff;
color: #fff;
font-size: 14px;
font-weight: 500;
}
.courses-card .course-promocode {
margin-right: 24px;
}
.courses-card__link:hover {
opacity: 100 !important;
}
.courses-card-row {
display: flex;
justify-content: space-between;
padding: 12px 0;
border-top: 1px solid rgba(212, 222, 241, 0.5);
}
.courses-card-prop {
width: 24%;
font-size: 16px;
}
.courses-card-value {
width: 74%;
display: flex;
font-size: 16px;
line-height: 170%;
}
.courses-card-value_description {
display: block;
}
.courses-card-school {
display: flex;
align-items: center;
margin-right: 16px;
}
.courses-card-school__logo {
width: 28px;
height: 28px;
margin-right: 12px;
}
.courses-card-school__logo img {
width: 28px;
height: 28px;
}
.courses-card-school__name {
font-size: 14px;
}
@media (max-width: 520px) {
.courses-card-header {
flex-wrap: wrap;
}
.courses-card-header__wrapper {
width: 100%;
}
.courses-card-header__wrapper:first-of-type {
margin-bottom: 12px;
}
.courses-card__name {
font-size: 18px;
font-weight: 500;
}
.courses-card__link {
font-size: 13px;
font-weight: 500;
color: #5465ff;
background: transparent;
padding: 0;
text-transform: uppercase;
}
.courses-card-header {
border-bottom: 1px solid #eaeff8;
}
.courses-card-row {
flex-wrap: wrap;
border-top: none;
padding: 10px 0;
}
.courses-card-prop {
color: #8e9baf;
font-size: 14px;
width: 39%;
}
.courses-card-value {
font-size: 14px;
width: 59%;
}
.courses-card-value_school {
width: 100%;
justify-content: space-between;
padding-top: 6px;
}
.courses-card-value_description {
width: 100%;
padding-top: 6px;
}
}
/* COURSES CARDS END */
/* COURSES FAQ START */
.courses-faq {
width: 100%;
border-radius: 10px;
border: 1px solid rgba(212, 222, 241, 0.2);
background: #f5f6ff;
box-shadow: 0px 20px 60px 0px rgba(0, 0, 0, 0.08);
color: #1d1e1f;
margin-bottom: 64px;
}
.courses-faq-item {
width: 100%;
padding: 28px 20px;
box-sizing: border-box;
}
.courses-faq-item:not(:last-of-type) {
border-bottom: 1px solid #d4def1;
}
.courses-faq-question {
position: relative;
cursor: pointer;
}
.courses-faq-question::after {
content: url(/local/templates/directline_2020/css/../images/courses/plus-circle.svg);
width: 24px;
height: 24px;
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
}
.courses-faq-item.open .courses-faq-question::after {
content: url(/local/templates/directline_2020/css/../images/courses/minus-circle.svg);
}
.courses-faq-question__text {
width: 90%;
font-size: 20px;
line-height: 140%;
font-weight: normal;
font-family: FiraSans;
}
.courses-faq-answer {
display: none;
font-size: 16px;
line-height: 170%;
padding-top: 16px;
}
.courses-faq-item.open .courses-faq-answer {
display: block;
}
@media (max-width: 520px) {
.courses-faq {
margin-bottom: 44px;
}
.courses-faq-item {
padding: 20px 16px;
}
.courses-faq-question__text {
font-size: 18px;
font-weight: 500;
}
.courses-faq-answer {
line-height: 150%;
padding-top: 8px;
}
}
/* COURSES FAQ END */
/* COURSES FEATURES LIST START */
.courses-features {
color: #1d1e1f;
margin-bottom: 64px;
}
.courses-features__list {
margin-bottom: 32px;
}
.courses-features__header {
display: flex;
margin-bottom: 12px;
}
.courses-features__number {
font-size: 20px;
font-weight: 500;
color: #5465ff;
margin-right: 16px;
}
.courses-features__title {
font-size: 20px;
}
.courses-features__item {
position: relative;
padding-left: 40px;
margin-bottom: 8px;
line-height: 170%;
}
.courses-features__item::before {
content: url(/local/templates/directline_2020/css/../images/courses/plus_icon.svg);
width: 24px;
height: 24px;
position: absolute;
top: 0;
left: 12px;
}
.courses-features__item a {
color: #fc1e2b;
text-decoration: underline;
}
.courses-features__item a:hover {
color: #ff5f68;
}
@media (max-width: 520px) {
.courses-features {
color: #1d1e1f;
margin-bottom: 44px;
}
.courses-features__header {
margin-bottom: 8px;
}
.courses-features__title {
font-size: 18px;
}
.courses-features__item {
font-size: 16px;
}
}
/* COURSES FEATURES LIST END */
/* COURSES GRID START */
.courses-grid {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin-bottom: 64px;
}
.courses-grid__item {
color: #1d1e1f;
font-size: 16px;
line-height: 170%;
width: 31%;
margin-bottom: 8px;
}
.courses-grid__item span {
color: #5465ff;
}
.courses-grid__item:hover {
color: #5465ff;
}
/* fix height on mobile */
.owl-stage-outer.owl-height {
height: auto !important;
}
@media (max-width: 768px) {
.courses-grid__item {
width: 48%;
}
}
@media (max-width: 520px) {
.courses-grid {
margin-bottom: 70px;
}
.courses-grid__item {
width: 100%;
}
}
/* COURSES GRID END */
/* COURSES BANNER START */
.courses-place-banner {
position: relative;
color: #1d1e1f;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
width: 100%;
height: 225px;
border-radius: 8px;
background: #d4def1;
margin-bottom: 50px;
box-sizing: border-box;
padding: 16px;
}
.courses-place-banner::before {
content: url(/local/templates/directline_2020/css/../images/courses/courses_banner_left.png);
position: absolute;
left: 54px;
bottom: -7px;
}
.courses-place-banner::after {
content: url(/local/templates/directline_2020/css/../images/courses/courses_banner_right.png);
position: absolute;
right: 54px;
bottom: -7px;
}
.courses-place-banner__title {
position: relative;
text-align: center;
font-size: 36px;
font-weight: 700;
line-height: normal;
z-index: 1;
}
.courses-place-banner__subtitle {
position: relative;
font-size: 18px;
line-height: 170%;
margin-bottom: 30px;
z-index: 1;
}
.courses-place-banner__link {
border-radius: 6px;
background: #5465ff;
color: #fff;
padding: 8px 32px;
}
@media (max-width: 1000px) {
.courses-place-banner::before {
left: 34px;
}
.courses-place-banner::after {
right: 34px;
}
}
@media (max-width: 520px) {
.courses-place-banner {
width: auto;
border-radius: 0;
margin-left: -16px;
margin-right: -16px;
height: 200px;
margin-bottom: 0;
}
.courses-place-banner::before {
left: -28px;
}
.courses-place-banner::after {
right: -36px;
}
.courses-place-banner__title {
font-size: 24px;
}
.courses-place-banner__subtitle {
font-size: 16px;
margin-bottom: 16px;
}
}
/* COURSES BANNER END */
/* COURSES PROMOCODE POPUP START */
.promocode-popup {
max-width: 512px;
position: relative;
background: #fff;
padding: 24px;
box-shadow: 0px 8px 8px -4px rgba(16, 24, 40, 0.03), 0px 20px 24px -4px rgba(16, 24, 40, 0.08);
border-radius: 8px;
margin: 20px auto;
color: #1d1e1f;
box-sizing: border-box;
}
.promocode-popup .mfp-close {
width: 16px;
height: 16px;
position: absolute;
top: 24px;
right: 24px;
background: url(/local/templates/directline_2020/css/../images/courses/popup_close.svg) center no-repeat;
background-size: contain;
color: transparent;
}
.promocode-popup__promocode-icon {
position: relative;
top: -5px;
left: -5px;
width: 50px;
height: 50px;
background: url(/local/templates/directline_2020/css/../images/courses/popup_promocode.svg) center no-repeat;
background-size: contain;
margin-bottom: 20px;
}
.promocode-popup__title {
font-size: 20px;
font-weight: 500;
line-height: 170%;
margin-bottom: 8px;
}
.promocode-popup__subtitle {
line-height: 160%;
font-size: 16px;
margin-bottom: 20px;
}
.promocode-popup__promocode {
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
position: relative;
width: 100%;
border-radius: 8px;
color: #8e9baf;
font-size: 16px;
font-weight: 500;
background: #f9fafb;
padding: 12px;
margin-bottom: 20px;
box-sizing: border-box;
text-transform: uppercase;
}
.promocode-popup__promocode::after {
content: url(/local/templates/directline_2020/css/../images/courses/copy_icon.svg);
width: 28px;
height: 28px;
position: absolute;
top: 50%;
right: 12px;
transform: translateY(-50%);
}
.promocode-popup__footer {
display: flex;
justify-content: space-between;
}
.promocode-popup__footer-text {
width: 60%;
color: #8e9baf;
font-size: 14px;
line-height: 150%;
}
.promocode-popup__link {
display: block;
width: 150px;
background: #5465ff;
color: #fff;
padding: 10px 0;
border-radius: 6px;
font-size: 16px;
font-weight: 600;
text-align: center;
}
@media (max-width: 600px) {
.promocode-popup {
max-width: 400px;
padding: 16px;
}
.promocode-popup__promocode-icon {
width: 40px;
height: 40px;
}
.promocode-popup__title {
margin-bottom: 4px;
}
.promocode-popup__subtitle {
margin-bottom: 16px;
}
.promocode-popup__footer {
flex-wrap: wrap;
}
.promocode-popup__link {
width: 100%;
order: 1;
margin-bottom: 16px;
}
.promocode-popup__footer-text {
width: 100%;
order: 2;
}
}
/* COURSES PROMOCODE POPUP END */
/* COURSES BANNER START */
.courses-banner {
position: relative;
padding: 44px 0 36px 0;
color: #1d1e1f;
background: #f5f6ff;
}
.courses-banner::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 1px;
background: #d4def1;
box-shadow: 0px 4px 12px 0px rgba(11, 48, 68, 0.8);
}
.courses-banner__info {
display: flex;
justify-content: space-between;
}
.courses-banner__left {
width: 59%;
}
.courses-banner__right {
width: 39%;
}
.courses-banner__title {
font-family: Play;
font-size: 45px;
font-weight: 400;
line-height: normal;
letter-spacing: 0.9px;
margin-bottom: 12px;
}
.courses-banner__text {
font-size: 16px;
line-height: 170%;
margin-bottom: 12px;
}
.courses-banner__update-date {
color: #8e9baf;
font-size: 14px;
line-height: normal;
}
.courses-banner-filters {
margin-top: 30px;
display: flex;
flex-wrap: wrap;
position: relative;
}
.courses-banner .breadcrumbs {
padding-top: 30px;
}
.courses-search {
position: relative;
display: flex;
margin-bottom: 8px;
}
.courses-search__button {
width: 34px;
height: 24px;
position: relative;
cursor: pointer;
border-radius: 6px 0 0 6px;
padding: 14px 16px;
background-color: #fff;
}
.courses-search__button::after {
content: url(/local/templates/directline_2020/css/../images/courses/search_icon.svg);
width: 24px;
height: 24px;
position: absolute;
top: 50%;
left: 14px;
transform: translateY(-50%);
}
.courses-search__button:hover::after {
content: url(/local/templates/directline_2020/css/../images/courses/search_color_icon.svg);
}
.courses-search__input-wrapper {
position: absolute;
top: 60px;
left: 0;
z-index: 2;
}
.courses-search .courses-search__input {
width: 0;
height: 52px;
transition: width 0.5s ease;
border: none;
outline: none;
border-radius: 6px;
box-shadow: 0px 20px 60px 0px rgba(0, 0, 0, 0.08);
padding: 0;
}
.courses-search.open .courses-search__input {
width: 581px;
padding: 0 42px 0 16px;
}
.courses-search__input::placeholder {
font-size: 14px;
color: #8e9baf;
}
.courses-search.open .courses-search__input-wrapper::after {
content: url(/local/templates/directline_2020/css/../images/courses/search_icon.svg);
width: 24px;
height: 24px;
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 16px;
}
.courses-menu {
position: relative;
}
.courses-menu__button {
cursor: pointer;
position: relative;
right: 15px;
width: 115px;
height: 52px;
color: #fff;
border-radius: 6px;
background: #5465ff;
box-shadow: 0px 20px 60px 0px rgba(0, 0, 0, 0.08);
padding: 14px 16px;
box-sizing: border-box;
}
.courses-menu__button:hover {
opacity: 0.8;
}
.courses-menu__button::before {
content: url(/local/templates/directline_2020/css/../images/courses/menu_icon.svg);
width: 24px;
height: 24px;
position: absolute;
top: 50%;
left: 14px;
transform: translateY(-50%);
}
.courses-menu__button-text {
font-size: 16px;
text-align: right;
}
.courses-menu-list {
width: 300px;
display: none;
position: absolute;
top: 64px;
left: -15px;
border-radius: 10px;
border: 1px solid #eff2f6;
background: #f8fafd;
z-index: 11;
box-shadow: 0px 20px 60px 0px rgba(0, 0, 0, 0.08);
}
.courses-menu.open .courses-menu-list {
display: block;
}
.courses-menu-item {
}
.courses-menu-item__title {
cursor: pointer;
position: relative;
color: #1d1e1f;
font-size: 18px;
font-weight: 500;
line-height: 160%;
padding: 12px 24px;
}
.courses-menu-item__title:hover {
color: #5465ff;
}
.courses-menu-item.open .courses-menu-item__title {
border-radius: 10px;
background: #5465ff;
color: #fff;
}
.courses-menu-item.open .courses-menu-item__title::after {
content: url(/local/templates/directline_2020/css/../images/courses/menu_arrow_right.svg);
width: 20px;
height: 20px;
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 24px;
}
.courses-menu-submenu {
display: none;
width: 330px;
position: absolute;
top: 0;
right: -330px;
background: #fff;
z-index: 10;
box-sizing: border-box;
border-radius: 10px;
box-shadow: 0px 20px 60px 0px rgba(0, 0, 0, 0.08);
}
.courses-menu-item.open .courses-menu-submenu {
display: block;
}
.courses-menu-submenu-list {
max-height: 400px;
overflow: hidden;
padding: 8px 28px;
}
.courses-menu-submenu-list::-webkit-scrollbar {
width: 4px;
}
.courses-menu-submenu-list::-webkit-scrollbar-track {
background: transparent;
}
.courses-menu-submenu-list::-webkit-scrollbar-thumb {
border-radius: 4px;
background: #8e9baf;
}
.courses-menu-submenu-item {
width: 100%;
display: block;
padding: 8px 0;
font-size: 16px;
color: #1d1e1f;
line-height: 160%;
}
.courses-menu-submenu-item:hover {
color: #5465ff;
}
.courses-menu-submenu__more {
cursor: pointer;
color: #5465ff;
font-size: 16px;
line-height: 160%;
padding: 8px 28px 8px 28px;
}
.courses-filter {
cursor: pointer;
height: 52px;
color: #1d1e1f;
position: relative;
margin-right: 16px;
border-radius: 6px;
background: #fff;
margin-bottom: 8px;
}
.courses-filter__name {
position: relative;
font-size: 16px;
font-weight: 500;
line-height: normal;
padding: 12px 24px;
}
.courses-filter:hover .courses-filter__name {
color: #5465ff;
}
.courses-filter__name::after {
content: url(/local/templates/directline_2020/css/../images/courses/filter_arrow_down.svg);
position: relative;
top: 5px;
left: 5px;
}
.courses-filter:hover .courses-filter__name::after {
content: url(/local/templates/directline_2020/css/../images/courses/filter_arrow_down_color.svg);
}
.courses-filter.open .courses-filter__name {
color: #5465ff;
}
.courses-filter.open .courses-filter__name::after {
content: url(/local/templates/directline_2020/css/../images/courses/filter_arrow_up.svg);
}
.courses-filter-list {
display: none;
position: absolute;
top: 64px;
left: 0;
width: 240px;
max-height: 260px;
overflow: auto;
border-radius: 10px;
background: #fff;
box-shadow: 0px 20px 60px 0px rgba(0, 0, 0, 0.08);
padding: 0 16px;
z-index: 10;
box-sizing: border-box;
}
.courses-filter-list::-webkit-scrollbar {
width: 4px;
}
.courses-filter-list::-webkit-scrollbar-track {
background: transparent;
}
.courses-filter-list::-webkit-scrollbar-thumb {
border-radius: 4px;
background: #8e9baf;
}
.courses-filter-item {
position: relative;
cursor: pointer;
width: 100%;
display: flex;
justify-content: space-between;
padding: 10px 0;
}
.courses-filter-item__name {
width: 80%;
font-size: 16px;
line-height: normal;
}
.courses-filter-item__name::before {
content: "";
position: absolute;
top: 15px;
right: 0;
width: 16px;
height: 16px;
border-radius: 2px;
background: #cedfe8;
}
.courses-filter.open .courses-filter-list {
display: block;
}
.courses-filter-item__input {
position: absolute;
height: 1px;
width: 1px;
opacity: 0;
}
.courses-filter-item__input:checked + .courses-filter-item__name::before {
background: #5465ff;
}
.courses-filter-item__input:checked + .courses-filter-item__name::after {
content: url(/local/templates/directline_2020/css/../images/courses/filter_check_icon.svg);
position: absolute;
top: 10px;
right: 3px;
}
.courses-installment {
cursor: pointer;
height: 52px;
color: #1d1e1f;
position: relative;
border-radius: 6px;
background: #fff;
}
.courses-installment input {
display: none;
}
.courses-installment__text {
position: relative;
font-size: 16px;
font-weight: 500;
line-height: normal;
padding: 13px 28px;
}
.courses-installment__text::before {
content: url(/local/templates/directline_2020/css/../images/courses/installment_icon.svg);
position: relative;
top: 5px;
right: 5px;
}
.courses-installment.active {
background: #5465ff;
color: #fff;
}
.courses-installment.active .courses-installment__text::before {
content: url(/local/templates/directline_2020/css/../images/courses/installment_white_icon.svg);
}
.reviews-pager {
padding-top: 24px;
}
.vacancies .contacts p {
margin: 10px 0;
}
.vacancies .contacts button {
margin-top: 10px;
}
.vacancies .detailed ul li {
margin-top: 10px;
}
@media (max-width: 1280px) {
.courses-filter__name {
padding: 12px 20px;
}
}
@media (max-width: 1024px) {
.courses-banner {
margin: 0;
}
.courses-menu {
z-index: 3;
}
.courses-menu-list {
width: 350px;
background: #fff;
}
.courses-menu-submenu {
width: 100%;
position: static;
box-shadow: none;
}
.courses-menu-item__title {
top: -1px;
left: -1px;
}
.courses-menu-item__title::after {
content: url(/local/templates/directline_2020/css/../images/courses/menu_arrow_color_right.svg);
width: 20px;
height: 20px;
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 24px;
}
.courses-menu-item.open .courses-menu-item__title::after {
content: url(/local/templates/directline_2020/css/../images/courses/menu_arrow_right.svg);
transform: translateY(-50%) rotate(90deg);
}
.team .cols {
margin-top: 0px;
}
.team .col3,
.team-intro .col3 {
margin-top: 30px;
}
.block.about .col2 {
margin-top: 30px;
}
.team .breadcrumbs {
margin-top: 0px;
padding-top: 30px;
}
.career .breadcrumbs {
margin-top: 0px;
padding-top: 10px;
}
}
@media (max-width: 768px) {
.courses-banner__info {
flex-wrap: wrap;
}
.courses-banner__left {
width: 100%;
}
.courses-banner__right {
width: 100%;
}
.courses-search.open .courses-search__input {
width: 450px;
}
}
@media (max-width: 520px) {
.courses-banner {
padding: 16px 0 20px 0;
}
.courses-banner .breadcrumbs {
padding-top: 50px;
}
.courses-banner__title {
font-size: 28px;
}
.courses-banner-filters {
margin-top: 16px;
padding-top: 50px;
}
.courses-search__button {
width: 40px;
height: 40px;
padding: 0;
border-radius: 0 6px 6px 0;
}
.courses-search__button::after {
left: 8px;
}
.courses-search {
height: 40px;
position: relative;
right: 2px;
order: 2;
margin-right: 4px;
}
.courses-search__button {
order: 2;
}
.courses-search__input-wrapper {
top: -50px;
left: -38px;
}
.courses-search .courses-search__input {
height: 40px;
order: 1;
}
.courses-search.open .courses-search__input {
width: calc(100vw - 44px);
}
.courses-menu {
order: 1;
}
.courses-menu__button {
width: 40px;
height: 40px;
right: 0;
}
.courses-menu__button::before {
left: 8px;
}
.courses-menu__button-text {
display: none;
}
.courses-menu-list {
top: 44px;
left: 0;
}
.courses-menu-item__title {
font-size: 18px;
padding: 12px 16px;
}
.courses-menu-submenu-list {
padding: 8px 16px;
}
.courses-menu-submenu__more {
padding: 6px 16px;
}
.courses-filter {
height: 40px;
order: 3;
margin-right: 4px;
}
.courses-filter__name {
font-size: 12px;
padding: 4px 8px;
}
.courses-installment {
order: 4;
}
.courses-installment {
height: 40px;
}
.courses-installment__text {
font-size: 12px;
padding: 7px 12px;
}
.courses-filter-list {
width: 200px;
top: 48px;
left: -10px;
}
.courses-card {
margin-bottom: 16px;
}
.courses-list-all-btn {
margin-bottom: 44px;
}
}
@media (max-width: 375px) {
.courses-menu-list {
width: 320px;
}
.courses-search.open .courses-search__input {
width: calc(100vw - 36px);
}
}
/* COURSES BANNER END */
/* COURSES NEW END */
/* End */
/* Start:/local/templates/directline_2020/css/header_city.css?16968435641200*/
.b-header__city-block ul {
display: none;
position: absolute;
z-index: 3;
background: #fff;
box-shadow: 5px 5px 0px 0px rgba(0,0,0,0.06), 0px 0px 0px 1px rgba(0,0,0,0.06);
padding: 18px 0 18px 15px;
transition: opacity .3s ease-in;
top: 9px;
min-width: 240px;
text-align: left;
list-style: none;
}
.footer__city-block .default-name,
.b-header__city-block .default-name {
font-weight: bold;
border-bottom: 1px dashed #0b5e8a;
margin-right: 10px;
cursor: pointer;
color: #0b5e8a;
display: block;
}
.footer__city-block:hover ul,
.b-header__city-block:hover ul {
display: block;
}
.footer__city-block:hover ul li:before,
.b-header__city-block:hover ul li:before {
content: '';
}
.footer__controls__city {
display: inline-block;
}
.footer__city-block {
position: relative;
}
.footer__city-block ul {
display: none;
position: absolute;
z-index: 10;
background: #fff;
box-shadow: 5px 5px 0px 0px rgba(0,0,0,0.06), 0px 0px 0px 1px rgba(0,0,0,0.06);
padding: 18px 0 18px 15px;
transition: opacity .3s ease-in;
bottom: 9px;
min-width: 240px;
text-align: left;
list-style: none;
}
/* End */
/* Start:/local/templates/directline_2020/styles.css?17026376577385*/
/* blog table start */
.blog-table {
width: 100%;
border-radius: 10px;
border: 1px solid #d4def1;
background: #fff;
box-shadow: 4px 4px 14px 0px rgba(12, 63, 90, 0.08);
box-sizing: border-box;
color: #1d1e1f;
}
.blog-table * {
box-sizing: border-box;
}
.blog-table .blog-table-item {
width: 100%;
}
.blog-table .blog-table-item-header {
height: 34px;
display: flex;
background: #d4def1;
padding: 5px 0;
}
.blog-table .blog-table-item:first-of-type .blog-table-item-header {
border-radius: 10px 10px 0px 0px;
}
.blog-table .blog-table-item__title {
font-size: 18px;
font-weight: 500;
padding: 0 16px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.blog-table .blog-table-item__pos {
position: relative;
right: 4px;
bottom: 10px;
display: flex;
align-items: center;
justify-content: center;
width: 40px;
height: 40px;
border-radius: 10px 0;
background: #0b5e8a;
color: #fff;
font-size: 20px;
font-weight: 700;
line-height: 156%;
}
.blog-table .blog-table-item:nth-of-type(1) .blog-table-item__pos,
.blog-table .blog-table-item:nth-of-type(2) .blog-table-item__pos,
.blog-table .blog-table-item:nth-of-type(3) .blog-table-item__pos {
background: #fc1e2b;
}
.blog-table .blog-table-item-body {
display: flex;
}
.blog-table .blog-table-item-col {
display: flex;
flex-direction: column;
justify-content: center;
flex: 1;
padding: 16px;
}
.blog-table .blog-table-item-col:not(:last-of-type) {
box-shadow: 4px 4px 8px 0px rgba(12, 63, 90, 0.04);
}
.blog-table .blog-table-item-col:first-of-type {
max-width: 145px;
align-items: center;
}
.blog-table .blog-table-item-col:last-of-type {
max-width: 181px;
align-items: center;
}
.blog-table .blog-table-item__logo {
display: flex;
align-items: center;
justify-content: center;
width: 113px;
height: 65px;
border-radius: 6px;
border: 1px solid #d4def1;
margin-bottom: 8px;
}
.blog-table .blog-table-item__logo img {
width: 100%;
height: 100%;
object-fit: contain;
}
.blog-table .blog-table-item-rating {
display: flex;
align-items: center;
}
.blog-table .blog-table-item-rating__value {
font-size: 14px;
color: #8e9baf;
}
.blog-table .blog-table-item-rating__value::before {
content: url("/local/templates/directline_2020/images/blog/blog_table_star.svg");
position: relative;
top: 3px;
margin-right: 5px;
}
.blog-table .blog-table-item-rating__value span {
color: #1d1e1f;
font-size: 16px;
font-weight: 500;
}
.blog-table .blog-table-item-tooltip {
position: relative;
display: flex;
align-items: center;
margin-left: 6px;
}
.blog-table .blog-table-item-tooltip__icon {
width: 16px;
height: 16px;
background: url("/local/templates/directline_2020/images/blog/blog_table_tooltip.svg") 0 0 no-repeat;
margin-top: 2px;
cursor: pointer;
}
.blog-table .blog-table-item-tooltip__content {
display: none;
width: max-content;
max-width: 500px;
position: absolute;
bottom: 20px;
left: -30px;
border-radius: 4px;
border: 1px solid #d4def1;
background: #f3f6fb;
box-shadow: 2px 4px 4px 0px rgba(12, 63, 90, 0.08);
padding: 8px 12px;
font-size: 14px;
line-height: 156%;
z-index: 1;
}
.blog-table .blog-table-item-tooltip__icon:hover + .blog-table-item-tooltip__content,
.blog-table .blog-table-item-tooltip__content:hover {
display: block;
}
.blog-table .blog-table-item__button {
display: flex;
align-items: center;
justify-content: center;
padding: 12px 20px;
background: #fc1e2b;
color: #fff;
font-size: 14px;
font-weight: 500;
border-radius: 4px;
}
.blog-table .blog-table-item__link {
font-size: 14px;
font-weight: 500;
color: #0b5e8a;
margin-top: 12px;
background: none;
border-bottom: 1px dashed #0b5e8a;
line-height: 1;
}
.blog-table .blog-table-item-col:first-of-type .blog-table-item__link {
display: none;
}
.blog-table .blog-table-item__text {
font-size: 14px;
line-height: 144%;
}
.blog-table .blog-table-item__text:not(:last-of-type) {
margin-bottom: 12px;
}
.blog-table .blog-table-item__prop {
color: #8e9baf;
}
.blog-table .blog-table-item__value {
font-size: 16px;
font-weight: 500;
}
.blog-table .blog-table-item__list ul {
list-style: none;
margin: 0;
padding: 0;
}
.blog-table .blog-table-item__list li {
display: block;
font-size: 14px;
font-weight: 400;
line-height: 136%;
padding-left: 17px;
margin: 0;
}
.blog-table .blog-table-item__list li:not(:last-of-type) {
margin-bottom: 8px;
}
.blog-table .blog-table-item__list li::before {
position: absolute;
left: -5px;
}
.blog-table .blog-table-item__list_check li::before {
content: url("/local/templates/directline_2020/images/blog/blog_table_check.svg");
}
.blog-table .blog-table-item__list_pros li::before {
content: url("/local/templates/directline_2020/images/blog/blog_table_plus.svg");
}
.blog-table .blog-table-item__list_cons li::before {
content: url("/local/templates/directline_2020/images/blog/blog_table_minus.svg");
}
.blog-table .blog-table-item__list_plus li {
width: max-content;
padding-left: 0;
padding-right: 20px;
}
.blog-table .blog-table-item__list_plus li::before {
content: url("/local/templates/directline_2020/images/blog/blog_table_big_plus.svg");
top: -6px;
left: auto;
right: -15px;
}
@media (max-width: 768px) {
.blog-table {
border: none;
}
.blog-table .blog-table-item-body {
flex-direction: column;
}
.blog-table .blog-table-item-col {
position: relative;
width: 100%;
max-width: none !important;
}
.blog-table .blog-table-item-col:first-of-type {
flex-direction: row;
gap: 20px;
}
.blog-table .blog-table-item__button {
width: 90%;
}
.blog-table .blog-table-item__logo {
margin-bottom: 0;
}
.blog-table .blog-table-item__link {
margin-top: 0;
}
.blog-table .blog-table-item-col:first-of-type .blog-table-item__link {
display: block;
}
.blog-table .blog-table-item-col:last-of-type .blog-table-item__link {
display: none;
}
.blog-table .blog-table-item-tooltip {
position: static;
}
.blog-table .blog-table-item-tooltip__content {
width: 100%;
left: 0;
bottom: calc(100% - 15px);
}
}
@media (max-width: 576px) {
.blog-table .blog-table-item-header {
height: 54px;
}
.blog-table .blog-table-item-col {
padding: 12px;
}
.blog-table .blog-table-item-col:first-of-type {
justify-content: space-between;
gap: 4px;
}
.blog-table .blog-table-item__title {
display: flex;
align-items: center;
font-size: 14px;
line-height: 132%;
overflow: visible;
white-space: normal;
}
.blog-table .blog-table-item__pos {
height: 58px;
font-size: 16px;
}
}
@media (max-width: 480px) {
.blog-table .blog-table-item__logo {
width: 67px;
height: 39px;
}
}
/* blog table end */
/* End */
/* /local/templates/directline_2020/css/magnific-popup.css?16968435645815 */
/* /local/templates/directline_2020/css/owl.carousel.css?16968435644372 */
/* /local/templates/directline_2020/css/jquery-ui.min.css?169684356430163 */
/* /local/templates/directline_2020/css/common.css?170228736611438 */
/* /local/templates/directline_2020/css/style.css?1696843564163342 */
/* /local/templates/directline_2020/css/icons/icons.data.svg.css?169684356481323 */
/* /local/templates/directline_2020/js/jquery.flipster/jquery.flipster.min.css?16968435657704 */
/* /local/templates/directline_2020/js/fancybox3/jquery.fancybox.min.css?169684356512795 */
/* /local/templates/directline_2020/css/local.css?1702357685226460 */
/* /local/templates/directline_2020/css/header_city.css?16968435641200 */
/* /local/templates/directline_2020/styles.css?17026376577385 */