/* =================================================================== */
/* 
/*  Puremedia v1.0 Main Stylesheet
/*  url:styleshout.com
/*  10-10-2014
/*
/*  ------------------------------------------------------------------ 

    TOC: 
    a. Webfonts and Iconfonts
    b. Document Setup
    c. Forms  
    d. Preloader
    e. Buttons
    f. Other Components
    g. Header Styles
    h. Content Styles
    i. Footer Styles
    j. Common and shared styles
    k. Hero Section
    l. restore Section
    m. Services Section
    n. About Section
    o. sales Section
    p. Contact Section
    q. Blog Entry
    r. restore Entry

/* =================================================================== */

/* 
/* a. Webfonts and Iconfonts
/* =================================================================== */
@import url("fonts.css");
@import url("font-awesome/css/font-awesome.min.css");
@import url("simple-line-icons/simple-line-icons.css");


/* 
/* b. Document Setup
/* =================================================================== */

/* Body
---------------------------------------------------------------------- */
body {
	/*background: #0e1015;*/
	font: 14px "merriweather-regular", serif;   /* was 15px/30px  */
	font-weight: normal;
	height: 100%;          /* added this  */
	line-height: 1.8;       /* added this  */
	overflow-x: hidden;      /* added this  */
	color: #575859;
	position: relative;
}

/* Links
---------------------------------------------------------------------- */
a, a:visited {
	color: #D99011;   /* was orange--now gold */
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
a:hover, a:focus {
	color: black;
}

/* Typography
--------------------------------------------------------------------- */


/* Lists
--------------------------------------------------------------------- */
/*ul, ol {
	margin-top: 15px;
	margin-bottom: 15px;
}
ul {
	list-style: disc;
	margin-left: 17px;
}
dl {
	margin: 0 0 15px 0;
}
dt {
	margin: 0;
	color: #D99011;  /* gold */
/*}
dd {
	margin: 0 0 0 20px;
}

/* Floated Image
--------------------------------------------------------------------- */
img.pull-right {
	margin: 12px 0px 0px 18px;
}
img.pull-left {
	margin: 12px 18px 0px 0px;
}

/* 
/* c. Forms
/* =================================================================== */
form {
	margin-bottom: 24px;
}
fieldset {
	margin: 0 0 24px 0;
	padding: 0;
	border: none;
}
input, button {
	-webkit-font-smoothing: antialiased;
}
input[type="text"], 
input[type="password"], 
input[type="email"], 
input[type="textarea"], 
select {
	display: block;
	padding: 12px 15px;
	margin: 0 0 12px 0;
	/*border: 0;*/
	outline: none;
	vertical-align: middle;
	color: #ffffff;  /* was gray a3a4a6 */
	font-family: "raleway-regular", sans-serif;
	font-size: 14px;
	line-height: 24px;
	border-radius: 3px;
	max-width: 100%;
	background: transparent;
	border: 3px solid #575859;  /* was  #a9aaab  */  
}
textarea {
	min-height: 162px;
}
/*input[type="text"]:focus, 
input[type="password"]:focus, 
input[type="email"]:focus, 
textarea:focus {
	background: white;
}*/
label, legend {
	font: 15px/30px "raleway-bold", sans-serif;
	margin: 12px 0;
	color: #252525;
	display: block;
}
label span, legend span {
	color: #575859;
	font: 15px/30px "merriweather-bold", serif;
}
input[type="checkbox"], input[type="radio"] {
	font-size: 15px;
	color: #575859;
}
input[type="checkbox"] {
	display: inline;
}

/* 
/* d. Preloader
/* =================================================================== */
#preloader {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #12151b;
	z-index: 99999;
	height: 100%;
}
.no-js #preloader {
	display: none;
}

#status {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 60px;
	height: 60px;
	margin: -30px 0 0 -30px;
	padding: 0;
}
#status img {
	display: none;
}

.loader {
	margin: 0 auto;
	font-size: 10px;
	position: relative;
	text-indent: -9999em;
	border-top: 1.1em solid rgba(255, 255, 255, 0.2);
	border-right: 1.1em solid rgba(255, 255, 255, 0.2);
	border-bottom: 1.1em solid rgba(255, 255, 255, 0.2);
	border-left: 1.1em solid #D99011;   /* gold */
	-webkit-animation: load 1.1s infinite linear;
	animation: load 1.1s infinite linear;
}
.loader, .loader:after {
	border-radius: 50%;
	width: 60px;
	height: 60px;
}
@-webkit-keyframes load {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}
@keyframes load {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

/* for ie8 */
.ie8 #status img {
	display: block;
}
.ie8 .loader {
	display: none;
}


/* 
/* e. Buttons
/* =================================================================== */
/*.button, 
.button:visited, 
button, 
input[type="submit"], 
input[type="reset"], 
input[type="button"] {
	display: inline-block;
	font: 15px/30px "raleway-bold", sans-serif;
	padding: 9px 16px;
	margin: 0 3px 6px 0;
	background: #818fab;
	color: white;
	text-decoration: none;
	cursor: pointer;
	height: auto;
	text-align: center;
	border: none;
	border-radius: 3px;
	-webkit-appearance: none;
	-webkit-font-smoothing: inherit;	
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.button:hover, 
button:hover, 
input[type="submit"]:hover, 
input[type="reset"]:hover, 
input[type="button"]:hover {
	background: #647495;
	color: white;
}*/
/*.button.primary, button.primary {
	background: #D99011;  /* gold */
/*}
.button.primary:hover, button.primary:hover {
	background: #e3520d;
}
button.medium, .button.medium {
	font: 15px/30px "raleway-bold", sans-serif;
	padding: 12px 18px !important;
}
button.large, .button.large {
	font: 15px/30px "raleway-bold", sans-serif;
	padding: 15px 20px !important;
}
button.round, .button.round {
	padding-left: 20px !important;
	padding-right: 20px !important;
	border-radius: 1000px;
	background-clip: padding-box;
}*/
/*button.stroke, .button.stroke {
	background: transparent !important;
	border: 3px solid transparent;
}
/*button.full-width, .button.full-width {
	width: 100%;
	margin-right: 0;
}
 
@font-face {
  font-family: 'Glyphicons Halflings';
  src: url('fonts/glyphicons-halflings-regular.eot');
  src: url('fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('fonts/glyphicons-halflings-regular.woff2') format('woff2'), url('fonts/glyphicons-halflings-regular.woff') format('woff'), url('fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}
.glyphicon {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: normal;
  line-height: 1;

  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.glyphicon-menu-hamburger:before {
  content: "\e236";

}*/



/*.button.pink {
	background: #ffadcb;
}
.button.pink:hover {
	background: #ff94bb;
}
.button.blue {
	background: #72bbf0;
}
.button.blue:hover {
	background: #5bb0ee;
}
.button.black {
	background: #2e3236;
}
.button.black:hover {
	background: #222528;
}
.button.yellow {
	background: #ffd900;
}
.button.yellow:hover {
	background: #f0cc00;
}
.button.red {
	background: #ff6163;
}
.button.red:hover {
	background: #ff474a;
}
.button.green {
	background: #9bc724;
}
.button.green:hover {
	background: #8ab120;
}
.button.grey {
	background: #8d8e91;
}
.button.grey:hover {
	background: #808184;
}
.button.purple {
	background: #b482c9;
}
.button.purple:hover {
	background: #a970c1;
}
.button.orange {
	background: #f5731c;
}
.button.orange:hover {
	background-color: #ed650a;
}
.button.stroke.pink {
	border-color: #ffadcb;
	color: #ffadcb;
}
.button.stroke.pink:hover {
	background: #ffadcb !important;
	color: #fff;
}
.button.stroke.blue {
	border-color: #72bbf0;
	color: #72bbf0;
}
.button.stroke.blue:hover {
	background: #72bbf0 !important;
	color: #fff;
}
.button.stroke.black {
	border-color: #2e3236;
	color: #2e3236;
}
.button.stroke.black:hover {
	background: #2e3236 !important;
	color: #fff;
}
.button.stroke.yellow {
	border-color: #ffd900;
	color: #ffd900;
}
.button.stroke.yellow:hover {
	background: #ffd900 !important;
	color: #fff;
}
.button.stroke.red {
	border-color: #ff6163;
	color: #ff6163;
}
.button.stroke.red:hover {
	background: #ff6163 !important;
	color: #fff;
}
.button.stroke.green {
	border-color: #9bc724;
	color: #9bc724;
}
.button.stroke.green:hover {
	background: #9bc724 !important;
	color: #fff;
}
.button.stroke.grey {
	border-color: #8d8e91;
	color: #8d8e91;
}
.button.stroke.grey:hover {
	background: #8d8e91 !important;
	color: #fff;
}
.button.stroke.purple {
	border-color: #b482c9;
	color: #b482c9;
}
.button.stroke.purple:hover {
	background: #b482c9 !important;
	color: #fff;
}
.button.stroke.orange {
	border-color: #f5731c;
	color: #f5731c;
}
.button.stroke.orange:hover {
	background: #f5731c !important;
	color: #fff;
}
button::-moz-focus-inner, input::-moz-focus-inner {
	border: 0;
	padding: 0;
}


/* 
/* f. Other Components
/* ================================================================== */



/* Pagination
/* ------------------------------------------------------------------ */
/*.pagination {
	margin: 30px auto;
	text-align: center;
}
.pagination ul li {
	display: inline-block;
	margin: 0;
	padding: 0;
}
.pagination .page-numbers {
	font: 15px/24px "raleway-bold", sans-serif;
	display: inline-block;
	padding: 6px 12px;
	height: 36px;
	margin-right: 3px;
	margin-bottom: 6px;
	color: #707273;
	background-color: #dde4e6;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	border-radius: 3px;
	background-clip: padding-box;
}
.pagination .page-numbers:hover {
	background: #94aab0;
	color: white;
}
.pagination .current, .pagination .current:hover {
	background-color: #D99011;
	color: white;
}
.pagination .inactive, .pagination .inactive:hover {
	background-color: #ecf0f1;
	color: #a3a4a6;
}

/* 
/* g. Header Styles
/* =================================================================== */
/*header {
	height: 72px;
	width: 100%;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 990;
	text-align: center;
	background: #320066;  /* was 12151B */
	/*background: rgba(50, 0, 102, 0.5);  /*50, 0, 102*/   /* was gray 18, 21, 27, 0.5 */
	/*box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.71);  /* Iadded drop shadow */
	/*-moz-transition: background 0.5s ease-in-out;
	-o-transition: background 0.5s ease-in-out;
	-webkit-transition: background 0.5s ease-in-out;
	-ms-transition: background 0.5s ease-in-out;
	transition: background 0.5s ease-in-out;
	
}
header .logo {
	display: inline-block;
	vertical-align: middle;
	margin: 0;
	padding: 0;
	margin-right: 15px;

	/* add position relative since z-index only applies to
	elements that have been given an explicit position */
/*	position: relative;
	z-index: 992;
}
header .logo a {
	display: block;
	margin: 0 20px 0 0;
	padding: 0;
	border: none;
	outline: none;
	font: 0/0 a;
	text-shadow: none;
	color: transparent;
	width: 180px;  /* was 126 */
/*	height: 42px;  /* was 12px  */
/*	background-repeat: no-repeat;
	background-position: 0 0;
	background-image: url("../images/180-logo.png");
}
@media (-webkit-min-device-pixel-ratio:2), (min-resolution:192dpi) {
	header .logo a {
		background-image: url("../images/white-logo.png");
		-webkit-background-size: 163px 40px;  /* was 126px 12px */
	/*	-moz-background-size: 163px 40px;
		background-size: 163px 40px;
	}
}
.opaque {
	background: #320066;   /* was 12151b */
/*}

/* primary navigation
--------------------------------------------------------------------- */
/*#nav-wrap, #nav-wrap ul, #nav-wrap li, #nav-wrap a {
	margin: 0;
	padding: 0;
	border: none;
	outline: none;
}

/* nav-wrap */
/*#nav-wrap {
	font: 15px "open_sans_condensedbold", sans-serif;  /* was 11px raleway-heavy */
/*	text-transform: uppercase;
	letter-spacing: 1.5px;
	display: inline-block;
}

/* hide toggle button */
/*#nav-wrap > a {
	display: none;
}
ul#nav {
	min-height: 72px;
	width: auto; 
	font-family: "open_sans_condensedbold", Helvetica, Arial, sans-serif;
    
	/* left align the menu */
/*	text-align: left;
}
ul#nav li {
	position: relative;
	list-style: none;
	height: 72px;
	display: inline-block;
}
ul#nav li a {
	display: inline-block;
	padding: 17px 12px;
	line-height: 38px;
	text-decoration: none;
	color: #c0cdd1;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
ul#nav li a:hover {
	color: white;
}
ul#nav li a:active {
	background-color: transparent !important;
}
ul#nav li.current a {
	background: #D99011;  /* now gold */
	/*color: white;
}


/* 

/* i. Footer Styles
/* =================================================================== */
/*footer {
	padding-top: 36px;
	padding-bottom: 42px;
	font-size: 13px;
	line-height: 24px;
	position: relative;
	color: #3C4142;	
}
footer a, footer a:visited {
	color: #a43b0a;
}
footer a:hover, footer a:focus {
	color: white;
}
footer h3 {
	font: 13px/24px "raleway-bold", sans-serif;
	margin-bottom: 0;
	color: white;
	text-transform: uppercase;
	letter-spacing: 1px;
}
footer p {
	margin: 12px 0;
}

footer .footer-about {
	padding-right: 60px;
}
footer .right-cols .columns {
	width: 50%;
	word-wrap: break-word;
}
footer ul {
	margin: 12px 0;
	padding: 0;
	list-style: none;
}
footer ul li {
	margin: 0;
	padding-left: 0;
	line-height: 24px;
}
footer ul li a, footer ul li a:visited {
	color: #3C4142;
} */
footer .copyright {
	margin: 0;
	padding: 24px 18px 6px 18px;
	clear: both;
	font-size: 70%;                    /* I added these 2 lines  */
	line-height: 1.5em;
}

/* back to top */
footer #go-top {
	position: fixed;
	bottom: 0;
	right: 30px;
	z-index: 900;
	display: none;
}
footer #go-top a {
	display: block;
	padding: 12px 30px;
	background: #d99011;
	color: white;
	text-align: center;
	font: 12px/24px "raleway-heavy", sans-serif;
	text-transform: uppercase;
	letter-spacing: 2px;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
footer #go-top a span {
	margin-right: 10px;
}
footer #go-top a:hover {
	background: #486473;
	color: #252525;
}
footer {
    font: 12px/24px "raleway-regular", sans-serif;
}


/* 
/* j. Common and shared styles
/* =================================================================== */

hr {
	border: solid #D99011;
	border-width: 3px 0 0;
	width: 90px;
	margin: 11px auto 15px;
	height: 0;
	clear: both;
	text-align: center;
}

/* section head
---------------------------------------------------------------------- */
.section-head {
	text-align: center;
}
.section-head h1 {
	font: 15px/24px "raleway-heavy", sans-serif;
	text-transform: uppercase;
	letter-spacing: 2.5px;
	color: #252525;
	margin-bottom: 18px;
}
.section-head h1 span {
	color: #D99011;   /* gold */
}
.section-head p {
	font: 14px/26px "merriweather-light", serif;
	width: 85%;
	color: #707273;
	margin-left: auto;
	margin-right: auto;
}

@media (min-width: 768px) {
.section-head p {
	font: 18px/36px "merriweather-light", serif;
	width: 95%;
	color: #707273;
	margin-left: auto;
	margin-right: auto;
}
}


/* pagenav
---------------------------------------------------------------------- */
.pagenav {
	margin: 18px 0 6px;
	padding: 12px 0 0 0;
	font: 15px/30px "raleway-regular", sans-serif;
}
.pagenav a {
	font: 0/0 a;
	text-shadow: none;
	color: transparent;
}
.pagenav a[rel="next"]:after, 
.pagenav a[rel="prev"]:before {
	float: left;
	text-align: center;
	display: inline-block;
	background: transparent;
	color: #D99011;   /* gold */
	border-radius: 3px;
	border: 3px solid #D99011;  /* gold */
	font-family: 'FontAwesome';
	font-size: 16px;
	padding: 21px 15px;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.pagenav a[rel="next"]:after {
	content: "\f054";
}
.pagenav a[rel="prev"]:before {
	content: "\f053";
	margin-right: 6px;
}
.pagenav a[rel="next"]:hover:after, .pagenav a[rel="prev"]:hover:before {
	color: white;
	background: #D99011;  /* gold */
}
.entries .pagenav {
	margin-top: -18px;
}

/* 
/* k. Hero Section
/* =================================================================== */
.hero {
	/*background: #12151b url("../img/defender.jpg") no-repeat fixed center center;*/
	-webkit-background-size: cover !important;
	-moz-background-size: cover !important;
	background-size: cover !important;
    /*padding-top: 166px;  /* was 66px  */
	/*padding-bottom: 2em;*/
	width: 100%;
	text-align: center;
	position: relative;
	margin: -20px 0 0 0;   /* was 0 */
}
.hero-content img {
	width: 100%;
}
.ie8 #hero { background: #12151b; }



/* Flex slider settings
/* ------------------------------------------------------------------ */
.flexslider a:active, .flexslider a:focus {
	outline: none;
}
.slides, .flex-control-nav, .flex-direction-nav {
	margin: 0;
	padding: 0;
	list-style: none;
}
.slides li {
	margin: 0;
	padding: 0;
}






/* Necessary Styles */
.flexslider {
	position: relative;
	zoom: 1;
	margin: 0;
	padding: 0;
}
.flexslider .slides {
	zoom: 1;
}
.flexslider .slides > li {
	position: relative;
}

/* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides > li {
	display: none;
	-webkit-backface-visibility: hidden;
}

/* Suggested container for slide animation setups. Can replace this with your own */
.flex-container {
	zoom: 1;
	position: relative;
}

/* Clearfix for .slides */
.slides:before, .slides:after {
	content: " ";
	display: table;
}
.slides:after {
	clear: both;
}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
* include js that eliminates this class on page load */
.no-js .slides > li:first-child {
	display: block;
}

/* Slider Styles */
.slides {
	zoom: 1;
}
.slides > li {
	overflow: hidden;
}

/* hero slider
/* ------------------------------------------------------------------ */

@media only screen and (min-width: 768px)   
{
	#hero-slider .flex-caption h1 {
	font: 4em/1.3 "raleway-semibold", sans-serif;  /* was 54px/1.3 */
	color: white;
	letter-spacing: -1px;
	margin-bottom: 36px;
	text-shadow: 0 0px 5px rgba(0, 0, 0, 0.5);
}
#hero-slider {
	margin: -26em auto 8em auto;    /* was 108px auto 30px    this centers slider text  */
}
}
	
@media only screen and (max-width: 767px)
{
	#hero-slider .flex-caption h1 {
	font: 3em/1.3 "oswald", sans-serif;  /* was 54px/1.3 */
	color: white;
	letter-spacing: -1px;
	margin-bottom: 30px;
	text-shadow: 0 0px 5px rgba(0, 0, 0, 0.5);
	padding-top: .5em;	
	}
   #hero-slider {
	margin: -18em auto 5em auto;    /* was 108px auto 30px    this centers slider text  */
    }
}

@media only screen and (max-width: 576px)
{
	#hero-slider .flex-caption h1 {
	font: 2.3em/1.3 "oswald", sans-serif;  /* was 54px/1.3 */
	color: white;
	letter-spacing: -1px;
	margin-bottom: 30px;
	text-shadow: 0 0px 5px rgba(0, 0, 0, 0.5);
	padding-top: .5em;	
	}
   #hero-slider {
	margin: -18em auto 5em auto;    /* was 108px auto 30px    this centers slider text  */
    }

}

#hero-slider .flex-caption {
	margin: 0 5%;   /* was 0 15%  */
}

/*@media only screen and (min-width: 448px)
{*/
	/*#hero-slider .flex-caption h1 {
	font: 2em/1.3 "raleway-semibold", sans-serif;  /* was 54px/1.3 */
	/*}*/
    /*.slides {
	padding-top: 2em;
	}
/*}*/



#hero-slider .flex-caption h1 span, 
#hero-slider .flex-caption h1 a {
	color: white;
	display: inline-block;
	border-bottom: 1px solid #D99011;  /* gold */
}
#hero-slider .flex-caption h1 span:hover, 
#hero-slider .flex-caption h1 a:hover {
	border-color: #9a9103;
}
#hero-slider .flex-caption .button.stroke {
	margin: 0;
	padding: 9px 20px;
	width: auto;
	text-transform: uppercase;
	letter-spacing: 1.5px;
	border-color: #D99011;
	color: white;
	white-space: nowrap;
	text-shadow: 0 0px 5px black;
	-webkit-box-shadow: 0 0px 5px 0px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0 0px 5px 0px rgba(0, 0, 0, 0.5);
	box-shadow: 0 0px 5px 0px rgba(0, 0, 0, 0.5);
	font: .8em/1.3 "raleway-semibold", sans-serif;  /* was 1em/1.3  */
	text-decoration: none;
}
#hero-slider .flex-caption .button.stroke:hover {
	color: white;
	text-shadow: none;
	background: #3E6783 !important;
}
#hero-slider .flex-caption .button.gold {
	background-color: #D99011;
	color: #ffffff;
}


/* Slider Control Nav */
.hero-content .flex-control-nav {
	width: 80%;
	margin: 0 auto; 
	display: block;
	z-index: 889;
	position: relative;
}
.hero-content .flex-control-nav li {
	margin: 0 6px;
	display: inline-block;
	zoom: 1;
	/*display: inline;*/
}
.hero-content .flex-control-paging li a {
	width: 15px;
	height: 15px;
	display: block;
	cursor: pointer;
	border-radius: 100%;
	border: 3px solid white;
	background: transparent;
	box-shadow: none !important;
	font: 0/0 a;
	text-shadow: none;
	color: transparent;
	-webkit-box-shadow: 0 0px 5px 0px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0 0px 5px 0px rgba(0, 0, 0, 0.5);
	box-shadow: 0 0px 5px 0px rgba(0, 0, 0, 0.5);
}

@media only screen and (max-width: 767px) {   
.hero-content .flex-control-paging li a {
	width: 8px;
	height: 8px;
}
}


.hero-content .flex-control-paging li a:hover {
	border-color: #D99011;  /* gold */
}
.hero-content .flex-control-paging li a.flex-active {
	border-color: #D99011;  /* gold */
	cursor: default;
}

/* newHero section----------------------*/

#newHero {
	background: white;
	padding-top: 20px;  /* was 120px */
	padding-bottom: 20px;
}
#newHero .newHero-content {
	max-width: 934px;
}
.newHero h3 {
	font: 13px/17px "merriweather-regular", serif;
	text-transform: none;
	padding: 0;
	margin-top: 20px;
}
/*#about p {
	color: #707273;
	font-size: 120%;
}*/
#newHero .left {
	padding-right: 30px;
}
#newHero .right {
	padding-left: 30px;
}









/* 
/* l. Restorations Section
/* =================================================================== */
#restore {
	background: white;
	padding-top: 10px;
}
.ie #restore .row.items {
	width: 1140px;
}
#restore .row.items {
	max-width: 1200px;
}

/* restore wrapper */
#restore-wrapper {
	margin-top: 36px;
	margin-bottom: 36px;  /* I added this */
}

/* restore items */
.item .item-wrap {
	overflow: hidden;
	position: relative;
}
.item .item-wrap a {
	display: block;
	cursor: pointer;
}
.item .item-wrap .overlay {
	background: #23185C;  /* dark blue */
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	filter: alpha(opacity=0);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	opacity: 0;
	zoom: 1;
	-moz-transition: opacity 0.3s ease-in-out;
	-o-transition: opacity 0.3s ease-in-out;
	-webkit-transition: opacity 0.3s ease-in-out;
	-ms-transition: opacity 0.3s ease-in-out;
	transition: opacity 0.3s ease-in-out;	
}
.item .item-wrap img {
	vertical-align: bottom;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.item .item-wrap .restore-item-meta {
	position: absolute;
	top: 10%;
	left: 10%;
	filter: alpha(opacity=0);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	opacity: 0;
	zoom: 1;
	-moz-transition: opacity 0.3s ease-in-out;
	-o-transition: opacity 0.3s ease-in-out;
	-webkit-transition: opacity 0.3s ease-in-out;
	-ms-transition: opacity 0.3s ease-in-out;
	transition: opacity 0.3s ease-in-out;
}
.item .item-wrap .restore-item-meta h5 {
	font: 16px/21px "open_sans_condensedbold", sans-serif;
	margin-bottom: 10px;  /* was margin: 0 */
	color: white;
	word-wrap: break-word;
	text-transform: capitalize;
	text-align:left;            /* added flush left text */
}
.item .item-wrap .restore-item-meta p {
	font: 13px/17px "merriweather-regular", serif;
	color: #6091BC;
	margin: 0;
	text-align: left;        /* added flush left text  */
}

/* on item hover */
.item:hover .overlay {
	filter: alpha(opacity=100);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	opacity: 1;
	zoom: 1;
}
.item:hover .restore-item-meta {
	filter: alpha(opacity=100);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	opacity: 1;
	zoom: 1;
}
.item:hover .item-wrap img {
	-moz-transform: scale(1.2);
	-o-transform: scale(1.2);
	-webkit-transform: scale(1.2);
	-ms-transform: scale(1.2);
	transform: scale(1.2);
}
.more {
	color: #6091BC;
	width: 90%;
	text-align: left;
}
/* 
/*  m. Services Section
/* =================================================================== */
/*#services {
	background: #ecf0f1;
	padding-top: 120px;
	padding-bottom: 120px;
	text-align: center;
}*/
#services {
	background: url("../img/porsche-duo.jpg") no-repeat bottom center fixed;  /*304962 */
	-webkit-background-size: cover !important;
	-moz-background-size: cover !important;
	background-size: cover !important;
	padding-top: 100px;  /* was 120px */
	padding-bottom: 108px;  /* was 108 */
	width: 100%;
	color: #ffffff;
}
#services h1 {
	color: #ffffff;
}
#services p {
	color: #ffffff;
	/*font: "merriweather-bold", serif;
	font-size: 110%; */
}
/*.service-list {
	margin: 15px -22px 0 -22px;
}*/
.service-list .bgrid {
	margin-top: 15px;
	margin-bottom: 15px;
	padding: 0 22px;
}
.service-list .icon-part {
	background: #D99011;  /* gold */
	color: white;
	width: 72px;
	padding: 15px 3px;
	font-size: 40px;
	border-radius: 3px;
	margin: 0 auto;
}
.service-list h3 {
	font: 16px/24px "raleway-heavy", sans-serif;
	padding: 0;
}
.service-list p{
	color: #ffffff;  /* was gray  707273;  */
	position: relative;
	font: 130%/26px "raleway-semibold", serif;	
}
.service-list a:link {
	color: #ffffff;    /*white*/
	text-decoration:none;
}
.service-list a:visited {
	color: #F4CA7F;   /*gold*/
}
.service-list a:hover {
	color: #B3ABEC;   /*blue*/
}
.service-list a:active {
	color: #AEF8BC;    /*green*/
}






/* 
/*  n. About Section
/* =================================================================== */

#about {
	background: white;
	padding-top: 20px;  /* was 120px */
	padding-bottom: 20px;
}
#about .about-content {
	max-width: 934px;
}
#about h3 {
	font: 16px/36px "raleway-heavy", sans-serif;
	text-transform: none;
	padding: 0;
	margin-bottom: 0;
}
/*#about p {
	color: #707273;
	font-size: 120%;
}*/
#about .left {
	padding-right: 30px;
}
#about .right {
	padding-left: 30px;
}


/* 
/*  o. sales Section
/* =================================================================== */
/*#sales {
	background: url("../images/porsche-duo.jpg") no-repeat bottom center fixed;  /*304962 */
	/*-webkit-background-size: cover !important;
	-moz-background-size: cover !important;
	background-size: cover !important;
	padding-top: 220px;  /* was 120px */
	/*padding-bottom: 308px;  /* was 108 */
	/*width: 100%;
}*/
#sales {
	background: #ecf0f1;
	padding-top:60px;
	padding-bottom: 60px;
	text-align: center;
}
/*#sales h1, #sales h3, #sales h3 a {
	color: white;
}*/
#sales h3 {
	font: 16px/27px "raleway-heavy", sans-serif;
	padding: 0;
	margin: 0;
}
#sales h5 {
	font-size: 13px;
	color: #D99011;  /* gold */
	margin: 0;
}
#sales p {
	color: #707273;
}
#sales #blog-wrapper {
	margin: 24px 0 0 0;
}
#sales #blog-wrapper .bgrid {
	padding: 0 18px;
}
#sales #blog-wrapper article {
	margin-bottom: 24px;
}


/* 
/*  p. Contact Section
/* =================================================================== */
#contact {
	background: #999ca0;  /* was black 12151b */
	padding-top: 60px;
	padding-bottom: 60px;
	overflow: hidden; 
}
#contact p {
	color: black;
}

/*.form-section {
	width: 784px;
}



/*#contact .row {
	max-width: 784px;
}*/
#contact h1 {
	color: white;
}

/* contact form */
#contact form {
	margin-top: 30px; /* was 30px */
	margin-bottom: 30px;
}
#contact label {
	font: 14px/30px "raleway-heavy", sans-serif;
	color: #ffffff;  /* was gray 7d7e80 */
	display: none;
}
#contact label span {
	color: #D99011;  /* gold */
	display: inline-block;
}
#contact input, 
#contact textarea, 
#contact select {
	/*padding: 18px 20px;
	margin-bottom: 42px;*/
	font-size: 15px;
	width: 100%;
	background: #999ca0;  /* was black 12151b */
	border: 3px solid #575859;
	font-family: "raleway-medium", arial, sans-serif;
}
#contact textarea {
	height: 252px;
	padding: 12px 15px;
}
#contact input:focus, 
#contact textarea:focus, 
#contact select:focus {
	color: white;
	border-color: white;
}
#contact button.submit {
	text-transform: uppercase;
	letter-spacing: 3px;
	padding: 18px 20px;
	margin-bottom: 36px;
	line-height: 24px;
	display: block;
	border: 3px solid #D99011;  /* gold */
	color: #D99011;  /* gold */
	background: #FFF;
}
#contact button.submit:hover {
	color: white;
	background: #D99011;   /* gold */
}

/* for ie9 and lower */
.ie #contact label {
	display: block;
}
.ie #contact input, .ie #contact select {
	margin-bottom: 6px;
}
.ie #contact textarea {
	margin-bottom: 48px;
}

/* messages */
#message-warning, #message-success {
	display: none;
	background: black;
	padding: 24px 24px;
	margin-bottom: 42px;
	border-radius: 3px;
}
#message-warning {
	color: #ff6163;
}
#message-success {
	color: #ffd900;
}
#message-warning i, #message-success i {
	margin-right: 10px;
}
#image-loader {
	display: none;
	text-align: center;
}
#image-loader img {
	height: 44px;
	width: 44px;
}

/* Style Placeholder Text -- was gray 575589*/
::-webkit-input-placeholder {
	color: #ffffff;
}
:-moz-placeholder {
	/* Firefox 18- */
	color: #ffffff;
}
::-moz-placeholder {
	/* Firefox 19+ */
	color: #ffffff;
}
:-ms-input-placeholder {
	color: #ffffff;
}
.placeholder {
	color: #ffffff !important;  /* was gray 575859 */
}


/* r. restore Entry
/* =================================================================== */

.restore-content .entry header {
	text-align: center;
}
.restore-content .entry .entry-content-media {
	margin: 30px 0 0;
}
.restore-content .entry .entry-content-media img {
	margin-bottom: 24px;
}
.restore-content .entry .pagenav {
	margin-top: 0;
}
.restore-content .entry .pagenav a[rel="next"]:after {
	float: right;
}

/* more projects
/* ------------------------------------------------------------------- */
.more-projects {
	margin-top: 60px;
}
.more-projects h1 {
	font: 30px/36px "raleway-bold", sans-serif;
	text-align: center;
	margin-bottom: 0;
}
.more-projects .restore-wrapper {
	text-align: left;
}

/*  map
/* -------------------------------------*/
#map {
	height: 300px;
    width: 100%;
}

