@charset "utf-8";

/* CSS Document */

/* @import url('https://fonts.googleapis.com/css?family=Poppins:400,500,600,700,800,900&display=swap'); */
@import url('fonts.googleapis.css');
 a 
 {
	text-decoration: none;
	cursor: pointer;
}
a:hover,a:focus 
{
	text-decoration: none;
	outline: 0;
}
.row.m0 {
	margin: 0px;
}
.login-content .form-group input:focus,
button:focus,
input:focus {
	outline: none;
	box-shadow: none;
}
.p0 {
	padding: 0px !important;
}
body {
	font-family: 'Poppins', sans-serif;
	overflow-x: hidden;
}
.w_color {
	color: #fff;
}
.f_size_18 {
	font-size: 18px;
}
.bg-img {
	background-size: cover !important;
	background-position: center !important;
	background-repeat: no-repeat !important;
}
.white {
	color: #fff
}
.relative {
	position: relative;
}
.padding-bottom15 {
	padding-bottom: 15px;
}
p {
	font: 400 18px"Poppins", sans-serif;
	color: #2b2929;
}
.text-danger {
	color: #f10a05 !important;
}
.primary-gradient,
.pricing-select-button .active,
.social_icon ul li a:hover i {
	background: -moz-linear-gradient(left, rgba(77, 111, 146, 1)) 0%, rgba(77, 111, 146, 1) 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, rgba(77, 111, 146, 1)), color-stop(100%, rgba(77, 111, 146, 1)));
	background: -webkit-linear-gradient(left, rgba(77, 111, 146, 1) 0%, rgba(35, 177, 254, 1) 100%);
}
.clearfix:after {
	clear: both;
	display: block;
	content: '';
}
/* Button Hover */

.dark-blue-button,
.primary-gradient {
	background: -moz-linear-gradient(left, rgba(77, 111, 146, 1)) 0%, rgba(77, 111, 146, 1) 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, rgba(77, 111, 146, 1)), color-stop(100%, rgba(77, 111, 146, 1)));
	background: -webkit-linear-gradient(left, rgba(77, 111, 146, 1) 0%, rgba(35, 177, 254, 1) 100%);
	transition: linear .5s;
}
.dark-blue-button:hover,
.primary-gradient:hover {
	background: rgba(34, 75, 117, 1) !important;
}
.slider-intro-content .subcribes .btn_submit:hover,
.primary-btn:hover,
.primary-btn:active,
.primary-btn:focus,
.get-started a:hover {
	color: #fff;
	background: rgba(34, 75, 117, 1);
}
input::placeholder,
textarea::placeholder {
	color: #a1a8be !important;
}
.curve-background-right {
	border-radius: 26vw 0 0 26vw;
	background: #224b75;
	text-align: center;
}
.curve-background-left {
	/*--border-radius: 0 26vw 26vw 0;*/
	background: #224b75;
	text-align: center;
}
.margin-top30 {
	margin-top: 30px;
}
.white-button {
	background: #fff;
	color: #224b75;
	transition: all 0.5s ease;
}
.white-button span {
	color: #224b75;
	font-weight: 600;
	font-size: 18px;
}
.white-button:hover {
	background: rgba(255, 255, 255, 0.8);
}
/*============== Slider Css Start ==============*/

.home-banner {
	position: relative;
	/*padding: 100px 0 0 0;*/
	padding: 140px 0 0 0;
	background: #fff;
	/*height: 880px;*/
	height: 640px;
	margin-bottom: 0px;
}
.slider-intro {
	margin: auto;
	text-align: center;
	width: 73%;
}
.slider-intro-content h1 {
	font: 600 35px/70px"Poppins", sans-serif;
	margin-bottom: 16px;
	color: #224b75;
}
.slider-intro-content p {
	font: 400 19px/35px"Poppins", sans-serif;
	margin-bottom: 30px;
	color: #224b75;
}
.slider-intro-content .subcribes {
	width: 70%;
	text-align: center;
	margin: auto;
}
.slider-intro-content .subcribes .form-control {
	border-radius: 5px;
	background-color: white;
	-webkit-box-shadow: 0px 0px 12px 0px rgba(152, 152, 152, 0.4);
	box-shadow: 0px 0px 12px 0px rgba(152, 152, 152, 0.4);
	font: 300 16px/36px"Poppins", sans-serif;
	border: 0px;
	color: #72798e;
	height: 60px;
	padding: 0 145px 0 30px;
	position: relative;
	z-index: 1;
}
.slider-intro-content .subcribes .btn_submit {
	position: absolute;
	top: 0;
	right: 0;
	font: 500 16px/60px"Poppins", sans-serif;
	color: #fff;
	border-radius: 5px;
	padding: 0px 19px;
	border: 0px;
	z-index: 2;
	transition: all 0.5s ease;
}
.slider-intro-content .subcribes .btn_submit:hover {
	background: rgba(34, 75, 117, 0.9) !important;
}
.desktrack-image {
	padding: 0px 0;
}
.desktrack-image img.img-responsive {
	margin: auto;
}
.animated-wave {
	position: absolute;
	width: 100%;
	bottom: 0;
	height: auto;
}
.animated-wave img {
	width: 100%;
}
.animation_img {
	text-align: center;
	margin-top: 10px;
	z-index: 2;
	position: relative;
}
/*.animation_img img
{
	border-radius: 12px;
	box-shadow: 0 2px 9px rgba(43, 41, 41, 22%);
	animation-name: float-bob;
	animation-duration: 2s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
	-webkit-animation-name: float-bob;
	-webkit-animation-duration: 2s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
}*/

.slider-image img {
	box-shadow: 1px 1px 13px rgba(169, 169, 169, 0.4);
	border-radius: 5px;
	margin: auto;
}
/* Bob */

@-webkit-keyframes float-bob {
	0% {
		-webkit-transform: translateY(-20px);
		transform: translateY(-20px);
	}
	50% {
		-webkit-transform: translateY(-10px);
		transform: translateY(-10px);
	}
	100% {
		-webkit-transform: translateY(-20px);
		transform: translateY(-20px);
	}
}
@keyframes float-bob {
	0% {
		-webkit-transform: translateY(-20px);
		transform: translateY(-20px);
	}
	50% {
		-webkit-transform: translateY(-10px);
		transform: translateY(-10px);
	}
	100% {
		-webkit-transform: translateY(-20px);
		transform: translateY(-20px);
	}
}
.slider-image {
	position: relative;
	margin: auto;
	text-align: center;
}
.submit-demo {
	margin: 20px 0 40px;
}
.submit-demo p {
	margin-bottom: 0;
	font-weight: 300;
	font-size: 15px;
}
/*============== Slider Css End ==============*/

/*=============== saas_banner_area_two css ===============*/

.saas_banner_area_two {
	position: relative;
	z-index: 1;
	padding: 0;
}
.saas_banner_area_two .shap_img {
	position: absolute;
	width: 101%;
	height: 540px;
	bottom: 120px;
	z-index: 0;
	left: 0;
	overflow: hidden;
	background-size: cover;
	-webkit-transform: rotate(2deg);
	-ms-transform: rotate(2deg);
	transform: rotate(2deg);
	right: 0;
}
.saas_banner_area_two .section_intro {
	background-image: url(../images/1.png);
	/*  background-image: -moz-linear-gradient(-50deg, #237efd 0%, #24b0fe 46%, #24e2ff 100%);
  background-image: -webkit-linear-gradient(-50deg, #237efd 0%, #24b0fe 46%, #24e2ff 100%);
  background-image: -ms-linear-gradient(-50deg, #237efd 0%, #24b0fe 46%, #24e2ff 100%);*/
	height: 750px;
}
.intro_content {
	padding: 120px 15px 0;
	text-align: center;
	width: 86%;
	margin: auto;
}
.intro_content h1 {
	font: 500 40px/60px"Poppins", sans-serif;
	margin-bottom: 16px;
	color: #fff;
}
.intro_content p {
	font: 400 21px/35px"Poppins", sans-serif;
	margin-bottom: 40px;
	color: #ffffff;
}
.intro_content .subcribes {
	margin: 0 auto;
	display: block;
	width: 60%;
}
.intro_content .subcribes .form-control {
	border-radius: 4px;
	background-color: white;
	-webkit-box-shadow: 0px 8px 16px 0px rgba(0, 11, 40, 0.1);
	box-shadow: 0px 8px 16px 0px rgba(0, 11, 40, 0.1);
	font: 300 16px/36px"Poppins", sans-serif;
	border: 0px;
	color: #a1a8be;
	height: 60px;
	padding: 0 150px 0 30px;
	position: relative;
	z-index: 1;
}
.intro_content .subcribes .form-control.placeholder,
.intro_content .subcribes .form-control:-moz-placeholder,
.intro_content .subcribes .form-control::-moz-placeholder,
.intro_content .subcribes .form-control::-webkit-input-placeholder {
	color: #a1a8be;
}
.intro_content .subcribes .btn_submit {
	position: absolute;
	top: 0;
	right: 0;
	font: 400 14px/60px"Poppins", sans-serif;
	color: #fff;
	background: #1c7ce7;
	border-radius: 4px;
	padding: 0px 25px;
	border: 0px;
	z-index: 2;
}
.dashboard {
	text-align: center;
	margin-top: -320px;
	z-index: 2;
	position: relative;
}
/*=============== saas_banner_area_two css ===============*/

/*======== Slider Two Css ==========
.slider-two {
  position: relative;
  z-index: 1; padding:0;
}

.slider-two .shap_img {
  position: absolute;
  width: 101%;
  height: 540px;
  bottom: 120px;
  z-index: 0;
  left: 0;
  overflow: hidden;
  background-size: cover;
  -webkit-transform: rotate(2deg);
  -ms-transform: rotate(2deg);
  transform: rotate(2deg);
  right: 0;
}
.slider-two .slider-intro {
    background-image: -moz-linear-gradient(-50deg, #237efd 0%, #24b0fe 46%, #24e2ff 100%);
    background-image: -webkit-linear-gradient(-50deg, #237efd 0%, #24b0fe 46%, #24e2ff 100%);
    background-image: -ms-linear-gradient(-50deg, #237efd 0%, #24b0fe 46%, #24e2ff 100%);
    width: 100%;
    padding: 130px 0 0;
}
.section-container{height:500px;}


/*======== Slider Two Css End ==========*/

/*============ Comman Css Start ==============*/

section {
	padding-top: 34px;
}
.section-heading {
	margin-bottom: 40px;
	margin-top: 41px;
}
.section-heading h2,.video-content h2 {
	margin-top: 0;
	font: 500 35px/50px"Poppins", sans-serif;
	color: #224b75;
}
.section-heading p {
	font: 500 22px/38px"Poppins", sans-serif;
	width: 70%;
	margin: auto;
	color: #0b0565;
}
.desktrack-content h3,.feature-right-content h3,.data-security-content h3,{
	margin-top: 0;
	font: 500 28px/45px"Poppins", sans-serif;
	color: #224b75;
}
/*=========== Comman Css End ==============*/

/*======== Main Features Css Start ===========*/

.features-item {
	width: 100%;
	float: left;
	height: auto; 	
  margin: 0 0 50px;
	transition: all 0.5s ease;
}
.features-item .icon {
	display: block;
	position: relative;
	margin: 0 0 30px;
	height: 80px;
	line-height: 80px;
}

.features-item img {
	text-align: center;
	vertical-align: middle;
	position: relative;
	z-index: 3;
	margin-bottom: 10px; 	
  width: 65px;
}
.features-item .icon::after {
	width: 85px;
	height: 85px;
	background: #224b75;
	border-radius: 10px;
	content: '';
	position: absolute;
	left: 50%;
	top: 0;
	z-index: 1;
	-webkit-transform: translateX(-50%) rotate(-45deg);
	-ms-transform: translateX(-50%) rotate(-45deg);
	-moz-transform: translateX(-50%) rotate(-45deg);
	transform: translateX(-50%) rotate(-45deg);
	-webkit-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.features-item:hover .icon::after {
	background: -webkit-linear-gradient(-48deg, #237efd 0%, #24b0fe 46%, #24e2ff 100%);
}
.features-item:hover .white-icon {
	display: inline-block;
}
.features-item h3 {
	color: #43464b;
	font: 500 19px/28px'Poppins', sans-serif;
	width: 90%;
	margin: auto;
}
.features-item p {
	margin: 0;
}
.feature-button {
	margin: auto;
	text-align: center;
}
.feature-button a.primary-gradient.primary-btn {
	margin: 0 0 40px 0;
}
.url-tracking {
	width: 45% !important;
}
/*======== Main Features Css End ===========*/

/*======== Video Section Css Start ===========*/

.videobackground {
         background: #F5F9FB;
	width: 100%;
	padding: 50px 0;
}
.video-box iframe {
	width: 100%;
	height: 420px;
	border: none;
	box-shadow: 0 0 9px rgb(44, 44, 81);
}
.video-content h2 {
               color: #000;
}
.video-content ul {
	padding: 0;
}
.video-content ul li:after {
	clear: both;
	display: block;
	content: "";
}
.video-content ul li {
	list-style: none;
	display: block;
	color: #000;
	clear: both;
	margin-bottom: 10px;
}
.video-content ul li i {
	float: left;
	margin-right: 10px;
	font-size: 17px;
	margin-top: 6px;
	font-weight: 400;
}
.video-content p {
 	/*color: #fff;*/
	color: #000;
	line-height: 30px;
	float: left;
	width: 85%;
}
.video-img {
	width: 50%;
	float: left;
	height: 100%;
	background: url(../images/1.jpg) no-repeat center center;
	-webkit-background-size: cover;
	-ms-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	position: absolute;
	top: 0;
	left: 0;
}
.play-button {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	z-index: 9;
}
.play-button a {
	display: inline-block;
}
.play-button a::before,.play-button a::after {
	content: "";
	display: block;
	height: 60px;
	left: 50%;
	margin: -40px 0 0 -40px;
	position: absolute;
	top: 50%;
	width: 80px;
	z-index: 0;
}
.play-button a .fa {
	display: inline-block;
	background: #fff;
	line-height: 76px;
	border: 12px solid #dde5f1;
	border-radius: 50%;
	width: 100px;
	text-align: center;
	font-size: 24px;
	color: #23b1fe;
	position: relative;
	z-index: 6;
	-webkit-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.play-button a::after {
	-webkit-animation: bounce 1.5s linear infinite;
	-moz-animation: bounce 1.5s linear infinite;
	animation: bounce 1.5s linear infinite;
}
.video-img::after {
	width: 50%;
	height: 100%;
	position: absolute;
	right: -2px;
	top: 0;
	content: '';
	background: url(../images/video-shape.png) no-repeat right center;
	-webkit-background-size: auto 100%;
	-ms-background-size: auto 100%;
	-moz-background-size: auto 100%;
	background-size: auto 100%;
}
@-webkit-keyframes bounce {
	0%, 25% {
		width: 80px;
		height: 80px;
		border-radius: 50%;
		background-color: rgba(221, 229, 241, 0.8);
		margin: -40px 0 0 -40px
	}
	100% {
		width: 160px;
		height: 160px;
		border-radius: 50%;
		background-color: rgba(255, 255, 255, 0);
		margin: -80px 0 0 -80px;
	}
}
@-moz-keyframes bounce {
	0%, 25% {
		width: 80px;
		height: 80px;
		border-radius: 50%;
		background-color: rgba(221, 229, 241, 0.8);
		margin: -40px 0 0 -40px
	}
	100% {
		width: 160px;
		height: 160px;
		border-radius: 50%;
		background-color: rgba(255, 255, 255, 0);
		margin: -80px 0 0 -80px;
	}
}
@keyframes bounce {
	0%,25% {
		width: 80px;
		height: 80px;
		border-radius: 50%;
		background-color: rgba(221, 229, 241, 0.8);
		margin: -40px 0 0 -40px
	}
	100% {
		width: 160px;
		height: 160px;
		border-radius: 50%;
		background-color: rgba(255, 255, 255, 0);
		margin: -80px 0 0 -80px;
	}
}
/*======== Video Section Css End ===========*/

/*======== Features List Css Start ===========*/

.features_content {
	position: relative;
}
.feature-right-content h3 {
	margin: 0 0 20px 0;
	color: #224b75;
	font: 500 24px/47px"Poppins", sans-serif;
}
.feature-right-content p {
	line-height: 30px;
	font-size: 18px;
}
.primary-btn {
	margin-top: 30px;
	display: inline-block;
	color: #ffffff;
	font: 500 18px/47px'Lato', sans-serif;
	text-align: center;
	border-radius: 5px;
	padding: 0 20px;
	box-shadow: 0 4px 7px rgba(76, 75, 75, 26%);
	transition: all 0.5s ease;
}
.feature-listing img.shape {
	position: absolute;
	left: 50%;
	right: 0;
	top: 0;
	bottom: 0;
}
.features_content .border-line {
	position: absolute;
	left: 50%;
	height: 100%;
	border: 1px dashed #dbdade;
}
.features_content .shape1 {
	position: absolute;
	left: 50%;
	top: 40%;
	margin-left: -8px;
}
.features_content .shape2 {
	position: absolute;
	left: 48%;
	top: 47%;
	margin-left: -15px;
}
.features_content .shape3 {
	position: absolute;
	left: 50%;
	top: 62%;
	margin-left: -9px;
}
.feature-head {
	padding: 20px 0px;
}
.feature-head form {
	margin-left: 75px;
}
.bottom-features {
	margin-top: 120px;
}
.offset-lg-1 {
	margin-left: 8.333333%;
}
.offset-lg-2 {
	margin-left: 16.666667%;
}
.feature-left img.img-responsive {
	margin: auto;
}
.project-tracking-section {
	margin-top: 50px;
}
/*======== Features List Css End ===========*/

/*======== Progress Counter Start ===========*/

.progress-counter-two {
	background-image: url(../images/counter-back.png);
	padding: 60px 0;
	margin: 20px 0 8px 0;
}
.color-white {
	color: #fff !important;
}
.progress-bar,.progress-bar2 {
	position: relative;
	height: 170px;
	width: 170px;
	background: none;
	box-shadow: none;
	margin: auto auto 20px auto;
	text-align: center;
	float: none;
}
.progress-bar div,.progress-bar2 div {
	position: absolute;
	height: 170px;
	width: 170px;
	border-radius: 50%;
}
.progress-bar div span,.progress-bar2 div span {
	font: 500 40px/150px"Poppins", sans-serif;
	height: 150px;
	width: 150px;
	text-align: center;
	border-radius: 50%;
	background-color: white;
	color: #224b75;
	margin: 10px;
	display: block;
}
.progress-bar .rotate {
	clip: rect(0 100px 200px 0);
	background-color: #23b1fe;
}
.progress-bar .left {
	clip: rect(0 100px 200px 0);
	opacity: 1;
	background-color: #23b1fe;
}
.progress-bar .right {
	clip: rect(0 100px 200px 0);
	transform: rotate(180deg);
	opacity: 0;
	background-color: #23b1fe;
}
.counter-boxs {	text-align: center;}
@keyframes toggle {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
.counter-boxs h4 {
	font: 500 20px/30px"Poppins", sans-serif;
	color: #fff;
	margin-bottom: 0;
}
.insights-heading {
	margin-top: 0;
	margin-bottom: 50px;
}
/*-=-=-=-=-=-=-=-=-=-=-=- */
/* Column Grids */
/*-=-=-=-=-=-=-=-=-=-=-=- */
.counter {
	background-color: #ffffff;
	padding: 57px 10px;
	border-radius: 50%;
	width: 190px;
	height: 190px;
	line-height: 190px;
	margin: auto;
}
.count-title {
	font: 500 45px'Lato', sans-serif;
	margin-top: 0px;
	margin-bottom: 0;
	color: #224b75;
	text-align: center;
}
.count-text {
	font: 400 19px'Lato', sans-serif;
	margin-top: 0px;
	margin-bottom: 0;
	text-align: center;
}
.fa-2x {
	margin: 0 auto;
	float: none;
	display: table;
	color: #4ad1e5;
}
/*======== Progress Counter End ===========*/

.review-logos img {
	width: 100%;
}
.review-logos {
	width: 70%;
	text-align: center;
	margin-bottom: 40px;
}
.review-section{
	text-align: center;
	padding-bottom: 20px !important;
}
.review-section h2 {
	font-size: 39px;
	line-height: 60px;
	font-weight: 700;
}
.review-section p {
	font-size: 23px;
	font-weight: 500;
}
.client-logo {
	margin: auto;
}
.top-rate {
	width: 50% !important;
	margin-left: 20px;
}
.logo-reviws {
	margin-left: 140px;
}
.total-user {
	position: relative;
	background: #fff;
	z-index: 2 !important;
}
/*======== Why Desktrack Start ===========*/

.why-desktrack {
	position: relative;
 	/*padding: 23% 0 100px;*/
 	padding: 0% 0 100px;
	clear: both;
	/*z-index: -1;*/
	background: #f2f2f2;
	background: -moz-linear-gradient(top, #f2f2f2 0%, #ffffff 50%, #ffffff 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, #f2f2f2), color-stop(50%, #ffffff), color-stop(100%, #ffffff));
	background: -webkit-linear-gradient(top, #f2f2f2 0%, #ffffff 50%, #ffffff 100%);
	background: -o-linear-gradient(top, #f2f2f2 0%, #ffffff 50%, #ffffff 100%);
	background: -ms-linear-gradient(top, #f2f2f2 0%, #ffffff 50%, #ffffff 100%);
	background: linear-gradient(to bottom, #f2f2f2 0%, #ffffff 100%);
	filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#f2f2f2', endColorstr='#ffffff', GradientType=0);
}
.heading2 {  	/*margin-bottom: 0;*/ }
.why-desktrack li {
    list-style: none;
    text-align: left;
    width: 49%;
    float: left;
    margin-right: 2%;
}
.why-desktrack li:nth-child(2n) {
    margin-right: 0;
}
.why-desktrack li i.fa.fa-check {
    float: left;
    margin: 10px 10px 0 0;
}
.desktrack-content h3 {
	margin-bottom: 20px;
}
.desktrack-content p {
	line-height: 35px;
}
.desktrack-image .effect-img {
	position: absolute;
	/* top: 50%; */
	left: 0;
	right: 0;
	z-index: -1;
	margin: auto;
	text-align: center;
	/* bottom: 0; */
	/* -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%); */
	vertical-align: middle;
}
.rotateme {
	display: inline-block !important;
	max-width: 100%;
	animation-name: rotateme;
	animation-duration: 40s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
	-webkit-animation-name: rotateme;
	-webkit-animation-duration: 40s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
}
/* Rotateme */

@keyframes rotateme {
	from {
		transform: rotate(0deg);
	}
	to {
		transform: rotate(360deg);
	}
}
@-webkit-keyframes rotateme {
	from {
		-webkit-transform: rotate(0deg);
	}
	to {
		-webkit-transform: rotate(360deg);
	}
}
@-moz-keyframes rotateme {
	from {
		-moz-transform: rotate(0deg);
	}
	to {
		-moz-transform: rotate(360deg);
	}
}
@-o-keyframes rotateme {
	from {
		-o-transform: rotate(0deg);
	}
	to {
		-o-transform: rotate(360deg);
	}
}
/*======== Why Desktrack End ===========*/

/*======== Data Security Start ===========*/

.data-security {
	/*background: #224b75;*/
	background: #F5F9FB;
	padding: 60px 0px;
	margin: 20px 0 10px;
}
.data-security-right img {
	width: 100%;
}
.data-security-content {
	text-align: left;
}
.data-security-content h3 {
	margin-bottom: 36px;
	/*color: #fff;*/
	color: #000;
	font-size: 35px;
	font-weight: 100;
}
.data-security-content p {
	line-height: 30px;
}
.data-security-content ul {
	padding: 0;
}
.data-security-content ul li i {
	font-size: 24px;
	font-weight: 600;
	/*color: #fff;*/
	color: #000;
	margin-right: 10px;
}
.data-security-content ul li {
	list-style: none;
	display: block;
	padding-right: 0;
	font: 400 18px/50px'Poppins', sans-serif;
	/*color: #fff;*/
	color: #000;
	clear: both;
}
/*======== Data Security End ===========*/

/*======== Testimonial Css Start ===========*/

.testimonial .testimonial-content {
	padding: 60px 35px 40px;
	background: #fff;
	border-radius: 100px 0;
	position: relative;
	margin: 10px 10px 35px;
	box-shadow: 0px 0px 14px rgba(146, 143, 143, 0.3);
	transition: all 0.5s ease;
}
.testimonial .testimonial-content:hover {
	background: rgba(248, 252, 255, 0.5);
	border-radius: 10px 10px 100px;
}
.testimonial-content img {
	float: left;
	width: 19%;
	margin-right: 15px;
	border-radius: 50%;
	box-shadow: 0 3px 6px rgba(0, 0, 0, 40%);
}
.testimonial-content p {
	line-height: 30px;
	margin-bottom: 20px;
}
.user-detail {
	text-align: left;
}
.user-detail h3 {
	display: block;
	font: 600 16px/30px"Poppins", sans-serif;
	color: #224b75;
	text-transform: uppercase;
	margin: 0;
}
.user-detail span {
	display: block;
	font-size: 14px;
	color: #777;
}
.owl-theme .owl-controls {
	margin-top: 0px;
	padding-top: 0px;
}
.owl-theme .owl-controls .owl-buttons div {
	width: 40px;
	height: 40px;
	line-height: 40px;
	padding: 0 !important;
	display: inline-block !important;
	text-align: center !important;
	transition: all 0.5s ease;
}
.owl-prev:before,.owl-next:before {
	content: "\f104";
	font: 900 32px/40px"FontAwesome";
	color: #fdfffc;
	text-align: center;
	margin: auto;
	display: block;
}
.owl-next:before {
	content: "\f105";
}
.owl-prev:hover:before,.owl-next:hover:before {
	color: #fff;
}
.owl-prev,.owl-next,.owl-theme .owl-controls .owl-page span {
	background: -webkit-linear-gradient(-48deg, #237efd 0%, #24b0fe 46%, #24e2ff 100%) !important;
	background: -moz-linear-gradient(white, white), -moz-radial-gradient(-48deg, #237efd 0%, #24b0fe 46%, #24e2ff 100%) !important;
}
/*======== Testimonial Css End ===========*/

/*======== Client Logo Css Start ===========*/

.client-logo-slider {
	padding: 0;
	margin-bottom: 20px;
}
.client-logo img.img-responsive {
	margin: auto;
	text-align: center;
}
.client-owl-item .owl-controls.clickable {
	margin-top: 25px;
}
/*======== Client Logo Css End ===========*/

.white-gradient {
	background: rgba(255, 255, 255, 1);
	background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(250, 250, 253, 1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255, 255, 255, 1)), color-stop(100%, rgba(250, 250, 253, 1)));
	background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(250, 250, 253, 1) 100%);
	background: -o-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(250, 250, 253, 1) 100%);
	background: -ms-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(250, 250, 253, 1) 100%);
	background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(250, 250, 253, 1) 100%);
	filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#fafafd', GradientType=0);
	padding: 0;
}
/*======== Also See In Start ===========*/

section.alsoSeenIn {
	background: #f6f6f6;
	padding: 40px 0;
}
.alsoSeenIn .section-heading.text-center.wow.fadeInUp {
	margin-bottom: 19px;
}
.client-logo {
	margin: auto;
	text-align: center;
	display: block
}
.client-logo ul {
	padding-left: 90px;
}
.client-logo li {
	display: inline-block;
	list-style: none;
}
.client-logo li img {
	height: 135px;
	float: left;
	padding-top: 0;
	position: relative;
	top: -14px;
}
/*======== Also See In End ===========*/

/*======== Get Started Css Start ===========*/

.get-started {
	padding-bottom: 70px;
	padding-top: 50px;
	position: relative;
	z-index: 1;
}
.get-started:before {
	content: "";
	position: absolute;
	background: url(../images/bg-4.png) no-repeat scroll center bottom/cover;
	width: 100%;
	left: 0;
	height: 100%;
	z-index: -1;
}
.get-started-content img {
	margin-bottom: 32px;
}
.get-started-content h3 {
	font: 600 28px/44px"Poppins", sans-serif;
	color: #224b75;
	margin-bottom: 18px;
}
.get-started-content p {
	color: #7b7b93;
	font: 400 18px/30px"Poppins", sans-serif;
}
.get-started a {
	margin-top: 15px;
	color: #fff;
	font: 500 16px/47px"Poppins", sans-serif;
	border-radius: 5px;
	padding: 0px 20px;
	display: inline-block;
	transition: all 0.3s linear;
	box-shadow: 0px 20px 30px 0px rgba(45, 93, 237, 0.1);
}
/*======== Get Started Css End ===========*/

/*======== Footer Css Start ===========*/

footer {
	background-color: #ffffff;
	padding: 40px 0 30px;
}
.footer-box h3 {
	font: bold 24px/30px "Gotham", sans-serif;
	color: #6d6f76;
	margin-bottom: 14px;
	text-transform:uppercase;
}
.footer-box ul {
	padding: 0;
}
.footer-box ul li {
	ist-style: none;
	display: block;
	color: #6d6f76;
	font-size:14px; 
	font-weight:300;
}
.footer-box ul li img {
	vertical-align: initial;
}
.footer-box ul li img:hover {
	opacity: .8;
}
.footer-logo {
	width: 100%;
	margin-bottom: 18px;
	margin-top: 17px;
}
.footer-box ul li a {
	color: #6d6f76;
	font: 300 14px/30px "Gotham", sans-serif;
	display: block;
	-webkit-transition: all linear .3s;
	transition: all linear .3s;
}
.footer-box ul li a:hover
{
	color: #1e3a88;
	padding-left: 10px;
}
.address-listing li:after
{
	clear: both;
	display: block;
	content: "";
}
.address-listing i {
	font-size: 45px;
	margin-right: 30px;
	margin-left: 11px;
}
.address-listing p {
	width: 325px;
	font: 300 15px/30px"Poppins", sans-serif;
	margin-bottom: 10px;
	color: #f6f6f6;
}
.address-listing p span {
	clear: both;
	display: block;
	margin-bottom: 10px;
	vertical-align: top;
	line-height: initial;
}
.address-listing p strong { font-weight: 600; }
.social-icons li { display: inline-block !important; }
.social-icons li a i
{
	border-radius: 50%;
	color: #fff;
	width: 40px;
	font-size: 17px;
	line-height: 40px;
	font-weight: 400;
	height: 40px;
	text-align: center;
	transition: all linear .3s;
}

i.fa.fa-youtube {
	background: #c91e1f;
}
.social-icons li a i:hover {
	opacity: 0.8;
}
.social-icons li a:hover {
	padding: 0 !important;
}
.address-listing .whatsapp-img {
	display: inline-block;
	width: 10%;
}
.copyright-content {
	/* padding: 10px 0 0; */
	clear: both;
}
.copyright-content p {
	color: #cec8c8;
	font-size: 14px;
}
.copyright-content p a {
	color: #f0f4f5;
	font-weight: 500;
}
.footer-contact i {
	font-size: 18px;
	margin: 0 3px;
}
.footer-contact i.fa.fa-whatsapp {
	color: #4fc95d;
}
.footer-contact span a {
	display: inline-block !important;
}
.footer-contact span a:hover {
	color: #23b7e5;
	padding-left: 0px !important;
}
/*====Footer Bottom Start===*/

.footer-bottom {
	padding: 10px 0px;
	background: #1b1f23;
	position: fixed;
	bottom: 0px;
	left: 0;
	right: 0;
	z-index: 9;
	display: block;
}
.top-footer {
	margin-bottom: 87px;
}
.client-feedback-logo ul {
	margin-bottom: 0;
	padding: 0;
}
.find-us li {
	display: inline-block;
	width: 10%;
	margin-right: 15px;
}
.find-us li img {
	width: 100%;
	border-radius: 2px;
}
.find-us a:hover {
	color: #ccc;
	padding: 0px;
}
.social-icons {
	margin-top: 20px;
}
.footer-bottom .software-solution {
	width: 92%;
}
.desktrack-app h3 {
	font-size: 17px;
	color: #165775;
	line-height: 27px;
}
.desktrack-app ul li {
	list-style: none;
	display: inline-block;
	margin-right: 11px;
}
.data-seacurity-image {
	width: 70%;
}
.desktrack-app .app-links {
	padding-left: 0px;
}
.trustpilot-widget {
	width: 180px;
	float: left;
	display: block;
}
.footer-box h3:after {
	content: '';
	border-bottom: 2px solid #ffffff;
	width: 44px;
	height: 3px;
	display: block;
	border-radius: 2px;
	margin-top: 5px;
}
ul.app-links {
	margin-top: 16px;
}
/*=====footer Bottom End==*/

/*======== Footer Css End ===========*/

/*======== Pricing Page Start ===========*/

.innerpage-background {
	background-image: url(../images/inner-bg.jpg);
}
.innerpage-topspace {
	padding-top: 100px;
}
.pricing-intro {
	padding: 0 0 200px 0;
}
.pricing-content {
	padding-top: 15px;
}
.team-member-selected h4 {
	color: #224b75;
	font: 400 22px/30px"Poppins", sans-serif;
}
.team-member-selected h4 strong {
	color: #23b1fe;
	font: 600 25px/30px"Poppins", sans-serif;
}
.pricing-page-heading {
	width: 100% !important;
}
.slider-intro.pricing-page-heading h1 {
	font: 650 38px/61px'Lato', sans-serif !important;
}
.slider-intro.pricing-page-heading h1 span {
	font: 600 34px/61px'Lato', sans-serif !important;
}
span.annual-discount {
	position: absolute;
	padding: 17px;
	color: #e47038;
	font: 900 23px'Righteous', cursive;
	animation-name: bounce-1;
	animation-duration: 2s;
	animation-iteration-count: infinite;
}
@keyframes bounce-1 {
	0% { transform: translateY(0px); }
	50% { transform: translateY(-10px);}
	100% { transform: translateY(0px);}
}
.pricing-select-button {
	background-color: #ffffff;
	border-radius: 45px;
	margin: 0 0 18px;
	padding: 7px;
	display: inline-block;
	box-shadow: 0 0px 22px rgba(113, 109, 109, 20%);
}
.bubble {
	display: none;
	font-size: 21px;
	font-weight: 500;
	color: #0b498c;
	padding: 7px 0px;
}
.pricing-select-button li {
	background: transparent!important;
	display: inline-block;
	line-height: normal;
	outline: none;
	list-style: none;
}
.pricing-select-button li a i {
	font-size: 16px !important;
}
.pricing-select-button li a {
	display: block;
	font: 400 18px"Poppins", sans-serif;
	text-decoration: none;
	color: #6b7179;
	padding: 12px 35px;
	position: relative;
	border-radius: 24px!important;
	text-transform: uppercase;
	transition: all 0.5s ease;
}
#dollar {
	display: none;
}
.pricing-select-button .active {
	color: #fff;
}
.pricing-select-button li a:first-child:not(:last-child):not(.dropdown-toggle) {
	border-bottom-right-radius: 0;
	border-top-right-radius: 0;
}
.plan-section {
	background: #fff;
	box-shadow: 0px -4px 7px rgba(204, 201, 201, 0.1);
}
.plan-section .row {
	margin-top: -245px;
}
.pricing-content a.active .bubble {
	background-image: url(../images/blue-shape.png);
	color: #fff;
}
.pricing-content li .bubble {
	background: url(../images/gray-shape.png) no-repeat;
	background-size: 99px 36px;
	color: #6b7179;
	display: block;
	font: 400 13px/32px"Poppins", sans-serif;
	text-align: center;
	text-transform: none;
	object-fit: contain;
	position: absolute;
	top: -13px;
	right: -110px;
	height: 36px;
	width: 99px;
	display: none;
	transition: all 0.5s ease;
}
.price-main {
	background: -moz-linear-gradient(-45deg, #79cdfb 0%, #224b75 100%);
	background: -webkit-gradient(left top, right bottom, color-stop(0%, #79cdfb), color-stop(100%, #224b75));
	background: -webkit-linear-gradient(-45deg, #79cdfb 0%, #224b75 100%);
	color: #224b75;
}
.price-item {
	background: #fff;
	border-bottom-right-radius: 0px;
	padding: 40px 0 0;
	-webkit-transition: all linear .3s;
	-o-transition: all linear .3s;
	transition: all linear .3s;
	border-top-left-radius: 190px;
	box-shadow: 0 8px 30px 0 rgba(0, 0, 0, .1);
}
.price-item h4 {
	color: #224b75;
	font: 600 20px"Poppins", sans-serif;
	margin: 0;
	background: #ffffff;
	margin: auto;
	width: 225px;
	height: 41px;
	line-height: 41px;
	border-radius: 4px;
	margin-bottom: 20px;
	box-shadow: 0px 0px 15px 0px rgba(0, 11, 40, 0.2);
	transition: all 0.5s ease;
}
.price-item h3 {
	color: #224b75;
	font: 600 32px"Poppins", sans-serif;
	margin: 6px 0px;
}
.price-item h3 sup i {
	font-size: 28px !important;
}
.price-header h5 {
	font-size: 16px;
	margin-bottom: 13px;
	text-transform: capitalize;
	font-weight: 500;
	color: #224b75;
}
.top-start-trial {
	margin: 18px auto 10px auto;
}
.pricing-listing {
	padding: 13px 45px;
	text-align: left;
}
.pricing-bottom-button a.primary-gradient.primary-btn.start-box.startTrial {
	width: 100%;
	border-radius: 0;
}
.user_screenshots {
	width: 100%;
	font-size: 12px;
	/* padding-left: 20px; */
	color: #23b1fe;
	font-weight: 600;
}
.user_screenshots i {
	color: #23b1fe !important;
}
.prize-user {
	font-size: 15px;
}
.primary-gradient {
	color: #fff;
}
.pricing-listing p i {
	color: #224b75;
	font-size: 16px;
	margin-right: 5px;
}
.price-item a {
	padding: 0px 7px;
	border-radius: 5px;
	font: 500 30px/47px"Poppins", sans-serif;
	-webkit-transition: all linear .3s;
	transition: all linear .3s;
	display: block;
	margin: auto;
}
.text-light {
	color: #fff;
}
.price-main:hover .price-item {
	border-bottom-right-radius: 0;
}
.submit-button input:hover {
	background: -webkit-linear-gradient(-48deg, #24e2ff 0%, #24b0fe 46%, #237efd 100%);
	text-decoration: none;
	color: #fff;
}
#dollarPrice {
	display: none;
}
/* switch styles */

.switch {
	margin: 4rem auto;
	width: 24rem;
	position: relative;
}
.switch input {
	position: absolute;
	top: 0;
	z-index: 2;
	opacity: 0;
	cursor: pointer;
}
.switch input:checked {
	z-index: 1;
}
.switch input:checked + label {
	opacity: 1;
	cursor: default;
}
.switch input:not(:checked) + label:hover {
	opacity: 0.5;
}
.switch label {
	color: #224b75;
	opacity: 0.33;
	transition: opacity 0.25s ease;
	cursor: pointer;
}
.switch .toggle-outside {
	height: 100%;
	border-radius: 2rem;
	padding: 3px;
	overflow: hidden;
	transition: 0.25s ease all;
}
.switch .toggle-inside {
	border-radius: 50px;
	background: #74c5f3;
	position: absolute;
	transition: 0.25s ease all;
}
.switch--horizontal {
	width: 18rem;
	height: 3rem;
	margin: 0 auto;
	font-size: 0;
	margin-bottom: 1rem;
}
.switch--horizontal input {
	height: 3rem;
	width: 6rem;
	left: 6rem;
	margin: 0;
}
.switch--horizontal label {
	font-size: 1.5rem;
	line-height: 3rem;
	display: inline-block;
	width: 6rem;
	height: 100%;
	margin: 0;
	text-align: center;
}
.switch--horizontal label:last-of-type {
	margin-left: 6rem;
}
.switch--horizontal .toggle-outside {
	background: rgba(35, 182, 228, 0.2);
	position: absolute;
	width: 6rem;
	left: 6rem;
}
.switch--horizontal .toggle-inside {
	height: 24px;
	width: 24px;
}
.switch--horizontal input:checked ~ .toggle-outside .toggle-inside {
	left: 4px;
}
.switch--horizontal input ~ input:checked ~ .toggle-outside .toggle-inside {
	left: 3.25rem;
}
.switch--vertical {
	width: 12rem;
	height: 6rem;
}
.switch--vertical input {
	height: 100%;
	width: 3rem;
	right: 0;
	margin: 0;
}
.switch--vertical label {
	font-size: 1.5rem;
	line-height: 3rem;
	display: block;
	width: 8rem;
	height: 50%;
	margin: 0;
	text-align: center;
}
.switch--vertical .toggle-outside {
	background: #fff;
	position: absolute;
	width: 3rem;
	height: 100%;
	right: 0;
	top: 0;
}
.switch--vertical .toggle-inside {
	height: 2.5rem;
	left: 0.25rem;
	top: 0.25rem;
	width: 2.5rem;
}
.switch--vertical input:checked ~ .toggle-outside .toggle-inside {
	top: 0.25rem;
}
.switch--vertical input ~ input:checked ~ .toggle-outside .toggle-inside {
	top: 3.25rem;
}
.switch--no-label label {
	width: 0;
	height: 0;
	visibility: hidden;
	overflow: hidden;
}
.switch--no-label input:checked ~ .toggle-outside .toggle-inside {
	background: rgba(0, 0, 0, 0.2);
	border: 1px solid rgba(0, 0, 0, 0.2);
}
.switch--no-label input ~ input:checked ~ .toggle-outside {
	background: #fff;
}
.switch--no-label input ~ input:checked ~ .toggle-outside .toggle-inside {
	background: #2ecc71;
}
.switch--no-label.switch--vertical {
	width: 3rem;
}
.switch--no-label.switch--horizontal {
	width: 6rem;
}
.switch--no-label.switch--horizontal input,.switch--no-label.switch--horizontal .toggle-outside {
	left: 0;
}
.switch--expanding-inner input:checked + label:hover ~ .toggle-outside .toggle-inside {
	height: 2.5rem;
	width: 2.5rem;
}
.switch--expanding-inner.switch--horizontal input:hover ~ .toggle-outside .toggle-inside {
	width: 3.5rem;
}
.switch--expanding-inner.switch--horizontal input:hover ~ input:checked ~ .toggle-outside .toggle-inside {
	left: 2.25rem;
}
.switch--expanding-inner.switch--vertical input:hover ~ .toggle-outside .toggle-inside {
	height: 3.5rem;
}
.switch--expanding-inner.switch--vertical input:hover ~ input:checked ~ .toggle-outside .toggle-inside {
	top: 2.25rem;
}
/* mixin */

.pricecontact p {
	color: #224b75;
	font: 600 28px"Poppins", sans-serif;
}
.pricecontact-btn {
	background: #000;
}
.primary-gradient.start-box {
	color: #fff;
	width: 203px;
	font-size: 20px;
}
.primary-gradient.start-box:hover {
	box-shadow: 0px 20px 24px 0px rgba(0, 11, 40, 0.1);
	transform: perspective(1px) translateZ(0);
	transition-property: color;
	transition: all 0.3s ease;
}
.availableOn {
	background: #ebebeb;
	background: -moz-linear-gradient(top, #ebebeb 0%, #ffffff 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, #ebebeb), color-stop(100%, #ffffff));
	background: -webkit-linear-gradient(top, #ebebeb 0%, #ffffff 100%);
	background: -o-linear-gradient(top, #ebebeb 0%, #ffffff 100%);
	background: -ms-linear-gradient(top, #ebebeb 0%, #ffffff 100%);
	background: linear-gradient(to bottom, #ebebeb 0%, #ffffff 100%);
	filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ebebeb', endColorstr='#ffffff', GradientType=0);
	padding-bottom: 50px;
}
.availableboxs {
	text-align: center;
	margin: auto;
	display: block;
}
.availableboxs .circle {
	background-color: #fff;
	border-radius: 100%;
	box-shadow: 5px 5px 15px rgba(0, 0, 0, .3);
	height: 120px;
	padding: 25px;
	width: 120px;
	margin: auto auto 20px auto;
	transition: all 0.5s ease
}
.availableboxs h4 {
	color: #224b75;
}
.availableOn .section-heading.text-center.wow.fadeIn {
	margin-top: 9px;
}
.availableboxs:hover .circle {
	background-color: rgba(255, 255, 255, 0.7);
}
.also-availableOn {
	margin-top: 34px;
}
.also-availableOn h4 {
	font-weight: 600;
	font-size: 21px;
}
.also-availableOn ul {
	padding: 0;
	margin: 15px 0 0;
}
.also-availableOn ul li {
	list-style: none;
	display: block;
	line-height: 37px;
	font-size: 16px;
	font-weight: 600;
	color: #224b75;
}
.also-availableOn li i {
	margin-right: 5px;
}
/*======== Pricing Page End ===========*/

/*======== Contact Us Page Start ===========*/

.contact-detail {
	text-align: center;
	margin: 0 0 70px 0;
}
.contactpra {
	color: #777777 !important;
	margin-bottom: 50px !important;
}
.contact-detail h3 {
	font-size: 35px;
	color: #404751;
	font-weight: 500;
	margin: 0 0 32px 0;
}
.contact-detail p {
	font-size: 18px;
	color: #9b9ea2;
	width: 50%;
	margin: auto;
	line-height: 33px;
}
.contact-image img {
	box-shadow: none;
	width: 100% !important;
	margin: auto;
}
.contact-image .effect-img {
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	z-index: -1;
	margin: auto;
	text-align: center;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
}
.contact-form {
	padding-top: 30px;
	margin-bottom: 40px;
}
.contact-email {
	position: relative;
	z-index: 2;
	margin: auto;
}
.contact-form .form-group,.submit-button input {
	margin-bottom: 20px;
}
.contact-form .form-group input,.contact-form .form-group textarea {
	font-size: 16px;
	height: 54px;
	color: #72798e;
	border-radius: 15px;
	border: 1px solid #dcdcdc;
	padding: 5px 30px;
	font-weight: 300;
	width: 100%;
}
.contact-form .form-group textarea {
	padding: 15px 30px;
	height: auto;
	width: 100%;
}
.contact-form .form-group input:focus,.contact-form .form-group textarea {
	box-shadow: none !important;
	border-color: #23b7e5;
	background-color: #fff;
	border-color: #80bdff;
	outline: 0;
}
.submit-button {
	float: right;
}
.submit-button input,.submit-button button {
	border: 0;
	border-radius: 5px;
	padding: 0px 20px;
	color: #fff;
	font: 500 16px/47px"Poppins", sans-serif;
	box-shadow: 0 4px 7px rgba(76, 75, 75, 26%);
	transition: all 0.5s ease;
	margin-bottom: 14px;
}
.contact-close-icon {
	font-size: 26px;
	position: relative;
	right: 4px;
	opacity: 0.7;
	color: #5e5f5f;
	font-weight: normal;
}
/*======== Contact Us Page End ===========*/

/*======== Feature Page Start ===========*/

.main-feature {
	margin-top: 45px;
}
section.innerpage-heading {
	padding: 0;
}
.slider-intro .section-heading h2 {
	margin-bottom: 30px;
}
.slider-intro-content h2 {
	line-height: inherit;
	/* padding: 15px 0px; */
	padding-bottom: 25px;
	color: #224b75
}
.feature-detail1 {
	padding: 42px 0;
	margin: 0px 0px 100px 10%;
}
.feature-gradient {
	background: rgba(248, 252, 255, 1);
	background: -moz-linear-gradient(top, rgba(248, 252, 255, 1) 0%, rgba(255, 255, 255, 1) 52%, rgba(255, 255, 255, 1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(248, 252, 255, 1)), color-stop(52%, rgba(255, 255, 255, 1)), color-stop(100%, rgba(255, 255, 255, 1)));
	background: -webkit-linear-gradient(top, rgba(248, 252, 255, 1) 0%, rgba(255, 255, 255, 1) 52%, rgba(255, 255, 255, 1) 100%);
	background: linear-gradient(to bottom, rgba(248, 252, 255, 1) 0%, rgba(255, 255, 255, 1) 52%, rgba(255, 255, 255, 1) 100%);
	filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#f8fcff', endColorstr='#ffffff', GradientType=0);
	padding: 80 0 80px 0;
}
.feature-detail2 {
	padding: 50px 0;
	margin: 0px 0px 50px 0;
}
.inner-curve-detail a.primary-gradient.primary-btn {
	margin-top: 10px;
}
.main-feature-listing {
	margin-bottom: 50px;
	min-height: 354px;
	margin-top: 30px;
	display: block;
	clear: both;
}
.feature-left,.feature-right-content.padding-top60 {
	padding: 30px 0px;
}
.inner-feature-listing {
	margin-bottom: 50px;
}
.inner-feature-listing img.shapes,.feature-gradient .features_content img.shapes {
	top: 0;
	position: absolute;
	left: 50%;
	height: 90%;
}
.dark-background {
	background: #cccece;
	padding: 80px 0;
	margin-bottom: 100px;
}
.inner-feature-box span {
	border-radius: 50%;
	width: 60px;
	height: 60px;
	text-align: center;
	line-height: 60px;
	float: left;
	box-shadow: 0px 0px 9px rgba(171, 169, 169, 0.5);
	position: absolute;
	top: 1px;
	left: 1px;
	bottom: 0;
	color: #fff;
	background: #fff;
}
.inner-feature-box {
	background: #fff;
	box-shadow: 0 0 8px rgba(165, 164, 164, 0.3);
	border-radius: 4px;
	padding: 12px 0 12px 70px;
	margin: 8px 0;
	color: #224b75;
	font: 500 16px"Poppins", sans-serif;
	border-top-left-radius: 50px;
	border-bottom-left-radius: 50px;
	margin: 0px 0 30px 0;
	position: relative;
}
.feature-right-content {
	padding: 30px 0 0;
}
.rating-reviews .owl-prev,.rating-reviews .owl-next,.owl-theme .owl-controls .owl-page span {
	background: #fff !important;
}
/*===Feature Slider Start====*/

.client-feedback {
	margin-top: 0;
	margin-bottom: 15px;
}
.inner-curve-detail h3 {
	color: #fff;
	margin-bottom: 17px;
}
.inner-curve-detail p {
	color: #fff;
	line-height: 51px;
	font-size: 30px;
}
.scroll-btn {
	border: 1px solid #2390fd;
	border-radius: 2px;
	bottom: 70px;
	color: #2390fd;
	font-size: 50px;
	right: 0px;
	-webkit-transition: 0.3s;
	transition: 0.3s;
	position: fixed;
	z-index: 9;
	background: none;
	border: none;
}
.scroll-btn:hover {
	/*background-color: #248afd;*/
	color: #2390fd;
}
.inner-feature-box:hover {
	background: -webkit-linear-gradient(left, rgba(77, 111, 146, 1) 0%, rgba(35, 177, 254, 1) 100%);
	box-shadow: 0px 20px 24px 0px rgba(0, 11, 40, 0.1);
	transform: perspective(1px) translateZ(0);
	transition-property: color;
	transition: all 0.5s ease;
	color: #fff;
}
.inner-feature-box:hover a {
	color: #fff;
}
.footer-box .app-links li {
	display: inline-block;
}
.footer-box .app-links li a {
	font-size: 60px;
	margin-right: 15px;
	color: #fff;
}
.footer-box .app-links li a:hover {
	color: #ccc;
	padding: 0px;
}
.footer-box .social-icons li {
	margin-right: 8px;
}
li.social-icon {
	background: #e47038;
}
.modal-body {
	position: relative;
	padding: 0px;
}
.fl {
	float: left;
}
.fr {
	float-right;
}
.footer-box .address-listing img {
	margin-right: 19px;
}
.capterra-rating {
	color: #fff;
}
.capterra-rating h3 {
	color: #fff;
	font-size: 27px;
	/* line-height: 55px; */
	margin-bottom: 19px;
	font-weight: 500;
	margin-top: 0;
}
.rating ul li {
	display: inline-block;
}
.rating ul li i {
	color: antiquewhite;
	font-size: 23px;
	padding: 0px 2px;
}
.rating-count a {
	color: #fff;
	background: rgba(0, 0, 0, .2);
	margin: 0 14px;
	padding: 4px 10px;
	line-height: 1.45;
	border-radius: 3px;
	text-decoration: none;
}
.rating-count a:hover {
	background: #fff;
	color: #666;
	transition: .5
}
.rating-platform {
	font-weight: 400;
	line-height: 2.10;
	color: #fff;
}
a .rating-count:hover {
	color: #fff;
}
.rating-image img {
	width: 40%;
	margin: 28px 0 0 56px;
}
.plan-section {
	padding: 80px 0px;
}
.rangeslider-wrap {
	padding-top: 43px;
	margin-bottom: 30px;
}
.rating-text {
	text-align: left;
	padding: 20px 0px;
}
#rating-review .owl-prev {
	position: absolute;
	top: 83px;
	left: -70px;
}
#rating-review .owl-next {
	position: absolute;
	top: 83px;
	right: -60px;
}
.rating ul {
	margin-left: -42px;
}
.rating-image iframe {
	margin: 20px 0 0 160px;
}
.rating-platform a {
	color: #224b75;
	font-size: 14px;
	background: #ffffff;
	border-radius: 5px;
	padding: 3px 10px;
	font-weight: 600;
	margin-left: 5px;
	transition: all 0.5s ease;
}
.rating-platform a:hover {
	background: rgba(255, 255, 255, 0.8);
}
/*==== Feature Slider End ===*/

/*======== Feature Page End ===========*/

/*======== Signin/SignUp Modal Start ===========*/

.floatnone {
	float: none;
}
/*.loginmodal
{
	animation: opt-animation3 1s;
 -moz-animation-fill-mode: forwards -webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
}*/

.loginmodal-header {
	background: rgba(194, 230, 251, 0.2);
}
.loginmodal-header button.close {
	opacity: 1;
	padding: 0px 8px 0 0;
	color: #224b75;
	font-size: 35px;
	font-weight: normal;
}
.loginmodal-header button.close:hover {
	background: none;
	color: #23b1fe;
}
.modal-top-tab.clearfix {
	padding: 4px 0;
	clear: both;
	display: block;
}
.left-shape-content,.rememberbox label { float: left;  }
.left-shape-content a {
	background-image: url(../images/left-shape.png);
}
.right-shape-content,.rememberbox a {
	float: right;
}
.right-shape-content a {
	background-image: url(../images/right-shape.png);
}
.left-shape-content a,.right-shape-content a {
	padding: 15px 8px;
	font: 500 19px"Poppins", sans-serif;
	text-align: center;
	margin: 0;
	color: #224b75;
	width: 170px;
	display: block;
	cursor: pointer;
}
.loginmodal-header img.img-responsive {
	margin: auto;
}
.loginmodal .modal-body {
	background: #fff;
	text-align: center;
}
.login-content {
	width: 75%;
	margin: 30px auto auto;
}
.login-content h3 {
	font: 600 23px"Poppins", sans-serif;
	color: #224b75;
	margin-bottom: 12px;
	text-align: center;
}
.login-content .form-group p {
	background: #fff;
	border: 1px solid #dcdcdc;
	border-radius: 15px;
	height: 48px;
	line-height: 48px;
	overflow: hidden;
}
.login-content .form-group p i {
	background: #b9e2fb;
	border-radius: 50%;
	width: 35px;
	height: 35px;
	line-height: 35px;
	float: left;
	margin: 6px 0 6px 10px;
	color: #0d0d0e;
	text-align: center;
	font-size: 15px;
}
.login-content .form-group input {
	border: 0;
	line-height: inherit;
	height: 44px;
	background: none;
	width: 85.33%;
	float: left;
	display: block;
	padding: 0 10px;
	border-top-right-radius: 15px;
	border-bottom-right-radius: 15px;
}
.floatnone {
	float: none;
	clear: both;
	text-align: center;
}
select {
	color: #a1a8be;
	border: none;
	background: no-repeat;
	width: 87%;
	outline: none
}
.checkbox,.radio {
	position: relative;
	display: block;
	margin-top: -7px;
	margin-bottom: 10px;
}
.form-group {
	margin-bottom: 1px;
}
.rememberbox input {
	margin: 0;
	position: relative;
	top: 0px;
}
.rememberbox {
	margin-bottom: 15px;
}
#userSignup {
	display: none;
}
.form-group p.help-block.help-block-error {
	background: none;
	border: 0;
	height: auto;
	line-height: inherit;
	clear: both;
}
@-webkit-keyframes opt-animation3 {
	0% {
		opacity: 0;
		transform: scale(0.75);
	}
	100% {
		opacity: 1;
		transform: scale(1);
	}
}
@-moz-keyframes opt-animation3 {
	0% {
		opacity: 0;
		transform: scale(0.75);
	}
	100% {
		opacity: 1;
		transform: scale(1);
	}
}
@-o-keyframes opt-animation3 {
	0% {
		opacity: 0;
		transform: scale(0.75);
	}
	100% {
		opacity: 1;
		transform: scale(1);
	}
}
@keyframes opt-animation3 {
	0% {
		opacity: 0;
		transform: scale(0.75);
	}
	100% {
		opacity: 1;
		transform: scale(1);
	}
}
.rememberbox input#loginform-rememberme {
	display: inline-block;
	float: left;
	width: auto;
	margin: 0;
	height: auto;
}
.rememberbox .form-group.field-loginform-rememberme {
	float: left;
}
.rememberbox .checkbox {
	margin-top: 0;
}
.rememberbox label.rememberlabel {
	margin-left: 20px;
}
.notyet-content p {
	font-size: 15px;
	font-weight: 500;
	margin-bottom: 17px;
}
.for-information {
	text-align: right;
	margin-bottom: 13px;
	color: #717070;
}
/*======== Signin/Signup Modal End ===========*/

/*======== Find Out Why Start ===========*/

.findout-detail {
	padding-bottom: 185px;
	position: relative;
	padding-bottom: 170px;
}
.findout-detail .dot_img {
	position: absolute;
	left: 0;
	top: 28px;
}
.findout-detail-item {
	margin-top: 130px;
}
.mt-0,
.my-0 {
	margin-top: 0!important;
}
.findout-detail-item .findout-detail-content {
	position: relative;
}
.pl_70 {
	padding-left: 70px;
}
.pl_100 {
	padding-left: 100px;
}
.dot {
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background-color: rgba(255, 161, 39, 0.161);
	display: block;
	position: absolute;
	left: -9px;
	top: 15px;
	z-index: 1;
}
.flex-row-reverse .findout-detail-content .dot {
	left: 44px;
}
.dot .dot1 {
	position: absolute;
	left: 50%;
	margin-top: -4px;
	margin-left: -4px;
	top: 50%;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: #feb85d;
}
.dot .dot2 {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: rgba(254, 184, 93, 0.8);
	-webkit-animation: pulsate 3s infinite;
	animation: pulsate 3s infinite;
	-webkit-animation-delay: 1.5s;
	animation-delay: 1.5s;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	will-change: transform;
}
.findout-detail-item .findout-detail-content h3 {
	font: 500 26px/36px"Poppins", sans-serif;
	color: #222d39;
	margin: 32px 0px 25px;
}
.findout-detail-item .findout-detail-content p {
	font-size: 15px;
}
.findout-detail-item {
	margin-top: 130px;
}
.dot.middle_dot {
	left: 55.8%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	bottom: 0;
	top: auto;
}
@-webkit-keyframes pulsate {
	0% {
		opacity: 1;
		-webkit-transform: translate(-50%, -50%) scale(0.5);
		transform: translate(-50%, -50%) scale(0.5);
	}
	100% {
		opacity: 0;
		-webkit-transform: translate(-50%, -50%) scale(4);
		transform: translate(-50%, -50%) scale(4);
	}
}
@keyframes pulsate {
	0% {
		opacity: 1;
		-webkit-transform: translate(-50%, -50%) scale(0.5);
		transform: translate(-50%, -50%) scale(0.5);
	}
	100% {
		opacity: 0;
		-webkit-transform: translate(-50%, -50%) scale(4);
		transform: translate(-50%, -50%) scale(4);
	}
}
/*======== Find Out Why End ===========*/

/*======== Video Modal Css Start ===========*/

div#viedoModal {
	overflow: hidden;
	height: 100%;
	width: 100%;
	padding: 0 !important;
}
.modalchange .modal-dialog {
	width: 100%;
	height: 100%;
	margin: 0 auto;
	padding: 0;
	max-height: 100%;
	border-radius: 0;
}
.modalchange .modal-content {
	border-radius: 0;
	width: 100%;
	display: block;
	height: 100%;
	background: rgba(13, 8, 8, 0.75);
}
div#viedoModal button.close {
	color: rgba(255, 255, 255, 0.8);
	font-size: 65px;
	font-weight: normal;
}
.videopart {
	margin: auto;
	text-align: center;
	padding: 60px 0;
}
/*======== Video Modal Css End ===========*/

/*======== Contact Detail Modal Css Start ===========*/

.contact-modal-detail .modal-dialog {
	width: 670px;
	margin-top: 10%;
}
.contact-modal-detail {
	text-align: center;
	margin-bottom: 30px;
	padding: 30px 20px 10px;
}
.contact-modal-detail h3 {
	font: 600 24px/25px"Poppins", sans-serif;
	margin-bottom: 16px;
	margin-top: 0;
	color: #224b75;
}
.contact-modal-detail p {
	margin-bottom: 20px;
	width: 97%;
	color: #777;
}
.contact-icon a {
	margin: 0;
	position: relative;
}
.contact-icon a::before,.contact-icon a::after {
	content: "";
	display: block;
	height: 60px;
	left: 0;
	bottom: 0;
	position: absolute;
	top: 0;
	right: 0;
	width: 60px;
	z-index: 0;
}
.contact-icon a i {
	display: inline-block;
	background: #fff;
	line-height: 70px;
	border: 6px solid #dde5f1;
	border-radius: 50%;
	width: 80px;
	height: 80px;
	text-align: center;
	font-size: 33px;
	color: #224b75;
	position: relative;
	z-index: 6;
	-webkit-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.contact-icon a::after {
	-webkit-animation: bounce2 1.5s linear infinite;
	-moz-animation: bounce2 1.5s linear infinite;
	animation: bounce2 1.5s linear infinite;
}
.contact-icon a::before,.contact-icon a::after {
	content: "";
	display: block;
	height: 60px;
	left: 0;
	right: 0;
	position: absolute;
	top: 0;
	bottom: 0;
	width: 60px;
	z-index: 0;
}
.contact-detail-box1 a {
	margin-top: 20px;
	font: 500 14px/25px"Poppins", sans-serif;
	display: block;
	word-wrap: break-word;
	color: #224b75;
}
@-webkit-keyframes bounce2 {
	0%, 25% {
		width: 70px;
		height: 70px;
		border-radius: 50%;
		background-color: rgba(221, 229, 241, 0.8);
		margin: auto;
		text-align: center;
	}
	100% {
		width: 120px;
		height: 120px;
		border-radius: 50%;
		background-color: rgba(255, 255, 255, 0);
		margin: auto;
		text-align: center;
	}
}
@-moz-keyframes bounce2 {
	0%, 25% {
		width: 70px;
		height: 70px;
		border-radius: 50%;
		background-color: rgba(221, 229, 241, 0.8);
		margin: auto;
		text-align: center;
	}
	100% {
		width: 120px;
		height: 120px;
		border-radius: 50%;
		background-color: rgba(255, 255, 255, 0);
		margin: auto;
		text-align: center;
	}
}
@keyframes bounce2 {
	0%,25% {
		width: 70px;
		height: 70px;
		border-radius: 50%;
		background-color: rgba(221, 229, 241, 0.8);
		margin: auto;
		text-align: center;
	}
	100% {
		width: 120px;
		height: 120px;
		border-radius: 50%;
		background-color: rgba(255, 255, 255, 0);
		margin: auto;
		text-align: center;
	}
}
.social_icon
{
	position: fixed;
	left: calc(100% - 8px);
	top: 45%;
	z-index: 999;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	display: inline-block;
}
.social_icon ul li 
{
	margin-bottom: 8px;
	background: #fff;
	transition: all linear .3s;
	white-space: nowrap;
	box-shadow: 0 0 5px rgba(193, 193, 193, 0.7);
	margin-left: -14%;
	-webkit-transition: ease all .5s;
	-moz-transition: ease all .5s;
	-o-transition: ease all .5s;
	transition: ease all .5s;
	width: 210px;
}
.social_icon ul li a 
{
	color: #224b75;
	font: 400 17px/36px"Poppins", sans-serif;
	text-decoration: none;
}
.social_icon ul li:hover 
{
	-o-transform: translateY(-155px, 0);
	-moz-transform: translateY(-155px, 0);
	-webkit-transform: translate(-155px, 0);
	transform: translate(-155px, 0);
}
.social_icon ul li:hover a { 	color: #23b1fe;}
.social_icon ul li a i 
{
	color: #fff;
	font-size: 23px;
	text-align: center;
	background: #224b75;
	line-height: 24px;
	padding: 15px 19px 16px 20px;
	border-top-left-radius: 50%;
	border-bottom-left-radius: 50%;
	margin-right: 6%;
	margin-left: -58px;
	-webkit-box-shadow: 0 0 5px rgba(193, 193, 193, 0.7);
	-moz-box-shadow: 0 0 5px rgba(193, 193, 193, 0.7);
	box-shadow: 0 0 5px rgba(193, 193, 193, 0.7);
	text-decoration: none;
}
.social_icon ul li a:hover i {	color: #ffffff; }
.select-language-modal .modal-dialog { 	width: 530px;}
.language-select 
{
	width: 67%;
	margin: 27px auto auto;
	text-align: left;
}
.language-select .dd .arrow {	height: 30px; }
.language-select .dd 
{
	border: 0;
	box-shadow: 0 0 5px rgba(136, 133, 133, 0.5);
	padding: 8px 13px;
}
.language-select .dd .ddChild 
{
	border: 1px solid #c3c3c3;
	background-color: #fff;
	left: 0px;
	top: 46px !important;
}
.contact-detail-box1 span {	display: block; }
.contact-detail-box1 span a 
{
	display: inline-block;
	margin: 0;
	font-size: 17px;
	margin-right: 3px;
}
.contact-detail-box1 span a i.fa.fa-whatsapp {	color: #4fc95d;}
/*======== Contact Detail Modal Css End ===========*/

/*========= Solutions Inner Pages Css Start =======*/

.solutions-innerpages .slider-intro {	padding: 13% 0 0 0;}
.solutions-innerpages .slider-intro h1 {	margin-bottom: 30px;}
.solutions-innerpages .slider-intro p {	color: #fff;}
.solutions-innerpages .input-group.subcribes button {	background: -webkit-linear-gradient(left, rgba(77, 111, 146, 1) 0%, rgba(35, 177, 254, 1) 100%);}
/*=========it pro css=======*/

.site-index .header2 
{
	background-image: url(../images/itpro-bg.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	min-height: 520px;
	position: relative;
}
.header .overlay,.header3 .overlay,.header2 .overlay,.header4 .overlay
 {
	background-color: rgba(0, 0, 0, 0.70);
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}
.content,.timesheet,.report,.time-management,.real-time {	padding: 50px 0 70px;}
.headslidercont 
{
	text-align: center;
	margin-top: 18%;
	display: block;
}
.headslidercont h1 
{
	color: #fff;
	font: 500 49px/60px"Poppins", sans-serif;
	width: 71%;
	margin: auto auto 25px auto;
}
.header2 h1 
{
	font: 500 31px/49px"Poppins", sans-serif;
	color: #fbfbfb !important;
}
.navbar-dark .slideremailbox p {	color: #fff;}
.slideremailbox
 {
	text-align: left;
	display: block;
	width: 53%;
	margin: auto;
}
.notyet-content a.forgotPass {	cursor: pointer; }
.reistered-form {	padding-bottom: 10px; }
.formgroup 
{
	background: rgba(255, 255, 255, 0.9);
	margin: auto;
	border-radius: 10px;
	padding: 0px;
	width: 100%;
	line-height: 25px;
	height: 40px;
	transition: all 0.5s ease;
}
.click-form 
{
	background: rgba(255, 255, 255, 0.9);
	margin: auto;
	border-radius: 10px;
	padding: 0px;
	width: 100%;
	line-height: 25px;
	height: 40px;
	transition: all 0.5s ease;
}
.slideremailbox p 
{
	width: 100%;
	font-size: 15px;
	font-weight: 300;
	text-align: center;
	margin: 35px auto;
	line-height: inherit;
}
.content,.timesheet,.report,.time-management,.real-time { padding: 50px 0 70px;}
.innersolution {	margin: 0px 0 20px;}
.description-heading {
	margin-top: 0;
	font: 500 35px/50px"Poppins", sans-serif;
	color: #224b75;
}
.usecase-category p {
	font-size: 18px;
	text-align: center;
	padding: 0 30px;
}
.usecase-category .iconWrapr {
	font-size: 57px;
	display: block;
	text-align: center;
	color: #43464b;
}
.recording,.time-management {
	background-color: #f7f6f6;
	padding: 50px 0 70px;
}
.desktop-rec {
	margin-top: 30px;
}
.recording-img,.timesheet-img,.management-img {
	display: inline-block;
	text-align: center;
	width: 100%;
}
.report-img img {
	width: 65%;
	margin: auto;
	text-align: center;
	display: block;
}
.recording-img img,.timesheet-img img {
	display: inline-block;
	text-align: center;
	box-shadow: 0 5px 11px 2px #cac6c6;
	width: 91%;
}
.usecase-listing {
	margin-top: 3px;
}
.usecase-listing ul {
	padding: 0;
	margin: 0;
}
.usecase-listing ul li {
	list-style: none;
	display: block;
	margin-bottom: 16px;
	font-size: 18px;
}
.usecase-listing ul li i {
	margin-right: 8px;
	color: #224b75;
	font-weight: 600;
	font-size: 25px;
	line-height: 0;
	position: relative;
	top: 3px;
}
.adjust-txt {
	width: 91%;
	display: inline-block;
	vertical-align: text-top;
	font-size: 16px;
	color: #2b2929;
	font: 400 18px/26px"Poppins", sans-serif;
}
.input-group {
	width: 72%;
}
.input-group input {
	font-size: 19px;
	width: 100%;
	height: 60px;
	line-height: normal;
	padding: 10px 10px;
	border-radius: 10px;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}
.input-group button {
	position: absolute;
	background: rgba(34, 75, 117, 1);
	transition: all 0.5s ease;
	color: #fff;
	font-size: 19px;
	border-radius: 10px;
	padding: 0px 40px 0px 13px;
	height: 100%;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}
.input-group button:before {
	width: 10px;
	height: 10px;
	margin: -6px 0 0;
	opacity: 0;
	-webkit-animation-delay: 1s;
	-moz-animation-delay: 1s;
	-o-animation-delay: 1s;
	animation-delay: 1s;
}
.usecase-category img {	width: 50px;}
/*========= Solutions Inner Pages Css End =======*/

/*===================trust-model css===================*/

.tp-widget-wrapper.visible {
	opacity: 1;
	margin-top: 15px;
}
.tp-widget-wrapper .button {
	background-color: #fff;
	border: 1px solid #00b67a;
	border-radius: 2px;
	display: inline-block;
	font-size: 0;
	/* padding: 9px; */
	width: 150px;
	height: 50px;
	margin: auto;
	line-height: 20px;
	padding-right: 40px;
}
/*============ Blog Page Css Start  ===============*/

.blog-section {
	padding: 100px 0 50px;
	border-radius: 5px;
	margin: 0 0 30px;
}
.blog-post-box {
	background: #fff;
	box-shadow: 0 0 4px rgba(113, 113, 113, 0.2);
	border-radius: 5px;
	transition: all 0.5s ease;
	margin-bottom: 27px;
}
.blog-content {
	padding: 10px 10px;
}
.blog-right-sidebar {
	background: #1c1e3c;
	padding: 28px 25px;
	text-align: center;
	border-radius: 5px;
}
.createform input {
	border: 1px solid #ccc;
	border-radius: 20px;
	width: 100%;
	font-size: 15px;
	padding: 10px;
	margin-bottom: 15px;
}
.blog-right-sidebar span {
	font-size: 20px;
	color: #e4e1e1;
	margin-bottom: 15px;
	clear: both;
	display: block;
	line-height: 37px;
}
.createform button {
	border: 0;
	border-radius: 20px;
	background: #23b7e5;
	color: #fff;
	transition: all 0.5s ease;
	width: 100%;
	margin-bottom: 15px;
	padding: 10px;
	font-size: 18px;
}
/*======= Loader Css Start  ====*/

#loader {
	display: none;
}
#loader {
	background: #000 none repeat scroll 0 0;
	height: 100%;
	left: 0;
	opacity: 0.6 !important;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 10000;
}
div#loaderImgDiv {
	margin: auto;
	text-align: center;
}
.form-group p.help-block.help-block-error {
	font-size: 13px;
}
/*======= Loader Css End  ====*/

/*======= Setup-Download Page Start  ====*/

.download-slider-detail h1 {
	padding-bottom: 25px;
	color: #224b75;
	500 31px/49px"Poppins", sans-serif
}
.download-slider-detail .submit-demo p {	color: #224b75;}
.steelmode.text-center {	background: #fff;}
.steelmode.text-center {
	box-shadow: 0 0 17px rgba(204, 204, 204, 0.5);
	padding: 20px 8px;
	border-radius: 4px;
	margin-bottom: 30px;
	transition: all 0.5s ease;
	height: 500px;
}
.steelmode.text-center img {	width: 15%;}
section h3.home-heading {
	color: #224b75;
	font-size: 26px;
	margin: 30px 0 10px;
}
.steelmode.text-center p {
	font-size: 14px;
	line-height: 30px;
	color: #2b2929;
}
.setupbox ul {
	padding: 0px 0 0;
	margin-bottom: 0;
}
.setupbox ul li {
	list-style: none;
	display: inline-block;
	margin-right: 20px;
}
.download-links li {
	list-style: none;
	display: inline-block;
}
ul.download-links {
	padding: 6px 0;
	text-align: center;
	margin-bottom: 13px;
}
.download-links li {
	list-style: none;
	display: inline-block;
	margin-right: 30px;
}
.download-links li a.nav-link {
	font-size: 17px;
	font-weight: 600;
	color: #224b75;
}
.download-links li:last-child {
	margin-right: 0;
}
.download-links ul.dropdown-menu {
	width: 210px;
	padding: 0;
}
.steelmode.text-center {	height: 400px;}
.setup-download-heading {
	margin: auto;
	text-align: center;
}
.setup-download-heading h2 {
	margin-bottom: 50px;
}
section.home-banner.bg-img.download-banner {
	margin-bottom: 0;
	height: auto;
	padding-bottom: 40px;
}
.not-created {
	color: #0c0c0c !important;
	font-weight: 400;
	font-size: 16px !important;
}
.not-created a {
	color: #e47038;
}
/*======= Setup-Download Page End  ====*/

/*=====================*/

.desktrack-work-section {
	margin-bottom: 30px;
}
.desktrack-work {
	box-shadow: 0px 2px 27px 0px rgba(154, 161, 171, 0.18);
	padding: 15px;
	border-radius: 3px;
	position: relative;
	background: #fff;
	margin-top: 80px;
	display: flex;
}
.desktrack-work p {
	font-weight: 500;
	line-height: 25px;
	word-spacing: 2px;
}
.desktrack-work:hover::after {
	width: 100%;
	left: 0;
	right: auto;
}
.desktrack-work::after {
	content: " ";
	position: absolute;
	bottom: 0px;
	left: auto;
	right: 0;
	width: 0;
	height: 3px;
	display: block;
	background-color: #204b75;
	transition: all .5s;
}
.desktrack-work span {
	width: 70px;
	height: 43px;
	background: #214b75;
	color: #fff;
	font: 500 28px/35px'Lato', sans-serif;
	text-align: center;
	border-radius: 50%;
	transition: .3s ease;
	border: 2px solid #214b75;
	margin-right: 5px;
}
.desktrack-work-detail {
	padding-left: 10px;
}
.desktrack-work-detail h3 {
	font: 500 21px/30px'Lato', sans-serif;
	padding-bottom: 10px;
	margin: 0;
	color: #224b75;
}
.desktrack-work-detail p {
	font: 500 18px/28px'Lato', sans-serif;
}
.desktrack-work-detail a {
	color: #000;
	transition: all 0.3s ease;
}
.desktrack-work:hover h3 {
	color: #224b75;
	transition: .3s ease;
}
.desktrack-work:hover .step {
	background: #fff;
	color: #224b75;
	transition: .3s ease;
}
.desktrack-work-image img {
	margin: auto;
	text-align: center;
}
.intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-3 {
	border: 1px solid #dcdcdc;
	border-radius: 15px;
}
.intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-3 input {
	width: 100%;
}
/*=============Itpro New Section Start=============*/
/*=================================== Automated Time Tracking Page Start =====================================*/

/*Application Tracking*/

section.automated-application-tracking.section-padding {
	padding: 50px 0;
}
.feature-detail-slider {
	padding: 60px 0px;
}
.feature-heading {
	margin-bottom: 30px;
}
.features-detail-content {
	padding: 110px 0px;
}
.content-heading h2 {
	font: 600 35px/44px'Lato', sans-serif;
	color: #224b75;
	margin-top: 0px !important;
	margin-bottom: 40px;
}
.features-detail-content h1 {
	font: 600 38px/55px'Lato', sans-serif;
	margin-bottom: 22px;
	color: #224b75;
}
.features-detail-content p 
{
	font: 500 22px/34px'Lato', sans-serif;
}
.feature-detail-image img {
	text-align: center;
	margin: auto;
}
.automated-application-tracking .application-tracking ul li {
	list-style: none;
	padding: 20px 0px;
}
.automated-application-tracking .application-tracking ul li .icon i {
	font-size: 25px;
	color: #214b75;
}
.automated-application-tracking .application-tracking ul li .icon {
	float: left;
	width: 7%;
	margin-top: 11px;
}
.automated-application-tracking .application-tracking ul li p {
	font: 500 17px/26px'Lato', sans-serif;
}
.automated-application-tracking .application-tracking ul li:after {
	content: "";
	clear: both;
	display: block;
}
.automated-application-tracking .application-tracking ul li .box-image {
	float: left;
	width: 14%;
}
.automated-application-tracking .application-tracking ul li .box-image {
	background: #e3f1f9;
	padding: 15px;
	border-radius: 5px;
}
section.automated-features.section-padding.bg-dark {
	padding-bottom: 20px;
}
.automated-application-tracking .application-tracking ul li .benefit-text {
	float: right;
	width: 80%;
}
.automated-application-tracking .application-tracking ul li .benefit-text h3 {
	margin: 0;
	padding-bottom: 7px;
	font: 600 20px/24px'Lato', sans-serif;
	color: #224b75;
}
.application-tracking {
	margin-left: 50px;
}
.benefit-box-image1 {	display: none;}
.application-features {
	min-height: 428px;
}
.automated-feature-bottom {
	background: #fff;
	border-radius: 7px;
	padding: 30px 20px;
	min-height: 337px;
	text-align: center;
	margin-bottom: 40px;
	box-shadow: 0 0 13px rgba(204, 204, 204, 0.5);
	transition: all 0.5s ease;
}
.automated-feature-bottom:hover {
	box-shadow: 0 0 13px rgba(204, 204, 204, 0.6);
	background: rgba(255, 255, 255, 0.8);
}
.automated-feature-bottom img {
	border-radius: 5px;
	padding: 15px;
	margin: auto auto 30px;
}
.dark-green img {	background: #d3e8e0;}
.light-green img {	background: #dbf2dc;}
.light-blue img {	background: #def6fb;}
.light-red img {	background: #f2dedf;}
dark-blue img {	background: #e2efff;}
.light-skyblue img {	background: #d8f5fd;}
.bottom-feature-content h3 {
	font: 600 20px/24px'Lato', sans-serif;
	color: #224b75;
}
.bottom-feature-content p {
	line-height: 28px;
	font: 500 17px/26px'Lato', sans-serif;
}
.application-highlighter {
	padding: 60px 0px;
}
.application-highlighter p {
	padding-top: 20px;
	font-size: 22px;
	font-weight: 500;
	word-spacing: 2px;
}
.application-highlighter h2 {
	font: 500 35px/50px'Lato', sans-serif;
	margin: 0;
}
/*=====feature End=========*/

/*==============Benefit Boxs End===============*/

.automated-benefit h3 {
	font: 500 28px/47px'Lato', sans-serif;
	color: #224b75;
}
.benefit-box-bg-image1 { background: url(../images/benefit-bg1.png) no-repeat;
}
.benefit-box-content1 {
	padding: 55px 0px;
}
.box-content {
	padding: 70px 0px;
	width: 83%;
	padding-left: 59px;
}
.box-content p {
	font: 500 19px/30px'Lato', sans-serif;
}
.benefit-box-image img {
	margin: auto;
}
.benefit-box-bg-image2 {
	background: url(../images/benefit-bg4.png) no-repeat;
	background-position: right;
}
.benefit-box-content2 {
	padding: 50px 0px;
}
.benefit-box-bg-image3 {
	background: url(../images/benefit-bg1.png) no-repeat;
	background-size: cover;
}
.benefit-box-content5 {
	padding-top: 100px;
	padding-bottom: 25px;
}
.benefit-box-content4 {
	padding-top: 100px;
}
.benefit-box-content6 {
	padding: 67px 0;
}
.benefit-box-content7 {
	padding: 90px 0;
}
.benefit-box-content3 {
	padding-top: 75px;
}
.bot-background {
	background: #224b75 url(../images/dot-bg.png) no-repeat;
	background-position: right center;
	background-size: contain;
}
/* Blog Section Start */

.owl-carousel .owl-wrapper:after {
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
	content: ".";
	line-height: 0;
}
.blog-section {
	background-image: url("../images/blog-bg.png");
}
.owl-carousel {
	position: relative;
	display: none;
	width: 100%;
	-ms-touch-action: pan-y;
	margin-top: 20px;
}
.owl-carousel .owl-wrapper {
	position: relative;
	display: none;
	-webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper-outer {
	position: relative;
	overflow: hidden;
	width: 100%;
}
.owl-carousel .owl-wrapper-outer.autoHeight {
	transition: height 500ms ease-in-out;
}
.owl-carousel .owl-item {
	float: left;
}
.blog-inner {
	box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.399);
	border-radius: 10px;
	background: #fff;
	margin: 10px 10px;
	min-height: 500px;
	position: relative;
}
.post-thumb {
	margin-bottom: 30px;
	width: 100%;
}
.post-thumb img {
	width: 100%;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}
.post-thumb img {
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}
.entry-title p {
	padding: 0px 10px;
}
.entry-title h5 {
	padding: 0px 10px;
	line-height: 30px;
	margin: 0;
	font-size: 20px;
}
ul.top-meta-list {
	padding: 0px 10px;
	list-style: none;
	margin: 20px 0px !important;
}
.top-meta-list li:last-child,
.top-meta-list li:last-child {
	float: right;
	margin-right: 0;
}
.top-meta-list li,
.top-meta-list li {
	display: inline-block;
	margin-right: 15px;
}
.post-date a span {
	margin-right: 10px;
}
.top-meta {
	position: absolute;
	bottom: 0;
	width: 100%;
}
/*===================================
  Automated Time Tracking Page End
=====================================*/

/*===================================
 Application Url Tracking Page Start
=====================================*/

.inner-feature-section {
	position: relative;
	z-index: 1;
	overflow: hidden;
	padding: 70px 0;
}
.feature-heading {
	margin-bottom: 60px;
}
.feature-heading h2 {
	margin-top: 0;
	font: 600 35px/50px'Lato', sans-serif;
	color: #224b75;
	text-align: center;
}
.feature-heading p {
	text-align: center;
	line-height: 35px;
	width: 83%;
	margin: auto;
	font-size: 20px;
}
.bg-gray {
	background: #F5F9FB;
}
.background-shape {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: auto;
}
.rightshape {	right: 0;	left: auto;	transform: rotate(180deg);}
.application-header-section h3 {	font: 600 24px/26px'Lato', sans-serif;	color: #224b75;	margin-bottom: 20px;}
.application-header-section p {	line-height: 27px;}
.application-feature-content ul {	margin: 40px 0 0 0;}
.application-feature-content ul li {	list-style: none;	display: flex;	margin-bottom: 10px;}
.application-feature-content li:hover .feature-icon {
	background-color: rgba(71, 69, 228, 0.1);
	border-color: transparent;
}
.applicationfeature-image img {
	width: 100%;
}
.application-feature-content .feature-icon {
	border: 1px solid #cfcefe;
	border-radius: 50%;
	text-align: center;
	margin: 0 20px auto auto;
	background-color: #f3f3fe;
	position: relative;
}
.application-feature-content li:hover .feature-icon:before {
	transform: scale(1);
}
.application-feature-content .feature-icon:before {
	content: '';
	position: absolute;
	top: 5px;
	right: 5px;
	left: 5px;
	bottom: 5px;
	background: #224b75;
	border-radius: 50%;
	z-index: 0;
	opacity: 1;
	transform: scale(0);
	transition: all 0.3s ease-in-out;
}
.application-feature-content li:hover .feature-icon i {
	color: #fff;
}
.application-feature-content .feature-icon i {
	font-size: 24px;
	color: #224b75;
	z-index: 1;
	position: relative;
	line-height: 50px;
	width: 50px;
	height: 50px;
}
.feature-list-detail h4 {
	font: 600 19px/26px'Lato', sans-serif;
	color: #224b75;
	margin-top: 0;
}
.feature-list-detail p {
	font: 500 16px/22px'Lato', sans-serif;
}
/*** Background Shape Icon Css Start ***/

.shape1 {
	position: absolute;
	top: 20%;
	z-index: -1;
	left: 10px;
	animation: rotate3d 4s linear infinite;
	opacity: .4;
}
.rotateme {
	animation-name: rotateme;
	animation-duration: 20s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}
.shape2 {
	position: absolute;
	z-index: -1;
	top: 60%;
	left: 8%;
}
.shape4 {
	position: absolute;
	right: 25%;
	bottom: 17%;
	z-index: -1;
	animation: animationFramesOne 20s infinite linear;
}
.shape5 {
	position: absolute;
	right: 5%;
	top: 10%;
	z-index: -1;
	animation: movebounce 5s linear infinite;
	opacity: .2;
}
.shape6 {
	position: absolute;
	z-index: -1;
	top: 40%;
	right: 10%;
}
.shape7 {
	position: absolute;
	left: 25%;
	top: 5%;
	z-index: -1;
	animation: animationFramesOne 20s infinite linear;
}
.shape8 {
	position: absolute;
	z-index: -1;
	top: 15%;
	right: 10%;
}
@keyframes rotateme {
	from {
		transform: rotate(0deg);
	}
	to {
		transform: rotate(360deg);
	}
}
@keyframes rotate3d {
	0% {
		transform: rotateY(0deg);
	}
	100% {
		transform: rotateY(360deg);
	}
}
@keyframes movebounce {
	0% {
		transform: translateY(0px);
	}
	50% {
		transform: translateY(20px);
	}
	100% {
		transform: translateY(0px);
	}
}
@keyframes moveleftbounce {
	0% {
		transform: translateX(0px);
	}
	50% {
		transform: translateX(20px);
	}
	100% {
		transform: translateX(0px);
	}
}
@keyframes animationFramesOne {
	0% {
		transform: translate(0px, 0px) rotate(0deg);
	}
	20% {
		transform: translate(73px, -1px) rotate(36deg);
	}
	40% {
		transform: translate(141px, 72px) rotate(72deg);
	}
	60% {
		transform: translate(83px, 122px) rotate(108deg);
	}
	80% {
		transform: translate(-40px, 72px) rotate(144deg);
	}
	100% {
		transform: translate(0px, 0px) rotate(0deg);
	}
}
/*** Background Shape Icon Css Start ***/

.padding70 {	padding: 70px 0 50px 0;}
.get_started_area {
	background: #224b75;
	padding: 70px 0px;
	position: relative;
	overflow: hidden;
	z-index: 1;
}
.get_started_area .shap.one {
	background: white;
	top: -290px;
	left: -50px;
}
.get_started_area .shap {
	opacity: 0.02;
}
.shap.one {
	background-image: -ms-linear-gradient(140deg, #7d0df0 0%, #0cb6e7 100%);
	width: 470px;
	height: 340px;
	top: -155%;
}
.get_started_area .shap.one {
	background: white;
	top: -290px;
	left: 210px;
}
.get_started_area .shap.two {
	background: white;
	top: -260px;
	left: 100px;
}
.get_started_area .shap {
	opacity: 0.03;
}
.shap.one {
	background-image: -ms-linear-gradient(140deg, #7d0df0 0%, #0cb6e7 100%);
	width: 290px;
	height: 470px;
	top: -155%;
}
.get_started_area .shap.three {
	background: white;
	top: auto;
	right: 216px;
	bottom: -300px;
	left: auto;
}
.get_started_area .shap.four {
	background: white;
	top: auto;
	left: auto;
	bottom: -280px;
	right: 109px;
}
.shap.two {
	background-image: -ms-linear-gradient(140deg, #7d0df0 0%, #0cb6e7 100%);
	width: 350px;
	height: 330px;
	top: -145%;
	left: 290px;
}
.shap {
	position: absolute;
	opacity: 0.02;
	transform: rotate(45deg);
	border-radius: 45px;
	left: 90px;
	z-index: -1;
}
.get_content {	text-align: center;	color: #fff;}
.get_content h3 {
	font: 600 30px/22px'Lato', sans-serif;
	margin: 0 0 30px 0;
}
.get_content p {
	font: 500 20px/32px'Lato', sans-serif;
	color: #fff;
	width: 70%;
	margin: auto;
}
/*
.findout-detail
{
	padding-bottom: 185px;
	position: relative;
	padding-bottom: 170px;
}
.findout-detail .dot_img
{
	position: absolute;
	left: 0;
	top: 28px;
}

.mt-0, .my-0 { margin-top: 0!important; }
.findout-detail-item .findout-detail-content { position: relative; }
.pl_70 { padding-left: 70px; }
.pl_100 { padding-left: 100px; }
.dot
{
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background-color: rgba(255, 161, 39, 0.161);
	display: block;
	position: absolute;
	left: -9px;
	top: 15px;
	z-index: 1;
}
.flex-row-reverse .findout-detail-content .dot { left: 44px; }
.dot .dot1
{
	position: absolute;
	left: 50%;
	margin-top: -4px;
	margin-left: -4px;
	top: 50%;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: #feb85d;
}
.dot .dot2
{
	position: absolute;
	left: 50%;
	top: 50%;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: rgba(254, 184, 93, 0.8);
	animation: pulsate 3s infinite;
	animation-delay: 1.5s;
	transform: translate(-50%, -50%);
	will-change: transform;
}
.number-image {
    margin-right: 20px;
}
.findout-detail-item .findout-detail-content h3 {
    font: 600 34px/36px 'Lato', sans-serif;
    color: #224b75;
    margin: 0px 0px 25px;
}
.findout-detail-item .findout-detail-content p {line-height:30px; }
.findout-detail-img img {
    margin: auto;
    text-align: center;
}
.findout-detail-item { margin-top:70px; }
.dot.middle_dot {
    left: 56.2%;
    transform: translateX(-50%);
    bottom: 34px;
    top: auto;
}

.margin-top40{ margin-top:40px;}
.findout-detail-item-four{ margin-top:120px;}
 @-webkit-keyframes pulsate {
 0% {
 opacity: 1;
 -webkit-transform: translate(-50%, -50%) scale(0.5);
 transform: translate(-50%, -50%) scale(0.5);
}
 100% {
 opacity: 0;
 -webkit-transform: translate(-50%, -50%) scale(4);
 transform: translate(-50%, -50%) scale(4);
}
}
 @keyframes pulsate {
 0% {
 opacity: 1;
 -webkit-transform: translate(-50%, -50%) scale(0.5);
 transform: translate(-50%, -50%) scale(0.5);
}
 100% {
 opacity: 0;
 -webkit-transform: translate(-50%, -50%) scale(4);
 transform: translate(-50%, -50%) scale(4);
}
}*/

.desktrackwork-heading {
	text-align: center;
	margin-bottom: 3.2rem;
	position: relative;
}
.desktrackwork-heading h3 {
	font: 600 30px/36px'Lato', sans-serif;
	color: #224b75;
	margin-bottom: 12px;
}
.desktrackwork-heading p {
	width: 50%;
	margin: 0 auto;
}
.desktrackwork-heading:after {
	content: url(../images/figure3.png);
	position: absolute;
	top: -50px;
	left: 0;
	right: 0;
	margin: auto;
}
.fa-smile:before {
	content: "\f118";
}
.process-box-layout1 {
	text-align: center;
	padding: 20px;
	margin-bottom: 3rem;
	position: relative;
}
.process-item-bg img {
	width: 100%;
}
.process-box-layout1 .process-item-bg {
	position: relative;
	margin-bottom: 1.6rem !important;
	width: 53%;
	margin: auto;
}
.process-box-layout1 .process-item-bg img {
	transform: rotate(0);
	transition: all 0.3s ease-out;
}
.process-box-layout1 .process-item-bg .item-icon {
	position: absolute;
	top: 50%;
	left: 0%;
	right: 0;
	transform: translateY(-50%);
	color: #224b75;
	font-size: 48px;
}
.process-box-layout1 .item-content .item-title {
	font: 600 19px/25px'Lato', sans-serif;
	padding-bottom: 10px;
	margin: 0;
	color: #224b75;
}
.process-box-layout1:hover .process-item-bg img {
	transform: rotate(180deg);
}
.item-content p {
	font: 500 18px/23px'Lato', sans-serif;
}
.after-content-none:after {	content: none;}
.dot-right-content {	display: flex;}
.padding-none {
	padding: 0;
}
/*===================================
 Application Url Tracking Page End
=====================================*/

/*===================================
  Project Time Tracking Page Start
=====================================*/

.project-tracking-listing li {
	list-style: none;
	display: flex;
}
.project-tracking-listing li i {
	font-size: 20px;
	color: #224b75;
	padding-right: 13px;
	padding-top: 6px;
	font-weight: bold;
}
.automated-application-image img {
	width: 100%;
	margin: auto;
}
.automated-application-image {
	width: 80%;
	margin: auto;
}
.application-tab > .nav-tabs {
	margin: 0px auto;	text-align: center;
	border-bottom: 1px solid #E3E3E3;
}
.application-tab > .nav-tabs > li {
	list-style: none;
	float: none;
	display: inline-block;
	margin-right: 70px;
	padding-bottom: 5px;
}
.application-tab .nav-tabs li a {
	border: 0;
	color: #737373;
	text-align: center;
	font: 600 20px/26px'Lato', sans-serif;
}
img.img-responsive.be-focused {
	width: 30%;
	margin-top: 53px;
}
.application-tab > .nav-tabs > li.open,.application-tab > .nav-tabs > li:hover {
	border-bottom: 4px solid rgba(34, 75, 117, 0.4);
}
.application-tab > .nav-tabs > li.open > a,.application-tab > .nav-tabs > li:hover > a {
	border: 0;
	background: none !important;
	color: rgba(34, 75, 117, 0.8);
}
.application-tab > .nav-tabs > li.open .dropdown-menu,.application-tab > .nav-tabs > li:hover .dropdown-menu {
	margin-top: 0px;
}
.application-tab > .nav-tabs > li.active {
	border-bottom: 4px solid #224b75;
	position: relative;
}
.application-tab > .nav-tabs > li.active > a {
	border: 0;
	color: #224b75;
}
.application-tab > .applicationtab-content {
	background-color: #fff;
}
.portlet .application-tab > .applicationtab-content {
	padding-bottom: 0;
}
.application-tab.tabs-below > .nav-tabs > li {
	border-top: 4px solid transparent;
}
.application-tab.tabs-below > .nav-tabs > li > a {
	margin-top: 0;
}
.application-tab.tabs-below > .nav-tabs > li:hover {
	border-bottom: 0;
	border-top: 4px solid #fbcdcf;
}
.application-tab.tabs-below > .nav-tabs > li.active {
	margin-bottom: -2px;
	border-bottom: 0;
	border-top: 4px solid #f3565d;
}
.application-tab.tabs-below > .applicationtab-content {
	margin-top: -10px;
	border-top: 0;
	border-bottom: 1px solid #eee;
	padding-bottom: 15px;
}
.applicationpane {
	margin: 30px 0;
}
.application-tabdetail {
	padding: 0% 0 5px;
}
.application-tabdetail h3 {
	font: 600 22px/26px'Lato', sans-serif;
	color: #224b75;
}
.application-tabdetail p {
	line-height: 32px;
}
.innertab-pane1 {
	margin-bottom: 50px;
}
ul.url-tagging li {
	font: 400 18px/33px'Lato', sans-serif;
	margin-left: 18px;
}
/*===================================
  Project Time Tracking Page End
=====================================*/

/*===================================
  Application Url Traking Page Start
=====================================*/

.features {
	position: relative;
	padding-bottom: 0px !important;
}
/* Advantages Section Start */

.advantages-section {
	padding: 70px 0px;
	position: relative;
	z-index: 2;
}
/* .dtr-feature-box {
    position: relative;
    padding: 46px 20px 26px 70px;
	margin-bottom: 60px;
    border-radius: 10px;
    -webkit-box-shadow: 0px 0px 20px 0px rgba(20,39,82,0.1);
	box-shadow: 0px 0px 20px 0px rgba(20,39,82,0.1);
	transition: 0.2s;
	min-height: 330px;
}
.dtr-feature-box-icon {
    background-color: #0089f3;
    color: #fff;
}
.dtr-feature-box-icon {
    width: 50px;
    height: 50px;
    display: block;
    position: absolute;
    top: 50px;
    left: 0;
    border-radius: 0 10px 10px 0;
    font-size: 24px;
    line-height: 50px;
	text-align: center;
	transition: 1s;
}
.dtr-feature-box:hover .dtr-feature-box-icon {
    background-color: #142752;
    color: #fff;
}
.dtr-feature-box h5 {
    
    margin: 0 0 20px 0;
    color: #224b75;
    font: 500 22px/27px 'Lato', sans-serif;
}
.dtr-feature-box p {
    font: 400 15px/30px 'Lato', sans-serif;
    color: #676767;
    margin-top: 20px;
}
.dtr-feature-box:hover {
    transform: translateY(-10px);
	box-shadow: 0 1rem 3rem rgba(31, 45, 61, 0.125);
}
.advantages-height {
    min-height: 250px;
} */

/* Advantages Section End */

.light-green i,
.dark-green i,
.light-blue i,
.light-red i,
.dark-blue i {
	background: #dbf2dc;
	padding: 17px !important;
	font-size: 26px;
	border-radius: 5px;
	padding: 15px;
	margin: auto auto 30px;
}
.dark-green i {
	background: #d3e8e0 !important;
}
.light-blue i {
	background: #def6fb !important;
}
.light-red i {
	background: #f2dedf !important;
}
.dark-blue i {
	background: #e2efff !important;
}
.Advantages-height {
	min-height: 400px;
}
.box-width {
	width: 100% !important;
	padding-left: 20px !important;
}
.box-width p {
	text-align: justify;
}
img.img-responsive.set-time {
	margin: auto;
}
p.justyfy-contant {
	text-align: justify;
	width: 87%;
}
p.justyfy-contant-1 {
	width: 93% !important;
	text-align: justify !important;
}
p.justyfy-contant-2 {
	text-align: justify;
	width: 81%;
}
p.justyfy-contant-3 {
	width: 91%;
}
p.justyfy-contant-4 {
	width: 91%;
}
/*===================================
  Application Url Traking Page End
=====================================*/

.discountbox.show {
	transform: translateX(22%);
}
.discountbox.show.slideright {
	transform: translateX(70%);
}
.discount-content {
	text-align: center;
	/* border: 6px solid #f37300; */
	border-radius: 10px;
	/* background: #f37300;
    background: -moz-linear-gradient(-45deg, #f37300 0%, #ffffff 50%, #45bb98 100%);
    background: -webkit-linear-gradient(-45deg, #f37300 0%,#ffffff 50%,#45bb98 100%);
    background: linear-gradient(135deg, #f37300 0%,#ffffff 50%,#45bb98 100%);
    box-shadow: 0 0 10px 0px rgb(68 68 68 / 0.8); */
}
.discount-content img {
	width: 63%;
}
.discountbox {
	position: fixed;
	bottom: 33%;
	right: 0;
	z-index: 1000;
	width: 100%;
	max-width: 363px;
	transform: translateX(-100%);
	transition: transform 250ms linear;
	color: #fff;
	transition: all .3s linear;
	-moz-transition: all .3s linear;
	-webkit-transition: all .3s linear;
	padding: 30px 0px 27px 30px;
}
.gift-icon {
	background-image: url(../images/gift.png);
	position: absolute;
	z-index: 2;
	width: 199px;
	height: 124px;
	transform: translateX(-115px) translateY(-125px);
	background-repeat: no-repeat;
	display: block !important;
	cursor: pointer;
	z-index: -1;
}
.slideright {
	right: 44px;
	transition: all .3s linear;
	-moz-transition: all .3s linear;
	-webkit-transition: all .3s linear;
}
.offer-modal-close {
	font-size: 28px;
	font-weight: normal;
	color: #135d85;
	text-shadow: none;
	opacity: 9999;
	background: #fff !important;
	position: absolute;
	right: -11px;
	top: -15px;
	border-radius: 50%;
	padding: 0 !important;
	width: 40px;
	height: 40px;
	line-height: 17px;
}
.get-discount {
	width: 100%;
	top: 184px;
}
.offermodal-content {
	position: relative;
	width: 800px;
	margin: auto;
}
.discount-content h2 span {
	font-size: 21px;
	line-height: 25px;
	color: #ffffff;
	font-weight: 600;
	clear: both;
	display: block;
	margin: 5px 0;
}
.discount-content a {
	padding: 8px 10px;
	color: #fff;
	background: #e91d24;
	border-radius: 5px;
	margin: 80px 0 6px 38px;
	display: inline-block;
	font-weight: 600;
	text-align: left;
	float: left;
}
.offer-modal-close:focus,.offer-modal-close:hover {
	color: #135d85 !important;
	opacity: 1 !important;
}
#discountBox a i {
	position: absolute;
	color: #f37300;
	font-size: 21px;
	left: 28px;
	top: 62px;
	font-weight: normal;
	background: #fff;
	border-radius: 50%;
	width: 32px;
	height: 32px;
	text-align: center;
	line-height: 28px;
	border: 2px solid #00996b;
}
.discount-content {	text-align: center;}
.discount-content h2 {
	color: #ffd700;
	font-size: 21px;
	font-weight: 700;
	margin: 0px;
	line-height: 15px;
}
.modal-dialog.get-discount img {
	border: 4px solid #0f7a5f;
	border-radius: 10px;
}
.discount-content h4 {
	font-size: 25px;
	font-weight: 900;
	margin: 0;
	color: #ffd700;
}
.discount-content h3 {
	font-size: 18px;
	font-weight: 800;
	line-height: 43px;
	color: #f3f2f2;
	margin: 10px 0;
}
.discount-content h4 {
	font-size: 25px;
	font-weight: 1000;
	margin: 0;
	color: #ffd700;
}
.discount-content span {
	clear: both;
	display: block;
	color: #385d83;
	text-align: left;
	margin-left: 41px;
	font-size: 11px;
	font-weight: 600;
}
section.social_icon {
	display: none;
}
.categories-view1-full {
	padding: 80px 0px 80px 0px;
	margin-top: 0;
	margin-bottom: 0;
	background-attachment: fixed;
	position: relative;
	min-height: 100vh;
}
.categories,.categories-view1-wrap {
	float: left;
	padding: 96px;
	width: 100%;
	margin: 70px 0px;
	background: #F5F9FB;
}
.categories ul li {	list-style: none;}
.categories > ul > li {
	float: none;
	display: inline-block;
	margin: 0px 0px 30px 0px;
	vertical-align: top;
}
.categories-view1-wrap {
	box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.08);
	padding: 30px 50px 30px 95px;
	border-radius: 10px;
	margin: 18px 0px;
	position: relative;
	background-color: #ffffff;
}
.categories-view1 i {
	position: absolute;
	left: 0px;
	top: 50%;
	font-size: 30px;
	color: #385d83;
	width: 70px;
	height: 70px;
	border-radius: 0 100% 100% 0;
	text-align: center;
	padding-top: 18px;
	margin-top: -36px;
	background-color: #ffffff;
	border: 1px solid #eee;
	border-left: none;
	transition: all 0.4s ease-in-out;
}
.categories-view1 li:hover i {
	color: #ffffff;
	background-color: #274160;
}
.categories-view1 a {
	display: block;
	font-size: 18px;
	font-weight: 700;
	margin-bottom: 0px;
}
.categories-view1 small {
	font-size: 13px;
	color: #666;
}
.categories-view1 span {
	position: absolute;
	right: 5px;
	top: 8px;
	font-size: 90px;
	font-weight: 500;
	color: #999;
	opacity: 0.07;
	line-height: 1;
}
.main-load-btn {
	float: left;
	width: 100%;
	text-align: center;
	margin: 30px 0px;
}
.main-load-btn a {
	display: inline-block;
	line-height: 1;
	padding: 18px 45px;
	color: #ffffff;
	border-radius: 40px;
	font-size: 16px;
	font-weight: 600;
	transition: all 0.4s ease-in-out;
	background-color: #fb236a;
}
.main-load-btn a:hover {
	background-color: #274160;
}
.more-spacer {
	float: left;
	width: 100%;
	margin: 10px 0px;
}
/*===================================
  Architect  Page Start
=====================================*/

.team-collaboration-background {
	background: #ececec;
	height: 384px;
	position: relative;
	width: 80%;
	margin-bottom: 30px;
	border-radius: 9px;
	margin-top: 35px;
}
.team-collaboration {
	position: absolute;
	top: 51px;
	width: 79%;
	right: 149px;
}
.manage-cases-on-the-go {
	background: #ececec;
	height: 380px;
	position: relative;
	width: 80%;
	border-radius: 9px;
	margin-top: 35px;
}
.manage-cases-on-the-go-1 {
	position: absolute;
	top: 51px;
	width: 79%;
	left: 47px;
}
/*===================================
  Legal  Page Start
=====================================*/

.descreption-legal {
	text-align: center;
	background: #fff;
	margin-top: 40px;
	padding: 33px 15px 4px;
	-moz-transition: .4s;
	min-height: 206px;
	transition: .4s;
	box-shadow: 0 -2px 20px 0 rgba(0, 0, 0, .06);
}
.descreption-legal i {
	font-size: 36px;
	border-radius: 59px;
	color: #464646;
	padding: 12px 16px;
	background: #e5f2ff;
	transition: 1s;
}
.descreption-legal h4 {
	padding-top: 15px;
	line-height: 27px;
	font-size: 21px;
	transition: 1s;
}
.legal-padding {
	margin-bottom: 50px;
}
/*===================================
  Accpor  Page Start
=====================================*/

.management-box-image-monitor {
	position: absolute;
	top: 15px;
	right: 60px;
	margin: auto;
	width: 64%;
}
.image-box-monitor {
	background: #ececec;
	position: relative;
	width: 63%;
	margin: auto;
	height: 315px;
}
.management-box-image-time-sheet {
	position: absolute;
	top: 55px;
	right: 221px;
}
.image-box-time-sheet {
	width: 63%;
	height: 315px;
	background: #ececec;
	position: relative;
	border-radius: 10px;
	margin-left: 40px;
	margin-top: 30px;
}
.min-height {
	min-height: 400px;
}
.desktop-activity-time p {
	line-height: 35px;
}
.desktop-activity-time {
	margin-top: 40px;
}
.desktop-activity {
	position: relative;
	z-index: 2;
}
/*==========================================
  Desktop Activity Time Tracking Page Start
============================================*/

.indastreet {
	margin-top: 40px;
}
/*========================================
  Desktop Activity Time Tracking Page End
==========================================*/

.ourblog-item {
	background: #fff;
	height: 445px;
	border: 1px solid rgb(236, 227, 227);
	margin: 10px;
}
.ourblog-item .blog-img {
	width: 100%;
	height: auto;
}
.owl-carousel .ourblog-item img {
	display: block;
	width: 100%;
	height: 213px;
}
.blog-text {
	display: block;
	padding: 10px 15px;
	text-align: left;
}
.blog-head h2 {
	font-size: 18px;
	color: #222;
	line-height: 25px;
}
.blog-date {
	font-size: 11px;
	font-weight: bold;
	font-size: 17px;
	padding: 7px 0px;
}
.blog-pragraph p {
	display: -webkit-box;
	max-width: 100%;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	overflow: hidden;
	font-size: 17px;
	color: #5a5959;
}
.blog-btn {
	padding: 10px 0px;
}
/* Start Bottom Footer  */

.bottom-footer {
	background: #000;
}
.bottom-footer p {
	font-size: 15px;
	padding-top: 25px;
	margin-bottom: 0;
}
ul.social-icons {
	float: right;
	margin-top: 20px;
}
ul.social-icons li {
	margin-right: 8px;
}
.margin40 {
	margin-top: 40px;
}
.modal-img {
	position: absolute;
	top: -130px !important;
}
.clients-logo {
	/*margin: 40px;*/
	margin: 30px;
}
.mt80 {
	/*margin-top: 80px !important;*/
	margin-top: 50px !important;
}
.desktop-activity {
	position: relative;
	z-index: 2;
}
.entry-title h5 {
	padding: 0px 10px;
	line-height: 30px;
	margin: 0;
	font-size: 20px;
}
.top-meta {
	position: absolute;
	bottom: 0;
	width: 100%;
}
/* Update Css */

.getdiscount-modal {
	padding-right: 0 !important;
}
.modal-dialog.get-discount {
	top: 10%;
	left: 0;
	right: 0;
	width: 100%;
}
.getdiscount-modal .modal-content {
	background: none;
	box-shadow: none;
	border: 0;
}
.applicationfeature-image img {
	width: 100%;
	padding: 50px 0;
}
.inner-feature-box a.feature-scroll h4 {
	font-size: 19px;
	font-weight: 600;
	color: #224b75;
	transition: all 0.5s ease;
}
.inner-feature-box a {
	transition: all 0.5s ease;
}
.inner-feature-box:hover a.feature-scroll h4,
.inner-feature-box a.feature-scroll:hover,
.inner-feature-box:hover a {
	color: #fff !important;
}
.discount-content {
	text-align: center;
	/* border: 6px solid #f37300; */
	border-radius: 10px;
}
.discount-content img {
	/* width: 100%; */
	padding: 7px;
	border-top-left-radius: 55px;
	border-bottom-right-radius: 55px;
}
/* Start Thanks Page Css */

section.thankyou {
	padding: 120px 0 50px;
}
.thankyou-content {
	text-align: center;
}
.thankyou-content img.img-responsive {
	margin: auto;
}
.thankyou-content h2 {
	font-size: 34px;
	color: #10234d;
	font-weight: 500;
}
.thankyou-content h3 {
	font-size: 21px;
	line-height: 45px;
	margin: 35px 0;
}
/* Start Choose Plan Button Css */

.choose-plan-btn {
	width: 100% !important;
	border-radius: 0 !important;
	background: -webkit-linear-gradient(left, rgba(77, 111, 146, 1) 0%, rgba(35, 177, 254, 1) 100%);
	font-size: 20px !important;
	box-shadow: 0 4px 7px rgba(76, 75, 75, 26%);
	color: #fff !important;
}
.choose-plan-btn:hover {
	box-shadow: 0px 20px 24px 0px rgba(0, 11, 40, 0.1);
	transform: perspective(1px) translateZ(0);
	transition-property: color;
	transition: all 0.3s ease;
	background: rgba(34, 75, 117, 1) !important;
}
/*===========================
Partnership Modal Page Start
=============================*/

.scroll-behavior {
	scroll-behavior: smooth;
}
/* Slider Section Start */

.partnership {
	background-image: url("../images/partnership-bg.jpg");
	position: relative;
}
.partnership-modal-heading h1 {
	font-size: 50px;
	color: #e47038;
}
.partnership-modal-heading p {
	color: #fff;
}
/* Slider Section End */

.partner-contact-form {
	width: 90%;
	margin: 0 80px;
	box-shadow: 0px 1px 9px 0px #fff;
	border-radius: 10px;
	padding: 30px;
	background: none;
}
.partner-contact-form form input,
.partner-contact-form form textarea {
	width: 100%;
	margin-bottom: 20px;
	background: no-repeat;
	padding: 10px 20px;
	border-radius: 10px;
	border: none !important;
	box-shadow: 0px 1px 9px 0px #fff;
	color: #fff;
}
.partner-contact-form button {
	margin-bottom: 0px !important;
}
.contry-input {
	position: absolute;
	left: 20%;
	width: 87px;
	padding: 9px 10px;
	height: 40px;
	background: no-repeat;
	border-radius: 10px;
	border: none;
	box-shadow: 0px 1px 9px 0px #fff;
	color: #fff;
}
input#mobile,
input#mobile1 {
	float: right;
	width: calc(100% - 100px);
}
.employee-monitoring {
	padding: 20px;
	box-shadow: 0 0 8px 0 #ccc;
	min-height: 328px;
	text-align: center;
	background: #fff;
	border-top-left-radius: 20px;
	border-bottom-right-radius: 20px;
	transition: all 0.5s ease;
}
.employee-monitoring:hover .client-services-icon {
	background: rgba(34, 75, 117, 1);
}
.client-services-icon i {
	font-size: 30px;
	margin-bottom: 20px;
	color: #ffffff;
	line-height: 59px;
}
.why-desktrack {
	background: none;
}
.employee-monitoring p {
	color: #656565;
	font: 400 15px/26px"Poppins", sans-serif;
	text-align: center;
}
.employee-monitoring h3 {
	font-size: 20px;
	margin: 0px 0 14px 0px;
	color: #194169;
	line-height: 20px;
	font-weight: 600;
}
.bg-grey {
	background: #f5f5f5;
	position: relative;
	z-index: -1;
}
.why-desk-track {
	background: #fff !important;
	display: inline-flex;
	margin: 30px 0px 20px;
	box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.14);
	border-radius: 10px;
	min-height: 197px;
	transition: all 0.5s ease;
}
.why-desk-track:hover {
	box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.30);
}
.partner-mainheading h3 {
	font: 600 30px/36px'Lato', sans-serif;
	color: #224b75;
	margin-bottom: 45px;
}
.client-services-icon {
	width: 60px;
	height: 60px;
	margin: auto auto 20px;
	background: #e47038;
	line-height: 50px;
	border-radius: 50px;
	transition: all 0.5s ease;
}
.why-desk-track:hover .icon {
	background: rgb(34 75 117);
}
.icon {
	display: inline-table;
	background: #e47038;
	width: 70px;
	border-bottom-right-radius: 98px;
	height: 77px;
	box-shadow: 0px 0px 8px 0 #aba9a9b1;
	line-height: 75px;
	transition: all 0.5s ease;
	text-align: center;
}
.icon i {
	font-size: 29px;
	color: #fff;
	position: relative;
	left: -7px;
}
.why-desk-details {
	padding: 12px 15px;
	width: 100%;
}
.why-desk-details h3 {
	margin-top: 0px;
	font-size: 20px;
	line-height: 29px;
	font-weight: 600;
	color: #194169;
}
.why-desk-details p {
	color: #656565;
	font-size: 16px;
	line-height: 26px;
}
.partner-height {
	min-height: 188px;
}
.position-R {
	position: relative;
	z-index: 0;
}
.partner-right-content {
	margin: 15px 0;
}
.contry-input option {
	color: #000;
}
.partnership-image {
	margin: auto;
	text-align: center;
}
.partnership-image img {
	margin: auto;
	width: 70%;
}
.partner-right-content p {
	font-size: 17px;
	line-height: 30px;
	margin-bottom: 20px;
	color: #656565;
}
.marginb0 {
	margin-bottom: 0;
}
.pb-0 {
	padding-bottom: 0;
}
.partner-slideleft {
	padding: 55px 0;
}
.partner-form {
	background: rgb(255 255 255);
	padding: 20px;
	box-shadow: 0 0 8px rgb(77 112 148 / 0.4);
	border-radius: 10px;
	position: relative;
	top: 30px;
	background: #fff url(../images/bg-pattern-2.png) no-repeat;
}
.partner-form h3 {
	font-size: 20px;
	margin: 0 0 20px;
	text-align: center;
	font-weight: 600;
	color: #224b75;
}
.partner-form .form-group input,
.partner-form .form-group select {
	border: 1px solid #a1a0a0;
	border-radius: 5px;
	padding: 9px 10px;
	height: 40px;
	margin-bottom: 15px;
	color: #333;
	width: 100%;
}
.partner-form .form-group input::placeholder {
	color: #555 !important;
	opacity: 1;
	/* Firefox */
}
.partner-form .form-group input:-ms-input-placeholder {
	/* Internet Explorer 10-11 */
	color: #555 !important;
}
.partner-form .form-group input::-ms-input-placeholder {
	/* Microsoft Edge */
	color: #555 !important;
}
.partner-form .form-group select {
	height: 40px;
}
.partner-form .contry-input {
	position: inherit;
	height: 39px;
	padding: 9px 4px 9px 15px !important;
	width: 85px !important;
}
.partner-form .field-countrycode {
	float: left;
}
.partner-form .field-countrycode .contry-input {
	background: none;
}
.desktrack-partner-outer {
	box-shadow: 0px -4px 7px rgba(204, 201, 201, 0.1);
	padding: 60px 0;
}
.collaborate-box {
	padding: 30px 0 80px;
	z-index: 2;
	overflow: hidden;
}
.collaborate-box .desktrackwork-heading h3 {
	margin-bottom: 50px;
}
.partner-points {
	padding: 60px 0 80px;
}
.get_content .primary-btn.white-button:active,
.get_content .primary-btn.white-button:hover,
.get_content .primary-btn.white-button:focus {
	background: #fff !important;
}
.partner-getcontent .get_content h4 {
	font-size: 23px;
}
.partner-getcontent {
	padding: 20px 0 35px;
}
/* Partnership Modal Page End */

/* Bubbles Effects Css Start */

.client-section {
	position: relative;
	z-index: 2;
}
.bubbles {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
}
.bubbles li {
	position: absolute;
	list-style: none;
	display: block;
	width: 20px;
	height: 20px;
	background: rgba(1, 152, 205, 0.1);
	animation: animate 25s linear infinite;
	bottom: -50px;
	z-index: -1;
}
.bubbles li:nth-child(1) {
	left: 25%;
	width: 20px;
	height: 20px;
	animation-delay: 0;
}
.bubbles li:nth-child(2) {
	left: 10%;
	width: 20px;
	height: 20px;
	animation-delay: 2s;
}
.bubbles li:nth-child(3) {
	left: 50%;
	width: 20px;
	height: 20px;
	animation-delay: 4s;
}
.bubbles li:nth-child(4) {
	left: 30%;
	width: 20px;
	height: 20px;
	animation-delay: 18s;
}
.bubbles li:nth-child(5) {
	left: 65%;
	width: 20px;
	height: 20px;
	animation-delay: 4s;
}
.bubbles li:nth-child(6) {
	left: 75%;
	width: 20px;
	height: 20px;
	animation-delay: 3s;
}
.bubbles li:nth-child(7) {
	left: 33%;
	width: 23px;
	height: 23px;
	animation-delay: 5s;
}
.bubbles li:nth-child(8) {
	left: 50%;
	width: 25px;
	height: 25px;
	animation-delay: 15s;
}
.bubbles li:nth-child(8) {
	left: 50%;
	width: 25px;
	height: 25px;
	animation-delay: 15s;
}
@keyframes animate {
	0% {
		transform: translateY(0) rotate(0deg);
		opacity: 1;
		border-radius: 0;
	}
	100% {
		transform: translateY(-1000px) rotate(720deg);
		opacity: 0;
		border-radius: 50%;
	}
}
/* Bubbles Effects Css End */

button.close.offer-modal-close i {
	color: #0f7a5f;
	font-size: 24px;
}

/* new offer css added by arvind */
 .btn-orange {
	 /* background-image: linear-gradient(to right, #fccb22 0%, #ff9934 51%, #fccb22 75%);  */
	background-size: 200% auto;
    font: 500 14px "Poppins", sans-serif;
    background: #fff;
    /* font-weight: 900; */
    /* border: 2px #1199a7 solid; */
    border-radius: 15px !important;
	color: #355a80 !important;
	}
 .offer-bar { 
	  border-radius: 0;background: linear-gradient(-45deg, #ff8000, #000080, #138808);
	 background-size: 400% 400%;animation: gradient 15s ease infinite;color:#fff;
	 }
@keyframes gradient {0% {background-position: 0% 50%;}50% {background-position: 100% 50%;}100% {background-position: 0% 50%;}}
.side-offer{position: fixed; left:0px;bottom: 180px; z-index: 9999; background-color: #fff; box-shadow: 3px -1px 10px #dadada; cursor: pointer;                                                                                   }
.side-offer .sales{background: red;color: #fff;margin: 0;}
.side-offer p{margin: 0; }
.side-offer .sak1{margin: 0;}
.side-offer span{font-size: 30px; font-weight: 900;}
.side-offer .mon{ padding: 0 5px; margin-top: -8px;font-weight: 600;}
#side-offer-sec{transition: .3s;position: fixed; left:0px;bottom: 130px; z-index: 9999;cursor: pointer; }
#side-offer-sec .sec-off{background: url(../images/desktrack_offer.png); height: 150px; width: 210px;}
#side-offer-sec{display: none;}
.side-offer-sec p{margin: 0;}
p.s1 { padding-top: 6px; color: #fff; text-transform: uppercase;}
.offer-bar p{
	color: #fff !important;
	/* letter-spacing: .1rem; */
	letter-spacing: .2rem;
    word-spacing: .1rem;
}
.side-offer {
	padding-top: 0px !important;
    padding-bottom: 0px !important;
}
#closeoffer{
	opacity: 1 !important;
}

.offer_img{
	width:70px !important;
}

.p-1 {
  padding: .25rem!important;
}
.m-0 {
  margin: 0!important;
}
/*-----additional css----*/

/*--------- index banner sec------------*/
.home-banner .slider-intro {
  text-align: left;
  width: 100%;
  margin-top: 0px;
}
.home-banner .slider-intro .slider-intro-content h1 {
  font: 600 38px/55px'Lato', sans-serif;
  margin-top: 10px
}
.home-banner .slider-intro-content .subcribes {
  width: 90%;
  text-align: left;
  margin: inherit;
}
.home-banner .slider-intro-content p {
  font: 500 22px/35px'Lato', sans-serif;
}
.slider-intro-content p.heading1{
  font-size: 26px;
  letter-spacing: 5px;
  margin-bottom: 0px;
}
.slider-intro p.heading2{
   font-size: 19px;
   color: #224b75;
   text-align: center;
}
.slider-intro p.heading2 span {
  padding: 0.92857rem 1.57143rem;
  border-radius: 999rem;
  font-size: 14px;
  background-color: #cde2ec;
  color: #000;
  display: inline-block;
  margin: 0 12px 10px 0;
  font-weight: bold;
}
.slider-intro p.heading2 span.bg-color-yello{
  background: #e2d9ab;
}
.slider-intro p.heading2 span.bg-color-blue{
  background: #afc3ca;
}
.slider-intro p.heading2 span.bg-color-red{
  background: #efb69b;
}
.slider-intro p.heading2 span.bg-color-green{
  background: #a0e09a;
}
.slider-intro p.heading2 span.bg-color-black{
  background: #d6c3c3;
}
.slider-intro p.heading2 span.heading2-color{
  background: none;
  padding: 0;
  color: #224b75;
  font-size: inherit;
}
.slider-intro p.heading2 span.heading2-color.yello{
  color: #e0bd17;
}
.slider-intro p.heading2 span.heading2-color.blue{
  color: #23b7e5;
}
.slider-intro p.heading2 span.heading2-color.red{
  color: #f27338;
}
.slider-intro p.heading2 span.heading2-color.green{
  color: #138808;
}
.slider-intro p.heading2 span.heading2-color.black{
  color: #343333;
}
.slider-intro-content .subcribes {
  width: 70%;
  text-align: center;
  margin: auto;
}
.feature-button a.dark-blue-button.primary-btn {
	margin: 0 0 40px 0;
}
.videobackground .section-heading h2{
    color: #000 !important;
}
.industry {
	background: #F5F9FB;
}
.industry .main-feature{
	margin-top: 0px;
}
.industry .industry-box{
	background: #fff;
	box-shadow: 0px 0 30px rgb(1 41 112 / 8%);
	cursor: pointer;;
	transition: 1.0s;
  -webkit-transition: 1.0s;
  -moz-transition: 1.0s;
  margin: 30px 0;
  padding: 21px 23px;
  border-radius: 30px;
  border-top-left-radius: 0;
  border-bottom-right-radius: 0;
}
.industry .industry-box img.icon{
	max-width: 100%;
  background: no-repeat;
  border: none;
  box-shadow: none;
  border-radius: 0;
  width: 53px;
  height: auto;
}
.industry .industry-box h3 {
  margin-bottom: 0;
  font-size: 20px;
}
.industry .industry-box:hover{
  margin-top: -5px;
  transition: 1.0s;
  -webkit-transition: 1.0s;
  -moz-transition: 1.0s;
  color: #343333;
}
/*-----shubham--*/
body{margin:0;padding:0;font-family:'Gotham',sans-serif !important}
img{max-width:100%}
ul{padding:0;margin:0}
li{list-style:none}
a{text-decoration:none;cursor:pointer;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;transition:all .3s ease}
a:focus,a:active{outline:0;color:#666;text-decoration:none}
a:hover{text-decoration:none}
p{font-size:16px;line-height:28px;font-weight:300 ;     font-family: 'Gotham',sans-serif !important;}
h1, h2, h3, h4, h5, h6 {margin:0px; font-family: 'Gotham',sans-serif !important;}
.desktrack_indexbanner{background-image:url(../images/index-update/banner1.png);background-repeat:no-repeat;background-position:center;background-size:cover;width:100%;height:100%;padding:60px}
.desktrack_indexbanner h1{font-size:34px;color:#1e3a88;line-height:50px;font-weight:600; letter-spacing: -1px;}
.desktrack_indexbanner ul{margin:50px 0}
.desktrack_indexbanner ul li{font-size:16px;margin-bottom:10px;color:#6d6f76; font-weight: 300;}
.desktrack_indexbanner ul li:last-child{margin-bottom:0}
.desktrack_indexbanner ul li i{color:#1e3a88;font-size:22px;margin-right:15px}
.desktrack_indexbtn_blue{background:#1e3a88;color:#FFF;font-size:16px;text-align:center;text-transform:capitalize;padding:15px 30px;border-radius:30px;display:inline-block;font-weight:600;border:1px solid #143485}
.desktrack_indexbtn_blue:hover{background:none;color:#143485}
.desktrack_indextop_business{padding:60px 0;background:#f4f4f4}
.desktrack_indexsub_heading h2{font-size:35px;font-weight:bold;color:#1e3a88;text-align:center;margin-bottom:20px}
.desktrack_indexsub_heading h4{font-size:28px;font-weight:bold;color:#6e7076;text-align:center}
.desktrack_indexsub_heading p{font-size:20px;color:#6e7076; font-weight: 300;}
.desktrack_indexvideo{text-align:center;margin-top: 50px !important; width: 100%; margin: auto; }
.desktrack_indexvideo iframe{border:20px solid #FFF;box-shadow:0 0 61px -24px rgba(0,0,0,0.50); height:600px; width: 800px;}
.desktrack_indexvideo_bottom{background:#f4f4f4}
.desktrack_indexvideo_bottom img{text-align:right}
.desktrack_indexvideo_bottom ul li i{font-size:22px;margin-right:10px; color:#1e3a88;}
.desktrack_indexvideo_bottom ul li{margin-bottom:13px; font-weight:300; font-size: 16px;}
.desktrack_indexvideo_bottom{background-image:url(../images/index-update/adventure.png);background-repeat:no-repeat;background-position:center;background-size:cover;width:100%;height:100%;padding:60px 0;}
.desktrack_indexworkforce{padding-top:60px;text-align:center}
.desktrack_indexworkforce img{margin-top:30px}
.desktrack_indexworkforce h3{font-size:14px;font-weight:bold;margin-top:25px}
.desktrack_indexworkforce .col-md-2{width:20%}
.desktrack_indexworkforce .sub_heading h2{margin-bottom:50px}
.desktrack_indexhighlighter{text-align: center;
    background: #143485;
    margin-top: 60px;
    color: #FFF;}
.desktrack_indexhighlighter h2 {
    font-size: 36px;
    font-weight: 500;
    padding-bottom:30px;
}
.desktrack_indexworkforce_anlaytics{padding-top:70px}
.desktrack_indexworkforce_anlaytics .desktrack_indexsub_heading h2{text-align:left;margin-bottom:-10px;color:#1e3a88; font-size:40px;}
.desktrack_indexworkforce_anlaytics .desktrack_indexsub_heading p {font-size:26px;}
.desktrack_indexworkforce_anlaytics h2{color:#f73859;font-weight:bold;font-size:30px; margin-top:30px;}
.desktrack_indexworkforce_anlaytics .desktrack_indexsub_heading h2 {margin-top: 0px;}
.desktrack_indexworkforce_anlaytics p{font-size:16px;margin-top:25px}
.desktrack_indexworkforce_anlaytics ul{margin:30px 0}
.desktrack_indexworkforce_anlaytics ul li{margin-bottom:10px;font-size:16px;color:#1e3a88;font-weight:bold}
.desktrack_indexworkforce_anlaytics ul li i{font-size:22px;margin-right:5px}
.desktrack_indexworkforce_anlaytics img{margin-top:30px}
.desktrack_indexworkforce_anlaytics img:hover{transition:.5s ease-in-out}
.desktrack_indexos_devices{background:#f4f4f4;padding:60px 0}
.desktrack_indexos_devices h4{font-size:24px;font-weight:600;color:#6e7076;text-align:center;margin-bottom:10px;margin-top:50px}
.desktrack_indexos_devices span{background:#6d6f76;width:20px;height:5px;display:block;text-align:center;margin:auto;border-radius:50px}
.desktrack_indexos_devices .col-md-2{width:20%}
.desktrack_indexos_devices img{margin-top:50px;text-align:center}
.desktrack_indexos_devices h3{font-size:18px;font-weight:300;text-align:left; margin-top:25px;}
.desktrack_indexos_devices .desktrack_indexsub_heading h2{margin-bottom:0px;}
.col-md-2.col-12.cust-w{width:14.9%}
.desktrack_indexborder{background:#e1e1e1;height:147px;display:block;text-align:center;margin:auto;border-radius:50px;width:2px;transform:rotate3d(1,1,1,45deg);margin-top:135px}
.desktrack_indexworkforce_anlaytics.attendance{padding-bottom:60px}
.desktrack_indexworkforce_anlaytics.dashboards{padding-bottom:60px}
.desktrack_indexinsights .desktrack_indexsub_heading{padding:60px 0;background:#f4f4f4}
.desktrack_indexinsights .desktrack_indexsub_heading p{text-align:center}
.desktrack_indexblue{background-image:url(../images/index-update/blue.png);background-repeat:no-repeat;background-position:center;background-size:cover;width:100%;height:100%;padding:70px 0}
.desktrack_indexsky{background-image:url(../images/index-update/sky.png);background-repeat:no-repeat;background-position:center;background-size:cover;width:100%;height:100%;padding:70px 0}
.desktrack_indexpink{background-image:url(../images/index-update/pink.png);background-repeat:no-repeat;background-position:center;background-size:cover;width:100%;height:100%;padding:70px 0}
.desktrack_indexcounter_text{text-align:center;color:#FFF;font-style:italic}
.desktrack_indexcounter_text h2{font-size:80px;font-weight:700;margin-bottom:10px}
.desktrack_indexcounter_text p{font-size:26px; color:#fff;}
.desktrack_indexpadding-ins{padding:0}
.desktrack_indexdata_security{padding:60px 0}
.desktrack_indexdata_security .desktrack_indexsub_heading{margin-bottom:50px}
.desktrack_indexdata_security ul li{font-size:16px;margin-bottom:10px;color:#6d6f76; font-weight:300;}
.desktrack_indexdata_security ul li:last-child{margin-bottom:0}
.desktrack_indexdata_security ul li i{color:#1e3a88;font-size:22px;margin-right:15px}
.desktrack_indexdata_security img{width:50%;text-align:center;margin:auto}
.desktrack_indexreviews{padding:60px 0;background:#f4f4f4;text-align:center}
.desktrack_indexreviews .desktrack_indexsub_heading{margin-bottom:50px}
.desktrack_indexreviews ul li{display:inline-block;margin-right:10px}
.desktrack_indexreviews ul li i{font-size:20px;color:#f6c358}
.desktrack_indexclients{padding:60px;text-align:center}
.desktrack_indexclients .desktrack_indexsub_heading{margin-bottom:50px}
.desktrack_indexfree_demo{text-align:center;padding:60px;background:#f4f4f4}
.desktrack_indexfree_demo .desktrack_indexsub_heading h4{margin-bottom:20px;}
.desktrack_indexfree_demo .desktrack_indexsub_heading h5{color:#6d6f76;font-size:18px}
.desktrack_indexfree_demo .desktrack_indexsub_heading h5 strong{color:#1e3a88;}
.desktrack_indexfree_demo .desktrack_indexsub_heading h5 strong a{color:#1e3a88; text-decoration:underline;}
.desktrack_indexfree_demo a{margin:30px 0}
.desktrack_indexheader_area .desktrack_indexbtn_blue{font-size:12px; padding:11px 24px;}
.desktrack_indexnavbar-brand{width:200px;}
.desktrack_indexbtn_grey{background:#6d6f76;color:#FFF;font-size:12px;text-align:center;text-transform:capitalize;padding:11px 24px;border-radius:30px;display:inline-block;font-weight:600;border:1px solid #6d6f76}
.desktrack_indexbtn_grey:hover{background:none;color:#6d6f76}
.desktrack_indexreviews_bottom{padding-top:50px; display: inline-block; width:100%;}
//.desktrack_indexreviews .desktrack_indexsub_heading h4 {font-size: 25px; font-weight: 400; }

.desktrack_indexworkforce .desktrack_indexsub_heading h2 {
    margin-bottom: 50px;
    line-height: 50px;
}
.desktrack_indexinsights .desktrack_indexsub_heading h2 {
    line-height: 50px;
}
.desktrack_indexbanner p {
    margin-top: 15px; font-family: 'Gotham',sans-serif;
}

/*
.offer_area {
  position: fixed;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
	width:30%;
	right: 0;
	z-index: 1;
}
*/



.banner_offers{
	position: fixed; right: 0px; top: 50%; width: 30%;  z-index: 99999; 
	
	
}




.cus_offer_btn i{margin-right: 1px;}

.cus_offer_btn {
    right: 0;
    position: fixed;
    width: 7vh;
    height: 34vh;
    background: linear-gradient(90deg, rgba(248,127,44,1) 0%, rgba(247,98,1,1) 100%);
    z-index: 6;
    color: #fff;
    letter-spacing: 1px;
    cursor: pointer;
    font-size: 20px;
    font-weight: 500;
	border:none;
	
}


.banner_offers span{  -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    -webkit-transform: rotate(
-180deg
);
    transform: rotate(
-180deg
);
    width: 36px;
    padding: 4px;
/*    height: 200px;*/
    vertical-align: middle;
    text-align: center;
    font-size: 24px;
    font-weight: 500;
    -webkit-margin-after: 0;
    margin-block-end: 0;
    -webkit-margin-before: 0;
    margin-block-start: 0;
    color: #fcfcfc;
	display: inline-block;}


	@media screen and (max-width:1200px) {

		.cus_offer_btn{display: none;}
.banner_offers{display: none;}
	}


/* Start Employee Monitering Page Css */

body{margin:0;padding:0;font-family:'Gotham',sans-serif}
img{max-width:100%}
ul{padding:0;margin:0}
li{list-style:none}
a{text-decoration:none;cursor:pointer;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;transition:all .3s ease}
a:focus,a:active{outline:0;color:#666;text-decoration:none}
a:hover{text-decoration:none}
p{font-size:16px;line-height:28px;font-weight:300}
h1,h2,h3,h4,h5,h6{margin:0}
.btn_blue{background:#1e3a88;color:#FFF;font-size:16px;text-align:center;text-transform:capitalize;padding:15px 30px;border-radius:30px;display:inline-block;font-weight:600;border:1px solid #143485}
.btn_blue:hover{background:none;color:#143485}

.employee_monitoring_softwaresub_heading h2{font-size:40px;font-weight:600;color:#1e3a88;text-align:left;margin-bottom:20px}
.employee_monitoring_softwaresub_heading h4{font-size: 25px;
    font-weight: 400;
}
.employee_monitoring_softwaresub_heading p{font-size:16px;color:#6e7076;font-weight:300}
.employee_monitoring_software_banner {
    padding: 60px 0 ; background: #1d3a881a;
}
.employee_monitoring_software_banner .employee_monitoring_softwaresub_heading p{margin-bottom:50px}
.employee_monitoring_software_appuser{padding:60px 0; background: #1d3a881a;}
.col-md-6.col-12.emp_padding_cs {
    padding: 0px;
}
.employee_monitoring_softwarehighlighter{text-align:center;background:#143485;color:#FFF;}

.employee_monitoring_softwarehighlighter h2{font-size: 35px;
    font-weight: 500;
    padding-bottom:30px;
   }
.employee_monitoring_softwareproductive{background:#1d3a881a;padding:60px 0;}
.employee_monitoring_softwareproductive .media, .media-body {
    overflow: visible;
    zoom: 1;
}
.employee_monitoring_softwarehighlighter.custome-highlights{ background:#fff;}
.employee_monitoring_softwarehighlighter.custome-highlights h2{ color: #1e3a88; font-size: 40px; line-height: 50px;}
.employee_monitoring_software_banner .employee_monitoring_softwaresub_heading h1{font-size:40px;font-weight:700;color:#1e3a88;text-align:left;margin-bottom:20px}
.employee_monitoring_software_benefited{padding: 60px 0; background:#fff;}
.employee_monitoring_software_benefited_area h2 {
    font-weight: 700;
    color: #1e3a88;
    margin-bottom: 20px;
    font-size: 25px;
}

.employee_monitoring_software_benefited_area {
    border-right: 1px solid #e1e1e1;
    padding-right: 20px;
}
.employee_monitoring_software_benefited_area.border_cus {
    border-right: none;
}

.employee_monitoring_softwarestoredata p {
    text-align: left;
    margin-bottom: 50px;
    background: #1d3a880a;
    padding: 10px;
    border-radius: 10px;
}

.employee_monitoring_software_banner ul li i {
    color: #1e3a88;
    font-size: 22px;
    margin-right: 15px;
}
.employee_monitoring_software_banner ul li {
    font-size: 16px;
    margin-bottom: 10px;
    color: #6d6f76;
    font-weight: 300;
}
.employee_monitoring_software_banner ul li:last-child {
    margin-bottom: 0;
}
.employee_monitoring_software_banner ul {margin-bottom: 50px;}

.inner {
  transition: .3s; 
  transform: rotateY(340deg);
}

.inner figure {
  box-shadow: -6px 6px 2px -3px  rgba(100,100,100,.1);
  width: 11em;
  padding: 1em;
  display: inline-block;
  margin-right: 1em;
  background: rgba(250,200,200,0.1);
  border: 1px solid rgba(250,200,200,.5);
}

.inner figcaption {
  text-align: center;
  margin: .5em 0;
  font-family: 'Source Sans Pro', sans-serif;
  font-weight: bold;
  color: darken(tomato, 15%);
}

.inner img {
  display: block;
  height: auto;
  max-width: 100%;
  margin: 0 auto;
}

.employee_monitoring_softwaredesktrackworks_box{background: #fff; padding: 30px; box-shadow: 0 0 72px 16px rgb(0 0 0 / 10%);     border-radius: 15px; margin-top: 30px; transition: all .5s; }
.employee_box_m{margin-top: 100px;}
.employee_box_m3{margin-top: -170px;}
.employee_monitoring_softwaredesktrackworks_box i{font-size: 50px; margin-bottom: 20px; color: #1e3a88;}
.employee_monitoring_softwaredesktrackworks_box h3{font-size:18px; margin-bottom: 8px; }
.employee_monitoring_softwaredesktrackworks_box p{font-size:13px; }
.employee_monitoring_softwaredesktrackworks_box:hover{color:#fff;background: #1e3a88;transition: all .5s;}
.employee_monitoring_softwaredesktrackworks_box:hover i{color:#fff}
.employee_monitoring_softwaredesktrackworks .employee_monitoring_softwaresub_heading h2{text-align: left !important;}

.employee_monitoring_softwaredesktrackworks .media-body  h3{font-size:24px; font-weight: bold; color:#1e3a88; margin-bottom: 10px;  }
.employee_monitoring_softwaredesktrackworks .media-left h2 {
    border-radius: 100%;
    padding: 27px;
    margin-right: 30px;
    border: 1px solid #000;
    width: 70px;
    height: 70px;
    text-align: center !important;
    font-size: 26px;
	color:#1e3a88;
	background: #fff;
}


.white_img{display: none;}
.blue_img {
    text-align: center;
    margin: auto;
    margin-bottom: 20px;
}
.employee_monitoring_software_appuser_box img {width:15%;}
.employee_monitoring_software_appuser_box h3{color: #000;}
.employee_monitoring_software_appuser_box p{color: #000;}
.employee_monitoring_software_appuser_box:hover .white_img {
    display: block;
    text-align: center !important;
    margin: auto !important;
    margin-bottom: 20px !important;
}
/*
.timesheets_box:hover {background: #1e3a88;}


.timesheets_box:hover h3{color: #fff;}
.timesheets_box:hover p{color: #fff;}

.timesheets_box:hover .blue_img {display: none; }
.timesheets_box img{margin-bottom: 30px !important;}


.timesheets_box {background: #1e3a88;}


.timesheets_box h3{color: #fff;}
.timesheets_box p{color: #fff;}

.timesheets_box.blue_img {display: none; }
.timesheets_box img{margin-bottom: 30px !important;}
*/


/* FOR HOVER ON TAB */
.employee_monitoring_software_appuser_box:hover{background:#1e3a88; }
.employee_monitoring_software_appuser_box:hover h3{color: #fff;}
.employee_monitoring_software_appuser_box:hover p{color: #fff;} 
.employee_monitoring_software_appuser_box:hover .blue_img{display: none;}

/* FOR TIMESHEET BOX ACTIVE */
.employee_monitoring_software_appuser_box.timesheet_active{background:#3c4a6f; }
.employee_monitoring_software_appuser_box.timesheet_active h3{color: #fff;}
.employee_monitoring_software_appuser_box.timesheet_active p{color: #fff;} 
.employee_monitoring_software_appuser_box.timesheet_active .blue_img{display: none;}
.employee_monitoring_software_appuser_box.timesheet_active .white_img{display: block;}
.timesheet_active .white_img{margin: auto; margin-bottom: 20px;}

/* FOR ACTIVITY BOX ACTIVE */
.employee_monitoring_software_appuser_box.activity_active{background:#3c4a6f; }
.employee_monitoring_software_appuser_box.activity_active h3{color: #fff;}
.employee_monitoring_software_appuser_box.activity_active p{color: #fff;} 
.employee_monitoring_software_appuser_box.activity_active .blue_img{display: none;}
.employee_monitoring_software_appuser_box.activity_active .white_img{display: block;}
.activity_active .white_img{margin: auto; margin-bottom: 20px;}








.employee_monitoring_softwareproductive .media:first-child {
    margin-top: 0 !important;
	    padding: 20px 15px;
}

.employee_monitoring_softwareproductive .media{background:#fff; margin-bottom: 30px; min-height: 150px; cursor: pointer;}

.images_hover_box {
    background-color: #fff;
    box-shadow: 0 0 72px 16px rgb(0 0 0 / 10%);
	border:2px solid #1e3a88;
}

.employee_monitoring_softwareproductive	p {
    font-size: 14px;
    line-height: 23px;
    font-weight: 300;
	margin-top: 7px;
}
.employee_monitoring_softwareproductive	h3 {
    font-size: 18px;
    line-height: 23px;
    
}
.employee_monitoring_softwareproductive h2 {
    font-size: 40px;
    font-weight: 700;
    color: #1e3a88;
    text-align: left;
    margin-bottom: 20px;
	line-height: 50px;
}
	


.employee_monitoring_softwareproductive ul li i {
    font-size: 20px;
    color: #fff;
    margin-right: 10px;
    padding: 7px;
   background: linear-gradient(0deg, rgba(216,126,216,1) 0%, rgba(154,114,246,1) 100%);
}
.employee_monitoring_softwareproductive img{margin-top: 50px; margin-left: -20px;}
#time_area{display: none;}
#productivity_area,#attendance_area,#screenshort_area,#blacklist_area,#report_area{display: none;}
#productivitys_area_activity,#attendances_area_activity,#screenshorts_area_activity,#blacklists_area_activity,#reports_area_activity{display: none;}
.employee_monitoring_software_appuser_box {text-align: center; box-shadow: 10px 10px 7px -4px rgba(0,0,0,0.37); padding: 20px 10px; min-height: 300px; cursor: pointer; background:#fff; } 
.employee_monitoring_software_appuser_box img{margin-bottom: 20px;}
.employee_monitoring_software_appuser_box h3{font-size: 25px; font-weight: bold; margin-bottom: 20px;     color: #1e3a88; }






.securely{margin-top:0}
.employee_monitoring_softwarestoredata h2{font-weight:700;color:#1e3a88;margin-bottom:20px;font-size:25px}
.employee_monitoring_softwarestoredata{text-align:center; padding-bottom: 60px;}
.employee_monitoring_softwarestoredata img{width:15%; margin-bottom: 25px; position: relative;}
.employee_monitoring_softwarestoredata img:before{
    background-image: url(../images/doteslaunch.jpg);
    width: 20%;
    height: 20%;
    background-size: cover;
    content: '';
    position: absolute;
    z-index: -1;
    top: 50px;
}
.employee_monitoring_softwarestoredata p{text-align: left; margin-bottom: 50px;}


.employee_monitoring_softwaredesktrackworks{padding-bottom:60px }
.employee_monitoring_softwaredesktrackworks .employee_monitoring_softwaresub_heading h2{text-align:center}
/* .launchimg_area:before {
    background-image: url(../images/doteslaunch.jpg);
    width: 20%;
    height: 20%;
    background-size: cover;
    content: '';
    position: absolute;
    z-index: -1;
    top: 50px;
}
.launchimg_area:after {
    background-image: url(../images/doteslaunch.jpg);
    width: 20%;
    height: 20%;
    background-size: cover;
    content: '';
    position: absolute;
    z-index: -1;
    bottom: -54px;
    right: 5px;
}
.launchimg_area img:hover{transform: scale(1.1); transition: all .5s cubic-bezier(0.42, 0, 0, 0.8);}
.launchimg_area img{transition: all .5s cubic-bezier(0.42, 0, 0, 0.8);margin-top: 100px ; cursor: pointer;} */
.employee_monitoring_softwaredesktrackworks .media-left:before {
    background: #000;
    width: 2px;
    height: 118px;
    background-size: cover;
    content: '';
    position: absolute;
    z-index: -1;
    left: 50px;
}
.employee_monitoring_softwaredesktrackworks .employee_monitoring_softwaresub_heading{margin-bottom: 50px;}
.employee_monitoring_softwaredesktrackworks .media.media_border_re .media-left:before {display: none;}
.employee_monitoring_softwarereviews{padding:60px 0;background:#1d3a881a;text-align:center}
.employee_monitoring_softwarereviews .employee_monitoring_softwaresub_heading{margin-bottom:50px;text-align:center}
.employee_monitoring_softwarereviews .employee_monitoring_softwaresub_heading h2{text-align:center}
.employee_monitoring_softwarereviews ul li{display:inline-block;margin-right:10px}
.employee_monitoring_softwarereviews ul li i{font-size:20px;color:#f6c358}
.employee_monitoring_softwarereviews_bottom{padding-top:50px;display:inline-block;width:100%}
.employee_monitoring_softwareguides{padding:60px 0}
.employee_monitoring_softwareguides .employee_monitoring_softwaresub_heading{text-align:center;margin-bottom:60px}
.employee_monitoring_softwareguides .employee_monitoring_softwaresub_heading h2{text-align:center}
.employee_monitoring_softwarestoredata .employee_monitoring_softwaresub_heading h2{margin:60px 0;text-align:center;font-size:40px}
.free_demo{text-align:center;padding:60px;background:#1d3a881a;}
.free_demo .sub_heading h4{margin-bottom:20px;font-size:28px;font-weight:700;color:#6e7076;text-align:center}
.free_demo .sub_heading h5{color:#6d6f76;font-size:18px}
.free_demo .sub_heading h5 strong{color:#1e3a88}
.free_demo .sub_heading h5 strong a{color:#1e3a88;text-decoration:underline}
.free_demo a{margin:30px 0}
.desktrack_indexborder{background:#e1e1e1;height:200px;display:block;text-align:center;margin:auto;border-radius:50px;width:2px;margin-top:80px}
#cycler{position:relative}
#cycler img{position:absolute;z-index:1;width:50%;right:0}
#cycler img.active{z-index:3}
.wrap{box-shadow:0 2px 27px 0 #b3afaf;border-radius:4px}
a:focus,a:hover,a:active{outline:0;text-decoration:none}
.panel{border-width:0 0 1px;border-style:solid;border-color:#fff;background:none;box-shadow:none}
.panel:last-child{border-bottom:none}
.panel-group > .panel:first-child .panel-heading{border-radius:15px 15px 0 0}
.panel-group .panel{border-radius:0}
.panel-group .panel + .panel{margin-top:0}
.panel-heading{background-color:#1d3a881a;border-radius:0;border:none;color:#fff;padding:0}
.panel-title a{display:block;color:#1e3a88;padding:20px;position:relative;font-size:16px;font-weight:400}
.panel-body{background:#fff}
.panel:last-child .panel-body{border-radius:0 0 4px 4px}
.panel:last-child .panel-heading{border-radius:0 0 15px 15px!important;transition:border-radius .3s linear .2s}
.panel:last-child .panel-heading.active{border-radius:0;transition:border-radius linear 0}
.panel-heading a:before{content:'\e146';position:absolute;font-family:'Material Icons';right:5px;top:10px;font-size:24px;transition:all .5s;transform:scale(1)}
.panel-heading.active a:before{content:' ';transition:all .5s;transform:scale(0)}
#bs-collapse .panel-heading a:after{content:' ';font-size:24px;position:absolute;font-family:'Material Icons';right:5px;top:10px;transform:scale(0);transition:all .5s}
#bs-collapse .panel-heading.active a:after{content:'\e909';transform:scale(1);transition:all .5s}
#accordion .panel-heading a:before{content:'\e316';font-size:24px;position:absolute;font-family:'Material Icons';right:5px;top:10px;transform:rotate(180deg);transition:all .5s}
#accordion .panel-heading.active a:before{transform:rotate(0deg);transition:all .5s}
.panel-group .panel-heading + .panel-collapse > .panel-body,.panel-group .panel-heading + .panel-collapse > .list-group{border-top:none!important}
.footer-logo img{width:250px;margin-bottom:50px}
.address-listing{margin-bottom:50px}
.footer-contact span{font:bold 24px/30px Gotham,sans-serif}
.desktrack-app-footer li{margin-top:30px}
.solution_f{margin-top:25px}
.navbarcollapse{display:block;float:right}
.navbar-brand{min-height:inherit;padding:0}
.navbar{min-height:inherit;margin-bottom:0;padding:13px 0}
.header_area{width:100%;left:0;z-index:20;top:0}
.header_area.navbar_fixed{position:fixed;top:0;left:0;width:100%;background-color:#fff;-webkit-box-shadow:0 4px 6px 0 rgba(12,0,46,0.06);box-shadow:0 4px 6px 0 rgba(12,0,46,0.06)}
ul.navbar-nav.menu.w_menu.ml-auto{padding:0}
.navbar-nav li{list-style:none;display:inline-block;color:#fff}
.sticky_logo img + img{display:none}
.menu > .nav-item{position:relative;padding:14px 16px}
.menu > .nav-item > .nav-link{font:500 15px Poppins,sans-serif;color:#2c2c51;padding:0;-webkit-transition:color .3s ease 0;-o-transition:color .3s ease 0;transition:color .3s ease 0;position:relative}
.menu > .nav-item > .nav-link:before{content:"";width:0;height:1px;background:#23b1fe;position:absolute;bottom:0;left:auto;right:0;-webkit-transition:all .2s linear;-o-transition:all .2s linear;transition:all .2s linear}
.menu > .nav-item > .nav-link:after{display:none}
.menu > .nav-item.submenu .dropdown-menu{margin:0;border:0;border-radius:0;left:-40px;min-width:200px;padding:0;background:transparent;-webkit-box-shadow:-1px 2px 19px 3px rgba(14,0,40,0.05);box-shadow:-1px 2px 19px 3px rgba(14,0,40,0.05)}











@media (min-width: 992px) {
.menu > .nav-item.submenu .dropdown-menu{-webkit-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px);-webkit-transition:all .3s ease-in;-o-transition:all .3s ease-in;transition:all .3s ease-in;opacity:0;visibility:hidden;display:block}
}
.menu > .nav-item.submenu .dropdown-menu .nav-item{display:block;width:100%;margin-right:0;padding:0 10px;background:#fff;position:relative}
.menu > .nav-item.submenu .dropdown-menu .nav-item .nav-link{white-space:nowrap;font:400 14px/34px Poppins,sans-serif;color:#2c2c51;-webkit-transition:color .2s linear;-o-transition:color .2s linear;transition:color .2s linear}
.menu > .nav-item.submenu .dropdown-menu .nav-item .nav-link:after{display:none}
.menu > .nav-item.submenu .dropdown-menu .nav-item .nav-link span.arrow_carrot-right{right:20px;position:absolute;line-height:30px;font-size:18px}
.menu > .nav-item.submenu .dropdown-menu .nav-item:hover > .nav-link,.menu > .nav-item.submenu .dropdown-menu .nav-item:focus > .nav-link,.menu > .nav-item.submenu .dropdown-menu .nav-item.active > .nav-link{color:#23b1fe}
.menu > .nav-item.submenu .dropdown-menu .nav-item:first-child{padding-top:14px}
@media (min-width: 992px) {
.menu > .nav-item.submenu .dropdown-menu .nav-item:first-child > .dropdown-menu{top:0}
}
.menu > .nav-item.submenu .dropdown-menu .nav-item:last-child{padding-bottom:14px;margin-bottom:-8px}
.menu > .nav-item.submenu .dropdown-menu .nav-item > .dropdown-menu{-webkit-transition:-webkit-transform .3s ease-in;transition:-webkit-transform .3s ease-in;-o-transition:transform .3s ease-in;transition:transform .3s ease-in;transition:transform .3s ease-in,-webkit-transform .3s ease-in;padding:0}
.menu > .nav-item.submenu .dropdown-menu .nav-item > .dropdown-menu:before{display:none}
@media (min-width: 992px) {
.menu > .nav-item.submenu .dropdown-menu .nav-item > .dropdown-menu{position:absolute;left:100%;top:-25px;opacity:0;display:block;visibility:hidden;-webkit-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px);-webkit-transition:all .3s ease-in;-o-transition:all .3s ease-in;transition:all .3s ease-in}
}
.menu > .nav-item:nth-last-child(-n+2).submenu .dropdown-menu{left:auto;right:0}
.menu > .nav-item:nth-last-child(-n+2).submenu .dropdown-menu .nav-item > .dropdown-menu{left:auto;right:100%}
.menu > .nav-item.active .nav-link{color:#23b1fe}
.menu > .nav-item.active .nav-link:before{width:100%;left:0;right:auto}
.menu > .nav-item:hover .nav-link{color:#23b1fe}
.menu > .nav-item:hover .nav-link:before{width:100%;left:0;right:auto}
@media (min-width: 992px) {
.menu > .nav-item:hover .dropdown-menu{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);visibility:visible}
}




@media (min-width: 992px) and (min-width: 992px) {
.menu > .nav-item:hover .dropdown-menu > .nav-item:hover .dropdown-menu{-webkit-transform:scaleY(1);-ms-transform:scaleY(1);transform:scaleY(1);opacity:1;visibility:visible}
}

@media (max-width: 467px)
{
	
.cus_pedding_emp {
    padding: 0 15px;
}	
.employee_monitoring_softwarehighlighter {
    margin-top: 150px;
}	
	#cycler img {
   
    right: 95px;
}

	.employee_monitoring_software_banner img{margin-top: 50px;}
	.screenshort_cusemp{padding-top: 0px;}	
	
	.empproductive {
    width: 80%;
    margin: auto;
    margin-top: 30px;
}
	
	.employee_monitoring_softwaresub_heading h2 {
		font-size: 20px;}
	.employee_monitoring_softwaresub_heading p {
		font-size: 14px;}

	.employee_monitoring_software_banner img{margin-top: 30px;}
	
	
	.employee_monitoring_software_banner .employee_monitoring_softwaresub_heading p {
    margin-bottom: 30px;
}
	.employee_monitoring_softwaresub_heading {
    margin-top: 0px;
}
	.employee_monitoring_softwarestoredata .employee_monitoring_softwaresub_heading h2 {
    margin: 70px 10px;
    font-size: 20px;
}
	.employee_monitoring_software_banner {
    padding-top: 70px;
    margin-bottom: -150px;
}
	.employee_monitoring_softwaresub_heading h4 {
    font-size: 16px;
}
.securely {
    margin-top: 0px !important;
}	
	
	.employee_monitoring_softwareguides {
    padding: 30px 0;
}
	
}


@media (max-width:768px) {
	.container {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
		width: 100%;
}
.employee_monitoring_softwarebanner {
    padding: 20px;
	padding-bottom:30px;
}
.employee_monitoring_softwarebanner h1 {
    font-size: 22px;
	width:100%;
	line-height:35px;
	font-weight: 900;
}
.employee_monitoring_softwaresub_heading h2 {
    font-size:24px;}
	.sub_heading h4 {
    font-size: 18px;}
	.top_business {
    padding: 30px 0;}
	
}
@media (max-width:540px) {
.employee_monitoring_softwarebanner {
    padding: 20px;
	padding-bottom:30px;
}
.employee_monitoring_softwarebanner h1 {
    font-size: 22px;
	width:100%;
	line-height:35px;
	font-weight: 900;
}
.employee_monitoring_softwaresub_heading h2 {
    font-size:24px;}
	.sub_heading h4 {
    font-size: 18px;}


.employee_monitoring_softwaresub_heading p {
    font-size: 16px;}




	
	
	
}
@media (max-width: 467px) {
.employee_monitoring_softwarebanner {
    padding: 15px;
	padding-bottom:30px;
}
.employee_monitoring_software_banner .employee_monitoring_softwaresub_heading h1 {
    font-size: 22px;
	width:100%;
	line-height:35px;
	font-weight: 900;
}
.employee_monitoring_softwaresub_heading h2 {
    font-size:24px;}
	.sub_heading h4 {
    font-size: 18px;}
	.top_business {
    padding: 30px 0;}
	.video {
    text-align: center;
    margin-top: 50px;
    padding: 0;
    width: 100%;
}
.video_bottom ul{padding:0 15px}
.employee_monitoring_softwaresub_heading p {
    font-size: 16px;}
.video_bottom{padding-bottom:30px;}	
.employee_monitoring_softwarehighlighter.custome-highlights h2 {
    color: #1e3a88;
    font-size: 20px;
    line-height: 30px;
}	

.employee_monitoring_software_benefited {
    padding: 30px 0;
    background: #fff;
}	
.cus_pedding_emp {
    padding: 0 15px;
}	
.employee_monitoring_softwarehighlighter {
    margin-top: 0px;
}	
	
.col-md-6.col-12.emp_padding_cs {
   
    margin-bottom: 100px;
}
	#cycler img {
   
    right: 95px;
}

	.employee_monitoring_software_banner img{margin-top: 50px;}
	.screenshort_cusemp{padding-top: 0px;}	
	
	.empproductive {
    width: 80%;
    margin: auto;
    margin-top: 30px;
}
	
	.employee_monitoring_softwaresub_heading h2 {
		font-size: 20px;}
	.employee_monitoring_softwaresub_heading p {
		font-size: 14px;}

	.employee_monitoring_software_banner img{margin-top: 30px;}
	
	
	.employee_monitoring_software_banner .employee_monitoring_softwaresub_heading p {
    margin-bottom: 30px;
	line-height: 20px;
}
	.employee_monitoring_softwaresub_heading {
    margin-top: 0px;
}
	.employee_monitoring_softwarestoredata .employee_monitoring_softwaresub_heading h2 {
    margin: 70px 10px;
    font-size: 20px;
}
	.employee_monitoring_software_banner {
    padding-top: 70px;
    margin-bottom: -150px;
}
	.employee_monitoring_softwaresub_heading h4 {
    font-size: 16px;
}
.securely {
    margin-top: 0px !important;
}	
	
	.employee_monitoring_softwareguides {
    padding: 30px 0;
}	
	
	
	
	.employee_monitoring_softwarehighlighter h2 {
    font-size: 22px;
    font-weight: 500;
	
    padding: 10px;
}
.employee_monitoring_softwareproductive h2 {
    font-size: 24px;
    line-height: 30px;
}	
	
.employee_monitoring_softwareproductive {
    background: #1d3a881a;
    padding: 30px 0;
}	
	
.employee_monitoring_softwareproductive img {
 
    margin-left: -10px;
}	
}
@media (max-width:360px) {
.employee_monitoring_softwaresub_heading h2 {
    font-size: 20px;
}
.employee_monitoring_softwaresub_heading h4 {
    font-size: 16px;
}
.employee_monitoring_softwaresub_heading p {
    font-size: 14px;
}
}



/* .saas_btn{background-color:#fff;border:1px solid #fff;color:#23b1fe;font:500 14px/47px Poppins,sans-serif;border-radius:4px;box-shadow:0 20px 24px 0 rgba(0,11,40,0.1);padding:0 15px;transform:perspective(1px) translateZ(0);transition-property:color;transition:all .3s ease;min-width:120px;text-align:center;display:inline-block;margin-right:10px;cursor:pointer}
.select-countries{float:right;width:110px;background:#fff;border-radius:4px;border:1px solid #fff}
.ddcommon{width:100%!important}
.select-countries .ddTitle.borderRadiusTp{background:none;box-shadow:0 20px 24px 0 rgba(0,11,40,0.1)}
.select-countries .ddcommon{border:0;line-height:47px}
.header_area.navbar_fixed .select-countries{border-color:#23b1fe}
.select-countries .dd .ddTitle .ddTitleText{padding:0 24px 0 10px}
.select-countries .dd li{line-height:initial;border:0}
.select-countries .ddChild{box-shadow:0 3px 8px 0 rgba(162,160,160,0.4);border:0}
.select-countries .dd li.selected{background-color:#ecf5fc;color:#000}
.select-countries .dd li.hover{background-color:#ecf5fc}
.select-countries .dd .ddChild{left:0}
.header_area.navbar_fixed .saas_btn{border-color:#23b1fe}
.saas_btn:hover{color:#fff;background:-webkit-linear-gradient(-48deg,#237efd 0%,#24b0fe 46%,#24e2ff 100%);border-color:#23b1fe;-webkit-box-shadow:none;box-shadow:none}
footer{background-color:#fff;padding:40px 0 30px}
.footer-box h3{font:bold 24px/30px Gotham,sans-serif;color:#6d6f76;margin-bottom:14px;text-transform:uppercase}
.footer-box ul{padding:0}
.footer-box ul li{list-style:none;display:block;color:#6d6f76;font-size:18px;font-weight:300}
.footer-box ul li a{color:#6d6f76;font:300 18px/30px Gotham,sans-serif;display:block;-webkit-transition:all linear .3s;transition:all linear .3s}
.footer-box ul li a:hover{color:#23b7e5;padding-left:10px}
.address-listing li:after{clear:both;display:block;content:""}
.address-listing i{float:left;font-size:23px;margin-right:8px;margin-top:4px}
.address-listing p{float:left;width:325px;font:300 15px/30px Poppins,sans-serif;margin-bottom:10px;color:#f6f6f6}
.address-listing p span{clear:both;display:block;margin-bottom:10px;vertical-align:top;line-height:initial}
.address-listing p strong{font-weight:600}
.social-icons li{display:inline-block!important}
.social-icons li a i{border-radius:50%;color:#fff;width:40px;font-size:15px;line-height:40px;font-weight:400;height:40px;text-align:center;transition:all linear .3s}
i.fa.fa-facebook{background:#3a5ba2}
i.fa.fa-twitter{background:#3cf}
i.fa.fa-linkedin{background:#0e78aa}
i.fa.fa-instagram{background:#9d3a8a}
i.fa.fa-youtube{background:#c91e1f}
.social-icons li a i:hover{opacity:.8}
.social-icons li a:hover{padding:0!important}
.copyright-content{padding:30px 0 0}
.copyright-content p{color:#fff;text-align:center}
.copyright-content p a{color:#23b7e5} */




/*End Employee Monitering Page Css */


.zoom-in-out-box {
	margin: 24px;
	width: 50px;
	height: 50px;
	background: #f50057;
	animation: zoom-in-zoom-out 5s ease infinite;
  }
  
  @keyframes zoom-in-zoom-out {
	0% {
	  transform: scale(1, 1);
	}
	50% {
	  transform: scale(1.1, 1.1);
	}
	100% {
	  transform: scale(1, 1);
	}
  }
 
  .offer-bar {
    border-radius: 0;
    background: linear-gradient( 
-45deg
 , #ff8000, #000080, #138808);
    background-size: 400% 400%;
    animation: change-background 4s ease infinite;
    color: #fff;
	padding: 0px;
}
.offer-bar strong{
    color: #fff !important;
    /* letter-spacing: .1rem; */
    letter-spacing: 0;
    word-spacing: 0;
	font-family: 'Gotham',sans-serif !important;
	font-size: 16px;
    margin-left: 20px;
	font-weight: 500;
}

.offer-bar .btn-orange {
    
    background-size: 200% auto;
    font: 500 14px "Poppins", sans-serif;
    background: #fff;
    border-radius: 15px !important;
    color: #355a80 !important; margin-left: 20px;
}

.offer-bar img {
    width: 50px;
    display: inline-block;
	background: #fff;
}




@keyframes change-background {
	0% {
	  background: #FF9933;
	}
	50% {
	  background: #138808;
	}
	100% {
	  background: #000080;
	}
  }
  







  .slider-intro-content.emp .input-group.subcribes {
    width: 100%;
}


.slider-intro.emp{
    width: 100%;
}



.slider-intro.emp .submit-demo p{
 
}
/*-----shubham--*/