/* -----------------------------------------
:: import google font
----------------------------------------- */
@import url('https://fonts.googleapis.com/css?family=Dosis');
/* -----------------------------------------
:: background
----------------------------------------- */
body {
	background: url('../graphics/body-bg.jpg');
}
/* -----------------------------------------
:: NAVBAR
----------------------------------------- */
/* NAVBAR background color, image, and positioning */
.navbar {
	margin-bottom: 0px;
}
/* NAVBAR fixed position header margin */
.header-bg {
	margin-top: 43px;
}
.navbar-inner {
	background: url('../graphics/menu-top-bg.png') center top repeat-x /* NAVBAR background image */;
	border: 0px solid #D4D4D4;
	border-radius: 4px 4px 4px 4px;
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.067);
	padding-left: 20px;
	padding-right: 20px;
}
.navbar .btn-navbar {
	margin-right: 25px;
}
/* -----------------------------------------
:: header
----------------------------------------- */
.header {
	height: 200px;
	position: relative;
}
.header-bg {
	background: url('../graphics/header-bg.jpg') center bottom repeat-x;
}
/* -----------------------------------------
:: minimized header
----------------------------------------- */
.header {
	height: 200px;
	position: relative;
}
.minimized-header-bg {
	background: url('../graphics/default-bg.jpg') center center repeat-x;
}
/* -----------------------------------------
:: footer
----------------------------------------- */
.footer-bg {
	background: url('../graphics/footer-bg.jpg') center top;
}
.container-fluid.footer-bg {	padding: 0px;}
.footer {
	background: url('../graphics/footer.jpg') center top repeat-x;
}
/* -----------------------------------------
:: header components
----------------------------------------- */
#textlinks {
	position: absolute;
	top: 102px;
	right: 20px;
}
#phone {
	position: absolute;
	top: 12px;
	right: 20px;
}
#graphic-logo {
	position: absolute;
	top: 10px;
	left: 0px;
}
#website-name {
	position: absolute;
	top: 25px;
	left: 180px;
}
#tagline {
	position: absolute;
	top: 90px;
	left: 190px;
}
#social-icons {
	position: absolute;
	top: 154px;
	left: 130px;
}
#google-search {
	position: absolute;
	top: 150px;
	right: 30px;
	width: 300px;
}
#themed-object {
	position: absolute;
	top: 50px;
	right: 0px;
	visibility: hidden;
	display: none;
}
#custom_component1 {
	position: absolute;
	top: 0px;
	right: 0px;
	visibility: hidden;
	display: none;
}
#custom_component2 {
	position: absolute;
	top: 0px;
	right: 0px;
	visibility: hidden;
	display: none;
}
#custom_component3 {
	position: absolute;
	top: 0px;
	right: 0px;
	visibility: hidden;
	display: none;
}
/* -----------------------------------------
:: responsive
----------------------------------------- */
@media screen and (max-width: 767px) 	{
.primary-components {
	height: auto;
}
#news-carousel h3 {
	font-size: 120%;
}
#contact {
	position: fixed;
	top: 0px;
	right: 0px;
}
/* icons search */
#animated-buttons {
	padding: 0px 0px 0px 0px;
	margin: 90px 0px 0px 0px;
}
#google-search {
	width: 250px;
}
}
/* -----------------------------------------
:: common font settings - bootstrap override
----------------------------------------- */
body {
	font-size: 14px;
	color:#646464;
	font-family: "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif,Helvetica,Arial,sans-serif;
}
h1 {
	font-size: 38.5px;
	color:#4A842F;
	font-family: Dosis,Helvetica,Arial,sans-serif;
	font-weight: normal;
	line-height: 40px;
	margin: 10px 0;
}
h2 {
	font-size: 31.5px;
	color: #4A842F;
	font-family: Dosis,Helvetica,Arial,sans-serif;
	font-weight: normal;
	line-height: 40px;
	margin: 10px 0;
}
h3 {
	font-size: 24.5px;
	color: #4A842F;
	font-family: Dosis,Helvetica,Arial,sans-serif;
	font-weight: normal;
	line-height: 40px;
	margin: 10px 0;
}
h4 {
	font-size: 17.5px;
	color: #4A842F;
	font-family: Dosis,Helvetica,Arial,sans-serif;
	font-weight: normal;
	line-height: 24px;
	margin: 10px 0;
}
.alert h4 { font-weight: bold; }
h5 {
	font-size: 14px;
	color: #4A842F;
	font-family: Dosis,Helvetica,Arial,sans-serif;
	font-weight: normal;
	line-height: 20px;
	margin: 10px 0;
}
h6 {
	font-size: 11.9px;
	color: #4A842F;
	font-family: Dosis,Helvetica,Arial,sans-serif;
	font-weight: normal;
	line-height: 20px;
	margin: 10px 0;
}
a {
	color: #4A842F;
	text-decoration: none;
}
a:hover {
	color: #222222;
	text-decoration: underline;
}
.thumbnail .caption {
	color: #1F0E13;
}
/* -----------------------------------------
:: NAVBAR
----------------------------------------- */
/* NAVBAR font size, color, type, weight, decoration, shadow */
.navbar .nav > li > a {
	font-size: 14px;
	color:#FFFFFF;
	font-family:"Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif;
	font-weight: bold;
	text-decoration: none;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.25);
}
/* NAVBAR font hover color */
.navbar .nav > li > a:hover {
	color: #efefef;
}
/* NAVBAR font padding */
.navbar .nav > li > a {
	padding: 10px 15px 10px 15px;
}
/* NAVBAR button color*/
.navbar .nav > li {
	background: transparent /* background: rgba(200, 54, 54, 0.5);  */;
}
/* NAVBAR button hover color*/
.navbar .nav > li:hover {
	background: rgba(0, 0, 0, 0.2);
}
/* NAVBAR button selected color*/
.navbar .nav li.dropdown.open > .dropdown-toggle, .navbar .nav li.dropdown.active > .dropdown-toggle, .navbar .nav li.dropdown.open.active > .dropdown-toggle {
	background: rgba(0, 0, 0, 0.5);
	color: #ffffff;
}
/* -----------------------------------------
:: DROPDOWN-MENU sub level
----------------------------------------- */
/* DROPDOWN-MENU font size, color, type, weight, decoration, shadow */
.dropdown-menu > li > a {
	font-size: 14px;
	color:#646464;
	font-family:"Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif;
	font-weight: normal;
	text-decoration: none;
	line-height: 20px;
	padding: 3px 20px;
	text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.25);
}
.dropdown-menu > li > a[rel=title] {
	font-weight: bold !important;
} 

.dropdown-menu > li.pro-package a:after { content: " (Pro Package Feature)"; color: #009900; }
.dropdown-menu span.numo-included { color: #009900; }


/* DROPDOWN-MENU font hover color*/
.dropdown-menu > li > a:hover {
	color: #000000;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.25);

}
/* DROPDOWN-MENU background color, background image, border, radius, shadow, margin */
.dropdown-menu {
	background-clip: padding-box;
	background-color: #F5F0DC;
	background: url('../graphics/dropdown-menu-bg.jpg');
	border: 1px solid rgba(0, 0, 0, 0.5);
	border-radius: 6px 6px 6px 6px;
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	margin: 5px 0 0 0px;
}
/* DROPDOWN-MENU top arrow color */
.navbar .nav > li > .dropdown-menu:after {
	border-bottom: 6px solid rgba(0, 0, 0, 1.0);
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
}
/* DROPDOWN-MENU font color, button background color */
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus, .dropdown-submenu:hover > a, .dropdown-submenu:focus > a {
	color: #ffffff;
	background-color: rgba(0, 0, 0, 0.2);
	background-repeat: repeat-x;
	background-image: none;
	/*background-image: linear-gradient(to bottom, #0081c2, #0077b3);*/
}
/* DROPDOWN-MENU radius, left and top margins */
.dropdown-submenu > .dropdown-menu {
	border-radius: 0 6px 6px 6px;
	left: 100%;
	margin-left: 0px;
	margin-top: -6px;
	top: 0;
}
/* CONTACT FORM down arrow color */
.navbar .nav li.dropdown > .dropdown-toggle .caret {
	border-bottom-color: #efefef;
	border-top-color: #efefef;
}
.contactform .dropdown-menu {
  padding: 15px 15px 5px 15px;
}
.numo-top-menu .dropdown-menu {
  padding: 5px 10px;
}

/* -----------------------------------------
:: WEBSITE NAME
----------------------------------------- */
#website-name h3 a, #website-name h3, #website-name a, #website-name {
	font-size: 60px;
	color: #4A842F;
	font-family: Dosis,Helvetica,Arial,sans-serif;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.25);
	letter-spacing: -1px;
	font-variant-caps: titling-caps;
	line-height: normal;
}
/* -----------------------------------------
:: TAGLINE
----------------------------------------- */
#tagline h4 a, #tagline h4, #tagline a, #tagline {
	font-size: 13.5px;
	color: #646464;
	font-family: inherit;
	font-weight: normal;
	font-style: italic;
	line-height: normal;
	text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.25);
}
/* -----------------------------------------
:: TELEPHONE
----------------------------------------- */
#telephone, #telephone a {
	font-size: 11.9px;
	color: #646464;
	font-family: inherit;
	font-weight: normal;
	font-style: normal;
	line-height: normal;
	text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.25);
}
/* -----------------------------------------
:: TEXTLINKS
----------------------------------------- */
#textlinks, #textlinks a {
	font-size: 11.9px;
	color: #646464;
	font-family: inherit;
	font-weight: normal;
	font-style: normal;
	line-height: normal;
	text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.25);
}
#textlinks a:hover {
	color: #4A842F;
	text-decoration: none;
	text-shadow: 3px 3px 3px rgba(255, 255, 255, 0.75);
}
/* -----------------------------------------
:: SOCIAL ICONS
----------------------------------------- */
#social-networking a img {
	height: 30px;
	width: 30px;
	border: 0px;
	border-width: 0px;
}
.social-icon a {
	float: left;
	margin: 0px 5px;
}
/* -----------------------------------------
:: google search
----------------------------------------- */
.gsc-input {
	background: none !important;
	border: 0px !important;
	height: 20px !important;
	box-shadow: 0 0px 0px rgba(0, 0, 0, 0.0) inset !important;
}
.gsc-input-box {
	margin-top: 1px;
}
.cse .gsc-control-cse, .gsc-control-cse {
	padding: 4px 6px 2px 6px !important;
	background-color: transparent !important;
	border: 0px solid #FFFFFF !important;
}
/* -----------------------------------------
:: MINIMIZED HEADER FONT COLORS
----------------------------------------- */
.minimized-header-bg {
	text-align: center;
}
.minimized-header-bg h1, .minimized-header-bg h2, .minimized-header-bg h3, .minimized-header-bg h4, .minimized-header-bg h5, .minimized-header-bg h6 {
	color: #EFEFEF;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.25);
	background-color: rgba(255, 255, 255, 0.25);
	max-width: 1200px;
	margin: 20px auto;
	padding: 10px;
}
/* -----------------------------------------
:: FOOTER
----------------------------------------- */
.footer h3 {
	margin-top: 0px;
	margin-bottom: 25px;
	color:#999999;
}
.copyright {
	text-align: center; clear:both; 
}
footer {
	font-size: 85%;
	padding-top:35px;
}
footer li {
	list-style-type: none;
}
footer a {
	color:#999999;
}
footer a:hover {
	color:#555555;
}


/* -----------------------------------------
:: font color over rides
----------------------------------------- */
.light {
	color: #efefef;
}
.dark {
	color: #222222;
}
/* -----------------------------------------
:: divider
----------------------------------------- */
.divider {
	height: 50px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	background: url('../graphics/divider.jpg') top left repeat-x;
}
/* -----------------------------------------
:: inner wrappers
----------------------------------------- */
.inner-wrapper {
	padding: 0px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
/* -----------------------------------------
:: section, aside, div container paddings and styles
----------------------------------------- */
.aside {
	padding: 10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.wrapper {
	padding: 10px;
	box-sizing: border-box;
	-moz-box-sizing: border-box; /* Firefox */;
	-webkit-box-sizing: border-box; /* Safari */;
	width: auto;
	border: 1px solid #BBB8B9;
	border: 1px solid rgba(187,184,185,1.00);
	border-radius: 0px;
	border-radius: 0px 0px 0px 0px / 0px 0px 0px 0px;
	box-shadow: 0px 0px 2px rgba(255,255,255,1.00), inset 0px 0px 0px 1px rgba(255,255,255,1.0), inset 0px 0px 15px 0px rgba(0,0,0,0.3), inset 0px 0px 0px 0px rgba(255,255,255,0.0), inset 0 -1px 1px rgba(0,0,0,0.0);
	-o-box-shadow: 0px 0px 2px rgba(255,255,255,1.00), inset 0px 0px 0px 1px rgba(255,255,255,1.0), inset 0px 0px 15px 0px rgba(0,0,0,0.3), inset 0px 0px 0px 0px rgba(255,255,255,0.0), inset 0 -1px 1px rgba(0,0,0,0.0);
	-webkit-box-shadow: 0px 0px 2px rgba(255,255,255,1.00), inset 0px 0px 0px 1px rgba(255,255,255,1.0), inset 0px 0px 15px 0px rgba(0,0,0,0.3), inset 0px 0px 0px 0px rgba(255,255,255,0.0), inset 0 -1px 1px rgba(0,0,0,0.0); 
	-moz-box-shadow: 		0px 0px 2px rgba(255,255,255,1.00), inset 0px 0px 0px 1px rgba(255,255,255,1.0), inset 0px 0px 15px 0px rgba(0,0,0,0.3), inset 0px 0px 0px 0px rgba(255,255,255,0.0), inset 0 -1px 1px rgba(0,0,0,0.0); 
	background:				url('../graphics/side-wrapper-bg.png') 		top left repeat;
}
/* -----------------------------------------
:: thumbnail 
----------------------------------------- */
.thumbnail {
	border: 0px solid rgba(0, 0, 0, 0.1);
	border-radius: 10px 10px 10px 10px;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
	display: block;
	line-height: 20px;
	padding: 5%;
	transition: all 0.2s ease-in-out 0s;
	background: rgba(0, 0, 0, 0.05);
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
.thumbnail > img {
	border: 10px solid rgba(0, 0, 0, 0.25);
	border-radius: 10px 10px 10px 10px;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
/* -----------------------------------------
:: hr horizontal rule 
----------------------------------------- */
hr {
	height : 15px;
	background: url('../graphics/hr.png') 50% 0 no-repeat;
	margin : 1em 0;
	border : 0;
}
/* -----------------------------------------
:: responsive mobile phones 
----------------------------------------- */
@media screen and (max-width: 767px) 	{
.container-fluid {
	padding: 0px 20px;
}
.navbar-inner {
	border: 0px solid transparent;
}
.container-fluid.default-slider-bg{
	margin:0px; 
	padding:0px;
}
/* -----------------------------------------
:: header components
----------------------------------------- */
.header {
	height: auto;
}

.header-bg {
	margin-top: 0px;
}
.footer {
	padding: 20px;

}
#textlinks {
	visibility: hidden;
	display: none;
}
#phone {
	visibility: hidden;
	display: none;
}
#graphic-logo {
	position: relative;
	top: 0px;
	left: 0;
	width: 20%;
	margin-left: auto;
		margin-right: auto;

}
#website-name {
	position: relative;
	top: 0px;
	left: 0;
	text-align: center;
}
#website-name h3 {
	font-size: 35px;
	margin: 0px;
}
#tagline {
	position: relative;
	top: 0px;
	left: 0;
	text-align: center;
}
#social-icons {
	visibility: hidden;
	display: none;
}
#google-search {
	position: relative;
	top: 0;
	right: 0;
	width: 100%;
	margin-bottom:10px;
}
#themed-object {
	position: relative;
}
#custom_component1 {
	position: relative;
}
#custom_component2 {
	position: relative;
}
#custom_component3 {
	position: relative;
}

}
/* -----------------------------------------
:: responsive tablets
----------------------------------------- */
@media (max-width: 979px)  {
.navbar .btn, .navbar .btn-group {
	margin-top: 2px;
}
#menu {
	background: #161616;
	margin-top: 9px;
	border-radius: 5px;
}
.contactform {
	background: #161616;
	border-radius: 5px;
}
.contactform .dropdown-menu {
  padding: 15px 15px 5px 15px!important;
}
.nav-collapse .nav > li > a:hover, .nav-collapse .nav > li > a:focus, .nav-collapse .dropdown-menu a:hover, .nav-collapse .dropdown-menu a:focus {
	background: none;
}
.navbar .container {
	width: auto;
	padding: 0 20px;
}
.mobilemenu {
	font-size: 20px;
	color: #efefef;
	padding: 5px 20px;
}
}