/* body */
body a {
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-o-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-ms-transition: 0.5s all;
	position: relative;
}
html, body:not(.config) {
	font-family: 'Francois One', sans-serif;
	font-size: 100%;
}
/* end body */
/* error style input form validation */
.error-label {
	color: #a94442;
}
/*early access */
.facebook-access {
	color: #FFF !important;
	text-decoration: none !important;
}
.early-content {
	width: 100%;
	margin: 2em 0;
}
.early-content h2 {
	text-align: center;
	margin: .5em;
}
.early-content .page-header {
	margin: 0;
	border: none;
	padding: 0;
}
/*end early access */
/*menu */
a.facebook, a.config, a.exit {
	color: #3b5998 !important;
	font-size: 1em !important;
	margin: 0 .5em !important;
}
a.signout {
	color: #FFF !important;
	font-size: 1em !important;
	margin: 0 .5em !important;
}

a.signout:hover {
	color: #D74444 !important;
}
.top-header {
	background: #353535;
	padding: .7em 0;
}
.top-header-left {
	float: left;
	width: 50%;
}
.top-header-right {
	float: right;
	width: 35%;
}
.top-header-right-info {
	float: left;
}
.top-header-right-info ul {
	padding: 0;
	margin: 0;
}
.top-header-right-info ul li {
	display: inline-block;
	margin: 0 .7em;
}
.top-header-left p {
	color: #909090;
	font-size: .7em;
	margin: 0.5em 0 0 20em;
	text-transform: uppercase;
	letter-spacing: 1px;
}
.top-header-right-info ul li a:hover {
	text-decoration: none;
	color: #3c754a;
}
.top-header-right-info ul li a {
	color: #909090;
	font-size: .7em;
	margin: 0;
	text-transform: uppercase;
	letter-spacing: 1px;
}
a:hover, a:focus {
	color: #23527c;
	text-decoration: underline;
}
.top-nav ul {
	padding: 0;
	margin: 0 0 0 16em;
	float: none;
}
.logo {
	position: absolute;
	top: 0;
	width: 270px;
	z-index: 999;
	height: 90px;
}
.logo img {
	width: auto;
}
.top-nav ul li a {
	color: #353535 !important;
	font-size: 1em;
	font-family: 'Francois One', sans-serif;
	margin: 0;
	text-decoration: none;
	padding: 1.1em;
	border-right: solid 1px #EFEFEF;
	box-shadow: 1px 0px 0px 0px rgba(72, 72, 72, 0);
}
/* end menu */
/*carrousel */
.carousel-content {
	color: #fff;
	text-align: center;
	text-shadow: 0 1px 2px rgba(0,0,0,.6);
}
.carousel-content p {
	font-size: 14px;
}
.carousel-inner .item > div {
	height: 450px;
	background: rgba(0,0,0,0.4);
	padding: 10em 0 13em;
}
/* end carrousel */
/* first parallax in index */
.parallax-window {
	height: 450px;
}

#app-div {
		height: 550px!important;
}

/* steps (now auto icons) */
.steps-graphics {
	background-image: url("../../images/main.jpg");
	background-repeat: no-repeat;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	background-size: 100%;
	background-position: top center;
	margin: 0px;
	padding: 0.5em;
	color: #fff;
	text-shadow: 0 1px 2px rgba(0,0,0,.6);
}
/* end steps (now auto icons) */
/* stories from users anounce */
.why-us {
	height: 450px;
	background-color: rgba(0,0,0,.6);
	color: #fff;
	text-shadow: 0 1px 2px rgba(0,0,0,.6);
	margin: 3em 0em 0em;
}
.why-us .row > div {
	padding: 0em 1em;
}
.jumbotron {
	font-size: 1em;
	margin: 0px;
	text-align:center;
	font-size: 1em;
	background-color: transparent;
	margin:0px;
}
.jumbotron p{	
	font-size: 1em;
}
.why-us .container > p {
	font-size: 14px;
	text-align: center;
}
.why-us .container > h3:nth-child(1) {
	text-align: center;
}
.breadcrumb {
	background: #353535;
	padding: .7em 0;
}
/* end stories from users anounce */
/* footer */
.footer {
	background-color: #f8f8f8;
}
.footer > div.row {
	margin: 0px;
	width: 100%;
	padding: 0.5em;
}
.footer-nav {
	margin: 1em 0em;
	padding-right: 15px;
	padding-left: 15px;
}
.footer-nav h4 {
	color: #3c754a !important;
	font-size: 2em;
	margin: 0 0 0.1em 0;
	font-family: 'Francois One', sans-serif;
}
.footer-nav h6 {
	color: #3c754a !important;
	font-size: 1em;
}
.footer-nav p {
	padding: 0;
	margin: 0;
	display: block;
	margin: 0.3em 0;
}
.footer-nav p a {
	color: #353535;
	font-size: 1em;
	font-family: 'Francois One', sans-serif;
}
.footer-nav p a:hover {
	color: #2DCB74;
	text-decoration: none;
}
.footer-nav h6 a {
	color: #353535;
}
.footer-nav h6 a:hover {
	color: #2DCB74;
	text-decoration: none;
}
.copyright {
	margin: 0px;
	width: 100%;
	padding: 0.5em;
}
.copyright p {
	font-size: .875em;
	color: #353535;
	margin: 0;
}
/* end footer */
/* blog articles list */

.blog {
	padding: 4em 0;
}
.blog-heading {
	text-align: center;
}
.blog-heading p, .contact-heading p, .about-heading p {
	font-size: 1em;
	margin: 2em auto 0;
	width: 80%;
}
.blog-main-container {
	margin: 4em 0 0 0;
}
.blog-article {
	margin: 0em 0 2em 0;
	padding-right: 1em;
}
.blog-article-content {
	margin-top: 1em;
}
.blog-article-content a {
	font-size: 1.2em;
	margin: 0 0 .5em 0;
	color: #353535;
	text-decoration: none;
	letter-spacing: 1px;
}
.blog-article-content a:hover {
	text-decoration: none;
	color: #DBAC76;
}
.blog-article-head {
	padding: 0 !important;
}
.blog-article-head p {
	margin: 0 0 1em;
	font-size: .9em;
	color: #555555;
}
.blog-article-head p a {
	color: #2DCB74;
	text-decoration: none;
}
.blog-article-head p a:hover {
	color: #DBAC76;
}
.blog-article-head a img {
	width: 100%;
}
.blog-article-content p {
	font-size: .9em;
	margin: 0.5em 0;
	color: #353535;
	line-height: 1.8em;
}
.blog-top-right-container {
	padding-right: 0 !important;
}
/* end blog articles list */
/* pagination */
ul.pagination {
	margin: 2em 0 0;
}
.pagination > li > a, .pagination > li > span {
	color: #353535;
	background-color: #F4F7F9;
}
/* end pagination */
/* old entraces to blog */
.old-entraces {
	margin: 0;
}
.old-entraces h3 {
	font-size: 1.5em;
	margin: 0 0 1em 0;
	padding-bottom: .5em;
	color: #2DCB74;
}
.old-entraces ul {
	margin: 0;
	padding: 0;
}
.old-entraces ul li {
	display: block;
	background: url(../../images/arrow.png) no-repeat 0px 2px;
	margin-bottom: 1em;
}
.old-entraces ul li a {
	font-size: .875em;
	margin: 0;
	color: #353535;
	padding-left: 2em;
}
.old-entraces ul li a:hover {
	color: #2DCB74;
	text-decoration: none;
	transition: .5s all;
	-webkit-transition: .5s all;
	-moz-transition: .5s all;
	-o-transition: .5s all;
	-ms-transition: .5s all;
}
/* end  old entraces to blog */
/* last comments section */
.comments {
	margin: 4em 0;
}
.comments h3 {
	font-size: 1.5em;
	margin: 0 0 1em 0;
	padding-bottom: .5em;
	color: #2DCB74;
}
.comments-left {
	padding: .5em;
}
.comments-left img {
	width: 100%;
}
.comments-right h5 {
	font-size: 1em;
	margin: 0 0 .5em 0;
	color: #2DCB74;
	letter-spacing: 1px;
}
.comments-right a {
	font-size: 1em;
	margin: 0;
	color: #575353;
	text-decoration: none;
}
.comments-right a:hover {
	text-decoration: none;
}
.comments-right p {
	display: block;
	color: #DBAC76;
	margin: .3em 0 0 0;
	font-size: .8em;
}
.comments-text {
	padding: 1.5em 0;
	border-bottom: 1px solid #868686;
}
.comments-text:nth-child(4) {
	border: none;
}
/* end last comments section */
/*comments in article*/
.comment {
	margin-bottom: 5em;
}
.comment h3 {
	font-size: 1.5em;
	margin: 0 0 1em 0;
	color: #2DCB74;
}
.media.comment-info {
	margin-top: 3em;
}
.media-head.comment-text-head {
	width: 13%;
	float: left;
}
.media-head.comment-text-head a img {
	width: 80%;
}
.media-head.comment-text-head h5 a {
	color: #DBAC76;
}
.media-head.comment-text-head h5 a:hover {
	color: #2DCB74;
	text-decoration: none;
}
.comment-text-head h5 {
	font-size: 1em;
	margin: 1em 0 0 0;
	color: #000;
}
.comment-text-content p {
	color: #353535;
	font-size: .9em;
	margin: 0 0 1em;
	line-height: 1.8em;
}
.comment-text-content ul {
	padding: 0;
	text-align: right;
}
.comment-text-content ul li {
	display: inline-block;
	color: #AFAFAF;
	font-size: .9em;
	margin-right: 1em;
}
.comment-text-content ul li a {
	color: #2DCB74;
	font-size: .9em;
	text-decoration: none;
}
.comment-text-content ul li a:hover {
	color: #DBAC76;
}
.media.comment-info {
	margin-top: 3em;
}

/*end commentas in article */

/* response comments input */
.opinion h2 {
	font-size: 1.5em;
	margin: 0 0 1em 0;
	padding-bottom: .5em;
	color: #2DCB74;
}
.opinion form input[type="text"] {
	width: 100%;
	color: #898888;
	outline: none;
	font-size: 1em;
	padding: .5em;
	margin: 0 .5em 1em 0;
	border: solid 1px #D5D4D4;
	-webkit-appearance: none;
}
.opinion form textarea {
	resize: none;
	width: 100%;
	color: #898888;
	font-size: 1em;
	outline: none;
	resize: none;
	padding: .5em;
	border: solid 1px #D5D4D4;
	min-height: 125px;
	-webkit-appearance: none;
}
.opinion form input[type="submit"] {
	border: none;
	outline: none;
	color: #A8A8A8;
	background: none;
	font-size: 1em;
	margin: .6em 0;
	-webkit-appearance: none;
}
.opinion form input[type="submit"]:hover {
	color: #2DCB74;
	transition: .5s all;
	-webkit-transition: .5s all;
	-moz-transition: .5s all;
	-o-transition: .5s all;
	-ms-transition: .5s all;
}
/* end response comments input */
/* reviews*/

	div.speech {
  position: relative; 
  text-align: center; 
  background-color: #fff;
  border: 4px solid #666;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  -webkit-box-shadow: 2px 2px 4px #888;
  -moz-box-shadow: 2px 2px 4px #888;
  box-shadow: 2px 2px 4px #888;
  padding:5px;
}

div.speech p {
    font-size: .875em;
    color: #999;
    margin: 1em 0 0 0;
    line-height: 1.8em;
}

div.speech h5 {
	font-size: 1.3em;
    color: #2DCB74;
    font-family: 'Francois One', sans-serif;
    margin: 0;
    text-transform: capitalize;
}
div.speech h5 small {
    font-size: 0.8em;
}

div.speech:before {
  content: ' ';
  position: absolute;
  width: 0;
  height: 0;
  left: 30px; 
  top:100%;
  border: 15px solid;
  border-color: #666 transparent transparent #666;
}

div.speech:after {
  content: ' ';
  position: absolute;
  width: 0;
  height: 0;
  left: 33px; 
  border: 13px solid;
  border-color: #fff transparent transparent #fff;
}
/*end reviews*/
/* us */
.information, .contact, .services {
	padding: 3em 0 0 0;
}
.information-heading {
	text-align: center;
}
.information-heading p, .popular-heading p, .about-heading p, .codes-heading  p, .gallery-heading p, .blog-heading p, .contact-heading p {
	font-size: 1em;
	margin: 2em auto 0;
	width: 80%;
}
.information-grids {
	margin: 1.2em 0 0 0;
}
.information-grid-img img {
	width: 100%;
}
.information-grid-info {
	padding: 2em;
	background: #FFF;
}
.information-grid-info h4, .team-grid h4,.information-grid-info h5 {
	color: #2DCB74;
	font-size: 2em;
	font-family: 'Francois One', sans-serif;
	margin: 0;
	text-transform: capitalize;
}

.information-grid-info h5 {
	font-size: 1.3em;
}
.information-grid-info h5 small{
	font-size: 0.8em;
}

.information-grid-info p, .team-grid p {
	font-size: .875em;
	color: #999;
	margin: 1em 0 0 0;
	line-height: 1.8em;
}
.information-info {
	box-shadow: 0 -1px 3px rgba(0,0,0,.12), 0 1px 2px rgba(0,0,0,.24);
}
/* end us */
/* contact */
.contact-heading {
	text-align: center;
}
.contact h4 {
	color: #2DCB74;
	font-size: 1.2em;
	margin: 0 0 1em;
}
.map {
	margin-top: 3em;
}
.map iframe {
	width: 100%;
	height: 340px;
	border: none;
}
.address {
	margin: 6em 0 0;
}
.address-grids {
	padding: 0;
}
.address h4 {
	margin: 0 0 .5em;
}
.contact-infom {
	margin: 4em 0;
}
.address p {
	margin: 0 0 .3em 0;
	font-size: 0.9em;
	color: #353535;
	line-height: 1.8em;
}
.address ul {
	padding: 0;
	margin: 0;
}
.address ul li {
	display: inline-block;
}
.address a {
	color: #353535;
	font-size: .9em;
	letter-spacing: 1px;
	transition: .5s all;
}
.address a:hover {
	color: #DBAC76;
	text-decoration: none;
}
.contact-infom p {
	margin: 0;
	font-size: 0.9em;
	color: #353535;
	line-height: 1.8em;
}
/* end contact */

/* questions */

.questions > ul {
	width: 80%;
	margin: 2em auto 0;
}
.questions-config {
	width: 90%;
	margin: 0.2em auto 0;
}
.questions-heading {
	cursor: pointer;
	text-align: center;
}
.questions-heading p {
	font-size: 1em;
	margin: 0.5em auto 0;
	width: 80%;
}
.questions h3 {
	color: #2DCB74;
	font-size: 1.2em;
	margin: 0 0 0.5em;
}
.questions h4 {
	color: #2DCB74;
	font-size: 1.2em;
	margin: 0 0 0.3em;
}
.questions-config i.glyphicon-ok{
	display:none;
}
.questions-config li {
	position: relative;
	margin: 0 3px 3px 3px;
	padding: 0.4em;
	padding-left: 1.5em;
}
.questions-config li span {
	position: relative;
	margin-left: -1em;
	color: #999 
}
.questions-config li span: nth-child(1)  {
	top: 15px;
	cursor: move
}

.questions-config li span:nth-child(2) {
	top: 34px;
	color: #a94442;
	cursor: pointer;
	margin-left: -18px;
}

.questions-display h4:hover {
	color: #2DCB74;
}

#questions-display li {
	position: relative;
	margin: 0 3px 3px 3px;
	padding: 0.4em;
}
#questions-display h4 {
	cursor: pointer;
	color: #2DCB74;
}
#questions-display  li span {
	display: none
}

#formNewQuestion {
	margin: 0;
	padding-bottom: 2em;
}


#formNewQuestion .form-group{
	width: 800px;
}

#formNewQuestion input[type="text"] {
	display: inline-block;
	background: none;
	border: 1.5px solid #CBCBCB;	
	outline: none;
	padding: 10px 15px 10px 15px;
	font-size: .9em;
	color: #111111;
}
#formNewQuestion textarea {
	background: none;
	border: 1.5px solid #CBCBCB;	
	display: block;
	outline: none;
	font-size: 0.9em;
	color: #111111;
	resize: none;
	padding: 10px 15px 10px 15px;
	margin-bottom: 1em;
}

/* end questions */
/* */
/*@media screen and (min-width: 1025px){
 .steps-graphics {
 height: 450px;
 background-size:100%;
 }
 }*/


@media screen and (max-width: 768px) {
	.col-sm-6 {
		padding: 40% 0 0;
	}

	#app-div {
		padding-top: 80px;
	}
	
	.top-nav ul {
	    margin: 0
	}

}
/* */

@media (max-width: 691px) {
	
	.img-fq {
		width: 110%;
		float: right;
		margin-left: 15px;
	}

	.old-entraces {
		margin: 2em 0 0 0;
	}
	.comments-left {
		width: 20%;
		float: left;
	}
	.comments-right {
		float: left;
	}
	.comments {
		margin: 2em 0 0 0;
	}
	.comments h3 {
		margin: 0 0 0em 0;
	}
}
/** Forms Seccion **/
.register-form-head {
	background: #2d663b;
	padding: .15em 0em;
}
.register-form-title h1 {
	color: #FFFFFF;
	font-family: "Georgia";
	text-align: center;
	font-size: 2em;
	font-weight: 800;
	margin: 0.5em;
}
.register-form-info {
	padding: em 1.5em 1em;
	background: #FFFFFF;
}
input[type="text"], .register-form-info input[type="password"] {
	font-size: 1em;
	padding: 5px 15px;
	width: 100%;
	outline: none;
	border: 1px solid #D3D3D3;
	border-top: none;
	border-left: none;
	border-right: none;
	background: #FFFFFF;
	margin: 0;
}
.register-form-info button[type="submit"] {
	border: none;
	outline: none;
	cursor: pointer;
	color: #fff;
	background: gray;	;
	width: 100%;
	padding: .5em 1em;
	font-size: 1em;
	margin: 1.5em 0 0;
}
.register-form-info button[type="submit"]:hover {
	background: #2DCB74;
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
	-ms-transition: 0.5s all;
}

.login-form-info {
	padding: em 1.5em 1em;
	background: #FFFFFF;
}
.login-form-info input[type="text"], .login-form-info input[type="password"] {
	font-size: 0.9em;
	padding: 10px 0px;
	width: 100%;
	color: #A8A8A8;
	outline: none;
	border: 1px solid #D3D3D3;
	border-top: none;
	border-left: none;
	border-right: none;
	background: #FFFFFF;
	margin: 0em 0em 1.5em 0em;
}
.login-form-info button[type="submit"] {
	border: none;
	outline: none;
	cursor: pointer;
	color: #fff;
	background: gray;
	width: 100%;
	padding: .5em 1em;
	font-size: 1em;
	margin: 1.5em 0 0;
}
.login-form-info button[type="submit"]:hover {
	background: #2DCB74;
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
	-ms-transition: 0.5s all;
}
/**
 * 	Style for frecuent questions section
 */

#leftContent {
	float: left; 
	padding: 0 auto;
	margin-left: 5px;
	width: 500px;
	margin: 30px;
	overflow: hidden;
	margin-right: 10px;
	margin-top: 65px;
}

#rightContent {
	float: right; 
	padding: 0 auto;
	width: 450px;
	margin-top: 15px;
	margin-right: 150px;
	overflow: hidden;
} 

/*form -registration */
@media (min-width:768px){
.form_register .col-sm-8 {width: 590px;margin-left: calc(100% - 590px);}
.form_reg .col-sm-8 {width: 590px;}
}
@media (min-width:768px){
.step-form li:nth-child(1){width:auto;}
.step-form li:nth-child(2){width:auto;}
.step-form li:nth-child(3){width:auto;}
}
@media (max-width:767px){
	.form_register .col-sm-8 {width: 590px;margin: 0px auto;}
	#app-div { padding-top: 4px;}
	.form_reg .col-sm-8 {padding-left:auto; width: 470px;margin: 0px auto;height: auto;}
}
@media (max-width:450px){	
	.form_register .col-sm-8 {width: auto!important;margin: 0px auto;}
	.form_reg .col-sm-8 {padding-left:1px; width: 310px!important;margin: 0px auto;height: auto;}	
	.step-form.triangle li { margin: 4px 6px 4px 0!important}
	.step-form.triangle li a {padding-left: 45px!important;}
	.step-form li .desc {display:none}.slider.slider-horizontal { width: 65px!important;}	
	.step-form { width: 301px!important}	
	.col-xs-offset-2 {  margin-left: 0;}
	#about-div h3{margin-top: 15px;}
	.step-form.triangle li>* {padding: 0.2em 1.4em 0.2em 0em!important}	
	#m-tab2 p,#tab2 p{margin-bottom: 5px!important;font-size: 12px;}
	#m-tab2 .form-group,#tab2 .form-group{padding:0px 42px!important}
	
	#tab2 .form-group  span,#m-tab2 .form-group  span{font-size:13px!important; }	
	.form_register h4,.form_reg h4 {font-size: 13px!important}
	#registerFormModal .modal-content {padding: 10px 5px 40px!important;}	
}

		
.form_reg .col-sm-8 { background-color: rgba(71, 129, 88, 0.8);border: 1px solid #D4CFCF;-webkit-border-radius: 8px; -moz-border-radius: 8px;border-radius: 8px;padding: 10px 10px 40px;margin-top:25px; margin-bottom:25px;}
.form_reg h4 { color: #fff;font-size: 17.5px;line-height: 30px;font-weight: 500;letter-spacing: 1px; text-transform: uppercase;margin-bottom: 5px;	text-shadow: 0 1px 2px rgba(0,0,0,.6);  text-align: center;}
.form_reg p,.form_reg .tab-content p {color: #fff;text-shadow: 0 1px 2px rgba(0,0,0,.6);line-height: 20px;margin-bottom: 5px; padding: 0 10px;text-align: center;font-size:17px;}


.form_register .col-sm-8 { background-color: rgba(20, 20,20, 0.65);border: 1px solid #333;-webkit-border-radius: 8px; -moz-border-radius: 8px;border-radius: 8px;padding: 10px 10px 40px;height:400px; margin-top:70px; margin-bottom:25px;	}			
.form_register h4 { color: #fff;font-size: 17.5px;line-height: 30px;font-weight: 500;letter-spacing: 1px; text-transform: uppercase;margin-bottom: 5px;	text-shadow: 0 1px 2px rgba(0,0,0,.6);  text-align: center;}			
.form_register p,.form_register .tab-content p {color: #fff;text-shadow: 0 1px 2px rgba(0,0,0,.6);line-height: 20px;margin-bottom: 5px; padding: 0 10px;text-align: center;font-size:17px;}
.form-control:focus {outline: 0px none;box-shadow: none;}
.form-control:focus {background-color: #f0f0f0;border-color: #ffc400;outline: 0;-webkit-box-shadow: inset 0 1px 1px #ffc400, 0 0 3px #ffc400;box-shadow: inset 0 1px 1px #ffc400, 0 0 3px #ffc400;}		
.form-group:not(#formNewQuestion .form-group){text-align:center;margin:15px auto;}			 
#tab1 .form-group,#m-tab1 .form-group{width:130px;margin:30px auto;}			 			 
#tab1 input,#m-tab1 input{font-size:26px;height: 40px;text-align: center;}			 
#tab1 .form-group .form-control-feedback,#m-tab1 .form-group .form-control-feedback{top: 4px; }			 
.form-control-feedback{display:none;}			 
#tab2 .form-group  span,#m-tab2 .form-group  span{font-size:18px; color: #fff; text-shadow: 0 1px 2px rgba(0,0,0,.6); }				 
#tab3 .form-group,#m-tab3 .form-group{
	/*width: 325px;*/
	margin:8px auto}			 		 
.tab-content p{margin: 15px 0px; }
.tooltip-inner { padding: 0px 22px; font-size: 20px;}			 
a.btn.default{ color: #333;background-color: #e1e5ec; border-color: #e1e5ec;}						
.step-tran li>*{-webkit-transition:background-color .6s ease,border-color .6s ease;-moz-transition:background-color .6s ease,border-color .6s ease;-o-transition:background-color .6s ease,border-color .6s ease;transition:background-color .6s ease,border-color .6s ease}
.step-tran li>* .number,.step-tran li>* .number:before{-webkit-transition:background-color .6s ease,border-color .6s ease;-moz-transition:background-color .6s ease,border-color .6s ease;-o-transition:background-color .6s ease,border-color .6s ease;transition:background-color .6s ease,border-color .6s ease}
.step-form{width:100%;padding:0 1.2em;margin:0.1em auto;background-color:#edeff0;border-radius:.25em}
.step-form li{display:inline-block;float:left;margin:1.2em 0}
.step-form li .number{font-size:1.3em}
.step-form li .desc{padding-top:10px;padding-left:2px;vertical-align:super}
.step-form li .desc label{font-size:0.7em;margin-bottom:0px;font-weight:normal;margin-top: 0.6em;}
.step-form li .desc span{font-size:14px;display:block}
.step-form li::after{display:inline-block;content:'�';margin:0 1em;color:#959fa5}
.step-form li:last-of-type::after{display:none}
.step-form li>*{display:flex;font-size:1.4rem;color:#2c3f4c}
.step-form li.current>*{color:#96c03d}
/*.step-form a:hover,a.btn.default:hover{color:#96c03d}*/
.step-form a{text-decoration:none !important}
.step-form:after{content:"";display:table;clear:both}
.step-form.triangle{background-color:transparent;padding:0}
.step-form.triangle li{position:relative;padding:0;margin:4px 4px 4px 0}
.step-form.triangle li:last-of-type{margin-right:0}
.step-form.triangle li>*{position:relative;padding:.2em .2em .2em 0.7em;color:#2c3f4c;background-color:#edeff0;border-color:#edeff0}
.step-form.triangle li.current>*{color:#fff;background-color:#96c03d;border-color:#96c03d}
.step-form.triangle li:first-of-type>*{border-radius:.25em 0 0 .25em}
.step-form.triangle li:last-of-type>*{padding-right:1.6em;border-radius:0 .25em .25em 0}
/*.step-form.triangle a:hover,a.btn.default:hover{color:#fff;background-color:#2c3f4c;border-color:#2c3f4c}*/
.step-form.triangle li::after,.step-form.triangle li>*::after{content:'';position:absolute;top:2px;left:100%;height:0;width:0;border:31px solid transparent;border-right-width:0;border-left-width:20px}
.step-form.triangle li::after{z-index:1;-webkit-transform:translateX(4px);-moz-transform:translateX(4px);-ms-transform:translateX(4px);-o-transform:translateX(4px);transform:translateX(4px);border-left-color:rgba(20, 20,20, 0.65);margin:0}
.step-form.triangle li>*::after{z-index:2;border-left-color:inherit}
.step-form.triangle .triangle li:last-of-type::after,.step-form.triangle li:last-of-type>*::after{display:none}
.step-style li .desc{padding-top:0}
.step-style.triangle li .desc{padding-top:0}
.step-style.triangle li::after,.step-style.triangle li>*::after{border-Width:24px !important;border-right-width:0 !important;border-left-width:13px !important}
.step-style.triangle li .desc{padding-top:0}
.step-style.triangle li::after,.step-style.triangle li>*::after{border-Width:24px !important;border-right-width:0 !important;border-left-width:13px !important}