/* CSS Document */
/* Global */
body {
	font-family: 'Open Sans', Segoe UI, Helvetica, Arial,sans-serif;
	line-height: 1.6;
	font-weight: 300;
	margin: 0;
	background-color: #f2f2f2;
}

h1 {
	font-weight: 300;
	font-size: 3em;
	margin: 0;
}

h2 {
	font-weight: 300;
	font-size: 1.6em;
	padding-bottom: .5em;
	line-height: 1.4;
	margin: 0;
}
h3 {
	font-size: 1.1em;
	font-weight: 500;
	margin: 0;
}
a {
	color: #0066cc;
	text-decoration: none;
}
a:hover, a:active, a:visited, a:focus {
	text-decoration: none;
}

li {
	font-size: 1.2em;
	color: #333;
}

p {
	font-size: 1em;
	color: #666;
	margin: 0;
	margin-bottom: 5px;
}

strong {
	font-weight: 500;
	color: #000;
}
section {
	margin: 20px auto;
	background-color: #FFF;
}

/* Button Definiton */
.btn {
	padding: 5px 20px;
	border: 1px solid #0066CC;
	display: inline-block;
	border-radius: 5px;
	font-size: 16px;
	font-weight: 400;
}
.btn:hover, .btn:active, .btn:focus {
	background-color: #fbb700;
	color: #000;
}
.btn-primary {
	background-color: #0066CC;
	color: white;
}
.btn-primary:hover, .btn-primary:active, .btn-primary:focus {
	background-color: #0F7DEB;
	color: #FFF;
}
.btn-sm {
	padding: 5px 10px;
}
.hide {
	display: none !important;
}


/* Header --Step Definition */
header {
	text-align: center;
	padding: 20px 0 30px;
}
header ul {
	color: #0066CC;
	display: table;
	margin: 0 auto;
}
header li {
	display: table-cell;
}

header span.num {
	display: inline-block;
	border: 1px solid #0066CC;
	border-radius: 50%;
	height: 40px; width: 40px;
	margin: 0 5px;
	vertical-align: middle;
	padding-top: 3px;
	box-sizing: border-box;
}
header span.num:hover {
	background-color: #fbb700;
	color: #000;
}
#step1 .step1 span.num,
#step2 .step2 span.num,
#step3 .step3 span.num,
#step4 .step4 span.num,
#step5 .step5 span.num,
#step6 .step6 span.num {
	background-color: #0066CC;
	color: white;
}
header span.txt {
	display: none;
}
#step1 .step1 span.txt,
#step2 .step2 span.txt,
#step3 .step3 span.txt,
#step4 .step4 span.txt,
#step5 .step5 span.txt,
#step6 .step6 span.txt {
	display: inline-block !important;
	padding-right: 15px;
	padding-left: 5px;
}
header .btn {
	padding: 6px 10px;
	margin-left: 5px;
}

/* Footer Definiton */
footer {
	padding: 20px 0;
}
footer div {
	display: inline-block;
	vertical-align: top;
	box-sizing: border-box;
	padding: 0 10px;
}
footer .col-4 {
	width: 33%;
}
footer .col-6 {
	width: 50%;
}
footer .col-12 {
	width: 100%;
}

/* Slide Definition */
.slide {
	width: 80%;
	max-width: 880px;
	border: 1px solid #CCC;
	border-radius: 10px;
	overflow: hidden;
	padding: 20px;
}
main {
	text-align: center;
}
main img {
	display: block;
	margin: 0px auto;
}

/* Start and End Steps */
section#start,
section#end {
	display: table;
	height: 650px;
    background-image: url('bkg-main.jpg');
    background-repeat: no-repeat;
    background-position: center center;
	background-size: cover;
}
#start main,
#end main {
	display: table-cell;
	vertical-align: middle;
}
#start img {
	vertical-align: text-bottom;
	display: inline-block;
	margin-right: 10px;
}
#start p {
	font-size: 1.6em;
	color: #333;
}
#end p {
	font-size: 1.2em;
	color: #333;
}
footer img {
	vertical-align: middle;
	display: inline-block;
	margin-right: 5px;
}
#step6 ol li {
	font-size: 1em;
	list-style-type: circle;
}