@charset "utf-8";
/* CSS Document */

@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,700);
@import url(https://fonts.googleapis.com/css?family=Oswald:400,700);
@import url('https://fonts.googleapis.com/css?family=Roboto:400,500,700');
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap');

* {margin : 0; padding : 0; outline: none !important;}
.clear, .clr { clear : both;}
.gap { clear : both; height : 15px;}
.frt {float : right;}
.flt {float : left;}
img {border : 0;}
form {margin : 0;}
/*ol, ul {list-style:none;}*/
ul {list-style-position: inside;}


* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
*:before, *:after {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

a:link, a:visited {text-decoration : none;}
a:hover {color:#c00;}

/*a {
	text-decoration: none;
	color: inherit;
	outline: none;
	transition: 0.5s ease;
	-o-transition: 0.5s ease;
	-webkit-transition: 0.5s ease;
	color:#c00;
}

a:hover {
	color: #1f201f;
}*/

/*****
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;}
*****/

html {
	font-size:100%;
	-webkit-text-size-adjust:100%;
	-ms-text-size-adjust:100%
}

.result {width:100px; text-align:left;margin-left:10px; display:inline-block;}
.captcha { float:left; padding-top:2px;}
form em { color:#FF0000;}

.map-content  {height:400px; position:relative; overflow:hidden; margin-top:10px; }
.map-content iframe {border:none; height:100%;width:100%; position:absolute; left:0; top:0;}
.map-content figure iframe {border:none; height:100%;width:100%; position:absolute; left:0; top:0;}

.breadcrumb { background:none; border-radius:0; margin-left:0;
	border-bottom:1px solid #ccc;
    margin-bottom: 15px;
    padding: 8px 0;}
.breadcrumb li a { color:#0175b2;}
.breadcrumb li a:hover { color:#000;}

h1, h2, h3, h4, h5 {font-family: 'Poppins', sans-serif; margin-top:5px;}

h1 { font-size:28px; font-weight: 700; line-height:32px; color:#000; }
h2 { font-size:28px; font-weight: 500; line-height:32px; color:#000;}
h3 { font-size:22px; font-weight: 500; line-height:28px; color:#000;}
h4 { font-size:20px; font-weight: 500; line-height:26px; color:#000;}
h5 { font-size:18px; font-weight: 500; line-height:22px; color:#000;}

body {font-family: 'Roboto', sans-serif; font-size:14px; color:#333; line-height:22px; background:#fff;}


/*Back to Top*/
#back-top {position: fixed; bottom:40px;z-index:99; right:25px; display:none; width:41px;height:41px;}
#back-top a:hover {color:#333; }
#back-top span {width:41px;height:41px; display: block;	background:url(../images/up-arrow.gif) no-repeat center center #333;border-radius: 50%; opacity:0.4; filter:alpha(opacity=40); }
#back-top a:hover span { background-color:#333; opacity:1; filter:alpha(opacity=1);}

.limit { overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.limit.two-lines {
      -webkit-line-clamp: 2;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      white-space: normal;
  }

/* List Style */

ul.listing { list-style:none; margin:0; padding:0; margin-bottom:10px;}
ul.listing li:before {    
font-family: 'FontAwesome';
content: '\f105';
position:absolute;
top:0; left:0;
}
ul.listing li { position:relative; padding-left:14px; margin-bottom: 2px;}

ul.list { list-style:none; margin-left:0; padding-left:0;}
ul.list li { background:url(../images/sqr.jpg) no-repeat 0 7px; padding-left:16px;}
ul.list li a { color:#333;}
ul.list li a:hover { color:#3399cc;}
ul.list li li {list-style:none; padding-left:15px; margin-left:-20px; background:url(../images/subsqr.jpg) no-repeat 0 7px;}

ul.list li+li {
    margin-top: 7px;
}

ul.catlist {list-style:none; margin:0; padding:0; margin-bottom:10px;}
ul.catlist li { font-size: 16px; font-weight: 500;  line-height: 22px; list-style:none; margin-left:0; padding-left:0;
margin-bottom: 10px; padding-bottom: 10px;
border-bottom: 1px dashed #ccc;}
ul.catlist li a {color: #000;}
ul.catlist li a:hover {color: #01a8ec;}

main ul {margin-left:12px;}

main ol {margin-left:14px;}
main ol li { padding-left:5px;}

.btn {padding: 12px 25px; font-family: 'Poppins', sans-serif ; font-weight: 500;}
.btn-default, a.btn-default { background:transparent; color:#333; border-color:#e9e9e9;
-webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s;}
.btn-default:hover { background-color:#333; color:#fff; border-color:#000}

.btn-primary, a.btn-primary { background:#03a9f4; color:#fff; border-color:#03a9f4;
-webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s;}
.btn-primary:hover { background-color:#333; color:#fff; border-color:#000}

.banner { position:relative; margin-bottom:15px;}

main { margin:10px 0;}

.socialmedia {white-space:nowrap; text-align:right; margin:10px 0;  line-height:0;}
.socialmedia li {  display:inline-block; padding-left:2px; vertical-align:middle;}
.socialmedia li img { width:32px;}

footer {background:#131211; color:#ccc; }
.footer {padding:25px 0 10px;}
.footer, .footer a {  color:#cccccc;  }
.footer a:hover { color:#fff;}

.footlist{ text-align:center }                      
.footlist li{ display: inline; list-style-type: none; padding: 0; margin:0; color:#cccccc;}
.footlist a { padding: 0px 2px; }
.footlist a:link, .footlist a:visited {color: #cccccc; text-decoration: none;}
.footlist a:hover{color: #2cafe5; text-decoration: none;}

.footlt { float:left;}
.footrt { float:right;}

.navigation { float:right; position:relative; z-index:99;}

.thumb { margin-bottom:7px;}
.thumb img { max-width:100%;}
.thumblt { float:left; width:350px; margin:2px 15px 5px 0;}
.thumbrt { float:right; width:350px; margin:2px 0 5px 15px;}
.thumblt img, .thumbrt img { max-width:100%;}

.search { display:inline-block; margin-left:10px; float:right; margin-top:7px; }

.searchpanel { margin:0; padding:0 10px 0 0; clear:right; margin:7px 0 7px;}
.searchpanel { }
.searchpanel .btn-default { background:#fff; border:1px solid #ccc;}
.searchpanel .input-group .form-control { float:right;}
.searchpanel .input-group-btn .fa { color:#1b4279;}


/*** Carousel Fade Effect ***/
.carousel-fade .carousel-inner .item { opacity: 0; transition-property: opacity;  overflow:hidden;}
.carousel-fade.zoomin .carousel-inner .item.active img { transition: transform 5000ms linear 0s; transform: scale(1.05, 1.05);}
.carousel-fade .carousel-inner .active { opacity: 1;}
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right { left: 0; opacity: 0; z-index: 1;}
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right { opacity: 1;}
.carousel-fade .carousel-control { z-index: 2;}
.carousel-control { padding-top:30%;}
/* Carousel Fade Effect */

.header  { text-align:center; margin-bottom:10px;}
.header::after { display: block; content: ""; background: #23377e;	width: 150px; height: 2px; margin:5px auto 5px; }

.midlinetxt {}
.midlinetxt { position: relative; text-align: left;}
.midlinetxt span { background: #fff; padding: 0 15px 0 0; position: relative; z-index: 1;}
.midlinetxt:before { background: #4277d3; content: ""; display: block; height: 1px; position: absolute; top: 50%; width: 100%;}
.midlinetxt:before { left: 0; }



.blockdetail .thumb {  width:350px; float:left; overflow:hidden; margin:5px 15px 5px 0;}
.blockdetail .thumb img { max-width:100%;}
.blockdetail ul.thumb li { display:none; position:relative;}
.blockdetail ul.thumb li:first-child { display:block;}

.blockdetail ul.thumb li span { padding:5px; position:absolute; z-index:999; width:100%; left:0; bottom:0; background:rgba(0,0,0,0.70); color:#fff; text-align:center; font-size:12px;}
.blockdetail .date { font-size:16px; padding-top:5px; color:#333}

.blockdetail .thumb.fullwidth {  width:100%; float:none; overflow:hidden; margin:5px auto 10px; text-align: center;}

.clr-rt { clear:right;}
.clr-lt { clear:left;}


/*Float Button Left*/
.floatbtn a{ position:fixed; z-index:999; top:100px; margin-left:-10px; text-align:right; transition: width 0.4s; -webkit-transition: width 0.4s; /* Safari */
transition-property:margin;
-moz-transition-property: margin; /* Firefox 4 */
-webkit-transition-property:margin; /* Safari and Chrome */
-o-transition-property:margin; /* Opera */
}
.floatbtn a:hover{ margin-left:0px;}

/*Float Button Right*/
.floatbtn-rt a{ position:fixed; z-index:999; top:200px; right:0; margin-right:-10px; text-align:right; transition: width 0.4s; -webkit-transition: width 0.4s; /* Safari */
transition-property:margin;
-moz-transition-property: margin; /* Firefox 4 */
-webkit-transition-property:margin; /* Safari and Chrome */
-o-transition-property:margin; /* Opera */
}
.floatbtn-rt a:hover{ margin-right:0px;}

/*Float Button Social Media*/
.floatbtn {}
.floatbtn-social a{ position:fixed; z-index:999; top:170px; margin-left:-25px; text-align:right; transition: width 0.4s; -webkit-transition: width 0.4s; /* Safari */
transition-property:margin;
-moz-transition-property: margin; /* Firefox 4 */
-webkit-transition-property:margin; /* Safari and Chrome */
-o-transition-property:margin; /* Opera */
}
.floatbtn-social a:hover{ margin-left:0px;}
.floatbtn-social.btn01 a{top:170px;}
.floatbtn-social.btn02 a{top:220px;}
.floatbtn-social.btn03 a{top:270px;}
.floatbtn-social.btn04 a{top:320px;}

.service-box { text-align: center; margin:10px; }
.service-box .thumb { }

.speech {
  background: #f9f9f9;
  padding:10px 0;
}
.speech:before {
  color: #999;
  content: open-quote;
  font-size: 4em;
  line-height: 0.1em;
  margin-right: 0.20em;
  vertical-align: -0.4em;
}
.speech:after {
  color: #999;
  content: close-quote;
  font-size: 4em;
  line-height: 0.1em;
  margin-left: 0.20em;
  vertical-align: -0.5em;
}



/* Gallery */
.gallery { margin-bottom:25px;}

.galblock { margin-bottom:25px; list-style:none; overflow:hidden; background:#fff; position:relative; text-align:center; overflow:hidden; 
/*height:170px;*/
-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
-moz-box-shadow: 0 5px 3px -3px #6e6e6e;
-webkit-box-shadow: 0 5px 3px -3px #6e6e6e;
box-shadow: 0 5px 3px -3px #6e6e6e;}

/* .galblock .video { position:absolute; top:20%; left:36%; z-index:999;}
.galblock span.video { background:url(../images/video.png) no-repeat; height:64px; width:64px; margin-top:40px;} */

.galblock img{  max-width: 100%; /*max-height:100%;*/
-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	}
.galblock img:hover{
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
	}
.galblock a:hover img {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
}
.galblock_image a .overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%;
	background-color: #000;
	background-color: rgba(0,0,0,0.6);
	-webkit-transition: all 0.6s ease-in-out;
	-moz-transition: all 0.6s ease-in-out;
	-o-transition: all 0.6s ease-in-out;
	transition: all 0.6s ease-in-out;
	opacity: 0;
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-ms-transform: scale(1.2);
	-o-transform: scale(1.2);
	transform: scale(1.2);
}
.galblock_image a .overlay h5{
	color: #FFF;
	position: absolute;
	height: 70px; overflow:hidden;
	top: 50%;
	left: 0px;
	right: 0px;
	margin-top: -25px;
	line-height: 24px;
	text-align:center;
	letter-spacing:1px;
}
.galblock_image a:hover .overlay { opacity: 1;
-webkit-transform: scale(1.0);
	-moz-transform: scale(1.0);
	-ms-transform: scale(1.0);
	-o-transform: scale(1.0);
	transform: scale(1.0);}

/*********/
.gallery { position: relative; margin-bottom: 15px; }
.gallery .galthumb::before {content:''; 
  position:absolute; z-index: 1;
  left:0; top:0;
  width:100%; height:100%;
	background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.904) 100%);}
.gallery .galthumb.inner::before {background: none; }
.gallery .galthumb { overflow: hidden; }
.gallery .galthumb img { position: relative; max-width: 100%; object-fit: cover; min-height: 100%;
	transform: scale(1.0); transition: all 0.6s ease-in-out;}
.gallery:hover .galthumb img {transform: scale(1.1); }
.gallery .galtext {position: absolute; z-index: 2; bottom: 0; left: 0; padding: 10px 15px; width: 100%;}
.gallery .galtext h4, .gallery .galtext h4 a { color: #fff; font-size: 18px; text-align: center; }
.gallery .caption { text-align: center; background: #01a8e2;padding: 7px 10px 4px; color: #fff; }

/* .gallery .video { position:absolute; top:50%; left:50%; z-index:999; transform: translate(-50%, -50%);}
.gallery span.video { background:url(../images/video.png) no-repeat; height:58px; width:58px; } */




blockquote {
  border-left: 10px solid #ccc;
  margin: 1.5em 10px;
  padding: 0.5em 10px;
}

a.more { font-size:18px; color:#800000;}
a.more:after { font-family: 'FontAwesome'; content: '\f105'; padding-left:5px; }
a.more:hover { color:#cc0000}

/*new css start*/
.umbrell { background:#1ca1aa; padding: 9px 0 9px; font-size: 15px; color: #fff;  font-family: Oswald, sans-serif; }
.umbrell a { color: #fff; }
.umbrell li a i { padding: 0 10px 0 0 }
.umbrell .list-inline li a { padding: 0 20px 0 0 }
.search { width: 300px; margin-top:0px; }
.searchpanel {margin: 0;padding: 0 10px 0 0; clear: right;}
.search .form-control { height: 30px;border-radius: 0px;  }
.search .btn { padding: 4px 12px; border-radius: 0px; border-left: 2px solid #1ca1aa }

.product_div { width: 100%; background: #eee; padding: 50px 0 50px; font-family: Oswald, sans-serif;  }
.product_box {min-height: 397; background: #fff;box-shadow: 1px 5px 15px #CCC;margin: 0 0 30px 0; overflow: hidden;
position: relative; }
.product_box h4 {text-align: center;}
.product_box .thumb img { width: 100%; overflow: hidden;}
.prize_div span { color: #999; padding:0 10px 0 0   }
.prize_div {text-align: center; font-size: 16px; color: red; }
.add_to_cart { width: auto; padding:17px 15px; background: #f9f9f9; color: green; font-size: 16px; font-weight: bold;
margin:17px 0 0 0 }
.add_to_cart i { font-size: 18px; padding:0 3px 0 0  }
.add_to_cart span { float: right; color: red }
.add_to_cart button { background: none; border: none; }
.add_to_cart button {transition: background ease-in .25s;}
.add_to_cart button:hover {background: white;color: #2B2D42;}
.add_to_cart button:hover:before { color: #2B2D42;}
.product_overlay {background: rgba(0, 0, 0, 0.5);width: 100%;height: 100%;position: absolute;
 top: 0;left:0px;right:0;-webkit-transform: translateY(-500px);transform: translateY(-500px);opacity: 0;
 display: flex;flex-flow: column wrap;justify-content: center;align-items: center;}
.product_overlay h2 {color: rgba(43, 45, 66, 0.7);font-size: 1.2em; margin: 1em 0;}
.product_overlay i {color: rgba(43, 45, 66, 0.7);font-size: 1.5em;}


.slider_div { position: relative; }
.slider_div .owl-nav { position: absolute; width:100%; top: 40%; font-size: 30px; color: #fff;}
.slider_div .owl-prev { position: absolute; left:0; display: block !important; background: red;   }
.slider_div .owl-next { position: absolute; right:0 } 
.slider_div .owl-theme .owl-nav [class*="owl-"] { background: orange; padding: 10px !important; }
.slider_div .owl-theme .owl-nav [class*="owl-"]:hover{ background: green; padding: 10px !important; }




/*latest New */
.lastenew_area { width: 100%; }
.post_block_style4{width: 100%;float: left;margin: 0;padding: 0;position: relative;min-height: 410px;}
.post_block_style4_thumb{width: 50%;box-sizing: border-box;height: 420px;overflow: hidden;position: relative;
position: absolute;left: 0;}
.posts4content {position: absolute;right: 0px;width: 50%;padding: 4%;font-weight: 400;overflow: hidden;} 
.posts4content h6 { text-transform: uppercase; font-size: 16px; font-weight: bold; }
.infopostmeta {  font-size: 13px; margin:20px 0; }
.infopostmeta span a { color:orange }
.post_block_style4 p {line-height: 26px;}
.style4read { background: #282828; padding: 10px 20px; color: #fff; font-weight: bold; margin-top: 65px;
display: inline-block; }
.style4read:hover { background: #531000; color: #fff; }
.lastenew_area h2 { text-align: center; margin:0 0 40px  0  }
.lastenew_area {padding: 35px 0 35px 0}
.second_right .post_block_style4_thumb {right: 0;left: inherit;}
.second_right .posts4content {left: 0;right: inherit;}
/*latest New */

.caption {  display: block; }
.caption-content {  position: absolute; top: 24%; z-index: 2; color: #000; left: 0; right: 0; width: 84%; margin: auto;  }
.caption .title {font-size: 70px; line-height: 60px; font-weight: 700;}
.caption .title small { font-size: 28px; margin-bottom: 10px; display: block; font-weight: 400;}
.caption .slidedesc { margin: 10px 0 20px; font-size: 16px; line-height: 24px; }
.caption .slidebtn a { background: #cfdb1f; color: #000;
    padding: 15px 35px; font-size: 16px; border-radius: 40px;
} 
.slidebtn { display: inline-block; }
.slidebtn a { display:block; }


.top-bar { position: relative; height: 58px; }
.top-bar .sticky { padding: 5px 0; background: #000;  z-index: 99;
	position: fixed; width: 100%; }


ul.toplink { list-style: none; margin: 0; }
ul.toplink li { display: inline-block; margin-right: 15px; font-size: 16px; padding:5px 0; }
ul.toplink li .fa { font-size: 18px; }
.toprt { text-align: right }
.toprt .social-icons a {
	display: inline-block;
	font-size: 16px;
	height: 32px;
	line-height: 32px;
	margin-right: 3px; margin-bottom: 5px;
	text-align: center;
	width: 32px;
    background-color:#151515;
	color: #fff;
	transition: all 0.3s ease;
}
.toprt .social-icons a:hover { background: #ff8400; }




.mid-bar { background: #fff; }

#logo { float: left; }
.nav_right { float: right; }


.aboutbg { margin: 40px 0; position: relative; }


.welcomeimg { position: relative; }
.welcomeimg::before { position: absolute; content:""; width: 25%; height: 75%; border: 15px solid #000; z-index: 1; }
.welcomeimg figure {padding: 25px; position: relative; z-index: 2}


#cssmenu > ul { margin: 0px; } 


.topbx {display: flex; justify-content: space-between; padding: 10px 0;}

.navrt { display: flex;align-items: center; float: right; position: relative; z-index: 99;}
.navrt .searchbx { font-size: 22px; padding: 12px; height: 48px; background:#fff; }

#toggle {
	position: relative;
	top: 0px;
	right: 0px;
	width: 92px;
	height: 48px;
	background: #03a9f4;
	cursor: pointer;
	display: flex;
	/* justify-content: center; */
	align-items: center;
	transition: 0.2s;
	padding-left: 10px; color: #fff;
}
#toggle::before {
	content: '';
	position: absolute;
	width: 24px;
	height: 2px;
	background: #fff;
	transform: translateY(-8px);
	transition: 0.2s;
	box-shadow: 0 8px 0 #fff;
	margin-left: 46px;
}
#toggle::after {
	content: '';
	position: absolute;
	width: 24px;
	height: 2px;
	background: #fff;
	transform: translateY(8px);
	transition: 0.2s;
	margin-left: 46px;
}

#toggle.active { background: #d01e1e; }
#toggle.active::before {
	transform: translateY(0) rotate(45deg);
	box-shadow: 0 0px 0 #fff;
}
#toggle.active::after {
	transform: translateY(0) rotate(-45deg);
}


#sidebar {
	position: fixed;
	top: 0;
	right: -300px;
	width: 250px;
	height: 100vh;
	background: #01a8ec;
	transition: 0.5s;
}
#sidebar.active {
	right: 0px;
}

#sidebar ul.menu li.heading { padding: 10px 15px; background: #000; color: #fff; text-align: center; list-style: none; font-size: 18px;}


#sidebar ul.menu { list-style-position: inherit;
	position: relative;
  margin: 0;
  padding: 0;
  height: 100vh; overflow-y: auto;
}
#sidebar ul.menu ul { list-style-position: inherit;
	position: relative; 
  margin: 0;
  padding: 0;}

#sidebar ul.menu a {
  display: block;
  text-decoration: none;
}

#sidebar ul.menu li {
  margin-top: 1px;
  font-size:  18px;
}

#sidebar ul.menu li a {
	border-bottom: 1px solid #048ac1;
  background: #01a8ec;
  color: #fff;	
  padding: 0.7em;
}

#sidebar ul.menu li a:hover {
  background: #000;
}

#sidebar ul.menu li ul li a {
  background: #2cc2ff;
  color: #000;
  padding-left: 15px;
  border-left: 5px #01a8ec solid;
}

#sidebar ul.menu li ul li a:hover {
  background: #008cc5;
  border-left: 5px #000 solid;
  padding-left: 15px;
}

/*Breaking News*/
.breakingNews{width:100%; height:34px; /* background:#FFF; */ position:relative; border:solid 2px #2096cd; overflow:hidden;}
.breakingNews>.bn-title{width:auto; height:34px; display:inline-block; background:#2096cd; position:relative;}
.breakingNews>.bn-title>h3{display:inline-block; margin:0; padding:0 15px; line-height:32px; font-size:18px; color:#FFF; height:34px; box-sizing:border-box;}
.breakingNews>.bn-title>span{width: 0;position:absolute;right:-10px;top:7px;height: 0;border-style: solid;border-width: 10px 0 10px 10px;border-color: transparent transparent transparent #2096cd;}

.breakingNews>ul{padding:0; margin:0; list-style:none; position:absolute; left:210px; top:0; right:40px; height:34px; font-size:16px;}
.breakingNews>ul>li{position:absolute; height:34px; width:100%; line-height:34px; display:none;}
.breakingNews>ul>li>a{text-decoration:none; color:#333; overflow:hidden; display:block; white-space: nowrap;text-overflow: ellipsis; font-weight:normal;}
.breakingNews>ul>li>a>span{color:#2096cd;}
.breakingNews>ul>li>a:hover{color:#2096cd;}

.breakingNews>.bn-navi{width:40px; height:40px; position:absolute; right:0; top:0; opacity:0;}
.breakingNews>.bn-navi>span{width:20px; height:40px; position:absolute; top:0; cursor:pointer; opacity:0.3; background-image:url(../img/bn-arrows.png); background-repeat:no-repeat;}
.breakingNews>.bn-navi>span:hover{opacity:1;}
.breakingNews>.bn-navi>span:first-child{background-position:left center; left:0;}
.breakingNews>.bn-navi>span:last-child{background-position:right center; right:0;}
.breakingNews:hover .bn-navi{opacity:1;}

/*color styles -----------------------------*/
.bn-blue{border-color:#01a8ec;}
.bn-blue>.bn-title{background:#01a8ec;}
.bn-blue>.bn-title>span{border-left-color:#01a8ec;}
.bn-blue>ul>li>a:hover,.bn-blue>ul>li>a>span{color:#01a8ec;}

.bn-darkred{border-color:#d01e1e;}
.bn-darkred>.bn-title{background:#d01e1e;}
.bn-darkred>.bn-title>span{border-left-color:#d01e1e;}
.bn-darkred>ul>li>a:hover,.bn-darkred>ul>li>a>span{color:#01a8ec;}

.bn-bordernone{border:none;}
.bn-italic>ul>li>a{font-style:italic;}
.bn-bold>ul>li>a{font-weight:bold;}


.botbar {background: #e8e8e8; padding: 5px 0;}
.botbar2 {background: #f4f2f2; padding: 5px 0;}
.botbar3 {background: #f0efef; padding: 5px 0;}

.countdown{display: flex; justify-content: center; align-items: center;
width: 100%;}
.count {
  background: url(../images/countdown-days.png) no-repeat;
  width: 140px;
  height: 58px;
  position: relative;
  font-size: 42px;
  color: #333;
  font-family: Arial,Helvetica,sans-serif;
  padding: 15px 0 0 12px;
  letter-spacing: 5px;
  line-height: 28px;}
.count .dline{position:absolute;top:12px;left:0}
.countTxt { font-size: 18px; }
.countTxt a {color: #333; }

.topadd { max-width: 530px; }
.topadd2 {padding: 5px 0;}
.rtadd1{ margin-bottom: 15px; }
.rtadd2{ margin-bottom: 15px; }
.rtbotadd { margin-bottom: 15px;}
.botadd {padding: 5px 0 15px;}

.hero { position: relative; margin-bottom: 15px; }
.hero.sub { margin-bottom: 20px; }
.hero .herothumb::before {content:''; 
  position:absolute; z-index: 1;
  left:0; top:0;
  width:100%; height:100%;
	background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.904) 100%);}
.hero .herothumb { overflow: hidden; }
.hero .herothumb img { position: relative; left: 50%; transform: translateX(-50%); max-width: 100%; height: 100%; }
.hero .herotext {position: absolute; z-index: 2; bottom: 0; left: 0; padding: 25px 25px;}
.hero.sub .herotext {padding: 20px 20px;}

.hero .herotext .cat {
	background: #01a8ec;
padding: 4px 15px;
color: #ffffff;
font-size: 12px;
text-transform: uppercase;
font-weight: 600;
border-radius: 2px; display: inline-block;
}
.hero .herotext h4 a { color: #fff; font-size: 18px; line-height: 24px; }
.hero.sub .herotext h4 a, .hero.sub .herotext h4 {color: #fff; font-size: 16px; font-weight: 400; line-height: 22px;}

.hero.cnews .herothumb {height: 328px;}
.hero.cnews .herothumb img {max-width: none;}

.hero.vnews .herothumb {height: 416px;}
.hero.vnews .herothumb img {max-width: none;}


.hflex {display: flex; flex-wrap: nowrap; }
.hflex .col-md-3 h4 { font-size: 16px; }

.current_date { float: left; color: #fff; margin-top: 12px; }

.title h2 {
    font-size: 24px;
    text-transform: uppercase;
    position: relative;
    padding-left: 10px;}
.title h2::before {
    background: #01a8ec;
    height: 100%;
    width: 4px;
    content: "";
    position: absolute;
    top: 0;
    left: 0;}

 .footer .title h2 {
    font-size: 20px; color:#fff;
    text-transform: uppercase;
    position: relative;
    padding-left: 10px;}
 .footer .title h2::before {
    background: #01a8ec;
    height: 100%;
    width: 4px;
    content: "";
    position: absolute;
    top: 0;
    left: 0;}

.flex {display: flex;}
.newsbox { margin-bottom: 10px; }
.newsbox::after {clear: both; display: table; content: "";}
.newsbox .thumb {margin-bottom: 0;}
.newsbox .thumb a { width: 70px; height: 70px; display: flex; float: left; margin-right: 15px; }
.newsbox .thumb img {object-fit: cover; width: 100%; object-position: center top;}

.newsbox .text {  }
.newsbox .text .cat {text-transform: uppercase;}
.newsbox .text h4 {font-size: 16px; line-height: 22px; margin-top: 0;}
.newsbox .text h4 a { color: #000; }
.newsbox .text h4 a:hover { color: #01a8ec;}

.newsbox2 { margin-bottom: 15px; }
.newsbox2 .thumb {}
.newsbox2 .text h4 {font-size: 16px; line-height: 22px; margin-top: 0;}
.newsbox2 .text h4 a { color: #000; }
.newsbox2 .text h4 a:hover { color: #01a8ec;}
.newsbox2 .cat {
	background: #01a8ec;
padding: 4px 15px;
color: #ffffff;
font-size: 12px;
text-transform: uppercase;
font-weight: 600;
border-radius: 2px; display: inline-block;
}

.newsbox3 { margin-bottom: 10px; }
.newsbox3::after {clear: both; display: table; content: "";}
.newsbox3 .thumb {margin-bottom: 0;}
.newsbox3 .thumb a { width: 74px; height: 74px; display: flex; float: left; margin-right: 15px; }
.newsbox3 .thumb img {object-fit: cover; width: 100%; object-position: center top;}
.newsbox3 .text h4 {margin-bottom: 0;}
.newsbox3 .text h4 a { color: #000; }
.newsbox3 .text h4 a:hover { color: #01a8ec;}

.jobbox { margin-bottom: 15px; border-bottom: 1px dashed #ccc; }
.jobbox .text h4 {font-size: 16px; line-height: 22px; margin-top: 0;}
.jobbox .text h4 a { color: #000; }
.jobbox .text h4 a:hover { color: #01a8ec;}

.owl-carousel .owl-item img { width: auto; max-width: 100%;}

.mb15 {margin-bottom: 15px;}
.mt15 {margin-top: 15px;}
.mb25 {margin-bottom: 25px;}
.mt25 {margin-top: 25px;}

.slider_div { position: relative; }
.slider_div .owl-nav { position: absolute; width:100%; top: 40%; font-size: 30px; color: #fff;}
.slider_div .owl-prev { position: absolute; left:0; display: block !important; background: red;   }
.slider_div .owl-next { position: absolute; right:0 } 
.slider_div .owl-theme .owl-nav [class*="owl-"] { background:rgba(3, 167, 238, 0.2); padding: 2px 10px !important; transition: all 0.3s ease-in-out; }
.slider_div .owl-theme .owl-nav [class*="owl-"]:hover{ background: rgba(3, 167, 238, 0.7); padding: 2px 10px !important; }


.polling .panel-primary > .panel-heading {  background-color: #03a7ee; border-color: #03a7ee;}
.polling .panel-primary {border-color: #03a7ee;}
.polling ul.list-group { margin-left: 0; }
.polling .panel-body { padding:0px }
.polling .panel-body .radio,.panel-body .checkbox {margin-top: 0px;margin-bottom: 0px;}
.polling .panel-body .list-group {margin-bottom: 0;}
.polling .margin-bottom-none { margin-bottom: 0; }
.polling .panel-body .radio label,.panel-body .checkbox label { display:block; }


#srch-term.form-control { padding: 22px 15px; }
.bluetxt { color: #03a7ee; }


.rowfooter { text-align: center; }
.rowfooter.lt { text-align: left; }
.rowfooter .footerlogo {  margin: 10px auto; padding: 15px 25px; }

.rowfooter .social-icons a {
	display: inline-block;
	font-size: 18px;
	height: 42px;
	line-height: 42px;
	margin-bottom: 10px;
	margin-right: 3px;
	text-align: center;
	width: 42px;
    background-color:#353535;
	color: #fff;
	transition: all 0.3s ease;
}
.rowfooter .social-icons a:hover { background: #03a7ee; }

.column2 {-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
-webkit-column-gap: 15px;
-moz-column-gap: 15px;
column-gap: 15px;
margin-bottom: 15px;}

.copywrite {border-top: 1px solid #333; padding-top: 15px;}

/*Page Loading*/
.no-js #loader { display: none;  }
.js #loader { display: block; position: absolute; left: 100px; top: 0; }
.se-pre-con {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background: url(../images/loading.gif) center no-repeat #fff;
}
.se-pre-con img {
    position: absolute;
    top: 20%;
    left: 0;
    right: 0;}


/*collapse search*/
[data-toggle="collapse"]::before {
display: inline-block;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  content: "\f054";
  transform: rotate(90deg) ;
  transition: all linear 0.25s;
  float: right; margin-top:4px; margin-right:10px;
  }   
[data-toggle="collapse"].collapsed::before {
  transform: rotate(0deg) ;
}

.npanel {box-shadow: 0 3px 4px #333;}
.panel-primary { border-color: #03a9f4; }
.npanel .panel-heading { background: #03a9f4; border-radius: 0; }
.npanel .panel-body {background: #dbf4ff;}
.npanel .panel {border-radius: 0;}
.npanel .panel-heading h4, .npanel .panel-heading h4 a{ color: #fff; }
.npanel .panel-heading h4 a:hover { color: #fff; }

.fpanel {}
.fapnel .panel {box-shadow: 0 3px 4px #333;}
.fpanel .panel-heading { background: #03a9f4; border-radius: 0; }
.fpanel .panel-body {background: #dbf4ff;}
.fpanel .panel {border-radius: 0;}
.fpanel .panel-heading h4, .npanel .panel-heading h4 a{ color: #fff; }
.fpanel .panel-heading h4 a:hover { color: #fff; }


.bline p { border-bottom: 1px solid #ccc; padding-bottom: 5px; }

.facebooklike { display: inline-block; vertical-align: middle; height: 30px; overflow: hidden; }
.weather { display: inline-block; vertical-align: middle; }

.staff {display: flex; flex-flow: row wrap; /* justify-content: center; */ }
.staff .staffbox { width: 200px; padding: 10px; margin:10px 5px; box-shadow: 0 1px 4px #ccc;}
.staff .staffbox .thumb { width: 180px; height: 216px; overflow: hidden; }
.staff .staffbox .thumb img {object-fit: cover; min-height: 100%}
.staff .staffbox h4 {font-size: 18px; margin-bottom: 5px;}
.staff .staffbox p {margin-bottom: 0;}
.staff .staffbox .sub {color: #999;}
.staff .staffbox .email {color: #00a9ee;}

.ulinks { border-bottom: 1px solid #ccc; margin-bottom: 10px; }
.ulinks .thumb {  float: left; background: #00a9ee; padding: 10px 10px; margin:0 15px 0 0;  width: 52px; height: 52px; 
transition: all 0.3s ease-in-out;}
.ulinks:hover .thumb { background: #000; }
.ulinks .thumb img { filter: invert(1);}
.ulinks .text {}
.ulinks .text h4 {font-size: 16px; line-height: 22px; margin-bottom: 5px;}


img.conthumb { width:18px; margin-right:5px; }
.contactbox {display: flex; flex-flow: row wrap;}
.contactbox .cbox {border:0px solid #dfdfdf; padding: 10px; margin: 10px 5px; width: 200px; box-shadow: 0 1px 4px #ccc}

.gcaptcha {
    margin-bottom: 10px;
    text-align: left;
    display: inline-block;
}

.feedback .form-control {background: none; border-radius: 0; border: none; box-shadow: none; border-bottom: 2px solid #000;}
.cformbox { border:4px solid #01a8ec ; padding: 15px; box-shadow: 0 3px 4px #999; }

.pad15 {padding: 15px;}

.imagebox { display: flex; flex-flow: row wrap; }
.imagebox .imgbox { background: #dfdfdf; padding: 10px; width: 294px; margin: 5px; }
.imagebox .imgbox .thumb {background: #000; border: 2px solid;}
.imagebox .imgbox .thumb img {max-height: 250px; margin: auto;}
.imagebox .content {}

.errorpage { text-align: center; margin: 50px auto; }
.errorpage h2 { font-size: 52px; color: #000; font-weight: 700;  }
.errorpage h2 span { color: #333; }
.errorpage h4 {}
.errorpage .bigthumb { color: #000; font-size: 52px; line-height: 72px; }

.form-control {height: 46px;}

/* .table-striped > tbody > tr > th {background: #d1f0fd;} */
.table-striped > tbody > tr:nth-of-type(2n+1) {
    background-color: #ebf6fb;
}
.table-hover > tbody > tr:hover {
    background-color: #e5f7ff;
}

.editorbox {background: #dfdfdf; padding:10px 15px; margin-bottom: 15px; margin-top: 0px;}
.editorbox h4 a { color: #000; }
.editorbox h4 a:hover { color: #01a8ec;}

/*Search Result*/
.heading { font-weight: 500; color: #000; font-size: 18px; }
.searchtxt {
    font-size: 20px;
    line-height: 24px;
    color: #fff;
    background: #03a9f4;
    padding: 4px 10px 5px 10px; border-radius: 2px; display: inline-block;
    margin: 10px 0 7px;}
ul.news {margin-left: 0;}
ul.news li {
	list-style: none;
    border-bottom: 1px dashed #ccc;
    margin-bottom: 5px;
    padding-bottom: 5px;}
ul.news li p {
    line-height: 16px;
}
.more a {
    font-size: 14px;
}
.more a, a:hover {
    color: #03a9f4;
}

.flex {display: flex;}
.pdfbox { flex-flow: row wrap; justify-content: center;  }
.pdfbox .dpdf {    margin: 5px 5px 15px; width: 216px; text-align: center;
box-shadow: 0 1px 4px 1px rgba(0, 0, 0, 0.1);  }
.pdfbox .dpdf a p { color: #333; }
/* .pdfbox .dpdf:hover {box-shadow: 1px 1px 6px 0px rgba(0,0,0,0.27);} */
.pdfbox .dpdf img {max-width: 100%; padding: 10px 25px; margin: auto; width: 120px;}
.pdfbox .dpdf:first-child { width: 100%; margin: 15px 10px; wrap-after: flex;
font-size: 18px; }
.pdfbox .dpdf:first-child img { width: 150px;}



.product-slider {  }
.product-slider #carousel { margin: 0; }
.product-slider #thumbcarousel { margin: 10px 0 15px; padding: 0; }
.product-slider #thumbcarousel .item { text-align: center; }

.product-slider #thumbcarousel .item .thumb { border: 2px solid #cecece; width: 20%; margin: 0 2%; display: inline-block; vertical-align: middle; cursor: pointer; max-width: 98px; height: 60px; overflow: hidden;}

.product-slider #thumbcarousel .item .thumb:hover { border-color: #03a9f4; }
.product-slider .item img { width: 100%; height: 100%; object-fit:cover;  }
.product-slider .item {height: 350px; overflow: hidden;}



/* Responsive Media Query */


/* Large desktops and laptops */
@media (min-width: 1200px) {
	.wrapper { background:#F50B0B /*red*/}
	.newsbox2 .thumb {height: 175px; overflow: hidden;}
	.hero.sub .herothumb {height: 175px; overflow: hidden;}
	.gallery .galthumb { overflow: hidden; height: 190px;}
	.contactbox .cbox {width: calc(100%/4 - 10px);}

	.imagebox .imgbox { width: calc(100%/3 - 10px);}
	#weatherInformer24 {width: 884px !important;}

	.topbx {display: block; justify-content: space-between; padding: 10px 0;}
    .topbx::after {clear: both; display: table; content: ""}
    .topbx #logo { float: left; width: 49%; }
    .topbx .topadd {float: right; width: 49%;}

	.hero .herothumb { overflow: hidden; height: 370px; }
	  .hero .herothumb img { width: 100%; }

	

}

@media (min-width:1400px){
	.container {width:1260px}
	.newsbox2 .thumb {height: 190px; overflow: hidden;}
	.hero.sub .herothumb {height: 190px; overflow: hidden;}
	#weatherInformer24 {width: 974px !important;}
	
	.hero .herothumb { overflow: hidden; height: 400px; }
	  .hero .herothumb img { width: 100%; }
	
}

/* Portrait tablets and medium desktops */
@media (min-width: 992px) and (max-width: 1199px) {
	.wrapper { background:#0B6EF5 /*blue*/}
	.style4read { margin-top: 0px; }
	.post_block_style4_thumb { height:auto; }
	.post_block_style4 { min-height:339px; }
	.newsbox2 .thumb {height: 142px; overflow: hidden;}
	.hero.sub .herothumb {height: 142px; overflow: hidden;}

	.staff .staffbox { width: 164px; padding: 10px; margin-bottom: 15px; }
	.staff .staffbox .thumb { width: 144px; height: 174px; overflow: hidden; }
	.gallery .galthumb { overflow: hidden; height: 146px;}
	.contactbox .cbox {width: calc(100%/3 - 10px);}
	.imagebox .imgbox { width: calc(100%/3 - 10px);}
	#weatherInformer24 {width: 676px !important;}
	
	.topbx {display: block; justify-content: space-between; padding: 10px 0;}
    .topbx::after {clear: both; display: table; content: ""}
    .topbx #logo { float: left; width: 49%; }
    .topbx .topadd {float: right; width: 49%;}
	
	.hero .herothumb { overflow: hidden; height: 304px; }
	  .hero .herothumb img { width: 100%; }
	
}

/* Portrait tablets and small desktops */
@media (min-width: 768px) and (max-width: 991px) {
	.wrapper { background:#32F50B /*green*/}
	.posts4content p { height: 80px;overflow-x: hidden;}
	.style4read { margin-top: 0px; }
	.post_block_style4_thumb { height:auto; }
	.post_block_style4 { min-height:259px; }

	.hflex { display: block; }
	.hero .herothumb img {max-width: 100%;}
	.current_date { margin-left: 70px; }

	.topadd { max-width: 50%; }
	.newsbox2 .thumb {height: 230px; overflow: hidden;}
	.hero.sub .herothumb {height: 230px; overflow: hidden;}
	.gallery .galthumb { overflow: hidden; height: 226px;}
	.contactbox .cbox {width: calc(100%/3 - 10px);}

	.imagebox .imgbox { width: calc(100%/3 - 10px);}
	#weatherInformer24 {width: 464px !important;}

	.topbx {display: block; justify-content: space-between; padding: 10px 0;}
    .topbx::after {clear: both; display: table; content: ""}
    .topbx #logo { float: left; width: 49%; }
    .topbx .topadd {float: right; width: 49%;}
	
	
}

/* Landscape phones and portrait tablets */
@media (max-width: 767px) {
	.wrapper { background:#F5800C /*orange*/}
	.footlt, .footrt { float:none; text-align:center;}
	.thumblt { float:left; width:300px; margin:2px 15px 5px 0;}
	.thumbrt { float:right; width:300px; margin:2px 0 5px 15px;}
	.blockdetail .thumb {  width:100%; float:none; overflow:hidden; margin:5px 0 10px 0;}
	.post_block_style4_thumb {height: inherit !important;position: relative !important;width: 100% !important;}
    .posts4content { position: relative; width: 100%; }
	
	ul.toplink { text-align: center; margin-bottom: 10px; }
	.toprt { text-align: center; }

	#logo { float: none; text-align: center; }
	.nav_right { float: none; }
	#cssmenu > ul { margin-top: 0px; } 

	.topbx {display: flex; flex-direction: column;}
	.hflex { display: block; }
	.hero .herothumb img {max-width: 100%;}
	.hero .herotext h4 a {font-size: 16px;}
	.hflex h4 { font-size: 16px; }
	.current_date { margin-left: 70px; font-size: 12px; }

	.hero.cnews .herothumb {height: auto;}
	.hero.cnews .herothumb img {max-width: 100%;}

	/*.hero.sub {display: none;}*/

	.topadd { max-width: none;  }

	.staff { justify-content: center;}
	.contactbox .cbox {width: 47%;}
	.imagebox .imgbox { width: calc(100%/2 - 10px);}
	#weatherInformer24 {width: 330px !important;}

	.countdown{ display: flex; flex-direction: column;}


}

@media (min-width: 480px) and (max-width: 767px) {
	.wrapper { background:#F54D0B /*dark orange*/}
	.post_block_style4_thumb { height: inherit !important;position: relative !important;width: 100% !important;}
  .posts4content { position: relative; width: 100%; }

  .gallery .galthumb { overflow: hidden; height: 200px;}
}

/* Landscape phones and smaller */
@media (max-width: 480px) {
	.wrapper { background:#F5E50B /*yellow*/}
	.col-xs-6 { width:100%; float:none;}
	.thumblt, .thumbrt { float:none; width:100%; margin:2px 0 7px 0;}
	.frt, .flt {float : none; text-align:center;}
	.post_block_style4_thumb {height: inherit !important;position: relative !important;width: 100% !important;}
    .posts4content { position: relative; width: 100%; }

    .current_date { display: none; }

    .column2 {-webkit-column-count: 1;
		-moz-column-count: 1;
		column-count: 1;
		-webkit-column-gap: 0px;
		-moz-column-gap: 0px;
		column-gap: 0px;
		margin-bottom: 0px;}

	.staff .staffbox { width: 100%; text-align: center;}
	.staff .staffbox .thumb { margin: auto; }

	.footer .title h2 {text-align: center;}

	.footer ul.listing {text-align: center; list-style: none;}
	.footer ul.listing li { padding-left: 0 }
	.footer ul.listing li::before {display: none;}

	.contactbox .cbox {width: 100%;}
	.imagebox .imgbox { width: 100%;}

	.rowfooter.lt { text-align: center; }

	.pdfbox .dpdf { margin: 5px 5px 15px; width: 100%;}
	
}



/********** Color Style *************/
:root {
    --DailyBlue:#03a9f4;
    --LightRed:#fab6b5;
    --DarkGrey:#3f3f3f;
    --LightGrey:#e4e4e4;
    --Pink:#ffc1de;
    --Purple:#d662e1;
    --LightGreen:#bbf9a3;
}

 #cssmenu ul ul li.has-sub > a::before {top:20px}
 #cssmenu ul ul li.has-sub > a::after {top:23px}
 #cssmenu ul ul > li.has-sub:hover > a::before{top:21px;height:0}
.top-bar .sticky {background: #000;}

/* Navigation */

.top-bar.btb .sticky {background: var(--DailyBlue);}
	.top-bar.btb #cssmenu > ul > li:hover > a, .top-bar.btb #cssmenu > ul > li.active > a:hover {color: #fff;}

.top-bar.red .sticky {background: var(--LightRed);}
	.top-bar.red #cssmenu > ul > li > a { color: #333; }
	.top-bar.red #cssmenu > ul > li.has-sub > a::before, .top-bar.red #cssmenu > ul > li.has-sub > a::after,
	.top-bar.red #cssmenu ul ul li.has-sub > a::before, .top-bar.red #cssmenu ul ul li.has-sub > a::after { background: #333;}
	.top-bar.red #cssmenu ul ul li {background: var(--LightRed);}
	.top-bar.red #cssmenu ul ul li a { color: #333; }
	.top-bar.red #cssmenu > ul > li:hover > a, .top-bar.red #cssmenu > ul > li.active > a:hover {color: #ff6664;}
	.top-bar.red #cssmenu ul ul li:hover > a, .top-bar.red #cssmenu ul ul li a:hover { background: #ff6764; color: #fff; }
	.top-bar.red .current_date {color: #333;}

.top-bar.dgy .sticky {background: var(--DarkGrey);}
	.top-bar.dgy #cssmenu ul ul li {background: var(--DarkGrey);}
	.top-bar.dgy #cssmenu > ul > li:hover > a, .top-bar.red #cssmenu > ul > li.active > a:hover {color: #fff;}
	.top-bar.dgy #cssmenu ul ul li:hover > a, .top-bar.dgy #cssmenu ul ul li a:hover { background: #323138; color: #fff; }

.top-bar.lgy .sticky {background: var(--LightGrey);}
	.top-bar.lgy #cssmenu ul ul li {background: var(--LightGrey);}
	.top-bar.lgy #cssmenu > ul > li > a { color: #333; }
	.top-bar.lgy #cssmenu > ul > li:hover > a, .top-bar.red #cssmenu > ul > li.active > a:hover {color: #333;}
	.top-bar.lgy #cssmenu ul ul li:hover > a, .top-bar.lgy #cssmenu ul ul li a:hover { background: #c0bebe; color: #fff; }
	.top-bar.lgy #cssmenu ul ul li a { color: #333; }
	.top-bar.lgy .current_date {color: #333;}


.top-bar.pnk .sticky {background: var(--Pink);}
	.top-bar.pnk #cssmenu > ul > li > a { color: #333; }
	.top-bar.pnk #cssmenu > ul > li.has-sub > a::before, .top-bar.pnk #cssmenu > ul > li.has-sub > a::after,
	.top-bar.pnk #cssmenu ul ul li.has-sub > a::before, .top-bar.pnk #cssmenu ul ul li.has-sub > a::after { background: #333;}
	.top-bar.pnk #cssmenu ul ul li {background: var(--Pink);}
	.top-bar.pnk #cssmenu ul ul li a { color: #333; }
	.top-bar.pnk #cssmenu > ul > li:hover > a, .top-bar.pnk #cssmenu > ul > li.active > a:hover {color: #ed4288;}
	.top-bar.pnk #cssmenu ul ul li:hover > a, .top-bar.pnk #cssmenu ul ul li a:hover { background: var(--Pink); color: #ed4288; }
	.top-bar.pnk .current_date {color: #333;}

.top-bar.prl .sticky {background: var(--Purple);}
	.top-bar.prl #cssmenu > ul > li > a { color: #fff; }
	.top-bar.prl #cssmenu > ul > li.has-sub > a::before, .top-bar.prl #cssmenu > ul > li.has-sub > a::after,
	.top-bar.prl #cssmenu ul ul li.has-sub > a::before, .top-bar.prl #cssmenu ul ul li.has-sub > a::after { background: #fff;}
	.top-bar.prl #cssmenu ul ul li {background: var(--Purple);}
	.top-bar.prl #cssmenu ul ul li a { color: #fff; }
	.top-bar.prl #cssmenu > ul > li:hover > a, .top-bar.prl #cssmenu > ul > li.active > a:hover {color: #fff;}
	.top-bar.prl #cssmenu ul ul li:hover > a, .top-bar.prl #cssmenu ul ul li a:hover { background: #d045dc; color: #fff; }

.top-bar.grn .sticky {background: var(--LightGreen);}
	.top-bar.grn #cssmenu > ul > li > a { color: #333; }
	.top-bar.grn #cssmenu > ul > li.has-sub > a::before, .top-bar.grn #cssmenu > ul > li.has-sub > a::after,
	.top-bar.grn #cssmenu ul ul li.has-sub > a::before, .top-bar.grn #cssmenu ul ul li.has-sub > a::after { background: #237810;}
	.top-bar.grn #cssmenu ul ul li {background: var(--LightGreen);}
	.top-bar.grn #cssmenu ul ul li a { color: #237810; }
	.top-bar.grn #cssmenu > ul > li:hover > a, .top-bar.grn #cssmenu > ul > li.active > a:hover {color: #237810;}
	.top-bar.grn #cssmenu ul ul li:hover > a, .top-bar.grn #cssmenu ul ul li a:hover { background: #aef192; color: #333; }
	.top-bar.grn .current_date {color: #333;}

/* Category */

.navrt.btb {}

.navrt.red #toggle {background: var(--LightRed); color: #333;}
	.navrt.red #toggle::before { background: #333; box-shadow: 0 8px 0 #333;}
	.navrt.red #toggle::after {	background: #333;}
	.navrt.red #toggle.active { background: #d01e1e; color: #fff; }
	.navrt.red #toggle.active::before {	box-shadow: 0 0px 0 #fff;		background: #fff;	}
	.navrt.red #toggle.active::after { background: #fff;}
	.navrt.red #toggle.active { background: #f05a52; }
	.navrt.red #sidebar {background: var(--LightRed);}
	.navrt.red #sidebar ul.menu li a {background: var(--LightRed); border-bottom: 1px solid #ff655d; color: #333;}
	.navrt.red #sidebar ul.menu li a:hover { background: #ff655d; color: #fff; }
	.navrt.red #sidebar ul.menu li.heading {background: #ff655d ;}
	.navrt.red #sidebar ul.menu li ul li a {border-left-color: #ff655d;}
	.navrt.red #sidebar ul.menu li ul li a:hover {border-left-color: #1c1b20;}


.navrt.dgy #toggle {background: var(--DarkGrey); color: #fff;}
	.navrt.dgy #toggle::before { background: #fff; box-shadow: 0 8px 0 #fff;}
	.navrt.dgy #toggle::after {	background: #fff;}
	.navrt.dgy #toggle.active { background: #fff; color: #fff; }
	.navrt.dgy #toggle.active::before {	box-shadow: 0 0px 0 #fff;		background: #fff;	}
	.navrt.dgy #toggle.active::after { background: #fff;}
	.navrt.dgy #toggle.active { background: #29282b; }
	.navrt.dgy #sidebar {background: var(--DarkGrey);}
	.navrt.dgy #sidebar ul.menu li a {background: var(--DarkGrey); border-bottom: 1px solid #323138; color: #fff;}
	.navrt.dgy #sidebar ul.menu li a:hover { background: #323138; color: #fff; }
	.navrt.dgy #sidebar ul.menu li.heading {background: #323138 ;}
	.navrt.dgy #sidebar ul.menu li ul li a {border-left-color: #323138;}
	.navrt.dgy #sidebar ul.menu li ul li a:hover {border-left-color: #1c1b20;}

.navrt.lgy #toggle {background: var(--LightGrey); color: #333;}
	.navrt.lgy #toggle::before { background: #333; box-shadow: 0 8px 0 #333;}
	.navrt.lgy #toggle::after {	background: #333;}
	.navrt.lgy #toggle.active { background: #fff; color: #fff; }
	.navrt.lgy #toggle.active::before {	box-shadow: 0 0px 0 #fff;		background: #fff;	}
	.navrt.lgy #toggle.active::after { background: #fff;}
	.navrt.lgy #toggle.active { background: #29282b; }
	.navrt.lgy #sidebar {background: var(--LightGrey);}
	.navrt.lgy #sidebar ul.menu li a {background: var(--LightGrey); border-bottom: 1px solid #323138; color: #333;}
	.navrt.lgy #sidebar ul.menu li a:hover { background: #c0bebe; color: #fff; }
	.navrt.lgy #sidebar ul.menu li.heading {background: #323138 ;}
	.navrt.lgy #sidebar ul.menu li ul li a {border-left-color: #323138;}
	.navrt.lgy #sidebar ul.menu li ul li a:hover {border-left-color: #1c1b20;}

.navrt.pnk #toggle {background: var(--Pink); color: #333;}
	.navrt.pnk #toggle::before { background: #333; box-shadow: 0 8px 0 #333;}
	.navrt.pnk #toggle::after {	background: #333;}
	.navrt.pnk #toggle.active { background: #fff; color: #fff; }
	.navrt.pnk #toggle.active::before {	box-shadow: 0 0px 0 #fff;		background: #fff;	}
	.navrt.pnk #toggle.active::after { background: #fff;}
	.navrt.pnk #toggle.active { background: #29282b; }
	.navrt.pnk #sidebar {background: var(--Pink);}
	.navrt.pnk #sidebar ul.menu li a {background: var(--Pink); border-bottom: 1px solid #323138; color: #333;}
	.navrt.pnk #sidebar ul.menu li a:hover { background: var(--Pink); color: #ed4288; }
	.navrt.pnk #sidebar ul.menu li.heading {background: #ed4288 ;}
	.navrt.pnk #sidebar ul.menu li ul li a {border-left-color: #ed4288;}
	.navrt.pnk #sidebar ul.menu li ul li a:hover {border-left-color: #1c1b20;}

.navrt.prl #toggle {background: var(--Purple); color: #333;}
	.navrt.prl #toggle::before { background: #333; box-shadow: 0 8px 0 #333;}
	.navrt.prl #toggle::after {	background: #333;}
	.navrt.prl #toggle.active { background: #fff; color: #fff; }
	.navrt.prl #toggle.active::before {	box-shadow: 0 0px 0 #fff;		background: #fff;	}
	.navrt.prl #toggle.active::after { background: #fff;}
	.navrt.prl #toggle.active { background: #29282b; }
	.navrt.prl #sidebar {background: var(--Purple);}
	.navrt.prl #sidebar ul.menu li a {background: var(--Purple); border-bottom: 1px solid #323138; color: #fff;}
	.navrt.prl #sidebar ul.menu li a:hover { background: #d045dc; color: #fff; }
	.navrt.prl #sidebar ul.menu li.heading {background: #323138 ;}
	.navrt.prl #sidebar ul.menu li ul li a {border-left-color: #aa31b5;}
	.navrt.prl #sidebar ul.menu li ul li a:hover {border-left-color: #1c1b20;}

.navrt.grn #toggle {background: var(--LightGreen); color: #333;}
	.navrt.grn #toggle::before { background: #333; box-shadow: 0 8px 0 #333;}
	.navrt.grn #toggle::after {	background: #333;}
	.navrt.grn #toggle.active { background: #fff; color: #fff; }
	.navrt.grn #toggle.active::before {	box-shadow: 0 0px 0 #fff;		background: #fff;	}
	.navrt.grn #toggle.active::after { background: #fff;}
	.navrt.grn #toggle.active { background: #29282b; }
	.navrt.grn #sidebar {background: var(--LightGreen);}
	.navrt.grn #sidebar ul.menu li a {background: var(--LightGreen); border-bottom: 1px solid #323138; color: #333;}
	.navrt.grn #sidebar ul.menu li a:hover { background: #aef192; color: #237810; }
	.navrt.grn #sidebar ul.menu li.heading {background: #237810 ;}
	.navrt.grn #sidebar ul.menu li ul li a {border-left-color: #237810;}
	.navrt.grn #sidebar ul.menu li ul li a:hover {border-left-color: #237810;}


/* Website Button */
	.main.btb	.hero .herotext .cat { background: #01a8ec; }

	.main.red	.hero .herotext .cat { background: #ff6664; }
		.main.red .title h2::before { background: #ff6664;}
		.main.red .btn-primary, .main.red a.btn-primary {background: #ff6664; color: #fff;  border-color: #ff6664;}
		.main.red .btn-primary:hover, .main.red a.btn-primary:hover {background: #333; color: #fff;  border-color: #000;}
		.main.red .bluetxt { color: #ff6664;}
		.main.red .newsbox .text h4 a:hover, .main.red .jobbox .text h4 a:hover, .main.red  .newsbox2 .text h4 a:hover {color: #ff6664;}
		.main.red .searchtxt { background: #ff6664; }
		.main.red .panel-heading  { background: #ff6664; border-color: #ff6664;}
		.main.red .panel-primary  { border-color: #ff6464;}
		.main.red .panel-body { background: var(--LightRed); }

		.main.red .page-link { background: #ff6464; color: #fff;}
		.main.red .page-link:hover { background: #ff6664; color: #000;}
		.main.red .limit a:hover { color: #ff6464}
		

	.main.dgy	.hero .herotext .cat { background: var(--DarkGrey); }
		.main.dgy .title h2::before { background: var(--DarkGrey); }
		.main.dgy .btn-primary, .main.dgy a.btn-primary {background: var(--DarkGrey); color: #fff;  border-color: #323138;}
		.main.dgy .btn-primary:hover, .main.dgy a.btn-primary:hover {background: #333; color: #fff;  border-color: #000;}
		.main.dgy .bluetxt { color: #323138;}
		.main.dgy .newsbox .text h4 a:hover, .main.dgy .jobbox .text h4 a:hover, .main.dgy  .newsbox2 .text h4 a:hover {color: #323138;}
		.main.dgy .searchtxt { background: var(--DarkGrey); }
		.main.dgy .panel-heading  { background: var(--DarkGrey); border-color: var(--DarkGrey);}
		.main.dgy .panel-primary  { border-color: var(--DarkGrey);}
		.main.dgy .panel-body { background: var(--LightGrey); }

		.main.dgy .page-link { background: var(--LightGrey); color: #000;}
		.main.dgy .page-link:hover { background: var(--DarkGrey); color: #fff;}
		.main.dgy .limit a:hover { color: var(--DarkGrey)}

	.main.lgy	.hero .herotext .cat { background: var(--LightGrey); color: #333; }
		.main.lgy .title h2::before { background: var(--LightGrey); }
		.main.lgy .btn-primary, .main.lgy a.btn-primary {background: var(--LightGrey); color: #333;  border-color: #666;}
		.main.lgy .btn-primary:hover, .main.lgy a.btn-primary:hover {background: #333; color: #fff;  border-color: #000;}
		.main.lgy .bluetxt { color: #323138;}
		.main.lgy .newsbox .text h4 a:hover, .main.lgy .jobbox .text h4 a:hover, .main.lgy  .newsbox2 .text h4 a:hover {color: #323138;}
		.main.lgy .searchtxt { background: var(--LightGrey); }
		.main.lgy .panel-heading  { background: var(--LightGrey); border-color: var(--LightGrey);}
		.main.lgy .panel-primary  { border-color: var(--LightGrey);}
		.main.lgy .panel-title a { color: #000;}
		.main.lgy .panel-body { background: var(--DarkGrey); color: #ffffff;}

		.main.lgy .page-link { background: var(--LightGrey); color: #000;}
		.main.lgy .page-link:hover { background: var(--DarkGrey); color: #fff;}
		.main.lgy .limit a:hover { color: var(--LightGrey)}

	.main.pnk	.hero .herotext .cat { background: var(--Pink); color: #333; }
		.main.pnk .title h2::before { background: var(--Pink); }
		.main.pnk .btn-primary, .main.pnk a.btn-primary {background: var(--Pink); color: #333;  border-color: #ed4288;}
		.main.pnk .btn-primary:hover, .main.pnk a.btn-primary:hover {background: #ed4288; color: #fff;  border-color: #ed4288;}
		.main.pnk .bluetxt { color: #ed4288;}
		.main.pnk .newsbox .text h4 a:hover, .main.pnk .jobbox .text h4 a:hover, .main.pnk  .newsbox2 .text h4 a:hover {color: #ed4288;}
		.main.pnk .searchtxt { background: var(--Pink); }
		.main.pnk .panel-heading  { background: #ED4288; border-color: var(--Pink);}
		.main.pnk .panel-primary  { border-color: var(--Pink);}
		.main.pnk .panel-title a { color: #fff;}
		.main.pnk .panel-body { background: var(--Pink); color: #000;}

		.main.pnk .page-link { background: var(--Pink); color: #000;}
		.main.pnk .page-link:hover { background: #ED4288; color: #000;}
		.main.pnk .limit a:hover { color: #ed4288;}

	.main.prl	.hero .herotext .cat { background: var(--Purple); color: #333; }
		.main.prl .title h2::before { background: var(--Purple); }
		.main.prl .btn-primary, .main.prl a.btn-primary {background: var(--Purple); color: #fff;  border-color: #d045dc;}
		.main.prl .btn-primary:hover, .main.prl a.btn-primary:hover {background: #d045dc; color: #fff;  border-color: #d045dc;}
		.main.prl .bluetxt { color: #d045dc;}
		.main.prl .newsbox .text h4 a:hover, .main.prl .jobbox .text h4 a:hover, .main.prl  .newsbox2 .text h4 a:hover {color: #d045dc;}
		.main.prl .searchtxt { background: var(--Purple); }
		.main.prl .panel-heading  { background: #323138; border-color: #323138;}
		.main.prl .panel-primary  { border-color: #323138;}
		.main.prl .panel-title a { color: #fff;}
		.main.prl .panel-body { background: var(--Purple); color: #fff;}

		.main.prl .page-link { background: var(--Purple); color: #000;}
		.main.prl .page-link:hover { background: #323138; color: #fff;}
		.main.prl .limit a:hover { color: #d045dc;}

	.main.grn	.hero .herotext .cat { background: var(--LightGreen); color: #333; }
		.main.grn .title h2::before { background: var(--LightGreen); }
		.main.grn .btn-primary, .main.grn a.btn-primary {background: var(--LightGreen); color: #237810;  border-color: #237810;}
		.main.grn .btn-primary:hover, .main.grn a.btn-primary:hover {background: #237810; color: #fff;  border-color: #237810;}
		.main.grn .bluetxt { color: #237810;}
		.main.grn .newsbox .text h4 a:hover, .main.grn .jobbox .text h4 a:hover, .main.grn  .newsbox2 .text h4 a:hover {color: #237810;}
		.main.grn .searchtxt { background: var(--LightGreen); }
		.main.grn .panel-heading  { background: #237810; border-color: #237810;}
		.main.grn .panel-primary  { border-color: var(--LightGreen);}	
		.main.grn .panel-title a { color: #fff;}
		.main.grn .panel-body { background: var(--LightGreen); color: #000;}

		.main.grn .page-link { background: var(--LightGreen); color: #000;}
		.main.grn .page-link:hover { background: #237810; color: #fff;}
		.main.grn .limit a:hover { color: #237810;}


		video {
			width: 100%;
			height: auto;
		}
		.video-container { 
			position: relative;
			padding-bottom: 56.25%;
			padding-top: 30px; height: 0; overflow: hidden;
		  margin-bottom:0px;
		}
		 
		.video-container iframe,
		.video-container object,
		.video-container embed {
			position: absolute; top: 0; left: 0; width: 100%; height: 100%;
		}
		
		.videobg { padding:0px; position: relative; }
		.videobg .gallery { margin-bottom:0px; position: relative; z-index: 1;}
		.videobg .gallery .galblock {-webkit-border-radius: 5px;
			-moz-border-radius: 5px;
			-o-border-radius: 5px;
			border-radius: 10px;}
		.videobg .gallery .galblock a img { border:4px solid #fff;  }
		.videobg .galblock img:hover, .videobg .galblock a:hover img {transform: none;}