/*
	Burn Media Limited
	for
	GDA Designs

*/
img {
	max-width: 100%;
}
a {
	color: #63c7c7;
	-webkit-transition: all 0.3s ease-in-out;
	   -moz-transition: all 0.3s ease-in-out;
	     -o-transition: all 0.3s ease-in-out;
	        transition: all 0.3s ease-in-out;
}
a:hover {
	color: #4C4C4C;
	text-decoration: none;
}
section {
	padding: 50px 0 60px;
	position: relative;
}

/* New phone */
.new-phone {
    text-align: center;
    padding: 2rem;
    font-size: 15px;
    background: #39967f;
    color: #fff;
}

/* Header */
	section.header {
		background: url('img/home-cover.php') no-repeat bottom center scroll;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
        height: 100vh;
        height: calc(100vh - 60px);
		position: relative;
		z-index: 2;
	}
	section.header.prestbury-1 {
		background: url('portfolio/prestbury/P1030562.jpg') no-repeat center center scroll;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
	}
	section.header.woodford {
		background: url('portfolio/woodford/Woodford-5.png') no-repeat center center scroll;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
	}
	section.header.bramhall {
		background: url('portfolio/bramhall/P1040195.jpg') no-repeat center center scroll;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
	}
	section.header.styal {
		background: url('portfolio/styal/P8764867.jpg') no-repeat center center scroll;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
	}
	section.header.goostrey {
		background: url('portfolio/goostrey/69752_churchbank_IMG_00_0000.jpg') no-repeat center center scroll;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
	}
	section.header.london {
		background: url('portfolio/london/47825_DUL130049_IMG_10_0003.jpg') no-repeat center center scroll;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
	}
	.dotty-overlay {
	    position: absolute;
	    left: 0;
	    top: 0;
	    z-index: 1;
	    overflow: hidden;
	    height: 100%;
	    width: 100%;
	    background: url('img/dot-pattern.png') left top repeat
	}
	.logo-strip {
		position: fixed;
		width: 100%;
		z-index: 99;
		padding: 30px 0;
		text-align: center;
		top: 60px;
		background: transparent;
		-webkit-transition: all 0.3s ease-in-out;
		   -moz-transition: all 0.3s ease-in-out;
		     -o-transition: all 0.3s ease-in-out;
			    transition: all 0.3s ease-in-out;
	}
	.logo-strip.scrolled {
		background: #000;
		top: 0;
		padding: 10px 0;
	}

	a.arrow {
		position: absolute;
		bottom: 50px;
		left: 50%;
		margin-left: -64px;
		-webkit-transition: all 0.3s ease-in-out;
		   -moz-transition: all 0.3s ease-in-out;
		     -o-transition: all 0.3s ease-in-out;
			    transition: all 0.3s ease-in-out;
		z-index: 9;
	}
	a.arrow:hover {
		bottom: 30px;
	}


/* About */
	section.about {
		padding: 50px 0 120px;
	}
	.about p {
		color: #999999;
		font-size: 20px;
		line-height: 40px;
		margin: 0;
	}

	.about h3 {
	    font-size: 35px;
	    color: #000000;
	    margin-top: 40px;
	    margin-bottom: 20px;
	}
	.about .line {
	  	height: 3px;
  		width: 100%;
  		max-width: 120px;
  		background-color: #63C7AE;
  		margin: -5px 0 20px 0;
	}

/* Projects */
	section.projects {
		background: #F4F4F4;
	}
	ul.controls {
		list-style: none;
		padding: 0 15px;
		text-align: center;
		margin: 0 0 30px 0;
	}
	#portfolio .mix {
	    display: none;
	    margin-bottom: 30px;
	}
	ul.controls li {
		display: inline-block;
		padding: 0 5px;
		font-size: 15px;
		cursor: pointer;
		color: #63c7c7;
		-webkit-transition: all 0.3s ease-in-out;
		   -moz-transition: all 0.3s ease-in-out;
		     -o-transition: all 0.3s ease-in-out;
			    transition: all 0.3s ease-in-out;
	}

	ul.controls li:hover {
		color: #323232;
	}

	ul.controls li:after {
		content: "/";
		margin-left: 15px;
		color: #323232;
	}

	ul.controls li:last-child:after {
		content: "";
	}
	.projects h3 {
	    font-size: 35px;
	    color: #000000;
	}
	.projects p {
	    color: #333;
	    font-size: 17px;
	    line-height: 33px;
	    margin-bottom: 50px;
	}
	#portfolio .mix a {
	    display: block;
	}
	#portfolio .mix .portfolio-inner {
	    position: relative;
	    overflow: hidden;
	}
	#portfolio .mix .portfolio-inner img {
	    position: relative;
	    width: 100%;
	    top: 0;
	    -webkit-transition: all 0.3s ease-in-out;
	    -moz-transition: all 0.3s ease-in-out;
	    -o-transition: all 0.3s ease-in-out;
	    transition: all 0.3s ease-in-out;
	    display: block;
	}
	#portfolio .mix .portfolio-inner .portfolio-title {
		text-align: center;
		position: absolute;
		bottom: -15%;
		width: 100%;
		height: 15%;
		background: #000;
		color: #fff;
		font-size: 21px;
		-webkit-transition: bottom 0.3s ease-in-out;
		   -moz-transition: bottom 0.3s ease-in-out;
		     -o-transition: bottom 0.3s ease-in-out;
		        transition: bottom 0.3s ease-in-out;
	}
	#portfolio .mix .portfolio-inner:hover img {
	    top: -2em;
		-webkit-filter: grayscale(100%);
	    filter: url("data:image/svg+xml;filter: gray;utf8,<svg xmlns=\'http://www.w3.org/2000/s….3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");

	}
	#portfolio .mix .portfolio-inner:hover .portfolio-title {
	    bottom: 0;
	}

/* Gallery */
	#gallery div {
		margin-bottom: 30px;
		overflow: hidden;
	}

	section#gallery {
		padding-top: 20px;
	}

	section#gallery a {
		display: block;
		max-height: 157px;
	}

	section#gallery a:hover {
		opacity: 0.7;
	}

	.portfolio {
		margin-top: 50px;
		margin-bottom: 50px;
	}

	a.back-port:before {
		content: url('back.png');
		position: absolute;
		z-index: 9;
		top: -5px;
		left: 0;
	}

	a.back-port {
		display: block;
		position: relative;
		padding-left: 40px;
		margin-top: 20px;
	}

/* Footer */
	footer {
		padding: 120px 0;
		color: #fff;
		background-color: #000000;
		background-repeat: no-repeat;
		background-position: center;
	}

/* Responsive */
@media (max-width: 991px) {
	section#gallery {
		margin: 10px -15px 0;
	}
}
@media (max-width: 768px) {
	section#gallery a img {
		width: 100%;
	}
}
@media (max-width: 400px) {
	#gallery .col-sm-4.col-xs-6 {
		width: 100%;
	}
}
/* Site Credits */
.site-credits {
    background: #ec3939;
}
.site-credits a {
    display: block;
    padding: 8px 20px 8px 8px;
    text-align: right;
    text-transform:uppercase;
    color:#fff;
    letter-spacing: 1px;
    line-height: 35px;
}
.site-credits a:hover {
	text-decoration: none;
	opacity: 0.8;
}
.site-credits a b {
	font-weight: 700;
}
a.fotter .domain:before {
	content: "@";
}
.btn-primary {
    background: #63C7AE;
    border: 2px solid #63C7AE;
    text-shadow: none;
    box-shadow: none;
    font-size: 17px;
	-webkit-transition: all 0.3s ease-in-out;
	   -moz-transition: all 0.3s ease-in-out;
	     -o-transition: all 0.3s ease-in-out;
		    transition: all 0.3s ease-in-out;
}
.btn-primary:hover,.btn-primary:focus {
    background: transparent;
    color: #63C7AE;
    border: 2px solid #63C7AE;
}
.contact p {
    color: #333;
    font-size: 17px;    
    line-height: 25px;
    margin-bottom: 50px;
}
.contact h3 {
    font-size: 35px;
    color: #000000;
}
.form-group.title {
  	display: none;
}
.req {
	color: red;
}
textarea.form-control {
  	height: 150px;
}
.form-control:focus {
  	border-color: #63C7AE;
  	outline: 0;
  	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(99, 199, 174, 0.6);
  	box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(99, 199, 174, 0.6);
}
.alert-success {
  	background: #63C7AE;
  	color: #fff;
  	border-color: #63C7AE;
}
.alert-danger {
  	background: #E44646;
  	border-color: #E44646;
  	color: #fff;
}