
select ,option{
	background-color: #fff !important;
}
label{
	background-color: #fff !important;
}
input{
	background-color: rgba(255,255,255,0) !important;
	height: 40px!important;
/*	padding: 5px 0px!important;*/
	box-shadow: none!important;
	text-shadow: none!important;
	  -webkit-user-select: all;
  -moz-user-select: all;
  -ms-user-select: all;
  user-select: all;
}



.btn-danger:hover {
/*  background: rgba( 255, 255, 255, 1.0 );*/
/*  color: #f00;*/
	background-color: #FF4245 !important;
	font-size: 20px;
/*	width: 155px !important;*/
/*	height: 65px;*/
/*	transition-delay: 0.5s;*/
	transition-duration: 0.3s;
/*  top: 0px;*/
/*	left: -5px;*/
  box-shadow: 0 0 20px 0px rgba( 200, 0, 0, 0.7 );
  
/*  -webkit-transform: rotateX(20deg);*/
/*     -moz-transform: rotateX(20deg);*/
/*      -ms-transform: rotateX(20deg);*/
/*          transform: rotateX(20deg);*/
}
.btn-outline-secondary:hover {
/*  background: rgba( 255, 255, 255, 1.0 );*/
/*  color: #f00;*/
	background-color: #efefef !important;
/*	font-size: 20px;*/
/*	width: 155px !important;*/
/*	height: 65px;*/
	color: #6c757d !important;
/*	transition-delay: 0.5s;*/
	transition-duration: 0.3s;
/*  top: 0px;*/
/*	left: -5px;*/
  box-shadow:0 0 20px 0px rgba(112,112,112,0.7) !important;
  
/*  -webkit-transform: rotateX(20deg);*/
/*     -moz-transform: rotateX(20deg);*/
/*      -ms-transform: rotateX(20deg);*/
/*          transform: rotateX(20deg);*/
}


.btn{
  padding: 20px 35px;
	margin: 10px;
	width: 200px !important;
	height: 70px !important;
  font-size: 20px;
  font-family: "Open Sans", Helvetica;
/*  border-radius: 10px !important;*/
	
}

.btn-x1{
  padding: 10px 20px ;
	margin: 10px;
	color: green;
	background-color: rgba(165,201,174,1.00);
	width: 100px !important;
/*	height: 70px !important;*/
  font-size: 18px;
  font-family: "Open Sans", Helvetica;
/*  border-radius: 10px !important;*/
	
}

h1 {
  font-family: "Lato", sans-serif;
  font-weight: 400;
/*  letter-spacing: 2px;*/
  font-size: 60px;
}
p {
  font-family: "Lato", sans-serif;
/*  letter-spacing: 1px;*/
  font-size: 16px;
  color: #333333;
	margin-bottom: 0px;
}

.header {
  position: relative;
  text-align: center;
  background: linear-gradient(
    160deg,
	  
	 rgba(252,173,10,1.00) 100%,
	  rgba(241,187,0,1.00) 80%
  );
  color: white;
}
.logo {
  width: 50px;
  fill: white;
  padding-right: 15px;
  display: inline-block;
  vertical-align: middle;
}



.flex {
  /*Flexbox for containers*/
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.waves {
  position: relative;
  width: 100%;
  height: 20vh;
  margin-bottom: -7px; /*Fix for safari gap*/
  min-height: 150px;
  max-height: 50px;
}

.content {
  position: relative;
  height: 20vh;
  text-align: center;
  background-color: white;
}

/* Animation */

.parallax > use {
  animation: move-forever 25s cubic-bezier(0.55, 0.5, 0.45, 0.5) infinite;
}
.parallax > use:nth-child(1) {
  animation-delay: -2s;
  animation-duration: 7s;
}
.parallax > use:nth-child(2) {
  animation-delay: -3s;
  animation-duration: 10s;
}
.parallax > use:nth-child(3) {
  animation-delay: -4s;
  animation-duration: 13s;
}
.parallax > use:nth-child(4) {
  animation-delay: -5s;
  animation-duration: 20s;
}
@keyframes move-forever {
  0% {
    transform: translate3d(-90px, 0, 0);
  }
  100% {
    transform: translate3d(85px, 0, 0);
  }
}
/*Shrinking for mobile*/
@media (max-width: 768px) {
  .waves {
    height: 100px;
/*    min-height: 100px;*/
  }
  .content {
    height: 30vh;
  }
  h1 {
    font-size: 24px;
  }
}

a:hover{
	color: #f00;
}


