body {padding-top: 0px; color: #202020;}

.navbar-green {background-color:#197906; border-bottom:2px solid #c90909; margin: 0;}
.navbar-header a.navbar-brand, .navbar-header a.navbar-brand:hover {color: #fff; font-size:1.6em; font-style: italic;  font-family: 'Droid Serif', serif;}
.navbar-header a.navbar-brand:hover {color: #ff2;}
.navbar-header a.navbar-brand:active {color: #ef2c2c;}
.navbar-green .navbar-nav > li > a {color: #fff;}
.navbar-green .navbar-nav > li > a:hover, .navbar-green .navbar-nav > li > a:focus {color:#fff; background-color:#c90909;}

.navbar-default .navbar-toggle {border-color: #ddd;}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {background-color: #65ae3f;}
.navbar-default .navbar-toggle .icon-bar {background-color: #ddd;}

.dropdown-menu {background: #589c37; border-top:0}
.dropdown-menu .divider {background-color:#6fad3e;}

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {color:#fff; background-color:#c90909;}

a {color:#e54a4e;}
a:hover, a:focus {color:#1d9658;}



h1, h2, h3, h4 { font-family: 'Yanone Kaffeesatz', serif; }
p {margin-bottom:20px;}
.table p {margin-bottom: 10px;}
.break {height:20px;}
.center {margin: 0 auto;}
.right {float:right;}

.panel-green {border-color: #84c255;}
.panel-green > .panel-heading {background-color: #80c15a; text-shadow: 1px 1px 1px #fff;}
.panel-orange {border-color: #f0ad16;}
.panel-orange > .panel-heading {background-color: #ee8923; color: #fff; text-shadow: 1px 1px 1px #202020;}

ul.listing li {list-style:square; margin-bottom: 15px;}
ul.listing li ul li {list-style:circle; margin-bottom: 15px;}
ul.list {margin:0px; padding-left: 14px;}
ul.list li {list-style:square; margin-bottom: 4px;}
ul.align {margin-top: -20px; margin-bottom: 30px;}

.breadcrumb {background-color:transparent; padding: 0;}
.breadcrumb a {color: #777777;}

.panel-heading, .list-group-item.active { text-shadow: 1px 1px 1px #555;}

.thumbnail { float: right; margin: 3px 0 5px 15px;}
.table-noborder > tbody > tr > td {border-top: 0;}
.ssk-group {width:100%; text-align:center; border-top: 1px solid #eee; padding-top: 10px;}

.captcha {width:120px; margin-top: 5px;}
.fa-star, .fa-star-half-o {color:#fec400;}
.fa-star.grey {color:#cfcfcf;}
.fa-star, .fa-star-half-o, .fa-star.grey {margin-right:2px; font-size: 2em !important;}

.btn-sm {font-size: 10pt; margin-bottom: 1px;}
.btn-block {width:130px;}

.table .title a {color:#1d9658;}
.table .title a:hover, .table .title a:focus {color:#d9534f; text-decoration:none;}



.google-maps {position:relative; padding-bottom:48%; height:0; overflow:hidden;}
.google-maps .map {position:absolute; top: 0; left: 0; width: 100% !important; height: 350px !important;}
.google-maps iframe {width:100%; height:350px;}

.col-lg-4 img.banner {width: 100%; border-radius:10px; margin-bottom: 20px;}
.col-sm-4 {text-align: center; margin-bottom: 10px;}
.col-sm-4 img {margin-left: auto; margin-right: auto;}

.list-group.panel > .list-group-item { border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; }
.list-group-submenu { margin-left:20px; }


.panel ul {padding:0px; margin:0px; list-style:none;}
.news-item {padding:4px 4px; margin:0px; /*border-bottom:1px dotted #555; */}

.panel .grand {padding:0; padding-bottom:5px;}
.table-grand {margin:0;}

.nav-tabs {border-bottom: 1px solid #84c255;}
.nav-tabs > li > a {border-bottom: 1px solid #84c255; background-color: #e8e8e8;}
.nav-tabs > li > a:hover {border-color: #eee #eee #84c255; background-color: #dadada;}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus { color: #202020; border-color: #84c255 #84c255 #fff #84c255; border-top: 2px solid #84c255; margin-bottom: -1px;}


@media (min-width: 320px) {
  body {font-size: 1.3em; line-height: 22px; font-family: 'Open Sans', sans-serif;}
  .dropdown-menu > li > a {color:#ff6 !important; font-size: 10pt;}
  .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {color:#fff !important;}
  .banner {display: none;}
  h1 {font-size:1.6em; margin:0 0 20px 0; line-height: 30px;}
  h2 {font-size: 1.5em; margin:0 0 20px 0; line-height: 28px;}
  h3 {font-size: 1.4em; margin:0 0 15px 0;}
  h4 {font-size: 1.3em;}
  .mobile {display:block;}
  .desktop {display:none;}  
  ul.listing li {margin-left: -20px;}
  .table .title a {font-size: 1.1em;}
  img.bank-logo {display:none;}
  .btn-md {font-size: 12px; margin-bottom: 3px;}
  .btn-md i.fa {display:none;}
  .col-xs-3 {float: left; width: 50%;}
  .col-sm-4 img {display:none;}
  .col-sm-4 p {text-align: center;}
  .panel-heading, .list-group-item.active {font-size: 1.1em;}  
  .col-sm-3 img, .col-xs-4 img {display:none;}
  .col-xs-4 {height: 30px;}  
  .nav-tabs > li {margin-bottom: 3px;}}


@media (min-width: 480px) {
  .mobile .col-md-12 {float: left; width: 50%;}
}

@media (min-width: 640px) {
  h1 {font-size:1.9em; margin:0 0 20px 0; line-height: 30px;}
  h2 {font-size: 1.7em; margin:0 0 20px 0; line-height: 28px;}
  h3 {font-size: 1.4em; margin:0 0 15px 0;}
  h4 {font-size: 1.3em;}
  .col-md-6 {float: left; width: 50%;}
  .nav-tabs > li {margin-bottom: -1px;}

  img.bank-logo {display:block; width:120px; height:50px;}
}
@media (min-width: 768px) {
  body {font-size: 1.4em; line-height: 26px; font-family: 'Droid Serif', serif;}
  .banner {display: block; border-bottom: 5px solid #de5c25; background-color: #a4c203; padding-top: 20px; padding-bottom: 20px; font-size: 1.2em; font-style: italic; color: #404040;}
  .banner .col-md-6 {float: left; width: 100%;}
  .banner .col-md-3 {float: left; width: 50%;}
  h1 {font-size: 2.2em; margin:0 0 20px 0; line-height: 30px;}
  h2 {font-size: 2em; margin:0 0 20px 0; line-height: 28px;}
  h3 {font-size: 1.8em; margin:0 0 15px 0;}
  h4 {font-size: 1.4em;}
  
  .col-lg-8 { float: left; width: 100%; }
  .col-lg-6 { float: left; width: 50%; }
  .col-lg-4 { float: left; width: 100%; }
  .col-lg-4 a.btn-large {width: 100%; font-size: 1.8em;}
  .col-md-6 {float: left; width: 50%;}
  .col-sm-4 {height: 145px; width: 33.33%; float: left;}
  .mobile {display:none;}
  .desktop {display:block;}
  .desktop .col-md-3, .desktop .col-lg-4 {float: left; width: 33.33%;}
  .col-xs-3 {float: left; width: 25%;}

  .col-sm-3 img, .col-sm-4 img {display:block; width:180px; height:auto;}
  .panel-heading, .list-group-item.active {font-size: 1.2em; font-style: italic;}
  .col-xs-4 img {width:280px; height:auto; display:block;}
  .btn-md {font-size: 14px; margin-bottom: 0;}  
  .btn-md i.fa {display:block; float: left; margin-top: 3px; margin-right: 3px;}
}
@media (min-width: 1024px) {
  h1 {font-size:2.3em; margin:0 0 24px 0; line-height: 40px;}
  h2 {font-size: 2.1em; margin:0 0 20px 0; line-height: 30px;}
  .col-lg-8 { float: left; width: 66.66%; }
  .col-lg-4 { float: left; width: 33.33%; }
  .col-sm-4 {height: 155px; width: 33.33%;}
  .col-sm-4 img {width:225px; height:auto;}
  .desktop .col-md-3 {float: left; width: 25%;}
  .desktop .col-lg-4 {float: left; width: 33.33%; font-size: 12px;}
}

@media (min-width: 1280px) {
  .dropdown-menu > li > a {font-size: 1em;}
  .banner {border-bottom: 5px solid #de5c25; background-color: #a4c203; padding-top: 20px; padding-bottom: 20px; font-size: 1.2em; font-style: italic; color: #404040;}
  .banner .col-md-6 {float: left; width: 50%;}
  .banner .col-md-3 {float: left; width: 25%;}
  .panel-heading, .list-group-item.active {font-size: 1.3em;}

  h1 {font-size:2.5em; margin:0 0 24px 0; line-height: 40px;}
  h2 {font-size: 2.5em; margin:0 0 20px 0; line-height: 30px;}
  h3 {font-size: 2em; margin:0 0 15px 0;}
  h4 {font-size: 1.6em;}
  .desktop .col-md-3 {width: 25%;}
  ul.listing li {margin-left: -10px;}
  .table .title a {font-size: 1.3em; font-style: italic;}
  a.readmore {font-style: italic;}
  img.bank-logo {display:block; width: 140px; height: 55px;}
  
  .col-xs-4 {height: 150px; width: 33.33%;}
  .col-sm-3 img, .col-xs-4 img {width:280px; height:auto;}
  .col-sm-3 img.img-thumbnail {margin-bottom: 0;}
  

  
  
  
  /*.banner h3 {font-size: 2.4em; font-style: normal; color: #0147f4; text-shadow: 2px 2px 1px #eee; }
  .banner .instructions {color:#fff;}
  .banner input {font-size: 1.2em; height: 46px; font-style: italic; margin-top: 10px; margin-bottom: 10px; border-color: #538723;}*/

}

/**** Colours ****/

h1 {color:#005b92;}
h2 {color:#de5c25;}
h3 {color:#029a06;}
i.fa-folder-open {font-size: 1.1em;}
.type {color:#1d9658;}
.category {color:#fe0007;}
.origin {color:#e68b22;}

.fa-angle-double-up {color:#32a136;}
.fa-angle-double-down {color:#fd1818;}
.fa-angle-left, .fa-angle-right {color:#8a77bf;}




#jquery-script-menu {
position: fixed;
height: 90px;
width: 100%;
top: 0;
left: 0;
border-top: 5px solid #316594;
background: #fff;
-moz-box-shadow: 0 2px 3px 0px rgba(0, 0, 0, 0.16);
-webkit-box-shadow: 0 2px 3px 0px rgba(0, 0, 0, 0.16);
box-shadow: 0 2px 3px 0px rgba(0, 0, 0, 0.16);
z-index: 999999;
padding: 10px 0;
-webkit-box-sizing:content-box;
-moz-box-sizing:content-box;
box-sizing:content-box;
}

.jquery-script-center {
width: 960px;
margin: 0 auto;
}
.jquery-script-center ul {
width: 212px;
float:left;
line-height:45px;
margin:0;
padding:0;
list-style:none;
}
.jquery-script-center a {
  text-decoration:none;
}
.jquery-script-ads {
width: 728px;
height:90px;
float:right;
}
.jquery-script-clear {
clear:both;
height:0;
}

.codexworld_rating_widget{
    padding: 0px;
    margin: 0px;
    float: left;
}
.codexworld_rating_widget li{
    line-height: 0px;
    width: 28px;
    height: 28px;
    padding: 0px;
    margin: 0px;
    margin-left: 2px;
    list-style: none;
    float: left;
    cursor: pointer;
}
.codexworld_rating_widget li span{
    display: none;
}




.footer {
  padding-top: 20px;
  padding-bottom: 10px;
  margin-top: 20px;
  font-size: 0.9em;
  color: #444;
  background-color: #a4c203;
  border-top: 2px solid #de5c25;
}
.footer p {text-align: center; margin-bottom: 10px;}
.footer a {color: #444;}
.footer a:hover, .footer a:focus {color:#202020;}

.footer .note {color: #555; font-style:italic;}