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

  /*------------------------------*\
    Grid System
	  <!--
Copyright (c) 2015 by Ryan Morr (http://codepen.io/ryanmorr/pen/zxRzyE)

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

-->
\*------------------------------*/

.row, 
.column {
    box-sizing: border-box;
	
}

.row{
	margin: 0;
}

.row:before,
.row:after {
    content: " ";
    display: table;
}

.row:after {
    clear: both;
}

.column {
    position: relative;
    float: left;
}

.column + .column {
    margin-left: 1.6%;
}

.column2, .column6, .column7 {
    position: relative;
    float: left;
}


.column2 + .column2 {
    margin-left: 0;
}

.column-1 {
    width: 6.86666666667%;
}

.column-2 {
    width: 15.3333333333%;
}

.column-3 {
    width: 23.8%;
	
}

.column-3x {
    width: 25%;
	
	
}

.column-4 {
    width: 32.2666666667%;
}

.column-5 {
    width: 40.7333333333%;
}

.column-6 {
    width: 49.2%;
}

.column-7 {
    width: 57.6666666667%;
}

.column-8 {
    width: 66.1333333333%;
}

.column-9 {
    width: 74.6%;
}

.column-10 {
    width: 83.0666666667%;
}

.column-11 {
    width: 91.5333333333%;
}

.column-12 {
    width: 100%;
    margin-left: 0;
	text-align: center;
}

@media (max-width: 768px) {
	.row{
		width: auto;
	}
    .column-1, 
    .column-2, 
    .column-3,
	.column-3x, 
    .column-4, 
    .column-5, 
    .column-6, 
    .column-7, 
    .column-8, 
    .column-9, 
    .column-10, 
    .column-11, 
    .column-12 {
        width: 100%;
        float: left;
    }
	

    .column + .column {
        margin-left: 0;
    }
	
	    .column2 + .column2 {
        margin-left: 0;
    }
}








/*------------------------------*\
    Styling
\*------------------------------*/

body {
    padding: 0;
	margin: 0;
  	font-family: 'Nunito', sans-serif;
	font-size: 100%;
}

.wrapper_boxed {
	width: 100%;
}
.logo{
	float: left;
	text-align: left;
}
.tel{
	float: right;
	text-align: right;
	margin: 0;
	padding: 22px 22px;
	color: #959D70 ;
	font-size: 20px;
	line-height: 22px;
	
}

.tel p{
	font-size: 20px;
	line-height: 26px;
	
}

.site_wrapper {
	width: 100%;
}

.container {
	width: 1170px;
	margin: 0 auto;
}

.content{
	margin: 0px 0 0 0;
	padding: 0;
	background-color: #fff;
	
}

p{
	padding:0 0 15px 0;
	text-align: justify;
	line-height: 1.5;
	font-size: 18px;
	margin: 0;
	
}

.section{ clear: both; padding: 20px 80px; width: 100%;}


.cent{
	text-align: center;
	
}

.foot_gold{
	color: #666666;
	font-size: 14px;
}
.foot_gold2{
	font-size: 11px;
	
}

.maincolr{
	 color:#898989;
}

.maincolrlrg{
	 color:#898989;
	 font-size: 22px;
}

.smgrey{
	 color:#898989;
	 font-size: 12px;
}

.line{
	border-top: solid 6px #000;
	margin: 0 20% 0 20%;
	
}
 ul{
	list-style: url(../images/list.png);
	text-align: justify;
	line-height: 1.5;
	 font-size: 16px;
}
a:active, a:link {
  color: #333;
  text-decoration: none;
}

a {
  color:#333;
  text-decoration: none;
}
a:hover {
  color: #959D70 ;
  text-decoration: none;
}

.luminet a {
  color: #666666;
  text-decoration: none;
  font-size: 10px;
  
}
.luminet a:hover {
  color: #fff;
  text-decoration: none;
}
.top{
	padding: 0;
	
}


.footer{
	background: #959D70;
	margin: 0;
	padding: 50px 20px 50px 20px;
	color: #fff;
	text-align: center;
		
}

.footer p{
	text-align:center;
	color: #fff;
}

h1 {
  font-size: 34px;
  line-height: 36px;
  color:#fff;
  font-weight: normal;
  padding:20px 80px 20px 80px;
  text-align: center;
}


h2 {
  font-size: 22px;
  line-height: 28px;
  color:#959D70 ;
  font-weight: normal;
  padding:0;
	text-align: center;
}

h3 {
  font-size: 28px;
  line-height: 32px;
  color:#898989;
  font-weight: normal;
  padding:0;
  text-align: center;
 
}

h5 {
  font-size: 22px;
  line-height: 28px;
  color:#FFFFFF ;
  font-weight: normal;
  padding:0;
	text-align: center;
}


ul{
	padding: 0 120px;
	text-align: left;
	line-height: 1.5;
	
}
.bluebk{
	background-color: #ffffff ;
	margin-top: 30px;
}

.greybk{
	background-color: #333333; 
}

.para-cta{
	font-size: 22px;
	text-align: center;
	line-height: 29px;
	color: #ffffff ;
	
}

.overview{
	padding: 15%;
}
.txtdark{
	color: #333;
}




.imgright {
    text-align: right;
    float: right;
    margin: 0px;
        margin-left: 0px;
    margin-left: 20px;
    padding: 0 0 21px 0;
    background: url("../images/bk-img.jpg") no-repeat bottom right;
}
.imgleft {
    text-align: left;
    float: left;
    margin: 0px;
        margin-left: 0px;
    margin-right: 20px;
    padding: 0 0 21px 0;
    background: url("../images/bk-img.jpg") no-repeat bottom right;
}

.imgshad{
    text-align: left;
    float: left;
    margin: 0px;
    margin-left: 20px;
    margin-right: 0px;
    padding: 0 0 21px 0;
    background: url("../images/bk-img.jpg") no-repeat bottom right;
}


.banner_holderImage{
	max-width: 100%;
    min-height: 500px;
    background: url("../images/pic01.jpg")no-repeat;
	background-size: cover;

}

.banner_holderImage2{
	max-width: 100%;
    min-height: 450px;
    background: url("../images/pic02.jpg")no-repeat;
	background-size: cover;

}


	
img{
  max-width: 100%;
  height: auto;
  vertical-align: middle;
  border: 0;
  -ms-interpolation-mode: bicubic;
  vertical-align: middle;
  border: 0;
  -ms-interpolation-mode: bicubic;
}
.clear{clear: both;}

.column {
    line-height: 18px;
	color: #999;
    padding: 0;
    min-height: 30px;
    text-align: center;
	margin: 0;
}

.column2 {
    padding: 0;
    min-height: 30px;
	margin: 0;
}

.column-3{
	text-align: center;
	
}

.column-9{
	text-align: left;
	color: #999;
	padding: 0;		
}


.logo{
	float: left;
	text-align: left;
}


.row {
    margin-bottom: 0;
}

.row:last-child {
    margin-bottom: 0;
}

.column .column {
    color: #eee;
    background: #333;
    border-color: #000;
}

.spotcontent p, .spotcontent li, .spotcontent2 p, .spotcontent2 li  {
	color: #fff;
}

.spotcontent h2, .spotcontent2 h2  {
	color: #fff;
	text-align: left;
	font-size: 29px;
	line-height: 50px;
}

.spotcontent2{
	padding-left: 20px;
}

.spotcontent{
	padding-right: 20px;
}



/*sliding image*/

.carousel {height: auto; clear: both;}

.carousel-caption {
    position: absolute;
    right: 10%;
    top: 50%;
    left: 15%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: left;
    text-shadow: 0 0px 0px rgba(0,0,0,.6);
}

.carousel-caption p {text-align:left; background-color: #868787;  padding: 20px; font-size: 18px; font-family: 'Nunito', sans-serif; width: 500px;}

.carousel-caption h3 {text-align:left; padding: 20px 30px; background-color: #959D70 ; font-size: 28px; width: 400px;  color: #ffffff; font-family: 'Nunito', sans-serif;}

/*image 0verlay*/

.imgcont-1 {
	max-width: 100%;
    min-height: 500px;
    background: url("../images/tarves.jpg")no-repeat;
	background-size: cover;
}
.imgcont-2 {
	max-width: 100%;
    min-height: 500px;
    background: url("../images/dec.jpg")no-repeat;
	background-size: cover;
}
.imgcont-3 {
	max-width: 100%;
    min-height: 500px;
    background: url("../images/utec.jpg")no-repeat;
	background-size: cover;
}
.imgcont-4 {
	max-width: 100%;
    min-height: 500px;
    background: url("../images/gandt.jpg")no-repeat;
	background-size: cover;
}
.imgcont-5 {
	max-width: 100%;
    min-height: 500px;
    background: url("../images/guttrie-hill.jpg")no-repeat;
	background-size: cover;
}
.imgcont-6 {
	max-width: 100%;
    min-height: 500px;
    background-color: #666666;

}


/* Bottom right text */
.text-block {
  position: absolute;
  bottom: 20px;
  right: 20px;
  background-color: #959D70;
  color: white;
  padding-left: 20px;
  padding-right: 20px;
}


/* Wrapper Boxed */

@media only screen and (min-width: 1000px) and (max-width: 1366px){
.wrapper_boxed {
	width: 100%;
}

.site_wrapper {
	width: 100%;
}

.container {
	width: 1170px;
	margin: 0 auto;
}
.banner_holderImage{
    min-height: 550px;
}
}

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

.wrapper_boxed {
	width: 100%;
}

.site_wrapper {
	width: 100%;
}
.container {
	width: 747px;
	margin: 0 auto;
}
	.banner_holderImage{
    min-height: 620px;
}
}

@media only screen and (min-width: 640px) and (max-width: 767px){

.wrapper_boxed {
	width: 100%;
}

.site_wrapper {
	width: 100%;
}

.container {
	width: 590px;
	margin: 0 auto;
}
}

@media only screen and (min-width: 480px) and (max-width: 639px){

.wrapper_boxed {
	width: 100%;
}

.site_wrapper {
	width: 100%;
}

.container {
	width: 440px;
	margin: 0 auto;
}
	
		.tel{
	float: none;
	text-align: center;	}
}

@media only screen and (max-width: 479px){

.wrapper_boxed {
	width: 100%;
}

.site_wrapper {
	width: 100%;
}

.container {
	width: 300px;
	margin: 0 auto;
}
.spotlight .spotcontent, .spotlight .spotimage {
		width: 100%
	}
}


@media only screen and (max-width: 360px){

.wrapper_boxed {
	width: 100%;
}

.site_wrapper {
	width: 100%;
}

.container {
	width: 300px;
	margin: 0 auto;
}
.spotlight .spotcontent, .spotlight .spotimage {
		width: 100%
	}
}
@media only screen and (max-width: 320px){

.wrapper_boxed {
	width: 100%;
}

.site_wrapper {
	width: 100%;
}

.container {
	width: 300px;
	margin: 0 auto;
}
	
	.spotlight .spotcontent, .spotlight .spotimage {
		width: 100%
	}
}
/* end Wrapper Boxed */



@media only screen and (min-width: 1000px) and (max-width: 1280px){

.content{
	margin: 0px 0 0 0;
	padding: 0;
	background-color: #fff;
	
}
	
}

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

.content{
	margin: 0px 0 0 0;
	padding: 0;
	background-color: #fff;
	
}

p{
		padding: 0 40px;
		text-align: justify;
		line-height: 1.5;
	
}
	
	.section{float: left; clear: both; padding: 0 40px;}

h1 {
  font-size: 28px;
  line-height: 32px;
  color:#fff;
  font-weight: normal;
  padding:10px 40px 10px 40px;
  text-align: center;
}
}

@media only screen and (device-width: 768px){
	

.row {
        margin-bottom: 0;
    }
    .column {
        margin-bottom: 0px;
    }
    .row:last-child .column:last-child {
        margin-bottom: 0;
    }
	p{
		padding: 0 20px;
		text-align: justify;
		line-height: 1.2;
	
}
	.section{float: left; clear: both; padding: 0 20px;}
	
	
	.carousel-caption p {padding: 10px; font-size: 10px;  width: 300px;}

.carousel-caption h3 {padding: 10px 10px;  font-size: 14px; width: 300px;}
	
.spotcontent{
	padding-right: 20px;
	padding-left: 20px;
	padding-bottom: 20px;
}
	
.spotcontent2{
	padding-bottom: 20px;
}

}


@media only screen and (max-width: 550px) {
    .row {
        margin-bottom: 0;
    }
    .column {
        margin-bottom: 0px;
    }
    .row:last-child .column:last-child {
        margin-bottom: 20px;
    }
	
	.content{
	margin: 0 0 0 0;
	padding: 0;
	background-color: #fff;
	
}

p{
		padding: 0 20px;
		text-align: justify;
		line-height: 1.2;
	
}
	.section{float: left; clear: both; padding: 0 20px;}

h1 {
  font-size: 20px;
  line-height:22px;
  padding:10px 10px 10px 10px;
}

h3 {
  font-size: 16px;
  line-height: 22px; 
}

ul{
	padding: 0 45px;
	text-align: left;
	line-height: 1.5;	
}

.footer{
	padding: 20px 10px 20px 10px;		
}
.foot_gold{
	font-size: 14px;
	
}
	
.foot_gold2{
	font-size: 11px;
	
}
.footer p{
	font-size: 12px;
	color: #fff;
	
}
	
		
}

@media (max-width:480px) {
	.logo{
	float: none;
	text-align: center;
		margin: 0 auto;
}
	
	.tel{
	float: none;
	text-align: center;
	
}

.tel p{
	font-size: 18px;
	line-height: 26px;
	text-align: center;
	
}
	h3{
		font-size: 14px;
	}
	
.imgshad{
    margin-left: 0px;
	margin-top: 10px;
}
	
.carousel-caption p {
	margin: 10px auto; padding: 2px; font-size: 6px; width: auto;}

.carousel-caption h3 {
	text-align:center; padding: 2px 2px; font-size: 8px; width: auto;}
	

.para-cta{
	font-size: 18px;
	text-align: center;
	line-height: 22px;
	color: #ffffff ;
}
	
.spotcontent{
	padding-right: 20px;
	padding-left: 20px;
}
	
}