/* -----------------------------------------



:: 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: 83px;

}

.navbar-inner {

	background: url('../graphics/menu-top-bg.png') center top no-repeat /* NAVBAR background image */;

	border: 0px solid #D4D4D4;

	border-radius: 4px 4px 4px 4px;

	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.0);

	padding-left: 20px;

	padding-right: 20px;

	height: 84px;

}

.navbar .btn-navbar {

	margin-right: 25px;

}

.navbar-fixed-top .navbar-inner, .navbar-static-top .navbar-inner {

	box-shadow: 0 1px 10px rgba(0, 0, 0, 0.0);

}

.navbar-fixed-top .navbar-inner, .navbar-static-top .navbar-inner {

	border-width: 0 0 0px;

}

/* -----------------------------------------



:: header



----------------------------------------- */



.header {

	height: 140px;

	position: relative;

}

.header-bg {

	background: url('../graphics/header-bg.jpg') center bottom repeat-x;

}

/* -----------------------------------------



:: minimized header



----------------------------------------- */



.header {

	height: 140px;

	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;

	visibility: hidden;

	display: none;

}

#phone {

	position: absolute;

	top: 12px;

	right: 20px;

	visibility: hidden;

	display: none;

}

#graphic-logo {

	/*position: absolute;



	top: 0px;



	left: 340px;*/



	position: relative;

	height: 147px;

	width: 498px;

	margin: 0 auto;

}

#website-name {

	display: none;

	position: absolute;

	top: 15px;

	left: 180px;

}

#tagline {

	display: none;

	position: absolute;

	top: 80px;

	left: 190px;

}

#social-icons {

	position: absolute;

	top: 124px;

	left: 130px;

	display:none;

}

#google-search {

	position: absolute;

	top: 105px;

	right: 30px;

	width: 260px;

}

#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;

}

/* -----------------------------------------



:: 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: #305aa9;

	font-family: Dosis, Helvetica, Arial, sans-serif;

	font-weight: normal;

	line-height: 40px;

	margin: 10px 0;

}

h2 {

	font-size: 31.5px;

	color: #305aa9;

	font-family: Dosis, Helvetica, Arial, sans-serif;

	font-weight: normal;

	line-height: 40px;

	margin: 10px 0;

}

h3 {

	font-size: 24.5px;

	color: #305aa9;

	font-family: Dosis, Helvetica, Arial, sans-serif;

	font-weight: normal;

	line-height: 40px;

	margin: 10px 0;

}

h4 {

	font-size: 17.5px;

	color: #305aa9;

	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: #305aa9;

	font-family: Dosis, Helvetica, Arial, sans-serif;

	font-weight: normal;

	line-height: 20px;

	margin: 10px 0;

}

h6 {

	font-size: 11.9px;

	color: #305aa9;

	font-family: Dosis, Helvetica, Arial, sans-serif;

	font-weight: normal;

	line-height: 20px;

	margin: 10px 0;

}

a {

	color: #305aa9;

	text-decoration: none;

}

a:hover {

	color: #222222;

	text-decoration: underline;

}

.thumbnail .caption {

	color: #101C25;

}

/* -----------------------------------------



:: NAVBAR



----------------------------------------- */



/* NAVBAR font size, color, type, weight, decoration, shadow */



.navbar .nav > li > a {

	font-size: 18px;

	color: #646464;

	font-family: Dosis, "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif;

	font-weight: normal;

	text-decoration: none;

	text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.25);

}

/* NAVBAR font hover color */



.navbar .nav > li > a:hover {

	color: #305aa9;

}

/* NAVBAR font padding */



.navbar .nav > li > a {

	padding: 18px 10px 19px 10px;

}

/* NAVBAR button color*/



.navbar .nav > li {

	background: transparent /* background: rgba(200, 54, 54, 0.5);  */;

}

@media(max-width: 1170px) {

	.navbar .nav > li {

	margin-left: 0px;

}

}



/* NAVBAR button hover color*/



.navbar .nav > li:hover {

	background: rgba(255, 255, 255, 0.9);

}

/* 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.10);

}

/* 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: 0px 0px 6px 6px;

	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);

	margin: 0px 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: #222222;

	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: #305aa9;

	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: #305AA9;
	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;

}

.gsc-search-box-tools .gsc-search-box .gsc-input {

	padding-right: 2px !important;

}

input.gsc-search-button, input.gsc-search-button:hover, input.gsc-search-button:focus {

	width: 13px;

	height: 13px;

	padding: 6px 17px !important;

	min-width: 13px;

	margin-top: 2px

}

/* -----------------------------------------



:: 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: #305aa9;

	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: #ffffff;

}

.copyright {

	text-align: center;

	clear: both;

}

footer {

	font-size: 85%;

	padding-top: 35px;

}

footer li {

	list-style-type: none;

}

footer a {

	color: #ffffff;

}

footer a:hover {

	color: #999999;

}

/* -----------------------------------------



:: font color over rides



----------------------------------------- */



.light {

	color: #efefef;

}

.dark {

	color: #222222;

}

/* -----------------------------------------



:: divider



----------------------------------------- */



.divider {

	height: 25px;

	box-sizing: border-box;

	-moz-box-sizing: border-box;

	-webkit-box-sizing: border-box;

	background: url('../graphics/divider.png') top center no-repeat;

}

/* -----------------------------------------



:: 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: 8%;

	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;

}

.thumbnail2 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;

	margin-left: 17%;

}

.thumbnail2 {

	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;

}



@media (max-width: 480px) {

.thumbnail img {

	width: 100%!important;

}

}

/* -----------------------------------------



:: 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) {

.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: 100%;

}

.container-fluid {

	padding: 0px 20px;

}

.navbar-inner {

	border: 0px solid transparent;

	height: auto;

}

.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: 80%;

	height: auto;

	margin-left: auto;

	margin-right: auto;

}

#website-name {

	display: none;

	position: relative;

	top: 0px;

	left: 0;

	text-align: center;

}

#website-name h3 {

	font-size: 35px;

	margin: 0px;

}

#tagline {

	display: none;

	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: 10px;

}

#menu {

	background: #DADADA;

	margin-top: 9px;

	border-radius: 5px;

	z-index: 999;

}

.contactform {

	background: #DADADA;

	border-radius: 5px;

	    z-index: 99999;

    position: relative;

}

.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: inherit;

	padding: 15px 20px;

}

}

/* -----------------------------------------



:: SCROLL-UP ( BACK TO TOP )



----------------------------------------- */



/* Image style */



#scrollUp {

	bottom: 50px;

	right: 20px;

	height: 38px; /* Height of image */

	;

	width: 38px; /* Width of image */

	;

	background: url('../graphics/scrollUp-button.png') no-repeat;

	outline: none;

}

#scrollUp-active {

	display: none;

	outline: none;

}
footer li i {color:#ffffff;}