/* ------------------------------- *\
           BODY SETTINGS
\* ------------------------------- */

body, input, textarea { font-family: 'Ek Mukta', sans-serif; }
body { /*padding-top:50px;*/ }
.ekko-lightbox-nav-overlay a { outline:0; }
p { line-height: 1.5em; margin-bottom: 1em; }

a:hover { text-decoration: none; }
hr { margin: 20px 0px; }
pre { margin: 0 0 10px; }

table.calendar td.header { font-size: 1.6em; }
p.calendaritem, p.newsitem, p.fileitem  { margin: 0 0 15px !important; }
div.main div.panel-body {
  height: 500px;
  overflow: scroll;
padding:8px 15px!important;
}
#box_calendar, #box_news{padding:0;}

.sitesearch {
	margin-bottom: 0;
}

div.calendarItem {
  background: #ccc none repeat scroll 0 0;
  border-radius: 3px;
  font-size: 12px;
  margin: 0 0 6px;
  padding: 2px 5px;
}
img.page-img { border-radius: 5px; }

.input-group-addon { display:none; }
.navbar-nav > li > a { font-size:1.2rem; }

td.formfield span.checkbox {
margin:0;
width:50%;
float:left;
padding:5px 2px;
}
/*.row-2 {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-right: 0px;
	margin-left: 0px;
}*/
.contactListItem {
  float: left;
  width: 50%;
}
.productlist { display:block; margin:0px!important; padding:0px; list-style:none; }
.productlist li {
  display: block;
  float: left;
  height: 216px;
  line-height: 15px;
  margin: 5px;
  text-align: center;
  width: 230px;
}
.productlist li a { font-size:12px; }
.productlist li a img { display:block; margin:10px 0px; text-align:center; margin:10px auto; }
.productlist li a span { display:block; }
.productlist li a span.thumbdesc { margin-top:10px; color:#333; font-style:italic; }

.list-inline.text-center a { color: #27894b; }
.list-inline.text-center a:hover { color: #000!important; }
.list-inline li:hover { 
background-color:#f0f0f0!important;
border-radius:5px!important;
}
.list-inline li { 
margin-bottom:15px;
}

div.page table td { padding:5px; vertical-align:top; }
td p { padding:0!important; margin:0!important; }
.pageSubNav {
  float: right;
  width: 30%;
}
div.pageSubNav.col-md-4 img{
max-width:200px;
}
.form-group { margin-left:0px!important; margin-right:0px!important; }

/* .CatFile { float: left; margin: 0 5% 0 0; width: 45%; } */

.page-links li a.external-links:after {
content:"\f08e";
font-family: FontAwesome;
padding-left:7px;
color:#EC971F;
}
.page-links a.external-links:hover::after {
content:"\f14c";
font-family: FontAwesome;
padding-left:7px;
color:#EC971F;
}
.page-links .parent a{
font-size: 24px;
font-weight:500;
text-indent:1em;
}

#top-alert .managetop {
  text-align: center !important;
}
.top-alert {
background-color:red;
background-size:cover;
color:white;
}
.top-alert h2 {
  margin: 0;
  padding: 20px;
  text-align: center;
}
/*-------------------
--Font-Sizer
---------------------*/
.font-sizer a {
	color: var(--dark);
}
	.font-sizer a:hover {
		opacity: 0.7;
	}
.font-sizer ul {
margin-bottom: 0 !important;
padding: 0;
}
#font__size--0{
		font-size: 100% !important;
	}
#font__size--1{
		font-size: 120% !important;
	}
#font__size--2{
		font-size: 150% !important;
	}
/* ------------------------------- *\
         HELPER CLASSES
\* ------------------------------- */
.top{
margin-top:25px;
}
.top-big{
margin-top:50px;
}
.bottom{
margin-bottom:25px;
}
.shadow {
	box-shadow: 0px 0px 2px #000;
}

.logo-top{
padding-top:50px;
}
/* ---------------------------------------------------------------- *\
                         Page images
\* ---------------------------------------------------------------- */
/*.page img{
box-shadow:0 0 1px rgba(0,0,0,0.2);
border-radius:3px;
width:100%;
margin-bottom:30px;
}*/

.filelist img { margin-bottom:0!important; }

/* ---------------------------------------------------------------- *\
                          Sub-nav Section
\* ---------------------------------------------------------------- */

.sub-nav{
padding:72px 10px 10px;
margin-top:0;
background:url("/site/header-bg.jpg") no-repeat top left / cover;

}


.sub-nav h1{
font-size:5em;
}
.sub-nav h3{
padding-top:20px;
}
.sub-nav h1, .sub-nav h3, .sub-nav h5{
font-weight:400;
margin:0;
text-align:right;
color:#000;
margin-right:30px;
}
.stylish-input-group .input-group-addon{
    background: white !important;
max-width:20px;

}
.stylish-input-group .form-control{
	border-right:0; 

	border-color:#ccc;
max-width:150px;
height:29px;

}

.stylish-input-group button{
    border:0;
    background:transparent;

}

.fa-square{
color:#3B5998;

}

.fa-stack{
font-size:1.5em;
}
.sub-nav address{
padding-left:50px!important;
padding-top:20px!important;
    margin-bottom: 30px;
color:#000;
}

/* ------------------------------- *\
          CAROUSEL
\* ------------------------------- */
.swiper-img img {
  max-width:100%;
}
.swiper-pagination-bullet-active {
  background: #fff!important;
}
.swiper-pagination-bullet {
  background: #fff!important;
}
.swiper-caption {
	display: none;
}

.carousel-bg{
margin:30px 0 15px;
}
.carousel-control {
opacity:.3;
}
.carousel-caption {
  background: rgba(0, 0, 0, 0.4) none repeat scroll 0 0;
  border-radius: 10px;
  bottom: 5px;
  font-size: 2rem;
  left: 30%;
  padding: 1% 0 2%;
  right: 30%;
}
.carousel-indicators li, carousel-caption {
top:90%;
}
.carousel-indicators {
  bottom: 0px;
}

.carousel-inner img {
	width: 100%;
}
.carousel-inner .item {
  opacity: 0;
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity;
}
.carousel-inner .active {
  opacity: 1;
}
.carousel-inner .active.left,
.carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}
.carousel-inner .next.left,
 .carousel-inner .prev.right {
  opacity: 1;
}
 .carousel-control {
  z-index: 2;
}

@media all and (transform-3d),
(-webkit-transform-3d) {
.carousel-inner > .item.next,
 .carousel-inner > .item.active.right {
        opacity: 0;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
.carousel-inner > .item.prev,
.carousel-inner > .item.active.left {
        opacity: 0;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
.carousel-inner > .item.next.left,
.carousel-inner > .item.prev.right,
.carousel-inner > .item.active {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

/* ------------------------------- *\
              HOTLINKS
\* ------------------------------- */
.hotlinks li{
padding:10px 35px 50px;

}
.hotlinks li a{
font-size:1.8em;
}
.hotlinks .fa{
font-size:1.2em;
}

/* ------------------------------- *\
              NAVIGATION
\* ------------------------------- */

.navbar-default{
background-color: rgba(0,0,0,0.6);
border-bottom:1px solid rgba(0,0,0,0.2);
}
.navbar-default .navbar-brand{
color:#fff;
}
.navbar-default .navbar-brand:hover{
color:#aaa;
}
.navbar .navbar-nav>li>a{
color:#fff;
}
.navbar .navbar-nav>li>a:hover{
color:#fff;
}
.navbar-brand{
display:none;
}
.navbar-right{
float:none !important;
}

.navbar .navbar-nav {
  /*display: inline-block;*/
  float: none;
}

.navbar .navbar-collapse {
  text-align: center;
}
.dropdown-menu {
	min-width: 200px;
background-color:#000;
}
.dropdown-menu.columns-2 {
	min-width: 400px;
background-color:#000;
}
.dropdown-menu.columns-3 {
	min-width: 600px;
background-color:#000;
}
.dropdown-menu.columns-4 {
	min-width: 700px;
background-color:#000;

}

.dropdown-menu li a {
	padding: 5px 15px;
	font-weight: 300;

}
.multi-column-dropdown {
	list-style: none;
  margin: 0px;
  padding: 0px;
}


.multi-column-dropdown li a {
	display: block;
	clear: both;
	line-height: 1.428571429;
	color: #fff;
	white-space: normal;
padding:5px 0 5px 3px;
}

.multi-column-dropdown li a:hover {
	text-decoration: none;
	color: #262626;
	background-color: #999;
}
.dropdown-menu .row:first-child{
padding-left:10px;
}
@media (max-width: 660px) 
{
    ul.nav li.dropdown:hover > ul.dropdown-menu 
    {
       display: none;
    }
b.caret{
display:none;
}
}
.main .container{
padding:0;
}

#left-sidebar.col-sm-6.col-md-3.col-md-pull-6{
padding-left:0;
}
#right-sidebar.col-sm-6.col-md-3{
padding-right:0;
}

.dropdown ul{
right:0;
left-auto;
}


#drop-shade_6{
left:6%;
}
#drop-shade_2{
left:-80%;
}
#drop-shade_1{
left:-80%
}
#drop-shade_7{
left:-80%;
}
#drop-shade_5{
left:-220%;
}
#drop-shade_4{
left:8%;
}
#drop-shade_3{
left:-95%;
}
#drop-shade_10 {
	left:-80%;
}
#drop-shade_11 {
	left:-80%;
}
@media (max-width: 660px) 
{
    ul.nav li.dropdown:hover > ul.dropdown-menu 
    {
       display: none;
    }
.dropdown .caret{
display:none;
}
}
@media(min-width:768px) and (max-width:992px){
.navbar-nav li>a{
font-size:1.2rem;
}
}

/* ------------------------------- *\
               NEWS
\* ------------------------------- */
.news, .filesBox {
    background-color: #f0f0f0;
}
.panel-heading h3 {
margin: 0;
text-align:center;
}
p.newsbody {
}
a.news_heading {
}
span.date {
}
div.main div.card-body {
	height: 500px;
	overflow: scroll;
	padding: 8px 15px !important;
}
/* ------------------------------- *\
              FORMS
\* ------------------------------- */
table.forms {

}

table.weblist {
    outline: 1px solid black;
}
table.weblist td {
    padding: 5px!important;
}

p.updated {
    font-size: 0.9em;
}
.innerarea {
    padding-top: 1.3em;
}
.content ul li {
    margin: 5px 20px;
}
.content ol li {
    margint: 5px 20px;
}

.divider1 {
    background: #fff url('images_Zenlike/border2.gif') repeat-x;
    height: 14px;
    margin: 0px 0px 40px 0px;
    clear: both;
}
.divider2 {
    margin: 2.0em 0em 2.0em 0em;
}
.box {
    background: #FDFCF6 url('images_Zenlike/boxbg.gif') repeat-x;
    left: -1.5em;
    top: -1.5em;
    padding: 1.5em;
    border-bottom: solid 1px #E1D2BD;
    margin-bottom: 1.0em;
}
/* ------------------------------- *\
              GALLERY
\* ------------------------------- */

.thumb {
    margin-bottom: 30px;
}


.thumbs img{
    max-width:98%;
    padding:2%; /* A percentage that, when doubled and added to the above, makes 100%. */
    background:transparent;
    border:1px solid #CCCCCC;
      opacity: 1;
   transition: opacity .25s ease-in-out;
   -moz-transition: opacity .25s ease-in-out;
   -webkit-transition: opacity .25s ease-in-out;/* Color of the faux border. */
}


   .thumbs img:hover {
      opacity: 0.5;
      }

/* ------------------------------- 
 Page specific styles
 ------------------------------- */
#p24 img{
width:300px;
}


/* ------------------------------- 
               FOOTER
 ------------------------------- */
.footer {
    padding: 30px 0;
background-color:#000;
}
.footer ul{
list-style:none;
}
.footer h4{
color:#fff;
}
.footerL{
color:#fff;
}
.footer address{
color:#fff
}

@media(max-width:1200px) {
.hotlinks li { padding:15px 30px 20px 30px; }
.hotlinks li a { font-size:1.3em; }
}
@media(max-width:992px) {
.hotlinks li { padding:15px 20px 20px 20px; }
.hotlinks li a { font-size:1.1em; }
}
@media(max-width:662px) {
.hotlinks li { padding:15px 10px 20px 10px; }
.hotlinks li a { font-size:1em; }
}

@media(max-width:1200px) {
.sub-nav .container { width:100% }
}

@media(max-width:1114px) {
.sub-nav h1 { font-size:4em; }
}

@media(max-width:992px) { 
.footer { text-align:center; }
.footer .login { padding-bottom:10px; }
.top-big { margin-top:0px!important; }
}

@media (min-width:768px) and (max-width:992px){
#box_calendar{margin-left:-5px;}
#box_news{margin-left:5px;}
}

@media(max-width:768px) {
body { /*padding-top:100px;*/ }
.sub-nav img { margin:0 auto; margin-top:30px; }
.sub-nav,
.sub-nav h1,
.sub-nav h3,
.social-buttons { text-align:center; padding:10px 0; }
.sub-nav .input-group { margin:10px auto; }
.sub-nav{ margin-top:75px; }
}
@media (max-width: 576px) {
.sub-nav{ margin-top:20px; }
}
@media (min-width:768px){
.font-sizer {margin-top:40px};
}
 
@media print {
nav.navbar, div.managetop, footer, address, div#search, div#admintab { display:none; }
body, div.sub-nav, .container, .row { width:100%!important; margin:0; padding:0; }
a[href]:after { content: none !important; }
.printoff, div.d form { display: none !important; }
table.calendar { width:100%!important; }
}

.dropdown-menu {
    min-width: 120px;
    background-color: #000;
}
.dropdown-menu.calendar-category {
	min-width: 250px;
}
.dropdown-menu.calendar-topic {
	min-width: 250px;
}
@media (max-width: 660px) {
    ul.nav li.dropdown:hover > ul.dropdown-menu { display: none; }
    b.caret { display: none; }
}

@media only screen and (max-width: 576px) {
.dropdown-menu.columns-2 { min-width: 200px; background-color: #000; }
}