@font-face {
	font-family: 'Conv_Nunito-Light';
	src: url('fonts/Nunito-Light.eot');
	src: local('☺'), url('../fonts/Nunito-Light.woff') format('woff'), url('../fonts/Nunito-Light.ttf') format('truetype'), url('../fonts/Nunito-Light.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

body {
    font-family: 'Conv_Nunito-Light';
    max-width:1200px;
    margin:auto;
    background: #fff;
    overflow-x:hidden;
}

.navbar-custom {
position:absolute;
top:0;
left:0;
width:100%;
z-index:3;
text-transform:uppercase;
font-size:12px;
padding:0px;
background: #fff;
max-width:1200px;
margin:auto
}

.error-404{
	padding-top: 6%;
	padding-bottom: 6%;
	padding-left: 4%;
}

.f12{font-size:12px}
.f14{font-size:14px}
.f16{font-size:16px}
.f18{font-size:18px}
.f20{font-size:20px}
.f22{font-size:22px}

/*
	h3, h4 {margin: 0.5em 0;}
	ul, ol {margin-bottom: 25px;}
*/

h3 {margin: 16px 0 10px;}
h4 {margin: 16px 0 8px;}
ul, ol {margin-bottom: 16px;}


.intro-header{display:block;   margin-top: 80px; position: relative;}
.intro-header-tagline{ width: 100%;background-color: rgba(255, 255,255, 0.8); position: absolute; z-index: 2; top: 56px; padding: 18px; text-align: center; font-size: 30px; 
  letter-spacing: 2px;
  color: #c89f20;}
.intro-header-iphone{display:none}
.tag-line{display:none}

.dropdown-menu li{border-bottom:solid 1px #c1a21d ;   margin: 0px 15px;}

.dropdown-menu li:last-child {
  border-bottom:solid 1px #fff
}

.footer-nav{width:100%; min-height:160px; padding: 0 3%; }
.footer-right{float:right}
.box{ background-color:#e7e7e7;   position: relative; }
.child_box{width:100%; }
.box-img{width: 90%; margin: auto;}
.img{width: 100%;}
.img-inner{width: 100%; height:100%; margin-left:-15px; }
.top{  width: 100%; height: 20px; position: relative; background: #e7e7e7; top: 0px; right: 0px;  opacity: 0.7;   margin: 20px auto 0; display:block}
.top-blank{display:none}
.title{font-size: 18px; color: #fff; text-align: center;  padding: 10px 0; color:#5e5f5b }

.footer-wrap{background:#fff}
.footer-new{text-align:center; padding:2%; color:#a6a4a1; font-size: 12px;}

.main-body{width:100%; min-height:400px;  margin-top: 81px; background:#ededed}
.inner-right{ min-height: 300px; padding: 3%; color:#5e5f5b; background: #ededed;}
.inner-left{min-height: 300px; background: #ededed; overflow:hidden; position: relative;max-height: 600px; }
.inner-left-tagline{width: 95%;background-color: rgba(255, 255,255, 0.8); text-transform: uppercase;  position: absolute; z-index: 2; top: 56px;  left:0; padding: 23px; text-align: center; font-size: 22px;
  letter-spacing: 5px;
  color: #8b9a0b; font-weight: bold;}

.row{margin-right: 0px;  margin-left: 0px;}
.photo-credit{ position: absolute;  bottom: 0; color: #5e5f5b; background-color: rgba(255, 255, 255, .6);  padding: 4px 8px;  font-size: 10px; left: 0;}

.home-photo-credit {
  position: absolute;
  bottom: 0;
  color: #939393;
  background-color: rgba(255, 255, 255, .6);
  padding: 4px 8px;
  font-size: 8px;
  right: 0;
  top:0;
  height:18px
}


@media only screen and (min-width : 150px) and (max-width : 767px) {
.child_box{width:50%; margin:auto;  padding: 3% 0 !important;}
.intro-header{display:block}
.intro-header-iphone{display:none;   margin-top: 60px;}
.intro-header-tagline{display:none; }
.inner-left-tagline{width: 100%;}

.tag-line{display: block;  color: #c89f20;  font-size: 14px;  text-align: center;    padding: 2% 15%; letter-spacing: 2px;}

.navbar-custom {padding: 0px 0px 10px 0px; background: #fff;;}

.error-404{padding-top: 25%;padding-bottom: 6%;padding-left: 4%;}

.navbar-collapse{background:#ededed;}

.footer-nav{width:100%; min-height:20px; padding:0}
.top{display:none;}
.top-blank{display:none;}
.box{ background-color:#e7e7e7;   position: relative;   padding: 5% 0;   margin: 20px auto 10px;}
/*
.box-img{width:90%; height:80px; margin:auto}
*/
.box-img{width:90%; margin:auto}
.title{font-size: 16px; color: #fff; text-align: center;  padding: 8px 0; color:#5e5f5b }

.img-inner{width: 100%; height:100%; margin-left:0px; }

.footer-wrap{background:#fff}
.footer-new{text-align:center; padding:6%; color:#a6a4a1; font-size: 10px;}

.main-body{width:100%; min-height:400px;  margin-top: 60px; background:#ededed}
.inner-content{padding:0 4%;}
.inner-right{ min-height: 300px;   padding: 3% 6% !important; color:#5e5f5b; background: #ededed;   border-bottom: 10px solid #fff;}


.row{margin-right: -5px;  margin-left: -5px;}
.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9 {
position:relative;
min-height:1px;
padding-right:5px;
padding-left:5px
}

}


@media only screen and (min-width : 768px) and (max-width : 1023px) {
.child_box{width:50%; margin:auto;}
.tag-line{display:none}
.intro-header-tagline{font-size:22px;}
.footer-nav{width:100%; min-height:20px; padding:0}
.top{display:none;}
.top-blank{display:block; height:16px; background:#fff}
.box-img{width:90%; margin-top: 5%;}
.title{font-size: 16px; color: #fff; text-align: center;  padding: 20px 0; color:#5e5f5b }

.footer-wrap{background:#fff}
.footer-new{text-align:center; padding:6%; color:#a6a4a1; font-size: 12px;}

.row{margin-right: -8px;  margin-left: -8px;}
.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9 {
position:relative;
min-height:1px;
padding-right:8px;
padding-left:8px
}

}

@media (min-width:769px){
    .dropdown:hover .dropdown-menu {
        display: block;
    }
}


@media only screen and (min-width : 150px) and (max-width : 360px) {
	.logo {width:200px;}
}