/*
Theme Name: BCIIT
Theme URI: https://bciitpabna.com.bd/
Author: Md. Atiqul Islam
Author URI: https://bciitpabna.com.bd/
Description: Custom WordPress theme inspired by techedu.gov.bd
Version: 1.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: bciit
*/

/* ==============================
   RESET & BASE STYLE
============================== */
/* Kalpurush Font */
@font-face {
    font-family: 'kalpurushregular';
    src: url('fonts/kalpurush.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

/* BenSenHandwriting Font */
@font-face {
    font-family: 'BenSenHandwriting';
    src: url('fonts/BenSenHandwriting.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

/* Global Font (Default Kalpurush) */
body, p, h1, h2, h3, h4, h5, h6 {
     font-family: 'BenSenHandwriting', sans-serif !important;
}

/* If you want to use BenSenHandwriting in specific areas */
.bensen-text {
    font-family: 'kalpurushregular', sans-serif !important;
}


/*@media screen and (max-width: 479px){
	#logo {
    display: block;
    margin: -57px 0px 10px 15px;
	}
}*/



#logo {
  display: block;
  margin: 0 0 10px 15px;
}

#logo img {
  display: block;
  width: 70px;
  height: auto;
}

#site-name-wrapper {
  float: left;
  padding: 10px 20px;
}
#site-name {
  /* font-size: 2vw; */
  font-family: 'BenSenHandwriting', sans-serif !important;
  font-size: 25px;
  font-weight: bold;
  text-shadow: -1px -1px 10px #333, 1px -1px 10px #333, -1px 1px 10px #333,
    1px 1px 10px #333;
}
#site-name,
#slogan {
  display: block;
}

#slogan {
  font-size: 1.5em;
  text-shadow: -1px -1px 10px #333, 1px -1px 10px #333, -1px 1px 10px #333,
    1px 1px 10px #333;
  line-height: 1;
}

#site-name a:link,
#site-name a:visited,
#site-name a:hover,
#site-name a:active {
  text-decoration: none;
}
#site-name a,
#slogan {
  color: #ffffff;
}
#site-name a {
  outline: 0 none;
  
}

#site-subname {
  /* font-size: 2vw; */
  font-size: 25px;
  font-weight: bold;
  text-shadow: -1px -1px 10px #333, 1px -1px 10px #333, -1px 1px 10px #333,
    1px 1px 10px #333;
}

#site-subname {
  display: block;
  font-size: 14px;
  color: #ffff;
  margin-top: 3px;
  letter-spacing: 0.5px;
}



#notice-board {
  background: url("/themes/responsive_npf/images/welcome_grad.png") repeat-x scroll center bottom #EBEBEB;
  border: 1px solid #dddddd;
  font-size: 1em;
  padding: 0 0 10px 0;
  margin-bottom: 20px;
  background: #ffffff; /* Old browsers */
  background: -moz-linear-gradient(top, #ffffff 0%, #ebebeb 100%); /* FF3.6+ */
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0%, #ffffff),
    color-stop(100%, #ebebeb)
  ); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(
    top,
    #ffffff 0%,
    #ebebeb 100%
  ); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(
    top,
    #ffffff 0%,
    #ebebeb 100%
  ); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #ffffff 0%, #ebebeb 100%); /* IE10+ */
  background: linear-gradient(to bottom, #ffffff 0%, #ebebeb 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ebebeb',GradientType=0 ); /* IE6-9 */
}
#notice-board h2 {
  font-size: 1.5em;
  font-family: 'BenSenHandwriting', sans-serif !important;
}
#left-content {
}
#right-content {
}

#contents {
  margin: 20px 0;
}
#contents .block {
  width: 100%;
}
#contents .block > h5 {
  padding: 5px;
  font-size: 1.2em;
  overflow: hidden;
}
#contents .block > ul {
  padding: 10px 0;
  margin-left: 20px;
}
.bk-org {
  background-color: #609513 !important;
  color: #fff;
}

@media (min-width: 301px) and (max-width: 1400px) {
  .service-box {
    margin-left: 24px;
    border: 1px solid #dddddd;
    width: 326px;
  }
}

@media (min-width: 0px) and (max-width: 300px) {
  .service-box {
    margin-left: 24px;
    border: 1px solid #dddddd;
    width: 325px;
  }
}

.service-box:first-child {
  margin-left: 0;
}
.service-box h5 {
  font-size: 1.2em;
  
}

.rslides {
  margin: 0 auto 40px;
}

.rslides_tabs {
  list-style: none;
  padding: 0;
  background: rgba(0, 0, 0, 0.25);
  box-shadow: 0 0 1px rgba(255, 255, 255, 0.3), inset 0 0 5px rgba(0, 0, 0, 1);
  -moz-box-shadow: 0 0 1px rgba(255, 255, 255, 0.3),
    inset 0 0 5px rgba(0, 0, 0, 1);
  -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, 0.3),
    inset 0 0 5px rgba(0, 0, 0, 1);
  font-size: 18px;
  list-style: none;
  margin: 0 auto 50px;
  max-width: 540px;
  padding: 10px 0;
  text-align: center;
  width: 100%;
}

.rslides_tabs li {
  display: inline;
  float: none;
  margin-right: 1px;
}

.rslides_tabs a {
  width: auto;
  line-height: 20px;
  padding: 9px 20px;
  height: auto;
  background: transparent;
  display: inline;
}

.rslides_tabs li:first-child {
  margin-left: 0;
}

.rslides_tabs .rslides_here a {
  background: rgba(255, 255, 255, 0.1);
  color: #fff;
  font-weight: bold;
}

.callbacks_container {
  /* margin-bottom: 50px;*/
  position: relative;
  float: left;
  width: 100%;
}

.callbacks {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
}

.callbacks li {
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
}

.callbacks img {
  display: block;
  position: relative;
  z-index: 1;
  height: auto;
  width: 100%;
  border: 0;
}

.callbacks .caption {
  display: block;
  position: absolute;
  z-index: 2;
  font-size: 1em;
  text-shadow: none;
  color: #fff;
  background: #000;
  background: rgba(0, 0, 0, 0.8);
  left: 0;
  right: 0;
  bottom: 0;
  padding: 5px 10px;
  margin: 0;
  max-width: none;
}

.callbacks_nav {
  position: absolute;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  top: 52%;
  left: 0;
  opacity: 0.7;
  z-index: 3;
  text-indent: -9999px;
  overflow: hidden;
  text-decoration: none;
  height: 61px;
  width: 38px;
  background: transparent url("themes/themes.gif") no-repeat left top;
  margin-top: -45px;
}

.callbacks_nav:active {
  opacity: 1;
}

.callbacks_nav.next {
  left: auto;
  background-position: right top;
  right: 0;
}

@media screen and (max-width: 600px) {
  h1 {
    font: 24px/50px "Helvetica Neue", Helvetica, Arial, sans-serif;
  }
  .callbacks_nav {
    top: 47%;
  }
}

/** Image slider Start **/

#slider,
#slider div.sliderInner {
  width: 960px;
  height: 196px;
}

#notice-board ul a {
  text-decoration: none;
  font-family: 'BenSenHandwriting', sans-serif !important;
}
#notice-board ul a:hover {
  text-decoration: underline;
  
}

#news-ticker ul a {
  text-decoration: none;
}
#news-ticker ul a:hover {
  text-decoration: underline;
}

.notice-list {
    list-style: none; /* default bullet hide করতে */
    padding-left: 0;  /* left padding remove */
    margin: 0;
}

.notice-list li {
    position: relative; /* ::before absolute কাজ করবে */
    padding-left: 25px; /* icon এর জন্য space */
    margin-bottom: 5px; /* optional, spacing */
}

.notice-list li::before {
    content: '➤';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    color: green;
    font-size: 18px;
}





/** Image slider End **/

/* Image Box Style */
.mainwrapper .box {
  background-color: #f5f5f5;
  border: 1px solid #ccc;
  cursor: pointer;
  /*height: 139px;*/
  height: 200px;
  float: left;
  padding: 10px;
  position: relative;
  overflow: hidden;
  color: #000;
  /*width: 326px!important;*/
  -webkit-box-shadow: 1px 1px 1px 1px #ccc;
  -moz-box-shadow: 1px 1px 1px 1px #ccc;
  box-shadow: 1px 1px 1px 1px #ccc;
}
.mainwrapper .box h5 {
  padding: 3px 0;
}
.mainwrapper .box img {
  position: relative;
  left: 0;
  -webkit-transition: all 300ms ease-out;
  -moz-transition: all 300ms ease-out;
  -o-transition: all 300ms ease-out;
  -ms-transition: all 300ms ease-out;
  transition: all 300ms ease-out;
  float: left;
}

/* Caption Common Style */
.mainwrapper .box .caption {
  position: relative;
  color: #000;
  z-index: 100;
  -webkit-transition: all 300ms ease-out;
  -moz-transition: all 300ms ease-out;
  -o-transition: all 300ms ease-out;
  -ms-transition: all 300ms ease-out;
  transition: all 300ms ease-out;
  left: 0;
  padding: 0;
  margin: 0;
  float: left;
  width: 66%;
}
.mainwrapper .box .caption li {
  margin: 2px 0 0 20px;
  font-size: 1.2em;
  list-style-image: url("/themes/responsive_npf/images/bullet_arrow.png");
}
.mainwrapper .box .caption li a {
  font-size: 0.9em;
  text-decoration: none;
  display: block;
}
.mainwrapper .box .caption li a:hover {
  text-decoration: underline;
}

/** right-side-bar block **/
.right-side-bar .block {
  margin-bottom: 10px;
  font-size: 12px;
}
.right-side-bar .block img,
p {
  float: none;
  margin: 0 5px 0 0;
}

.right-side-bar .block .title {
  font-weight: bold;
  margin-bottom: 10px;
}
.right-side-bar .block ul {
  margin: 0 !important;
}

/*=============== Start tt responsive 15-08-2015=======================*/
.right-side-bar .block ul li {
  background: url("/themes/responsive_npf/images/bg_block_list.png") no-repeat
    scroll 0 0 rgba(0, 0, 0, 0);
  font-size: 120%;
  height: auto;
  list-style-type: none;
  margin-bottom: 5px;
  padding-left: 32px;
  padding-top: 0px;
  padding-bottom: 8px;
  background-position: left;
}
/*=============== Start tt responsive 15-08-2015=======================*/

.right-side-bar .block ul li a {
  font-size: 13px;
  text-decoration: none;
}
.right-side-bar .block ul li a:hover {
  text-decoration: underline;
}

.mzr-content {
  border-left: 1px solid #eee;
  border-right: 1px solid #eee;
  border-bottom: 1px solid #eee;
}

#domains {
  text-decoration: none;
  color: #fff;
  font-size: 1.2em;
}

#domain-list {
  background-color: #444;
}
.subdivision-box {
  height: auto !important;
  margin-left: 24px;
}
.subdivision-box.first {
  margin-left: 0;
}

#left-content table {
  width: 100%;
}
#left-content table thead tr {
  font-size: 1.2em;
  padding: 5px;
}

/*============ tt start responsive 6-8-2015 =================*/

.btn {
  background-image: linear-gradient(to bottom, #666, #a6a6a6);
  background-repeat: repeat-x;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) #a2a2a2;
  padding: 0 5px;
  color: #fff;
  background-color: #a6a6a6;
}
#notice-board-ticker .btn,
#news-ticker .btn {
  color: #000;
}

.pagination li {
  background-image: linear-gradient(to bottom, #666, #a6a6a6);
  text-align: center;
}

.pagination li .btn {
  background-image: none !important;
}
.block .btn {
  color: #000;
}

/*============ tt End responsive 6-8-2015 =================*/
.btn:hover {
  color: #000 !important;
}
.right {
  float: right;
}

.notice-board-bg {
  background: url("https://www.bciitpabna.com.bd/themes/b-nagar-computer/image/welcome_grad.png") repeat-x
    scroll left top transparent;
  background-image: url("https://www.bciitpabna.com.bd/themes/b-nagar-computer/bg_notice_board.png");
  background-repeat: no-repeat;
  padding: 10px 0 20px 120px;
}
#notice-board-ticker {
  padding-right: 10px;
}
#notice-board-ticker li {
  margin-bottom: 5px;
}

.pagination {
  float: left;
  margin-top: 20px;
}
.pagination li {
  float: left;
  padding: 0px 5px;
  margin: 15px 0;
}

.pagination li a {
  font-size: 1.2em;
  padding: 5px 10px;
}

table.bordered > tbody > tr,
table.bordered > thead > tr {
  border: 1px #999 solid;
}
table.bordered td,
table.bordered th {
  padding-left: 10px;
  vertical-align: top;
  line-height: 1.2em;
  border: 1px solid #999;
}
table.bordered th {
  font-weight: bold;
}
table.bordered th u {
  font-weight: bold;
  line-height: 3em;
}

table.bordered table td:first-child {
  background-color: #eee;
  padding: 5px;
  font-weight: bold;
}

#printable_area > div {
  overflow: hidden;
}
table {
  clear: both;
}
td {
  box-sizing: border-box !important;
  padding: 5px !important;
  border: 1px solid #d8d8d8 !important;
}
#contents .block {
  overflow: hidden;
}

@media screen and (max-width: 767px) and (min-width: 480px) {
  #logo img {
    display: block;
    width: 50px;
    height: auto;
    float: left;
  }

  #site-name-wrapper {
    float: right;
    left: 50px;
    position: relative;
    top: -52px;
  }
}

@media screen and (max-width: 959px) and (min-width: 768px) {
  .container .twelve.columns {
    width: 748px;
  }
}

@media screen and (min-width: 480px) and (max-width: 767px) {
  .notice-board-bg {
    padding: 10px 0px 20px 100px;
  }
  #notice-board-ticker li {
    background: url("/themes/b-nagar-computer/image/bullet_tick.png") no-repeat
      0px 5px transparent;
  }
  .right {
    bottom: 8px;
    position: relative;
  }
  #news .btn {
    position: relative;
    top: 17px;
  }
  #notice-board {
    width: 419px;
  }
  #news {
    width: 399px;
  }
  .container .six.columns {
    width: 399px !important;
  }
  .row {
    margin-bottom: 0px;
  }
  .six.columns {
    margin-bottom: 10px;
  }
}

@media screen and (max-width: 959px) {
  .slide-panel {
    top: 0px;
    left: 0px;
    position: relative !important;
    z-index: 1000;
    background-color: #333;
    height: 30px;
  }
  #search {
    width: 200px !important;
  }
  #lang_form {
    position: relative;
  }
}

.container .six.columns {
  width: 325px;
}

noscript {
  display: none;
}
td {
  vertical-align: top;
}

/*======== footer =========*/

#footer-menu {
  margin: 14px 0 0 20px !important;
}
.footer-credit {
  margin: 25px 20px 0 0 !important;
  width: 45%;
}
#footer-menu ul li {
  border-right: 1px dotted #d8d8d8;
  display: inline-block;
  padding: 5px 10px;
}
#footer-menu ul {
  float: left;
  width: 100%;
  margin-bottom: 0;
}
#footer-menu ul li a {
  color: #333;
  text-decoration: none;
}

#footer-menu ul li a:hover {
  background: none !important;
}
#footer-menu ul li:hover {
  background: #777 !important;
}

#footer-menu ul li:hover > #footer-menu ul li a {
  color: #fff !important;
}
#footer-menu {
  width: 50%;
  float: none;
}
#footer-menu ul li a {
  display: block;
}
.col0 a:hover {
  color: #000;
}

.meganizr li.col3 {
  display: inherit !important;
}
p {
  width: auto;
}
/* responsive tt */
@media screen and (max-width: 980px) {
  #left-content table {
    display: block;
    overflow-x: scroll;
    width: 100%;
  }
}

#domain-selector-panel {
  height: auto;
  min-height: 30px;
  padding: 10px 0;
}

.domain-selector {
  width: 250px;
  margin: 0 auto;
}

.slide-panel {
  top: 0;
  left: 0;
  z-index: 1000;
  width: 5px;
  position: absolute;
}

.content {
  z-index: 1000;
  overflow: hidden;
  text-align: left;
  background-color: #343434;
  height: 0;
  width: 100%;
  color: #fff;
}

.slide-panel-button {
  position: relative;
  width: 190px;
  z-index: 20;
  cursor: pointer;
  height: auto;
  padding: 0 5px;
  text-align: left;
}

.slide-panel-button:hover {
  color: #9f9d8e;
}

.slide-panel-button {
  cursor: pointer;
  color: #fff;
}

.slide-panel-button:hover {
  color: #9f9d8e;
}

.slide-panel-btns {
  width: 960px;
  margin: 0 auto;
}

/*.cabinet-portal-gov-bd .mainwrapper .box img {
	width: 100px
}*/

@media only screen and (min-width: 320px) and (max-width: 979px) {
  #jmenu .mzr-responsive {
    display: none;
  }
  #jmenu li.mzr-drop a.mzr-content {
    top: 0;
  }
}

.central-eservices .item_1 a {
  animation: blinker 1s linear infinite;
  color: red;
}

@keyframes blinker {
  50% {
    opacity: 0;
  }
}
#domain-list {
  padding: 5px;
}

#inputs > select,
#inputs > input {
  float: left;
  margin: 0 5px;
  padding: 0;
  width: 100px;
}

[class^="flaticon-"]:before,
[class*=" flaticon-"]:before,
[class^="flaticon-"]:after,
[class*=" flaticon-"]:after {
  display: inline;
  font-size: 0.9em;
  font-weight: normal;
  margin-right: 5px;
}

.cabinet-portal-gov-bd .meganizr > li > a {
  font-size: 20px;
}

#div-lang-sel {
  font-size: 18px;
  font-weight: bold;
  float: right;
}

#div-lang-sel span {
  text-decoration: none;
  background-color: #609513;
  padding: 0 5px;
  color: #fff;
  margin: 0;
}

#div-lang-sel a {
  text-decoration: none;
  padding: 0 5px;
  color: #fff;
  margin: 0;
}

#div-lang-sel a:hover {
  background-color: #34740e;
}

@media screen and (min-width: 800px) {
  #logo {
    display: inline-block !important;
    float: left;
  }
  #site-name-wrapper {
    line-height: 2;
  }
}

#selection_div {
  margin: 0 auto;
  width: 250px;
}

#selection_div div {
  margin: 0 5px;
}

#selection_div select {
  width: 80%;
  float: left;
  margin: 5px 0 0 0;
  padding: 0;
  position: relative;
  clear: both;
  display: block;
  overflow: hidden;
}

#selection_div a {
  float: left;
  color: #fff;
  margin: 5px;
}

.button_go {
  border: 1px solid #34740e;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  font-size: 12px;
  font-family: arial, helvetica, sans-serif;
  padding: 0 5px;
  text-decoration: none;
  display: inline-block;
  text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.3);
  font-weight: bold;
  color: #ffffff;
  background-color: #4ba614;
  background-image: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(#4ba614),
    to(#008c00)
  );
  background-image: -webkit-linear-gradient(top, #4ba614, #008c00);
  background-image: -moz-linear-gradient(top, #4ba614, #008c00);
  background-image: -ms-linear-gradient(top, #4ba614, #008c00);
  background-image: -o-linear-gradient(top, #4ba614, #008c00);
  background-image: linear-gradient(to bottom, #4ba614, #008c00);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,
		startColorstr=#4ba614, endColorstr=#008c00);
}

.button_go:hover {
  border: 1px solid #224b09;
  background-color: #36780f;
  background-image: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(#36780f),
    to(#005900)
  );
  background-image: -webkit-linear-gradient(top, #36780f, #005900);
  background-image: -moz-linear-gradient(top, #36780f, #005900);
  background-image: -ms-linear-gradient(top, #36780f, #005900);
  background-image: -o-linear-gradient(top, #36780f, #005900);
  background-image: linear-gradient(to bottom, #36780f, #005900);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,
		startColorstr=#36780f, endColorstr=#005900);
}

.search-btn {
  border: 1px solid #34740e;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  font-size: 12px;
  font-family: arial, helvetica, sans-serif;
  padding: 0 5px;
  text-decoration: none;
  display: inline-block;
  margin: 0 15px 0 5px;
  color: #ffffff !important;
  background-color: #4ba614;
  background-image: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(#4ba614),
    to(#008c00)
  );
  background-image: -webkit-linear-gradient(top, #4ba614, #008c00);
  background-image: -moz-linear-gradient(top, #4ba614, #008c00);
  background-image: -ms-linear-gradient(top, #4ba614, #008c00);
  background-image: -o-linear-gradient(top, #4ba614, #008c00);
  background-image: linear-gradient(to bottom, #4ba614, #008c00);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,
		startColorstr=#4ba614, endColorstr=#008c00);
}

.search-btn:hover {
  border: 1px solid #224b09;
  background-color: #36780f;
  background-image: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(#36780f),
    to(#005900)
  );
  background-image: -webkit-linear-gradient(top, #36780f, #005900);
  background-image: -moz-linear-gradient(top, #36780f, #005900);
  background-image: -ms-linear-gradient(top, #36780f, #005900);
  background-image: -o-linear-gradient(top, #36780f, #005900);
  background-image: linear-gradient(to bottom, #36780f, #005900);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,
		startColorstr=#36780f, endColorstr=#005900);
}
.footer-credit {
  float: right;
  font-size: 0.8em;
  margin: 40px 20px 0 0;
  text-align: right;
}

.footer-credit ul li {
  margin: 0;
  padding: 0;
}

.footer-credit ul li,
a,
a:visited {
  color: #666;
  text-decoration: none;
}

.footer-credit ul li a:hover {
  text-decoration: underline;
}

#footer-menu {
  float: left;
  margin: 40px 0 0 20px;
}

#footer-menu ul li {
  float: left;
  border-left: solid 1px #ccc;
}

#footer-menu ul li:first-child {
  border-left: solid 1px #eee;
}

#footer-menu ul li a {
  padding: 5px;
  color: #000;
}

#footer-menu ul li a:hover {
  color: #fff;
  background: #000;
}

/*//media query*/

/** Mobile **/
@media only screen and (max-width: 767px),
  only screen and (max-device-width: 767px) {
  #div-lang > form {
    display: none;
  }
  .meganizr li.col3 {
    display: none;
  }
  .slide-panel-button .flaticon-menu10 {
    display: none;
  }
  .slide-panel-button,
  .slide-panel-button:hover {
    cursor: default;
    color: #fff;
  }
  .slide-panel-button {
    margin-top: 2px;
    font-size: 14px;
  }
}

.slide-panel-button {
  width: 250px !important;
}

.cabinet-portal-gov-bd .meganizr > li > a {
  font-size: 20px;
}

.ad-next,
.ad-prev {
  z-index: 10 !important;
}

.service-box {
  z-index: 10;
  cursor: inherit !important;
}

#share-buttons img {
  width: 35px;
  padding: 5px;
  border: 0;
  box-shadow: 0;
  display: inline;
}

.footer-credit {
  float: right;
  font-size: 0.8em;
  margin: 40px 20px 0 0;
  text-align: right;
}

.footer-credit ul li {
  margin: 0;
  padding: 0;
}

.footer-credit ul li,
a,
a:visited {
  color: #666;
  text-decoration: none;
}

.footer-credit ul li a:hover {
  text-decoration: underline;
}

#footer-menu {
  float: left;
  margin: 40px 0 0 20px;
}

#footer-menu ul li {
  float: left;
  border-left: solid 1px #ccc;
}

#footer-menu ul li:first-child {
  border-left: solid 1px #eee;
}

#footer-menu ul li a {
  padding: 5px;
  color: #000;
}

#footer-menu ul li a:hover {
  color: #fff;
  background: #000;
}

.mainmenu {
  z-index: 20;
  position: relative;
}

@media only screen and (max-width: 767px),
  only screen and (max-device-width: 767px) {
  #div-lang > form {
    display: none;
  }

  .meganizr li.col3 {
    display: none;
  }
}

#printable_area table {
  width: 100% !important;
}

.slide-panel-button {
  width: 150px !important;
}

.right-side-bar .block ul li {
  border-bottom: 1px solid transparent;
  border-image: linear-gradient(to right, #683091 0%, #8bc643 100%);
  border-image-slice: 1;
}

#div-lang > form input,
#div-lang > form button {
  display: none !important;
}

/*#div-lang{
    padding: 0;
    position: absolute;
    right: 0;
    top: 0;
    margin-top: 1px;
    width: 50px !important;
}*/

/*--------------------- add new css------------------------- */
.menu .sub-menu .mzr-links a:focus-within {
  text-decoration: none !important;
}
.menu .focusin-drop:focus-within .sub-menu {
 display: flex;
 opacity: 1;
}
.focusin-drop:focus-within .mzr-content {
border-top: none !important;
}
.meganizr > li.focusin-drop:focus-within > a {
 z-index: 650;
}
.meganizr > li.focusin-drop:focus-within > a:after {
 position: absolute;
 content: '';
 top: 0;
 left: 0;
 width: 100%;
}

.meganizr > li.focusin-drop:focus-within > a:after,
.meganizr > li.focusin-drop > a.mzr-click:after {
position: absolute;
content: '';
top: 0;
left: 0;
width: 100%;

}


.meganizr > li.focusin-drop:focus-within > a,
.meganizr > li.focusin-drop > a.mzr-click { z-index: 650;}

@media only screen and (min-width:980px ){

.mzr-slide > li.focusin-drop:focus-within > div,
.mzr-slide > li.focusin-drop:focus-within > ul,
.mzr-slide > li > ul li.focusin-drop:focus-within > ul {
 top: 37px;
 opacity: 1;
 overflow: visible;
 visibility: visible;
 display: block;
}

}

@media only screen and (max-width: 959px) {

.mzr-responsive.mzr-slide > li.focusin-drop:focus-within > div,
.mzr-responsive.mzr-slide > li.focusin-drop:focus-within > ul,
.mzr-responsive.mzr-slide > li > ul li.focusin-drop:focus-within > ul,
.mzr-responsive.mzr-fade > li.focusin-drop:focus-within > div,
.mzr-responsive.mzr-fade > li.focusin-drop:focus-within > ul,
.mzr-responsive.mzr-fade > li > ul li.focusin-drop:focus-within > ul { top: auto;	}

}

/* -------------------end new css--------------- */

/* ----------------------- Start Social Share style -------------------*/

.social_btn{
  color: #fff !important;
  padding: 5px;
  font-size: 12px;
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  transition: all 0.6s ease;
  cursor: pointer;
}
.social_btn:hover{
  transform: translateY(-4px);
}
/* Social Icon */
.bread_social{
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.facebook{
  background: #303F9E;
}
.twitter{
  background: #3675AE;
}
.viber{
  background: #9D1BC0;
}
.twitter {
  background: #3675AE;
}
.whatsapp {
  background: #6FBE3C;
}
.linkedin {
  background: #3874B2;
}
.link {
  background: #4FB2E2;
}
.messenger {
  background: #BF3DC8;
}

.share-popup {  
  display: none;
	position: absolute;
  bottom: 3px;
  left: 16px;
  background-color: white;
  /* border: 1px solid var(--globalColor); */
  border-radius: 5px;
  padding: 7px;
  box-shadow: 0 0px 25px rgb(0 0 0 / 0.4);
  z-index: 100000000000000000000000000;
}

.share-icon:hover+#share-popup,
.share-popup.active {
  /* display: block; */
  display: flex;
  position: absolute;
  z-index: 100000000000000000000000000;
}

@media (max-width: 767px) {
  .bread_social{
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
  }
  .webform{
    display: flex;
    flex-direction: column;
  }
  .webform iframe{
    margin: 5px;
  }
  .webform .body{
    width: 100%;
  }
}


/* ----------------------- End Social Share style -------------------*/

@font-face {
	font-family: "Flaticon";
	src: url("flaticon.eot");
	src: url("flaticon.eot#iefix") format("embedded-opentype"),
	url("flaticon.woff") format("woff"),
	url("flaticon.ttf") format("truetype"),
	url("flaticon.svg") format("svg");
	font-weight: normal;
	font-style: normal;
}
[class^="flaticon-"]:before, [class*=" flaticon-"]:before,
[class^="flaticon-"]:after, [class*=" flaticon-"]:after {   
	font-family: Flaticon;
        /*font-size: 20px;*/
font-style: normal;
/*margin-left: 20px;*/
}.flaticon-2440:before {
	content: "\e000";
}
.flaticon-2442:before {
	content: "\e001";
}
.flaticon-a6:before {
	content: "\e002";
}
.flaticon-agreement:before {
	content: "\e003";
}
.flaticon-agreement4:before {
	content: "\e004";
}
.flaticon-ascendant6:before {
	content: "\e005";
}
.flaticon-award52:before {
	content: "\e006";
}
.flaticon-award73:before {
	content: "\e007";
}
.flaticon-badges2:before {
	content: "\e008";
}
.flaticon-big101:before {
	content: "\e009";
}
.flaticon-menu10:before {
	content: "\e009";
}


.flaticon-books8:before {
	content: "\e00a";
}
.flaticon-box39:before {
	content: "\e00b";
}
.flaticon-building78:before {
	content: "\e00c";
}
.flaticon-business133:before {
	content: "\e00d";
}
.flaticon-business60:before {
	content: "\e00e";
}
.flaticon-businessman260:before {
	content: "\e00f";
}
.flaticon-calculating4:before {
	content: "\e010";
}
.flaticon-calendar146:before {
	content: "\e011";
}
.flaticon-calendar157:before {
	content: "\e012";
}
.flaticon-calendar60:before {
	content: "\e013";
}
.flaticon-calendar68:before {
	content: "\e014";
}
.flaticon-call37:before {
	content: "\e015";
}
.flaticon-chart42:before {
	content: "\e016";
}
.flaticon-charts3:before {
	content: "\e017";
}
.flaticon-chat44:before {
	content: "\e018";
}
.flaticon-chat51:before {
	content: "\e019";
}
.flaticon-checklist4:before {
	content: "\e01a";
}
.flaticon-chemistry33:before {
	content: "\e01b";
}
.flaticon-city8:before {
	content: "\e01c";
}
.flaticon-clipboard105:before {
	content: "\e01d";
}
.flaticon-clothing20:before {
	content: "\e01e";
}
.flaticon-cloud228:before {
	content: "\e01f";
}
.flaticon-cloud384:before {
	content: "\e020";
}
.flaticon-college:before {
	content: "\e021";
}
.flaticon-configure:before {
	content: "\e022";
}
.flaticon-connected21:before {
	content: "\e023";
}
.flaticon-contract11:before {
	content: "\e024";
}
.flaticon-creditcard3:before {
	content: "\e025";
}
.flaticon-curriculum3:before {
	content: "\e026";
}
.flaticon-delivery29:before {
	content: "\e027";
}
.flaticon-delivery30:before {
	content: "\e028";
}
.flaticon-diagram11:before {
	content: "\e029";
}
.flaticon-document162:before {
	content: "\e02a";
}
.flaticon-document237:before {
	content: "\e02b";
}
.flaticon-document238:before {
	content: "\e02c";
}
.flaticon-document69:before {
	content: "\e02d";
}
.flaticon-document93:before {
	content: "\e02e";
}
.flaticon-documents12:before {
	content: "\e02f";
}
.flaticon-dossier:before {
	content: "\e030";
}
.flaticon-download164:before {
	content: "\e031";
}
.flaticon-ebook23:before {
	content: "\e032";
}
.flaticon-email5:before {
	content: "\e033";
}
.flaticon-event5:before {
	content: "\e034";
}
.flaticon-event7:before {
	content: "\e035";
}
.flaticon-exam:before {
	content: "\e036";
}
.flaticon-eye110:before {
	content: "\e037";
}
.flaticon-facebook29:before {
	content: "\e038";
}
.flaticon-facebook30:before {
	content: "\e039";
}
.flaticon-female23:before {
	content: "\e03a";
}
.flaticon-file148:before {
	content: "\e03b";
}
.flaticon-file207:before {
	content: "\e03c";
}
.flaticon-file98:before {
	content: "\e03d";
}
.flaticon-folder265:before {
	content: "\e03e";
}
.flaticon-gallery7:before {
	content: "\e03f";
}
.flaticon-graph22:before {
	content: "\e040";
}
.flaticon-group44:before {
	content: "\e041";
}
.flaticon-halloween92:before {
	content: "\e042";
}
.flaticon-helmet12:before {
	content: "\e043";
}
.flaticon-helmets1:before {
	content: "\e044";
}
.flaticon-home78:before {
	content: "\e045";
}
.flaticon-increasing5:before {
	content: "\e046";
}
.flaticon-info28:before {
	content: "\e047";
}
.flaticon-info31:before {
	content: "\e048";
}
.flaticon-inspiration:before {
	content: "\e049";
}
.flaticon-journal:before {
	content: "\e04a";
}
.flaticon-journalists1:before {
	content: "\e04b";
}
.flaticon-judge1:before {
	content: "\e04c";
}
.flaticon-justice4:before {
	content: "\e04d";
}
.flaticon-laptop88:before {
	content: "\e04e";
}
.flaticon-layout28:before {
	content: "\e04f";
}
.flaticon-link23:before {
	content: "\e050";
}
.flaticon-link71:before {
	content: "\e051";
}
.flaticon-logotype141:before {
	content: "\e052";
}
.flaticon-loudspeaker20:before {
	content: "\e053";
}
.flaticon-magistrate:before {
	content: "\e054";
}
.flaticon-mails6:before {
	content: "\e055";
}
.flaticon-management3:before {
	content: "\e056";
}
.flaticon-management4:before {
	content: "\e057";
}
.flaticon-manager3:before {
	content: "\e058";
}
.flaticon-map-pointer2:before {
	content: "\e059";
}
.flaticon-marketing8:before {
	content: "\e05a";
}
.flaticon-marketingbuzz:before {
	content: "\e05b";
}
.flaticon-medical50:before {
	content: "\e05c";
}
.flaticon-men16:before {
	content: "\e05d";
}
.flaticon-menu48:before {
	content: "\e05e";
}
.flaticon-message:before {
	content: "\e05f";
}
.flaticon-message34:before {
	content: "\e060";
}
.flaticon-mic13:before {
	content: "\e061";
}
.flaticon-monitor7:before {
	content: "\e062";
}
.flaticon-monthly5:before {
	content: "\e063";
}
.flaticon-multiple25:before {
	content: "\e064";
}
.flaticon-news1:before {
	content: "\e065";
}
.flaticon-news16:before {
	content: "\e066";
}
.flaticon-newspaper1:before {
	content: "\e067";
}
.flaticon-newspaper11:before {
	content: "\e068";
}
.flaticon-note16:before {
	content: "\e069";
}
.flaticon-note20:before {
	content: "\e06a";
}
.flaticon-note48:before {
	content: "\e06b";
}
.flaticon-notebook24:before {
	content: "\e06c";
}
.flaticon-notebook88:before {
	content: "\e06d";
}
.flaticon-notes26:before {
	content: "\e06e";
}
.flaticon-office-worker2:before {
	content: "\e06f";
}
.flaticon-olive:before {
	content: "\e070";
}
.flaticon-open:before {
	content: "\e071";
}
.flaticon-open124:before {
	content: "\e072";
}
.flaticon-open131:before {
	content: "\e073";
}
.flaticon-package7:before {
	content: "\e074";
}
.flaticon-pen13:before {
	content: "\e075";
}
.flaticon-pencil43:before {
	content: "\e076";
}
.flaticon-personal5:before {
	content: "\e077";
}
.flaticon-photos13:before {
	content: "\e078";
}
.flaticon-pie27:before {
	content: "\e079";
}
.flaticon-pin56:before {
	content: "\e07a";
}
.flaticon-premium1:before {
	content: "\e07b";
}
.flaticon-press8:before {
	content: "\e07c";
}
.flaticon-prize3:before {
	content: "\e07d";
}
.flaticon-responsive12:before {
	content: "\e07e";
}
.flaticon-review5:before {
	content: "\e07f";
}
.flaticon-right127:before {
	content: "\e080";
}
.flaticon-round63:before {
	content: "\e081";
}
.flaticon-save-file:before {
	content: "\e082";
}
.flaticon-sealed:before {
	content: "\e083";
}
.flaticon-search99:before {
	content: "\e084";
}
.flaticon-send4:before {
	content: "\e085";
}
.flaticon-seo40:before {
	content: "\e086";
}
.flaticon-settings48:before {
	content: "\e087";
}
.flaticon-shopping159:before {
	content: "\e088";
}
.flaticon-sign20:before {
	content: "\e089";
}
.flaticon-slideshow:before {
	content: "\e08a";
}
.flaticon-smartphone53:before {
	content: "\e08b";
}
.flaticon-soldier:before {
	content: "\e08c";
}
.flaticon-soldier1:before {
	content: "\e08d";
}
.flaticon-soldiers1:before {
	content: "\e08e";
}
.flaticon-soldiers2:before {
	content: "\e08f";
}
.flaticon-speaker122:before {
	content: "\e090";
}
.flaticon-speechbubble1:before {
	content: "\e091";
}
.flaticon-speechbubble18:before {
	content: "\e092";
}
.flaticon-teacher17:before {
	content: "\e093";
}
.flaticon-test1:before {
	content: "\e094";
}
.flaticon-think:before {
	content: "\e095";
}
.flaticon-tie1:before {
	content: "\e096";
}
.flaticon-twitter:before {
	content: "\e097";
}
.flaticon-twitter1:before {
	content: "\e098";
}
.flaticon-two205:before {
	content: "\e099";
}
.flaticon-two398:before {
	content: "\e09a";
}
.flaticon-user82:before {
	content: "\e09b";
}
.flaticon-users6:before {
	content: "\e09c";
}
.flaticon-wallclock:before {
	content: "\e09d";
}
.flaticon-web62:before {
	content: "\e09e";
}
.flaticon-website17:before {
	content: "\e09f";
}
.flaticon-wireless29:before {
	content: "\e0a0";
}
.flaticon-youtube1:before {
	content: "\e0a1";
}
.flaticon-youtube35:before {
	content: "\e0a2";
}



/* Table of Content
==================================================
	#Reset & Basics
	#Basic Styles
	#Site Styles
	#Typography
	#Links
	#Lists
	#Images
	#Buttons
	#Forms
	#Misc */


/* #Reset & Basics (Inspired by E. Meyers)
================================================== */
	html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
		margin: 0;
		padding: 0;
		border: 0;
		font-size: 100%;
		font: inherit;
		font-style: normal;
		font-family: 'BenSenHandwriting', sans-serif !important;
		vertical-align: baseline; }
	article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
		display: block; }
	body {
		line-height: 1; }
	ol, ul {
		list-style: disc; }
	blockquote, q {
		quotes: none; }
	blockquote:before, blockquote:after,
	q:before, q:after {
		content: '';
		content: none; }
	table {
		border-collapse: collapse;
		border-spacing: 0; }


       table tr {
              line-height: 2.1;
       }


/* #Basic Styles
================================================== */
	body {
	  background: url('<?php echo get_template_directory_uri(); ?>/image/bg_main.gif') repeat-y center top;
	  background-size: contain;
		font: 14px/21px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
		color: #444;
		font-style: normal;
		-webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
		-webkit-text-size-adjust: 100%;
 }
.ulli li{
	list-style:inside none circle;

}


/* #Typography
================================================== */
	h1, h2, h3, h4, h5, h6 {
		color: #181818;
		font-family: "Georgia", "Times New Roman", serif;
		font-weight: normal; }
	h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; }
	h1 { font-size: 46px; line-height: 50px; margin-bottom: 14px;}
	h2 { font-size: 35px; line-height: 40px; margin-bottom: 10px; }
	h3 { font-size: 28px; line-height: 34px; margin-bottom: 8px; }
	h4 { font-size: 21px; line-height: 30px; margin-bottom: 4px; }
	h5 { font-size: 17px; line-height: 24px; }
	h6 { font-size: 14px; line-height: 21px; }
	.subheader { color: #777; }

	p { margin: 0 0 20px 0; width:100%;}
	p img { margin: 0; }
	p.lead { font-size: 21px; line-height: 27px; color: #777;  }

	em { font-style: italic; }
	strong { font-weight: bold; color: #333; }
	small { font-size: 80%; }

/*	Blockquotes  */
	blockquote, blockquote p { font-size: 17px; line-height: 24px; color: #777; font-style: italic; }
	blockquote { margin: 0 0 20px; padding: 9px 20px 0 19px; border-left: 1px solid #ddd; }
	blockquote cite { display: block; font-size: 12px; color: #555; }
	blockquote cite:before { content: "\2014 \0020"; }
	blockquote cite a, blockquote cite a:visited, blockquote cite a:visited { color: #555; }

	hr { border: solid #ddd; border-width: 1px 0 0; clear: both; margin: 10px 0 30px; height: 0; }


/* #Links
================================================== */
	a, a:visited { color: #333; text-decoration: none; outline: 0; }
	a:hover, a:focus { color: #000; }
	p a, p a:visited { line-height: inherit; }


/* #Lists
================================================== */
	ul, ol { margin-bottom: 20px; }
	ul { list-style: none; }
    #left-content ul { list-style: disc; }
    #left-content ul li{ margin-left: 20px }

	ol { list-style: decimal; }
	ol, ul.square, ul.circle, ul.disc { margin-left: 30px; }
	ul.square { list-style: square outside; }
	ul.circle { list-style: circle outside; }
	ul.disc { list-style: disc outside; }
	ul ul, ul ol,
	ol ol, ol ul { margin: 4px 0 5px 30px; font-size: 90%;  }
	ul ul li, ul ol li,
	ol ol li, ol ul li { margin-bottom: 6px; }
	li { line-height: 18px; margin-bottom: 12px; }
	ul.large li { line-height: 21px; }
	li p { line-height: 21px; }

/* #Images
================================================== */

	img.scale-with-grid {
		max-width: 100%;
		height: auto; }


/* #Buttons
================================================== */

	.button,
	button,
	input[type="submit"],
	input[type="reset"],
	input[type="button"] {
		background: #eee; /* Old browsers */
		background: #eee -moz-linear-gradient(top, rgba(255,255,255,.2) 0%, rgba(0,0,0,.2) 100%); /* FF3.6+ */
		background: #eee -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.2)), color-stop(100%,rgba(0,0,0,.2))); /* Chrome,Safari4+ */
		background: #eee -webkit-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* Chrome10+,Safari5.1+ */
		background: #eee -o-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* Opera11.10+ */
		background: #eee -ms-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* IE10+ */
		background: #eee linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* W3C */
	  border: 1px solid #aaa;
	  border-top: 1px solid #ccc;
	  border-left: 1px solid #ccc;
	  -moz-border-radius: 3px;
	  -webkit-border-radius: 3px;
	  border-radius: 3px;
	  color: #444;
	  display: inline-block;
	  font-size: 11px;
	  font-weight: bold;
	  text-decoration: none;
	  text-shadow: 0 1px rgba(255, 255, 255, .75);
	  cursor: pointer;
	  margin-bottom: 20px;
	  line-height: normal;
	  padding: 8px 10px;
	  font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; }

	.button:hover,
	button:hover,
	input[type="submit"]:hover,
	input[type="reset"]:hover,
	input[type="button"]:hover {
		color: #222;
		background: #ddd; /* Old browsers */
		background: #ddd -moz-linear-gradient(top, rgba(255,255,255,.3) 0%, rgba(0,0,0,.3) 100%); /* FF3.6+ */
		background: #ddd -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.3)), color-stop(100%,rgba(0,0,0,.3))); /* Chrome,Safari4+ */
		background: #ddd -webkit-linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* Chrome10+,Safari5.1+ */
		background: #ddd -o-linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* Opera11.10+ */
		background: #ddd -ms-linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* IE10+ */
		background: #ddd linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* W3C */
	  border: 1px solid #888;
	  border-top: 1px solid #aaa;
	  border-left: 1px solid #aaa; }

	.button:active,
	button:active,
	input[type="submit"]:active,
	input[type="reset"]:active,
	input[type="button"]:active {
		border: 1px solid #666;
		background: #ccc; /* Old browsers */
		background: #ccc -moz-linear-gradient(top, rgba(255,255,255,.35) 0%, rgba(10,10,10,.4) 100%); /* FF3.6+ */
		background: #ccc -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.35)), color-stop(100%,rgba(10,10,10,.4))); /* Chrome,Safari4+ */
		background: #ccc -webkit-linear-gradient(top, rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%); /* Chrome10+,Safari5.1+ */
		background: #ccc -o-linear-gradient(top, rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%); /* Opera11.10+ */
		background: #ccc -ms-linear-gradient(top, rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%); /* IE10+ */
		background: #ccc linear-gradient(top, rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%); /* W3C */ }

	.button.full-width,
	button.full-width,
	input[type="submit"].full-width,
	input[type="reset"].full-width,
	input[type="button"].full-width {
		width: 100%;
		padding-left: 0 !important;
		padding-right: 0 !important;
		text-align: center; }

	/* Fix for odd Mozilla border & padding issues */
	button::-moz-focus-inner,
	input::-moz-focus-inner {
    border: 0;
    padding: 0;
	}


/* #Forms
================================================== */

	form {
		margin-bottom: 20px; }
	fieldset {
		margin-bottom: 20px; }
	input[type="text"],
	input[type="password"],
	input[type="email"],
	textarea,
	select {
		border: 1px solid #ccc;
		padding: 6px 4px;
		outline: none;
		-moz-border-radius: 2px;
		-webkit-border-radius: 2px;
		border-radius: 2px;
		font: 13px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
		color: #777;
		font-style: normal;
		margin: 0;
		width: 210px;
		max-width: 100%;
		display: block;
		margin-bottom: 20px;
		background: #fff; }
	select {
		padding: 0; }
	input[type="text"]:focus,
	input[type="password"]:focus,
	input[type="email"]:focus,
	textarea:focus {
		border: 1px solid #aaa;
 		color: #444;
 		-moz-box-shadow: 0 0 3px rgba(0,0,0,.2);
		-webkit-box-shadow: 0 0 3px rgba(0,0,0,.2);
		box-shadow:  0 0 3px rgba(0,0,0,.2); }
	textarea {
		min-height: 60px; }
	label,
	legend {
		display: inline;
		font-weight: bold;
		font-size: 13px;  }
	select {
		width: 220px; }
	input[type="checkbox"] {
		display: inline;
		width: 40px !important; }
	label span,
	legend span {
		font-weight: normal;
		font-size: 13px;
		color: #444; }

/* #Misc
================================================== */
	.remove-bottom { margin-bottom: 0 !important; }
	.half-bottom { margin-bottom: 10px !important; }
	.add-bottom { margin-bottom: 20px !important; }





#notice-board-ticker li{
     background: url("<?php echo get_template_directory_uri(); ?>/image/bullet_tick.png") no-repeat center left;

}
#notice-board ul a{
margin-left:20px;
border-bottom:1px dotted #666;
}
#notice-board ul a:hover{
        text-decoration:none !important;
        border-bottom:1px solid #666;

}

/*====== tt sitemap ====*/
.sitemap ul li a {
	font-size:14px;
}
.sitemap li {
	list-style:none;
}



/* Table of Contents
==================================================
    #Base 960 Grid
    #Tablet (Portrait)
    #Mobile (Portrait)
    #Mobile (Landscape)
    #Clearing */


/* #Base 960 Grid
================================================== */



    .container                                  { position: relative; width: 960px; margin: 0 auto; padding: 0; }
    .container .column,
    .container .columns                         { float: left; display: inline; /*margin-left: 10px; margin-right: 10px;*/ }
    .row                                        { margin-bottom: 20px; }

    /* Nested Column Classes */
    .column.alpha, .columns.alpha               { margin-left: 0; }
    .column.omega, .columns.omega               { margin-right: 0; }

    /* Base Grid */
    .container .one.column,
    .container .one.columns                     { width: 40px;  }
    .container .two.columns                     { width: 100px; }
    .container .three.columns                   { width: 160px; }
    .container .four.columns                    { width: 240px; }
    .container .five.columns                    { width: 280px; }
    .container .six.columns                     { width: 340px; }
    .container .seven.columns                   { width: 400px; }
    .container .eight.columns                   { width: 460px; }
    .container .nine.columns                    { width: 520px; }
    .container .ten.columns                     { width: 580px; }
    .container .eleven.columns                  { width: 640px; }
    .container .twelve.columns                  { width: 720px; }
    .container .thirteen.columns                { width: 760px; }
    .container .fourteen.columns                { width: 820px; }
    .container .fifteen.columns                 { width: 880px; }
    .container .sixteen.columns                 { width: 960px; }

    .container .one-third.column                { width: 300px; }
    .container .two-thirds.column               { width: 620px; }

    /* Offsets */
    .container .offset-by-one                   { padding-left: 60px;  }
    .container .offset-by-two                   { padding-left: 120px; }
    .container .offset-by-three                 { padding-left: 180px; }
    .container .offset-by-four                  { padding-left: 240px; }
    .container .offset-by-five                  { padding-left: 300px; }
    .container .offset-by-six                   { padding-left: 360px; }
    .container .offset-by-seven                 { padding-left: 420px; }
    .container .offset-by-eight                 { padding-left: 480px; }
    .container .offset-by-nine                  { padding-left: 540px; }
    .container .offset-by-ten                   { padding-left: 600px; }
    .container .offset-by-eleven                { padding-left: 660px; }
    .container .offset-by-twelve                { padding-left: 720px; }
    .container .offset-by-thirteen              { padding-left: 780px; }
    .container .offset-by-fourteen              { padding-left: 840px; }
    .container .offset-by-fifteen               { padding-left: 900px; }


/* #Tablet (Portrait)
================================================== */

    /* Note: Design for a width of 768px */

    @media only screen and (min-width: 768px) and (max-width: 959px) {
        .container                                  { width: 768px; }
        .container .column,
        .container .columns                         { margin-left: 10px; margin-right: 10px;  }
        .column.alpha, .columns.alpha               { margin-left: 0; margin-right: 10px; }
        .column.omega, .columns.omega               { margin-right: 0; margin-left: 10px; }
        .alpha.omega                                { margin-left: 0; margin-right: 0; }

        .container .one.column,
        .container .one.columns                     { width: 28px; }
        .container .two.columns                     { width: 76px; }
        .container .three.columns                   { width: 124px; }
        .container .four.columns                    { width: 172px; }
        .container .five.columns                    { width: 220px; }
        .container .six.columns                     { width: 268px; }
        .container .seven.columns                   { width: 316px; }
        .container .eight.columns                   { width: 364px; }
        .container .nine.columns                    { width: 412px; }
        .container .ten.columns                     { width: 460px; }
        .container .eleven.columns                  { width: 508px; }
        .container .twelve.columns                  { width: 556px; }
        .container .thirteen.columns                { width: 604px; }
        .container .fourteen.columns                { width: 652px; }
        .container .fifteen.columns                 { width: 700px; }
        .container .sixteen.columns                 { width: 748px; }

        .container .one-third.column                { width: 236px; }
        .container .two-thirds.column               { width: 492px; }

        /* Offsets */
        .container .offset-by-one                   { padding-left: 48px; }
        .container .offset-by-two                   { padding-left: 96px; }
        .container .offset-by-three                 { padding-left: 144px; }
        .container .offset-by-four                  { padding-left: 192px; }
        .container .offset-by-five                  { padding-left: 240px; }
        .container .offset-by-six                   { padding-left: 288px; }
        .container .offset-by-seven                 { padding-left: 336px; }
        .container .offset-by-eight                 { padding-left: 384px; }
        .container .offset-by-nine                  { padding-left: 432px; }
        .container .offset-by-ten                   { padding-left: 480px; }
        .container .offset-by-eleven                { padding-left: 528px; }
        .container .offset-by-twelve                { padding-left: 576px; }
        .container .offset-by-thirteen              { padding-left: 624px; }
        .container .offset-by-fourteen              { padding-left: 672px; }
        .container .offset-by-fifteen               { padding-left: 720px; }
    }


/*  #Mobile (Portrait)
================================================== */

    /* Note: Design for a width of 320px */

    @media only screen and (max-width: 767px) {
        .container { width: 300px; }
        .container .columns,
        .container .column { margin: 0; }

        .container .one.column,
        .container .one.columns,
        .container .two.columns,
        .container .three.columns,
        .container .four.columns,
        .container .five.columns,
        .container .six.columns,
        .container .seven.columns,
        .container .eight.columns,
        .container .nine.columns,
        .container .ten.columns,
        .container .eleven.columns,
        .container .twelve.columns,
        .container .thirteen.columns,
        .container .fourteen.columns,
        .container .fifteen.columns,
        .container .sixteen.columns,
        .container .one-third.column,
        .container .two-thirds.column  { width: 300px; }

        /* Offsets */
        .container .offset-by-one,
        .container .offset-by-two,
        .container .offset-by-three,
        .container .offset-by-four,
        .container .offset-by-five,
        .container .offset-by-six,
        .container .offset-by-seven,
        .container .offset-by-eight,
        .container .offset-by-nine,
        .container .offset-by-ten,
        .container .offset-by-eleven,
        .container .offset-by-twelve,
        .container .offset-by-thirteen,
        .container .offset-by-fourteen,
        .container .offset-by-fifteen { padding-left: 0; }

    }


/* #Mobile (Landscape)
================================================== */

    /* Note: Design for a width of 480px */

    @media only screen and (min-width: 480px) and (max-width: 767px) {
        .container { width: 420px; }
        .container .columns,
        .container .column { margin: 0; }

        .container .one.column,
        .container .one.columns,
        .container .two.columns,
        .container .three.columns,
        .container .four.columns,
        .container .five.columns,
        .container .six.columns,
        .container .seven.columns,
        .container .eight.columns,
        .container .nine.columns,
        .container .ten.columns,
        .container .eleven.columns,
        .container .twelve.columns,
        .container .thirteen.columns,
        .container .fourteen.columns,
        .container .fifteen.columns,
        .container .sixteen.columns,
        .container .one-third.column,
        .container .two-thirds.column { width: 420px; }
    }


/* #Clearing
================================================== */

    /* Self Clearing Goodness */
    .container:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }

    /* Use clearfix class on parent to clear nested columns,
    or wrap each row of columns in a <div class="row"> */
    .clearfix:before,
    .clearfix:after,
    .row:before,
    .row:after {
      content: '\0020';
      display: block;
      overflow: hidden;
      visibility: hidden;
      width: 0;
      height: 0; }
    .row:after,
    .clearfix:after {
      clear: both; }
    .row,
    .clearfix {
      zoom: 1; }

    /* You can also use a <br class="clear" /> to clear columns */
    .clear {
      clear: both;
      display: block;
      overflow: hidden;
      visibility: hidden;
      width: 0;
      height: 0;
    }

@import url(../fonts/kalpurush/stylesheet.css);

*{
    padding:0;
    margin:0;
    font-family: kalpurushregular!important;
   	font-style: normal;
}
.footer-wrapper {
	background-color:#EBEBEB;
	height: 100px;
	margin: 0 auto;
}
.footer-inner .block {
	margin-top: 30px;
}
.footer-inner .block p {
	font-size: 1.2em;
	margin: 0;
	text-align: right;
}

.horizontal-tabs ul{
	width: 100%;
	float: left;
	border-bottom: 1px solid #aaa;
}
.horizontal-tabs ul li{
	background-color: #FAFAFA;
    border-left: 1px solid #aaa;
    border-right: 1px solid #aaa;
    border-top: 1px solid #aaa;
    float: left;
    margin-bottom: 0;
    
}
.horizontal-tabs ul li.active{
	background-color: #aaa;
}
.horizontal-tabs ul li a{
	color: #000;
	padding: 10px;
	float: left;
}
.horizontal-tabs ul li.active a{
	color: #fff;
}
.horizontal-tabs ul li.active a:hover{
	color: #fff;
}

.vertical-tabs div{
	width: 70%;
	float: left;
}

.vertical-tabs ul{
	width: 30%;
	float: left;
}
.vertical-tabs ul li{
	width: 90%;
	background-color: #FAFAFA;
    border-right: 1px solid #aaa;
    float: left;
    margin-bottom: 0;
}
.vertical-tabs ul li.active{
	background-color: #aaa;
}
.vertical-tabs ul li a{
	float: left;
	color: #000;
	padding: 10px;
}
.vertical-tabs ul li.active a{
	color: #fff;
}
.vertical-tabs ul li.active a:hover{
	color: #fff;
}

.work_distribution li,
.work_distribution a{
	float: left;
	font-size: 1em;
	color: #666;
}
@media only screen and (min-width: 960px) {
	body{
		background: url("../image/bg_main.gif") repeat-y scroll center top rgba(0, 0, 0, 0);
	}
	.footer-artwork {
		background: url("../image/footer_top_bg.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
		height: 84px;
		margin: 0 auto;
		width: 1020px;
		clear:both;
	}
	.footer-wrapper {
		width: 1020px;
	}
	#block-block-1 {
		float: right;
		text-align: right;
		margin-right: 20px;
	}
	.right-side-bar{
		width: 220px!important;
		margin-left: 20px!important;
	}
}

/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 959px) {
	.footer-artwork {
		height: 15px;
		margin: 0 auto;
		background-color: #666;
	}
	#notice-board{
				background: url("images/welcome_grad.png") repeat-x scroll center bottom #EBEBEB;
				border: 1px solid #DDDDDD;
				height: 172px;
				font-size: .8em;
				padding: 20px 0 0 120px;
			}
			#notice-board h2{
				font-size: 1.5em;
			}
}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {}

/* ###################################################################
	
	ITEM NAME  : Meganizr Responsive CSS3 Mega Menu
	ITEM URI   : http://codecanyon.net/item/meganizr-responsive-css3-mega-menu/2629504
	VERSION    : 1.0.2
	AUTHOR     : Valeriu Timbuc
	AUTHOR URI : http://vtimbuc.net
	LICENSE    : Regular License - http://codecanyon.net/licenses/regular_extended

################################################################### */



/* ###################################################################

	// 1. RESET STYLES
	// 2. NAVIGATION BAR STYLES
	// 3. SEARCH FORM
	// 4. DROPDOWN
	// 5. CONTENT STYLES
	// 6. RESPONSIVE
	// 7. EXTRA COLOR STYLES

################################################################### */



	/* // 1. RESET STYLES */
	/* ################################################################ */
	.meganizr, .meganizr ul, .meganizr li, .meganizr a, .meganizr img, .meganizr div, .meganizr p, .meganizr form, .meganizr input, .meganizr textarea, .meganizr h3, .meganizr h4, .meganizr h5 { margin: 0; padding: 0; font-size: 12px; font-family: sans-serif; }
	.meganizr a { text-decoration: none; }
	.meganizr li { list-style: none; }
	.meganizr input, .meganizr textarea, .meganizr img { outline: none; border: none; background: none; }



	/* // 2. NAVIGATION BAR STYLES */
	/* ################################################################ */
	.meganizr {
		position: relative;
		z-index: 500;
		clear: both;
		width: 100%;
		height: 37px;
		background-color: #FAFAFA;
	    border-bottom: 1px dotted #CCCCCC;
	}

	.meganizr:before,
	.meganizr:after {
		content: '';
		clear: both;
	}

	/* Nav List */
	.meganizr > li {
		position: relative;
		display: block;
		float: left;
		height: 37px;
	font-style: normal;
		border-right: 1px dotted #ccc;
	}

	.meganizr > li.mzr-align-right {
		float: right;
		border-right: none;
		border-left: 1px dotted #ccc;
	}

	/* Nav Links */
	.meganizr > li > a {
		position: relative;
		z-index: 550;
		display: block;
		padding: 11px 15px 11px 15px;
		

		/* font-family: 'Play', Helvetica, Arial, sans-serif; */
		font-size: 17px;
		font-style: normal;
		color: #525252;
		text-shadow: 0px 1px 1px white;

		-webkit-transition: color .15s ease-in, background-image .2s linear .15s;
		-moz-transition: color .15s ease-in, background-image .2s linear .15s;
		-o-transition: color .15s ease-in, background-image .2s linear .15s;
		-ms-transition: color .15s ease-in, background-image .2s linear .15s;
		transition: color .15s ease-in, background-image .2s linear .15s;
	}

	.meganizr > li > a:hover { color: #000000; }

	.meganizr > li > a:active {
		color: #525252;

		-webkit-transition: color 1ms;
		-moz-transition: color 1ms;
		-o-transition: color 1s;
		-ms-transition: color 1s;
		transition: color 1s;
	}

	.meganizr > li.mzr-drop:hover > a:after,
	.meganizr > li.mzr-drop > a.mzr-click:after {
		position: absolute;
		content: '';
		top: 0;
		left: 0;
		width: 100%;
		
		/*background: transparent url(../img/drop-arrow.png) no-repeat bottom center;*/
	}

	.meganizr > li.mzr-drop:hover > a,
	.meganizr > li.mzr-drop > a.mzr-click { z-index: 650;}


@media only screen and (min-width:980px ){
	/* // 4. DROPDOWN */
	/* ################################################################ */
	.meganizr > li > div,
	.meganizr > li > ul,
	.meganizr > li > ul li > ul {
		position: absolute;
		z-index: 600;
		padding: 10px 0;
		top: 37px;
		left: 0px;
		opacity: 0;
		overflow: hidden;
		visibility: hidden;
		display: none;
		background-color: #ffffff;
		/*border: 1px solid #e1e1e1;	*/
	}

	.meganizr > li.mzr-align-right > div {
		left: auto;
		right: -1px;
	}

	/* Transitions */
	.mzr-slide > li > div,
	.mzr-slide > li > ul,
	.mzr-slide > li > ul li > ul,
	.mzr-fade > li > div,
	.mzr-fade > li > ul,
	.mzr-fade > li > ul li > ul {
		-webkit-transition: all .25s linear .15s;
		-moz-transition: all .25s linear .15s;
		-o-transition: all .25s linear .15s;
		-ms-transition: all .25s linear .15s;
		transition: all .25s linear .15s;
	}

	.mzr-slide > li > div,
	.mzr-slide > li > ul,
	.mzr-slide > li > ul li > ul { top: 100px; }

	.mzr-slide > li.mzr-drop:hover > div,
	.mzr-slide > li.mzr-drop:hover > ul,
	.mzr-slide > li > ul li.mzr-drop:hover > ul {
		top: 37px;

		opacity: 1;
		overflow: visible;
		visibility: visible;
		display: block;
	}

	.mzr-fade > li.mzr-drop:hover > div,
	.mzr-fade > li.mzr-drop:hover > ul,
	.mzr-fade > li > ul li.mzr-drop:hover > ul,
	.meganizr > li.mzr-drop:hover > div,
	.meganizr > li.mzr-drop:hover > ul,
	.meganizr > li > ul li.mzr-drop:hover > ul {
		opacity: 1;
		overflow: visible;
		visibility: visible;
		display: block;
	}

}

	/* Dropdown Columns */
	.meganizr .drop-two-columns { width: 340px; }
	.meganizr .drop-three-columns { width: 510px; }
	.meganizr .drop-four-columns { width: 680px;}
	.meganizr .drop-five-columns { width: 850px;}
	.meganizr .drop-six-columns { width: 1020px;}



	/* Content Columns */
	.meganizr .one-col { width: 150px; }
	.meganizr .two-col { width: 310px; }
	.meganizr .three-col { width: 470px; }
	.meganizr .four-col { width: 630px; }
	.meganizr .five-col { width: 790px; }
	.meganizr .six-col { width: 950px; }

	.meganizr .one-col, .meganizr .two-col, .meganizr .three-col, .meganizr .four-col, .meganizr .five-col, .meganizr .six-col {
		float: left;
		margin: 10px;
	}

	/* Dropdown Levels */

	.meganizr > li > ul,
	.meganizr > li > ul li > ul {
		width: 160px;
		padding: 10px;
	}

	.meganizr > li > ul li.mzr-drop:hover > ul,
	.meganizr.mzr-fade > li > ul li.mzr-drop > ul { top: -11px; }

	.meganizr > li > ul li { position: relative; }

	.meganizr > li > ul li > ul {
		position: absolute;
		left: 100%;
	}

	.meganizr > li.mzr-align-right > ul {
		left: auto;
		right: 0;
	}

	.meganizr > li > ul li.mzr-align-left > ul {
		position: absolute;
		left: auto;
		right: 105%;
	}

	.meganizr > li > ul a {
		display: block;
		line-height: 38px;

		border-bottom: 1px dotted #e1e1e1;

		font-family: 'Play', Helvetica, Arial, sans-serif;
		font-size: 14px;
		color: #5e5e5e;
		text-shadow: 0px 1px 1px white;

		-webkit-transition: color .15s ease-in;
		-moz-transition: color .15s ease-in;
		-o-transition: color .15s ease-in;
		-ms-transition: color .15s ease-in;
		transition: color .15s ease-in;
	}

	.meganizr > li > ul li:last-child a { border: none; }

	.meganizr > li > ul a:hover { color: #888; }

	.meganizr > li > ul li.mzr-drop > a { background: url(../image/arrow.png) no-repeat 140px 16px; }

	.meganizr > li > ul li.mzr-align-left.mzr-drop > a { background: url(../image/arrow-inverse.png) no-repeat 140px 16px; }



	/* // 5. CONTENT STYLES */
	/* ################################################################ */

	/* Images */
	.mzr-content img {
		max-width: 100%;

		opacity: 0.9;

		-webkit-transition: all 250ms ease-in-out;
		-moz-transition: all 250ms ease-in-out;
		-o-transition: all 250ms ease-in-out;
		-ms-transition: all 250ms ease-in-out;
		transition: all 250ms ease-in-out;
	}

	.mzr-content img:hover {
		opacity: 1;
	}

	/* Text */
	.mzr-content h2, .mzr-content h3, .mzr-content h4 {
		color: #555;
		margin: 10px 0;
	}

	.mzr-content h2 { font-size: 20px; }
	.mzr-content h3 { font-size: 18px; }
	.mzr-content h4 { font-size: 16px; }

	.mzr-content p {
		padding: 10px 0;
		line-height: 18px;
		color: #333;
	}

	/* Button */
	.mzr-content .button,
	.mzr-content input[type=submit] {
		cursor: pointer;
		display: inline-block;
		padding: 6px 25px;
		margin: 5px 0 10px 0;

		background: #eeeeee;
		border: 1px solid #e4e4e4;
		color: #666;
		text-transform: uppercase;
		font-weight: bold;
		text-align: center;

		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;

		-webkit-transition: all 250ms ease-in-out;
		-moz-transition: all 250ms ease-in-out;
		-o-transition: all 250ms ease-in-out;
		-ms-transition: all 250ms ease-in-out;
		transition: all 250ms ease-in-out;

		-webkit-box-shadow: inset 0px 0px 20px rgba(0, 0, 0, 0.1), inset 0px 1px 1px 0px rgba(255, 255, 255, 1);
		-moz-box-shadow: inset 0px 0px 20px rgba(0, 0, 0, 0.1), inset 0px 1px 1px 0px rgba(255, 255, 255, 1);
		box-shadow: inset 0px 0px 20px rgba(0, 0, 0, 0.1), inset 0px 1px 1px 0px rgba(255, 255, 255, 1);
	}

	.mzr-content .button:hover,
	.mzr-content input[type=submit]:hover {
		-webkit-box-shadow: inset 0px 0px 20px rgba(0, 0, 0, 0.2), inset 0px 1px 1px 0px rgba(255, 255, 255, 1);
		-moz-box-shadow: inset 0px 0px 20px rgba(0, 0, 0, 0.2), inset 0px 1px 1px 0px rgba(255, 255, 255, 1);
		box-shadow: inset 0px 0px 20px rgba(0, 0, 0, 0.2), inset 0px 1px 1px 0px rgba(255, 255, 255, 1);
	}

	.mzr-content .button:active,
	.mzr-content input[type=submit]:active {
		-webkit-transition-duration: 25ms;
		-moz-transition-duration: 25ms;
		-o-transition-duration: 25ms;
		-ms-transition-duration: 25ms;
		transition-duration: 25ms;

		-webkit-box-shadow: inset 0px 0px 20px rgba(0, 0, 0, 0.2), inset 0px -1px 1px 0px rgba(255, 255, 255, 1);
		-moz-box-shadow: inset 0px 0px 20px rgba(0, 0, 0, 0.2), inset 0px -1px 1px 0px rgba(255, 255, 255, 1);
		box-shadow: inset 0px 0px 20px rgba(0, 0, 0, 0.2), inset 0px -1px 1px 0px rgba(255, 255, 255, 1);
	}

	/* Links */
	.mzr-content a { color: #000; font-size: 1.2em;}
	.mzr-content a:hover { color: #333; background-color: #eee;}

	.mzr-content .mzr-links a {
		display: block;
		padding: 5px 0 0 0;
		line-height: 20px;
		border-bottom: 1px dotted #e1e1e1;
	}

	.mzr-content .mzr-links li:last-child a { border: none; }

	/* Cursor */
	.mzr-content { cursor: default; }

	/* Floats */
	.mzr-content .fl { float: left; }
	.mzr-content .fr { float: right; }
	.mzr-content .cb { clear: both; }
	.mzr-content .cl { clear: left; }
	.mzr-content .cr { clear: right; }
	.mzr-content .block { display: block; margin-top: 10px;}

	/* Forms */
	.mzr-content input[type=text], .mzr-content input[type=email], .mzr-content textarea {
		display: block;
		width: 160px;
		padding: 9px 10px 8px 35px;
		line-height: 18px;
		margin-bottom: 10px;
		
		background-color: #f6f6f6;
		background-repeat: no-repeat;
		background-position: 10px 9px;

		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;

		-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
		-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
		box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);

		-webkit-transition: box-shadow linear 0.2s;
		-moz-transition: box-shadow linear 0.2s;
		-ms-transition: box-shadow linear 0.2s;
		-o-transition: box-shadow linear 0.2s;
		transition: box-shadow linear 0.2s;

		border: 1px solid transparent;
	}

	.mzr-content input[type=text]:hover, .mzr-content input[type=email]:hover, .mzr-content textarea:hover { background-color: #f0f0f0; }
	.mzr-content input[type=text]:focus, .mzr-content input[type=email]:focus, .mzr-content textarea:focus {
		background-color: #f0f0f0;
		outline: none;
	}

	.mzr-content textarea { width: 250px; max-width: 250px; height: 100px; }

	.mzr-content #name { background-image: url(../img/user.png); }
	.mzr-content #email { background-image: url(../img/mail.png); }
	.mzr-content #message { background-image: url(../img/baloon.png); }



	/* // 6. RESPONSIVE */
	/* ################################################################ */

	@media only screen and (max-width: 959px) {

		.mzr-responsive {
			height: auto;
			float: left;
			clear: both;
			margin: 25px 0; 
		}

		.mzr-responsive > li,
		.mzr-responsive > li.mzr-align-right {
			display: inline-block;
			float: left;
			position: static;
			border: none;
			width: 33.2%;
		}

		.mzr-responsive > li.mzr-drop { background: url(../image/arrow-down.png) no-repeat right center; }

		.mzr-responsive .drop-two-columns,
		.mzr-responsive .drop-three-columns,
		.mzr-responsive .drop-four-columns,
		.mzr-responsive .drop-five-columns,
		.mzr-responsive .drop-six-columns { width: 100%; }

		.mzr-responsive .one-col,
		.mzr-responsive .two-col,
		.mzr-responsive .three-col {
			width: 45.5%;
			margin: 2%;
		}

		.mzr-responsive .four-col,
		.mzr-responsive .five-col,
		.mzr-responsive .six-col,
		.mzr-responsive .mzr-contact .one-col,
		.mzr-responsive .mzr-contact .two-col,
		.mzr-responsive .mzr-contact .three-col,
		.mzr-responsive .mzr-contact .four-col,
		.mzr-responsive .mzr-contact .five-col,
		.mzr-responsive .mzr-contact .six-col {
			width: 95.5%;
			margin: 2%;
		}

		.mzr-responsive.mzr-slide > li > div,
		.mzr-responsive.mzr-slide > li > ul,
		.mzr-responsive.mzr-slide > li > ul li > ul,
		.mzr-responsive.mzr-fade > li > div,
		.mzr-responsive.mzr-fade > li > ul,
		.mzr-responsive.mzr-fade > li > ul li > ul { top: auto; }

		.mzr-responsive.mzr-slide > li.mzr-drop:hover > div,
		.mzr-responsive.mzr-slide > li.mzr-drop:hover > ul,
		.mzr-responsive.mzr-slide > li > ul li.mzr-drop:hover > ul,
		.mzr-responsive.mzr-fade > li.mzr-drop:hover > div,
		.mzr-responsive.mzr-fade > li.mzr-drop:hover > ul,
		.mzr-responsive.mzr-fade > li > ul li.mzr-drop:hover > ul { top: auto;	}

		.mzr-responsive > li.mzr-search input { width: 90%; }
		.mzr-responsive > li.mzr-search input:focus { width: 90%; }
		.mzr-responsive > li.mzr-search input[type=text] {
			border: 1px solid #ccc;
			padding-left: 5px;
		}

		.mzr-responsive .mzr-content input[type=text],
		.mzr-responsive .mzr-content input[type=email],
		.mzr-responsive .mzr-content textarea {
			width: 80%;
			max-width: 80%;
			padding: 9px 4% 8px 15%;
		}

		.mzr-responsive li.mzr-drop.mzr-levels,
		.mzr-responsive li.mzr-drop.mzr-contact {
			position: relative;
		}

		.mzr-responsive > li.mzr-drop > ul,
		.mzr-responsive > li.mzr-drop > ul li > ul {
			width: 100%;
			padding: 0;
		}

		.mzr-responsive > li > ul li > ul,
		.mzr-responsive > li > ul li.mzr-align-left > ul,
		.mzr-responsive > li.mzr-align-right > ul {
			left: -1px;
		}

		.mzr-responsive > li > ul a {
			margin-left: 10px;
			margin-right: 10px; 
		}

		.mzr-responsive > li > ul li.mzr-drop > a,
		.mzr-responsive > li > ul li.mzr-align-left.mzr-drop > a { background: url(../image/arrow-down.png) no-repeat 100% center; }

	}

	@media only screen and (max-width: 767px) {

		.mzr-responsive > li,
		.mzr-responsive > li.mzr-align-right { width: 49.5%; }

	}

	@media only screen and (max-width: 479px) {

		.mzr-responsive > li,
		.mzr-responsive > li.mzr-align-right {
			display: block;
			width: 100%;
		}

		.mzr-responsive .one-col,
		.mzr-responsive .two-col,
		.mzr-responsive .three-col,
		.mzr-responsive .four-col,
		.mzr-responsive .five-col,
		.mzr-responsive .six-col {
			width: 95.5%;
			margin: 2%;
		}

	}



	/* // 7. EXTRA COLOR STYLES */
	/* ################################################################ */

	/* Paste your custom color schemes/styles here. */


	.meganizr > li > a{color: #333;}
	.meganizr > li.col1 > a{color: #FF6600;}
	.meganizr > li.col2 > a{color: #C40A2A;}
	.meganizr > li.col3 > a{color: #84154D;}
	.meganizr > li.col4 > a{color: #098346;}
	.meganizr > li.col5 > a{color: #1399BE;}
	.meganizr > li.col6 > a{color: #8768DE;}

	.meganizr > li:hover, 
	.meganizr > li > a:hover{ color: #fff; background-color:#000000; }

	.meganizr > li.col1:hover, .meganizr > li.col1 > a:hover{ background-color: #333; }

	.meganizr > li.col1:hover,
	.meganizr > li.col1 > a:hover{ background-color: #FF6600;}
	.meganizr > li.col2:hover,
	.meganizr > li.col2 > a:hover{ background-color: #C40A2A; color: #fff; }
	.meganizr > li.col3:hover,
	.meganizr > li.col3 > a:hover{ background-color: #84154D; color: #fff; }
	.meganizr > li.col4:hover,
	.meganizr > li.col4 > a:hover{ background-color: #098346; color: #fff; }
	.meganizr > li.col5:hover,
	.meganizr > li.col5 > a:hover{ background-color: #1399BE; color: #fff; }
	.meganizr > li.col6:hover,
	.meganizr > li.col6 > a:hover{ background-color: #8768DE; color: #fff; }

	.mzr-content h6{font-weight:bold;}
	li.col0 h6{font-weight:bold; margin-bottom: 4px;}
	li.col1 h6{color: #FF6600;font-weight:bold; margin-bottom: 4px;}
	li.col2 h6{color: #C40A2A;font-weight:bold; margin-bottom: 4px;}
	li.col3 h6{color: #84154D;font-weight:bold; margin-bottom: 4px;}
	li.col4 h6{color: #098346;font-weight:bold; margin-bottom: 4px;}
	li.col5 h6{color: #1399BE;font-weight:bold; margin-bottom: 4px;}
	li.col6 h6{color: #8768DE;font-weight:bold; margin-bottom: 4px;}

	li.col1 .drop-five-columns { margin-left: -83px;}
	li.col1 .drop-six-columns { margin-left: -83px;}

	li.col2 .drop-four-columns { margin-left: -100px;}
	li.col2 .drop-five-columns { margin-left: -100px;}
	li.col2 .drop-six-columns { margin-left: -100px;}

	li.col3 .drop-four-columns { margin-left: -110px;}
	li.col3 .drop-five-columns { margin-left: -110px;}
	li.col3 .drop-six-columns { margin-left: -110px;}

	li.col4 .drop-three-columns { margin-left: -120px;}
	li.col4 .drop-four-columns { margin-left: -120px;}
	li.col4 .drop-five-columns { margin-left: -120px;}
	li.col4 .drop-six-columns { margin-left: -120px;}

	li.col5 .drop-three-columns { margin-left: -130px;}
	li.col5 .drop-four-columns { margin-left: -130px;}
	li.col5 .drop-five-columns { margin-left: -130px;}
	li.col5 .drop-six-columns { margin-left: -130px;}

	li.col6 .drop-three-columns { margin-left: -140px;}
	li.col6 .drop-four-columns { margin-left: -140px;}
	li.col6 .drop-five-columns { margin-left: -140px;}
	li.col6 .drop-six-columns { margin-left: -140px;}

	li.col7 .drop-two-columns { margin-left: -150px;}
	li.col7 .drop-three-columns { margin-left: -150px;}
	li.col7 .drop-four-columns { margin-left: -150px;}
	li.col7 .drop-five-columns { margin-left: -150px;}
	li.col7 .drop-six-columns { margin-left: -150px;}


	li.col1 .mzr-content{border-top: #FF6600 solid 8px;}
	li.col2 .mzr-content{border-top: #C40A2A solid 8px;}
	li.col3 .mzr-content{border-top: #84154D solid 8px;}
	li.col4 .mzr-content{border-top: #098346 solid 8px;}
	li.col5 .mzr-content{border-top: #1399BE solid 8px;}
	li.col6 .mzr-content{border-top: #8768DE solid 8px;}

	.mzr-drop .mzr-content{border-top: #333 solid 8px;}



	/* Responsive Menu*/
	.show-menu{
	    display: none;
	    background-color: #333333;
	    font-size: 14px;
	    padding:5px;
	}
	@media only screen and (max-width: 600px) {
    ul.meganizr li.col0{
    	display: none !important;
    }
	}

@font-face {
	font-family: "Flaticon";
	src: url("flaticon.eot");
	src: url("flaticon.eot#iefix") format("embedded-opentype"),
	url("flaticon.woff") format("woff"),
	url("flaticon.ttf") format("truetype"),
	url("flaticon.svg") format("svg");
	font-weight: normal;
	font-style: normal;
}
[class^="flaticon-"]:before, [class*=" flaticon-"]:before,
[class^="flaticon-"]:after, [class*=" flaticon-"]:after {   
	font-family: Flaticon;
        /*font-size: 20px;*/
font-style: normal;
/*margin-left: 20px;*/
}.flaticon-2440:before {
	content: "\e000";
}
.flaticon-2442:before {
	content: "\e001";
}
.flaticon-a6:before {
	content: "\e002";
}
.flaticon-agreement:before {
	content: "\e003";
}
.flaticon-agreement4:before {
	content: "\e004";
}
.flaticon-ascendant6:before {
	content: "\e005";
}
.flaticon-award52:before {
	content: "\e006";
}
.flaticon-award73:before {
	content: "\e007";
}
.flaticon-badges2:before {
	content: "\e008";
}
.flaticon-big101:before {
	content: "\e009";
}
.flaticon-menu10:before {
	content: "\e009";
}


.flaticon-books8:before {
	content: "\e00a";
}
.flaticon-box39:before {
	content: "\e00b";
}
.flaticon-building78:before {
	content: "\e00c";
}
.flaticon-business133:before {
	content: "\e00d";
}
.flaticon-business60:before {
	content: "\e00e";
}
.flaticon-businessman260:before {
	content: "\e00f";
}
.flaticon-calculating4:before {
	content: "\e010";
}
.flaticon-calendar146:before {
	content: "\e011";
}
.flaticon-calendar157:before {
	content: "\e012";
}
.flaticon-calendar60:before {
	content: "\e013";
}
.flaticon-calendar68:before {
	content: "\e014";
}
.flaticon-call37:before {
	content: "\e015";
}
.flaticon-chart42:before {
	content: "\e016";
}
.flaticon-charts3:before {
	content: "\e017";
}
.flaticon-chat44:before {
	content: "\e018";
}
.flaticon-chat51:before {
	content: "\e019";
}
.flaticon-checklist4:before {
	content: "\e01a";
}
.flaticon-chemistry33:before {
	content: "\e01b";
}
.flaticon-city8:before {
	content: "\e01c";
}
.flaticon-clipboard105:before {
	content: "\e01d";
}
.flaticon-clothing20:before {
	content: "\e01e";
}
.flaticon-cloud228:before {
	content: "\e01f";
}
.flaticon-cloud384:before {
	content: "\e020";
}
.flaticon-college:before {
	content: "\e021";
}
.flaticon-configure:before {
	content: "\e022";
}
.flaticon-connected21:before {
	content: "\e023";
}
.flaticon-contract11:before {
	content: "\e024";
}
.flaticon-creditcard3:before {
	content: "\e025";
}
.flaticon-curriculum3:before {
	content: "\e026";
}
.flaticon-delivery29:before {
	content: "\e027";
}
.flaticon-delivery30:before {
	content: "\e028";
}
.flaticon-diagram11:before {
	content: "\e029";
}
.flaticon-document162:before {
	content: "\e02a";
}
.flaticon-document237:before {
	content: "\e02b";
}
.flaticon-document238:before {
	content: "\e02c";
}
.flaticon-document69:before {
	content: "\e02d";
}
.flaticon-document93:before {
	content: "\e02e";
}
.flaticon-documents12:before {
	content: "\e02f";
}
.flaticon-dossier:before {
	content: "\e030";
}
.flaticon-download164:before {
	content: "\e031";
}
.flaticon-ebook23:before {
	content: "\e032";
}
.flaticon-email5:before {
	content: "\e033";
}
.flaticon-event5:before {
	content: "\e034";
}
.flaticon-event7:before {
	content: "\e035";
}
.flaticon-exam:before {
	content: "\e036";
}
.flaticon-eye110:before {
	content: "\e037";
}
.flaticon-facebook29:before {
	content: "\e038";
}
.flaticon-facebook30:before {
	content: "\e039";
}
.flaticon-female23:before {
	content: "\e03a";
}
.flaticon-file148:before {
	content: "\e03b";
}
.flaticon-file207:before {
	content: "\e03c";
}
.flaticon-file98:before {
	content: "\e03d";
}
.flaticon-folder265:before {
	content: "\e03e";
}
.flaticon-gallery7:before {
	content: "\e03f";
}
.flaticon-graph22:before {
	content: "\e040";
}
.flaticon-group44:before {
	content: "\e041";
}
.flaticon-halloween92:before {
	content: "\e042";
}
.flaticon-helmet12:before {
	content: "\e043";
}
.flaticon-helmets1:before {
	content: "\e044";
}
.flaticon-home78:before {
	content: "\e045";
}
.flaticon-increasing5:before {
	content: "\e046";
}
.flaticon-info28:before {
	content: "\e047";
}
.flaticon-info31:before {
	content: "\e048";
}
.flaticon-inspiration:before {
	content: "\e049";
}
.flaticon-journal:before {
	content: "\e04a";
}
.flaticon-journalists1:before {
	content: "\e04b";
}
.flaticon-judge1:before {
	content: "\e04c";
}
.flaticon-justice4:before {
	content: "\e04d";
}
.flaticon-laptop88:before {
	content: "\e04e";
}
.flaticon-layout28:before {
	content: "\e04f";
}
.flaticon-link23:before {
	content: "\e050";
}
.flaticon-link71:before {
	content: "\e051";
}
.flaticon-logotype141:before {
	content: "\e052";
}
.flaticon-loudspeaker20:before {
	content: "\e053";
}
.flaticon-magistrate:before {
	content: "\e054";
}
.flaticon-mails6:before {
	content: "\e055";
}
.flaticon-management3:before {
	content: "\e056";
}
.flaticon-management4:before {
	content: "\e057";
}
.flaticon-manager3:before {
	content: "\e058";
}
.flaticon-map-pointer2:before {
	content: "\e059";
}
.flaticon-marketing8:before {
	content: "\e05a";
}
.flaticon-marketingbuzz:before {
	content: "\e05b";
}
.flaticon-medical50:before {
	content: "\e05c";
}
.flaticon-men16:before {
	content: "\e05d";
}
.flaticon-menu48:before {
	content: "\e05e";
}
.flaticon-message:before {
	content: "\e05f";
}
.flaticon-message34:before {
	content: "\e060";
}
.flaticon-mic13:before {
	content: "\e061";
}
.flaticon-monitor7:before {
	content: "\e062";
}
.flaticon-monthly5:before {
	content: "\e063";
}
.flaticon-multiple25:before {
	content: "\e064";
}
.flaticon-news1:before {
	content: "\e065";
}
.flaticon-news16:before {
	content: "\e066";
}
.flaticon-newspaper1:before {
	content: "\e067";
}
.flaticon-newspaper11:before {
	content: "\e068";
}
.flaticon-note16:before {
	content: "\e069";
}
.flaticon-note20:before {
	content: "\e06a";
}
.flaticon-note48:before {
	content: "\e06b";
}
.flaticon-notebook24:before {
	content: "\e06c";
}
.flaticon-notebook88:before {
	content: "\e06d";
}
.flaticon-notes26:before {
	content: "\e06e";
}
.flaticon-office-worker2:before {
	content: "\e06f";
}
.flaticon-olive:before {
	content: "\e070";
}
.flaticon-open:before {
	content: "\e071";
}
.flaticon-open124:before {
	content: "\e072";
}
.flaticon-open131:before {
	content: "\e073";
}
.flaticon-package7:before {
	content: "\e074";
}
.flaticon-pen13:before {
	content: "\e075";
}
.flaticon-pencil43:before {
	content: "\e076";
}
.flaticon-personal5:before {
	content: "\e077";
}
.flaticon-photos13:before {
	content: "\e078";
}
.flaticon-pie27:before {
	content: "\e079";
}
.flaticon-pin56:before {
	content: "\e07a";
}
.flaticon-premium1:before {
	content: "\e07b";
}
.flaticon-press8:before {
	content: "\e07c";
}
.flaticon-prize3:before {
	content: "\e07d";
}
.flaticon-responsive12:before {
	content: "\e07e";
}
.flaticon-review5:before {
	content: "\e07f";
}
.flaticon-right127:before {
	content: "\e080";
}
.flaticon-round63:before {
	content: "\e081";
}
.flaticon-save-file:before {
	content: "\e082";
}
.flaticon-sealed:before {
	content: "\e083";
}
.flaticon-search99:before {
	content: "\e084";
}
.flaticon-send4:before {
	content: "\e085";
}
.flaticon-seo40:before {
	content: "\e086";
}
.flaticon-settings48:before {
	content: "\e087";
}
.flaticon-shopping159:before {
	content: "\e088";
}
.flaticon-sign20:before {
	content: "\e089";
}
.flaticon-slideshow:before {
	content: "\e08a";
}
.flaticon-smartphone53:before {
	content: "\e08b";
}
.flaticon-soldier:before {
	content: "\e08c";
}
.flaticon-soldier1:before {
	content: "\e08d";
}
.flaticon-soldiers1:before {
	content: "\e08e";
}
.flaticon-soldiers2:before {
	content: "\e08f";
}
.flaticon-speaker122:before {
	content: "\e090";
}
.flaticon-speechbubble1:before {
	content: "\e091";
}
.flaticon-speechbubble18:before {
	content: "\e092";
}
.flaticon-teacher17:before {
	content: "\e093";
}
.flaticon-test1:before {
	content: "\e094";
}
.flaticon-think:before {
	content: "\e095";
}
.flaticon-tie1:before {
	content: "\e096";
}
.flaticon-twitter:before {
	content: "\e097";
}
.flaticon-twitter1:before {
	content: "\e098";
}
.flaticon-two205:before {
	content: "\e099";
}
.flaticon-two398:before {
	content: "\e09a";
}
.flaticon-user82:before {
	content: "\e09b";
}
.flaticon-users6:before {
	content: "\e09c";
}
.flaticon-wallclock:before {
	content: "\e09d";
}
.flaticon-web62:before {
	content: "\e09e";
}
.flaticon-website17:before {
	content: "\e09f";
}
.flaticon-wireless29:before {
	content: "\e0a0";
}
.flaticon-youtube1:before {
	content: "\e0a1";
}
.flaticon-youtube35:before {
	content: "\e0a2";
}

/*! http://responsiveslides.com v1.54 by @viljamis */

.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }

.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  }

.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }

.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
  }
/* Responsive Menu for ministry*/


@media only screen and (min-width:320px ) and (max-width:979px){

    #notice-board h2, #box-3 h4, #contents .block > h5, #printable_area h3, .meganizr > li > a{
      font-size: 14px !important;
      line-height: inherit!important;
    }
    #printable_area p, #printable_area p span, #printable_area div, #printable_area div span, td, th{
      font-size: 12px !important;
      line-height: 20px !important;
    }

    #printable_area p, #printable_area p span, #printable_area div, #printable_area div span{
        text-align: justify!important;
    }

    .container{
        overflow: hidden!important;
    }
	.meganizr > li > a{
		text-shadow:none!important;
	}
	.col0 a:hover{
		color:#fff!important;
        background-color: rgb(102,102,102);
	} 

    .meganizr > li > a:active, .meganizr > li > a {
      transition: none!important;
    }

    .meganizr > li > a {
      padding: 3px 15px;
    }
    .meganizr > li > div, .meganizr > li > ul, .meganizr > li > ul li > ul{
        padding: 0;
    }
    .mzr-content{
        padding-left: 10px !important;
    }


    #lang_form button, #lang_form{
        margin: 0;
    }
    .slide-panel-button {
        display: none !important;
    }

    /*====== Header ======*/

    #header-site-info{
        height: 30px;
    }
    .show-menu{
        display: block;
    }
    .show-menu .flaticon-menu10{
        border: 1px solid #fff;
        padding: 1px 0 0 4px;
    }
     .notice-board-bg {
      padding: 0 0 20px 10px;
      background: none;
    } 
    #notice-board h2 {
      margin-top: 5px;
    } 
    .meganizr{
        margin-top: 
    }   

    /*======= Footer =====*/

    .footer-credit {
      margin: 5px 20px 0 0!important;
    }
    #contents {
      margin: 11px 0 0!important;
    }
    .footer-wrapper {
      float: left;
      height: auto;
    }

    #footer-menu ul li {
      line-height: inherit;
      padding: 5px;
      margin-bottom: 0;
    } 
    #footer p{
        float: none;
    }  
    #footer-menu ul li{
        margin: 0;
        padding: 0;
    } 

    /*========== content ==============*/
    #news{
        margin: 10px 0 !important;
    }
    #notice-board{
        margin-bottom: 0;
        margin-top: 0;
    }
    hr{
        margin: 5px 0;
    }
    #printable_area h3{
        margin-bottom: 0;
    }
    #print_btn_div{
        display: none;
    }
    #div-view-pagination-pm-speech div:nth-child(1){
        display: none;
    }
    .pagination {
      margin: 0;
    }
    table h1,table h2, table h3,table h4,table h5{
        text-align: justify!important;
    }
    table{
        margin-bottom: 20px;
    }
    iframe{
        height: 400px !important;
        margin-bottom: 12px;
    }
     .container{
        overflow: hidden!important;
    }   
    .pagination li a {
      font-size: 14px;
      padding: 0 7px;
    }   

    #notice-board{
        height: auto!important;
    } 
    .right-side-bar .block ul li{
        background-position: left!important;
    }


    .mzr-content{
        display: none;
    }

    /*============== NAV design ============ */
    .show-menu {
        background: #fafafa;
        color: #000;
    }
    .col0:hover{
        color: #fff;
    }   
    

    .show-menu {
        line-height: 31px;
        padding-left: 10px;
    }      
    .col0 a{
        display: block;
    }
    .mzr-drop a{
        display: block;
    }
    .meganizr li, .meganizr ul{
        margin-bottom: 1px;
    }
 
    .mzr-links li:hover{
        background: rgba(0,0,0,.5);
    }  

    .meganizr li{
        line-height: 25px;
    }
    .one-col h6{
        color: #fff;
        margin-top: 10px;
    }

    .show-menu {
      background-image: url("/themes/b-nagar-computer/image/menu-icon.png") !important;
      background-repeat: no-repeat !important;
      margin-top: 10px;
      padding-left: 54px;
    }

    .mzr-content{
        border-right: none;
    }
    .show-menu i {
      background-color: #666;
      border-radius: 5px;
      color: #fff;
      padding: 7px 7px 7px 9px;
    }

    /*====== Bg color======*/

    .meganizr > li.col1:hover{ background-color:#fff ; color: #FF6600; }

    .meganizr > li.col2:hover{ background-color: #FFF; color: #C40A2A; }

    .meganizr > li.col3:hover{ background-color: #FFF; color: #84154D; }

    .meganizr > li.col4:hover {background-color: #FFF; color: #098346; }

    .meganizr > li.col5:hover{ background-color: #FFF; color: #1399BE; }

    .meganizr > li.col6:hover{ background-color: #FFF; color: #8768DE; } 

    .meganizr > li{
        height: auto;
    }

      /* Responsive Menu*/ 
    .mzr-responsive > li{
        width: 100%;
    }        
     .show-menu{
        display: block;
    }  
    .mzr-responsive{
        display: none;
    }        

    #footer-menu{
        width: 57%;
    }
    .footer-wrapper{
        width: 100%;
        overflow: hidden;
    }
    .footer-wrapper{
        height: auto;
    }
    #footer-menu ul{
        float: left;
    }
    .meganizr .drop-two-columns{
        width: 100%;
    }

    .meganizr {
      float: left;
      height: auto;
    }
    .mzr-content {
      border-top: none!important;
    }

    .updateText{
        float: left!important;
    }

    .mzr-responsive > li.mzr-drop {
      background-position:right 5px top 10px !important;
    }    
    .pagination li {
      float: left;
      margin: 10px 5px;
      padding: 5px;
      width: 30px;
    }

    
    #slogan {
        display: block;
    }
    #header-site-info {
      top: 150px;
    }
    .callbacks_container {
      min-height: 0!important;
    }

	
}
@media only screen and (min-width:320px ) and (max-width:480px){

    .show-menu{
        display: block;
    }
    .mzr-responsive{
        display:none;
    }

    .mzr-responsive{
        margin-top: 0px;
    }
    .mzr-content{
        width:99.49% !important;
    }    
    .mzr-responsive li{
        width:100%;
    }
    .drop-one-columns .one-col{
        width:95%!important;
    }   
    #footer-top { 
        line-height: 30px;
    }    

    /*======= Nav======*/
    .meganizr > li{height:auto;}
    .meganizr > li > div, .meganizr > li > ul, .meganizr > li > ul li > ul{position:relative;}
    .hidden{display:none;} 


     li.col1 .mzr-content, .mzr-drop .mzr-content{ border:none!important;}   
        
        /* Responsive Menu*/ 


	
    #footer-menu ul li{
        border:none!important;
    }
    /*================== Footer =========================*/
    #footer-menu ul li{
        width: 100%;
    }

    #slogan {
      font-size: 12px;
      margin-top: -5px;
      line-height: 14px;
    }  

   #div-lang form{
    margin-right: 3px;
   } 


}
@media only screen and (min-width:481px ) and (max-width:568px){
    .show-menu{
        display: block;
    }
    .mzr-responsive{
        display:none;
    }
    .menu-head{
        margin-bottom: 17px;
    }
    .mzr-responsive{
        margin-top: -1px;
    }
    .mzr-content{
        width:99.49% !important;
    } 
    .mzr-responsive li{
        width:100%;
    }
    .drop-one-columns .one-col{
        width:95%!important;
    }  
    #footer-menu ul li{
        width: 100%;
    }       
    #footer-menu ul li{
        border:none!important;
    }
    #slogan {
      font-size: 12px;
      margin-top: -5px;
    }
    #lang_form{
        margin-right: 3px;
    }    

}

@media only screen and (min-width:481px ) and (max-width:640px){
    .show-menu{
        display: block;
    }
    .mzr-responsive{
        display:none;
    }
    .menu-head{
        margin-bottom: 17px;
    }
    .mzr-responsive{
        margin-top: -1px;
    }
    .mzr-content{
        width:99.49% !important;
    }   
    .mzr-responsive li{
        width:100%;
    }
    .drop-one-columns .one-col{
        width:95%!important;
    }  
    #footer-menu ul li{
        width: 100%;
    }       
    #footer-menu ul li{
        border:none!important;
    }
    #lang_form{
        margin-right: 3px;
    }
}

@media only screen and (min-width:641px ) and (max-width:767px){

    .mzr-responsive{
        display:none;
    }
    .menu-head{
        margin-bottom: 17px;
    }
    .mzr-responsive{
        margin-top: -1px;
    }
    .mzr-content{
        width:99.49% !important;
    }   
    .mzr-responsive li{
        width:100%;
    }
    .drop-one-columns .one-col{
        width:95%!important;
    }   
    #footer-menu ul li{
        width: 50%;
    } 
    #lang_form{
        margin-right: 3px;
    }         

}

@media only screen and (min-width:768px ) and (max-width:979px){

    .meganizr .one-col{
        width: 45%;
    }
    #right-content {
        width: 100%; 
    }    
    #contents .block {
      min-height: 240px;
    } 
     #contents .block {
      width: 45%;
    }   
    #lang_form{
        margin-right: 12px;
    }   
    #search {
      width: 70% !important;
    }      

}

/*=======================tt custom css=============*/
.slide-visible{
  opacity: 1 !important;
  visibility: visible!important; 
}
.pagination li {
  float: left;
  margin: 10px 5px;
  padding: 5px;
  width: 30px;
}

#div-lang > form{
    display: block!important;
}

.callbacks_container {
  min-height: 225px;
}

.pagination .btn{
    background: none!important;
}

.pagination li {
    background-image: linear-gradient(to bottom, #666, #a6a6a6);
    text-align: center;
    background-color: #a6a6a6;
    list-style: none;
}


.sibling-toggle{
    display: none!important;
}


/*========== tt responsive table start================*/
.table_block{
    display: block;
    max-width: 100%;
    overflow:scroll;
    height: auto!important;
}
.table_block::-webkit-scrollbar {
  height: 15px;
  width: 1px;
  background: #969696;
  -webkit-border-radius: 10px;
}

.table_block::-webkit-scrollbar-thumb {
  background: #2B2B2B;
  -webkit-border-radius: 10px;
}
/*========== tt responsive table End================*/


/* mega menu list */
      .meganizr {
          display: block;
          position: relative;
          list-style: none;
          margin: 0;
          padding: 0;
          z-index: 15;

      }

      /* a top level navigation item in the mega menu */
      .mzr-drop {
          list-style: none;
          display: inline-block;
          padding: 0;
          margin: 0;
      }

      /* first descendant link within a top level navigation item */
      .mzr-drop > a {
          position: relative;
          display: inline-block;
          padding: 0.5em 1em;
          margin: 0 0 -1px 0;
          border: 1px solid transparent;
      }

      /* focus/open states of first descendant link within a top level
         navigation item */
      .mzr-drop > a:focus,
      .mzr-drop > a.open {
          border: 1px solid #dedede;
      }

      /* open state of first descendant link within a top level
         navigation item */
      .mzr-drop > a.open {
          /* background-color: #fff; */
          border-bottom: none;
          z-index: 1;
      }

      /* sub-navigation panel */
      .mzr-content {
          position: absolute ;
          display: none ;
          top: 2.6em ;
          margin-top: -1px ;
          padding: 0.5em 1em ;
          border: 1px solid #dedede ;
          /* background-color: #fff; */
      }

      /* sub-navigation panel open state*/
      .mzr-content.open {
          display: block;
      }

      /* list of items within sub-navigation panel */
      .mzr-content ul {
          display: block ;
          vertical-align: top ;
          margin: 0 1em 0 0 ;
          padding: 0 ;
      }

      /* list item within sub-navigation panel */
      .mzr-content li {
          display: block ;
          list-style-type: none ;
          margin: 0 ;
          padding: 0 ;
      }

      .focus-content {
          background-color: #609513;
      }



      .mzr-content.open[aria-hidden="false"] {
          display: block;
          opacity: 1 !important;
          visibility: visible!important;
          top: 37px !important;
      }
      .mzr-content.open[aria-hidden="true"] {
          display: none;
          opacity: 0 !important;
          visibility: hidden!important;
      }

      a.skip-link {
          left:-999px;
          position:absolute;
          top:auto;
          width:1px;
          height:1px;
          overflow:hidden;
          z-index:-999;
      }

      a.skip-link:focus, a.skip-link:active {
          color: #000;
          background-color:#fff;
          left: auto;
          top: auto;
          width: 30%;
          height: auto;
          overflow:auto;
          margin: 30px 13%;
          padding:2px;
          border-radius: 10px;
          border:4px solid black;
          text-align:center;
          font-size:1.1em;
          z-index:9999;
      }


@media only screen and (max-width: 959px) {

    li.col3 .drop-four-columns{
        margin-left: 0 !important;
    }
    .mzr-responsive.mzr-slide > li.mzr-drop:hover > 
    div, .mzr-responsive.mzr-slide > li.mzr-drop:hover > 
    ul, .mzr-responsive.mzr-slide > li > ul li.mzr-drop:hover > 
    ul, .mzr-responsive.mzr-fade > li.mzr-drop:hover > 
    div, .mzr-responsive.mzr-fade > li.mzr-drop:hover > ul, .mzr-responsive.mzr-fade > li > 
    ul li.mzr-drop:hover > ul{
        top: auto !important;
    }
}



/*background design by tt*/
.accessibilityDesign {
  background: #609513;
  border: 1px solid grey;
  float: left;
  color:#fff!important;
  margin:15px 0 15px 0px;
}
.accessibilityDesign a {
    color:#fff;
}
.textSize{
    border-right:2px solid grey;
}
.textSize, .textBg{
    float: left;
    padding: 10px;
}
.font-small,.font-medium,.font-large,.color-1,.color-2, .color-3, .color-4{
    cursor: pointer;
    padding: 5px 10px;
}
.font-small{
    font-size: 12px;
}
.font-medium{
    font-size: 18px;
}
.font-large{
    font-size: 25px;
}

.color-1,.color-2, .color-3, .color-4{
    font-size: 12px;
    border:1px solid grey;
}
.color-1{
    background-color: #fff;
    color:#000;
}
.color-2{
    background-color: #cfe5fc;
    color:#21205f;
}
.color-3{
    background-color: #2f2f2f;
    color:#ffff00;
}
.color-4{
    background-color: #f7f3d6;
    color:#000066;
}




@media only screen and (max-width: 768px)
{
	.select2-container {
		width: 100%!important;
	}
}

/* Right bar mobile responsiveness*/


@media only screen and (max-width: 768px)
{
	#right-content .block{
		text-align:center;
	}
	#right-content .block ul li{
		text-align:left;
	}
	#right-content .block img, p{
		float:none;
	}
}
/* ЁЯФ╣ Sidebar Widget Title Style */
#right-content .widget-title,
#right-content h2,
#right-content h3 {
    background-color: #609513;
    color: #fff;
    padding: 8px 12px;
    border-radius: 4px;
    margin-bottom: 10px;
    font-size: 16px;
    	font-style: normal;
}

/* ЁЯФ╣ Calendar Container */
#dual-calendar-table {
    border-collapse: collapse;
    border-spacing: 0; /* рж╕рзЗрж▓ржЧрзБрж▓рзЛрж░ ржорж╛ржЭрзЗ ржлрж╛ржБржХрж╛ рждрзБрж▓рзЗ ржжрж┐ржЪрзНржЫрзЗ */
    width: 100%;
    margin: 0;
    padding: 0;
}

#dual-calendar-table td {
    padding: 0px;            /* ржнрж┐рждрж░рзЗрж░ padding ржХржо */
    height: 15px;            /* рж╕рзЗрж▓рзЗрж░ ржЙржЪрзНржЪрждрж╛ */
    font-size: 13px;
    line-height: 1;          /* рж▓рж╛ржЗржи рж╕рзНржкрзЗрж╕рж┐ржВ ржХржо */
    vertical-align: middle;  /* ржЯрзЗржХрзНрж╕ржЯ ржорж╛ржЭржЦрж╛ржирзЗ ржерж╛ржХржмрзЗ */
    transition: background 0.3s;
}


#dual-calendar-table td:hover {
    background: #f0f8ff;
    cursor: pointer;
}

/* ЁЯФ╣ Navigation Buttons */
#calendar-header button {
    font-size: 13px;
    padding: 3px 6px;
}
#calendar-header button:hover {
    background: #005f8a;
}

/* ЁЯФ╣ Footer text ржЫрзЛржЯ ржХрж░рзЗ */
#calendar-footer {
    font-size: 13px;
    margin-top: 6px;
    color: #0073aa;
}

/* হেডার টপের দুইটি বর্ডার এবং উপরের ফাকা */
.container {
    position: relative;
    padding-top: 3px; /* উপরের ফাকা */
}

.container::before,
.container::after {
    content: '';
    display: block;
    height: 5px; /* বর্ডারের পুরুত্ব */
}

.container::before {
    background-color:#00a3cc; /* প্রথম বর্ডার - সবুজ */
}

.container::after {
    background-color: #3498db; /* দ্বিতীয় বর্ডার - নীল */
    margin-top: 2px; /* দুই বর্ডারের মধ্যে ফাঁক */
}



.header-slider-wrapper {
    max-width: 1000px;
    margin: 0 auto;
}

@media (max-width: 940px) {
  .container {
    max-width: 100%;
    padding: 0 10px;
  }
}

#jmenu {
  max-width: 1000px;
  margin: 0 auto;
  width: 100%;
  font-style: normal;
}

.rslides {
    position: relative;
    list-style: none;
    overflow: hidden;
    width: 100%;
    height: auto;
}
.rslides li {
    position: absolute;
    display: none;
    width: 100%;
    left: 0;
    top: 0;
}
.rslides li:first-child {
    display: block;
    position: relative;
}
.rslides img {
    width: 100%;
    border: 0;
    display: block;
}


#front-image-slider {
    width: 960px;
    height: 220px;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    background: #000;
    
}

#front-image-slider img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center center;
    display: block;
    background-color: #ADADAD;
}


/* প্রধান মেনুর লিঙ্ক স্টাইল */
#dawgdrops .meganizr > li > a {
  font-weight: 600;
  text-decoration: none;
  padding: 10px 15px;
  display: block;
  font-style: normal;
  text-shadow: none;
  transition: all 0.3s ease;
}

/* === NORMAL STATE COLORS === */
#dawgdrops .meganizr > li:nth-child(1) > a  { color: #E53935; } /* Red */
#dawgdrops .meganizr > li:nth-child(2) > a  { color: #1E88E5; } /* Blue */
#dawgdrops .meganizr > li:nth-child(3) > a  { color: #43A047; } /* Green */
#dawgdrops .meganizr > li:nth-child(4) > a  { color: #FB8C00; } /* Orange */
#dawgdrops .meganizr > li:nth-child(5) > a  { color: #8E24AA; } /* Purple */
#dawgdrops .meganizr > li:nth-child(6) > a  { color: #00897B; } /* Teal */
#dawgdrops .meganizr > li:nth-child(7) > a  { color: #F4511E; } /* Deep Orange */
#dawgdrops .meganizr > li:nth-child(8) > a  { color: #3949AB; } /* Indigo */
#dawgdrops .meganizr > li:nth-child(9) > a  { color: #6D4C41; } /* Brown */
#dawgdrops .meganizr > li:nth-child(10) > a { color: #00ACC1; } /* Cyan */
#dawgdrops .meganizr > li:nth-child(11) > a { color: #7CB342; } /* Light Green */
#dawgdrops .meganizr > li:nth-child(12) > a { color: #C0CA33; } /* Lime */
#dawgdrops .meganizr > li:nth-child(13) > a { color: #FDD835; } /* Yellow */
#dawgdrops .meganizr > li:nth-child(14) > a { color: #FB7185; } /* Pink */
#dawgdrops .meganizr > li:nth-child(15) > a { color: #546E7A; } /* Blue Grey */
#dawgdrops .meganizr > li:nth-child(16) > a { color: #5C6BC0; } /* Soft Indigo */


/* === HOVER STATE (White text + background color) === */
#dawgdrops .meganizr > li:nth-child(1) > a:hover  { color: #fff; background:#E53935; }
#dawgdrops .meganizr > li:nth-child(2) > a:hover  { color: #fff; background:#1E88E5; }
#dawgdrops .meganizr > li:nth-child(3) > a:hover  { color: #fff; background:#43A047; }
#dawgdrops .meganizr > li:nth-child(4) > a:hover  { color: #fff; background:#FB8C00; }
#dawgdrops .meganizr > li:nth-child(5) > a:hover  { color: #fff; background:#8E24AA; }
#dawgdrops .meganizr > li:nth-child(6) > a:hover  { color: #fff; background:#00897B; }
#dawgdrops .meganizr > li:nth-child(7) > a:hover  { color: #fff; background:#F4511E; }
#dawgdrops .meganizr > li:nth-child(8) > a:hover  { color: #fff; background:#3949AB; }
#dawgdrops .meganizr > li:nth-child(9) > a:hover  { color: #fff; background:#6D4C41; }
#dawgdrops .meganizr > li:nth-child(10) > a:hover { color: #fff; background:#00ACC1; }
#dawgdrops .meganizr > li:nth-child(11) > a:hover { color: #fff; background:#7CB342; }
#dawgdrops .meganizr > li:nth-child(12) > a:hover { color: #fff; background:#C0CA33; }
#dawgdrops .meganizr > li:nth-child(13) > a:hover { color: #fff; background:#FDD835; }
#dawgdrops .meganizr > li:nth-child(14) > a:hover { color: #fff; background:#FB7185; }
#dawgdrops .meganizr > li:nth-child(15) > a:hover { color: #fff; background:#546E7A; }
#dawgdrops .meganizr > li:nth-child(16) > a:hover { color: #fff; background:#5C6BC0; }

/* Desktop / Default */
.header-btn {
  background: #2ecc71;
  color: #fff;
  padding: 5px 15px;
  border-radius: 5px;
  text-decoration: none;
  font-weight: bold;
  display: inline-block;
  margin: 5px;
  transition: background 0.3s, transform 0.2s;
}
.header-btn:hover { 
  background: #27ae60; 
  transform: scale(1.05); 
}

.cpt-btn { background: #3498db; }
.cpt-btn:hover { background: #2980b9; }

/* Mobile View */
@media (max-width: 767px) {
  /* Header Slider */
  .header-slider-wrapper {
    height: 180px !important; /* উচ্চতা কমানো */
  }
  .header-slider-wrapper img {
    object-fit: cover;
    width: 100%;
    height: 100%;
  }

  /* Site Info */
  .header-site-info {
    top: 10%; /* টেক্সট ও লোগো নিচে নেমেছে */
    text-align: center;
  }

#logo {
  background-color: #fff; /* সাদা ব্যাকগ্রাউন্ড */
  border-radius: 50%;     /* রাউন্ড ব্যাকগ্রাউন্ড */
  display: inline-flex;    /* লোগোকে মাঝখানে রাখতে সহায়ক */
  align-items: center;
  justify-content: center;
  padding: 1px;           /* লোগোর চারপাশে কিছু ফাঁকা */
  box-shadow: 0 0 5px rgba(0,0,0,0.1); /* হালকা ছায়া (ঐচ্ছিক) */
}

#logo img {
  max-width: 120px;
  height: auto;
  border-radius: 50%; /* যদি লোগোও বৃত্তাকার করতে চাও */
}



  /* Header Buttons */
  .header-btn, .cpt-btn {
    display: block;          /* ব্লক লেভেল */
    width: 80%;              /* প্রায় পুরো স্ক্রিন */
    margin: 8px auto;        /* সেন্টারে ফেলা */
    padding: 8px 0;          /* উচ্চতা বৃদ্ধি */
    font-size: 14px;         /* মোবাইল পড়ার জন্য সুবিধাজনক */
    text-align: center;
    border-radius: 5px;
  }

  /* Navigation Menu */
  #jmenu .show-menu {
    display: block;
    cursor: pointer;
    font-size: 16px;
    padding: 10px;
    background: #27ae60;
    color: #fff;
    text-align: center;
    border-radius: 5px;
  }

  #jmenu ul.mzr-responsive {
    display: none;  /* ডিফল্ট লুকানো */
    flex-direction: column;
    padding: 0;
    margin: 0;
  }

  #jmenu ul.mzr-responsive li {
    margin: 0;
  }

  #jmenu ul.mzr-responsive li a {
    display: block;
    padding: 10px;
    font-size: 14px;
    background: #f1f1f1;
    margin: 1px 0;
    text-decoration: none;
    color: #333;
    border-radius: 3px;
  }

  #jmenu ul.mzr-responsive li a:hover {
    background: #ddd;
  }
}


/* Slider Wrapper */
#front-image-slider,
#front-image-slider li {
    width: 100%;
    height: 220px; /* আপনার Slider Height */
    overflow: hidden;
}

#front-image-slider li img {
    width: 100%;
    height: 100%;
    object-fit: cover; /* Image পুরো container ভর্তি করবে */
    object-position: center center;
    display: block;
}

    .city-btn {
        background-color: <?php echo get_theme_mod('city_button_color', '#0073aa'); ?>;
    }
    .city-btn:hover {
        background-color: <?php echo get_theme_mod('city_button_color', '#0073aa'); ?>cc;
    }

    .cpt-btn {
        background-color: <?php echo get_theme_mod('cpt_button_color', '#005f8a'); ?>;
    }
    .cpt-btn:hover {
        background-color: <?php echo get_theme_mod('cpt_button_color', '#005f8a'); ?>cc;
    }

    .header-buttons-wrapper {
        margin-top: 15px;
        display: flex;
        justify-content: flex-end;
        gap: 10px;
        margin-right: 20px;
    }

    .header-btn {
        padding: 8px 16px;
        color: #fff;
        border-radius: 5px;
        font-weight: 600;
        text-decoration: none;
        transition: 0.3s ease;
        display: inline-block;
    }