/* Basic Styleing */
body{ background: #f6f6f6; font-family: Oswald-RegularItalic,Helvetica Neue,Helvetica,Arial,sans-serif; }
.orange{ color: #d86c2b; }
.designed { text-align: right; }
.right { text-align: right; }
.container:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden;  }

.wpcf7-response-output{color:#6c2325;border: none!important; background: #ddb8b9;clear: both; position: relative; top: 0;left: 0;right: 0; }


.headerlogo img{margin: 15px 0;}
.news {background: #f1f1f1;padding:30px;margin-bottom: 30px;}

h4{
	color: #afa4a4;
	margin: 0 0 40px 0!important;
	font-size: 30px!important;
	font-family: oswald-light,Helvetica Neue,Helvetica,Arial,sans-serif!important;
}

p{
	color: #9a9090;
}

@font-face {
    font-family: oswald-light;
    src: url(../fonts/Oswald-Light.ttf);
}

@font-face {
    font-family: oswald-regular;
    src: url(../fonts/Oswald-Regular.ttf);
}

@font-face {
    font-family: Oswald-RegularItalic;
    src: url(../fonts/Oswald-RegularItalic.ttf);
}



/* Header Styleing */
header{
	height: 89px;
	background: #000;

	/* CSS3 */
	-webkit-box-shadow: 0px 1px 2px 0px rgba(50, 50, 50, 0.45);
	-moz-box-shadow:    0px 1px 2px 0px rgba(50, 50, 50, 0.45);
	box-shadow:         0px 1px 2px 0px rgba(50, 50, 50, 0.45);
}

	header .container{ padding: 0; }

	nav{ font-family: oswald-Light, Arial; font-size: 18px; }

	nav ul{
		margin: 0;
		padding: 0;
		text-align: right;
		line-height: 89px;
	}

	nav li{
		margin: 0 0 0 40px;
		padding: 0;
		display: inline;
		list-style: none;
	}

	nav a:link{ color: #fff;text-decoration: none; }
	nav a:visited{ color: #fff;text-decoration: none; }
	nav a:hover{ color: #d3592b; }



/* ===== HOME
================== */
#homenav{
	color: #767676;
	font-style: 16px;
	text-align: center;
	bottom: 0;
	left: 0;
	right: 0;
	position: absolute;
	line-height: 57px;
}

	#homenav a{ color: #767676; text-decoration: none; }

	#homenav .col-md-3{
		background: #f1f1f1;

		/* CSS3 */
		-moz-border-radius-topleft: 15px;
		-webkit-border-top-left-radius: 15px;
		 border-top-left-radius: 15px;
		-moz-border-radius-topright: 15px;
		-webkit-border-top-right-radius: 15px;
		border-top-right-radius: 15px;
	}

	#homenav .col-md-6{
		background: #f1f1f1;

		/* CSS3 */
		-moz-border-radius-topleft: 15px;
		-webkit-border-top-left-radius: 15px;
		 border-top-left-radius: 15px;
		-moz-border-radius-topright: 15px;
		-webkit-border-top-right-radius: 15px;
		border-top-right-radius: 15px;
	}

	#homenav div:nth-child(2){
		font-size: 18px }

	.centrepage {
		width: 100%;
		height: 356px;
		text-align: center;

		position: absolute;
		top:0;
		bottom: 0;
		left: 0;
		right: 0;

		margin: auto;
	}

	.logo{ height: 8em!important; }

	.centrepage h4{
		color: #fff;
		font-size: 40px!important;
		margin: 80px 0 0 0!important;
	}

	.centrepage p{
		color: #000;
		margin: 0;
	}

	.centrepage button{
	    color: #fff;
	    background: rgba(0,0,0,0.4);
	    outline: none;
	    margin-top: 22px;
	    padding: 10px 30px;
	    border: 1px solid rgba(255,255,255,0.8);
	}



/* ===== ABOUT
================== */
#about{ }

	#about .about-image{
		color: #fff;
		min-height: 350px;
		font-size: 30px;
		margin: 0 0 60px 0;
		padding: 0 0;
		text-align: center;
		background: #232121 top center url(../img/aboutimage.jpg) no-repeat;
	}

	#about .about-image .container{
		padding: 200px 0 0 0;
	}

	#about .abouttop{ height: 89px; background: #d86c2b; display: none; }

	#about .table{
		background: #f1f1f1;
	}

	#about .table tr:last-child{
		border-bottom: 1px solid #dddddd;
	}



/* ===== SERVICES
================== */
#services{
	padding: 165px 0 0 0;
}

	#services .clearspacing{
		clear: both;
		height: 60px!important;
	}

	#services h3{
		color: #d86c2b;
		margin: 0 0 20px 0;
		padding: 0;
	}

	#services p{
		margin: 0;
		padding: 0;
		font-family: oswald-light,Helvetica Neue,Helvetica,Arial,sans-serif!important;
	}



/* ===== CONTACT
================== */
#contact{
	padding: 88px 0 80px 0;
}

	#contact .map{
		height: 270px;
		padding-top: 2px;
		background: #ccc;
	}

	#contact address{
		color: #fff;
        font-size: 18px;
		min-height: 50px;
		padding: 25px 0;
		text-align: center;
		background: #232121;
	}

	#contact h4{
		margin: 40px 0 30px 0!important;
		padding: 0!important;
	}

	#contact address h4{
		margin: 0 0 0 0!important;
		padding: 0!important;
	}

	#contact span{
		color: #969696;
		font-size: 14px;
		font-family: oswald-light,Helvetica Neue,Helvetica,Arial,sans-serif!important;
	}

	#contact input[type="text"]{
		width: 100%;
		padding: 10px;
		border: 1px solid #cecece;
		outline: none;
		margin: 10px 0 30px 0;
	}

	#contact input[type="tel"]{
		width: 100%;
		padding: 10px;
		border: 1px solid #cecece;
		outline: none;
		margin: 10px 0 30px 0;
	}

	#contact input[type="email"]{
		width: 100%;
		padding: 10px;
		border: 1px solid #cecece;
		outline: none;
		margin: 10px 0 30px 0;
	}

	#contact textarea{
		width: 100%;
		height: 120px;
		padding: 10px;
		border: 1px solid #cecece;
		outline: none;
		margin: 10px 0 10px 0;
	}

    .captcha input[type="text"]{
		width: 200px!important;
		padding: 10px;
		border: 1px solid #cecece;
		outline: none;
		margin: 10px 0 30px 0;
	}

	#contact input[type="submit"]{
		margin-top: 20px;
		padding: 10px 20px;
		background: none;
		outline: none;
		border: 1px solid #ccc;
	}






/* Footer */
footer{
	background: #dfdfdf;
}

	footer .bottom-nav{
		line-height: 100px;
	}

	footer .bottom-nav ul{
		margin: 0;
		padding: 0;
	}

	footer .bottom-nav li{
		color: #858585;
		list-style: none;
		display: inline-block;
	}

	footer .bottom-nav li:after{
		content: "|";
		padding-left: 4px;
	}

	footer .bottom-nav li:last-child:after{
		content: "";
	}

	footer .bottom-nav li a{ color: #858585; text-decoration: none; }

	footer .bottom-nav .social{
		text-align: right;
	}

	footer .bottom-nav .social img{
		height: 30px;
	    opacity: 0.4;
	    filter: alpha(opacity=40);
	}

	footer .bottom{
		color: #ebebeb;
		line-height: 50px;
		background: #b7b7b7;
	}

	footer .designed a{color: #ebebeb;}






/* Fullscreen Setup */
.background {
    overflow: hidden;
    background-repeat:no-repeat;
    background-size: cover;
    background-position:50% 50%;
    background-position:50% 50%9 !important;  }

html, body {
    height:100%;  }

.fullscreen,
.content-a {
    width:100%;
    min-height:100%;  }

.not-fullscreen,
.not-fullscreen .content-a,
.fullscreen.not-overflow,
.fullscreen.not-overflow .content-a {
    height:100%;
}





/* MOBILE */

/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 959px) {

	/**/
	.centrepage {
    width: 80%;
	height: 305px;
	text-align: center;
	position: absolute;
	top: -60px;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;}

	.logo{height: 5em!important;}

	.centrepage h4{
	color: #fff;
	font-size: 40px!important;
	margin: 40px 0 0 0!important;}


	/**/
	#homenav div:nth-child(1){
	display: none; }

	#homenav div:nth-child(2){
	font-size: 18px;
    overflow: none;}

	#homenav div:nth-child(3){
		display: none; }


    /**/


    /**/
    #about{padding-top: 80px;}
    #about .col-md-6:nth-child(2){ clear: both;margin-top: 30px!important;}


    /**/
    #services{padding: 120px 0 0 0;}
    #services h4{padding: 30px 0 0 0;}
    #services p{margin-bottom: 20px;}
    .clearspacing{display: none;}


    /**/
    #contact{padding: 80px 0 0 0;}
    #contact address{font-size: 18px;margin: 0!important;}
    #contact input[type="submit"]{margin-bottom: 20px;}


    /**/
    footer{}
    footer .bottom-nav{
    margin:  0 -15px;
    padding: 15px 0;
    line-height: normal;}
    footer .social{display: none;}
    footer .bottom-nav ul{text-align: center;}
    footer .copyright{font-size: 12px;text-align: center;}
    footer .designed{display: none;}
}



/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {
}



/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px)  {

	/**/
	.centrepage {
    width: 80%;
	height: 305px;
	text-align: center;
	position: absolute;
	top: -60px;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;}

	.logo{height: 5em!important;}

	.centrepage h4{
	color: #fff;
	font-size: 40px!important;
	margin: 40px 0 0 0!important;}


	/**/
	#homenav div:nth-child(1){
	display: none; }

	#homenav div:nth-child(2){
	font-size: 18px;
    overflow: none;}

	#homenav div:nth-child(3){
		display: none; }


    /**/
    header{height: auto;}
    #fixtop .headerlogo{display: none;}
    #fixtop .container{padding: 0!important;width: 100%;}
    #fixtop ul{margin: 0 -15px!important;text-align: center;line-height: 90px;}
    #fixtop li{margin: 0 20px;}


    /**/
    #about{padding-top: 80px;}
    #about .about-image{display: none;}
    #about h4{ margin-top: 30px!important;}


    /**/
    #services{padding: 120px 0 0 0;}
    #services h4{padding: 30px 0 0 0;}
    #services p{margin-bottom: 20px;}
    .clearspacing{display: none;}


    /**/
    #contact{padding: 80px 0 0 0;}
    #contact address{font-size: 13px;margin: 0!important;}
    #contact input[type="submit"]{margin-bottom: 20px;}


    /**/
    footer{}
    footer .bottom-nav{
    margin:  0 -15px;
    padding: 15px 0;
    line-height: normal;}
    footer .social{display: none;}
    footer .bottom-nav ul{text-align: center;}
    footer .copyright{font-size: 12px;text-align: center;}
    footer .designed{background: #000; font-size: 12px;margin: 0 -15px;text-align: center;}
}



/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px)  {

	/**/
	.centrepage {
    width: 100%;
	height: 283px;
	text-align: center;
	position: absolute;
	top: -60px;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;}

	.logo{height: 5em!important;}

	.centrepage h4{
	color: #fff;
	font-size: 30px!important;
	margin: 40px 0 0 0!important;}


	/**/
	#homenav div:nth-child(1){
	display: none; }

	#homenav div:nth-child(2){
	font-size: 14px;
    overflow: none;}

	#homenav div:nth-child(3){
		display: none; }

	#homenav span{display: none;}


    /**/
    header{height: auto;}
    #fixtop .headerlogo{display: none;}
    #fixtop .container{padding: 0!important;width: 100%;}
    #fixtop ul{margin: 0 -15px!important;text-align: center;line-height: 70px;}
    #fixtop li{margin: 0 10px;}


    /**/
    #about{padding-top: 80px;}
    #about .about-image{display: none;}
    #about h4{ margin-top: 30px!important;}


    /**/
    #services{padding: 120px 0 0 0;}
    #services h4{padding: 30px 0 0 0;}
    #services p{margin-bottom: 20px;}
    .clearspacing{display: none;}


    /**/
    #contact{padding: 70px 0 0 0;}
    #contact address{font-size: 13px;margin: 0!important;}
    #contact input[type="submit"]{margin-bottom: 20px;}


    /**/
    footer{}
    footer .bottom-nav{
    margin:  0 -15px;
    padding: 15px 0;
    line-height: normal;}
    footer .social{display: none;}
    footer .bottom-nav ul{text-align: center;}
    footer .copyright{font-size: 12px;}
    footer .designed{background: #000; font-size: 12px;margin: 0 -15px;text-align: center;}
}