body { font-family: 'Raleway', sans-serif; font-size: 15px; color: #4d4d4d; }
* { border-radius: 0 !important; box-shadow: none; }
a:focus, a:active { outline: 0; box-shadow: none; }
.btn:active, .btn:focus, .btn.active { background-image: none; outline: 0; -webkit-box-shadow: none; box-shadow: none; }
[class*="col"] { border: 0px solid red; }
.regions [class*="col-"] { border: 0px solid red; }
.regions a { color: #4d4d4d; }

#header-top { padding: 35px 0; }
.regions { font-size: 12px; }
.regions img { margin-bottom: 10px; }

.menu-bg { background: #313193; }

.service { font-size: 14px; }
.service img { margin: 0 20px 0 0; }
.service > div { margin-top: 33px; background: url('../img/service.png') no-repeat; padding: 3px 0 5px 90px; }
.service a { font-size: 22px; color: #4d4d4d; font-weight: 300; }
.service a:hover { text-decoration: none; }

.navbar-toggler { color: #fff; border: 1px solid #fff; margin-top: 10px; }
.navbar-toggler:focus { outline: 0; }
.navbar-toggler-icon { background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(255, 255, 255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); }

.img1 { background: url('../img/b1.jpg') no-repeat bottom center; background-size: cover; }
.img2 { background: url('../img/b2.jpg') no-repeat bottom center; background-size: cover; }
.white-line { width: 100%; height: 1px; background: #fff; position: absolute; top: 75px; }

.jumbotron { background: none; color: #fff; font-size: 24px; margin: 0; }
.jumbotron .display-5 { font-size: 45px; }
.jumbotron .btn { background: #f06421; border: 0; color: #fff; outline: 0; }

#news .main-title { font-size: 30px; text-align: center; margin-bottom: 40px; }
#news .news-wrapper { clear: both; margin-bottom: 30px; overflow: auto; }
#news .news-wrapper img { margin-top: 7px; }
#news .title { font-size: 20px; margin-bottom: 10px; }
#news .text { margin-bottom: 10px; }
#news .read-more { font-size: 20px; color: #f06421; }

#archive .main-title { font-size: 30px; text-align: center; margin-bottom: 40px; }
#archive .archive-wrapper { margin-bottom: 20px;  }
#archive .archive-wrapper a { color: #4d4d4d; }
#archive .date { font-size: 20px; }
#archive .all-archive { font-size: 20px; color: #f06421; }

#side-menu ul { font-size: 16px; list-style-type: none; margin-top: 7px; padding: 0; }
#side-menu > ul > li { border-bottom: 1px solid #333; padding: 10px 0 10px 30px;  }
#side-menu > ul > li:first-child { padding-top: 0; }
#side-menu > ul > li:last-child { border-bottom: 0; }
#side-menu > ul > li > ul { margin-top: 10px; margin-left: 20px; }
#side-menu > ul > li > ul > li { margin-top: 5px; }
#side-menu a { color: #333; }
#side-menu a.active, #side-menu a:hover { color: #f06421; }

#content .main-title { font-size: 30px; margin-bottom: 40px; }
#content .text { }

#footer { background: #0089d1; color: #fff; padding: 40px 0 0 0; margin: 0; }
#footer span { font-size: 20px; }
#footer a { color: #fff; }
#footer .copyright { background: #0c4ea2; font-size: 12px; padding: 15px 0; margin-top: 40px; }

table {
	width: 100%;
}

.thead {
	color: #222222;
	font-weight: bold;
	padding: 0.44444rem 0.55556rem 0.55556rem;
	background: #F5F5F5;
	text-align: center;
}

td {
	border: solid 1px #EEE;	
	padding: 5px;
}

.pull-left {
	float: left;
    margin: 5px 20px 10px 0;
}

.pull-right {
	float: right;
    margin: 5px 0 10px 20px;
}



@media (min-width: 992px) {
	#navbar-menu { padding: 15px 0; }
	#navbar-menu .nav-item a { font-size: 20px; color: #fff; text-shadow: 1px 1px 2px #000;}
	#navbar-menu .nav-item:hover a, #navbar-menu .nav-item.active a { color: #f06421; }
	#navbar-menu .dropdown-menu { padding: 5px 25px; margin-top: 0px; top: 70px;}
	#navbar-menu .dropdown-menu li { border-bottom: 1px solid #333; }
	#navbar-menu .dropdown-menu li:last-child { border-bottom: 0; }
	#navbar-menu .dropdown-menu a { color: #333 !important; padding: 0; padding: 12px 0;   text-shadow: none;}
	#navbar-menu .dropdown-item:hover, #navbar-menu .dropdown-item.active { background: none; color: #f06421 !important; text-decoration: none; }
	#navbar-menu .dropdown-menu::before { border-bottom: 20px solid rgba(0, 0, 0, 0.2); border-left: 20px solid rgba(0, 0, 0, 0); border-right: 20px solid rgba(0, 0, 0, 0); content: ""; display: inline-block; left: 50%; position: absolute; top: -20px; margin-left: -20px; }
	#navbar-menu .dropdown-menu::after { border-bottom: 20px solid #fff; border-left: 20px solid rgba(0, 0, 0, 0); border-right: 20px solid rgba(0, 0, 0, 0); content: ""; display: inline-block; left: 50%; position: absolute; top: -20px; margin-left: -20px; }
	#news { border-right: 1px solid #e6e6e6; padding-right: 50px; }
	#archive { padding-left: 50px; }
	#side-menu { padding-right: 50px; }
	#content { padding-left: 50px; }
}

@media (max-width: 1199.98px) {
	.service a { font-size: 18px; }
	.service > div { padding-bottom: 12px; }
	#navbar-menu .nav-item a { font-size: 18px; }
}

@media (max-width: 991.98px) {
    .navbar-collapse { position: fixed; z-index: 999; top: 0; left: 0; padding: 15px; width: 300px; max-width: 70%; height: 100%; transition: all 0s ease; display: block; background: #000; opacity: 0.9; overflow-y: scroll; }
    .navbar-collapse.collapsing { height: auto !important; margin-right: 50%; transition: all 0s ease; display: block; }
    .navbar-collapse.show { left: 0; }
	
	#navbar-menu .navbar-nav { margin-top: 25px; }	
	#navbar-menu .nav-item { margin-left: 15px; margin-bottom: 5px; width: 100%; text-align: left; }
	#navbar-menu .nav-item:first-child { margin-left: 15px; margin-bottom: 5px; }
	#navbar-menu .nav-item .nav-link { text-transform: uppercase; color: #fff; padding-bottom: 2px; display: inline-block; }
	#navbar-menu .nav-item:hover a, #navbar-menu .nav-item.active a { color: #f06421; }
	
	#navbar-menu .dropdown-menu { background: 0; border: 0;}
	#navbar-menu .dropdown-menu a { color: #fff !important; }
	#navbar-menu .dropdown-item:hover, #navbar-menu .dropdown-item.active { background: none; color: #f06421 !important; text-decoration: none; }
	
	.menu-close { cursor: pointer; text-align: right; margin: 10px 10px 0 0; }
	
	.masthead .text { color: #fff; font-size: 35px; line-height: 50px; margin-top: 100px; }
	.masthead .text span { font-size: 52px; }
	.masthead a.btn { background: #fd7500; color: #fff; font-size: 20px; margin-top: 15px; border-radius: 0; }
}