@import url('default.css');

@import url(http://fonts.googleapis.com/css?family=Roboto+Condensed:400,300);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,600);
/*-------------------------------------------------*/
/* =  Font
/*-------------------------------------------------*/
body {
    background:#f3f3f3 url('../img/layout/bg.png') repeat;
    font-size: 14px;
    font-family: 'Roboto Condensed', sans-serif;
    color: #636E7B;
}

/*-------------------------------------------------*/
/* =  HEADER
/*-------------------------------------------------*/

/* HEADER > */
div#header {
    background-color: #ffffff;

}
.sticky {
    background-color: #ffffff;
    position:fixed;
    z-index: 9999;
    left: 0;
    margin: 0 auto;


}

div.logo  {display: inline-block;  position: relative; padding: 0px;margin: 0px; text-align: center;}
div.logo h1 {padding: 0px;margin: 0px; }
div.logo a{
    display:block;
    text-align: center;
}


.phone_number {
    color: #6fab25;
    display: block;
    padding: 5px;
    margin-bottom: 10px;
}


/*-- > Social Icon --------------*/
ul.social-icon {overflow: auto;}
ul.social-icon li { list-style-type: none; float: right;}
ul.social-icon li a i { background: #e5e5e5; color: #fff; width: 36px; height: 36px; border-radius: 2px; font-size: 24px; text-align: center; margin-right: 10px; padding: 5px; transition: all 0.2s ease-in-out; border: 1px solid #e6e6e6;);}
ul.social-icon .fa-facebook { color: #6fab25;}
ul.social-icon .fa-instagram { color: #6fab25;}
ul.social-icon .fa-twitter { color: #6fab25;}
ul.social-icon .fa-google-plus { color: #6fab25;}
ul.social-icon li a i:hover { opacity: .7;}

hr {
    background: url("../img/layout/hr.png") no-repeat scroll 50% 0 transparent;
    border: medium none;
    height: 19px;
    margin: 0px 0 10px;
}

/******************************************/
/*           Nav Bar                      */
/******************************************/

#custom-bootstrap-menu h1 {
    margin: 0px;
    padding: 0px;
}
#custom-bootstrap-menu #navbar {
    margin: 5px;
}

#custom-bootstrap-menu.navbar-default .navbar-brand {
    color: rgba(5, 0, 0, 1);
    margin-right: 10px;


}

#custom-bootstrap-menu.navbar-default {
    font-size: 18px;
    background-color:#f4f4f4;
    border-width: 0px;
    border-radius: 0px;
    border-top: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
    padding: 0px;
    margin: 0px;
}

#custom-bootstrap-menu.navbar-default .navbar-nav > li > a {
    color: #6fab25;
    margin:0px 5px;
    padding: 10px 20px;


}

#custom-bootstrap-menu.navbar-default .navbar-nav > li > a:hover,
#custom-bootstrap-menu.navbar-default .navbar-nav > li > a:focus {
    color: #ffffff;
    background-color: #6fab25;
}

#custom-bootstrap-menu.navbar-default .navbar-nav > .active > a,
#custom-bootstrap-menu.navbar-default .navbar-nav > .active > a:hover,
#custom-bootstrap-menu.navbar-default .navbar-nav > .active > a:focus {
    color: rgba(255, 255, 255, 1);
    background-color: #6fab25;

}

#custom-bootstrap-menu.navbar-default .navbar-toggle {
    border-color: #6fab25;
}

#custom-bootstrap-menu.navbar-default .navbar-toggle:hover,
#custom-bootstrap-menu.navbar-default .navbar-toggle:focus {
    background-color: #6fab25;
}

#custom-bootstrap-menu.navbar-default .navbar-toggle .icon-bar {
    background-color: #6fab25;
}

#custom-bootstrap-menu.navbar-default .navbar-toggle:hover .icon-bar,
#custom-bootstrap-menu.navbar-default .navbar-toggle:focus .icon-bar {
    background-color: #ffffff;
}




.dropdown:hover .dropdown-menu {
    display: block;
}

.nav li > ul.dropdown-menu {
    background: #6fab25;
    color: #FFFFFF;
    border: none;
    margin-left: 5px;
}

.nav li > ul.dropdown-menu a{
    color: #FFFFFF;
}
.nav li > ul.dropdown-menu a:focus{
    color: #fff;
    background-color: #404048;
}
.nav li > ul.dropdown-menu a:hover{
    color: #fff;
    background-color: #404048;

}

.nav li > ul > li {
    color: #FFFFFF;
    border-bottom: 1px #fff solid;

}


.nav li > ul > li:last-child {
    color: #FFFFFF;
    border-bottom: 0px #fff solid;
}

/* Sub menu */

.dropdown-menu>li /* To prevent selection of text */
{   position:relative;
    -webkit-user-select: none; /* Chrome/Safari */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* IE10+ */
    /* Rules below not implemented in browsers yet */
    -o-user-select: none;
    user-select: none;
    cursor:pointer;
}
.dropdown-menu .sub-menu
{
    left: 100%;
    position: absolute;
    top: 0;
    display:none;
    margin-top: 0px;
    margin-left: 5px;
    border-top-left-radius:0;
    border-bottom-left-radius:0;
    border-left-color:#fff;
    box-shadow:none;
}
.right-caret:after,.left-caret:after
{  content:"";
    border-bottom: 5px solid transparent;
    border-top: 5px solid transparent;
    display: inline-block;
    height: 0;
    vertical-align: middle;
    width: 0;
    margin-left:5px;
}
.right-caret:after
{   border-left: 5px solid #000;
}
.left-caret:after
{   border-right: 5px solid #fff;

}





/***** 4.1.1 LEFT PANEL NAVIGATION *****/
.leftpanel .nav {
    position: relative;
    border :1px solid #000;
    background: #222222;

}
.leftpanel .nav > li:first-child{
    margin: 0px;
    position: relative;
    font: 14px/24px 'Roboto Condensed', sans-serif;
    border-top :0px solid #000;
    border-bottom:1px solid #383838;
}

.leftpanel .nav > li {
    margin: 0px;
    position: relative;
    font: 14px/24px 'Roboto Condensed', sans-serif;
    border-top :1px solid #000;
    border-bottom:1px solid #383838;



}
.leftpanel .nav > li.active {border-top: 0;margin-right: 0;}
.leftpanel .nav > li.active + li {border-top: 0;}

.leftpanel .nav > li > a {
    color: #fff;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    -moz-transition: all 0.2s ease-out 0s;
    -webkit-transition: all 0.2s ease-out 0s;
    transition: all 0.2s ease-out 0s;
    padding: 10px;
}

.leftpanel .nav > li > a:hover,
.leftpanel .nav > li > a:focus,
.leftpanel .nav > li > a:active {
    background-color: #f7f7f7;
    color: #6fab25;
}

.leftpanel .nav > li.active > a,
.leftpanel .nav > li.active > a:hover {
    background-color: #ffffff;
    color: #6fab25;
}

.leftpanel .nav > li > a i {
    width: 16px;
    margin-right: 5px;
    color: #fff;
    font-size: 15px;
    top: 1px;
    position: relative;
    text-align: center;
}
.leftpanel .nav > li.active > a i {color: #6fab25;}

.leftpanel .nav > li.parent:after {
    font-family: 'FontAwesome';
    content: '\f107';
    display: block;
    position: absolute;
    top: 12px;
    right: 22px;
    color: #ffffff;
}

.leftpanel .nav > li.parent-focus > a {
    background-color: #6fab25;
    color: #fff;

}
.leftpanel .nav .badge {font-weight: normal;line-height: normal;font-size: 11px;background-color: #6fab25;}
.leftpanel .nav .children {list-style: none;padding: 0;margin: 0;display: none;}
.leftpanel .nav .active .children,
.leftpanel .nav .parent-focus .children {display: block;}
.leftpanel .nav > li.active:after {color: #fff;}
.leftpanel .nav .children li:first-child {/*border-top: 1px solid #e7e7e7;*/}
.leftpanel .nav .children li.active:first-child {border-top: 0;}

.leftpanel .nav .children li a {
    font: 12px 'Roboto Condensed', sans-serif;
    color: #fff;
    padding: 10px 10px 10px 20px;
    -moz-transition: all 0.2s ease-out 0s;
    -webkit-transition: all 0.2s ease-out 0s;
    transition: all 0.2s ease-out 0s;
    border-bottom: 1px solid #383838;
}

.leftpanel .nav .children li a {
    color: #000;
    display: block;
    background-color: #f1f1f1;

}
.leftpanel .nav .children li a:hover {text-decoration: none;background-color: #f7f7f7;color: #6fab25;}
.leftpanel .nav .children li.active a {background-color: #e4e7ea;}
.leftpanel .nav .active .children {border-bottom: 1px solid #e7e7e7;}
.leftpanel .nav .active .children {margin-right: 1px;}

/* Content */
 div#content  {
    background-color: #ffffff;
    /*padding:0px 0px 10px 0px;
    margin: 0px 0px 15px 0px;*/
}
div#content_sub {
    padding: 5px 0px;
    margin: 0px 0px 15px 0px;
}
/*Highlight */
.highlight {
    background:#8b0807 url("../img/layout/index_bg.png") no-repeat top center;
    /*margin-bottom: 10px;
    padding-top: 15px;
    */
}
#news-slider {
    border :1px solid #DDD;
    position: relative;
    padding: 5px;
}
#news-slider .swiper-pagination {
    bottom: 0px;
    left: 0px;
    text-align: left;
}
/*-------------------------------------------------*/
/* =  Category List
/*-------------------------------------------------*/
div.category-list {
    /*background: #6fab25;*/
    list-style: none;
    padding: 10px;
    text-align: center;
    margin-bottom: 15px;
    display: inline-block;
    /*border: 1px dotted #6fab25;*/
}
div.category-list:hover{
    background: #404048;
    opacity: 0.7;

}

.category-list h2 {
    display: block;
    color: #6fab25;
    font: 18px 'Roboto Condensed', sans-serif;
    padding: 5px;
    margin: 0px;
}

.category-list h2 a {
    display: block;
    color: #6fab25;
    font: 18px 'Roboto Condensed', sans-serif;
}

.category-list h2 a:hover{ color: #ffffff;}

/* =  Post > Notice */
div.post-notice {
    height: 400px;
    overflow: hidden;
    padding: 5px;
}

.post-notice ul {
    padding: 5px;
    margin: 10px;
}

.post-notice ul li {
    display: block;
    list-style: none;
    margin-top: 10px;
    border-bottom: 1px solid #e6e6e6;
    position: relative;
}

/*.post-notice ul li:last-child{ border-bottom: none;}*/

.post-notice ul li h3 a {
    display: block;
    font-size: 14px !important;
    color: #f14d4d;
}

.post-notice ul li h3 a:hover { color:#555 ;}

.post-notice ul li .add-date {
    font-size: 11px;
    text-decoration: none;
    color: #000;
}
.post-notice ul li .add-date i{
    color: #000;
    font-size: 11px;

}

div.arrow_list {
    background: #d2d2d2;
    text-align: right;
    margin: 2px 0px; /*border-left:1px #337bba solid; border-right:1px #337bba solid; border-top:1px #ccc solid;*/
    border-top: 1px #ccc solid;
}
div.arrow_list a{
    padding: 10px;
    color: #6fab25;
}



div.arrow_list .next {
    cursor: pointer;
    display: inline-block;
}

div.arrow_list .prev {
    cursor: pointer;
    display: inline-block;
}

/*-------------------------------------------------*/
/* =  Post List
/*-------------------------------------------------*/

.post-list {
    padding: 10px;
    text-align: center;
    font-family: 'Roboto Condensed';
    border: 1px dashed #D5D5D5;
    margin-bottom: 20px;
}


.post-list:hover {
    border: 1px dashed #6fab25;
}

.post-list h2 {
    display: block;
    color: #424242;
    font: 13px 'Roboto Condensed', sans-serif;
    font-weight: bold;
    padding: 0px;
    margin: 0px;
    min-height: 40px;
}

.post-list h2 a{display: block; color: #424242;font: 13px  'Roboto Condensed', sans-serif;font-weight: bold; }
.post-list h2 a:hover{ color: #6fab25;}

.post-list table,
.post-list tr,
.post-list td {
    width: 100%;
    border: none;
}

.post-list td {
    height: 160px;
    text-align: center;
    vertical-align: middle;
}
.post-list p{font: 12px  Arial, Helvetica, Sans-Serif;}

/*-------------------------------------------------*/
/* =  Post Detail
/*-------------------------------------------------*/
.post-detail{
    /*font: 12px/1.5em Arial, Helvetica, sans-serif;
    padding: 15px;*/
}

.post-detail .basic-box{
    border: 1px dashed #D5D5D5;
    padding: 10px;
}

.post-detail .basic-box h2 {
    display: block;
    color: #d90e23;
    font: 18px 'Roboto Condensed', Sans-Serif;
    font-weight: bold;
}

.post-detail .summary {
    font: 14px 'Roboto Condensed', Sans-Serif;
}

div.share-button {
    margin: 3px 0px;
    display: inline-block;
    background: #f9f9f9;
    padding: 10px 0px;
}
div.share-button span {
    font: 12px Arial, sans-serif;
    color: #7b7b7b;
    text-shadow: 1px 1px 0px #FFF;
    margin: 1px 0px;
    margin-right: 5px;
    cursor: pointer;
}
div.share-button span:last-child {
    margin-right: 0px;
}

div.post-detail .info .social span {
    font: 12px Arial, sans-serif;
    cursor: pointer;
}

/*-------------------------------------------------*/
/* =  Media List
/*-------------------------------------------------*/

.media-list {
    padding: 10px;
    text-align: center;
    font-family: 'Roboto Condensed';
    border: 1px dashed #D5D5D5;
    margin-bottom: 5px;
}


.media-list:hover {
    border: 1px dashed #6fab25;
}

.media-list table,
.media-list tr,
.media-list td {
    width: 100%;
    border: none;
}

.media-list td {
    height: 75px;
    text-align: center;
    vertical-align: middle;
}

/*----------------------------------------------*/
/* Contact */
/*----------------------------------------------*/
.map{
    height:450px;
    text-align:center;
    margin:10px;
    border:1px solid #c5bcbc;
    margin-bottom: 20px;
}

.contact-info h2 {
    background: #E4E4E4 none repeat scroll 0% 0%;
    border-left: 10px solid #3C98CA;
    display: block;
    padding: 5px 15px;
    font: 14px/32px Roboto Condensed,Arial,Helvetica,sans-serif;
}

.contact-info span{padding:10px 5px;display:block;color:#808285;border-bottom:1px dotted #c5bcbc}

ul.contact-social-icon { overflow: auto; margin-top: 10px; margin-left: 25px;}
ul.contact-social-icon li { list-style-type: none; float: left;}
ul.contact-social-icon li a i { background: #626262; color: #fff; width: 36px; height: 36px; border-radius: 1px; font-size: 20px; text-align: center; margin-right: 10px; padding-top: 15%; transition: all 0.2s ease-in-out; border: 1px solid rgba(0, 0, 0, 0.5);}
ul.contact-social-icon li a i:hover { opacity: .7;}

/*-------------------------------------------------*/
/* =  Footer
/*-------------------------------------------------*/
div.footer {
    margin: 10px 0px 0px 0px ;
    background: #666;
    padding: 15px 10px;
    color: #f0af00;

}

div.footer .copyright {
    text-align: right;
    padding: 15px 10px;
    color: #fff;
    font-size: 12px;
}
div.footer .title-block {
    text-align: left;
    color: #fff;
    display: block;
}

div.footer span {
    margin: 5px 10px;
    color: #fff;
    display: block;

}
/*-------------------------------------------------*/
/* =  Box
/*-------------------------------------------------*/
div.splash_box {margin-bottom: 10px; /* margin-right:10px; */float:left;}
div.splash_box:last-child{margin-right:0px;}

div.basic-box { width: 100%; background: #fff; padding: 10px;margin-bottom: 10px;}


div.basic-title {
    background: url("../img/layout/post_title_bg.png") repeat-x bottom;
    background-color: #404048;
    margin: 0px 0 10px 0px;
    padding: 10px 20px;
}

div.basic-title h2 {
    font: 16px 'Roboto Condensed', sans-serif;
    display: inline-block;
    padding: 0px 0px 0px 10px;
    color: #fff;
    margin: 0px;}

div.basic-title h2 a{ color: #fff!important;}


div.basic-main-title {
    background: url("../img/layout/post_title_bg.png") repeat-x bottom;
    background-color: #404048;
    margin: 0px 0 10px 0px;
    padding: 5px 5px;
}

div.basic-main-title h2 {
    font: 16px 'Roboto Condensedsed', sans-serif;
    display: inline-block;
    padding: 0px 0px 0px 10px;
    color: #fff;
    margin: 0px;}

div.basic-main-title h2 a{ color: #fff!important;}


div.basic-box .content {background: #eeeeee; border: 1px solid #dedede; padding: 10px;}
div.basic-box .content-box { border: 1px solid #dedede; padding: 10px;}

div.button {margin: 5px 0px;}
div.sep {clear:both;background: url('../img/layout/seperator.png') no-repeat;width: 140px;height: 15px;  display: inline-block;text-align: center;margin: 5px 0px}