body
{
  font-size: 15px;
  font-family: Open Sans;
  padding:0px;
  margin:0px;
  background-color:#fff;
}

h3, h2, h1, h4
{
  font-size:14px;
}

h2
{
	border-bottom: 1px solid #f5941c;
	width:100%; 
	color:#f5941c;
	text-align:center;
	background-color:none;
   font-family: 'Roboto Slab', serif, arial !important;
	font-size:26px;
	font-weight:100;
	padding:0px 0px 10px 0px;
	letter-spacing: 0.5px;
}

#testimonial h2, #Locationtext h2
{
	text-align:left;
}
a:link
{color:#f5941c;text-decoration:none;}

a:hover
{
text-decoration:none;
opacity: 0.8;
    filter: alpha(opacity=100); /* For IE8 and earlier */}

a:visited
{color:#f5941c;text-decoration:none;}

p
{
  line-height:18px;
  margin:0px 0px 10px 0px;
	  font-family: Open Sans;

}

header
{
	width:100%;
	margin: 0 auto 0 auto;
	height:auto;
	clear:both !important;
	background-color:#f5941c;
	text-align:center;
	min-height:47px;
}

header p
{
padding:15px 0px 18px 0px;
	color:#fff;
}

header i
{
padding:0px 10px 0px 0px;
	color:#fff;
}

header span
{
	padding:0px 10px 0px 0px;
	color:#fff;
	display:inline-block;
}

header a:link, header a:hover, header a:visited
{
	color:#fff !important;
	text-decoration:none;
}

.fa-facebook, .fa-linkedin
{
	font-size:22px !important;
padding:0px 0px 0px 20px;
}

.centred-content
{
	width:95%;
	max-width:1160px;
	    margin: 0 auto 0 auto;
    display:block;
    clear:both !important;
}

.logo
{
    margin: 0 auto 0 auto;
    display:block;
    clear:both !important;
}


nav
{
	width:100%;
	max-width:1160px;
	text-align:center;
	border-top:1px solid #707070;	border-bottom:1px solid #707070;
		height:40px;
	padding:6px 0px 20px 0px;
	margin:20px 0px 40px 0px;
}

nav ul 
{
	text-align:center;width:90%;    
 margin: 0 auto 0 auto;
    display:block;
    clear:both !important;
	padding-top:10px;
}


nav ul li
{
   list-style:none;
	display:inline;
    margin:0px 50px 0px 50px;
	padding:0px;
	font-size:22px;
	
}

nav ul a
{
text-decoration:none;
	color:#707070 !important;
}

.navon
{
color:#f5941c;
}

#hero-area
{
	width:100%;float:left;
	margin-bottom:40px;
	position:relative;

}




.full-width-services
{
	width:100%;
	height:auto;
    margin: 0 auto 0 auto;
	clear:both !important;
	max-width:1700px;
}

.full-width-services a:link
{
color:#393939;}

.full-width-services a:visited
{
color:#393939;}

.full-width-services a:hover
{
color:#f5941c;}


.full-width-services img:hover
{
opacity: 0.7;
    filter: alpha(opacity=100); /* For IE8 and earlier */

}
.service
{
width:14.6%;
	float:left;
	padding:20px 1% 0 1%;
	  text-transform: uppercase;
}

.service img
{
	float:left;width:100%;
	margin:0px 0px 20px 0px;
}

.service p
{
	text-align:center;	padding:0px 1% 40px 1%;
	font-size:2vw;line-height:2.5vw;font-weight: 100;

}




.full-width-quote
{
	width:100%;
	height:auto;
    margin: 0 auto 0 auto;
	clear:both !important;
	background-color:#707070;
}

.full-width-quote p
{text-align:center;
	    margin: 0 auto 0 auto;
	max-width:700px;font-size:28px;line-height:33px;
   font-family: 'Roboto Slab', serif, arial !important;
	font-weight:100;
	padding:40px 0px 40px 0px;
	color:#fff;
}


 #MapArea
{
	width:50%;
	float:right;
margin-bottom:40px;
margin-top:40px;
}

#Locationtext
{
float:left;
width:55%;
text-align:left !important;

}

#Locationtext p
{
	text-align:left !important;
  font-family: Open Sans;
    font-weight: 100 !important;
	font-weight:lighter !important;
    font-size:23px;
    color:#1b1b1b;
	line-height:37px;
	
}


#Map
{
	float:right;
	width:43%;
}

#testimonial
{
	width:45%;
	float:left;
	margin-top:40px;
	font-family:Roboto Slab!important;font-weight:100;font-size:22px;line-height:36px;

}

#testimonial p
{

	line-height:33px;
	width:90%;
	font-size:20px;
	font-family:Roboto Slab!important;font-weight:100;

}

#testimonial img
{float:left;
width:80px; margin:0px 20px 0px 0px;}

#logos
{

	width:100%;	clear:both !important;
	max-width:1700px;    margin: 0 auto 0 auto;


}

#logos img
{
	float:left;width:15.6%;margin:20px 1% 40px 0px;	
	
}

.service-page-service-box:nth-child(6), 
{
margin:20px 0% 40px 0px;
}

footer
{
background-color:#292929;
	width:100%;
		text-align:center;
	color:#fff;
	float:left;
	padding:40px 0px 40px 0px;
}

footer p
{
	font-size: 22px;
	font-weight:100;
	line-height:33px;
}

#subfooter
{
		text-align:center;
	color:#fff;
	width:100%;margin: 0 auto 0 auto;
	max-width:800px;
	margin-top:30px;
}

#subfooter p
{
	font-size: 14px;
	font-weight:100;
	line-height:23px;
}

/***GALLERY ***/ 

.popup-gallery
{
	margin:50px 0px 50px 0px;float:left;
	
}


/***GALLERY ***/ 


/***** Services Page *****/

.service-page-service-box
{
	width:49%;
	float:left;
	background-color: #e8e8e8;
	padding:0px 0px 40px 0px;
	margin-bottom: 13%;
	min-height:450px;
}

.service-page-service-box img
{
margin: 0 auto 0 auto;
	width:35%;
	margin-left: auto;
    margin-right: auto;
    text-align: center;
	display:block;
	margin-top:-20%;
}

.service-page-service-box h4
{
	text-align:center;
	font-size:22px;
	font-weight: 500;
	color:#da7900;
}


.service-page-service-box p
{
text-align:center;
	font-size:17px;
	line-height:24px;
	padding:0px 15% 0px 15%;
}


.service-page-service-box:nth-child(2), .service-page-service-box:nth-child(4), .service-page-service-box:nth-child(6)
{
margin-left:2%;
}

.service-page-service-box:nth-child(5), .service-page-service-box:nth-child(6)
{
margin-bottom:60px;
}

.service-page-service-box span
{ 
	background-color:#f5941c;
	width:10%;
	display:block;
		margin-left: auto;
    margin-right: auto;
    text-align: center;
	height:3px;
	margin-bottom:24px;
}



.full-width-quote-other
{
	width:100%;
	height:auto;
    margin: 0 auto 0 auto;
	clear:both !important;
	background-color:#707070;
	margin-top:10px;
}

.full-width-quote-services
{
margin-bottom:10%;

}

.full-width-quote-other p
	{text-align:center;
	    margin: 0 auto 0 auto;
	max-width:600px;font-size:28px;line-height:33px;
   font-family: 'Roboto Slab', serif, arial !important;
	font-weight:100;
	padding:40px 0px 40px 0px;
	color:#fff;
}

/****FORM****/
#contactform
{
	margin:40px 0px 40px 0px;
}

#formbit 
{
    width:56%;
    margin: 0 auto 0 auto;
    text-align:center;

}

    #formbit input, #formbit textarea {
    margin:5px 0px 14px 0px;width:300px;
    }

    input {
    -webkit-appearance: none;
    border-radius: 0;
    border:none;
    padding:15px 3px 15px 3px;background-color:#f1f1f1;
	
}

textarea {
background-color:#f1f1f1;
border:none;width:300px !important;
padding:5px 10px 5px 10px;    border-radius: 0;
}


.submittbutton {
background-color:#f5941c;
border:none;width:300px;font-size: 16px;
padding:15px 10px 15px 10px;    border-radius: 0;width:320px !important;
	cursor: pointer;
}


@media screen and (max-width:933px) {
	
  ul.topnav li {display: none;}
  ul.topnav li.icon {
    float: right;
    display: inline-block;
	margin:15px 15px 0px 0px;
  }
  ul.topnav.responsive {position: relative;}
  ul.topnav.responsive li.icon {
    position: absolute;
    right: 0;
    top: 0;
	width:20px;
	height:20px;
	
  }
  
  ul.topnav.responsive
  {
	  border-bottom:30px solid #d0cec0;
	 }
  
  ul.topnav.responsive li {
    float: left;
    display: inline;	
	padding:0px 0px 18px 5%;
	width:95%;
	background-color:#d0cec0;
  }
  ul.topnav.responsive li a {
    display: block;
    text-align: left;
	color:#000;
  }
  
  ul.topnav {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  width:100%;
  float:right;
  margin-top:0px;
  position:absolute;
}

}

@media screen and (min-width: 481px) and (max-width: 768px) {

}

@media only screen and (min-width : 0px) and (max-width : 480px) {
	
	.logo
	{
		width:90%;
	}
nav
{
	width:100%;
	max-width:480px;
	text-align:center;
	border-top:1px solid #707070;	border-bottom:1px solid #707070;
		height:100px;
	padding:6px 0px 50px 0px;
	margin:20px 0px 40px 0px;
}

nav ul 
{
	text-align:center;width:100%;    
float:left;
    display:block;
    clear:both !important;
	padding-top:10px;
}


nav ul li
{
   list-style:none;
	float:left;
    margin:0px 50px 0px 50px;
	padding:0px;
	font-size:22px;
	width:50%;
	
}
#testimonial
	{width:100%;}


#MapArea
{width:100%;}

	.phone
	{
		width:100%;
		display:block;
	padding:5px 0px 5px 0px;
	}

.service
{
width:45%;
	float:left;
	padding:20px 1% 0 3%;
}

.service img
{
	float:left;width:100%;
	margin:0px 0px 20px 0px;
}
	
	.service-page-service-box
	{
		width:96%;
	}

.service p
{
	text-align:center;	padding:0px 1% 40px 1%;
	font-size:20px;line-height:25px;font-weight: 100;

}

}
/* jssor slider loading skin double-tail-spin css */

        .jssorl-004-double-tail-spin img {
            animation-name: jssorl-004-double-tail-spin;
            animation-duration: 1.2s;
            animation-iteration-count: infinite;
            animation-timing-function: linear;
        }

        @keyframes jssorl-004-double-tail-spin {
            from {
                transform: rotate(0deg);
            }

            to {
                transform: rotate(360deg);
            }
        }


        .jssorb051 .i {position:absolute;cursor:pointer;}
        .jssorb051 .i .b {fill:#fff;fill-opacity:0.5;stroke:#000;stroke-width:400;stroke-miterlimit:10;stroke-opacity:0.5;}
        .jssorb051 .i:hover .b {fill-opacity:.7;}
        .jssorb051 .iav .b {fill-opacity: 1;}
        .jssorb051 .i.idn {opacity:.3;}

        .jssora051 {display:block;position:absolute;cursor:pointer;}
        .jssora051 .a {fill:none;stroke:#fff;stroke-width:360;stroke-miterlimit:10;}
        .jssora051:hover {opacity:.8;}
        .jssora051.jssora051dn {opacity:.5;}
        .jssora051.jssora051ds {opacity:.3;pointer-events:none;}