@charset "utf-8";
/* CSS Document */
	line-height: 19px;
}

 /* Column Drop Layout Pattern CSS */ /* =Media query for screen */
	@media only screen and (max-width:750px){
		.padding {
			padding:40px;}
		img[class="flexibleImage"]{height:auto !important; width:100% !important; display:block;}
	    td[class="column"] {
	        display: block;
            width: 100%;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
	    }
	}
    @media only screen and (max-width: 500px) {
		img[class="flexibleImage"]{height:auto !important; width:100% !important; display:block;}
	    td[class="column"] {
	        display: block;
            width: 100%;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
	    }
    }
    @media only screen and (max-width: 400px) {
		img[class="flexibleImage"]{height:auto !important; width:100% !important; display:block;}	
	    td[class="column"] {
	        display: block;
            width: 100%;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
	    }	
	}
    @media only screen and (max-width: 300px) {
		img[class="flexibleImage"]{height:auto !important; width:100% !important; display:block;}	
	    td[class="column"] {
	        display: block;
            width: 100%;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
	    }	
	}

 /* EndColumn Drop Layout Pattern CSS */ /* =Media query for screen */


@font-face {font-family: "Akkurat-Light";
    src: url("../fonts/bc9fa02b4227255be2387a7e19a3e09b.eot");
    src: url("../fonts/bc9fa02b4227255be2387a7e19a3e09b.eot?#iefix") format("embedded-opentype"),
         url("../fonts/bc9fa02b4227255be2387a7e19a3e09b.woff") format("woff"),
         url("../fonts/bc9fa02b4227255be2387a7e19a3e09b.ttf") format("truetype"),
         url("../fonts/bc9fa02b4227255be2387a7e19a3e09b.svg#Akkurat-Light") format("svg");
}


/* barlow-semi-condensed-regular - latin */
@font-face {
  font-family: 'Barlow Semi Condensed';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/barlow-semi-condensed-v5-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Barlow Semi Condensed Regular'), local('BarlowSemiCondensed-Regular'),
       url('../fonts/barlow-semi-condensed-v5-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/barlow-semi-condensed-v5-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/barlow-semi-condensed-v5-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/barlow-semi-condensed-v5-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/barlow-semi-condensed-v5-latin-regular.svg#BarlowSemiCondensed') format('svg'); /* Legacy iOS */
}

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

A.class1 {color:#666; font-family: "Akkurat-Light"; text-decoration: none;}
A.class1:link  {text-decoration: none; color: #28ace2;}
A.class1:visited {text-decoration: none; color: #28ace2;}
A.class1:hover {text-decoration: underline; color: 666;}
A.class1:active {text-decoration: none; color: #666;}


A.class2 {color:#333; font-family: "Akkurat-Light" !important; text-decoration: none; font-size: 14px; line-height: 1.7;}
A.class2:hover {color:#666; font-family: "Akkurat-Light" !important; text-decoration: none; font-size: 14px; }

A.class3 {color:#25aae1; font-family: "Akkurat-Light" !important; text-decoration: none; font-size: 28px; line-height: 1.5;}
A.class3:hover {color:#c4c6c8; font-family: "Akkurat-Light" !important; text-decoration: none; font-size: 28px; }


A.classFB {color:#1773ea; font-family: "Akkurat-Light" !important; text-decoration: none; font-size: 25px; line-height: 1.4;}
A.classFB:hover {color:#c4c6c8; font-family: "Akkurat-Light" !important; text-decoration: none; font-size: 25px; }

A.classIn {color:#0173ae; font-family: "Akkurat-Light" !important; text-decoration: none; font-size: 25px; line-height: 1.4;}
A.classIn:hover {color:#c4c6c8; font-family: "Akkurat-Light" !important; text-decoration: none; font-size: 25px; }

A.classYoutube {color:#dd2425; font-family: "Akkurat-Light" !important; text-decoration: none; font-size: 25px; line-height: 1.4;}
A.classYoutube:hover {color:#c4c6c8; font-family: "Akkurat-Light" !important; text-decoration: none; font-size: 25px; }

A.classInstagram {color:#634bc0; font-family: "Akkurat-Light" !important; text-decoration: none; font-size: 25px; line-height: 1.4;}
A.classInstagram:hover {color:#c4c6c8; font-family: "Akkurat-Light" !important; text-decoration: none; font-size: 25px; }


A.classTwitter {color:#009deb; font-family: "Akkurat-Light" !important; text-decoration: none; font-size: 25px; line-height: 1.4;}
A.classTwitter:hover {color:#c4c6c8; font-family: "Akkurat-Light" !important; text-decoration: none; font-size: 25px; }

A.classSkype {color:#00a4e9; font-family: "Akkurat-Light" !important; text-decoration: none; font-size: 25px; line-height: 1.4;}
A.classSkype:hover {color:#c4c6c8; font-family: "Akkurat-Light" !important; text-decoration: none; font-size: 25px; }


a.ex1:hover, a.ex1:active {
    color: #7dca39;
}

.Zoom50 {
	width: 50%;
	height: auto;
}

.sqWhite {
background-color: #fff;
border-radius:10px;	
}


.PositionGirl {
bottom:-76px; right:37%; position:absolute; z-index:2;
}

.pdBnr {
padding:80px 20px;
}

.pdBnr2 {
padding:80px 20px;
}

.pd50 {
padding:50px 20px;
}

.pd80 {
padding:80px 20px;
}

.pd100 {
padding:100px 20px;
}


.LogoJoin {
	width: 30%;
	height: auto;
}


.video-container {
	position:relative;
	padding-bottom:56.25%;
	padding-top:30px;
	height:0;
	overflow:hidden;
}

.video-container iframe, .video-container object, .video-container embed {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

.separateDemo{
	border-right-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: none;
	border-right-color: #798696;
}


.boxSolution {
    background: #fff;
    padding: 40px 20px;
    -webkit-box-shadow: 0px 42px 29px -31px rgb(0 0 0 / 5%);
    -moz-box-shadow: 0px 42px 29px -31px rgba(0, 0, 0, 0.05);
    box-shadow: 0px 42px 29px -31px rgb(0 0 0 / 5%);
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    border-radius: 8px;
}

.empty-graphics-div {
    height: 90vh;
    padding-top: 0px;
    margin-top: ;
    margin-bottom: 30px;
    background: url(https://xvelopers.com/html/xdocs/assets/img/graphics.png) center bottom repeat-x;
}

.check-box {
    border: 1px solid #3ad8df !important;
    border-radius: .25em !important;
    background: #fff !important;
}

.section-title {
    margin-bottom: 3rem;
}

.badge-section {
    display: inline-block;
    margin-bottom: 10px;
}

.SolutionTitle {
	display: inline-block;
	font-size: 20px;
	line-height: 1;
	font-weight: 800;
	letter-spacing: .1em;
	text-transform: uppercase; 
}

.tag.accent.lite-badge {
    display: inline-block;
    margin-left: 5px;
    padding: 5px 15px;
    border-radius: 6px;
    background-color: #fff;
	margin-top: 5px;
}

.tag {
    padding: 5px 15px ;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 6px;
}

.tag2 {
    padding: 2px 10px 3px 10px ;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 4px;
	font-size: 12px;
	background-color:#c1f4fd;
}

.tag-badge {
    font-size: 20px;
}



.lite-badge {
    color: #657085;
    font-size: 1rem;
}


.line-separate-left{
	border-left: 1px solid  #e6e7e8;
	padding:20px 15px;
}

.line-r1{
	border-right: 1px solid  #67c8f1;
	border-bottom: 1px solid  #67c8f1;
	padding:30px 15px;
	height:240px;
}

.line-r2{
	border-right: 1px solid  #67c8f1;
	border-bottom: 1px solid  #67c8f1;
	padding:30px 15px;
	height:240px;
}

.line-r3{
	border-right: 1px solid  #67c8f1;
	border-bottom: 1px solid  #67c8f1;
	padding:30px 15px;
	height:240px;
}

.line-r4{
	border-right: 0px solid  #67c8f1;
	border-bottom: 1px solid  #67c8f1;
	padding:30px 15px;
	height:240px;
}

.line-r5{
	border-right: 1px solid  #67c8f1;
	border-bottom: 1px solid  #67c8f1;
	padding:30px 15px;
	height:240px;
}

.line-r6{
	border-right: 1px solid  #67c8f1;
	border-bottom: 1px solid  #67c8f1;
	padding:30px 15px;
	height:240px;
}

.line-r7{
	border-right: 1px solid  #67c8f1;
	border-bottom: 1px solid  #67c8f1;
	padding:30px 15px;
	height:240px;
}

.line-r8{
	border-right: 0px solid  #67c8f1;
	border-bottom: 1px solid  #67c8f1;
	padding:30px 15px;
	height:240px;
}

.line-r9{
	border-right: 1px solid  #67c8f1;
	border-bottom: 0px solid  #67c8f1;
	padding:30px 15px;
	height:240px;
}

.line-r10{
	border-right: 1px solid  #67c8f1;
	border-bottom: 0px solid  #67c8f1;
	padding:30px 15px;
	height:240px;
}

.line-r11{
	border-right: 1px solid  #67c8f1;
	border-bottom: 0px solid  #67c8f1;
	padding:30px 15px;
	height:240px;
}

.line-r12{
	border-right: 0px solid  #67c8f1;
	border-bottom: 0px solid  #67c8f1;
	padding:30px 15px;
	height:240px;
}
	
/**footerNav**/

#fixmeBtn{
}
.BtnRDemo {
	display: none;
}



#fixme {
padding: 20px;
}

.pc_hire_scroll {
	display: block;
}

.pc_hire {
	display: none;
}


#Hide-Me {
}
.HideMe{
	display: block;
}

.HideMe2{
	display: none;
}



.HideA{
	display: block;
}

.HideB{
	display: none;
}


.category_web {
	display: block;
}

.category_mobile {
	display: none;
}

.icon-wrap {
    display: inline-block;
    width: 56px;
    height: 56px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 60px;
    flex: 0 0 60px;
    border-radius: 50%;
    background: #ffffff;
    position: relative;
    padding: 5px;
    -webkit-box-shadow: 0 15px 30px 0 rgba(0, 0, 0, 0.05);
    box-shadow: 0 15px 30px 0 rgba(0, 0, 0, 0.05);
}


/*******/
.icons-FingerTec-Analytics:before{
    background: url("https://www.timeteccloud.com/templates/layout/image/icon/svg/icon-FingerTec-Analytics.svg") no-repeat scroll center center / 100% auto rgba(0, 0, 0, 0);
    content: "";
    display: inline-block;
    color: #fff;
    height: 30px;
    margin-right: 5px;
    position: relative;
    top: 5px;
    vertical-align: middle;
    width: 30px;
}

.icons-Security-Analytics:before{
    background: url("https://www.timeteccloud.com/templates/layout/image/icon/svg/icon-Security-Analytics.svg") no-repeat scroll center center / 100% auto rgba(0, 0, 0, 0);
    content: "";
    display: inline-block;
    color: #fff;
    height: 30px;
    margin-right: 5px;
    position: relative;
    top: 5px;
    vertical-align: middle;
    width: 30px;
}

.icons-Building-Analytics:before{
    background: url("https://www.timeteccloud.com/templates/layout/image/icon/svg/icon-Building-Analytics.svg") no-repeat scroll center center / 100% auto rgba(0, 0, 0, 0);
    content: "";
    display: inline-block;
    color: #fff;
    height: 30px;
    margin-right: 5px;
    position: relative;
    top: 5px;
    vertical-align: middle;
    width: 30px;
}



.icons-HR-Analytics:before{
    background: url("https://www.timeteccloud.com/templates/layout/image/icon/svg/icon-HR-Analytics.svg") no-repeat scroll center center / 100% auto rgba(0, 0, 0, 0);
    content: "";
    display: inline-block;
    color: #fff;
    height: 30px;
    margin-right: 5px;
    position: relative;
    top: 5px;
    vertical-align: middle;
    width: 30px;
}


.icons-Appraisal:before {
    background: url(https://www.timeteccloud.com/templates/layout/image/icon/svg/icon-Appraisal.svg) no-repeat scroll center center / 100% auto rgba(0, 0, 0, 0);
    content: "";
    display: inline-block;
    color: #fff;
    height: 30px;
    margin-right: 5px;
    position: relative;
    top: 5px;
    vertical-align: middle;
    width: 30px;
}



.icons-HR:before {
       background: url(https://www.timeteccloud.com/templates/layout/image/icon/svg/icon-HR.svg) no-repeat scroll center center / 100% auto rgba(0, 0, 0, 0);
    content: "";
    display: inline-block;
    color: #fff;
    height: 30px;
    margin-right: 5px;
    position: relative;
    top: 5px;
    vertical-align: middle;
    width: 30px;
}





.icons-TA:before {
    background: url("https://www.timeteccloud.com/templates/layout/image/icon/svg/icon-TA.svg") no-repeat scroll center center / 100% auto rgba(0, 0, 0, 0);
    content: "";
    display: inline-block;
    color: #fff;
    height: 30px;
    margin-right: 5px;
    position: relative;
    top: 5px;
    vertical-align: middle;
    width: 30px;
}

.icons-Leave:before {
    background: url("https://www.timeteccloud.com/templates/layout/image/icon/svg/icon-leave.svg") no-repeat scroll center center / 100% auto rgba(0, 0, 0, 0);
    content: "";
    display: inline-block;
    color: #fff;
    height: 30px;
    margin-right: 5px;
    position: relative;
    top: 5px;
    vertical-align: middle;
    width: 30px;
}

.icons-Claim:before {
    background: url("https://www.timeteccloud.com/templates/layout/image/icon/svg/icon-claim.svg") no-repeat scroll center center / 100% auto rgba(0, 0, 0, 0);
    content: "";
    display: inline-block;
    color: #fff;
    height: 30px;
    margin-right: 5px;
    position: relative;
    top: 5px;
    vertical-align: middle;
    width: 30px;
}


.icons-Payroll:before{
    background: url("https://www.timeteccloud.com/templates/layout/image/icon/svg/icon-payroll.svg") no-repeat scroll center center / 100% auto rgba(0, 0, 0, 0);
    content: "";
    display: inline-block;
    color: #fff;
    height: 30px;
    margin-right: 5px;
    position: relative;
    top: 5px;
    vertical-align: middle;
    width: 30px;
}

.icons-Hire:before{
    background: url("https://www.timeteccloud.com/templates/layout/image/icon/svg/icon-hire.svg") no-repeat scroll center center / 100% auto rgba(0, 0, 0, 0);
    content: "";
    display: inline-block;
    color: #fff;
    height: 30px;
    margin-right: 5px;
    position: relative;
    top: 5px;
    vertical-align: middle;
    width: 30px;
}

.icons-Profile:before{
    background: url("https://www.timeteccloud.com/templates/layout/image/icon/svg/icon-profile.svg") no-repeat scroll center center / 100% auto rgba(0, 0, 0, 0);
    content: "";
    display: inline-block;
    color: #fff;
    height: 30px;
    margin-right: 5px;
    position: relative;
    top: 5px;
    vertical-align: middle;
    width: 30px;
}

.icons-iNeighbour:before{
    background: url("https://www.timeteccloud.com/templates/layout/image/icon/svg/icon-ineighbour.svg") no-repeat scroll center center / 100% auto rgba(0, 0, 0, 0);
    content: "";
    display: inline-block;
    color: #fff;
    height: 30px;
    margin-right: 5px;
    position: relative;
    top: 5px;
    vertical-align: middle;
    width: 30px;
}

.icons-iAcc:before{
    background: url("https://www.timeteccloud.com/templates/layout/image/icon/svg/icon-iaccount.svg") no-repeat scroll center center / 100% auto rgba(0, 0, 0, 0);
    content: "";
    display: inline-block;
    color: #fff;
    height: 30px;
    margin-right: 5px;
    position: relative;
    top: 5px;
    vertical-align: middle;
    width: 30px;
}



.icons-DP:before {
    background: url("https://www.timeteccloud.com/templates/layout/image/icon/svg/icon-developer.svg") no-repeat scroll center center / 100% auto rgba(0, 0, 0, 0);
    content: "";
    display: inline-block;
    color: #fff;
    height: 30px;
    margin-right: 5px;
    position: relative;
    top: 5px;
    vertical-align: middle;
    width: 30px;
}

.icons-Marketplace:before {
    background: url("https://www.timeteccloud.com/templates/layout/image/icon/svg/icon-marketplace.svg") no-repeat scroll center center / 100% auto rgba(0, 0, 0, 0);
    content: "";
    display: inline-block;
    color: #fff;
    height: 30px;
    margin-right: 5px;
    position: relative;
    top: 5px;
    vertical-align: middle;
    width: 30px;
}

.icons-Building-c:before {
    background: url("https://www.timeteccloud.com/templates/layout/image/icon/svg/icon-building-c.svg") no-repeat scroll center center / 100% auto rgba(0, 0, 0, 0);
    content: "";
    display: inline-block;
    color: #fff;
    height: 30px;
    margin-right: 5px;
    position: relative;
    top: 5px;
    vertical-align: middle;
    width: 30px;
}

.icons-Parking-c:before {
    background: url("https://www.timeteccloud.com/templates/layout/image/icon/svg/icon-parking-c.svg") no-repeat scroll center center / 100% auto rgba(0, 0, 0, 0);
    content: "";
    display: inline-block;
    color: #fff;
    height: 30px;
    margin-right: 5px;
    position: relative;
    top: 5px;
    vertical-align: middle;
    width: 30px;
}

.icons-Maintenance-c:before {
    background: url("https://www.timeteccloud.com/templates/layout/image/icon/svg/icon-maintenance-c.svg") no-repeat scroll center center / 100% auto rgba(0, 0, 0, 0);
    content: "";
    display: inline-block;
    color: #fff;
    height: 30px;
    margin-right: 5px;
    position: relative;
    top: 5px;
    vertical-align: middle;
    width: 30px;
}

.icons-VMS-c:before {
    background: url("https://www.timeteccloud.com/templates/layout/image/icon/svg/icon-vms-c.svg") no-repeat scroll center center / 100% auto rgba(0, 0, 0, 0);
    content: "";
    display: inline-block;
    color: #fff;
    height: 30px;
    margin-right: 5px;
    position: relative;
    top: 5px;
    vertical-align: middle;
    width: 30px;
}

.icons-Access-c:before {
    background: url("https://www.timeteccloud.com/templates/layout/image/icon/svg/icon-access-c.svg") no-repeat scroll center center / 100% auto rgba(0, 0, 0, 0);
    content: "";
    display: inline-block;
    color: #fff;
    height: 30px;
    margin-right: 5px;
    position: relative;
    top: 5px;
    vertical-align: middle;
    width: 30px;
}

.icons-Patrol-c:before {
    background: url("https://www.timeteccloud.com/templates/layout/image/icon/svg/icon-patrol-c.svg") no-repeat scroll center center / 100% auto rgba(0, 0, 0, 0);
    content: "";
    display: inline-block;
    color: #fff;
    height: 30px;
    margin-right: 5px;
    position: relative;
    top: 5px;
    vertical-align: middle;
    width: 30px;
}

.icons-Epi-c:before {
    background: url("https://www.timeteccloud.com/templates/layout/image/icon/svg/icon-epi-c.svg") no-repeat scroll center center / 100% auto rgba(0, 0, 0, 0);
    content: "";
    display: inline-block;
    color: #fff;
    height: 30px;
    margin-right: 5px;
    position: relative;
    top: 5px;
    vertical-align: middle;
    width: 30px;
}

.icons-Face:before {
    background: url("https://www.timeteccloud.com/templates/layout/image/icon/svg/icon-face.svg") no-repeat scroll center center / 100% auto rgba(0, 0, 0, 0);
    content: "";
    display: inline-block;
    color: #fff;
    height: 30px;
    margin-right: 5px;
    position: relative;
    top: 5px;
    vertical-align: middle;
    width: 30px;
}

.icons-FP:before {
    background: url("https://www.timeteccloud.com/templates/layout/image/icon/svg/icon-fp.svg") no-repeat scroll center center / 100% auto rgba(0, 0, 0, 0);
    content: "";
    display: inline-block;
    color: #fff;
    height: 30px;
    margin-right: 5px;
    position: relative;
    top: 5px;
    vertical-align: middle;
    width: 30px;
}

.icons-CardQR:before {
    background: url("https://www.timeteccloud.com/templates/layout/image/icon/svg/icon-card-qr.svg") no-repeat scroll center center / 100% auto rgba(0, 0, 0, 0);
    content: "";
    display: inline-block;
    color: #fff;
    height: 30px;
    margin-right: 5px;
    position: relative;
    top: 5px;
    vertical-align: middle;
    width: 30px;
}


.icons-Security:before {
    background: url("https://www.timeteccloud.com/templates/layout/image/icon/svg/icon-security.svg") no-repeat scroll center center / 100% auto rgba(0, 0, 0, 0);
    content: "";
    display: inline-block;
    color: #fff;
    height: 30px;
    margin-right: 5px;
    position: relative;
    top: 5px;
    vertical-align: middle;
    width: 30px;
}

.icons-Parking-Visitor:before {
    background: url("https://www.timeteccloud.com/templates/layout/image/icon/svg/icon-parking-visitor.svg") no-repeat scroll center center / 100% auto rgba(0, 0, 0, 0);
    content: "";
    display: inline-block;
    color: #fff;
    height: 30px;
    margin-right: 5px;
    position: relative;
    top: 5px;
    vertical-align: middle;
    width: 30px;
}

.icons-Smarthome-c:before {
    background: url("https://www.timeteccloud.com/templates/layout/image/icon/svg/icon-smarthome-c.svg") no-repeat scroll center center / 100% auto rgba(0, 0, 0, 0);
    content: "";
    display: inline-block;
    color: #fff;
    height: 30px;
    margin-right: 5px;
    position: relative;
    top: 5px;
    vertical-align: middle;
    width: 30px;
}


/*******/

.icon-contact {
    text-align: center;
    font-size: 2.8em;
    color: #7691bb;
    display: inline-block;
    text-decoration: none;
    width: 2.2em;
    height: 2.2em;
    padding: 0.6em 0;
    border-radius: 100%;
    position: relative;
    text-shadow: 0 0.025em 0.025em rgb(0 0 0 / 20%);
    background-repeat: repeat-x;
    background-position: 0 0;
    -moz-background-origin: border;
    -o-background-origin: border-box;
    -webkit-background-origin: border;
    background-origin: border-box;
    -moz-transition: background-position 0.1s linear;
    -o-transition: background-position 0.1s linear;
    -webkit-transition: background-position 0.1s linear;
    transition: background-position 0.1s linear;
    border-width: 0px;
    border-style: solid;
    border-color: #bac8dd;
	background-color:#FFFFFF;
	box-shadow: 0 2px 10px rgba(0,0,0,.07);
}

.ic_FingerTec {
    background: url("https://www.timetec.com.my/templates/layout/img/icon/ic_FingerTec.png") no-repeat scroll center center / 100% auto rgba(0, 0, 0, 0);
    content: "";
    display: inline-block;
    height: 16px;
    margin-left: 5px;
    position: relative;
    top: -3px;
    vertical-align: middle;
    width: 16px;
}

.ic_QR-Code {
    background: url("https://www.timetec.com.my/templates/layout/img/icon/ic-QR-Code.png") no-repeat scroll center center / 100% auto rgba(0, 0, 0, 0);
    content: "";
    display: inline-block;
    height: 15px;
    margin-left: 3px;
    position: relative;
    top: -4px;
    vertical-align: middle;
    width: 15px;
}

.ic_Alarm {
    background: url("https://www.timetec.com.my/templates/layout/img/icon/ic-alarm.png") no-repeat scroll center center / 100% auto rgba(0, 0, 0, 0);
    content: "";
    display: inline-block;
    height: 15px;
    margin-left: 0px;
    position: relative;
    top: -4px;
    vertical-align: middle;
    width: 15px;
}

.ic_cctv {
    background: url("https://www.timetec.com.my/templates/layout/img/icon/ic-cctv.png") no-repeat scroll center center / 100% auto rgba(0, 0, 0, 0);
    content: "";
    display: inline-block;
    height: 15px;
    margin-left: 0px;
    position: relative;
    top: -3px;
    vertical-align: middle;
    width: 15px;
}

.ic_panel {
    background: url("https://www.timetec.com.my/templates/layout/img/icon/ic-Guard-House-Panel.png") no-repeat scroll center center / 100% auto rgba(0, 0, 0, 0);
    content: "";
    display: inline-block;
    height: 15px;
    margin-left: 0px;
    position: relative;
    top: -2px;
    vertical-align: middle;
    width: 15px;
}

.ic_kiosk {
    background: url("https://www.timetec.com.my/templates/layout/img/icon/ic-kiosk.png") no-repeat scroll center center / 100% auto rgba(0, 0, 0, 0);
    content: "";
    display: inline-block;
    height: 15px;
    margin-left: 0px;
    position: relative;
    top: -2px;
    vertical-align: middle;
    width: 15px;
}

.ic_huawei:before {
    background: url("https://www.timetec.com.my/templates/layout/img/ic-huawei.png") no-repeat scroll center center / 100% auto rgba(0, 0, 0, 0);
    content: "";
    display: inline-block;
    color: #fff;
    height: 18px;
    margin-right: 10px;
    position: relative;
    top: -2px;
    vertical-align: middle;
    width: 18px;
}

.ic_hire:before {
    background: url("https://www.timetec.com.my/templates/layout/img/ic/icn_hire_40.png") no-repeat scroll center center / 100% auto rgba(0, 0, 0, 0);
    content: "";
    display: inline-block;
    color: #fff;
    height: 30px;
    margin-right: 10px;
    position: relative;
    top: 7px;
    vertical-align: middle;
    width: 30px;
}

.icn_hire:before{
    background: url("https://www.timetec.com.my/templates/layout/img/app-icon/icn-hire.svg") no-repeat scroll center center / 100% auto rgba(0, 0, 0, 0);
    content: "";
    display: inline-block;
    height: 30px;
	margin-left: 0px !important;
    position: relative;
    top: -30px;
    vertical-align: middle;
    width: 30px;
}

.ic_profile:before {
    background: url("https://www.timetec.com.my/templates/layout/img/ic/icn_profile_40.png") no-repeat scroll center center / 100% auto rgba(0, 0, 0, 0);
    content: "";
    display: inline-block;
    color: #fff;
    height: 30px;
    margin-right: 10px;
    position: relative;
    top: 5px;
    vertical-align: middle;
    width: 30px;
}

.icn_profile:before{
    background: url("https://www.timetec.com.my/templates/layout/img/app-icon/icn-profile.svg") no-repeat scroll center center / 100% auto rgba(0, 0, 0, 0);
    content: "";
    display: inline-block;
    height: 30px;
	margin-left: 0px !important;
    position: relative;
    top: -30px;
    vertical-align: middle;
    width: 30px;
}

.ic_ta:before {
    background: url("https://www.timetec.com.my/templates/layout/img/ic/icn_ta_40.png") no-repeat scroll center center / 100% auto rgba(0, 0, 0, 0);
    content: "";
    display: inline-block;
    color: #fff;
    height: 30px;
    margin-right: 10px;
    position: relative;
    top: 5px;
    vertical-align: middle;
    width: 30px;
}

.icn_ta:before{
    background: url("https://www.timetec.com.my/templates/layout/img/app-icon/icn-ta.svg") no-repeat scroll center center / 100% auto rgba(0, 0, 0, 0);
    content: "";
    display: inline-block;
    height: 30px;
	margin-left: 0px !important;
    position: relative;
    top: -30px;
    vertical-align: middle;
    width: 30px;
}



.ic_leave:before {
    background: url("https://www.timetec.com.my/templates/layout/img/ic/icn_leave_40.png") no-repeat scroll center center / 100% auto rgba(0, 0, 0, 0);
    content: "";
    display: inline-block;
    color: #fff;
    height: 30px;
    margin-right: 10px;
    position: relative;
    top: 5px;
    vertical-align: middle;
    width: 30px;
}
.icn_leave:before{
    background: url("https://www.timetec.com.my/templates/layout/img/app-icon/icn-leave.svg") no-repeat scroll center center / 100% auto rgba(0, 0, 0, 0);
    content: "";
    display: inline-block;
    height: 30px;
	margin-left: 0px !important;
    position: relative;
    top: -30px;
    vertical-align: middle;
    width: 30px;
}
.ic_parking:before {
    background: url("https://www.timetec.com.my/templates/layout/img/ic/icn_parking_40.png") no-repeat scroll center center / 100% auto rgba(0, 0, 0, 0);
    content: "";
    display: inline-block;
    color: #fff;
    height: 30px;
    margin-right: 10px;
    position: relative;
    top: 5px;
    vertical-align: middle;
    width: 30px;
}


.icn_parking:before{
    background: url("https://www.timetec.com.my/templates/layout/img/app-icon/icn-parking.svg") no-repeat scroll center center / 100% auto rgba(0, 0, 0, 0);
    content: "";
    display: inline-block;
    height: 30px;
	margin-left: 0px !important;
    position: relative;
    top: -30px;
    vertical-align: middle;
    width: 30px;
}

.ic_vms:before {
    background: url("https://www.timetec.com.my/templates/layout/img/ic/icn_vms_40.png") no-repeat scroll center center / 100% auto rgba(0, 0, 0, 0);
    content: "";
    display: inline-block;
    color: #fff;
    height: 30px;
    margin-right: 10px;
    position: relative;
    top: 5px;
    vertical-align: middle;
    width: 30px;
}

.icn_vms:before{
    background: url("https://www.timetec.com.my/templates/layout/img/app-icon/icn-visitor.svg") no-repeat scroll center center / 100% auto rgba(0, 0, 0, 0);
    content: "";
    display: inline-block;
    height: 30px;
	margin-left: 0px !important;
    position: relative;
    top: -30px;
    vertical-align: middle;
    width: 30px;
}

.ic_ac:before {
    background: url("https://www.timetec.com.my/templates/layout/img/ic/icn_access_40.png") no-repeat scroll center center / 100% auto rgba(0, 0, 0, 0);
    content: "";
    display: inline-block;
    color: #fff;
    height: 30px;
    margin-right: 10px;
    position: relative;
    top: 5px;
    vertical-align: middle;
    width: 30px;
}

.ic_itt:before {
    background: url("https://www.timetec.com.my/templates/layout/img/ic/icn_itt_40.png") no-repeat scroll center center / 100% auto rgba(0, 0, 0, 0);
    content: "";
    display: inline-block;
    color: #fff;
    height: 30px;
    margin-right: 10px;
    position: relative;
    top: 5px;
    vertical-align: middle;
    width: 30px;
}

.ic_patrol:before {
    background: url("https://www.timetec.com.my/templates/layout/img/ic/icn_patrol_40.png") no-repeat scroll center center / 100% auto rgba(0, 0, 0, 0);
    content: "";
    display: inline-block;
    color: #fff;
    height: 30px;
    margin-right: 10px;
    position: relative;
    top: 5px;
    vertical-align: middle;
    width: 30px;
}


.icn_patrol:before{
    background: url("https://www.timetec.com.my/templates/layout/img/app-icon/icn-patrol.svg") no-repeat scroll center center / 100% auto rgba(0, 0, 0, 0);
    content: "";
    display: inline-block;
    height: 30px;
	margin-left: 0px !important;
    position: relative;
    top: -30px;
    vertical-align: middle;
    width: 30px;
}

.ic_inebo:before {
    background: url("https://www.timetec.com.my/templates/layout/img/ic/icn_ineighbour_40.png") no-repeat scroll center center / 100% auto rgba(0, 0, 0, 0);
    content: "";
    display: inline-block;
    color: #fff;
    height: 30px;
    margin-right: 10px;
    position: relative;
    top: 5px;
    vertical-align: middle;
    width: 30px;
}


.ic_iacc:before {
    background: url("https://www.timetec.com.my/templates/layout/img/ic/icn_iacc_40.png") no-repeat scroll center center / 100% auto rgba(0, 0, 0, 0);
    content: "";
    display: inline-block;
    color: #fff;
    height: 30px;
    margin-right: 10px;
    position: relative;
    top: 5px;
    vertical-align: middle;
    width: 30px;
}

.ic_dp:before {
    background: url("https://www.timetec.com.my/templates/layout/img/ic/icn_dp_40.png") no-repeat scroll center center / 100% auto rgba(0, 0, 0, 0);
    content: "";
    display: inline-block;
    color: #fff;
    height: 30px;
    margin-right: 10px;
    position: relative;
    top: 5px;
    vertical-align: middle;
    width: 30px;
}

.ic_security:before {
    background: url("https://www.timetec.com.my/templates/layout/img/ic/icn_security_40.png") no-repeat scroll center center / 100% auto rgba(0, 0, 0, 0);
    content: "";
    display: inline-block;
    color: #fff;
    height: 30px;
    margin-right: 10px;
    position: relative;
    top: 5px;
    vertical-align: middle;
    width: 30px;
}
.ic_smarthome:before {
    background: url("https://www.timetec.com.my/templates/layout/img/ic/icn_smarthome_40.png") no-repeat scroll center center / 100% auto rgba(0, 0, 0, 0);
    content: "";
    display: inline-block;
    color: #fff;
    height: 30px;
    margin-right: 10px;
    position: relative;
    top: 5px;
    vertical-align: middle;
    width: 30px;
}

.ic_marketplace:before {
    background: url("https://www.timetec.com.my/templates/layout/img/ic/icn_marketplace_40.png") no-repeat scroll center center / 100% auto rgba(0, 0, 0, 0);
    content: "";
    display: inline-block;
    color: #fff;
    height: 30px;
    margin-right: 10px;
    position: relative;
    top: 5px;
    vertical-align: middle;
    width: 30px;
}

.ic_epi:before {
    background: url("https://www.timetec.com.my/templates/layout/img/ic/icn_epi_40.png") no-repeat scroll center center / 100% auto rgba(0, 0, 0, 0);
    content: "";
    display: inline-block;
    color: #fff;
    height: 30px;
    margin-right: 10px;
    position: relative;
    top: 5px;
    vertical-align: middle;
    width: 30px;
}

.icn_epi:before{
    background: url("https://www.timetec.com.my/templates/layout/img/app-icon/icn-camera.svg") no-repeat scroll center center / 100% auto rgba(0, 0, 0, 0);
    content: "";
    display: inline-block;
    height: 30px;
	margin-left: 0px !important;
    position: relative;
    top: -30px;
    vertical-align: middle;
    width: 30px;
}

.ic_iot:before {
    background: url("https://www.timetec.com.my/templates/layout/img/ic/icn_iot_40.png") no-repeat scroll center center / 100% auto rgba(0, 0, 0, 0);
    content: "";
    display: inline-block;
    color: #fff;
    height: 30px;
    margin-right: 10px;
    position: relative;
    top: 5px;
    vertical-align: middle;
    width: 30px;
}

.ic_claim:before {
    background: url("https://www.timetec.com.my/templates/layout/img/ic/icn_claim_40.png") no-repeat scroll center center / 100% auto rgba(0, 0, 0, 0);
    content: "";
    display: inline-block;
    color: #fff;
    height: 30px;
    margin-right: 10px;
    position: relative;
    top: 7px;
    vertical-align: middle;
    width: 30px;
}

.icn_claim:before{
    background: url("https://www.timetec.com.my/templates/layout/img/app-icon/icn-claim.svg") no-repeat scroll center center / 100% auto rgba(0, 0, 0, 0);
    content: "";
    display: inline-block;
    height: 30px;
	margin-left: 0px !important;
    position: relative;
    top: -30px;
    vertical-align: middle;
    width: 30px;
}

.ic_payroll:before {
    background: url("https://www.timetec.com.my/templates/layout/img/ic/icn_payroll_40.png") no-repeat scroll center center / 100% auto rgba(0, 0, 0, 0);
    content: "";
    display: inline-block;
    color: #fff;
    height: 30px;
    margin-right: 10px;
    position: relative;
    top: 5px;
    vertical-align: middle;
    width: 30px;
}

.ic_maintenance:before {
    background: url("https://www.timetec.com.my/templates/layout/img/ic/icn_maintenance_40.png") no-repeat scroll center center / 100% auto rgba(0, 0, 0, 0);
    content: "";
    display: inline-block;
    color: #fff;
    height: 30px;
    margin-right: 10px;
    position: relative;
    top: 5px;
    vertical-align: middle;
    width: 30px;
}



.icn_payroll:before{
    background: url("https://www.timetec.com.my/templates/layout/img/app-icon/icn-payroll.svg") no-repeat scroll center center / 100% auto rgba(0, 0, 0, 0);
    content: "";
    display: inline-block;
    height: 30px;
	margin-left: 0px !important;
    position: relative;
    top: -30px;
    vertical-align: middle;
    width: 30px;
}

.ic_building:before {
    background: url("https://www.timetec.com.my/templates/layout/img/ic/icn_building_40.png") no-repeat scroll center center / 100% auto rgba(0, 0, 0, 0);
    content: "";
    display: inline-block;
    color: #fff;
    height: 30px;
    margin-right: 10px;
    position: relative;
    top: 5px;
    vertical-align: middle;
    width: 30px;
}

.icn_building:before{
    background: url("https://www.timetec.com.my/templates/layout/img/app-icon/icn-building.svg") no-repeat scroll center center / 100% auto rgba(0, 0, 0, 0);
    content: "";
    display: inline-block;
    height: 30px;
	margin-left: 0px !important;
    position: relative;
    top: -30px;
    vertical-align: middle;
    width: 30px;
}


.ic_hr:before {
    background: url("https://www.timetec.com.my/templates/layout/img/ic/icn_hr_40.png") no-repeat scroll center center / 100% auto rgba(0, 0, 0, 0);
    content: "";
    display: inline-block;
    color: #fff;
    height: 30px;
    margin-right: 10px;
    position: relative;
    top: 5px;
    vertical-align: middle;
    width: 30px;
}

.ic_face:before {
    background: url("https://www.timeteccloud.com/templates/layout/image/ic/icn-face.svg") no-repeat scroll center center / 100% auto rgba(0, 0, 0, 0);
    content: "";
    display: inline-block;
    color: #fff;
    height: 30px;
    margin-right: 10px;
    position: relative;
    top: 5px;
    vertical-align: middle;
    width: 30px;
}

.ic_face2:before {
    background: url("https://www.timeteccloud.com/templates/layout/image/icon/svg/icon-face.svg") no-repeat scroll center center / 100% auto rgba(0, 0, 0, 0);
    content: "";
    display: inline-block;
    color: #fff;
    height: 50px;
    margin-right: 10px;
    position: relative;
    vertical-align: middle;
    width: 50px;
}

.ic_fp:before {
    background: url("https://www.timeteccloud.com/templates/layout/image/ic/icn-fp.svg") no-repeat scroll center center / 100% auto rgba(0, 0, 0, 0);
    content: "";
    display: inline-block;
    color: #fff;
    height: 30px;
    margin-right: 10px;
    position: relative;
    top: 5px;
    vertical-align: middle;
    width: 30px;
}

.ic_fp2:before {
    background: url("https://www.timeteccloud.com/templates/layout/image/icon/svg/icon-fp.svg") no-repeat scroll center center / 100% auto rgba(0, 0, 0, 0);
    content: "";
    display: inline-block;
    color: #fff;
    height: 50px;
    margin-right: 10px;
    position: relative;
    vertical-align: middle;
    width: 50px;
}

.ic_card_qr:before {
    background: url("https://www.timeteccloud.com/templates/layout/image/ic/icn-card-qr.svg") no-repeat scroll center center / 100% auto rgba(0, 0, 0, 0);
    content: "";
    display: inline-block;
    color: #fff;
    height: 30px;
    margin-right: 10px;
    position: relative;
    top: 5px;
    vertical-align: middle;
    width: 30px;
}

.ic_card_qr2:before {
    background: url("https://www.timeteccloud.com/templates/layout/image/icon/svg/icon-card-qr.svg") no-repeat scroll center center / 100% auto rgba(0, 0, 0, 0);
    content: "";
    display: inline-block;
    color: #fff;
    height: 50px;
    margin-right: 10px;
    position: relative;
    vertical-align: middle;
    width: 50px;
}

.ic_ac_control:before {
    background: url("https://www.timeteccloud.com/templates/layout/image/ic/icn-access-control.svg") no-repeat scroll center center / 100% auto rgba(0, 0, 0, 0);
    content: "";
    display: inline-block;
    color: #fff;
    height: 30px;
    margin-right: 10px;
    position: relative;
    top: 5px;
    vertical-align: middle;
    width: 30px;
}

.ic_ac_control2:before {
    background: url("https://www.timeteccloud.com/templates/layout/image/icon/svg/icon-security.svg") no-repeat scroll center center / 100% auto rgba(0, 0, 0, 0);
    content: "";
    display: inline-block;
    color: #fff;
    height: 50px;
    margin-right: 10px;
    position: relative;
    vertical-align: middle;
    width: 50px;
}

.ic_parking_visitor:before {
    background: url("https://www.timeteccloud.com/templates/layout/image/ic/icn-parking-visitor.svg") no-repeat scroll center center / 100% auto rgba(0, 0, 0, 0);
    content: "";
    display: inline-block;
    color: #fff;
    height: 30px;
    margin-right: 10px;
    position: relative;
    top: 5px;
    vertical-align: middle;
    width: 30px;
}

.ic_parking_visitor2:before {
    background: url("https://www.timeteccloud.com/templates/layout/image/icon/svg/icon-parking-visitor.svg") no-repeat scroll center center / 100% auto rgba(0, 0, 0, 0);
    content: "";
    display: inline-block;
    color: #fff;
    height: 50px;
    margin-right: 10px;
    position: relative;
    vertical-align: middle;
    width: 50px;
}

.ic_smart_home:before {
    background: url("https://www.timeteccloud.com/templates/layout/image/ic/icn-smarthome.svg") no-repeat scroll center center / 100% auto rgba(0, 0, 0, 0);
    content: "";
    display: inline-block;
    color: #fff;
    height: 30px;
    margin-right: 10px;
    position: relative;
    top: 5px;
    vertical-align: middle;
    width: 30px;
}

.ic_smart_home2:before {
    background: url("https://www.timeteccloud.com/templates/layout/image/icon/svg/icon-smarthome-c.svg") no-repeat scroll center center / 100% auto rgba(0, 0, 0, 0);
    content: "";
    display: inline-block;
    color: #fff;
    height: 50px;
    margin-right: 10px;
    position: relative;;
    vertical-align: middle;
    width: 50px;
}


.ic_tiktok:before {
    background: url(https://www.timeteccloud.com/templates/layout/img/svg/logo-tiktok.svg) no-repeat scroll center center / 100% auto rgba(0, 0, 0, 0);
    content: "";
    display: inline-block;
    color: #fff;
    height: 18px;
    margin-right: 10px;
    position: relative;
    top: -5px;
    vertical-align: middle;
    width: 18px;
}



.Sq {
    padding: 0px;
    -moz-border-radius: 18%;
    -webkit-border-radius: 18%;
    border-radius: 18%;
}

.CRadius_S {
    padding: 8px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

.boxTra {
    padding: 20px;
    width: 100%;
    background: rgba(255,255,255,0.7);
    border-radius: 8px;
}

.iot_H {
height:50px;
}
.flex-container {  
	display:-webkit-flex;
	display:-ms-flex;
    display: flex;
	-webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}



/***/
.fl { float: left; }
.fr { float: right; }



.item_title { line-height: 90px; margin: 0 auto; height: 89px;padding: 64px 16px 0; z-index: 10; position: relative; box-sizing:content-box;}
.item_title_h2 { height: 90px; margin:0;line-height:90px;}
.item_title1 {color: #b01f24; float: center; border-bottom: 2px solid #b01f24; padding:10px 20px 10px 0px; width: auto; display: inline-block; margin-right: 6px }
.item_title2 {color: #1f5994; float: center; border-bottom: 2px solid #1f5994; padding:10px 20px 10px 0px; width: auto; display: inline-block; margin-right: 6px }
.item_title3 {color: #16b081; float: center; border-bottom: 2px solid #16b081; padding:10px 20px 10px 0px; width: auto; display: inline-block; margin-right: 6px }
.item_title4 {color: #50345d; float: center; border-bottom: 2px solid #50345d; padding:10px 30px 10px 30px; width: auto; display: inline-block; margin-right: 6px }


.testimonials {
    border-radius: 100px;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-color: #FFFFFF;
    border-right-color: #FFFFFF;
    border-bottom-color: #FFFFFF;
    border-left-color: #FFFFFF;
}
.Hspace {
height: 80px;
}
.Hspace2 {
height: 50px;
}
.Hspace3 {
height: 130px;
}

.Hspace4 {
height: 30px;
}

.position-wrap {
position: absolute;
width: auto;
height: 90vh;
}
.p_register{
  position: relative;
  top:5%;
  right:-70%;
  z-index: 3;
  width:auto;
}



.boxShadow1 {
	box-shadow: 0 2px 10px rgba(0,0,0,.07);
	padding:15px 10px;
	border-radius:6px;
	background-color: #FFFFFF;
}

.boxShadow1:Hover {
	box-shadow: 0 2px 10px rgba(0,0,0,0.3);
	padding:15px 10px;
	border-radius:0px 16px 0px 16px;
	background-color: #f6f6f6;
}

.boxShadow2 {
	box-shadow: 0 2px 10px rgba(0,0,0,0.3);
	padding:15px 10px;
	border-radius:0px 16px 0px 16px;
	background-color: #FFFFFF;
}

.boxShadow2:Hover {
	box-shadow: 0 2px 10px rgba(0,0,0,0.6);
	padding:15px 10px;
	border-radius:0px 16px 0px 16px;
	background-color: #f6f6f6;
}

.boxShadow3 {
	box-shadow: 0 2px 10px rgba(0,0,0,.07);
	padding:30px 10px;
	border-radius:8px;
	background-color: #FFFFFF;
}



.buttons-small {
    min-width: 7.5rem;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}
.buttons-large {
    padding: 1.5rem 2.5rem;
}


.btnDemo {
  display: inline-block;
  padding: 8px 20px 9px 20px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.1;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background-image: none;
  border-radius: 30px;
	color: #fff!important;
	text-align: center;
	font-family: 'Barlow Semi Condensed'!important;
	font-weight: 200;
	border-style: none;
	background-color: #00aeef;
	margin:13px 0 10px;
	
}

.btnDemo:hover {
background-color: #165eb8;

	
}


.btnSignIn {
 display: inline-block;
  padding: 8px 20px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.1;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background-image: none;
  border-radius: 30px;
	color: #21ace9!important;
	text-align: center;
	font-family: 'Barlow Semi Condensed'!important;
	font-weight: 200;
	border-style: none;
	background-color: #fff;
	margin:13px 0 10px;
	border:1px solid #21ace9;

}

.btnSignIn:hover {
background-color: #c1feff;
}




.btns1 {
	min-width: 7.5rem;
	padding: 12px 30px;
	border-radius: 30px;
	color: #000!important;
	font-size: 20px;
	text-align: center;
	font-family: 'Barlow Semi Condensed'!important;
	font-weight: 300;
	border-style: none;	
}

.btns1:Hover {
    background-color: #757f81;
    color: #fff!important;

}


.btns2 {
	min-width: 7.5rem;
	padding: 12px 30px;
	border-radius: 30px;
	color: #000!important;
	font-size: 20px;
	text-align: center;
	font-family: 'Barlow Semi Condensed'!important;
	font-weight: 300;
	border-style: none;	
}

.btns2:Hover {
    background-color: #757f81;
    color: #fff!important;

}

.btns3 {
	min-width: 7.5rem;
	padding: 6px 30px 7px 30px;
	border-radius: 30px;
	color: #fff!important;
	font-size: 18px;
	text-align: center;
	font-family: 'Barlow Semi Condensed'!important;
	font-weight: 300;
	border-style: none;	
}

.btns3:Hover {
    background-color: #757f81;
    color: #fff!important;

}


/***/
.buttonH {
  display: inline-block;
  border-radius: 30px;
  border: none;
  color: #FFFFFF!important;
  text-align: center;
  font-size: 18px;
  padding: 8px 30px;
  transition: all 0.5s;
  cursor: pointer;
  margin: 5px;
  font-family: 'Barlow Semi Condensed'!important;
  min-width: 160px;
}

.buttonH span {
  cursor: pointer;
  display: inline-block;
  position: relative;
  transition: 0.5s;
}

.buttonH span:after {
  content: '\f105';
  font-family:FontAwesome;
  position: absolute;
  opacity: 0;
  top: 0;
  right: -15px;
  transition: 0.5s;
}

.buttonH:hover span {
  padding-right: 20px;
}

.buttonH:hover span:after {
  opacity: 1;
  right: 0;
}


.buttonH2 {
  display: inline-block;
  border-radius: 30px;
  border: none;
  color: #000!important;
  text-align: center;
  font-size: 20px;
  padding: 12px 35px;
  transition: all 0.5s;
  cursor: pointer;
  margin: 5px;
  font-family: 'Barlow Semi Condensed'!important;
  min-width: 160px;
}

.buttonH2 span {
  cursor: pointer;
  display: inline-block;
  position: relative;
  transition: 0.5s;
}

.buttonH2 span:after {
  content: '\f105';
  font-family:FontAwesome;
  position: absolute;
  opacity: 0;
  top: 0;
  right: -15px;
  transition: 0.5s;
}

.buttonH2:hover span {
  padding-right: 20px;
}

.buttonH2:hover span:after {
  opacity: 1;
  right: 0;
}


.buttonHsmall {
  display: inline-block;
  border-radius: 30px;
  border: none;
  color: #FFFFFF!important;
  text-align: center;
  font-size: 14px;
  padding: 4px 15px 5px 15px;
  transition: all 0.5s;
  cursor: pointer;
  margin: 5px;
  font-family: 'Barlow Semi Condensed'!important;
  min-width: 120px;
}

.buttonHsmall span {
  cursor: pointer;
  display: inline-block;
  position: relative;
  transition: 0.5s;
}

.buttonHsmall span:after {
  content: '\f105';
  font-family:FontAwesome;
  position: absolute;
  opacity: 0;
  top: 0;
  right: -15px;
  transition: 0.5s;
}

.buttonHsmall:hover span {
  padding-right: 20px;
}

.buttonHsmall:hover span:after {
  opacity: 1;
  right: 0;
}


.graGray{
/*
 background-image: linear-gradient(to right, #0ab4af 0%, #0bf2e8 51%, #0ab4af 100%);*/
 background-color: #5f579f;
}

.buttonHbig {
  display: inline-block;
  border-radius: 30px;
  border: none;
  color: #FFFFFF!important;
  text-align: center;
  font-size: 18px;
  padding: 8px 16px 9px 16px;
  transition: all 0.5s;
  cursor: pointer;
  margin: 5px;
  font-family: 'Barlow Semi Condensed'!important;

}

.buttonHbig span {
  cursor: pointer;
  display: inline-block;
  position: relative;
  transition: 0.5s;
}

.buttonHbig span:after {
  content: '\f105';
  font-family:FontAwesome;
  position: absolute;
  opacity: 0;
  top: 0;
  right: -15px;
  transition: 0.5s;
}

.buttonHbig:hover span {
  padding-right: 20px;
}

.buttonHbig:hover span:after {
  opacity: 1;
  right: 0;
}


.buttonHbig2 {
    display: inline-block;
    border-radius: 30px;
    border: none;
    color: #000!important;
    text-align: center;
    font-size: 20px;
    padding: 15px 32px 16px 32px;
    transition: all 0.5s;
    cursor: pointer;
    margin: 5px;
    font-family: 'Barlow Semi Condensed'!important;
    min-width: 180px;
}

.buttonHbig2 span {
  cursor: pointer;
  display: inline-block;
  position: relative;
  transition: 0.5s;
}

.buttonHbig2 span:after {
  content: '\f105';
  font-family:FontAwesome;
  position: absolute;
  opacity: 0;
  top: 0;
  right: -15px;
  transition: 0.5s;
}

.buttonHbig2:hover span {
  padding-right: 20px;
}

.buttonHbig2:hover span:after {
  opacity: 1;
  right: 0;
}


/***/
.tabHover  {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    color: #222;
    line-height: 32px;
    padding:10px;
    border-radius: 6px;
}
.tabHover:hover  {
 background-color: #ebebec;
 color: #000;
 text-decoration: none;
}


.IcnHover  {
 filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+ */
  filter: gray; /* IE6-9 */
  -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
}

.IcnHover:hover  {
  filter: none;
  -webkit-filter: grayscale(0%);
}

.IcnBlack  {
	
-webkit-filter: grayscale(1) invert(1);
filter: grayscale(1) invert(1);
}

/***/

.tiffblue {
    background-color: #00dbe2;
}

.ttblue{
    background-color: #00aeef;
}
.tifblue{
    background-color: #00dbe2;
}
.sk2{
    background-color: #98102f;
}
.grape{
    background-color: #820f51;
}
.cherry {
    background-color: #f23e4f;
}
.coco{
    background-color: #67221e;
}
.eggplant {
    background-color: #9879c3;
}
.metal {
    background-color: #3b3663;
}
.banana {
    background-color: #f9e500;
}
.mango {
    background-color: #ffb44f;
}
.leaf {
    background-color: #139e00;
}

.blueberry {
    background-color: #3350d0;
}

.seablue {
    background-color: #54c8fd;
}

.peach {
    background-color: #ef7635;
}
.tree {
    background-color: #1eaa7f;
}

.greengrape {
    background-color: #64e70d;
}

.greenapple {
    background-color: #7eca52;
}


.B_purple {
    background-color: #5f579f;
}

.B_green {
    background-color: #9fc062;
}

.B_orange {
    background-color: #f9975c;
}



.icn_toggle {
	background-color: #fff;
	color: #333;
	padding-top: 7px;
	font-size: 14px;
	border: none;
	cursor: pointer;
	border-radius: 50%;
	height: 24px;
	width: 24px;	
}
.icn_ttsolution{
	background-color: #f6f6f6;
	height: 100px;
	width: 100px;
	border-radius:50px;
	padding:20px;
}
.btnsmall{
    font-family: 'Barlow Semi Condensed';
    font-weight: 500;
    font-size: 18px;
    vertical-align: middle;
	cursor: pointer;
	white-space: nowrap;
	padding: 4px 30px;
	margin-top: 0px;
	margin-bottom: 10px;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	border: 0px solid;
	min-width: 250px;
	color:#fff!important;
}

.btnsmallW{
    font-family: 'Barlow Semi Condensed';
    font-weight: 500;
    font-size: 18px;
    vertical-align: middle;
	cursor: pointer;
	white-space: nowrap;
	padding: 4px 30px;
	margin-top: 0px;
	margin-bottom: 10px;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	border: 0px solid;
	min-width: 250px;
	color:#000!important;
}

.lblue-border-btns{
	border: 2px solid #c9c9c9;
	color: #d71920;
}

.LearnMore {
	border-radius:30px;
	line-height: 17px;
	font-size: 15px;
	cursor: pointer;
	padding: 6px 20px 6px 20px;
	color: #d71920;
	text-decoration: none;
	border-width: 1px;
	border-style: dotted;
	border-color: #babdc6;

}
.LearnMore:Hover {
	background-color: #ffffff;
}


.Btn_Contact {
	padding: 10px 30px;
	border-radius:30px;
	font-family: 'Barlow Semi Condensed'!important;
	font-size: 22px;
	font-weight: 300;
	border-style: none;
	color:#fff;
}

.Btn_Contact:Hover {
Background-color:#4e4e4e;
}

.Btn_GBlue {
	padding: 10px 50px;
	border-radius:30px;
	font-family: 'Barlow Semi Condensed'!important;
	font-size: 25px;
	font-weight: 300;
	border-style: none;
	background-color:#00CCCC;
	color:#fff;
}
.Btn_GBlue:Hover{
background-color:#333;
}


.Btn_LBlue {
	padding: 10px 50px;
	border-radius:30px;
	font-family: 'Barlow Semi Condensed'!important;
	font-size: 25px;
	font-weight: 300;
	border-style: none;
	background-color:#00aeef;
	color:#fff;
	text-align: center;
}
.Btn_LBlue:Hover{
background-color:#1e498e;
}
/*
.Btn_Microsoft {
	padding-left: 44px;
	padding-right: 20px;
	border-radius:0px;
	font-family: 'Segoe UI Regular'!important;
	font-size: 15px;
	font-weight: 400;
	border-style: none;
	background-color:#2F2F2F;
	color:#fff;
	text-align: center;
	height:41px;
}*/

.Btn_Microsoft {
	padding-left: 44px;
	padding-right: 20px;
	border-radius:0px;
	font-family: 'Segoe UI Regular'!important;
	font-size: 15px;
	font-weight: 400;
	border-style: none;
	background-color:#fff;
	color:#000;
	text-align: center;
	height:41px;
	border:1px solid #bdc5ce;
}
.Btn_Microsoft:hover {
	background-color:#eee;
	
}





.Btn_SOrange{
	padding: 10px 20px;
	border-radius:8px;
	font-family: 'Barlow Semi Condensed'!important;
	font-size: 25px;
	font-weight: 300;
	border-style: none;
	background-color:#ff6c00;
	color:#fff;
}
.Btn_SOrange:Hover {
background-color:#333;
}

.circleGray {
padding:7px;
border-radius: 50px;
background-color:#f4f7f9; 
border:2px #fff solid;	
}

.circleAnalytics {
padding:10px;
border-radius: 50%;
}

.sqAnalytics {
padding:10px;
border-radius: 30px;

}

.sqAppraisal {
padding:10px;
border-radius: 20px;
background:linear-gradient(to bottom, #a1d16b ,#01cdde);	
}

.sqBuildingAppraisal {
padding:10px;
border-radius: 20px;
background:linear-gradient(to bottom, #26dad8 ,#986cbd);	
}

.sqiNeighbourAnalytics {
padding:10px;
border-radius: 20px;
background:linear-gradient(to bottom, #00c0f3 ,#00e5f3);	
}

.circleB {
    padding-top: 15px;
    padding-left: 0px;
}

.circleIcn {
    width: 70px;
    height: 70px;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    position: relative;
}

.Radius20 {
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    position: relative;
	
}

.COrange{
	background-color: #ff6600;
}
.CBrown{
	background-color: #9a5c2f;
}
.CPink{
	background-color: #e7397f;
}
.CRed{
	background-color: #fa2727;
}

.CBlue{
	background-color: #2fc6f7;
}
.CBGreen{
	background-color: #07bc94;
}
.CLBlue{
	background-color: #1cdcd1;
}

.CLPurple{
	background-color: #7289A5;
}
.CYellow{
	background-color: #ffb400;
}
.CGray{
	background-color: #313e4b;
}
.CGreen{
	background-color: #76db2c;
}
.CPurple{
	background-color: #7859b5;
}

.CDBlue{
	background-color: #19265b;
}
.CDPurple{
	background-color: #573c46;
}
.icon-material {
	text-align: center;
	font-size:2em;
	display: inline-block;
	text-decoration: none;
	width: 2em;
	height: 2em;
	padding: 0.5em 0;
	border-radius: 100%;
	position: relative;
	text-shadow: 0 0.025em 0.025em rgba(0, 0, 0, 0.2);
	/*
	background-repeat: repeat-x;
	background-position: 0 0;
	-moz-background-origin: border;
	-o-background-origin: border-box;
	-webkit-background-origin: border;
	background-origin: border-box;
	-moz-transition: background-position 0.1s linear;
	-o-transition: background-position 0.1s linear;
	-webkit-transition: background-position 0.1s linear;
	transition:0.5s ease-in-out;
	border-width: 1px;
	border-style: solid;
	border-color: #adbfe1;*/
	color:#fff;
}
.icon-material:hover {

background-color:#888b8b;
color:#fff;
  
}


.icon-material2 {
	text-align: center;
	font-size:4em;
	display: inline-block;
	text-decoration: none;
	width: 2.2em;
	height: 2.2em;
	padding: 0.6em 0;
	border-radius: 100%;
	position: relative;
	text-shadow: 0 0.025em 0.025em rgba(0, 0, 0, 0.2);
	color:#fff;
}
.icon-material2:hover {
background-color:#888b8b;
color:#fff;
}

.Bld{
	font-weight: bold;
	
}

.Helvetica {
	font-family: Helvetica, sans-serif!important;
	font-weight: 800;
	text-decoration: none;
}

.Helvetica2 {
	font-family: Helvetica, sans-serif!important;
	font-weight: 400;
	text-decoration: none;
}



.Montserrat {
    font-family: 'montserrat', sans-serif;
	font-weight: 300;
}
.Grotesk {
    clear: both;
    font-family: "Space Grotesk Bold", -apple-system, BlinkMacSystemFont, Roboto, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-weight: bold;
    text-align: inherit;
    position: relative;
    color: #17161A;
    letter-spacing: -0.01em;
}

.f_Barlow {
    font-family: 'Barlow Semi Condensed'!important;
    font-weight: 800;
}

.f_Barlow2 {
    font-family: 'Barlow Semi Condensed'!important;
    font-weight: 500;
}

.f_Barlow3 {
    font-family: 'Barlow Semi Condensed'!important;
    font-weight: 400;
}

.f_Barlow4 {
    font-family: 'Barlow Semi Condensed'!important;
    font-weight: 300;
}
.f_BarlowBld {
	font-family: 'Barlow Condensed'!important;
	font-weight: 800;
	letter-spacing: 3px;
}

.H-Listing{
	display: table;
	width: 100%;
	height: 200px;	
}

.H-Decs{
	display: table;
	width: 100%;
	height: 30px;	
}

.t_fullPage{
	display: table;
	width: 100%;
	height:100vh;
	min-height:500px !important;
	
}
.t_halfPage{
	display: table;
	width: 100%;
	height: 65vh;
	min-height:400px !important;
	
}


.clm-parking{
    padding-bottom:30px;
  
}


.t_boxFT {
    display: table;
    width: 100%;
    height: 180px;
}

.t_FTIOT{
	min-height: 60px;	
}

.t_70x{

	height: 80px;	
}

.t_dp{

	height: 80px;	
}
.t_dp_2{

	height: 80px;	
}

.t_projects{
	height: 160px;	
}


.t_100x{
	display: table;
	width: 100%;
	height: 100px;	
}
.t_150x{
	display: table;
	width: 100%;
	height: 150px;	
}
.t_200x{
	display: table;
	width: 100%;
	height: 200px;	
}
.t_250x{
	display: table;
	width: 100%;
	height: 250px;	
}
.t_300x{
	display: table;
	width: 100%;
	height: 300px;	
}
.t_350x{
	display: table;
	width: 100%;
	height: 350px;	
}
.t_400x{
	display: table;
	width: 100%;
	height: 400px;	
}

.t_500{
	display: table;
	width: 100%;
	height: 500px;	
}
.t_500x{
	display: table;
	width: 100%;
	height: 500px;	
}
.t_600x{
	display: table;
	width: 100%;
	height: 600px;	
}
.t_700x{
	display: table;
	width: 100%;
	height: 700px;	
}
.t_800x{
	display: table;
	width: 100%;
	height: 800px;	
}
.t_900x{
	display: table;
	width: 100%;
	height: 900px;	
}

.t_improvements{
	display: table;
	width: 100%;
	height: 170px;	
}

.t_footer{
	height: 500px;	
}

.separate_product{
border-right:1px solid #eaeaea; 
padding-right:15px;	
height: 500px;	
}


.hvr-float {
	vertical-align: middle; display: inline-block; box-shadow: 0px 0px 1px rgba(0,0,0,0); transform: translateZ(0px); transition-property: transform; transition-duration: 0.3s; transition-timing-function: ease-out; backface-visibility: hidden; -webkit-transform: translateZ(0); -webkit-backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; -webkit-transition-duration: 0.3s; -webkit-transition-property: transform; -webkit-transition-timing-function: ease-out;
}
.hvr-float:hover {
	transform: translateY(-8px); -webkit-transform: translateY(-8px);
}
.hvr-float:focus {
	transform: translateY(-8px); -webkit-transform: translateY(-8px);
}
.hvr-float:active {
	transform: translateY(-8px); -webkit-transform: translateY(-8px);
}


.hvr-sink {
	vertical-align: middle; display: inline-block; box-shadow: 0px 0px 1px rgba(0,0,0,0); transform: translateZ(0px); transition-property: transform; transition-duration: 0.3s; transition-timing-function: ease-out; backface-visibility: hidden; -webkit-transform: translateZ(0); -webkit-backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; -webkit-transition-duration: 0.3s; -webkit-transition-property: transform; -webkit-transition-timing-function: ease-out;
}
.hvr-sink:hover {
	transform: translateY(8px); -webkit-transform: translateY(8px);
}
.hvr-sink:focus {
	transform: translateY(8px); -webkit-transform: translateY(8px);
}
.hvr-sink:active {
	transform: translateY(8px); -webkit-transform: translateY(8px);
}
/***/

/*** icon gradient **/
.xlink_innovation{
	color: #ce5223;
	font-size: 16px;
	line-height: 1;
}
.link_innovation{
	color: #333333;
	font-size: 16px;
	line-height: 1;			
}
.link_innovation:hover{
	color: #ce5223;
	font-size: 16px;
	line-height: 1;	
	
}

.bg_transparent {
	background-image: url(https://www.timeteccloud.com/templates/layout/img/tran_white.png);
	background-repeat: repeat;
}
.tra30 {
	background-image: url(https://www.timeteccloud.com/templates/layout/img/tra_white_30.png);
	background-repeat: repeat;
}
.traBlue {
	background-image: url(https://www.timeteccloud.com/templates/layout/img/trans_blue.png);
	background-repeat: repeat;
}
.separateFooter {
    background-image: url(https://www.timeteccloud.com/templates/layout/img/separateFooter.png);
    background-repeat: repeat-x;
    background-position: top;
    height: 8px;
}
.Zoom100 {
	width: 100%;
	height: auto;
}
.number {
	border-radius:25px;
	font-size: 18px;
	text-decoration: none;
	background-color: #c7eafb;
	color: #005baa;
	font-weight: bold;
	height: 30px;
	width: 30px;
	text-align: center;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
}


.bottom-to-top {
    border-width: 1px;
    border-style: solid;
    -webkit-border-image: 
      -webkit-gradient(linear, 0 100%, 0 0, from(black), to(rgba(0, 0, 0, 0))) 1 100%;
    -webkit-border-image: 
      -webkit-linear-gradient(bottom, black, rgba(0, 0, 0, 0)) 1 100%;
    -moz-border-image:
      -moz-linear-gradient(bottom, black, rgba(0, 0, 0, 0)) 1 100%;  
    -o-border-image:
      -o-linear-gradient(bottom, black, rgba(0, 0, 0, 0)) 1 100%;
    border-image:
      linear-gradient(to top, black, rgba(0, 0, 0, 0)) 1 100%;
}




.icon-btn {
  text-align: center;
  font-size: 3em;
  color: #fff;
  display: inline-block;
  text-decoration: none;
  width: 90px;
  height: 90px;
  padding: 0.5em 0;
  border-radius: 100%;
  position: relative;
  text-shadow: 0 0.025em 0.025em rgba(0, 0, 0, 0.2);
  border: 0.025em solid rgba(0, 0, 0, 0.05);
  background-repeat: repeat-x;
  background-position: 0 0;
  -moz-background-origin: border;
  -o-background-origin: border-box;
  -webkit-background-origin: border;
  background-origin: border-box;
  -moz-transition: background-position 0.1s linear;
  -o-transition: background-position 0.1s linear;
  -webkit-transition: background-position 0.1s linear;
  transition: background-position 0.1s linear;
}
.icon-btn:hover {
  background-position: 0 -2em;
  -moz-transition: background-position 0.1s linear;
  -o-transition: background-position 0.1s linear;
  -webkit-transition: background-position 0.1s linear;
  transition: background-position 0.1s linear;
}


.icon-lightgray {
    background-color: #f1f2f2;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzZlZGRkNyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzNkYWRkMiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==);
    background-size: 100%;
    background-image: -webkit-gradient(linear, 60% 0%, 40% 100%, color-stop(0%, #fff), color-stop(100%, #eaeced));
    background-image: -moz-linear-gradient(top, #fff, #fff);
    background-image: -webkit-linear-gradient(top, #fff, #fff);
    background-image: linear-gradient(to bottom, #fff, #fff);
}

/****/
.GPurple {
	color: #654366;
}
.Orange {
	color: #f7941d;
}
.ROrange {
	color: #f26233;
}
.Red {
	color: #d71920;
}
.PurpleRed {
	color: #75495e;
}
.DRed {
	color: #b01f24;
}

.PRed {
	color: #f23e4f;
}

.DPurple2 {
    color: #5f579f;
}

.Purple {
    color: #986ab6;
}
.Pink {
    color: #c53196;
}


.DBGreen {
	color: #0a5457;
}

.GreenBean {
	color: #8bac4d;
}

.Green {
	color: #0a8c78;
}
.AppleGreen {
	color: #61bb2b;
}
.BlueGreen {
	color: #47b872;
}
.LYellow {
	color: #fff200;
}
.Yellow {
	color: #ffdd00;
}
.DYellow {
	color: #fdb913;
}
.Gray {
	color: #4f5559;
}
.DGray {
	color: #33393d;
}
.Black {
	color: #000000;
}
.LGray {
	color: #707377;
}
.LightGray {
	color: #8a9299;
}
.SLightGray {
	color: #e6e7e8;
}
.White {
	color: #ffffff;
}

.Blue {
	color: #577abc;
}
.LBlue {
	color: #00baf2;
}
.DBlue {
	color: #01608c;
}
.DGBlue {
	color: #3b3663;
}
.DPurple {
	color: #3b3663;
}
.BlueTiff {
	color: #00d3e0;
}
.DBrown {
	color: #29190f;
}
.Brown {
	color: #5e5a4d;
}
.line_height_1 {
	line-height: 1;
}
.line_height_1.5 {
	line-height: 1.5;
}
.GlowDBlue{
text-shadow: 0 0 0.2em #112b55, 0 0 0.2em #112b55, 0 0 0.2em #112b55
}
.GlowBlue{
text-shadow: 0 0 0.2em #00a3bd, 0 0 0.2em #00a3bd, 0 0 0.2em #00a3bd
}

.GlowTTBlue{
text-shadow: 0 0 0.2em #21a3dc, 0 0 0.2em #21a3dc, 0 0 0.2em #21a3dc
}


.GlowTiffBlue{
text-shadow: 0 0 0.2em #43ccd1, 0 0 0.2em #43ccd1, 0 0 0.2em #43ccd1
}
.GlowLBlue{
text-shadow: 0 0 0.2em #83e1db, 0 0 0.2em #83e1db, 0 0 0.2em #83e1db
}
.GlowGreen{
text-shadow: 0 0 0.2em #40d09f, 0 0 0.2em #40d09f, 0 0 0.2em #40d09f
}
.GlowGBlue{
text-shadow: 0 0 0.2em #8bd1c0, 0 0 0.2em #8bd1c0, 0 0 0.2em #8bd1c0
}

.GlowBGreen{
text-shadow: 0 0 0.2em #0ec5d0, 0 0 0.2em #0ec5d0, 0 0 0.2em #0ec5d0
}
.GlowOrange{
text-shadow: 0 0 0.2em #f56c62, 0 0 0.2em #f56c62, 0 0 0.2em #f56c62
}
.GlowBlack{
text-shadow: 0 0 0.2em rgba(0,0,0,0.50), 0 0 0.2em rgba(0,0,0,0.50), 0 0 0.2em rgba(0,0,0,0.50)
}
.GlowDBlack{
text-shadow: 0 0 0.2em rgba(0,0,0,0.80), 0 0 0.2em rgba(0,0,0,0.80), 0 0 0.2em rgba(0,0,0,0.80)
}
.GlowWhite{
text-shadow: 0 0 0.2em #fff, 0 0 0.2em #fff, 0 0 0.2em #fff
}
.ShadowLight{
text-shadow: 0px 3px 3px rgba(0,0,0,0.2);
}

.Shadow {
text-shadow: 0px 3px 3px rgba(0,0,0,0.75);
}

.Shadow2 {
text-shadow: 0px 1px 1px rgba(0,0,0,0.75);
}

.ShadowWhite {
text-shadow: 0px 2px 2px rgba(255,255,255,0.9);
}

.nav_Title {
	font-size: 20px;
	text-decoration: none;
	line-height: 1.2;
	color:#005baa;
	font-family: 'Barlow Semi Condensed'!important;
	font-weight: 400;
	text-transform: uppercase;	
}
.nav_Content{
	font-size: 15px;
	text-decoration: none;
	line-height: 1.2;
	color:#333;
	font-family: 'Barlow Semi Condensed'!important;
	 font-weight: 200;
}

.f_figure1{
	font-size: 40px;
	text-decoration: none;
	line-height: 1.1;
}

.f_figure2{
	font-size: 20px;
	text-decoration: none;
	line-height: 1.1;
}

.f_ST{
	font-size: 120px;
	text-decoration: none;
	line-height: 1.1;
	font-family: Helvetica, sans-serif!important;
	font-weight: 500;
}

.f_users{
	font-size: 60px;
	text-decoration: none;
	line-height: 1.1;
	font-family: Helvetica, sans-serif!important;
	font-weight: 600;
}

.f_title1{
	font-size: 60px;
	text-decoration: none;
	line-height: 1.1;
}

.f_title2{
	font-size: 40px;
	text-decoration: none;
	line-height: 1.1;
}

.f_title3{
	font-size: 30px;
	text-decoration: none;
	line-height: 1.1;
}

.f_title4{
	font-size: 25px;
	text-decoration: none;
	line-height: 1.1;
}
.f_pd{
	font-size: 14px;
	text-decoration: none;
	line-height: 1.1;
}
.f_11s{
	font-size: 11px;
	text-decoration: none;
	line-height: 1.2;
}
.f_11 {
	font-size: 11px;
	text-decoration: none;
	line-height: 1.2;
}
.f_12 {
	font-size: 12px;
	text-decoration: none;
	line-height: 1.2;
}
.f_13 {
	font-size: 13px;
	text-decoration: none;
	line-height: 1.5;
}
.f_13s {
	font-size: 13px;
	text-decoration: none;
	line-height: 1.2;
}
.f_14 {
	font-size: 14px;
	text-decoration: none;
	line-height: 1.5;
}
.f_14s {
	font-size: 14px;
	text-decoration: none;
	line-height: 1.2;
}
.f_15 {
	font-size: 15px;
	text-decoration: none;
	line-height: 1.5;
}
.f_15s {
	font-size: 15px;
	text-decoration: none;
	line-height: 1.2;
}

.f_16 {
	font-size: 16px;
	text-decoration: none;
	line-height: 1.5;
}
.f_16s {
	font-size: 15px;
	text-decoration: none;
	line-height: 1.2;
}
.f_17 {
	font-size: 17px;
	text-decoration: none;
	line-height: 1.5;
}

.f_17s {
	font-size: 17px;
	text-decoration: none;
	line-height: 1.2;
}
.f_18 {
	font-size: 18px;
	text-decoration: none;
	line-height: 1.5;
}
.f_18s {
	font-size: 18px;
	text-decoration: none;
	line-height: 1.2;
}

.f_20 {
	font-size: 20px;
	text-decoration: none;
	line-height: 1.5;
}
.f_20s {
	font-size: 20px;
	text-decoration: none;
	line-height: 1.2;
}
.f_22 {
	font-size: 22px;
	text-decoration: none;
	line-height: 1.5;
}
.f_22s {
	font-size: 22px;
	text-decoration: none;
	line-height: 1.2;
}
.f_24s {
	font-size: 24px;
	text-decoration: none;
	line-height: 1.2;
}
.f_25 {
	font-size: 25px;
	text-decoration: none;
	line-height: 1.5;
}
.f_25s {
	font-size: 25px;
	text-decoration: none;
	line-height: 1.2;
}
.f_27 {
	font-size: 27px;
	text-decoration: none;
	line-height: 1.2;
}
.f_28 {
	font-size: 28px;
	text-decoration: none;
	line-height: 1.5;
}
.f_28s {
	font-size: 28px;
	text-decoration: none;
	line-height: 1.2;
}


.f_30{
	font-size: 30px;
	text-decoration: none;
	line-height: 1.5;
}
.f_30s{
	font-size: 30px;
	text-decoration: none;
	line-height: 1.2;
}

.f_35{
	font-size: 35px;
	text-decoration: none;
	line-height: 1.5;
}
.f_35s{
	font-size: 35px;
	text-decoration: none;
	line-height: 1.2;
}

.f_38{
	font-size: 38px;
	text-decoration: none;
	line-height: 1.2;
}

.f_40{
	font-size: 40px;
	text-decoration: none;
	line-height: 1.2;
}

.f_45{
	font-size: 45px;
	text-decoration: none;
	line-height: 1.2;
}

.f_50{
	font-size: 50px;
	text-decoration: none;
	line-height: 1.1;
}
.f_55{
	font-size: 55px;
	text-decoration: none;
	line-height: 1.1;
}
.f_60{
	font-size: 60px;
	text-decoration: none;
	line-height: 1.1;
}

.f_70{
	font-size: 70px;
	text-decoration: none;
	line-height: 1.1;
}

.f_80{
	font-size: 80px;
	text-decoration: none;
	line-height: 1.1;
}

.f_90{
	font-size: 90px;
	text-decoration: none;
	line-height: 1.1;
}

.f_100{
	font-size: 100px;
	text-decoration: none;
	line-height: 1.1;
}


.f_Black2White{
color:#000;

}


.f_Hello{
font-family: "Montserrat", "Open Sans", sans-serif;
	font-size: 150px;
	text-decoration: none;
	line-height: 1.1;
}

.f_slogan1{
	font-size: 80px;
	line-height: 1.1;

}
.f_slogan2{
	font-size: 70px;
	line-height: 1.1;
}

.f_slogan3{
	font-size: 60px;
	line-height: 1.1;
}

.f_slogan4{
	font-size: 50px;
	line-height: 1.1;
}

.f_slogan5{
	font-size: 40px;
	line-height: 1.1;
}

.f_slogan6{
	font-size: 30px;
	line-height: 1.1;
}

.f_slogan7{
	font-size: 25px;
	line-height: 1.1;
}

.mainTitle1{
	font-size: 60px;
	line-height: 1.1;

}

.mainTagline{
	font-size: 55px;
	line-height: 1.2;

}


.mainTitle2{
	font-size: 35px;
	line-height: 1.1;

}

.uppercase {
	text-transform: uppercase;	
    font-family: "Akkurat-Light",Helvetica,Arial,"Lucida Grande",sans-serif;
}
.PTitle{
	font-size: 48px;
	color: #174060;
	text-decoration: none;	
	
	display: inline-block;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
float: none;
z-index: auto;
width: auto;
height: auto;
position: static;
cursor: default;
opacity: 1;
margin: 0;
padding: 10px;
overflow: visible;
border: none;
-webkit-border-radius: 0;
border-radius: 0;

text-decoration: normal;
text-align: center;
-o-text-overflow: clip;
text-overflow: clip;
white-space: pre;
background: none;
-webkit-box-shadow: none;
box-shadow: none;
text-shadow: 0 0 10px rgba(255,255,255,1) , 0 0 20px rgba(255,255,255,1) , 0 0 30px rgba(255,255,255,1) , 0 0 40px #dcf6f6 , 0 0 70px #dcf6f6 , 0 0 80px #dcf6f6 , 0 0 100px #dcf6f6 ;
-webkit-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
-moz-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
-o-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
-webkit-transform: none;
transform: none;
-webkit-transform-origin: 50% 50% 0;
transform-origin: 50% 50% 0;
}

.circleLogo{
	width: 166px;
	height: 150px;
	-moz-border-radius: 36px;
	-webkit-border-radius: 36px;
	border-radius: 36px;
	background-image: url(../../img/tran_white.png);
	background-repeat: repeat;
}


.circleLogo:Hover{
	background-color: #ffffff;
	opacity:1;

}



.bullet {

	font-family: Arial;
	font-size: 14px;
	font-style: 17;
	color: #333333;
	background-image: url(../../img/sq_blue.gif);
	background-repeat: no-repeat;
	background-position: 5px 17px;
	padding-left: 20px;
	text-decoration: none;
}
.GradientVd {
	background: -webkit-linear-gradient(#414141, #1d1c1b); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#414141, #1d1c1b); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#414141, #1d1c1b); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#414141, #1d1c1b); /* Standard syntax */
	border-radius: 8px;
	border-image: none;
	display: block;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	padding:20px;
	 box-shadow: 8px 6px 8px rgba(0, 0, 0, 0.7);
	

}

.gradient {
	border-radius: 0px;
	font-size: 28px;
	text-decoration: none;
	color: #00acee;
	line-height: 28px;
	padding-top: 20px;
	padding-bottom: 20px;
	background: -webkit-linear-gradient(#eee, #fff); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#eee, #fff); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#eee, #fff); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#eee, #fff);
	padding-left: 15px;
}

.separateLine2 {
	border-radius: 0px;
	border-image: none;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	text-decoration: none;
	background-image: url(../../images/separateLine2.gif);
	background-repeat: repeat-x;
	background-position: center;
}


.separateVertical{
	text-decoration: none;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #cfd1d2;
	border-top-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

.separateVertical2{
	text-decoration: none;
	border-right-width: 1px;
	border-right-style: dotted;
	border-right-color: #cfd1d2;
	border-top-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-bottom-style: none;
	border-left-style: none;
}


.separateLine{
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #868687;
}
.LineTop{
	text-decoration: none;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #c7c8ca;
}
.LineDown{
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #fff;
	padding-top: 12px;
	padding-right: 6px;
	padding-bottom: 12px;
	padding-left: 6px;
	background-color: #f6f3f3;
}

.highlight {
	color: #FF6600;
	font-size: 12px;
	text-decoration: none;
	line-height: 13px;
	font-family: "Akkurat-Light";
}


.forget_pw{
	color: #00acee;
	font-size: 13px;
	text-decoration: none;
	line-height: 16px;
	font-family: "Akkurat-Light";
}
.pw{
	color: #333333;
	font-size: 13px;
	text-decoration: none;
	line-height: 16px;
	font-family: "Akkurat-Light";
}

.form {
	color: #303b4d;
	font-size: 14px;
	text-decoration: none;
	line-height: 18px;
	font-family: "Akkurat-Light";
}
.formfield{
	border-radius: 6px;
	border-image: none;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	font-size: 14px;
	text-decoration: none;
	line-height: 18px;
	font-family: "Akkurat-Light";
	border-width: 1px;
	border-style: solid;
	border-color: #eeeeee;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	color: #666666;
	text-align: center;
}	
.formfill {
	border-radius: 6px;
	border-image: none;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	font-size: 14px;
	text-decoration: none;
	line-height: 18px;
	font-family: "Akkurat-Light";
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #BDC5CE;
	border-right-color: #BDC5CE;
	border-bottom-color: #BDC5CE;
	border-left-color: #BDC5CE;
	padding-top: 8px;
	padding-right: 5px;
	padding-bottom: 8px;
	padding-left: 5px;
	color: #004559;
	background-color: #E6F7FF;
}

.formfieldWhite {
border-radius: 6px;
border-image: none;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
font-family: 'Barlow Semi Condensed'!important;
font-weight: 300;
font-size: 18px;
text-decoration: none;
line-height: 18px;
border-width: 1px;
border-color: #939598;
padding:20px 15px;
color: #333;
background-color: #fff;
}

.formfillWhite {
border-radius: 6px;
border-image: none;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
font-family: 'Barlow Semi Condensed'!important;
font-weight: 400;
font-size: 18px;
text-decoration: none;
line-height: 18px;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-color: #BDC5CE;
border-right-color: #BDC5CE;
border-bottom-color: #BDC5CE;
border-left-color: #BDC5CE;
padding-top: 8px;
padding-right: 8px;
padding-bottom: 8px;
padding-left: 8px;
color: #004559;
background-color: #fff;
}
.fillUnderline {
	border-radius:4px;
	font-size: 16px;
	text-decoration: none;
	line-height: 18px;
	font-family: "Akkurat-Light";
	padding: 6px;
	color: #000000;
	background-color: transparent;
	background-image: url(https://www.timeteccloud.com/templates/layout/img/tra_white_80.png);
	background-repeat: repeat;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

.UnderlineFields {
  padding: 0.9em 0.8em;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  outline: none;
  line-height: normal;
  border-top-style: none;
  border-right-style: none;
  border-left-style: none;
  border-bottom: 1px solid #8e9297;
  border-radius: 0;
  background-color: transparent;
}



.footerLink{
	color: #038791;
	font-size: 12px;
	text-decoration: none;
	line-height: 14px;
	font-family: "Akkurat-Light";
}
.footer{
	color: #a7a9ac;
	font-size: 12px;
	text-decoration: none;
	line-height: 14px;
	font-family: "Akkurat-Light";
}
.footer2{
	color: #c3c3c3;
	font-size: 12px;
	text-decoration: none;
	line-height: 14px;
	font-family: "Akkurat-Light";
}
.sublink{
	color: #dcddde;
	font-size: 13px;
	text-decoration: none;
	line-height: 15px;
	font-family: "Akkurat-Light";
}
.subtitle{
	color: #ebebec;
	font-size: 14px;
	text-decoration: none;
	line-height: 16px;
	font-family: "Akkurat-Light";
}
.titlelight{
	color: #cbcbcb;
	font-size: 13px;
	text-decoration: none;
	line-height: 16px;
	font-family: "Akkurat-Light";
}

.curveborderWhite {
    border-radius: 20px;
    padding-top: 6px;
    padding-right: 20px;
    padding-bottom: 6px;
    padding-left: 20px;
    border-width: 2px;
    border-style: solid;
    border-color: #e7dbd9;
    background-color: #FFFFFF;
    opacity: 0.7;
}

.curveborder {
    border-radius: 20px;
    padding-top: 5px;
    padding-right: 10px;
    padding-bottom: 5px;
    padding-left: 10px;
    border-top-width: 2px;
    border-right-width: 2px;
    border-bottom-width: 2px;
    border-left-width: 2px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-color: #e7dbd9;
    border-right-color: #e7dbd9;
    border-bottom-color: #e7dbd9;
    border-left-color: #e7dbd9;
}


.curveOutline {
	border-radius: 5px;
	border-image: none;
	display: block;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding-top: 8px;
	padding-right: 8px;
	padding-bottom: 8px;
	padding-left: 8px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #dddddd;
	border-right-color: #dddddd;
	border-bottom-color: #dddddd;
	border-left-color: #dddddd;
}


.outline {
    border-width: 1px;
	border-style: solid;
	border-color: #e2e2e2;
	padding: 8px;
}

.bg_Gradient {
  background: #ffffff; /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(#e2e2e2, #ffffff); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(#e2e2e2, #ffffff); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(#e2e2e2, #ffffff); /* For Firefox 3.6 to 15 */
  background: linear-gradient(#e2e2e2, #ffffff); /* Standard syntax */
  padding: 8px;
  border-radius:6px;
}

/*********************** sign up icon **************************/

.BYellow {
    border-radius: 30px;
    text-align: center;
    color: #fff;
    line-height: 22px;
    padding: 10px 40px;
    background-color: #fbad18;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
	font-size:20px;
}

.BYellow:Hover {
    background-color: #474848;
}

.btnLBlue {
	border-width: 1px;
	border-style: solid;
	border-color: #bbbbbb;
	border-radius: 5px;
	border-image: none;
	text-align: center;
	color: #fff;
	line-height: 20px;
	font-size: 17px;
	vertical-align: middle;
	cursor: pointer;
	box-shadow: inset 0px 1px 0px rgba(255,255,255,0.2), 0px 1px 2px rgba(0,0,0,0.05);
	text-shadow: 0px 1px 1px rgba(0,0,0,0.75);
	background: -webkit-linear-gradient(#55c4f9, #106199); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#55c4f9, #106199); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#55c4f9, #106199); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#55c4f9, #106199); /* Standard syntax */
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .05);
	-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .05);
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 25px;
	padding-right: 25px;
	
}
.btnLBlue:Hover {
	background: -webkit-linear-gradient(#106199, #55c4f9); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#106199, #55c4f9); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#106199, #55c4f9); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#106199, #55c4f9); /* Standard syntax */
	
}
.ButtonPBlue{
	border-radius: 6px;
	border-image: none;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	font-family: "Akkurat-Light";
	max-width: none;
	padding-top: 10px;
	padding-right: 28px;
	padding-bottom: 10px;
	padding-left: 28px;
	font-size: 16px;
	color: #FFFFFF;
	text-decoration: none;
	line-height: 20px;
	background-color: #5b7bb7;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
}
.ButtonPBlue:Hover{
	color: #FFFFFF;
	background-color: #445677;
	
}


#BtnFill{
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	padding-left: 10px;
	background-color: #ffffff;
	background-repeat: no-repeat;
	background-position: 10px;
	border-width: 1px;
	border-style: solid;
	border-color: #cbccce;
	height: 36px;
	font-size: 16px;
	color: #495b5f;
	font-family: "Akkurat-Light"; 
}
 

#BtnCardNo{
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	padding-left: 35px;
	background-color: #ffffff;
	background-image: url(https://www.timeteccloud.com/templates/layout/code/assets/img/ic_cardno.png);
	background-repeat: no-repeat;
	background-position: 10px;
	border-width: 1px;
	border-style: solid;
	border-color: #cbccce;
	height: 36px;
	font-size: 16px;
	color: #495b5f;
	font-family: "Akkurat-Light"; 
}
#BtnExp{
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	padding-left: 35px;
	background-color: #ffffff;
	background-image: url(https://www.timeteccloud.com/templates/layout/code/assets/img/ic_exp.png);
	background-repeat: no-repeat;
	background-position: 10px;
	border-width: 1px;
	border-style: solid;
	border-color: #cbccce;
	height: 36px;
	font-size: 16px;
	color: #495b5f;
	font-family: "Akkurat-Light"; 
}
#BtnExp{
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	padding-left: 35px;
	background-color: #ffffff;
	background-image: url(https://www.timeteccloud.com/templates/layout/code/assets/img/ic_exp.png);
	background-repeat: no-repeat;
	background-position: 10px;
	border-width: 1px;
	border-style: solid;
	border-color: #cbccce;
	height: 36px;
	font-size: 16px;
	color: #495b5f;
	font-family: "Akkurat-Light"; 
}
#BtnLock{
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	padding-left: 35px;
	background-color: #ffffff;
	background-image: url(https://www.timeteccloud.com/templates/layout/code/assets/img/ic_lock.png);
	background-repeat: no-repeat;
	background-position: 10px;
	border-width: 1px;
	border-style: solid;
	border-color: #cbccce;
	height: 36px;
	font-size: 16px;
	color: #495b5f;
	font-family: "Akkurat-Light"; 
}
 

#captcha-form {
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	padding-left: 35px;
	background-color: #f8f8f8;
	background-image: url(https://www.timeteccloud.com/templates/layout/img/verification.png);
	background-repeat: no-repeat;
	background-position: 10px;
	border-width: 1px;
	border-style: solid;
	border-color: #cbccce;
	height: 36px;
	font-size: 16px;
	color: #495b5f;
}
.submitbutton {
	border-width: 1px;
	border-style: solid;
	border-color: #bfbfbf;
	border-radius: 4px;
	border-image: none;
	color: #f1f2f2;
	line-height: 18px;
	font-size: 14px;
	vertical-align: middle;
	cursor: pointer;
	text-shadow: 0px 0px 0px rgba(174,174,172,0.8);
	background: -webkit-linear-gradient(#0c6b96, #074969); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#0c6b96, #074969); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#0c6b96, #074969); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#0c6b96, #074969); /* Standard syntax */
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin: 3px;
	text-decoration: none;
	padding-right: 15px;
	padding-left: 15px;
}
.submitbutton:hover {
	background: -webkit-linear-gradient(#074969, #0c6b96); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#074969, #0c6b96); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#074969, #0c6b96); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#074969, #0c6b96); /* Standard syntax */

}
/*********************** Button ********************************/



.HandWriting {
	font-family: Annifont;
	font-style: normal;
	text-shadow:  1px 1px 1px rgba(0,0,0,1);
	color: #00f0ff;
	font-size: 22px;
	text-align: center;
	font-weight: bold;
}



/**************** Button VC ***************/
.vc_lightyellow {
	padding-top: 3px;
	padding-bottom: 3px;
	border-radius: 4px;
	border: 1px solid transparent;
	text-decoration: none !important;
	cursor: pointer;
	color: #ffffff !important;
	background-color: #febf46;
	text-align: center;
}

.vc_lightyellow:hover {
color: #ffffff !important; background-color: #f4ab1f;
}
.vc_lightblue {
	padding-top: 3px;
	padding-bottom: 3px;
	border-radius: 4px;
	border: 1px solid transparent;
	text-decoration: none !important;
	cursor: pointer;
	color: #ffffff !important;
	background-color: #cadbea;
	text-align: center;
}
.vc_lightblue:hover {
color: #ffffff !important; background-color: #afd3f3;
}

.vc_lightgray {
	padding-top: 3px;
	padding-bottom: 3px;
	border-radius: 4px;
	border: 1px solid transparent;
	text-decoration: none !important;
	cursor: pointer;
	color: #ffffff !important;
	background-color: #e2e0e0;
	text-align: center;
}
.vc_lightgray:hover {
color: #ffffff !important; background-color: #d1d0d0;
}
.vc_shadow {
	margin-bottom: 5px; box-shadow: 0px 5px 0px #cfd1d2; -webkit-box-shadow: 0 5px 0 #cfd1d2;
}
.vc_Dshadow {
	margin-bottom: 5px; box-shadow: 0px 5px 0px #939598; -webkit-box-shadow: 0 5px 0 #939598;
}
.vc_btn {
padding: 5px 12px; border-radius: 4px; border: 1px solid transparent; border-image: none; line-height: 20px; font-size: 100%; text-decoration: none !important; display: inline-block; cursor: pointer;
}
.vc_btn-lg {
	padding: 10px 16px; border-radius: 6px; line-height: 1.33; font-size: 15px;
}
.vc_btn_square {
	border-radius: 0px;
}

.vc_btn_round {
	border-radius: 10px;
}
.vc_btn_outlined {
	background: none !important; border: 2px solid currentColor; border-image: none;
}

.vc_btn-lightblue:hover {
	color: rgb(247, 247, 247) !important; background-color: #487c92;
}

/**************** End Button VC ***************/
/*--Rajdhani---*/
.greyrajdhani20_shadow{
	
	text-shadow: 0px 2px 2px rgba(255,255,255,0.8);
	color: #414042;
	max-width: none;
	font-size: 22px;
	text-decoration: none;
	line-height: 28px;
}
.greyrajdhani18_shadow{
	font-family: 'Rajdhani', sans-serif;
	text-shadow: 0px 2px 2px rgba(255,255,255,0.8);
	color: #414042;
	max-width: none;
	font-size: 18px;
	text-decoration: none;
	line-height: 22px;
}
.greyrajdhani35_shadow{
	font-family: 'Rajdhani', sans-serif;
	text-shadow: 0px 2px 2px rgba(255,255,255,0.8);
	color: #414042;
	max-width: none;
	font-size: 35px;
	text-decoration: none;
	line-height: 40px;
}
.greyrajdhani100{
	font-family: 'Rajdhani', sans-serif;
	color: #666;
	max-width: none;
	font-size: 100px;
	text-decoration: none;
	line-height:80px;
}
.greyrajdhani40_shadow{
	font-family: 'Rajdhani', sans-serif;
	text-shadow: 0px 2px 2px rgba(255,255,255,0.8);
	color: #666;
	max-width: none;
	font-size: 35px;
	text-decoration: none;
	line-height: 40px;
}
.greyrajdhani40{
	font-family: 'Rajdhani', sans-serif;
	color: #666;
	max-width: none;
	font-size: 40px;
	text-decoration: none;
	line-height: 45px;
}
.greyrajdhani65{
	font-family: 'Rajdhani', sans-serif;
	color: #666;
	max-width: none;
	font-size: 65px;
	text-decoration: none;
	line-height: 65px;
}
/***************************************************** Some media queries ************************************************/



/*Viewport = 1024px*/
@media screen and (max-width: 64em) {

}

/*Viewport = 960px*/
@media screen and (max-width: 60em) {
.f_users{
	font-size: 40px;
	text-decoration: none;
	line-height: 1.1;
	font-family: Helvetica, sans-serif!important;
	font-weight: 600;
}	
.HideA{
	display: none;
}

.HideB{
	display: block;
}		
	
}




@media screen and (max-width: 65.3125em) {

.f_users{
	font-size: 40px;
	text-decoration: none;
	line-height: 1.1;
	font-family: Helvetica, sans-serif!important;
	font-weight: 600;
}	
.HideA{
	display: none;
}

.HideB{
	display: block;
}	
}


/*Viewport = 768px*/
@media screen and (max-width : 48em){
.position-wrap {
position: absolute;
width:100%;
height: 90vh;
}
.p_register{
  position: relative;
  top:60%;
  right:-40%;
  z-index: 3;
  width:35%;
}
	
.H-Listing{
	display: table;
	width: 100%;
	height: 250px;	
}
	
.f_users{
	font-size: 40px;
	text-decoration: none;
	line-height: 1.1;
	font-family: Helvetica, sans-serif!important;
	font-weight: 600;
}
	
.HideA{
	display: none;
}

.HideB{
	display: block;
}		
	
}




/*Viewport=600px*/
@media screen and (max-width: 33.75em) {

.flex-container {
  flex-direction: column-reverse;
  -webkit-flex-direction: column-reverse; /* Safari 6.1+ */
}

.separateVertical{
	border-bottom-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-bottom-color: #cfd1d2;
	border-top-width: 0px;
	border-right-width: 0px;
	border-left-width: 0px;
}

.pc_hire_scroll {
	display: none;
}
.pc_hire {
	display: block;
}
.HideMe{
	display: none;
}
.HideMe2{
	display: block;
}
	
.HideA{
	display: none;
}

.HideB{
	display: block;
}		

.t_100x{
	display: table;
	width: 100%;
	height: auto;	
}
.t_150x{
	display: table;
	width: 100%;
	height: auto;	
}
.t_dp{

	height: 140px;	
}

.t_dp_2{

	height: 80px;	
}

.Hspace {
height: 40px;
}
.Hspace2 {
height: 20px;
}

.pd80 {
padding:50px 20px;
}

.pd100 {
padding:50px 20px;
}
	
.H-Listing{
	display: table;
	width: 100%;
	height: 250px;	
}
	
	
	.H-Decs{
	display: table;
	width: 100%;
	height: 50px;	
}
	
.f_users{
	font-size: 40px;
	text-decoration: none;
	line-height: 1.1;
	font-family: Helvetica, sans-serif!important;
	font-weight: 600;
}	
	
.f_Black2White{
color:#fff;

}		
	
	
}

/*Viewport = 480px*/
@media screen and (max-width: 30em){
	
.Zoom50 {
	width: 70%;
	height: auto;
}		
	
	
.f_Hello{
font-family: "Montserrat", "Open Sans", sans-serif;
	font-size: 90px;
	text-decoration: none;
	line-height: 1.1;
}		
	
.separateDemo{
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-bottom-width: 1px;
	border-bottom-color: #798696;
}


.mainTagline{
	font-size: 40px;
	line-height: 1.2;

}
	
.f_users{
	font-size: 40px;
	text-decoration: none;
	line-height: 1.1;
	font-family: Helvetica, sans-serif!important;
	font-weight: 600;
}	
	
	
.f_title1{
	font-size: 50px;
	text-decoration: none;
	line-height: 1.1;
}

.f_title2{
	font-size: 30px;
	text-decoration: none;
	line-height: 1.1;
}

.f_title3{
	font-size: 20px;
	text-decoration: none;
	line-height: 1.1;
}

.f_title4{
	font-size: 15px;
	text-decoration: none;
	line-height: 1.1;
}

.flex-container {
  flex-direction: column-reverse;
  -webkit-flex-direction: column-reverse; /* Safari 6.1+ */
}


.t_100x{
	display: table;
	width: 100%;
	height: auto;	
}
.t_150x{
	display: table;
	width: 100%;
	height: auto;	
}

.t_250x{
	display: table;
	width: 100%;
	height: auto;	
}
.t_300x{
	display: table;
	width: 100%;
	height: auto;	
}
.t_350x{
	display: table;
	width: 100%;
	height: auto;	
}

.t_400x{
	display: table;
	width: 100%;
	height: auto;	
}
.t_500x{
	display: table;
	width: 100%;
	height: auto;	
}
.t_600x{
	display: table;
	width: 100%;
	height: auto;	
}
.t_700x{
	display: table;
	width: 100%;
	height: auto;	
}
.t_800x{
	display: table;
	width: 100%;
	height: auto;	
}
.t_900x{
	display: table;
	width: 100%;
	height: auto;	
}

.t_dp{

	height: 140px;	
}

.t_dp_2{

	height: 80px;	
}
	
.t_projects{
	height: auto;	
}
	
.t_boxFT {
    display: table;
    width: 100%;
    height: 200px;
}	
	
		
.separateVertical{

	border-bottom-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-bottom-color: #cfd1d2;
	border-top-width: 0px;
	border-right-width: 0px;
	border-left-width: 0px;
}

.separateVertical2{
	border-bottom-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-bottom-color: #cfd1d2;
	border-top-width: 0px;
	border-right-width: 0px;
	border-left-width: 0px;
}	
	
	
.mainTitle1{
	font-size: 60px;
	line-height: 1.1;

}
.mainTitle2{
	font-size: 50px;
	line-height: 1.1;

}

.f_slogan1{
	font-size: 70px;
	line-height: 1.1;

}
.f_slogan2{
	font-size: 60px;
	line-height: 1.1;
}

.f_slogan3{
	font-size: 50px;
	line-height: 1.1;
}

.f_slogan4{
	font-size: 40px;
	line-height: 1.1;
}

.f_slogan5{
	font-size: 30px;
	line-height: 1.1;
}

.f_slogan6{
	font-size: 20px;
	line-height: 1.1;
}

.f_slogan7{
	font-size: 15px;
	line-height: 1.1;
}

.position-wrap {
position: absolute;
width: 90%;
height: 100vh;
}
.p_register{
  position: relative;
  top:120%;
  left:50%;
  z-index: 3;
  width:80%;
}
.pc_hire_scroll {
	display: none;
}
.pc_hire {
	display: block;
}

.HideMe{
	display: none;
}

.HideMe2{
	display: block;
}
	
.HideA{
	display: none;
}

.HideB{
	display: block;
}		
	
.category_web {
	display: none;
}

.category_mobile {
	display: block;
}
.Hspace {
height: 40px;
}
.Hspace2 {
height: 20px;
}
.Hspace3 {
height: 10px;
}
.iot_H {
height:70px;
}
.BtnRDemo {
	display: block;
}
	
	
.pdBnr {
padding:30px 20px 50px 20px;
}
	
.pdBnr2 {
padding:10px 20px 50px 20px;
}
	
.pd80 {
padding:50px 20px;
}

.pd100 {
padding:50px 20px;
}
	
.H-Listing{
	display: table;
	width: 100%;
	height: 230px;	
}

	.H-Decs{
	display: table;
	width: 100%;
	height: 50px;	
}
	
.f_Black2White{
color:#fff;

}
	
.f_figure1{
	font-size: 28px;
	text-decoration: none;
	line-height: 1.1;
}

.f_figure2{
	font-size: 15px;
	text-decoration: none;
	line-height: 1.1;
}	
.line-r1{
	border-right: 1px solid  #67c8f1;
	border-bottom: 1px solid  #67c8f1;
	padding:30px 15px;
	height:250px;
}

.line-r2{
	border-right: 0px solid  #67c8f1;
	border-bottom: 1px solid  #67c8f1;
	padding:30px 15px;
	height:250px;
}

.line-r3{
	border-right: 1px solid  #67c8f1;
	border-bottom: 1px solid  #67c8f1;
	padding:30px 15px;
	height:250px;
}

.line-r4{
	border-right: 0px solid  #67c8f1;
	border-bottom: 1px solid  #67c8f1;
	padding:30px 15px;
	height:250px;
}

.line-r5{
	border-right: 1px solid  #67c8f1;
	border-bottom: 1px solid  #67c8f1;
	padding:30px 15px;
	height:250px;
}

.line-r6{
	border-right: 0px solid  #67c8f1;
	border-bottom: 1px solid  #67c8f1;
	padding:30px 15px;
	height:250px;
}

.line-r7{
	border-right: 1px solid  #67c8f1;
	border-bottom: 1px solid  #67c8f1;
	padding:40px 15px;
	height:250px;
}

.line-r8{
	border-right: 0px solid  #67c8f1;
	border-bottom: 1px solid  #67c8f1;
	padding:30px 15px;
	height:250px;
}

.line-r9{
	border-right: 1px solid  #67c8f1;
	border-bottom: 1px solid  #67c8f1;
	padding:40px 15px;
	height:250px;
}

.line-r10{
	border-right:0px solid  #67c8f1;
	border-bottom: 1px solid  #67c8f1;
	padding:30px 15px;
	height:250px;
}

.line-r11{
	border-right: 1px solid  #67c8f1;
	border-bottom: 0px solid  #67c8f1;
	padding:30px 15px;
	height:250px;
}

.line-r12{
	border-right: 0px solid  #67c8f1;
	border-bottom: 0px solid  #67c8f1;
	padding:30px 15px;
	height:250px;
}
.PositionGirl {
bottom:-76px; right:5%; position:absolute; z-index:2;
}	
	
.f_ST{
	font-size: 60px;
	text-decoration: none;
	line-height: 1.1;
	font-family: Helvetica, sans-serif!important;
	font-weight: 500;
}
	
.LogoJoin {
	width: 85%;
	height: auto;
}		
	
	
}

@media screen and (max-width: 24em) {
	
.Zoom50 {
	width: 70%;
	height: auto;
}		
	
.f_Hello{
font-family: "Montserrat", "Open Sans", sans-serif;
	font-size: 90px;
	text-decoration: none;
	line-height: 1.1;
}	
	
.separateDemo{
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-bottom-width: 1px;
	border-bottom-color: #798696;
}

.f_users{
	font-size: 50px;
	text-decoration: none;
	line-height: 1.1;
	font-family: Helvetica, sans-serif!important;
	font-weight: 600;
}	
	
.f_title1{
	font-size: 50px;
	text-decoration: none;
	line-height: 1.1;
}

.f_title2{
	font-size: 30px;
	text-decoration: none;
	line-height: 1.1;
}

.f_title3{
	font-size: 20px;
	text-decoration: none;
	line-height: 1.1;
}

.f_title4{
	font-size: 15px;
	text-decoration: none;
	line-height: 1.1;
}

.flex-container {
  flex-direction: column-reverse;
  -webkit-flex-direction: column-reverse; /* Safari 6.1+ */
}

.t_100x{
	display: table;
	width: 100%;
	height: auto;	
}
.t_150x{
	display: table;
	width: 100%;
	height: auto;	
}

.t_250x{
	display: table;
	width: 100%;
	height: auto;	
}
.t_300x{
	display: table;
	width: 100%;
	height: auto;	
}
.t_350x{
	display: table;
	width: 100%;
	height: auto;	
}
.t_400x{
	display: table;
	width: 100%;
	height: auto;	
}
.t_500x{
	display: table;
	width: 100%;
	height: auto;	
}
.t_600x{
	display: table;
	width: 100%;
	height: auto;	
}
.t_700x{
	display: table;
	width: 100%;
	height: auto;	
}
.t_800x{
	display: table;
	width: 100%;
	height: auto;	
}
.t_900x{
	display: table;
	width: 100%;
	height: auto;	
}

.t_dp{

	height: 140px;	
}

.t_dp_2{

	height: 80px;	
}
.t_projects{
	height: auto;	
}
	
.t_boxFT {
    display: table;
    width: 100%;
    height: 200px;
}	
	
.separateVertical{
	border-bottom-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-bottom-color: #cfd1d2;
	border-top-width: 0px;
	border-right-width: 0px;
	border-left-width: 0px;
}

.f_slogan1{
	font-size: 70px;
	line-height: 1.1;

}
.f_slogan2{
	font-size: 60px;
	line-height: 1.1;
}

.f_slogan3{
	font-size: 50px;
	line-height: 1.1;
}

.f_slogan4{
	font-size: 40px;
	line-height: 1.1;
}

.f_slogan5{
	font-size: 30px;
	line-height: 1.1;
}

.f_slogan6{
	font-size: 20px;
	line-height: 1.1;
}

.f_slogan7{
	font-size: 15px;
	line-height: 1.1;
}

.mainTitle1{
	font-size: 40px;
	line-height: 1.1;

}
.mainTitle2{
	font-size: 30px;
	line-height: 1.1;

}

.mainTagline{
	font-size: 40px;
	line-height: 1.2;

}

.position-wrap {
position: absolute;
width: 90%;
height: 100vh;
}
.p_register{
  position: relative;
  bottom:-20%;
  left:30%;
  z-index: 3;
  width:60%;
}

.pc_hire_scroll {
	display: none;
}
.pc_hire {
	display: block;
}

.HideMe{
	display: none;
}

.HideMe2{
	display: block;
}
	
.HideA{
	display: none;
}

.HideB{
	display: block;
}		

.category_web {
	display: none;
}

.category_mobile {
	display: block;
}

.Hspace {
height: 40px;
}
.Hspace2 {
height: 20px;
}
.Hspace3 {
height: 10px;
}

.iot_H {
height:70px;
}
.BtnRDemo{
	display: block;
}
	
	
.pdBnr {
padding:30px 20px 50px 20px;
}

.pdBnr2 {
padding:10px 20px 50px 20px;
}	
	

.pd80 {
padding:50px 20px;
}

.pd100 {
padding:50px 20px;
}

	
.H-Listing{
	display: table;
	width: 100%;
	height: 230px;	
}
	
.H-Decs{
	display: table;
	width: 100%;
	height: 50px;	
}
	
.f_Black2White{
color:#fff;

}
	
.f_ST{
	font-size: 60px;
	text-decoration: none;
	line-height: 1.1;
	font-family: Helvetica, sans-serif!important;
	font-weight: 500;
}		

.PositionGirl {
bottom:-76px; right:5%; position:absolute; z-index:2;
}
	
.LogoJoin {
	width: 85%;
	height: auto;
}
	
.t_footer{
	height: auto;	
}

.separate_product{
border-right:0px solid #e0e1e1; 
padding-right:15px;	
height: auto;	
}	
	
}

/*Viewport = 320px*/

@media screen and (max-width: 20em){
	
.Zoom50 {
	width: 70%;
	height: auto;
}	
	
.f_Hello{
font-family: "Montserrat", "Open Sans", sans-serif;
	font-size: 90px;
	text-decoration: none;
	line-height: 1.1;
}	

.separateDemo{
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-bottom-width: 1px;
	border-bottom-color: #798696;
}


.flex-container {
  flex-direction: column-reverse;
  -webkit-flex-direction: column-reverse; /* Safari 6.1+ */
}


.t_100x{
	display: table;
	width: 100%;
	height: auto;	
}
.t_150x{
	display: table;
	width: 100%;
	height: auto;	
}

.t_200x{
	display: table;
	width: 100%;
	height: auto;	
}
.t_250x{
	display: table;
	width: 100%;
	height: auto;	
}
.t_300x{
	display: table;
	width: 100%;
	height: auto;	
}
.t_350x{
	display: table;
	width: 100%;
	height: auto;	
}
.t_400x{
	display: table;
	width: 100%;
	height: auto;	
}
.t_500x{
	display: table;
	width: 100%;
	height: auto;	
}
.t_600x{
	display: table;
	width: 100%;
	height: auto;	
}
.t_700x{
	display: table;
	width: 100%;
	height: auto;	
}
.t_800x{
	display: table;
	width: 100%;
	height: auto;	
}

.t_900x{
	display: table;
	width: 100%;
	height: auto;	
}

.t_dp{

	height: 140px;	
}

.t_dp_2{

	height: 80px;	
}
	
.t_projects{
	height: auto;	
}
	
.t_boxFT {
    display: table;
    width: 100%;
    height: 200px;
}	
	
.separateVertical{
	border-bottom-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-bottom-color: #cfd1d2;
	border-top-width: 0px;
	border-right-width: 0px;
	border-left-width: 0px;
}
	
.f_ST{
	font-size: 50px;
	text-decoration: none;
	line-height: 1.1;
	font-family: Helvetica, sans-serif!important;
	font-weight: 500;
}	
	
.f_users{
	font-size: 50px;
	text-decoration: none;
	line-height: 1.1;
	font-family: Helvetica, sans-serif!important;
	font-weight: 600;
}
	
.f_slogan1{
	font-size: 70px;
	line-height: 1.1;

}
.f_slogan2{
	font-size: 60px;
	line-height: 1.1;
}

.f_slogan3{
	font-size: 50px;
	line-height: 1.1;
}

.f_slogan4{
	font-size: 40px;
	line-height: 1.1;
}

.f_slogan5{
	font-size: 30px;
	line-height: 1.1;
}

.f_slogan6{
	font-size: 20px;
	line-height: 1.1;
}

.f_slogan7{
	font-size: 15px;
	line-height: 1.1;
}


.mainTitle1{
	font-size: 40px;
	line-height: 1.1;

}
.mainTitle2{
	font-size: 30px;
	line-height: 1.1;

}

.mainTagline{
	font-size: 40px;
	line-height: 1.2;

}
.pc_hire_scroll {
	display: none;
}
.pc_hire {
	display: block;
}


.HideMe{
	display: none;
}

.HideMe2{
	display: block;
}
	
	
.HideA{
	display: none;
}

.HideB{
	display: block;
}	

.Hspace {
height: 40px;
}
.Hspace2 {
height: 20px;
}

.Hspace3 {
height: 10px;
}


.iot_H {
height:70px;
}

.BtnRDemo {
	display: block;
}
	
.pdBnr {
padding:30px 20px 50px 20px;
}	

.pdBnr2 {
padding:10px 20px 50px 20px;
}	

.pd80 {
padding:50px 20px;
}

.pd100 {
padding:50px 20px;
}
	
.H-Listing{
	display: table;
	width: 100%;
	height: 230px;	
}
	
.H-Decs{
	display: table;
	width: 100%;
	height: 50px;	
}
	
	

.f_Black2White{
color:#fff;

}
	
.f_figure1{
	font-size: 28px;
	text-decoration: none;
	line-height: 1.1;
}

.f_figure2{
	font-size: 15px;
	text-decoration: none;
	line-height: 1.1;
}	
	
	
.PositionGirl {
bottom:-76px; right:5%; position:absolute; z-index:2;
}
	
	
.LogoJoin {
	width: 85%;
	height: auto;
}	
	
.t_footer{
	height: auto;	
}

.separate_product{
border-right:0px solid #e0e1e1; 
padding-right:15px;	
height: auto;	
}
}