#extra-links .btn {
	color: #fff;

	font-weight: normal;

	padding: 6px 12px !important;
	font-size: 14px !important;
}

#extra-links .page-scroll {
	margin-top: 0 !important;
}

.error-box > span {
	display: inline-block;
	padding: 5px;
	width: 100%;
}



#intro:before{background: transparent;}


footer.footer,footer.footer #footer,footer.footer #copyright,#intro .intro-body .intro-text{
background:#00256c;
color: white;
}
#intro .intro-body .intro-text{
border-radius: 7px;
}

footer.footer #copyright{
border-top: 0 none;
}
footer.footer{
border-top: 0 none;
}


#intro .intro-body .intro-text {
padding: 20px 0;
}
#intro .intro-body .intro-text h3 {
color: #f9a70c;
}

.explanation_b {
background: transparent;
color: #00256c;
border-radius:0;
}

.explanation{
margin: 30px 0;
}
.explanation h2 {
margin: 20px 0;
text-align:center;
font-size:26px;
}

.explanation p {
font-size: 16px;
}

#intro .intro-body .intro-content > h2 {
color: #00256c;
margin: 30px 0;
}

hr {
height: 1px;
background: #00256c;
border: 0 none;
}


.howto-menu > div{
/*background: #00256c;
color: #fff;
height: 250px;*/
}

.howto-menu > div a{
background: #00256c;
color: #fff;
display:block;
padding: 70px 0;
font-weight:bold;
font-size: 16px;
border-radius:7px;
}


.howto-menu > div a:hover{
	background: #f9a70c;
}

#howto{
    background-image: url("../img/header-background.jpg");
    background-repeat: no-repeat;
    background-position: center center;
    background-attachment: fixed;
    background-size: cover;
}

.section .timeline > li > .timeline-badge {
color: #f9a70c;
}

.timeline:before {
background-color: #00256c;
}


.timeline > li > .timeline-panel > .timeline-heading > .timeline-title, .navbar.navbar-fixed-top {
background: #00256c;
}

.timeline > li > .timeline-panel > .timeline-heading > .timeline-title {
border-top-left-radius: 7px;
border-top-right-radius: 7px;
}

.timeline > li > .timeline-panel {
border: 0 none;
border-bottom-left-radius:7px;
border-bottom-right-radius:7px;
border-top-left-radius: 7px;
border-top-right-radius: 7px;

}


ul.timeline > li:first-child div.timeline-panel {
    background: rgba(255,255,255,0.66) !important;
    border-radius: 7px;
}

.explanation_b {
    background: rgba(255,255,255,0.66);
    color: #00256c;
    border-radius: 7px;
}


/*testing*/
.timeline > li.timeline-inverted > .timeline-panel {
background: rgba(255,255,255,0.66);
}


.section > .section-inner .section-content .section-title > .main-title
{
/*    font-size: 20px;*/
    font-weight: bold;
    color: #01256C;
}

div#config{
margin: 30px 0;
margin-bottom: 0px;
background: rgba(255,255,255,0.66);
border-radius: 7px;
padding:30px;
}


#intro-headline,.howto-menu,.descript {
margin:80px 0;
}

#descript {
background: #00256c;
    color: white;
    padding: 20px 0;
    border-radius: 7px;
margin-bottom:30px;
}

#howto #descript{display:none;}

.bg-danger{background-color: #FBABAB;}

.btn-primary,.btn-primary:hover, #copy-button {
background-color: #F9A70C;
}

.text-justify{text-align:justify;}
.ttn{text-transform: none;}

@media (min-width: 1920px) {
	#intro .intro-body .intro-content > h2 {
                margin: 80px 0;
        }
}

@media (max-width: 1280px) {
#howto-start {
        background: #F9A70C;
         color: #fff;
        padding: 15px;
        border-radius:7px;
}

}


@media (max-width: 1279px) {
	#intro .intro-body {padding-top:10px;padding-bottom:10px;}
	#intro-headline,.howto-menu,#descript {margin: 10px 0;}

	.howto-menu > div a {
                padding: 20px 0px;
		margin: 25px 0;
	}
}

@media (max-width: 991px) {
	.howto-menu > div a {
		padding: 20px 0px;
		margin: 20px 0;

		min-height: 145px;
		font-size: 14px;
	}
	.howto-menu .fa-5x {font-size: 3em;}

	#intro .intro-body {padding-top:60px;padding-bottom:60px;}
	#intro-headline,.howto-menu,#descript {margin: 100px 0;}




}

@media (max-width: 767px) {
	.howto-menu > div a {
		font-size: 16px;
	}

}

@media (max-width: 599px) {
.section > .section-inner .section-content .section-title > .main-title {
    font-size: 22px;
}


#intro .intro-body {padding-top:10px;padding-bottom:10px;}
#intro-headline, .howto-menu, #descript {margin:20px 0;}

.section > .section-inner .section-content .section-title > .main-title {margin-top: 30px;}
.section > .section-inner .section-content .section-title {padding-bottom: 10px;}

#howto-start {
	background: #F9A70C;
	 color: #fff;
	padding: 15px;
	border-radius:7px;
}

.section > .section-inner .section-content .section-line {display:none;}
#howto .fa#teasing-image{font-size:8em !important;}
div#config {padding:5px 10px;}
div#config .main-title{margin: 10px 0;}
div#config .section-title {
padding-bottom: 10px;
}



}



body{

font-family: arial;
}

h1,h2,h3{font-family:lato, sans-serif;}



#loading-overlay{
display:none;
position: fixed;
width: 100%;
top:0;
left:0;
bottom:0;
right:0;
min-height: 100%;
background-color: rgba(0,0,0,0.85);
/*background-image: url(/assets/img/gears.gif);
background-repeat: no-repeat;
background-position: center center;*/
z-index: 99;
}

#loading-overlay .gears{
	position: fixed;
	width: 120px;
	padding: 20px;
	top:50%;
	left:50%;
	bottom:0;
	right:0;
	height: 120px;
	margin-top: -60px;
	margin-left: -60px;
	background-color: #fff;
/*	background-image: url(/assets/img/gears.gif);
	background-repeat: no-repeat;
	background-position: center center;*/
	z-index: 99;



	border-radius: 50%;
	
}


#backtostart{
padding: 10px 0;
background: #F9A70C;
}

#backtostart a{
font-size: 14px;
color:#01256C;
color: #Fff;
font-weight: bold;
}

#backtostart a:hover{
text-decoration: underline;
}