.accordion .tab{display:flex;overflow:hidden;position:relative;padding:25px;width:320px;text-align:center;transition:width ease-in-out .5s}
.accordion .AM span:before{content:'\e932';color:#039FE3}
.accordion .PZ span:before{content:'\e93a';color:#4EAF08}
.accordion .BM span:before{content:'\e936';color:#E27601}
.AM strong,.PZ strong,.BM strong{display:block}
.AM strong{color:#039FE3}
.PZ strong{color:#4EAF08}
.BM strong{color:#E27601}
.accordion .tab-content{display:none;width:0;overflow:hidden;color:#fff}
.accordion .tab-content .frame img{max-width:100%}
.accordion .tab-content .description{padding:0 24px;width:352px;cursor:default}
.accordion .tab-content .description h4{margin-bottom:6px;font-weight:600}
.accordion .tab-icon{display:block;cursor:pointer;display:block;z-index:2;margin:auto}
.accordion .tab-icon span{position:relative;font:normal 80px icomoon}
.accordion .tab-icon strong,.accordion .btn{white-space:nowrap}
.accordion .tab-icon span:after{content:'';position:absolute;width:64px;height:64px;border-radius:64px;display:inline-block;left:8px;top:8px;background-color:#fff;z-index:0}
.accordion .tab-icon span:before{position:relative;z-index:1}
.accordion.active-AM .AM .tab-icon,.accordion.active-PZ .PZ .tab-icon,.accordion.active-BM .BM .tab-icon{display:none}
@media(min-width:960px) {
.accordion{background-image:linear-gradient(70deg,rgba(90,90,90,.1) 10%,rgba(3,159,227,.1),rgba(78,175,8,.1),rgba(226,118,1,.1),rgba(145,145,145,.1) 90%);display:flex;justify-content:center;overflow:hidden;padding:25px 0;min-height:320px}
.accordion.active-AM{background-image:linear-gradient(70deg,rgba(90,90,90,.1),rgba(3,159,227,1),rgba(3,159,227,.1) 75%,rgba(78,175,8,.1) 80%,rgba(226,118,1,.1) 85%,rgba(145,145,145,.1) 90%)}
.accordion.active-PZ{background-image:linear-gradient(70deg,rgba(90,90,90,.1) 5%,rgba(3,159,227,.2) 15%,rgba(78,175,8,1),rgba(78,175,8,.1) 80%,rgba(226,118,1,.1) 85%,rgba(145,145,145,.1) 95%)}
.accordion.active-BM{background-image:linear-gradient(70deg,rgba(90,90,90,.1) 10%,rgba(3,159,227,.1) 15%,rgba(78,175,8,.2) 20%,rgba(226,118,1,1),rgba(145,145,145,.2) 95%)}
.accordion.active-AM .tab.AM{padding:11px 30px 11px 0}
.accordion.active-AM .tab.PZ,.accordion.active-BM .tab.PZ{padding-left:11px;padding-right:11px}
.accordion.active-AM .tab.BM,.accordion.active-PZ .tab.BM{padding-left:11px;padding-right:9px}
.accordion.active-PZ .tab.AM,.accordion.active-BM .tab.AM{padding-left:9px;padding-right:11px}
.accordion.active-PZ .tab.PZ{padding:11px 30px 11px 26px}
.accordion.active-BM .tab.BM{padding:11px 0 11px 26px}
.accordion.active-AM .tab.AM,.accordion.active-PZ .tab.PZ,.accordion.active-BM .tab.BM{width:834px}
.accordion.active-AM .tab.PZ,.accordion.active-AM .tab.BM,.accordion.active-PZ .tab.AM,.accordion.active-PZ .tab.BM,.accordion.active-BM .tab.AM,.accordion.active-BM .tab.PZ{width:64px}
.accordion .tab:nth-child(2){border-width:1px;border-style:solid;-webkit-border-image:-webkit-gradient(linear,0 0,0 100%,from(#fff),to(rgba(0,0,0,0))) 1 100%;-webkit-border-image:-webkit-linear-gradient(#fff,rgba(0,0,0,0)) 1 100%;-moz-border-image:-moz-linear-gradient(#fff,rgba(0,0,0,0)) 1 100%;-o-border-image:-o-linear-gradient(#fff,rgba(0,0,0,0)) 1 100%;border-image:linear-gradient(to bottom,#fff,rgba(0,0,0,0)) 1 100%}
.accordion.active-AM .tab-icon span,.accordion.active-PZ .tab-icon span,.accordion.active-BM .tab-icon span{font-size:40px}
.accordion.active-AM .tab-icon span:after,.accordion.active-PZ .tab-icon span:after,.accordion.active-BM .tab-icon span:after{width:32px;height:32px;left:4px;top:4px}
.accordion.active-AM .PZ .tab-icon strong,.accordion.active-AM .BM .tab-icon strong,.accordion.active-PZ .AM .tab-icon strong,.accordion.active-PZ .BM .tab-icon strong,.accordion.active-BM .AM .tab-icon strong,.accordion.active-BM .PZ .tab-icon strong{display:none}
.accordion.active-AM .tab.AM .tab-content,.accordion.active-PZ .tab.PZ .tab-content,.accordion.active-BM .tab.BM .tab-content{display:grid;grid-template-columns:242px auto auto;align-items:center;text-align:left;width:100%}
}
@media(max-width:960px) {
.accordion{display:block;height:auto}
.accordion .tab{width:100%}
.accordion .tab.AM{background-image:linear-gradient(10deg,rgba(90,90,90,.1) 5%,rgba(3,159,227,1),rgba(3,159,227,.1) 80%,rgba(78,175,8,.1) 85%,rgba(226,118,1,.1) 90%,rgba(145,145,145,.1) 95%)}
.accordion .tab.PZ{background-image:linear-gradient(10deg,rgba(90,90,90,.1) 5%,rgba(3,159,227,.2) 10%,rgba(78,175,8,1),rgba(78,175,8,.1) 85%,rgba(226,118,1,.1) 90%,rgba(145,145,145,.1) 95%)}
.accordion .tab.BM{background-image:linear-gradient(10deg,rgba(90,90,90,.1) 5%,rgba(3,159,227,.1) 10%,rgba(78,175,8,.2) 15%,rgba(226,118,1,1),rgba(145,145,145,.2) 95%)}
.accordion .tab .tab-icon{display:none}
.accordion.active-AM .tab.AM,.accordion.active-PZ .tab.PZ,.accordion.active-BM .tab.BM{width:100%}
.accordion.active-AM .tab.PZ,.accordion.active-AM .tab.BM,.accordion.active-PZ .tab.AM,.accordion.active-PZ .tab.BM,.accordion.active-BM .tab.AM,.accordion.active-BM .tab.PZ{width:100%}
.accordion .tab-content{display:block;width:100%}
.accordion.active-AM .tab.AM .tab-content,.accordion.active-PZ .tab.PZ .tab-content,.accordion.active-BM .tab.BM .tab-content{display:block;height:auto}
.accordion .tab-content .frame{margin-bottom:24px}
.accordion .tab-content .description{width:90%;margin:0 auto 24px}
.accordion .tab-content .btn-block.text-right{text-align:center}
}
small{font-size:13px;line-height:1.46em}
a{color:#039FE3;text-decoration:none}
a:hover{opacity:.7}
hr{border:none}
hr:after{content:'';display:block;height:2px;margin-bottom:24px;background:linear-gradient(to right,transparent,rgba(0,0,0,.25) 50%,transparent)}
article h2{font-size:48px;line-height:1.2em;margin-bottom:18px}
article > h3{font-size:36px;line-height:1.2em;margin-bottom:12px}
article h4{margin:24px 0 12px}
article p{margin-bottom:12px}
article hr{margin:48px 0}
article ul{margin-bottom:36px}
.no-margin{margin:0!important}
.appstore{background-image:url(../svg/btn-app-store.svg)}
.googleplay{background-image:url(../svg/btn-google-paly.svg)}
.appstore.white{background-image:url(../svg/btn-app-store-white.svg)}
.googleplay.white{background-image:url(../svg/btn-google-paly-white.svg)}
.appstore,.googleplay{display:inline-block;background-repeat:no-repeat;background-size:100% auto;height:38px;width:136px;margin-right:20px}
.content-block .appstore,.content-block .googleplay{margin-top:12px}
input[type="text"]{border:none;background-color:#fff;border-radius:100px;padding:6px}
textarea{border:none;background-color:#fff;border-radius:0;padding:24px}
table{width:100%;overflow-x:scroll;text-align:left}
table tr td{padding:6px 0;border-bottom:1px solid rgba(0,0,0,.25)}
.number,.sub-headline{font-size:36px;line-height:48px}
.number:after{content:'';display:block;height:2px;margin-bottom:24px}
.tour-AM .number:after{background:linear-gradient(to right,transparent,rgba(0,159,227,1) 50%,transparent)}
.tour-PZ .number:after{background:linear-gradient(to right,transparent,rgba(78,175,8,1) 50%,transparent)}
.tour-BM .number:after{background:linear-gradient(to right,transparent,rgba(226,118,1,1) 50%,transparent)}
.tour-AM h2.h1-large,.tour-PZ h2.h1-large,.tour-BM h2.h1-large{margin:45px 0 30px;font-size:82px;line-height:72px}
#about,#why-zistemo,#why-zistemo h1.h1-small{margin-bottom:46px}
#contact h2.h1-small{margin:36px 0}
#about hr{margin:48px 0 44px}
#about h2.h1-small,#moneypenny h2.h1-small{margin:44px 0 36px}
.form hr{margin:36px 0}
.form input[type="text"],.form textarea{width:100%;padding:24px}
.form label{display:block;margin:24px 0 6px;text-align:center;font-size:12px;font-style:italic}
.form .btn{width:100%;margin-top:72px}
footer{background-color:#828282;color:#fff;padding:38px 0;font-size:13px;line-height:1.2em}
footer .container{display:grid;grid-template:'a b c d e' 'a b c d f' 'g g g i i';grid-gap:18px;grid-template-rows:200px auto auto}
footer nav{margin-bottom:45px}
footer nav:nth-child(1){grid-area:a}
footer nav:nth-child(2){grid-area:b}
footer nav:nth-child(3){grid-area:c}
footer nav:nth-child(4){grid-area:d}
footer nav:nth-child(5){grid-area:e}
footer nav:nth-child(6){grid-area:f}
footer .copyright{grid-area:g;font-size:11px;line-height:1.2em}
footer .swissmade{grid-area:i;font-size:11px;line-height:1.2em}
footer a:hover{text-decoration:none!important}
footer a.active{color:#E4B44B}
@media (max-width:992px) {
footer .container{grid-template:'a c' 'b d' 'e f' 'g i';grid-template-rows:auto auto auto}
}
@media (max-width:360px) {
footer .container{display:block}
footer nav:nth-child(6){text-align:center}
footer .copyright{text-align:center;margin-bottom:36px}
footer .swissmade{text-align:center}
}
footer h3{font-size:inherit;font-weight:700;margin-bottom:18px}
footer ul{margin-bottom:45px}
footer a{color:#fff;text-decoration:none;display:inline-block;margin-bottom:9px}
footer a:hover{color:#fff;text-decoration:underline}
footer .appstore{margin-bottom:23px}
footer .back-to-top{display:inline-block;margin:26px 0 28px}
footer nav > img{margin:23px 0}
footer a span{margin-right:6px}
.tour-AM .number,.tour-AM h2.h1-large,.AM-headline{color:#039FE3}
.tour-PZ .number,.tour-PZ h2.h1-large,.PZ-headline{color:#4EAF08}
.tour-BM .number,.tour-BM h2.h1-large,.BM-headline{color:#E27601}
.icon-headline span{position:relative;font:normal 80px icomoon}
.container img{max-width:100%;height:auto}
.container.video{margin:50px auto}
.video .frame{position:relative;display:block;width:100%;padding-top:56.25%}
.video .frame iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0}
.benefits{display:flex;flex-wrap:wrap;justify-content:center;text-align:center}
.landing .benefits{margin-bottom:72px}
.benefit{position:relative;padding:0 27px;margin-top:28px;cursor:default;-webkit-transition:all .4s;-moz-transition:all .4s;-ms-transition:all .4s;-o-transition:all .4s;transition:all .4s}
.benefit:nth-child(2),.benefit:nth-child(5),.benefit:nth-child(8){border-width:1px;border-style:solid;border-image:linear-gradient(rgba(237,237,244,.3),rgba(3,159,226,.3) 25%,rgba(78,175,8,.3) 50%,rgba(226,118,1,.3) 75%,rgba(237,237,244,.3)) 1 100%}
.benefit:hover{background-color:rgba(255,255,255,.5)}
.benefit i{font-size:96px;margin-bottom:14px;background:rgba(78,174,7,.7);background:-webkit-linear-gradient(60deg,rgba(3,159,227,.7) 25%,rgba(78,175,7,.7) 50%,rgba(226,118,1,.7) 75%);background:linear-gradient(60deg,rgba(3,159,227,.7) 25%,rgba(78,175,8,.7) 50%,rgba(226,118,1,.7) 75%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;-webkit-transition:all .4s;-moz-transition:all .4s;-ms-transition:all .4s;-o-transition:all .4s;transition:all .4s}
.benefit:hover i{background:rgba(78,174,7,.8);background:-webkit-linear-gradient(130deg,rgba(3,159,227,.7) 25%,rgba(78,175,7,.7) 50%,rgba(226,118,1,.7) 75%);background:linear-gradient(130deg,rgba(3,159,227,.7) 25%,rgba(78,175,8,.7) 50%,rgba(226,118,1,.7) 75%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.benefit p{margin-bottom:20px}
.services{background-image:linear-gradient(70deg,rgba(90,90,90,.1) 10%,rgba(3,159,227,.1),rgba(78,175,8,.1),rgba(226,118,1,.1),rgba(145,145,145,.1) 90%);text-align:center;margin-top:48px;padding:36px 0}
@media(min-width:767px) {
.services input[type="text"]{font-size:48px;line-height:76px}
.zistemo-include .icon-BM{margin-right:30px}
.form{max-width:50%}
}
.services input[type="text"]{font-size:36px;line-height:48px;padding:6px 36px;width:90%;max-width:650px;text-align:center;margin:36px auto}
::placeholder{color:#d0d0d0}
.services .container{display:flex;flex-wrap:wrap;justify-content:center;margin-top:32px}
#zistemoisfor .services .container{display:block}
#zistemoisfor .services .container p{max-width:600px}
#zistemoisfor .services .container h1 + h2{margin-bottom:12px}
.icon-headline{margin:46px 0}
.service{position:relative;cursor:default;padding:27px;-webkit-transition:all .4s;-moz-transition:all .4s;-ms-transition:all .4s;-o-transition:all .4s;transition:all .4s}
.service:hover{background-color:rgba(255,255,255,.5)}
.service:after{position:absolute;top:100%;left:0;content:'';display:block;height:1px;width:100%;background:linear-gradient(to right,transparent,rgba(255,255,255,1) 50%,transparent);margin-bottom:36px}
.service:nth-child(10):after{display:none}
.service:nth-child(2),.service:nth-child(5),.service:nth-child(8){border-width:1px;border-style:solid;border-image:linear-gradient(transparent,rgba(255,255,255,1) 50%,transparent);border-image-slice:1 100%}
.services .container i{font-size:96px;display:inline-block;line-height:1em;margin-bottom:14px}
.services h3{margin:36px auto}
.services p{max-width:800px;margin:0 auto}
.benefit h4,.benefit p,.services .container h4,.services .container p{max-width:265px}
.benefit a,.service a{position:absolute;left:0;display:block;width:100%;height:100%}
.features{display:grid;grid-template-columns:repeat(3,1fr);grid-column-gap:24px;margin:36px auto}
.feature .frame{margin-bottom:12px}
.feature a{color:#000}
.features-list{display:grid;grid-column-gap:24px;grid-row-gap:46px;margin:36px 0}
@media(min-width:767px) {
.features-list{grid-template-columns:50% 50%}
}
.features-list h3{margin:0 0 18px 43px}
.features-list ul li{margin-bottom:16px;position:relative;padding:6px 0 6px 43px;font-size:18px;line-height:1.1em}
.features-list ul li:before{font-family:icomoon;content:'\e906';font-size:32px;position:absolute;left:0}
.fullscreen.bottom{padding:72px 0}
.landing .fullscreen.bottom{background-image:url(../jpg/zistemo-for-company-agencies.jpg)}
#live-time-tracking .fullscreen.bottom{background-image:url(../jpg/project-time-tracker-hero.jpg)}
#absence-management .fullscreen.bottom,#time-and-attendance-management .fullscreen.bottom{background-image:url(../jpg/absence-management-poster.jpg)}
.fullscreen.bottom .container{color:#fff}
.landing hr{margin:36px 0 72px}
#time-and-attendance-management.landing hr{margin-top:72px}
.testimonials{display:flex;flex-wrap:wrap;justify-content:center;text-align:center;padding:50px 0 0}
.testimonials p{max-width:280px}
.testimonials p > i{color:#666}
.testimonials .feedback{margin-bottom:48px}
.testimonials .feedback:nth-child(2){margin-left:55px;margin-right:55px}
.feedback strong,.testimonials small{display:block}
.feedback .frame{display:inline-block;width:76px;height:76px;border-radius:38px;overflow:hidden;margin-bottom:8px}
.feedback .frame img{width:100%}
.zistemo-include{display:flex;padding:36px 0 80px}
.zistemo-include div:first-child{width:280px;text-align:right}
.zistemo-include p,.zistemo-include h2{max-width:600px}
.zistemo-include h2{margin-bottom:9px}
.zistemo-include p{margin-bottom:0}
.zistemo-include .icon-AM,.zistemo-include .icon-PZ,.zistemo-include .icon-BM{font-size:45px;margin-right:10px}
.zistemo-include .icon-AM .path1:before,.icon-headline .icon-AM .path1:before{color:#039FE3}
.zistemo-include .icon-PZ .path1:before,.icon-headline .icon-PZ .path1:before{color:#4EAF08}
.zistemo-include .icon-BM .path1:before,.icon-headline .icon-BM .path1:before{color:#E27601}
.content-block-wrapper{display:grid;grid-template-columns:50% 50%;grid-auto-rows:minmax(min-content,max-content)}
.content-block-wrapper h3{margin-top:46px}
.content-block:nth-of-type(odd),.content-block.with-image div:nth-of-type(odd){padding-right:12px}
.content-block:nth-of-type(even),.content-block.with-image div:nth-of-type(even){padding-left:12px}
.vertical-align{align-items:center}
.content-block.with-image{padding:0}
.content-block h2,.content-block h3{font-size:22px;line-height:1.2em;margin-bottom:6px}
.content-block ul,.zistemo-include ul,article ul,.feature ul,.webinar-item ul{padding-left:16px}
.content-block ul li,.zistemo-include ul li,article ul li,.feature ul li,.webinar-item ul li{list-style-type:disc}
article ol li{counter-increment:item}
article ol li:before{font-family:'Circe Rounded Alt';content:counter(item) ". ";margin-right:6px}
.content-block.with-image{display:flex}
.content-block.with-image .frame{text-align:right;width:50%;padding-bottom:36px}
.content-block.with-image .frame img,.content-block.with-image .frame video{max-width:100%;position:relative}
.content-block.with-image .frame iframe{width:100%}
.content-block.with-image .content{width:50%;padding-bottom:36px}
.content-block p,.content-block ul{margin-bottom:12px}
.content-block .btn{margin-top:15px}
.landing form{display:inline-block;margin-top:48px}
.landing input{display:block;width:100%;padding:1em 1.5em;line-height:1em;font-size:18px;margin-bottom:24px}
.landing form .btn{margin-bottom:0}
.landing .content-block-wrapper{margin:26px 0 72px}
#faq{margin-bottom:72px;padding-top:36px}
#privacy .content-block{margin-bottom:46px}
#privacy .fullscreen .content-block{margin-bottom:0}
#zistemo-advantages .content-block{margin-bottom:46px}
#zistemo-advantages .content-block-wrapper{display:flex;flex-wrap:wrap;align-items:flex-start;align-content:flex-start}
#zistemo-advantages .content-block-wrapper .content-block{flex:50%;max-width:50%;align-self:auto}
#zistemoisfor .services{margin-bottom:36px;margin-top:0}
img.open-modal,video.open-modal{cursor:zoom-in}
.modal-content{position:fixed;display:flex;align-content:center;text-align:center;overflow:hidden;width:100%;z-index:10;top:0;left:0;right:0;bottom:0;height:0}
.modal-content:before{content:'';position:absolute;width:100%;height:100%;background-color:rgba(0,0,0,.5);z-index:9}
.modal-content.gradient-type-5:before{background-color:rgba(0,0,0,0)}
.modal-content.active{height:auto}
.modal-content div,.modal-content picture{margin:auto;max-width:90%;max-height:80%}
.modal-content h2{margin-bottom:24px}
.modal-content img,.modal-content video{z-index:11;max-width:90vw;max-height:70vh}
.modal-content .icon-close{font-size:36px;padding:36px;position:absolute;right:0;cursor:zoom-out;width:100%;height:100%;text-align:right;z-index:10;color:#fff}
.modal-content .icon-close:hover{opacity:.7}
.modal-content.gradient-type-5 .icon-close{color:#000}
.transition{-webkit-transition:all .4s;-moz-transition:all .4s;-ms-transition:all .4s;-o-transition:all .4s;transition:all .4s}
.ui-slider{position:relative;text-align:left}
.ui-slider .ui-slider-handle{position:absolute;z-index:2;cursor:default;-ms-touch-action:none;touch-action:none}
.ui-slider .ui-slider-range{position:absolute;z-index:1;display:block;border:0;background-position:0 0}
.ui-slider.ui-state-disabled .ui-slider-handle,.ui-slider.ui-state-disabled .ui-slider-range{filter:inherit}
.ui-slider-horizontal .ui-slider-range{top:0;height:100%}
.ui-slider-horizontal .ui-slider-range-min{left:0}
.ui-slider-horizontal .ui-slider-range-max{right:0}
#slider-range{max-width:70%}
#slider-range.ui-slider-horizontal{height:8px;background:#fff;border:0;border-radius:8px;margin:60px auto}
#slider-range .ui-slider-range{height:8px;border-radius:8px;background-image:linear-gradient(80deg,rgba(0,159,227,1),rgba(78,175,78,1),rgba(226,118,1,1))}
#slider-range .ui-slider-handle{background:#333;border:0;font-size:1.5em;outline:none;padding:6px;border-radius:30px;width:60px;height:60px;top:-27px;margin-left:-30px;text-align:center;text-decoration:none;-ms-touch-action:none;touch-action:none;position:absolute;z-index:3;cursor:w-resize;opacity:1;font-size:30px;line-height:48px;color:#fff}
#slider-range .ui-slider-handle span{position:absolute;font-size:12px;line-height:1.1em;color:#a3a3a3;left:-20px;top:66px;width:100px;text-align:center}
.landing .gradient-type-5{padding:72px 0;margin-bottom:72px}
.landing .gradient-type-5.zistemo-devices{padding:72px 0 36px;margin-bottom:0}
input[type='radio']{display:none}
#slides img{display:none;opacity:0;transition:all 1 ease}
#slide1:checked ~ #slides img#image1,#slide2:checked ~ #slides img#image2,#slide3:checked ~ #slides img#image3,#slide4:checked ~ #slides img#image4,#slide5:checked ~ #slides img#image5,#slide6:checked ~ #slides img#image6,#slide7:checked ~ #slides img#image7,#slide8:checked ~ #slides img#image8,#slide9:checked ~ #slides img#image9,#slide10:checked ~ #slides img#image10,#slide11:checked ~ #slides img#image11,#slide12:checked ~ #slides img#image12{display:block;opacity:1}
#slide1:checked ~ div ul .slide1:before,#slide2:checked ~ div ul .slide2:before,#slide3:checked ~ div ul .slide3:before,#slide4:checked ~ div ul .slide4:before,#slide5:checked ~ div ul .slide5:before,#slide6:checked ~ div ul .slide6:before,#slide7:checked ~ div ul .slide7:before,#slide8:checked ~ div ul .slide8:before,#slide9:checked ~ div ul .slide9:before,#slide10:checked ~ div ul .slide10:before,#slide11:checked ~ div ul .slide11:before,#slide12:checked ~ div ul .slide12:before{color:#e27601}
.why-zistemo label{font-weight:400;transition:all 1 ease;cursor:pointer}
#slide1:checked ~ div ul .slide1 label,#slide2:checked ~ div ul .slide2 label,#slide3:checked ~ div ul .slide3 label,#slide4:checked ~ div ul .slide4 label,#slide5:checked ~ div ul .slide5 label,#slide6:checked ~ div ul .slide6 label,#slide7:checked ~ div ul .slide7 label,#slide8:checked ~ div ul .slide8 label,#slide9:checked ~ div ul .slide9 label,#slide10:checked ~ div ul .slide10 label,#slide11:checked ~ div ul .slide11 label,#slide12:checked ~ div ul .slide12 label{font-weight:700;color:#e27601}
.why-zistemo .content li{list-style-type:none}
.why-zistemo{margin-top:36px}
#slides ul li{position:relative;padding:6px 0 6px 43px}
#slides ul li:before{font-family:icomoon;content:'\e906';font-size:32px;position:absolute;left:0}
@media (max-width: 992px) {
.container{max-width:90%}
.benefit:nth-child(2),.benefit:nth-child(5),.benefit:nth-child(8),.service:nth-child(2),.service:nth-child(5),.service:nth-child(8){border:0}
}
@media (max-width: 767px) {
.tour-AM h2.h1-large,.tour-PZ h2.h1-large,.tour-BM h2.h1-large{font-size:48px;line-height:1.2em}
.content-block.with-image .frame{text-align:center}
.content-block,.content-block.with-image,.content-block-wrapper{display:block}
.content-block:nth-of-type(odd),.content-block.with-image div:nth-of-type(odd),.content-block:nth-of-type(even),.content-block.with-image div:nth-of-type(even){padding-right:0;padding-left:0}
.content-block.with-image .frame,.content-block.with-image .content,.content-block .content{width:auto}
#zistemo-advantages .content-block-wrapper .content-block{max-width:100%;flex:100%}
.zistemo-include div:first-child{width:100px}
.features{display:block}
.feature{width:100%;margin-bottom:72px}
.why-zistemo{display:none}
}
[class^="icon-"],[class*=" icon-"]{font-family:'icomoon'!important;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.icon-menu:before{content:"\e900"}
.icon-add:before{content:"\e901"}
.icon-close:before{content:"\e902"}
.icon-down:before{content:"\e903"}
.icon-left:before{content:"\e904"}
.icon-right:before{content:"\e905"}
.icon-ok:before{content:"\e906"}
.icon-play:before{content:"\e907"}
.icon-play-button:before{content:"\e908"}
.icon-pause:before{content:"\e909"}
.icon-cancel:before{content:"\e90a"}
.icon-help-ico:before{content:"\e90b"}
.icon-info:before{content:"\e90c"}
.icon-search:before{content:"\e90d"}
.icon-business-intlgnce:before{content:"\e90e"}
.icon-cost-controlling:before{content:"\e90f"}
.icon-dashboard:before{content:"\e910"}
.icon-business-mgmt:before{content:"\e911"}
.icon-business-reports:before{content:"\e912"}
.icon-tax-reports:before{content:"\e913"}
.icon-organized:before{content:"\e914"}
.icon-CRM:before{content:"\e915"}
.icon-import-export:before{content:"\e916"}
.icon-multicurrencies:before{content:"\e917"}
.icon-customer-mgmt:before{content:"\e918"}
.icon-team-mgmt:before{content:"\e919"}
.icon-team-timesheets:before{content:"\e91a"}
.icon-holiday-scheduling:before{content:"\e91b"}
.icon-interf-accountant:before{content:"\e91c"}
.icon-hardware:before{content:"\e91d"}
.icon-banking:before{content:"\e91e"}
.icon-painless:before{content:"\e91f"}
.icon-help:before{content:"\e920"}
.icon-data-safe:before{content:"\e921"}
.icon-document-mgmt:before{content:"\e922"}
.icon-guru:before{content:"\e923"}
.icon-smart-decisions:before{content:"\e924"}
.icon-tasks-mgmt:before{content:"\e925"}
.icon-camera:before{content:"\e926"}
.icon-payment-reminders:before{content:"\e927"}
.icon-payments:before{content:"\e928"}
.icon-estimates:before{content:"\e929"}
.icon-invoices:before{content:"\e92a"}
.icon-recur-invoices:before{content:"\e92b"}
.icon-favourite:before{content:"\e92c"}
.icon-save-money:before{content:"\e92d"}
.icon-save-time:before{content:"\e92e"}
.icon-settings:before{content:"\e92f"}
.icon-AM-invert .path1:before{content:"\e930";opacity:.6}
.icon-AM-invert .path2:before{content:"\e931";margin-left:-1em}
.icon-AM .path1:before{content:"\e932"}
.icon-AM .path2:before{content:"\e933";margin-left:-1em;color:#fff;opacity:.6}
.icon-BM-invert .path1:before{content:"\e934"}
.icon-BM-invert .path2:before{content:"\e935";margin-left:-1em;opacity:.6}
.icon-BM .path1:before{content:"\e936"}
.icon-BM .path2:before{content:"\e937";margin-left:-1em;color:#fff;opacity:.6}
.icon-PZ-invert .path1:before{content:"\e938"}
.icon-PZ-invert .path2:before{content:"\e939";margin-left:-1em;opacity:.6}
.icon-PZ .path1:before{content:"\e93a"}
.icon-PZ .path2:before{content:"\e93b";margin-left:-1em;color:#fff;opacity:.6}
.icon-agency:before{content:"\e93c"}
.icon-freelancer:before{content:"\e93d"}
.icon-company-department:before{content:"\e93e"}
.icon-real-estate-company:before{content:"\e93f"}
.icon-service:before{content:"\e940"}
.icon-home-and-garden-Services:before{content:"\e941"}
.icon-law-consultant:before{content:"\e942"}
.icon-new-service:before{content:"\e943"}
.icon-tax-consultant:before{content:"\e944"}
.icon-pencil:before{content:"\e945"}
.icon-swiss-made{background-color:#fff}
.icon-swiss-made:before{content:"\e94b";color:#c00}
.icon-star:before{content:"\e946"}
.icon-facebook-square:before{content:"\e947"}
.icon-linkedin-square:before{content:"\e948"}
.icon-google-plus-square:before{content:"\e949"}
.icon-twitter-square:before{content:"\e94a"}
.icon-youtube-play:before{content:"\e94c"}
#webinar h2.h1-small{margin-top:72px}
.webinar-details{border:1px solid #d5d5d5;border-radius:6px;padding:24px 24px 82px;width:100%;position:relative}
.webinar-details h3{margin-top:12px}
.webinar-details:hover{border-color:#f4d4b0}
.webinar-schedule{margin-top:72px}
.webinar-schedule .col-xs-12{position:relative;margin-bottom:30px}
.webinar-schedule .btn{position:absolute;bottom:34px;width:auto}
.webinar-schedule .orange-text{font-weight:500}
.webinar-schedule small{position:absolute;bottom:6px;color:#666}
.webinar-schedule p.orange-text{position:absolute;top:-12px;background-color:#F4F4F8}
.webinar-item{padding-right:12px;padding-left:12px;margin-bottom:36px}
.webinar-schedule .stretch{display:grid;grid-template-columns:50% 50%;grid-auto-rows:minmax(min-content,max-content)}
.webinar-item ul{margin-bottom:24px}
@media (max-width: 992px) {
.webinar-schedule p.orange-text{top:-13px}
}
@media (max-width: 767px) {
.webinar-details h2{min-height:0}
.webinar-schedule .stretch{display:block}
}
.orange-text{color:#e27601}
.faq-accordion{display:grid;grid-template-columns:repeat(2,1fr);margin:2em auto 0}
.faq-accordion h3{position:relative;border:1px solid transparent;border-bottom:0;border-radius:1rem 1rem 0 0;cursor:default;padding:1.2rem 2.5rem 1.2rem 1.2rem;cursor:pointer}
.faq-accordion h3:before{content:'';position:absolute;bottom:-1px;left:1.2rem;right:1.2rem;height:1px;background-color:#999;transition:all 100ms ease;opacity:1}
.faq-accordion h3[aria-expanded="true"]:before{opacity:0}
.faq-accordion > div > div{padding:0 1.2rem 1.2rem;border:1px solid transparent;border-top:0;border-radius:0 0 1rem 1rem}
.faq-accordion > div p:last-child{margin-bottom:0}
.faq-accordion h3[aria-expanded="true"]{border-color:#039FE3;color:#039FE3}
.faq-accordion h3[aria-expanded="true"] + div{border-color:#039FE3}
.faq-accordion h3[aria-expanded="false"]:hover{color:#039FE3}
.faq-accordion h3:after{position:absolute;font-family:icomoon;content:' \e903';line-height:1em;margin-left:.5rem;margin-top:.2em;transition:all 100ms ease;top:1.2rem;right:1.2rem}
.faq-accordion h3[aria-expanded="false"]:hover:after{opacity:1}
.faq-accordion h3[aria-expanded="true"]:hover:after{transform:rotate(180deg)}
.faq-accordion .mobile-app-links{margin-top:2em}
@media(max-width:767px) {
    .animation-description{padding-left:0;text-align:center}
    .animation-description:before{display:none}
    .animation-description + .frame{margin-bottom:72px}
    section h2{margin-left:0;text-align:center}
    .bottom .h1-large{font-size:2em}
    .faq-accordion{grid-template-columns:1fr}
    .content-block.with-image{display:grid;grid-template-columns:1fr}
    .content-block.with-image .content{order:2}
    .content-block.with-image .content + .frame{order:1}
}