.cols-2 {
	width: 47%;
    margin-right: 1.5%;
    display: inline-block;
}
.cols-1 {
	width: 98%;
    margin-right: 1.5%;
    display: inline-block;
}

#wrapper {
	max-width: 80vw;
    width: 100%;
    margin: 0 10vw;
    top: 80px;
    position: absolute;
    z-index: 1;
    left: auto;
    right: auto;
}

header.masthead .carousel-inner .carousel-item {
	min-height: 640px;
	max-height: 640px;
}


/* Form Position*/
#register-form {
	width: 80vw;
    position: absolute;
    background: rgba(255,255,255,.939);
    z-index: 2;
    top: 80px;
    margin: 0 10vw;
}
#register-form section {
	margin: auto;
	padding: 1em;
	max-width: 640px;
}
#register-form section.step-expand {
	max-width: 1280px;
}

/* Form Tab Style */
#register-form .content h3 {
	display:none;
}
#register-form ul[role="tablist"] {
	list-style-type: none;
	font-family: 'Pridi', sans-serif;
	margin: 0;
	padding: 0;
}
#register-form ul[role="tablist"] li {
	width: 25%;
	display: inline-block;
	padding: 0.8em;
	text-align: center;
	font-size: 1.2em;
	background-color: #EBEBEB;
	border-bottom: 4px solid #D6D6D6;
}
#register-form ul[role="tablist"] li a:hover{
	text-decoration: none;
}
#register-form ul[role="tablist"] li:nth-child(odd) {
	background-color: #D7D7D7;
	border-bottom-color: #ccc;
}
#register-form ul[role="tablist"] li.disabled {
	pointer-events: none;
   	cursor: default;
}
#register-form ul[role="tablist"] li.first {
	pointer-events: none;
   	cursor: default;
	font-size: 24px;
    padding: 0.45em .8em .5em .8em;
}

/* Hide icon on not conplete tab*/
#register-form ul[role="tablist"] li:not(.done) i {
	display: none;
}
#register-form ul[role="tablist"] li.done i:before {
	/*content: "\f05d";*/
	content: "\f046";
	font-size: 23px;
	color: #FFFF01;
}
#register-form ul[role="tablist"] li.first i:before {
	content: "\f0f6";
	color: #fff;
}
    
#register-form ul[role="tablist"] li.current i {
	display: inherit;
	color: #ccc;
}
#register-form ul[role="tablist"] li a {
	color: #959595;
}
#register-form ul[role="tablist"] li.current {
	background-color: #008b80;
	border-bottom: 4px solid #BDDF47;
	color: white;
}
#register-form ul[role="tablist"] li.current a {
	color: white;
}
#register-form ul[role="tablist"] li a span.number,
#register-form ul[role="tablist"] li.current a span.current-info {
	display: none;
}
#register-form ul[role="tablist"] li.done {
	background-color: #00BB4B;
	border-color: #BDDF47;
}
#register-form ul[role="tablist"] li.done a {
	color: white;
}

/* Form Responsive Title*/
@media (max-width: 1350px) {
	#register-form ul[role="tablist"] li a{
		font-size: 0.8em;
	}
}
@media (max-width: 1110px) {
	#register-form ul[role="tablist"] li a{
		font-size: 0.7em;
	}
}
@media (max-width: 991px) {
	#register-form ul[role="tablist"] li:not(.current) {
		display: none;
	}	
	#register-form ul[role="tablist"] li {
		width: 100%;
	}
	#register-form ul[role="tablist"] li a{
		font-size: 1em;
	}
}
@media (max-width: 767px) {
	.cols-2 {
		width: 100%;
	    margin: 0;
	}
}


/*Form Content Style*/
#register-form {
	font-size: 1em;
	font-family: 'Pridi', sans-serif;
}
#register-form h2 {
	margin-top: 20px;
	font-size: 1.2em;
	color: #00BC4B;
	display: inline;
}



/* Form Button Style */
#register-form .actions{
	text-align: center;
}
#register-form .actions ul {
	list-style-type: none;
	font-family: 'Pridi', sans-serif;
	margin: auto;
	padding: 0;
	max-width: 600px;
}
#register-form .actions ul li {
	display: inline-block;
}
#register-form .actions ul li a {
	background-color: #00BB4B;
	border-radius: 2px;
	color: white;
	padding: 0.5em 1em;
	margin: 0px 10px 20px;
	position: relative;
    display: inline-block;
}
#register-form .actions ul li.disabled a, .custom-disabled a{
	pointer-events: none;
   	cursor: default;
   	background: #ccc !important;
}


/* From error */
[include*="form-input-select()"] select.parsley-error, 
[include*="form-input-text()"] input.parsley-error {
	border-bottom-color: #FF5757;
}
.parsley-errors-list li {
	color: #FF5757;
    top: 44px;
    position: absolute;
    font-size: 0.7em;
}
.parsley-errors-list {
	list-style-type: none;
	font-family: 'Pridi', sans-serif;
	margin: 0;
	padding: 0;
}





.addable-form [include="form-input-text"] {
	
}

.addable-button {
    font-size: 1.2em;
    color: #008b80;
    cursor: pointer;
    margin: 5px 0;
}
.hidden {
	display: none !important;
}
#reg3 > div {
	margin-bottom: 20px;
}