body {
color: #333;
font: 15px/150% Verdana, Arial, Helvetica, "Liberation Sans", FreeSans, sans-serif !important;
background: url(../images/bg.png) repeat 0 0;
}
#header{
width: 100%;
min-height: 200px;
background: url(../images/header.png) repeat-x 0 100%;
}
#header .inner{
width: 100%;
max-width: 1050px;
margin: 0 auto;
}
#logo h1 {
margin: 0;
padding: 5px;
}
#logo a{
width: 241px;
height: 144px;
float:left;
background: url(../images/logo.png) no-repeat 0 0;
}
#logo a span {
display: none;
}

/* TOP NAV */
.navbar{
margin: 0;
float: right;
}
.navbar-default {
    box-shadow: none;
    border: none;
    background: none;
}
.navbar-brand {
	display: none;
}
.navbar-default .navbar-brand{
  color: #333;
}

.mainmenu li {
text-transform: uppercase;
    margin: 0;
    padding: 0 5px;
    width: auto;
    display: inline-block;
    list-style: none;
    list-style-image: none;
}
.mainmenu li a {
	color: #333;
    padding: 5px;
    display: inline-block;
    background: none !important;
}
.mainmenu li a:hover, .mainmenu li a:focus, .mainmenu:hover li.current:hover a, .mainmenu:hover li.current:focus a {
color: #06a;
border-bottom: 3px solid #036;
}
.mainmenu li.current a {
background: none;
border-bottom: 3px solid #036;
}
.mainmenu:hover li.current a{
border: none;
}

/* END TOP NAV */


#tagline{
display: block;
clear: both;
}
#tagline *{
color: #666;
font-family: "Times New Roman", Georgia, Serif;
font-size: 1.25em;
font-weight: normal;
padding:0;
}

#banner{
width: 100%;
height: auto;
display: block;
overflow: hidden;
position: relative;
}

#main{
width: 100%;
max-width: 1050px;
padding: 5px 20px;
display: block;
margin: -5px auto;
overflow: hidden;
background: url(../images/white.png) repeat 0 0;
border: 1px solid #ccc;
border-radius: 5px;
}
#home #main{
background: none;
margin: 0 auto;
padding: 0 10px;
border: none;
}
#main .col-md-3 .custom, #main .col-md-4 .custom{
font-size: 0.9em;
 margin: 20px 0;
  padding: 10px 5px 20px 5px;
  border: 1px solid #ccc;
  border-radius: 10px;
}

#main .blog-featured .item{
width: 25%;
float: left;
}
#main .blog-featured .item p{
font-size: 0.9em;
line-height: 150%;
width: 90%;
}


/* SIDE MENU */


.col-md-3 .nav ul{
margin: 0;
padding: 0;
display: none;
}
.col-md-3 .nav li:hover ul, .col-md-3 .nav li:focus ul, .col-md-3 .nav li.active ul{
display: block;
}
.col-md-3 .nav li{
font-size: 1.1em;
margin: 8px 0;
padding: 0;
display:block;
width:100%;
background: #369;
border-radius:5px;
}

.col-md-3 .nav>li:hover>a, .col-md-3 .nav li:focus>a, .col-md-3 .nav li.active>a{
background: #036;
}
.col-md-3 .nav li a{
color: #fff;
display: block;
padding: 5px 0 ;
}
.col-md-3 .nav li li:before {
display: none;
}
.col-md-3 .nav ul li{
color: #fff;
font-size: 1em;
margin: 0;
padding: 0 0 0 15px;
border-top: 1px dotted #aaa;
background: none;
}
.col-md-3 .nav ul li:first-child{
border: none;
}
.col-md-3 .nav ul ul li{
font-size: 100% !important;
border-top: none;
}
.col-md-3 .nav ul li a:hover, .col-md-3 .nav ul li a:focus, .col-md-3 .nav ul li.active>a{
color: #fc9;
background: none;
}
.col-md-3 .nav ul ul{
position: relative;
margin: 0;
padding: 0 0 5px 0;
background: none;
border: none;
}

.col-md-3 .nav ul ul li, .col-md-3 .nav ul ul li a{
color: #fff;
margin: 0;
padding: 0 0 0 5px;
list-style: square !important;
}
.col-md-3 .nav ul ul li a{
margin: 0;
padding: 0;
}




.item-image img{
max-width: 400px;
}
.btn{
color: #fff;
font-size: 0.9em;
background: #06a;
}
.btn:hover, .btn:focus{
color: #fff;
background: #039;
}
li.previous:before, li.next:before {
display: none;
}
#home h5{
margin-bottom: 10px;
}



#footer{
color: #fff;
font-size: 0.8em;
width: 100%;
margin: 0 auto;
padding: 5px;
display: block;
background: #036;
}
#footer > div{
width: 100%;
max-width: 1050px;
margin: 0 auto;
}
#footer a{
color: #fff;
}
#footer a:hover, #footer a:focus{
text-decoration: underline;
}

/* TYPOGRAPHY */

a {
text-decoration: none;
color: #369;
outline: none;
}
a:hover, a:focus {
color: #09e;
text-decoration: none;
}

hr {border-bottom: 1px solid #ccc; margin:5px 0;}

.page-header {
margin: 5px 0;
padding: 0;
}

h1, h2, h3, h4, h5 {
  Verdana, Arial, Helvetica, "Liberation Sans", FreeSans, sans-serif;
  font-weight: 900;
  line-height: 1.1;
  color: inherit;
}

h1{
font-size: 1.6em;
color: #2e3192;
line-height: 160%;
margin: 0;
padding: 6px 0;
}

h2 {
font-size: 1.5em;
color: #036;
line-height: 160%;
margin: 0;
padding: 6px 0;
}

h3 {
color: #036;
font-size: 1.3em;
line-height: 120%;
margin: 0;
padding: 6px 0 2px 0;
}
h4 {
color: #036;
font-size: 1.2em;
font-style: normal;
line-height: 130%;
margin: 0;
padding: 2px 0 0 0;
}
h5 {
color: #333;
font-weight: bold;
font-size: 1.1em;
line-height: 130%;
margin: 0;
padding: 6px 0 0px 0;
}
h6 {
font-size: 0.9em;
color: #000;
text-transform: uppercase;
line-height: 130%;
margin: 0;
padding: 8px 0;
}

p{
margin: 0 !important;
padding:2px 0 6px 0;
}
blockquote { margin: 4px 20px;}
ol {
padding: 0px 0 6px 20px;
}
ol li, ul ol li {
padding: 0;
margin: 4px 0;
list-style-image: none;
}
ul {padding: 2px 0 6px 24px;}
ul li {
padding: 0;
margin: 10px 0;
list-style: none;
}

ul li:before {
font-family: 'FontAwesome';
font-size: 14px;	
content: "\f05d";
color: #666;
padding: 0 5px 0 0;
margin: 0 0 0 -18px;
}

.nav li:before, ul li li:before,  ol li li:before, #banner li:before{
display: none;
}

li li{
list-style: square;
}
.nav li li{
list-style: none;
}

sub,
sup {
font-size: 0.8em;
line-height: 110%;
vertical-align: bottom;
position: static;
}
sup {
vertical-align: top;
}

.info{
font-size: 12px;
line-height: 16px;
}

img {
	max-width: 100%; 
	height: auto;
    display: inline-block !important;
}
td img {
	max-width: none; 
}


table {
margin: 5px 0 10px 0;
border-collapse: collapse;
}

tr {
vertical-align: top;
}

td {
padding: 2px 10px;
border: 1px solid #666;
}


hr{color: #ccc;}


.blog-featured h2{
font-size: 1.3em;
}

.blog-featured p img, .blog .item p img{
display: none !important;
}

/* SIMPLE IMAGE GALLERY PRO */
#main ul.sigProClassic li.sigProThumb{
border-radius: 10px !important;
background: none !important;
}
#main ul.sigProClassic li.sigProThumb .sigProLinkOuterWrapper{
background: none !important;
}
#main ul.sigProClassic li.sigProThumb .sigProLinkWrapper{
border: none !important;
}
li.sigProThumb:before{
display: none;
}

/* Assignable */
.intro{font-size: 1.5em; line-height: 150%; }
.blue, .blue a{color: #036}
.grey, .grey a{color: #666}
.green, .green a{color: #063;}
.orange, .orange a{color: #f79422;}
.red, .red a{color: #a00;}
.red:hover, .red:focus, .red a:hover, .red a:focus {color: #d00}
.highlight, .highlight a{background-color: #ffff00;}
.clr {clear: both; visibility:hidden;}
.clear {clear: both; height:1px; visibility:hidden;}
.center {text-align:center; margin: 0 auto;}
.float-lft {float:left; padding:10px 10px 10px 0;}
.float-rt {float:right; padding:10px 0 10px 10px;}
.img-lft {float:left; margin:4px 15px 8px 0;}
.img-rt {float:right; margin:4px 0 8px 15px;}
small {font-size:small;}
.smaller {font-size: 0.9em;}
.larger{font-size:1.2em;}
.social{float:right;}
.shdw img{
padding-bottom: 9px;
background: url(../images/img-shdw.png) no-repeat 50% 100%;
}

.button a{
color: #fff !important;
background: #fff;
padding: 3px 10px;
border-radius: 5px;
opacity: 0.8;
background: #036;
}
.button a:hover, .button a:focus{
opacity: 1;
}

.pull-right{
  font-size: 0.9em;
  text-align: center;
  float: right;
  margin: 8px 0 10px 10px;
  }
  
.pull-left{
  font-size: 0.9em;
  text-align: center;
  float: left;
  margin: 8px 10px 10px 0;
  }
  
.pull-center{
  font-size: 0.9em;
  text-align: center;
  display: block;
  margin: 8px auto;
  }


/* BREEZING FORM STYLES */

#bfElemWrap122 {
-webkit-column-count: 1;
-moz-column-count: 1;
column-count: 4;
padding: 14px 0px 50px 0px;
}

.ff_elem{
float: left !important;
}
.bfGroupLabel{
display: block !important;
overflow: hidden;
}

#bfElemWrap122 .ff_elem {
float none !important;
}

.bfClearfix {
}

.bfQuickMode .bfLabelLeft label {
float: left;
margin: 0px 25px 0px 0px;
font-weight: 100;
line-height: 1.5em !important;
}

.bfLegend-m {
font-weight: 600;
font-size: 18px;
}

.bfQuickMode legend {
padding: 10px 0px 15px 0px;
}


.bfQuickMode .bfLabelLeft .bfElementGroup input, .bfQuickMode .bfLabelLeft .bfElementGroupNoWrap input, .bfQuickMode .bfLabelTop .bfElementGroup input, .bfQuickMode .bfLabelTop .bfElementGroupNoWrap input, .bfQuickMode .bfLabelRight .bfElementGroup input, .bfQuickMode .bfLabelRight .bfElementGroupNoWrap input, .bfQuickMode .bfLabelBottom .bfElementGroup input, .bfQuickMode .bfLabelBottom .bfElementGroupNoWrap input {
width: auto;
padding: 3px 10px 0px 0px;
display: inline-block;
}

.bfClearfix div span{
visibility: hidden;
}
.bfClearfix form div span{
visibility: visible;
}
#bfSubmitButton{
font-size: 1.2em;
font-weight: bold;
line-height: 1.5em;
padding: 5px 10px;
border: 1px solid #ccc;
border-radius: 5px;
}  
.bfRolloverBg{
 background: none !important;
 } 
.bfQuickMode .bfErrorMessage {
    overflow: hidden;
    }

.bfQuickMode p:after, .bfQuickMode .bfInline:after {
    content: ".";
    display: none;
    }
    
    
    
@media only screen and (max-width: 1050px) { 
#banner{
background: none;
}

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

#logo a{
margin: 0 auto;
float: none;
display: block;
}
#tagline{
font-size: 0.8em;
}

#topnav .navbar-header{
  width: 100%;
  display: block;
  margin: 0 auto;
  padding: 0 10px;
background: #666;
border-radius: 10px;
}
#topnav a.navbar-brand{
  color: #ccc;
display: block;
padding: 15px 5px 5px 5px;
}
.mainmenu{
margin: 0 auto;
float: none;
overflow: hidden;
}
.mainmenu ul, .mainmenu ul li, .mainmenu ul li a {
color: #ccc;
width: 100%;
text-align: center;
display: block;
margin: 0;
padding: 0;
}
.mainmenu ul li{
background: #333;
text-shadow: none;
}
.mainmenu ul li a{
padding: 5px;
border: 1px solid #ddd !important;
}
.mainmenu ul li a:hover, .mainmenu ul li a:focus, .mainmenu ul li.active a{
color: #fff !important;
}
.mainmenu ul ul ul{
  width: 100%;
position: relative;
top: 0;
left: 0; 
padding: 0;
border: none;
}
.mainmenu ul ul ul li{
font-size: 1em;
text-transform: none;
margin: 0;
padding: 0;
border-top: none;
}
.mainmenu ul ul ul li a{
padding: 5px 0;
background: #069;
}

.item{
width: 100%;
border-bottom: 1px solid #eee;
}
}


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

.pull-left, .pull-right, .float-rt, .float-lft, .img-rt, .img-lft{
display: block !important;
float: none !important;
padding: 0;
}
.item-image img {
    max-width: 300px;
}
}