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

/*@import url(http://db.onlinewebfonts.com/c/bc9fa02b4227255be2387a7e19a3e09b?family=Akkurat-Light);*/
@font-face {font-family: "Akkurat-Light";
    src: url("../fonts/bc9fa02b4227255be2387a7e19a3e09b.eot");
    src: url("../fonts/bc9fa02b4227255be2387a7e19a3e09b.eot?#iefix") format("embedded-opentype"),
    url("../fonts/bc9fa02b4227255be2387a7e19a3e09b.woff2") format("woff2"),
    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",Helvetica,Arial,"Lucida Grande",sans-serif; 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:#23baed; font-family: "Akkurat-Light",Helvetica,Arial,"Lucida Grande",sans-serif; text-decoration: none; font-size: 16px;}
A.class2:hover {color:#333; font-family: "Akkurat-Light",Helvetica,Arial,"Lucida Grande",sans-serif; text-decoration: none; font-size: 16px;}

A.class3 {color:#333; font-family: "Akkurat-Light",Helvetica,Arial,"Lucida Grande",sans-serif; text-decoration: none; font-size: 16px;}
A.class3:hover {color:#23baed; font-family: "Akkurat-Light",Helvetica,Arial,"Lucida Grande",sans-serif; text-decoration: none; font-size: 16px;}

A.class4 {color:#23baed; font-family: "Akkurat-Light",Helvetica,Arial,"Lucida Grande",sans-serif; text-decoration: none; font-size: 16px;}
A.class4:hover {color:#a7a9ac; font-family: "Akkurat-Light",Helvetica,Arial,"Lucida Grande",sans-serif; text-decoration: none; font-size: 16px;}

A.class5 {color:#231f20; font-family: "Akkurat-Light",Helvetica,Arial,"Lucida Grande",sans-serif; text-decoration: none; font-size: 16px; text-shadow:  1px 1px 1px rgba(255,255,255,1);}
A.class5:hover {color:#00baf2; font-family: "Akkurat-Light",Helvetica,Arial,"Lucida Grande",sans-serif; text-decoration: none; font-size: 16px; text-shadow:  1px 1px 1px rgba(255,255,255,1);}


A.class6 {
color:#a7a9ac; font-family: "Akkurat-Light", Helvetica, Arial, "Lucida Grande", sans-serif; text-decoration: none; font-size: 13px; line-height: 20px;}
A.class6:hover {color:#ffffff; font-family: "Akkurat-Light",Helvetica,Arial,"Lucida Grande",sans-serif; text-decoration: none; font-size: 13px; line-height: 20px;}

A.class7 {color:#ffffff; font-family: "Akkurat-Light",Helvetica,Arial,"Lucida Grande",sans-serif; text-decoration: none; font-size: 23px;}
A.class7:hover {color:#00acee; font-family: "Akkurat-Light",Helvetica,Arial,"Lucida Grande",sans-serif; text-decoration: none; font-size: 23px;}

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


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;
}


 /* Column Drop Layout Pattern CSS */ /* =Media query for screen */
	@media only screen and (max-width:600px){
	    td[class="column"] {
	        display: block;
            width: 100%;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
	    }
		img[class="flexibleImage"]{height:auto !important; width:100% !important; display:block;}
	}
    /* =Media query for tablets and smartphones */
	@media handheld, only screen and (max-width: 300px), only screen and (max-device-width: 400px) and (orientation:portrait){
	    td[class="column"] {
	        display: block;
            width: 100%;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
	    }
		img[class="flexibleImage"]{height:auto !important; width:100% !important; display:block;}
	}
	/* EndColumn  */

#boxShadow {
    width: 100%;
    box-shadow: 0 0 12px #999, 1px 1px 200px #fff inset;
    color: #666;
    padding: 15px;
    background: #fff;
    border-radius: 10px;
    margin: 40px auto;
    margin-top: 10px;
    opacity: .90;
}

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

.btnNotice {
  background-color: #ffec00; 
  border: none;
  color: #000;
  padding: 3px 20px 4px 20px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 20px;
  border-radius:20px;
}
.btnNotice:hover {
  background-color: #ffcb05; 
}

.f_notice{
	font-size: 20px;
	text-decoration: none;
	line-height: 1.3;

}

.flex-container {  
	display:-webkit-flex;
	display:-ms-flex;
    display: flex;
	-webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.lineColorbar{
	background-image: url(https://www.timetecta.com/templates/layout/img/line_colorbar.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-bottom:12px;
	
}			
.bld{
font-weight: bold;
	
}
.t_fullPage{
	display: table;
	width: 100%;
	height:100vh;
	min-height:500px !important;
	
}
.t_halfPage{
	display: table;
	width: 100%;
	height: 65vh;
	min-height:400px !important;
	
}

.COrange{
	background-color: #ff6600;
}
.CRed{
	background-color: #fa2727;
}

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

.CLPurple{
	background-color: #7289A5;
}
.CYellow{
	background-color: #ffb400;
}
.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;
  
}
.titlelight {
    color: #cbcbcb;
    font-size: 13px;
    text-decoration: none;
    line-height: 16px;
    font-family: "Akkurat-Light";
}


.LGray {
    color: #707377;
}


.bg_transparent50 {
	background-image: url(https://www.timetecta.com/templates/layout/img/tra_white50.png);
	background-repeat: repeat;
	border-radius:10px;
}
.bg_transparent70 {
	background-image: url(https://www.timetecta.com/templates/layout/img/tra_white70.png);
	background-repeat: repeat;
	border-radius:10px;
}
.outlineNext {
    border-radius: 50%;
    padding: 8px;
    color: #35495b;
    text-decoration: none;
    font-size: 40px;
    border: 1px solid #35495b;
    height: 60px;
    width: 60px;
}
.outlineNextWhite {
	border-radius: 50%;
	padding:8px;
	color: #ffffff;
	text-decoration: none;
	font-size: 40px;
	border: 2px solid #ffffff;
	height: 60px;
	width: 60px;
}
.bgCalendarRed{
	background-image: url(https://www.timetecta.com/templates/layout/img/bg_calendar_red.png);
	background-repeat: repeat-x;
	background-position: top;
}
.bgSand{
	background-image: url(https://www.timetecta.com/templates/layout/img/bg_sand.jpg);
	background-repeat: repeat-x;
	background-position: top;
}
.fitness{
	background-image: url(https://www.timetecta.com/templates/layout/img/ic_fitness.png);
	background-repeat: no-repeat;
	background-position: center center;
}
.fitness:hover{
	background-image: url(https://www.timetecta.com/templates/layout/img/ic_fitness_hit.png);
	background-repeat: no-repeat;
	background-position: center center;
}
.line_icon{
	background-image: url(../../img/line_icon.gif);
	background-repeat: repeat-y;
	background-position: center center;
}
.circleB{
padding-top: 15px;
padding-left: 0px;

}
.circleBlue {
    width: 70px;
    height: 70px;
    background: #2c5464;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    position:relative;

}
.circleLBlue {
     width: 70px;
    height: 70px;
    background: #2F86A8;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    position:relative;

}
.circlePBlue {
    width: 70px;
    height: 70px;
    background: #6386A8;
   -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    position:relative;

}
.circleGBlue {
    width: 70px;
    height: 70px;
    background: #14979c;
   -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    position:relative;

}

.separateFooter {
    background-image: url(https://www.timeteccloud.com/templates/layout/img/separateFooter.png);
    background-repeat: repeat-x;
    background-position: top;
    height: 8px;
}
#story {
  background-color: #f4ece7;
  height: 230px;
  position: relative;
  width: 100%;
  border-radius:8px;
  padding:15px;
}

#story2 {
  background-color: #fff0db;
  height: 230px;
  position: relative;
  width: 100%;
  border-radius:8px;
  padding:15px;
}
#story3 {
  background-color: #f4ece7;
  height: 185px;
  position: relative;
  width: 100%;
  border-radius:8px;
  padding:15px;
}

#story4 {
  background-color: #fff0db;
  height: 185px;
  position: relative;
  width: 100%;
  border-radius:8px;
  padding:15px;
}

.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;
}
.icon-btn-main {
	text-align: center;
	font-size:4em;
	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-top-width: 0.025em;
	border-right-width: 0.025em;
	border-bottom-width: 0.025em;
	border-left-width: 0.025em;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #becde1;
	border-right-color: #becde1;
	border-bottom-color: #becde1;
	border-left-color: #becde1;
	background-color: #f4f7fc;
}
.icon-btn-main:hover {
  background-color: #dafaf5;
  border-radius: 20%;

  
}
.icon-btn-small {
  text-align: center;
  font-size: 28px;
  color: #999999;
  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);
  border: 0.025em solid rgba(84, 121, 190, 0.3);
  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 {
  text-align: center;
  font-size: 40px;
  color: #999999;
  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);
  border: 0.025em solid rgba(84, 121, 190, 0.3);
  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 {
  color: #fff;
  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-btn2 {
  text-align: center;
  font-size: 1em;
  color: #999999;
  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);
  border: 0.025em solid rgba(84, 121, 190, 0.3);
  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-btn2:hover {
  color: #fff;
  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-btn3 {
  text-align: center;
  font-size: 1.6em;
  color: #999999;
  display: inline-block;
  text-decoration: none;
  width: 3em;
  height: 3em;
  padding: 0.9em 0;
  border-radius: 100%;
  position: relative;
  text-shadow: 0 0.025em 0.025em rgba(0, 0, 0, 0.2);
  border: 0.025em solid rgba(84, 121, 190, 0.3);
  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-btn3:hover {
  color: #fff;
  background-position: 0 -3em;
  -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-btn4 {
  text-align: center;
  font-size: 1em;
  color: #fff;
  display: inline-block;
  text-decoration: none;
  width: 2em;
  height: 2em;
  padding: 0.4em 0;
  border-radius: 100%;
  position: relative;
  text-shadow: 0 0.025em 0.025em rgba(0, 0, 0, 0.2);
  border: 0.025em solid rgba(84, 121, 190, 0.3);
  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-btn4:hover {
  color: #fff;
  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: #666666;
  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);
}
.icon-lightgrayX {
  background-color: #c8c8c8;
  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, #eaeced);
  background-image: -webkit-linear-gradient(top, #fff, #eaeced);
  background-image: linear-gradient(to bottom, #fff, #eaeced);
}
.icon-gray {
  background-color: #eee;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzZlZGRkNyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzNkYWRkMiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #dfdfdf), color-stop(100%, #d1d1d1));
  background-image: -moz-linear-gradient(top, #dfdfdf, #d1d1d1);
  background-image: -webkit-linear-gradient(top, #dfdfdf, #d1d1d1);
  background-image: linear-gradient(to bottom, #dfdfdf, #d1d1d1);
}
.icon-blue {
  background-color: #3dadd2;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzZlZGRkNyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzNkYWRkMiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #6eddd7), color-stop(100%, #3dadd2));
  background-image: -moz-linear-gradient(top, #6eddd7, #3dadd2);
  background-image: -webkit-linear-gradient(top, #6eddd7, #3dadd2);
  background-image: linear-gradient(to bottom, #6eddd7, #3dadd2);
}

.icon-red {
  background-color: #e1534f;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2UwOTY2ZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2UxNTM0ZiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e0966f), color-stop(100%, #e1534f));
  background-image: -moz-linear-gradient(top, #e0966f, #e1534f);
  background-image: -webkit-linear-gradient(top, #e0966f, #e1534f);
  background-image: linear-gradient(to bottom, #e0966f, #e1534f);
}
.icon-solid-red {
  background-color: #ce181e;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2UwOTY2ZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2UxNTM0ZiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #d64b50), color-stop(100%, #570508));
}

.icon-purple {
  background-color: #6b4fe1;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2E5NmZlMCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzZiNGZlMSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #a96fe0), color-stop(100%, #6b4fe1));
  background-image: -moz-linear-gradient(top, #a96fe0, #6b4fe1);
  background-image: -webkit-linear-gradient(top, #a96fe0, #6b4fe1);
  background-image: linear-gradient(to bottom, #a96fe0, #6b4fe1);
}

/****/
.gra-icon {

color: #43629b;
  background-color: lightgrey;
  padding: 20px 25px;
  font-size: 15pt;
  border-radius: 50%;
  text-shadow: 1px 1px 1px silver;
  text-shadow: inset 1px 1px 1px #eee;
  
 background: rgb(226,226,226);
background: -moz-linear-gradient(-45deg,  rgba(226,226,226,1) 0%, rgba(219,219,219,1) 50%, rgba(209,209,209,1) 51%, rgba(254,254,254,1) 100%);
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(226,226,226,1)), color-stop(50%,rgba(219,219,219,1)), color-stop(51%,rgba(209,209,209,1)), color-stop(100%,rgba(254,254,254,1)));
background: -webkit-linear-gradient(-45deg,  rgba(226,226,226,1) 0%,rgba(219,219,219,1) 50%,rgba(209,209,209,1) 51%,rgba(254,254,254,1) 100%);
background: -o-linear-gradient(-45deg,  rgba(226,226,226,1) 0%,rgba(219,219,219,1) 50%,rgba(209,209,209,1) 51%,rgba(254,254,254,1) 100%);
background: -ms-linear-gradient(-45deg,  rgba(226,226,226,1) 0%,rgba(219,219,219,1) 50%,rgba(209,209,209,1) 51%,rgba(254,254,254,1) 100%);
background: linear-gradient(135deg,  rgba(226,226,226,1) 0%,rgba(219,219,219,1) 50%,rgba(209,209,209,1) 51%,rgba(254,254,254,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#fefefe',GradientType=1 );

}
/*
.gra-icon {
color: #43629b;
padding: 40px 40px;
background-color: lightgrey;

border-radius: 50%;
text-shadow: 1px 1px 1px silver;
text-shadow: inset 1px 1px 1px #eee;
background: rgb(226,226,226);
background: -moz-linear-gradient(-45deg,  rgba(226,226,226,1) 0%, rgba(219,219,219,1) 50%, rgba(209,209,209,1) 51%, rgba(254,254,254,1) 100%);
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(226,226,226,1)), color-stop(50%,rgba(219,219,219,1)), color-stop(51%,rgba(209,209,209,1)), color-stop(100%,rgba(254,254,254,1)));
background: -webkit-linear-gradient(-45deg,  rgba(226,226,226,1) 0%,rgba(219,219,219,1) 50%,rgba(209,209,209,1) 51%,rgba(254,254,254,1) 100%);
background: -o-linear-gradient(-45deg,  rgba(226,226,226,1) 0%,rgba(219,219,219,1) 50%,rgba(209,209,209,1) 51%,rgba(254,254,254,1) 100%);
background: -ms-linear-gradient(-45deg,  rgba(226,226,226,1) 0%,rgba(219,219,219,1) 50%,rgba(209,209,209,1) 51%,rgba(254,254,254,1) 100%);
background: linear-gradient(135deg,  rgba(226,226,226,1) 0%,rgba(219,219,219,1) 50%,rgba(209,209,209,1) 51%,rgba(254,254,254,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#fefefe',GradientType=1 );

}
*/	
.imgshadow {
-webkit-box-reflect: below 0px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(70%, transparent), to(rgba(255,255,255,0.2)));
}
.Orange {
	color: #f7941d;
}
.MRed {
	color: #bd2755;
}
.Red {
	color: #d71920;
}
.AppleGreen {
	color: #81bf08;
}

.Green {
	color: #0a8c78;
}

.Gray {
	color: #4f5559;
}
.Black {
	color: #000000;
}
.LightGray {
	color: #8a9299;
}
.SLightGray {
	color: #a7a9ac;
}
.White {
	color: #ffffff;
}
.Yellow {
	color: #fff200;
}
.Blue {
	color: #577abc;
}
.LBlue {
	color: #00adef;
}
.DBlue {
	color: #01608c;
}
.Brown {
	color: #5e5a4d;
}
.LBrown {
	color: #995a00;
}
.DBrown {
	color: #4d2d00;
}
.line_height_1 {
	line-height: 1;
}
.line_height_1.5 {
	line-height: 1.5;
}
.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.90), 0 0 0.2em rgba(0,0,0,0.90), 0 0 0.2em rgba(0,0,0,0.90)
}
.GlowWhite{
text-shadow: 0 0 0.2em #fff, 0 0 0.2em #fff, 0 0 0.2em #fff
}
.GlowLWhite{
text-shadow: 0 0 0.2em rgba(255,255,255,0.90), 0 0 0.2em rgba(255,255,255,0.90), 0 0 0.2em rgba(255,255,255,0.90)
}
.ShadowLight{
text-shadow: 0px 3px 3px rgba(0,0,0,0.2);
}

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

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

.btns{
    font-family: 'Barlow Semi Condensed';
    font-weight: 500;
    font-size: 1.7em;
    vertical-align: middle;
	cursor: pointer;
	white-space: nowrap;
	padding: 15px 50px;
	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;
}

.white-btns{
	background-color:#FFFFFF;
	color:#32424f
}

.white-btns:hover{
	border: 2px solid #4e676f;
}

.red-border-btns{
	border: 2px solid #d43e41;
	color: #ad1f22;
}

.white-border-btns{
	border: 2px solid #fff;
	color: #fff;
}
.blue-border-btns{
	border: 2px solid #00c6ff;
	color: #0072bc;
}

.purple-border-btns{
	border: 2px solid #a272be;
	color: #6c4880;
}


.orange-border-btns{
	border: 2px solid #f7941d;
	color: #f15a22;
}

.blue-border-btns{
	border: 2px solid #1960a7;
	color: #084f97;
}
.green-border-btns{
	border: 2px solid #94b75d;
	color: #418527;
}

.white-border-btns:hover,.blue-border-btns:hover, .orange-border-btns:hover, .green-border-btns:hover, .purple-border-btns:hover, .red-border-btns:hover{
	border: 2px solid #939598;
	background: #FFFFFD;
	color: #231f20;
}


.f_Barlow {
    font-family: 'Barlow Semi Condensed'!important;
    font-weight: 800;
    text-transform: uppercase;
    line-height: 1.2 !important;
    
}
.f_Barlow2 {
    font-family: 'Barlow Semi Condensed'!important;
    font-weight: 300;
    text-transform: uppercase;
    line-height: 1.2 !important;
    letter-spacing: 1px;
}

.f_Barlow3 {
    font-family: 'Barlow Semi Condensed'!important;
    font-weight: 300;
    line-height: 1.2 !important;
    letter-spacing: 1px;
}

.f_BarlowA {
    font-family: 'Barlow Semi Condensed'!important;
    font-weight: 600;
    line-height: 1.2 !important;
   
}
.f_BarlowB {
    font-family: 'Barlow Semi Condensed'!important;
    font-weight: 300;
    line-height: 1.2 !important;
    
}

.f_footer_title {
	font-size: 20px;
	text-decoration: none;
	font-weight: lighter;
	color:#333333;
}
.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;
}

.f_more {
	font-family:Arial;
	font-size: 70px;
	text-decoration: none;
	font-weight: lighter;
}
.f_ic {
	font-size: 20px;
	text-decoration: none;
	line-height: 1;
}
.f_t1 {
	font-size: 55px;
	text-decoration: none;
	line-height: 1.2;
}
.f_t2{
	font-size: 40px;
	text-decoration: none;
	line-height: 1.2;
}
.f_t3 {
	font-size: 30px;
	text-decoration: none;
	line-height: 1.2;
}
.f_t4 {
	font-size: 25px;
	text-decoration: none;
	line-height: 1.2;
}

.f_11 {
	font-size: 11px;
	text-decoration: none;
	line-height: 1.5;
}
.f_12 {
	font-size: 12px;
	text-decoration: none;
	line-height: 1;
}
.f_12_b {
	font-size: 12px;
	text-decoration: none;
	line-height: 1.5;
}
.f_13 {
	font-size: 13px;
	text-decoration: none;
	line-height: 1.5;
}
.f_13s {
	font-size: 13px;
	text-decoration: none;
	line-height: 14px;
}
.f_14 {
	font-size: 14px;
	text-decoration: none;
	line-height: 1.5;
}
.f_14s {
	font-size: 14px;
	text-decoration: none;
	line-height: 1;
}
.f_15 {
	font-size: 15px;
	text-decoration: none;
	line-height: 1.5;
}
.f_15s {
	font-size: 15px;
	text-decoration: none;
	line-height: 1;
}
.f_17 {
	font-size: 17px;
	text-decoration: none;
	line-height: 1.5;
}
.f_17s{
	font-size: 18px;
	text-decoration: none;
	line-height: 1.2;
}

.f_18 {
	font-size: 18px;
	text-decoration: none;
	line-height: 1.5;
}
.f_18_s {
	font-size: 18px;
	text-decoration: none;
	line-height: 1;
}

.f_20 {
	font-size: 20px;
	text-decoration: none;
	line-height: 1.5;
}
.f_20_s {
	font-size: 20px;
	text-decoration: none;
	line-height: 1;
}
.f_22 {
	font-size: 22px;
	text-decoration: none;
	line-height: 1.5;
}
.f_22_s {
	font-size: 22px;
	text-decoration: none;
	line-height: 1;
}
.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_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.1;
}
.f_35{
	font-size: 35px;
	text-decoration: none;
	line-height: 1.1;
}

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


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

.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_80{
	font-size: 80px;
	text-decoration: none;
	line-height: 1.1;
}
.f_100{
	font-size: 100px;
	text-decoration: none;
	line-height: 1.1;
}
.f_120{
	font-size: 120px;
	text-decoration: none;
	line-height: 1.1;
}

.f_tagline_landing{
	font-size: 60px;
	text-decoration: none;
	line-height: 1.2;
}


.uppercase {
	text-transform: uppercase;	
    font-family: "Akkurat-Light",Helvetica,Arial,"Lucida Grande",sans-serif;
}
#img2 {
	
	width: 100%;
    margin-left: auto;
	margin-right: auto;
	max-width: initial;
}
#img3 {
	
	width: auto;
    margin-left: auto;
	margin-right: auto;
	max-width: initial;
}
.SizeBeacon {
	width: 100%;
	height: auto;
	padding-bottom: 0px;
	padding-top: 0px;
}
.Size100 {
	width: 100%;
	height: auto;
	padding-bottom: 0px;
	padding-top: 0px;
}
.padding20 {
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
}
.tranWhite {
	background-image: url(../../img/tran_white60.png);
	background-repeat: repeat;
}
.Shadow {
text-shadow: 0px 3px 3px rgba(0,0,0,0.75);
}
.Shadow2 {
text-shadow: 0px 1px 1px rgba(0,0,0,0.9);
}

.ShadowWhite {
text-shadow: 0px 2px 2px rgba(255,255,255,0.9);
}
.ShadowWhite2 {
text-shadow: 0px 1px 1px rgba(255,255,255,0.9);
}
.bullet {	
	font-size: 14px;
	line-height: 17px;
	color: #333333;
	background-image: url(../../img/sq_blue.gif);
	background-repeat: no-repeat;
	background-position: 4px 10px;
	padding-left: 20px;
	text-decoration: none;
}
.bullet2 {
    font-size: 14px;
    line-height: 18px;
	color: #333333;
	background-image: url(../../img/bullet_blue.gif);
	background-repeat: no-repeat;
	background-position: 4px 13px;
	padding-left: 16px;
	text-decoration: none;

}
.icon_app {
	font-size: 80px;
	color: #012d4f;
	text-decoration: none;
	line-height: 85px;
	opacity:0.7;
}
.icon_app:hover {
	color: #ffffff;

}
.captchaImg {
	
	width: 150px;
    margin-left: auto;
	margin-right: auto;
	max-width: initial;
}
.circleUSD2{
	width: 180px;
	height: 180px;
	-moz-border-radius: 90px;
	-webkit-border-radius: 90px;
	border-radius: 90px;
	background-color: #de7e1e;
	border-top-width: 5px;
	border-right-width: 5px;
	border-bottom-width: 5px;
	border-left-width: 5px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #fbd2a9;
	border-right-color: #fbd2a9;
	border-bottom-color: #fbd2a9;
	border-left-color: #fbd2a9;
	color: #fff;
	text-decoration: none;
	font-size: 100px;
	line-height: 20px;
}
.circleUSD{
	width: 160px;
	height: 160px;
	-moz-border-radius: 80px;
	-webkit-border-radius: 80px;
	border-radius: 80px;
	background-color: #de7e1e;
	border-top-width: 5px;
	border-right-width: 5px;
	border-bottom-width: 5px;
	border-left-width: 5px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #fbd2a9;
	border-right-color: #fbd2a9;
	border-bottom-color: #fbd2a9;
	border-left-color: #fbd2a9;
	color: #fff;
	text-decoration: none;
	font-size: 18px;
	line-height: 20px;
}
.circle_Xprofit{
	width: 112px;
	height: 112px;
	-moz-border-radius: 56px;
	-webkit-border-radius: 56px;
	border-radius: 56px;
	background-color: #d71920;
	border-top-width: 5px;
	border-right-width: 5px;
	border-bottom-width: 5px;
	border-left-width: 5px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #f1b9bb;
	border-right-color: #f1b9bb;
	border-bottom-color: #f1b9bb;
	border-left-color: #f1b9bb;
	color: #fff;
	text-decoration: none;
	font-size: 15px;
	line-height: 20px;
}

.circle_Xprofit:hover{
	background-color: #ff9001;
	border-top-color: #fec071;
	border-right-color: #fec071;
	border-bottom-color: #fec071;
	border-left-color: #fec071;
}

.ic_VD {	
	font-size: 60px;
	text-decoration: none;
	color: #ffe400;
	text-shadow:  2px 2px 2px rgba(49,40,27,0.9);
}
.switchcontent {
	font-size: 16px;
	text-decoration: none;
	color: #28659e;
	line-height: 16px;
}
.forminfo {
	font-size: 16px;
	text-decoration: none;
	color: #666666;
	line-height: 16px;
}
.formfill {
	font-size: 14px;
	text-decoration: none;
	color: #666666;
	line-height: 16px;
}
.field {
    border-radius: 4px;
	border-image: none;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	font-size: 16px;
	text-decoration: none;
	line-height: 18px;
	font-family: "Akkurat-Light", Helvetica, Arial, "Lucida Grande", sans-serif;
	padding:7px;
	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;
}
.field2{
	font-size: 15px;
	text-decoration: none;
	line-height: 18px;
	font-family: "Akkurat-Light",Helvetica,Arial,"Lucida Grande",sans-serif;
	padding:9px;
	color: #fff;
    border: none;
    border-bottom: 1px solid #fff;
	background: transparent;

	
}
.field3{
	font-size: 15px;
	text-decoration: none;
	line-height: 18px;
	font-family: "Akkurat-Light",Helvetica,Arial,"Lucida Grande",sans-serif;
	padding:9px;
	color: #fff;
    border: none;
    border-bottom: 1px solid #939598;
	background: transparent;

	
}
.field4{
	font-size: 15px;
	text-decoration: none;
	line-height: 18px;
	font-family: "Akkurat-Light",Helvetica,Arial,"Lucida Grande",sans-serif;
	padding:9px;
	color: #333;
    border: none;
    border-bottom: 1px solid #939598;
	background: transparent;	
}

.videoTitle {
font-family: "Akkurat-Light",Helvetica,Arial,"Lucida Grande",sans-serif;
	font-size: 20px;
	text-decoration: none;
	color: #333333;
	line-height: 22px;
}

.white15LineA {

	color: #003366;
	max-width: none;
	font-size: 16px;
	text-decoration: none;
	font-weight: bold;
	line-height: 17px;
	padding-top: 8px;
	padding-right: 5px;
	padding-bottom: 8px;
	padding-left: 0px;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #61849d;
}
.white15LineB {

	color: #003366;
	max-width: none;
	font-size: 16px;
	text-decoration: none;
	font-weight: bold;
	line-height: 17px;
	padding-top: 8px;
	padding-right: 5px;
	padding-bottom: 8px;
	padding-left: 0px;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #039eba;
}
.white15LineC {

	color: #003366;
	max-width: none;
	
	font-size: 16px;
	text-decoration: none;
	font-weight: bold;
	line-height: 17px;
	padding-top: 8px;
	padding-right: 5px;
	padding-bottom: 8px;
	padding-left: 0px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #bfe5f4;
}
.tablecolorgray {

	color: #333333;
	max-width: none;
	font-size: 16px;
	text-decoration: none;
	font-weight: normal;
	background-color: #eeeeee;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 38px;
	background-image: url(../../images/icon/report.png);
	background-repeat: no-repeat;
	background-position: 10px 7px;
	line-height: 15px;
}
.tablecolorgray:Hover {
	color: #333333;
	max-width: none;
	font-size: 16px;
	text-decoration: none;
	font-weight: normal;
	background-color: #d0dfea;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 38px;
	background-image: url(../../images/icon/report.png);
	background-repeat: no-repeat;
	background-position: 10px 7px;
	line-height: 15px;
}
.tablecolorgray_ar {
	color: #333333;
	max-width: none;
	font-size: 16px;
	text-decoration: none;
	font-weight: normal;
	background-color: #eeeeee;
	padding-top: 10px;
	padding-right: 38px;
	padding-bottom: 10px;
	background-image: url(../../images/icon/report.png);
	background-repeat: no-repeat;
	background-position: right 10px center;
	line-height: 15px;
	text-align: right;
}
.tablecolorgray_ar:Hover {
	background-color: #d0dfea;
}

.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;
}
.section {
	border-radius: 6px;
	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;
}
.benefits {
	border-radius: 0px;
	border-image: none;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	
	font-size: 16px;
	text-decoration: none;
	color: #333333;
	line-height: 18px;
	padding: 10px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
}
.benefitsX {
	border-radius: 0px;
	border-image: none;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	
	font-size: 16px;
	text-decoration: none;
	color: #333333;
	line-height: 18px;
	padding: 10px;
}
.circle {
border-radius: 8px;
}
.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;
}
.storyCircle {
	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;
}
.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;

}
.curveborderWhite:hover{
	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:1;
}
.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;
}
.curveborder2{
	border-radius: 20px;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	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: #e7dbd9;
	border-right-color: #e7dbd9;
	border-bottom-color: #e7dbd9;
	border-left-color: #e7dbd9;
}
.curve{
	border-radius: 8px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}
.iconCurve{
	border-radius: 20px;
	padding: 10px;
	border-width: 1px;
	border-style: solid;
	border-color: #7fdcf8;
}
.curveicon{
	border-radius: 50%;
	-webkit-box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.2);
    box-shadow: 6px 4px 4px rgba(0, 0, 0, 0.2);

}
.curvesq{
	border-radius: 10px;
	-webkit-box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.2);
    box-shadow: 6px 4px 4px rgba(0, 0, 0, 0.2);

}
/*** content size ***/
.content12 {
font-family: "Akkurat-Light",Helvetica,Arial,"Lucida Grande",sans-serif;	
	font-size: 12px;
	text-decoration: none;
	color: #666666;
	line-height: 17px;
}
.content13J {
font-family: "Akkurat-Light",Helvetica,Arial,"Lucida Grande",sans-serif;
	font-size: 16px;
	text-decoration: none;
	color: #666;
	line-height: 22px;
	text-align: justify;
}
.content13_mobile {
font-family: "Akkurat-Light",Helvetica,Arial,"Lucida Grande",sans-serif;
	
	font-size: 16px;
	text-decoration: none;
	color: #ffffff;
	line-height: 20px;
}
.content13 {
font-family: "Akkurat-Light",Helvetica,Arial,"Lucida Grande",sans-serif;
	
	font-size: 16px;
	text-decoration: none;
	color: #666666;
	line-height: 22px;
}
.content13s {
font-family: "Akkurat-Light",Helvetica,Arial,"Lucida Grande",sans-serif;
	
	font-size: 16px;
	text-decoration: none;
	color: #666666;
	line-height: 15px;
}
.content13sw {
font-family: "Akkurat-Light",Helvetica,Arial,"Lucida Grande",sans-serif;
	
	font-size: 16px;
	text-decoration: none;
	color: #FFFFFF;
	line-height: 15px;
}
.content13B {
font-family: "Akkurat-Light",Helvetica,Arial,"Lucida Grande",sans-serif;

	font-size: 16px;
	text-decoration: none;
	color: #333333;
	line-height: 18px;
	font-weight: bold;
}

.content13Bw {
font-family: "Akkurat-Light",Helvetica,Arial,"Lucida Grande",sans-serif;

	
	font-size: 16px;
	text-decoration: none;
	color: #FFFFFF;
	line-height: 22px;
	font-weight: bold;
}
.content15J {
font-family: "Akkurat-Light",Helvetica,Arial,"Lucida Grande",sans-serif;
	font-size: 16px;
	text-decoration: none;
	color: #666;
	line-height: 25px;
	text-align: justify;
}
.content14s {
font-family: "Akkurat-Light",Helvetica,Arial,"Lucida Grande",sans-serif;
	
	font-size: 16px;
	text-decoration: none;
	color: #666666;
	line-height: 16px;
}
.content14 {
font-family: "Akkurat-Light",Helvetica,Arial,"Lucida Grande",sans-serif;
	font-size: 16px;
	text-decoration: none;
	color: #666666;
	line-height: 22px;
}
.contentgreen14 {
font-family: "Akkurat-Light",Helvetica,Arial,"Lucida Grande",sans-serif;
	border-radius: 0px;
	border-image: none;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	font-size: 16px;
	text-decoration: none;
	color: #659a3f;
	font-style:italic;
	line-height: 22px;
}
.content14B {
font-family: "Akkurat-Light",Helvetica,Arial,"Lucida Grande",sans-serif;
	border-radius: 0px;
	border-image: none;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	
	font-size: 16px;
	text-decoration: none;
	color: #333333;
	line-height: 16px;
	font-weight: bold;
}

.content15 {
font-family: "Akkurat-Light",Helvetica,Arial,"Lucida Grande",sans-serif;
	font-size: 16px;
	text-decoration: none;
	color: #333333;
	line-height: 17px;

}
.content16 {
font-family: "Akkurat-Light",Helvetica,Arial,"Lucida Grande",sans-serif;
	font-size: 16px;
	text-decoration: none;
	color: #333333;
	line-height: 18px;
}
.content16B {
font-family: "Akkurat-Light",Helvetica,Arial,"Lucida Grande",sans-serif;
	border-radius: 0px;
	border-image: none;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	
	font-size: 16px;
	text-decoration: none;
	color: #333333;
	line-height: 18px;
	font-weight: bold;
}
.content18B {
font-family: "Akkurat-Light",Helvetica,Arial,"Lucida Grande",sans-serif;
	border-radius: 0px;
	border-image: none;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	font-size: 18px;
	text-decoration: none;
	color: #333333;
	line-height: 20px;
	font-weight: bold;
}
.captcha {
font-family: "Akkurat-Light",Helvetica,Arial,"Lucida Grande",sans-serif;
	text-decoration: none;
	background-image: url(../../images/captcha.jpg);
	background-repeat: no-repeat;
	background-position: center center;
}
.separateLine{
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #868687;
}
.separateLine2{
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #b5b6b7;

}

.highlight {
font-family: "Akkurat-Light",Helvetica,Arial,"Lucida Grande",sans-serif;
	color: #FF6600;
	font-size: 12px;
	text-decoration: none;
	line-height: 13px;
	font-family: "Akkurat-Light",Helvetica,Arial,"Lucida Grande",sans-serif;
}

.beauty {
font-family: "Akkurat-Light",Helvetica,Arial,"Lucida Grande",sans-serif;
	color: #115673;
	max-width: none;
	text-shadow: -1px 0 #fff, 0 1px #fff, 1px 0 #fff, 0 -1px #fff;
	font-size: 20px;
	text-decoration: none;
	font-weight: bold;
	line-height: 30px;
	font-family: "Akkurat-Light",Helvetica,Arial,"Lucida Grande",sans-serif;
}
.forget_pw{
	color: #00acee;
	font-size: 16px;
	text-decoration: none;
	line-height: 16px;
	font-family: "Akkurat-Light",Helvetica,Arial,"Lucida Grande",sans-serif;
}
.pw{
	color: #333333;
	font-size: 16px;
	text-decoration: none;
	line-height: 16px;
	font-family: "Akkurat-Light",Helvetica,Arial,"Lucida Grande",sans-serif;
}
.pw12{
	color: #666666;
	font-size: 12px;
	text-decoration: none;
	line-height: 14px;
	font-family: "Akkurat-Light",Helvetica,Arial,"Lucida Grande",sans-serif;
}
.form {
	color: #303b4d;
	font-size: 16px;
	text-decoration: none;
	line-height: 18px;
	font-family: "Akkurat-Light",Helvetica,Arial,"Lucida Grande",sans-serif;
}
.formfill {
	border-radius: 6px;
	border-image: none;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	font-size: 16px;
	text-decoration: none;
	line-height: 18px;
	font-family: "Akkurat-Light",Helvetica,Arial,"Lucida Grande",sans-serif;
	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: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	color: #004559;
	background-color: #E6F7FF;
}

.lightgray13 {
font-family: "Akkurat-Light",Helvetica,Arial,"Lucida Grande",sans-serif;
	color: #898989;
	font-size: 16px;
	text-decoration: none;
	line-height: 20px;
	font-family: "Akkurat-Light",Helvetica,Arial,"Lucida Grande",sans-serif;
}
.gray13 {
font-family: "Akkurat-Light",Helvetica,Arial,"Lucida Grande",sans-serif;
	color: #58595b;
	font-size: 16px;
	text-decoration: none;
	line-height: 20px;
	font-family: "Akkurat-Light",Helvetica,Arial,"Lucida Grande",sans-serif;
}

.footerLink{
font-family: "Akkurat-Light",Helvetica,Arial,"Lucida Grande",sans-serif;
	color: #038791;
	font-size: 12px;
	text-decoration: none;
	line-height: 14px;
	font-family: "Akkurat-Light",Helvetica,Arial,"Lucida Grande",sans-serif;
}
.footer{
font-family: "Akkurat-Light",Helvetica,Arial,"Lucida Grande",sans-serif;
	color: #a7a9ac;
	font-size: 12px;
	text-decoration: none;
	line-height: 14px;
	font-family: "Akkurat-Light",Helvetica,Arial,"Lucida Grande",sans-serif;
}
.footer2{
font-family: "Akkurat-Light",Helvetica,Arial,"Lucida Grande",sans-serif;
	color: #c3c3c3;
	font-size: 12px;
	text-decoration: none;
	line-height: 14px;
	font-family: "Akkurat-Light",Helvetica,Arial,"Lucida Grande",sans-serif;
}
.sublink{
font-family: "Akkurat-Light",Helvetica,Arial,"Lucida Grande",sans-serif;
	color: #dcddde;
	font-size: 16px;
	text-decoration: none;
	line-height: 15px;
	font-family: "Akkurat-Light",Helvetica,Arial,"Lucida Grande",sans-serif;
}
.subtitle{
font-family: "Akkurat-Light",Helvetica,Arial,"Lucida Grande",sans-serif;
	color: #ebebec;
	font-size: 14px;
	text-decoration: none;
	line-height: 16px;
	font-family: "Akkurat-Light",Helvetica,Arial,"Lucida Grande",sans-serif;
}

.ContactUs{
font-family: "Akkurat-Light",Helvetica,Arial,"Lucida Grande",sans-serif;
	color: #414042;
	font-size: 20px;
	text-decoration: none;
	line-height: 25px;
	font-family: "Akkurat-Light",Helvetica,Arial,"Lucida Grande",sans-serif;
}
.ContactContent{
font-family: "Akkurat-Light",Helvetica,Arial,"Lucida Grande",sans-serif;
	color: #414042;
	font-size: 16px;
	text-decoration: none;
	line-height: 20px;
	font-family: "Akkurat-Light",Helvetica,Arial,"Lucida Grande",sans-serif;
}
.ContactForm{
font-family: "Akkurat-Light",Helvetica,Arial,"Lucida Grande",sans-serif;
	color: #414042;
	font-size: 16px;
	text-decoration: none;
	line-height: 20px;
	font-family: "Akkurat-Light",Helvetica,Arial,"Lucida Grande",sans-serif;
}
.Contact_Highlight{
font-family: "Akkurat-Light",Helvetica,Arial,"Lucida Grande",sans-serif;
	color: #00baf2;
	font-size: 12px;
	text-decoration: none;
	line-height: 14px;
	font-family: "Akkurat-Light",Helvetica,Arial,"Lucida Grande",sans-serif;
}
.ListTitle{
font-family: "Akkurat-Light",Helvetica,Arial,"Lucida Grande",sans-serif;
	color: #00baf2;
	font-size: 20px;
	text-decoration: none;
	line-height: 25px;
	font-family: "Akkurat-Light",Helvetica,Arial,"Lucida Grande",sans-serif;
}

.mainTitleBlack{
font-family: "Akkurat-Light",Helvetica,Arial,"Lucida Grande",sans-serif;
	color: #333333;
	font-size: 30px;
	text-decoration: none;
	line-height: 35px;
	font-family: "Akkurat-Light",Helvetica,Arial,"Lucida Grande",sans-serif;
}
.mainTitle{
font-family: "Akkurat-Light",Helvetica,Arial,"Lucida Grande",sans-serif;
	color: #00baf2;
	font-size: 40px;
	text-decoration: none;
	line-height: 45px;
	font-family: "Akkurat-Light",Helvetica,Arial,"Lucida Grande",sans-serif;
	font-weight: lighter;
}

.mainTitle2{
font-family: "Akkurat-Light",Helvetica,Arial,"Lucida Grande",sans-serif;
	color: #00baf2;
	font-size: 20px;
	text-decoration: none;
	line-height: 22px;
	font-family: "Akkurat-Light",Helvetica,Arial,"Lucida Grande",sans-serif;
	font-weight: lighter;
}
.mainDark{
font-family: "Akkurat-Light",Helvetica,Arial,"Lucida Grande",sans-serif;
	color: #000;
	font-size: 16px;
	text-decoration: none;
	line-height: 20px;
	font-family: "Akkurat-Light",Helvetica,Arial,"Lucida Grande",sans-serif;
}
.mainBlue{
font-family: "Akkurat-Light",Helvetica,Arial,"Lucida Grande",sans-serif;
	color: #00baf2;
	font-size: 20px;
	text-decoration: none;
	line-height: 20px;
	font-family: "Akkurat-Light",Helvetica,Arial,"Lucida Grande",sans-serif;
}
.main{
font-family: "Akkurat-Light",Helvetica,Arial,"Lucida Grande",sans-serif;
	color: #8a9299;
	font-size: 16px;
	text-decoration: none;
	line-height: 20px;
	font-family: "Akkurat-Light",Helvetica,Arial,"Lucida Grande",sans-serif;
	font-weight: lighter;	  
}
.main_Shadow{
font-family: "Akkurat-Light",Helvetica,Arial,"Lucida Grande",sans-serif;
	color: #686f76;
	max-width: none;
	text-shadow:  1px 1px 1px rgba(255,255,255,1);
	font-size: 16px;
	text-decoration: none;
	line-height: 20px;
	font-family: "Akkurat-Light",Helvetica,Arial,"Lucida Grande",sans-serif;
	font-weight: lighter;
	
}
.white36{
font-family: "Akkurat-Light",Helvetica,Arial,"Lucida Grande",sans-serif;
	color: #FFFFFF;
	max-width: none;
	text-shadow: 0px 2px 2px rgba(11,49,70,0.9);
	font-size: 36px;
	text-decoration: none;
	font-weight: bold;
	line-height: 40px;
}
.TitleManage{
font-family: "Akkurat-Light",Helvetica,Arial,"Lucida Grande",sans-serif;
	color: #115673;
	max-width: none;
	text-shadow: -1px 0 #fff, 0 1px #fff, 1px 0 #fff, 0 -1px #fff;
	font-size: 46px;
	text-decoration: none;
	font-weight: bold;
	line-height: 56px;
	font-family: "Akkurat-Light",Helvetica,Arial,"Lucida Grande",sans-serif;
	
}

.TitleWhite{
font-family: "Akkurat-Light",Helvetica,Arial,"Lucida Grande",sans-serif;
	color: #ffffff;
	max-width: none;
	text-shadow:  2px 2px 2px rgba(49,40,27,0.9);
	font-size: 50px;
	text-decoration: none;
	line-height: 55px;
	font-family: "Akkurat-Light",Helvetica,Arial,"Lucida Grande",sans-serif;
	font-weight: lighter;
}
.BannerTitleWhite_c{
font-family: "Akkurat-Light",Helvetica,Arial,"Lucida Grande",sans-serif;
	color: #ffffff;
	max-width: none;
	text-shadow:  2px 2px 2px rgba(49,40,27,0.9);
	font-size: 45px;
	text-decoration: none;
	line-height: 50px;
	font-family: "Akkurat-Light",Helvetica,Arial,"Lucida Grande",sans-serif;
}
.BannerTitleWhite{
font-family: "Akkurat-Light",Helvetica,Arial,"Lucida Grande",sans-serif;
	color: #ffffff;
	max-width: none;
	text-shadow:  2px 2px 2px rgba(49,40,27,0.9);
	font-size: 50px;
	text-decoration: none;
	line-height: 55px;
	font-family: "Akkurat-Light",Helvetica,Arial,"Lucida Grande",sans-serif;
	font-weight: lighter;	
}
.BannerTitleGray{
font-family: "Akkurat-Light",Helvetica,Arial,"Lucida Grande",sans-serif;
	color: #4f5559;
	max-width: none;
	text-shadow:  2px 2px 2px rgba(255,255,255,0.9);
	font-size: 45px;
	text-decoration: none;
	line-height: 50px;
	font-family: "Akkurat-Light",Helvetica,Arial,"Lucida Grande",sans-serif;
	font-weight: lighter;
}

.BannerTitle{
font-family: "Akkurat-Light",Helvetica,Arial,"Lucida Grande",sans-serif;
	color: #ffffff;
	max-width: none;
	text-shadow:  2px 2px 2px rgba(49,40,27,0.9);
	font-size: 35px;
	text-decoration: none;
	line-height: 45px;
	font-family: "Akkurat-Light",Helvetica,Arial,"Lucida Grande",sans-serif;
	height: 550px;
}


.white36_outline {
font-family: "Akkurat-Light",Helvetica,Arial,"Lucida Grande",sans-serif;
	color: #ffffff;
	max-width: none;
	text-shadow: 2px 2px 2px 2px rgba(58,48,35,0.9);
	font-size: 36px;
	text-decoration: none;
	font-weight: bold;
	line-height: 40px;
	font-family: "Akkurat-Light",Helvetica,Arial,"Lucida Grande",sans-serif;
}

.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;
}
.outlineGray {
    border-radius: 5px;
	border-image: none;
	display: block;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	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;
	padding-top: 8px;
	padding-right: 8px;
	padding-bottom: 8px;
	padding-left: 8px;
}




/********************************************************* others****************************************************************/
.icSolution {
	font-size: 80px;
	color: #5b7bb8;

}
.icSolution_circle_hit{
	border-radius: 12px;
	border-image: none;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	background-color: #FFFFFF;
	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: #bcbec0;
	border-right-color: #bcbec0;
	border-bottom-color: #bcbec0;
	border-left-color: #bcbec0;
}
.icSolution_circle {
	border-radius: 12px;
	border-image: none;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	background-image: url(../../img/tran_white.png);
	background-repeat: repeat;
}
.icSolution_circle:hover {
	border-radius: 12px;
	border-image: none;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	background-color: #FFFFFF;
}
.wrapper {
    width: 100%;
   
}

img2 {
	
	width: 100%;
    margin-left: auto;
	margin-right: auto;
	max-width: initial;
}
.text {
    z-index:100;
    position:absolute;    
    color:white;
    font-size:50px;
    font-weight:bold;
  
    
}
.t_mobile{ 
    display: table;
    width: 100%;
	height:550px;
}
.t_eform{
	text-align:center;
	display: table;
	height:700px;
	width: 100%;
	background-image: url(../../img/bg_eform.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: 100%;
	
}

.t_700{ 
    display: table;
    width: 100%;
	height:700px;
}

.t_750{ 
    display: table;
    width: 100%;
	height:750px;
}

.t_600{ 
    display: table;
    width: 100%;
	height:600px;
}
.t_offer{ 
    display: table;
    width: 100%;
	height:400px;
}
.t_offer2{ 
    display: table;
    width: 100%;
	height:450px;
}

.t_offerX{ 
    display: table;
    width: 100%;
	height:500px;
}

.t_ta{ 
    display: table;
    width: 100%;
	
}
.t_workforce{ 
    display: table;
    width: 100%;
	min-height:650px;
	
}
.t_apps{ 
    display: table;
    width: 100%;
	height:150px;
}
.t_MobileApp{ 
    display: table;
    width: 100%;
	height:800px;
}
.t_MobileApp2{ 
    display: table;
    width: 100%;
	height:800px;
}
.t_support{
    padding-top:30%;
    display: table;
    width: 100%;
	height:auto;
}
.t_CloudTech{
    padding-top:150px;
    text-align:center;
    display: table;
    width: 100%;
	min-height:800px;
}
.t_centerBiometrics{
    padding:10px;
    text-align:center;
    display: table;
    width: 100%;
	height:850px;
}
.t_getstarted{
    text-align:center;
    display: table;
    width: 100%;
	height:450px;
}
.t_pricing{
    
    display: table;
    width: 100%;
	height:450px;
}
.t_banner_500h{

    text-align:center;
    display: table;
    width: 100%;
	height:450px;
}
.t_banner_200{
    text-align:center;
    display: table;
    width: 100%;
	height:200px;
}
.t_banner_300{
    text-align:center;
    display: table;
    width: 100%;
	height:300px;
}
.t_banner_400{

    text-align:center;
    display: table;
    width: 100%;
	height:400px;
}
.t_banner_500{

    text-align:center;
    display: table;
    width: 100%;
	height:450px;
}
.t_banner{
 
    text-align:center;
    display: table;
    width: 100%;
	height:500px;
}
.t_right{
    padding:5px;
    text-align:right;
    display: table;
    width: 100%;
}
.t_left{
    padding:5px;
    text-align:left;
    display: table;
    width: 100%;
}
.t_center{
    padding:5px;
    text-align:center;
    display: table;
    width: 100%;
}
.t_freetrial{
    text-align:center;
    display: table;
    width: 100%;
	height:450px;
}

.t_signup{
    padding-top:5%;
    text-align:center;
    display: table;
    width: 100%;
	height:600px;
}
.t_mobile_att{
    padding:20px;
    text-align:center;
    display: table;
    width: 100%;

}
.t_marketing{
    text-align:center;
    display: table;
    width: 100%;
	height:500px;
}
.t_testimonials{
    display: table;
    width: 100%;
	height:350px;
}

.t_GRP{
    display: table;
    width: 100%;
	height:500px;
}
.t_ta_leave{
    display: table;
    width: 100%;
	height:450px;
}
.t_150x{
    display: table;
    width: 100%;
	height:150px;
}
.t_200x{
    display: table;
    width: 100%;
	height:200px;
}
.t_300x{
    display: table;
    width: 100%;
	height:300px;
}
.t_400x{
    display: table;
    width: 100%;
	height:400px;
}
.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;
}
/*********************** sign up icon **************************/
#BtnCondo{
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	padding-left: 35px;
	background-color: #ededed;
	background-image: url(../../images/ic_condo.png);
	background-repeat: no-repeat;
	background-position: 10px;
	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: #9ba8ab;
	border-right-color: #9ba8ab;
	border-bottom-color: #9ba8ab;
	border-left-color: #9ba8ab;
	height: 36px;
	font-family: "Akkurat-Light",Helvetica,Arial,"Lucida Grande",sans-serif;
	font-size: 16px;
	color: #495b5f;
}
#BtnEmail{
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	padding-left: 35px;
	background-color: #ededed;
	background-image: url(../../images/ic_email.png);
	background-repeat: no-repeat;
	background-position: 10px;
	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: #9ba8ab;
	border-right-color: #9ba8ab;
	border-bottom-color: #9ba8ab;
	border-left-color: #9ba8ab;
	height: 36px;
	font-family: "Akkurat-Light",Helvetica,Arial,"Lucida Grande",sans-serif;
	font-size: 16px;
	color: #495b5f;
}
#BtnUser {
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	padding-left: 35px;
	background-color: #ededed;
	background-image: url(../../images/user.gif);
	background-repeat: no-repeat;
	background-position: 10px;
	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: #9ba8ab;
	border-right-color: #9ba8ab;
	border-bottom-color: #9ba8ab;
	border-left-color: #9ba8ab;
	height: 36px;
	font-family: "Akkurat-Light",Helvetica,Arial,"Lucida Grande",sans-serif;
	font-size: 16px;
	color: #495b5f;
}
#BtnPw {
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	padding-left: 35px;
	background-color: #ededed;
	background-image: url(../../images/key.gif);
	background-repeat: no-repeat;
	background-position: 10px;
	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: #9ba8ab;
	border-right-color: #9ba8ab;
	border-bottom-color: #9ba8ab;
	border-left-color: #9ba8ab;
	height: 36px;
	font-family: "Akkurat-Light",Helvetica,Arial,"Lucida Grande",sans-serif;
	font-size: 16px;
	color: #495b5f;
}
#BtnResetPw {
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	padding-left: 35px;
	background-color: #ededed;
	background-image: url(../../images/resetpw.gif);
	background-repeat: no-repeat;
	background-position: 10px;
	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: #9ba8ab;
	border-right-color: #9ba8ab;
	border-bottom-color: #9ba8ab;
	border-left-color: #9ba8ab;
	height: 36px;
	font-family: "Akkurat-Light",Helvetica,Arial,"Lucida Grande",sans-serif;
	font-size: 16px;
	color: #495b5f;
}
#captcha-form {
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	padding-left: 35px;
	background-color: #ededed;
	background-image: url(../../images/verification.png);
	background-repeat: no-repeat;
	background-position: 10px;
	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: #9ba8ab;
	border-right-color: #9ba8ab;
	border-bottom-color: #9ba8ab;
	border-left-color: #9ba8ab;
	height: 36px;
	font-family: "Akkurat-Light",Helvetica,Arial,"Lucida Grande",sans-serif;
	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: 16px;
	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 ********************************/
.BtnMiddleBlue {
	background: -webkit-linear-gradient(#39bad9, #0b579f); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#39bad9, #0b579f); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#39bad9, #0b579f); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#39bad9, #0b579f); /* Standard syntax */
	border-radius: 4px;
	border-image: none;
	display: block;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	padding-top: 8px;
	padding-right: 15px;
	padding-bottom: 8px;
	padding-left: 15px;
	
	color: #FFFFFF;
	text-decoration: none;
	-webkit-box-shadow: 0px 3px 5px 0px rgba(35,31,32,0.4);
	-moz-box-shadow: 0px 3px 5px 0px rgba(35,31,32,0.4);
	box-shadow: 0px 4px 5px 0px rgba(35,31,32,0.4);
	font-size: 13px/16px;
	line-height: normal;
	margin-left: 3px;
	margin-top: 3px;
}
.ButtonBlue{
	border-radius: 6px;
	border-image: none;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	font-family: "Akkurat-Light",Helvetica,Arial,"Lucida Grande",sans-serif;
	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: #00baf2;
	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;
}
.ButtonBlue:Hover{
	color: #FFFFFF;
	background-color: #687f80;
	
}
.BtnJoin {
	background: -webkit-linear-gradient(#e9e9e9, #ffffff); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#e9e9e9, #ffffff); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#e9e9e9, #ffffff); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#e9e9e9, #ffffff); /* Standard syntax */
	border-image: none;
	display: block;
	border-top-left-radius:6px; border-bottom-left-radius:6px;border-top-right-radius:6px; border-bottom-right-radius:6px;
	padding-top: 10px;
	padding-right: 15px;
	padding-bottom: 10px;
	padding-left: 15px;
	color: #FFFFFF;
	text-decoration: none;
	font-family: "Akkurat-Light",Helvetica,Arial,"Lucida Grande",sans-serif;
	-webkit-box-shadow: 0px 2px 4px 0px rgba(35,31,32,0.4);
	-moz-box-shadow: 0px 2px 4px 0px rgba(35,31,32,0.4);
	box-shadow: 0px 3px 4px 0px rgba(35,31,32,0.4);
	font-size: 20px;
	line-height: normal;
	margin-left: 3px;
	margin-top: 3px;
}
.BtnJoin:Hover {
	background: -webkit-linear-gradient(#c9e3fd, #ffffff); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#c9e3fd, #ffffff); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#c9e3fd, #ffffff); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#c9e3fd, #ffffff); /* Standard syntax */
	border-image: none;
	display: block;
	border-top-left-radius:6px; border-bottom-left-radius:6px;border-top-right-radius:6px; border-bottom-right-radius:6px;
	padding-top: 10px;
	padding-right: 15px;
	padding-bottom: 10px;
	padding-left: 15px;
	color: #FFFFFF;
	text-decoration: none;
	font-family: "Akkurat-Light",Helvetica,Arial,"Lucida Grande",sans-serif;
	-webkit-box-shadow: 0px 2px 4px 0px rgba(35,31,32,0.4);
	-moz-box-shadow: 0px 2px 4px 0px rgba(35,31,32,0.4);
	box-shadow: 0px 3px 4px 0px rgba(35,31,32,0.4);
	font-size: 20px;
	line-height: normal;
	margin-left: 3px;
	margin-top: 3px;
}
.btnhand {
	border-width: 1px;
	border-style: solid;
	border-color: #55a4cc;
	border-radius: 4px;
	border-image: none;
	color: rgb(51, 51, 51);
	line-height: 18px;
	font-size: 16px;
	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(255,255,255,0.75);
	background: -webkit-linear-gradient(#00c8fe, #3095fc); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#00c8fe, #3095fc); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#00c8fe, #3095fc); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#00c8fe, #3095fc); /* Standard syntax */
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-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: 3px;
	padding-bottom: 3px;
	padding-left: 6px;
	padding-right: 6px;
	
	margin: 3px;
}
.btnSharpBlue {
	border-width: 1px;
	border-style: solid;
	border-color: #55a4cc;
	border-radius: 4px;
	border-image: none;
	color: rgb(51, 51, 51);
	line-height: 18px;
	font-size: 16px;
	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(255,255,255,0.75);
	background: -webkit-linear-gradient(#00c8fe, #3095fc); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#00c8fe, #3095fc); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#00c8fe, #3095fc); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#00c8fe, #3095fc); /* Standard syntax */
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-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: 3px;
	padding-bottom: 3px;
	
	margin: 3px;
}
.btnSharpBlue:Hover {
	border-width: 1px;
	border-style: solid;
	border-color: #55a4cc;
	border-radius: 4px;
	border-image: none;
	color: rgb(51, 51, 51);
	line-height: 18px;
	font-size: 16px;
	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(255,255,255,0.75);
	background: -webkit-linear-gradient(#3095fc, #00c8fe); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#3095fc, #00c8fe); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#3095fc, #00c8fe); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#3095fc, #00c8fe); /* Standard syntax */
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-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: 3px;
	padding-bottom: 3px;
	
	margin: 3px;
}

.B_Red{
	border-radius: 30px;
	border-image: none;
	-moz-border-radius: 30px;
	-webkit-border-radius: 30px;
	max-width: none;
	padding: 8px 40px;
	color: #FFFFFF;
	text-decoration: none;
	background-color: #f05258;
	border-style: none;
	font-size:20px;
}
.B_Red:Hover{
	background-color: #333;
}
.B_GBlue{
	border-radius: 30px;
	border-image: none;
	-moz-border-radius: 30px;
	-webkit-border-radius: 30px;
	max-width: none;
	padding: 8px 40px;
	color: #FFFFFF;
	text-decoration: none;
	background-color: #48cad6;
	border-style: none;
	font-size:20px;
}
.B_GBlue:Hover{
	background-color: #333;
}
.B_LGreen{
	border-radius: 30px;
	border-image: none;
	-moz-border-radius: 30px;
	-webkit-border-radius: 30px;
	max-width: none;
	padding: 8px 40px;
	color: #FFFFFF;
	text-decoration: none;
	background-color: #48d591;
	border-style: none;
	font-size:20px;
}
.B_LGreen:Hover{
	background-color: #333;
}
.B_Blue{
	border-radius: 8px;
	border-image: none;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	max-width: none;
	padding-top: 10px;
	padding-right: 28px;
	padding-bottom: 10px;
	padding-left: 28px;
	color: #FFFFFF;
	text-decoration: none;
	background-color: #00baf2;
}
.B_Blue:hover{
	border-radius: 8px;
	border-image: none;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	max-width: none;
	padding-top: 10px;
	padding-right: 28px;
	padding-bottom: 10px;
	padding-left: 28px;
	color: #FFFFFF;
	text-decoration: none;
	background-color: #97bcc9;
}

.B_Green{
	border-radius: 8px;
	border-image: none;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	max-width: none;
	padding-top: 10px;
	padding-right: 28px;
	padding-bottom: 10px;
	padding-left: 28px;
	color: #FFFFFF;
	text-decoration: none;
	background-color: #1bbea1;
}
.B_Green:hover{
	border-radius: 8px;
	border-image: none;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	max-width: none;
	padding-top: 10px;
	padding-right: 28px;
	padding-bottom: 10px;
	padding-left: 28px;
	color: #FFFFFF;
	text-decoration: none;
	background-color: #aad0c9;
}

.B_Orange{
	border-radius: 8px;
	border-image: none;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	max-width: none;
	padding-top: 10px;
	padding-right: 28px;
	padding-bottom: 10px;
	padding-left: 28px;
	color: #FFFFFF;
	text-decoration: none;
	background-color: #ff9000;
}
.B_Orange:hover{
	border-radius: 8px;
	border-image: none;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	max-width: none;
	padding-top: 10px;
	padding-right: 28px;
	padding-bottom: 10px;
	padding-left: 28px;
	color: #FFFFFF;
	text-decoration: none;
	background-color: #ff4800;
}
.Button{
	border-radius: 20px;
	border-image: none;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	font-family: "Akkurat-Light",Helvetica,Arial,"Lucida Grande",sans-serif;
	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: #00baf2;
	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;
}
.Button:Hover{
	border-radius: 6px;
	border-image: none;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	font-family: "Akkurat-Light",Helvetica,Arial,"Lucida Grande",sans-serif;
	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: #687f80;
	font-weight: bold;
	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;
}

.Btn_white{
	border-radius: 6px;
	border-image: none;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	font-family: "Akkurat-Light",Helvetica,Arial,"Lucida Grande",sans-serif;
	max-width: none;
	background-image: url(../../images/trans_white.png);
	background-repeat: repeat;
	padding-top: 15px;
	padding-right: 20px;
	padding-bottom: 15px;
	padding-left: 20px;
	font-size: 18px;
	color: #333333;
	text-decoration: none;
	line-height: 20px;
}
.Btn_white:Hover{
	border-radius: 6px;
	border-image: none;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	font-family: "Akkurat-Light",Helvetica,Arial,"Lucida Grande",sans-serif;
	max-width: none;
	padding-top: 15px;
	padding-right: 20px;
	padding-bottom: 15px;
	padding-left: 20px;
	font-size: 18px;
	color: #333333;
	text-decoration: none;
	line-height: 20px;
	background-color: #FFFFFF;
}
.Btn_green{
	border-radius: 6px;
	border-image: none;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	font-family: "Akkurat-Light",Helvetica,Arial,"Lucida Grande",sans-serif;
	max-width: none;
	background-image: url(../../images/trans_white.png);
	background-repeat: repeat;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
	font-size: 16px;
	color: #15b5bc;
	text-decoration: none;
	line-height: 20px;
}

.btnGra {
	border-width: 1px;
	border-style: solid;
	border-color: #bfbfbf;
	border-radius: 4px;
	border-image: none;
	color: #c2c2c2;
	line-height: 18px;
	font-size: 16px;
	vertical-align: middle;
	cursor: pointer;
	text-shadow: 0px 0px 0px rgba(174,174,172,0.8);
    background: -webkit-linear-gradient(#fbfbfb, #c2c2c2); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#fbfbfb, #c2c2c2); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#fbfbfb, #c2c2c2); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#fbfbfb, #c2c2c2); /* Standard syntax */
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	padding-top: 3px;
	padding-bottom: 3px;
	margin: 3px;
}
.btnGra:Hover {
	border-width: 1px;
	border-style: solid;
	border-color: #bfbfbf;
	border-radius: 4px;
	border-image: none;
	color: #c2c2c2;
	line-height: 18px;
	font-size: 16px;
	vertical-align: middle;
	cursor: pointer;
	text-shadow: 0px 0px 0px rgba(174,174,172,0.8);
    background: -webkit-linear-gradient(#c2c2c2, #fbfbfb); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#c2c2c2, #fbfbfb); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#c2c2c2, #fbfbfb); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#c2c2c2, #fbfbfb); /* Standard syntax */
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	padding-top: 3px;
	padding-bottom: 3px;
	margin: 3px;
}
.btnPRed {
	border-width: 1px;
	border-style: solid;
	border-color: #c42a41;
	border-radius: 4px;
	border-image: none;
	text-align: center;
	color: rgb(51, 51, 51);
	line-height: 18px;
	font-size: 16px;
	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(255,255,255,0.75);
	background: -webkit-linear-gradient(#e64c64, #cf3950); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#e64c64, #cf3950); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#e64c64, #cf3950); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#e64c64, #cf3950); /* Standard syntax */
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-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: 8px;
	padding-bottom: 8px;
	
}
.btnPRed:Hover {
	background: -webkit-linear-gradient(#cf3950, #e64c64); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#cf3950, #e64c64); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#cf3950, #e64c64); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#cf3950, #e64c64); /* Standard syntax */

}
.btnYellow {
	border-width: 1px;
	border-style: solid;
	border-color: #bbbbbb;
	border-radius: 4px;
	border-image: none;
	text-align: center;
	color: rgb(51, 51, 51);
	line-height: 18px;
	font-size: 16px;
	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(255,255,255,0.75);
	background: -webkit-linear-gradient(#fdc75e, #fdc75e); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#fdd78e, #fdc75e); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#fdd78e, #fdc75e); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#fdd78e, #fdc75e); /* Standard syntax */
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-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: 8px;
	padding-bottom: 8px;
	
}
.btnYellow:Hover{
	border-width: 1px;
	border-style: solid;
	border-color: #bbbbbb;
	border-radius: 4px;
	border-image: none;
	text-align: center;
	color: rgb(51, 51, 51);
	line-height: 18px;
	font-size: 16px;
	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(255,255,255,0.75);
	background: -webkit-linear-gradient(#fdc75e, #fdc75e); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#fdc75e, #fdc75e); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#fdc75e, #fdc75e); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#fdc75e, #fdc75e); /* Standard syntax */
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-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: 8px;
	padding-bottom: 8px;
	
}
/***** Adjust vertical Middle *****/
/*
#wrapper {
	transition: all 0.3s ease;
	width:100%;
	top:0;
	left:0;
    display:inline-block;
    overflow:hidden;
}

#wrapper.behind {
	position: relative;
	transform: scale(0.8) translateY(-5%);
}

*/
header {
	background: url('../../img/bnr/bg_main.jpg') no-repeat center center;
	background-size:cover;
	position: relative;
	overflow: hidden;
	height:100vh;
}

.table {
    width:100%;
    height:100%;
    position:absolute;
    display:table;
	
	
}
.table1 {
 vertical-align:middle;
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.table2 {
 vertical-align:bottom;
  position: relative;

  /*
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);*/
}
.cell {
    display:table-cell;
    vertical-align:middle;
    width:100%;
    height:100%;
	text-align:center;	
	

}
.cell2 {
    display:table-cell;
    vertical-align:bottom;
    width:100%;
    height:100%;
	text-align:center;	
	padding-bottom:100px;

}
/**** vertical 2 ****/
.outer {
    display: table;
    position: absolute;
    height: 100%;
    width: 100%;
}

.middle {
    display: table-cell;
    vertical-align: middle;
}

.inner {
    margin-left: auto;
    margin-right: auto; 
    width: /*whatever width you want*/;
}
/***** End Adjust vertical Middle *****/



.titlelight {
    color: #cbcbcb;
    font-size: 13px;
    text-decoration: none;
    line-height: 16px;
    font-family: "Akkurat-Light";
}


.LGray {
    color: #707377;
}
/*********************** Slide *********************************/
#slider-container {
	position: relative;
}

.containerBnr {
    top: 50%;
    position:relative;
    vertical-align:middle;
    text-align:center;
	background-position: center center;
	height:auto;
	
}
.container {
	padding: 10px 10px 10px 10px;
	top: 40%;
	width: 100%;
	position: relative;
	background-position: center center;
	
	
}
.container2 {
	padding: 10px 10px 10px 10px;
	top: 15%;
	width: 100%;
	position: relative;
	background-position: center center;
}
.container3 {
	padding: 10px 10px 10px 10px;
	top: 30%;
	width: 100%;
	position: relative;
	background-position: center center;
}


.container_ta {
  display: table;
  height: 100%;
  position: absolute;
  overflow: hidden;
  width: 100%;}
  
.helper_ta {
  #position: absolute; /*a variation of an "lte ie7" hack*/
  top: 50%;
  display: table-cell;
  vertical-align: bottom;}
  
.content_ta {
  #position: relative;
  top: -50%;
  margin:0 auto;
  width:100%;}
  
  
  
.content-a {
    display:table;
}
.content-b {
    display:table-cell;
    position:relative;
    vertical-align:middle;
    text-align:center;
}


.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;
}
.ic_LearnMore {
	text-align: center;
	background-image: url(https://www.timetecta.com/templates/layout/img/ic_ebook.png);
	background-repeat: no-repeat;
	background-position: center center;
	width: 50px;
	height: 45px;
}
.welcome {
	text-align: center;
	background-image: url(../../images/tagline.png);
	background-repeat: no-repeat;
	background-position: center center;
}
.gray11 {
	color: #666666;
	max-width: none;
	
	font-size: 11px;
	text-decoration: none;
	font-weight: normal;
	line-height: 12px;
}
.gray12 {
	color: #666666;
	max-width: none;
	
	font-size: 12px;
	text-decoration: none;
	font-weight: normal;
	line-height: 14px;
}
.gray13 {
	color: #666666;
	max-width: none;
	font-family: "Akkurat-Light",Helvetica,Arial,"Lucida Grande",sans-serif;
	font-size: 16px;
	text-decoration: none;
	font-weight: normal;
	line-height: 15px;
}
.gray14 {
	color: #666666;
	font-family: "Akkurat-Light",Helvetica,Arial,"Lucida Grande",sans-serif;
	font-size: 16px;
	text-decoration: none;
	line-height: 20px;
}

.gray15 {
	color: #666666;
	max-width: none;
	font-family: "Akkurat-Light",Helvetica,Arial,"Lucida Grande",sans-serif;
	font-size: 16px;
	text-decoration: none;
	font-weight: normal;
	line-height: 21px;
}
.gray16 {
	color: #333;
	max-width: none;
	font-size: 16px;
	font-family: "Akkurat-Light",Helvetica,Arial,"Lucida Grande",sans-serif;
	text-decoration: none;
	font-weight: normal;
	line-height: 22px;
}
.gray18 {
	color: #333333;
	max-width: none;
	font-size: 18px;
	text-decoration: none;
	font-family: "Akkurat-Light",Helvetica,Arial,"Lucida Grande",sans-serif;
	font-weight: normal;
	line-height: 20px;
}
.gray20 {
	color: #333333;
	max-width: none;
	font-size: 20px;
	font-family: "Akkurat-Light",Helvetica,Arial,"Lucida Grande",sans-serif;
	text-decoration: none;
	font-weight: normal;
	line-height: 20px;
}
.gray30 {
	color: #333333;
	max-width: none;
	font-size: 30px;
	text-decoration: none;
	font-weight: normal;
	font-family: "Akkurat-Light",Helvetica,Arial,"Lucida Grande",sans-serif;
	line-height: 35px;
}
.gray18_cn {
	color: #333333;
	max-width: none;
	font-size: 19px;
	text-decoration: none;
	font-weight: normal;
	line-height: 22px;
	font-family: "Arial", "Microsoft YaHei", "u5FAEu8F6Fu96C5u9ED1", "SimSun", "u5B8Bu4F53";
}
.White14 {	
	font-size: 16px;
	font-family: "Akkurat-Light",Helvetica,Arial,"Lucida Grande",sans-serif;
	text-decoration: none;
	color: #ffffff;
	line-height: 16px;
}
.White20 {	
	font-size: 20px;
	font-family: "Akkurat-Light",Helvetica,Arial,"Lucida Grande",sans-serif;
	text-decoration: none;
	color: #ffffff;
	line-height: 25px;
}
.White20_shadow {	
	font-size: 20px;
	font-family: "Akkurat-Light",Helvetica,Arial,"Lucida Grande",sans-serif; 
	text-decoration: none;
	color: #ffffff;
	line-height: 25px;
	text-shadow:  2px 2px 2px rgba(49,40,27,0.9);
}
.White25 {	
	font-size: 25px;
	font-family: "Akkurat-Light",Helvetica,Arial,"Lucida Grande",sans-serif;
	text-decoration: none;
	color: #ffffff;
	line-height: 30px;
}
.White25_shadow {	
    font-family: "Akkurat-Light",Helvetica,Arial,"Lucida Grande",sans-serif;
	font-size: 25px;
	text-decoration: none;
	color: #ffffff;
	line-height: 30px;
	text-shadow:  2px 2px 2px rgba(49,40,27,0.9);
}
.White30 {	
    font-family: "Akkurat-Light",Helvetica,Arial,"Lucida Grande",sans-serif;
	font-size: 30px;
	text-decoration: none;
	color: #ffffff;
	line-height: 35px;
}

.White35_shadow {	
    font-family: "Akkurat-Light",Helvetica,Arial,"Lucida Grande",sans-serif;
	font-size: 35px;
	text-decoration: none;
	color: #ffffff;
	line-height: 40px;
	text-shadow:  2px 2px 2px rgba(49,40,27,0.9);
}
.White40 {	
    font-family: "Akkurat-Light",Helvetica,Arial,"Lucida Grande",sans-serif;
	font-size: 40px;
	text-decoration: none;
	color: #ffffff;
	line-height: 45px;
}
.White40_shadow {	
	font-size: 40px;
	text-decoration: none;
	color: #ffffff;
	line-height: 45px;
	text-shadow:  2px 2px 2px rgba(49,40,27,0.9);
}
.White50 {	
	font-size: 50px;
	text-decoration: none;
	color: #ffffff;
	line-height: 55px;
}
.White50_shadow{
font-family: "Akkurat-Light",Helvetica,Arial,"Lucida Grande",sans-serif;	
	font-size: 50px;
	text-decoration: none;
	color: #ffffff;
	line-height: 55px;
	text-shadow:  2px 2px 2px rgba(49,40,27,0.9);
}
.White60_shadow{
font-family: "Akkurat-Light",Helvetica,Arial,"Lucida Grande",sans-serif;	
	font-size: 60px;
	text-decoration: none;
	color: #ffffff;
	line-height: 65px;
	text-shadow:  2px 2px 2px rgba(49,40,27,0.9);
}
.DBlue13{
font-family: "Akkurat-Light",Helvetica,Arial,"Lucida Grande",sans-serif;	
	font-size: 16px;
	text-decoration: none;
	color: #5b7bb7;
	line-height: 15px;

}
.DBlue14{
font-family: "Akkurat-Light",Helvetica,Arial,"Lucida Grande",sans-serif;	
	font-size: 16px;
	text-decoration: none;
	color: #5b7bb7;
	line-height: 16px;

}
.Red23 {
font-family: "Akkurat-Light",Helvetica,Arial,"Lucida Grande",sans-serif;	
	font-size: 23px;
	text-decoration: none;
	color: #c4161c;
	line-height: 25px;

}
.DBlue20 {
font-family: "Akkurat-Light",Helvetica,Arial,"Lucida Grande",sans-serif;	
	font-size: 20px;
	text-decoration: none;
	color: #5b7bb7;
	line-height: 25px;

}
.DBlue25 {
font-family: "Akkurat-Light",Helvetica,Arial,"Lucida Grande",sans-serif;	
	font-size: 25px;
	text-decoration: none;
	color: #5b7bb7;
	line-height: 30px;

}
.DBlue30 {
font-family: "Akkurat-Light",Helvetica,Arial,"Lucida Grande",sans-serif;	
	font-size: 25px;
	text-decoration: none;
	color: #5b7bb7;
	line-height: 35px;

}
.DBlue35 {
font-family: "Akkurat-Light",Helvetica,Arial,"Lucida Grande",sans-serif;	
	font-size: 35px;
	text-decoration: none;
	color: #5b7bb7;
	line-height: 45px;
}

.DBlue40 {
font-family: "Akkurat-Light",Helvetica,Arial,"Lucida Grande",sans-serif;	
	font-size: 40px;
	text-decoration: none;
	color: #5b7bb7;
	line-height: 45px;
}

.DBlue50 {
font-family: "Akkurat-Light",Helvetica,Arial,"Lucida Grande",sans-serif;	
	font-size: 50px;
	text-decoration: none;
	color: #5b7bb7;
	line-height: 55px;
}
.DBlue55 {
font-family: "Akkurat-Light",Helvetica,Arial,"Lucida Grande",sans-serif;	
	font-size: 55px;
	text-decoration: none;
	color: #5b7bb7;
	line-height: 60px;
}
.DBlue60 {
font-family: "Akkurat-Light",Helvetica,Arial,"Lucida Grande",sans-serif;	
	font-size: 60px;
	text-decoration: none;
	color: #5b7bb7;
	line-height: 65px;
}
.Dgray15 {
font-family: "Akkurat-Light",Helvetica,Arial,"Lucida Grande",sans-serif;	
	font-size: 16px;
	text-decoration: none;
	color: #333;
	line-height: 20px;
}
.Dgray20 {
font-family: "Akkurat-Light",Helvetica,Arial,"Lucida Grande",sans-serif;	
	font-size: 20px;
	text-decoration: none;
	color: #333;
	line-height: 25px;
}
.Dgray30 {
font-family: "Akkurat-Light",Helvetica,Arial,"Lucida Grande",sans-serif;	
	font-size: 30px;
	text-decoration: none;
	color: #333;
	line-height: 35px;
}
.Dgray35 {
font-family: "Akkurat-Light",Helvetica,Arial,"Lucida Grande",sans-serif;	
	font-size: 35px;
	text-decoration: none;
	color: #333;
	line-height: 40px;
}
.Dgray40 {
font-family: "Akkurat-Light",Helvetica,Arial,"Lucida Grande",sans-serif;	
	font-size: 40px;
	text-decoration: none;
	color: #333;
	line-height: 45px;
}
.Dgray50 {
font-family: "Akkurat-Light",Helvetica,Arial,"Lucida Grande",sans-serif;	
	font-size: 50px;
	text-decoration: none;
	color: #333;
	line-height: 55px;
}
.LightBlue11 {
font-family: "Akkurat-Light",Helvetica,Arial,"Lucida Grande",sans-serif;
	
	font-size: 11px;
	line-height: 12px;
	text-decoration: none;
	color: #099ed5;
}

.LightBlue13 {
font-family: "Akkurat-Light",Helvetica,Arial,"Lucida Grande",sans-serif;
	font-size: 16px;
	line-height: 15px;
	text-decoration: none;
	color: #099ed5;
}
.LightBlue14B {
font-family: "Akkurat-Light",Helvetica,Arial,"Lucida Grande",sans-serif;
	font-size: 16px;
	line-height: 16px;
	text-decoration: none;
	color: #099ed5;
	font-weight: bold;
}
.LightBlue14 {
font-family: "Akkurat-Light",Helvetica,Arial,"Lucida Grande",sans-serif;
	border-radius: 0px;
	border-image: none;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	font-size: 16px;
	text-decoration: none;
	color: #1379be;
	font-weight: normal;
	line-height: 23px;
}
.LightBlue15 {
font-family: "Akkurat-Light",Helvetica,Arial,"Lucida Grande",sans-serif;
	border-radius: 0px;
	border-image: none;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	font-size: 16px;
	line-height: 18px;
	text-decoration: none;
	color: #1379be;
	font-weight: bold;
}

.LightBlue16B {
font-family: "Akkurat-Light",Helvetica,Arial,"Lucida Grande",sans-serif;
	
	font-size: 16px;
	line-height: 18px;
	text-decoration: none;
	color: #099ed5;
	font-weight: bold;
}
.LightBlue18B {
font-family: "Akkurat-Light",Helvetica,Arial,"Lucida Grande",sans-serif;
	
	font-size: 18px;
	line-height: 20px;
	text-decoration: none;
	color: #099ed5;
	font-weight: bold;
}
.LightBlue20 {
font-family: "Akkurat-Light",Helvetica,Arial,"Lucida Grande",sans-serif;
	
	font-size: 20px;
	line-height: 22px;
	text-decoration: none;
	color: #099ed5;
}
.LightBlue22B {
font-family: "Akkurat-Light",Helvetica,Arial,"Lucida Grande",sans-serif;
	
	font-size: 22px;
	line-height: 24px;
	text-decoration: none;
	color: #099ed5;
	font-weight: bold;
}
.LightBlue26 {
font-family: "Akkurat-Light",Helvetica,Arial,"Lucida Grande",sans-serif;
	
	font-size: 26px;
	line-height: 27px;
	text-decoration: none;
	color: #099ed5;
	font-weight: bold;
}
.LightBlue35 {
font-family: "Akkurat-Light",Helvetica,Arial,"Lucida Grande",sans-serif;

	font-weight: 300;
	font-size: 35px;
	color: #42b7dd;
	line-height: 36px;
	text-decoration: none;
}

.LightBlue55 {
font-family: "Akkurat-Light",Helvetica,Arial,"Lucida Grande",sans-serif;
	
	font-size: 55px;
	color: #42b7dd;
	line-height: 55px;
	text-decoration: none;
}

/**************** 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: 16px;
}
.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: #414042;
	max-width: none;
	font-size: 40px;
	text-decoration: none;
	line-height: 45px;
}
.greyrajdhani50_shadow{
	font-family: 'Rajdhani', sans-serif;
	text-shadow: 0px 2px 2px rgba(255,255,255,0.8);
	color: #414042;
	max-width: none;
	font-size: 50px;
	text-decoration: none;
	line-height: 55px;
}
.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;
}


/************************************************************  VIEWPORT   **********************************************************************/
/*Viewport = 1920px*/
@media screen and (max-width: 120em){


}
/*Viewport = 1680px*/
@media screen and (max-width: 105em){

}
/*Viewport = 1400px*/
@media screen and (max-width: 87.5em){

}
/*Viewport = 1200px*/
@media screen and (max-width: 75em){

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

.BannerTitle{
    color: #115673;
	max-width: none;
	text-shadow: -1px 0 #fff, 0 1px #fff, 1px 0 #fff, 0 -1px #fff;
	font-size: 26px;
	text-decoration: none;
	font-weight: bold;
	line-height: 30px;
	font-family: "Akkurat-Light",Helvetica,Arial,"Lucida Grande",sans-serif;
	height: 200px;
}

.mainTitle{
	color: #00baf2;
	font-size: 25px;
	text-decoration: none;
	line-height: 30px;
	font-family: "Akkurat-Light",Helvetica,Arial,"Lucida Grande",sans-serif;
}

.slide {
	height:150px;
}
.t_freetrial{
    text-align:center;
    display: table;
    width: 100%;
	height:200px;
}
.t_centerBiometrics{
    padding:10px;
    text-align:center;
    display: table;
    width: 100%;
	height:430px;
}
.t_banner{
    text-align:center;
    display: table;
    width: 100%;
	height:auto;
}
.t_banner_300{
    padding:8px;
    text-align:center;
    display: table;
    width: 100%;
	height:auto;
}
.t_banner_500{
    padding-top:100px;
	padding-bottom:100px;
    text-align:center;
    display: table;
    width: 100%;
	height:auto;
}
.t_signup{
    padding-top:200px;
    text-align:center;
    display: table;
    width: 100%;
	height:auto;
}
.t_testimonials{
    padding-top:20px;
	padding-bottom:30px;
    display: table;
    width: 100%;
	height:auto;
}
.t_workforce{ 
    padding-top:200px;
    display: table;
    width: 100%;
}
.t_offer{ 
	padding-bottom:30px;
    display: table;
    width: 100%;
	height:auto;
}

.BannerTitleGray{
	color: #4f5559;
	max-width: none;
	text-shadow:  2px 2px 2px rgba(255,255,255,0.9);
	font-size: 30px;
	text-decoration: none;
	line-height: 40px;
	font-family: "Akkurat-Light",Helvetica,Arial,"Lucida Grande",sans-serif;
}
.BannerTitleWhite{
	color: #ffffff;
	max-width: none;
	text-shadow:  2px 2px 2px rgba(49,40,27,0.9);
	font-size: 28px;
	text-decoration: none;
	line-height: 32px;
	font-family: "Akkurat-Light",Helvetica,Arial,"Lucida Grande",sans-serif;
}
.White20_shadow {	
	font-size: 16px;
	text-decoration: none;
	color: #ffffff;
	line-height: 18px;
	text-shadow:  2px 2px 2px rgba(49,40,27,0.9);
}


}
/*Viewport = 960px*/
@media screen and (max-width: 60em){

}
/*Viewport = 800px*/
@media screen and (max-width : 50em){
.t_offer{ 
	padding-bottom:30px;
    display: table;
    width: 100%;
	height:auto;
}
.t_150x{
    display: table;
    width: 100%;
	height:auto;
}
.t_200x{
    display: table;
    width: 100%;
	height:auto;
}
.t_300x{
    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;
}
}

/*Viewport = 768px*/
@media screen and (max-width : 48em){
.flex-container {
  flex-direction: column-reverse;
  -webkit-flex-direction: column-reverse; /* Safari 6.1+ */
}
.t_offer{ 
	padding-bottom:30px;
    display: table;
    width: 100%;
	height:auto;
}
.t_GRP{
    padding-top:50px;
    display: table;
    width: 100%;
	height:auto;
}
.t_getstarted{
    padding-top:70px;
	padding-bottom:70px;
    text-align:center;
    display: table;
    width: 100%;
	height:auto;
}
.t_offer2{ 
    display: table;
    width: 100%;
	height:auto;
	padding-bottom:100px;
}
.t_MobileApp{
    padding-top:100px; 
    display: table;
    width: 100%;
	height:auto;
}
.t_MobileApp2{
    display: table;
    width: 100%;
	height:auto;
}

.t_150x{
    display: table;
    width: 100%;
	height:auto;
}
.t_200x{
    display: table;
    width: 100%;
	height:auto;
}
.t_300x{
    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;
}
}

/*Viewport = 600px*/
@media screen and (max-width: 37.5em){
.flex-container {
  flex-direction: column-reverse;
  -webkit-flex-direction: column-reverse; /* Safari 6.1+ */
}
.f_ic {
	font-size: 15px;
	text-decoration: none;
	line-height: 1;
}
.f_notice{
	font-size: 15px;
	text-decoration: none;
	line-height: 1.3;

}	
.BannerTitle{
	color: #115673;
	max-width: none;
	text-shadow: -1px 0 #fff, 0 1px #fff, 1px 0 #fff, 0 -1px #fff;
	font-size: 24px;
	text-decoration: none;
	font-weight: bold;
	line-height: 30px;
	font-family: "Akkurat-Light",Helvetica,Arial,"Lucida Grande",sans-serif;
	height: 200px;
}
.mainTitle{
	color: #00baf2;
	font-size: 22px;
	text-decoration: none;
	line-height: 26px;
	font-family: "Akkurat-Light",Helvetica,Arial,"Lucida Grande",sans-serif;
}
.slide {
	height:150px;
}
.container {
	width: 100%; margin-top: 80px; position: static; max-width: 100%;
}
.t_centerBiometrics{
    padding:10px;
    text-align:center;
    display: table;
    width: 100%;
	height:350px;
}
.t_banner{
    text-align:center;
    display: table;
    width: 100%;
	height:auto;
}
.t_banner_300{
    padding:8px;
    text-align:center;
    display: table;
    width: 100%;
	height:auto;
}
.t_banner_500{
    padding-top:100px;
	padding-bottom:100px;
    text-align:center;
    display: table;
    width: 100%;
	height:auto;
}
.t_freetrial{
    text-align:center;
    display: table;
    width: 100%;
	height:200px;
}
.t_signup{
    padding-top:130px;
    text-align:center;
    display: table;
    width: 100%;
	height:auto;
}
.t_offer{ 
	padding-bottom:20px;
    display: table;
    width: 100%;
	height:auto;
}
.t_offerX{ 
    display: table;
    width: 100%;
	height:200px;
}
.t_GRP{
    padding-top:50px;
    display: table;
    width: 100%;
	height:auto;
}
.BannerTitleGray{
	color: #4f5559;
	max-width: none;
	text-shadow:  2px 2px 2px rgba(255,255,255,0.9);
	font-size: 30px;
	text-decoration: none;
	line-height: 40px;
	font-family: "Akkurat-Light",Helvetica,Arial,"Lucida Grande",sans-serif;
}
.BannerTitleWhite{
	color: #ffffff;
	max-width: none;
	text-shadow:  2px 2px 2px rgba(49,40,27,0.9);
	font-size: 25px;
	text-decoration: none;
	line-height: 30px;
	font-family: "Akkurat-Light",Helvetica,Arial,"Lucida Grande",sans-serif;
}

.White20_shadow {	
	font-size: 16px;
	text-decoration: none;
	color: #ffffff;
	line-height: 18px;
	text-shadow:  2px 2px 2px rgba(49,40,27,0.9);
}
.t_workforce{ 
    padding-top:100px;
    display: table;
    width: 100%;
}
.t_apps{ 
    display: table;
    width: 100%;
	height:50px;
}
.t_marketing{
    padding:100px 0px 20px 0px;
    text-align:center;
    display: table;
    width: 100%;
	height:auto;
}
.t_testimonials{
    padding-top:20px;
	padding-bottom:30px;
    display: table;
    width: 100%;
	height:auto;
}

.t_GRP{
    padding-top:50px;
    display: table;
    width: 100%;
	height:auto;
}
.t_getstarted{
    padding-top:50px;
	padding-bottom:50px;
    text-align:center;
    display: table;
    width: 100%;
	height:auto;
}
.t_offer2{ 
    display: table;
    width: 100%;
	height:auto;
	padding-bottom:20px;
}
.t_MobileApp{
    padding-top:100px; 
    display: table;
    width: 100%;
	height:auto;
}
.t_MobileApp2{
    display: table;
    width: 100%;
	height:auto;
}

.t_150x{
    display: table;
    width: 100%;
	height:auto;
}
.t_200x{
    display: table;
    width: 100%;
	height:auto;
}
.t_300x{
    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;
}
}

/*Viewport = 480px*/
@media screen and (max-width: 30em){
.flex-container {
  flex-direction: column-reverse;
  -webkit-flex-direction: column-reverse; /* Safari 6.1+ */
}
.t_workforce{ 
    padding-top:100px;
    display: table;
    width: 100%;
}
.t_offer{ 

	padding-bottom:30px;
    display: table;
    width: 100%;
	height:auto;
}
.t_GRP{
    padding-top:50px;
    display: table;
    width: 100%;
	height:auto;
}
.t_getstarted{
    padding-top:50px;
	padding-bottom:50px;
    text-align:center;
    display: table;
    width: 100%;
	height:auto;
}

.t_freetrial{
    padding-top:130px;
	padding-bottom:50px;
    text-align:center;
    display: table;
    width: 100%;
	height:auto;
}
.iconCurve{
	border-radius: 20px;
	padding: 10px;
	border-width: 1px;
	border-style: solid;
	border-color: #7fdcf8;
	width: 80%;
}
.t_offer2{ 
    display: table;
    width: 100%;
	height:auto;
	padding-bottom:20px;
}
.t_mobile{ 
    display: table;
    width: 100%;
	height:auto;
}
.t_MobileApp{
    padding-top:150px; 
    display: table;
    width: 100%;
	height:auto;
}
.t_MobileApp2{
    display: table;
    width: 100%;
	height:auto;
}

.t_150x{
    display: table;
    width: 100%;
	height:auto;
}
.t_200x{
    display: table;
    width: 100%;
	height:auto;
}
.t_300x{
    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;
}
.f_t1 {
	font-size: 40px;
	text-decoration: none;
	line-height: 1.2;
}
.f_t2{
	font-size: 30px;
	text-decoration: none;
	line-height: 1.2;
}
.f_t3 {
	font-size: 20px;
	text-decoration: none;
	line-height: 1.2;
}
.f_t4 {
	font-size: 15px;
	text-decoration: none;
	line-height: 1.2;
}


.f_notice{
	font-size: 15px;
	text-decoration: none;
	line-height: 1.3;

}	
}


@media screen and (max-width: 24em){
.flex-container {
  flex-direction: column-reverse;
  -webkit-flex-direction: column-reverse; /* Safari 6.1+ */
}
.SizeBeacon {
	width: 80%;
	height: auto;
	padding-bottom: 0px;
	padding-top: 0px;
}
.t_workforce{ 
    padding-top:60px;
    display: table;
    width: 100%;
}
.container {
	width: 100%; margin-top: 80px; position: static; max-width: 100%;
}
.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: 30px;
	text-decoration: none;
	line-height: 35px;
}
.form {
	color: #303b4d;
	font-size: 12px;
	text-decoration: none;
	line-height: 14px;
	font-family: "Akkurat-Light",Helvetica,Arial,"Lucida Grande",sans-serif;
}
.formfill {
	border-radius: 6px;
	border-image: none;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	font-size: 12px;
	text-decoration: none;
	line-height: 14px;
	font-family: "Akkurat-Light",Helvetica,Arial,"Lucida Grande",sans-serif;
	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: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	color: #004559;
	background-color: #E6F7FF;
}

.t_centerJoin{
   
    text-align:center;
    display: table;
    width: 100%;
	height:50px;
}

.BannerTitle{
	color: #115673;
	max-width: none;
	text-shadow: -1px 0 #fff, 0 1px #fff, 1px 0 #fff, 0 -1px #fff;
	font-size: 24px;
	text-decoration: none;
	font-weight: bold;
	line-height: 30px;
	font-family: "Akkurat-Light",Helvetica,Arial,"Lucida Grande",sans-serif;
	height: 200px;
}
.BannerTitleWhite{
	color: #ffffff;
	max-width: none;
	text-shadow:  2px 2px 2px rgba(49,40,27,0.9);
	font-size: 25px;
	text-decoration: none;
	line-height: 27px;
	font-family: "Akkurat-Light",Helvetica,Arial,"Lucida Grande",sans-serif;
}

.mainTitle{
	color: #00baf2;
	font-size: 35px;
	text-decoration: none;
	line-height: 40px;
	font-family: "Akkurat-Light",Helvetica,Arial,"Lucida Grande",sans-serif;
}
.TitleWhite{
	color: #ffffff;
	max-width: none;
	text-shadow:  2px 2px 2px rgba(49,40,27,0.9);
	font-size: 32px;
	text-decoration: none;
	line-height: 42px;
	font-family: "Akkurat-Light",Helvetica,Arial,"Lucida Grande",sans-serif;
}

.TitleJoin{
	color: #115673;
	max-width: none;
	text-shadow: -1px 0 #fff, 0 1px #fff, 1px 0 #fff, 0 -1px #fff;
	font-size: 30px;
	text-decoration: none;
	font-weight: bold;
	line-height: 36px;
	font-family: "Akkurat-Light",Helvetica,Arial,"Lucida Grande",sans-serif;
	
}
.t_centerBiometrics{
    padding:10px;
    text-align:center;
    display: table;
    width: 100%;
	height:280px;
}
.t_banner_200{
    text-align:center;
    display: table;
    width: 100%;
	height:auto;
}
.t_banner_300{
  
    text-align:center;
    display: table;
    width: 100%;
	height:auto;
}

.t_banner_400{
  
    text-align:center;
    display: table;
    width: 100%;
	height:auto;
}
.t_pricing{
  
    text-align:center;
    display: table;
    width: 100%;
	height:250px;
}
.t_banner_500h{
   
    text-align:center;
    display: table;
    width: 100%;
	height:autopx;
}
.t_banner_500{
    padding-top:100px;
    text-align:center;
    display: table;
    width: 100%;
	height:auto;
}
.t_banner{
    text-align:center;
    display: table;
    width: 100%;
	height:auto;
}
.t_freetrial{
    text-align:center;
    display: table;
    width: 100%;
	height:200px;
}
.t_signup{
    padding-top:80px;
    text-align:center;
    display: table;
    width: 100%;
	height:auto;
}
.t_apps{ 
    display: table;
    width: 100%;
	height:50px;
}
.t_workforce{ 
    padding-top:60px;
    display: table;
    width: 100%;
}
.t_marketing{
    padding:100px 0px 20px 0px;
    text-align:center;
    display: table;
    width: 100%;
	height:auto;
}
.t_eform{
	text-align:center;
	display: table;
	height:auto;
	width: 100%;
	background-image: url(../../img/bg_eform.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: 100%;
	padding-bottom:160px;
	
}
.t_testimonials{
    padding-top:20px;
	padding-bottom:30px;
    display: table;
    width: 100%;
	height:auto;
}
.t_offer{ 
	padding-bottom:10px;
    display: table;
    width: 100%;
	height:auto;
}
.t_GRP{
    padding-top:50px;
    display: table;
    width: 100%;
	height:auto;
}
.t_getstarted{
    padding-top:50px;
	padding-bottom:50px;
    text-align:center;
    display: table;
    width: 100%;
	height:auto;
}
.t_freetrial{
    padding-top:130px;
	padding-bottom:50px;
    text-align:center;
    display: table;
    width: 100%;
	height:auto;
}
.formfill {
	font-size: 13px;
	text-decoration: none;
	color: #666666;
	line-height: 14px;
}
.BannerTitleGray{
	color: #4f5559;
	max-width: none;
	text-shadow:  2px 2px 2px rgba(255,255,255,0.9);
	font-size: 25px;
	text-decoration: none;
	line-height: 30px;
	font-family: "Akkurat-Light",Helvetica,Arial,"Lucida Grande",sans-serif;
}

.HandWriting {
	font-family: Annifont;
	font-style: normal;
	text-shadow:  1px 1px 1px rgba(0,0,0,1);
	color: #00f0ff;
	font-size: 16px;
	text-align: center;
	font-weight: bold;
}
.DBlue40 {	
	font-size: 30px;
	text-decoration: none;
	color: #5b7bb7;
	line-height: 35px;
}

.Dgray40 {	
	font-size: 30px;
	text-decoration: none;
	color: #333;
	line-height: 35px;
}
.DBlue50 {	
	font-size: 30px;
	text-decoration: none;
	color: #5b7bb7;
	line-height: 35px;
}
.DBlue55 {	
	font-size: 40px;
	text-decoration: none;
	color: #5b7bb7;
	line-height: 45px;
}

.White20_shadow {	
	font-size: 12px;
	text-decoration: none;
	color: #ffffff;
	line-height: 15px;
	text-shadow:  2px 2px 2px rgba(49,40,27,0.9);
}
.White40_shadow {	
	font-size: 30px;
	text-decoration: none;
	color: #ffffff;
	line-height: 35px;
	text-shadow:  2px 2px 2px rgba(49,40,27,0.9);
}
.White50_shadow{	
	font-size: 40px;
	text-decoration: none;
	color: #ffffff;
	line-height: 45px;
	text-shadow:  2px 2px 2px rgba(49,40,27,0.9);
}
.White60_shadow{	
	font-size: 40px;
	text-decoration: none;
	color: #ffffff;
	line-height: 45px;
	text-shadow:  2px 2px 2px rgba(49,40,27,0.9);
}

.ic_VD {	
	font-size: 35px;
	text-decoration: none;
	color: #ffe400;
	text-shadow:  2px 2px 2px rgba(49,40,27,0.9);
}
.f_40{
	font-size: 30px;
	text-decoration: none;
	line-height: 1.1;
}

.f_50{
	font-size: 40px;
	text-decoration: none;
	line-height: 1;
}
.f_55{
	font-size: 45px;
	text-decoration: none;
	line-height: 1.1;
}
.f_60{
	font-size: 50px;
	text-decoration: none;
	line-height: 1.1;
}

.f_tagline_landing{
	font-size: 50px;
	text-decoration: none;
	line-height: 1.2;
}

.iconCurve{
	border-radius: 20px;
	padding: 10px;
	border-width: 1px;
	border-style: solid;
	border-color: #7fdcf8;
	width: 80%;
}

.t_offer2{ 
    display: table;
    width: 100%;
	height:auto;
	padding-bottom:20px;
}
.t_mobile{ 
    display: table;
    width: 100%;
	height:auto;
}

.t_MobileApp{
    padding-top:150px; 
    display: table;
    width: 100%;
	height:auto;
}
.t_MobileApp2{
    display: table;
    width: 100%;
	height:auto;
}
.t_ta_leave{
    display: table;
    width: 100%;
	height:300px;
}

.t_150x{
    display: table;
    width: 100%;
	height:auto;
}
.t_200x{
    display: table;
    width: 100%;
	height:auto;
}
.t_300x{
    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;
}

.f_t1 {
	font-size: 40px;
	text-decoration: none;
	line-height: 1.2;
}
.f_t2{
	font-size: 30px;
	text-decoration: none;
	line-height: 1.2;
}
.f_t3 {
	font-size: 20px;
	text-decoration: none;
	line-height: 1.2;
}
.f_t4 {
	font-size: 15px;
	text-decoration: none;
	line-height: 1.2;
}

.f_notice{
	font-size: 15px;
	text-decoration: none;
	line-height: 1.3;

}	

}


/*Viewport = 320px*/
@media screen and (max-width: 20em){
.t_offer2{ 
    display: table;
    width: 100%;
	height:auto;
}

.iconCurve{
	border-radius: 16px;
	padding: 10px;
	border-width: 1px;
	border-style: solid;
	border-color: #7fdcf8;
	width: 80%;
}
.SizeBeacon {
	width: 80%;
	height: auto;
	padding-bottom: 0px;
	padding-top: 0px;
}

.t_workforce{ 
    padding-top:60px;
    display: table;
    width: 100%;
}
.container {
	width: 100%; margin-top: 80px; position: static; max-width: 100%;
}
.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: 30px;
	text-decoration: none;
	line-height: 35px;
}
.form {
	color: #303b4d;
	font-size: 12px;
	text-decoration: none;
	line-height: 14px;
	font-family: "Akkurat-Light",Helvetica,Arial,"Lucida Grande",sans-serif;
}
.formfill {
	border-radius: 6px;
	border-image: none;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	font-size: 12px;
	text-decoration: none;
	line-height: 14px;
	font-family: "Akkurat-Light",Helvetica,Arial,"Lucida Grande",sans-serif;
	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: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	color: #004559;
	background-color: #E6F7FF;
}

.t_centerJoin{
   
    text-align:center;
    display: table;
    width: 100%;
	height:50px;
}

.BannerTitle{
	color: #115673;
	max-width: none;
	text-shadow: -1px 0 #fff, 0 1px #fff, 1px 0 #fff, 0 -1px #fff;
	font-size: 24px;
	text-decoration: none;
	font-weight: bold;
	line-height: 30px;
	font-family: "Akkurat-Light",Helvetica,Arial,"Lucida Grande",sans-serif;
	height: 200px;
}
.BannerTitleWhite{
	color: #ffffff;
	max-width: none;
	text-shadow:  2px 2px 2px rgba(49,40,27,0.9);
	font-size: 25px;
	text-decoration: none;
	line-height: 27px;
	font-family: "Akkurat-Light",Helvetica,Arial,"Lucida Grande",sans-serif;
}

.mainTitle{
	color: #00baf2;
	font-size: 35px;
	text-decoration: none;
	line-height: 40px;
	font-family: "Akkurat-Light",Helvetica,Arial,"Lucida Grande",sans-serif;
}
.TitleWhite{
	color: #ffffff;
	max-width: none;
	text-shadow:  2px 2px 2px rgba(49,40,27,0.9);
	font-size: 32px;
	text-decoration: none;
	line-height: 42px;
	font-family: "Akkurat-Light",Helvetica,Arial,"Lucida Grande",sans-serif;
}

.TitleJoin{
	color: #115673;
	max-width: none;
	text-shadow: -1px 0 #fff, 0 1px #fff, 1px 0 #fff, 0 -1px #fff;
	font-size: 30px;
	text-decoration: none;
	font-weight: bold;
	line-height: 36px;
	font-family: "Akkurat-Light",Helvetica,Arial,"Lucida Grande",sans-serif;
	
}
.t_150x{
    display: table;
    width: 100%;
	height:auto;
}
.t_200x{
    display: table;
    width: 100%;
	height:auto;
}
.t_300x{
    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_centerBiometrics{
    padding:10px;
    text-align:center;
    display: table;
    width: 100%;
	height:280px;
}

.t_banner_200{
    text-align:center;
    display: table;
    width: 100%;
	height:auto;
}
.t_banner_300{
  
    text-align:center;
    display: table;
    width: 100%;
	height:auto;
}

.t_banner_400{
  
    text-align:center;
    display: table;
    width: 100%;
	height:auto;
}
.t_pricing{
  
    text-align:center;
    display: table;
    width: 100%;
	height:250px;
}
.t_banner_500h{
   
    text-align:center;
    display: table;
    width: 100%;
	height:autopx;
}
.t_banner_500{
    padding-top:100px;
    text-align:center;
    display: table;
    width: 100%;
	height:auto;
}
.t_banner{
    text-align:center;
    display: table;
    width: 100%;
	height:auto;
}
.t_freetrial{
    text-align:center;
    display: table;
    width: 100%;
	height:200px;
}
.t_signup{
    padding-top:80px;
    text-align:center;
    display: table;
    width: 100%;
	height:auto;
}
.t_apps{ 
    display: table;
    width: 100%;
	height:50px;
}
.t_workforce{ 
    padding-top:60px;
    display: table;
    width: 100%;
}
.t_marketing{
    padding:100px 0px 20px 0px;
    text-align:center;
    display: table;
    width: 100%;
	height:auto;
}
.t_eform{
	text-align:center;
	display: table;
	height:auto;
	width: 100%;
	background-image: url(../../img/bg_eform.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: 100%;
	padding-bottom:160px;
	
}
.t_testimonials{
    padding-top:20px;
	padding-bottom:30px;
    display: table;
    width: 100%;
	height:auto;
}
.t_offer{ 
	padding-bottom:10px;
    display: table;
    width: 100%;
	height:auto;
}
.t_GRP{
    padding-top:50px;
    display: table;
    width: 100%;
	height:auto;
}
.t_getstarted{
    padding-top:130px;
	padding-bottom:50px;
    text-align:center;
    display: table;
    width: 100%;
	height:auto;
}
.t_freetrial{
    padding-top:130px;
	padding-bottom:50px;
    text-align:center;
    display: table;
    width: 100%;
	height:auto;
}
.t_mobile{ 
    display: table;
    width: 100%;
	height:auto;
}
.t_MobileApp{
    padding-top:150px; 
    display: table;
    width: 100%;
	height:auto;
}
.t_MobileApp2{
    display: table;
    width: 100%;
	height:auto;
}
.t_ta_leave{
    display: table;
    width: 100%;
	height:300px;
}
.formfill {
	font-size: 13px;
	text-decoration: none;
	color: #666666;
	line-height: 14px;
}
.BannerTitleGray{
	color: #4f5559;
	max-width: none;
	text-shadow:  2px 2px 2px rgba(255,255,255,0.9);
	font-size: 25px;
	text-decoration: none;
	line-height: 30px;
	font-family: "Akkurat-Light",Helvetica,Arial,"Lucida Grande",sans-serif;
}

.HandWriting {
	font-family: Annifont;
	font-style: normal;
	text-shadow:  1px 1px 1px rgba(0,0,0,1);
	color: #00f0ff;
	font-size: 16px;
	text-align: center;
	font-weight: bold;
}
.DBlue40 {	
	font-size: 30px;
	text-decoration: none;
	color: #5b7bb7;
	line-height: 35px;
}

.Dgray40 {	
	font-size: 30px;
	text-decoration: none;
	color: #333;
	line-height: 35px;
}
.DBlue50 {	
	font-size: 30px;
	text-decoration: none;
	color: #5b7bb7;
	line-height: 35px;
}
.DBlue55 {	
	font-size: 40px;
	text-decoration: none;
	color: #5b7bb7;
	line-height: 45px;
}

.White20_shadow {	
	font-size: 12px;
	text-decoration: none;
	color: #ffffff;
	line-height: 15px;
	text-shadow:  2px 2px 2px rgba(49,40,27,0.9);
}
.White40_shadow {	
	font-size: 30px;
	text-decoration: none;
	color: #ffffff;
	line-height: 35px;
	text-shadow:  2px 2px 2px rgba(49,40,27,0.9);
}
.White50_shadow{	
	font-size: 40px;
	text-decoration: none;
	color: #ffffff;
	line-height: 45px;
	text-shadow:  2px 2px 2px rgba(49,40,27,0.9);
}
.White60_shadow{	
	font-size: 40px;
	text-decoration: none;
	color: #ffffff;
	line-height: 45px;
	text-shadow:  2px 2px 2px rgba(49,40,27,0.9);
}

.ic_VD {	
	font-size: 35px;
	text-decoration: none;
	color: #ffe400;
	text-shadow:  2px 2px 2px rgba(49,40,27,0.9);
}
.f_40{
	font-size: 30px;
	text-decoration: none;
	line-height: 1.1;
}

.f_50{
	font-size: 40px;
	text-decoration: none;
	line-height: 1;
}
.f_55{
	font-size: 45px;
	text-decoration: none;
	line-height: 1.1;
}
.f_60{
	font-size: 50px;
	text-decoration: none;
	line-height: 1.1;
}


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


/*-----------------*/
.country {
	font-size: 13px;
	color: #666;
}
.fn {
	font-family: "Akkurat-Light";
	font-weight:bold;
	font-size: 18px;
	color: #999;
	}

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

.f_t1 {
	font-size: 40px;
	text-decoration: none;
	line-height: 1.2;
}
.f_t2{
	font-size: 30px;
	text-decoration: none;
	line-height: 1.2;
}
.f_t3 {
	font-size: 20px;
	text-decoration: none;
	line-height: 1.2;
}
.f_t4 {
	font-size: 15px;
	text-decoration: none;
	line-height: 1.2;
}

.f_notice{
	font-size: 15px;
	text-decoration: none;
	line-height: 1.3;

}	

}

/*Viewport = 240px*/
@media screen and (max-width: 15em){
.flex-container {
  flex-direction: column-reverse;
  -webkit-flex-direction: column-reverse; /* Safari 6.1+ */
}

.f_notice{
	font-size: 15px;
	text-decoration: none;
	line-height: 1.3;

}	
}