/*--contact--*/
.contact{
 padding:4em 0;
}
label.con {
  width: 6%;
  height: 6px;
  background: #9C0F0F;
  position: absolute;
  top: 20.5%;
  left: 14%;
  display: inline-block;
}
ul.contact-grids h4,ul.contact-grids a h4{
    color: #9C0F0F;
  text-align: center;
  font-size: 2em;
  font-weight: 400;
  font-family: 'Poiret One', cursive;
}
ul.contact-grids li i.icon11,ul.contact-grids li i.icon12,ul.contact-grids li i.icon13,ul.contact-grids li i.icon14{
	  width: 50px;
  height: 50px;
  background: url("../img/icons.png")no-repeat 0px -173px;
  display: inline-block;
  cursor: pointer;
}
ul.contact-grids li i.icon12{
	background: url("../img/icons.png")no-repeat -50px -173px;
}
ul.contact-grids li i.icon11:hover,ul.contact-grids li i.icon12:hover,ul.contact-grids li i.icon13:hover,ul.contact-grids li i.icon14:hover{
	opacity: 0.9;
	transition: 0.5s ease;
	-webkit-transition: 0.5s  ease;
	-o-transition:0.5s all ease;
	-moz-transition: 0.5s ease;
	-ms-transition:0.5s  ease;
}
ul.contact-grids li i.icon13{
	background: url("../img/icons.png")no-repeat -100px -173px;
}
ul.contact-grids li i.icon14{
	background: url("../img/icons.png")no-repeat -150px -173px;
}
ul.contact-grids li i.icon14:hover{
	opacity: 0.5;
	transition: 0.5s ease;
	-webkit-transition: 0.5s  ease;
	-o-transition:0.5s all ease;
	-moz-transition: 0.5s ease;
	-ms-transition:0.5s  ease;
}
ul.contact-grids {
	padding: 0;
	text-align: center;
	margin: 3% auto 3%;
}
ul.contact-grids li{
	  list-style: none;
  display: inline-block;
  width: 22%;
  margin-right: 1%;
}
li.contact-grid{
	cursor: pointer;
	transition: 0.5s ease;
	-webkit-transition: 0.5s  ease;
	-o-transition:0.5s all ease;
	-moz-transition: 0.5s ease;
	-ms-transition:0.5s  ease;
}
li.contact-grid:hover {
	opacity: 0.5;
}
ul.contact-grids h4,ul.contact-grids a h4{
 color: #9C0F0F;
  text-align: center;
  font-size: 2em;
  font-weight: 400;
  font-family: 'Poiret One', cursive;
}
ul.contact-grids h5,ul.contact-grids h5 a{
	  text-align: center;
  margin: 0em auto 0;
  font-weight: 400;
  font-size: 1em;
  line-height: 1.8em;
  color: #9C0F0F;
}
ul.contact-grids h5 a :hover{
  text-decoration:none;
}
.contact-content input[type=text], .contact-content textarea {
  padding: 1.1em;
  width: 100%;
  margin: 1% 0% 0 0;
  background: none;
  outline: none;
  color: #555;
  border: 1px solid #ddd;
  -webkit-appearance: none;
  font-size: 1em;
  font-weight: 400;
  -webkit-appearance: none;
}
.contact-content  input[type="text"]:nth-child(2)
{
	margin-right: 0em;
}
.contact-content form textarea{
	resize:none;
	height:170px;		
}
.submit{
	  text-align: left;
  margin: 2% 0;
}
.contact-content input[type=submit]{
  background: #8CD0B4;
  color: #fff;
  font-weight: 500;
  border: none;
  outline: none;
  padding: 0.7em 3em;
  display: inline-block;
  outline: none;
  cursor: pointer;
  font-size: 1.2em;
  text-transform: uppercase;
  -webkit-appearance:none;
    transition: 0.5s all;
  -webkit-transition: 0.5s all;
  -moz-transition: 0.5s all;
  -o-transition: 0.5s all;
  -ms-transition: 0.5s all;
}
.contact-content input[type=submit]:hover{
  background:#00b29f;  
}
.contact iframe {
  height: 400px;
  border: none;
  width:100%;
  margin:2em 0 0em 0
}