/* Start:/local/templates/dezgroup/fonts/fonts.css?16796773812899*/ @font-face { font-family: 'PFBeauSansPro'; src: local('PFBeauSansPro-XThin'), local('PFBeauSansPro-XThin'), url('/local/templates/dezgroup/fonts/PFBeauSansPro-XThin.ttf') format('truetype'); font-weight: 100; font-style: normal; } @font-face { font-family: 'PFBeauSansPro'; src: local('PFBeauSansPro-XThinItal'), local('PFBeauSansPro-XThinItal'), url('/local/templates/dezgroup/fonts/PFBeauSansPro-XThinItal.ttf') format('truetype'); font-weight: 100; font-style: italic; } @font-face { font-family: 'PFBeauSansPro'; src: local('PFBeauSansPro-Thin'), local('PFBeauSansPro-Thin'), url('/local/templates/dezgroup/fonts/PFBeauSansPro-Thin.ttf') format('truetype'); font-weight: 200; font-style: normal; } @font-face { font-family: 'PFBeauSansPro'; src: local('PFBeauSansPro-Thin'), local('PFBeauSansPro-ThinItal'), url('/local/templates/dezgroup/fonts/PFBeauSansPro-ThinItal.ttf') format('truetype'); font-weight: 200; font-style: italic; } @font-face { font-family: 'PFBeauSansPro'; src: local('PFBeauSansPro-Light'), local('PFBeauSansPro-Light'), url('/local/templates/dezgroup/fonts/PFBeauSansPro-Light.ttf') format('truetype'); font-weight: 300; font-style: normal; } @font-face { font-family: 'PFBeauSansPro'; src: local('PFBeauSansPro-LightItal'), local('PFBeauSansPro-LightItal'), url('/local/templates/dezgroup/fonts/PFBeauSansPro-LightItal.ttf') format('truetype'); font-weight: 300; font-style: italic; } @font-face { font-family: 'PFBeauSansPro'; src: local('PFBeauSansPro'), local('PFBeauSansPro-Regular'), url('/local/templates/dezgroup/fonts/PFBeauSansPro-Reg.ttf') format('truetype'); font-weight: 400; font-style: normal; } @font-face { font-family: 'PFBeauSansPro'; src: local('PFBeauSansPro'), local('PFBeauSansPro-Italic'), url('/local/templates/dezgroup/fonts/PFBeauSansPro-Italic.ttf') format('truetype'); font-weight: 400; font-style: italic; } @font-face { font-family: 'PFBeauSansPro'; src: local('PFBeauSansPro-SeBold'), local('PFBeauSansPro-SeBold'), url('/local/templates/dezgroup/fonts/PFBeauSansPro-SeBold.ttf') format('truetype'); font-weight: 500; font-style: normal; } @font-face { font-family: 'PFBeauSansPro'; src: local('PFBeauSansPro-SeBoldItal'), local('PFBeauSansPro-SeBoldItal'), url('/local/templates/dezgroup/fonts/PFBeauSansPro-SeBoldItal.ttf') format('truetype'); font-weight: 500; font-style: italic; } @font-face { font-family: 'PFBeauSansPro'; src: local('PFBeauSansPro-Bold'), local('PFBeauSansPro-Bold'), url('/local/templates/dezgroup/fonts/PFBeauSansPro-Bold.ttf') format('truetype'); font-weight: 700; font-style: normal; } @font-face { font-family: 'PFBeauSansPro'; src: local('PFBeauSansPro-BoldItalic'), local('PFBeauSansPro-BoldItalic'), url('/local/templates/dezgroup/fonts/PFBeauSansPro-BoldItalic.ttf') format('truetype'); font-weight: 700; font-style: italic; } @font-face { font-family: 'PFBeauSansPro'; src: local('PFBeauSansPro-Black'), local('PFBeauSansPro-Black'), url('/local/templates/dezgroup/fonts/PFBeauSansPro-Black.ttf') format('truetype'); font-weight: 900; font-style: normal; } @font-face { font-family: 'PFBeauSansPro'; src: local('PFBeauSansPro-BlackItal'), local('PFBeauSansPro-BlackItal'), url('/local/templates/dezgroup/fonts/PFBeauSansPro-BlackItal.ttf') format('truetype'); font-weight: 900; font-style: italic; } /* End */ /* Start:/local/templates/dezgroup/css/slick.css?16796773861693*/ /* Slider */ .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; top: 0; left: 0; display: block; } .slick-track:before, .slick-track:after { display: table; content: ''; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; float: left; height: 100%; min-height: 1px; } [dir='rtl'] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; } .slick-arrow.slick-hidden { display: none; } /* End */ /* Start:/local/templates/dezgroup/css/jquery.fancybox.min.css?167967738610424*/ @charset "UTF-8";.fancybox-enabled{overflow:hidden}.fancybox-enabled body{overflow:visible;height:100%}.fancybox-container{position:fixed;top:0;left:0;width:100%;height:100%;z-index:99993;-webkit-backface-visibility:hidden;backface-visibility:hidden}.fancybox-container~.fancybox-container{z-index:99992}.fancybox-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:#0f0f11;opacity:0;transition-timing-function:cubic-bezier(.55,.06,.68,.19);-webkit-backface-visibility:hidden;backface-visibility:hidden}.fancybox-container--ready .fancybox-bg{opacity:.87;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-controls{position:absolute;top:0;left:0;right:0;text-align:center;opacity:0;z-index:99994;transition:opacity .2s;pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;direction:ltr}.fancybox-show-controls .fancybox-controls{opacity:1}.fancybox-infobar{display:none}.fancybox-show-infobar .fancybox-infobar{display:inline-block;pointer-events:all}.fancybox-infobar__body{display:inline-block;width:70px;line-height:44px;font-size:13px;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;text-align:center;color:#ddd;background-color:rgba(30,30,30,.7);pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:subpixel-antialiased}.fancybox-buttons{position:absolute;top:0;right:0;display:none;pointer-events:all}.fancybox-show-buttons .fancybox-buttons{display:block}.fancybox-slider-wrap{overflow:hidden;direction:ltr}.fancybox-slider,.fancybox-slider-wrap{position:absolute;top:0;left:0;bottom:0;right:0;padding:0;margin:0;z-index:99993;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-tap-highlight-color:transparent}.fancybox-slide{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;padding:0;overflow:auto;outline:none;white-space:normal;box-sizing:border-box;text-align:center;z-index:99994;-webkit-overflow-scrolling:touch}.fancybox-slide:before{content:"";height:100%;width:0}.fancybox-slide:before,.fancybox-slide>*{display:inline-block;vertical-align:middle}.fancybox-slide>*{position:relative;padding:24px;margin:44px 0;border-width:0;text-align:left;background-color:#fff;overflow:auto;box-sizing:border-box}.fancybox-slide--image{overflow:hidden}.fancybox-slide--image:before{display:none}.fancybox-content{display:inline-block;position:relative;margin:44px auto;padding:0;border:0;width:80%;height:calc(100% - 88px);vertical-align:middle;line-height:normal;text-align:left;white-space:normal;outline:none;font-size:16px;font-family:Arial,sans-serif;box-sizing:border-box;-webkit-tap-highlight-color:transparent;-webkit-overflow-scrolling:touch}.fancybox-iframe{display:block;margin:0;padding:0;border:0;width:100%;height:100%;background:#fff}.fancybox-slide--video .fancybox-content,.fancybox-slide--video .fancybox-iframe{background:transparent}.fancybox-placeholder{z-index:99995;background:transparent;cursor:default;overflow:visible;-webkit-transform-origin:top left;transform-origin:top left;background-size:100% 100%;background-repeat:no-repeat;-webkit-backface-visibility:hidden;backface-visibility:hidden}.fancybox-image,.fancybox-placeholder,.fancybox-spaceball{position:absolute;top:0;left:0;margin:0;padding:0;border:0}.fancybox-image,.fancybox-spaceball{width:100%;height:100%;max-width:none;max-height:none;background:transparent;background-size:100% 100%}.fancybox-controls--canzoomOut .fancybox-placeholder{cursor:zoom-out}.fancybox-controls--canzoomIn .fancybox-placeholder{cursor:zoom-in}.fancybox-controls--canGrab .fancybox-placeholder{cursor:-webkit-grab;cursor:grab}.fancybox-controls--isGrabbing .fancybox-placeholder{cursor:-webkit-grabbing;cursor:grabbing}.fancybox-spaceball{z-index:1}.fancybox-tmp{position:absolute;top:-9999px;left:-9999px;visibility:hidden}.fancybox-error{position:absolute;margin:0;padding:40px;top:50%;left:50%;width:380px;max-width:100%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background:#fff;cursor:default}.fancybox-error p{margin:0;padding:0;color:#444;font:16px/20px Helvetica Neue,Helvetica,Arial,sans-serif}.fancybox-close-small{position:absolute;top:0;right:0;width:44px;height:44px;padding:0;margin:0;border:0;border-radius:0;outline:none;background:transparent;z-index:10;cursor:pointer}.fancybox-close-small:after{content:"×";position:absolute;top:5px;right:5px;width:30px;height:30px;font:20px/30px Arial,Helvetica Neue,Helvetica,sans-serif;color:#888;font-weight:300;text-align:center;border-radius:50%;border-width:0;background:#fff;transition:background .2s;box-sizing:border-box;z-index:2}.fancybox-close-small:focus:after{outline:1px dotted #888}.fancybox-slide--video .fancybox-close-small{top:-36px;right:-36px;background:transparent}.fancybox-close-small:hover:after{color:#555;background:#eee}.fancybox-caption-wrap{position:absolute;bottom:0;left:0;right:0;padding:60px 30px 0;z-index:99998;-webkit-backface-visibility:hidden;backface-visibility:hidden;box-sizing:border-box;background:linear-gradient(180deg,transparent 0,rgba(0,0,0,.1) 20%,rgba(0,0,0,.2) 40%,rgba(0,0,0,.6) 80%,rgba(0,0,0,.8));opacity:0;transition:opacity .2s;pointer-events:none}.fancybox-show-caption .fancybox-caption-wrap{opacity:1}.fancybox-caption{padding:30px 0;border-top:1px solid hsla(0,0%,100%,.4);font-size:14px;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;color:#fff;line-height:20px;-webkit-text-size-adjust:none}.fancybox-caption a,.fancybox-caption button{pointer-events:all}.fancybox-caption a{color:#fff;text-decoration:underline}.fancybox-button{display:inline-block;position:relative;width:44px;height:44px;line-height:44px;margin:0;padding:0;border:0;border-radius:0;cursor:pointer;background:transparent;color:#fff;box-sizing:border-box;vertical-align:top;outline:none}.fancybox-button--disabled{cursor:default;pointer-events:none}.fancybox-button,.fancybox-infobar__body{background:rgba(30,30,30,.6)}.fancybox-button:hover{background:rgba(0,0,0,.8)}.fancybox-button:after,.fancybox-button:before{content:"";pointer-events:none;position:absolute;border-color:#fff;background-color:currentColor;color:currentColor;opacity:.9;box-sizing:border-box;display:inline-block}.fancybox-button--disabled:after,.fancybox-button--disabled:before{opacity:.5}.fancybox-button--left:after{left:20px;-webkit-transform:rotate(-135deg);transform:rotate(-135deg)}.fancybox-button--left:after,.fancybox-button--right:after{top:18px;width:6px;height:6px;background:transparent;border-top:2px solid currentColor;border-right:2px solid currentColor}.fancybox-button--right:after{right:20px;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.fancybox-button--left{border-bottom-left-radius:5px}.fancybox-button--right{border-bottom-right-radius:5px}.fancybox-button--close{float:right}.fancybox-button--close:after,.fancybox-button--close:before{content:"";display:inline-block;position:absolute;height:2px;width:16px;top:calc(50% - 1px);left:calc(50% - 8px)}.fancybox-button--close:before{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.fancybox-button--close:after{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.fancybox-loading{border:6px solid hsla(0,0%,39%,.4);border-top:6px solid hsla(0,0%,100%,.6);border-radius:100%;height:50px;width:50px;-webkit-animation:a .8s infinite linear;animation:a .8s infinite linear;background:transparent;position:absolute;top:50%;left:50%;margin-top:-25px;margin-left:-25px;z-index:99999}@-webkit-keyframes a{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes a{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@media (max-width:800px){.fancybox-controls{text-align:left}.fancybox-button--left,.fancybox-button--right,.fancybox-buttons button:not(.fancybox-button--close){display:none!important}.fancybox-caption{padding:20px 0;margin:0}}.fancybox-button--fullscreen:before{width:15px;height:11px;left:15px;top:16px;border:2px solid;background:none}.fancybox-button--play:before{top:16px;left:18px;width:0;height:0;border-top:6px inset transparent;border-bottom:6px inset transparent;border-left:10px solid;border-radius:1px;background:transparent}.fancybox-button--pause:before{top:16px;left:18px;width:7px;height:11px;border-style:solid;border-width:0 2px;background:transparent}.fancybox-button--thumbs span{font-size:23px}.fancybox-button--thumbs:before{top:20px;left:21px;width:3px;height:3px;box-shadow:0 -4px 0,-4px -4px 0,4px -4px 0,inset 0 0 0 32px,-4px 0 0,4px 0 0,0 4px 0,-4px 4px 0,4px 4px 0}.fancybox-container--thumbs .fancybox-caption-wrap,.fancybox-container--thumbs .fancybox-controls,.fancybox-container--thumbs .fancybox-slider-wrap{right:220px}.fancybox-thumbs{position:absolute;top:0;right:0;bottom:0;left:auto;width:220px;margin:0;padding:5px 5px 0 0;background:#fff;z-index:99993;word-break:normal;-webkit-overflow-scrolling:touch;-webkit-tap-highlight-color:transparent;box-sizing:border-box}.fancybox-thumbs>ul{list-style:none;position:absolute;position:relative;width:100%;height:100%;margin:0;padding:0;overflow-x:hidden;overflow-y:auto;font-size:0}.fancybox-thumbs>ul>li{float:left;overflow:hidden;max-width:50%;padding:0;margin:0;width:105px;height:75px;position:relative;cursor:pointer;outline:none;border:5px solid #fff;border-top-width:0;border-right-width:0;-webkit-tap-highlight-color:transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;box-sizing:border-box}li.fancybox-thumbs-loading{background:rgba(0,0,0,.1)}.fancybox-thumbs>ul>li>img{position:absolute;top:0;left:0;min-width:100%;min-height:100%;max-width:none;max-height:none;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-thumbs>ul>li:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:2px;border:4px solid #4ea7f9;z-index:99991;opacity:0;transition:all .2s cubic-bezier(.25,.46,.45,.94)}.fancybox-thumbs>ul>li.fancybox-thumbs-active:before{opacity:1}@media (max-width:800px){.fancybox-thumbs{display:none!important}.fancybox-container--thumbs .fancybox-caption-wrap,.fancybox-container--thumbs .fancybox-controls,.fancybox-container--thumbs .fancybox-slider-wrap{right:0}} /* End */ /* Start:/local/templates/dezgroup/css/keyframes.css?16796773866996*/ /*@-webkit-keyframes mainTitle { 0% { opacity: 0; } 10% { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 52% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 54% { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 100% { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } }*/ @keyframes mainTitle { 0% { opacity: 0; } 10% { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } /* 50% { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 52% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 54% { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }*/ 100% { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } /*@-webkit-keyframes mainTitleSecond { 0% { opacity: 0; } 10% { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 35% { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 37% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 39% { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 100% { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } }*/ @keyframes mainTitleSecond { 0% { opacity: 0; } 10% { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } /* 35% { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 37% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 39% { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }*/ 100% { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @-webkit-keyframes lineAllWidthIn { from { width: 0; } to { width: 100%; } } @keyframes lineAllWidthIn { from { width: 0; } to { width: 100%; } } @-webkit-keyframes lineAllWidthOut { from { width: 100%; } to { width: 0; } } @keyframes lineAllWidthOut { from { width: 100%; } to { width: 0; } } @-webkit-keyframes lineWidthIn { from { width: 0; } to { width: 104px; } } @keyframes lineWidthIn { from { width: 0; } to { width: 104px; } } @-webkit-keyframes lineWidthOut { from { width: 104px; } to { width: 0; } } @keyframes lineWidthOut { from { width: 104px; } to { width: 0; } } @-webkit-keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 50% { opacity: 1; } to{ opacity: 1; } } @keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 50% { opacity: 1; } to{ opacity: 1; } } @-webkit-keyframes zoomInMy { 0% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 50% { opacity: 1; } 100%{ opacity: 1; } } @keyframes zoomInMy { 0% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 50% { opacity: 1; } 100%{ opacity: 1; } } @-webkit-keyframes zoomOut { from { opacity: 1; } 50% { opacity: 1; } to{ opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } } @keyframes zoomOut { from { opacity: 1; } 50% { opacity: 1; } to{ opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } } @-webkit-keyframes fadeInBg { from { opacity: 1; } 50% { opacity: 0; } to{ opacity: 0; } } @keyframes fadeInBg { from { opacity: 1; } 50% { opacity: 0; } to{ opacity: 0; } } @-webkit-keyframes fadeOutBg { from { opacity: 0; } 50% { opacity: 0; } to{ opacity: 1; } } @keyframes fadeOutBg { from { opacity: 0; } 50% { opacity: 0; } to{ opacity: 1; } } @-webkit-keyframes fadeIn { from { opacity: 0; } 50% { opacity: 1; } to{ opacity: 1; } } @keyframes fadeIn { from { opacity: 0; } 50% { opacity: 1; } to{ opacity: 1; } } @-webkit-keyframes fadeOut { from { opacity: 1; } 50% { opacity: 1; } to{ opacity: 0; } } @keyframes fadeOut { from { opacity: 1; } 50% { opacity: 1; } to{ opacity: 0; } } @-webkit-keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @-webkit-keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @-webkit-keyframes fadeOutDown { from { opacity: 1; -webkit-transform: none; transform: none; } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes fadeOutDown { from { opacity: 1; -webkit-transform: none; transform: none; } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @-webkit-keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @-webkit-keyframes fadeOutLeft { from { opacity: 1; -webkit-transform: none; transform: none; } to { opacity: 0; -webkit-transform: translate3d(-20vw, 0, 0); transform: translate3d(-20vw, 0, 0); } } @keyframes fadeOutLeft { from { opacity: 1; -webkit-transform: none; transform: none; } to { opacity: 0; -webkit-transform: translate3d(-20vw, 0, 0); transform: translate3d(-20vw, 0, 0); } } @-webkit-keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } /* End */ /* Start:/local/templates/dezgroup/components/bitrix/system.pagenavigation/.default/style.css?1679677386659*/ /*.pagination { text-align: center; margin: 30px 0 0; display: block; } .pagination ul { list-style-type: none; font-size: 0; } .pagination li { display: inline-block; vertical-align: top; } .pagination a { transition: all ease .3s; -moz-transition: all ease .3s; -o-transition: all ease .3s; -webkit-transition: all ease .3s; display: inline-block; width: 35px; height: 35px; text-align: center; line-height: 35px; color: #000; font-size: 14px; text-decoration: none; } .pagination .prev { line-height: 32px; } .pagination .next { line-height: 32px; } .pagination a:hover{ background: #ddd; } .pagination .active{ background: #68ba31; color: #fff; }*/ /* End */ /* Start:/local/templates/dezgroup/components/bitrix/news.list/reviews_photo/style.css?16796773861697*/ .reviews_photo_slider { position: relative; } .reviews_photo_slider .slick-prev.slick-arrow { position: absolute; left: -76px; top: 50%; margin-top: -46px; } .reviews_photo_slider .slick-next.slick-arrow { position: absolute; right: -76px; top: 50%; margin-top: -46px; } .reviews_photo_slider .slide { box-shadow: 5px 5px 20px rgba(151, 151, 151, 0.4); margin: 20px; width:initial!important; position: relative; } .reviews_photo_slider .slide .slide_back { background: #0b6377; opacity: 0.3; position: absolute; width: 100%; height: 100%; top:0; left:0; display: none; } .reviews_photo_slider .slide .slide_lupa { position: absolute; width: 40px; height: 40px; border-radius: 20px; bottom:12px; left:17px; background: url(/local/templates/dweb/images/Vector.png) no-repeat center #30AED0; box-shadow: 0px 0px 20px #30AED0; } .reviews_photo_slider .slide .slide_lupa_hover { position: absolute; width: 40px; height: 40px; border-radius: 20px; bottom:12px; left:17px; display: none; background: url(/local/templates/dweb/images/Vector-1.png) no-repeat center #fff; box-shadow: 0px 0px 20px #30AED0; cursor: pointer; } .reviews_photo_slider .slide:hover .slide_lupa { display: none; } .reviews_photo_slider .slide:hover .slide_lupa_hover { display: block; } .reviews_photo_slider .slide:hover .slide_back { display:block; } .reviews_photo_slider .slick-dots li { display: inline-block; margin-right: 13px; border-radius:4px; cursor: pointer; width: 9px; height: 9px; background: #DCDCDC; } .reviews_photo_slider .slick-dots li.slick-active { background:#21A7CD; } .reviews_photo_slider .slick-dots { text-align: center; } /* End */ /* Start:/local/templates/dezgroup/components/bitrix/news.list/why-we/style.css?1679677386150*/ div.news-list { word-wrap: break-word; } div.news-list img.preview_picture { float:left; margin:0 4px 6px 0; } .news-date-time { color:#486DAA; } /* End */ /* Start:/local/templates/dezgroup/components/bitrix/news.list/partners/style.css?1679677386150*/ div.news-list { word-wrap: break-word; } div.news-list img.preview_picture { float:left; margin:0 4px 6px 0; } .news-date-time { color:#486DAA; } /* End */ /* Start:/local/templates/dezgroup/components/bitrix/news.list/index-reviews/style.css?1679677386150*/ div.news-list { word-wrap: break-word; } div.news-list img.preview_picture { float:left; margin:0 4px 6px 0; } .news-date-time { color:#486DAA; } /* End */ /* Start:/local/components/dweb/uni.form/templates/modal-window/style.css?164423571613815*/ .gUniFormModalWindow{ -webkit-transition: 0.1s all ease-in-out; -o-transition: 0.1s all ease-in-out; transition: 0.1s all ease-in-out; background: rgba(0, 5, 10, 0.75); line-height: 100vh; text-align: center; overflow: hidden; position: fixed; z-index: 1000; display: none; height: 100%; width: 100%; left: 0px; top: 0px; } .gUniFormModalWindowContainer{ box-shadow: 0px 0px 27px rgba(0, 0, 0, 0.3); -webkit-animation-duration: 0.2s; animation-duration: 0.2s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: zoomIn; animation-name: zoomIn; background-color: #ffffff; vertical-align: middle; display: inline-block; /*border-radius: 14px;*/ position: relative; line-height: 21px; text-align: left; margin: 24px 0px; background: url("/local/components/dweb/uni.form/templates/modal-window/images/modal-form-bg.jpg") center center / cover no-repeat; padding: 24px; width: 810px; height: 800px; } .gUniFormContainer{ height: 100%; width: 100%; display: flex; flex-direction: column; justify-content: center; } .gUniFormHideScrollBar{ position: relative; overflow: auto; height: 100%; width: 120%; } .gUniFormCn100{ position: relative; height: 100%; width: 100vw; } .modal-close-btn { position: absolute; width: 52px; height: 52px; top: 12px; right: 12px; border-radius: 50%; background: #fff; } .modal-close-btn span { position: absolute; left: 50%; top: 50%; margin: -12px 0 0 -12px; width: 24px; height: 24px; transform: rotate(45deg) translate3d(0,0,0); transition: transform 0.3s ease-in-out; } .modal-close-btn span:before, .modal-close-btn span:after { content: ""; display: block; position: absolute; height: 1px; width: 100%; background: #4c4c4c; top: 50%; } .modal-close-btn span:after { transform: rotate(90deg) translate3d(0,0,0); } .modal-close-btn:hover span{ transform: rotate(135deg) translate3d(0,0,0); } .gUniFormModalWindow .uFormHeading{ margin-bottom: 18px; text-align: center; font-size: 50px; line-height: 1.2em; font-weight: 700; color: #fff; } .gUniFormModalWindow .uFormDescription{ text-align: center; line-height: 1.4em; margin-bottom: 18px; font-size: 16px; color: #fff; } .gUniFormContainer .form-wrap { width: 500px; margin: 0 auto; padding: 0 20px; text-align: center; } .gUniFormContainer .form-fields { margin-top: 12px; } .gUniFormContainer .form-input { margin-bottom: 24px; } .gUniFormModalWindow .agree-it { margin-top: 0; } .gUniFormModalWindow .agree-it input[type="checkbox"]:checked + label:after{ background: url(/local/templates/dweb/images/checked-white.png) no-repeat; } .uLabel{ margin: 12px 0px; overflow: hidden; } .uLabel .uName, .uLabel .uIcon{ vertical-align: middle; display: inline-block; } .uLabel .uName{ margin-top: 3px; } .uLabel .uIcon{ margin-right: 6px; } .uLabel .uIcon img{ vertical-align: middle; max-height: 100%; max-width: 100%; } .uLabel .uHint{ margin-top: 3px; color: #888888; float: right; } .uError, .uFormGlobalErrors{ color: #ff0000; } .uError, .uFormGlobalErrors{ line-height: 28px; } .uCaptchaContainer{ margin-bottom: 12px; margin-top: 12px; height: 40px; } .uCaptchaImage{ max-width: 100%; height: 40px; } .hidden-btn { display: none; } .personalInfo input[type="checkbox"]:not(checked) { position: absolute; opacity: 0; } .personalInfo input[type="checkbox"] { vertical-align: middle; display: inline-block; margin: 2px; width: auto; } .personalInfo input[type="checkbox"]:not(checked) + label { display: block; line-height: normal; position: relative; padding-left: 24px; cursor: pointer; font-size: 14px; font-weight: 300; color: #fff; } body .personalInfo input[type="checkbox"]:not(checked) + label:before { position: absolute; content: ""; height: 16px; width: 16px; border-radius: 50%; left: 0; top: 0px; border: 1px solid rgba(255,255,255, 0.5); -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .personalInfo input[type="checkbox"].error + label:before { border-color: #ff0000; } .personalInfo input[type="checkbox"]:hover + label:before { border-color: #fff; } .personalInfo input[type="checkbox"] + label:after { content: ""; position: absolute; width: 16px; height: 16px; background: url(/local/components/dweb/uni.form/templates/modal-window/images/checked.png) no-repeat; left: 0; top: 0px; -webkit-transform: scale(0); transform: scale(0); -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .personalInfo input[type="checkbox"]:checked + label:before { opacity: 0; } .personalInfo input[type="checkbox"]:checked + label:after { content: ""; position: absolute; width: 16px; height: 16px; background: url(/local/components/dweb/uni.form/templates/modal-window/images/checked.png) no-repeat; left: 0; top: 0px; -webkit-transform: scale(1); transform: scale(1); } .personalInfo label { font-size: 14px; } .personalInfo a { color: #fff; text-decoration: underline; } .gUniForm input, .gUniForm textarea, .gUniForm select{ /* transition: all 0.2s ease-in-out; background-color: #fdfdfd; border: 1px solid #e7e7e7; box-sizing: border-box; border-radius: 2px; font-size: 14px; color: #000000; outline: none; padding: 0px; margin: 0px; width: 100%;*/ } .gUniForm input:focus, .gUniForm textarea:focus, .gUniForm select:focus{ /* border: 1px solid #cccccc; background-color: #fcfcfc;*/ } .gUniForm input[type="text"]{ /* padding: 0 6px; height: 50px;*/ } .gUniForm input[type="file"]{ /* background-color: transparent; margin: 4px; border: 0;*/ } .gUniForm input[type="checkbox"]{ /* vertical-align: middle; display: inline-block; margin: 0 12px; width: auto;*/ } .gUniForm input[type="checkbox"] + label, .gUniForm input[type="radio"] + label { /* margin-right: 12px; cursor: pointer;*/ } .gUniForm input[type="checkbox"]:not(checked), .gUniForm input[type="radio"]:not(checked) { /* position: absolute; opacity: 0;*/ } .gUniForm input[type="checkbox"]:not(checked) + label, .gUniForm input[type="radio"]:not(checked) + label { /* position: relative; padding-left: 28px;*/ } .gUniForm input[type="checkbox"] + label:before { /*background: url(/local/components/dweb/uni.form/templates/modal-window/images/checkBox.png) 0 0 no-repeat transparent;*/ } .gUniForm input[type="radio"] + label:before { /*background: url(/local/components/dweb/uni.form/templates/modal-window/images/radio.png) 0 0 no-repeat transparent;*/ } .gUniForm input[type="checkbox"].error + label:before, .gUniForm input[type="radio"].error + label:before{ border-color: #ff0000; /*border-radius: 5px;*/ } .gUniForm input[type="checkbox"]:not(checked) + label:before, .gUniForm input[type="radio"]:not(checked) + label:before { /* position: absolute; content: " "; height: 17px; width: 17px; left: 0; top: 1px;*/ } .gUniForm input[type="checkbox"]:not(checked) + label:hover:before, .gUniForm input[type="radio"]:not(checked) + label:hover:before { /*background-position: 0 -17px;*/ } .gUniForm input[type="checkbox"]:checked + label:before, .gUniForm input[type="radio"]:checked + label:before { /*background-position: 0 -34px;*/ } .gUniForm input[type="checkbox"]:checked + label:hover:before, .gUniForm input[type="radio"]:checked + label:hover:before { /*background-position: 0 -51px;*/ } .gUniForm input[type="checkbox"]:disabled + label, .gUniForm input[type="radio"]:disabled + label { cursor: default; } .gUniForm input[type="checkbox"]:disabled + label:before, .gUniForm input[type="radio"]:disabled + label:before { /*background-position: 0 -68px !important;*/ } .gUniForm textarea{ padding: 12px 6px; height: 120px; } .gUniForm select{ /*padding: 12px 6px;*/ } .gUniForm .error{ border-color: #ff0000 !important; /*position: relative;*/ } .gUniForm .error:focus{ /*border: 1px solid #ff0000;*/ } .gUniForm .uformTools{ margin-top: 36px; /* overflow: hidden; margin-top: 12px; padding-bottom: 1px;*/ } .gUniForm .uFormButton{ /* box-sizing: border-box; float: left; width: 50%;*/ } .gUniForm .uFormButton:first-child{ /*padding-right: 6px;*/ } .gUniForm .uFormButton:last-child{ /*padding-left: 6px;*/ } .gUniForm .uRequired{ vertical-align: middle; display: inline-block; color: #ff0000; } .gUniForm .uFormSubmit, .gUniForm .uFormReset{ /* transition: border 0.2s ease-in-out, background-color 0.2s ease-in-out; box-sizing: border-box; display: inline-block; border-radius: 2px; text-align: center; line-height: 55px; height: 55px; width: 100%;*/ } .gUniForm .uFormSubmit.loading{ transition: none; } .gUniForm .uFormSubmit{ /*background-color: #0d7cca;*/ /*color: #ffffff;*/ } .gUniForm .uFormSubmit:hover{ /*background-color: #068ae6;*/ } .gUniForm .uFormSubmit:active{ /*position: relative;*/ /*top: 1px;*/ } .gUniForm .uFormSubmit.loading{ /* background-image: url(/local/components/dweb/uni.form/templates/modal-window/images/loading.gif); background-color: #000000 !important; background-position: 50% 50%; background-repeat: no-repeat; border: 1px solid #000000; pointer-events: none; color: #dddddd; opacity: 0.1;*/ } .gUniForm .uFormReset{ /* border: 1px solid #e5e5e5; color: #888888;*/ } .gUniForm .uFormReset:hover{ /*border: 1px solid #cfcfcf;*/ } .gUniForm .uFormReset:active{ /* position: relative; top: 1px;*/ } .gUniForm .uToolsIcon{ /* vertical-align: middle; display: inline-block; margin-right: 12px; margin-top: -1px;*/ } .gUniForm .eFormHidden{ display: none; } .gUniFormSuccess{ -webkit-transition: 0.1s all ease-in-out; -o-transition: 0.1s all ease-in-out; transition: 0.1s all ease-in-out; background: rgba(0, 5, 10, 0.75); position: fixed; overflow: auto; z-index: 1000; display: none; height: 100%; width: 100%; left: 0px; top: 0px; } .gUniFormSuccessContainer{ /*box-shadow: 1px 1px 12px rgba(60, 60, 60, 0.3);*/ /*border: 14px solid rgba(255, 255, 255, 0.12);*/ -webkit-animation-duration: 0.2s; animation-duration: 0.2s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: zoomIn; animation-name: zoomIn; background-color: transparent; border-radius: 14px; margin-left: -325px; margin-top: -325px; position: absolute; line-height: 270px; max-width: 100%; height: 650px; width: 650px; left: 50%; top: 50%; color: #fff; } .gUniFormSuccessBg{ display: flex; align-items: center; height: 100%; text-align: center; background: url("/local/components/dweb/uni.form/templates/modal-window/images/modal-form-bg.jpg") center center / cover no-repeat; /*background-color: #ffffff;*/ /*border-radius: 4px;*/ } .gUniFormSuccessMiddler{ vertical-align: middle; display: inline-block; line-height: 21px; width: 520px; margin: 0 auto; padding: 0 20px } .gUniFormSuccessHeading{ margin-bottom: 18px; text-transform: uppercase; text-align: center; font-size: 50px; line-height: 1.2em; font-weight: 700; } .gUniFormSuccessText{ text-align: center; font-size: 16px; line-height: 1.4em; margin-bottom: 18px; } .gUniFormButtonContainter{ margin-top: 18px; text-align: center; } .gUniFormSuccessButton{ /* -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; background-color: #000000; vertical-align: middle; display: inline-block; border-radius: 4px; text-align: center; line-height: 40px; margin-top: 18px; padding: 0 24px; color: #ffffff; height: 40px;*/ } .gUniFormSuccessButton:hover{ /* color: #ffffff; opacity: 0.85;*/ } .gUniFormSuccessButton:active{ /* position: relative; top: 1px;*/ } .eFormRequired{ /*margin-top: 12px;*/ } .eFormBlur{ -webkit-filter: blur(3px); -moz-filter: blur(3px); -ms-filter: blur(3px); -o-filter: blur(3px); filter: blur(3px); } @-webkit-keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 50% { opacity: 1; } } @keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 50% { opacity: 1; } } @media all and (max-width: 1600px) { .gUniFormModalWindowContainer{ width: 560px; height: auto; padding: 42px 24px; } .gUniFormModalWindow .uFormHeading{ margin-bottom: 12px; font-size: 30px; } .gUniFormModalWindow .uFormDescription{ margin-bottom: 12px; } .gUniForm .uformTools { margin-top: 18px; } .gUniFormContainer .form-input { margin-bottom: 18px; } .gUniFormSuccessContainer{ width: 400px; height: 320px; margin-left: -200px; margin-top: -160px; } .gUniFormSuccessHeading{ margin-bottom: 12px; font-size: 30px; } .gUniFormSuccessText{ margin-bottom: 12px; } .gUniFormButtonContainter{ margin-top: 12px; } } @media all and (max-width: 800px) { .gUniFormModalWindowContainer{ height: auto; padding: 30px 12px; } .gUniFormModalWindow .uFormHeading{ margin-bottom: 12px; font-size: 24px; } .gUniForm .uformTools { margin-top: 12px; } .gUniFormContainer .form-wrap{ padding: 0; } .gUniFormContainer .form-input { margin-bottom: 12px; } .modal-close-btn{ top: 6px; right: 6px; width: 30px; height: 30px; } .modal-close-btn span{ width: 18px; height: 18px; margin: -9px 0 0 -9px; } .gUniFormSuccessContainer{ width: 300px; margin-left: -150px; } .gUniFormSuccessHeading{ font-size: 24px; } } /* End */ /* Start:/local/templates/dezgroup/components/bitrix/menu/bottom-main-menu/style.min.css?1679677386490*/ ul.left-menu{list-style:none;margin:0;padding:0;margin-bottom:8px;position:relative}ul.left-menu li{padding:10px 16px;background:#f5f5f5 url(/local/templates/dezgroup/components/bitrix/menu/bottom-main-menu/images/left_menu_bg.gif) top repeat-x}ul.left-menu li a{font-size:100%;color:#bc262c;font-weight:bold;text-decoration:none}ul.left-menu li a:visited{color:#bc262c}ul.left-menu li a:hover{color:#bc262c}ul.left-menu li a.selected:link,ul.left-menu li a.selected:visited,ul.left-menu li a.selected:active,ul.left-menu li a.selected:hover{color:#fc8d3d} /* End */ /* Start:/local/templates/dezgroup/styles.css?171172708715844*/ /*.agree-it input { opacity: 5!important; border-color: #ff0000; } */ .reviews_column-heading img { display: none !important; } @media screen and (min-width: 1200px) { .menu-link-wrap:hover .submenu { margin-left: 200px !important; } .contacts-wrap { margin-bottom: 140px !important; } .contacts-ico { padding-left: 4px !important; font-size: 15px !important; min-height: 50px !important; margin-bottom: 2px !important; } } @media screen and (max-width: 1700px) { .menu-link-wrap:hover .submenu { margin-left: 200px !important; } } @media screen and (max-width: 1000px) { .menu-link-wrap:hover .submenu { margin-left: 2px !important; } } h3 { font: 34px/1.3 'PFBeauSansPro', sans-serif !important } .h3 { font: 34px/1.3 'PFBeauSansPro', sans-serif !important } .calc-form{ display: none !important; } /* .calc-result{ display: none !important; }*/ .page-width { padding-bottom: 4px !important; } .contacts-wrap{ height: 400px } .form-contacts { background: green !important; padding: 180px 15px !important; } .btn-back { display: none !important; } .price-list .tab-buttons{ font-size: 22px !important; color: #219b31 !important; } .price-list .row:nth-child(2n) { background: rgb(33 155 49 / 35%)!important; } .price-list .row { border: 1px solid #219b31 !important; } .price-list-header{ background: #219b31 !important; } .form-input .field:hover { box-shadow: 0 8px 30px rgb(33 155 49)!important; -webkit-box-shadow: 0 8px 30px rgb(33 155 49)!important; } .index-fast .fast-num { color: #219b31!important; box-shadow: 0 10px 30px rgb(33 155 49)!important; } .news-item .image:before { background: #219b31 !important; } .ul li::before { background-image: linear-gradient(45deg,#219b31, #219b31)!important; } .questions-list .show-answer .question { color: #219b31 !important; } .newButton { color: #219b31 !important; } .btn-white { color: #219b31 !important; } /* .btn{ color: #219b31 !important; } */ .services-slider .slick-dots { display: none !important; } /* .links-list a{ color: #ffffff !important; border-bottom: 1px solid rgb(255 255 255 / 60%)!important; } */ .h2 { color: #16cb6e !important; } .content-inner > .page-width .btn.to-calc { display: none !important; } .footer { background: white; } .clean-point { display: none !important; } .service-item .service-inner:after { background-image: linear-gradient(45deg, #7c7c7c, #259b37)!important; } .menu .submenu li.submenu-parent::before { border-bottom: 2px solid #16cb6e !important; border-right: 2px solid #16cb6e !important; } .menu .submenu li a:hover{ color: #16cb6e !important; } .menu .menu-link:hover { color: #16cb6e !important; } .btn-more span { background: #219b31 !important; -webkit-box-shadow: 0 8px 30px rgb(33 155 49) !important; box-shadow: 0 8px 30px rgb(33 155 49) !important; } .form-container { margin-top: 60px !important; } .index-big-bg { display: none !important; } .main-screen { margin-bottom: 40px !important; } .index-services .bg-image { display: none !important; } .main-screen-clouds { display: none !important; } /* .links-list { display: none !important; } */ .content-inner { padding-top: 60px !important; } .menu .menu-link.active { color: #000000 !important; } header.scrolled { background: rgb(33 155 49) !important; } .actions-slider-nav .slick-dots li.slick-active { color: #219b31 !important; } .why-list .item { box-shadow: 0 0 20px #219b31 !important; } .btn-white { color: #f6f6f6 !important; } .btn { background: #1d9b2a !important; box-shadow: 0 8px 30px rgb(29 155 42) !important; } .btn-nav { background-color: #1d9b2a !important; background-image: -webkit-linear-gradient(45deg,#1d9b2a,)!important; background-image: linear-gradient(45deg,#1d9b2a, #1d9b2a)!important; box-shadow: 0 8px 30px rgb(29 155 42)!important; } .gUniForm .uFormSubmit { background-color: #189b20 !important; } /*.footer { background-color: white; }*/ .social { display: none !important; } .content-inner>.page-width a.btn.btn-white { color: #6078d2; } .form-input input[type="button"] { width: 100%; padding: 14px 24px; border: 1px solid rgba(255, 255, 255, 0.5); font-size: 16px; font-weight: 700; color: #fff; border-radius: 25px; background: rgba(0, 0, 0, 0.05); -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; cursor: pointer; } .form-input input[type="file"] { opacity: 0; } .included-list { color: #333; } .content-inner .included-list+p { line-height: 2; } .questions-list .answer { color: #333 !important; } footer .clean-point:first-child { position: relative; } footer .clean-point:first-child .metro { display: grid; grid-gap: 7px; position: absolute; top: -70px; left: -87%; background: #fff; list-style: none; padding: 30px 20px; box-shadow: 0 0 10px #bbb; border-radius: 10px; opacity: 0; z-index: -1; transition: all .5s ease; } footer .clean-point:first-child:hover .metro, footer .clean-point:first-child .metro:hover { opacity: 1; z-index: auto; } footer .metro>li::before { content: ""; display: inline-block; width: 8px; height: 8px; border-left: 2px solid #888; border-bottom: 2px solid #888; margin-right: 5px; transform: rotate(45deg); } footer .metro>li { cursor: pointer; display: flex; align-items: center; position: relative; } footer .metro_section { position: absolute; left: 0; background: #fff; display: grid; grid-gap: 8px; padding: 30px 20px; box-shadow: 0 0 10px #bbb; border-radius: 10px; opacity: 0; z-index: -1; transition: all .5s ease; width: 30vw; list-style: none; transform: translateX(-105%); } footer .metro>li:hover>.metro_section, footer .metro_section:hover { opacity: 1; z-index: 2; } .menu .submenu { /* overflow-y: scroll; */ } .menu .submenu::-webkit-scrollbar { width: 0; } .menu .submenu .submenu-parent>a { font-size: 16px; font-weight: 500; } .page-wrap { overflow: hidden; width: 100%; } .main-screen { z-index: 0; max-height: 950px; } .main-screen .main-text { position: static; } .main-screen .main-text .text, .main-screen .main-text .form-wrap { max-width: 1024px; margin-right: auto; margin-left: 0; text-align: left; } .main-img-slider { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: -1; } .main-img-slider * { min-height: 400px; height: 100% !important; } .main-screen-clouds { z-index: 10; } .main-img-slider .slide_img { min-height: 600px; height: 100%; object-fit: cover; object-position: left center; } .form-bottom { display: flex; align-items: center; justify-content: space-between; column-gap: 30px; } @media (max-width: 1770px) { .main-screen .main-text .text, .main-screen .main-text .form-wrap { margin-left: 90px; } .h2 { font: 36px/1.3 'PFBeauSansPro', sans-serif !important; } .h3 { font: 32px/1.3 'PFBeauSansPro', sans-serif !important; } } @media (max-width: 1030px) { div.main-screen { height: 600px; } .main-screen .main-text .text, .main-screen .main-text .form-wrap { margin-left: 90px; margin-right: 90px; width: fit-content; padding: 0; } .main-screen .main-screen-clouds { display: none; } } @media screen and (max-width: 800px) { div.main-screen { height: 600px; } .form-bottom { flex-direction: column; } .h1 { font: 22px/1.3 'PFBeauSansPro', sans-serif !important } h1 { font: 22px/1.3 'PFBeauSansPro', sans-serif !important } .h2 { font: 20px/1.3 'PFBeauSansPro', sans-serif !important } h2 { font: 20px/1.3 'PFBeauSansPro', sans-serif !important } h3 { font: 18px/1.3 'PFBeauSansPro', sans-serif !important } .h3 { font: 18px/1.3 'PFBeauSansPro', sans-serif !important } p { font: 14px/1.4 'PFBeauSansPro', sans-serif !important } .blue { font-size: 25px !important; } .content-inner { padding-top: 0px !important; } .top-phone { display: inline !important; } } @media screen and (max-width: 459px) { .main-screen .main-text .text, .main-screen .main-text .form-wrap { margin-left: 20px; margin-right: 20px; } } .services-container h2 { margin: 20px 0; font-size: 25px; font-weight: 700; color: #111; } .content-inner > .page-width .partners-link a { color: #ffffff; } .slick-slide img.actions-img { display: none; } @media screen and (max-width: 790px) { .slick-slide img.actions-img { display: block; margin-bottom: 10px; } } .reviews_column-heading { display: flex; align-items: center; } .reviews_column-heading img { display: block; width: 40px; height: 40px; margin-right: 15px; } .reviews_column-heading h2 { font-weight: 700; font-size: 40px; line-height: 48px; color: #384984; margin-top: 30px; margin-bottom: 36px; } .reviews_page { display: grid; grid-template-columns: repeat(2, 1fr); gap: 30px; } .reviews_item { padding: 20px 42px 42px; background: #FFFFFF; border: 1px solid #F4F4F4; box-shadow: 0px 0px 24px rgba(60, 75, 133, 0.1); border-radius: 10px; margin-bottom: 30px; } .review_top { display: grid; grid-template-columns: 140px 1fr; align-items: center; gap: 42px; } .review_img { display: block; height: 200px; width: 140px; border: 1px solid #16A2CB; border-radius: 4px; overflow: hidden; } .review_img img { display: block; object-fit: contain; height: 100%; width: 100%; } .review_company { font-weight: 700; font-size: 25px; line-height: 30px; color: #384984; } .review_company::before { content: ""; display: block; width: 42px; height: 2px; background: linear-gradient(234.86deg, #4AC5C3 41.31%, #42BAB8 68.22%, #33A2CF 83.38%, #3074B5 100%); margin-bottom: 15px; } .review_date { font-weight: 300; font-size: 19px; line-height: 23px; color: #333333; margin-top: 15px; } .review_text { margin-top: 20px; max-height: 110px; overflow-y: auto; scrollbar-width: thin; scrollbar-color: rgba(22, 162, 203, 1) rgba(22, 162, 203, .1); padding-right: 18px; } .review_text::-webkit-scrollbar { width: 3px; } .review_text::-webkit-scrollbar-track { background: rgba(22, 162, 203, .1); } .review_text::-webkit-scrollbar-thumb { background-color: rgba(22, 162, 203, 1); border-radius: 20px; } .content-inner > .page-width .review_more { display: block; width: fit-content; margin: 0 auto; font-weight: 700; font-size: 17px; line-height: 20px; color: #16A2CB; background: #FFFFFF; border: 1px solid #16A2CB; border-radius: 25px; text-decoration: none; padding: 16px 34px 12px; } .reviews_bottom.content-inner-col2 { background: #fff; padding: 0; display: grid; grid-template-columns: repeat(2, 1fr); gap: 30px; } .reviews_bottom.content-inner-col2 .right { display: flex; } .reviews_bottom.content-inner-col2 .info-block { margin-top: 0; margin-left: auto; background: linear-gradient(39.7deg, #327BB9 0%, #35A2CD 34.25%, #43C1C6 70.91%, #61C457 99.76%); width: 100%; } @media (max-width: 968px) { .reviews_page, .reviews_bottom.content-inner-col2 { display: grid; grid-template-columns: 1fr; gap: 30px; } .reviews_bottom.content-inner-col2 .info-block { display: flex; } } @media (max-width: 668px) { .reviews_item { padding: 20px; } .review_top { display: grid; grid-template-columns: 1fr; align-items: center; gap: 24px; } .footer-phone { display: inline !important; } } .ul-news { list-style-position: inside; } .page-width .reviews_section { margin-top: 20px; } .page-width .reviews_section .reviews_item { margin-bottom: 0; } .portfolio-detail-text { margin: 20px 0 50px 0; } .price-page.price-list .tab.active { opacity: 1; height: auto; overflow: visible; position: relative; z-index: 2; } .price-page.price-list .tab { height: 0; overflow: hidden; opacity: 0; } /*кнопка заказать звонок*/ .button_callback { position: fixed; bottom: 100px; right: 24px; width: 50px; height: 50px; display: flex; border: 3px solid; color: #02C1F5; align-items: center; text-align: center; text-decoration: none; border-radius: 50%; background: #fff; z-index: 100; animation: puls linear 1s infinite; font-size: 10px; line-height: 1; cursor: pointer; } .button_callback::after { content: ""; position: absolute; background-color: #02C1F5; background-image: url(/local/templates/dezgroup/images/phone.svg); background-size: 25px; background-repeat: no-repeat; background-position: center; width: 104%; height: 104%; top: -1px; /*left: -1px;*/ border-radius: 50%; animation: shake linear 1s infinite; opacity: 1; transition: opacity .2s linear; } .button_callback:hover::after { opacity:0; } @keyframes puls { 0% { -webkit-box-shadow: 0 8px 10px rgb(56 163 253 / 30%), 0 0 0 0 rgb(56 163 253 / 20%), 0 0 0 0 rgb(56 163 253 / 20%); box-shadow: 0 8px 10px rgb(56 163 253 / 30%), 0 0 0 0 rgb(56 163 253 / 20%), 0 0 0 0 rgb(56 163 253 / 20%); } 40% { -webkit-box-shadow: 0 8px 10px rgb(56 163 253 / 30%), 0 0 0 15px rgb(56 163 253 / 20%), 0 0 0 0 rgb(56 163 253 / 20%); box-shadow: 0 8px 10px rgb(56 163 253 / 30%), 0 0 0 15px rgb(56 163 253 / 20%), 0 0 0 0 rgb(56 163 253 / 20%); } 80% { -webkit-box-shadow: 0 8px 10px rgb(56 163 253 / 30%), 0 0 0 30px rgb(56 163 253 / 0%), 0 0 0 26.7px rgb(56 163 253 / 7%); box-shadow: 0 8px 10px rgb(56 163 253 / 30%), 0 0 0 30px rgb(56 163 253 / 0%), 0 0 0 26.7px rgb(56 163 253 / 7%); } 100% { -webkit-box-shadow: 0 8px 10px rgb(56 163 253 / 30%), 0 0 0 30px rgb(56 163 253 / 0%), 0 0 0 40px rgb(56 163 253 / 0%); box-shadow: 0 8px 10px rgb(56 163 253 / 30%), 0 0 0 30px rgb(56 163 253 / 0%), 0 0 0 40px rgb(56 163 253 / 0%); } } @keyframes shake { 0% { transform: rotateZ(0); -ms-transform: rotateZ(0); -webkit-transform: rotateZ(0); } 10% { transform: rotateZ(-30deg); -ms-transform: rotateZ(-30deg); -webkit-transform: rotateZ(-30deg); } 20% { transform: rotateZ(15deg); -ms-transform: rotateZ(15deg); -webkit-transform: rotateZ(15deg); } 30% { transform: rotateZ(-10deg); -ms-transform: rotateZ(-10deg); -webkit-transform: rotateZ(-10deg); } 40% { transform: rotateZ(7.5deg); -ms-transform: rotateZ(7.5deg); -webkit-transform: rotateZ(7.5deg); } 50% { transform: rotateZ(-6deg); -ms-transform: rotateZ(-6deg); -webkit-transform: rotateZ(-6deg); } 60% { transform: rotateZ(5deg); -ms-transform: rotateZ(5deg); -webkit-transform: rotateZ(5deg); } 70% { transform: rotateZ(-4.28571deg); -ms-transform: rotateZ(-4.28571deg); -webkit-transform: rotateZ(-4.28571deg); } 80% { transform: rotateZ(3.75deg); -ms-transform: rotateZ(3.75deg); -webkit-transform: rotateZ(3.75deg); } 90% { transform: rotateZ(-3.33333deg); -ms-transform: rotateZ(-3.33333deg); -webkit-transform: rotateZ(-3.33333deg); } 100% { transform: rotateZ(0); -ms-transform: rotateZ(0); -webkit-transform: rotateZ(0); } } /* End */ /* Start:/local/templates/dezgroup/template_styles.css?1682166316118575*/ *, *:before, *:after { max-width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; } @media screen and (max-width: 600px) { /* *, *:before, *:after { max-width: 100% !important; -webkit-box-sizing: border-box; box-sizing: border-box; } */ } #index-map *, #index-map *:before, #index-map *:after { max-width: none; } .yButtonWave { max-width: none; } *:focus { outline: none; } html { min-width: 320px; margin: 0; } body { margin: 0; overflow: auto; overflow-x: hidden; height: 100%; font: 16px/1.4 'PFBeauSansPro', sans-serif; font-weight: 400; letter-spacing: 0px; color: #3f4c5f; background: #fff; -webkit-font-smoothing: antialiased; -moz-text-size-adjust: none; -webkit-text-size-adjust: none; -ms-text-size-adjust: none; } h1 { font: 50px/1.1 'PFBeauSansPro', sans-serif; font-weight: 800; text-transform: uppercase; margin: 0.6em 0 0.6em; color: #111111; } h2, .h2 { font: 40px/1.3 'PFBeauSansPro', sans-serif; font-weight: 700; margin: 0 0 0.6em; color: #111111; } h3 { font: 40px/1.4 'PFBeauSansPro', sans-serif; font-weight: 400; margin: 0 0 0.8em; color: #111111; } h4 { font: 30px/1.4 'PFBeauSansPro', sans-serif; font-weight: 400; margin: 0 0 0.8em; color: #111111; } h5 { font: 24px/1.4 'PFBeauSansPro', sans-serif; font-weight: 400; margin: 0 0 0.8em; color: #111111; } h5 { font: 20px/1.4 'PFBeauSansPro', sans-serif; font-weight: 500; margin: 0 0 0.8em; color: #111111; } h6 { font: 18px/1.4 'PFBeauSansPro', sans-serif; font-weight: 500; margin: 0 0 0.8em; color: #111111; } .h2 .gray { color: #cccccc; } p { font: 18px/1.4 'PFBeauSansPro', sans-serif; font-weight: 400; margin: 0 0 1em; color: #111111; } * > p:last-child { margin: 0; } a { text-decoration: none; color: #111111; } ul, ol { margin: 0; padding: 0; } b, strong { font-weight: 800; } img { border: 0; vertical-align: middle; } b { font-weight: 700; } .input, .textarea, .button { font: 14px/1 'PFBeauSansPro', sans-serif; font-weight: 400; color: #fff; border: 0; border-radius: 0; margin: 0; padding: 0; background: none; /*overflow: hidden;*/ resize: none; -webkit-appearance: none; -moz-appearance: none; -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; } input::-webkit-input-placeholder { color: #fff; } input::-moz-placeholder { color: #fff; } input:-moz-placeholder { color: #fff; } input:-ms-input-placeholder { color: #fff; } input:focus::-webkit-input-placeholder { color: transparent; } input:focus::-moz-placeholder { color: transparent; } input:focus:-moz-placeholder { color: transparent; } input:focus:-ms-input-placeholder { color: transparent; } textarea::-webkit-input-placeholder { color: #fff; } textarea::-moz-placeholder { color: #fff; } textarea:-moz-placeholder { color: #fff; } textarea:-ms-input-placeholder { color: #fff; } textarea:focus::-webkit-input-placeholder { color: transparent; } textarea:focus::-moz-placeholder { color: transparent; } textarea:focus:-moz-placeholder { color: transparent; } textarea:focus:-ms-input-placeholder { color: transparent; } .hidden { display: none; } .page-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: 100%; } .page-content { position: relative; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .clearfix:before, .clearfix:after { content: ''; display: table; } .clearfix:after { clear: both; } .page-width { max-width: 1600px; width: 100%; margin: 0 auto; padding: 0 20px; } .table { display: table; table-layout: fixed; width: 100%; } .table-tla { table-layout: auto; } .table .tr { display: table-row; height: 100%; } .table .tc { display: table-cell; height: 100%; vertical-align: middle; } .table-vat > .tc { vertical-align: top; } .bubble { z-index: 100; pointer-events: none; position: absolute; width: 140px; background: url("/local/templates/dezgroup/images/bubble.png") center center / contain no-repeat; } .bubble:before { content: ''; display: block; width: 100%; height: 0; padding-bottom: 100%; } .bubble-trans { opacity: 0.4; } .bubble-small { width: 110px; } .bubble-micro { width: 54px; } .fancybox-container * { max-width: none; } .fancybox-enabled { overflow: auto !important; } .slick-slider .slick-track { max-width: none; } .btn { position: relative; display: inline-block; padding: 14px 36px 16px; font-size: 17px; line-height: 1.2em; font-weight: 700; border-radius: 25px; background: #16a2cb; color: #ffffff; -webkit-box-shadow: 0 8px 30px rgba(22,162,203,0.7); box-shadow: 0 8px 30px rgba(22,162,203,0.7); cursor: pointer; border: none; text-align: center; text-decoration: none!important; } .btn:before { content: ""; position: absolute; opacity: 0; max-width: none; left: 0px; top: 0px; right: 0px; bottom: 0px; border: 1px solid #16a2cb; border-radius: 30px; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .btn:hover:before { left: -5px; top: -5px; right: -5px; bottom: -5px; opacity: 0.3; } .btn-white { color: #4eace4; background: #fff; } .btn-arrow:after { content: ""; display: inline-block; vertical-align: middle; width: 17px; height: 13px; margin-left: 24px; background: url("/local/templates/dezgroup/images/btn-arrow.png"); } .btn-more { display: inline-block; font-size: 17px; font-weight: 700; line-height: 1.2em; color: #111111; cursor: pointer; } .btn-more span { position: relative; display: inline-block; vertical-align: middle; margin-left: 10px; width: 32px; height: 32px; border-radius: 50%; background: #16a2cb; -webkit-box-shadow: 0 8px 30px rgba(22,162,203,0.7); box-shadow: 0 8px 30px rgba(22,162,203,0.7); } .btn-more span:before { content: ""; position: absolute; opacity: 0; max-width: none; left: 0px; top: 0px; right: 0px; bottom: 0px; border: 1px solid #16a2cb; border-radius: 50%; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .btn-more:hover span:before { left: -5px; top: -5px; right: -5px; bottom: -5px; opacity: 0.3; } .btn-more span:after { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url("/local/templates/dezgroup/images/btn-arrow.png") center center no-repeat; } .btn-more-white { color: #fff; } .btn-more-white span { background: #fff; } .btn-more-white span:before { border-color: #fff; } .btn-more-white span:after { background: url("/local/templates/dezgroup/images/btn-arrow-blue.png") center center no-repeat; } .btn-nav { position: relative; display: inline-block; width: 46px; height: 46px; border-radius: 50%; background: #16a2cb; background-image: -webkit-linear-gradient(45deg,#009ac9, #72cbd9); background-image: -o-linear-gradient(45deg,#009ac9, #72cbd9); background-image: linear-gradient(45deg,#009ac9, #72cbd9); -webkit-box-shadow: 0 8px 30px rgba(22,162,203,0.7); box-shadow: 0 8px 30px rgba(22,162,203,0.7); cursor: pointer; } .btn-nav:before { content: ""; position: absolute; opacity: 0; max-width: none; left: 0px; top: 0px; right: 0px; bottom: 0px; border: 1px solid #16a2cb; border-radius: 50%; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .btn-nav:after { content: ""; position: absolute; left: 50%; top: 50%; width: 10px; height: 10px; margin: -5px 0 0 -8px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); border-top: 1px solid #fff; border-right: 1px solid #fff; } .btn-nav:hover:before { left: -8px; top: -8px; right: -8px; bottom: -8px; opacity: 0.3; } .btn-nav-big { width: 64px; height: 64px; } .btn-nav-big:hover:before { left: -10px; top: -10px; right: -10px; bottom: -10px; } .btn-nav-big:after { width: 14px; height: 14px; margin: -7px 0 0 -12px; } .btn-nav-prev:after { -webkit-transform: rotate(-135deg); -ms-transform: rotate(-135deg); transform: rotate(-135deg); margin: -5px 0 0 -2px; } .btn-nav-prev.btn-nav-big:after { margin: -7px 0 0 -2px; } .btn-nav-white { background: #fff; } .btn-nav-white:after { border-color: #111; } /*.btn-nav-white:before { border-color: #fff; }*/ .text-link { display: inline-block; color: #45b4d1; text-decoration: underline; } .text-link:hover { text-decoration: none; } div.news-list { word-wrap: break-word; } div.news-list img.preview_picture { float: left; margin: 0 4px 6px 0; } .news-date-time { color: #486DAA; } header { position: fixed; z-index: 500; top: 0; left: 0; width: 100%; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } header.scrolled { background: rgba(61, 76, 132, 1); } .top-header { padding: 12px 0 10px; background: #fff; } .top-header .page-width { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .logo a { -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .logo a:hover { opacity: 0.8; } .clean-point { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .clean-point img { margin-right: 6px; } .clean-point a { font-size: 15px; line-height: 1em; font-weight: 700; color: #2f4084; border-bottom: 1px solid rgba(47,64,132, 0.5); -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .clean-point a:hover { border-color: rgba(47,64,132, 1); } .social { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-left: 100px; } footer .social { padding-left: 0; margin: 0 auto; } .social a { opacity: 0.5; margin-right: 30px; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .social a:hover { opacity: 1; } .social a:last-child { margin-right: 0; } .top-phone { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .top-phone img { margin-right: 8px; } .top-phone a { font-size: 20px; font-weight: 700; color: #2f4084; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .top-phone a:hover { opacity: 0.8; } .menu-btn { display: none; width: 24px; height: 14px; position: relative; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); -webkit-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; cursor: pointer; } .menu-btn span { display: block; position: absolute; height: 2px; width: 100%; background: #16a2cb; border-radius: 9px; opacity: 1; left: 0; -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; } .menu-btn span:nth-child(1) { top: 0px; } .menu-btn span:nth-child(2) { top: 6px; } .menu-btn span:nth-child(3) { top: 12px; } .menu-open .menu-btn span:nth-child(1) { top: 10px; -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); } .menu-open .menu-btn span:nth-child(2) { opacity: 0; left: 60px; } .menu-open .menu-btn span:nth-child(3) { top: 10px; -webkit-transform: rotate(-135deg); -ms-transform: rotate(-135deg); transform: rotate(-135deg); } .menu-wrap { position: relative; } .menu-wrap:before { content: ""; position: absolute; bottom: 0px; left: 0; width: 100%; height: 1px; background: #fff; opacity: 0.34; } .menu { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .menu ul { list-style-type: none; font-size: 0; } .menu-list { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .menu .menu-link-wrap { position: relative; display: inline-block; } .menu .menu-link { position: relative; display: inline-block; padding: 29px 0; font-size: 16px; font-weight: 700; text-transform: uppercase; color: #fff; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } /*.menu.smooth-link-border .menu-link.active:before { display: none; }*/ .menu .menu-link.active:before { content: ""; bottom: 0; left: 0; width: 100%; height: 1px; position: absolute; background: #16a2cb; } .menu .menu-link:hover { color: #16a2cb; } .menu .menu-link.active { color: #16a2cb; } /*.menu .link-border { position: absolute; bottom: 0; left: 0; width: 0; height: 1px; pointer-events: none; }*/ /*.menu .link-border span { display: block; position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; background: #16a2cb; transition: all 0.3s ease; transform: scale(0,1); }*/ /*.menu.smooth-link-border .link-border { transition: all 0.3s ease; }*/ /*.menu.smooth-link-border .link-border span { transform: scale(1); }*/ /*.menu.not-smooth-span .link-border span { transform: scale(1); transition-duration: 0s; }*/ .menu .submenu { position: absolute; opacity: 0; z-index: 100; top: 100%; left: 50%; margin-top: -6px; max-width: none; padding: 12px 0; -webkit-transform: translate3d(-50%,0,0); transform: translate3d(-50%,0,0); border-radius: 10px; background: #fff; -webkit-box-shadow: 0 7px 27px rgba(0,0,0, 0.2); box-shadow: 0 7px 27px rgba(0,0,0, 0.2); pointer-events: none; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .menu .submenu li { display: block; margin: 6px 0; padding: 0 24px 0 12px; } .menu .submenu li.submenu-parent { max-height: 40px; height: 100%; overflow: hidden; transition: max-height .5s ease-in-out; position: relative; cursor: pointer; } .menu .submenu li.submenu-parent.active { max-height: 800px; } .menu .submenu li.submenu-parent::before { content: ""; width: 10px; height: 10px; position: absolute; right: 20px; top: 10px; border-bottom: 2px solid #16a2cb; border-right: 2px solid #16a2cb; border-radius: 1px; transform: rotate(45deg); transition: all .5s ease-in-out; } .menu .submenu li.submenu-parent.active::before { transform: rotate(-135deg); } .menu .submenu li a { display: inline-block; position: relative; padding: 8px 0 8px 12px; font-size: 15px; white-space: nowrap; color: #444444; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .menu .submenu li a:hover { color: #16a2cb; } .menu .submenu li a.active { color: #16a2cb; } .menu .submenu li a.active:before { content: ""; position: absolute; left: 0; top: 0; width: 1px; height: 100%; background: #16a2cb; -webkit-box-shadow: 0 0 6px #16a2cb; box-shadow: 0 0 6px #16a2cb; } /*.menu .submenu li a:after { content: ""; position: absolute; right: 0; bottom: 0.6em; margin-bottom: -6px; width: 16px; height: 12px; background: url("/local/templates/dezgroup/images/green-arrow.png") center center no-repeat; }*/ footer { padding: 50px 0 54px; background: url("/local/templates/dezgroup/images/footer-top.png") center top repeat-x, url("/local/templates/dezgroup/images/footer-left-bg.png") left top no-repeat, url("/local/templates/dezgroup/images/footer-right-bg.png") right bottom no-repeat #fff; } .footer-columns { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .footer-columns .column { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding-left: 18px; } .footer-columns .column:first-child { -ms-flex-negative: 0; flex-shrink: 0; padding-left: 0; } .footer-columns .column:last-child { -ms-flex-negative: 0; flex-shrink: 0; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; text-align: right; } footer .slogan { margin-top: 18px; font-size: 18px; font-weight: 700; color: #2f4084; } footer .social { margin-top: 18px; } .footer-text { margin-top: 18px; font-size: 14px; line-height: 1.8em; color: #999999; } .copyright { margin-top: 18px; font-size: 15px; color: #111111; } .footer-menu { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .footer-menu a { position: relative; margin-top: 18px; padding-left: 24px; font-size: 15px; color: #111111; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .footer-menu a:first-child { margin-top: 0; } .footer-menu a:before { content: ""; position: absolute; left: 6px; top: 50%; width: 16px; height: 16px; margin-top: -8px; background: url("/local/templates/dezgroup/images/ul-point.png"); opacity: 0; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .footer-menu a:hover:before { left: 0; opacity: 1; } footer .clean-point { margin-top: 24px; } footer .clean-point:first-child { margin-top: 0; } .footer-phone { margin-bottom: 12px; font-size: 20px; font-weight: 700; color: #111; } .footer-address { margin: 12px 0; font-size: 15px; line-height: 1.8em; } .footer-address .grey { font-size: 12px; color: #999999; } .main-screen { position: relative; font-size: 0; height: 100vh; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .main-screen:before { content: ""; position: absolute; z-index: 1; top: 0; width: 100%; height: 70%; opacity: 0.5; background: -webkit-gradient(linear, left top, left bottom, from(#000), to(rgba(0,0,0,0))); background: -webkit-linear-gradient(top, #000, rgba(0,0,0,0)); background: -o-linear-gradient(top, #000, rgba(0,0,0,0)); background: linear-gradient(to bottom, #000, rgba(0,0,0,0)); pointer-events: none; } .main-screen-clouds { position: absolute; display: block; bottom: -1px; width: 100%; height: auto; pointer-events: none; } .main-bg-slider { position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .main-bg-slider .bg { position: relative; height: 100vh; } .main-bg-slider .bg:before { content: ""; position: absolute; z-index: 2; left: 0; top: 0; width: 100%; height: 100%; background: url("/local/templates/dezgroup/images/pixel-bg.png") center center repeat; } .main-video { position: absolute; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden; } /*.main-video:before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url("/local/templates/dezgroup/images/pixel-bg.png") center center repeat; }*/ .video { max-width: none; min-width: 100%; } .main-screen .slide { position: relative; } .main-text { position: relative; z-index: 10; } .main-text .text { line-height: 1.15em; max-width: 810px; margin: 0 auto; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); opacity: 0; -webkit-transition: opacity 0.3s linear, -webkit-transform 0.5s linear; transition: opacity 0.3s linear, -webkit-transform 0.5s linear; -o-transition: transform 0.5s linear, opacity 0.3s linear; transition: transform 0.5s linear, opacity 0.3s linear; transition: transform 0.5s linear, opacity 0.3s linear, -webkit-transform 0.5s linear; } .main-text .slick-active .text { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1; } .main-text .text-small { font-size: 18px; margin-top: 24px; line-height: 1.4em; } .main-text-slider { font-size: 65px; font-weight: 300; color: #fff; text-align: center; } .main-slider-nav { position: absolute; left: 0; top: 50%; width: 100%; } .main-slider-dots { position: absolute; z-index: 10; left: 50%; bottom: 72px; -webkit-transform: translate3d(-50%,0,0); transform: translate3d(-50%,0,0); } .main-slider-dots ul { font-size: 0; } .main-slider-dots li { display: inline-block; margin: 0 10px; vertical-align: top; } .main-slider-dots span { display: block; width: 12px; height: 12px; border-radius: 12px; background: #fff; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .main-slider-dots .slick-active span { width: 50px; } .main-text .slick-arrow { position: absolute; left: 20px; top: -32px; } .main-text .slick-next { left: auto; right: 20px; } .main-text .form-wrap { width: 810px; margin: 0 auto; text-align: center; } .main-screen .form-wrap { margin-top: 36px; } .main-screen .form-fields { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .main-screen .form-input { -ms-flex-preferred-size: 50%; flex-basis: 50%; padding: 0 12px; } .form-input .field { width: 100%; padding: 14px 24px; border: 1px solid rgba(255,255,255, 0.5); font-size: 16px; font-weight: 700; color: #111111; border-radius: 25px; background: rgba(0,0,0, 0.05); -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .form-input .field:hover { border-color: #fff; -webkit-box-shadow: 0 8px 30px rgba(22,162,203,0.7); box-shadow: 0 8px 30px rgba(22,162,203,0.7); } .form-input .field:focus { border-color: #fff; -webkit-box-shadow: 0 8px 30px rgba(22,162,203,0.7); box-shadow: 0 8px 30px rgba(22,162,203,0.7); background: #fff; } .main-screen .btn-wrap { margin-top: 36px; } .agree-it { display: inline-block; margin-top: 20px; } .agree-it input[type="checkbox"]:not(checked) { position: absolute; opacity: 0; } .agree-it input[type="checkbox"] { vertical-align: middle; display: inline-block; margin: 2px; width: auto; } .agree-it input[type="checkbox"]:not(checked) + label { display: block; line-height: normal; position: relative; padding-left: 24px; cursor: pointer; font-size: 15px; font-weight: 300; color: #fff; } body .agree-it input[type="checkbox"]:not(checked) + label:before { position: absolute; content: ""; height: 16px; width: 16px; border-radius: 50%; left: 0; top: 0px; border: 1px solid rgba(255,255,255, 0.5); -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .agree-it input[type="checkbox"].error + label:before { border-color: #ff0000; } .agree-it input[type="checkbox"]:hover + label:before { border-color: #fff; } .agree-it input[type="checkbox"] + label:after { content: ""; position: absolute; width: 16px; height: 16px; background: url(/local/templates/dezgroup/images/checked.png) no-repeat; left: 0; top: 0px; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .agree-it input[type="checkbox"]:checked + label:before { opacity: 0; } .agree-it input[type="checkbox"]:checked + label:after { content: ""; position: absolute; width: 16px; height: 16px; background: url(/local/templates/dezgroup/images/checked.png) no-repeat; left: 0; top: 0px; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .agree-it a { color: #fff; text-decoration: underline; } .index-services-wrap { } .index-services { position: relative; max-width: 1320px; height: 550px; padding-top: 100px; } .index-services .bg-image { position: absolute; left: 50%; top: -140px; -webkit-transform: translate3d(-50%, 0, 0); transform: translate3d(-50%, 0, 0); } .index-services .h2 { } .index-services .column { position: relative; } .services-slider { position: absolute; left: 50%; top: 0; margin-left: -156px; } .services-slider .slide-wrap { position: relative; width: 300px; height: 430px; padding: 40px 0 40px 24px; } .services-slider .slide { max-width: none; position: absolute; left: 24px; top: 40px; right: 0; bottom: 40px; -webkit-box-shadow: 0 15px 32px rgba(0,0,0,0.15); box-shadow: 0 15px 32px rgba(0,0,0,0.15); -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .services-slider .slide:hover { } .services-slider .slide:before { content: ""; position: absolute; z-index: 1; left: 0; top: 0; width: 100%; height: 100%; background: #000; opacity: 0.4; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .services-slider .slide:after { content: ""; position: absolute; z-index: 1; left: 0; top: 0; width: 100%; height: 100%; background-image: -webkit-linear-gradient(45deg, #39b0cf, #7ac800); background-image: -o-linear-gradient(45deg, #39b0cf, #7ac800); background-image: linear-gradient(45deg, #39b0cf, #7ac800); opacity: 0; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .services-slider .slide-text { z-index: 10; height: 0; position: absolute; bottom: 0; left: 30px; right: 30px; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .services-slider .slide-text-wrap { position: absolute; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden; } .services-slider .name { position: absolute; bottom: 100%; margin-bottom: 0.8em; font-size: 22px; line-height: 1.2em; font-weight: 700; color: #fff; } .services-slider .text { margin-bottom: 20px; font-size: 16px; max-height: 9em; overflow: hidden; line-height: 1.5em; color: #fff; } .services-slider .slick-current .slide-text { height: 270px; } .services-slider .slick-current .slide { z-index: 2; left: 0; top: 0; right: -12px; bottom: 0; -webkit-box-shadow: 0 15px 32px rgba(0,0,0,0); box-shadow: 0 15px 32px rgba(0,0,0,0); } .services-slider .slick-current .slide:before { opacity: 0; } .services-slider .slick-current .slide:after { opacity: 0.95; } .services-slider-nav { position: absolute; top: 215px; left: 50%; width: 540px; margin: 0 0 0 -270px; } .services-slider-nav .slick-arrow { position: absolute; left: 0; top: -23px; } .services-slider-nav .slick-next { left: auto; right: 0; } .services-slider .slick-dots { margin-top: 30px; list-style-type: none; font-size: 0; } .services-slider .slick-dots li { display: inline-block; margin-right: 18px; vertical-align: top; font-size: 22px; font-weight: 700; color: #abddec; cursor: pointer; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .services-slider .slick-dots li:hover { color: #fff; } .services-slider .slick-dots li.slick-active { color: #fff; } .services_faq { margin-top: 50px; } .services_faq h2 { text-align: center; } .services_faq .left { padding-right: 0 !important; } .links-list { margin-bottom: 30px; } .links-list div { margin-bottom: 6px; } .links-list a { font-size: 16px; font-weight: 700; color: #009ac9; border-bottom: 1px solid rgba(0,154,201, 0.6); -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; text-decoration: none!important; } .links-list a:hover { border-color: rgba(0,154,201, 1); } .index-why-wrap { position: relative; padding: 210px 0 190px; background: url("/local/templates/dezgroup/images/why04.jpg") center center / cover no-repeat; } .index-news-wrap + .index-why-wrap { margin-top: 0; } .index-why-wrap:after { /* content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url("/local/templates/dezgroup/images/pixel-bg.png") center center repeat; */ } .index-why { max-width: 1320px; display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; -ms-flex-line-pack: center; align-content: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; position: relative; z-index: 2; } .index-why .column { -ms-flex-preferred-size: 35%; flex-basis: 35%; padding-right: 54px; } .index-why .column:last-child { -ms-flex-preferred-size: 65%; flex-basis: 65%; padding: 0; } .index-why .column-text { position: relative; margin-bottom: 2.1em; line-height: 1.8em; color: #111111; } .index-why .column-text:before { /* content: ""; position: absolute; z-index: -1; left: -50%; top: -50%; max-width: none; width: 200%; height: 200%; background: -webkit-radial-gradient( #fff 0%, transparent 70%); background: -o-radial-gradient( #fff 0%, transparent 70%); background: radial-gradient( #fff 0%, transparent 70%); */ } .why-list { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; -ms-flex-wrap: wrap; flex-wrap: wrap; /*-webkit-box-align: center; -ms-flex-align: center; align-items: center; */ -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-line-pack: justify; align-content: space-between; max-width: none; } .why-list .item { width: 225px; height: 230px; padding: 54px 18px 0 24px; margin-bottom: 50px; background: #fff; color: #111111; box-shadow: 0 0 20px #16a2cb; } .why-list .name { margin-bottom: 0.5em; font-size: 22px; line-height: 1.35em; font-weight: 700; } .why-list .text { font-size: 14px; line-height: 1.5em; color: #999999; } .index-big-bg { position: relative; padding: 120px 0 170px; background: url("/local/templates/dezgroup/images/circle.png") calc(50% - 800px) 0% no-repeat, url("/local/templates/dezgroup/images/circle.png") calc(50% + 800px) 105% no-repeat, url("/local/templates/dezgroup/images/index-big-bg2.png") bottom center no-repeat; } .index-big-bg .index-actions-wrap { padding-bottom: 240px; } .index-big-bg .bubble:nth-child(1) { left: 50%; margin-left: -685px; top: -70px; } .index-big-bg .bubble:nth-child(2) { left: 50%; margin-left: 500px; top: 50%; } .index-big-bg .bubble:nth-child(3) { left: 50%; margin-left: -500px; top: 50%; margin-top: -40px; } .index-big-bg .bubble:nth-child(4) { left: 50%; margin-left: 385px; bottom: 15px; } .index-big-bg .bubble:nth-child(5) { left: 50%; margin-left: 800px; bottom: 300px; } .index-actions-wrap { text-align: center; } .index-actions { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: relative; text-align: left; } .actions-slider-arrows { position: absolute; top: 0; } .actions-slider-images { width: 50%; padding-right: 0 10px; } .actions-slider-images .slide { width: 100%; height: 480px; padding: 0 10px 50px 160px; } .actions-slider-images .bg { width: 100%; height: 100%; -webkit-box-shadow: -5px 27px 32px rgba(0,0,0,0.32); box-shadow: -5px 27px 32px rgba(0,0,0,0.32); } .actions-slider-wrap { width: 50%; padding-left: 20px; padding-right: 160px; } .actions-slider-nav { } .actions-slider { position: relative; } .actions-slider .slide { padding: 30px 0 30px 50px; } .actions-slider .name { margin-bottom: 0.5em; font-size: 30px; line-height: 1.3em; font-weight: 700; color: #131313; } .actions-slider .text { margin-bottom: 2em; line-height: 1.8em; color: #777777; } .actions-slider-nav .slick-dots { padding-left: 50px; list-style-type: none; font-size: 0; } .actions-slider-nav .slick-dots li { display: inline-block; margin-right: 18px; vertical-align: top; font-size: 18px; font-weight: 700; color: #999999; cursor: pointer; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .actions-slider-nav .slick-dots li:hover { color: #009ac9; } .actions-slider-nav .slick-dots li.slick-active { color: #009ac9; } .actions-slider-arrows { position: absolute; left: 0; top: 50%; width: 100%; } .actions-slider-arrows .slick-arrow { position: absolute; left: 0; top: -32px; z-index: 10; } .actions-slider-arrows .slick-next { left: auto; right: 0; } .gradient-title { position: relative; display: inline-block; z-index: 3; background-color: transparent; color: #009ac9; background-image: -webkit-linear-gradient(right, #009ac9 0%, #72cbd9 100%); background-image: -webkit-gradient(linear, right top, left top, from(#009ac9), to(#72cbd9)); background-image: -o-linear-gradient(right, #009ac9 0%, #72cbd9 100%); background-image: linear-gradient(right, #009ac9 0%, #72cbd9 100%); -webkit-text-fill-color: transparent; -webkit-background-clip: text; } .good-job { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 0 160px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .good-job .h2 { line-height: 1.2em; } .good-job .column { padding-right: 10px; -ms-flex-preferred-size: 50%; flex-basis: 50%; width: 50%; } .good-job .column:last-child { padding-right: 0; padding-left: 70px; } .good-job-slider { position: relative; height: 370px; padding: 70px 30px 0 100px; background: url("/local/templates/dezgroup/images/good-job.jpg") center center / cover no-repeat; -webkit-box-shadow: 0 27px 32px 0 rgba(0,0,0,0.3); box-shadow: 0 27px 32px 0 rgba(0,0,0,0.3); } .good-job .job-text { margin-bottom: 36px; line-height: 1.9em; color: #111111; } .good-job .slide-head { margin-bottom: 30px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .good-job .img { -ms-flex-negative: 0; flex-shrink: 0; margin-right: 18px; } .good-job .name { font-size: 25px; font-weight: 700; line-height: 1.2em; color: #fff; } .good-job-slider .slide { padding-left: 12px; } .good-job-slider .text { line-height: 1.5em; color: #fff; } .good-job-slider .slick-dots { position: absolute; left: 0; top: 50%; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); list-style-type: none; font-size: 0; } .good-job-slider .slick-dots li { position: relative; display: block; margin-bottom: 18px; padding-left: 36px; vertical-align: top; font-size: 20px; font-weight: 700; color: #fff; cursor: pointer; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .good-job-slider .slick-dots li:before { content: ""; position: absolute; left: 0; top: 50%; height: 1px; width: 20px; background: #fff; opacity: 0; transition: all 0.3s ease-in-out; } .good-job-slider .slick-dots li.slick-active:before { opacity: 1; } .good-job-slider .slick-dots li:hover { color: #009ac9; } .good-job-slider .slick-dots li.slick-active { color: #009ac9; } .index-fast-wrap { padding: 240px 0; background: url("/local/templates/dezgroup/images/fast-bg02.jpg") center center / cover no-repeat; } .index-fast { max-width: 1280px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .index-fast .h2 { line-height: 1.2em; } .index-fast .column:first-child { -ms-flex-preferred-size: 35%; flex-basis: 35%; padding-right: 54px; } .index-fast .fast-list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; align-items: center; -ms-flex-preferred-size: 65%; flex-basis: 65%; } .index-fast .item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-preferred-size: 50%; flex-basis: 50%; padding: 42px 0 42px 20px; } .index-fast .fast-num { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-negative: 0; flex-shrink: 0; width: 66px; height: 66px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-right: 24px; background: #fff; border-radius: 50%; font-size: 18px; font-weight: 700; color: #009ac9; -webkit-box-shadow: 0 10px 30px rgba(22,162,203, 0.7); box-shadow: 0 10px 30px rgba(22,162,203, 0.7); } .percentage-wrap { position: absolute; left: 50%; top: 50%; -webkit-transform: translate3d(-50%,-50%,0); transform: translate3d(-50%,-50%,0); max-width: none; width: 84px; height: 84px; } .index-fast .item .percentage-wrap { stroke-dasharray: 251; stroke-dashoffset: 60; } .index-fast .fast-text { } .index-fast .name { margin-bottom: 6px; text-transform: uppercase; font-size: 18px; font-weight: 700; color: #111111; } .index-fast .text { color: #111111; } .svg-hidden { position: absolute; pointer-events: none; height: 0; overflow: hidden; } .index-reviews-wrap { position: relative; padding: 60px 0; } .index-reviews-btn { position: absolute; left: 0; top: 96px; height: 370px; width: 240px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-size: 17px; font-weight: 700; color: #fff; border-top-right-radius: 12px; border-bottom-right-radius: 12px; background: url("/local/templates/dezgroup/images/review-btn-bg.jpg") center center / cover no-repeat; } .index-reviews { position: relative; max-width: 1280px; } .newReview { color: #fff !important; text-decoration: none !important; } .newButton { color: #4eace4 !important; background: #fff !important; } .index-reviews .h2 { line-height: 1.1em; } .index-reviews .column { width: 30%; padding: 72px 0 36px; float: left; } .index-reviews .column-text { margin-bottom: 42px; padding-right: 30px; line-height: 1.5em; color: #848484; } .reviews-slider { position: relative; max-width: none; width: 120%; margin-left: 30%; } .reviews-slider .slide { position: relative; padding: 36px 18px 36px 60px; } .reviews-slider .slide:before { content: ""; position: absolute; left: 0; top: 50%; margin-top: -61px; width: 122px; height: 122px; background: url("/local/templates/dezgroup/images/review-icon.png") center center / cover no-repeat; pointer-events: none; } .reviews-slider .slide-text { padding: 48px 30px 30px 60px; border-radius: 12px; -webkit-box-shadow: 0 15px 30px rgba(0,0,0, 0.2); box-shadow: 0 15px 30px rgba(0,0,0, 0.2); color: #777777; } .reviews-slider .slide-text-inner { height: 15em; overflow: hidden; font-size: 15px; line-height: 1.5em; } .reviews-slider .name { position: relative; margin-top: 18px; font-size: 18px; font-weight: 700; color: #000000; } .reviews-slider .name.no-image { padding-left: 54px; } .reviews-slider .name img { display: inline-block; margin-right: 12px; vertical-align: middle; } .reviews-slider .name.no-image:before { content: ""; position: absolute; left: 0; top: 50%; margin-top: -1px; width: 42px; height: 2px; background-image: -webkit-gradient(linear, left top, right top, from(#009ac9), to(#72cbd9)); background-image: -webkit-linear-gradient(left, #009ac9, #72cbd9); background-image: -o-linear-gradient(left, #009ac9, #72cbd9); background-image: linear-gradient(to right, #009ac9, #72cbd9); } .index-reviews .btn-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .reviews-slider-arrows { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .reviews-slider-arrows .slick-next { margin-left: 24px; } .reviews-slider .name.no-image { padding-left: 54px; } .reviews-slider .name img { display: inline-block; margin-right: 12px; vertical-align: middle; } .reviews-slider .name.no-image:before { content: ""; position: absolute; left: 0; top: 50%; margin-top: -1px; width: 42px; height: 2px; background-image: -webkit-gradient(linear, left top, right top, from(#009ac9), to(#72cbd9)); background-image: -webkit-linear-gradient(left, #009ac9, #72cbd9); background-image: -o-linear-gradient(left, #009ac9, #72cbd9); background-image: linear-gradient(to right, #009ac9, #72cbd9); } .index-questions-wrap { position: relative; background: url("/local/templates/dezgroup/images/bg04.jpg") center center / cover no-repeat; } .index-questions-wrap:before { /* content: ""; position: absolute; z-index: 1; left: 0; top: 0; width: 100%; height: 100%; background: url("/local/templates/dezgroup/images/pixel-bg.png") repeat; */ } .index-questions-wrap:after { content: ""; position: absolute; z-index: 1; left: 0; top: 0; width: 100%; height: 100%; background: #1c1008; opacity: 0.4; } .index-questions { position: relative; z-index: 2; max-width: 1280px; height: 800px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .index-questions .h2 { color: #fff; } .index-questions .column { width: 35%; padding-right: 30px; -ms-flex-negative: 0; flex-shrink: 0; } .index-questions .column-text { width: 290px; margin-bottom: 30px; line-height: 1.5em; color: #cccccc; } .questions-list { width: 65%; } .questions-list .item { width: 100%; margin-bottom: 18px; padding: 36px 24px 24px 24px; border: 1px dashed rgba(255,255,255, 0.4); border-radius: 12px; background: rgba(0,0,0, 0.07); -webkit-box-shadow: 0 15px 30px rgba(0,0,0, 0.1); box-shadow: 0 15px 30px rgba(0,0,0, 0.1); -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .questions-list .item.show-answer { background: #fff; -webkit-box-shadow: 0 15px 30px rgba(0,0,0, 0.2); box-shadow: 0 15px 30px rgba(0,0,0, 0.2); } .questions-list .question { position: relative; padding-bottom: 12px; padding-right: 40px; font-size: 17px; font-weight: 700; color: #fff; border-bottom: 1px dashed transparent; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; cursor: pointer; } .questions-list .show-answer .question { padding-bottom: 36px; color: #009ac9; border-color: #dddddd; } .questions-list .answer { display: none; padding-top: 24px; line-height: 1.5em; color: #777777; } .questions-list .btn-more { position: absolute; top: 0; right: 0; margin: 0; } .questions-list .btn-more span { margin: 0; } .questions-list .btn-more span:after { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); background-position: 50% 46%; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .questions-list .show-answer .btn-more span:after { -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); } .price-list .open { color: #000; } .price-list .item { position: relative; } .price-list .price-total { /* position: absolute; */ /* right: 30px; */ margin-left: auto; color: #000; } .price-list .price-total-min { font-size: 20px; color: #16A2CB; } .index-news-wrap { padding: 78px 0 0px; text-align: center; } .index-news { max-width: 1280px; } .news-slider,.news-sliderr { max-width: none; margin: 0 -30px; } .news-slider .slide-wrap,.news-sliderr .slide-wrap { padding: 0 30px 42px 30px; } .news-item { height: 100%; border-radius: 12px; text-align: left; -webkit-box-shadow: 0 15px 30px rgba(0,0,0, 0.1); box-shadow: 0 15px 30px rgba(0,0,0, 0.1); -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; display: block; text-decoration: none !important; } .news-item:hover { -webkit-box-shadow: 0 15px 30px rgba(0,0,0, 0.2); box-shadow: 0 15px 30px rgba(0,0,0, 0.2); } .news-item .image { position: relative; height: 228px; overflow: hidden; border-top-left-radius: 12px; border-top-right-radius: 12px; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .news-item .image:before { content: ""; position: absolute; left: 0; top: -90px; width: 155px; height: 155px; border-radius: 50%; background: #2f4084; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .news-item:hover .image:before { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .news-item .noimage { position: relative; height: 228px; overflow: hidden; border-radius: 12px; /* border-top-left-radius: 12px; border-top-right-radius: 12px; */ -webkit-backface-visibility: hidden; backface-visibility: hidden; } .news-item .noimage:before { display: none; } .news-item .date { position: absolute; top: 26px; left: 36px; font-weight: 700; color: #fff; } .news-item .text-wrap { padding: 18px 24px 24px 24px; } .news-item .text { height: 3.6em; margin-bottom: 12px; overflow: hidden; font-size: 17px; line-height: 1.8em; } .news-slider .slick-arrow,.news-sliderr .slick-arrow { position: absolute; z-index: 4; left: -46px; top: 50%; margin-top: -23px; } .news-slider .slick-next,.news-sliderr .slick-next { left: auto; right: -46px; } .form-container { position: relative; padding: 240px 0 220px; background: url("/local/templates/dezgroup/images/form-bg02.jpg") center center / cover no-repeat; } .form-container .bubble:nth-child(1) { left: 50%; margin-left: -785px; bottom: 90px; } .form-container .bubble:nth-child(2) { left: 50%; margin-left: 600px; top: 120px; } .form-container .bubble:nth-child(3) { left: 50%; margin-left: -880px; top: 60px; } .form-container .bubble:nth-child(4) { left: 50%; margin-left: 355px; bottom: 90px; } .form-container .form-wrap { width: 100%; max-width: 1280px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; text-align: left; } .form-container .column { width: 50%; } .form-container .h2 { line-height: 1.2em; color: #fff; } .form-container .column-text { font-size: 16px; color: #fff; } .form-container .form-simple { width: 390px; padding-left: 10px; } .form-container .form-input { margin-bottom: 20px; } .form-container .form-input:last-child { margin-bottom: 0; } .form-container .agree-it { margin-bottom: 36px; } .form-input .custom-select-wrap { position: relative; z-index: 10; display: inline-block; width: 100%; font-size: 16px; font-weight: 700; text-align: left; } .form-input .custom-select-wrap:hover .custom-select-selected { border: 1px solid rgba(255,255,255, 1); -webkit-box-shadow: 0 8px 30px rgba(22,162,203,0.7); box-shadow: 0 8px 30px rgba(22,162,203,0.7); } .form-input .custom-select-wrap select { display: none; } .form-input .custom-select { position: relative; } .form-input .custom-select-selected { vertical-align: middle; position: relative; padding: 14px 20px; color: #fff; cursor: pointer; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; border: 1px solid rgba(255,255,255, 0.5); border-radius: 25px; } .form-input .custom-select-selected:after { content: ""; display: block; position: absolute; top: 15px; right: 20px; width: 12px; height: 12px; border-right: 1px solid #fff; border-top: 1px solid #fff; -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .form-input .custom-select-items { display: none; position: absolute; top: 100%; left: 0; width: 100%; margin-top: 6px; padding: 3px 0; background: #fff; border: 1px solid #fff; border-radius: 25px; } .form-input .custom-select-items span { display: block; padding: 6px 20px; cursor: pointer; color: #111111; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .input-file { display: inline-block; width: 100%; margin-bottom: 12px; text-align: left; } .input-file-btn { display: inline-block; vertical-align: middle; height: 40px; margin-right: 12px; line-height: 40px; font-weight: 500; text-align: center; width: 180px; border-radius: 20px; color: #111; cursor: pointer; background: #fff; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .input-file-btn:hover { opacity: 0.85; } .input-file-text { display: inline-block; vertical-align: middle; height: 40px; line-height: 40px; } .animated-wrap .why-list .item { opacity: 0; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-duration: 0.4s; animation-duration: 0.4s; } .index-why-wrap.animated-wrap .h2 { opacity: 0; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-duration: 0.4s; animation-duration: 0.4s; } .index-why-wrap.animated-wrap .column-text { opacity: 0; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-duration: 0.4s; animation-duration: 0.4s; -webkit-animation-delay: 0.2s; animation-delay: 0.2s; } .index-why-wrap.animated-wrap .btn { opacity: 0; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-duration: 0.4s; animation-duration: 0.4s; -webkit-animation-delay: 0.4s; animation-delay: 0.4s; } .animated-wrap.animate-it .why-list .item { -webkit-animation-name: zoomInMy; animation-name: zoomInMy; } .index-why-wrap.animated-wrap.animate-it .h2 { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } .index-why-wrap.animated-wrap.animate-it .btn { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } .index-why-wrap.animated-wrap.animate-it .column-text { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } .animated-wrap .why-list .item:nth-child(1) { -webkit-animation-delay: 0.8s; animation-delay: 0.8s; } .animated-wrap .why-list .item:nth-child(2) { -webkit-animation-delay: 1s; animation-delay: 1s; } .animated-wrap .why-list .item:nth-child(3) { -webkit-animation-delay: 1.2s; animation-delay: 1.2s; } .animated-wrap .why-list .item:nth-child(4) { -webkit-animation-delay: 1.4s; animation-delay: 1.4s; } .animated-wrap .why-list .item:nth-child(5) { -webkit-animation-delay: 1.6s; animation-delay: 1.6s; } .animated-wrap .why-list .item:nth-child(6) { -webkit-animation-delay: 1.8s; animation-delay: 1.8s; } .index-fast-wrap.animated-wrap .item { opacity: 0; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-duration: 0.4s; animation-duration: 0.4s; } .index-fast-wrap.animated-wrap .h2 { opacity: 0; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-duration: 0.4s; animation-duration: 0.4s; } .index-fast-wrap.animated-wrap .btn { opacity: 0; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-duration: 0.4s; animation-duration: 0.4s; -webkit-animation-delay: 0.4s; animation-delay: 0.4s; } .index-fast-wrap.animated-wrap.animate-it .item { -webkit-animation-name: zoomInMy; animation-name: zoomInMy; } .index-fast-wrap.animated-wrap.animate-it .h2 { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; } .index-fast-wrap.animated-wrap.animate-it .btn { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; } .index-fast-wrap.animated-wrap .item:nth-child(1) { -webkit-animation-delay: 0.6s; animation-delay: 0.6s; } .index-fast-wrap.animated-wrap .item:nth-child(2) { -webkit-animation-delay: 0.8s; animation-delay: 0.8s; } .index-fast-wrap.animated-wrap .item:nth-child(3) { -webkit-animation-delay: 1s; animation-delay: 1s; } .index-fast-wrap.animated-wrap .item:nth-child(4) { -webkit-animation-delay: 1.2s; animation-delay: 1.2s; } .index-fast-wrap.animated-wrap .item:nth-child(5) { -webkit-animation-delay: 1.4s; animation-delay: 1.4s; } .index-fast-wrap.animated-wrap .item:nth-child(6) { -webkit-animation-delay: 1.6s; animation-delay: 1.6s; } .index-questions-wrap.animated-wrap .item { opacity: 0; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-duration: 0.4s; animation-duration: 0.4s; } .index-questions-wrap.animated-wrap .h2 { opacity: 0; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-duration: 0.4s; animation-duration: 0.4s; } .index-questions-wrap.animated-wrap .column-text { opacity: 0; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-duration: 0.4s; animation-duration: 0.4s; -webkit-animation-delay: 0.2s; animation-delay: 0.2s; } .index-questions-wrap.animated-wrap .btn { opacity: 0; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-duration: 0.4s; animation-duration: 0.4s; -webkit-animation-delay: 0.4s; animation-delay: 0.4s; } .index-questions-wrap.animated-wrap.animate-it .item { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } .index-questions-wrap.animated-wrap.animate-it .h2 { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; } .index-questions-wrap.animated-wrap.animate-it .btn { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; } .index-questions-wrap.animated-wrap.animate-it .column-text { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } .index-questions-wrap.animated-wrap .item:nth-child(1) { -webkit-animation-delay: 0.8s; animation-delay: 0.8s; } .index-questions-wrap.animated-wrap .item:nth-child(2) { -webkit-animation-delay: 1s; animation-delay: 1s; } .index-questions-wrap.animated-wrap .item:nth-child(3) { -webkit-animation-delay: 1.2s; animation-delay: 1.2s; } .index-questions-wrap.animated-wrap .item:nth-child(4) { -webkit-animation-delay: 1.4s; animation-delay: 1.4s; } .index-questions-wrap.animated-wrap .item:nth-child(5) { -webkit-animation-delay: 1.6s; animation-delay: 1.6s; } .index-questions-wrap.animated-wrap .item:nth-child(6) { -webkit-animation-delay: 0.6s; animation-delay: 0.6s; } .top-inner { text-align: center; background: /*url(/local/templates/dezgroup/images/inner-top-bottom.png) center bottom no-repeat,*/ url(/local/templates/dezgroup/images/top-inner.jpg) center top / cover no-repeat; padding: 110px 10px; margin: 81px 0 45px; position: relative; -webkit-transition: 0.2s linear; -o-transition: 0.2s linear; transition: 0.2s linear; } .top-inner h1 { color: #fff; text-transform: none; margin: 1.4em auto 0.6em; font-weight: 700; max-width: 1100px; line-height: 1.2; min-height: 120px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .top-inner p { color: #fff; font-size: 50px; text-transform: none; margin: 1.4em auto 0.6em; font-weight: 700; max-width: 1100px; line-height: 1.2; min-height: 120px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .left h1 { margin: 20px 0; font-size: 25px; font-weight: 700; color: #111; } .content-inner h1 { margin: 20px 0; font-size: 25px; font-weight: 700; color: #111; } .breadcrumbs { list-style: none; color: #fff; font-size: 15px; } .breadcrumbs a { color: #fff; -webkit-transition: color .1s linear; -o-transition: color .1s linear; transition: color .1s linear; } .breadcrumbs a:not([href="#"]):hover { color: #16a2cb; } .breadcrumbs a:not([href="#"]):focus, .breadcrumbs a:not([href="#"]):active { opacity: 0.8; } .breadcrumbs a[href="#"] { cursor: default; } .breadcrumbs li { display: inline-block; vertical-align: top; padding-right: 28px; position: relative; } .breadcrumbs li::after { content: ''; position: absolute; right: 11px; top: 9px; width: 5px; height: 5px; border-radius: 50%; background: #16a2cb; } .breadcrumbs li:last-child { padding: 0; } .breadcrumbs li:last-child::after { display: none; } .content-inner .page-width { padding-bottom: 30px; max-width: 1280px; } .content-inner .content-inner-col2 { max-width: none; } .content-inner p { font-size: 15px; color: #333; line-height: 2; margin-bottom: 15px; } .content-inner > .page-width a { color: #6078d2; text-decoration: underline; } .content-inner > .page-width a:hover { text-decoration: none; } .ul { list-style: none; font-size: 15px; color: #333; } .ul li { position: relative; display: block; padding: 0 0 20px 20px; } .ul li::before { content: ''; position: absolute; top: 8px; width: 6px; height: 6px; margin-left: -18px; background-image: -webkit-linear-gradient(45deg,#009ac9, #72cbd9); background-image: -o-linear-gradient(45deg,#009ac9, #72cbd9); background-image: linear-gradient(45deg,#009ac9, #72cbd9); border-radius: 50%; -webkit-box-shadow: 0 0 0 2px #fff, 0 0 0 3px #c1e6f1; box-shadow: 0 0 0 2px #fff, 0 0 0 3px #c1e6f1; } .ul-white { list-style: none; color: #fff; width: 100%; margin-bottom: 20px; } .ul-white li { position: relative; padding: 0 0 20px 20px; } .ul-white li::before { content: ''; position: absolute; left: 3px; top: 8px; width: 6px; height: 6px; background: #fff; border-radius: 50%; } .ul-white li::after { content: ''; position: absolute; left: 0; top: 5px; width: 12px; height: 12px; border-radius: 50%; border: 1px solid rgba(255,255,255, 0.27); } .h4 { margin: 30px 0 20px; font-size: 19px; font-weight: 700; color: #333; } .h3 { margin: 20px 0; font-size: 25px; font-weight: 700; color: #111; } .partners { max-width: 1280px; padding-top: 60px; position: relative; } .partners-item { border-radius: 10px; height: 190px; line-height: 190px; text-align: center; color: #fff; border: 1px solid #f0f0f0; } .partners-link { position: absolute; z-index: 3; right: 5px; width: 25%; padding: 0 10px; background: #fff; } .partners-link a { color: #fff; font-size: 17px; font-weight: 700; line-height: 1.4; background-image: -webkit-linear-gradient( 225deg, #7ac800 0%, #39b0cf 37%, #2f4084 100%); background-image: -o-linear-gradient( 225deg, #7ac800 0%, #39b0cf 37%, #2f4084 100%); background-image: linear-gradient( -135deg, #7ac800 0%, #39b0cf 37%, #2f4084 100%); display: block; border-radius: 10px; height: 190px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; -webkit-transition: 0.1s linear; -o-transition: 0.1s linear; transition: 0.1s linear; } .partners-link a:hover { font-size: 19px; } .partners-item img { vertical-align: middle; display: inline; } .partners-slider { max-width: none; margin: 0 -10px; } .partners-slider .slide-wrap { padding: 0 10px; } .partners-slider .slick-arrow { position: absolute; z-index: 4; left: -72px; top: 50%; margin-top: -23px; } .partners-slider .slick-next { left: auto; right: -72px; } .partners + .index-reviews-wrap { padding: 40px 0; } .partners + .index-reviews-wrap .index-reviews-btn { top: 70px; } .table { width: 100%; border-spacing: 0; border-collapse: collapse; margin: 30px 0; } .table td { border: 1px solid #d7e6e7; padding: 15px 30px; line-height: 1.9; width: 1%; } .form-large-container { background: url(/local/templates/dezgroup/images/bg-form01.jpg) center top / cover no-repeat; padding: 40px 15px; min-height: 590px; margin-bottom: 95px; } .form-large { width: 100%; max-width: 1240px; margin: 0 auto; text-align: center; color: #fff; } .form-large .form { max-width: 930px; margin: 0 auto; } .form-large .title { font: 50px/1.3 'PFBeauSansPro', sans-serif; font-weight: 700; margin-bottom: 20px; } .form-large .form-fields { margin: 35px -10px 0; display: -webkit-box; display: -ms-flexbox; display: flex; max-width: none; } .form-large .form-fields .form-input { padding: 0 10px; width: 33.333%; margin-bottom: 20px; } .form-large .textarea { width: 100%; max-width: 100%; min-width: 100%; height: 150px; } .form-large .agree-it { margin-bottom: 35px; } .form-large-container .agree-it input[type="checkbox"]:checked + label:after { background: url(/local/templates/dezgroup/images/checked-white.png) no-repeat; } .reviewInfo { display: flex; justify-content: space-between; align-items: baseline; } .content-inner-col2 { background: url(/local/templates/dezgroup/images/circle-inner.png) calc(50% + 800px) 45px no-repeat; padding: 0 15px; } .content-inner-col2 .container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; max-width: 1240px; margin: 0 auto; padding-bottom: 30px; } .content-inner-col2 .left { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; padding-right: 80px; } .content-inner-col2 .paginatio { margin-top: 35px; } .content-inner-col2 .questions-list .question { color: #111; } .content-inner-col2 .questions-list .show-answer .question { color: #009ac9; } .content-inner-col2 .questions-list .show-answer .question { color: #009ac9 !important; } .content-inner-col2 .questions-list .es { color: #fff !important; } .content-inner > .page-width .wt-button { color: #fff !important; } .reviews { padding-left: 30px; } .review-item { background: #fff; border-radius: 10px; -webkit-box-shadow: 0 15px 30px rgba(0,0,0,0.2); box-shadow: 0 15px 30px rgba(0,0,0,0.2); position: relative; padding: 48px 30px 30px 60px; margin-bottom: 30px; } .review-item .text { color: #777; font-size: 15px; line-height: 1.5; letter-spacing: 0.01em; } .review-item .name { position: relative; margin-top: 18px; font-size: 18px; font-weight: 700; color: #000000; } .review-item .name.no-image { padding-left: 54px; } .review-item .name img { display: inline-block; margin-right: 12px; vertical-align: middle; } .review-item .name.no-image:before { content: ""; position: absolute; left: 0; top: 50%; margin-top: -1px; width: 42px; height: 2px; background-image: -webkit-gradient(linear, left top, right top, from(#009ac9), to(#72cbd9)); background-image: -webkit-linear-gradient(left, #009ac9, #72cbd9); background-image: -o-linear-gradient(left, #009ac9, #72cbd9); background-image: linear-gradient(to right, #009ac9, #72cbd9); } .review-item::before { content: ""; position: sticky; top: 161px; width: 400px; margin-top: -34px; width: 122px; height: 122px; background: url(/local/templates/dezgroup/images/review-icon-2.png) center; } .content-inner-col2 .info-block { position: sticky; top: 161px; width: 400px; margin-top: 130px; background: url(/local/templates/dezgroup/images/info-block-top.png) -200px -220px, url(/local/templates/dezgroup/images/info-block-bottom.png) -200px -220px, -webkit-linear-gradient( 45deg, #39a1a9, #69b311); background: url(/local/templates/dezgroup/images/info-block-top.png) -200px -220px, url(/local/templates/dezgroup/images/info-block-bottom.png) -200px -220px, -o-linear-gradient( 45deg, #39a1a9, #69b311); background: url(/local/templates/dezgroup/images/info-block-top.png) -200px -220px, url(/local/templates/dezgroup/images/info-block-bottom.png) -200px -220px, linear-gradient( 45deg, #39a1a9, #69b311); -webkit-box-shadow: 0 27px 32px 0 rgba(0, 0, 2, 0.32); box-shadow: 0 27px 32px 0 rgba(0, 0, 2, 0.32); background-repeat: no-repeat; padding: 50px; min-height: 385px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .content-inner-col2 .info-block .title { color: #fff; text-transform: uppercase; font-weight: 700; font-size: 22px; margin-bottom: 40px; } .content-inner-col2 .info-block .btn { width: 230px; } .text-center { text-align: center; } .paginatio { list-style: none; text-align: center; margin-bottom: 20px; } .paginatio li { display: inline-block; margin: 0 5px; } .paginatio a { color: #999; font-size: 15px; font-weight: 700; width: 28px; height: 28px; line-height: 28px; display: block; padding: 0 10px; border-radius: 20px; -webkit-transition: 0.2s linear; -o-transition: 0.2s linear; transition: 0.2s linear; text-decoration: none !important; } .paginatio li:first-child a, .paginatio li:last-child a { width: auto; padding: 0 15px; } .paginatio .active, .paginatio a:hover { background: #d7e6e7; color: #000; } .contacts-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; max-width: 1240px; margin: 0 auto 55px; } .contacts-wrap .right { -ms-flex-preferred-size: 66.6666%; flex-basis: 66.6666%; } .contacts-wrap .left { -ms-flex-preferred-size: 33.3333%; flex-basis: 33.3333%; padding-top: 60px; } .map { height: 420px; width: 100%; } .contacts-ico { position: relative; padding-left: 60px; font-size: 15px; min-height: 70px; margin-bottom: 20px; } .contacts-ico .phone { font-size: 20px; font-weight: 700; line-height: 2; text-decoration: none !important; } .contacts-ico img { position: absolute; left: -30px; top: 0; } .contacts-ico .title { font-weight: 700; margin-bottom: 3px; } .contacts-ico .small { font-size: 12px; color: #999; } .contacts-wrap .btn { margin-top: 5px; width: 230px; } .form-contacts { background: url(/local/templates/dezgroup/images/bg-contacts-form02.jpg) center top / cover; padding: 180px 15px; } .btn-back { display: inline-block; font-size: 17px; font-weight: 700; line-height: 1.2em; color: #111111; cursor: pointer; text-decoration: none !important; } .btn-back span { position: relative; display: inline-block; vertical-align: middle; margin-right: 10px; width: 32px; height: 32px; border-radius: 50%; background: #16a2cb; -webkit-box-shadow: 0 8px 30px rgba(22,162,203,0.7); box-shadow: 0 8px 30px rgba(22,162,203,0.7); } .btn-back span:before { content: ""; position: absolute; opacity: 0; max-width: none; left: 0px; top: 0px; right: 0px; bottom: 0px; border: 1px solid #16a2cb; border-radius: 50%; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .btn-back span:after { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(/local/templates/dezgroup/images/btn-arrow.png) center center no-repeat; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .btn-back:hover span:before { left: -5px; top: -5px; right: -5px; bottom: -5px; opacity: 0.3; } .content-inner .btn-back { margin: 20px 0; } .img-left { float: left; margin: 5px 35px 15px 0; border-radius: 10px; } .img-right { float: right; margin: 5px 0 15px 35px; border-radius: 10px; } .date-label { position: absolute; left: 50%; width: 100px; margin-left: -50px; display: inline-block; border-radius: 20px; padding: 5px 10px; background: #2f4084; color: #fff; font-weight: 700; } .news-container { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 50px auto 0; max-width: 1300px; } .news-container > div { padding: 0 30px 45px; width: 33.33333%; } .news-page { padding-bottom: 70px; } .vacancies { padding-bottom: 60px!important; } .vacancies p { color: #848484; margin-bottom: 0.4em; letter-spacing: 0.01em; } .vacancies .questions-list { margin-top: 50px; } .vacancies .questions-list .question { color: #111; } .vacancies .questions-list .show-answer .question { color: #009ac9; } .vacancies-description { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -10px; } .vacancies-description .column { width: 50%; padding: 0 10px 35px; } .vacancies-description .bg-gray { background: #f1f1f1; border-radius: 10px; padding: 10px 15px; height: 100%; } .vacancies-description .title { font-weight: 700; margin-bottom: 10px; color: #111; } .vacancies-description li { padding-bottom: 10px; } .vacancies-description li:last-child { padding-bottom: 0; } .vacancies-description .text { color: #777; font-size: 15px; } .vacancies-description .text div { padding-top: 5px; } .vacancies .btn { margin-bottom: 20px; } .list-links { list-style: none; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-bottom: 25px; } .list-links li { -ms-flex-preferred-size: 25%; flex-basis: 25%; } .list-links a { padding: 5px 0 14px; display: block; font-size: 15px; color: #111111 !important; text-decoration: none !important; } .list-links a:hover { color: #16a2cb !important; text-decoration: underline; } .metro-line-name { position: relative; padding: 0 0 15px 30px; font-size: 25px; font-weight: 700; color: #111; letter-spacing: 0.025em; } .metro-line-name .metro-color { position: absolute; left: 0; top: 7px; width: 20px; height: 20px; border-radius: 50%; } .content-inner .questions-list { width: 100%; } .inner-fast { background: url(/local/templates/dezgroup/images/bg-form222.jpg) center top / cover no-repeat; padding: 130px 0; margin-bottom: 75px; } .inner-fast .h2, .inner-fast .name, .inner-fast .text { color: #fff; } .inner-why { background: url(/local/templates/dezgroup/images/inner-why002.jpg) center center / cover no-repeat; margin-bottom: 75px; } .inner-why .h2 { margin-top: 45px; } .inner-why .index-why .column { padding-right: 10px; } .inner-why .item { margin: 0; } .service-item { position: relative; height: 420px; } .service-item .service-inner { max-width: none; position: absolute; left: 10px; top: 20px; right: 10px; bottom: 20px; -webkit-box-shadow: 0 10px 20px rgba(0,0,0,0.15); box-shadow: 0 10px 20px rgba(0,0,0,0.15); -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .service-item .service-inner:before { content: ""; position: absolute; z-index: 1; left: 0; top: 0; width: 100%; height: 100%; background: #000; opacity: 0.4; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .service-item .service-inner:after { content: ""; position: absolute; z-index: 1; left: 0; top: 0; width: 100%; height: 100%; background-image: -webkit-linear-gradient(45deg, #39b0cf, #7ac800); background-image: -o-linear-gradient(45deg, #39b0cf, #7ac800); background-image: linear-gradient(45deg, #39b0cf, #7ac800); opacity: 0; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .services-slider-inner .service-item { height: 460px; margin-bottom: 40px; } .service-item .service-text { position: absolute; z-index: 10; } .service-item .service-text-wrap { position: absolute; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden; } .service-item .service-text { height: 0; position: absolute; bottom: 0; padding: 0 30px; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .service-item .name { position: absolute; left: 30px; right: 30px; bottom: 100%; margin-bottom: 0.8em; font-size: 22px; line-height: 1.2em; font-weight: 700; color: #fff; } .service-item .priceMain { font-size: 22px; line-height: 1.2em; font-weight: 700; color: #fff; margin-bottom: 20px; } .index-services .priceMain { font-size: 22px; line-height: 1.2em; font-weight: 700; color: #fff; margin-bottom: 20px; } .service-item .text { margin-bottom: 20px; font-size: 16px; max-height: 7.5em; overflow: hidden; line-height: 1.5em; color: #fff; } .services-slider-inner .service-item { margin-bottom: 45px; } .services-slider-inner .service-item .service-inner { top: 40px; bottom: 40px; } .services-slider-inner .slick-slide { opacity: 0; -webkit-transition: 0.3s linear; -o-transition: 0.3s linear; transition: 0.3s linear; } .services-slider-inner .slick-slide.slick-active { opacity: 1; } .service-item:hover .service-item .name { right: 50px; } .service-item:hover .service-text { height: 220px; } .service-item:hover .service-inner { z-index: 2; left: -10px; top: 0; right: -10px; bottom: 0; -webkit-box-shadow: 0 27px 32px rgba(0,0,0,0.3); box-shadow: 0 27px 32px rgba(0,0,0,0.3); } .service-item:hover .service-inner:before { opacity: 0; } .service-item:hover .service-inner:after { opacity: 0.75; } .services-slider-inner .slick-list { margin: 0 -40px; padding: 0 30px; max-width: none; } .services-slider-inner .slick-arrow { position: absolute; z-index: 2; left: -75px; top: 50%; margin-top: -45px; } .services-slider-inner .slick-next { left: auto; right: -75px; } .services-all { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 20px; } .services-all > div:first-child { padding-left: 10px; } .services-all > div { width: 25%; margin-top: -20px; } .portfolio-all > div { width: 33.3333%; } .calc { overflow: hidden; background: #f3f6fb; } .calc .uFormSubmit { display: none; } .calc .eFormHidden { display: none; } .calc .summary-result { display: none; } .calc .cleaning-type-name { display: none; } .calc .form-radio-hidden { display: none; } .calc .selected-add-serv-result { display: none; } .calc .selected-cleaning-result { display: none; } .calc .cleaning-type-select { max-width: 386px; } .calc-block-inner { display: inline-block; vertical-align: middle; } .calc-wrap { display: none; } .calc-show { display: block; } .calc-form { max-width: 1280px; margin: 0 auto 30px; padding: 0 15px; } .calc .title { font-size: 37px; font-weight: 700; color: #111; padding: 20px 0; } .calc-block { border-top: 1px dashed #bee2e2; padding: 20px 0; } .calc .label { font-weight: 700; text-transform: uppercase; font-size: 17px; color: #111; letter-spacing: 0.025em; display: inline-block; vertical-align: middle; padding: 10px 0 15px; } .send-calc-form { margin: 0 auto; } .calc-result { text-align: center; } .result-wrapper { float: left; position: relative; margin-left: -100%; left: 100%; } .input-type { display: inline-block; vertical-align: middle; margin-left: 25px; margin-bottom: 10px; } .officeType { min-width: 380px; } .input-type input { display: none; } .input-type label { border: 1px dashed #fff; background: #e1e3e8; padding: 20px 25px; border-radius: 10px; display: block; font-size: 20px; width: 315px; cursor: pointer; color: #111; position: relative; z-index: 1; display: flex; align-items: center; } .input-type .ico { z-index: 2; display: inline-block; vertical-align: middle; width: 58px; min-width: 58px; height: 58px; min-height: 58px; position: relative; margin-right: 20px; } .input-type .ico i { content: ''; position: absolute; top: 50%; left: 50%; width: 27px; height: 27px; margin-top: -13px; margin-left: -13px; } .input-type .ico:before { content: ''; position: absolute; z-index: -2; left: 0; top: 0; width: 100%; height: 100%; border-radius: 50%; background: #fff; opacity: 0.5; max-width: none; -webkit-transition: 0.2s linear; -o-transition: 0.2s linear; transition: 0.2s linear; } .input-type .ico:after { content: ''; position: absolute; z-index: -1; left: 9px; top: 9px; width: 40px; height: 40px; background: #fff; border-radius: 50%; -webkit-transition: 0.2s linear; -o-transition: 0.2s linear; transition: 0.2s linear; } .input-type .ico-1 i { background: url(/local/templates/dezgroup/images/calc-apartment.png); } .input-type input:checked + label .ico:after, .input-type input:checked + label .ico:before { background: -webkit-linear-gradient(45deg, #7ac800 0%, #39b0cf 100%); background: -o-linear-gradient(45deg, #7ac800 0%, #39b0cf 100%); background: linear-gradient(45deg, #7ac800 0%, #39b0cf 100%); } .input-type input:checked + label .ico-1 i { background-position: 0 -27px; } .input-type .ico-2 i { background: url(/local/templates/dezgroup/images/calc-cottage.png); } .input-type input:checked + label .ico-2 i { background-position: 0 -27px; } .input-type .ico-3 i { background: url(/local/templates/dezgroup/images/calc-office.png); } .input-type input:checked + label .ico-3 i { background-position: 0 -27px; } .input-gray { display: block; width: 100%; max-width: 386px; border: none; background: #e7e9ee; border-radius: 30px; margin-bottom: 20px; font-size: 16px; color: #111; padding: 15px 20px; } .input-gray::-webkit-input-placeholder { color: #111; } .input-gray::-moz-placeholder { color: #111; } .input-gray:-moz-placeholder { color: #111; } .input-gray:-ms-input-placeholder { color: #111; } .input-gray.textarea-field { max-width: none; padding: 15px 20px; } .input-gray.error { -webkit-box-shadow: 0 0 1px #f00; box-shadow: 0 0 1px #f00; } .calc-info { display: -webkit-box; display: -ms-flexbox; display: flex; } .calc-info > div { -ms-flex-preferred-size: 33.3333%; flex-basis: 33.3333%; } .calc-info > div:last-child { -ms-flex-preferred-size: 66.6666%; flex-basis: 66.6666%; padding-left: 40px; } .calc-options { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -10px; max-width: none; } .calc-options .input-item { width: 50%; padding: 0 10px; } .calc-options .input-item:nth-child(3), .calc-options .input-item:nth-child(4), .calc-options .input-item:nth-child(5), .calc-options .input-item:nth-child(6) { width: 25%; } .calc-radio { margin-bottom: 15px; } .calc-radio .input-radio label { margin: 0 5px 15px 6px; display: block; } .input-radio { display: inline-block; } .input-radio input { display: none; } .input-radio label { padding-left: 30px; position: relative; cursor: pointer; color: #111; font-size: 15px; } .input-radio label:before { content: ''; position: absolute; left: 0; top: 0; width: 21px; height: 21px; -webkit-box-shadow: 0 0 0 1px #bfe1ee; box-shadow: 0 0 0 1px #bfe1ee; border-radius: 50%; -webkit-transition: 0.2s linear; -o-transition: 0.2s linear; transition: 0.2s linear; } .input-radio label:after { content: ''; position: absolute; left: 6px; top: 6px; width: 9px; height: 9px; border-radius: 50%; background: -webkit-linear-gradient(45deg, #7ac800, #39b0cf); background: -o-linear-gradient(45deg, #7ac800, #39b0cf); background: linear-gradient(45deg, #7ac800, #39b0cf); -webkit-transition: 0.2s linear; -o-transition: 0.2s linear; transition: 0.2s linear; opacity: 0; } .input-radio input:checked + label:after { opacity: 1; } .input-radio input:checked + label:before, .input-radio label:hover:before { background: #fff; -webkit-box-shadow: 0px 7px 15px 0px rgba(22, 162, 203, 0.5); box-shadow: 0px 7px 15px 0px rgba(22, 162, 203, 0.5); } .input-checkbox input { display: none; } .input-checkbox label { display: block; position: relative; cursor: pointer; color: #111; font-size: 15px; padding: 0 10px 15px 40px; } .input-checkbox label:before { content: ''; position: absolute; left: 0; top: 0; width: 21px; height: 21px; background: #fff; border: 1px solid #bfe1ee; -webkit-transition: 0.2s linear; -o-transition: 0.2s linear; transition: 0.2s linear; } .input-checkbox label:after { content: ''; position: absolute; left: 8px; top: 6px; width: 6px; height: 6px; border-bottom: 1px solid #bfe1ee; border-right: 1px solid #bfe1ee; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .input-checkbox input + label:hover:after { border-color: #76cd7a; } .input-checkbox input:checked + label:after, .input-checkbox input:checked + label:hover:after { border-color: #fff; } .input-checkbox input + label:hover:before { -webkit-box-shadow: 0px 7px 15px 0 rgba(22, 162, 203, 0.5); box-shadow: 0px 7px 15px 0 rgba(22, 162, 203, 0.5); } .input-checkbox input:checked + label:hover:before { background: -webkit-linear-gradient(45deg, #7ac800, #39b0cf); background: -o-linear-gradient(45deg, #7ac800, #39b0cf); background: linear-gradient(45deg, #7ac800, #39b0cf); -webkit-box-shadow: none; box-shadow: none; } .input-checkbox input:checked + label:before { background: -webkit-linear-gradient(45deg, #7ac800, #39b0cf); background: -o-linear-gradient(45deg, #7ac800, #39b0cf); background: linear-gradient(45deg, #7ac800, #39b0cf); -webkit-box-shadow: none; box-shadow: none; border-color: transparent; } .check-list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 10px 0; } .check-list >div { width: 33.333%; } .calc-result { background: url(/local/templates/dezgroup/images/bg-calc.jpg) center / cover; padding: 45px 0; color: #fff; font-size: 30px; } .calc-result span { font-weight: 700; } .calc-result .wrap-inner { padding-bottom: 0; } .custom-this-select { position: relative; z-index: 2; } .calc .custom-select-wrap select { display: none; } .calc .custom-select { position: relative; } .calc .custom-select-selected { position: relative; display: block; width: 100%; border: none; background: #e7e9ee; border-radius: 30px; margin-bottom: 20px; font-size: 16px; color: #111; padding: 15px 20px; z-index: 2; cursor: pointer; } .calc .custom-select-selected:after { content: ""; display: block; position: absolute; top: 50%; margin-top: -4px; right: 20px; width: 6px; height: 6px; border-right: 1px solid #111; border-top: 1px solid #111; -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .calc .custom-select-items { display: none; position: absolute; top: 50%; left: 0; width: 100%; padding: 30px 0 5px; background: #fff; border: 1px solid #f5f5f5; border-radius: 0 0 25px 25px; } .calc .custom-select-items span { display: block; padding: 3px 20px; cursor: pointer; color: #111111; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .calc .custom-select-items span:hover { color: #16a2cb; } .not-found .btn { margin: -35px auto 10px; display: block; width: 225px; } .header-inner { background: rgba(255,255,255,0.05); } @media screen and (min-width: 1030px) { .menu-link-wrap:hover .submenu { opacity: 1; pointer-events: auto; margin-top: 0; } } @media screen and (max-width: 1800px) { .index-reviews-btn { display: none; } .form-container { background-size: auto; } } @media screen and (max-width: 1600px) { .main-text { margin-top: 40px; } .main-text-slider { font-size: 50px; } .index-why-wrap { padding: 60px 0 48px; } .good-job-slider { padding: 60px 24px 0 60px; } .good-job .img { width: 60px; margin-right: 12px; } .good-job .name { font-size: 20px; } .good-job-slider .slick-dots li { padding-left: 24px; } .good-job-slider .slick-dots li:before { width: 14px; } .index-big-bg { padding: 48px 0 60px; } .index-big-bg .index-actions-wrap { padding-bottom: 48px; } .index-fast-wrap { padding: 90px 0; background-size: auto; } .index-reviews-wrap { padding: 30px 0; } .index-questions { height: 600px; } .index-news-wrap { padding: 42px 0; } .form-container { padding: 90px 0; } } @media screen and (max-width: 1440px) { .services-slider-inner .slick-arrow { display: none; } } @media screen and (max-width: 1400px) { .main-text { margin-top: 60px; } .main-text-slider { font-size: 40px; } } @media screen and (max-width: 1280px) { h2, .h2 { font-size: 30px; } .main-screen { height: 600px; } .main-bg-slider .bg { height: 600px; } .main-screen .btn-wrap { margin-top: 18px; } .social a { margin-right: 12px; } .top-phone a { font-size: 16px; } .menu .menu-link { padding: 12px 0; } .main-slider-dots { bottom: 36px; } .index-services { height: 550px; } .index-services .bg-image { top: -80px; height: 620px; } .services-slider .slick-dots { margin-top: 18px; } .services-slider .slick-dots li { font-size: 18px; } .index-why { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .why-list { height: auto; } .why-list .item { width: 49%; height: auto; margin-bottom: 18px; margin-right: 2%; padding: 18px 12px; } .why-list .name { font-size: 18px; } .why-list .item:nth-child(2n) { margin-right: 0; } .actions-slider .name { font-size: 24px; } .actions-slider-nav .slick-dots { padding-left: 24px; } .actions-slider .slide { padding: 12px 0 18px 24px; } .actions-slider-images .slide { height: 360px; padding: 0 0 0 100px; } .actions-slider-wrap { padding-right: 100px; } .actions-slider-images .bg { -webkit-box-shadow: none; box-shadow: none; } .good-job { padding: 0 100px; } .good-job .column:last-child { padding-left: 42px; } .index-fast .item { padding: 24px 0 24px 18px; } .index-fast .name { font-size: 16px; } .index-fast .fast-num { width: 50px; height: 50px; margin-right: 12px; } .percentage-wrap { width: 50px; height: 50px; } .index-reviews-wrap { padding: 0; } .questions-list .item { margin-bottom: 12px; padding: 24px 12px 12px 12px; } .questions-list .show-answer .question { padding-bottom: 18px; } .questions-list .answer { padding-top: 18px; } .news-slider,.news-sliderr { margin: 0 -6px; margin-bottom: 30px; } .news-slider .slide-wrap { padding: 0 6px 0; } .top-inner { padding: 60px 10px; } .top-inner h1 { margin: 0.3em auto; } .partners-item { height: 150px; line-height: 150px; } .partners-link a { height: 150px; } .form-contacts { padding: 50px 15px; } .content-inner-col2 .left { padding-right: 30px; } .content-inner-col2 .info-block { width: 280px; margin-top: 70px; padding: 20px; } .content-inner-col2 .info-block-form { top: 127px; width: 280px; padding: 20px; } .content-inner-col2 .info-block .title { font-size: 20px; margin-bottom: 20px; } .news-container > div { padding: 0 10px 20px; } .services-slider-inner .slick-slide { opacity: 1; } } .one_click_title { color: #fff; text-transform: uppercase; font-weight: 700; font-size: 22px; margin-bottom: 10px; } @media screen and (max-width: 1200px) { header .clean-point { display: none; } footer { padding: 30px 0 24px; } .footer-menu a { margin-top: 12px; } .footer-columns .column:nth-child(3) { display: none; } .bubble { display: none; } .index-services { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .index-services { height: 470px; } .services-slider { left: 400px; top: 20px; margin: 0; } .index-services .bg-image { display: none; } .services-slider-nav { left: 400px; width: 432px; margin-left: -60px; } .good-job { padding: 0; } .good-job .column:last-child { padding-left: 12px; } } @media screen and (max-width: 1030px) { body { font-size: 14px; } h2, .h2 { font-size: 20px; } .video { height: 100%; } .agree-it input[type="checkbox"]:not(checked) + label { font-size: 14px; } .links-list { margin-bottom: 18px; } .links-list a { font-size: 14px; } .btn-more { font-size: 15px; } .page-width { padding: 0 12px; } header .logo img { height: 40px; } .menu-btn { display: inline-block; } .menu .menu-link { font-size: 14px; } .calc-result { padding: 24px 0; font-size: 22px; } .result-wrapper { float: none; left: auto; margin: 0 0 12px 0; } .menu-wrap { position: absolute; left: 0; width: 320px; opacity: 0; pointer-events: none; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .menu-open .menu-wrap { opacity: 1; pointer-events: auto; } .menu-wrap:before { display: none; } .menu { padding-top: 12px; padding-bottom: 12px; background: rgba(0,0,0,0.8); } .menu-list { -ms-flex-wrap: wrap; flex-wrap: wrap; } .menu .menu-link-wrap { width: 100%; font-weight: 400; } .menu .menu-link { padding: 6px 0; font-weight: 400; } .menu .submenu { position: relative; left: auto; top: auto; display: none; margin: 0; padding: 6px 0; -webkit-transform: none; -ms-transform: none; transform: none; pointer-events: auto; opacity: 1; text-shadow: none; background: transparent; -webkit-box-shadow: none; box-shadow: none; -webkit-transition: none; -o-transition: none; transition: none; } .menu .menu-link-wrap.cnock .submenu { display: block; } .menu .menu-link-wrap.submenu-parent::before { content: ""; width: 10px; height: 10px; position: absolute; right: 20px; top: 10px; border-bottom: 2px solid #16a2cb; border-right: 2px solid #16a2cb; border-radius: 1px; transform: rotate(45deg); transition: all .5s ease-in-out; } .menu .menu-link-wrap.submenu-parent:hover::before { transform: rotate(-135deg); } .menu .submenu li.submenu-parent { max-height: 30px; } .menu .submenu li { margin: 0; padding: 0 12px 0 6px; } .menu .submenu li a { padding: 4px 0 4px 8px; font-size: 13px; color: #fff; } .menu .submenu li a.active:before { display: none; } .main-screen { height: 500px; } .main-bg-slider .bg { height: 500px; } .main-text { margin-top: 54px; } .main-screen .form-wrap { margin-top: 24px; } .main-text .slick-arrow { left: 12px; } .main-text .slick-next { left: auto; right: 12px; } .index-why-wrap { padding: 24px 0 12px; } .inner-why, .inner-fast { margin-bottom: 20px; } .top-phone { padding-left: 0; } .social { padding-left: 0; } .actions-slider .name { font-size: 18px; } .index-big-bg { padding: 24px 0 30px; } .index-big-bg .index-actions-wrap { padding-bottom: 30px; } .index-fast-wrap { padding: 42px 0; } .reviews-slider .slide-text-inner { font-size: 14px; } .questions-list .question { font-size: 15px; font-weight: 500; } .index-questions { height: 420px; } .news-item .text-wrap { padding: 12px; } .news-item .text { font-size: 14px; line-height: 1.3; } .index-news-wrap { padding: 24px 0 0px; } .form-container { padding: 42px 0; } .form-container .agree-it { margin: 12px 0 18px; } .partners { padding-top: 25px; } .top-inner { background: url(/local/templates/dezgroup/images/top-inner.jpg) center top / cover no-repeat; padding: 20px 10px; margin-bottom: 20px; } .top-inner h1 { min-height: 100%; font-size: 32px; margin-bottom: 0; } .not-found img { padding: 20px 5px 0; width: 450px; } .not-found .btn { margin: 10px auto; } .date-label { position: relative; left: auto; margin: 10px 0 0 0; } .form-large .title { font-size: 36px; margin-bottom: 10px; } .form-large-container { min-height: auto; } .img-left, .img-right { width: 50%; } .review-item { padding: 15px 10px 15px 50px; } .vacancies .questions-list { margin-top: 15px; } .input-type label { padding: 10px 15px; width: 250px; font-size: 18px; } .input-type .ico { margin-right: 10px; } .service-item { height: 315px; } .service-item .text { line-height: 1.1em; } .service-item .name { font-size: 18px; } .partners + .index-reviews-wrap { padding: 0; } .content-inner-col2 .info-block-form { top: 0; } } @media screen and (max-width: 1000px) { .btn-nav-big { width: 46px; height: 46px; } .btn-nav-big:after { width: 10px; height: 10px; margin: -5px 0 0 -8px; } .btn-nav-prev.btn-nav-big:after { margin: -5px 0 0 -2px; } .main-text .form-wrap { width: 100%; padding: 0 48px; } .actions-slider-images .slide { padding-left: 60px; } .actions-slider-wrap { padding-right: 60px; } .actions-slider .slide { padding-left: 12px; } .actions-slider-nav .slick-dots { padding-left: 12px; } .actions-slider-wrap { padding-left: 0; } .index-fast .item { -ms-flex-preferred-size: 100%; flex-basis: 100%; padding: 12px 0; } .index-questions { height: auto; padding: 30px 12px 24px; } .news-item .image { height: 180px; } .news-item .date { top: 18px; font-weight: 500; } .partners-item { height: 100px; line-height: 100px; } .partners-link { width: 33.3333%; } .partners-link a { height: 100px; } .contacts-wrap { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .contacts-wrap .left { padding: 0 0 40px; } .map { height: 300px; } .news-container > div { width: 50%; } .calc .title { font-size: 26px; line-height: 1; } } @media screen and (max-width: 850px) { .footSecMenu { display: none !important; } } @media screen and (max-width: 800px) { .btn { padding: 8px 18px 9px; font-size: 14px; font-weight: 400; } .btn-more { font-size: 14px; } .btn-more span { width: 28px; height: 28px; } .form-input .field { padding: 8px 12px; font-size: 14px; font-weight: 400; } .footer-columns .column:nth-child(2) { display: none; } .footer-columns .column:nth-child(n) { width: 50%; -ms-flex-negative: 1; flex-shrink: 1; } footer .social { margin: 0 0; padding-left: 75px; } .main-screen { height: 400px; } .main-bg-slider .bg { height: 400px; } .main-text-slider { font-size: 22px; } .main-text .text-small { font-size: 14px; margin-top: 4px; } .form-container .form-input { margin-bottom: 6px; } .form-large .textarea { height: 70px; } .content-inner-col2 .info-block { display: none; } .content-inner-col2 .info-block-form { display: none; } .content-inner-col2 .left { padding-right: 0; } .img-left, .img-right { width: auto; float: none; margin: 0 0 10px; } .table td { padding: 7px; line-height: 1.4; } .calc-info { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .calc-info > div:last-child { padding-left: 0; } .input-gray { max-width: 100%; } .list-links li { -ms-flex-preferred-size: 50%; flex-basis: 50%; } .content-inner-col2 .container { padding: 0; } /* .calc-radio { margin: 15px 0; }*/ .services-all > div { width: 33.3333%; } .portfolio-all > div { width: 50%; } .vacancies-description .column { width: 100%; padding: 0 10px 10px; } .service-item .name { font-size: 16px; } .service-item .name { left: 20px; right: 20px; } .service-item .service-text { padding: 0 20px; } .form-container { padding: 24px 10px 34px; } .form-container .form-wrap { -ms-flex-wrap: wrap; flex-wrap: wrap; } .form-container .column { width: 100%; } .form-container .form-simple { width: 100%; margin-top: 18px; padding: 0; } .form-input .custom-select-selected { padding: 7px 12px; font-size: 14px; font-weight: 400; } .form-input .custom-select-selected:after { top: 8px; } } @media screen and (max-width: 890px) { header .social { display: none; } } @media screen and (max-width: 730px) { header .adress-main { display: none; } } @media screen and (max-width: 790px) { .index-services { -ms-flex-wrap: wrap; flex-wrap: wrap; height: auto; padding: 24px 12px 30px; } .services-slider { position: relative; left: 48px; } .services-slider .slide-wrap { height: 320px; } .services-slider .name { margin-bottom: 0.6em; font-size: 20px; } .services-slider .text { margin-bottom: 12px; font-size: 14px; } .services-slider .slide-text { left: 12px; right: 12px; } .services-slider .slick-current .slide-text { height: 180px; } .services-slider-nav { left: 66px; top: auto; bottom: 160px; } .index-why { -ms-flex-wrap: wrap; flex-wrap: wrap; } .index-why .column { -ms-flex-preferred-size: 100%; flex-basis: 100%; } .index-why .column:last-child { -ms-flex-preferred-size: 100%; flex-basis: 100%; margin-top: 18px; } .index-why .column-text { margin-bottom: 1.2em; } .why-list .item { margin-bottom: 12px; } .actions-slider-images { display: none; } .actions-slider-wrap { width: 100%; padding: 0 60px 0 48px; } .actions-slider .text { margin-bottom: 1.2em; } .good-job { -ms-flex-wrap: wrap; flex-wrap: wrap; } .good-job .column { -ms-flex-preferred-size: 100%; flex-basis: 100%; padding: 0; } .good-job .column:last-child { -ms-flex-preferred-size: 100%; flex-basis: 100%; padding: 0; margin-top: 18px; } .good-job .job-text { margin-bottom: 1.2em; } .good-job .slide-head { margin-bottom: 12px; } .good-job .name { font-size: 18px; font-weight: 500; } .good-job-slider { height: auto; padding: 12px 12px 48px 12px; } .good-job-slider .slick-dots { top: auto; bottom: 6px; left: 50%; -webkit-transform: translate3d(-50%,0,0); transform: translate3d(-50%,0,0); white-space: pre; } .good-job-slider .slick-dots li { display: inline-block; margin: 0 6px; padding: 0; } .good-job-slider .slick-dots li:before { display: none; } .index-fast-wrap { padding: 24px 0; } .index-fast { -ms-flex-wrap: wrap; flex-wrap: wrap; } .index-fast .column:nth-child(n) { -ms-flex-preferred-size: 100%; flex-basis: 100%; padding: 0; } .index-fast .column:last-child { margin-top: 18px; } .index-reviews { -ms-flex-wrap: wrap; flex-wrap: wrap; } .index-reviews .column { width: 100%; float: none; padding: 24px 0 18px; } .reviews-slider { max-width: 100%; width: 100%; margin: 0; margin-bottom: 20px; } .index-reviews .column-text { margin-bottom: 1.2em; } .reviews-slider .slide { padding: 12px; } .reviews-slider .slide-text { padding: 18px; -webkit-box-shadow: 0 0 12px rgba(0,0,0,0.2); box-shadow: 0 0 12px rgba(0,0,0,0.2); } .reviews-slider .slide:before { width: 40px; left: -6px; top: 0; margin: 0; background-size: contain; } .reviews-slider .name { margin-top: 12px; font-size: 16px; } .reviews-slider .name.no-image { padding-left: 24px; } .reviews-slider .name.no-image:before { width: 18px; } .review-item .name { margin-top: 12px; font-size: 16px; } .review-item .name.no-image { padding-left: 24px; } .review-item .name.no-image:before { width: 18px; } .index-questions .column-text { width: 100%; margin-bottom: 1.2em; } .index-questions { -ms-flex-wrap: wrap; flex-wrap: wrap; } .index-questions .column { width: 100%; padding: 0; } .questions-list { width: 100%; margin-top: 18px; } } @media screen and (max-width: 600px) { .top-phone { display: none; } .main-screen .form-fields { -ms-flex-wrap: wrap; flex-wrap: wrap; } .main-screen .form-input { -ms-flex-preferred-size: 100%; flex-basis: 100%; margin-bottom: 6px; } .main-screen .agree-it { margin-top: 6px; } .why-list .item { width: 100%; margin-right: 0; padding: 12px 6px; } .why-list .name { font-size: 16px; } .news-item .image { height: 140px; } .news-item .text { height: auto; } .top-inner h1, .form-large .title { font-size: 26px; line-height: 1; } .calc .label { display: block; } .input-type { margin: 0 10px 10px 0; } .check-list { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .check-list >div { width: 100%; } .services-all > div { width: 50%; } .partners-link { width: 50%; } .services-all > div { margin-top: 0; } } @media screen and (max-width: 500px) { .footer-columns { -ms-flex-wrap: wrap; flex-wrap: wrap; } .footer-columns .column:nth-child(n) { width: 100%; text-align: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-left: 0; } .footer-phone { display: none; } .footer-columns .column:last-child { margin-top: 12px; } .footer-columns .column:last-child .btn { display: none; } .footer-address { display: none; } .copyright { margin-top: 12px; } footer .slogan { margin-top: 12px; } footer .social { margin-top: 12px; padding-left: 0; margin: auto; } .footer-text { margin-top: 12px; } .form-contacts { padding: 20px 15px; } .form-large .form-fields { margin: 20px -10px 0; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .form-large .form-fields .form-input { width: 100%; } .news-container > div { width: 100%; } .table td { display: block; width: 100%; } .calc-options .input-item { width: 100%; } .calc-options .input-item:nth-child(3), .calc-options .input-item:nth-child(4), .calc-options .input-item:nth-child(5), .calc-options .input-item:nth-child(6) { width: 50%; } } @media screen and (max-width: 460px) { .portfolio-all > div { width: 100%; } .main-text-slider { font-size: 22px; } .main-text .form-wrap { margin-top: 12px; padding: 0; } .main-screen .form-input { padding: 0; } .services-slider { left: 0; } .services-slider .slide-wrap { width: auto; } .services-slider .slick-current .slide { right: 0; } .actions-slider-wrap { padding: 0; } .services-slider .slick-dots li { /* font-size: 0; width: 10px; height: 10px; background-color: #abddec; border-radius: 50%; margin-bottom: 3px; */; } .services-slider .slick-dots li.slick-active { color: #6dc4de; } .services-slider .slick-dots li:last-child { margin-right: 0; } } @media screen and (max-width: 400px) { .services-all > div { width: 100%; } .service-item { height: 240px; } .service-item:hover .service-text { height: 160px; } .service-item .name { min-height: 30px; } .service-item .text { margin-bottom: 15px; max-height: 4.3em; } } @media screen and (max-width: 360px) { header .logo img { height: 30px; } } .news-slider .slick-dots { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; margin-top: 15px; list-style: none; } .news-slider .slick-dots li { display: flex; align-items: center; justify-content: center; } .news-slider .slick-dots li.slick-active button { background-color: #6dc4de; } .news-slider .slick-dots button { padding: 0; margin-right: 5px; width: 10px; height: 10px; border: none; font-size: 0; background-color: #abddec; border-radius: 50%; } .news-slider .slick-slide img { height: 100%; width: 100%; object-fit: cover; } .footer-email { color: #3f4c5f; } .footer-email:hover { opacity: 0.8; } .footer-email:focus, .footer-email:active { opacity: 0.6; } .visually-hidden { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; white-space: nowrap; border: 0; clip-path: inset(100%); clip: rect(0 0 0 0); overflow: hidden; } .news-slider--similar .news-item .noimage { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .top-inner { margin-bottom: 0; } .top-inner h1 { font-size: 32px; min-height: 87px; } .content-inner > .page-width a.btn { color: #fff; min-width: 230px; } .promotion-block { display: flex; width: 100%; justify-content: space-between; align-items: center; margin-bottom: 113px; } .promotion-block .promotion-icon { padding-right: 25px; width: 70px; } .promotion-block .promotion-text { width: 60%; } .promotion-block .promotion-text .h3 { color: #65C54A; margin-bottom: 0; margin-top: 0; } .promotion-block .promotion-text p { font-weight: 300; font-size: 19px; line-height: 23px; margin-bottom: 0; } .promotion-block .promotion-price { width: 100px; padding-left: 10px; text-align: right; } .promotion-block .promotion-price .new-price { color: #16A2CB; font-weight: bold; font-size: 32px; line-height: 31px; } .promotion-block .promotion-price .old-price { font-weight: 300; font-size: 19px; line-height: 23px; text-decoration: line-through; } .promotion-block .promotion-button { width: 270px; padding-left: 40px; text-align: right; } .minimum-cost { padding: 33px 4%; border: 1px solid #F4F4F4; box-sizing: border-box; box-shadow: 0px 0px 24px rgba(60, 75, 133, 0.1); border-radius: 10px; display: flex; justify-content: space-between; align-items: center; margin-bottom: 30px; text-align: center; } .minimum-cost > div { width: 33.33%; } .minimum-cost .blue { font-weight: bold; font-size: 32px; line-height: 50px; color: #384984; } .minimum-cost p { margin-bottom: 0; } .content-inner > .page-width .btn.to-calc { float: right; position: relative; margin-right: -174px; top: -45px; width: 140px; height: 140px; min-width: auto; font-weight: bold; font-size: 19px; line-height: 23px; color: #fff; border-radius: 50%; padding: 50px 0; box-shadow: 0px 4px 8px rgba(29, 150, 60, 0.5); background: linear-gradient(180deg, #327BB9 0%, #35A2CD 34.33%, #43C1C6 71.08%, #61C457 100%); } .btn.to-calc.btn:before { display: none; } .btn.to-calc.btn:before { display: none; } .included-list { padding: 21px 0 12px; columns: 2; column-gap: 250px; } .included-list li { padding: 7px 0 10px 44px; background: url(/local/templates/dezgroup/./images/included_list.png) left top no-repeat; list-style-type: none; margin: 0 0 10px; line-height: 25px; } .content-inner .included-list + p { line-height: 22px; } .content-inner .redesign .container > p:last-child { margin-bottom: 77px; } .why-are-we { padding: 20px 0 10px; display: flex; flex-wrap: wrap; align-content: space-between; justify-content: space-between; line-height: 22px; } .why-are-we .item { display: flex; align-items: center; width: 30%; margin-bottom: 40px; } .why-are-we .item .icon { width: 90px; padding-right: 20px; } .why-are-we .item .icon img { max-width: none; } .why-are-we .item h5 { font-weight: bold; font-size: 17px; line-height: 20px; color: #384984; margin: 0 0 5px; } .why-are-we .item p { line-height: 22px; margin-bottom: 0; } .index-news-wrap.redesign { padding: 16px 0 0px; margin-bottom: 83px; text-align: left; color: #fff; position: relative; background: linear-gradient(270deg, #41518A 0%, #3686B7 23.73%, #1F8EBB 50.09%, #3686B7 77.11%, #3C4A84 100%); } .index-news-wrap.redesign::before, .index-news-wrap.redesign::after { position: absolute; content: ''; z-index: 0; } .index-news-wrap.redesign::before { width: 205px; height: 437px; left: 0; bottom: -59px; background: url(/local/templates/dezgroup/./images/news_slider_before.png) no-repeat left top / 100% auto; } .index-news-wrap.redesign::after { width: 296px; height: 462px; right: 0; top: -263px; background: url(/local/templates/dezgroup/./images/news_slider_after.png) no-repeat right bottom / 100% auto; } .index-news-wrap.redesign .h3, .index-news-wrap.redesign p { color: #fff; position: relative; z-index: 2; } .index-news-wrap.redesign p { line-height: 22px; } .redesign .news-sliderr { margin: 0 -15px; position: relative; z-index: 3; } .redesign .news-sliderr .slide-wrap { padding: 10px 15px 40px 15px; } .redesign .news-sliderr .news-item { box-shadow: none; } .redesign .news-item .noimage { height: 170px; color: #fff; } .redesign .news-sliderr .slick-arrow { margin-top: -37px; } .redesign .news-sliderr .btn-nav-white:after { border-color: #48699C; } .redesign .price-list { padding-top: 22px; padding-bottom: 37px; } .price-list .tabs-container { margin-bottom: 33px; } .redesign .price-list .tab { height: 0; overflow: hidden; opacity: 0; } .redesign .price-list .tab.active { opacity: 1; height: auto; overflow: visible; position: relative; z-index: 2; } .price-list-header { background: #16A2CB; border-radius: 3px 3px 0px 0px; color: #fff; /*display: flex; text-align: center;*/; } .service-name, .service-price { width: calc(50% - 5px); padding: 16px 20px 15px; display: inline-block; vertical-align: top; /* line-height: 35px; */ font-weight: 600; } .service-name { border-right: 1px solid #16A2CB; } .price-list-header .service-name, .price-list-header .service-price { padding-top: 11px; padding-bottom: 11px; line-height: 35px; text-align: center; } .price-list-header .service-name { border-right: 1px solid #FFFFFF; } .service-price { text-align: center; } .tabs-container .price-list-header .service-price { height: 35px; } .price-list .tab-buttons { display: inline-block; position: relative; z-index: 5; height: 0px; width: 185px; padding-top: 35px; background-color: #fff; font-weight: 900; font-size: 19px; line-height: 25px; color: #16A2CB; vertical-align: top; position: relative; border-radius: 3px; margin-left: 15px; overflow: hidden; } .price-list .tab-buttons::before { content: ''; border-top: 10px solid #16A2CB; border-left: 7px solid transparent; border-right: 7px solid transparent; position: absolute; top: 13px; right: 12px; z-index: 3; } .price-list .tab-buttons.select_show { height: auto; } .price-list .tab-buttons.select_show::before { transform: rotate(180deg); } .price-list .tab-buttons span { display: block; height: 35px; line-height: 35px; padding: 0 40px 0 25px; text-align: left; white-space: nowrap; cursor: pointer; } .price-list .tab-buttons span.active { position: absolute; top: 0; left: 0; } .price-list .row { border: 1px solid #16A2CB; border-top: 0; padding-top: 0; } .price-list .row:nth-child(2n) { background: rgba(22, 162, 203, 0.05); } .redesign .questions-list .item { padding: 0; border: 0; border-radius: 0; background: none; -webkit-box-shadow: none; box-shadow: none; margin-bottom: 33px; } .price-list .open.price-list-header { padding: 16px 20px; text-align: center; color: #fff; } .price-list .open.price-list-header .btn-more { top: 50%; right: 30px; margin-top: -12px; } .price-list .open.price-list-header .btn-more span { background-color: #fff; width: 25px; height: 25px; } .price-list .open.price-list-header .btn-more span:after { background: none; border-right: 2px solid #16A2CB; border-bottom: 2px solid #16A2CB; width: 10px; height: 10px; top: 7px; left: 8px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .price-list .show-answer .open.price-list-header .btn-more span:after { -webkit-transform: rotate(-135deg); -ms-transform: rotate(-135deg); transform: rotate(-135deg); } .content-inner .page-width.redesign { position: relative; background-color: #fff; } .content-inner .page-width.redesign::after { content: ''; position: absolute; width: 1920px; max-width: 1920px; height: 100%; left: 50%; top: 0; margin-left: -960px; pointer-events: none; background: url(/local/templates/dezgroup/images/ellipse1.png) 1740px 83px no-repeat, url(/local/templates/dezgroup/images/ellipse2.png) 20px 286px no-repeat, url(/local/templates/dezgroup/images/ellipse3.png) 101px 687px no-repeat; } @media screen and (max-width: 1750px) { .index-news-wrap.redesign::after { display: none; } } @media screen and (max-width: 1600px) { .content-inner > .page-width .btn.to-calc { margin-right: 0px; top: 0px; margin-top: -70px; width: 120px; height: 120px; padding: 40px 0; font-size: 17px; line-height: 23px; } .index-news-wrap.redesign::before { display: none; } } @media screen and (max-width: 1366px) { .redesign .news-sliderr .slick-arrow { left: 0; } .redesign .news-sliderr .slick-next { left: auto; right: 0px; } } @media screen and (max-width: 1280px) { .top-inner { margin-bottom: 45px; } .included-list { column-gap: 50px; } } @media screen and (max-width: 1030px) { .top-inner { margin-bottom: 45px; } .top-inner h1 { min-height: 100%; } .promotion-block .promotion-text { width: 53%; } .promotion-block .promotion-text .h3 { font-size: 21px; line-height: 25px; } .minimum-cost { padding: 30px 5px; margin-bottom: 30px; } .minimum-cost p { line-height: 20px; } .minimum-cost > div { width: auto; } .content-inner > .page-width a.btn { min-width: 140px; } .included-list { column-gap: 10px; } .content-inner > .page-width .btn.to-calc { margin-top: -30px; margin-bottom: -40px; width: 100px; height: 100px; padding: 30px 0; font-size: 15px; line-height: 20px; } .why-are-we .item { width: 50%; } .tabs-container .price-list-header .service-price, .tabs-container .price-list-header .service-name { height: 92px; } .tabs-container .price-list-header .service-name { line-height: 68px; } .price-list .tab-buttons { display: block; margin: 0 auto; } } @media screen and (max-width: 800px) { .promotion-block { display: block; text-align: center; margin-bottom: 45px; } .promotion-block .promotion-icon { display: inline; padding-right: 5px; } .promotion-block .promotion-icon img { width: 15px; margin-bottom: 6px; } .promotion-block .promotion-text, .promotion-block .promotion-text .h3 { display: inline; } .promotion-block .promotion-text p { margin-bottom: 15px; font-size: 13px; line-height: 16px; margin-top: 5px; } .promotion-block .promotion-price, .promotion-block .promotion-button { display: inline-block; text-align: center; vertical-align: middle; width: auto; } .minimum-cost > div { padding: 0 15px; } .included-list li { background-position: left center; line-height: 22px; margin-bottom: 5px; } .content-inner .redesign .container > p:last-child { margin-bottom: 30px; } .content-inner > .page-width .btn.to-calc { display: none; } } @media screen and (max-width: 600px) { .top-inner h1 { font-size: 26px; } .minimum-cost { display: block; } .minimum-cost > div { padding-bottom: 30px; } .included-list { columns: auto; } .why-are-we { margin-bottom: -10px; } .why-are-we .item { width: 100%; margin-bottom: 20px; } .tabs-container .price-list-header .service-name { display: none; } .tabs-container .price-list-header .service-price { width: 100%; } .price-list .tabs-container .row { display: flex; align-items: center; } .service-name { border-right: none; width: calc(100% - 115px); } .service-price { width: 110px; padding-left: 0; padding-right: 0; } .price-list .open.price-list-header { padding-right: 48px; } .price-list .open.price-list-header .btn-more { top: 50%; right: 10px; margin-top: -12px; } } @media screen and (max-width: 430px) { .services-slider-nav .slick-next { right: 15px; } } @media screen and (max-width: 460px) { .services-slider-nav .slick-arrow { top: 50px; } } .order-cleaning { padding: 33px 4%; border: 1px solid #F4F4F4; box-sizing: border-box; box-shadow: 0px 0px 24px rgba(60, 75, 133, 0.1); border-radius: 10px; margin-bottom: 80px; } .no-bg-img { background-image: none; } /* End */ /* /local/templates/dezgroup/fonts/fonts.css?16796773812899 */ /* /local/templates/dezgroup/css/slick.css?16796773861693 */ /* /local/templates/dezgroup/css/jquery.fancybox.min.css?167967738610424 */ /* /local/templates/dezgroup/css/keyframes.css?16796773866996 */ /* /local/templates/dezgroup/components/bitrix/system.pagenavigation/.default/style.css?1679677386659 */ /* /local/templates/dezgroup/components/bitrix/news.list/reviews_photo/style.css?16796773861697 */ /* /local/templates/dezgroup/components/bitrix/news.list/why-we/style.css?1679677386150 */ /* /local/templates/dezgroup/components/bitrix/news.list/partners/style.css?1679677386150 */ /* /local/templates/dezgroup/components/bitrix/news.list/index-reviews/style.css?1679677386150 */ /* /local/components/dweb/uni.form/templates/modal-window/style.css?164423571613815 */ /* /local/templates/dezgroup/components/bitrix/menu/bottom-main-menu/style.min.css?1679677386490 */ /* /local/templates/dezgroup/styles.css?171172708715844 */ /* /local/templates/dezgroup/template_styles.css?1682166316118575 */