@font-face {
    font-family: Adventure;
    src: url(../font/Adventure.otf);
}
@font-face {
    font-family: AvenirLTStd;
    src: url(../font/AvenirLTStd-Book.otf);
    font-weight: normal;
}
@font-face {
    font-family: AvenirLTStd;
    src: url(../font/AvenirLTStd-Heavy.otf);
    font-weight: bold;
}
@font-face {
    font-family: AlteHaasGroteskBold;
    src: url(../font/AlteHaasGroteskBold.ttf);
}
body{
    font-family:AvenirLTStd;
}
.navbar-default {
    background-color: rgba(0,0,0,0.3);
    border-color: none;
    color: #fff;
}
.navbar-right {
    margin-top: 15px;
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
    color: #fff;
    background-color: none;
}
.navbar-default .navbar-nav>li>a {
    color: #fff;
}
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {
    color: #fff;
}
.navbar-brand {
    height: 80px;
}
#logo{
    max-height:100%;
}
.AvenirLTStd{
    color: #fff;
    font-family: AvenirLTStd;
}
.nospace{
    padding-left:0px;
    padding-right:0px;
}
.nomar{
    margin-left: 0px;
    margin-right: 0px;
}
.navbar-fixed-bottom, .navbar-fixed-top {
    position: absolute;
}
.caraikutan{
    background: url(../img/bg1new.jpg) no-repeat;
    background-size: cover;
}
.bg11{
    background: url(../img/bg11.jpg) no-repeat;
    background-size: cover;
}
.adventure{
    color: white;
    font-family: Adventure;
}
h3.explain{
    font-family: AlteHaasGroteskBold;
    color: #c25725;
    margin-top:10px;
}

ul.explain{
    font-family:AvenirLTStd;
    color: #c25725;
}

@media (min-width: 768px){
.navbar-nav {
    margin-top: 15px;
    margin-left: 15px;
}
.bg11{
    background-size: 100% 100%;
}
.caraikutan{
    background-size: 100% 100%;
}
}

.btna {
  -webkit-border-radius: 15;
  -moz-border-radius: 15;
  border-radius: 15px;
  -webkit-box-shadow: -2px 2px 6px #666666;
  -moz-box-shadow: -2px 2px 6px #666666;
  box-shadow: -2px 2px 6px #666666;
  font-family: Adventure;
  color: #873b18;
  font-size: 27px;
  background: #fff;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
}
btna:hover{
  color: #873b18;
  background: #fff;
  text-decoration: none;
}
.btnb {
  background: #ff8534;
  background-image: -webkit-linear-gradient(top, #ff8534, #ff6600);
  background-image: -moz-linear-gradient(top, #ff8534, #ff6600);
  background-image: -ms-linear-gradient(top, #ff8534, #ff6600);
  background-image: -o-linear-gradient(top, #ff8534, #ff6600);
  background-image: linear-gradient(to bottom, #ff8534, #ff6600);
  -webkit-border-radius: 20;
  -moz-border-radius: 20;
  border-radius: 20px;
  font-family: Adventure;
  color: #ffffff;
  font-size: 20px;
  padding: 5px 20px 5px 20px;
  border: solid #ffffff 4px;
  text-decoration: none;
}

.btnb:hover {
  background: #f06000;
  color: #ffffff;
  text-decoration: none;
}
.ci{
    color:#fff;
    text-align:center;
    font-family: AvenirLTStd;
}
.ex{
    background-color: #873b18;;
    background-image: url(../img/bg2.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-size: cover;
    margin-left:-15px;
    margin-right:-15px;
}
.br{
    border: transparent solid 5px;
    margin-top:10px;
    padding-top:15px;
    padding-bottom:15px;
}
.br:before {
    border: #fff dashed 3px;
    border-radius: 25px;
    content: "";
    position: absolute;
    top: 10px;
    bottom: 10px;
    left: 0px;
    right: 0px;
}
.wp{
    background-color: #fff;
    border-radius: 15px;
}
.mb{
    background-color:#c25725;
}
.footer-section{
    background-color:#4a221b;
}
#myModal{
    color:#fff;
}
a {
    color:#fff;
}
a:hover{
    color:#fff;
}