<<<<<<< HEAD html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:-webkit-grab;cursor:-moz-grab;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{-webkit-animation-duration:1s;-moz-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{-webkit-animation-name:fadeOut;-moz-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@-moz-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{-webkit-transition:height .5s ease-in-out;-moz-transition:height .5s ease-in-out;transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;-webkit-transition:opacity .4s ease;-moz-transition:opacity .4s ease;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;-webkit-transition:-webkit-transform .1s ease;transition:-webkit-transform .1s ease;-moz-transition:transform .1s ease,-moz-transform .1s ease;transition:transform .1s ease;transition:transform .1s ease,-webkit-transform .1s ease,-moz-transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);-webkit-transform:scale(1.3,1.3);-moz-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;-webkit-background-size:contain;background-size:contain;-webkit-transition:opacity .4s ease;-moz-transition:opacity .4s ease;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}body.hidden-scroll{overflow:hidden}.sl-overlay{position:fixed;left:0;right:0;top:0;bottom:0;background:#000;opacity:.7;display:none;z-index:1035}.sl-wrapper{z-index:1040;width:100%;height:100%;left:0;top:0;position:fixed}.sl-wrapper *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.sl-wrapper button{border:0 none;background:0 0;font-size:28px;padding:0;cursor:pointer}.sl-wrapper button:hover{opacity:.7}.sl-wrapper .sl-close{display:none;position:fixed;right:30px;top:30px;z-index:10060;margin-top:-14px;margin-right:-14px;height:44px;width:44px;line-height:44px;font-family:Arial,Baskerville,monospace;color:#fff;font-size:4rem}.sl-wrapper .sl-counter{display:none;position:fixed;top:30px;left:30px;z-index:1060;color:#fff;font-size:2rem}.sl-wrapper .sl-navigation{width:100%;display:none}.sl-wrapper .sl-navigation button{position:fixed;top:50%;margin-top:-22px;height:44px;width:22px;line-height:44px;text-align:center;display:block;z-index:10060;font-family:Arial,Baskerville,monospace;color:#fff}.sl-wrapper .sl-navigation button.sl-next{right:5px;font-size:4rem}.sl-wrapper .sl-navigation button.sl-prev{left:5px;font-size:4rem}.sl-wrapper.sl-dir-rtl .sl-navigation{direction:ltr}.sl-wrapper .sl-image{position:fixed;-ms-touch-action:none;touch-action:none;z-index:10000}.sl-wrapper .sl-image img{margin:0;padding:0;display:block;border:0 none;width:100%;height:auto}.sl-wrapper .sl-image iframe{background:#000;border:0 none}.sl-wrapper .sl-image .sl-caption{display:none;padding:16px 10px;text-align:center;color:#fff;background:rgba(0,0,0,.5);font-size:2.4rem;position:absolute;bottom:0;left:0;right:0}.sl-wrapper .sl-image .sl-caption.pos-top{bottom:auto;top:0}.sl-wrapper .sl-image .sl-caption.pos-outside{bottom:auto}.sl-wrapper .sl-image .sl-download{display:none;position:absolute;bottom:5px;right:5px;color:#fff;z-index:1060}.sl-spinner{display:none;border:5px solid #333;border-radius:40px;height:40px;left:50%;margin:-20px 0 0 -20px;opacity:0;position:fixed;top:50%;width:40px;z-index:1007;-webkit-animation:pulsate 1s ease-out infinite;-moz-animation:pulsate 1s ease-out infinite;animation:pulsate 1s ease-out infinite}.sl-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}.sl-transition{transition:-moz-transform ease .2s;transition:-ms-transform ease .2s;transition:-webkit-transform ease .2s;-webkit-transition:-webkit-transform ease .2s;-moz-transition:transform ease .2s,-moz-transform ease .2s;transition:transform ease .2s;transition:transform ease .2s,-webkit-transform ease .2s,-moz-transform ease .2s}@-webkit-keyframes pulsate{0%{-webkit-transform:scale(.1);transform:scale(.1);opacity:0}50%{opacity:1}100%{-webkit-transform:scale(1.2);transform:scale(1.2);opacity:0}}@keyframes pulsate{0%{-webkit-transform:scale(.1);-moz-transform:scale(.1);transform:scale(.1);opacity:0}50%{opacity:1}100%{-webkit-transform:scale(1.2);-moz-transform:scale(1.2);transform:scale(1.2);opacity:0}}@-moz-keyframes pulsate{0%{-moz-transform:scale(.1);transform:scale(.1);opacity:0}50%{opacity:1}100%{-moz-transform:scale(1.2);transform:scale(1.2);opacity:0}}*,::after,::before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-text-stroke-width:0;-webkit-text-stroke-color:transparent}html{min-height:100%;font-size:62.5%;position:relative}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;padding:0}@-ms-viewport{width:device-width}[hidden]{display:none!important}a{font-weight:inherit;outline:0;color:inherit}a:active,a:focus,a:hover{outline:0}a img{border:none}img{max-width:100%;vertical-align:middle;border-style:none;font-size:1.2rem}svg{overflow:hidden;vertical-align:middle}hr{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;overflow:visible}article,aside,figure,footer,header,main,nav,section{display:block}b,strong{font-weight:700}em,i{font-style:italic}u{text-decoration:underline}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:1;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}h1,h2,h3,h4,h5,h6,ol,p,table,ul{margin:0 0 16px}h1,h2,h3,h4,h5,h6{line-height:1.3}ol,ul{padding-left:24px}code,kbd,pre,samp{font-family:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;font-size:1em}pre{margin-top:0;margin-bottom:1rem;overflow:auto;-ms-overflow-style:scrollbar}fieldset{min-width:0;padding:0;margin:0;border:0}button,label{-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:inherit;margin:0;outline:0}button,select{text-transform:none}option,select{outline:0}option:active,option:hover,select:active,select:hover{outline:0}button{cursor:pointer}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0;height:auto}[type=search],[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}input[type=number]{-moz-appearance:textfield}table{border-collapse:collapse}th{text-align:inherit}@font-face{font-family:"Lexend Deca";src:url(../fonts/LexendDeca-Regular.eot);src:url(../fonts/LexendDeca-Regular.eot?#iefix) format("embedded-opentype"),url(../fonts/LexendDeca-Regular.woff2) format("woff2"),url(../fonts/LexendDeca-Regular.woff) format("woff"),url(../fonts/LexendDeca-Regular.ttf) format("truetype"),url(../fonts/LexendDeca-Regular.svg#LexendDeca-Regular) format("svg");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:"Lexend Deca";src:url(../fonts/LexendDeca-Black.eot);src:url(../fonts/LexendDeca-Black.eot?#iefix) format("embedded-opentype"),url(../fonts/LexendDeca-Black.woff2) format("woff2"),url(../fonts/LexendDeca-Black.woff) format("woff"),url(../fonts/LexendDeca-Black.ttf) format("truetype"),url(../fonts/LexendDeca-Black.svg#LexendDeca-Black) format("svg");font-weight:900;font-style:normal;font-display:swap}@font-face{font-family:"Lexend Deca";src:url(../fonts/LexendDeca-ExtraBold.eot);src:url(../fonts/LexendDeca-ExtraBold.eot?#iefix) format("embedded-opentype"),url(../fonts/LexendDeca-ExtraBold.woff2) format("woff2"),url(../fonts/LexendDeca-ExtraBold.woff) format("woff"),url(../fonts/LexendDeca-ExtraBold.ttf) format("truetype"),url(../fonts/LexendDeca-ExtraBold.svg#LexendDeca-ExtraBold) format("svg");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:"Lexend Deca";src:url(../fonts/LexendDeca-Medium.eot);src:url(../fonts/LexendDeca-Medium.eot?#iefix) format("embedded-opentype"),url(../fonts/LexendDeca-Medium.woff2) format("woff2"),url(../fonts/LexendDeca-Medium.woff) format("woff"),url(../fonts/LexendDeca-Medium.ttf) format("truetype"),url(../fonts/LexendDeca-Medium.svg#LexendDeca-Medium) format("svg");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:"Lexend Deca";src:url(../fonts/LexendDeca-Bold.eot);src:url(../fonts/LexendDeca-Bold.eot?#iefix) format("embedded-opentype"),url(../fonts/LexendDeca-Bold.woff2) format("woff2"),url(../fonts/LexendDeca-Bold.woff) format("woff"),url(../fonts/LexendDeca-Bold.ttf) format("truetype"),url(../fonts/LexendDeca-Bold.svg#LexendDeca-Bold) format("svg");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:"Lexend Deca";src:url(../fonts/LexendDeca-Light.eot);src:url(../fonts/LexendDeca-Light.eot?#iefix) format("embedded-opentype"),url(../fonts/LexendDeca-Light.woff2) format("woff2"),url(../fonts/LexendDeca-Light.woff) format("woff"),url(../fonts/LexendDeca-Light.ttf) format("truetype"),url(../fonts/LexendDeca-Light.svg#LexendDeca-Light) format("svg");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:"Lexend Deca";src:url(../fonts/LexendDeca-SemiBold.eot);src:url(../fonts/LexendDeca-SemiBold.eot?#iefix) format("embedded-opentype"),url(../fonts/LexendDeca-SemiBold.woff2) format("woff2"),url(../fonts/LexendDeca-SemiBold.woff) format("woff"),url(../fonts/LexendDeca-SemiBold.ttf) format("truetype"),url(../fonts/LexendDeca-SemiBold.svg#LexendDeca-SemiBold) format("svg");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Poppins;src:url(../fonts/Poppins-Light.eot);src:url(../fonts/Poppins-Light.eot?#iefix) format("embedded-opentype"),url(../fonts/Poppins-Light.woff2) format("woff2"),url(../fonts/Poppins-Light.woff) format("woff"),url(../fonts/Poppins-Light.ttf) format("truetype"),url(../fonts/Poppins-Light.svg#Poppins-Light) format("svg");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Poppins;src:url(../fonts/Poppins-ExtraBold.eot);src:url(../fonts/Poppins-ExtraBold.eot?#iefix) format("embedded-opentype"),url(../fonts/Poppins-ExtraBold.woff2) format("woff2"),url(../fonts/Poppins-ExtraBold.woff) format("woff"),url(../fonts/Poppins-ExtraBold.ttf) format("truetype"),url(../fonts/Poppins-ExtraBold.svg#Poppins-ExtraBold) format("svg");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Poppins;src:url(../fonts/Poppins-Bold.eot);src:url(../fonts/Poppins-Bold.eot?#iefix) format("embedded-opentype"),url(../fonts/Poppins-Bold.woff2) format("woff2"),url(../fonts/Poppins-Bold.woff) format("woff"),url(../fonts/Poppins-Bold.ttf) format("truetype"),url(../fonts/Poppins-Bold.svg#Poppins-Bold) format("svg");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Poppins;src:url(../fonts/Poppins-Medium.eot);src:url(../fonts/Poppins-Medium.eot?#iefix) format("embedded-opentype"),url(../fonts/Poppins-Medium.woff2) format("woff2"),url(../fonts/Poppins-Medium.woff) format("woff"),url(../fonts/Poppins-Medium.ttf) format("truetype"),url(../fonts/Poppins-Medium.svg#Poppins-Medium) format("svg");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Poppins;src:url(../fonts/Poppins-Regular.eot);src:url(../fonts/Poppins-Regular.eot?#iefix) format("embedded-opentype"),url(../fonts/Poppins-Regular.woff2) format("woff2"),url(../fonts/Poppins-Regular.woff) format("woff"),url(../fonts/Poppins-Regular.ttf) format("truetype"),url(../fonts/Poppins-Regular.svg#Poppins-Regular) format("svg");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Poppins;src:url(../fonts/Poppins-SemiBold.eot);src:url(../fonts/Poppins-SemiBold.eot?#iefix) format("embedded-opentype"),url(../fonts/Poppins-SemiBold.woff2) format("woff2"),url(../fonts/Poppins-SemiBold.woff) format("woff"),url(../fonts/Poppins-SemiBold.ttf) format("truetype"),url(../fonts/Poppins-SemiBold.svg#Poppins-SemiBold) format("svg");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:RZF-Software;src:url(../fonts/icon/RZF-Software.eot?u1lbqy);src:url(../fonts/icon/RZF-Software.eot?u1lbqy#iefix) format("embedded-opentype"),url(../fonts/icon/RZF-Software.ttf?u1lbqy) format("truetype"),url(../fonts/icon/RZF-Software.woff?u1lbqy) format("woff"),url(../fonts/icon/RZF-Software.svg?u1lbqy#RZF-Software) format("svg");font-weight:400;font-style:normal;font-display:block}body{font-family:Poppins,sans-serif;font-weight:400;background-color:#fcfcfc;color:#222;font-size:1.6rem;line-height:2.4rem}body.rm-scroll{overflow:hidden;-ms-touch-action:none;touch-action:none}body.hold-transition *,body.hold-transition ::after,body.hold-transition ::before{-webkit-transition:none!important;-moz-transition:none!important;transition:none!important}html{scroll-behavior:smooth}h1{font-size:4rem;line-height:4.8rem;font-weight:700}h2{font-size:3.2rem;line-height:4rem;font-weight:700}h3{font-size:2.4rem;line-height:3.2rem;font-weight:700}h4{font-size:2rem;line-height:3.8rem;font-weight:700}h5{font-size:1.8rem;line-height:2.8rem;font-weight:700}h6{font-size:1.6rem;line-height:2.4rem;font-weight:700}label,li,p,td{font-size:1.6rem;line-height:2.4rem}b,strong{font-weight:700}.container{width:100%;max-width:1150px;margin-left:auto;margin-right:auto}.main-site{width:100%;padding-top:72px;-webkit-transition:all .35s ease;-moz-transition:all .35s ease;transition:all .35s ease}.documentation .documentation__img{position:relative;padding-bottom:125%;overflow:hidden;border-radius:4px}.documentation .documentation__img:hover .documentation__img__el{-webkit-transform:scale(1.02);-moz-transform:scale(1.02);-ms-transform:scale(1.02);transform:scale(1.02);opacity:1}.documentation .documentation__img__el{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center center;opacity:.9;display:block;-webkit-transition:all .2s ease;-moz-transition:all .2s ease;transition:all .2s ease}.documentation .documentation__img .js-popup-image{text-decoration:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.testimonials .testimonials__item{background-color:#fff;-webkit-box-shadow:0 2px 40px rgba(0,0,0,.1);box-shadow:0 2px 40px rgba(0,0,0,.1);float:left;width:440px;margin-right:64px;padding:32px 24px 72px 64px;position:relative;border-radius:8px;z-index:1}.testimonials .testimonials__item::before{content:"";position:absolute;z-index:-1;background:url(../img/bg/quotes-mark.svg);background-repeat:no-repeat;bottom:32px;right:32px;width:80px;height:80px}.testimonials__avatar{position:absolute;top:50%;left:-32px;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}.testimonials__avatar__el{display:block;width:72px!important;height:72px;border-radius:50%;object-fit:cover}.testimonials__rating{margin-bottom:0}.testimonials__rating i{font-size:1.8rem;line-height:2.8rem;color:#ffcd3c}.testimonials__rating i.disabled{opacity:.1;color:#222}.testimonials__caption{color:#4a4a4a;margin-bottom:0}.testimonials__name{position:absolute;left:0;bottom:32px;padding-left:64px;padding-right:24px;z-index:1;font-weight:500;font-size:1.6rem;line-height:2.4rem;margin-bottom:0}.presenting__box{position:relative}.presenting__box:hover .presenting__img__el{-webkit-transform:scale(1.04);-moz-transform:scale(1.04);-ms-transform:scale(1.04);transform:scale(1.04)}.presenting__box:hover .presenting__ttl{-webkit-transform:translateY(-4px);-moz-transform:translateY(-4px);-ms-transform:translateY(-4px);transform:translateY(-4px)}.presenting__img{overflow:hidden;padding-bottom:45%;position:relative}.presenting__img__el{display:block;width:100%;height:100%;object-fit:cover;object-position:center center;-webkit-transition:all .2s ease;-moz-transition:all .2s ease;transition:all .2s ease;position:absolute;top:0;left:0;width:100%;height:100%}.presenting__img .js-popup-image-presenting{text-decoration:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.presenting__txt{position:absolute;bottom:0;left:0;right:0;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease;width:100%;background-image:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.6)),color-stop(rgba(0,0,0,.4)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(bottom,rgba(0,0,0,.6),rgba(0,0,0,.4),rgba(0,0,0,0));background-image:-moz-linear-gradient(bottom,rgba(0,0,0,.6),rgba(0,0,0,.4),rgba(0,0,0,0));background-image:linear-gradient(to top,rgba(0,0,0,.6),rgba(0,0,0,.4),rgba(0,0,0,0));z-index:1;padding:14px 24px}.presenting__ttl{color:#fff;font-weight:600;font-size:2rem;line-height:3.8rem;margin-bottom:0;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease;text-align:left}.pricing__box{position:relative;padding:24px 16px;border-radius:8px;text-align:center;background-color:#fff;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease;white-space:normal;-webkit-box-shadow:0 2px 20px rgba(0,0,0,.1);box-shadow:0 2px 20px rgba(0,0,0,.1)}.pricing__headline{margin-bottom:14px;padding-bottom:14px;border-bottom:1px solid #cdc3c3}.pricing__name{font-size:2rem;line-height:3.8rem;font-weight:600;color:#5f9e5f;margin-bottom:0}.pricing__price{font-size:2.4rem;line-height:3.2rem;font-weight:600;margin-bottom:0}.pricing__subtitle{font-size:1.4rem;line-height:2rem;color:#888;margin-bottom:0}.pricing__subdesc{font-size:1.8rem;line-height:2.8rem;color:#5f9e5f;margin:8px 0 0}.pricing__list{list-style:none;padding:0;text-align:left;margin:24px 0}.pricing__item{margin-bottom:12px;position:relative;font-size:1.4rem;line-height:2rem;padding-left:40px}.pricing__item:last-child{margin-bottom:0}.pricing__item::before{font-family:RZF-Software!important;content:"\e91e";position:absolute;left:4px;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);color:#5f9e5f;font-size:2rem;line-height:3.8rem;line-height:1}.pricing__item__price{position:absolute;right:8px;top:5px;text-decoration:line-through;font-size:1.2rem;line-height:1.8rem}.pricing__item__discount{position:absolute;right:8px;bottom:5px;font-size:1.2rem;line-height:1.8rem}.pricing__item--discount{border-radius:8px;padding-top:12px;padding-bottom:12px;background-image:-webkit-linear-gradient(315deg,#e6f1c4,#c6e8d8);background-image:-moz-linear-gradient(315deg,#e6f1c4,#c6e8d8);background-image:linear-gradient(135deg,#e6f1c4,#c6e8d8)}.pricing__item--discount::before{content:"\e921";font-size:2.4rem;line-height:3.2rem;left:8px;line-height:1}.pricing__item--uncheck::before{content:"\e91a";color:#786d6d}.pricing__item--hide{display:none}.pricing__item--show{display:block}.pricing__btn span{display:block;margin:4px 0;font-size:1.4rem;line-height:2rem}.request{padding:56px 0 32px;position:relative}.request::before{content:"";width:100%;height:264px;display:block;background-image:-webkit-linear-gradient(315deg,#e6f1c4,#c6e8d8);background-image:-moz-linear-gradient(315deg,#e6f1c4,#c6e8d8);background-image:linear-gradient(135deg,#e6f1c4,#c6e8d8);position:absolute;bottom:0;left:0;z-index:-1}.request__wrapper::after,.request__wrapper::before{content:" ";display:table}.request__wrapper::after{clear:both}.request__head{max-width:820px;margin:0 auto 64px}.request__title{font-weight:600;text-align:center;font-size:2.4rem;line-height:3.2rem;color:#333}.request__thumbnail{float:left;width:52%;display:table;min-height:684px}.request__thumbnail__align{display:table-cell;vertical-align:middle;position:relative}.request__thumbnail__el{width:100%;height:70%;object-fit:cover;object-position:center center;display:block;top:0;left:-76px;position:absolute;z-index:-2}.request__form{float:right;width:48%}.request__box{padding:48px;background-color:#fff;border-radius:8px;-webkit-box-shadow:0 2px 20px rgba(0,0,0,.1);box-shadow:0 2px 20px rgba(0,0,0,.1)}.request__ttl{font-weight:500;text-align:center;font-size:1.8rem;line-height:2.8rem;margin-bottom:24px;color:#333}.request__input-slct{display:block;width:100%;outline:0;border:0;background-color:transparent;padding:16px 8px;background-color:#fff;border-bottom:solid 1px #e8e8e8;position:relative;font-size:1.6rem;line-height:2.4rem;position:relative;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease}.request__input-slct:focus{border-color:solid 1px #5f9e5f}.request__btn{margin-top:40px;width:100%}.fi-row{position:relative;margin-bottom:32px;margin-right:8px;display:block;font-size:0}.fi-row:last-child{margin-bottom:0}.fi-row i{position:absolute;top:20px;right:16px;font-size:1.6rem;line-height:2.4rem;color:#4a4a4a}.fi-inner{position:relative;display:inline-block;vertical-align:middle;width:100%;padding-right:24px}.fi-inner:last-child{padding-right:0}.fi-label{display:inlinr-block;font-size:1.8rem;line-height:2.8rem;font-weight:500;color:#4a4a4a;margin-bottom:12px}.fi-multiline,.fi-single-line{display:inline-block;width:100%;border:0;outline:0;padding:16px 8px;font-size:1.6rem;line-height:2.4rem;background-color:#fff;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease;border-bottom:solid 1px #e8e8e8}.fi-multiline:focus,.fi-single-line:focus{border-color:#5f9e5f}.fi-multiline:-moz-placeholder-shown,.fi-single-line:-moz-placeholder-shown{text-fill-color:#333;-webkit-text-fill-color:#333}.fi-multiline:-ms-input-placeholder,.fi-single-line:-ms-input-placeholder{text-fill-color:#333;-webkit-text-fill-color:#333}.fi-multiline:placeholder-shown,.fi-single-line:placeholder-shown{text-fill-color:#333;-webkit-text-fill-color:#333}.fi-multiline{resize:none;height:96px}.fi-alert{opacity:0;visibility:hidden;position:absolute;bottom:-24px;left:8px;font-size:1.2rem;line-height:1.8rem;font-weight:400;color:red;text-align:left;margin-bottom:0;-webkit-transform:translateY(6px);-moz-transform:translateY(6px);-ms-transform:translateY(6px);transform:translateY(6px);-webkit-transition:all .2s ease;-moz-transition:all .2s ease;transition:all .2s ease}.error .fi-alert{opacity:1;-webkit-transform:none;-moz-transform:none;-ms-transform:none;transform:none;visibility:visible}.faq__item{margin-bottom:24px;border-bottom:solid 1px #d8d8d8}.faq__item:last-child{margin-bottom:0}.faq__top{padding-bottom:16px;position:relative}.faq__top::after,.faq__top::before{content:" ";display:table}.faq__top::after{clear:both}.faq__top__title{font-size:2rem;line-height:3.8rem;font-weight:600;margin-bottom:0;-webkit-transition:all .3s ease 0;-moz-transition:all .3s ease 0;transition:all .3s ease 0;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;max-width:960px;cursor:pointer}.faq__top__btn{position:absolute;top:0;right:0}.faq__top__icon{position:absolute;display:block;top:4px;right:0;font-size:2.4rem;line-height:3.2rem;font-weight:700;-webkit-transition:all .5s ease 0s;-moz-transition:all .5s ease 0s;transition:all .5s ease 0s}.faq__middle{display:none;height:100%;margin-bottom:24px}.faq__middle h1,.faq__middle h2,.faq__middle h3,.faq__middle h4,.faq__middle h5,.faq__middle h6,.faq__middle ol,.faq__middle p,.faq__middle table,.faq__middle ul{margin:0}.faq__middle__content{padding:12px 0 12px 0;-webkit-transform:translateX(16px);-moz-transform:translateX(16px);-ms-transform:translateX(16px);transform:translateX(16px);opacity:0;max-width:914px;-webkit-transition:all .3s ease 0s;-moz-transition:all .3s ease 0s;transition:all .3s ease 0s;color:#4a4a4a}.faq__middle__content ul{margin-left:16px}.faq__middle__content p{max-width:820px;font-size:1.8rem;line-height:2.8rem;color:#4a4a4a}.faq__bottom{padding-top:8px;border-bottom:1px solid #fcfcfc}.faq--show .faq__top__title{color:#5f9e5f;-webkit-transition:all .3s ease .2s;-moz-transition:all .3s ease .2s;transition:all .3s ease .2s}.faq--show .faq__top__icon{-webkit-transform:rotateX(180deg);-moz-transform:rotateX(180deg);transform:rotateX(180deg);-webkit-transition:all .5s ease .2s;-moz-transition:all .5s ease .2s;transition:all .5s ease .2s;color:#5f9e5f}.faq--show .faq__middle{display:block}.faq--show .faq__middle__content{-webkit-transform:none;-moz-transform:none;-ms-transform:none;transform:none;opacity:1;-webkit-transition:all .6s ease .3s;-moz-transition:all .6s ease .3s;transition:all .6s ease .3s}.video{padding:64px 0 104px}.video__wrapper{width:100%}.video__wrapper::after,.video__wrapper::before{content:" ";display:table}.video__wrapper::after{clear:both}.video__item{width:100%}.video__item::after,.video__item::before{content:" ";display:table}.video__item::after{clear:both}.video__txt{float:left;width:40%;display:table;min-height:340px}.video__txt__align{display:table-cell;vertical-align:middle}.video__title{margin-bottom:16px;font-size:3.2rem;line-height:4rem}.video__desc{font-size:1.8rem;line-height:2.8rem;color:#4a4a4a;margin-bottom:32px;max-width:436px}.video__box{float:right;width:60%;padding-left:72px}.video__thumbnail{position:relative;height:340px}.video__thumbnail::before{content:"";display:block;width:200px;height:200px;border-radius:50%;background-color:#c3e4c3;position:absolute;left:-28px;bottom:-22px;z-index:-1}.video__thumbnail::after{content:"";display:block;width:200px;height:200px;border-radius:50%;background-color:#c3e4c3;position:absolute;top:-19px;right:-24px;z-index:-1}.video__thumbnail__el{display:block;width:100%;height:100%;border-radius:6px;display:block}.video .owl-item.active,.video--standalone{display:inline-block}.video .owl-item.active .video__thumbnail,.video--standalone .video__thumbnail{opacity:1;-webkit-transform:none;-moz-transform:none;-ms-transform:none;transform:none;-webkit-transition:opacity .1 ease,-webkit-transform .1s ease;transition:opacity .1 ease,-webkit-transform .1s ease;-moz-transition:opacity .1 ease,transform .1s ease,-moz-transform .1s ease;transition:opacity .1 ease,transform .1s ease;transition:opacity .1 ease,transform .1s ease,-webkit-transform .1s ease,-moz-transform .1s ease;-webkit-transition-delay:.8s;-moz-transition-delay:.8s;transition-delay:.8s}.video .owl-item.active .video__title,.video--standalone .video__title{opacity:1;-webkit-transform:none;-moz-transform:none;-ms-transform:none;transform:none;-webkit-transition:opacity .1 ease,-webkit-transform .1s ease;transition:opacity .1 ease,-webkit-transform .1s ease;-moz-transition:opacity .1 ease,transform .1s ease,-moz-transform .1s ease;transition:opacity .1 ease,transform .1s ease;transition:opacity .1 ease,transform .1s ease,-webkit-transform .1s ease,-moz-transform .1s ease;-webkit-transition-delay:.4s;-moz-transition-delay:.4s;transition-delay:.4s}.video .owl-item.active .video__desc,.video--standalone .video__desc{opacity:1;-webkit-transform:none;-moz-transform:none;-ms-transform:none;transform:none;-webkit-transition:opacity .1 ease,-webkit-transform .1s ease;transition:opacity .1 ease,-webkit-transform .1s ease;-moz-transition:opacity .1 ease,transform .1s ease,-moz-transform .1s ease;transition:opacity .1 ease,transform .1s ease;transition:opacity .1 ease,transform .1s ease,-webkit-transform .1s ease,-moz-transform .1s ease;-webkit-transition-delay:.6s;-moz-transition-delay:.6s;transition-delay:.6s}.video .owl-item.active .video__btn,.video--standalone .video__btn{opacity:1;-webkit-transform:none;-moz-transform:none;-ms-transform:none;transform:none;-webkit-transition:opacity .1 ease,-webkit-transform .1s ease;transition:opacity .1 ease,-webkit-transform .1s ease;-moz-transition:opacity .1 ease,transform .1s ease,-moz-transform .1s ease;transition:opacity .1 ease,transform .1s ease;transition:opacity .1 ease,transform .1s ease,-webkit-transform .1s ease,-moz-transform .1s ease;-webkit-transition-delay:.8s;-moz-transition-delay:.8s;transition-delay:.8s}.video .owl-carousel .video__thumbnail{opacity:0;-webkit-transform:translateY(-32px);-moz-transform:translateY(-32px);-ms-transform:translateY(-32px);transform:translateY(-32px);-webkit-transition:all 1.1s ease 0s;-moz-transition:all 1.1s ease 0s;transition:all 1.1s ease 0s}.video .owl-carousel .video__title{opacity:0;-webkit-transform:translateY(24px);-moz-transform:translateY(24px);-ms-transform:translateY(24px);transform:translateY(24px);-webkit-transition:all 1.1s ease 0s;-moz-transition:all 1.1s ease 0s;transition:all 1.1s ease 0s;-webkit-transition-delay:all 1.1s ease 0s;-moz-transition-delay:all 1.1s ease 0s;transition-delay:all 1.1s ease 0s}.video .owl-carousel .video__desc{opacity:0;-webkit-transform:translateY(24px);-moz-transform:translateY(24px);-ms-transform:translateY(24px);transform:translateY(24px);-webkit-transition:all 1.1s ease 0s;-moz-transition:all 1.1s ease 0s;transition:all 1.1s ease 0s}.video .owl-carousel .video__btn{opacity:0;-webkit-transform:translateY(24px);-moz-transform:translateY(24px);-ms-transform:translateY(24px);transform:translateY(24px);-webkit-transition:all 1.1s ease 0s;-moz-transition:all 1.1s ease 0s;transition:all 1.1s ease 0s}.video .owl-carousel .owl-dot{display:inline-block;vertical-align:middle;margin-right:8px;width:8px;height:8px;border-radius:4px;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease;background-color:#222;opacity:.1}.video .owl-carousel .owl-dot:last-child{margin-right:0}.video .owl-carousel .owl-dot.active{width:32px;background-color:#5f9e5f;opacity:1}.video .owl-carousel .owl-dots{position:absolute;left:50%;bottom:-64px;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}.suitable__card{position:relative;border-radius:4px;overflow:hidden;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease;z-index:2}.suitable__card:hover .suitable__img__el{-webkit-transform:scale(1.06);-moz-transform:scale(1.06);-ms-transform:scale(1.06);transform:scale(1.06)}.suitable__card:hover .suitable__txt__el{-webkit-transform:translateY(-4px);-moz-transform:translateY(-4px);-ms-transform:translateY(-4px);transform:translateY(-4px)}.suitable__img{position:relative;padding-bottom:66%}.suitable__img__el{display:block;width:100%;height:100%;object-fit:cover;position:absolute;width:100%;height:100%;left:0;top:0;object-position:center center;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease}.suitable__txt{position:absolute;bottom:0;left:0;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease;width:100%;padding:14px 24px;background-image:-webkit-gradient(linear,left bottom,left top,from(#000),color-stop(rgba(0,0,0,.6)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(bottom,#000,rgba(0,0,0,.6),rgba(0,0,0,0));background-image:-moz-linear-gradient(bottom,#000,rgba(0,0,0,.6),rgba(0,0,0,0));background-image:linear-gradient(to top,#000,rgba(0,0,0,.6),rgba(0,0,0,0));z-index:1}.suitable__txt__el{color:#fff;margin-bottom:0;font-size:2rem;line-height:3.8rem;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease;font-weight:600}.cta{background-image:-webkit-linear-gradient(282.54deg,#cadc63 -8.65%,#47bab3 79.26%);background-image:-moz-linear-gradient(282.54deg,#cadc63 -8.65%,#47bab3 79.26%);background-image:linear-gradient(167.46deg,#cadc63 -8.65%,#47bab3 79.26%);position:relative}.cta__wrapper{padding:72px 0;position:relative}.cta__wrapper::after,.cta__wrapper::before{content:" ";display:table}.cta__wrapper::after{clear:both}.cta__img{position:absolute;left:0;bottom:0;height:340px}.cta__img__el{display:block;width:100%;height:100%}.cta__txt{float:right}.cta__txt__title{margin-bottom:32px;color:#fff;font-weight:600;font-size:2.4rem;line-height:3.2rem}.cta__btn .btn{margin-right:24px}.cta__btn .btn:last-child{margin-right:0}.hero-banner{background-image:url(../img/bg/floating-elements.svg);background-repeat:no-repeat;-webkit-background-size:cover;background-size:cover;background-position:bottom bottom}.hero-banner__list::after,.hero-banner__list::before{content:" ";display:table}.hero-banner__list::after{clear:both}.hero-banner .hero-banner__list{width:30%;float:right}.hero-banner .hero-banner__img__el{display:block;min-height:458px;width:100%;object-fit:cover;object-position:center center}.hero-banner .hero-banner__txt{width:60%;float:left;max-width:572px;display:table;min-height:480px}.hero-banner .hero-banner__txt__wrapper{display:table-cell;vertical-align:middle}.hero-banner .hero-banner__title{font-family:"Lexend Deca",sans-serif;font-size:4rem;line-height:4.8rem;margin-bottom:24px;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;transition:all 1s ease;opacity:1}.main-site--hide .hero-banner .hero-banner__title{opacity:0;-webkit-transform:translateY(24px);-moz-transform:translateY(24px);-ms-transform:translateY(24px);transform:translateY(24px)}.hero-banner .hero-banner__desc{font-size:1.8rem;line-height:2.8rem;font-weight:400;margin-bottom:40px;opacity:1;-webkit-transition:all 2s ease;-moz-transition:all 2s ease;transition:all 2s ease}.main-site--hide .hero-banner .hero-banner__desc{opacity:0;-webkit-transform:translateY(24px);-moz-transform:translateY(24px);-ms-transform:translateY(24px);transform:translateY(24px)}.hero-banner .hero-banner__btn{-webkit-transition:all 2.5s ease;-moz-transition:all 2.5s ease;transition:all 2.5s ease;opacity:1}.main-site--hide .hero-banner .hero-banner__btn{opacity:0;-webkit-transform:translateY(24px);-moz-transform:translateY(24px);-ms-transform:translateY(24px);transform:translateY(24px)}.hero-banner .hero-banner__btn .btn{margin-right:24px}.hero-banner .hero-banner__btn .btn:last-child{margin-right:0}.popup{display:none;position:fixed;left:0;top:0;z-index:10;width:100%;height:100%;overflow:hidden;overflow-y:auto;background-color:rgba(0,0,0,.7)}.popup__wrapper{display:table;width:100%;height:100%}.popup__box{display:table-cell;vertical-align:middle;padding:24px 0}.popup__cntnt{position:relative;padding:48px 32px;max-width:560px;margin:0 auto;background-color:#fff;border-radius:12px}.popup__ttl{font-size:2.4rem;line-height:3.2rem;margin-bottom:0}.popup__btn{position:absolute;top:16px;right:16px;z-index:1;outline:0;border:0;background-color:transparent;font-size:1.6rem;line-height:2.4rem;line-height:1;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease}.popup__btn:hover{color:#5f9e5f;-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.popup__head{text-align:center;margin-bottom:24px}[class*=" ri-"],[class^=ri-]{font-family:RZF-Software!important;speak:never;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.ri-percent:before{content:"\e920"}.ri-sale:before{content:"\e921"}.ri-disturb:before{content:"\e91a"}.ri-check:before{content:"\e91e"}.ri-check-outline:before{content:"\e91f"}.ri-envelope:before{content:"\e91b"}.ri-star:before{content:"\e91c"}.ri-pen:before{content:"\e919"}.ri-eye:before{content:"\e90d"}.ri-invisible-eye:before{content:"\e915"}.ri-play:before{content:"\e905"}.ri-download:before{content:"\e900"}.ri-phone-call:before{content:"\e91d"}.ri-instagram:before{content:"\e90a"}.ri-mail:before{content:"\e913"}.ri-trash:before{content:"\e917"}.ri-close:before{content:"\e916"}.ri-min:before{content:"\e918"}.ri-plus:before{content:"\e914"}.ri-arrow-down:before{content:"\e901"}.ri-arrow-left:before{content:"\e902"}.ri-arrow-right:before{content:"\e903"}.ri-arrow-up:before{content:"\e904"}.ri-chevron-down:before{content:"\e906"}.ri-chevron-left:before{content:"\e907"}.ri-chevron-right:before{content:"\e908"}.ri-chevron-up:before{content:"\e909"}.ri-phone:before{content:"\e90c"}.ri-search:before{content:"\e90e"}.ri-telegram:before{content:"\e90f"}.ri-twitter:before{content:"\e910"}.ri-user:before{content:"\e911"}.ri-whatsapp:before{content:"\e912"}.ri-facebook:before{content:"\e90b"}.ri-linkedin:before{content:"\eac9"}.btn{display:inline-block;border-radius:48px;padding:11.2px 32px;min-width:140px;outline:0;background-color:transparent;border:solid 1px transparent;text-decoration:none;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease;font-weight:500;font-size:1.6rem;line-height:2.4rem;min-height:initial;text-align:center;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.btn--primary{background-color:#5f9e5f;color:#fff}.btn--primary:hover{background-color:#fff;color:#5f9e5f;border-color:#5f9e5f}.btn--secondary{color:#5f9e5f;border-color:#5f9e5f;background-color:#fff}.btn--secondary:hover{background-color:#5f9e5f;color:#fff;border-color:#5f9e5f}.btn--white{background-color:#fff;color:#5f9e5f}.btn--white:hover{background-color:transparent;color:#fff;border-color:#fff}.btn--white-outline{color:#fff;border-color:#fff}.btn--white-outline:hover{background-color:#fff;color:#5f9e5f;border-color:#fff}.btn--block{display:block;width:100%}.header{position:relative;position:fixed;top:0;left:0;width:100%;z-index:9;padding:16px 0;background-image:-webkit-linear-gradient(315deg,#e6f1c4,#c6e8d8);background-image:-moz-linear-gradient(315deg,#e6f1c4,#c6e8d8);background-image:linear-gradient(135deg,#e6f1c4,#c6e8d8);-webkit-box-shadow:0 4px 72px rgba(0,0,0,.1);box-shadow:0 4px 72px rgba(0,0,0,.1);-webkit-transition:all .35s ease;-moz-transition:all .35s ease;transition:all .35s ease}.header-on-scroll .header,.scroll-down .header{-webkit-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease}.scroll-down .header{-webkit-box-shadow:none;box-shadow:none;-webkit-transform:translateY(-100%);-moz-transform:translateY(-100%);-ms-transform:translateY(-100%);transform:translateY(-100%)}.header__content{position:relative;text-align:center}.header__content::after,.header__content::before{content:" ";display:table}.header__content::after{clear:both}.header__logo{float:left;width:132px;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.header__logo__el{display:block;height:40px;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease}.header__list{display:inline-block;list-style:none;margin:0;padding:0}.header__item{display:inline-block;margin-right:32px}.header__item:last-child{margin-right:0}.header__link{display:block;color:#222;text-decoration:none;-webkit-transition:all .2s ease;-moz-transition:all .2s ease;transition:all .2s ease;position:relative;padding:8px 0;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.header__link:hover{color:#5f9e5f}.header__link::after{content:"";position:absolute;left:0;bottom:0;display:block;width:100%;border-bottom:1px solid #5f9e5f;-webkit-transition:all .2s ease;-moz-transition:all .2s ease;transition:all .2s ease;-webkit-transform:scaleX(0);-moz-transform:scaleX(0);-ms-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:left center;-moz-transform-origin:left center;-ms-transform-origin:left center;transform-origin:left center}.header__link:hover::after{-webkit-transform:none;-moz-transform:none;-ms-transform:none;transform:none}.burger-menu{display:none;border:0;outline:0;padding:0;border-radius:32px;cursor:pointer;width:40px;height:40px;background-color:#5f9e5f}.burger-menu__bar{width:16px;height:2px;background-color:#fff;margin:4px auto;display:block;border-radius:1px;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease}.show-menu .burger-menu__bar:nth-child(1){-webkit-transform:rotate(133deg) translate(5px,-4px);-moz-transform:rotate(133deg) translate(5px,-4px);-ms-transform:rotate(133deg) translate(5px,-4px);transform:rotate(133deg) translate(5px,-4px);-webkit-transition-delay:.45s;-moz-transition-delay:.45s;transition-delay:.45s;width:17px}.show-menu .burger-menu__bar:nth-child(2){-webkit-transform:scaleX(0);-moz-transform:scaleX(0);-ms-transform:scaleX(0);transform:scaleX(0);opacity:0;-webkit-transition-delay:.15s;-moz-transition-delay:.15s;transition-delay:.15s}.show-menu .burger-menu__bar:nth-child(3){-webkit-transform:rotate(-135deg) translate(4px,4px);-moz-transform:rotate(-135deg) translate(4px,4px);-ms-transform:rotate(-135deg) translate(4px,4px);transform:rotate(-135deg) translate(4px,4px);-webkit-transition-delay:.45s;-moz-transition-delay:.45s;transition-delay:.45s;width:17px}.hero-banner{position:relative;overflow:hidden;padding:68px 0}.hero-banner::after,.hero-banner::before{content:" ";display:table}.hero-banner::after{clear:both}.hero-banner__img{opacity:0;-webkit-transform:translateX(-32px);-moz-transform:translateX(-32px);-ms-transform:translateX(-32px);transform:translateX(-32px);-webkit-transition:all 1.1s ease 0s;-moz-transition:all 1.1s ease 0s;transition:all 1.1s ease 0s;-webkit-transition-delay:all 1.1s ease 0s;-moz-transition-delay:all 1.1s ease 0s;transition-delay:all 1.1s ease 0s}.hero-banner .owl-item.active,.hero-banner--standalone{display:inline-block}.hero-banner .owl-item.active .hero-banner__img,.hero-banner--standalone .hero-banner__img{opacity:1;-webkit-transform:none;-moz-transform:none;-ms-transform:none;transform:none;-webkit-transition:opacity .1 ease,-webkit-transform .1s ease;transition:opacity .1 ease,-webkit-transform .1s ease;-moz-transition:opacity .1 ease,transform .1s ease,-moz-transform .1s ease;transition:opacity .1 ease,transform .1s ease;transition:opacity .1 ease,transform .1s ease,-webkit-transform .1s ease,-moz-transform .1s ease;-webkit-transition-delay:.8s;-moz-transition-delay:.8s;transition-delay:.8s}.hero-banner .owl-carousel .owl-dot{display:inline-block;vertical-align:middle;margin-right:8px;width:8px;height:8px;border-radius:4px;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease;background-color:#222;opacity:.1}.hero-banner .owl-carousel .owl-dot:last-child{margin-right:0}.hero-banner .owl-carousel .owl-dot.active{width:32px;background-color:#5f9e5f;opacity:1}.hero-banner .owl-carousel .owl-dots{position:absolute;bottom:-32px;left:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}.solution{padding:68px 0;overflow:hidden}.solution__title{margin-bottom:24px;font-size:3.2rem;line-height:4rem;font-family:"Lexend Deca",sans-serif;color:#333}.solution__wrapper::after,.solution__wrapper::before{content:" ";display:table}.solution__wrapper::after{clear:both}.solution__txt{float:right;width:50%;display:table;min-height:404px;padding-left:56px}.solution__txt__align{display:table-cell;vertical-align:middle}.solution__img{float:left;width:40%}.solution__img__el{height:404px;display:block}.solution__txt{float:left}.solution__list{padding:0;margin:0;list-style:none;max-width:622px}.solution__list__item{margin-bottom:24px;position:relative;padding-left:40px;font-size:1.8rem;line-height:2.8rem}.solution__list__item:last-child{margin-bottom:0}.solution__list__item::before{background:url(../img/icons/checklist-2.svg);-webkit-background-size:cover;background-size:cover;color:#5f9e5f;content:"";position:absolute;left:0;top:0;width:24px;height:24px;background-repeat:no-repeat}.sale{padding:48px 0;background-image:-webkit-linear-gradient(282.54deg,#cadc63 -8.65%,#47bab3 79.26%);background-image:-moz-linear-gradient(282.54deg,#cadc63 -8.65%,#47bab3 79.26%);background-image:linear-gradient(167.46deg,#cadc63 -8.65%,#47bab3 79.26%)}.sale__wrapper::after,.sale__wrapper::before{content:" ";display:table}.sale__wrapper::after{clear:both}.sale__txt{width:40%;float:left;display:table;min-height:152px}.sale__txt__wrapper{display:table-cell;vertical-align:middle;color:#fff}.sale__headline{margin-bottom:4px;font-weight:500;font-size:2.4rem;line-height:3.2rem;font-family:"Lexend Deca",sans-serif}.sale__headline span{font-size:2.4rem;line-height:3.2rem;font-weight:500;-webkit-animation:fade 1.4s infinite;-moz-animation:fade 1.4s infinite;animation:fade 1.4s infinite}@-webkit-keyframes fade{0%{opacity:0}100%{opacity:1}}@-moz-keyframes fade{0%{opacity:0}100%{opacity:1}}@keyframes fade{0%{opacity:0}100%{opacity:1}}.sale__title{font-size:4rem;line-height:4.8rem;font-weight:900;font-family:"Lexend Deca",sans-serif;margin-bottom:8px}.sale__desc{margin-bottom:0;font-size:2rem;line-height:3.8rem}.sale__countdown{float:left;width:60%;text-align:right}.sale__countdown__item{display:inline-block;vertical-align:middle;margin-right:24px;width:126px;height:152px;padding:28px 30px;text-align:center;background-color:#fff;color:#5f9e5f;border-radius:8px}.sale__countdown__item:last-child{margin-right:0}.sale__countdown__num{font-weight:700;font-size:5.6rem;line-height:6.7rem;margin-bottom:12px;display:inline-block}.sale__countdown__txt{font-weight:400;font-size:1.6rem;line-height:2.4rem;color:#222;margin-bottom:0}.documentation{padding:56px 0 96px;overflow:hidden}.documentation::after,.documentation::before{content:" ";display:table}.documentation::after{clear:both}.documentation__head{margin-bottom:24px}.documentation__title{font-family:"Lexend Deca",sans-serif;font-size:3.2rem;line-height:4rem;margin-bottom:0}.documentation__body{margin-left:-12px;margin-right:-12px}.documentation__card{float:left;width:25%;padding:12px}.excellence{padding:56px 0;background-image:-webkit-linear-gradient(296.57deg,rgba(202,220,99,.2) 0,rgba(71,186,179,.2) 33.33%,#fff 73.33%);background-image:-moz-linear-gradient(296.57deg,rgba(202,220,99,.2) 0,rgba(71,186,179,.2) 33.33%,#fff 73.33%);background-image:linear-gradient(153.43deg,rgba(202,220,99,.2) 0,rgba(71,186,179,.2) 33.33%,#fff 73.33%)}.excellence::after,.excellence::before{content:" ";display:table}.excellence::after{clear:both}.excellence__head{margin-bottom:32px}.excellence__ttl{font-family:"Lexend Deca",sans-serif;font-size:3.2rem;line-height:4rem;text-align:center;margin-bottom:0}.excellence__body{margin-right:24px;margin-left:24px}.excellence__body::after,.excellence__body::before{content:" ";display:table}.excellence__body::after{clear:both}.excellence__item{float:left;width:50%;padding:12px 24px;position:relative;margin-bottom:0}.excellence__box{-webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease}.excellence__box:hover .excellence__title{color:#5f9e5f}.excellence__number{display:inline-block;vertical-align:top;text-align:center;position:absolute;left:0}.excellence__number__el{font-family:"Lexend Deca",sans-serif;font-weight:700;font-size:2.4rem;line-height:3.2rem;line-height:2.2rem;height:32px;color:#5f9e5f;margin-bottom:0;position:relative}.excellence__number__el::after{content:"";display:block;width:32px;height:1px;background-color:#5f9e5f;left:38px;top:14px;position:absolute}.excellence__txt{display:inline-block;vertical-align:top;padding-left:56px}.excellence__title{color:#333;font-weight:600;font-size:2.4rem;line-height:3.2rem;margin-bottom:16px;-webkit-transition:all .2s ease;-moz-transition:all .2s ease;transition:all .2s ease}.excellence__desc{font-weight:400;margin-bottom:0;font-size:1.6rem;line-height:2.4rem;color:#4a4a4a}.pricing{overflow:hidden;padding:56px 0 32px}.pricing__head{position:relative;text-align:center;margin-bottom:20px}.pricing__title{font-family:"Lexend Deca",sans-serif;font-size:3.2rem;line-height:4rem;margin-bottom:16px}.pricing__desc{font-size:1.8rem;line-height:2.8rem;margin-bottom:16px;color:#4a4a4a}.pricing__tab{display:inline-block;list-style:none;padding:8px;margin:0;font-size:0;-webkit-box-shadow:0 2px 40px rgba(0,0,0,.1);box-shadow:0 2px 40px rgba(0,0,0,.1);border-radius:8px}.pricing__tab__item{display:inline-block;vertical-align:middle;font-size:1.8rem;line-height:2.8rem;font-weight:600;padding:8px 16px;margin:0 4px;border-radius:8px;cursor:pointer;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease}.pricing__tab__item--active,.pricing__tab__item:hover{background-color:#5f9e5f;color:#fff}.pricing__body{margin-left:-12px;margin-right:-12px;font-size:0;text-align:center}.pricing .pricing__card{display:inline-block;vertical-align:top;width:33.3333333%;padding:12px}.pricing__pane{display:none}.pricing__pane--active{display:block;-webkit-animation:show-pane .4s ease-in-out .1s both;-moz-animation:show-pane .4s ease-in-out .1s both;animation:show-pane .4s ease-in-out .1s both}@-webkit-keyframes show-pane{from{opacity:0}to{opacity:1}}@-moz-keyframes show-pane{from{opacity:0}to{opacity:1}}@keyframes show-pane{from{opacity:0}to{opacity:1}}.testimonials{padding:64px 0;overflow:hidden;background-image:-webkit-linear-gradient(296.57deg,rgba(202,220,99,.2) 0,rgba(71,186,179,.2) 33.33%,#fff 73.33%);background-image:-moz-linear-gradient(296.57deg,rgba(202,220,99,.2) 0,rgba(71,186,179,.2) 33.33%,#fff 73.33%);background-image:linear-gradient(153.43deg,rgba(202,220,99,.2) 0,rgba(71,186,179,.2) 33.33%,#fff 73.33%)}.testimonials__wrapper{position:relative}.testimonials__head{margin-bottom:32px}.testimonials__title{font-size:3.2rem;line-height:4rem;font-family:"Lexend Deca",sans-serif;margin-bottom:0}.testimonials__body{position:relative;padding-left:32px}.testimonials__body::after,.testimonials__body::before{content:" ";display:table}.testimonials__body::after{clear:both}.testimonials .owl-stage-outer{overflow:initial}.testimonials .owl-carousel .owl-nav{position:absolute;top:-72px;right:32px}.testimonials .owl-carousel .owl-nav .owl-next,.testimonials .owl-carousel .owl-nav .owl-prev{color:#fff;background-color:transparent;font-size:1.8rem;line-height:2.8rem;width:40px;height:40px;background-color:transparent;border:2px solid #5f9e5f;border-radius:50%;-webkit-transition:all 350ms ease;-moz-transition:all 350ms ease;transition:all 350ms ease}.testimonials .owl-carousel .owl-nav .owl-next:hover,.testimonials .owl-carousel .owl-nav .owl-prev:hover{background-color:#5f9e5f}.testimonials .owl-carousel .owl-nav .owl-next:hover i,.testimonials .owl-carousel .owl-nav .owl-prev:hover i{color:#fff}.testimonials .owl-carousel .owl-nav .owl-next.disabled,.testimonials .owl-carousel .owl-nav .owl-prev.disabled{border-color:#d8d8d8;cursor:not-allowed}.testimonials .owl-carousel .owl-nav .owl-next.disabled:hover,.testimonials .owl-carousel .owl-nav .owl-prev.disabled:hover{background-color:#d8d8d8}.testimonials .owl-carousel .owl-nav .owl-next.disabled:hover i,.testimonials .owl-carousel .owl-nav .owl-prev.disabled:hover i{color:#fff}.testimonials .owl-carousel .owl-nav .owl-next.disabled i,.testimonials .owl-carousel .owl-nav .owl-prev.disabled i{color:#d8d8d8}.testimonials .owl-carousel .owl-nav .owl-prev{margin-right:24px}.testimonials .owl-carousel .owl-nav i{vertical-align:middle;font-size:1.6rem;line-height:2.4rem;font-weight:400;color:#5f9e5f}.presenting{padding:68px 0;overflow:hidden;background-image:-webkit-linear-gradient(296.57deg,rgba(202,220,99,.2) 0,rgba(71,186,179,.2) 33.33%,#fff 73.33%);background-image:-moz-linear-gradient(296.57deg,rgba(202,220,99,.2) 0,rgba(71,186,179,.2) 33.33%,#fff 73.33%);background-image:linear-gradient(153.43deg,rgba(202,220,99,.2) 0,rgba(71,186,179,.2) 33.33%,#fff 73.33%)}.presenting__head{margin-bottom:32px}.presenting__title{margin-bottom:0;font-size:3.2rem;line-height:4rem;font-weight:700;font-family:"Lexend Deca",sans-serif;color:#222}.presenting__body::after,.presenting__body::before{content:" ";display:table}.presenting__body::after{clear:both}.presenting .presenting__item{display:inline-block;vertical-align:middle;width:320px;margin-right:16px}.presenting .owl-stage-outer{overflow:initial}.presenting .owl-carousel .owl-nav{position:absolute;left:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}.presenting .owl-carousel .owl-nav{top:-40px;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}.presenting .owl-carousel .owl-nav .owl-next,.presenting .owl-carousel .owl-nav .owl-prev{position:absolute;bottom:0;color:#fff;background-color:transparent;font-size:1.8rem;line-height:2.8rem;width:40px;height:40px;background-color:transparent;border:2px solid #5f9e5f!important;border-radius:50%;-webkit-transition:all 350ms ease;-moz-transition:all 350ms ease;transition:all 350ms ease}.presenting .owl-carousel .owl-nav .owl-next:hover,.presenting .owl-carousel .owl-nav .owl-prev:hover{background-color:#5f9e5f}.presenting .owl-carousel .owl-nav .owl-next:hover i,.presenting .owl-carousel .owl-nav .owl-prev:hover i{color:#fff}.presenting .owl-carousel .owl-nav .owl-prev{right:-523px;-webkit-transform:none;-moz-transform:none;-ms-transform:none;transform:none}.presenting .owl-carousel .owl-nav .owl-next{left:544px;-webkit-transform:none;-moz-transform:none;-ms-transform:none;transform:none}.presenting .owl-carousel .owl-nav i{vertical-align:middle;font-size:1.6rem;line-height:2.4rem;font-weight:400;color:#5f9e5f}.benefits{padding:72px 0;overflow:hidden}.benefits__wrapper::after,.benefits__wrapper::before{content:" ";display:table}.benefits__wrapper::after{clear:both}.benefits__title{font-family:"Lexend Deca",sans-serif;font-size:3.2rem;line-height:4rem;text-align:left;margin-bottom:24px}.benefits__txt{float:left;width:55.6%;min-height:404px}.benefits__txt__align{display:table-cell;vertical-align:middle}.benefits__img{float:right;width:37%}.benefits__img__el{display:block}.benefits__list{padding:0;margin:0;list-style:none;float:left}.benefits__list__item{font-size:1.8rem;line-height:2.8rem;margin-bottom:24px;position:relative;padding-left:40px}.benefits__list__item:last-child{margin-bottom:0}.benefits__list__item::before{background:url(../img/icons/checklist-2.svg);-webkit-background-size:cover;background-size:cover;content:"";position:absolute;left:0;top:0;width:24px;height:24px;background-repeat:no-repeat}.suitable{padding:48px 0;overflow:hidden}.suitable__wrapper::after,.suitable__wrapper::before{content:" ";display:table}.suitable__wrapper::after{clear:both}.suitable__head{margin-bottom:24px}.suitable__title{font-size:3.2rem;line-height:4rem;font-weight:700;margin-bottom:0}.suitable__body{margin-left:-12px;margin-right:-12px}.suitable .suitable__item{float:left;width:33.3333333%;padding:12px;border-radius:4px}.problem{padding:68px 0;overflow:hidden;position:relative;background:url(../img/icons/circle-half.png);background-repeat:no-repeat;background-position:bottom left}.problem__wrapper::after,.problem__wrapper::before{content:" ";display:table}.problem__wrapper::after{clear:both}.problem__title{text-align:left;font-size:3.2rem;line-height:4rem;font-family:"Lexend Deca",sans-serif;font-weight:700;margin-bottom:24px}.problem__img{float:right;width:40%}.problem__img__el{display:block}.problem__txt{float:left;width:40%;min-height:346px;display:table}.problem__txt__align{display:table-cell;vertical-align:middle}.problem__list{list-style-type:none;padding:0;margin:0}.problem__list__item{margin-bottom:24px;position:relative;padding-left:40px;font-size:1.8rem;line-height:2.8rem}.problem__list__item:last-child{margin-bottom:0}.problem__list__item::before{background:url(../img/icons/cross.png);-webkit-background-size:cover;background-size:cover;content:"";position:absolute;left:0;top:0;width:22px;height:22px;background-repeat:no-repeat}.faq{padding:56px 0}.faq__head{text-align:center;margin-bottom:56px}.faq__headline{font-weight:700;font-size:3.2rem;line-height:4rem;margin-bottom:16px}.faq__desc{font-size:2rem;line-height:3.8rem;margin-bottom:0}.faq__list{max-width:initial}.footer{padding:40px 0;background-color:#fff;position:absolute;bottom:0;left:0;width:100%}.footer__copyright{text-align:center}.footer__copyright__el{margin-bottom:0}.compare{overflow:hidden;padding:56px 0 32px}.compare__head{position:relative;text-align:center;margin-bottom:32px}.compare__title{font-family:"Lexend Deca",sans-serif;font-size:3.2rem;line-height:4rem;margin-bottom:0}.compare__body::after,.compare__body::before{content:" ";display:table}.compare__body::after{clear:both}.compare__tab{display:none;list-style:none;padding:12px;margin:0;font-size:0;-webkit-box-shadow:0 2px 40px rgba(0,0,0,.1);box-shadow:0 2px 40px rgba(0,0,0,.1);border-radius:16px}.compare__tab__item{display:inline-block;vertical-align:middle;font-size:1.8rem;line-height:2.8rem;font-weight:600;padding:12px 24px;margin:0 4px;border-radius:16px;cursor:pointer;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease}.compare__tab__item.active,.compare__tab__item:hover{background-color:#5f9e5f;color:#fff}.compare__table{width:100%;margin-bottom:0}.compare__table tr{border-bottom:.5px solid #786d6d}.compare__table td,.compare__table th{text-align:center;padding:16px 0}.compare__table td:first-child,.compare__table th:first-child{text-align:left}.compare__table td.active,.compare__table th.active{display:table-cell}.compare__table th{font-size:1.8rem;line-height:2.8rem;width:180px}.compare__table th:first-child{width:auto!important}.compare__table td{font-size:1.6rem;line-height:2.4rem}.compare__icon i{font-size:2rem;line-height:3.8rem;line-height:1;color:#5f9e5f}.compare__icon--uncheck i{color:#786d6d}@media only screen and (max-width:1234px){.container{max-width:initial;padding-left:32px;padding-right:32px}}@media only screen and (max-width:1199.98px){.video{padding:56px 0 96px}.video__thumbnail::after{top:-16px;right:-15px}.hero-banner .hero-banner__list{width:40%}.header .overlay{position:fixed;top:76px;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.7);opacity:0;visibility:hidden;-webkit-transition:all .35s ease;-moz-transition:all .35s ease;transition:all .35s ease;-webkit-transition-delay:.1s;-moz-transition-delay:.1s;transition-delay:.1s}.show-menu .header .overlay{visibility:visible;opacity:1;-webkit-transition-delay:0s;-moz-transition-delay:0s;transition-delay:0s}.header__item{margin-right:24px}.hero-banner{padding:56px 0}.solution{padding:56px 0}.sale__countdown__item{width:114px;height:144px;padding:14px 0;border-radius:8px}.excellence{padding:56px 0}.testimonials{padding:56px 0}.presenting{padding:56px 0}.presenting .owl-carousel .owl-nav .owl-prev{right:-420px;top:-32px}.presenting .owl-carousel .owl-nav .owl-next{left:440px;top:-32px}.benefits{padding:56px 0}.problem{padding:48px 0 24px}}@media only screen and (max-width:991.98px){.main-site{padding-top:64px}.testimonials .testimonials__item{float:none;display:inline-block;vertical-align:middle;width:400px;margin-right:56px;white-space:normal}.testimonials .testimonials__item:last-child{margin-right:32px}.testimonials__avatar__el{width:64px!important;height:64px}.presenting__txt{padding:14px 12px}.pricing__headline{margin-bottom:12px;padding-bottom:12px}.pricing__item{white-space:normal}.request{padding:32px 0}.request__head{margin-bottom:48px}.request__thumbnail{display:none}.request__form{width:100%}.fi-row i{padding:4px 0;top:10px}.fi-alert{left:16px}.faq__top__title{font-size:1.6rem;line-height:2.4rem;max-width:660px}.faq__top__title{max-width:342px}.faq__top__icon{font-size:1.8rem;line-height:2.8rem}.faq__middle__content{max-width:620px}.faq__middle__content p{max-width:620px;font-size:1.4rem;line-height:2rem}.video{padding:48px 0 88px}.video__txt{min-height:initial;width:100%;float:none}.video__title{-webkit-transform:translateY(-6px);-moz-transform:translateY(-6px);-ms-transform:translateY(-6px);transform:translateY(-6px);font-size:2.4rem;line-height:3.2rem}.video__desc{-webkit-transform:translateY(-6px);-moz-transform:translateY(-6px);-ms-transform:translateY(-6px);transform:translateY(-6px);font-size:1.6rem;line-height:2.4rem;margin-bottom:24px}.video__box{width:100%;float:none;padding-left:0;margin-bottom:24px}.video__thumbnail::before{display:none}.video__thumbnail::after{display:none}.video .owl-carousel .video__title{-webkit-transform:translate(24px,0);-moz-transform:translate(24px,0);-ms-transform:translate(24px,0);transform:translate(24px,0)}.video .owl-carousel .video__desc{-webkit-transform:translate(24px,0);-moz-transform:translate(24px,0);-ms-transform:translate(24px,0);transform:translate(24px,0)}.video .owl-carousel .video__btn{-webkit-transform:translate(24px,0);-moz-transform:translate(24px,0);-ms-transform:translate(24px,0);transform:translate(24px,0)}.video .owl-carousel .owl-dots{bottom:-56px}.cta__img{height:320px}.cta__txt__title{margin-bottom:32px;text-align:right;font-size:1.8rem;line-height:2.8rem}.hero-banner .hero-banner__list{width:100%;float:none;margin-bottom:40px}.hero-banner .hero-banner__txt{min-height:280px}.hero-banner .hero-banner__txt__wrapper{vertical-align:top}.hero-banner .hero-banner__txt{float:none;width:100%;padding:0}.hero-banner .hero-banner__title{font-size:3.2rem;line-height:4rem}.hero-banner .hero-banner__desc{margin-bottom:32px}.hero-banner .hero-banner__btn .btn{margin-bottom:16px}.btn{padding:11px 24px}.header{padding:12px 0}.header__content{text-align:left}.header .overlay{top:64px}.header__list{position:fixed;float:none;padding:24px 12px 32px;top:64px;left:0;right:0;width:100%;bottom:0;background-color:#5f9e5f;z-index:9;-webkit-transform:translateX(100%);-moz-transform:translateX(100%);-ms-transform:translateX(100%);transform:translateX(100%);-webkit-transform-origin:right center;-moz-transform-origin:right center;-ms-transform-origin:right center;transform-origin:right center;-webkit-transition:all .35s ease;-moz-transition:all .35s ease;transition:all .35s ease;-webkit-transition-delay:.1s;-moz-transition-delay:.1s;transition-delay:.1s;overflow-y:auto;overflow-x:hidden}.show-menu .header__list{-webkit-transform:none;-moz-transform:none;-ms-transform:none;transform:none;-webkit-transition-delay:0s;-moz-transition-delay:0s;transition-delay:0s}.header__item{width:100%;margin-bottom:16px;margin-right:0;-webkit-transform:translateY(24px);-moz-transform:translateY(24px);-ms-transform:translateY(24px);transform:translateY(24px);opacity:0;-webkit-transition:all .3s ease 0s;-moz-transition:all .3s ease 0s;transition:all .3s ease 0s}.header__item:nth-child(1){-webkit-transition-delay:410ms;-moz-transition-delay:410ms;transition-delay:410ms}.header__item:nth-child(2){-webkit-transition-delay:345ms;-moz-transition-delay:345ms;transition-delay:345ms}.header__item:nth-child(3){-webkit-transition-delay:280ms;-moz-transition-delay:280ms;transition-delay:280ms}.header__item:nth-child(4){-webkit-transition-delay:215ms;-moz-transition-delay:215ms;transition-delay:215ms}.header__item:nth-child(5){-webkit-transition-delay:150ms;-moz-transition-delay:150ms;transition-delay:150ms}.header__item:nth-child(6){-webkit-transition-delay:85ms;-moz-transition-delay:85ms;transition-delay:85ms}.show-menu .header__item{-webkit-transform:none;-moz-transform:none;-ms-transform:none;transform:none;opacity:1;visibility:visible}.show-menu .header__item:nth-child(1){-webkit-transition-delay:540ms;-moz-transition-delay:540ms;transition-delay:540ms}.show-menu .header__item:nth-child(2){-webkit-transition-delay:605ms;-moz-transition-delay:605ms;transition-delay:605ms}.show-menu .header__item:nth-child(3){-webkit-transition-delay:670ms;-moz-transition-delay:670ms;transition-delay:670ms}.show-menu .header__item:nth-child(4){-webkit-transition-delay:735ms;-moz-transition-delay:735ms;transition-delay:735ms}.show-menu .header__item:nth-child(5){-webkit-transition-delay:.8s;-moz-transition-delay:.8s;transition-delay:.8s}.show-menu .header__item:nth-child(6){-webkit-transition-delay:865ms;-moz-transition-delay:865ms;transition-delay:865ms}.header__link:hover{color:#222}.header__link{color:#fff;padding:8px 16px;display:block}.header__link::after{bottom:0;display:none}.burger-menu{display:block;float:right}.hero-banner{padding:48px 0}.hero-banner .owl-carousel .owl-dots{bottom:-24px}.solution__title{font-size:2.4rem;line-height:3.2rem}.solution__txt{width:100%;padding:0;min-height:initial}.solution__img{width:100%;margin-bottom:32px}.solution__img__el{margin:0 auto 8px}.solution__list{min-height:initial;float:none}.sale__txt{float:none;width:100%}.sale__desc{margin-bottom:24px}.sale__countdown{float:none;width:100%;text-align:left}.sale__countdown__item{width:140px;min-height:60px}.documentation{padding:48px 0}.documentation__title{font-size:2.4rem;line-height:3.2rem}.documentation__card{width:33.3333333%}.excellence__head{margin-bottom:24px}.excellence__ttl{font-size:2.4rem;line-height:3.2rem}.excellence__item{width:50%}.excellence__number__el::after{width:24px}.excellence__txt{padding-left:48px}.excellence__title{font-size:2rem;line-height:3.8rem}.pricing{padding:32px 0}.pricing__head{margin-bottom:16px}.pricing__title{font-size:2.4rem;line-height:3.2rem}.pricing__desc{font-size:1.6rem;line-height:2.4rem}.pricing__tab__item{font-size:1.8rem;line-height:2.8rem}.pricing .pricing__card{width:50%}.testimonials{padding:48px 0}.testimonials__head{margin-bottom:24px}.testimonials__title{font-size:2.4rem;line-height:3.2rem}.testimonials__body{margin-left:-32px;margin-right:-32px;padding-left:64px;padding-bottom:24px;font-size:0;white-space:nowrap;overflow-y:hidden;overflow-x:auto;-webkit-overflow-scrolling:touch;-ms-overflow-style:none}.testimonials__body::-webkit-scrollbar{-webkit-appearance:none;display:none;width:0}.testimonials .owl-carousel .owl-nav .owl-next,.testimonials .owl-carousel .owl-nav .owl-prev{display:none}.presenting{padding:48px 0}.presenting__head{margin-bottom:24px}.presenting__title{font-size:2.4rem;line-height:3.2rem}.presenting .owl-carousel .owl-nav .owl-next,.presenting .owl-carousel .owl-nav .owl-prev{opacity:1}.presenting .owl-carousel .owl-nav .owl-prev{-webkit-transform:none;-moz-transform:none;-ms-transform:none;transform:none;right:-254px;top:-6px}.presenting .owl-carousel .owl-nav .owl-next{-webkit-transform:none;-moz-transform:none;-ms-transform:none;transform:none;left:280px;top:-6px}.benefits__title{font-size:2.4rem;line-height:3.2rem;text-align:left}.benefits__txt{min-height:initial;width:100%;min-height:auto}.benefits__img{width:100%;margin-bottom:32px}.benefits__img__el{margin:0 auto}.benefits__list{max-width:initial;float:none}.suitable{padding:32px 0}.suitable__head{margin-bottom:12px}.suitable__title{font-size:2.4rem;line-height:3.2rem}.suitable .suitable__item{width:50%}.problem__title{font-size:2.4rem;line-height:3.2rem}.problem__img{width:100%;text-align:center}.problem__img__el{margin:0 auto 24px}.problem__txt{padding:0;width:100%;min-height:initial}.problem__list{width:100%;min-height:initial}.problem__list__item{display:block}.faq{padding:48px 0}.faq__headline{font-size:2.4rem;line-height:3.2rem}.faq__desc{font-size:1.8rem;line-height:2.8rem}.footer{position:relative}.compare{padding:32px 0}.compare__head{margin-bottom:24px}.compare__title{font-size:2.4rem;line-height:3.2rem}}@media only screen and (max-width:767.98px){.container{padding-left:16px;padding-right:16px}.documentation__card{display:inline-block;margin-right:12px;float:none;padding:0}.testimonials .testimonials__item{width:320px;padding:24px 24px 56px 40px}.testimonials .testimonials__item:last-child{margin-right:16px}.testimonials .testimonials__item::before{width:78px;height:78px;right:16px;bottom:8px}.testimonials__avatar__el{width:56px!important;height:56px}.testimonials__caption{white-space:normal;z-index:2;position:relative}.testimonials__name{padding-left:40px;padding-right:24px;bottom:24px}.presenting__img{padding-bottom:68%;min-height:initial}.presenting__txt{padding:8px 12px}.presenting__ttl{font-size:1.4rem;line-height:2rem;white-space:normal}.pricing__box{padding:16px}.request__head{margin-bottom:24px}.request__title{font-size:1.6rem;line-height:2.4rem}.request__box{padding:24px}.request__ttl{font-size:1.6rem;line-height:2.4rem}.fi-label{font-size:1.6rem;line-height:2.4rem}.fi-multiline,.fi-single-line{font-size:1.4rem;line-height:2rem}.faq__top{padding-bottom:8px}.faq__top__title{max-width:308px}.faq__middle{margin-left:0;margin-bottom:16px;border-left:0}.faq__middle__content{font-size:1.4rem;line-height:2rem;max-width:420px}.faq__middle__content p{max-width:300px}.video{padding:32px 0 64px}.video__title{font-size:2rem;line-height:3.8rem}.video__desc{font-size:1.4rem;line-height:2rem;margin-bottom:16px}.video__thumbnail{height:300px}.video .owl-carousel .owl-dots{bottom:-40px}.suitable__img{padding-bottom:60%}.suitable__txt__el{font-size:1.6rem;line-height:2.4rem}.cta__wrapper{padding:32px 0}.cta__img{display:none}.cta__txt{float:none;padding:0 48px}.cta__txt__title{text-align:center}.cta__btn .btn{margin-bottom:24px}.cta__btn .btn:last-child{margin-bottom:0}.hero-banner .hero-banner__list{margin-bottom:24px}.hero-banner .hero-banner__img__el{font-size:2.4rem;line-height:3.2rem;min-height:280px}.hero-banner .hero-banner__txt{min-height:340px}.hero-banner .hero-banner__title{font-size:2.4rem;line-height:3.2rem;margin-bottom:16px}.hero-banner .hero-banner__desc{font-size:1.6rem;line-height:2.4rem;margin-bottom:24px}.hero-banner .hero-banner__btn{display:block}.hero-banner .hero-banner__btn .btn:last-child{margin-bottom:0}.popup__cntnt{max-width:initial;padding:40px 16px}.popup__ttl{font-size:2rem;line-height:3.8rem}.popup__btn{top:12px;right:12px;font-size:1.4rem;line-height:2rem}.popup__head{margin-bottom:16px}.btn{display:inline-block;width:100%;text-align:center}.hero-banner{padding:32px 0}.hero-banner .owl-carousel .owl-dots{bottom:-16px}.solution{padding:48px 0}.solution{padding:32px 0}.solution__img{margin-bottom:16px}.solution__img__el{height:260px}.solution__list__item{font-size:1.6rem;line-height:2.4rem;padding-left:36px;margin-bottom:16px}.solution__list__item::before{width:24px;height:24px}.sale{padding:32px 0}.sale__headline{font-size:2rem;line-height:3.8rem}.sale__headline span{font-size:2rem;line-height:3.8rem}.sale__headline{font-size:2.4rem;line-height:3.2rem;margin-bottom:8px}.sale__title{font-size:2.4rem;line-height:3.2rem;margin-bottom:8px}.sale__desc{font-size:1.6rem;line-height:2.4rem;margin-bottom:16px}.sale__countdown__item{width:82px;height:82px;margin-right:8px;padding:16px}.sale__countdown__item:last-child{margin-right:0}.sale__countdown__num{font-size:2.4rem;line-height:3.2rem;margin-bottom:0}.sale__countdown__txt{font-size:1.4rem;line-height:2rem}.documentation{padding:32px 0 64px}.documentation__body{white-space:nowrap;margin-left:-24px;margin-right:-24px;padding-left:24px;padding-right:12px;overflow-x:auto;overflow-y:hidden;white-space:nowrap;overflow-y:hidden;overflow-x:auto;-webkit-overflow-scrolling:touch;-ms-overflow-style:none}.documentation__body::-webkit-scrollbar{-webkit-appearance:none;display:none;width:0}.documentation__card{width:200px;float:none;padding:0}.excellence{padding:48px 0}.excellence{padding:32px 0}.excellence__body{margin-right:0;margin-left:0}.excellence__item{padding:0;margin-bottom:24px;display:inline-block}.excellence__item:last-child{margin-bottom:0}.excellence__number__el{font-size:1.8rem;line-height:2.8rem;line-height:1.6rem}.excellence__number__el::after{left:28px;width:14px;top:10px}.excellence__title{white-space:normal;font-size:1.6rem;line-height:2.4rem;margin-bottom:8px}.excellence__desc{white-space:normal;font-size:1.4rem;line-height:2rem}.pricing__desc{font-size:1.4rem;line-height:2rem}.pricing__tab__item{font-size:1.6rem;line-height:2.4rem}.pricing--active .pricing__tab{opacity:1;visibility:visible;-webkit-transform:none;-moz-transform:none;-ms-transform:none;transform:none}.pricing--active .pricing__select__text::after{-webkit-transform:rotateX(180deg);-moz-transform:rotateX(180deg);transform:rotateX(180deg)}.testimonials{padding:32px 0 8px}.testimonials__head{margin-bottom:16px}.testimonials__body{margin-left:-16px;margin-right:-16px;padding-left:48px}.testimonials .owl-carousel .owl-nav{display:none}.presenting{padding:32px 0}.presenting__title{font-size:2.4rem;line-height:3.2rem}.presenting__body{margin-left:-16px;margin-right:-16px;padding-left:16px;white-space:nowrap;overflow-y:hidden;overflow-x:auto;-webkit-overflow-scrolling:touch;-ms-overflow-style:none;font-size:0}.presenting__body::-webkit-scrollbar{-webkit-appearance:none;display:none;width:0}.presenting .owl-carousel .owl-nav{display:none}.benefits{padding:32px 0}.benefits__img{margin-bottom:16px}.benefits__img__el{height:260px}.benefits__list__item{font-size:1.6rem;line-height:2.4rem;padding-left:36px;margin-bottom:16px}.benefits__list__item::before{width:24px;height:24px}.suitable{padding:32px 0 64px}.suitable__body{margin-left:-16px;margin-right:-16px;padding-left:16px;font-size:0;white-space:nowrap;overflow-y:hidden;overflow-x:auto;-webkit-overflow-scrolling:touch;-ms-overflow-style:none}.suitable__body::-webkit-scrollbar{-webkit-appearance:none;display:none;width:0}.suitable .suitable__item{float:none;display:inline-block;vertical-align:middle;width:334px;padding:0 16px 0 0}.problem{padding:32px 0 56px;-webkit-background-size:80px auto;background-size:80px auto}.problem__img__el{height:260px}.problem__list__item{margin-bottom:16px;padding-left:32px;font-size:1.6rem;line-height:2.4rem}.problem__list__item::before{width:19px;height:19px}.faq{padding:32px 0}.faq__head{margin-bottom:32px}.faq__headline{font-size:2rem;line-height:3.8rem}.faq__desc{font-size:1.6rem;line-height:2.4rem}.compare__title{margin-bottom:24px}.compare__tab{display:inline-block;padding:8px}.compare__tab__item{padding:8px 16px;font-size:1.6rem;line-height:2.4rem}.compare__table td:first-child,.compare__table th:first-child{display:table-cell}.compare__table td,.compare__table th{display:none}.compare__table th{width:132px}.compare__table td .btn{font-size:1.4rem;line-height:2rem;padding:16px}}@media only screen and (max-width:575.86px){.testimonials .testimonials__item{width:280px;margin-right:48px}.testimonials__caption{font-size:1.2rem;line-height:1.8rem}.testimonials__name{font-size:1.4rem;line-height:2rem}.pricing__name{font-size:1.8rem;line-height:2.8rem}.pricing__price{font-size:2rem;line-height:3.8rem}.pricing__subtitle{font-size:1.2rem;line-height:1.8rem}.pricing__subdesc{font-size:1.2rem;line-height:1.8rem}.pricing__btn span{font-size:1.2rem;line-height:1.8rem}.fi-inner{width:100%;padding-right:0;margin-bottom:32px}.fi-inner:last-child{margin-bottom:0}.faq__middle__content{max-width:308px}.video__thumbnail{height:280px}.video .owl-carousel .owl-dot{width:6px;height:6px}.btn{padding:14px 16px;font-size:1.4rem;line-height:2rem}.hero-banner .owl-carousel .owl-dot{width:6px;height:6px}.solution__list__item{font-size:1.4rem;line-height:2rem}.sale__txt{min-height:122px}.sale__desc{margin-bottom:8px}.sale__countdown__item{width:76px}.excellence__item{width:100%}.pricing__tab__item{margin:0 2px}.pricing__body{margin-left:0;margin-right:0}.pricing .pricing__card{width:100%;width:320px;padding:0 0 24px}.pricing .pricing__card:last-child{padding-bottom:0}.testimonials .owl-carousel .owl-nav i{font-size:1.2rem;line-height:1.8rem}.presenting .owl-carousel .owl-nav .owl-prev{right:126px}.presenting .owl-carousel .owl-nav .owl-next{left:126px}.presenting .owl-carousel .owl-nav i{font-size:1.2rem;line-height:1.8rem}.benefits__list__item{font-size:1.4rem;line-height:2rem}.problem__list__item{font-size:1.4rem;line-height:2rem}.footer__copyright__el{font-size:1.4rem;line-height:2rem}.compare__tab__item{margin:0 2px}.compare__table th{font-size:1.6rem;line-height:2.4rem}.compare__table td{font-size:1.4rem;line-height:2rem}.compare__table td .btn{padding:14px 16px}}@media only screen and (max-width:400px){.sale__countdown__item{width:68px}}@media only screen and (max-width:343px){.sale__countdown__item{width:64px}}@media only screen and (max-width:328px){.sale__countdown__item{width:56px}}@media only screen and (max-width:320px){.fi-multiline,.fi-single-line{font-size:1.2rem;line-height:1.8rem}}@media only screen and (max-width:296px){.sale__countdown__item{width:50px}}@media (min-width:35.5em){.sl-wrapper .sl-navigation button{width:44px}.sl-wrapper .sl-navigation button.sl-next{right:10px;font-size:4rem}.sl-wrapper .sl-navigation button.sl-prev{left:10px;font-size:4rem}.sl-wrapper .sl-image img{border:0 none}.sl-wrapper .sl-image iframe{border:0 none}}@media (min-width:50em){.sl-wrapper .sl-navigation button{width:44px}.sl-wrapper .sl-navigation button.sl-next{right:20px;font-size:4rem}.sl-wrapper .sl-navigation button.sl-prev{left:20px;font-size:4rem}.sl-wrapper .sl-image img{border:0 none}.sl-wrapper .sl-image iframe{border:0 none}} ======= /* ========================================================================== Vendor Index ========================================================================== */ /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */ /* Document ========================================================================== */ /** * 1. Correct the line height in all browsers. * 2. Prevent adjustments of font size after orientation changes in iOS. */ html { line-height: 1.15; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ } /* Sections ========================================================================== */ /** * Remove the margin in all browsers. */ body { margin: 0; } /** * Render the `main` element consistently in IE. */ main { display: block; } /** * Correct the font size and margin on `h1` elements within `section` and * `article` contexts in Chrome, Firefox, and Safari. */ h1 { font-size: 2em; margin: 0.67em 0; } /* Grouping content ========================================================================== */ /** * 1. Add the correct box sizing in Firefox. * 2. Show the overflow in Edge and IE. */ hr { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; /* 1 */ height: 0; /* 1 */ overflow: visible; /* 2 */ } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ pre { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /* Text-level semantics ========================================================================== */ /** * Remove the gray background on active links in IE 10. */ a { background-color: transparent; } /** * 1. Remove the bottom border in Chrome 57- * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */ abbr[title] { border-bottom: none; /* 1 */ text-decoration: underline; /* 2 */ -webkit-text-decoration: underline dotted; text-decoration: underline dotted; /* 2 */ } /** * Add the correct font weight in Chrome, Edge, and Safari. */ b, strong { font-weight: bolder; } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ code, kbd, samp { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /** * Add the correct font size in all browsers. */ small { font-size: 80%; } /** * Prevent `sub` and `sup` elements from affecting the line height in * all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } /* Embedded content ========================================================================== */ /** * Remove the border on images inside links in IE 10. */ img { border-style: none; } /* Forms ========================================================================== */ /** * 1. Change the font styles in all browsers. * 2. Remove the margin in Firefox and Safari. */ button, input, optgroup, select, textarea { font-family: inherit; /* 1 */ font-size: 100%; /* 1 */ line-height: 1.15; /* 1 */ margin: 0; /* 2 */ } /** * Show the overflow in IE. * 1. Show the overflow in Edge. */ button, input { /* 1 */ overflow: visible; } /** * Remove the inheritance of text transform in Edge, Firefox, and IE. * 1. Remove the inheritance of text transform in Firefox. */ button, select { /* 1 */ text-transform: none; } /** * Correct the inability to style clickable types in iOS and Safari. */ button, [type=button], [type=reset], [type=submit] { -webkit-appearance: button; } /** * Remove the inner border and padding in Firefox. */ button::-moz-focus-inner, [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner { border-style: none; padding: 0; } /** * Restore the focus styles unset by the previous rule. */ button:-moz-focusring, [type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring { outline: 1px dotted ButtonText; } /** * Correct the padding in Firefox. */ fieldset { padding: 0.35em 0.75em 0.625em; } /** * 1. Correct the text wrapping in Edge and IE. * 2. Correct the color inheritance from `fieldset` elements in IE. * 3. Remove the padding so developers are not caught out when they zero out * `fieldset` elements in all browsers. */ legend { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; /* 1 */ color: inherit; /* 2 */ display: table; /* 1 */ max-width: 100%; /* 1 */ padding: 0; /* 3 */ white-space: normal; /* 1 */ } /** * Add the correct vertical alignment in Chrome, Firefox, and Opera. */ progress { vertical-align: baseline; } /** * Remove the default vertical scrollbar in IE 10+. */ textarea { overflow: auto; } /** * 1. Add the correct box sizing in IE 10. * 2. Remove the padding in IE 10. */ [type=checkbox], [type=radio] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } /** * Correct the cursor style of increment and decrement buttons in Chrome. */ [type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button { height: auto; } /** * 1. Correct the odd appearance in Chrome and Safari. * 2. Correct the outline style in Safari. */ [type=search] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ } /** * Remove the inner padding in Chrome and Safari on macOS. */ [type=search]::-webkit-search-decoration { -webkit-appearance: none; } /** * 1. Correct the inability to style clickable types in iOS and Safari. * 2. Change font properties to `inherit` in Safari. */ ::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ } /* Interactive ========================================================================== */ /* * Add the correct display in Edge, IE 10+, and Firefox. */ details { display: block; } /* * Add the correct display in all browsers. */ summary { display: list-item; } /* Misc ========================================================================== */ /** * Add the correct display in IE 10+. */ template { display: none; } /** * Add the correct display in IE 10. */ [hidden] { display: none; } /** * Owl Carousel v2.3.4 * Copyright 2013-2018 David Deutsch * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE */ .owl-carousel, .owl-carousel .owl-item { -webkit-tap-highlight-color: transparent; position: relative; } .owl-carousel { display: none; width: 100%; z-index: 1; } .owl-carousel .owl-stage { position: relative; -ms-touch-action: pan-Y; touch-action: manipulation; -moz-backface-visibility: hidden; } .owl-carousel .owl-stage:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .owl-carousel .owl-stage-outer { position: relative; overflow: hidden; -webkit-transform: translate3d(0, 0, 0); } .owl-carousel .owl-item, .owl-carousel .owl-wrapper { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); } .owl-carousel .owl-item { min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-touch-callout: none; } .owl-carousel .owl-item img { display: block; width: 100%; } .owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled { display: none; } .no-js .owl-carousel, .owl-carousel.owl-loaded { display: block; } .owl-carousel .owl-dot, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev { cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot { background: 0 0; color: inherit; border: none; padding: 0 !important; font: inherit; } .owl-carousel.owl-loading { opacity: 0; display: block; } .owl-carousel.owl-hidden { opacity: 0; } .owl-carousel.owl-refresh .owl-item { visibility: hidden; } .owl-carousel.owl-drag .owl-item { -ms-touch-action: pan-y; touch-action: pan-y; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-carousel.owl-grab { cursor: move; cursor: -webkit-grab; cursor: -moz-grab; cursor: grab; } .owl-carousel.owl-rtl { direction: rtl; } .owl-carousel.owl-rtl .owl-item { float: right; } .owl-carousel .animated { -webkit-animation-duration: 1s; -moz-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; animation-fill-mode: both; } .owl-carousel .owl-animated-in { z-index: 0; } .owl-carousel .owl-animated-out { z-index: 1; } .owl-carousel .fadeOut { -webkit-animation-name: fadeOut; -moz-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @-moz-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } .owl-height { -webkit-transition: height 0.5s ease-in-out; -moz-transition: height 0.5s ease-in-out; transition: height 0.5s ease-in-out; } .owl-carousel .owl-item .owl-lazy { opacity: 0; -webkit-transition: opacity 0.4s ease; -moz-transition: opacity 0.4s ease; transition: opacity 0.4s ease; } .owl-carousel .owl-item .owl-lazy:not([src]), .owl-carousel .owl-item .owl-lazy[src^=""] { max-height: 0; } .owl-carousel .owl-item img.owl-lazy { -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; } .owl-carousel .owl-video-wrapper { position: relative; height: 100%; background: #000; } .owl-carousel .owl-video-play-icon { position: absolute; height: 80px; width: 80px; left: 50%; top: 50%; margin-left: -40px; margin-top: -40px; background: url(owl.video.play.png) no-repeat; cursor: pointer; z-index: 1; -webkit-backface-visibility: hidden; -webkit-transition: -webkit-transform 0.1s ease; transition: -webkit-transform 0.1s ease; -moz-transition: transform 0.1s ease, -moz-transform 0.1s ease; transition: transform 0.1s ease; transition: transform 0.1s ease, -webkit-transform 0.1s ease, -moz-transform 0.1s ease; } .owl-carousel .owl-video-play-icon:hover { -ms-transform: scale(1.3, 1.3); -webkit-transform: scale(1.3, 1.3); -moz-transform: scale(1.3, 1.3); transform: scale(1.3, 1.3); } .owl-carousel .owl-video-playing .owl-video-play-icon, .owl-carousel .owl-video-playing .owl-video-tn { display: none; } .owl-carousel .owl-video-tn { opacity: 0; height: 100%; background-position: center center; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; -webkit-transition: opacity 0.4s ease; -moz-transition: opacity 0.4s ease; transition: opacity 0.4s ease; } .owl-carousel .owl-video-frame { position: relative; z-index: 1; height: 100%; width: 100%; } body.hidden-scroll { overflow: hidden; } .sl-overlay { position: fixed; left: 0; right: 0; top: 0; bottom: 0; background: #000; opacity: 0.7; display: none; z-index: 1035; } .sl-wrapper { z-index: 1040; width: 100%; height: 100%; left: 0; top: 0; position: fixed; } .sl-wrapper * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .sl-wrapper button { border: 0 none; background: transparent; font-size: 28px; padding: 0; cursor: pointer; } .sl-wrapper button:hover { opacity: 0.7; } .sl-wrapper .sl-close { display: none; position: fixed; right: 30px; top: 30px; z-index: 10060; margin-top: -14px; margin-right: -14px; height: 44px; width: 44px; line-height: 44px; font-family: Arial, Baskerville, monospace; color: #fff; font-size: 4rem; } .sl-wrapper .sl-counter { display: none; position: fixed; top: 30px; left: 30px; z-index: 1060; color: #fff; font-size: 2rem; } .sl-wrapper .sl-navigation { width: 100%; display: none; } .sl-wrapper .sl-navigation button { position: fixed; top: 50%; margin-top: -22px; height: 44px; width: 22px; line-height: 44px; text-align: center; display: block; z-index: 10060; font-family: Arial, Baskerville, monospace; color: #fff; } .sl-wrapper .sl-navigation button.sl-next { right: 5px; font-size: 4rem; } .sl-wrapper .sl-navigation button.sl-prev { left: 5px; font-size: 4rem; } @media (min-width: 35.5em) { .sl-wrapper .sl-navigation button { width: 44px; } .sl-wrapper .sl-navigation button.sl-next { right: 10px; font-size: 4rem; } .sl-wrapper .sl-navigation button.sl-prev { left: 10px; font-size: 4rem; } } @media (min-width: 50em) { .sl-wrapper .sl-navigation button { width: 44px; } .sl-wrapper .sl-navigation button.sl-next { right: 20px; font-size: 4rem; } .sl-wrapper .sl-navigation button.sl-prev { left: 20px; font-size: 4rem; } } .sl-wrapper.sl-dir-rtl .sl-navigation { direction: ltr; } .sl-wrapper .sl-image { position: fixed; -ms-touch-action: none; touch-action: none; z-index: 10000; } .sl-wrapper .sl-image img { margin: 0; padding: 0; display: block; border: 0 none; width: 100%; height: auto; } @media (min-width: 35.5em) { .sl-wrapper .sl-image img { border: 0 none; } } @media (min-width: 50em) { .sl-wrapper .sl-image img { border: 0 none; } } .sl-wrapper .sl-image iframe { background: #000; border: 0 none; } @media (min-width: 35.5em) { .sl-wrapper .sl-image iframe { border: 0 none; } } @media (min-width: 50em) { .sl-wrapper .sl-image iframe { border: 0 none; } } .sl-wrapper .sl-image .sl-caption { display: none; padding: 16px 10px; text-align: center; color: #fff; background: rgba(0, 0, 0, 0.5); font-size: 2.4rem; position: absolute; bottom: 0; left: 0; right: 0; } .sl-wrapper .sl-image .sl-caption.pos-top { bottom: auto; top: 0; } .sl-wrapper .sl-image .sl-caption.pos-outside { bottom: auto; } .sl-wrapper .sl-image .sl-download { display: none; position: absolute; bottom: 5px; right: 5px; color: #fff; z-index: 1060; } .sl-spinner { display: none; border: 5px solid #333; border-radius: 40px; height: 40px; left: 50%; margin: -20px 0 0 -20px; opacity: 0; position: fixed; top: 50%; width: 40px; z-index: 1007; -webkit-animation: pulsate 1s ease-out infinite; -moz-animation: pulsate 1s ease-out infinite; animation: pulsate 1s ease-out infinite; } .sl-scrollbar-measure { position: absolute; top: -9999px; width: 50px; height: 50px; overflow: scroll; } .sl-transition { transition: -moz-transform ease 200ms; transition: -ms-transform ease 200ms; transition: -webkit-transform ease 200ms; -webkit-transition: -webkit-transform ease 200ms; -moz-transition: transform ease 200ms, -moz-transform ease 200ms; transition: transform ease 200ms; transition: transform ease 200ms, -webkit-transform ease 200ms, -moz-transform ease 200ms; } @-webkit-keyframes pulsate { 0% { -webkit-transform: scale(0.1); transform: scale(0.1); opacity: 0; } 50% { opacity: 1; } 100% { -webkit-transform: scale(1.2); transform: scale(1.2); opacity: 0; } } @keyframes pulsate { 0% { -webkit-transform: scale(0.1); -moz-transform: scale(0.1); transform: scale(0.1); opacity: 0; } 50% { opacity: 1; } 100% { -webkit-transform: scale(1.2); -moz-transform: scale(1.2); transform: scale(1.2); opacity: 0; } } @-moz-keyframes pulsate { 0% { -moz-transform: scale(0.1); transform: scale(0.1); opacity: 0; } 50% { opacity: 1; } 100% { -moz-transform: scale(1.2); transform: scale(1.2); opacity: 0; } } /* ========================================================================== Helper Index ========================================================================== */ /* ========================================================================== Mixin ========================================================================== */ /* Font Size ========================================================================== */ /* text-indent-hide ========================================================================== */ /* ellipsis ========================================================================== */ /* multiline-ellipsis ========================================================================== */ /* Shadow ========================================================================== */ /* Radius ========================================================================== */ /* clearfix ========================================================================== */ /* remove-tap-highlight ========================================================================== */ /* scroll ========================================================================== */ /* placeholder-color ========================================================================== */ /* firefox-browser ========================================================================== */ /* ========================================================================== Functions ========================================================================== */ /* ========================================================================== Base Index ========================================================================== */ /* ========================================================================== Reboot ========================================================================== */ /*/ * Base * ----------------------------------------------------------------------------- /*/ *, *::after, *::before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-text-stroke-width: 0; -webkit-text-stroke-color: transparent; } html { min-height: 100%; font-size: 62.5%; /* 1rem == 10px */ position: relative; } body { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; padding: 0; } @-ms-viewport { width: device-width; } [hidden] { display: none !important; } a { font-weight: inherit; outline: 0; color: inherit; } a:hover, a:active, a:focus { outline: 0; } a img { border: none; } img { max-width: 100%; vertical-align: middle; border-style: none; font-size: 1.2rem; } svg { overflow: hidden; vertical-align: middle; } hr { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; overflow: visible; } header, section, footer, aside, nav, main, article, figure { display: block; } strong, b { font-weight: bold; } em, i { font-style: italic; } u { text-decoration: underline; } small { font-size: 80%; } sub, sup { position: relative; font-size: 75%; line-height: 1; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } p, ul, ol, table, h1, h2, h3, h4, h5, h6 { margin: 0 0 16px; } h1, h2, h3, h4, h5, h6 { line-height: 1.3; } ul, ol { padding-left: 24px; } pre, code, kbd, samp { font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; font-size: 1em; } pre { margin-top: 0; margin-bottom: 1rem; overflow: auto; -ms-overflow-style: scrollbar; } fieldset { min-width: 0; padding: 0; margin: 0; border: 0; } /*/ * Form * ----------------------------------------------------------------------------- /*/ label, button { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } input, button, select, optgroup, textarea { font-family: inherit; font-size: 100%; line-height: inherit; margin: 0; outline: 0; } button, select { text-transform: none; } select, option { outline: 0; } select:active, select:hover, option:active, option:hover { outline: 0; } button { cursor: pointer; } input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; -moz-appearance: none; appearance: none; margin: 0; height: auto; } [type=search]::-webkit-search-cancel-button, [type=search]::-webkit-search-decoration, [type=search] { -webkit-appearance: none; } ::-webkit-file-upload-button { font: inherit; -webkit-appearance: button; } input[type=number] { -moz-appearance: textfield; } /*/ * Table * ----------------------------------------------------------------------------- /*/ table { border-collapse: collapse; } th { text-align: inherit; } /* ========================================================================== Project Index ========================================================================== */ /* ========================================================================== Init Index ========================================================================== */ /* ========================================================================== Init: Fonts ========================================================================== */ @font-face { font-family: "Lexend Deca"; src: url("../fonts/LexendDeca-Regular.eot"); src: url("../fonts/LexendDeca-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/LexendDeca-Regular.woff2") format("woff2"), url("../fonts/LexendDeca-Regular.woff") format("woff"), url("../fonts/LexendDeca-Regular.ttf") format("truetype"), url("../fonts/LexendDeca-Regular.svg#LexendDeca-Regular") format("svg"); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: "Lexend Deca"; src: url("../fonts/LexendDeca-Black.eot"); src: url("../fonts/LexendDeca-Black.eot?#iefix") format("embedded-opentype"), url("../fonts/LexendDeca-Black.woff2") format("woff2"), url("../fonts/LexendDeca-Black.woff") format("woff"), url("../fonts/LexendDeca-Black.ttf") format("truetype"), url("../fonts/LexendDeca-Black.svg#LexendDeca-Black") format("svg"); font-weight: 900; font-style: normal; font-display: swap; } @font-face { font-family: "Lexend Deca"; src: url("../fonts/LexendDeca-ExtraBold.eot"); src: url("../fonts/LexendDeca-ExtraBold.eot?#iefix") format("embedded-opentype"), url("../fonts/LexendDeca-ExtraBold.woff2") format("woff2"), url("../fonts/LexendDeca-ExtraBold.woff") format("woff"), url("../fonts/LexendDeca-ExtraBold.ttf") format("truetype"), url("../fonts/LexendDeca-ExtraBold.svg#LexendDeca-ExtraBold") format("svg"); font-weight: bold; font-style: normal; font-display: swap; } @font-face { font-family: "Lexend Deca"; src: url("../fonts/LexendDeca-Medium.eot"); src: url("../fonts/LexendDeca-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/LexendDeca-Medium.woff2") format("woff2"), url("../fonts/LexendDeca-Medium.woff") format("woff"), url("../fonts/LexendDeca-Medium.ttf") format("truetype"), url("../fonts/LexendDeca-Medium.svg#LexendDeca-Medium") format("svg"); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: "Lexend Deca"; src: url("../fonts/LexendDeca-Bold.eot"); src: url("../fonts/LexendDeca-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/LexendDeca-Bold.woff2") format("woff2"), url("../fonts/LexendDeca-Bold.woff") format("woff"), url("../fonts/LexendDeca-Bold.ttf") format("truetype"), url("../fonts/LexendDeca-Bold.svg#LexendDeca-Bold") format("svg"); font-weight: bold; font-style: normal; font-display: swap; } @font-face { font-family: "Lexend Deca"; src: url("../fonts/LexendDeca-Light.eot"); src: url("../fonts/LexendDeca-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/LexendDeca-Light.woff2") format("woff2"), url("../fonts/LexendDeca-Light.woff") format("woff"), url("../fonts/LexendDeca-Light.ttf") format("truetype"), url("../fonts/LexendDeca-Light.svg#LexendDeca-Light") format("svg"); font-weight: 300; font-style: normal; font-display: swap; } @font-face { font-family: "Lexend Deca"; src: url("../fonts/LexendDeca-SemiBold.eot"); src: url("../fonts/LexendDeca-SemiBold.eot?#iefix") format("embedded-opentype"), url("../fonts/LexendDeca-SemiBold.woff2") format("woff2"), url("../fonts/LexendDeca-SemiBold.woff") format("woff"), url("../fonts/LexendDeca-SemiBold.ttf") format("truetype"), url("../fonts/LexendDeca-SemiBold.svg#LexendDeca-SemiBold") format("svg"); font-weight: 600; font-style: normal; font-display: swap; } @font-face { font-family: "Poppins"; src: url("../fonts/Poppins-Light.eot"); src: url("../fonts/Poppins-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/Poppins-Light.woff2") format("woff2"), url("../fonts/Poppins-Light.woff") format("woff"), url("../fonts/Poppins-Light.ttf") format("truetype"), url("../fonts/Poppins-Light.svg#Poppins-Light") format("svg"); font-weight: 300; font-style: normal; font-display: swap; } @font-face { font-family: "Poppins"; src: url("../fonts/Poppins-ExtraBold.eot"); src: url("../fonts/Poppins-ExtraBold.eot?#iefix") format("embedded-opentype"), url("../fonts/Poppins-ExtraBold.woff2") format("woff2"), url("../fonts/Poppins-ExtraBold.woff") format("woff"), url("../fonts/Poppins-ExtraBold.ttf") format("truetype"), url("../fonts/Poppins-ExtraBold.svg#Poppins-ExtraBold") format("svg"); font-weight: bold; font-style: normal; font-display: swap; } @font-face { font-family: "Poppins"; src: url("../fonts/Poppins-Bold.eot"); src: url("../fonts/Poppins-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/Poppins-Bold.woff2") format("woff2"), url("../fonts/Poppins-Bold.woff") format("woff"), url("../fonts/Poppins-Bold.ttf") format("truetype"), url("../fonts/Poppins-Bold.svg#Poppins-Bold") format("svg"); font-weight: bold; font-style: normal; font-display: swap; } @font-face { font-family: "Poppins"; src: url("../fonts/Poppins-Medium.eot"); src: url("../fonts/Poppins-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/Poppins-Medium.woff2") format("woff2"), url("../fonts/Poppins-Medium.woff") format("woff"), url("../fonts/Poppins-Medium.ttf") format("truetype"), url("../fonts/Poppins-Medium.svg#Poppins-Medium") format("svg"); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: "Poppins"; src: url("../fonts/Poppins-Regular.eot"); src: url("../fonts/Poppins-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/Poppins-Regular.woff2") format("woff2"), url("../fonts/Poppins-Regular.woff") format("woff"), url("../fonts/Poppins-Regular.ttf") format("truetype"), url("../fonts/Poppins-Regular.svg#Poppins-Regular") format("svg"); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: "Poppins"; src: url("../fonts/Poppins-SemiBold.eot"); src: url("../fonts/Poppins-SemiBold.eot?#iefix") format("embedded-opentype"), url("../fonts/Poppins-SemiBold.woff2") format("woff2"), url("../fonts/Poppins-SemiBold.woff") format("woff"), url("../fonts/Poppins-SemiBold.ttf") format("truetype"), url("../fonts/Poppins-SemiBold.svg#Poppins-SemiBold") format("svg"); font-weight: 600; font-style: normal; font-display: swap; } @font-face { font-family: "RZF-Software"; src: url("../fonts/icon/RZF-Software.eot?u1lbqy"); src: url("../fonts/icon/RZF-Software.eot?u1lbqy#iefix") format("embedded-opentype"), url("../fonts/icon/RZF-Software.ttf?u1lbqy") format("truetype"), url("../fonts/icon/RZF-Software.woff?u1lbqy") format("woff"), url("../fonts/icon/RZF-Software.svg?u1lbqy#RZF-Software") format("svg"); font-weight: normal; font-style: normal; font-display: block; } /* ========================================================================== Variable Index ========================================================================== */ /* ========================================================================== Variable: Colors ========================================================================== */ /* ========================================================================== Variable: Grid ========================================================================== */ /* ========================================================================== Variable: Screen ========================================================================== */ /* ========================================================================== Variable: Shadow ========================================================================== */ /* ========================================================================== Variable: Radius ========================================================================== */ /* ========================================================================== Variable: Typography ========================================================================== */ /* ========================================================================== Variable: z-index ========================================================================== */ /* ========================================================================== Mixins Index ========================================================================== */ /* ========================================================================== Mixin: Responsive ========================================================================== */ /* ========================================================================== Mixin Font Size ========================================================================== */ /* ========================================================================== Init: Burger Menu ========================================================================== */ /* ========================================================================== Init: Default ========================================================================== */ body { font-family: "Poppins", sans-serif; font-weight: 400; background-color: #fcfcfc; color: #222; font-size: 1.6rem; line-height: 2.4rem; } body.rm-scroll { overflow: hidden; -ms-touch-action: none; touch-action: none; } body.hold-transition *, body.hold-transition *::before, body.hold-transition *::after { -webkit-transition: none !important; -moz-transition: none !important; transition: none !important; } html { scroll-behavior: smooth; } h1 { font-size: 4rem; line-height: 4.8rem; font-weight: 700; } h2 { font-size: 3.2rem; line-height: 4rem; font-weight: 700; } h3 { font-size: 2.4rem; line-height: 3.2rem; font-weight: 700; } h4 { font-size: 2rem; line-height: 3.8rem; font-weight: 700; } h5 { font-size: 1.8rem; line-height: 2.8rem; font-weight: 700; } h6 { font-size: 1.6rem; line-height: 2.4rem; font-weight: 700; } p, li, td, label { font-size: 1.6rem; line-height: 2.4rem; } strong, b { font-weight: 700; } /* ========================================================================== Grid Index ========================================================================== */ /* ========================================================================== Grid System ========================================================================== */ .container { width: 100%; max-width: 1150px; margin-left: auto; margin-right: auto; } @media only screen and (max-width: 1234px) { .container { max-width: initial; padding-left: 32px; padding-right: 32px; } } @media only screen and (max-width: 767.98px) { .container { padding-left: 16px; padding-right: 16px; } } .main-site { width: 100%; padding-top: 72px; -webkit-transition: all 0.35s ease; -moz-transition: all 0.35s ease; transition: all 0.35s ease; } @media only screen and (max-width: 991.98px) { .main-site { padding-top: 64px; } } /* ========================================================================== Components Index ========================================================================== */ /* ========================================================================== Components Documentation ========================================================================== */ @media only screen and (max-width: 767.98px) { .documentation__card { display: inline-block; margin-right: 12px; float: none; padding: 0; } } .documentation .documentation__img { position: relative; padding-bottom: 125%; overflow: hidden; border-radius: 4px; } .documentation .documentation__img:hover .documentation__img__el { -webkit-transform: scale(1.02); -moz-transform: scale(1.02); -ms-transform: scale(1.02); transform: scale(1.02); opacity: 1; } .documentation .documentation__img__el { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; object-position: center center; opacity: 0.9; display: block; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; transition: all 0.2s ease; } .documentation .documentation__img .js-popup-image { text-decoration: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } /* ========================================================================== Components Testimonials Item ========================================================================== */ .testimonials .testimonials__item { background-color: #fff; -webkit-box-shadow: 0 2px 40px rgba(0, 0, 0, 0.1); box-shadow: 0 2px 40px rgba(0, 0, 0, 0.1); float: left; width: 440px; margin-right: 64px; padding: 32px 24px 72px 64px; position: relative; border-radius: 8px; z-index: 1; } @media only screen and (max-width: 991.98px) { .testimonials .testimonials__item { float: none; display: inline-block; vertical-align: middle; width: 400px; margin-right: 56px; white-space: normal; } .testimonials .testimonials__item:last-child { margin-right: 32px; } } @media only screen and (max-width: 767.98px) { .testimonials .testimonials__item { width: 320px; padding: 24px 24px 56px 40px; } .testimonials .testimonials__item:last-child { margin-right: 16px; } } @media only screen and (max-width: 575.86px) { .testimonials .testimonials__item { width: 280px; margin-right: 48px; } } .testimonials .testimonials__item::before { content: ""; position: absolute; z-index: -1; background: url(../img/bg/quotes-mark.svg); background-repeat: no-repeat; bottom: 32px; right: 32px; width: 80px; height: 80px; } @media only screen and (max-width: 767.98px) { .testimonials .testimonials__item::before { width: 78px; height: 78px; right: 16px; bottom: 8px; } } .testimonials__avatar { position: absolute; top: 50%; left: -32px; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .testimonials__avatar__el { display: block; width: 72px !important; height: 72px; border-radius: 50%; object-fit: cover; } @media only screen and (max-width: 991.98px) { .testimonials__avatar__el { width: 64px !important; height: 64px; } } @media only screen and (max-width: 767.98px) { .testimonials__avatar__el { width: 56px !important; height: 56px; } } .testimonials__rating { margin-bottom: 0; } .testimonials__rating i { font-size: 1.8rem; line-height: 2.8rem; color: #ffcd3c; } .testimonials__rating i.disabled { opacity: 0.1; color: #222; } .testimonials__caption { color: #4a4a4a; margin-bottom: 0; } @media only screen and (max-width: 767.98px) { .testimonials__caption { white-space: normal; z-index: 2; position: relative; } } @media only screen and (max-width: 575.86px) { .testimonials__caption { font-size: 1.2rem; line-height: 1.8rem; } } .testimonials__name { position: absolute; left: 0; bottom: 32px; padding-left: 64px; padding-right: 24px; z-index: 1; font-weight: 500; font-size: 1.6rem; line-height: 2.4rem; margin-bottom: 0; } @media only screen and (max-width: 767.98px) { .testimonials__name { padding-left: 40px; padding-right: 24px; bottom: 24px; } } @media only screen and (max-width: 575.86px) { .testimonials__name { font-size: 1.4rem; line-height: 2rem; } } /* ========================================================================== Components Presenting Item ========================================================================== */ .presenting__box { position: relative; } .presenting__box:hover .presenting__img__el { -webkit-transform: scale(1.04); -moz-transform: scale(1.04); -ms-transform: scale(1.04); transform: scale(1.04); } .presenting__box:hover .presenting__ttl { -webkit-transform: translateY(-4px); -moz-transform: translateY(-4px); -ms-transform: translateY(-4px); transform: translateY(-4px); } .presenting__img { overflow: hidden; padding-bottom: 45%; position: relative; } @media only screen and (max-width: 767.98px) { .presenting__img { padding-bottom: 68%; min-height: initial; } } .presenting__img__el { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center center; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; transition: all 0.2s ease; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .presenting__img .js-popup-image-presenting { text-decoration: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .presenting__txt { position: absolute; bottom: 0; left: 0; right: 0; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; width: 100%; background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.6)), color-stop(rgba(0, 0, 0, 0.4)), to(rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0)); background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0)); background-image: linear-gradient(to top, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0)); z-index: 1; padding: 14px 24px; } @media only screen and (max-width: 991.98px) { .presenting__txt { padding: 14px 12px; } } @media only screen and (max-width: 767.98px) { .presenting__txt { padding: 8px 12px; } } .presenting__ttl { color: #fff; font-weight: 600; font-size: 2rem; line-height: 3.8rem; margin-bottom: 0; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; text-align: left; } @media only screen and (max-width: 767.98px) { .presenting__ttl { font-size: 1.4rem; line-height: 2rem; white-space: normal; } } /* ========================================================================== Components Pricing Item ========================================================================== */ .pricing__box { position: relative; padding: 24px 16px; border-radius: 8px; text-align: center; background-color: #fff; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; white-space: normal; -webkit-box-shadow: 0 2px 20px rgba(0, 0, 0, 0.1); box-shadow: 0 2px 20px rgba(0, 0, 0, 0.1); } @media only screen and (max-width: 767.98px) { .pricing__box { padding: 16px; } } .pricing__headline { margin-bottom: 14px; padding-bottom: 14px; border-bottom: 1px solid #cdc3c3; } @media only screen and (max-width: 991.98px) { .pricing__headline { margin-bottom: 12px; padding-bottom: 12px; } } .pricing__name { font-size: 2rem; line-height: 3.8rem; font-weight: 600; color: #5f9e5f; margin-bottom: 0; } @media only screen and (max-width: 575.86px) { .pricing__name { font-size: 1.8rem; line-height: 2.8rem; } } .pricing__price { font-size: 2.4rem; line-height: 3.2rem; font-weight: 600; margin-bottom: 0; } @media only screen and (max-width: 575.86px) { .pricing__price { font-size: 2rem; line-height: 3.8rem; } } .pricing__subtitle { font-size: 1.4rem; line-height: 2rem; color: #888; margin-bottom: 0; } @media only screen and (max-width: 575.86px) { .pricing__subtitle { font-size: 1.2rem; line-height: 1.8rem; } } .pricing__subdesc { font-size: 1.8rem; line-height: 2.8rem; color: #5f9e5f; margin: 8px 0 0; } @media only screen and (max-width: 575.86px) { .pricing__subdesc { font-size: 1.2rem; line-height: 1.8rem; } } .pricing__list { list-style: none; padding: 0; text-align: left; margin: 24px 0; } .pricing__item { margin-bottom: 12px; position: relative; font-size: 1.4rem; line-height: 2rem; padding-left: 40px; } @media only screen and (max-width: 991.98px) { .pricing__item { white-space: normal; } } .pricing__item:last-child { margin-bottom: 0; } .pricing__item::before { font-family: "RZF-Software" !important; content: "\e91e"; position: absolute; left: 4px; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); color: #5f9e5f; font-size: 2rem; line-height: 3.8rem; line-height: 1; } .pricing__item__price { position: absolute; right: 8px; top: 5px; text-decoration: line-through; font-size: 1.2rem; line-height: 1.8rem; } .pricing__item__discount { position: absolute; right: 8px; bottom: 5px; font-size: 1.2rem; line-height: 1.8rem; } .pricing__item--discount { border-radius: 8px; padding-top: 12px; padding-bottom: 12px; background-image: -webkit-linear-gradient(315deg, #e6f1c4, #c6e8d8); background-image: -moz-linear-gradient(315deg, #e6f1c4, #c6e8d8); background-image: linear-gradient(135deg, #e6f1c4, #c6e8d8); } .pricing__item--discount::before { content: "\e921"; font-size: 2.4rem; line-height: 3.2rem; left: 8px; line-height: 1; } .pricing__item--uncheck::before { content: "\e91a"; color: #786d6d; } .pricing__item--hide { display: none; } .pricing__item--show { display: block; } .pricing__btn span { display: block; margin: 4px 0; font-size: 1.4rem; line-height: 2rem; } @media only screen and (max-width: 575.86px) { .pricing__btn span { font-size: 1.2rem; line-height: 1.8rem; } } /* ========================================================================== Components Request Demo ========================================================================== */ .request { padding: 56px 0 32px; position: relative; } @media only screen and (max-width: 991.98px) { .request { padding: 32px 0; } } .request::before { content: ""; width: 100%; height: 264px; display: block; background-image: -webkit-linear-gradient(315deg, #e6f1c4, #c6e8d8); background-image: -moz-linear-gradient(315deg, #e6f1c4, #c6e8d8); background-image: linear-gradient(135deg, #e6f1c4, #c6e8d8); position: absolute; bottom: 0; left: 0; z-index: -1; } .request__wrapper::before, .request__wrapper::after { content: " "; display: table; } .request__wrapper::after { clear: both; } .request__head { max-width: 820px; margin: 0 auto 64px; } @media only screen and (max-width: 991.98px) { .request__head { margin-bottom: 48px; } } @media only screen and (max-width: 767.98px) { .request__head { margin-bottom: 24px; } } .request__title { font-weight: 600; text-align: center; font-size: 2.4rem; line-height: 3.2rem; color: #333; } @media only screen and (max-width: 767.98px) { .request__title { font-size: 1.6rem; line-height: 2.4rem; } } .request__thumbnail { float: left; width: 52%; display: table; min-height: 684px; } @media only screen and (max-width: 991.98px) { .request__thumbnail { display: none; } } .request__thumbnail__align { display: table-cell; vertical-align: middle; position: relative; } .request__thumbnail__el { width: 100%; height: 70%; object-fit: cover; object-position: center center; display: block; top: 0; left: -76px; position: absolute; z-index: -2; } .request__form { float: right; width: 48%; } @media only screen and (max-width: 991.98px) { .request__form { width: 100%; } } .request__box { padding: 48px; background-color: #fff; border-radius: 8px; -webkit-box-shadow: 0 2px 20px rgba(0, 0, 0, 0.1); box-shadow: 0 2px 20px rgba(0, 0, 0, 0.1); } @media only screen and (max-width: 767.98px) { .request__box { padding: 24px; } } .request__ttl { font-weight: 500; text-align: center; font-size: 1.8rem; line-height: 2.8rem; margin-bottom: 24px; color: #333; } @media only screen and (max-width: 767.98px) { .request__ttl { font-size: 1.6rem; line-height: 2.4rem; } } .request__input-slct { display: block; width: 100%; outline: 0; border: 0; background-color: transparent; padding: 16px 8px; background-color: #fff; border-bottom: solid 1px #e8e8e8; position: relative; font-size: 1.6rem; line-height: 2.4rem; position: relative; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; } .request__input-slct:focus { border-color: solid 1px #5f9e5f; } .request__btn { margin-top: 40px; width: 100%; } /* ========================================================================== Components: Input form ========================================================================== */ .fi-row { position: relative; margin-bottom: 32px; margin-right: 8px; display: block; font-size: 0; } .fi-row:last-child { margin-bottom: 0; } .fi-row i { position: absolute; top: 20px; right: 16px; font-size: 1.6rem; line-height: 2.4rem; color: #4a4a4a; } @media only screen and (max-width: 991.98px) { .fi-row i { padding: 4px 0; top: 10px; } } .fi-inner { position: relative; display: inline-block; vertical-align: middle; width: 100%; padding-right: 24px; } @media only screen and (max-width: 575.86px) { .fi-inner { width: 100%; padding-right: 0; margin-bottom: 32px; } .fi-inner:last-child { margin-bottom: 0; } } .fi-inner:last-child { padding-right: 0; } .fi-label { display: inlinr-block; font-size: 1.8rem; line-height: 2.8rem; font-weight: 500; color: #4a4a4a; margin-bottom: 12px; } @media only screen and (max-width: 767.98px) { .fi-label { font-size: 1.6rem; line-height: 2.4rem; } } .fi-multiline, .fi-single-line { display: inline-block; width: 100%; border: 0; outline: 0; padding: 16px 8px; font-size: 1.6rem; line-height: 2.4rem; background-color: #fff; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; border-bottom: solid 1px #e8e8e8; } @media only screen and (max-width: 767.98px) { .fi-multiline, .fi-single-line { font-size: 1.4rem; line-height: 2rem; } } .fi-multiline:focus, .fi-single-line:focus { border-color: #5f9e5f; } .fi-multiline:-moz-placeholder-shown, .fi-single-line:-moz-placeholder-shown { text-fill-color: #333; -webkit-text-fill-color: #333; } .fi-multiline:-ms-input-placeholder, .fi-single-line:-ms-input-placeholder { text-fill-color: #333; -webkit-text-fill-color: #333; } .fi-multiline:placeholder-shown, .fi-single-line:placeholder-shown { text-fill-color: #333; -webkit-text-fill-color: #333; } @media only screen and (max-width: 320px) { .fi-multiline, .fi-single-line { font-size: 1.2rem; line-height: 1.8rem; } } .fi-multiline { resize: none; height: 96px; } .fi-alert { opacity: 0; visibility: hidden; position: absolute; bottom: -24px; left: 8px; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; color: red; text-align: left; margin-bottom: 0; -webkit-transform: translateY(6px); -moz-transform: translateY(6px); -ms-transform: translateY(6px); transform: translateY(6px); -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; transition: all 0.2s ease; } @media only screen and (max-width: 991.98px) { .fi-alert { left: 16px; } } .error .fi-alert { opacity: 1; -webkit-transform: none; -moz-transform: none; -ms-transform: none; transform: none; visibility: visible; } /* ========================================================================== Components: Accordion ========================================================================== */ .faq__item { margin-bottom: 24px; border-bottom: solid 1px #d8d8d8; } .faq__item:last-child { margin-bottom: 0; } .faq__top { padding-bottom: 16px; position: relative; } .faq__top::before, .faq__top::after { content: " "; display: table; } .faq__top::after { clear: both; } @media only screen and (max-width: 767.98px) { .faq__top { padding-bottom: 8px; } } .faq__top__title { font-size: 2rem; line-height: 3.8rem; font-weight: 600; margin-bottom: 0; -webkit-transition: all 0.3s ease 0; -moz-transition: all 0.3s ease 0; transition: all 0.3s ease 0; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; max-width: 960px; cursor: pointer; } @media only screen and (max-width: 991.98px) { .faq__top__title { font-size: 1.6rem; line-height: 2.4rem; max-width: 660px; } } @media only screen and (max-width: 991.98px) { .faq__top__title { max-width: 342px; } } @media only screen and (max-width: 767.98px) { .faq__top__title { max-width: 308px; } } .faq__top__btn { position: absolute; top: 0; right: 0; } .faq__top__icon { position: absolute; display: block; top: 4px; right: 0; font-size: 2.4rem; line-height: 3.2rem; font-weight: 700; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; } @media only screen and (max-width: 991.98px) { .faq__top__icon { font-size: 1.8rem; line-height: 2.8rem; } } .faq__middle { display: none; height: 100%; margin-bottom: 24px; } .faq__middle p, .faq__middle ul, .faq__middle ol, .faq__middle table, .faq__middle h1, .faq__middle h2, .faq__middle h3, .faq__middle h4, .faq__middle h5, .faq__middle h6 { margin: 0; } @media only screen and (max-width: 767.98px) { .faq__middle { margin-left: 0; margin-bottom: 16px; border-left: 0; } } .faq__middle__content { padding: 12px 0px 12px 0; -webkit-transform: translateX(16px); -moz-transform: translateX(16px); -ms-transform: translateX(16px); transform: translateX(16px); opacity: 0; max-width: 914px; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; color: #4a4a4a; } @media only screen and (max-width: 991.98px) { .faq__middle__content { max-width: 620px; } } @media only screen and (max-width: 767.98px) { .faq__middle__content { font-size: 1.4rem; line-height: 2rem; max-width: 420px; } } @media only screen and (max-width: 575.86px) { .faq__middle__content { max-width: 308px; } } .faq__middle__content ul { margin-left: 16px; } .faq__middle__content p { max-width: 820px; font-size: 1.8rem; line-height: 2.8rem; color: #4a4a4a; } @media only screen and (max-width: 991.98px) { .faq__middle__content p { max-width: 620px; font-size: 1.4rem; line-height: 2rem; } } @media only screen and (max-width: 767.98px) { .faq__middle__content p { max-width: 300px; } } .faq__bottom { padding-top: 8px; border-bottom: 1px solid #fcfcfc; } .faq--show .faq__top__title { color: #5f9e5f; -webkit-transition: all 0.3s ease 0.2s; -moz-transition: all 0.3s ease 0.2s; transition: all 0.3s ease 0.2s; } .faq--show .faq__top__icon { -webkit-transform: rotateX(180deg); -moz-transform: rotateX(180deg); transform: rotateX(180deg); -webkit-transition: all 0.5s ease 0.2s; -moz-transition: all 0.5s ease 0.2s; transition: all 0.5s ease 0.2s; color: #5f9e5f; } .faq--show .faq__middle { display: block; } .faq--show .faq__middle__content { -webkit-transform: none; -moz-transform: none; -ms-transform: none; transform: none; opacity: 1; -webkit-transition: all 0.6s ease 0.3s; -moz-transition: all 0.6s ease 0.3s; transition: all 0.6s ease 0.3s; } /* ========================================================================== Components Video ========================================================================== */ .video { padding: 64px 0 104px; } @media only screen and (max-width: 1199.98px) { .video { padding: 56px 0 96px; } } @media only screen and (max-width: 991.98px) { .video { padding: 48px 0 88px; } } @media only screen and (max-width: 767.98px) { .video { padding: 32px 0 64px; } } .video__wrapper { width: 100%; } .video__wrapper::before, .video__wrapper::after { content: " "; display: table; } .video__wrapper::after { clear: both; } .video__item { width: 100%; } .video__item::before, .video__item::after { content: " "; display: table; } .video__item::after { clear: both; } .video__txt { float: left; width: 40%; display: table; min-height: 340px; } @media only screen and (max-width: 991.98px) { .video__txt { min-height: initial; width: 100%; float: none; } } .video__txt__align { display: table-cell; vertical-align: middle; } .video__title { margin-bottom: 16px; font-size: 3.2rem; line-height: 4rem; } @media only screen and (max-width: 991.98px) { .video__title { -webkit-transform: translateY(-6px); -moz-transform: translateY(-6px); -ms-transform: translateY(-6px); transform: translateY(-6px); font-size: 2.4rem; line-height: 3.2rem; } } @media only screen and (max-width: 767.98px) { .video__title { font-size: 2rem; line-height: 3.8rem; } } .video__desc { font-size: 1.8rem; line-height: 2.8rem; color: #4a4a4a; margin-bottom: 32px; max-width: 436px; } @media only screen and (max-width: 991.98px) { .video__desc { -webkit-transform: translateY(-6px); -moz-transform: translateY(-6px); -ms-transform: translateY(-6px); transform: translateY(-6px); font-size: 1.6rem; line-height: 2.4rem; margin-bottom: 24px; } } @media only screen and (max-width: 767.98px) { .video__desc { font-size: 1.4rem; line-height: 2rem; margin-bottom: 16px; } } .video__box { float: right; width: 60%; padding-left: 72px; } @media only screen and (max-width: 991.98px) { .video__box { width: 100%; float: none; padding-left: 0; margin-bottom: 24px; } } .video__thumbnail { position: relative; height: 340px; } @media only screen and (max-width: 767.98px) { .video__thumbnail { height: 300px; } } @media only screen and (max-width: 575.86px) { .video__thumbnail { height: 280px; } } .video__thumbnail::before { content: ""; display: block; width: 200px; height: 200px; border-radius: 50%; background-color: #c3e4c3; position: absolute; left: -28px; bottom: -22px; z-index: -1; } @media only screen and (max-width: 991.98px) { .video__thumbnail::before { display: none; } } .video__thumbnail::after { content: ""; display: block; width: 200px; height: 200px; border-radius: 50%; background-color: #c3e4c3; position: absolute; top: -19px; right: -24px; z-index: -1; } @media only screen and (max-width: 1199.98px) { .video__thumbnail::after { top: -16px; right: -15px; } } @media only screen and (max-width: 991.98px) { .video__thumbnail::after { display: none; } } .video__thumbnail__el { display: block; width: 100%; height: 100%; border-radius: 6px; display: block; } .video--standalone, .video .owl-item.active { display: inline-block; } .video--standalone .video__thumbnail, .video .owl-item.active .video__thumbnail { opacity: 1; -webkit-transform: none; -moz-transform: none; -ms-transform: none; transform: none; -webkit-transition: opacity 0.1 ease, -webkit-transform 0.1s ease; transition: opacity 0.1 ease, -webkit-transform 0.1s ease; -moz-transition: opacity 0.1 ease, transform 0.1s ease, -moz-transform 0.1s ease; transition: opacity 0.1 ease, transform 0.1s ease; transition: opacity 0.1 ease, transform 0.1s ease, -webkit-transform 0.1s ease, -moz-transform 0.1s ease; -webkit-transition-delay: 0.8s; -moz-transition-delay: 0.8s; transition-delay: 0.8s; } .video--standalone .video__title, .video .owl-item.active .video__title { opacity: 1; -webkit-transform: none; -moz-transform: none; -ms-transform: none; transform: none; -webkit-transition: opacity 0.1 ease, -webkit-transform 0.1s ease; transition: opacity 0.1 ease, -webkit-transform 0.1s ease; -moz-transition: opacity 0.1 ease, transform 0.1s ease, -moz-transform 0.1s ease; transition: opacity 0.1 ease, transform 0.1s ease; transition: opacity 0.1 ease, transform 0.1s ease, -webkit-transform 0.1s ease, -moz-transform 0.1s ease; -webkit-transition-delay: 0.4s; -moz-transition-delay: 0.4s; transition-delay: 0.4s; } .video--standalone .video__desc, .video .owl-item.active .video__desc { opacity: 1; -webkit-transform: none; -moz-transform: none; -ms-transform: none; transform: none; -webkit-transition: opacity 0.1 ease, -webkit-transform 0.1s ease; transition: opacity 0.1 ease, -webkit-transform 0.1s ease; -moz-transition: opacity 0.1 ease, transform 0.1s ease, -moz-transform 0.1s ease; transition: opacity 0.1 ease, transform 0.1s ease; transition: opacity 0.1 ease, transform 0.1s ease, -webkit-transform 0.1s ease, -moz-transform 0.1s ease; -webkit-transition-delay: 0.6s; -moz-transition-delay: 0.6s; transition-delay: 0.6s; } .video--standalone .video__btn, .video .owl-item.active .video__btn { opacity: 1; -webkit-transform: none; -moz-transform: none; -ms-transform: none; transform: none; -webkit-transition: opacity 0.1 ease, -webkit-transform 0.1s ease; transition: opacity 0.1 ease, -webkit-transform 0.1s ease; -moz-transition: opacity 0.1 ease, transform 0.1s ease, -moz-transform 0.1s ease; transition: opacity 0.1 ease, transform 0.1s ease; transition: opacity 0.1 ease, transform 0.1s ease, -webkit-transform 0.1s ease, -moz-transform 0.1s ease; -webkit-transition-delay: 0.8s; -moz-transition-delay: 0.8s; transition-delay: 0.8s; } .video .owl-carousel .video__thumbnail { opacity: 0; -webkit-transform: translateY(-32px); -moz-transform: translateY(-32px); -ms-transform: translateY(-32px); transform: translateY(-32px); -webkit-transition: all 1.1s ease 0s; -moz-transition: all 1.1s ease 0s; transition: all 1.1s ease 0s; } .video .owl-carousel .video__title { opacity: 0; -webkit-transform: translateY(24px); -moz-transform: translateY(24px); -ms-transform: translateY(24px); transform: translateY(24px); -webkit-transition: all 1.1s ease 0s; -moz-transition: all 1.1s ease 0s; transition: all 1.1s ease 0s; -webkit-transition-delay: all 1.1s ease 0s; -moz-transition-delay: all 1.1s ease 0s; transition-delay: all 1.1s ease 0s; } @media only screen and (max-width: 991.98px) { .video .owl-carousel .video__title { -webkit-transform: translate(24px, 0); -moz-transform: translate(24px, 0); -ms-transform: translate(24px, 0); transform: translate(24px, 0); } } .video .owl-carousel .video__desc { opacity: 0; -webkit-transform: translateY(24px); -moz-transform: translateY(24px); -ms-transform: translateY(24px); transform: translateY(24px); -webkit-transition: all 1.1s ease 0s; -moz-transition: all 1.1s ease 0s; transition: all 1.1s ease 0s; } @media only screen and (max-width: 991.98px) { .video .owl-carousel .video__desc { -webkit-transform: translate(24px, 0); -moz-transform: translate(24px, 0); -ms-transform: translate(24px, 0); transform: translate(24px, 0); } } .video .owl-carousel .video__btn { opacity: 0; -webkit-transform: translateY(24px); -moz-transform: translateY(24px); -ms-transform: translateY(24px); transform: translateY(24px); -webkit-transition: all 1.1s ease 0s; -moz-transition: all 1.1s ease 0s; transition: all 1.1s ease 0s; } @media only screen and (max-width: 991.98px) { .video .owl-carousel .video__btn { -webkit-transform: translate(24px, 0); -moz-transform: translate(24px, 0); -ms-transform: translate(24px, 0); transform: translate(24px, 0); } } .video .owl-carousel .owl-dot { display: inline-block; vertical-align: middle; margin-right: 8px; width: 8px; height: 8px; border-radius: 4px; -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; transition: all 500ms ease; background-color: #222; opacity: 0.1; } @media only screen and (max-width: 575.86px) { .video .owl-carousel .owl-dot { width: 6px; height: 6px; } } .video .owl-carousel .owl-dot:last-child { margin-right: 0; } .video .owl-carousel .owl-dot.active { width: 32px; background-color: #5f9e5f; opacity: 1; } .video .owl-carousel .owl-dots { position: absolute; left: 50%; bottom: -64px; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } @media only screen and (max-width: 991.98px) { .video .owl-carousel .owl-dots { bottom: -56px; } } @media only screen and (max-width: 767.98px) { .video .owl-carousel .owl-dots { bottom: -40px; } } /* ========================================================================== Components Suitable Item ========================================================================== */ .suitable__card { position: relative; border-radius: 4px; overflow: hidden; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; z-index: 2; } .suitable__card:hover .suitable__img__el { -webkit-transform: scale(1.06); -moz-transform: scale(1.06); -ms-transform: scale(1.06); transform: scale(1.06); } .suitable__card:hover .suitable__txt__el { -webkit-transform: translateY(-4px); -moz-transform: translateY(-4px); -ms-transform: translateY(-4px); transform: translateY(-4px); } .suitable__img { position: relative; padding-bottom: 66%; } @media only screen and (max-width: 767.98px) { .suitable__img { padding-bottom: 60%; } } .suitable__img__el { display: block; width: 100%; height: 100%; object-fit: cover; position: absolute; width: 100%; height: 100%; left: 0; top: 0; object-position: center center; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; } .suitable__txt { position: absolute; bottom: 0; left: 0; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; width: 100%; padding: 14px 24px; background-image: -webkit-gradient(linear, left bottom, left top, from(rgb(0, 0, 0)), color-stop(rgba(0, 0, 0, 0.6)), to(rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(bottom, rgb(0, 0, 0), rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0)); background-image: -moz-linear-gradient(bottom, rgb(0, 0, 0), rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0)); background-image: linear-gradient(to top, rgb(0, 0, 0), rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0)); z-index: 1; } .suitable__txt__el { color: #fff; margin-bottom: 0; font-size: 2rem; line-height: 3.8rem; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; font-weight: 600; } @media only screen and (max-width: 767.98px) { .suitable__txt__el { font-size: 1.6rem; line-height: 2.4rem; } } /* ========================================================================== Components CTA ========================================================================== */ .cta { background-image: -webkit-linear-gradient(282.54deg, #cadc63 -8.65%, #47bab3 79.26%); background-image: -moz-linear-gradient(282.54deg, #cadc63 -8.65%, #47bab3 79.26%); background-image: linear-gradient(167.46deg, #cadc63 -8.65%, #47bab3 79.26%); position: relative; } .cta__wrapper { padding: 72px 0; position: relative; } .cta__wrapper::before, .cta__wrapper::after { content: " "; display: table; } .cta__wrapper::after { clear: both; } @media only screen and (max-width: 767.98px) { .cta__wrapper { padding: 32px 0; } } .cta__img { position: absolute; left: 0; bottom: 0; height: 340px; } @media only screen and (max-width: 991.98px) { .cta__img { height: 320px; } } @media only screen and (max-width: 767.98px) { .cta__img { display: none; } } .cta__img__el { display: block; width: 100%; height: 100%; } .cta__txt { float: right; } @media only screen and (max-width: 767.98px) { .cta__txt { float: none; padding: 0 48px; } } .cta__txt__title { margin-bottom: 32px; color: #fff; font-weight: 600; font-size: 2.4rem; line-height: 3.2rem; } @media only screen and (max-width: 991.98px) { .cta__txt__title { margin-bottom: 32px; text-align: right; font-size: 1.8rem; line-height: 2.8rem; } } @media only screen and (max-width: 767.98px) { .cta__txt__title { text-align: center; } } .cta__btn .btn { margin-right: 24px; } @media only screen and (max-width: 767.98px) { .cta__btn .btn { margin-bottom: 24px; } } .cta__btn .btn:last-child { margin-right: 0; } @media only screen and (max-width: 767.98px) { .cta__btn .btn:last-child { margin-bottom: 0; } } /* ========================================================================== Components Hero Banner Item ========================================================================== */ .hero-banner { background-image: url(../img/bg/floating-elements.svg); background-repeat: no-repeat; -webkit-background-size: cover; background-size: cover; background-position: bottom bottom; } .hero-banner__list::before, .hero-banner__list::after { content: " "; display: table; } .hero-banner__list::after { clear: both; } .hero-banner .hero-banner__list { width: 30%; float: right; } @media only screen and (max-width: 1199.98px) { .hero-banner .hero-banner__list { width: 40%; } } @media only screen and (max-width: 991.98px) { .hero-banner .hero-banner__list { width: 100%; float: none; margin-bottom: 40px; } } @media only screen and (max-width: 767.98px) { .hero-banner .hero-banner__list { margin-bottom: 24px; } } .hero-banner .hero-banner__img__el { display: block; min-height: 458px; width: 100%; object-fit: cover; object-position: center center; } @media only screen and (max-width: 767.98px) { .hero-banner .hero-banner__img__el { font-size: 2.4rem; line-height: 3.2rem; min-height: 280px; } } .hero-banner .hero-banner__txt { width: 60%; float: left; max-width: 572px; display: table; min-height: 480px; } @media only screen and (max-width: 991.98px) { .hero-banner .hero-banner__txt { min-height: 280px; } } @media only screen and (max-width: 767.98px) { .hero-banner .hero-banner__txt { min-height: 340px; } } .hero-banner .hero-banner__txt__wrapper { display: table-cell; vertical-align: middle; } @media only screen and (max-width: 991.98px) { .hero-banner .hero-banner__txt__wrapper { vertical-align: top; } } @media only screen and (max-width: 991.98px) { .hero-banner .hero-banner__txt { float: none; width: 100%; padding: 0; } } .hero-banner .hero-banner__title { font-family: "Lexend Deca", sans-serif; font-size: 4rem; line-height: 4.8rem; margin-bottom: 24px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease; opacity: 1; } .main-site--hide .hero-banner .hero-banner__title { opacity: 0; -webkit-transform: translateY(24px); -moz-transform: translateY(24px); -ms-transform: translateY(24px); transform: translateY(24px); } @media only screen and (max-width: 991.98px) { .hero-banner .hero-banner__title { font-size: 3.2rem; line-height: 4rem; } } @media only screen and (max-width: 767.98px) { .hero-banner .hero-banner__title { font-size: 2.4rem; line-height: 3.2rem; margin-bottom: 16px; } } .hero-banner .hero-banner__desc { font-size: 1.8rem; line-height: 2.8rem; font-weight: 400; margin-bottom: 40px; opacity: 1; -webkit-transition: all 2s ease; -moz-transition: all 2s ease; transition: all 2s ease; } .main-site--hide .hero-banner .hero-banner__desc { opacity: 0; -webkit-transform: translateY(24px); -moz-transform: translateY(24px); -ms-transform: translateY(24px); transform: translateY(24px); } @media only screen and (max-width: 991.98px) { .hero-banner .hero-banner__desc { margin-bottom: 32px; } } @media only screen and (max-width: 767.98px) { .hero-banner .hero-banner__desc { font-size: 1.6rem; line-height: 2.4rem; margin-bottom: 24px; } } .hero-banner .hero-banner__btn { -webkit-transition: all 2.5s ease; -moz-transition: all 2.5s ease; transition: all 2.5s ease; opacity: 1; } .main-site--hide .hero-banner .hero-banner__btn { opacity: 0; -webkit-transform: translateY(24px); -moz-transform: translateY(24px); -ms-transform: translateY(24px); transform: translateY(24px); } @media only screen and (max-width: 767.98px) { .hero-banner .hero-banner__btn { display: block; } } .hero-banner .hero-banner__btn .btn { margin-right: 24px; } @media only screen and (max-width: 991.98px) { .hero-banner .hero-banner__btn .btn { margin-bottom: 16px; } } .hero-banner .hero-banner__btn .btn:last-child { margin-right: 0; } @media only screen and (max-width: 767.98px) { .hero-banner .hero-banner__btn .btn:last-child { margin-bottom: 0; } } /* ========================================================================== Components: popup ========================================================================== */ .popup { display: none; position: fixed; left: 0; top: 0; z-index: 10; width: 100%; height: 100%; overflow: hidden; overflow-y: auto; background-color: rgba(0, 0, 0, 0.7); } .popup__wrapper { display: table; width: 100%; height: 100%; } .popup__box { display: table-cell; vertical-align: middle; padding: 24px 0; } .popup__cntnt { position: relative; padding: 48px 32px; max-width: 560px; margin: 0 auto; background-color: #fff; border-radius: 12px; } @media only screen and (max-width: 767.98px) { .popup__cntnt { max-width: initial; padding: 40px 16px; } } .popup__ttl { font-size: 2.4rem; line-height: 3.2rem; margin-bottom: 0; } @media only screen and (max-width: 767.98px) { .popup__ttl { font-size: 2rem; line-height: 3.8rem; } } .popup__btn { position: absolute; top: 16px; right: 16px; z-index: 1; outline: 0; border: 0; background-color: transparent; font-size: 1.6rem; line-height: 2.4rem; line-height: 1; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; } .popup__btn:hover { color: #5f9e5f; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } @media only screen and (max-width: 767.98px) { .popup__btn { top: 12px; right: 12px; font-size: 1.4rem; line-height: 2rem; } } .popup__head { text-align: center; margin-bottom: 24px; } @media only screen and (max-width: 767.98px) { .popup__head { margin-bottom: 16px; } } /* ========================================================================== Elements Index ========================================================================== */ /* ========================================================================== Elements Icons ========================================================================== */ [class^=ri-], [class*=" ri-"] { /* use !important to prevent issues with browser extensions that change fonts */ font-family: "RZF-Software" !important; speak: never; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .ri-percent:before { content: "\e920"; } .ri-sale:before { content: "\e921"; } .ri-disturb:before { content: "\e91a"; } .ri-check:before { content: "\e91e"; } .ri-check-outline:before { content: "\e91f"; } .ri-envelope:before { content: "\e91b"; } .ri-star:before { content: "\e91c"; } .ri-pen:before { content: "\e919"; } .ri-eye:before { content: "\e90d"; } .ri-invisible-eye:before { content: "\e915"; } .ri-play:before { content: "\e905"; } .ri-download:before { content: "\e900"; } .ri-phone-call:before { content: "\e91d"; } .ri-instagram:before { content: "\e90a"; } .ri-mail:before { content: "\e913"; } .ri-trash:before { content: "\e917"; } .ri-close:before { content: "\e916"; } .ri-min:before { content: "\e918"; } .ri-plus:before { content: "\e914"; } .ri-arrow-down:before { content: "\e901"; } .ri-arrow-left:before { content: "\e902"; } .ri-arrow-right:before { content: "\e903"; } .ri-arrow-up:before { content: "\e904"; } .ri-chevron-down:before { content: "\e906"; } .ri-chevron-left:before { content: "\e907"; } .ri-chevron-right:before { content: "\e908"; } .ri-chevron-up:before { content: "\e909"; } .ri-phone:before { content: "\e90c"; } .ri-search:before { content: "\e90e"; } .ri-telegram:before { content: "\e90f"; } .ri-twitter:before { content: "\e910"; } .ri-user:before { content: "\e911"; } .ri-whatsapp:before { content: "\e912"; } .ri-facebook:before { content: "\e90b"; } .ri-linkedin:before { content: "\eac9"; } /* ========================================================================== Elements Button ========================================================================== */ .btn { display: inline-block; border-radius: 48px; padding: 11.2px 32px; min-width: 140px; outline: 0; background-color: transparent; border: solid 1px transparent; text-decoration: none; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; font-weight: 500; font-size: 1.6rem; line-height: 2.4rem; min-height: initial; text-align: center; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } @media only screen and (max-width: 991.98px) { .btn { padding: 11px 24px; } } @media only screen and (max-width: 767.98px) { .btn { display: inline-block; width: 100%; text-align: center; } } @media only screen and (max-width: 575.86px) { .btn { padding: 14px 16px; font-size: 1.4rem; line-height: 2rem; } } .btn--primary { background-color: #5f9e5f; color: #fff; } .btn--primary:hover { background-color: #fff; color: #5f9e5f; border-color: #5f9e5f; } .btn--secondary { color: #5f9e5f; border-color: #5f9e5f; background-color: #fff; } .btn--secondary:hover { background-color: #5f9e5f; color: #fff; border-color: #5f9e5f; } .btn--white { background-color: #fff; color: #5f9e5f; } .btn--white:hover { background-color: transparent; color: #fff; border-color: #fff; } .btn--white-outline { color: #fff; border-color: #fff; } .btn--white-outline:hover { background-color: #fff; color: #5f9e5f; border-color: #fff; } .btn--block { display: block; width: 100%; } /* ========================================================================== Layouts Index ========================================================================== */ /* ========================================================================== Layouts Header ========================================================================== */ .header { position: relative; position: fixed; top: 0; left: 0; width: 100%; z-index: 9; padding: 16px 0; background-image: -webkit-linear-gradient(315deg, #e6f1c4, #c6e8d8); background-image: -moz-linear-gradient(315deg, #e6f1c4, #c6e8d8); background-image: linear-gradient(135deg, #e6f1c4, #c6e8d8); -webkit-box-shadow: 0 4px 72px rgba(0, 0, 0, 0.1); box-shadow: 0 4px 72px rgba(0, 0, 0, 0.1); -webkit-transition: all 0.35s ease; -moz-transition: all 0.35s ease; transition: all 0.35s ease; } @media only screen and (max-width: 991.98px) { .header { padding: 12px 0; } } .scroll-down .header, .header-on-scroll .header { -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; } .scroll-down .header { -webkit-box-shadow: none; box-shadow: none; -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); } .header__content { position: relative; text-align: center; } .header__content::before, .header__content::after { content: " "; display: table; } .header__content::after { clear: both; } @media only screen and (max-width: 991.98px) { .header__content { text-align: left; } } .header__logo { float: left; width: 132px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .header__logo__el { display: block; height: 40px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; } @media only screen and (max-width: 1199.98px) { .header .overlay { position: fixed; top: 76px; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.7); opacity: 0; visibility: hidden; -webkit-transition: all 0.35s ease; -moz-transition: all 0.35s ease; transition: all 0.35s ease; -webkit-transition-delay: 0.1s; -moz-transition-delay: 0.1s; transition-delay: 0.1s; } .show-menu .header .overlay { visibility: visible; opacity: 1; -webkit-transition-delay: 0s; -moz-transition-delay: 0s; transition-delay: 0s; } } @media only screen and (max-width: 991.98px) { .header .overlay { top: 64px; } } .header__list { display: inline-block; list-style: none; margin: 0; padding: 0; } @media only screen and (max-width: 991.98px) { .header__list { position: fixed; float: none; padding: 24px 12px 32px; top: 64px; left: 0; right: 0; width: 100%; bottom: 0; background-color: #5f9e5f; z-index: 9; -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); -webkit-transform-origin: right center; -moz-transform-origin: right center; -ms-transform-origin: right center; transform-origin: right center; -webkit-transition: all 0.35s ease; -moz-transition: all 0.35s ease; transition: all 0.35s ease; -webkit-transition-delay: 0.1s; -moz-transition-delay: 0.1s; transition-delay: 0.1s; overflow-y: auto; overflow-x: hidden; } .show-menu .header__list { -webkit-transform: none; -moz-transform: none; -ms-transform: none; transform: none; -webkit-transition-delay: 0s; -moz-transition-delay: 0s; transition-delay: 0s; } } .header__item { display: inline-block; margin-right: 32px; } @media only screen and (max-width: 1199.98px) { .header__item { margin-right: 24px; } } @media only screen and (max-width: 991.98px) { .header__item { width: 100%; margin-bottom: 16px; margin-right: 0; -webkit-transform: translateY(24px); -moz-transform: translateY(24px); -ms-transform: translateY(24px); transform: translateY(24px); opacity: 0; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .header__item:nth-child(1) { -webkit-transition-delay: 410ms; -moz-transition-delay: 410ms; transition-delay: 410ms; } .header__item:nth-child(2) { -webkit-transition-delay: 345ms; -moz-transition-delay: 345ms; transition-delay: 345ms; } .header__item:nth-child(3) { -webkit-transition-delay: 280ms; -moz-transition-delay: 280ms; transition-delay: 280ms; } .header__item:nth-child(4) { -webkit-transition-delay: 215ms; -moz-transition-delay: 215ms; transition-delay: 215ms; } .header__item:nth-child(5) { -webkit-transition-delay: 150ms; -moz-transition-delay: 150ms; transition-delay: 150ms; } .header__item:nth-child(6) { -webkit-transition-delay: 85ms; -moz-transition-delay: 85ms; transition-delay: 85ms; } .show-menu .header__item { -webkit-transform: none; -moz-transform: none; -ms-transform: none; transform: none; opacity: 1; visibility: visible; } .show-menu .header__item:nth-child(1) { -webkit-transition-delay: 540ms; -moz-transition-delay: 540ms; transition-delay: 540ms; } .show-menu .header__item:nth-child(2) { -webkit-transition-delay: 605ms; -moz-transition-delay: 605ms; transition-delay: 605ms; } .show-menu .header__item:nth-child(3) { -webkit-transition-delay: 670ms; -moz-transition-delay: 670ms; transition-delay: 670ms; } .show-menu .header__item:nth-child(4) { -webkit-transition-delay: 735ms; -moz-transition-delay: 735ms; transition-delay: 735ms; } .show-menu .header__item:nth-child(5) { -webkit-transition-delay: 800ms; -moz-transition-delay: 800ms; transition-delay: 800ms; } .show-menu .header__item:nth-child(6) { -webkit-transition-delay: 865ms; -moz-transition-delay: 865ms; transition-delay: 865ms; } } .header__item:last-child { margin-right: 0; } .header__link { display: block; color: #222; text-decoration: none; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; transition: all 0.2s ease; position: relative; padding: 8px 0; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .header__link:hover { color: #5f9e5f; } @media only screen and (max-width: 991.98px) { .header__link:hover { color: #222; } } @media only screen and (max-width: 991.98px) { .header__link { color: #fff; padding: 8px 16px; display: block; } } .header__link::after { content: ""; position: absolute; left: 0; bottom: 0; display: block; width: 100%; border-bottom: 1px solid #5f9e5f; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; transition: all 0.2s ease; -webkit-transform: scaleX(0); -moz-transform: scaleX(0); -ms-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: left center; -moz-transform-origin: left center; -ms-transform-origin: left center; transform-origin: left center; } @media only screen and (max-width: 991.98px) { .header__link::after { bottom: 0; display: none; } } .header__link:hover::after { -webkit-transform: none; -moz-transform: none; -ms-transform: none; transform: none; } .burger-menu { display: none; border: 0; outline: 0; padding: 0; border-radius: 32px; cursor: pointer; width: 40px; height: 40px; background-color: #5f9e5f; } @media only screen and (max-width: 991.98px) { .burger-menu { display: block; float: right; } } .burger-menu__bar { width: 16px; height: 2px; background-color: #fff; margin: 4px auto; display: block; border-radius: 1px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; } .show-menu .burger-menu__bar:nth-child(1) { -webkit-transform: rotate(133deg) translate(5px, -4px); -moz-transform: rotate(133deg) translate(5px, -4px); -ms-transform: rotate(133deg) translate(5px, -4px); transform: rotate(133deg) translate(5px, -4px); -webkit-transition-delay: 0.45s; -moz-transition-delay: 0.45s; transition-delay: 0.45s; width: 17px; } .show-menu .burger-menu__bar:nth-child(2) { -webkit-transform: scaleX(0); -moz-transform: scaleX(0); -ms-transform: scaleX(0); transform: scaleX(0); opacity: 0; -webkit-transition-delay: 0.15s; -moz-transition-delay: 0.15s; transition-delay: 0.15s; } .show-menu .burger-menu__bar:nth-child(3) { -webkit-transform: rotate(-135deg) translate(4px, 4px); -moz-transform: rotate(-135deg) translate(4px, 4px); -ms-transform: rotate(-135deg) translate(4px, 4px); transform: rotate(-135deg) translate(4px, 4px); -webkit-transition-delay: 0.45s; -moz-transition-delay: 0.45s; transition-delay: 0.45s; width: 17px; } /* ========================================================================== Layouts Hero Banner ========================================================================== */ .hero-banner { position: relative; overflow: hidden; padding: 68px 0; } .hero-banner::before, .hero-banner::after { content: " "; display: table; } .hero-banner::after { clear: both; } @media only screen and (max-width: 1199.98px) { .hero-banner { padding: 56px 0; } } @media only screen and (max-width: 991.98px) { .hero-banner { padding: 48px 0; } } @media only screen and (max-width: 767.98px) { .hero-banner { padding: 32px 0; } } .hero-banner__img { opacity: 0; -webkit-transform: translateX(-32px); -moz-transform: translateX(-32px); -ms-transform: translateX(-32px); transform: translateX(-32px); -webkit-transition: all 1.1s ease 0s; -moz-transition: all 1.1s ease 0s; transition: all 1.1s ease 0s; -webkit-transition-delay: all 1.1s ease 0s; -moz-transition-delay: all 1.1s ease 0s; transition-delay: all 1.1s ease 0s; } .hero-banner--standalone, .hero-banner .owl-item.active { display: inline-block; } .hero-banner--standalone .hero-banner__img, .hero-banner .owl-item.active .hero-banner__img { opacity: 1; -webkit-transform: none; -moz-transform: none; -ms-transform: none; transform: none; -webkit-transition: opacity 0.1 ease, -webkit-transform 0.1s ease; transition: opacity 0.1 ease, -webkit-transform 0.1s ease; -moz-transition: opacity 0.1 ease, transform 0.1s ease, -moz-transform 0.1s ease; transition: opacity 0.1 ease, transform 0.1s ease; transition: opacity 0.1 ease, transform 0.1s ease, -webkit-transform 0.1s ease, -moz-transform 0.1s ease; -webkit-transition-delay: 0.8s; -moz-transition-delay: 0.8s; transition-delay: 0.8s; } .hero-banner .owl-carousel .owl-dot { display: inline-block; vertical-align: middle; margin-right: 8px; width: 8px; height: 8px; border-radius: 4px; -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; transition: all 500ms ease; background-color: #222; opacity: 0.1; } @media only screen and (max-width: 575.86px) { .hero-banner .owl-carousel .owl-dot { width: 6px; height: 6px; } } .hero-banner .owl-carousel .owl-dot:last-child { margin-right: 0; } .hero-banner .owl-carousel .owl-dot.active { width: 32px; background-color: #5f9e5f; opacity: 1; } .hero-banner .owl-carousel .owl-dots { position: absolute; bottom: -32px; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } @media only screen and (max-width: 991.98px) { .hero-banner .owl-carousel .owl-dots { bottom: -24px; } } @media only screen and (max-width: 767.98px) { .hero-banner .owl-carousel .owl-dots { bottom: -16px; } } /* ========================================================================== Layouts Solution ========================================================================== */ .solution { padding: 68px 0; overflow: hidden; } @media only screen and (max-width: 1199.98px) { .solution { padding: 56px 0; } } @media only screen and (max-width: 767.98px) { .solution { padding: 48px 0; } } @media only screen and (max-width: 767.98px) { .solution { padding: 32px 0; } } .solution__title { margin-bottom: 24px; font-size: 3.2rem; line-height: 4rem; font-family: "Lexend Deca", sans-serif; color: #333; } @media only screen and (max-width: 991.98px) { .solution__title { font-size: 2.4rem; line-height: 3.2rem; } } .solution__wrapper::before, .solution__wrapper::after { content: " "; display: table; } .solution__wrapper::after { clear: both; } .solution__txt { float: right; width: 50%; display: table; min-height: 404px; padding-left: 56px; } @media only screen and (max-width: 991.98px) { .solution__txt { width: 100%; padding: 0; min-height: initial; } } .solution__txt__align { display: table-cell; vertical-align: middle; } .solution__img { float: left; width: 40%; } @media only screen and (max-width: 991.98px) { .solution__img { width: 100%; margin-bottom: 32px; } } @media only screen and (max-width: 767.98px) { .solution__img { margin-bottom: 16px; } } .solution__img__el { height: 404px; display: block; } @media only screen and (max-width: 991.98px) { .solution__img__el { margin: 0 auto 8px; } } @media only screen and (max-width: 767.98px) { .solution__img__el { height: 260px; } } .solution__txt { float: left; } .solution__list { padding: 0; margin: 0; list-style: none; max-width: 622px; } @media only screen and (max-width: 991.98px) { .solution__list { min-height: initial; float: none; } } .solution__list__item { margin-bottom: 24px; position: relative; padding-left: 40px; font-size: 1.8rem; line-height: 2.8rem; } @media only screen and (max-width: 767.98px) { .solution__list__item { font-size: 1.6rem; line-height: 2.4rem; padding-left: 36px; margin-bottom: 16px; } } @media only screen and (max-width: 575.86px) { .solution__list__item { font-size: 1.4rem; line-height: 2rem; } } .solution__list__item:last-child { margin-bottom: 0; } .solution__list__item::before { background: url(../img/icons/checklist-2.svg); -webkit-background-size: cover; background-size: cover; color: #5f9e5f; content: ""; position: absolute; left: 0; top: 0; width: 24px; height: 24px; background-repeat: no-repeat; } @media only screen and (max-width: 767.98px) { .solution__list__item::before { width: 24px; height: 24px; } } /* ========================================================================== Layouts Sale ========================================================================== */ .sale { padding: 48px 0; background-image: -webkit-linear-gradient(282.54deg, #cadc63 -8.65%, #47bab3 79.26%); background-image: -moz-linear-gradient(282.54deg, #cadc63 -8.65%, #47bab3 79.26%); background-image: linear-gradient(167.46deg, #cadc63 -8.65%, #47bab3 79.26%); } @media only screen and (max-width: 767.98px) { .sale { padding: 32px 0; } } .sale__wrapper::before, .sale__wrapper::after { content: " "; display: table; } .sale__wrapper::after { clear: both; } .sale__txt { width: 40%; float: left; display: table; min-height: 152px; } @media only screen and (max-width: 991.98px) { .sale__txt { float: none; width: 100%; } } @media only screen and (max-width: 575.86px) { .sale__txt { min-height: 122px; } } .sale__txt__wrapper { display: table-cell; vertical-align: middle; color: #fff; } .sale__headline { margin-bottom: 4px; font-weight: 500; font-size: 2.4rem; line-height: 3.2rem; font-family: "Lexend Deca", sans-serif; } @media only screen and (max-width: 767.98px) { .sale__headline { font-size: 2rem; line-height: 3.8rem; } } .sale__headline span { font-size: 2.4rem; line-height: 3.2rem; font-weight: 500; -webkit-animation: fade 1.4s infinite; -moz-animation: fade 1.4s infinite; animation: fade 1.4s infinite; } @media only screen and (max-width: 767.98px) { .sale__headline span { font-size: 2rem; line-height: 3.8rem; } } @-webkit-keyframes fade { 0% { opacity: 0; } 100% { opacity: 1; } } @-moz-keyframes fade { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fade { 0% { opacity: 0; } 100% { opacity: 1; } } @media only screen and (max-width: 767.98px) { .sale__headline { font-size: 2.4rem; line-height: 3.2rem; margin-bottom: 8px; } } .sale__title { font-size: 4rem; line-height: 4.8rem; font-weight: 900; font-family: "Lexend Deca", sans-serif; margin-bottom: 8px; } @media only screen and (max-width: 767.98px) { .sale__title { font-size: 2.4rem; line-height: 3.2rem; margin-bottom: 8px; } } .sale__desc { margin-bottom: 0; font-size: 2rem; line-height: 3.8rem; } @media only screen and (max-width: 991.98px) { .sale__desc { margin-bottom: 24px; } } @media only screen and (max-width: 767.98px) { .sale__desc { font-size: 1.6rem; line-height: 2.4rem; margin-bottom: 16px; } } @media only screen and (max-width: 575.86px) { .sale__desc { margin-bottom: 8px; } } .sale__countdown { float: left; width: 60%; text-align: right; } @media only screen and (max-width: 991.98px) { .sale__countdown { float: none; width: 100%; text-align: left; } } .sale__countdown__item { display: inline-block; vertical-align: middle; margin-right: 24px; width: 126px; height: 152px; padding: 28px 30px; text-align: center; background-color: #fff; color: #5f9e5f; border-radius: 8px; } .sale__countdown__item:last-child { margin-right: 0; } @media only screen and (max-width: 1199.98px) { .sale__countdown__item { width: 114px; height: 144px; padding: 14px 0; border-radius: 8px; } } @media only screen and (max-width: 991.98px) { .sale__countdown__item { width: 140px; min-height: 60px; } } @media only screen and (max-width: 767.98px) { .sale__countdown__item { width: 82px; height: 82px; margin-right: 8px; padding: 16px; } .sale__countdown__item:last-child { margin-right: 0; } } @media only screen and (max-width: 575.86px) { .sale__countdown__item { width: 76px; } } @media only screen and (max-width: 400px) { .sale__countdown__item { width: 68px; } } @media only screen and (max-width: 343px) { .sale__countdown__item { width: 64px; } } @media only screen and (max-width: 328px) { .sale__countdown__item { width: 56px; } } @media only screen and (max-width: 296px) { .sale__countdown__item { width: 50px; } } .sale__countdown__num { font-weight: 700; font-size: 5.6rem; line-height: 6.7rem; margin-bottom: 12px; display: inline-block; } @media only screen and (max-width: 767.98px) { .sale__countdown__num { font-size: 2.4rem; line-height: 3.2rem; margin-bottom: 0; } } .sale__countdown__txt { font-weight: 400; font-size: 1.6rem; line-height: 2.4rem; color: #222; margin-bottom: 0; } @media only screen and (max-width: 767.98px) { .sale__countdown__txt { font-size: 1.4rem; line-height: 2rem; } } /* ========================================================================== Layouts Documentation ========================================================================== */ .documentation { padding: 56px 0 96px; overflow: hidden; } .documentation::before, .documentation::after { content: " "; display: table; } .documentation::after { clear: both; } @media only screen and (max-width: 991.98px) { .documentation { padding: 48px 0; } } @media only screen and (max-width: 767.98px) { .documentation { padding: 32px 0 64px; } } .documentation__head { margin-bottom: 24px; } .documentation__title { font-family: "Lexend Deca", sans-serif; font-size: 3.2rem; line-height: 4rem; margin-bottom: 0; } @media only screen and (max-width: 991.98px) { .documentation__title { font-size: 2.4rem; line-height: 3.2rem; } } .documentation__body { margin-left: -12px; margin-right: -12px; } @media only screen and (max-width: 767.98px) { .documentation__body { white-space: nowrap; margin-left: -24px; margin-right: -24px; padding-left: 24px; padding-right: 12px; overflow-x: auto; overflow-y: hidden; white-space: nowrap; overflow-y: hidden; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: none; } .documentation__body::-webkit-scrollbar { -webkit-appearance: none; display: none; width: 0; } } .documentation__card { float: left; width: 25%; padding: 12px; } @media only screen and (max-width: 991.98px) { .documentation__card { width: 33.3333333%; } } @media only screen and (max-width: 767.98px) { .documentation__card { width: 200px; float: none; padding: 0; } } /* ========================================================================== Layouts Excellence ========================================================================== */ .excellence { padding: 56px 0; background-image: -webkit-linear-gradient(296.57deg, rgba(202, 220, 99, 0.2) 0%, rgba(71, 186, 179, 0.2) 33.33%, #fff 73.33%); background-image: -moz-linear-gradient(296.57deg, rgba(202, 220, 99, 0.2) 0%, rgba(71, 186, 179, 0.2) 33.33%, #fff 73.33%); background-image: linear-gradient(153.43deg, rgba(202, 220, 99, 0.2) 0%, rgba(71, 186, 179, 0.2) 33.33%, #fff 73.33%); } .excellence::before, .excellence::after { content: " "; display: table; } .excellence::after { clear: both; } @media only screen and (max-width: 1199.98px) { .excellence { padding: 56px 0; } } @media only screen and (max-width: 767.98px) { .excellence { padding: 48px 0; } } @media only screen and (max-width: 767.98px) { .excellence { padding: 32px 0; } } .excellence__head { margin-bottom: 32px; } @media only screen and (max-width: 991.98px) { .excellence__head { margin-bottom: 24px; } } .excellence__ttl { font-family: "Lexend Deca", sans-serif; font-size: 3.2rem; line-height: 4rem; text-align: center; margin-bottom: 0; } @media only screen and (max-width: 991.98px) { .excellence__ttl { font-size: 2.4rem; line-height: 3.2rem; } } .excellence__body { margin-right: 24px; margin-left: 24px; } .excellence__body::before, .excellence__body::after { content: " "; display: table; } .excellence__body::after { clear: both; } @media only screen and (max-width: 767.98px) { .excellence__body { margin-right: 0; margin-left: 0; } } .excellence__item { float: left; width: 50%; padding: 12px 24px; position: relative; margin-bottom: 0; } @media only screen and (max-width: 991.98px) { .excellence__item { width: 50%; } } @media only screen and (max-width: 767.98px) { .excellence__item { padding: 0; margin-bottom: 24px; display: inline-block; } .excellence__item:last-child { margin-bottom: 0; } } @media only screen and (max-width: 575.86px) { .excellence__item { width: 100%; } } .excellence__box { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; } .excellence__box:hover .excellence__title { color: #5f9e5f; } .excellence__number { display: inline-block; vertical-align: top; text-align: center; position: absolute; left: 0; } .excellence__number__el { font-family: "Lexend Deca", sans-serif; font-weight: 700; font-size: 2.4rem; line-height: 3.2rem; line-height: 2.2rem; height: 32px; color: #5f9e5f; margin-bottom: 0; position: relative; } @media only screen and (max-width: 767.98px) { .excellence__number__el { font-size: 1.8rem; line-height: 2.8rem; line-height: 1.6rem; } } .excellence__number__el::after { content: ""; display: block; width: 32px; height: 1px; background-color: #5f9e5f; left: 38px; top: 14px; position: absolute; } @media only screen and (max-width: 991.98px) { .excellence__number__el::after { width: 24px; } } @media only screen and (max-width: 767.98px) { .excellence__number__el::after { left: 28px; width: 14px; top: 10px; } } .excellence__txt { display: inline-block; vertical-align: top; padding-left: 56px; } @media only screen and (max-width: 991.98px) { .excellence__txt { padding-left: 48px; } } .excellence__title { color: #333; font-weight: 600; font-size: 2.4rem; line-height: 3.2rem; margin-bottom: 16px; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; transition: all 0.2s ease; } @media only screen and (max-width: 991.98px) { .excellence__title { font-size: 2rem; line-height: 3.8rem; } } @media only screen and (max-width: 767.98px) { .excellence__title { white-space: normal; font-size: 1.6rem; line-height: 2.4rem; margin-bottom: 8px; } } .excellence__desc { font-weight: 400; margin-bottom: 0; font-size: 1.6rem; line-height: 2.4rem; color: #4a4a4a; } @media only screen and (max-width: 767.98px) { .excellence__desc { white-space: normal; font-size: 1.4rem; line-height: 2rem; } } /* ========================================================================== Layouts Pricing ========================================================================== */ .pricing { overflow: hidden; padding: 56px 0 32px; } @media only screen and (max-width: 991.98px) { .pricing { padding: 32px 0; } } .pricing__head { position: relative; text-align: center; margin-bottom: 20px; } @media only screen and (max-width: 991.98px) { .pricing__head { margin-bottom: 16px; } } .pricing__title { font-family: "Lexend Deca", sans-serif; font-size: 3.2rem; line-height: 4rem; margin-bottom: 16px; } @media only screen and (max-width: 991.98px) { .pricing__title { font-size: 2.4rem; line-height: 3.2rem; } } .pricing__desc { font-size: 1.8rem; line-height: 2.8rem; margin-bottom: 16px; color: #4a4a4a; } @media only screen and (max-width: 991.98px) { .pricing__desc { font-size: 1.6rem; line-height: 2.4rem; } } @media only screen and (max-width: 767.98px) { .pricing__desc { font-size: 1.4rem; line-height: 2rem; } } .pricing__tab { display: inline-block; list-style: none; padding: 8px; margin: 0; font-size: 0; -webkit-box-shadow: 0 2px 40px rgba(0, 0, 0, 0.1); box-shadow: 0 2px 40px rgba(0, 0, 0, 0.1); border-radius: 8px; } .pricing__tab__item { display: inline-block; vertical-align: middle; font-size: 1.8rem; line-height: 2.8rem; font-weight: 600; padding: 8px 16px; margin: 0 4px; border-radius: 8px; cursor: pointer; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; } @media only screen and (max-width: 991.98px) { .pricing__tab__item { font-size: 1.8rem; line-height: 2.8rem; } } @media only screen and (max-width: 767.98px) { .pricing__tab__item { font-size: 1.6rem; line-height: 2.4rem; } } @media only screen and (max-width: 575.86px) { .pricing__tab__item { margin: 0 2px; } } .pricing__tab__item:hover, .pricing__tab__item--active { background-color: #5f9e5f; color: #fff; } .pricing__body { margin-left: -12px; margin-right: -12px; font-size: 0; text-align: center; } @media only screen and (max-width: 575.86px) { .pricing__body { margin-left: 0; margin-right: 0; } } .pricing .pricing__card { display: inline-block; vertical-align: top; width: 33.3333333%; padding: 12px; } @media only screen and (max-width: 991.98px) { .pricing .pricing__card { width: 50%; } } @media only screen and (max-width: 575.86px) { .pricing .pricing__card { width: 100%; width: 320px; padding: 0 0 24px; } .pricing .pricing__card:last-child { padding-bottom: 0; } } .pricing__pane { display: none; } .pricing__pane--active { display: block; -webkit-animation: show-pane 0.4s ease-in-out 0.1s both; -moz-animation: show-pane 0.4s ease-in-out 0.1s both; animation: show-pane 0.4s ease-in-out 0.1s both; } @-webkit-keyframes show-pane { from { opacity: 0; } to { opacity: 1; } } @-moz-keyframes show-pane { from { opacity: 0; } to { opacity: 1; } } @keyframes show-pane { from { opacity: 0; } to { opacity: 1; } } @media only screen and (max-width: 767.98px) { .pricing--active .pricing__tab { opacity: 1; visibility: visible; -webkit-transform: none; -moz-transform: none; -ms-transform: none; transform: none; } } @media only screen and (max-width: 767.98px) { .pricing--active .pricing__select__text::after { -webkit-transform: rotateX(180deg); -moz-transform: rotateX(180deg); transform: rotateX(180deg); } } /* ========================================================================== Layouts Testimonials ========================================================================== */ .testimonials { padding: 64px 0; overflow: hidden; background-image: -webkit-linear-gradient(296.57deg, rgba(202, 220, 99, 0.2) 0%, rgba(71, 186, 179, 0.2) 33.33%, #fff 73.33%); background-image: -moz-linear-gradient(296.57deg, rgba(202, 220, 99, 0.2) 0%, rgba(71, 186, 179, 0.2) 33.33%, #fff 73.33%); background-image: linear-gradient(153.43deg, rgba(202, 220, 99, 0.2) 0%, rgba(71, 186, 179, 0.2) 33.33%, #fff 73.33%); } @media only screen and (max-width: 1199.98px) { .testimonials { padding: 56px 0; } } @media only screen and (max-width: 991.98px) { .testimonials { padding: 48px 0; } } @media only screen and (max-width: 767.98px) { .testimonials { padding: 32px 0 8px; } } .testimonials__wrapper { position: relative; } .testimonials__head { margin-bottom: 32px; } @media only screen and (max-width: 991.98px) { .testimonials__head { margin-bottom: 24px; } } @media only screen and (max-width: 767.98px) { .testimonials__head { margin-bottom: 16px; } } .testimonials__title { font-size: 3.2rem; line-height: 4rem; font-family: "Lexend Deca", sans-serif; margin-bottom: 0; } @media only screen and (max-width: 991.98px) { .testimonials__title { font-size: 2.4rem; line-height: 3.2rem; } } .testimonials__body { position: relative; padding-left: 32px; } .testimonials__body::before, .testimonials__body::after { content: " "; display: table; } .testimonials__body::after { clear: both; } @media only screen and (max-width: 991.98px) { .testimonials__body { margin-left: -32px; margin-right: -32px; padding-left: 64px; padding-bottom: 24px; font-size: 0; white-space: nowrap; overflow-y: hidden; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: none; } .testimonials__body::-webkit-scrollbar { -webkit-appearance: none; display: none; width: 0; } } @media only screen and (max-width: 767.98px) { .testimonials__body { margin-left: -16px; margin-right: -16px; padding-left: 48px; } } .testimonials .owl-stage-outer { overflow: initial; } .testimonials .owl-carousel .owl-nav { position: absolute; top: -72px; right: 32px; } @media only screen and (max-width: 767.98px) { .testimonials .owl-carousel .owl-nav { display: none; } } .testimonials .owl-carousel .owl-nav .owl-prev, .testimonials .owl-carousel .owl-nav .owl-next { color: #fff; background-color: transparent; font-size: 1.8rem; line-height: 2.8rem; width: 40px; height: 40px; background-color: transparent; border: 2px solid #5f9e5f; border-radius: 50%; -webkit-transition: all 350ms ease; -moz-transition: all 350ms ease; transition: all 350ms ease; } @media only screen and (max-width: 991.98px) { .testimonials .owl-carousel .owl-nav .owl-prev, .testimonials .owl-carousel .owl-nav .owl-next { display: none; } } .testimonials .owl-carousel .owl-nav .owl-prev:hover, .testimonials .owl-carousel .owl-nav .owl-next:hover { background-color: #5f9e5f; } .testimonials .owl-carousel .owl-nav .owl-prev:hover i, .testimonials .owl-carousel .owl-nav .owl-next:hover i { color: #fff; } .testimonials .owl-carousel .owl-nav .owl-prev.disabled, .testimonials .owl-carousel .owl-nav .owl-next.disabled { border-color: #d8d8d8; cursor: not-allowed; } .testimonials .owl-carousel .owl-nav .owl-prev.disabled:hover, .testimonials .owl-carousel .owl-nav .owl-next.disabled:hover { background-color: #d8d8d8; } .testimonials .owl-carousel .owl-nav .owl-prev.disabled:hover i, .testimonials .owl-carousel .owl-nav .owl-next.disabled:hover i { color: #fff; } .testimonials .owl-carousel .owl-nav .owl-prev.disabled i, .testimonials .owl-carousel .owl-nav .owl-next.disabled i { color: #d8d8d8; } .testimonials .owl-carousel .owl-nav .owl-prev { margin-right: 24px; } .testimonials .owl-carousel .owl-nav i { vertical-align: middle; font-size: 1.6rem; line-height: 2.4rem; font-weight: 400; color: #5f9e5f; } @media only screen and (max-width: 575.86px) { .testimonials .owl-carousel .owl-nav i { font-size: 1.2rem; line-height: 1.8rem; } } /* ========================================================================== Layouts Presenting ========================================================================== */ .presenting { padding: 68px 0; overflow: hidden; background-image: -webkit-linear-gradient(296.57deg, rgba(202, 220, 99, 0.2) 0%, rgba(71, 186, 179, 0.2) 33.33%, #fff 73.33%); background-image: -moz-linear-gradient(296.57deg, rgba(202, 220, 99, 0.2) 0%, rgba(71, 186, 179, 0.2) 33.33%, #fff 73.33%); background-image: linear-gradient(153.43deg, rgba(202, 220, 99, 0.2) 0%, rgba(71, 186, 179, 0.2) 33.33%, #fff 73.33%); } @media only screen and (max-width: 1199.98px) { .presenting { padding: 56px 0; } } @media only screen and (max-width: 991.98px) { .presenting { padding: 48px 0; } } @media only screen and (max-width: 767.98px) { .presenting { padding: 32px 0; } } .presenting__head { margin-bottom: 32px; } @media only screen and (max-width: 991.98px) { .presenting__head { margin-bottom: 24px; } } .presenting__title { margin-bottom: 0; font-size: 3.2rem; line-height: 4rem; font-weight: 700; font-family: "Lexend Deca", sans-serif; color: #222; } @media only screen and (max-width: 991.98px) { .presenting__title { font-size: 2.4rem; line-height: 3.2rem; } } @media only screen and (max-width: 767.98px) { .presenting__title { font-size: 2.4rem; line-height: 3.2rem; } } .presenting__body::before, .presenting__body::after { content: " "; display: table; } .presenting__body::after { clear: both; } @media only screen and (max-width: 767.98px) { .presenting__body { margin-left: -16px; margin-right: -16px; padding-left: 16px; white-space: nowrap; overflow-y: hidden; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: none; font-size: 0; } .presenting__body::-webkit-scrollbar { -webkit-appearance: none; display: none; width: 0; } } .presenting .presenting__item { display: inline-block; vertical-align: middle; width: 320px; margin-right: 16px; } .presenting .owl-stage-outer { overflow: initial; } .presenting .owl-carousel .owl-nav { position: absolute; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .presenting .owl-carousel .owl-nav { top: -40px; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } @media only screen and (max-width: 767.98px) { .presenting .owl-carousel .owl-nav { display: none; } } .presenting .owl-carousel .owl-nav .owl-prev, .presenting .owl-carousel .owl-nav .owl-next { position: absolute; bottom: 0; color: #fff; background-color: transparent; font-size: 1.8rem; line-height: 2.8rem; width: 40px; height: 40px; background-color: transparent; border: 2px solid #5f9e5f !important; border-radius: 50%; -webkit-transition: all 350ms ease; -moz-transition: all 350ms ease; transition: all 350ms ease; } @media only screen and (max-width: 991.98px) { .presenting .owl-carousel .owl-nav .owl-prev, .presenting .owl-carousel .owl-nav .owl-next { opacity: 1; } } .presenting .owl-carousel .owl-nav .owl-prev:hover, .presenting .owl-carousel .owl-nav .owl-next:hover { background-color: #5f9e5f; } .presenting .owl-carousel .owl-nav .owl-prev:hover i, .presenting .owl-carousel .owl-nav .owl-next:hover i { color: #fff; } .presenting .owl-carousel .owl-nav .owl-prev { right: -523px; -webkit-transform: none; -moz-transform: none; -ms-transform: none; transform: none; } @media only screen and (max-width: 1199.98px) { .presenting .owl-carousel .owl-nav .owl-prev { right: -420px; top: -32px; } } @media only screen and (max-width: 991.98px) { .presenting .owl-carousel .owl-nav .owl-prev { -webkit-transform: none; -moz-transform: none; -ms-transform: none; transform: none; right: -254px; top: -6px; } } @media only screen and (max-width: 575.86px) { .presenting .owl-carousel .owl-nav .owl-prev { right: 126px; } } .presenting .owl-carousel .owl-nav .owl-next { left: 544px; -webkit-transform: none; -moz-transform: none; -ms-transform: none; transform: none; } @media only screen and (max-width: 1199.98px) { .presenting .owl-carousel .owl-nav .owl-next { left: 440px; top: -32px; } } @media only screen and (max-width: 991.98px) { .presenting .owl-carousel .owl-nav .owl-next { -webkit-transform: none; -moz-transform: none; -ms-transform: none; transform: none; left: 280px; top: -6px; } } @media only screen and (max-width: 575.86px) { .presenting .owl-carousel .owl-nav .owl-next { left: 126px; } } .presenting .owl-carousel .owl-nav i { vertical-align: middle; font-size: 1.6rem; line-height: 2.4rem; font-weight: 400; color: #5f9e5f; } @media only screen and (max-width: 575.86px) { .presenting .owl-carousel .owl-nav i { font-size: 1.2rem; line-height: 1.8rem; } } /* ========================================================================== Layouts Benefits ========================================================================== */ .benefits { padding: 72px 0; overflow: hidden; } @media only screen and (max-width: 1199.98px) { .benefits { padding: 56px 0; } } @media only screen and (max-width: 767.98px) { .benefits { padding: 32px 0; } } .benefits__wrapper::before, .benefits__wrapper::after { content: " "; display: table; } .benefits__wrapper::after { clear: both; } .benefits__title { font-family: "Lexend Deca", sans-serif; font-size: 3.2rem; line-height: 4rem; text-align: left; margin-bottom: 24px; } @media only screen and (max-width: 991.98px) { .benefits__title { font-size: 2.4rem; line-height: 3.2rem; text-align: left; } } .benefits__txt { float: left; width: 55.6%; min-height: 404px; } @media only screen and (max-width: 991.98px) { .benefits__txt { min-height: initial; width: 100%; min-height: auto; } } .benefits__txt__align { display: table-cell; vertical-align: middle; } .benefits__img { float: right; width: 37%; } @media only screen and (max-width: 991.98px) { .benefits__img { width: 100%; margin-bottom: 32px; } } @media only screen and (max-width: 767.98px) { .benefits__img { margin-bottom: 16px; } } .benefits__img__el { display: block; } @media only screen and (max-width: 991.98px) { .benefits__img__el { margin: 0 auto; } } @media only screen and (max-width: 767.98px) { .benefits__img__el { height: 260px; } } .benefits__list { padding: 0; margin: 0; list-style: none; float: left; } @media only screen and (max-width: 991.98px) { .benefits__list { max-width: initial; float: none; } } .benefits__list__item { font-size: 1.8rem; line-height: 2.8rem; margin-bottom: 24px; position: relative; padding-left: 40px; } @media only screen and (max-width: 767.98px) { .benefits__list__item { font-size: 1.6rem; line-height: 2.4rem; padding-left: 36px; margin-bottom: 16px; } } @media only screen and (max-width: 575.86px) { .benefits__list__item { font-size: 1.4rem; line-height: 2rem; } } .benefits__list__item:last-child { margin-bottom: 0; } .benefits__list__item::before { background: url(../img/icons/checklist-2.svg); -webkit-background-size: cover; background-size: cover; content: ""; position: absolute; left: 0; top: 0; width: 24px; height: 24px; background-repeat: no-repeat; } @media only screen and (max-width: 767.98px) { .benefits__list__item::before { width: 24px; height: 24px; } } /* ========================================================================== Layouts Suitable ========================================================================== */ .suitable { padding: 48px 0; overflow: hidden; } @media only screen and (max-width: 991.98px) { .suitable { padding: 32px 0; } } @media only screen and (max-width: 767.98px) { .suitable { padding: 32px 0 64px; } } .suitable__wrapper::before, .suitable__wrapper::after { content: " "; display: table; } .suitable__wrapper::after { clear: both; } .suitable__head { margin-bottom: 24px; } @media only screen and (max-width: 991.98px) { .suitable__head { margin-bottom: 12px; } } .suitable__title { font-size: 3.2rem; line-height: 4rem; font-weight: 700; margin-bottom: 0; } @media only screen and (max-width: 991.98px) { .suitable__title { font-size: 2.4rem; line-height: 3.2rem; } } .suitable__body { margin-left: -12px; margin-right: -12px; } @media only screen and (max-width: 767.98px) { .suitable__body { margin-left: -16px; margin-right: -16px; padding-left: 16px; font-size: 0; white-space: nowrap; overflow-y: hidden; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: none; } .suitable__body::-webkit-scrollbar { -webkit-appearance: none; display: none; width: 0; } } .suitable .suitable__item { float: left; width: 33.3333333%; padding: 12px; border-radius: 4px; } @media only screen and (max-width: 991.98px) { .suitable .suitable__item { width: 50%; } } @media only screen and (max-width: 767.98px) { .suitable .suitable__item { float: none; display: inline-block; vertical-align: middle; width: 334px; padding: 0 16px 0 0; } } /* ========================================================================== Layouts Problem ========================================================================== */ .problem { padding: 68px 0; overflow: hidden; position: relative; background: url(../img/icons/circle-half.png); background-repeat: no-repeat; background-position: bottom left; } @media only screen and (max-width: 1199.98px) { .problem { padding: 48px 0 24px; } } @media only screen and (max-width: 767.98px) { .problem { padding: 32px 0 56px; -webkit-background-size: 80px auto; background-size: 80px auto; } } .problem__wrapper::before, .problem__wrapper::after { content: " "; display: table; } .problem__wrapper::after { clear: both; } .problem__title { text-align: left; font-size: 3.2rem; line-height: 4rem; font-family: "Lexend Deca", sans-serif; font-weight: 700; margin-bottom: 24px; } @media only screen and (max-width: 991.98px) { .problem__title { font-size: 2.4rem; line-height: 3.2rem; } } .problem__img { float: right; width: 40%; } @media only screen and (max-width: 991.98px) { .problem__img { width: 100%; text-align: center; } } .problem__img__el { display: block; } @media only screen and (max-width: 991.98px) { .problem__img__el { margin: 0 auto 24px; } } @media only screen and (max-width: 767.98px) { .problem__img__el { height: 260px; } } .problem__txt { float: left; width: 40%; min-height: 346px; display: table; } @media only screen and (max-width: 991.98px) { .problem__txt { padding: 0; width: 100%; min-height: initial; } } .problem__txt__align { display: table-cell; vertical-align: middle; } .problem__list { list-style-type: none; padding: 0; margin: 0; } @media only screen and (max-width: 991.98px) { .problem__list { width: 100%; min-height: initial; } } .problem__list__item { margin-bottom: 24px; position: relative; padding-left: 40px; font-size: 1.8rem; line-height: 2.8rem; } @media only screen and (max-width: 991.98px) { .problem__list__item { display: block; } } @media only screen and (max-width: 767.98px) { .problem__list__item { margin-bottom: 16px; padding-left: 32px; font-size: 1.6rem; line-height: 2.4rem; } } @media only screen and (max-width: 575.86px) { .problem__list__item { font-size: 1.4rem; line-height: 2rem; } } .problem__list__item:last-child { margin-bottom: 0; } .problem__list__item::before { background: url(../img/icons/cross.png); -webkit-background-size: cover; background-size: cover; content: ""; position: absolute; left: 0; top: 0; width: 22px; height: 22px; background-repeat: no-repeat; } @media only screen and (max-width: 767.98px) { .problem__list__item::before { width: 19px; height: 19px; } } /* ========================================================================== Layouts FAQ ========================================================================== */ .faq { padding: 56px 0; } @media only screen and (max-width: 991.98px) { .faq { padding: 48px 0; } } @media only screen and (max-width: 767.98px) { .faq { padding: 32px 0; } } .faq__head { text-align: center; margin-bottom: 56px; } @media only screen and (max-width: 767.98px) { .faq__head { margin-bottom: 32px; } } .faq__headline { font-weight: 700; font-size: 3.2rem; line-height: 4rem; margin-bottom: 16px; } @media only screen and (max-width: 991.98px) { .faq__headline { font-size: 2.4rem; line-height: 3.2rem; } } @media only screen and (max-width: 767.98px) { .faq__headline { font-size: 2rem; line-height: 3.8rem; } } .faq__desc { font-size: 2rem; line-height: 3.8rem; margin-bottom: 0; } @media only screen and (max-width: 991.98px) { .faq__desc { font-size: 1.8rem; line-height: 2.8rem; } } @media only screen and (max-width: 767.98px) { .faq__desc { font-size: 1.6rem; line-height: 2.4rem; } } .faq__list { max-width: initial; } /* ========================================================================== Layouts Footer ========================================================================== */ .footer { padding: 40px 0; background-color: #fff; position: absolute; bottom: 0; left: 0; width: 100%; } @media only screen and (max-width: 991.98px) { .footer { position: relative; } } .footer__copyright { text-align: center; } .footer__copyright__el { margin-bottom: 0; } @media only screen and (max-width: 575.86px) { .footer__copyright__el { font-size: 1.4rem; line-height: 2rem; } } /* ========================================================================== Layouts Compare ========================================================================== */ .compare { overflow: hidden; padding: 56px 0 32px; } @media only screen and (max-width: 991.98px) { .compare { padding: 32px 0; } } .compare__head { position: relative; text-align: center; margin-bottom: 32px; } @media only screen and (max-width: 991.98px) { .compare__head { margin-bottom: 24px; } } .compare__title { font-family: "Lexend Deca", sans-serif; font-size: 3.2rem; line-height: 4rem; margin-bottom: 0; } @media only screen and (max-width: 991.98px) { .compare__title { font-size: 2.4rem; line-height: 3.2rem; } } @media only screen and (max-width: 767.98px) { .compare__title { margin-bottom: 24px; } } .compare__body::before, .compare__body::after { content: " "; display: table; } .compare__body::after { clear: both; } .compare__tab { display: none; list-style: none; padding: 12px; margin: 0; font-size: 0; -webkit-box-shadow: 0 2px 40px rgba(0, 0, 0, 0.1); box-shadow: 0 2px 40px rgba(0, 0, 0, 0.1); border-radius: 16px; } @media only screen and (max-width: 767.98px) { .compare__tab { display: inline-block; padding: 8px; } } .compare__tab__item { display: inline-block; vertical-align: middle; font-size: 1.8rem; line-height: 2.8rem; font-weight: 600; padding: 12px 24px; margin: 0 4px; border-radius: 16px; cursor: pointer; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; } @media only screen and (max-width: 767.98px) { .compare__tab__item { padding: 8px 16px; font-size: 1.6rem; line-height: 2.4rem; } } @media only screen and (max-width: 575.86px) { .compare__tab__item { margin: 0 2px; } } .compare__tab__item:hover, .compare__tab__item.active { background-color: #5f9e5f; color: #fff; } .compare__table { width: 100%; margin-bottom: 0; } .compare__table tr { border-bottom: 0.5px solid #786d6d; } .compare__table th, .compare__table td { text-align: center; padding: 16px 0; } .compare__table th:first-child, .compare__table td:first-child { text-align: left; } @media only screen and (max-width: 767.98px) { .compare__table th:first-child, .compare__table td:first-child { display: table-cell; } } @media only screen and (max-width: 767.98px) { .compare__table th, .compare__table td { display: none; } } .compare__table th.active, .compare__table td.active { display: table-cell; } .compare__table th { font-size: 1.8rem; line-height: 2.8rem; width: 180px; } .compare__table th:first-child { width: auto !important; } @media only screen and (max-width: 767.98px) { .compare__table th { width: 132px; } } @media only screen and (max-width: 575.86px) { .compare__table th { font-size: 1.6rem; line-height: 2.4rem; } } .compare__table td { font-size: 1.6rem; line-height: 2.4rem; } @media only screen and (max-width: 767.98px) { .compare__table td .btn { font-size: 1.4rem; line-height: 2rem; padding: 16px; } } @media only screen and (max-width: 575.86px) { .compare__table td { font-size: 1.4rem; line-height: 2rem; } .compare__table td .btn { padding: 14px 16px; } } .compare__icon i { font-size: 2rem; line-height: 3.8rem; line-height: 1; color: #5f9e5f; } .compare__icon--uncheck i { color: #786d6d; } /* ========================================================================== Pages Index ========================================================================== */ /*# sourceMappingURL=maps/app.css.map */ >>>>>>> develop