@charset "utf-8";



/* CSS Document */

/* Sticky footer styles

-------------------------------------------------- */

/*

primary color #000000

primary color light #424242

secondary color #016E3D

secondary color light #27A16A

*/



html {

  position: relative;

  min-height: 100%;

    font-size: 10px;

}

body {

  /* Margin bottom by footer height */

  

background: #000 url(../images/bg.jpg) top center no-repeat; background-attachment: fixed;

    font-size:1.4rem;

}

.footer {

  

  bottom: 0;

  width: 100%;

  /* Set the fixed height of the footer here */

  min-height: 60px;  

  background-color: #000000;border-top:1px solid rgba(0,0,0,0.12);

}

.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%}

a {

    color: #016E3D;

    text-decoration: none;

}

a:hover {

    color: #27A16A;

    text-decoration: none;

}



/* 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%;

}

/*COLORS*/

.primary {color:#27A16A}

.primary-sub {color: #016E3D}

.secondary {color: #424242}

.secondary-sub {color: #000000}

/*HEADER*/

/*navbar*/

.navbar {

    border-radius: 0px;

    border:none;

  background-image: -moz-linear-gradient( 90deg, #000000 0%, #424242 100%);

  background-image: -webkit-linear-gradient( 90deg, #000000 0%, #424242 100%);

  background-image: -ms-linear-gradient( 90deg, #000000 0%, #424242 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, #016E3D 0%, #27A16A 100%);

  background-image: -webkit-linear-gradient( 90deg, #016E3D 0%, #27A16A 100%);

  background-image: -ms-linear-gradient( 90deg, #016E3D 0%, #27A16A 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, #000000 0%, #424242 100%);

  background-image: -webkit-linear-gradient( 90deg, #000000 0%, #424242 100%);

  background-image: -ms-linear-gradient( 90deg, #000000 0%, #424242 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, #016E3D 0%, #27A16A 100%);

  background-image: -webkit-linear-gradient( 90deg, #016E3D 0%, #27A16A 100%);

  background-image: -ms-linear-gradient( 90deg, #016E3D 0%, #27A16A 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.12) }

.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.12)}

.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:#424242;}

.left-side .sp-nh-date { color:#727272;}

/*SP NEWS SLIDER LEFT*/

.left-side h4.ns2-title>a { color:#016E3D; font-weight: normal;}

.left-side h4.ns2-title>a:hover { color:#27A16A; }

.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: #016E3D; 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%; color:#016E3D}

.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: #424242;

    

}



/*PAGE*/



.page-header {

    padding-bottom: 10px;

    margin: 0px 0 20px;

    border-bottom: 1px solid rgba(0,0,0,0.05) ;

}

.page-header>h2, .page-header>h2>a { color:#016E3D}

.item-page h1, .item-page h2, .item-page h3, .item-page h4, .item-page h5, .item-page h6  {color:#016E3D}





/*center*/

.center-side>div { background:#fff; padding: 15px; margin-bottom: 30px;}

/*SP NEWS slider*/

.center-side .nssp2 { background: #000000}

.center-side .nssp2:hover { background: #27A16A}

.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: #016E3D;}

.gkwMainLeft .gkwTemp { color:#424242;}



/*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: #016E3D;}

.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: #424242;}

.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: #fff}



/*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 #016E3D!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 #27A16A;}

.footer-menu .navbar-nav>li>a { color:rgba(255,255,255,0.50); 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 #27A16A; background: none;}

.footer-menu .navbar-nav>li>a:hover, .footer-menu .navbar-nav>li>a:focus {background:none; color:#fff}

.footer-menu .navbar-nav>li.active>a:hover, .footer-menu .navbar-nav>li.active>a {background:none; color:#27A16A}

.copyright>.moduletable { padding: 15px 0; color:rgba(255,255,255,0.50); display:flex}



.moduletable>h3 { margin:5px 0 15px 0; padding: 0 0 15px 0; color: #016E3D; border-bottom: 1px solid rgba(0,0,0,0.10)}

/*djs*/
.djs {display: flex; flex-wrap: wrap; justify-content: space-around; width: 100%;}
.djs .djs-item {flex-shrink: 0; flex-grow: 0; font-size: 11px; margin: 15px; text-align: center;} 
.djs .djs-item tr:first-child td img {border-radius: 50%; margin-bottom: 15px; width: auto; max-width: 200px; height:auto}
.djs .djs-item tr:nth-child(2) td {font-size: 18px; color:#016E3D }
.djs .djs-item tr:nth-child(2) td, .djs .djs-item tr:nth-child(3) td, .djs .djs-item tr:nth-child(4) td {padding-bottom: 15px;}

/*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) {

}