/* CSS for MP Executive Cars (c) Zinki */
.clear {
	clear:both;
}


.txt-bold-italic {
	font-weight: bold;
	font-style: italic;
}
.txt-centred {
	text-align:center
}

@media (max-width: 767px) {
	.home-img-mobile, .home-img-mobile .img-responsive {
		display:block;
	}
	.image-social {
		width:26px;
	}
}


@media only screen and (max-width: 767px) {
      /* IE 11+ */
      _:-ms-fullscreen, :root .img-responsive { 
     		 width: 100%;
     }
		 /* Internet Explorer 10 (Only) */
			_:-ms-input-placeholder, :root .img-responsive { 
					width: 100%\9; 
			}
 }

/************* Testimonials Page ***************/


/****************************/

.contact-form-label {
  display: block;
  position: relative;
}

.contact-form-label label {
  bottom: 0;
  color: #8D8E8E;
  display: block;
  left: 0;
  line-height: 34px;
  margin: 0;
  right: 0;
  top: 0;
  font-weight: normal;
}

.contact-form .input {
  width: 100%;
  outline: none;
  font-size: 13px;
  padding: 6px 10px;
  margin: 0;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  border: 1px solid transparent;
}

.contact-form .input {
  color: #333333;
}

.contact-form-button {
color:#FFFFFF;
background-color:#E72E00;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
	padding-top:8px;
	padding-bottom:8px;
  border: 1px solid transparent;
}

.contact-form-button:focus, .contact-form-button:hover {
	color:#000000;
}

.contact-form .row {
  padding: 20px 0 0 0;
  margin: 0;
}

.contact-form-label label {
  cursor: text;
  font-size: 11px;
  padding: 0 10px;
  position: absolute;
  white-space: nowrap;
}

/************* Misc ***************/

.btn-read-more span {
	/*display: block;*/
  background-color:#D8290C; 
	padding:8px 12px 8px 12px;
	border:1px solid #D8290C;
}

.btn-read-more span:hover {
  background-color:#FFFFFF;
	border:1px solid #D8290C;
	color:#D8290C;
}

.btn-read-more a {
	text-decoration:none; 
	color:#FFFFFF;
}

.btn-read-more a:hover {
	text-decoration:none; 
	color:#D8290C;
}

/* The Image container */
.img-hover-zoom {
  /* height: 300px; Modify this according to your need */
  overflow: hidden; /* Removing this will break the effects */
}

/* Quick-zoom Container */
.img-hover-zoom--quick-zoom img {
  transform-origin: 0 0;
  transition: transform .25s, visibility .25s ease-in;
}

/* The Transformation */
.img-hover-zoom--quick-zoom:hover img {
  transform: scale(2);
}

.zoom {
  position: relative;
  /*border: 1px solid #333;*/
  overflow: hidden;
  width: 100%;
}
.zoom img {
  max-width: 100%;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.zoom:hover img {
  -moz-transform: scale(1.2);
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
}