@charset "utf-8";

/* CSS Document */
/* Sticky footer styles
-------------------------------------------------- */
html {
  position: relative;
  min-height: 100%;
    font-size: 10px;
}
body {
  /* Margin bottom by footer height */
  
background: #ededed;
    font-size:1.4rem;
}
.footer {
  
  bottom: 0;
  width: 100%;
  /* Set the fixed height of the footer here */
  min-height: 60px;
  background-color: #fff;border-top:1px solid #f3b71c;
}
.wrapper { display:flex; flex-wrap: wrap; min-height:100vh}
.top-container{ align-self: flex-start; width:100%}
.footer-container { align-self:flex-end; width:100%}


/* Custom page CSS
-------------------------------------------------- */
/* Not required for template or sticky footer method. */


.container .text-muted {
  margin: 20px 0;
}

.footer > .container {
  padding-right: 15px;
  padding-left: 15px;
}

code {
  font-size: 80%;
}
/*HEADER*/
/*navbar*/
.navbar {
    border-radius: 0px;
    border:none;
  background-image: -moz-linear-gradient( 90deg, #31589e 0%, #4069b2 100%);
  background-image: -webkit-linear-gradient( 90deg, #31589e 0%, #4069b2 100%);
  background-image: -ms-linear-gradient( 90deg, #31589e 0%, #4069b2 100%);
    box-shadow: inset 0 -3px 0 0px rgba(0,0,0,0.15);   
}
.top-navbar .navbar-nav>li>a{ color: #fff;}
.top-navbar .navbar-nav>li>a:hover,.top-navbar .navbar-nav>li>a:focus, .top-navbar .navbar-nav>li>a:active{ background: rgba(0,0,0,0.1)}
.top-navbar .navbar-nav>li.active>a { background-image: -moz-linear-gradient( 90deg, #d88900 0%, #f3b71c 100%);
  background-image: -webkit-linear-gradient( 90deg, #d88900 0%, #f3b71c 100%);
  background-image: -ms-linear-gradient( 90deg, #d88900 0%, #f3b71c 100%);
 box-shadow: inset 0 -3px 0 0px rgba(0,0,0,0.15);
}
.top-navbar .navbar-nav>li>a.advertisement {
    background-image: -moz-linear-gradient( 90deg, #009fd3 0%, #00b1eb 100%);
  background-image: -webkit-linear-gradient( 90deg, #009fd3 0%, #00b1eb 100%);
  background-image: -ms-linear-gradient( 90deg, #009fd3 0%, #00b1eb 100%);
     box-shadow: inset 0 -3px 0 0px rgba(0,0,0,0.15);
}

.header-top { background:#fff; min-height: 100px}
.header-top>.container { display:flex; height:100px; align-items: center}



/*search*/


.header-search .form-inline {display:flex; align-content: center; height: 100%; background: rgba(189,168,168,1.00)}
.header-search { padding:15px;}
.search .inputbox { border:1px solid rgba(0,0,0,0.15); height: 46px; padding-left: 15px; width: 100%}
.search .inputbox:focus { outline:none;}
.search input.button { background:#fff; height: 46px; border-radius: 0px; border:1px solid rgba(0,0,0,0.15); width:46px; align-self: flex-end;
margin: auto 0 auto auto; border-left:none;}
.search input.button:focus { outline:none;}

/*menu button */
.navbar-toggle{ background: url(../images/menu-button.png) no-repeat center; width:46px; height:46px; margin: 0; border-radius: 0; padding: 0;}
.navbar-toggle { transform:rotate(90deg)}
.navbar-toggle.collapsed { transform:rotate(0deg)}
.navbar-toggle, .navbar-toggle.collapsed { transition: all ease 0.3s}

/*CONTENT*/

/*left*/
.left-side>div { background:#fff; padding: 15px; margin-bottom: 30px;}
/*SP NEWS HIGHLITER*/
.left-side .sp_news_higlighter { margin: -15px;}
.left-side .sp-nh-buttons { background-image: -moz-linear-gradient( 90deg, #31589e 0%, #4069b2 100%);
  background-image: -webkit-linear-gradient( 90deg, #31589e 0%, #4069b2 100%);
  background-image: -ms-linear-gradient( 90deg, #31589e 0%, #4069b2 100%);}
.left-side .sp-nh-text { padding:0 15px; color: #fff;}
.left-side .sp-nh-prev, .left-side .sp-nh-next {background:url(../images/sp-buttons.png) no-repeat; width:40px; margin: 0;}
.left-side .sp-nh-prev { background-position: 0 0; border-left: 1px solid rgba(0,0,0,0.15) }
.left-side .sp-nh-prev:hover { background-position: 0 -40px; }
.left-side .sp-nh-next {background-position: 0 -80px; border-left: 1px solid rgba(0,0,0,0.15)}
.left-side .sp-nh-next:hover {background-position: 0 -120px; }
.left-side .sp-nh-prev, .left-side .sp-nh-next, .left-side .sp-nh-prev:hover, .left-side .sp-nh-next:hover { transition:all ease 0.3s} 
.left-side .sp-nh-title { color:#4069b2;}
.left-side .sp-nh-date { color:#727272;}
/*SP NEWS SLIDER LEFT*/
.left-side h4.ns2-title>a { color:#4069b2; font-weight: normal;}
.left-side h4.ns2-title>a:hover { color:#f3b71c; }
.left-side p.ns2-introtext { color: #7e7e7e; font-size:1.2rem;}
.left-side img.ns2-image { background:#7e7e7e}
.left-side div.nssp2 .col-3 { }
.left-side div.nssp2-default .ns2-art-pagination span{
    background: rgba(0,0,0,0.10);
    background-repeat: no-repeat;
    width: 20px;
    height: 4px;
    float: left;
    text-indent: -999em;
    margin: 0 5px;
    transition: all ease 0.3s;
    
}
.left-side div.nssp2-default .ns2-art-pagination span:hover, .left-side div.nssp2-default .ns2-art-pagination span.active { background: #4069b2; transition: all ease 0.3s;}
.left-side div.nssp2-default .ns2-art-controllers, .left-side div.nssp2-default .ns2-links-controllers { float:none; margin-bottom: 10px; text-align: center;}
.left-side div.nssp2-default .ns2-art-pagination, .left-side div.nssp2-default .ns2-links-pagination {float: none}
/*CONTENT*/
/*blog*/
.item-image { width:100%}
.item-image>a {display:block; width:100%;}
.item-image img { width: 100%; height: auto;}
/*SEARCH RESULTS*/
#searchForm { background:rgba(0,0,0,0.05); border: 1px solid rgba(0,0,0,0.08); padding: 20px; margin-bottom: 15px;}
#searchForm .phrases-box{ }
#searchForm .checkbox, .radio {
    position: relative;
    display: inline-block;
    margin-top: 10px;
    margin-bottom: 10px;
	margin-left:36px;
}
.search-results .result-created { font-size:1.2rem; color: #7e7e7e; margin: 5px 0px 15px 0; padding-bottom: 15px; border-bottom:1px solid rgba(0,0,0,0.10)}
.searchintro { margin-top:20px; }
.badge {
   
    background-color: #4069b2;
    
}

/*PAGE*/

.page-header {
    padding-bottom: 10px;
    margin: 0px 0 20px;
    border-bottom: 1px solid rgba(0,0,0,0.05) ;
}
.page-header>h2 { color:#4069b2}
.item-page h1, .item-page h2, .item-page h3, .item-page h4, .item-page h5, .item-page h6  {color:#4069b2}


/*center*/
.center-side>div { background:#fff; padding: 15px; margin-bottom: 30px;}
/*SP NEWS slider*/
.center-side .nssp2 { background: #3c64ac}
.center-side .nssp2:hover { background: #f3b71c}
.center-side .nssp2, .center-side .nssp2:hover { transition:all ease 0.3s}
.center-side .ns2-image { border-bottom: 5px solid #fff; background: #ccc;}
.center-side .ns2-title { padding:15px; text-align: center}
.center-side .ns2-title>a {color: #fff; text-transform: uppercase; font-size: 1.8rem}
.center-side .ns2-title>a:hover {text-decoration:none}
.center-side div.nssp2-default .ns2-art-controllers, .center-side div.nssp2-default .ns2-links-controllers { float:none; margin-bottom: 10px; text-align: center;}
.center-side div.nssp2-default .ns2-art-pagination, .center-side div.nssp2-default .ns2-links-pagination {float: none}

.center-side div.nssp2-default .ns2-art-pagination span:hover, .center-side div.nssp2-default .ns2-links-pagination span:hover, .center-side div.nssp2-default .ns2-art-pagination span.active,.center-side div.nssp2-default .ns2-links-pagination span.active {
        background:#fff;
    background-repeat: no-repeat;
    width: 12px;
    height: 12px;
    float: left;
    text-indent: -999em;
    margin: 0 4px;
    border-radius: 50%;
    transition: all ease 0.3s;
}
.center-side div.nssp2-default .ns2-art-pagination span, .center-side div.nssp2-default .ns2-links-pagination span, .center-side div.nssp2-default .ns2-art-pagination spane,.center-side div.nssp2-default .ns2-links-pagination span {
        background: rgba(0,0,0,0.10);
    background-repeat: no-repeat;
    width: 12px;
    height: 12px;
    float: left;
    text-indent: -999em;
    margin: 0 4px;
    border-radius: 50%;
    transition: all ease 0.3s;
}


/*weather g4*/
.gkwCurrent {display:flex}
.gkwMainRight>h2 { font-size: 1.8rem; color: #4069b2;}
.gkwMainLeft .gkwTemp { color:#4069b2;}

/*J Events*/
.center-side .mod_events_latest_table {margin-top: -15px;}
.mod_events_latest_table tr {padding: 0; border-bottom: 1px solid rgba(0,0,0,0.05);}
.mod_events_latest_table tr>td { padding: 15px;}
.mod_events_latest_table tr>td:hover { background: #4069b2;}
.mod_events_latest_table tr>td, .mod_events_latest_table tr>td:hover { transition:all ease 0.5s}
.mod_events_latest_date {color:rgba(0,0,0,0.5); font-size: 1.1rem; }
.mod_events_latest_content { font-size:1.8rem; color: #4069b2;}
.mod_events_latest_table tr>td:hover .mod_events_latest_date { color: rgba(255,255,255,0.5)}
.mod_events_latest_table tr>td:hover .mod_events_latest_content>a { color: #f3b71c}

/*right*/
.right-side>div { background:#fff; padding: 15px; margin-bottom: 30px;}
/*DS IMAGE SLIDER*/
.right-side .djslider-default img.dj-image { border:1px solid rgba(0,0,0,0.1)!important; transition: all ease 0.3s;}
.right-side .djslider-default img.dj-image:hover { border:1px solid #4069b2!important; transition: all ease 0.3s; outline: none;}

/*FOOTER*/
.footer-menu .navbar-nav { display: flex; justify-content: space-around; flex-wrap: wrap; width:100%; }
.footer-menu .navbar-nav>li.active { box-shadow: 0 -1px 0 #4069b2;}
.footer-menu .navbar-nav>li>a { color:#b1b1b1; text-transform: uppercase; font-size: 1.2rem; padding-right:5px; padding-left: 5px;}
.footer-menu .navbar-nav>li>a>img {display:none;}

.footer-menu .navbar-nav>li:hover, .footer-menu .navbar-nav>li:focus { box-shadow: 0 -1px 0 #c38e04; background: none;}
.footer-menu .navbar-nav>li>a:hover, .footer-menu .navbar-nav>li>a:focus {background:none; color:#000}
.footer-menu .navbar-nav>li.active>a:hover, .footer-menu .navbar-nav>li.active>a {background:none; color:#4069b2}
.copyright>.moduletable { padding: 15px 0; color: #9a9a9a; display:flex}

.moduletable>h3 { margin:5px 0 15px 0; padding: 0 0 15px 0; color: #3c64ac; border-bottom: 1px solid rgba(0,0,0,0.10)}
/*Medium*/
@media (min-width: 992px) and (max-width: 1199px) {
    
}
/*Small*/
@media (min-width: 768px) and (max-width: 991px) {
    /*HEADER*/
/*navbar*/

.top-navbar .navbar-nav>li>a>img{display:none}
}
/*Extra Small*/

@media (max-width: 767px) {
/*HEADER*/
.header-top { background:#fff; min-height: 70px}
.header-top>.container { display:flex; height:70px; align-items: center}
.navbar {
    position: relative;
    min-height: auto;     
}
    .top-navbar .navbar-nav { margin:0 -30px;}
    
/*left*/   
  
.left-side>div { background:#fff; padding: 15px; margin-bottom: 15px;}
/*SP NEWS HIGHLITER*/
.left-side .sp-nh-text { display: none}
/*SP NEWS SLIDER LEFT*/    
    .left-side div.ns2-column { width:100%}
    .left-side img.ns2-image { width:100px; height: 80px; float: left!important; border-right: 10px solid #fff;}
    .left-side ns2-inner>a { float: left;}
    .left-side p.ns2-introtext { color: #7e7e7e; font-size:1.1rem;}
/*center*/
.center-side>div { background:#fff; padding: 15px; margin-bottom: 15px;}
    /*right*/
.right-side>div { background:#fff; padding: 15px; margin-bottom: 15px;}
/*FOOTER*/
.footer-menu .navbar-nav { display: flex; justify-content: space-around; flex-wrap: wrap; width:100%; }
	.footer-menu .navbar-nav>li {width: 40%; margin-left: 5%; margin-right: 5%}
.footer-menu .navbar-nav>li.active { box-shadow: none}

}
/*Extra Small Landscape*/
@media (max-device-width: 767px) and (orientation: landscape) {
}