@import url('https://fonts.googleapis.com/css?family=Ubuntu');
@import url('https://fonts.googleapis.com/css?family=Cuprum');

@media (max-width: 990px) {
  h1.heading {
    font-size: 22px!important;
  }
  .green-rows {
    position: absolute!important;
    top: 0!important;
    right: 0!important;
    width: 30%!important;
    padding: 0!important;
  }
}
@media (max-width: 767px) {
  .menu {
    margin: 10px!important;
    max-width: 300px;
  }
  .logo {
    max-width: 135px!important;
  }
  h1.heading {
    margin: 10px 0 0 140px!important;
    font-size: 26px!important;
  }
  h5.heading {
    margin: 0 0 0 140px!important;
    font-size: 12px!important;
  }
}

@media (max-width: 460px) {
.logo {
    max-width: 100px!important;
  }
  h1.heading {
    margin: 10px 0 0 110px!important;
    font-size: 20px!important;
  }
  h5.heading {
    margin: 0 0 10px 30px!important;
    font-size: 10px!important;
  }
  .slider-text-col h2 {
    font-size: 20px!important;
  }
  .pull-less {
    width: 100%!important;
  }
  .pull-more {
    width: 100%!important;
  }
}
* {
  margin: 0;
  padding: 0;
  font-family: 'Ubuntu', sans-serif;
}
.logo {
  max-width: 155px;
}
.wrapper-main div#main-slider.carousel.slide {
  position: relative;
}
.wrapper-main nav.navbar.navbar-default {
  background: #fff;
  border: none;
}
h1.heading {
  margin: 10px 0 0 170px;
  padding: 0;
  font-size: 30px;
  color:#085800;
  font-weight: bold;
  font-family: 'Cuprum', Regular;
}
h5.heading {
  margin: 0 0 0 170px;
  color:#25ad17;
  font-size: 14px;
}
a.navbar-brand {
  padding: 5px;
}
.navbar-header {
  float: none;
  width: 100%;
  min-height: 150px;
  margin-bottom: 20px;
}
.row.row-green1 a.pull-right img {
  max-height: 40px;
  padding: 2px;
}
.navbar.navbar-default {
  margin-bottom: 0px;
}
.row-green1 {
  background-image: linear-gradient(270deg, #25ad17, transparent);
  height: 45px !important;
  margin: 0;
}
.row-green2 {
  background-image: linear-gradient(270deg, #0b7700, transparent);
  height: 45px !important;
  margin: 0;
}
.row-green3 {
  background-image: linear-gradient(270deg, #085800, transparent);
  height: 45px !important;
  margin: 0;
}
.grad {
  background-image: linear-gradient(90deg, #47ba3b, transparent);
  position: absolute;
  width: 150px;
  height: 400px;
  z-index:1;
  padding: 0;
}
.slider-text-col {
  height: 400px;
  padding: 10px 0 10px 40px;
  background-color: #47ba3b;
  color: #fff;
  font-family: 'Cuprum', Regular;
}
.main-img div.col-md-4,
.main-img div.col-md-8 {
  padding: 0;
}
.carousel-control span.glyphicon {
  display: none;
}
.carousel.slide a {
  background: transparent;
}
.slider-text-col h2 {
  padding-top: 5px;
  color: #fff;
  font-family: 'Cuprum', Regular;
}
.menu-row{
  float: right;
}
.menu {
  padding: 0;
  margin: 0 30px;
  font-size: 20px;
  color: #fff;
  font-family: 'Cuprum', Regular;
  font-weight: bold;
  margin-top: -20px;
  background: #218217;
  box-shadow: 5px 5px 0 rgba(0, 0, 0, 0.3);
}
.menu:hover {
  box-shadow: none;
}
.menu a {
  color: #fff;
  text-decoration: none;
}
.menu:hover {
  box-shadow: none;
}
.menu-row{
  float: left;
}
.button {
  margin: 0 15px;
  height: 90px;
  width: 100%;
  text-align: left;
}
.buttontest {
  margin: 0 5px;
  padding: 2px 5px;
  text-align: left;
  border: 1px solid #218217;
}
.buttontest.active {
  background: #25ad17;
}
.main-news-row {
  margin-bottom: 15px;
  background-color: #edf8ea;
}
.news-row {
  margin-bottom: 15px;
}
.main-news-row .pull-more a h3,
.news-row a h3 {
  margin-top: 5px;
  color:#085800;
  font-family: 'Cuprum', Regular;
}
.pull-less {
  width: 49%;
}
.pull-more {
  width: 49%;
  text-align: justify;
}
.container-image img.img {
  width: 100%;
  max-width: 400px;
}
.right-col {
  margin: 0;
  padding-top: 20px;
}
.right-col div.row.menu-row {
  margin: 0;
}
div.notice-col a h2 {
 margin-top: 0;
}
.side-menu div.menu-button a.button h4.pull-left {
  color:#fff;
  max-width: 70%;
}
.menu-button {
  background: #47ba3b;
  width: 100%;
  margin: 0 0 20px 0;
  padding: 5px;
  min-height: 90px;
  position:relative;
}
.menu-im {
  position: absolute;
  bottom:0;
  right:0;
  max-height: 90px;
  width: 40%;
}
.menu-im img {
  width: 90%;
}
.vcenter {
  min-height:100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align : center;
  -webkit-align-items : center;
  -moz-box-align : center;
  -ms-flex-align : center;
  align-items : center;
  -webkit-box-pack : center;
  -moz-box-pack : center;
  -ms-flex-pack : center;
  -webkit-justify-content : center;
  justify-content : center;
}
.notice-col {
  min-height: 43px;
}
.notice-row {
  margin-bottom: 0px;
  margin-right: -5px;
}
.notice-text {
  padding-right: 0;
}
.notice-date {
  padding-left: 0;
  font-size: 22px;
  color: #085800;
  font-family: 'Cuprum', Regular;
}
.row.page-row {
  padding: 0;
  margin: 20px 0;
}
a h2 {
  color:#085800;
  font-family: 'Cuprum', Regular;
}
h2 {
  color:#085800;
  font-family: 'Cuprum', Regular;
}
.pagination > li > a, .pagination > li > span {
  border: 0;
}
.pagination > .active > a, .pagination > .active > a:focus, 
.pagination > .active > a:hover, 
.pagination > .active > span, .pagination > .active > span:focus, 
.pagination > .active > span:hover {
  background: #e6f9e5;
  color: #085800;
}
.pagination.pagination-md li a {
  color: #085800;
}
.pagination {
  margin: 0;
}
.dropdown-menu {
  border-radius: 0;
  margin: 0 45px;
}
/*ul.dropdown-menu {*/
/*  width: 77%;*/
/*}*/
.footer {
  margin-top: 10px;
}
.footer div.row.row-eq-height {
  background-color: #47ba3b;
  color: #fff;
  margin: 0;
}
.row.row-eq-height div.col-md-3.col-xs-3.text-left.bottom-align-text {
  padding-left: 0;
}
.row.row-eq-height div.col-md-9.col-xs-9.text-right.bottom-align-text {
  padding-top: 15px;
}
.bottom-row-green1 {
  background-image: linear-gradient(90deg, #25ad17, transparent);
  height: 35px !important;
  margin: 0;
}
.bottom-row-green2 {
  background-image: linear-gradient(90deg, #0b7700, transparent);
  height: 35px !important;
  margin: 0;
}
.bottom-row-green3 {
  background-image: linear-gradient(90deg, #085800, transparent);
  height: 35px !important;
  margin: 0;
}
.row.fotorama-lecturer-row img.fotorama__img {
  max-width: 252px!important;
  max-height:280px !important;
  top: 0 !important;
}
.row.fotorama-lecturer-row {
  margin: 0;
  background: #edf8ea;
}
.row.fotorama-lecturer-row .fotorama__caption__wrap {
  background: #edf8ea;
}
.fotorama__caption {
  position: relative!important;
}
.fotorama__caption__wrap {
  position: absolute!important;
  left: 262px!important;
  top: 10px!important;
  z-index: 12;
}
.fotorama__nav {
  margin-top: 85px;
}
.fotorama__thumb-border {
  border:none!important;
  background: transparent!important;
}
.container div.row.fotorama-lecturer-row .fotorama__nav__frame--thumb.fotorama__active {
  border: 2px solid #47ba3b;
  padding: 3px!important;
  opacity: 0.7!important;
}
html body div.container div.row.banners-row {
  MARGIN-LEFT: 0;
  MARGIN-RIGHT:0 ;
}
.row.bottom-banner div#theCarousel.carousel.multi-item-carousel a.left.carousel-control,
.row.bottom-banner div#theCarousel.carousel.multi-item-carousel a.right.carousel-control {
  background-image: none;
}
.row.bottom-banner .right.carousel-control i.glyphicon.glyphicon-chevron-right,
.row.bottom-banner .left.carousel-control i.glyphicon.glyphicon-chevron-left {
  left:0;
  top:32%;
}
.row.bottom-banner .carusel-container {
  position: relative;
}
.row.bottom-banner .carousel-inner {
  margin-left: 0px;
}
.row.bottom-banner .carousel-control.left,
.row.bottom-banner .carousel-control.right {
  background: none;
  height: 70%;
}
.row.bottom-banner .carousel.multi-item-carousel a.left.carousel-control,
.row.bottom-banner .carousel.multi-item-carousel a.right.carousel-control {
  width: 20px;
}
.row-green2 form.form-search div.input-group input#id_q.form-control {
  margin: 5px;
  display: none;
}
.form-search div.input-group span.input-group-btn button.btn.btn-link.pull-right {
  padding-right: 0;
}
.form-group div.col-sm-12.col-md-12 ul#id_models li {
  list-style-type: none;
  display: inline;
  margin-right: 15px;
}
.form-group div.col-sm-12.col-md-12 {
  padding:0;
}
.form-group {
  margin-bottom: 20px;
}
.form-group input.button.menu {
  height: 100%;
  padding: 10px;
}
input.button.menu {
  border: none;
}
.modal-dialog {
  width: 80%;
  height: 50%;
}
form.col {
  padding: 30px 0 50px 0;
}
form.col div.form-group .col-xs-4.form-control {
  margin: 0 0 5px 0;
}
.btn.btn-primary.active {
  background: #218217;
  border: 1px solid #218217;
}
.modal-body ul#id_answers.radio {
  list-style-type: none;
}
#clock {
 padding: 0;
 font-size: 18px;
 color: #085800;
}
.disabled div#clock {
  color: #ff0000;
}