@font-face { font-family: 'DejaVuSansBook';
    src: url('fonts/DejaVuSans-webfont.eot');
    src: url('fonts/DejaVuSans-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/DejaVuSans-webfont.woff') format('woff'),
         url('fonts/DejaVuSans-webfont.ttf') format('truetype'),
         url('fonts/DejaVuSans-webfont.svg#DejaVuSansBook') format('svg');
    font-weight: normal; font-style: normal; }
@font-face { font-family: 'dejavu_sans_lightextralight';
    src: url('fonts/dejavusans-extralight-webfont.eot');
    src: url('fonts/dejavusans-extralight-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/dejavusans-extralight-webfont.woff') format('woff'),
         url('fonts/dejavusans-extralight-webfont.ttf') format('truetype'),
         url('fonts/dejavusans-extralight-webfont.svg#dejavu_sans_lightextralight') format('svg');
    font-weight: normal; font-style: normal; }
 @font-face {
    font-family: 'DejaVuSansBold';
    src: url('fonts/DejaVuSans-Bold-webfont.eot');
    src: url('fonts/DejaVuSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/DejaVuSans-Bold-webfont.woff') format('woff'),
         url('fonts/DejaVuSans-Bold-webfont.ttf') format('truetype'),
         url('fonts/DejaVuSans-Bold-webfont.svg#DejaVuSansBold') format('svg');
    font-weight: normal;
    font-style: normal;

}


body { 
	font-family: 'DejaVuSansBook'; color: #555;
}
img { max-width: 100%; }
a, .navbar-light a.navbar-brand { color: #3795a3; outline: 0; }
a:hover, .navbar-light a.navbar-brand:hover { color: #1c8292; outline: 0; }
.main-area { background: #fff; padding-bottom: 30px; padding-top: 10px; }
.main-content a { text-decoration: underline; }
.main-content a:hover { text-decoration: none; }
.main-content a.btn-primary  { text-decoration: none;  }
a.btn-primary,  button.btn-primary { color: #fff !important; border: none !important; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; }
.btn-primary, .badge-primary { background-color: #3795a3; }
.btn-primary:hover {
    background-color: #1c8292;
}
.rounded {
    border-radius: .25rem !important;
}
.navbar-brand img { height: 90px; width: 90px !important; max-width: 90px !important;padding: 0px !important;
margin-bottom: -15px; }

h2, h3, h4, h5, h6 { margin-top: 15px; font-weight: 600 !important; }
h1 { font-weight: 600 !important; }
li h2, li h3, li h4, li h5, li h6 { margin-top: 0px; }
nav { border-bottom: 2px solid #e0dcd0; text-transform: uppercase;  font-size: 12px; letter-spacing: 0.1em; box-shadow: 6px 6px 12px rgba(0,0,0,0.25); }
nav2 a.active { font-weight: bold; }
nav li.nav-item { border-right: 1px solid #ccc; padding-right: 5px; padding-left: 5px; }
nav li.nav-item:last-of-type { border-right: none; }
.nav-link2 { font-weight: bold; }
nav a { padding: .3rem .6rem !important; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; }
a.nav-link:hover, a.dropdown-item:hover { background: #cde4e8; }
.dropdown-menu {
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 1000;
	display: none;
	float: left;
	min-width: 10rem;
	padding: 0px;
	margin: 11px 0 0;
	font-size: 1rem;
	color: #212529;
	text-align: left;
	list-style: none;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid rgba(0,0,0,.15);
	border-radius: .0rem;
}
a.comment-count, .byline a, .breadcrumbs a, .blog-summary-page a, #blog-index a { text-decoration: none; }
a.comment-count:hover, .byline a:hover, .breadcrumbs a:hover, .blog-summary-page a:hover, #blog-index a:hover { text-decoration: underline; }

#search button { padding: 0px 7px 0px 7px !important; }
.footer { border-top: 2px solid #e0dcd0; font-size: .9em;  }
.footer .bg-light, .foot2 { padding: 15px 0 20px 0; }
.footer .text-center .fa2 { font-size: 2em; }
.footer .btn { margin-left: 3px; padding: .4rem .3rem .25rem .3rem; }
.breadcrumbs {
    font-size: .9em;
}
.footer { color: #ccc; }
.footer .links a { display: inline-block;  }
.dropdown-item { padding: .1rem .5rem; }
.dropdown-item, .dropdown-menu a.nav-link { font-size: 0.75em; }
.banner { height: 200px; background: #000; background-position: center center; background-repeat: no-repeat; background-size: cover; margin-top: 102px; }
.main-content { padding-bottom: 90px; }
.main-content h1 { margin-top: 20px; }
.sidebar2 img {
    margin: 10px auto 0px auto;
    border: #fff solid 6px;
    -ms-box-shadow: 0px 0px 10px #c5c1ad;
    -moz-box-shadow: 0px 0px 1-px #c5c1ad;
    -o-box-shadow: 0px 0px 10px #c5c1ad;
    -webkit-box-shadow: 0px 0px 10px #c5c1ad;
    box-shadow: 0px 0px 10px #c5c1ad;
}
.sidebar2 { margin-top: 20px; }
.main-content .list-group-item a { text-decoration: none; }
.main-content .list-group-item:hover { background-color: #f8f9fa; }
.list-group-item {
    position: relative;
    display: block;
    padding: .5rem 1rem;
}
.list-group-item.sub {
    position: relative;
    display: block;
    padding: .3rem 1.25rem .3rem 2rem;
}
.list-group-item.sel { font-weight: bold; }


#blog-index ul { list-style-type: none; }
#blog-index li.cat { margin-left: -20px; margin-top: 10px; margin-bottom: 5px; font-weight: bold; }
.comment-count { float: right; }

/* ACCORDION */
#accordion { }
#accordion h4 { border: 2px solid #F1F1F0; cursor: pointer; padding: 3px 10px; margin-bottom: 5px;  -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
#accordion h4.on, #accordion h4.on.over { background: #1c8292;  border-color: #1c8292; color: #fff; }
#accordion h4.over { background: #F1F1F0; }
#accordion div { display: none; margin-left: 15px; padding-right: 10px; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }

/* CAROUSEL */
.carousel-caption a.btn { margin-left: 20px; text-transform: uppercase; }

/* TABS */
ul.tabs { font-weight: bold; list-style:none; margin:0 !important; 	padding:0; clear: after; height: 26px; border-bottom: 1px solid #ccc; }
.tabs li { float:left; text-indent:0; padding:0; margin:0 !important; list-style-image:none !important; }
.tabs li a  { height: 22px; background-color: #ccc; display: inline-block;  margin: 0 5px 3px 0; padding: 3px 10px 0 10px; text-align: center;  }
ul.tabs  li.active a { outline:none; background-color: #fff; border: 1px solid #ccc; border-bottom: 1px solid #fff; }
.tabs a:hover { text-decoration: none;  }
ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a, 
html #tabs ul li.active a, html #tabs  ul li.active a:hover, html #tabs ul li.active, html #tabs ul li.active a:hover 
{ cursor:default !important; }
.panes div { display:none; clear: both;}
.panes div:first-of-type { display: block; }

.subs .subNav { text-align: center; margin: 0px; } 
.subs .subNav ul { list-style-type: none; margin: 0px; padding: 0px; display: block;}
.subs .subNav li { background-color: #999; margin: 0px 0 6px 0; }
.subs .subNav li img { display: inline-block; margin: 0px; }
.subs .subNav li a { text-decoration: none; }
.subs .subNav li a span { padding: 3px 10px 2px 10px; display: block; color: #fff; }
.subs .subNav li:hover, .sibs li.sel { background-color: #3795A3; }
.subs .subNav li a span:hover { text-decoration: none; }
.subs .subNav li a span.tn { padding-top: 0px;  } 
.bw, .subs li img  {
    filter: url(filters.svg#grayscale); /* Firefox 3.5+ */
    filter: gray; /* IE5+ */
    -webkit-filter: grayscale(1); /* Webkit Nightlies & Google Chrome Canary */
	-webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;
	margin-bottom: 3px !important;
}
.bw:hover, .subs li:hover img, .sibs li.sel a { filter: none;  -webkit-filter: grayscale(0); }

.contact-form select, .contact-form input[type="text"], .contact-form input[type="password"], .contact-form textarea {
    width: 100%;
}
.contact-form select, .contact-form input[type="text"], .contact-form input[type="password"], .contact-form input[type="file"], .contact-form textarea {
    border: 1px solid #d0d0cb;
    padding: 3px;
    background: #f6f6f6;
    font-family: Arial, sans-serif;
    font-size: 12px;
}
.contact-form label, .contact-form .label {
    color: #808160;
    margin: 7px 0 0px;
    display: inline-block;
    text-align: left;
    font-size: 12px;
    text-transform: uppercase;
}

@media only screen and (min-height: 500px) {
	.footer-sticky { position: fixed; width: 100%; bottom: 0; height: 80px; }
	.p1 .footer-sticky { position: relative; bottom: auto; }	
}
@media only screen and (min-width: 1000px) {
	.sidebar { padding-top: 40px; }
}

@media only screen and (max-width: 991px) {
	.banner { height: 150px; }
	.navbar-nav { margin-top: 18px; margin-bottom: 6px; }
	#search { margin-left: 12px; }
}
@media only screen and (max-width: 600px) {
	.banner {
		height: 100px;
	}
}