body{
	color: #fff;
  background-color: #000;
  font-family: 'Open Sans', Arial, sans-serif;
  line-height: 1.3!important;
}

.gutter-10.row {
  margin: 0 -5px;
  text-align: center;
}

.gutter-10 > [class^="col-"], .gutter-10 > [class^=" col-"] {
  padding: 0 5px 10px 5px
}

img{
    max-width: 100%;
}

h1,h2,h3{
    font-weight: 600;
    margin: 0;
}

.h1, h1 {
    font-size: 2.5em;
}

.h2, h2 {
    font-size: 2.5em;
}

.h3, h3{
  font-size: 2.3em;
  line-height: 1.3;
}


#s4 .step-body{
  text-align: center;
}

p{
  margin: 0 0 1em;
}

p, li, label {
	font-size: 1.5em;
}

label{
  font-weight: 100;
}

header{
  text-align: center;
  margin: 20px;
}

ol, ul{
	list-style: none;
}

ol li, ul li{
	float: left;
}

.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}

.checks{
  margin:0 auto;
  padding: 1em 0;
}

.orange{
  color: #ed6e16;
}

.white{
  color: #fff;
}

.underline{
	text-decoration: underline;
}

.center{
	text-align:center;
}

.grey{
	background-color: #ccc;
}

.red{
  color: #ff4646;
}

.hidediv{
  display: none;
}

.active{
  display: block;
}


.steps-container{
  max-width: 990px;
	margin:0 auto;
  padding: .5em 1em;
}


.step-title {
  color: #0086cb;
  margin: 20px;
}


.step-body{
	padding: .5em 0;
}

.step-body img{
  border-radius: 200px;
  overflow: hidden;
  border: 3px solid #fff;
  transition: all 0.2s linear;
  margin: 0 auto;
  cursor: pointer;
}

.btn-default{
  border: none;
  color: #fff;
  padding: .8em 0;
  margin-bottom: 1em;
  text-transform: uppercase;
  min-width: 300px;
  font-size: 1.8em;
  background: #e41f1a;
  border-bottom: 4px solid #f43f3a;
  border-radius: 3px;
}



.btn-default:hover, .btn-default:active, .btn-default:focus, .btn-default.active.focus, .btn-default.active:focus, .btn-default.active:hover, .btn-default:active.focus, .btn-default:active:focus, .btn-default:active:hover, .open>.dropdown-toggle.btn-default.focus, .open>.dropdown-toggle.btn-default:focus, .open>.dropdown-toggle.btn-default:hover {
  color: #fff;
  background: #e41f1a;
  border-bottom: 4px solid #f43f3a;
  border-radius: 3px;
}



.alert-warning{
  color: white;
  background-color: red;
  font-size: 18px;
}

.checks p{
  margin:0;
}

.btn h2{
  font-size: 2em;
}

.input-label{
  font-size: 1.5em;
}



@media (max-width: 480px){

  body{
    font-size:11px;
  }

	body.scrolling-bg{
		 background: url(../images/bgmobile.jpg) repeat!important;
	}

}

@media (min-width: 481px) and (max-width: 768px){

  body{
    font-size:14px;
  }

}

.animation{
  border-width: 12px!important;
  border-color: #ed6e16!important;
}

footer{
	position: absolute;
	bottom: 16px;
	left: 50%;
	transform: translateX(-50%);
	color: #b0acac;
	max-width: 650px;
  width: 100%;
	padding: 0 10px;
}

footer .warning{
  margin: 0 auto 20px;
}

footer img{
	  margin-bottom: 20px;
}

body.scrolling-bg{
	background: url(../images/bg.jpg) repeat;
	animation: backgroundScroll 50s linear infinite;
}

body.scrolling-bg:before {
	content: " ";
	background: #00000091;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	z-index: -1;
}

body.scrolling-bg footer{
	color: #fff;
}

@-webkit-keyframes backgroundScroll {
from {background-position: 0 0;}
to {background-position: -2700px 0;}
}

@keyframes backgroundScroll {
from {background-position: 0 0;}
to {background-position: -2700px 0;}
}

@-webkit-keyframes backgroundScroll2 {
from {background-position: 0 0;}
to {background-position: -2700px 0;}
}

@keyframes backgroundScroll2 {
from {background-position: 0 0;}
to {background-position: -2700px 0;}
}


.hiddenbanner{
  display: none;
}

.fixed-banner{
    bottom: -185px;
    height: 119px;
    position: fixed;
    width: 100%;
    z-index: 9999;
		background: rgb(253, 252, 0);
		text-align: center;
}

.fixed-banner img{
    margin-top: 15px;
}

@media (max-width: 480px) {
	.fixed-banner img{
		margin-top: 0px;
		width: 89%;
		position: absolute;
		left: 50%;
		top: 50%;
		transform: translate(-50%,-50%);
	}
}


/***** SKIN 1 *****/
body.skin1{
	background: #f5f7fb;
}

body.skin1 .step-title{
	color: #ed0000;
}

body.skin1 .orange {
  color: #4a4a4a;
}

body.skin1 .animation{
  border-width: 12px!important;
  border-color: #ed0000!important;
}

body.skin1 .white{
	color: #4a4a4a;
}

body.skin1 .step-body img{
    border: 3px solid transparent;
}