.footer {
  position: relative;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 1rem;
  background-color: #F6F4F4;
  text-align: left;
  font-size:0.9em;
  color: #F6F4F4;;
}
.footercopyright {
	font-size:0.9em;
}
.colored{

		color:#e53935;
}
.colored-number{

		color:#e53935;
		font-size:1.6em;
}

.login {
    border-style: solid;
    border-width: 1px;
	border-color:#C8C5C5;
	padding:10px;
  	background-color: #F4F4F4;
  	border-radius: 10px;
  	font-size:0.8em;
	background-image: none; 
	text-align: left;
}
.marginedleft{
  	 margin-left: 15px;
  	 margin-right: 15px;
  	 text-align: left;
}
.logo{
  	 margin-top: 15px;
  	 margin-bottom: -10px;
}
.mainpage{
  background-color: #FAFAFA;
 } 
select.lg {
	    margin-top:-30px;
	    margin-bottom:0px;
	    margin-right:40px;
	    border:0px;
        outline:0px;
  		-webkit-appearance: none; 
  		background: url(../design/select.png) no-repeat right ;
  		background-size: 12px;
  		font-size:0.7em;
  		width:75px;
  		padding: 2px 2px;
}		
input,
select{
  	 display: block;
}

input[type="text"].error,
input[type="tel"].error,
select.error{
	border: 1px solid #e53935;
}
input[type="text"].valid,
select.valid{
	border: 1px solid #19974E;
}
label.error{
	color: #e53935;
	font-size: 0.8em;
} 
.loader {
	position: fixed;
	left: 0px;
	top: 51px;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background: url('../img/page-loader.gif') 50% 50% no-repeat rgb(249,249,249);
	background-size: 40px 40px;
}


/* Shared
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.button {
  border-radius: 100px;

	background-color: #e53935;
}
/* logo
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.logo {
    max-height: 50px;
	
}

/* Sections
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.section {
  padding-top: 2rem;
  padding-bottom: 3rem;
  padding-right:10px;
  padding-left:10px;
}
.section-heading,
.section-description {
  margin-bottom: 1.2rem;
}

/* Values
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.intro {

  color: #fff;
  padding-bottom: 5rem;
  background-image:  url('../images/image5.png'); 
  background-repeat: no-repeat;
  background-size:  cover;
  background-position: left;
}


.pagefooter {
  background-image: url('../images/image5.png');
  background-size: cover;
  color: #000000;
  background-repeat: no-repeat;
  padding-bottom: 1rem;
  background-position: left;
  clear: both;
}
.testi {
  background-image: url('../images/image3.png');
  background-size: cover;
  color: #fff;
  padding-bottom: 5rem;
}

.expla {
 padding-right:15px;
 padding-left:15px;
 font-size:1.1em;
 line-height: 170%;
 text-align: center;
}
@media (min-width: 150px) {
  .section {
  padding-top: 3rem;
  padding-bottom: 3rem;
  padding-right:10px;
  padding-left:10px;
  }

select.lg {
  padding: 25px;
}

	.logo {
    height: 20px;
}
.loader {
	position: fixed;
	left: 0px;
	top: 50px;
}
  }
  
@media (min-width: 550px) {
  .section {
    padding: 3rem 0 3rem;
  }

	.logo {
    height: 25px;
}

select.lg {
  padding: 0px;
}
.loader {
	position: fixed;
	left: 0px;
	top: 56px;
}
.expla {
 border-bottom: 1px solid #ddd;
 text-align: left;
 padding-right:50px;
 padding-left:50px;
 font-size:1.2em;
 line-height: 200%;
  
}
}

/* Bigger than 750 */
@media (min-width: 750px) {
  .section {
    padding: 3rem 0 3rem;
  }
  	.logo {
    max-height: 40px;
}

}
/* Bigger than 1000 */
@media (min-width: 1000px) {
  .section {
    padding: 3rem 0 3rem;
  }
	.logo {
    max-height: 50px;
}
}
/* Bigger than 1100 */
@media (min-width: 1200px) {
  .section {
    padding: 3rem 0 3rem;
  }
	.logo {
    max-height: 50px;
}

}

@media (min-width: 2000px) {
  .section {
    padding: 3rem 0 3rem;
  }
	.logo {
    min-height: 1em;
    max-height: 3em;
}

}