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

/* ########## content blocks ########## */
.content {
	padding: 0px 15px 0 15px;

}

.content h1 {
	padding: 0px;
	margin:0px;
}
.col-xs-12 {
}
.col-md-6 {
}
.col-xs-8 {
}
.col-xs-4 {
}
.col-md-8 {
}
.col-md-4 {
}
.full {
	display:block;
	width:100%;
}


/* ########## Text changes ########## */

h1 {
font-size:28px;
}
h2 {
font-size:20px;
}

/* ########## button controls ########## */



/* ########## imnage controls ########## */


/* ########## hero image controls ########## */

    #owl-demo .item img {
	display: block;
	width: 100%;
	height: auto;
}


@media (min-width: 768px) {
/* ########## Nav ########## */
/* ########## Nav Theme########## */

.topnav ul li {
	display: inline;
	list-style-type: none;
	padding-right: 40px;
}
.topnav ul li a {
	color:#FFF
}
.topnav {
	background-color:#000000;
	position:fixed;
	z-index:1001;
	width:100%;
	font-size:12px;
	padding:5px 0 0px 0;
	text-align:center;
	color:#FFFFFF;
	height:30px;
}
#nav {
	width:100%;
	height:50px;
	z-index:2000;
	margin:auto;
	background-color:#fff;
	position:fixed;
	text-align: center;
	top:130px;
	opacity:.9;
}

#logo {
	text-align:center;
	background-color:#FFFFFF;
	opacity:.9;
	height:100px;
	padding:10px 0 10px;
	position:fixed;
	z-index:1000;
	width:100%;
	margin-top:30px;
}





a.nav-expander {
  visibility:collapse;

 
}


/* ########## Nav Background ########## */

	
nav {
  display: block;
  width:100%;
  text-align:center; 
}
	

/* ########## Nav animation  ########## */

	
.main-menu {
  padding-top: 12px;
  position:fixed;
  z-index:20000;
  width:100%;
  background-color:#FFFFFF;
  padding:12px;
  position:fixed;
  margin-top:130px;
  border:solid 1px #ccc;
  border-width: 1px 0 0 0;
  opacity:.9;
  font-weight:bold;
  
}
 
.main-menu li {
  font-size: 14px;
  padding: 12px;
  padding-right:20px;
  display:inline;
  text-decoration:none;
  
 }
 
.main-menu li a {
  color: #333;
  text-decoration: none;
}
 
.main-menu li a:hover {
  color: #ccc;
  text-decoration: none;
}
 
.main-menu li .sub-nav {

}



/* ########## menu moved to bottom in panel on right     ########## */


.main-menu-lower {
  padding-top: 12px;
  position:fixed;
  z-index:20000;
  width:100%;
  background-color:#333;
  padding:5px;
  position:fixed;
  margin-top:0px;
  border:solid 1px #ccc;
  border-width: 1px 0 0 0;
  opacity:.9;
 
  
}
 
.main-menu-lower li {
  font-size: 12px;
  padding: 12px;
  padding-right:20px;
  display:inline;
  text-decoration:none;
  
  
 }
 
.main-menu-lower li a {
  color: #fff;
  text-decoration: none;
}
 
main-menu-lower li a:hover {
  color: #FFFFFF;
  text-decoration: none;
}
 
 
.logoimage { position:relative; height:69px; }
 
 .logoimage2 { visibility:hidden; display:none; height:1px; width:0px;}


}

/* ########## tablet controls ########## */
@media (max-width: 767px) {
/* ########## Nav ########## */
/* ########## Nav Theme########## */
.topnav ul li {
	display: inline;
	list-style-type: none;
	padding-right: 40px;
}
.topnav ul li a {
	color:#FFF
}
.topnav {
	background-color:#000000;
	position:fixed;
	z-index:1001;
	width:100%;
	font-size:12px;
	padding:5px 0 0px 0;
	text-align:center;
	color:#FFFFFF;
	height:30px;
	visibility:collapse;
}
#nav {
	width:100%;
	height:30px;
	z-index:2000;
	border:0;
	margin:auto;
	position:fixed;
	text-align: center;
	top:0px;
	opacity:.9;
	margin-top:50px
}

#logo {
	text-align:left;
	background-color:#FFFFFF;
	opacity:.9;
	height:50px;
	padding:0px 0 10px;
	position:fixed;
	z-index:1005;
	width:100%;
}
.logoimage { visibility:hidden; display:none; height:0px; width:0px;}
.logoimage2 { height:40px; position:relative; top:7px; padding:5px 0 5px 0; }


/* ########## Nav button http://blog.themearmada.com/off-canvas-slide-menu-for-bootstrap/########## */


a.nav-expander {
  background: none repeat scroll 0 0 #000000;
  color: #FFFFFF;
  display: block;
  font-size: 14px;
  font-weight: 400;
  height: 50px;
  margin-right: 0;
  padding: 1em 1.6em 2em;
  position: absolute;
  right: 0px;
  text-decoration: none;
  text-transform: uppercase;
  top: 0;
  transition: right 0.3s ease-in-out 0s;
  width: 100px;
  z-index: 12;
  transition: right 0.3s ease-in-out 0s;
  -webkit-transition: right 0.3s ease-in-out 0s;
  -moz-transition: right 0.3s ease-in-out 0s;
  -o-transition: right 0.3s ease-in-out 0s;
 
}
 
a.nav-expander:hover {
  cursor: pointer;
}
 
a.nav-expander.fixed {
  position: fixed;
}
 
.nav-expanded a.nav-expander.fixed {
    right: 15em;
}


/* ########## Nav Background ########## */

	
nav {
  background: #2d2f33;
  display: block;
  height: 100%;
  overflow: auto;
  position: fixed;
  right: -15em;
  font-size: 15px;
  top: 0;
  width: 15em;
  z-index: 2000;
 
  transition: right 0.3s ease-in-out 0s;
  -webkit-transition: right 0.3s ease-in-out 0s;
  -moz-transition: right 0.3s ease-in-out 0s;
  -o-transition: right 0.3s ease-in-out 0s;
 
}
.nav-expanded nav {
  right: 0;
}
 
body.nav-expanded {
  margin-left: 0em;
  transition: right 0.4s ease-in-out 0s;
  -webkit-transition: right 0.4s ease-in-out 0s;
  -moz-transition: right 0.4s ease-in-out 0s;
  -o-transition: right 0.4s ease-in-out 0s;
}
 
#nav-close {
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
  font-weight: 300;
  font-size: 24px;
  padding-right: 10px;
}
	

/* ########## Nav animation  ########## */

	
.main-menu {
  padding-top: 12px;
}
 
.main-menu li {
  border-bottom: 1px solid #323949;
  font-size: 18px;
  padding: 12px;
}
 
.main-menu li a {
  color: #6F7D8C;
  text-decoration: none;
  padding:20px 50px 20px 10px;
}
 
.main-menu li a:hover {
  color: #FFFFFF;
  text-decoration: none;
}
 
.main-menu li .sub-nav {
  border-bottom: 0px;
  padding: 4px;
}
 
.main-menu a .caret {
width: 0;
height: 0;
display: inline-block;
vertical-align: top;
border-top: 4px solid #4f5963;
border-right: 4px solid transparent;
border-left: 4px solid transparent;
content: "";
    margin-top: 8px;
}
 
.main-menu a:hover .caret {
border-top-color: #4f5963;
}
 
.main-menu li.open > a > .caret {
border-top: none;
border-bottom: 4px solid #4f5963;
border-right: 4px solid transparent;
border-left: 4px solid transparent;
}
 
.main-menu li.open > a:hover > .caret {
border-bottom-color: #4f5963;
}
 
.icon:before {
  font-family: 'FontAwesome';
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  text-transform: none;
  content: '\f105';
}
 
.main-menu li > a > span.icon {
  float: right;
  margin: 0.1em 1.7em -0.1em 0;
  opacity: 0;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
 
}
 
.main-menu li > a:hover > span.icon {
  float: right;
  margin: 0.1em 0.8em -0.1em 0;
  opacity: 1;
}




/* ########## menu moved to bottom in panel on right     ########## */

.smallfont {font-size:12px}

.main-menu-lower {
  padding-top: 12px;
}
 
.main-menu-lower li {
  border-bottom: 1px solid #323949;
  font-size: 18px;
  padding: 12px;
}
 
.main-menu-lower li a {
  color: #6F7D8C;
  text-decoration: none;
   padding:20px 50px 20px 10px;
}
 
.main-menu-lower li a:hover {
  color: #FFFFFF;
  text-decoration: none;
}
 
.main-menu-lower li .sub-nav {
  border-bottom: 0px;
  padding: 4px;
}
 
.main-menu-lower a .caret {
width: 0;
height: 0;
display: inline-block;
vertical-align: top;
border-top: 4px solid #4f5963;
border-right: 4px solid transparent;
border-left: 4px solid transparent;
content: "";
    margin-top: 8px;
}
 
.main-menu-lower a:hover .caret {
border-top-color: #4f5963;
}
 
.main-menu-lower li.open > a > .caret {
border-top: none;
border-bottom: 4px solid #4f5963;
border-right: 4px solid transparent;
border-left: 4px solid transparent;
}
 
.main-menu-lower li.open > a:hover > .caret {
border-bottom-color: #4f5963;
}
 
.icon:before {
  font-family: 'FontAwesome';
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  text-transform: none;
  content: '\f105';
}
 
.main-menu-lower li > a > span.icon {
  float: right;
  margin: 0.1em 1.7em -0.1em 0;
  opacity: 0;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
 
}
 
.main-menu-lower li > a:hover > span.icon {
  float: right;
  margin: 0.1em 0.8em -0.1em 0;
  opacity: 1;
}
 
.col-sm-6 { margin:30px 0 0 0}


.footer li { position:relative; right:40px; top:10px;}




}
.footer { color:#eee; background-color:#141414; padding:15px;}
.footer li{ list-style:none; font-weight:lighter; padding: 0 0 5px 0;}
.footer li a{ color:#ccc; text-decoration:none;}
.footer li a:hover{ color:#fff}

.footer2 { font-size:11px; background-color:#333333; color:#CCCCCC; padding:5px 0 0 0; }
.footer2 li{ list-style:none; font-weight:lighter; padding: 0 0 5px 0; display:inline;}
.footer2 li a{ color:#eee; text-decoration:none;}
.footer2 li a:hover{ color:#ccc}