/* @font-face {
			  font-family: 'Glyphicons Halflings';
			  src: url("/ERegistMemberWeb/javax.faces.resource/glyphicons-halflings-regular.eot.xhtml?ln=fonts");
			  src: url("/ERegistMemberWeb/javax.faces.resource/glyphicons-halflings-regular.eot.xhtml?ln=fonts&#iefix") format('embedded- opentype'), url("/ERegistMemberWeb/javax.faces.resource/glyphicons-halflings-regular.woff.xhtml?ln=fonts") format('woff'), url("/ERegistMemberWeb/javax.faces.resource/glyphicons-halflings-regular.ttf.xhtml?ln=fonts") format('truetype'), url("/ERegistMemberWeb/javax.faces.resource/glyphicons-halflings-regular.svg.xhtml?ln=fonts&#glyphicons-halflingsregular") format('svg');
			}

 */
 
 
@font-face {
    font-family: 'promptregular';
    src: url('/ERegistMemberWeb/javax.faces.resource/prompt-regular-webfont.woff2.xhtml?ln=fonts') format('woff2'),
         url('/ERegistMemberWeb/javax.faces.resource/prompt-regular-webfont.woff.xhtml?ln=fonts') format('woff'),
         url('/ERegistMemberWeb/javax.faces.resource/prompt-regular-webfont.svg.xhtml?ln=fonts#promptregular') format('svg');
    font-weight: normal;
    font-style: normal;

}



 @font-face {
   

	font-family: 'kanitlight';
  
  	src: url('/ERegistMemberWeb/javax.faces.resource/kanit-light-webfont.woff2.xhtml?ln=fonts') format('woff2'),
       
  	url('/ERegistMemberWeb/javax.faces.resource/kanit-light-webfont.woff.xhtml?ln=fonts') format('woff');

   	font-weight: normal;
    font-style: normal;

}







@font-face {
  
  	font-family: 'kanitmedium';
  
  	src: url('/ERegistMemberWeb/javax.faces.resource/kanit-medium-webfont.woff2.xhtml?ln=fonts') format('woff2'),
   
    url('/ERegistMemberWeb/javax.faces.resource/kanit-medium-webfont.woff.xhtml?ln=fonts') format('woff');
  
 	font-weight: normal;
   
 	font-style: normal;

}


body {
    background: white;
    /* font-size: 16px;
    font-family: 'kanitlight';
    font-weight: normal;
    font-style: normal; */
    font: normal 14px/1.35em 'Helvetica Neue', Arial, Tahoma;
    line-height: 28px;
    color: #777777;
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: 100%;
}

h1, .h1, h2, .h2, h3, .h3 {
    margin-top: 20px;
    margin-bottom: 20px;
    /* font-family: 'kanitmedium'; */
    font-family: 'promptregular';
    color:#685a7d;
    font-size: 40px;
    font-weight: bold;
}

h4, .h4 {
    font-size: 17px;
    /* font-family: 'kanitlight'; */
    font-family: 'promptregular';
    color:#685a7d;
}

h5, .h5 {
    font-size: 14px;
    /* font-family: 'kanitlight'; */
    font-family: 'promptregular';
    color:#685a7d;
}

a, a:visited {
    -webkit-transition: all 150ms ease-in;
    -moz-transition: all 150ms ease-in;
    -o-transition: all 150ms ease-in;
    transition: all 150ms ease-in;
}


a, a:visited {
   /*  color: #ed6b05; */
    text-decoration: none !important;
    outline: 0;
}

a {
    color: #ed6b05;
    text-decoration: none ;
}

.row:before, .row:after {
    content: " ";
    display: table;
}

*, *:before, *:after {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

/* Menu Styles */
.third-level-menu {
	position: absolute;
	top: 0;
	right: -160px;
	width: 160px;
	list-style: none;
	padding: 0;
	margin: 0;
	display: none;
}

.third-level-menu>li {
	border-top: 1px solid #DDDDDD;
	border-bottom: 1px solid #DDDDDD;
	border-left: 1px solid #DDDDDD;
	background: #DFDCE0;
	min-height:24px;
}

.third-level-menu>li:hover {
	background: #E4E2E4;
}

.second-level-menu>li>a {
	color:#7D7D7D;
	font-size:15px;
	
}
.second-level-menu {
	position: absolute;
	top: 33px;
	left: -90px;
	width: 250px;
	list-style: none;
	padding: 0;
	margin: 0;
	display: none;
	border-top: 1px solid #DDDDDD;
	border-right: 1px solid #DDDDDD;
	border-left: 1px solid #DDDDDD;
	border-bottom: 1px solid #DDDDDD;
}

.second-level-menu>li {
	position: relative;
	background: #FFF;
	padding-left: 10px;
	min-height:24px;
	text-align:left;
	border-bottom:1px solid #ddd;
}

.second-level-menu>li:hover {
	background: #FFF;
}

.top-level-menu {
	list-style: none;
	padding: 0;
	margin: 0;
}

.top-level-menu>li {
	position: relative;
	float: left;
	height: 40px;
	margin-left: 20px;
		
	text-align:center;
}

.top-level-menu>li>a {
	color:#31373a;
	/* font-family: 'kanitmedium'; */
	font-family: 'promptregular';
	font-size:15px;
	
}

.top-level-menu>li:hover {
	/* border-bottom: 3px solid #FFF; */
}

.top-level-menu li:hover>ul {
	/* On hover, display the next level's menu */
	display: inline;
}





/* Menu Link Styles */
.top-level-menu a /* Apply to all links inside the multi-level menu */ {
	font: bold 12px;
	color: #31373a;
	text-decoration: none;
	padding: 0 0 0 10px;
	/* Make the link cover the entire list item-container */
	display: block;
	line-height: 40px;
}

.top-level-menu a:hover {
	/* color: #000000; */
	opacity:0.9;
}

.second-level-menu a /* Apply to all links inside the multi-level menu */ {
	font: bold 12px;
	color: #31373a;
	text-decoration: none;
	padding: 5 0 0 5px;
	/* Make the link cover the entire list item-container */
	display: block;
	line-height: 40px;
}

.third-level-menu a /* Apply to all links inside the multi-level menu */ {
	font: bold 12px;
	color: #31373a;
	text-decoration: none;
	padding: 5 0 0 5px;
	/* Make the link cover the entire list item-container */
	display: block;
	line-height: 40px;
}

.site-header.site-header-shrink {
    padding: 7px 0;
    top:0;
    width: 100%;
    background: #685a7d;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 0px 3px;
    -moz-box-shadow: rgba(0, 0, 0, 0.35) 0px 0px 3px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.35) 0px 0px 3px;
    z-index: 400;
    padding: 7px 0;
    overflow: visible;
    
     opacity:1;
}

.site-header {
    position: fixed;
    top: -100px;
    left: 0;
    width: 100%;
    background: #685a7d;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 0px 3px;
    -moz-box-shadow: rgba(0, 0, 0, 0.35) 0px 0px 3px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.35) 0px 0px 3px;
    z-index: 400;
    padding: 25px 0;
    overflow: visible;
    -webkit-transition: all .3s ease .15s;
	-moz-transition: all .3s ease .15s;
	-o-transition: all .3s ease .15s;
	-ms-transition: all .3s ease .15s;
	transition: all .3s ease .15s;
     opacity:0;
}

.main-navigation{
	line-height:40px;
	
}

#home_eregist {
	 background-image: url("/ERegistMemberWeb/javax.faces.resource/move_img2.jpg.xhtml?ln=images");
}
	
#home_howtouse {
	 background-image: url("/ERegistMemberWeb/javax.faces.resource/move_img3.jpg.xhtml?ln=images");
}
	
#home_online {
	 background-image: url("/ERegistMemberWeb/javax.faces.resource/move_img4.jpg.xhtml?ln=images");
}		

#activity_online{
	background-image: url("/ERegistMemberWeb/javax.faces.resource/time-line-2.png.xhtml?ln=images");
}
			
.top-level-menu>li a{
	
    padding: 1px 15px;
    display: block;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    cursor:pointer;
}

.top-level-menu>li a.active{
	
	background-color:#91c5a9;	
 	color:#ed6b05;
}

.top-level-menu>li a:hover{
	
 	color:#ed6b05;
}

.useronline{
	background-color: #ddd;
    border-radius: 100%;
    width: 34px;
    height: 34px;
    /* margin-top: 5px; */
    line-height: 34px;
    text-align: center;
}

.parallax {
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	color: #fff;
	overflow: hidden;
}
			
.parallax-overlay {
	background-color: rgba(0, 0, 0, 0.65);
	/* padding: 20px 0px; */
}

.parallax2-overlay {
	background-color: rgba(0, 0, 0, 0.65);
	/* padding: 20px 0px; */
}
			
.pageTitle {
	padding-top: 70px;
	padding-bottom: 70px;
			    
			}
.page-title {
	color: white;
	margin: 5px 0 0 0;
	font-size: 30px;
	font-weight: 800;
}

.first-widget {
	position: relative;
	margin-top: 108px;
}

.page-location {
    /* background-color: rgba(0, 0, 0, 0.4); */
    display: inline-block;
    font-size: 24px;
    padding: 7px 12px;
    font-family: 'promptregular';

}

.page-location-title {
    background-color: rgba(0, 0, 0, 0.4);
    display: inline-block;
    font-size: 14px;
    padding: 7px 12px;
    font-family: 'promptregular';

}

.pagesec-location {
    /* background-color: rgba(0, 0, 0, 0.4); */
    display: inline-block;
    font-size: 16px;
    padding-top: 20px;
    font-family: 'promptregular';

}



.pageMain{
	
	margin-top: 70px;
    margin-bottom: 40px;
}

.post-blog {
    margin-bottom: 60px;
    padding-bottom: 40px;
   /*  border-bottom: 1px solid #dce4e6; */
}

.post-blog .blog-content h3 a {
    color: #31373a;
}

.post-blog .blog-content span {
    color: #91c5a9;
    margin-right: 10px;
    font-size: 14px;
}
.light-text {
    color: #aaaaaa;
}
p {
    margin: 0 0 20px 0;
    color:#626262;
}
.post-blog .blog-content span a {
    color: #aaaaaa;
}
.meta-date:after, .meta-comments:after {
    content: '/';
    margin-left: 10px;
}

.pages {
    margin: 20px 0 100px 0;
    min-height: 80px;
}

.pages li a.active {
    color: #FFF;
}

.pages li a {
   /*  padding: 10px 12px; */
    background-color: #f1f4f5;
    color: #31373a;
}

ul, menu, dir {
    display: block;
    list-style-type: disc;
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    -webkit-padding-start: 40px;
    /* font-family: 'kanitlight'; */
    font-family: 'promptregular';
}
li{
	list-style:none;
}

.sidebar-widget {
    margin-bottom: 60px;
    /* margin-top: 19px; */
}

.widget-title {
    font-size: 14px;
    font-weight: 800;
    margin: 0 0 30px 0;
    padding-top: 7px;
}

.last-post {
    /* padding-bottom: 20px; */
    margin-bottom: 20px;
    border-bottom: 1px solid #dce4e6;
}


.clearfix:before, .clearfix:after {
    content: " ";
    display: table;
}

.last-post .thumb {
    overflow: hidden;
    margin-right: 15px;
}

.pull-left {
    float: left !important;
}

.last-post .content {
    overflow: hidden;
}

.last-post .content h4 a {
    color: #685a7d;
}

.categories ul li:before {
    content: '-';
    color: #91c5a9;
    margin-right: 10px;
}

.site-footer {
    background-color: #685a7d;
    padding: 30px;
    color: #FFF;
    font-family: "Raleway", sans-serif;
}

.footer-menu {
    list-style: none;
    padding: 0;
    margin: 0;
}

.site-footer *{
	    /* font-family: 'kanitmedium'; */
	    font-family: 'promptregular';
	
}

.footer-menu li {
    display: inline-block;
    margin: 0 20px;
}

.footer-menu li a {
    color: #fff;
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 700;
}

.footer-menu, .copyright-text {
    text-align: center;
}

.copyright-text {
    margin-top: 30px;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 13px;
    color:#FFF;
}

.box-show{
	/* background-color:#91c5a9;	 */
	margin: 0 auto;
	
}

.box-show:hover{
	
	opacity:0.8;
}

.box-show a{
	display:block;
	color:#685a7d;
	/* font-family: 'kanitmedium'; */
	font-family: 'promptregular';
}

.box-show a:hover{
	display:block;
	
	
}

.main-nav ul, .main_menu, .main_menu li ul, #filters, .pages, .project-single .meta-post, .archive-wrapper .archive-list, .categories ul, .thumbs, .footer-menu {
    list-style: none;
    padding: 0;
    margin: 0;
}

.main-nav ul li {
    float: left;
    display: block;
    margin-left: 20px;
    position: relative;
}

a.menu-toggle-btn {
    float: right;
    margin-right: 20px;
    color: #31373a;
    font-size: 14px;
    display: block;
}

em, i {
    font-style: italic;
}
.navbar-nav > li > a{
	font-weight:bold;	
	font-size: 15px;
}

.navbar-nav > li {
    margin-right:20px;
}


.navbar-nav > .active > a {
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	
}

.navbar-nav li:hover>ul {
	/* On hover, display the next level's menu */
	display: inline;
}



	
@media (max-width: 767px) {
	.useronline{
		display:none;
	}
	.main-navigation {
	    line-height: 40px;
/* 	    width: 100%;
 */	}
	
	
	
	
}


@media (min-width: 768px) {
	.ul_user{
		display:none;
	}
}

.navbar-default .navbar-nav > li > a:hover {
    color: #ed6a05;
    background-color: #fff;
}


.nav_user {
  padding-right: 15px;
  padding-left: 15px;
  border-top: 1px solid transparent;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
  -webkit-overflow-scrolling: touch;
}

.tab-top{
	margin-top:30px;
	
}

.red-text{
color:red;	
	
}

.post-blog .blog-image {
    overflow: hidden;
    margin-bottom: 20px;
    max-height: 300px;
}



.cta {
    padding: 35px 0;
    border-bottom: 1px solid #dce4e6;
    text-align: center;
    background-color:#685a7d;
}

.cta .cta-title {
    display: inline-block;
    margin: 0 50px 0 0;
    font-size: 18px;
    color:#FFF;
}

@media (max-width: 767px){
	.cta .cta-title {
	    display: block;
	    margin-bottom: 30px;
	}

}

@media (max-width: 992px){
	.cta .cta-title {
	    display: block;
	    margin-bottom: 30px;
	}
	.line-step{
		display:none;
		
	}

}



a.main-button.accent-color {
    background-color: #ed6c05;
    color: white;
    font-size: 15px;
}

.main-button {
    padding: 12px 15px;
    font-size: 12px;
    font-family: "Raleway", sans-serif;
    text-transform: uppercase;
    font-weight: 700;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
}

.status_step{
	position:relative;
	margin-top:100px;
	margin-bottom:50px;
}
.icon-step{
	position:relative;
	z-index: 100;
}
.line-step{
	position:relative;
	top: -50px;
	border:3px solid #eee;
	
}
.ball-step{
	height: 40px;
    width: 40px;
    line-height: 36px;
    background-color: #cfcfcf;
    font-size: 15px;
    font-weight: bold;
    color: #FFF;
    border: 3px solid #cfcccc;
   	margin: 0 auto;
   	border-radius:99px;
 -moz-border-radius:99px;
 -webkit-border-radius:99px;
}

.active-box{
	background-color:#ed6b05;
}

.box-comment{
	border: 1px solid #c7c4c4;
    color: #000;
    background: #f8e1b4;
    padding: 6px;
    margin-bottom: 30px;
}

.hint-comment{
	margin-top:8px;
}
.icon-question{
	max-width: 40px;
}

.term_condition{
	margin-bottom:30px;
}
.box_term{
	background-color:#eee;
	height:400px;
	margin-bottom:30px;
}
.term_detail{
	background-color: #FFF;
    margin: 20px;
    height: 360px;
    overflow-y: scroll;
    border: 1px solid #c7c6c6;
    padding: 20px 15px 0px 15px;
}

.head-term{
	font-weight:bold;
	font-size:14px;
}
.text-term{
	font-size:13px;
	display: inline-block;
	text-indent: 1.5em;
}

.text-term2{
	font-size:13px;
	display: inline-block;
	text-indent: 3.5em;
}

.line-term{
	border-bottom:1px solid #eee;
}

.submit-term{
	margin-top:30px;
}

fieldset.scheduler-border2 {
    border: 1px solid #685a7d !important;
    padding: 0 1.4em 1.4em 1.4em !important;
    margin: 0 0 1.5em 0 !important;
    -webkit-box-shadow:  0px 0px 0px 0px #EEE;
            box-shadow:  0px 0px 0px 0px #EEE;
}

legend.scheduler-border2 {
    width:inherit; /* Or auto */
    padding:0 10px; /* To give a bit of padding on the left and right */
    border-bottom:none;
    font-size:20px;
    font-family: promptregular;
    font-weight: bold;
}

fieldset.scheduler-border {
    border: 1px solid #ed6b05 !important;
    padding: 0 1.4em 1.4em 1.4em !important;
    margin: 0 0 1.5em 0 !important;
    -webkit-box-shadow:  0px 0px 0px 0px #EEE;
            box-shadow:  0px 0px 0px 0px #EEE;
}

legend.scheduler-border {
    width:inherit; /* Or auto */
    padding:0 10px; /* To give a bit of padding on the left and right */
    border-bottom:none;
    font-size:20px;
    font-family: promptregular;
    font-weight: bold;
}
.left-pf-tab{
	padding-top: 3px;
    padding-bottom: 3px;
	background-color:#eee;
	box-shadow: rgba(0, 0, 0, 0.35) 0px 0px 1px;
    -moz-box-shadow: rgba(0, 0, 0, 0.35) 0px 0px 3px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.35) 0px 0px 1px;
}

#home_slide{
		
		}
		.first-home{
			height:100%;
		}
		.overlay {
		    width: 100%;
		    height: 100%;
		    background: rgba(0, 0, 0, 0.7);
		}
		.parallax-overlay img {
			width:100%;
			height:100%;
		}
		.home-contain{
			position:relative;
		}
		.title-home{
			color: white;
		    margin: 0;
		    position: absolute;
		    top: 0;
		    left: 0;
		    text-transform: uppercase;
		    z-index: 7;
		    width: 100%;
		    height: 100%;
		    display: -webkit-flex;
		    display: -ms-flexbox;
		    display: flex;
		    -webkit-justify-content: center;
		    -ms-flex-pack: center;
		    justify-content: center;
		    -webkit-align-items: center;
		    -ms-flex-align: center;
		    align-items: center;
		}
		.home-caption{
			margin-top:270px;
			padding-left: 15px;
    		padding-right: 15px;
    		text-align:center;
		}
		.first-caption{
			font-size:40px;
			font-weight:bold;
		}
		.sec-caption{
			color: #eb5424;
		    padding-bottom: 20px;
		    letter-spacing: 2px;
		}
		.third-caption{
			padding: 12px;
		    color: #fff;
		    font-size:15px;
		    font-weight:bold;
		    -webkit-border-radius: 3px;
		    -moz-border-radius: 3px;
		    -ms-border-radius: 3px;
		    -o-border-radius: 3px;
		    border-radius: 3px;
		    background:#eb5424;
		    border:1px solid #eb5424;
			display:block;
		    /* background: rgba(235,84,36,0.6); */
		    /* background: rgba(0,0,0,0.6); */
		}
		
		.third-caption:hover{
			color:#eb5424;
			background-color:#FFF;
			border:1px solid #eb5424;
		}
		
		.quard-caption{
			padding: 12px;
		    color: #fff;
		    font-size:15px;
		    font-weight:bold;
		    -webkit-border-radius: 3px;
		    -moz-border-radius: 3px;
		    -ms-border-radius: 3px;
		    -o-border-radius: 3px;
		    border-radius: 3px;
		    background: #91c5a9;
		    border:1px solid #91c5a9;
			display:block;
		    /* background: rgba(235,84,36,0.6); */
		    /* background: rgba(0,0,0,0.6); */
		}
		
		.quard-caption:hover{
			color:#91c5a9;
			background-color:#FFF;
			border:1px solid #91c5a9;
		}
		
		.fifth-caption{
			padding: 12px;
		    color: #fff;
		    font-size:15px;
		    font-weight:bold;
		    -webkit-border-radius: 3px;
		    -moz-border-radius: 3px;
		    -ms-border-radius: 3px;
		    -o-border-radius: 3px;
		    border-radius: 3px;
		    background:#929292;
		    border:1px solid #929292;
			display:block;
		    /* background: rgba(235,84,36,0.6); */
		    /* background: rgba(0,0,0,0.6); */
		}
		
		.fifth-caption:hover{
			color:#929292;
			background-color:#FFF;
			border:1px solid #929292;
		}
		
		a.fifth-caption:focus  {
		   	color:#FFF;
		    text-decoration: none !important;
		    outline: 0;
		}
		a.fifth-caption:hover{
			color:#929292;
		}
		
		a.third-caption:focus  {
		   	color:#FFF;
		    text-decoration: none !important;
		    outline: 0;
		}
		a.third-caption:hover{
			color:#eb5424;
		}
		
		a.quard-caption:focus  {
		   	color:#FFF;
		    text-decoration: none !important;
		    outline: 0;
		}
		a.quard-caption:hover{
			color:#91c5a9;
		}
		
		.gen-caption{
			display:table;
			margin: 0 auto;
		}
		.caption-btn{
			    width: 270px;
			    display: table-cell;
			    padding: 0px 20px;
		}
		
	 .media .fa {
	    color: #eb5424;
	    font-size: 60px;
	    margin-right: 20px;
	    width: 65px;
	    height: 65px;
	}
	
	.cd-timeline-img .fa {
	   color: #FFF;
	    font-size: 18px;
	    font-weight: bold;
	    /* margin-right: 20px; */
	    /* width: 65px; */
	    line-height: 35px;
	    height: 65px;
	    text-align: center;
	}
	
	
	
.cd-container {
    width: 90%;
    max-width: 1170px;
    margin: 0 auto;
}

.cd-container::after {
    content: '';
    display: table;
    clear: both;
}

#cd-timeline, #cd-timeline-2 {
    position: relative;
    padding: 2em 0;
    margin-top: -30px;
    margin-bottom: 2em;
}

#cd-timeline::before, #cd-timeline-2::before {
    content: '';
    position: absolute;
    top: 0;
    left: 18px;
    height: 100%;
    width: 4px;
    background: #ccc;
}

@media only screen and (min-width: 1170px) {
    #cd-timeline, #cd-timeline-2 {
        margin-top: -30px;
        margin-bottom: 3em;
    }

    #cd-timeline::before, #cd-timeline-2::before {
        left: 50%;
        margin-left: -2px;
    }
}

.cd-timeline-block {
    position: relative;
    margin: 2em 0;
}

.cd-timeline-block:after {
    content: "";
    display: table;
    clear: both;
}

.cd-timeline-block:first-child {
    margin-top: 0;
}

.cd-timeline-block:last-child {
    margin-bottom: 0;
}

@media only screen and (min-width: 1170px) {
	.cd-timeline-img .fa {
	   color: #FFF;
	    font-size: 30px;
	    font-weight: bold;
	    /* margin-right: 20px; */
	    /* width: 65px; */
	    line-height: 55px;
	    height: 65px;
	    text-align: center;
	}
    .cd-timeline-block {
        margin: -3em 0;
    }
	
	#cd-timeline-2 .cd-timeline-block {
        margin: -12em 0;
    }
	
	#cd-timeline-2 .cd-timeline-block:first-child {
        margin-top: 0;
    }
	
	#cd-timeline-2 .cd-timeline-block:last-child {
        margin-bottom: 0;
    }

    .cd-timeline-block:first-child {
        margin-top: 0;
    }

    .cd-timeline-block:last-child {
        margin-bottom: 0;
    }
}

.cd-container .projects {
    margin-left: 40px;
}

.cd-timeline-img {
   	position: absolute;
    top: 0;
    left: 0;
    width: 40px;
    height: 40px;
    border-radius: 50%;
   /*  border: 4px solid #fff;
    background-color: #eb5424; */
    text-align: center;
}

.cd-timeline-img img {
    display: block;
    width: 24px;
    height: 24px;
    position: relative;
    left: 50%;
    top: 50%;
    margin-left: -12px;
    margin-top: -12px;
}

.cd-timeline-img:hover {
    background-color: #ec8969;
    cursor: pointer;
}

@media only screen and (min-width: 1170px) {
    .cd-timeline-img {
        width: 60px;
        height: 60px;
        left: 50%;
        margin-left: -30px;
    /* Force Hardware Acceleration in WebKit */
        -webkit-transform: translateZ(0);
        -webkit-backface-visibility: hidden;
    }

    .cssanimations .cd-timeline-img.is-hidden {
        visibility: hidden;
    }

    .cssanimations .cd-timeline-img.bounce-in {
        visibility: visible;
        -webkit-animation: cd-bounce-1 0.6s;
        -moz-animation: cd-bounce-1 0.6s;
        animation: cd-bounce-1 0.6s;
    }
}

@-webkit-keyframes cd-bounce-1 {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.5);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale(1.2);
    }

    100% {
        -webkit-transform: scale(1);
    }
}

@-moz-keyframes cd-bounce-1 {
    0% {
        opacity: 0;
        -moz-transform: scale(0.5);
    }

    60% {
        opacity: 1;
        -moz-transform: scale(1.2);
    }

    100% {
        -moz-transform: scale(1);
    }
}

@keyframes cd-bounce-1 {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.5);
        -moz-transform: scale(0.5);
        -ms-transform: scale(0.5);
        -o-transform: scale(0.5);
        transform: scale(0.5);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale(1.2);
        -moz-transform: scale(1.2);
        -ms-transform: scale(1.2);
        -o-transform: scale(1.2);
        transform: scale(1.2);
    }

    100% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }
}

.cd-container .projects {
    position: relative;
    float: left;
    background-color: transparent !important;
}

.cd-timeline-content {
    position: relative;
    margin-left: 60px;
    background-color: #91c5a9;
    border-radius: 0.50em;
    text-align: left;
}

.cd-timeline-content:hover {
	opacity: 0.5;
    cursor: pointer;
}

.cd-timeline-content a {
	color:#FFF;
}

.cd-timeline-content:after {
    content: "";
    display: table;
    clear: both;
}

.cd-timeline-content h2 {
    font-family: 'promptregular';
    font-size: 22px !important;
    font-weight: 600;
    color: #685a7d;
    margin-top: 0;
    padding-bottom: 10px;
    text-transform: uppercase;
}

.cd-timeline-content .cd-read-more, .cd-timeline-content .cd-date {
    display: inline-block;
}

.cd-timeline-content p {
    font-size: 16px !important;
    color: #FFF;
    line-height: 24px;
}

.projects img {
    border: 4px solid #eee;
    max-width: 100%;
}

.project-content {
    position: absolute;
    z-index: 999;
    background-color: #eee;
    opacity: 0.9;
    top: 0;
    left: 0;
    width: 100%;
}

.project-content h2 {
    padding-top: 15px;
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 10px;
}

.project-content span {
    font-family: 'promptregular';
    font-size: 12px;
    text-transform: uppercase;
    color: #777;
    margin-left: 15px;
    margin-top: -15px;
    padding-bottom: 10px;
    display: block;
}

.cd-timeline-content::before {
    content: '';
    position: absolute;
    top: 16px;
    right: 100%;
    height: 0;
    width: 0;
    border: 7px solid transparent;
    border-right: 7px solid white;
}

@media only screen and (min-width: 768px) {
}

@media only screen and (min-width: 1170px) {
  
    .projects img {
        border: 4px solid #eee;
        max-width: 100%;
    }

    .cd-timeline-content {
        margin-left: 0;
       /*width: 45%; */
        width: 100%;
    }

    .cd-timeline-content::before {
        display: none;
    }

    .cd-timeline-block:nth-child(even) .cd-timeline-content {
        float: right;
    }

    .cd-timeline-block:nth-child(even) .cd-timeline-content::before {
        top: 24px;
        left: auto;
        right: 100%;
        border-color: transparent;
        border-right-color: white;
    }

    .cd-timeline-block:nth-child(even) .cd-timeline-content .cd-read-more {
        float: right;
    }

    .cd-timeline-block:nth-child(even) .cd-timeline-content .cd-date {
        left: auto;
        right: 122%;
        text-align: right;
    }

    .cssanimations .cd-timeline-content.is-hidden {
        visibility: hidden;
    }

    .cssanimations .cd-timeline-content.bounce-in {
        visibility: visible;
        -webkit-animation: cd-bounce-2 0.6s;
        -moz-animation: cd-bounce-2 0.6s;
        animation: cd-bounce-2 0.6s;
    }
}

@media only screen and (min-width: 1170px) {
  /* inverse bounce effect on even content blocks */
    .cssanimations .cd-timeline-block:nth-child(even) .cd-timeline-content.bounce-in {
        -webkit-animation: cd-bounce-2-inverse 0.6s;
        -moz-animation: cd-bounce-2-inverse 0.6s;
        animation: cd-bounce-2-inverse 0.6s;
    }
}

@-webkit-keyframes cd-bounce-2 {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100px);
    }

    60% {
        opacity: 1;
        -webkit-transform: translateX(20px);
    }

    100% {
        -webkit-transform: translateX(0);
    }
}

@-moz-keyframes cd-bounce-2 {
    0% {
        opacity: 0;
        -moz-transform: translateX(-100px);
    }

    60% {
        opacity: 1;
        -moz-transform: translateX(20px);
    }

    100% {
        -moz-transform: translateX(0);
    }
}

@keyframes cd-bounce-2 {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100px);
        -moz-transform: translateX(-100px);
        -ms-transform: translateX(-100px);
        -o-transform: translateX(-100px);
        transform: translateX(-100px);
    }

    60% {
        opacity: 1;
        -webkit-transform: translateX(20px);
        -moz-transform: translateX(20px);
        -ms-transform: translateX(20px);
        -o-transform: translateX(20px);
        transform: translateX(20px);
    }

    100% {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
    }
}

@-webkit-keyframes cd-bounce-2-inverse {
    0% {
        opacity: 0;
        -webkit-transform: translateX(100px);
    }

    60% {
        opacity: 1;
        -webkit-transform: translateX(-20px);
    }

    100% {
        -webkit-transform: translateX(0);
    }
}

@-moz-keyframes cd-bounce-2-inverse {
    0% {
        opacity: 0;
        -moz-transform: translateX(100px);
    }

    60% {
        opacity: 1;
        -moz-transform: translateX(-20px);
    }

    100% {
        -moz-transform: translateX(0);
    }
}

@keyframes cd-bounce-2-inverse {
    0% {
        opacity: 0;
        -webkit-transform: translateX(100px);
        -moz-transform: translateX(100px);
        -ms-transform: translateX(100px);
        -o-transform: translateX(100px);
        transform: translateX(100px);
    }

    60% {
        opacity: 1;
        -webkit-transform: translateX(-20px);
        -moz-transform: translateX(-20px);
        -ms-transform: translateX(-20px);
        -o-transform: translateX(-20px);
        transform: translateX(-20px);
    }

    100% {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
    }
}

#cta {
    background-image: url(../images/cta-bg.png);
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    height: 280px;
}

.cd-timeline-block .projects {
    padding-bottom: 60px;
}





@media (max-width:1170px) {

    .cd-timeline-block .projects {
        padding-bottom: 200px;
    }

  

}

.service-box-content {
    padding: 20px;
}

.cd-timeline-content {
    margin-left: 0;
}

.cd-timeline-block {
    overflow: hidden;
}

.cd-timeline-block .projects {
    max-width: 100%;
    overflow: hidden;
    margin: 0;
    position: relative;
}

.cd-timeline-block .projects img {
    width: 100%;
}

@media (max-width:768px) {
    .cd-timeline-content,
  .cd-timeline-block .projects {
        margin-top: 60px;
        padding-bottom: 40px;
    }

    #big-banner .main-icons {
        text-align: center;
        margin-top: 120px;
    }
}

@media (max-width:1170px) {
    .cd-timeline-content,
  .cd-timeline-block .projects {
        margin-top: 60px;
        padding-bottom: 40px;
    }
}

.contact-discription {
   /*  margin-top: 60px; */
}

.contact-discription h4 {
    font-family: 'promptregular';
    font-size: 22px;
    font-weight: 600;
    color: #685a7d;
    text-transform: uppercase;
}

.contact-discription p {
    margin-top: 22px;
    font-family: 'promptregular';
    font-size: 16px;
    color: #685a7d;
    font-weight: 500;
    line-height: 20px;
    
}

.tax-contact{
	margin-top:10px;
}

.aunderline{
		color:#594099;text-decoration: underline;
}

.head_table {
    border-bottom: 1px solid #ddd;
    background-color: #685a7d;
    color: #FFF;
    font-size: 17px;
}
.loader {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background: url("/ERegistMemberWeb/javax.faces.resource/widget-loader-lg-en.gif.xhtml?ln=images") 50% 50% no-repeat rgb(255,255,255);
}

.table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 1rem;
    background-color: transparent;
    border-collapse: collapse;
}

.table-striped tbody tr:nth-of-type(odd) {
  background: #f8f9fa;}
  
.table-striped thead {
  /* Add */
  background: #685a7d;
  color: #fff; }

.table-striped thead tr td {
	border-right: 1px solid #ffffff;
}

.table-striped tbody tr td {
	border-right: 1px solid #ffffff;
}