/*Light Blue #99CAEB*/
/*dark Blue #1A3661*/
/*---------------------------------------------------Reset*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,vardl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td 
{
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}
:focus {
  outline: 0;
}
body {
  line-height: 1;
  color: black;

}
ol,
ul {
  list-style: none;
}
table {
  border-collapse: separate;
  border-spacing: 0;
}
caption,
th,
td {
  text-align: left;
  font-weight: normal;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
}
blockquote,
q {
  quotes: "" "";
}

.floatleft {
	float: left;
	margin-right: 20px;
	margin-bottom: 20px	
}

/*---------------------------------------------------HTML/Body*/
html {
  overflow-y: scroll;
  height: 100%;
}
html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}

body {
	font-family: "Open Sans",'Helvetica', 'Arial', sans-serif;
	font-style: normal;
	font-size: 100%;
	line-height: 1.5em;
	color: #949494;
	margin: 0;
	padding: 0;
    background-color: #f7f7f7;
/*	background-image: url(../img/back.jpg);
	background-repeat: repeat;*/
}
.container{
/*	background-color:#FFF;*/
	padding-top: 15px
}


/* --------------------------------------------------------Preloader */
#preloader {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #fff;
  z-index: 100;

}
#status {
  width: 200px;
  height: 200px;
  position: absolute;
  left: 50%;
  top: 50%;
  background-image: url(../img/status.gif);
  background-repeat: no-repeat;
  background-position: center;
  margin: -100px 0 0 -100px;

}


/*---------------------------------------------------Headings and paragraphs*/
h1,
h2,
h3, h4 {
  font-weight: 400;
  line-height: normal;
  margin-bottom: 0.625em;
  margin-top: 0;
  letter-spacing: .1em;
  text-transform: uppercase;
    color:#999;
}
h1 {
	font-size: 2em;
	margin: 0.2em 0 0.2em 0;
	text-align: center;
	color: #666666;
	text-shadow: 1px 1px 5px rgba(0,0,0,0.25);
	font-weight: 400;
}
h1 span{
	font-size: 0.6em;
	color: #999;
	text-transform: none;
	font-weight: 400;
	margin: 0;
}
h2,
h3,h4 {
  font-size:1.2em;
  margin-bottom: 1.250em; 
   text-transform: none;
}
h3.margSmall {
  margin-bottom: 0.7em; 
}
h3.events {
  margin-bottom: 0;
  font-weight:800;
  color:#FFF;
  text-transform: none;
  padding:3px 8px;
  background: #CA3B00;	
  margin-bottom: 1em;
}
h3.events2 {
	margin-bottom: 0;
	font-weight: 800;
	color: #fff;
	text-transform: none;
	background: #CA3B00;	
	margin-bottom: 1em;
	padding-top: 3px;
	padding-right: 5px;
	padding-bottom: 3px;
	padding-left: 8px;
}
h4.news {
	font-size: 1.0em;
	padding-bottom: 0.5em;
	margin-bottom: 0.4em;
	color: #900;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;

}

.overlay p, .overlay h3 {
	color:#FFF;
	margin-bottom: 0.4em;
}

p.phone {
	font-size: 1.6em;
	margin: 0;
	text-align: center;
	color: #7AB8ED;
	text-shadow: 1px 1px 5px rgba(0,0,0,0.25);
}

p.logo {
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: -6px;
  text-align: center;
  padding-bottom:0
}

p.left {
  text-align: left;
}
p,
address {
	font-size: 1em;
	line-height: 1.5em;
	font-weight: 400;
	margin-bottom: 1.250em;
	color: #666;
}
p.date {
	font-size:0.8em;
	color: #999;
	margin-top: -10px
}

.date{
color:#333333
}

.news{
	color: #990000;
	font-weight: bold;
	margin-bottom: .25em;
}

/*--------------------------------------------Header*/

.topLogo {
	width: auto;
	width: 100%;
	padding-top: 0px;
	padding-bottom: 0px;
	margin-bottom: 0;
	background-color: #B83700;
}


/*-----margin under div*/
.margBott{
	margin-bottom: 1em
}
/*---------------------------------------------------Text under thumbnails*/
.text-thumb{
	font-size: 0.8em;
	color: #999;
	width: auto;
	line-height: 1.5em;
	padding-top: 0.6em;
	font-weight: normal;
}
.block {
	display: block
}

/*Text under icons*/
.text-icon{
	font-family: "Open Sans";
	font-size: 1.2em;
	color: #1A3661;
	width: auto;
	line-height: 1.2em;
	text-align: center;
	padding-top: 0.3em;
	padding-right: 0;
	padding-bottom: 0.4em;
	padding-left: 0;
	margin-top: 0;
	font-weight: 400;
}

a.icons{display:block;background:#fff; float:none}

a.icons:hover{box-shadow:0 0 28px #99CAEB;-webkit-transform:scale(1.01);transform:scale(1.008)}
/*
/*---------------------------------------------------Strong*/
strong {
  font-weight: 700;
}

/*---------------------------------------------------Box*/
.well{
	min-height: 20px;
	padding: 19px;
	margin-bottom: 20px;
	background-color: #fff;
	border: 1px solid #ccc;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
	-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
	box-shadow: inset 0 1px 1px rgba(0,0,0,0.05)
}

.well2{
	min-height: 20px;
	padding: 19px;
	margin-bottom: 20px;
	border: 1px solid #99CAEB;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
	-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
	box-shadow: inset 0 1px 1px rgba(0,0,0,0.05)
}
.well blockquote{border-color:#ddd;border-color:rgba(0,0,0,0.15)}
.well-large{padding:24px;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}.well-small{padding:9px;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}

.well:after{
	clear:both
}

/*---------------------------------------------------IFrame (Videos)*/
iframe{
margin-bottom: 1.5em;

}

/*---------------------------------------------------Header Images with Text Over*/

.top-image-about, .top-image-blog, .top-image-testimonial, .top-image-portfolio, .top-image-contact{
	clear:both;
	width:100%;
	position:relative;
	background-color:#ccc;
	background-image:url(../images/about.jpg);
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;
	height:150px;
	padding:0;
	overflow:hidden;
	margin: 0;
}

.top-image-contact {
background-image:url(../img/contact.jpg);
}

.top-image-about {
background-image:url(../img/about.jpg);
}
.top-image-blog {
background-image:url(../img/blog.jpg);
}
.top-image-testimonial {
background-image:url(../img/testimonials.jpg);
}
.top-image-portfolio {
background-image:url(../img/portfolio.jpg);
}

.top-image-inner{width:100%;color: #FFF; position:absolute;bottom:0px;background:rgba(0,0,0,0.6);padding-top:0.5em;padding-bottom:0.5em;padding-left:10%;padding-right:10%}

.top-image-inner p{font-family:"EB Garamond","Helvetica",Arial,sans-serif;font-size:1.5em;line-height:1.375em;margin-bottom:0;text-align:center;display:block;color:#fff}

/*---------------------------------------------------Clears*/

.clearfix:after { 
   content: "."; 
   visibility: hidden; 
   display: block; 
   height: 0; 
   clear: both;
}

.clear {
	clear: both;
}

/*---------------------------------------------------Links*/
a {
  color: #1A3661;
  text-decoration: none;
  cursor: pointer;
  -webkit-transition: color 0.2s ease-in;
  -o-transition: color 0.2s ease-in;
  -moz-transition: color 0.2s ease-in;
}
a:hover,
a.selected {
  color: #707070;
  cursor: pointer;
  text-decoration: none;
}

/*--------------------------------------------Centering class to be used where headers need centering*/
.center {
  text-align: center;
}
.left {
  text-align: left;
}
/*--------------------------------------------Images*/
img {
  max-width: 100%;
  height: auto;
  border: 0;
}
img.padd{	
	margin-bottom: 20px		
}

.image { 
   position: relative; 
   width: 100%; /* for IE 6 */
}

h2 span { 
   color: white; 
   font: bold 24px/45px Helvetica, Sans-Serif; 
   letter-spacing: -1px;  
   background: rgb(0, 0, 0); /* fallback color */
   background: rgba(0, 0, 0, 0.7);
   padding: 10px; 
}
.right {	
	float:right;
	margin: 0 0 0 15px
}
	

/*--------------------------------------------Lists*/
ul,
ol,
dl {
  font-size: 1.125em;
  line-height: normal;
  font-style: normal;
  margin-bottom: 1.714285714em;
}
dd {
  margin-bottom: 0.625em;
}
/*ul li {
  list-style-type: disc;
  margin-left: 1.5em;
}*/

/*--------------------------------------------For Blog*/
ol.slats li {
	margin: 0 0 10px 0;
	padding: 0 0 10px 0;
	border-bottom: 1px solid #eee;
	}
ol.slats li:last-child {
	margin: 0;
	padding: 0;
	border-bottom: none;
	}
ol.slats li a h3 {
	font-size: 18px;
	font-weight: bold;
	margin-bottom:0.5em;
	line-height: 1.1;
	}
ol.slats li a img {
	float: left;
	margin: 0 20px 0 0;
	padding: 4px;
	border: 1px solid #eee;
	}
ol.slats li a:hover img {
	background: #0087BC;
	}
ol.slats li a p {
	margin: 0 0 0 110px;
	font-size: 14px;
	line-height: 1.4;
	color: #555;
	}
ol.slats li a p span.meta {
	display: block;
	font-size: 12px;
	color: #999;
	}
@media screen and (max-width: 700px) {
	ol.slats li a img {
		display: block;
		float: none;
		margin: 0 0 5px 0;
		}		
	ol.slats li a p {
		margin: 0;
		}
	}								




/*--------------------------------------------Navigation*/
.js #nav {
  clip: rect(0 0 0 0);
  max-height: 0;
  position: absolute;
  display: block;
  overflow: hidden;
  zoom: 1;
}
#nav.opened {
  max-height: 9999px;
}
#nav {
	padding: 0;
	background-color:#000
	
}
#nav ul.top-navigation {
	font-size: 0.875em;
	width: 80%;
	display: inline-block;
	list-style: none;
	margin: 0;
	padding: 0;
	text-align: center;
	border-top: 1px dotted #999;
	background-color:#000
	

}
#nav ul.top-navigation li {
	
	font-weight:normal;
	display: block;
	margin: 0;
	padding-top: 0.3em;
	line-height: 2em;
	letter-spacing: .1em;
	text-transform: uppercase;
}
#nav ul.top-navigation li a {
  width: 100%;
  display: block;
  text-align: center;
  color: #fff;
  -webkit-transition:opacity .3s ease-in;-o-transition:opacity .3s ease-in;-moz-transition:opacity .3s ease-in;opacity:1;
}

#nav ul.top-navigation li a:hover {
	color: #99CAEB; 
	opacity: .5;
	text-decoration: none;  
}
#nav ul.top-navigation li.last {
  border-bottom: 0;
}
#nav-toggle {
  font-size: 1.4em;
  width:100%;
  display: inline-block;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
  margin-bottom: 0;
  padding: 0;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: #fff;
  text-align: center;
  line-height: 1.4em;
  background-color: #999;
  background-image: url(../img/nav-icon2.png);
  background-repeat: no-repeat;
  background-position: center center;

}

/*--------------------------------------------Side Navigation*/

ul.sidenav {
list-style: none;
margin: 0;
padding: 0;
border: none;
}
ul.sidenav li {
border-bottom: 1px solid #99CAEB;
margin: 0;
list-style: none;
list-style-image: none;
}
ul.sidenav li a {
font-size: 0.8em;
display: block;
padding: 5px 5px 5px 0.5em;
color: #1A3661;
text-decoration: none;
width: 100%;
}
 
html>body ul.sidenav li a {
width: auto;
}
 
ul.sidenav li a:hover {
color: #99CAEB;
}

/*--------------------------------------------Side Select Navigation*/
select {
  width: 100%;
   padding: 5px;
   font-size: 16px;
   line-height: 1;
   border: 1px solid #CCC;
   border-radius: 0;
   height: 34px;
   margin-bottom: 1em;
   background-color:#99CAEB
   }
   
 /*--------------------------------------------Blockquote*/  
   blockquote {
	background: #f9f9f9;
	border-left: 10px solid #ccc;
	margin-top: 0;
	padding-top: 0.5em;
	padding-right: 15px;
	padding-bottom: 0.5em;
	padding-left: 20px;
	
	margin-bottom: 20px;
}

blockquote p {
	font-style:italic;
	}
	
blockquote p.client {
	font-style: normal;
	}
	
/*--------------------------------------------Horizontal line*/
hr {
  margin-top: 20px;
  margin-bottom: 20px;
  border: 0;
  border-top: 1px solid #ccc;
}
hr.style-one { border: 0; height: 1px; background: #999; background-image: -webkit-linear-gradient(left, #ccc, #999, #ccc); background-image: -moz-linear-gradient(left, #ccc, #999, #ccc); background-image: -ms-linear-gradient(left, #ccc, #999, #ccc); background-image: -o-linear-gradient(left, #ccc, #999, #ccc); margin: 0 2% 0 2%}

/*--------------------------------------------Footer*/
.footer {
	background-color:#CA3B00;
	width: auto;
	margin: 0;
	padding-top: 2.5em;
	padding-bottom: 2.5em;
	text-align: center;
	/*background-image: url(../img/backFooter.jpg);
	background-repeat: repeat;*/
}
.footer-inner {
  width: 100%;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  padding: 0 15px 0 15px;
  overflow: hidden;
}
.footer p {
  letter-spacing: .1em;
}
.footer p,
.footer li,
.footer h2 {
	color: #fff;
	text-align: center;
}
.footer li {
  font-weight: 400;
}
.footer p {
	font-size: 1.1em;
	margin-bottom: 0.750em;
	padding: 0;
	font-weight: 400;
}
.footer a {
	color: #fff;
	font-weight: 400;
}
.footer a:hover {
  color: #3F1300;
  -webkit-transition: color 0.2s ease-in;
  -o-transition: color 0.2s ease-in;
  -moz-transition: color 0.2s ease-in;
}
.footer h4 {
	color: #fff;
	border-bottom: none;
	font-size: 1.4em;
	margin-bottom: 1em;
	font-weight: 500;
}

/*--------------------------------------------Footer links*/
ul.social-media,
ul.contact-details {
	font-size: 0.875em;
	letter-spacing: .1em;
	width: 100%;
	display: inline-block;
	margin: 0;
	margin-bottom: 1em;
	text-align: center;


}
ul.social-media li {
  width: auto;
  display: inline-block;
  list-style-type: none;
  line-height: 1.500em;
  padding: 0;
  margin-left: 0;
  margin-right: 0;
}
ul.contact-details li {
	width: auto;
	display: inline-block;
	list-style-type: none;
	font-size: 1.2em;
	line-height: 2.5em;
	padding: 0;
	margin-left: 0;
	padding-right: 1.250em;
	margin-right: 1.250em;
	font-weight: 400;
	border-right: 1px dotted #ccc
}

ul.contact-details li a {
	font-weight: 400;
}
ul.contact-details li a:hover {
	color: #fff;
}
ul.social-media li a.sm,
a.top-graphic {
  -webkit-transition: opacity 0.3s ease-in;
  -o-transition: opacity 0.3s ease-in;
  -moz-transition: opacity 0.3s ease-in;
  opacity: 0.5;
}
ul.social-media li a.sm:hover,
a.top-graphic:hover {
  opacity: 1;
}
ul.contact-details li.last,
ul.bottom-navigation li.last {
  margin: 0;
  padding: 0;
  border-right:none
}
ul.contact-details {
  margin-bottom: 2.5em;
}
ul.social-media {
  margin-bottom: 1.250em;
}
a.back-to-top {
  margin-bottom: 1.250em;
  display: block;
}
/*Contact Form Styling*/
form.contact {
  clear: both;
  margin-bottom: 1.250em;
  width: 100%;
}
/*Send button*/
.button {
  font-weight: 400;
  line-height: normal;
  display: block;
  cursor: pointer;
  border: 0;
  background-color: #000;
  color: #ffffff;
  padding: 0.5em;
  width: 50%;
  -webkit-appearance: none;
  margin-top: 2.5em;
  margin-bottom: 3.750em;
  -webkit-transition: background-color 0.2s ease-in;
  -o-transition: background-color 0.2s ease-in;
  -moz-transition: background-color 0.2s ease-in;
  line-height: 1.714285714em;
  text-transform: uppercase;
  letter-spacing: .1em;
  font-size: 0.9em;
}
form.contact .button {
  font-weight: 400;
  line-height: normal;
  display: block;
  cursor: pointer;
  border: 0;
  background-color: #b9928f;
  color: #ffffff;
  padding: 0.625em;
  width: 50%;
  -webkit-appearance: none;
  margin-top: 2.5em;
  margin-bottom: 3.750em;
  -webkit-transition: background-color 0.2s ease-in;
  -o-transition: background-color 0.2s ease-in;
  -moz-transition: background-color 0.2s ease-in;
  line-height: 1.714285714em;
  text-transform: uppercase;
  letter-spacing: .1em;
  font-size: 0.750em;
}
form.contact .button:hover {
  display: block;
  background-color: #949494;
}
/*Input areas and label*/
form.contact label {
  font-weight: 400;
  line-height: normal;
  margin-bottom: 0.313em;
  margin-top: 0;
  font-size: 1em;
}
form.contact input,
textarea {
  font-size: 1em;
  color: #949494;
  -webkit-appearance: none;
  border: 1px solid #c7c8ca;
}
form.contact input {
  font-family: 'EB Garamond', serif;
  width: 100%;
  padding: 0.313em;
  margin-bottom: 0.625em;
}
form.contact textarea {
  font-family: 'EB Garamond', serif;
  width: 100%;
  padding: 0.313em;
  resize: none;
}
span.required {
  font-size: 1em;
  margin-left: 0.625em;
  text-transform: none;
  letter-spacing: 0;
  color: #b9928f;
}
span.required-error {
  display: block;
  font-size: 1em;
  color: #000000;
  margin-bottom: 0.625em;
  line-height: normal;
}
/*Map*/
.map {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
  margin-top: 1.9em;
  margin-bottom: 1.250em;
  border: 1px solid #ebebeb;
}
.map iframe,
.map object,
.map embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/*--------------------------------------------Video*/

.video-container
{
	position: relative;
	height: 0;
	overflow: hidden;
	padding-bottom: 56.25%;
	padding-top: 30px;
	margin-bottom: 1.5em
}

.video-container iframe,  
.video-container object,  
.video-container embed
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
	
.video-icon{
	position: absolute;
	top: 45px;
	left: 15px;
	z-index: 100;
}
/*--------------------------------------------Page styles*/
body.blog h2 {
  margin-bottom: 0.625em;
}
span.pub-date {
  display: block;
  font-family: 'Lato', Arial, sans-serif;
  font-size: 0.875em;
  font-weight: 400;
  line-height: normal;
  margin-bottom: 1.250em;
  margin-top: 0;
  letter-spacing: .1em;
  text-transform: uppercase;
}
p.excerpt {
  margin-bottom: 1.250em;
  padding-bottom: 1.250em;
  border-bottom: 1px solid #ebebeb;
}
ul.categories li {
  font-size: 0.875em;
  list-style-type: none;
  margin-left: 0;
  margin-bottom: 0.625em;
  padding-bottom: 0.625em;
  border-bottom: 1px solid #ebebeb;
}
.paging {
  font-size: 1em;
}
.newer {
  margin-right: 1.250em;
}

/*Media Queries*/
@media only screen and (max-width: 640px) {
  ul.contact-details li
 {
    display: block;
    margin: 0;
    padding: 0;
    text-align: center;
	border-right: none
  }

  .blog {
    margin-bottom: 2.5em;
  }
   .top-image-blog{
	height: 175px;

	

}
 
}
@media only screen and (max-width: 500px) {
  h1.logo img {
    width: 100%;
    height: auto;
  }

  ul.contact-details li {
    display: block;
    margin: 0;
    padding: 0;
    text-align: center;
  }
  img.divider {
    display: block;
  }
  .blog {
    margin-bottom: 2.5em;
  }
}
@media only screen and (min-width: 973px) {
  .js #nav {
    position: relative;
  }
  .js #nav.closed {
    max-height: none;
  }
  #nav-toggle {
    display: none;
  }
  #nav ul.top-navigation li {
    display: inline-block;
    margin-right: 3em;
    width: auto;
    border: 0;
  }
  #nav ul.top-navigation li.last {
    display: inline-block;
    width: auto;
    border: 0;
    margin-right: 0;
  }

}