@charset "utf-8";
/* CSS Document */

	.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: 10px;
    color: #000000;
    background-color: #ffffff;
    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;
	}
	.BtnSubmit {
    border-radius: 6px;
    border-image: none;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    padding-top: 6px;
    padding-right: 12px;
    padding-bottom: 6px;
    padding-left: 12px;
    font-size: 28px;
    color: #fff;
    text-decoration: none;
    line-height: 35px;
    background-color: #d21821;
    border: none;
    font-weight: bold;
	font-family: "Akkurat-Light";
	text-transform: uppercase;
	}
	.BtnSubmit:hover {
    background-color: #c70710;
    }
/*
.bcircle{
padding-top: 20px;
padding-left: 0px;

}
div.circleBlue90 {
    width: 90px;
    height: 90px;
    background: #77c7e6;
    -moz-border-radius: 45px;
    -webkit-border-radius: 45px;
    position:relative;

}
div.circleSBlue90 {
    width: 90px;
    height: 90px;
    background: #0e83cd;
    -moz-border-radius: 45px;
    -webkit-border-radius: 45px;
    position:relative;

}


div.circleGreen90 {
    width: 90px;
    height: 90px;
    background: #96a94b;
    -moz-border-radius: 45px;
    -webkit-border-radius: 45px;
    position:relative;

}
div.circleSGreen90 {
    width: 90px;
    height: 90px;
    background: #64bb5d;
    -moz-border-radius: 45px;
    -webkit-border-radius: 45px;
    position:relative;

}
div.circleYellow90 {
    width: 90px;
    height: 90px;
    background: #eea303;
    -moz-border-radius: 45px;
    -webkit-border-radius: 45px;
    position:relative;

}


div.circlePink90{
    width: 90px;
    height: 90px;
    background: #f06060;
    -moz-border-radius: 45px;
    -webkit-border-radius: 45px;
    position:relative;

}
div.circlePurple90{
    width: 90px;
    height: 90px;
    background: #a490c2;
    -moz-border-radius: 45px;
    -webkit-border-radius: 45px;
    position:relative;

}


div.circleLSBlue90{
    width: 90px;
    height: 90px;
    background: #7ca8d3;
    -moz-border-radius: 45px;
    -webkit-border-radius: 45px;
    position:relative;

}


div.circleLBGreen90{
    width: 90px;
    height: 90px;
    background: #83d1d7;
    -moz-border-radius: 45px;
    -webkit-border-radius: 45px;
    position:relative;

}


div.circleSLGreen90{
    width: 90px;
    height: 90px;
    background: #aed57d;
    -moz-border-radius: 45px;
    -webkit-border-radius: 45px;
    position:relative;

}


div.circleSLPurple90{
    width: 90px;
    height: 90px;
    background: #b1a8d3;
    -moz-border-radius: 45px;
    -webkit-border-radius: 45px;
    position:relative;

}


div.circleSLYellow90{
    width: 90px;
    height: 90px;
    background: #f7da61;
    -moz-border-radius: 45px;
    -webkit-border-radius: 45px;
    position:relative;

}


div.circleShadowBlue90{
    width: 90px;
    height: 90px;
    background: #7289A5;
    -moz-border-radius: 45px;
    -webkit-border-radius: 45px;
    position:relative;

}


div.circleBGreen90{
    width: 90px;
    height: 90px;
    background: #2cbcb5;
    -moz-border-radius: 45px;
    -webkit-border-radius: 45px;
    position:relative;

}


div.circleland90{
    width: 90px;
    height: 90px;
    background: #B9BAA3;
    -moz-border-radius: 45px;
    -webkit-border-radius: 45px;
    position:relative;

}


div.circlebabypink90{
    width: 90px;
    height: 90px;
    background: #CCA7A2;
    -moz-border-radius: 45px;
    -webkit-border-radius: 45px;
    position:relative;

}


div.circledarkpurple90{
    width: 90px;
    height: 90px;
    background: #4E5283;
    -moz-border-radius: 45px;
    -webkit-border-radius: 45px;
    position:relative;

}


div.circleapplegreen90{
    width: 90px;
    height: 90px;
    background: #ADC958;
    -moz-border-radius: 45px;
    -webkit-border-radius: 45px;
    position:relative;

}


div.circlecutepurple90{
    width: 90px;
    height: 90px;
    background: #7871AA;
    -moz-border-radius: 45px;
    -webkit-border-radius: 45px;
    position:relative;

}


div.circlegraylight90{
    width: 90px;
    height: 90px;
    background: #BAC1B8;
    -moz-border-radius: 45px;
    -webkit-border-radius: 45px;
    position:relative;

}


div.circleRed90{
    width: 90px;
    height: 90px;
    background: #d54f30;
    -moz-border-radius: 45px;
    -webkit-border-radius: 45px;
    position:relative;

}
div.circleBrown90{
    width: 90px;
    height: 90px;
    background: #af9550;
    -moz-border-radius: 45px;
    -webkit-border-radius: 45px;
    position:relative;

}
div.circleOrange90{
    width: 90px;
    height: 90px;
    background: #ff8929;
    -moz-border-radius: 45px;
    -webkit-border-radius: 45px;
    position:relative;

**/
.ActButton {
	border-radius: 4px;
	border-image: none;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	color: #FFF;
	text-transform: uppercase;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
	padding: 10px 30px 10px 30px !important;
	display: block;
	cursor: pointer;
	font-size: 28px;
	font-weight: bold;
	display: inline-block;
    -ms-transform: all .2s ease-in-out;
    -webkit-transform: all .2s ease-in-out;
    transform: all .2s ease-in-out;
	text-align: center !important;
	text-decoration: none !important;
	background-color: #41ade3;
}
.ActButton:Hover {
	background-color: #2688b9;
	color: #FFF !important;
}
.elButton {
/*
	border-radius: 8px;
	border-image: none;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;*/
	color: #FFF;
	font-weight: bold;
	display: inline-block;
    -ms-transform: all .2s ease-in-out;
    -webkit-transform: all .2s ease-in-out;
    transform: all .2s ease-in-out;
	text-align: center !important;
	text-decoration: none !important;
	background-color: #e73a04;
}


.alignTB {
vertical-align:middle;
display: table-cell;
padding:50px 20px 20px 20px;"
}

.bld {
	font-weight: bold;
}


.f_Barlow {
    font-family: 'Barlow Semi Condensed'!important;
    font-weight: 900;
    line-height: 1 !important;
    letter-spacing: -1px;
}
.f_Barlow2 {
    font-family: 'Barlow Semi Condensed'!important;
    font-weight: 400;
    line-height: 1 !important;
    letter-spacing: -1px;
}

.f_titleA {
font-size: 55px;
line-height: 1.3;
}

.f_titleB {
font-size: 30px;
line-height: 1.3;
}

.f_titleC {
font-size: 45px;
line-height: 1.2;
}


.f_titleD {
font-size: 25px;
line-height: 1.3;
}




.bg_lp {
	background-image: url(https://www.timetecvms.com/templates/layout/img/lp/bg_landing.jpg);
    background-repeat: no-repeat; background-size:cover; background-position: left top;
}


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


.forminfo{
	font-family: "Open Sans", "Helvetica Neue", Arial, sans-serif;
	font-size: 13px;
	text-decoration: none;
	line-height: 15px;
	color: #333333;
}



/*********************************************** Some media queries ************************************************/


/*Viewport = 1024px*/
@media screen and (max-width: 64em) {
.bg_wfh {
	background-image: url(https://www.timetecta.com/work_from_home/images/bnr_768.jpg);
    background-repeat: no-repeat; background-size:cover; background-position: top;
}
.f_tagline_landing{
	font-size: 35px;
	text-decoration: none;
	line-height: 1.2;
}

.align{
vertical-align:bottom; display:table-cell; padding-bottom:30px;
}
}

/*Viewport = 768px*/
@media screen and (max-width: 48em){
.bg_lp {
	background-image: url(https://www.timetecvms.com/templates/layout/img/lp/bg_landing_768.jpg);
    background-repeat: no-repeat; background-size:100%; background-position: left top;
	background-color:#ecebe6;
}
.f_tagline_landing{
	font-size: 35px;
	text-decoration: none;
	line-height: 1.2;
}

.align{
vertical-align:bottom; display:table-cell; padding-bottom:30px;
}
}

/*Viewport = 600px*/
@media screen and (max-width: 37.5em) {
.bg_lp {
	background-image: url(https://www.timetecvms.com/templates/layout/img/lp/bg_landing_768.jpg);
    background-repeat: no-repeat; background-size:100%; background-position: left top;
	background-color:#ecebe6;
}
.f_tagline_landing{
	font-size: 30px;
	text-decoration: none;
	line-height: 1.2;
}

.align{
vertical-align:bottom; display:table-cell; padding-bottom:30px;
}
}

@media screen and (max-width: 40em) {
.bg_lp {
	background-image: url(https://www.timetecvms.com/templates/layout/img/lp/bg_landing_768.jpg);
    background-repeat: no-repeat; background-size:100%; background-position:top;
	background-color:#ecebe6;
}
}

@media screen and (max-width: 33.75em) {
.bg_lp {
	background-image: url(https://www.timetecvms.com/templates/layout/img/lp/bg_landing_768.jpg);
    background-repeat: no-repeat; background-size:100%; background-position:top;
	background-color:#ecebe6;
}
.f_tagline_landing{
	font-size: 30px;
	text-decoration: none;
	line-height: 1.2;
}

.align{
vertical-align:bottom; display:table-cell; padding-bottom:30px;
}
}

/*Viewport = 480px*/
@media screen and (max-width: 30em){
.f_titleA {
font-size: 50px;
line-height: 1.2;
}
.f_titleB {
font-size: 28px;
line-height: 1.3;
}

.f_titleC {
font-size: 36px;
line-height: 1.2;
}


.f_titleD {
font-size: 20px;
line-height: 1.3;
}


.bg_lp {
	background-image: url(https://www.timetecvms.com/templates/layout/img/lp/bg_landing_768.jpg);
    background-repeat: no-repeat; background-size:100%; background-position:top;
	background-color:#ecebe6;
}
.alignTB {
vertical-align:bottom;
display: table-cell;
padding:0px 20px 20px 20px;"
}
}

/*Viewport = 320px*/
@media screen and (max-width: 20em){
.f_titleA {
font-size: 50px;
line-height: 1.2;
}
.f_titleB {
font-size: 28px;
line-height: 1.3;
}

.f_titleC {
font-size: 36px;
line-height: 1.2;
}


.f_titleD {
font-size: 20px;
line-height: 1.3;
}

.bg_lp {
	background-image: url(https://www.timetecvms.com/templates/layout/img/lp/bg_landing_768.jpg);
    background-repeat: no-repeat; background-size:100%; background-position:top;
	background-color:#ecebe6;
}
.alignTB {
vertical-align:bottom;
display: table-cell;
padding:0px 20px 20px 20px;"
}
}