#body[data-page=home] .home-main{
    background-color:#6646cd;
    background-image:url(../images/background_gradient.svg);
    background-repeat:no-repeat;
    background-position:center;
    display:inline-block;
    background-size:cover;
    position:relative;
    height:880px;
    width:100%;
    overflow:hidden
}
#body[data-page=home] .home-main .home-main-ornament{
    height:120%;
    width:100%;
    z-index:2;
    background-image:url(../images/background_ornament.svg);
    background-repeat:no-repeat;
    background-position:center;
    display:inline-block;
    background-size:cover;
    -webkit-animation-name:fadeIn;
    -moz-animation-name:fadeIn;
    -ms-animation-name:fadeIn;
    -o-animation-name:fadeIn;
    animation-name:fadeIn;
    -webkit-animation-duration:.9s;
    -moz-animation-duration:.9s;
    -ms-animation-duration:.9s;
    -o-animation-duration:.9s;
    animation-duration:.9s;
    -webkit-animation-fill-mode:both;
    -moz-animation-fill-mode:both;
    -ms-animation-fill-mode:both;
    -o-animation-fill-mode:both;
    animation-fill-mode:both;
    -webkit-animation-delay:.5s;
    -moz-animation-delay:.5s;
    -ms-animation-delay:.5s;
    -o-animation-delay:.5s;
    animation-delay:.5s
}
#body[data-page=home] .home-main .home-main-split{
    position:absolute;
    bottom:-40px;
    height:230px;
    width:calc(100% + 40px);
    margin-left:-20px;
    z-index:3;
    -webkit-transform:rotate(-2deg);
    -moz-transform:rotate(-2deg);
    -ms-transform:rotate(-2deg);
    -o-transform:rotate(-2deg);
    transform:rotate(-2deg)
}
#body[data-page=home] .home-main .home-main-split .home-main-split-shape{
    width:110%;
    height:180px;
    left:-30px;
    background-color:rgba(255,255,255,.15);
    position:absolute;
    z-index:3;
    -webkit-animation-name:fadeInUp;
    -moz-animation-name:fadeInUp;
    -ms-animation-name:fadeInUp;
    -o-animation-name:fadeInUp;
    animation-name:fadeInUp;
    -webkit-animation-duration:1.1s;
    -moz-animation-duration:1.1s;
    -ms-animation-duration:1.1s;
    -o-animation-duration:1.1s;
    animation-duration:1.1s;
    -webkit-animation-fill-mode:both;
    -moz-animation-fill-mode:both;
    -ms-animation-fill-mode:both;
    -o-animation-fill-mode:both;
    animation-fill-mode:both;
    -webkit-animation-delay:.4s;
    -moz-animation-delay:.4s;
    -ms-animation-delay:.4s;
    -o-animation-delay:.4s;
    animation-delay:.4s
}
#body[data-page=home] .home-main .home-main-split .home-main-split-mask{
    width:110%;
    height:240px;
    left:-30px;
    background-color:#fff;
    position:absolute;
    z-index:4;
    -webkit-transform:rotate(-2.7deg);
    -moz-transform:rotate(-2.7deg);
    -ms-transform:rotate(-2.7deg);
    -o-transform:rotate(-2.7deg);
    transform:rotate(-2.7deg);
    top:80px
}
#body[data-page=home] .home-main .body-wrapper{
    position:absolute;
    z-index:3;
    right:0;
    left:0;
    bottom:200px;
    top:0;
    padding:0
}
#body[data-page=home] .home-main .home-main-wrapper{
    position:absolute;
    top:50%;
    margin-top:-90px;
    width:100%;
    display:inline-block;
    text-align:center
}
#body[data-page=home] .home-main .home-main-wrapper .home-main-title{
    font-size:34.2px;
    line-height:46px;
    color:#fff;
    letter-spacing:.4px
}
#body[data-page=home] .home-main .home-main-wrapper .home-main-subtitle{
    margin-top:42px;
    font-size:18px;
    color:#fff;
    line-height:28px;
    max-width:55%;
    letter-spacing:.6px;
    margin-left:auto;
    margin-right:auto
}
#body[data-page=home] .home-main .home-main-wrapper .home-main-register{
    margin-top:42px;
    color:#FFF;
    font-size:14.4px;
    background-color:#3cc127;
    padding:17px 28px;
    -webkit-border-radius:64px;
    -moz-border-radius:64px;
    -ms-border-radius:64px;
    -o-border-radius:64px;
    border-radius:64px;
    text-transform:uppercase;
    letter-spacing:1px;
    display:inline-block;
    -webkit-box-shadow:0 4px 6px 0 rgba(50,50,93,.11);
    -moz-box-shadow:0 4px 6px 0 rgba(50,50,93,.11);
    box-shadow:0 4px 6px 0 rgba(50,50,93,.11);
    -webkit-transition:.25s ease-in-out;
    -moz-transition:.25s ease-in-out;
    -o-transition:.25s ease-in-out;
    transition:.25s ease-in-out
}
#body[data-page=home] .home-main .home-main-wrapper .home-main-register:focus,#body[data-page=home] .home-main .home-main-wrapper .home-main-register:hover{
    -webkit-transform:scale(1.06);
    -moz-transform:scale(1.06);
    -ms-transform:scale(1.06);
    -o-transform:scale(1.06);
    transform:scale(1.06)
}
#body[data-page=home] .home-main .home-main-illustration-device{
    position:absolute;
    right:0;
    height:600px;
    width:260px;
    z-index:3;
    top:70px;
    -webkit-animation:fadeInRight;
    -moz-animation:fadeInRight;
    -ms-animation:fadeInRight;
    -o-animation:fadeInRight;
    animation:fadeInRight;
    -webkit-animation-duration:.7s;
    -moz-animation-duration:.7s;
    -ms-animation-duration:.7s;
    -o-animation-duration:.7s;
    animation-duration:.7s;
    -webkit-transition:.25s linear;
    -moz-transition:.25s linear;
    -o-transition:.25s linear;
    transition:.25s linear
}
#body[data-page=home] .home-main .home-main-illustration-device .home-main-illustration-device-itself{
    height: 358px;
    width: 466px;
    bottom: 65px;
    right: -81px;
    position:absolute;
    background-image:url(../images/check-in-attendance-happy-customers-startups.png);
    background-size:contain;
    background-repeat:no-repeat;
    background-position:center;
    display:inline-block
}
#body[data-page=home] .home-main .home-main-illustration-customer{
    position:absolute;
    left:0;
    height:350px;
    width:370px;
    z-index:3;
    top:240px;
    -webkit-animation:fadeInLeft;
    -moz-animation:fadeInLeft;
    -ms-animation:fadeInLeft;
    -o-animation:fadeInLeft;
    animation:fadeInLeft;
    -webkit-animation-duration:.7s;
    -moz-animation-duration:.7s;
    -ms-animation-duration:.7s;
    -o-animation-duration:.7s;
    animation-duration:.7s;
    -webkit-transition:.25s linear;
    -moz-transition:.25s linear;
    -o-transition:.25s linear;
    transition:.25s linear
}
#body[data-page=home] .home-main .home-main-illustration-customer .home-main-illustration-customer-itself{
    height:350px;
    width:370px;
    position:absolute;
    background-image:url(../images/check-in-attendance-happy-customers-girl.png);
    background-size:contain;
    background-repeat:no-repeat;
    background-position:center;
    display:inline-block
}
#body[data-page=home] .home-main .home-main-illustration-customer .home-main-illustration-customer-lines{
    height:350px;
    width:370px;
    position:absolute;
	top: 150px;
    left: 93px;
    background-image:url(../images/illustration_customer_lines.svg);
    background-size:contain;
    background-repeat:no-repeat;
    background-position:center;
    display:inline-block;
    opacity:.5;
    -webkit-animation:fadeIn;
    -moz-animation:fadeIn;
    -ms-animation:fadeIn;
    -o-animation:fadeIn;
    animation:fadeIn;
    -webkit-animation-duration:.7s;
    -moz-animation-duration:.7s;
    -ms-animation-duration:.7s;
    -o-animation-duration:.7s;
    animation-duration:.7s;
    -webkit-animation-delay:1.2s;
    -moz-animation-delay:1.2s;
    -ms-animation-delay:1.2s;
    -o-animation-delay:1.2s;
    animation-delay:1.2s
}
@media screen and (max-width:1200px){
    #body[data-page=home] .home-main .home-main-illustration-customer{
        left:-60px
    }
    #body[data-page=home] .home-main .home-main-illustration-customer .home-main-illustration-customer-lines{
        opacity:.5
    }
    #body[data-page=home] .home-main .home-main-illustration-device{
        right:-40px
    }
}
@media screen and (max-width:1099px){
    #body[data-page=home] .home-main .home-main-illustration-customer{
        -webkit-transform:scale(.7);
        -moz-transform:scale(.7);
        -ms-transform:scale(.7);
        -o-transform:scale(.7);
        transform:scale(.7);
        -webkit-animation:none;
        -moz-animation:none;
        -ms-animation:none;
        -o-animation:none;
        animation:none;
        top:230px
    }
    #body[data-page=home] .home-main .home-main-illustration-device{
        -webkit-transform:scale(.7);
        -moz-transform:scale(.7);
        -ms-transform:scale(.7);
        -o-transform:scale(.7);
        transform:scale(.7);
        right:-80px;
        -webkit-animation:none;
        -moz-animation:none;
        -ms-animation:none;
        -o-animation:none;
        animation:none
    }
	 #body[data-page=home] .check-in-features{
		background-size:45%;
		background-position:0 50%;
	}
	#footer .footer-wrapper .footer-wrapper-extras {
		float: right;
		position: absolute;
		bottom: 25px;
		text-align: center;
		width: 25%;
		left: 0;
		right: 0;
		margin: auto;
	}
	#footer .footer-wrapper .footer-wrapper-extras .footer-wrapper-extras-copyright .footer-wrapper-extras-copyright-company, #footer .footer-wrapper .footer-wrapper-extras .footer-wrapper-extras-copyright .footer-wrapper-extras-copyright-motto{
		display:inline;
	}
}
@media screen and (max-width:739px){
    #body[data-page=home] .home-main .home-main-illustration-customer{
        top:370px
    }
    #body[data-page=home] .home-main .home-main-illustration-device{
        top:260px
    }
    #body[data-page=home] .home-main .home-main-wrapper{
        margin-top:-150px
    }
    #body[data-page=home] .home-main .home-main-wrapper .home-main-title{
        font-size:27px
    }
    #body[data-page=home] .home-main .home-main-wrapper .home-main-subtitle{
        font-size:16.2px
    }
}
@media screen and (max-width:659px){
    #body[data-page=home] .home-main .home-main-illustration-customer{
        -webkit-transform:scale(.6);
        -moz-transform:scale(.6);
        -ms-transform:scale(.6);
        -o-transform:scale(.6);
        transform:scale(.6);
        left:-96px;
        top:400px
    }
    #body[data-page=home] .home-main .home-main-illustration-device{
        -webkit-transform:scale(.6);
        -moz-transform:scale(.6);
        -ms-transform:scale(.6);
        -o-transform:scale(.6);
        transform:scale(.6);
        right:-96px
    }
    #body[data-page=home] .home-main .home-main-wrapper .home-main-title{
        font-size:24.3px
    }
    #body[data-page=home] .home-main .home-main-wrapper .home-main-subtitle{
        font-size:14.4px
    }
}
@media screen and (max-width:519px){
    #body[data-page=home] .home-main .home-main-illustration-customer{
        -webkit-transform:scale(.5);
        -moz-transform:scale(.5);
        -ms-transform:scale(.5);
        -o-transform:scale(.5);
        transform:scale(.5);
        left:-110px;
        top:430px
    }
    #body[data-page=home] .home-main .home-main-illustration-device{
        -webkit-transform:scale(.5);
        -moz-transform:scale(.5);
        -ms-transform:scale(.5);
        -o-transform:scale(.5);
        transform:scale(.5);
        right:-110px;
        top:310px
    }
	#body[data-page=home] .home-showcase .home-showcase-overlay .home-showcase-explainer{
		display:block !important;
	}
	#body[data-page=home] .check-in-features{
		    height: 688px !important;
	}
	#body[data-page=home] .pricing-tabs{
		min-height:auto;
		float:none;
		border-left:0;
		border-bottom:1px solid #ddd;
	}
	#footer .footer-wrapper .footer-wrapper-extras{
		float: unset !important;
		position: unset !important;
		bottom: unset; 
		text-align: unset; 
		width: 100% !important; 
		left: unset; 
		right: unset; 
		margin: unset; 
	}
	#body[data-page=home] .home-main .home-main-wrapper{
		top:50% !important;
	}
	#body[data-page=home] .home-showcase-overlay{
		padding:10px;
	}
	#body[data-page=home] .check-in-price{
		height: 700px;
	}
	
}
#body[data-page=home] .home-showcase{
    position:relative;
    text-align:center;
    height:570px;
    padding-top:10px;
    overflow:hidden;
    background:#fff
}
#body[data-page=home] .home-showcase input{
    display:none
}
#body[data-page=home] .home-showcase .home-showcase-title{
    color:#47608B;
    font-size:23.4px;
    line-height:38px;
    letter-spacing:.83px
}
#body[data-page=home] .home-showcase .home-showcase-device{
    position:relative;
    margin-top:42px;
    margin-left:auto;
    margin-right:auto
}
#body[data-page=home] .home-showcase .home-showcase-device[data-type=desktop]{
    width:1000px;
    height:567px;
    background:#516B8B;
    -moz-border-radius-topleft:40px;
    -webkit-border-top-left-radius:40px;
    border-top-left-radius:40px;
    -moz-border-radius-topright:40px;
    -webkit-border-top-right-radius:40px;
    border-top-right-radius:40px
}
#body[data-page=home] .home-showcase .home-showcase-device[data-type=desktop] .home-showcase-device-screenshot{
    width:933px;
    height:532px;
    top:35px;
    left:32px;
    background-color:#000;
    background-size:cover!important;
    -moz-border-radius-topleft:6px;
    -webkit-border-top-left-radius:6px;
    border-top-left-radius:6px;
    -moz-border-radius-topright:6px;
    -webkit-border-top-right-radius:6px;
    border-top-right-radius:6px;
    position:absolute;
    display:none!important;
    -webkit-animation:fadeIn;
    -moz-animation:fadeIn;
    -ms-animation:fadeIn;
    -o-animation:fadeIn;
    animation:fadeIn;
    -webkit-animation-duration:.5s;
    -moz-animation-duration:.5s;
    -ms-animation-duration:.5s;
    -o-animation-duration:.5s;
    animation-duration:.5s
}
#body[data-page=home] .home-showcase .home-showcase-device[data-type=desktop] .home-showcase-device-screenshot[data-type=messaging]{
    background-image:url(../images/screenshot_inbox.png);
    background-size:contain;
    background-repeat:no-repeat;
    background-position:center;
    display:inline-block
}
#body[data-page=home] .home-showcase .home-showcase-device[data-type=desktop] .home-showcase-device-screenshot[data-type=magicmap]{
    background-image:url(../images/screenshot_magicmap.png);
    background-size:contain;
    background-repeat:no-repeat;
    background-position:center;
    display:inline-block
}
#body[data-page=home] .home-showcase .home-showcase-device[data-type=desktop] .home-showcase-device-screenshot[data-type=magicbrowse]{
    background-image:url(../images/screenshot_magicbrowse.png);
    background-size:contain;
    background-repeat:no-repeat;
    background-position:center;
    display:inline-block
}
#body[data-page=home] .home-showcase .home-showcase-device[data-type=desktop] .home-showcase-device-screenshot[data-type=crm]{
    background-image:url(../images/screenshot_crm.png);
    background-size:contain;
    background-repeat:no-repeat;
    background-position:center;
    display:inline-block
}
#body[data-page=home] .home-showcase .home-showcase-device[data-type=desktop] .home-showcase-device-screenshot[data-type=marketing]{
    background-image:url(../images/screenshot_marketing.png);
    background-size:contain;
    background-repeat:no-repeat;
    background-position:center;
    display:inline-block
}
#body[data-page=home] .home-showcase .home-showcase-device[data-type=mobile]{
    width:393px;
    height:590px;
    background:#fff;
    -moz-border-radius-topleft:40px;
    -webkit-border-top-left-radius:40px;
    border-top-left-radius:40px;
    -moz-border-radius-topright:40px;
    -webkit-border-top-right-radius:40px;
    border-top-right-radius:40px;
    -webkit-box-shadow:0 5px 59px rgba(0,0,0,.07);
    -moz-box-shadow:0 5px 59px rgba(0,0,0,.07);
    box-shadow:0 5px 59px rgba(0,0,0,.07);
    display:none
}
#body[data-page=home] .home-showcase .home-showcase-device[data-type=mobile] .home-showcase-device-screenshot{
    position:absolute;
    background-color:#000;
    background-size:cover!important;
    -moz-border-radius-topleft:2px;
    -webkit-border-top-left-radius:2px;
    border-top-left-radius:2px;
    -moz-border-radius-topright:2px;
    -webkit-border-top-right-radius:2px;
    border-top-right-radius:2px;
    width:345px;
    height:520px;
    left:22px;
    background-image:url(../images/screenshot_mobile.png);
    background-repeat:no-repeat;
    background-position:center;
    display:inline-block;
    background-position-y:0
}
#body[data-page=home] .home-showcase .home-showcase-overlay{
    background:#fff;
    position:absolute;
    width:100%;
    /*height:570px;*/
    z-index:92;
    left:0;
    right:0;
    display:inline-block;
    text-align:center;
    /*-webkit-box-shadow:0 -5px 25px rgba(0,0,0,.03);
    -moz-box-shadow:0 -5px 25px rgba(0,0,0,.03);
    box-shadow:0 -5px 25px rgba(0,0,0,.03)*/
}
#body[data-page=home] .home-showcase .home-showcase-overlay .home-showcase-selector{
    display:inline-block;
    margin-top:54px;
    position:relative
}
#body[data-page=home] .home-showcase .home-showcase-overlay .home-showcase-selector .home-showcase-selector-one{
    width:158px;
    padding-bottom:24px;
    color:#8A939E;
    letter-spacing:.2px;
    float:left;
    margin-right:24px;
    text-align:center;
    cursor:pointer
}
#body[data-page=home] .home-showcase .home-showcase-overlay .home-showcase-selector .home-showcase-selector-one:last-of-type{
    margin-right:0
}
#body[data-page=home] .home-showcase .home-showcase-overlay .home-showcase-selector .home-showcase-selector-one .home-showcase-selector-one-icon{
    height:85px;
    width:85px;
    display:inline-block;
    background-size:cover;
    -webkit-transition:.25s ease-in-out;
    -moz-transition:.25s ease-in-out;
    -o-transition:.25s ease-in-out;
    transition:.25s ease-in-out
}
#body[data-page=home] .home-showcase .home-showcase-overlay .home-showcase-selector .home-showcase-selector-one .home-showcase-selector-one-icon:hover{
    -webkit-transform:scale(1.1);
    -moz-transform:scale(1.1);
    -ms-transform:scale(1.1);
    -o-transform:scale(1.1);
    transform:scale(1.1)
}
#body[data-page=home] .home-showcase .home-showcase-overlay .home-showcase-selector .home-showcase-selector-one .home-showcase-selector-one-label{
    font-size:16.2px;
    margin-top:16px
}
#body[data-page=home] .home-showcase .home-showcase-overlay .home-showcase-selector .home-showcase-selector-one[data-type=qrfixed] .home-showcase-selector-one-icon{
    background-image:url(../images/QR-Fixed-Check-in.png);
    background-size:contain;
    background-repeat:no-repeat;
    background-position:center;
    display:inline-block;
    height:90px;
    width:80px;
}
#body[data-page=home] .home-showcase .home-showcase-overlay .home-showcase-selector .home-showcase-selector-one[data-type=magicmap] .home-showcase-selector-one-icon{
    background-image:url(../images/Remote-Check-in.png);
    background-size:contain;
    background-repeat:no-repeat;
    background-position:center;
    display:inline-block;
    height:90px;
    width:80px
}
#body[data-page=home] .home-showcase .home-showcase-overlay .home-showcase-selector .home-showcase-selector-one[data-type=magicbrowse] .home-showcase-selector-one-icon{
    background-image:url(../images/QR-Card-Check-in.png);
    background-size:contain;
    background-repeat:no-repeat;
    background-position:center;
    display:inline-block;
    height:90px;
    width:80px
}
#body[data-page=home] .home-showcase .home-showcase-overlay .home-showcase-selector .home-showcase-selector-one[data-type=crm] .home-showcase-selector-one-icon{
    background-image:url(../images/icon_crm.svg);
    background-size:contain;
    background-repeat:no-repeat;
    background-position:center;
    display:inline-block
}
#body[data-page=home] .home-showcase .home-showcase-overlay .home-showcase-selector .home-showcase-selector-one[data-type=marketing] .home-showcase-selector-one-icon{
    background-image:url(../images/icon_marketing.svg);
    background-size:contain;
    background-repeat:no-repeat;
    background-position:center;
    display:inline-block;
    height:70px;
    width:102px;
    margin-top:6.5px;
    margin-bottom:6.5px
}
#body[data-page=home] .home-showcase .home-showcase-overlay .home-showcase-selector .home-showcase-selector-splitter{
    width:100%;
    height:1px;
    position:absolute;
    bottom:0;
    background:#d6d6d6
}
#body[data-page=home] .home-showcase .home-showcase-overlay .home-showcase-selector .home-showcase-selector-splitter .home-showcase-selector-splitter-tile{
    position:absolute;
    width:158px;
    height:3px;
    background:#333;
    left:0;
    bottom:0;
    -webkit-transition:.25s ease-in-out;
    -moz-transition:.25s ease-in-out;
    -o-transition:.25s ease-in-out;
    transition:.25s ease-in-out
}
#body[data-page=home] .home-showcase .home-showcase-overlay .home-showcase-explainer{
    margin-top:64px;
    display:none;
    -webkit-animation:fadeIn;
    -moz-animation:fadeIn;
    -ms-animation:fadeIn;
    -o-animation:fadeIn;
    animation:fadeIn;
    -webkit-animation-duration:.25s;
    -moz-animation-duration:.25s;
    -ms-animation-duration:.25s;
    -o-animation-duration:.25s;
    animation-duration:.25s
}
#body[data-page=home] .home-showcase .home-showcase-overlay .home-showcase-explainer .home-showcase-explainer-title{
    color:#333;
    font-size:23.4px;
    letter-spacing:.27px
}
#body[data-page=home] .home-showcase .home-showcase-overlay .home-showcase-explainer .home-showcase-explainer-content{
    max-width:800px;
    text-align:center;
    color:#748598;
    font-size:16.2px;
    line-height:22px;
    letter-spacing:.87px;
    margin:42px auto 54px
}
#body[data-page=home] .home-showcase .home-showcase-overlay .home-showcase-explainer .home-showcase-explainer-content .spacer{
    height:42px;
    display:block
}
#body[data-page=home] .home-showcase #crm:checked~.home-showcase-device>.home-showcase-device-screenshot[data-type=crm],#body[data-page=home] .home-showcase #crm:checked~.home-showcase-overlay>.home-showcase-explainer[data-type=crm],#body[data-page=home] .home-showcase #magicbrowse:checked~.home-showcase-device>.home-showcase-device-screenshot[data-type=magicbrowse],#body[data-page=home] .home-showcase #magicbrowse:checked~.home-showcase-overlay>.home-showcase-explainer[data-type=magicbrowse],#body[data-page=home] .home-showcase #magicmap:checked~.home-showcase-device>.home-showcase-device-screenshot[data-type=magicmap],#body[data-page=home] .home-showcase #magicmap:checked~.home-showcase-overlay>.home-showcase-explainer[data-type=magicmap],#body[data-page=home] .home-showcase #marketing:checked~.home-showcase-device>.home-showcase-device-screenshot[data-type=marketing],#body[data-page=home] .home-showcase #marketing:checked~.home-showcase-overlay>.home-showcase-explainer[data-type=marketing],#body[data-page=home] .home-showcase #qrfixed:checked~.home-showcase-device>.home-showcase-device-screenshot[data-type=qrfixed],#body[data-page=home] .home-showcase #qrfixed:checked~.home-showcase-overlay>.home-showcase-explainer[data-type=qrfixed]{
    display:block!important
}
#body[data-page=home] .home-showcase #crm:checked~.home-showcase-overlay>.home-showcase-selector>.home-showcase-selector-one[data-type=crm],#body[data-page=home] .home-showcase #magicbrowse:checked~.home-showcase-overlay>.home-showcase-selector>.home-showcase-selector-one[data-type=magicbrowse],#body[data-page=home] .home-showcase #magicmap:checked~.home-showcase-overlay>.home-showcase-selector>.home-showcase-selector-one[data-type=magicmap],#body[data-page=home] .home-showcase #marketing:checked~.home-showcase-overlay>.home-showcase-selector>.home-showcase-selector-one[data-type=marketing],#body[data-page=home] .home-showcase #messaging:checked~.home-showcase-overlay>.home-showcase-selector>.home-showcase-selector-one[data-type=messaging]{
    color:#333
}
#body[data-page=home] .home-showcase #messaging:checked~.home-showcase-overlay>.home-showcase-selector>.home-showcase-selector-splitter>.home-showcase-selector-splitter-tile{
    left:0
}
#body[data-page=home] .home-showcase #magicmap:checked~.home-showcase-overlay>.home-showcase-selector>.home-showcase-selector-splitter>.home-showcase-selector-splitter-tile{
    left:182px
}
#body[data-page=home] .home-showcase #magicbrowse:checked~.home-showcase-overlay>.home-showcase-selector>.home-showcase-selector-splitter>.home-showcase-selector-splitter-tile{
    left:364px
}
#body[data-page=home] .home-showcase #crm:checked~.home-showcase-overlay>.home-showcase-selector>.home-showcase-selector-splitter>.home-showcase-selector-splitter-tile{
    left:546px
}
#body[data-page=home] .home-showcase #marketing:checked~.home-showcase-overlay>.home-showcase-selector>.home-showcase-selector-splitter>.home-showcase-selector-splitter-tile{
    left:728px
}
@media screen and (max-width:1100px){
    #body[data-page=home] .home-showcase .home-showcase-device[data-type=desktop]{
        width:792px;
        height:452px;
        -moz-border-radius-topleft:25px;
        -webkit-border-top-left-radius:25px;
        border-top-left-radius:25px;
        -moz-border-radius-topright:25px;
        -webkit-border-top-right-radius:25px;
        border-top-right-radius:25px;
        margin-top:42px
    }
    #body[data-page=home] .home-showcase .home-showcase-device[data-type=desktop] .home-showcase-device-screenshot{
        width:729px;
        height:417px
    }
    #body[data-page=home] .home-showcase .home-showcase-overlay .home-showcase-selector{
        margin-top:34px;
        -webkit-transform:scale(.8);
        -moz-transform:scale(.8);
        -ms-transform:scale(.8);
        -o-transform:scale(.8);
        transform:scale(.8);
        margin-left:-14px
    }
}
@media screen and (max-width:870px){
   
    #body[data-page=home] .home-showcase .home-showcase-title{
        font-size:21.6px
    }
    #body[data-page=home] .home-showcase .home-showcase-device[data-type=desktop]{
        width:660px;
        height:376px
    }
    #body[data-page=home] .home-showcase .home-showcase-device[data-type=desktop] .home-showcase-device-screenshot{
        width:615px;
        left:23px;
        top:25px;
        height:351px
    }
    #body[data-page=home] .home-showcase .home-showcase-selector-one[data-type=crm]{
        margin-right:0!important
    }
    #body[data-page=home] .home-showcase .home-showcase-selector-one[data-type=marketing]{
        display:none!important
    }
    #body[data-page=home] .home-showcase .home-showcase-overlay .home-showcase-explainer{
        margin-top:46px
    }
    #body[data-page=home] .home-showcase .home-showcase-overlay .home-showcase-explainer .home-showcase-explainer-title{
        font-size:20.7px
    }
    #body[data-page=home] .home-showcase .home-showcase-overlay .home-showcase-explainer .home-showcase-explainer-content{
        font-size:15.3px
    }
	#body[data-page=home] .home-main .home-main-wrapper{
		top:35%;
	}
	#body[data-page=home] .check-in-features{
		background-image:none;
		height: 575px;
	}
	#body[data-page=home] .check-in-features-container{
		float:none;
		padding-left:30px;
		padding-top:50px;
		width: 100%; 
	}
	#body[data-page=home] .pricing-tabs{
		width: 245px;
	}	
}
@media screen and (max-width:739px){
   
    #body[data-page=home] .home-showcase .home-showcase-device[data-type=desktop]{
        display:none
    }
    #body[data-page=home] .home-showcase .home-showcase-device[data-type=mobile]{
        display:block
    }
    #body[data-page=home] .home-showcase .home-showcase-overlay .home-showcase-selector{
        display:none
    }
}
@media screen and (max-width:659px){
    #body[data-page=home] .home-showcase{
        height:1060px;
    }
    #body[data-page=home] .home-showcase .home-showcase-title{
        font-size:18px
    }
    #body[data-page=home] .home-showcase .home-showcase-device[data-type=mobile]{
        width:320px;
        height:511px
    }
    #body[data-page=home] .home-showcase .home-showcase-device[data-type=mobile] .home-showcase-device-screenshot{
        width:275px;
        height:520px;
        top:40px
    }
}
#body[data-page=home] .home-integrations{
    position:relative;
    height:700px;
    background:#fff
}
#body[data-page=home] .home-integrations-entice{
    background-color:rgba(255,255,255,.96);
    -webkit-box-shadow:0 2px 4px rgba(50,50,93,.1);
    -moz-box-shadow:0 2px 4px rgba(50,50,93,.1);
    box-shadow:0 2px 4px rgba(50,50,93,.1);
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    -ms-border-radius:3px;
    -o-border-radius:3px;
    border-radius:3px;
    position:absolute;
    top:50%;
    left:50%;
    -webkit-transform:translate(-50%,-50%);
    -moz-transform:translate(-50%,-50%);
    -ms-transform:translate(-50%,-50%);
    -o-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%);
    z-index:2;
    padding:35px 50px;
    min-width:500px;
    text-align:center
}
#body[data-page=home] .home-integrations-entice .home-integrations-entice-title{
    font-size:18.9px;
    color:#253267;
    letter-spacing:.33px
}
#body[data-page=home] .home-integrations-entice .home-integrations-entice-button{
    margin-top:25px
}
#body[data-page=home] .home-integrations-waterfall{
    position:relative;
    height:100%;
    width:107%;
    left:-2%;
    background:#F6FAFF;
    padding-bottom:60px;
    -webkit-transform:rotate(3deg);
    -moz-transform:rotate(3deg);
    -ms-transform:rotate(3deg);
    -o-transform:rotate(3deg);
    transform:rotate(3deg)
}
#body[data-page=home] .home-integrations-waterfall .home-integrations-waterfall-one{
    position:absolute;
    -webkit-box-shadow:0 3px 10px 0 rgba(0,0,0,.07);
    -moz-box-shadow:0 3px 10px 0 rgba(0,0,0,.07);
    box-shadow:0 3px 10px 0 rgba(0,0,0,.07);
    -webkit-border-radius:400px;
    -moz-border-radius:400px;
    -ms-border-radius:400px;
    -o-border-radius:400px;
    border-radius:400px;
    will-change:transform
}
#body[data-page=home] .home-integrations-waterfall .home-integrations-waterfall-one[data-type=slack]{
    position:absolute;
    height:209px;
    width:209px;
    background-image:url(../images/slack.png);
    background-size:contain;
    background-repeat:no-repeat;
    background-position:center;
    display:inline-block;
    top:60px;
    left:60%;
    z-index:3
}
#body[data-page=home] .home-integrations-waterfall .home-integrations-waterfall-one[data-type=messenger]{
    position:absolute;
    height:185px;
    width:185px;
    background-image:url(../images/messenger.svg);
    background-size:contain;
    background-repeat:no-repeat;
    background-position:center;
    display:inline-block;
    top:25px;
    left:32%
}
#body[data-page=home] .home-integrations-waterfall .home-integrations-waterfall-one[data-type=twitter]{
    position:absolute;
    height:146px;
    width:146px;
    background-image:url(../images/twitter.svg);
    background-size:contain;
    background-repeat:no-repeat;
    background-position:center;
    display:inline-block;
    top:240px;
    left:45%
}
#body[data-page=home] .home-integrations-waterfall .home-integrations-waterfall-one[data-type=wordpress]{
    position:absolute;
    height:146px;
    width:146px;
    background-image:url(../images/wordpress.svg);
    background-size:contain;
    background-repeat:no-repeat;
    background-position:center;
    display:inline-block;
    top:40px;
    right:-10px
}
#body[data-page=home] .home-integrations-waterfall .home-integrations-waterfall-one[data-type=shopify]{
    position:absolute;
    height:100px;
    width:100px;
    background-image:url(../images/shopify.svg);
    background-size:contain;
    background-repeat:no-repeat;
    background-position:center;
    display:inline-block;
    top:245px;
    left:21%
}
#body[data-page=home] .home-integrations-waterfall .home-integrations-waterfall-one[data-type=android]{
    position:absolute;
    height:124px;
    width:124px;
    background-image:url(../images/android.svg);
    background-size:contain;
    background-repeat:no-repeat;
    background-position:center;
    display:inline-block;
    top:105px;
    left:78%
}
#body[data-page=home] .home-integrations-waterfall .home-integrations-waterfall-one[data-type=zendesk]{
    position:absolute;
    height:201px;
    width:201px;
    background-image:url(../images/zendesk.svg);
    background-size:contain;
    background-repeat:no-repeat;
    background-position:center;
    display:inline-block;
    top:290px;
    right:1%;
    z-index:2
}
#body[data-page=home] .home-integrations-waterfall .home-integrations-waterfall-one[data-type=telegram]{
    position:absolute;
    height:178px;
    width:178px;
    background-image:url(../images/telegram.svg);
    background-size:contain;
    background-repeat:no-repeat;
    background-position:center;
    display:inline-block;
    top:340px;
    right:20%
}
#body[data-page=home] .home-integrations-waterfall .home-integrations-waterfall-one[data-type=bot]{
    position:absolute;
    height:131px;
    width:131px;
    background-image:url(../images/bot.svg);
    background-size:contain;
    background-repeat:no-repeat;
    background-position:center;
    display:inline-block;
    bottom:30px;
    right:40%
}
#body[data-page=home] .home-integrations-waterfall .home-integrations-waterfall-one[data-type=twilio]{
    position:absolute;
    height:138px;
    width:138px;
    background-image:url(../images/twilio.svg);
    background-size:contain;
    background-repeat:no-repeat;
    background-position:center;
    display:inline-block;
    bottom:0;
    left:30%
}
#body[data-page=home] .home-integrations-waterfall .home-integrations-waterfall-one[data-type=ios]{
    position:absolute;
    height:137px;
    width:137px;
    background-image:url(../images/ios.svg);
    background-size:contain;
    background-repeat:no-repeat;
    background-position:center;
    display:inline-block;
    bottom:90px;
    left:3%
}
#body[data-page=home] .home-integrations-waterfall .home-integrations-waterfall-one[data-type=prestashop]{
    position:absolute;
    height:137px;
    width:137px;
    background-image:url(../images/prestashop.svg);
    background-size:contain;
    background-repeat:no-repeat;
    background-position:center;
    display:inline-block;
    top:20px;
    right:-500px
}
#body[data-page=home] .home-integrations-waterfall .home-integrations-waterfall-one[data-type=zapier]{
    position:absolute;
    height:73px;
    width:73px;
    background-image:url(../images/zapier.svg);
    background-size:contain;
    background-repeat:no-repeat;
    background-position:center;
    display:inline-block;
    top:40px;
    left:100px
}
@media screen and (max-width:939px){
    #body[data-page=home] .home-integrations .home-integrations-entice .home-integrations-entice-title{
        font-size:17.1px
    }
    #body[data-page=home] .home-integrations .home-integrations-waterfall .home-integrations-waterfall-one[data-type=slack]{
        height:170px;
        width:170px
    }
    #body[data-page=home] .home-integrations .home-integrations-waterfall .home-integrations-waterfall-one[data-type=messenger]{
        height:130px;
        width:130px
    }
    #body[data-page=home] .home-integrations .home-integrations-waterfall .home-integrations-waterfall-one[data-type=twitter],#body[data-page=home] .home-integrations .home-integrations-waterfall .home-integrations-waterfall-one[data-type=wordpress]{
        height:100px;
        width:100px
    }
    #body[data-page=home] .home-integrations .home-integrations-waterfall .home-integrations-waterfall-one[data-type=shopify]{
        height:70px;
        width:70px
    }
    #body[data-page=home] .home-integrations .home-integrations-waterfall .home-integrations-waterfall-one[data-type=android]{
        height:90px;
        width:90px
    }
    #body[data-page=home] .home-integrations .home-integrations-waterfall .home-integrations-waterfall-one[data-type=zendesk]{
        height:150px;
        width:150px
    }
    #body[data-page=home] .home-integrations .home-integrations-waterfall .home-integrations-waterfall-one[data-type=telegram]{
        height:120px;
        width:120px
    }
    #body[data-page=home] .home-integrations .home-integrations-waterfall .home-integrations-waterfall-one[data-type=bot],#body[data-page=home] .home-integrations .home-integrations-waterfall .home-integrations-waterfall-one[data-type=twilio],#body[data-page=home] .home-integrations .home-integrations-waterfall .home-integrations-waterfall-one[data-type=ios],#body[data-page=home] .home-integrations .home-integrations-waterfall .home-integrations-waterfall-one[data-type=prestashop]{
        height:90px;
        width:90px
    }
    #body[data-page=home] .home-integrations .home-integrations-waterfall .home-integrations-waterfall-one[data-type=zapier]{
        height:70px;
        width:70px
    }
	
}
@media screen and (max-width:850px){
    #body[data-page=home] .home-integrations{
        height:600px
    }	
	#footer .footer-wrapper .footer-wrapper-extras {
		float: right;
		position: absolute;
		bottom: 17px;
		text-align: center;
		width: 37%;
		left: 0;
		right: 0;
		margin: auto;
	}
}
@media screen and (max-width:660px){
    #body[data-page=home] .home-integrations{
        display:none
    }
}
#body[data-page=home] .body-clients,#body[data-page=home] .body-clients .body-clients-shape-1{
    background:#fff
}
@media screen and (max-width:739px){
    #body[data-page=home] .home-integrations .home-integrations-entice{
        width:100%
    }
    #body[data-page=home] .home-integrations .home-integrations-entice .home-integrations-entice-title{
        font-size:17.1px
    }
    #body[data-page=home] .body-clients,#body[data-page=home] .body-clients .body-clients-shape-1{
        background:#F6FAFF
    }
}


.check-in-ways {
    margin-top: 40px;
}

.check-in-ways .left-icon {
    float: left;
    width: 40px;
    margin-right: 15px;
    min-height: 75px;
}

.check-in-ways p {
    font-size: 14px;
    position: relative;
    text-align: left;
	line-height: 24px;
}

.check-in-features {
    position: relative;
    height: 700px;
    background: #e5ecff url(../images/features-check-in-attendance.jpg) no-repeat;
    background-size: 50%;
    background-position: left center;
}

.check-in-features-container {
    float: right;
    padding-top: 120px;
    padding-right: 40px;
    box-sizing: border-box;
    width: 520px;
}

.check-in-features-container h3 {
    margin-bottom: 30px;
    font-size: 30px;
}

.check-in-features-container ul {
   /* padding-left: 10px;*/
}

.check-in-features-container ul li {
    padding: 0px 0 25px 25px;
    background: url(../images/check-in-attendance-logo.png) no-repeat;
    background-size: 15px;
    background-position: 0px 5px;
    line-height: 25px;
}

.check-in-price {
    height: 500px;
    position: relative;
    background: #fff;
    text-align: center;
}

.check-in-price h1 {
    font-size: 35px;
    color: #333;
    margin: 80px 0 10px;
}

.check-in-price-container {
    display: inline-block;
    margin-top: 35px;
}

.pricing-tabs {
    width: 270px;
    float: left;
    padding: 50px 15px 20px;
    box-sizing: border-box;
    text-align: center;
    position: relative;
    min-height: 360px;
}

.pricing-tabs h3 {
    font-size: 35px;
    color: #6646cd;
    margin-top: 30px;
}

.pricing-tabs h3 .stext {
    color: #333;
    font-size: 14px;
    margin-left: 5px;
    font-style: italic;
}

.pricing-tabs p {
    color: #333;
    font-size: 20px;
    margin-top: 30px;
    line-height: 30px;
}

.pricing-tab-border {
    border-left: 1px solid #e5e5e5;
}


.btn-primary {
    color: #fff;
    background-color: #6646cd;
    padding: 10px 40px 11px;
    cursor: pointer;
    font-size: 13.05px;
    letter-spacing: .5px;
    line-height: 18px;
    border-radius: 100px;
}

.price-btn-container {
    margin-top: 30px;
}

.price-btn-container a {
    display: inline-block;
}

.price-btn-container span {
    font-size: 14px;
    display: inline-block;
}
.anchor {
    display: block;
    height: 65px;
    margin-top: -65px;
    visibility: hidden;
}
#footer .footer-wrapper .footer-wrapper-extras .footer-wrapper-extras-copyright{
	margin-top:3px;
}
#footer .footer-wrapper .footer-wrapper-extras .footer-wrapper-extras-copyright .footer-wrapper-extras-copyright-motto{
	margin-top: 14px;
}
#footer {
    background: #383e68;
    position: relative;
    z-index: 10;
}
#footer .footer-wrapper .footer-wrapper-extras .footer-wrapper-extras-copyright .footer-wrapper-extras-copyright-company, #footer .footer-wrapper .footer-wrapper-extras .footer-wrapper-extras-copyright .footer-wrapper-extras-copyright-motto{
	text-align:left;
}
#header .header-main .header-main-wrapper .header-main-logo,#footer .footer-wrapper .footer-wrapper-logos .footer-wrapper-logos-crisp .footer-wrapper-logos-crisp-image{
	background-image:url(../images/white-logo.png);
}
#header[data-background=true] .header-main .header-main-logo,#header[data-page="about"] .header-main .header-main-logo{
	background-image:url(../images/dark-logo.png) !important;
}
#footer .footer-wrapper .footer-wrapper-navigation .footer-wrapper-navigation-pane.pane-small{
	width:160px;
}
#footer .footer-wrapper .footer-wrapper-navigation .footer-wrapper-navigation-pane.pane-large{
	width:220px;
	font-family: monospace;
}
#footer .footer-wrapper .footer-wrapper-navigation .footer-wrapper-navigation-pane.pane-large  .phone-label{	
	font-family: monospace;
}
#body[data-page=home]{
	overflow-x:unset !important;
}
#body[data-page=home] .about-main{
	margin-top:68px;
}
#body[data-page=home] .about-main{
	padding-top: 50px;
    min-height: 550px;
    margin-top: 0;
}
#body[data-page=home] .about-main .about-main-title {
    margin-top: 64px;
    color: #384C78;
    font-size: 24.3px;
    line-height: 34px;
    letter-spacing: .5px;
}
#body[data-page=home] .about-main .about-main-subtitle {
    color: #748598;
    font-size: 17.1px;
    letter-spacing: .5px;
    margin-top: 12px;
	line-height: 30px;	
}
.font-style-italic{
	font-style:italic;
}
#body[data-page=home] .no-top-margin{
	margin-top:0 !important;
}
/*.font-sans-semibold {
    font-family: "Raleway Semibold",sans-serif;
}*/ 
#body[data-page=home] .about-main {
    text-align: center;
}
#body[data-page=home].about-page {
    overflow:hidden !important;
}
#body[data-page=home] .about-main.privacy-main {
    text-align:left !important;
}
#body[data-page=home] .about-main.privacy-main p,#body[data-page=home] .about-main.privacy-main ul li{
    color: #748598;
    font-size: 17.1px;
    letter-spacing: .5px;
    margin-top: 12px;
    line-height: 27px;
	margin-bottom:10px;
}
#body[data-page=home] .about-main.privacy-main ul li{
	list-style:square;
	margin-left:40px;
}
#body[data-page=home] .about-main.privacy-main p strong,#body[data-page=home] .about-main.privacy-main strong{
	font-weight:bold !important;
}
.about-image-wrapper{
	background-image: url(../images/about-us-check-in-attendance-team.jpg) !important;
    background-repeat: no-repeat;
    width: 600px;
    height: 300px;   
    margin: 213px auto 0;
    background-size: 100%;	
}
.about-page .check-in-ways{
	margin-top:60px;
}
.about-page .check-in-ways .left-icon{
	padding-top: 10px;
}
#join-button {
    margin-top: 42px;
    margin-bottom: 52px;
    color: #FFF;
    font-size: 14.4px;
    background-color: #3cc127;
    padding: 17px 28px;
    -webkit-border-radius: 64px;
    -moz-border-radius: 64px;
    -ms-border-radius: 64px;
    -o-border-radius: 64px;
    border-radius: 64px;
    text-transform: uppercase;
    letter-spacing: 1px;
    display: inline-block;
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
}



.our-clients {
    display: inline-block;
    width: 100%;
    background: #fff;
    margin-bottom: 80px;
}

.container {
    width: 75%;
    margin: 0 auto;
}

.our-clients-title {
    color: #47608B;
    font-size: 23.4px;
    line-height: 38px;
    letter-spacing: .83px;
    text-align: center;
	margin-bottom: 40px; 
}

.logo-wrapper {
    display: inline-block;
    width: 100%;
    margin-top: 10px;
}

.logo-wrapper li {
    float: left;
    margin: 20px 0px;
    text-align: center;
}

.logo-wrapper li img {
    display: inline-block;
    width: 60%;
}

.davavo-light img {
    width: 40% !important;
} 

.avighna-power-solutions img {
    width: 100% !important;
}

.plantaplant img {
    width: 72% !important;
}

.green-avenues img {
    width: 95% !important;
    padding-top: 15px;
} 

.olacabs img{
	margin-top: -10px;
}
.app-downloads{
	display: inline-block;
    width: 100%;
    background: #fff;
    margin-bottom: 80px;
}