h1 {
	padding: 0 0 30px 0;
	font-family:"Segoe print", Arial, Helvetica, sans-serif;
	color: #4682AD;
	font-size: 30px;
}

.fondContact {
	background-color: rgba(255, 255, 255, 0.5);	
	padding: 0px 0px 20px 0px;
}

.margin {
	margin: 50px 15%;	
}

*:focus {
  outline: none;
}

.inputGroup {
  position: relative;
  margin-bottom: 30px;
}

.inputGroup label {
  position: absolute;
  top: 0;
  left: 5px;
  pointer-events: none;
  transition: all 0.3s ease;
  font-size: 16px;
  font-family: Trebuchet MS;
  /*color: #757575;*/
  color: #4682AD;
  font-weight: 500;
  text-transform: uppercase;
}

.inputGroup input,
.inputGroup textarea,
.inputGroup select {
  display: block;
  width: 100%;
  border: none;
  border-bottom: 1px solid #757575;
  left: 25px;
  padding: 5px;
  font-family: Trebuchet MS;
  background: none;
  color: #4682AD;
}

.inputGroup input:focus ~ label,
.inputGroup input:valid ~ label,
.inputGroup textarea:focus ~ label,
.inputGroup textarea:valid ~ label,
.inputGroup select:focus ~ label,
.inputGroup select:valid ~ label {
  top: -20px;
  transition: all 0.3s ease;
  font-size: 14px;
  color: #757575;
}

.inputGroup input:focus ~ .inputBar:before,
.inputGroup input:focus ~ .inputBar:after,
.inputGroup textarea:focus ~ .inputBar:before,
.inputGroup textarea:focus ~ .inputBar:after,
.inputGroup select:focus ~ .inputBar:before,
.inputGroup select:focus ~ .inputBar:after {
  width: 50%;
}

.inputGroup textarea {
  height: 300px;
  width: 100%;
  overflow: auto;
  resize: none;
}

.inputGroup .inputBar {
  position: relative;
  display: block;
  width: 100%;
}

.inputGroup .inputBar:before,
.inputGroup .inputBar:after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  width: 0;
  background: #4682AD;
  height: 2px;
  transition: all 0.2s ease;
}

.inputGroup .inputBar:after {
  right: 50%;
}

.inputGroup .inputBar:before {
  left: 50%;
}

#button-blue{
	font-family: 'Montserrat', Arial, Helvetica, sans-serif;
	float:left;
	width: 100%;
	cursor:pointer;
	background-color: #4682AD;
	border: #4682AD solid 2px;
	color:white;
	font-size:24px;
	padding-top:22px;
	padding-bottom:22px;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
  	margin-top:-4px;
  	font-weight:700;
}

#button-blue:hover{
	background-color: rgba(0,0,0,0);
	color: #4682AD;
	border: #4682AD solid 2px;
}
	
.submit:hover {
	color: #4682AD;
}
	
.ease {
	width: 0px;
	height: 74px;
	background-color: #fbfbfb;
	-webkit-transition: .3s ease;
	-moz-transition: .3s ease;
	-o-transition: .3s ease;
	-ms-transition: .3s ease;
	transition: .3s ease;
}

.submit:hover .ease{
  width:100%;
  background-color:white;
}

.callout-block {
  width:98%;
  /*padding: 20px;*/
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  position: relative;
  margin-left: 1%;
  margin-bottom: 30px;
  text-align: center;
}
.callout-block a {
  color: rgba(0, 0, 0, 0.55) !important;
}
.callout-block a:hover {
  color: rgba(0, 0, 0, 0.65) !important;
}
.callout-block .icon-holder {
  font-size: 30px;
  position: absolute;
  /*left: 30px;*/
  top: 10px;
  color: rgba(0, 0, 0, 0.25);
}
.callout-block .content {
  /*margin-left: 60px;*/
  font-size:20px;
}
.callout-block .content p:last-child {
  margin-bottom: 0;
}
.callout-block .callout-title {
  margin-top: 0;
  margin-bottom: 5px;
  color: rgba(0, 0, 0, 0.65);
}
.callout-info {
  background: #9EBDCD;
  color: #fff;
  font-size:16px;
  font-weight: 100;
  text-align: left;
  padding-left: 20px;
}
.callout-success {
  background: #75c181;
  color: #fff;
}
.callout-warning {
  background: #F88C30;
  color: #fff;
}
.callout-danger {
  background: #f77b6b;
  color: #fff;
}