body, html {
  height: 100%;
}


.strikethrough {
  position: relative;
}
.strikethrough:before {
  position: absolute;
  content: "";
  left: 0;
  top: 50%;
  right: 0;
  border-top: 2px solid;
  border-color: inherit;
  
  -webkit-transform:rotate(-5deg);
  -moz-transform:rotate(-5deg);
  -ms-transform:rotate(-5deg);
  -o-transform:rotate(-5deg);
  transform:rotate(-5deg);
}	




 #Pri {
            text-align: right;
   
        }

.pd130{
padding-top:130px!important;	
}


.pd50{
padding-top:50px!important;	
}

.reader{
margin-top:-180px;   z-index:8; padding:15px;
}

.sq-tra {
	background-image: url(https://www.timeteccloud.com/landing/hr/img/hr0324/sq-tra.png);
	background-repeat: repeat;
}

.c-pricing{
float: right;
}

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

.form-up{
    font-size:90px;
	text-decoration: none;
    line-height: 1.2;
}

.f_mly{
    font-size:20px;
	text-decoration: none;
    line-height: 1.2;
}

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

.f_Head2 {
    font-size:25px;
	text-decoration: none;
    line-height: 1.2;
}


.t_FeaturesIC{
    display: table;
    height: 120px;

}

.t_price{
    display: table;
    height: 650px;
}

.Features-H {
    height: 80px;
    
}


.Zoom100 {
	width: 65%;
	height: auto;
}

.ic-Feature {
width:85%;	
}

.H-Feature {
height:50px;	
}

.PT-10 {
padding-top:10px;	
}

.PB-10 {
padding-bottom:10px;	
}

.PB-50 {
padding-bottom:50px;	
}

.PD-80 {
padding:80px 10px;	
}

.PD-80-payroll {
padding:80px 0px 80px 10px;	
}

.ic-TA {
    background: url(https://www.timeteccloud.com/landing/hr/img/hr0523/app-TA-over.svg) no-repeat scroll center center / 100% auto rgba(0, 0, 0, 0);
    content: "";
    display: inline-block;
    height: 120px;
    position: relative;
    vertical-align: middle;
    width: 120px;
	transition: all 0.5s;
    cursor: pointer;
	background-color: #eff4f7;
	border-radius:90px;
}

.ic-TA:hover {
    background: url(https://www.timeteccloud.com/landing/hr/img/hr0523/app-TA.svg) no-repeat scroll center center / 100% auto rgba(0, 0, 0, 0);
	transition: all 0.5s;
    cursor: pointer;
}

.ic-Leave {
    background: url(https://www.timeteccloud.com/landing/hr/img/hr0523/app-Leave-over.svg) no-repeat scroll center center / 100% auto rgba(0, 0, 0, 0);
    content: "";
    display: inline-block;
    height: 120px;
    position: relative;
    vertical-align: middle;
    width: 120px;
	transition: all 0.5s;
    cursor: pointer;
	background-color: #eff4f7;
	border-radius:90px;
}

.ic-Leave:hover {
    background: url(https://www.timeteccloud.com/landing/hr/img/hr0523/app-Leave.svg) no-repeat scroll center center / 100% auto rgba(0, 0, 0, 0);
	transition: all 0.5s;
    cursor: pointer;
}


.ic-Claim {
    background: url(https://www.timeteccloud.com/landing/hr/img/hr0523/app-Claim-over.svg) no-repeat scroll center center / 100% auto rgba(0, 0, 0, 0);
    content: "";
    display: inline-block;
    height: 120px;
    position: relative;
    vertical-align: middle;
    width: 120px;
	transition: all 0.5s;
    cursor: pointer;
	background-color: #eff4f7;
	border-radius:90px;
}

.ic-Claim:hover {
    background: url(https://www.timeteccloud.com/landing/hr/img/hr0523/app-Claim.svg) no-repeat scroll center center / 100% auto rgba(0, 0, 0, 0);
	transition: all 0.5s;
    cursor: pointer;
}


.ic-Payroll{
    background: url(https://www.timeteccloud.com/landing/hr/img/hr0523/app-Payroll-over.svg) no-repeat scroll center center / 100% auto rgba(0, 0, 0, 0);
    content: "";
    display: inline-block;
    height: 120px;
    position: relative;
    vertical-align: middle;
    width: 120px;
	transition: all 0.5s;
    cursor: pointer;
	background-color: #eff4f7;
	border-radius:90px;
}

.ic-Payroll:hover {
    background: url(https://www.timeteccloud.com/landing/hr/img/hr0523/app-Payroll.svg) no-repeat scroll center center / 100% auto rgba(0, 0, 0, 0);
	transition: all 0.5s;
    cursor: pointer;
}






.bg-trans {
padding:20px;  
background-image: url('https://www.timeteccloud.com/landing/hr/img/hr0523/sq-trans.png'); 
background-repeat:repeat;	
border-radius:15px;	
}

.bg-device {
background-color:#fe2e2e;
border-radius:0px 0px 70px 70px;
padding:50px 20px;	
}

.HeightFeatureBox {
    height: 80px;
}


.icn-benefits1 {
    border-radius: 100%;
    background-color: #00b1eb;
}

.icn-benefits2 {
    border-radius: 100%;
    background-color: #215799;
}

.ic-Gra-ta {
background-image: linear-gradient(to right, #3460e8, #5980f9);
border-radius:0px 40px 40px 40px;	
padding:10px;	
}

.ic-Gra-ta-2 {
background-image: linear-gradient(to right, #3460e8, #5980f9);
border-radius:40px;	
padding:10px;	
}

.ic-Gra-leave {
background-color:#34b1e8;
border-radius:40px;	
padding:10px;	
}

.ic-Gra-payroll {
background-color:#ec1550;
border-radius:40px;	
padding:10px;	
}

.ic-Gra-claim {
background-color:#ecbe49;
border-radius:40px;	
padding:10px;	
}

.ic-Gra-hire {
background-color:#26c6b5;
border-radius:40px;	
padding:10px;	
}

.W2B {
color:#fff;
text-shadow: 1px 1px #000;	
}


.SignTA {
color:#fff200;
text-shadow: 1px 1px #000;	
}
.c_white {
    background-color: #fbe8e8;
    border-radius: 50%;
    padding: 10px;
	border:1px solid #940101;
}
.btnHbig {
    display: inline-block;
    border-radius: 30px 30px 30px 0px;
    border: none;
    color: #fff!important;
    text-align: center;
    font-size: 20px;
    padding: 15px 32px 16px 32px;
    transition: all 0.5s;
    cursor: pointer;
    margin: 5px;
    font-family: 'Barlow Semi Condensed'!important;
    min-width: 180px;
}

.btnHbig:hover {
	border-radius: 30px 30px 0px 30px;
}

.flex-container {  
	display:-webkit-flex;
	display:-ms-flex;
    display: flex;
	-webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}



#fixmeX{
}
.iconX {
	display: block;
}

.hide1 {
	display: block;
}

.hide2 {
	display: none;
}





.lineSeparate {
    border-width: 0px 1px 0px 0px;
    border-style: solid;
    border-color: #CCCCCC;
}
svg {
            display: inline-block;
            position: absolute;
            top: 0;
            left: 0;
            z-index: -1;
        }
        .container {
            display: inline-block;
            position: absolute;
            width: 100%;
            padding-bottom: 100%;
            vertical-align: middle;
            overflow: hidden;
            top: 0;
            left: 0;
        }





.mlyFlag {
    height: auto;
    padding-top: 50px;
    display: block;
    background-image: url(https://www.timeteccloud.com/landing/hr/img/hr0722/bg-mly.jpg);
    background-size: 100%;
    background-position:  top;
    background-repeat: no-repeat;
    position: relative;	
}
	



.boxShadow {
	
    box-shadow: 0 2px 10px rgb(0 0 0 / 7%);
    padding: 30px 15px;
    border-radius: 15px;
    background-color: #FFFFFF;
}	
	


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



/*Viewport=600px*/
@media screen and (max-width: 33.75em) {
	
	
.bg-face {
background-image:none; 	
background-color:#0063ad; 
padding:0px 25px 25px 25px;  
}		
	
.services-section2 {
    margin-top: -50px;
}
	
.W2B {
color:#000;
text-shadow: 1px 1px #fff;	
}

	
.iconX {
	display: none;
}
	
.hide1 {
	display: none;
}

.hide2 {
	display: block;
}		


.SignTA {
color:#ed1c24;
text-shadow: 1px 1px #fff;	
}
	
.Zoom100 {
	width: 75%;
	height: auto;
}	
	
.ic-Feature {
width:20%;	
}
	
.H-Feature {
height:5px;	
}
	
.PD-80 {
padding:30px 10px!important;	
}
	
	
.f_Head1{
    font-size:40px;
	text-decoration: none;
    line-height: 1.2;
}

.f_Head2 {
    font-size:20px;
	text-decoration: none;
    line-height: 1.2;
}
	
	
	
}


/*Viewport = 480px*/
@media screen and (max-width: 30em){
	
.ic-TA {
    background: url(https://www.timeteccloud.com/landing/hr/img/hr0523/app-TA-over.svg) no-repeat scroll center center / 100% auto rgba(0, 0, 0, 0);
    content: "";
    display: inline-block;
    height: 60px;
    position: relative;
    vertical-align: middle;
    width: 60px;
	transition: all 0.5s;
    cursor: pointer;
	background-color: #eff4f7;
	border-radius:90px;
}

.ic-TA:hover {
    background: url(https://www.timeteccloud.com/landing/hr/img/hr0523/app-TA.svg) no-repeat scroll center center / 100% auto rgba(0, 0, 0, 0);
	transition: all 0.5s;
    cursor: pointer;
}

.ic-Leave {
    background: url(https://www.timeteccloud.com/landing/hr/img/hr0523/app-Leave-over.svg) no-repeat scroll center center / 100% auto rgba(0, 0, 0, 0);
    content: "";
    display: inline-block;
    height: 60px;
    position: relative;
    vertical-align: middle;
    width: 60px;
	transition: all 0.5s;
    cursor: pointer;
	background-color: #eff4f7;
	border-radius:90px;
}

.ic-Leave:hover {
    background: url(https://www.timeteccloud.com/landing/hr/img/hr0523/app-Leave.svg) no-repeat scroll center center / 100% auto rgba(0, 0, 0, 0);
	transition: all 0.5s;
    cursor: pointer;
}


.ic-Claim {
    background: url(https://www.timeteccloud.com/landing/hr/img/hr0523/app-Claim-over.svg) no-repeat scroll center center / 100% auto rgba(0, 0, 0, 0);
    content: "";
    display: inline-block;
    height: 60px;
    position: relative;
    vertical-align: middle;
    width: 60px;
	transition: all 0.5s;
    cursor: pointer;
	background-color: #eff4f7;
	border-radius:90px;
}

.ic-Claim:hover {
    background: url(https://www.timeteccloud.com/landing/hr/img/hr0523/app-Claim.svg) no-repeat scroll center center / 100% auto rgba(0, 0, 0, 0);
	transition: all 0.5s;
    cursor: pointer;
}


.ic-Payroll{
    background: url(https://www.timeteccloud.com/landing/hr/img/hr0523/app-Payroll-over.svg) no-repeat scroll center center / 100% auto rgba(0, 0, 0, 0);
    content: "";
    display: inline-block;
    height: 60px;
    position: relative;
    vertical-align: middle;
    width: 60px;
	transition: all 0.5s;
    cursor: pointer;
	background-color: #eff4f7;
	border-radius:90px;
}

.ic-Payroll:hover {
    background: url(https://www.timeteccloud.com/landing/hr/img/hr0523/app-Payroll.svg) no-repeat scroll center center / 100% auto rgba(0, 0, 0, 0);
	transition: all 0.5s;
    cursor: pointer;
}	

	


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



	
.hide1 {
	display: none;
}

.hide2 {
	display: block;
}		
	

.SignTA {
color:#ed1c24;
text-shadow: 1px 1px #fff;	
}

.Zoom100 {
	width: 75%;
	height: auto;
}	
	
.ic-Feature {
width:17%;	
}

.H-Feature {
height:5px;	
}
	
.PD-80 {
padding:30px 10px!important;	
}
	
	
.f_Head1{
    font-size:30px;
	text-decoration: none;
    line-height: 1.2;
}

.f_Head2 {
    font-size:15px;
	text-decoration: none;
    line-height: 1.2;
}	
	
 #Pri {
text-align: center;
   
 }
	
.reader{
margin-top:-50px;   z-index:8; padding:15px;
}	
	
	
	
.pd130{
padding-top:0px!important;	
}
	
.pd50{
padding-top:20px!important;	
}		
	
.t_FeaturesIC{
    display: table;
    height: auto;

}
	
	
.form-title{
    font-size:25px;
	text-decoration: none;
    line-height: 1.2;
}
	
.f_mly{
    font-size:17px;
	text-decoration: none;
    line-height: 1.2;
}		
	
}


@media screen and (max-width: 24em) {
	
.ic-TA {
    background: url(https://www.timeteccloud.com/landing/hr/img/hr0523/app-TA-over.svg) no-repeat scroll center center / 100% auto rgba(0, 0, 0, 0);
    content: "";
    display: inline-block;
    height: 60px;
    position: relative;
    vertical-align: middle;
    width: 60px;
	transition: all 0.5s;
    cursor: pointer;
	background-color: #eff4f7;
	border-radius:90px;
}

.ic-TA:hover {
    background: url(https://www.timeteccloud.com/landing/hr/img/hr0523/app-TA.svg) no-repeat scroll center center / 100% auto rgba(0, 0, 0, 0);
	transition: all 0.5s;
    cursor: pointer;
}

.ic-Leave {
    background: url(https://www.timeteccloud.com/landing/hr/img/hr0523/app-Leave-over.svg) no-repeat scroll center center / 100% auto rgba(0, 0, 0, 0);
    content: "";
    display: inline-block;
    height: 60px;
    position: relative;
    vertical-align: middle;
    width: 60px;
	transition: all 0.5s;
    cursor: pointer;
	background-color: #eff4f7;
	border-radius:90px;
}

.ic-Leave:hover {
    background: url(https://www.timeteccloud.com/landing/hr/img/hr0523/app-Leave.svg) no-repeat scroll center center / 100% auto rgba(0, 0, 0, 0);
	transition: all 0.5s;
    cursor: pointer;
}


.ic-Claim {
    background: url(https://www.timeteccloud.com/landing/hr/img/hr0523/app-Claim-over.svg) no-repeat scroll center center / 100% auto rgba(0, 0, 0, 0);
    content: "";
    display: inline-block;
    height: 60px;
    position: relative;
    vertical-align: middle;
    width: 60px;
	transition: all 0.5s;
    cursor: pointer;
	background-color: #eff4f7;
	border-radius:90px;
}

.ic-Claim:hover {
    background: url(https://www.timeteccloud.com/landing/hr/img/hr0523/app-Claim.svg) no-repeat scroll center center / 100% auto rgba(0, 0, 0, 0);
	transition: all 0.5s;
    cursor: pointer;
}


.ic-Payroll{
    background: url(https://www.timeteccloud.com/landing/hr/img/hr0523/app-Payroll-over.svg) no-repeat scroll center center / 100% auto rgba(0, 0, 0, 0);
    content: "";
    display: inline-block;
    height: 60px;
    position: relative;
    vertical-align: middle;
    width: 60px;
	transition: all 0.5s;
    cursor: pointer;
	background-color: #eff4f7;
	border-radius:90px;
}

.ic-Payroll:hover {
    background: url(https://www.timeteccloud.com/landing/hr/img/hr0523/app-Payroll.svg) no-repeat scroll center center / 100% auto rgba(0, 0, 0, 0);
	transition: all 0.5s;
    cursor: pointer;
}	

	
	
.hide1 {
	display: none;
}

.hide2 {
	display: block;
}		
	

.SignTA {
color:#ed1c24;
text-shadow: 1px 1px #fff;	
}
	
.Zoom100 {
	width: 75%;
	height: auto;
}	
	
.ic-Feature {
width:17%;	
}		
.H-Feature {
height:5px;	
}
	
.PD-80 {
padding:30px 10px!important;	
}
	
	
.pd130{
padding-top:0px!important;	
}
	

.pd50{
padding-top:20px!important;	
}		
	

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

.f_Head2 {
    font-size:15px;
	text-decoration: none;
    line-height: 1.2;
}	
	
	
 #Pri {
text-align: center;
   
 }

.reader{
margin-top:-40px;   z-index:8; padding:15px;
}
	
	
.t_FeaturesIC{
    display: table;
    height: auto;

}
	
.form-title{
    font-size:25px;
	text-decoration: none;
    line-height: 1.2;
}
	
.f_mly{
    font-size:17px;
	text-decoration: none;
    line-height: 1.2;
}		
		
}

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

.ic-TA {
    background: url(https://www.timeteccloud.com/landing/hr/img/hr0523/app-TA-over.svg) no-repeat scroll center center / 100% auto rgba(0, 0, 0, 0);
    content: "";
    display: inline-block;
    height: 60px;
    position: relative;
    vertical-align: middle;
    width: 60px;
	transition: all 0.5s;
    cursor: pointer;
	background-color: #eff4f7;
	border-radius:90px;
}

.ic-TA:hover {
    background: url(https://www.timeteccloud.com/landing/hr/img/hr0523/app-TA.svg) no-repeat scroll center center / 100% auto rgba(0, 0, 0, 0);
	transition: all 0.5s;
    cursor: pointer;
}

.ic-Leave {
    background: url(https://www.timeteccloud.com/landing/hr/img/hr0523/app-Leave-over.svg) no-repeat scroll center center / 100% auto rgba(0, 0, 0, 0);
    content: "";
    display: inline-block;
    height: 60px;
    position: relative;
    vertical-align: middle;
    width: 60px;
	transition: all 0.5s;
    cursor: pointer;
	background-color: #eff4f7;
	border-radius:90px;
}

.ic-Leave:hover {
    background: url(https://www.timeteccloud.com/landing/hr/img/hr0523/app-Leave.svg) no-repeat scroll center center / 100% auto rgba(0, 0, 0, 0);
	transition: all 0.5s;
    cursor: pointer;
}


.ic-Claim {
    background: url(https://www.timeteccloud.com/landing/hr/img/hr0523/app-Claim-over.svg) no-repeat scroll center center / 100% auto rgba(0, 0, 0, 0);
    content: "";
    display: inline-block;
    height: 60px;
    position: relative;
    vertical-align: middle;
    width: 60px;
	transition: all 0.5s;
    cursor: pointer;
	background-color: #eff4f7;
	border-radius:90px;
}

.ic-Claim:hover {
    background: url(https://www.timeteccloud.com/landing/hr/img/hr0523/app-Claim.svg) no-repeat scroll center center / 100% auto rgba(0, 0, 0, 0);
	transition: all 0.5s;
    cursor: pointer;
}


.ic-Payroll{
    background: url(https://www.timeteccloud.com/landing/hr/img/hr0523/app-Payroll-over.svg) no-repeat scroll center center / 100% auto rgba(0, 0, 0, 0);
    content: "";
    display: inline-block;
    height: 60px;
    position: relative;
    vertical-align: middle;
    width: 60px;
	transition: all 0.5s;
    cursor: pointer;
	background-color: #eff4f7;
	border-radius:90px;
}

.ic-Payroll:hover {
    background: url(https://www.timeteccloud.com/landing/hr/img/hr0523/app-Payroll.svg) no-repeat scroll center center / 100% auto rgba(0, 0, 0, 0);
	transition: all 0.5s;
    cursor: pointer;
}	



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




.iconX {
	display: none;
}
	
.hide1 {
	display: none;
}

.hide2 {
	display: block;
}
	
.SignTA {
color:#ed1c24;
text-shadow: 1px 1px #fff;	
}

.Zoom100 {
	width: 75%;
	height: auto;
}	
	

.ic-Feature {
width:17%;	
}	

.H-Feature {
height:5px;	
}	
	
.PD-80 {
padding:30px 10px!important;	
}
	
	
.f_Head1{
    font-size:30px;
	text-decoration: none;
    line-height: 1.2;
}

.f_Head2 {
    font-size:15px;
	text-decoration: none;
    line-height: 1.2;
}	
	
 #Pri {
text-align: center;
   
 }
	
.reader{
margin-top:-50px;   z-index:8; padding:15px;
}	
	
	
.pd130{
padding-top:0px!important;	
}
	

.pd50{
padding-top:20px!important;	
}	

.t_FeaturesIC{
    display: table;
    height: auto;

}
	
.form-title{
    font-size:25px;
	text-decoration: none;
    line-height: 1.2;
}
	
	
.f_mly{
    font-size:17px;
	text-decoration: none;
    line-height: 1.2;
}	
		
}