@charset "utf-8";
@import 'color.css';
body { font-family : "Open Sans", sans-serif; }
h1,
h2,
h3 { margin-top : 0; }
.clear { clear : both; height : 20px; }
#map { width : 100%; height : 480px; border : none; margin-bottom : 30px; display : block }
.strip { height : 4px; }
.navbar { background : transparent; border : transparent; margin-bottom : 0; }
.navbar-collapse .navbar-nav { margin-top : 35px; }
.navbar-collapse .navbar-nav > li > a { font-weight : 600; padding : 10px 17px; color : #372163; transition : all ease-in-out .3s; }
.navbar-collapse .navbar-nav > li > a:hover { border-radius : 5px; color : #FFFFFF; background : #372163; }
.navbar-brand > h3,
.navbar-brand > img { display : inline-block; }
.navbar > .container .navbar-brand { color : #004D91; height : auto; }
#site { position : relative; z-index : 2; padding-bottom : 30px; box-shadow : 0 10px 31px -5px rgba(0, 0, 0, 0.66); }
.under-boxes { padding-top : 30px; }
.under-boxes h5 { display : inline; color : #004D91; font-weight : 600; }
.under-box { padding : 20px; box-shadow : 0 10px 31px -5px rgba(0, 0, 0, 0.66); margin-bottom : 20px; border-radius : 3px; }
.under-box-title a { }
.under-box-content { padding-top : 10px; }
.under-box-content table tr td:nth-child(2) { padding-left : 20px; }
.under-box-content table tr td { padding-bottom : 10px; }
.under-box-content table tr td i { font-size : 16px; }
.footer { }
.magnet { margin-top : 20px; padding : 5px 0 5px 0; }
.magnet div a { font-weight : bold; font-style : italic; text-decoration : none; }
.magnet div a:hover { color : #266D97; }
.box { height : 100%; border-radius : 3px; transition : all ease-in-out .3s; }
.box a em { margin : 10px; font-size : 60px; opacity : 0.7; }
.box-title { text-align : center; margin : 0; height : 100%; display : table; }
.box-title a { text-decoration : none; font-weight : 700; text-align : center; display : table-cell; vertical-align : middle; font-size : 18px; line-height : 23px; }
.box h3 { font-size : 17px; font-weight : 100; }
.box a.icon { float : left; display : inline-block; text-align : center; }
.news-panel { position : relative; padding : 20px; }
.news-panel h2 { display : block; font-size : 14px; font-weight : bold; padding : 10px 0 20px 0; margin : 0; color : #999999; }
#news { padding : 0; margin : 0; list-style : none; }
#news li a:hover { text-decoration : none; }
#news li a { display : block; padding : 20px; border-bottom : 3px solid #EBEBEB; margin-bottom : 7px; }
#news li a small { display : block; }
#news li a span { margin : 0; display : block; font-weight : 600; }
.content { margin-top : 20px; }
.welcome { padding : 20px; }
.welcome .welcome-title em,
.services .service-title em { font-size : 26px; position : relative; top : 3px; }
.welcome .welcome-title h4,
.services .service-title h4 { display : inline; }
.welcome .welcome-cont,
.services .service-cont { margin-top : 10px; }
.click-more a { padding : 4px 8px; font-style : italic; text-decoration : none; border-radius : 3px; color : #2F2583; }
.services { padding : 20px; }
.service-cont ul { list-style : none; padding : 10px; }
.service-cont ul li { line-height : 25px; margin-bottom : 5px; }
.service-cont a { text-decoration : none; }
.service-cont a:hover { text-decoration : none; }
.service-cont ul li em { margin : 0 5px 0 -15px; }
.page-header { color : #6C6C6C; font-size : 28px; }
/*** SIDEBAR
****************************************************************************************************/
div.sidebar { margin-bottom : 20px; }
div.sidebar a.navTitle { padding : 10px; display : block; font-size : 18px; text-decoration : none; font-family : 'Dosis', sans-serif; font-weight : 600;
	background-color             : rgba(0, 0, 0, 0.40); }
div.sidebar ul { display : block; margin : 0; padding : 0; list-style : none; }
div.sidebar ul li { display : block; }
div.sidebar ul li a { display : block; padding : 8px 10px; text-decoration : none; cursor : pointer; border-bottom : 1px solid rgba(0, 0, 0, 0.3); }
div.sidebar ul li a:hover { background-color : rgba(0, 0, 0, .1); }
div.sidebar ul.subNav { display : none; }
div.sidebar ul.subNav li { display : block; background-color : rgba(255, 255, 255, 0.2); }
div.sidebar ul.subNav li a { display : block; font-size : 13px; padding-left : 20px; }
div.sidebar ul.subNav li a:before { content : '└─  '; }
div.sidebar ul.subNav li ul.subNav li a { display : block; font-weight : 300; color : #FFFFFF; padding-left : 40px; }
a.sub:after { content : '\f107'; float : right; margin-top : 3px; font : normal normal normal 14px/1 FontAwesome; }
a.navActive { background-color : rgba(0, 0, 0, .1); }
/****************************************************************************************************/

/*** Page
****************************************************************************************************/
.page-content-top { padding : 20px; }
.page-content-top h1 { margin : 0 0 10px 0; font-family : 'Dosis', sans-serif; font-size : 24px; }
.post-read h1 { margin : 0 0 10px 0; font-family : 'Dosis', sans-serif; font-size : 24px; }
.post h3 { margin : 0 0 10px 0; font-family : 'Dosis', sans-serif; font-size : 16px; }
/****************************************************************************************************/

@media only screen and (max-width : 992px) {
	.navbar-collapse .navbar-nav > li > a {
		padding : 10px;
	}
	.box h3 {
		display : block;
		width   : 100%;
	}
	.box h3 a {
		display   : block;
		font-size : 16px;
	}

}
@media only screen and (max-width : 768px) {
}
@media only screen and (max-width : 480px) {
	.box a.icon {
		display : block;
		width   : 100%;
	}
	.box h3 {
		display : block;
	}
	.space {
		margin-bottom : 10px;
	}
}
@media only screen and (max-width : 320px) {
}
@media (max-width : 767px) {
}
@media (min-width : 769px) and (max-width : 1030px) {
	.box-title a {
		font-size : 14px;
	}
	.box a em {
		font-size : 50px;
	}
	.under-box {
		font-size : 12px;
	}
	.navbar-collapse .navbar-nav > li > a {
		padding : 10px 13px;
	}
}
@media (min-width : 992px) and (max-width : 1199px) {
}
@media (min-width : 1200px) {
}