a{
	color:#6c0;
	text-decoration:none;
}
a:focus,a:hover{
	text-decoration:none;
	color:#ccc;
}
body{
	font-family: 'Nunito', sans-serif;
	font-size:15px;
}
h1, h2{
	font-size:24px;
	font-family: 'Pacifico', sans-serif;
}
h3{
	font-size:20px;
}
.top-bar{
	padding:10px;
	background-color:#6c0;
	color:#fff;
}
.navbar {
    background-color:#fff;
    border: 0;
	border-radius:0;
	font-size:11px;
	font-weight:400;
	text-transform:uppercase;
	letter-spacing:1px;
	padding:5px 0;
	margin-bottom: 0;
}
.navbar li a, .navbar .navbar-brand { 
	color: #000 !important;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out; padding:30px 12px;
}
.navbar-nav li a:hover {
	color: #6c0 !important;
	background-color:transparent !important;
}

/*
.open .dropdown-toggle {
    color: #fff !important;
	background-color:#f96 !important;
}
.dropdown-menu li a {
    color: #333 !important;
}
.dropdown-menu li a:hover {
	color:#fff !important;
    background-color:#f96 !important;
}
*/

.navbar-toggle {
	border:1px solid #3c0!important;
	border-radius:0;
	background-color:#fff !important;
	color:#f60 !important;
}
.navbar-toggle:hover, .navbar-toggle:focus{
	border-color:#f60 !important;
	background-color:#fff !important;
	color:#3c0 !important;
}
.list-group li{
	border-radius:0 !important;
}
.list-group-item.active, .list-group-item.active:hover{
	color:#fff;
	background-color:#6C0;
	border-color:#6C0;
	border-radius:0;
}
.slider{
	margin:0;
}
.slider-img{
	background-image:url(../img/slide.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	height:506px;
}

.intro{
	background-color:#f60;
	color:#fff;
	padding:30px 25px;
	text-align:center;
}
.page-title{
	background-image:url(../img/pg-bg.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	text-align:center;
	color:#fff;
	padding:60px 0;
}
.page-content{
	padding:40px 25px;
}
.page-content h2{
	color:#690;
}
.focus{
	padding:40px 25px;
	text-align:center;
}
.focus h2{
	color:#690;
}
.focus .icons{
	font-size:70px;
	color:#6c0;
}
.attention{
	background-color:#690;
	color:#ddd;
	padding:40px 25px;
}
footer{
	padding:30px 25px;
	background-color:#222;
	color:#ddd;
	text-align:center;
}
.footer-menu{
	color:#6c0;
}
#topcontrol {
  background: #6c0;
  color: #fff;
  text-align: center;
  display: inline-block;
  width: 35px;
  height: 35px;
  border: none;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}
#topcontrol:hover {
  background: #f63;
}
#topcontrol .fa {
  position: relative;
  top: 3px;
  font-size: 25px;
}

.bcn a{
	color:#6cf;
}
.bcn a:hover{
	color:#0ff;
}

/* social icons */
.social, .social:focus{
	color:#fff;
	border-radius:50%;
	text-align:center;
  	font-size: 20px;
	line-height:50px;
}
.social:hover{
	background-color:transparent;
	transition: all 0.3s ease-in-out;
  	-moz-transition: all 0.3s ease-in-out;
  	-webkit-transition: all 0.3s ease-in-out;
  	-o-transition: all 0.3s ease-in-out;
}
.facebook{
	background-color:#3b5998;
	border:1px solid #3b5998;
	padding:7px 18px 7px;
}
.facebook:hover{
	color:#3b5998;
	border:1px solid #3b5998;
}

.twitter{
	background-color:#55acee;
	border:1px solid #55acee;
	padding:7px 14px 7px;
}
.twitter:hover{
	color:#55acee;
	border:1px solid #55acee;
}

.learn-more-btn{
	background-color:#f63;
	border: 1px solid #fff;
    padding: 5px 10px;
    color:#fff;
    border-radius: 0;
    transition: .5s ease-in-out;
}
.learn-more-btn:hover, .learn-more-btn:focus {
    background-color:#6c0;
	border: 1px solid #fff;
    color: #fff;
}
.contact-btn{
	background-color:#6c3;
	border: 1px solid #fff;
    padding: 5px 10px;
    color:#fff;
    border-radius: 0;
    transition: .5s ease-in-out;
}
.contact-btn:hover, .contact-btn:focus {
    background-color:#f63;
	border: 1px solid #fff;
    color: #fff;
}





.img-responsive{
	display:inline;
}

/*=====PAGER*/
div.pagination {
	padding: 1px;
	margin: 1px;
}
div.pagination a {
	padding: 2px 7px 2px 7px;
	margin: 2px;
	border: 1px solid #f33;
	text-decoration: none; /* no underline */
	color:#000;
}
div.pagination a:hover, div.pagination a:active {
	border: 1px solid #f30;
	color: #FFF;
	background-color:#f33;
}
div.pagination span.current {
	padding: 3px 7px 3px 7px;
	margin: 3px;
	border: 1px solid #f33;
	font-weight: bold;
	background-color: #f30;
	color: #FFF;
}
	div.pagination span.disabled {
	padding: 3px 7px 3px 7px;
	margin: 3px;
	border: 1px solid #ddd;
	color: #999;
}

@media (min-width: 768px) {
    .navbar .navbar-nav {
        display: inline-block;
        float: none;
        vertical-align: top;
    }

    .navbar .navbar-collapse {
        text-align: center; padding:0 0
    }
}
/*mobile*/
@media (max-width: 768px) {
    .navbar li a, .navbar{
		padding:5px 10px
	}
}