/*   Main Styles by Front-end   */

.header{
	position: fixed;
	top:0;
	left:0;
	width: 100%;
	padding:21px 0;
	background-color:#ffffff;
	z-index: 99999999;
	-webkit-transition:all .3s;
	-moz-transition:all .3s;
	transition:all .3s;
}

.body{padding-top:90px;}

.logo{
	float: left;
	-webkit-transition:all .3s;
	-moz-transition:all .3s;
	transition:all .3s;
}

.navigation{
	float: right;
	-webkit-transition:all .3s;
	-moz-transition:all .3s;
	transition:all .3s;
}

.navigation ul li{
	display: inline-block;
	margin-left: 18px;
	padding:11.5px 0;
}

.navigation ul li a{
	display: block;
	font-family: 'Poppins';
	font-size: 17px;
	color:#242529;
}

.navigation ul li.active a,
.navigation ul li a:hover{color:#16afcf;}

.header.sticky{
	-webkit-box-shadow: 0 1px 15px #9b9b9b;
	-moz-box-shadow: 0 1px 15px #9b9b9b;
	box-shadow: 0 1px 15px #9b9b9b;
}

.banner-layer{
	position: absolute;
	top:0;
	left:0;
	width: 100%;
	height: 100%;
	color:#ffffff;
	z-index: 10;
}

.banner-box{max-width: 600px;}

.banner-layer img{margin:0;}
.banner-layer h1{
	font-family: 'Poppins-Bold';
	color:#ffffff;
	margin-top:40px;
}

.download-buttons{margin-top:40px;}
.download-buttons img{
	display: inline-block;
	margin:0 10px 0 0;
}

.download-buttons a:hover{opacity: .85;}

.app-items-inner{padding-left:380px;}

.iphone{
	position: absolute;
	top:0;
	left:-64px;
	width: 426px;
	height: 643px;
	text-align: center;
	padding:79px 0 0 10px;
	background: url('../images/main/iphone.png') no-repeat center;
}

.iphone img{display: none;}

.app-item-box{
	height: 200px;
	text-align: center;
	padding-top:50px;
	cursor: pointer;
	background-color: #ffffff;
	border-radius: 5px;
	-webkit-transition:all .3s ease-in-out;
	-moz-transition:all .3s ease-in-out;
	transition:all .3s ease-in-out;
}

.app-item-box.active{
	background: -webkit-linear-gradient(top, #23b1d2 , #22a4d3);
    background: -o-linear-gradient(bottom, #23b1d2, #22a4d3);
    background: -moz-linear-gradient(bottom, #23b1d2, #22a4d3);
    background: linear-gradient(to bottom, #23b1d2 , #22a4d3);
}

.app-item-box strong{
	display: block;
	font-family: 'Poppins';
	font-size: 20px;
	color:#242529;
	padding-top:65px;
	background-repeat: no-repeat;
	background-position:center -46px;
}

.app-item-box.active strong{
	color:#ffffff;
	background-position-y:10px !important;
	-webkit-transition:background .2s ease-in-out;
	-moz-transition:background .2s ease-in-out;
	transition:background .2s ease-in-out;
}

.app-item-box#item-1 strong{background-image: url('../images/items/item-1.png');}
.app-item-box#item-2 strong{background-image: url('../images/items/item-2.png');}
.app-item-box#item-3 strong{background-image: url('../images/items/item-3.png');}
.app-item-box#item-4 strong{background-image: url('../images/items/item-4.png');}
.app-item-box#item-5 strong{background-image: url('../images/items/item-5.png');}
.app-item-box#item-6 strong{background-image: url('../images/items/item-6.png');}

.client-boxes .section > img{
	border:1px solid #ececec;
	border-radius: 4px;
	-webkit-transition:all .3s ease-in-out;
	-moz-transition:all .3s ease-in-out;
	transition:all .3s ease-in-out;
}

.client-boxes .section > img:hover{border-color:#2bb0d4;}
.client-boxes a{display: block;}
.client-boxes a:hover{opacity: .9;}

.whitelabel-box{
	position: relative;
	padding:50px 45px 70px 45px;
	border:2px solid #dcdcdc;
	border-radius: 5px;
	-webkit-transition:all .5s ease-in-out;
	-moz-transition:all .5s ease-in-out;
	transition:all .5s ease-in-out;
}

.whitelabel-box:hover{border-color:#2bb0d4;}

.whitelabel-box h2{
	position: absolute;
	top:-27px;
	left:50%;
	width: 550px;
	margin-left: -275px;
	background-color: #eeeeee;
}

.whitelabel-box .button{
	position: absolute;
	bottom:-27px;
	left:50%;
	width: 250px;
	margin-left: -125px;
	background-color: #eeeeee;
}

.footer-box{
	position: relative;
	float: left;
	width: 20%;
	min-height: 200px;
	font-size: 15px;
	color:#f0f0f0;
	border-right: 1px solid #36373c;
}
.footer-box.middle{padding:0 40px;}
.footer-box.large{
	width: 40%;
	padding-left: 40px;
	border-right: none;
}

.footer-box h6{color:#f0f0f0;}
.footer-box i{
	display: inline-block;
	color:#16afcf;
	margin-right: 15px;
	-webkit-transition:all .3s ease-in-out;
	-moz-transition:all .3s ease-in-out;
	transition:all .3s ease-in-out;
}
.footer-box a:hover{color:#16afcf;}

.language{
	display: block;
	padding:0 30px 15px 0;
	background: url('../images/assets/dropdown-arrow-bottom.png') no-repeat 86% 10px;
	border-bottom:1px solid #36373c;
}

.language-box{
	position: absolute;
	top:-105px;
	left:0;
	width: 100%;
	visibility: hidden;
	opacity: 0;
	background-color: #242529;
	border:1px solid #36373c;
	border-radius: 3px;
	z-index: 10;
	-webkit-transition:all .3s ease-in-out;
	-moz-transition:all .3s ease-in-out;
	transition:all .3s ease-in-out;
}

.language-box.active{
	top:-95px;
	visibility: visible;
	opacity: 1;
}

.language-box::after{
	content:'';
	position: absolute;
	bottom:-6px;
	right: 30px;
	width: 10px;
	height: 10px;
	background-color: #242529;
	border-right:1px solid #36373c;
	border-bottom:1px solid #36373c;
	-webkit-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	transform:rotate(45deg);
}

.language-box a{
	display: block;
	padding:10px;
	border-bottom:1px solid #36373c;
}
.language-box a:last-child{border-bottom:none;}

.contact-info li{margin-top:16px;}

.socials a{
	display: inline-block;
	width: 33px;
	height: 33px;
	line-height: 30px;
	font-size: 13px;
	text-align: center;
	margin-right: 4px;
	border:1px solid #3a3c40;
	border-radius: 2px;
}
.socials i{margin-right: 0;}

.socials a:hover{
	background-color: #16afcf;
	border-color:#16afcf;
}
.socials a:hover i{color:#f0f0f0;}

.footer-bottom{
	padding:22px 0;
	border-top: 1px solid #36373c;
}

.footer-items a{
	display: inline-block;
	margin:13px 0 0 15px;
}
.footer-items a:hover{color:#f0f0f0;}

.page-title{
	text-align: center;
	padding:46px 0;
	background: url('../images/assets/pattern.jpg');
}
.page-title h2{color:#ffffff;}

.side-tabs{
	overflow: hidden;
	padding-left: 20px;
	background-color: #f4f4f4;
	border-radius: 4px;
}

.side-tabs li a{
	display: block;
	font-size: 15px;
	color:#64666b;
	padding:16px 0;
	border-bottom:1px solid #e3e3e3;
}
.side-tabs li:last-child a{border-bottom:none;}
.side-tabs li.active a{color:#16afcf;}
.side-tabs li:not(.active) a:hover{padding-left: 4px;}

.sitemap li:first-child{margin-top:0;}

.address{
	float: left;
	width: 60%;
	padding-right: 50px;
	border-right: 2px solid #23afd2;
}

.address address{
	display: block;
	min-height: 75px;
	padding-left: 70px;
	background: url('../images/icons/marker.png') no-repeat left top;
}

.email-phone{
	float: left;
	width: 40%;
	padding-left:25px;
}
.email-phone li{margin-bottom: 10px;}

a.site-color:hover{color:#1c7a91 !important;}

.feature-item{
	padding-left:60px;
	background-repeat: no-repeat;
	background-position: left 3px;
}
.features .section:nth-child(2n) .feature-item{padding-left: 85px;}
.feature-1{background-image: url('../images/whitelabel/feature-1.png');}
.feature-2{background-image: url('../images/whitelabel/feature-2.png');}
.feature-3{background-image: url('../images/whitelabel/feature-3.png');}
.feature-4{background-image: url('../images/whitelabel/feature-4.png');}

.feature-item p{padding-top:5px;}

.features .section-box:hover{
	-webkit-box-shadow: 0 0 20px #bababa;
	-moz-box-shadow: 0 0 20px #bababa;
	box-shadow: 0 0 20px #bababa;
}

.companies .card-box{margin-bottom: 30px;}

.company-box{
	display: table;
	width: 100%;
	height: 198px;
	border:1px solid #ececec;
	border-radius: 5px;
	-webkit-transition:all .3s ease-in-out;
	-moz-transition:all .3s ease-in-out;
	transition:all .3s ease-in-out;
}

.company-box:hover{border-color:#2bb0d4;}

.company-inner-box{
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}

.company-box.your-whitelabel{
	background: -webkit-linear-gradient(top, #23b1d2 , #22a4d3);
    background: -o-linear-gradient(bottom, #23b1d2, #22a4d3);
    background: -moz-linear-gradient(bottom, #23b1d2, #22a4d3);
    background: linear-gradient(to bottom, #23b1d2 , #22a4d3);
    border-color: transparent !important;
}

.company-box.your-whitelabel:hover{
	background: -webkit-linear-gradient(top, #22a4d3 , #23b1d2);
    background: -o-linear-gradient(bottom, #22a4d3, #23b1d2);
    background: -moz-linear-gradient(bottom, #22a4d3, #23b1d2);
    background: linear-gradient(to bottom, #22a4d3 , #23b1d2);
}

.whitelabel_form input[type="submit"]{margin-top:12px;}

.get-app input[type="submit"]{
	float: none;
	width: 100%;
}


/*   Added Styles by Back-end   */







/*   Added Styles After Q&A   */