/* CSS for TLC Group (c) Zinki */

html, body { 
	height: 100%; 
}

body {
  display: table;
  width: 100%;
  /*margin: 0;
	background: url('/images/ui/home-bkgs/coppetts-01.jpg') no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;*/
  font-size: 14px;
	background-color:#FFFFFF;
}

.page-row {
  display: table-row;
  height: 1px;
  width: 100%;
}
 
.page-row-expanded { height: 100%; }

.clear {
	clear:both;
}

.home-img-mobile, .home-img-mobile .img-responsive {
	display:none;
}

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

/* Centered text */
.centered-txt {
    position: absolute;
    top: 15%;
    left: 50%;
    transform: translate(-50%, -50%);
		/*width:80%*/
}
.centered-txt h1 {
	text-align:center
}

@media (max-width: 1400px) {
	.centered-txt {
    top: 20%;
	}
}
@media (max-width: 991px) {
	.tlc-img-strapline {
		width:400px;
	}
	.tlc-txt-strapline {
		text-align:center; 
		font-size:24px;
	}
	.centered-txt {
    top: 20%;
	}
}

@media (max-width: 767px) {
	.home-img-mobile, .home-img-mobile .img-responsive {
		display:block;
	}
	.image-social {
		width:26px;
	}
	.tlc-img-strapline {
		width:250px;
	}
	.tlc-txt-strapline {
		text-align:center; 
		font-size:18px;
		font-weight:normal;
	}
	.centered-txt {
    top: 20%;
	}
}

.img-responsive-fix {
    @media(max-width:767px){
        width:100%;
    }
}

/*@media (max-width: 767px) {
.img-responsive-ie {
	width:100%;
}
}*/

/*@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
@media all and (max-width:767px) and ((-ms-high-contrast: none), (-ms-high-contrast: active)) {
   .img-responsive {
      width: 100%;
   }
}*/

@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; 
			}
 }
 
@media only screen and (max-width: 1920px) {
      /* IE 11+ */
		_:-ms-fullscreen, :root .img-responsive { 
				width: 100%;
		}
		_:-ms-fullscreen, :root .logo-max-width { 
				max-width: 192px;
		}
		_:-ms-fullscreen, :root .strapline-max-width { 
				max-width: 555px;
		}
		/* Internet Explorer 10 (Only) */
			_:-ms-input-placeholder, :root .img-responsive { 
					width: 100%\9; 
		}
		
} 

.transparent-panel-home-content {
	background-color: rgba(233, 233, 233, 0.8);
	padding:15px 15px 15px 15px;
	color:#222222;
}

.transparent-panel-heading {
	background-color: rgba(233, 233, 233, 0.8);
	padding:5px;
	color:#E72E00;
}

.transparent-panel-content {
	background-color: rgba(233, 233, 233, 0.8);
	padding:12px;
	margin-bottom:15px;
	color:#222222;
}

.transparent-panel-home-content p, .transparent-panel-content p {
	color:#222222;
}

.transparent-panel-home-content a, .transparent-panel-content a {
	color:#E72E00;
}

.panel-left {
	padding:15px 15px 15px 15px;
}

.panel-grey-transp-left {
	background-color: rgba(233, 233, 233, 0.8);
	padding:15px;
}

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

.testimonials-txt-title {
  color: #E72E00;
  font-weight: bold;
}

.testimonials-txt-footer {
  color: #E72E00;
}

.testimonials-txt-link {
	text-decoration:underline;
}

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

.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);
}

/************* Footer ***************/

#tlc-footer p, #tlc-footer a {
	color:#FFFFFF;
}