body {overflow-x:hidden;-webkit-font-smoothing: antialiased;}
.page-setup{overflow: hidden;}
body h2{font-weight: 400;color:#646565; line-height: 1.45;position: relative;margin-bottom:10px!important;}
body .row{margin: 0px;}
h2.title_heading{position: relative;font-size: 46px;}
h2.title_heading_white{position: relative;font-size: 46px;}
.container-fluid{padding: 0px;}
ol{position: relative;z-index: 1111;}
.visitor_heading p{margin:0 auto;padding-bottom: 20px;}
h1.display-header{
	font-size: 56px;
    line-height: 1.35;
	font-weight: 900;
	color: #ff6e41;
}
h1.display-header_index{
	font-size: 56px;
    line-height: 1.35;
	font-weight: 900;
	color:#646565;
}
h1.heading{font-size:56px;
    font-weight: 600;
    margin-bottom: 10px;
    color: #ff6e41;
    line-height: 20px;
}
h1.heading_splan{
	font-size:56px;
    font-weight: 600;
    margin-bottom: 10px;
    color: white;
    line-height: 56px;
}

h1.section_head{
	font-size:36px;
    font-weight: 700;
    margin-bottom: 10px;
    color: #FF6E41;
    line-height: 56px;
}
h3.sub-heading{font-size: 18px;}
h2.optional-heading{font-size: 20px;
    color: #ff6e41;}
.logo-light1{width: auto;}
.margin-left{margin-left: 40px;}

h2.optional-heading a{font-size: 20px;
    color: #ff6e41;transition: all 0.3s ease-in;}
h2.optional-heading a:hover,
h2.optional-heading a:active{color: #ff6e41;}
h2.optional-heading a i{transition: all 0.3s ease-in;}
h2.optional-heading a:hover i{padding-left: 13px;}

p.optional-heading{font-size: 20px;
    color: #ff6e41;margin-bottom: 0px;}
p.optional-heading a{font-size: 20px;
    color: #ff6e41;transition: all 0.3s ease-in;font-weight:200;}
p.optional-heading a:hover,
p.optional-heading a:active{color: #ff6e41;}
p.optional-heading a i{transition: all 0.3s ease-in;}
p.optional-heading a:hover i{padding-left: 13px;}
a:hover{color:#ff6e41;}

.vms_product{border-radius: 10px;box-shadow: 1px 2px 16px rgba(0,0,0,0.05);}

.main-page{background-image: url("../assets/index_page_splan_home.jpg"); background-size: cover; padding:0px; background-position:center; background-repeat: no-repeat; height: 700px;position: relative;overflow: hidden;z-index:1;}
.index_splan_details{position: relative;top:60%;transform: translateY(-50%);}
.main_loaders{height: 100vh;position: relative;overflow: hidden;z-index:1;}
.title_line{position: absolute;width: 100%; height: 100%;left: 0;top:0;margin: 0px;z-index: 1;}


.bg-slide{background-color: rgba(255,255,255,0);z-index: 1; padding: 30px; box-shadow: 0px 8px 32px 0px rgba(0,0,0,0);margin-bottom: 15px;border-radius: 10px; }



.kiosk-line{padding-left: 50px; height: 100%;z-index: 999;}



.kiosk-line .input-group{ line-height: 2px;}



.kiosk-line .input-group .btn{background-color: #ff6e41; color: white; height: 50px;}



.email-group{box-shadow: 0px 8px 32px 0px rgba(0,0,0,0.13); height: auto;}



.kiosk-line1{padding:10px; height: 100%;}



.sub-kiosk-line{text-align: left; vertical-align: middle; position: relative; top: 50%; transform: translateY(-50%);}



.kiosk-line h5{font-size: 56px; font-weight: 800; color: white; line-height: 1;}



.kiosk-line p{font-size: 20px; font-weight: 400; color: #7F7F7F;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; /* fallback */   /* fallback */-webkit-line-clamp: 2; /* number of lines to show */-webkit-box-orient: vertical;}



.kiosk{padding-left: 60px; height: 60vh;}



.kiosk img{    position: absolute; bottom: 0;}



.clints-bg{background-color: #F9F9F9; padding: 20px; text-align: center;}



.clints img{filter: grayscale(100%); margin-left: 25px; opacity: 0.5;}
.bg-background-color{background-color: #f9f9f9;}
.products-details{padding: 36px 10px 80px 10px;;}
.product-ui{padding:20px; transition: all 400ms linear 0s;}
.active1{border-bottom: 4px solid #ff6e41; opacity: 1 !important;}
.vms_icons svg{width: 52px;height: 52px;}
/*.active{color: #FFFFFF!important;}*/

.index_products .icon-tabs .tab-title{opacity:1;}
.index_products .content{height: 130px;}

/*.who are we*/



.web{padding-top: 56px;}



.font-s h2{font-size:28px; color: #9e9c9c; font-weight: 800; position: relative; display: inline-block;}



.font-s h2::before{width: 50%; height: 3px; background-color: #FF6E41; left: 0; bottom: 100%;position: absolute; display: inline-block; content: '';}

.font-s p{ font-size: 17px;color: #6C7A89; font-weight: 400;}



.font-s h5{ font-size: 17px;color: #9e9c9c; font-weight: 600; }



hr{opacity: 0.3;}



.kiosk-stages{padding-left: 30px;}



.kiosk-stages img{margin-right: 15px;}



/*.kiosk-stages p{padding-top: 20px; padding-left: 10px;}*/



.processes{background-color:#f8f8f8; padding: 0px 30px 0px 30px; box-shadow: 0px 8px 32px 0px rgba(0,0,0,0.02);}











.vms-features{background-color: #ff6e41; height: 600px; padding: 20px; background: linear-gradient(0deg,rgba(255,110,65,0.7),rgba(255,110,65,0.7)),url("../assets/receptionist/event121.jpg"); background-position: center; background-size: cover; background-repeat: no-repeat;}



.qutation{padding: 50px 20px; position: relative; top: 50%; transform: translateY(-50%);}



.vms-quts{border: 2px solid white; border-radius: 2px; padding: 20px 40px; }



.vms-quts h1{color: white; font-weight: bold; font-size: 36px;}


 /*all devices points*/



.splan_img img{width: 100%;}



.bg-skew{position: relative;}



.bg-skew p{position: relative; padding-left: 40px; padding-right: 20px;}



.bg-skew p i{position: absolute; content: ''; right: 95%; top:5px;}



.bg-skew::before{position:absolute; content: ''; width:100%; height: 100%; left: 0; right: 0; top: 0; bottom: 0; transform-origin: bottom left; background-color:inherit; z-index: -1;}



.font-s2 h2{font-size:28px; color: white; font-weight: 800; position: relative; display: inline-block;}



.font-s2 p{ font-size: 17px;color: white; font-weight: 400;}



.font-s2 h5{ font-size: 17px;color: white; font-weight: 600; }



.mb-5{margin-bottom: 56px;}











/*notification secctions*/




.upgrade-kiosk{padding-left: 30px;}



.notification-app{background-color: #F8F8F8; border-radius: 5px;}



.notification-app p{margin-bottom: 0;}



.head-notification{background-color: #f2f2f2; width: 100%; padding: 5px; padding-left: 30px; padding-right: 30px; border-top-right-radius: 5px; border-top-left-radius: 5px; display: inline-block;}



.notification-msg{padding: 30px 40px;}







.bg-signin_app{background-color: #fafafa;}



.signineasyapp{height: auto; overflow: hidden;padding: 30px 0px;}



.signineasyapp img{width:898px;}



.signineasyapp .btn{box-shadow: 0px 8px 32px 0px rgba(0,0,0,0.1); border: none;}



.center-management img{height: 500px;}









/*badge printing secction*/



.pathner-details{border: 1px solid #ccc; padding:20px!important; text-align: left!important;height: 100%;display: flex;flex-wrap: nowrap;flex-direction:column;}
.pathner-details .a_link{margin-top: auto;}



.pathner-details p{text-align: left;}



.pathner-details .btn{margin: 0!important; background-color: transparent!important;}



.pathner-details .btn:hover{background-color: #ff6e41!important;}



.pathner-details .btn:hover a{color: white!important;}







.pathner-tech{height:500px; position: relative;/*background-color: #ff6e41;*/overflow: hidden;background: linear-gradient(0deg,rgba(41,41,41,0.6),rgba(41,41,41,0.6)),url("../assets/headway-1120645-unsplash.jpg");background-size: cover; padding:0px; background-position:center; background-repeat: no-repeat;}

.splan_events{position: relative;transform: translateY(25%);}



.badge-print-sec{padding-top: 86px;}


.pathner-tech h2{color:white; padding-bottom:0px;}



.pathner-tech .btn{background-color: transparent;  border:2px solid white; border-radius: 2px;}



.pathner-tech .btn a{color: white;}



.pathner-tech .btn:hover{background-color: white; color: #ff6e41; border:2px solid white; border-radius: 2px;}



.pathner-tech .btn:hover a{ color: #ff6e41;}



/*.pathner-tech2::before{ transform: skewY(-5deg);position:absolute; content: ''; width:100%; height: 100%; left: 0; right: 0; top: 0; bottom: 0; transform-origin: top left; background-color:inherit;}*/



.pathner-tech2-sub{border: 1px solid rgba(112,112,112,0.21); border-bottom: none; border-top:none; background-color: 



#f8f8f8;height: 100%;}
p .morelink {
	text-decoration:none;
	outline: none;
	transition: all 0.3s ease-in;
}
p .morelink:hover{color: #ff6e41;}
.less{transition: all 0.3s ease-in;}
.morecontent span {
	display: none;
    transition: all 0.3s ease-in;
}













/*patner programe secction*/



.pathner-btn{border: 1px solid #ccc;}



.pathner-details .btn:hover{background-color:#ccc!important;}



.pathner-btn:hover a{color:white;}



.pathner-btn a{color:#ccc;}







.bg-dark-skew{background-color:rgba(255,110,65,1.00);}



.bg-dark-skew p{color: white;}



.badge-print{position: relative;}



.badge-print img{position:absolute; left:30%; bottom: 25%; transform:translate(-25%,55%);}



/*bootstrap css code extention*/



.d-flex{display: flex;}


.align-items-bottom{align-items: baseline;}
.align-items-self-b{align-self: baseline;}
.flex-wrap{flex-wrap: wrap;}



.flex-nowrap{flex-wrap: nowrap;}



.row-flex{flex-direction: row;}



.col-flex{flex-direction: column;}



.align-items-center{align-items: center;}



.align-item-right{align-self: flex-end;}



.align-end{margin-left: auto;}



.flex-justify{justify-content: center;}



.text-align{text-align: center;}

.text-right{text-align: right;}

.m-auto{margin: 0 auto;}



.dl-block{display: inline-block;}



.mr-auto,.mx-auto{margin-right:auto!important}



.ml-auto,.mx-auto{margin-left:auto!important}



.mb-auto,.my-auto{margin-bottom:auto!important}



.mt-auto,.my-auto{margin-top:auto!important}



.ml-3{margin-left: 40px;}



.ml-2{margin-left: 20px;}



.mr-3{margin-right: 40px;}

.mb-0{margin-bottom: 0px;}

.v-align{vertical-align: middle;}



.py-2{padding:20px 0px;}



.p-5{padding: 56px 56px;}
.p-3{padding: 30px;}
.p-4{padding: 4rem;}
.p-1{padding: 10px;}
.p-2{padding: 20px 20px;}



.px-118{padding: 0px 118px;}



.px-5{padding: 0px 56px;}



.py-5{padding: 56px 0px;}



.py-4{padding: 40px 0px}



.pl-3{padding-left: 32px;}



.pl-4{padding-left: 42px;}



.pl-2{padding-left: 20px;}

.pl-0{padding-left: 0px;}

.pl-1{padding-left: 10px;}



.pt-2{padding-top: 10px;}



.pt-5{padding-top: 50px!important;}



.pt-9{padding-top: 90px!important;}



.pb-2{padding-bottom: 20px;}

.pt-0{padding-top: 0px;}
.pb-0{padding-bottom: 0px;}
.pr-1{padding-right: 10px;}



.pr-8{padding-right: 86px;}



.pl-8{padding-left: 86px;}



.pb-90{padding-bottom: 96px;}
.px-2{padding: 0px 20px;}


.pxpy-3{padding: 15px 50px;}

.ml-4{margin-left: 40px;}

.d-inline{display: inline-block;}







.badge-img2{padding: 20px 40px; background-color: white;  width: 200px; border-radius: 10px; height: 320px; transform: rotate(0deg);  box-shadow: 16px 16px 38px -16px rgba(0,0,0,0.8); position: absolute; left:60%; top: 0%;}



.badge-img2 .img{width: auto; height: auto; margin: 0 auto; text-align: center;}



.badge-img2 .splan-profile{width: 60px; height: 60px; border-radius: 50%; background: url(../assets/icons/aaron-profile-rounded.png);



 background-size: cover; background-position: center; background-repeat: no-repeat; margin: 0 auto; text-align: center; margin-top: 30px!important;}



.badge-img2 .line{width: 90%; height: 10px; border-radius: 50px; background-color: rgba(166,37,241,0.3); margin-top: 20px!important;  margin: 0 auto; text-align: center;}



.badge-img2 .line2{width: 100%; margin-top: 10px!important; margin: 0 auto; text-align: center; color: rgba(54,54,54,1.00);}







.badge-img3{background-color: white;  width: 320px; border-radius: 10px; height: 200px; transform: rotate(0deg);  box-shadow: 16px 16px 38px -16px rgba(0,0,0,0.8);}



.badge-img3 .img{width: auto; height: auto; color: #979797}



.badge-img3 .splan-profile{



	width: 80px;



    height: 80px;



    border-radius: 50%;



    background: url(../assets/icons/aaron-profile-rounded.png);



    background-size: cover;



    background-position: center;



    background-repeat: no-repeat;



    margin-left: 20px;



    margin-top: 24px!important;



}



.badge-img3 .line{width: 90%; height: 10px; border-radius: 50px; background-color: rgba(166,37,241,0.3); margin-top: 20px!important;  margin: 0 auto; text-align: center;}



.badge-img3 .line2{



    position: absolute;



    left: 160px;



    text-align: right;



    color: rgba(54,54,54,1.00);



}











.download-app-links{display: inline-block!important;}



.download-app-links img{width: 130px;}











.overlay1 h2{font-weight: 900;}



















/*testimonals-bg*/



.testimonials-bg{background: linear-gradient(0deg,rgba(41,41,41,0.6),rgba(41,41,41,0.6)),url("../img/images/b2.jpg");background-repeat: no-repeat; background-size: cover; background-position: center; color:rgba(41,41,41,1.00)}







.splan-footer{padding: 0px;}



.bg-map{background: linear-gradient(0deg,rgba(255,255,255,0.8),rgba(255,255,255,0.8)),url("../img/background-world-map-1.gif"); background-position: center; background-size: cover; background-repeat: no-repeat; padding: 30px;}



.text-white{color: white!important;}



.bold{font-weight: 600;}



.pr-1{padding-right: 10px;}



/*footer section*/



.bg-extra-dark-gray {



    background-color: #1c1c1c;



}



.footer-r-border{



	/*border-right: 1px solid  #363636;*/



}



.footer-r-border1{



	/*border-right: 1px solid  #363636;*/



}



.footer-address p{text-transform: capitalize;}



.f-padding{
	display: inline-block;
	margin: 0 auto;
}



.footer-li{padding-left: 18px; padding-top: 10px;display: inline-block;}
.social_links li{padding-right:0px;padding-left: 24px;}
.copy_right_tags{margin: 0px;}
.copy_right_tags p{color: #C3C3C3;font-size: 14px;}

.footer-li li i{font-size: 18px;}



.footer li{
	list-style-type: none;
}







.f-head{margin-bottom: 0px; color: #666; font-weight: 500;}



.footer-r-border ul li a{color: #CCC;  line-height: 30px; position: relative; font-weight: 200;font-size: 14px;}



.footer-r-border ul li a i{position: absolute; color: #FF6E41; left: 0; top:50%; transform: translateY(-50%); opacity: 0; transition: all 400ms linear 0s;}



.footer-r-border ul li a:hover{color: white;}

/*

.footer-r-border ul li a:hover i{opacity: 1;}*/

.footer-r-border  li{color: #ccc;}

.footer-r-border1{padding-right: 0px;}
.footer-r-border .footer_desc{color: #CCC;line-height: 26px;font-size: 14px;padding-right: 40px;margin-bottom: 0px;}
.footer-r-border1 ul li{font-weight: 400; line-height:26px; color: #ccc;}
.footer-our li{color: #ccc; font-weight: 400;}



.bg-image-map{background-image: url("../img/background-world-map-1.gif"); background-position: center; background-repeat: no-repeat; background-size: cover;}







.bg-dark1{background-color: #1A1A1A;}



.bg-dark1 a{color: #ccc;}



.bg-dark1 a:hover{color: #fff;}



.menu1{    font-size: 11px;



    text-transform: uppercase;



    font-weight: 600;



    letter-spacing: 1px;



    color: #666;



    opacity: 0.5;



    transition: all 0.3s ease;



    -webkit-transition: all 0.3s ease;



    -moz-transition: all 0.3s ease;



    max-width: 100%;



    white-space: normal;}



.footer-menu ul li{float: left; padding-right: 25px;}



.footer-menu ul li a{color: #666;}

.document_nda{width: 300px; height: auto;box-shadow: 1px 2px 16px 6px rgba(0,0,0,0.1);background-color: white;padding: 20px;border-radius: 20px;transform: rotate(4deg);margin: 0 auto;padding-bottom: 0px;}

.nda .nda_ipad{position: relative;width: auto;height: auto;}
.nda_sign{position: absolute;
    left: 7%;
    width: 42%;
    height: 75%;
    top: 13%;
    content: '';}
.home_index_web_view{display: block;}
.visitor-entrance-mobile{display: none;}


/*about_us and pathners image scrollable*/
.clint-list{overflow:hidden;white-space: nowrap;height: 200px;position: relative;}
.clint-list .img_list{animation: marquee 60s linear infinite;animation-delay:0s;position: relative;transform: translateX(-50%) translate3d(0, 0, 0);white-space: nowrap;left: calc(50%);}
.img_list img{display: inline-block;width: auto;}
@keyframes marquee{
	0%{transform: translateX(0%);}
	100%{transform: translateX(-170%);}
}



@media only screen and (min-width:992px){
	.page-setup{width: 90%!important;margin: 0 auto;}
}

@media only screen and ( max-width:992px){
	.nav-bar{padding: 0px;}
	.space-50{display: none;}
	.menu-bar{background-color: white!important;}
	.module i{color: #292929!important;}
	.home_index_web_view{display: none;}
    .visitor-entrance-mobile{display: block;}
    .nda_sign{position: absolute;left: 8%;width: 84%;}
	.main-container{padding: 0px;}
	.main-page{height: auto;}
	.container-fluid{padding: 0px;}
	.container{padding: 10px;}
	.ipad_img{z-index: 0!important; bottom: -21%!important;}
	.ipad_img img{width: 210px;}
	.page-setup{width: 100%!important;}
	.footer-menu ul li{padding-right:20px;}
	 h2{font-size: 26px;}
	.main-container{overflow: hidden;}
	.sub-kiosk-line{position: relative; top:75%; transform: translateY(-100%);}
	.carousel .item h5{font-size: 30px; line-height: 1; padding-top:0px;}
    .main_title{margin-bottom:0px;}
	.web{padding-top: 16px; padding-bottom: 20px;}
	.splan-bussiness{padding: 0px!important;}
	.splan-bussiness-img{width: 100%;}
	.upgrade-kiosk{width: 100%;}
	.bg-skew{padding-left: 10px!important;}
	.bg-skew h2{padding-right: 10px;}
	.splan-busines-des{padding: 15px;}
	.upgrade-kiosk{padding: 15px!important;}
	.bg-skew p{padding-left:0px; padding-right:0px;}
	.pl-4{padding-left: 10px;}
	.vms_strong{padding-left: 16px!important;}
	.bg-signin_app{padding: 0px; padding-top: 20px;}
	.signineasyapp{height: auto;}
	.mobile-image{height: 250px;}
	.badge-print-sec{padding-top: 10px;}
	.badge-img2{position: relative!important;left:22%!important;transform: translate(0%,0%)!important;}
	.image-bg{padding: 15px;}
	.image-bg h2{font-size: 28px;}
	.copy_tags{text-align: left;}
}
@media only screen and ( max-width:768px ){
	.container{padding: 0px;}
	img{max-width: 70%;}
	.text-md-center{text-align: center;}
	.page-integretions{height: auto!important;}
	.splan_reports_documents{margin-bottom: 50px;}
	 h2.title_heading{position: relative;font-size: 28px;}
     h2.title_heading_white{position: relative;font-size: 28px;}
	 p{margin-bottom: 5px;}
	.page-setup{width: 100%;}
	.main-page{height: auto;}
	.display-header_index{font-size: 40px}
	.index_splan_details{transform: translateY(0%);top:20%;padding-top: 80px;}
	.ml-4{margin-left: 15px;}
	.py-5{padding: 30px 0px!important;}
	.splan-bussiness-img{padding-top: 50px;}
	h1.display-header{
	font-size: 42px;
    }
}
@media only screen and ( max-width:662px ){
	h2.optional-heading{font-size: 18px;}
	h2.optional-heading a{font-size: 18px;}
	h1.heading_splan,h1.heading{font-size: 36px;line-height: 40px;}
	h1.section_head{font-size: 28px;}
	h2.head_w{font-size:28px;}
	.visitor-terms .pt-5{padding-top: 0px!important;}
}
@media only screen and ( max-width:468px ){
	img{max-width: 100%;}
	.display-header_index{font-size: 28px!important;}
    .px-2{padding: 0px;}
	.footer-r-border{border-right: none!important;}
	.footer-r-border1{padding-top: 20px!important;border-right: none!important;}
	.pl-3{padding-left: 17px!important;}
	.kiosk-line{padding-left: 0px; height: 100%;}
     .footer-menu ul li{padding-left:0px;}
	.social_links{float: right;}
    .font-s h2{font-size:22px;}
    .font-s p{ font-size: 14px;}
    .font-s h5{ font-size: 14px;}
     hr{opacity: 0.3;}
      .ml-3{margin-left: 0px;}
      .mr-3{margin-right:0px;}
	  .pxpy-3{padding: 15px 10px;}
      .processes{background-color:#f8f8f8; padding: 0px 30px 0px 30px; box-shadow: 0px 8px 32px 0px rgba(0,0,0,0.02);}
	  .splan_img img{width: 100%; /*height: 274px;*/}
	  .bg-skew::before{ transform: skewX(0deg);position:absolute; content: ''; width:100%; height: 100%; left: 0; right: 0; top: 0; bottom: 0; transform-origin: bottom left; background-color:inherit; z-index: -1;}
      .notification-msg{padding: 15px 40px;}
	  .center-management img{height: 250px; margin-bottom: 20px;}
	  .icon-tabs .tab-title span { font-size: 9px!important; line-height: 0;}
	 /*.documents img{height: 270px!important;}*/
	  .pathner-tech{height: auto; padding: 26px 0px;}
	  .badge-print img{position: static; left:30%; bottom: 0; transform:translate(-25%,0%);}
} 
@media only screen and ( max-width:336px){
	.carousel .item h5{font-size: 36px; line-height: 1; margin-bottom: 0px!important; padding-top: 15px;}
	.signineasyapp a img{width:120px!important;}
	.upgrade-kiosk img{height: 180px!important;}
}