@charset "UTF-8";

@media(min-width:768px) {
    
body {font-size: 18px; background: #000; color: #fff; }
#masthead {background:url(img/white-border.gif) repeat-x 0 60px #000;}
a.brand img{filter: invert(100%);}
h1, h2, h3, h4, h5, h6 { color: #fff;}
p { font-size: 18px;}
.sec-nav .list-inline>li a.small-font, .sec-nav .list-inline>li a.large-font  {color: #aaa;}
/* logo */
.logo a{ background: url(img/logo-invert.png) no-repeat;  }
.logo a:hover { background: url(img/logo-invert.png) no-repeat;  }
/* end */
p.lead {color: #fff;}
a { color: #ffff00; text-decoration: none; }
a:hover, a:focus { color: #000; background:#ffff00;}
.jumbotron .container { background: none;  }
.jumbotron { background: none;  }
.jumbotron h2 { width: 100%; font-size: 1.8em; margin-top: 20px;}
.jumbotron h2 a {color:#ffff00;}
.jumbotron h2 a:hover, .jumbotron h2 a:focus { color: #000; background: #ffff00; }
.btn.jumbotron-btn { color: #ffff00; background: none; padding: 7px 0; border-radius: 0; }
.btn.jumbotron-btn:hover, .btn.jumbotron-btn:active { background-color: #ffff00; color: #000; }
.contact a { color: #ffff00; }
.contact p span { font-size: 35px; color:#fff;}
.contact small { color:#fff; font-size: 14px; }
.contact small span { color: #fff; }

.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {background-color:#ffff00;}
.navbar-default .navbar-nav>li>a { font-size: 17px; color: #ffff00;}
.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus {color:#fff;}
.navbar-default .navbar-nav .open .dropdown-menu>li>a { font-size: 16px; color: #ffff00;}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus { color:#fff; }
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus { background-color: #000; color: #fff;}
.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus {background: #fff; color: #000;}
.dropdown-menu {background: #000; border: 1px solid #fff;}
.navbar-default .navbar-text { color: #fff;}
.nav-item a {color: #fff;}
a.apply-nav-item {color: #000; background-color: #ffff00; }
a.apply-nav-item:hover, a.apply-nav-item:focus { color: #ffff00; background-color: #000; border-color: #fff; }
.sec-nav .list-inline>li a { padding: 8px 3px; font-size: 15px; color: #ffff00;}
.sec-nav .list-inline>li a.invert-font { background: #ffff00; color: #000; padding: 3px 8px; border-radius: 50%; }
.services .row { background-color: #000; border: 1px solid #fff;}
.services .col-sm-4 { background-color: #000; }
.services .col-sm-4:hover { background-color: #ffff00; color: #000;}
.services-dev .col-sm-4 { border-left: 1px solid #fff; border-right: 1px solid #fff }
.services h3 { font-size: 1.4em; color: #ffff00;}
.services .col-sm-4:hover h3, .services .col-sm-4:hover p {color: #000;}

.services p { font-size: 16px;}
.inside-page .services {background: #000;}
.page-btn { font-size: 18px;}
.col-sm-4 .newsletter-signup { background: url(img/leaf-bg.png) no-repeat 100% 100% #000; border: 1px solid #fff;}
.newsletter-signup h3 { font-size: 28px; }
.newsletter-signup label { font-size: 20px;}
.newsletter-signup .btn-default { color: #000; background-color: #ffff00;  border: 1px solid #ffff00; }
.newsletter-signup .btn-default:hover, .newsletter-signup .btn-default:focus { background-color: #000; border: 1px solid #fff; color:#fff;}
.promo-spot { background: url(img/leaf-bg.png) no-repeat 100% 100% #000; border: 1px solid #fff; }
.promo-spot:hover { background: url(img/leaf-bg.png) no-repeat 100% 100% #ffff00; }
.promo-spot h3 { font-size: 32px;}
.promo-spot p {font-size: 16px;}
.promo-spot:hover h3, .promo-spot:hover p {color: #000;}
.promo-spot a:hover { background: none; }
.latest-news h3 { font-size: 32px; color:#fff;}
.latest-news h4 { font-size:18px;}
.promo-spot, .newsletter-signup { min-height:270px;}
.content .wrapper { background-color: #000;}
.content h1 { font-size: 40px; }
.content h2 { font-size: 30px; }
.content h3 { font-size: 26px; }
.content h4 { font-size: 22px; }
.general .content h1.news { font-size: 30px; color:#fff;}
.what-is-the-fund .section-header .wrapper, .useful-services .section-header .wrapper, .useful-information .section-header .wrapper, .who-we-are .section-header .wrapper, .general .section-header .wrapper {background-color: #000; background-image: none;}

.section-header .wrapper h1, .what-is-the-fund .content h1, .useful-services .content h1, .useful-information .content h1, .who-we-are .content h1, .general .content h1 {color: #fff; }
.section-header .wrapper h1 { font-size: 30px;}
.breadcrumb {font-size: 16px; background-color: #000;}
.nav>li>a:hover, .nav>li>a:focus { background:#ffff00; text-decoration:underline; }
.page-btn { font-size: 18px;}
.content button.btn {font-size: 16px;}
.pagination>li>a, .pagination>li>span {background : #000; color: #ffff00;}
.pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus {color: #000; background: #ffff00; border: 1px solid #fff;}
.upper-footer a { color: #ffff00; }
footer { background-color: #000; }

.col-md-8 h2 { color: #fff;}
.col-md-8 h4 { color: #fff;}

#home-news{background: #000; }
#services { background: #ffff00;}
#services-tabs {background: #000; border-top: 1px solid #fff;}
#services p {color:#000;}
#quote {background: #000; border-bottom: 1px solid #fff; border-top: 1px solid #fff; }
#quote .container-fluid {background: none;}
#quote h4, #quote h4 small, #shortcuts h4 {color: #fff;}
#shortcuts {background: #000;}
.owl-carousel {background: none;}
#shortcuts a.item {background: #000;}
.page-btn, #home-news .btn, #quote a.btn {color: #000; background: #ffff00; border-color:#ffff00;  }
 #services a.btn {color: #ffff00; background: #000; border-color:#000;  }
 #services-tabs .nav-tabs>li>a:focus, #services-tabs .nav-tabs>li>a:hover {background-color: #fff; color: #000; text-decoration: none; }
#services-tabs .nav-tabs>li.active>a:focus, #services-tabs .nav-tabs>li.active>a:hover {background-color:  #ffff00; color: #000; text-decoration: none; border-top: none; }
#services-tabs .nav-tabs>li.active>a {background-color: #ffff00;color: #000; border-top: none;margin-top: 0;}

.upper-footer { background-color: #000; border-color: #000; border-top: 1px solid #fff;}

.inside-page.section-page .section-header {background-color: #000;}

}
 @media(min-width:992px) {
body {font-size: 20px; }
#masthead {background:url(img/white-border.gif) repeat-x 0 70px #000;}
.navbar-default .navbar-nav>li>a { font-size: 14px;}
.jumbotron .container { background: none; }
.jumbotron h2 {width: 100%;font-size: 1.9em;}
.services h3 { font-size: 1.5em }

.services p { font-size: 18px;}
.latest-news h4 { font-size:20px;}
.content button.btn {font-size: 18px;}
}

 @media(min-width:1200px) {
#masthead {background:url(img/white-border.gif) repeat-x 0 70px #000;}
.navbar-default .navbar-nav>li>a {padding: 11px 15px;}
.jumbotron .container { padding: 30px 90px;}
}