@charset "UTF-8";
/* CSS Document */

/* NORMALIZER*/

/* ==========================================================================
HTML5 display definitions
========================================================================== */
 
/* * Corrects `block` display not defined in IE 6/7/8/9 and Firefox 3. */
 
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary { display: block; }
/* * Corrects `inline-block` display not defined in IE 6/7/8/9 and Firefox 3. */
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
/* * Prevents modern browsers from displaying `audio` without controls.
* Remove excess height in iOS 5 devices. */
audio:not([controls]) { display: none; height: 0; }
/* * Addresses styling for `hidden` attribute not present in IE 7/8/9, Firefox 3, * and Safari 4.
* Known issue:no IE 6 support. */
[hidden] { display: none; }

*  {
	margin:0;
	padding:0;
	}
	
	p, h1, h2, h3, h5, h6, table, tr, td, th, div, img, ul, ol, li, dd {
	border: 0;
	}
	
	ul, ol {
	list-style-type: none;
	}
	
	a {
	text-decoration: none;
	cursor:pointer
	}
	
html {
    font-size: 100%;
}
html, html a {
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.004);
}	

input{
    border: 1px solid #ccc;
    box-shadow: none;
    color: #a8a8a8;
    display: block;
    font-size: 18px;
    height: 53px;
    line-height: 120%;
    padding-left: 10px;
    width: 100%;
}

textarea{background: #fff none repeat scroll 0 0;
    border: 1px solid #ccc;
    box-shadow: none;
    color: #000;
    display: block;
    font-family: "Regular Semibold";
    font-size: 18px;
    height: 83px;
    line-height: 120%;
    width: 100%;}
/* GENERAL STYLES (RESET)*/
	a {
	text-decoration: none;
	cursor:pointer;
    transition-duration: 0.2s;
    transition-property: color;
	color: #ff6e00
	}

a:hover {
		opacity: 0.5;
    	transition: opacity 0.25s ease-in-out 0s;
		}

	
	
body {
	font-family: "Raleway", sans-serif;
	color:#333;
	background-color: #f3f5f8
	}

h1 {
	color: white;
    float: left;
    font-family: "Alfa Slab One",cursive;
    font-size: 2.2em;
    font-weight: normal;
    letter-spacing: 1px;
    line-height: 104%;
    margin-top: 10px;
    width: 93%;
  /* font-family: 'Oswald', sans-serif;, sans-serif;
    color: white;
    float: left;
    font-size: 1.5em;
    line-height: 104%;
    margin-top: 23px;
    text-transform: uppercase;
    width: 49%;*/
	}
	
	h1 a {color: white}
h2 {
	font-size:16px;
	font-family: "Oswald", sans-serif;

	}

h2::after {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
    border: 2px solid #ff6e00;
    content: " ";
    display: block;
    margin: 2px auto;
    width: 22%;
}

h2.arrow {
    background: rgba(0, 0, 0, 0) url("images/arrow.png") no-repeat scroll center bottom;
    color: #353535;
    font-size: 25px;
    font-weight: bold;
    letter-spacing: 1px;
    margin-bottom: 45px;
    padding-bottom: 30px;
    text-transform: uppercase;
}

h2.arrow::after {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
    border: none;
   
}	
h3 {
	color: white;
    font-weight: 400;
    text-align: center;
	font-size: 25px;
	}	

#servicesSlider h3 {
    color: #ff6e00;
    font-family: "Oswald",sans-serif;
    font-size: 22px;
    font-weight: 400;
    text-align: center;
}
	
/*p {line-height: 120%; font-size: .9em}
*/
h6 {}

li, p {
    color: ##ff6e00;
    font-size: 14px;
    line-height: 165%;
    word-spacing: 1px;
	font-size: 14px;
    line-height: 25px;
    margin-bottom: 10px;
    word-spacing: 1px;
}

a {color: ##ff6e00}	
	
/* NAVIGATION*/
nav { float: right;
    margin-top: 14px;
    width: 56%;}

/*	nav ul {float: right;}
*/	
		nav ul li {float: left}
		
			nav ul li a {
			color: white;
    display: block;
    font-family: oswald;
    padding: 5px 11px;
		}
			
				nav ul li a:hover { color:white}

nav h4 {
	border-bottom: 4px solid #ff6e00;
    color: white;
    float: right;
    font-family: "Oswald",sans-serif;
    font-size: 1.2em;
    font-weight: 100;
/*    letter-spacing: 1px;
*/    padding-bottom: 4px;
    padding-left: 6px;
	}
					
#mobile_nav, #mobile {display: none;background-color: #242830;}
#mobile ul li {
  	position: relative;
    float: none;
    text-align: left;
    width: 100%;
}
#mobile ul li a {
   border-bottom: 1px solid #444444;
    color: rgba(255, 255, 255, 0.6) !important;
    display: block;
    padding: 20px 20px 20px 0;
    position: relative;
    transition: all 0.5s ease 0s;
    margin: 0 30px;
	font-size: 14px
}

#mobile ul li a:hover, #mobile ul li a:focus {
    color: rgba(255, 255, 255, 1)!important;
    text-decoration: none;
}


.current_page_item a {color: red}
#mobile .indicator {
    position: absolute;
    right: 0 ;
	top: 25px;
	border-radius: none;
    display: block;
    height: auto;
    transition:none;
    width: auto;
    z-index: 8;
	
	
	
}
.home .active {
	 background-color: #627f8d;
    border-top: 7px solid #ff6e00;
	}				
	
/* DIVS SPECIFIC STYLES*/
.wrapper {margin: 0 auto; width: 1000px}

#logo {	/*.background-image:url(images/banner.png); background-repeat:no-repeat*/
float:left; width:42%
}

#logo img{	/*.background-image:url(images/banner.png); background-repeat:no-repeat*/
float:left; width: 15%; margin: 0 10px 10px 0
}
#slide {
	position: relative;     
	background-color: rgba(255, 255, 255, 0.8);
}

	#slide img {width: 100%}

	#slide h3 {
   /*background-color: rgba(255, 255, 255, 0.8);
    border: 1px solid white;*/
   
   /* position: absolute;
    right: 50px;
    top: 300px;*/
	 color: black;
    font-family: "Oswald",sans-serif;
    font-size: 40px;
    line-height: 90%;
    margin-top: 400px;
    padding: 42px;
    text-align: center;
    text-transform: uppercase;
	font-weight:bold;
		}
	
main{margin-top: 10px; padding-top: 15px}

.icon {
    background: #ff6e00 none repeat scroll 0 0;
    border-radius: 50%;
    color: #fff;
    display: block;
    font-size: 55px;
    height: 175px;
    line-height: 175px;
    margin: 0 auto 50px;
    max-width: 100%;
    position: relative;
    text-align: center;
    vertical-align: middle;
    width: 175px;
}
	main h2 {
		/* background: rgba(0, 0, 0, 0) url("images/h1-bg.png") no-repeat scroll center bottom;
    color: #ff6e00;
	    letter-spacing: 1px;
*/
    font-size: 18px;
    font-weight: bold;
    padding-bottom: 12px;
    text-align: center;
    text-transform: uppercase;
		}

.contact {background-color: white;
    float: left;
    padding: 28px !important;
    width: 60%;
	}
.col ul li {}

.col ul li::before {
    color: #ff6e00;
    content: "\f14a";
    font-family: "FontAwesome";
    margin: 0 5px 0 -20px;
}		
	footer h2 {
		 background: rgba(0, 0, 0, 0) url("images/h1-bg.png") no-repeat scroll center bottom;
    color: #353535;
    font-size: 15px;
    font-weight: bold;
    letter-spacing: 1px;
    margin-bottom: 0;
    padding-bottom: 14px;
    text-align: center;
    text-transform: uppercase;
		}
		
		footer .col h2 {background: none}	
	.col .animated	h2::after {
    border: 2px solid #ff6e00;
    content: " ";
    display: block;
    margin: 25px auto;
    width: 35px;
	background: none !important
}


.home main {
	/*background-repeat: no-repeat; 
	background: url(images/Grill-picture.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;*/
	}	
	header h2 {color: white; float: right;}
	
header {
	background-color:#242830;
/*	background-color: rgba(42, 42, 42, 0.8);
*/	 padding-top: 10px;
	 
	}

	header h2 {
   color: white;
    float: right;
    font-size: 0.75em;
    line-height: 123%;
    margin-top: 0;
    width: 23.5%;
}

#hero_contact {background-color:#2a2a2a;
	 padding-top: 20px;
	 background-repeat: no-repeat; 
	background: url(images/1101566_76486484.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  height: 400px;
  height: auto;
  }
#hero {
	background-color:#2a2a2a;
	 padding-top: 20px;
	 background-repeat: no-repeat; 
	background: url(images/632929_52574255.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  height: 400px;
  height: auto;
	}
	
#hero span {font-size: 20px; text-transform: uppercase}	
.bk h2 {
	  color: #fff;
    font-size: 37px;
    font-weight: normal;
    letter-spacing: 1px;
    padding-top: 85px;
    text-align: center;
    text-transform: uppercase;
	}
#footer  {}

#logo {}

footer {margin-bottom: 30px}
footer .col { text-align: center}

.contact-details h2 {
    font-size: 20px;
}
footer .col h2 span {
    color: #ff6e00;
    display: block;
    font-size: 14px;
    letter-spacing: 1px;
    margin-top: 15px;
    text-transform: uppercase;
}

footer .row h2 { font-size: 23px; border: none}
/*footer h2::after {
    border: 2px solid #ff6e00;
    content: " ";
    display: block;
    margin: 25px auto;
    width: 35px;
}*/

footer .row h2::after{border:none}

/* Form*/
input[type="submit"]{
    background: #ff6e00;
    border: 0 none;
    box-shadow: none;
    color: #fff;
    font-size: 18px;
    height: 53px;
    margin-top: 45px;
    width: 100%;
}
.halfCol {float: left; width: 46%; margin-right: 20px; overflow: hidden}

.halfCol  img {width: 100%}
#servicesSlider {
	float: right;
    text-align: center;
    width: 50%;}

/* Slider css*/
.slides { }
/* GENERAL CLASSES*/
.clear {
	clear: both;
	}


.col {float: left;
    padding: 0 26px;
    width: 28%;}	
.grey {
	color: #CCC;
	}	

.shadow {
    text-shadow: 1px 1px rgb(55, 181, 161), 2px 2px rgb(55, 181, 161), 3px 3px rgb(55, 181, 161), 4px 4px rgb(55, 181, 161), 5px 5px rgb(55, 181, 161), 6px 6px rgb(55, 181, 161), 7px 7px rgb(55, 181, 161), 8px 8px rgb(55, 181, 161), 9px 9px rgb(55, 181, 161), 10px 10px rgb(55, 181, 161), 11px 11px rgb(55, 181, 161), 12px 12px rgb(55, 181, 161), 13px 13px rgb(55, 182, 162), 14px 14px rgb(55, 183, 163), 15px 15px rgb(56, 184, 164), 16px 16px rgb(56, 185, 165), 17px 17px rgb(56, 186, 166), 18px 18px rgb(57, 187, 167), 19px 19px rgb(57, 188, 168), 20px 20px rgb(57, 189, 169), 21px 21px rgb(58, 191, 170), 22px 22px rgb(58, 192, 171), 23px 23px rgb(58, 193, 172), 24px 24px rgb(59, 194, 173), 25px 25px rgb(59, 195, 174), 26px 26px rgb(59, 196, 175), 27px 27px rgb(60, 197, 176), 28px 28px rgb(60, 198, 177), 29px 29px rgb(60, 199, 178), 30px 30px rgb(61, 201, 179);
}
.fa {
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
	padding-top: 40px;
/*	font-size: 20px !important;
*/}	

.light-box {
    background-color: #fff;
    box-shadow: 0 3px 0 0 #f0f2f4;
    padding: 20px 0;
}
.light-box:hover, .light-box:focus {
    box-shadow: 0 3px 0 0 #ff6e00;
}
.box-hover {
    transition: all 500ms ease-in-out 0s;
}
.box-hover:hover, .box-hover:focus {
    transform: translate(0px, -15px);
}


.row {
	margin-top: 68px;
    min-height: 127px;
	}
	
.bk {
	background-repeat: no-repeat; 
	background: url(images/grill-bg3.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  min-height: 255px;
  margin-top:31px;
   padding-bottom: 20px;
	}	
	
.button_small {
	background: rgba(255, 110, 0, 1) none repeat scroll 0 0;
    border-radius: 5px;
    box-shadow: 0 3px 0 0 #9b321d;
    color: #fff;
    display: inline-block;
    font-size: 12px;
    font-weight: bold;
    letter-spacing: 1px;
    margin: 5px 0 0;
    padding: 15px 22px;
    text-transform: uppercase;
	}	
.button a {
    color: white !important;
}
.button {
    background: rgba(255, 110, 0, 1) none repeat scroll 0 0;
    border-radius: 5px;
    box-shadow: 0 3px 0 0 #9b321d;
    color: #fff;
    display: inline-block;
    font-weight: bold;
    letter-spacing: 1px;
    margin: 26px 0 0;
    padding: 20px 40px;
    text-transform: uppercase;
}
	.button:hover, .button:focus {
		background: rgba(255, 110, 0, 0.6) none repeat scroll 0 0;
		color: #fff;
	}
	
.bold {
	color: white;
    font-size: 1em;
    font-weight: bolder;
	}	
	
.subhead {color: #999999;
    font-size: 16px;
    font-weight: normal;
    letter-spacing: 0;
    text-transform: none;}
	
	
		
/*MOBILE */

@media screen and (min-width: 900px) {


}
/* Smartphones (portrait and landscape) --  --  --  --  -- - */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px) {
/* Styles */


}
 
@media screen and (min-width: 100px) and (max-width: 767px) {
	
/*body {background-color: red}
*/

*, *:after, *:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

/*
#mobile {
    cursor: pointer;
    display: block;
}
nav { display:none}

#logo {
    float: none;
    margin-left: 20px;
    width: 50%;
}



*{margin:0; float:none; width: 100% !important}	
header #logo img {
    width: 40% !important;
}

#mobile ul li a  {margin:0; }*/
}
 
/* Smartphones (portrait) --  --  --  --  -- - */
@media only screen
and (max-width : 320px) {
/* Styles */
 
}


@media screen and (min-width: 360px) and (max-width: 806px) {
/*body {background-color: orange}*/


}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media screen and (min-width: 768px) and (max-width: 899px) {
/*body {background-color: yellow}*/

}
   
/* Tablet Portrait size to standard 960 (devices and browsers) */
@media screen and (min-width: 900px) and (max-width: 1024px) {
/*body {background-color: pink}*/


}