/*
Camp Lohikan TOP Navigation CSS
Author: Mat Kraner | Creative DBS
Version: 1.0



COLORS:
*******
yellow: 			      #fee03f
yellow /w opacity:  rgba(254, 224, 63, 1.0)
light blue:			    #194c91
dark blue: 			    #061A38
lighest blue:       #337ab7

*/

@import url(https://fonts.googleapis.com/css?family=Lato:400,100,100italic,300,300italic,400italic,700,700italic,900,900italic);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic);
@import url(https://fonts.googleapis.com/css?family=Alegreya+Sans+SC:400,100,100italic,300,300italic,400italic,500,500italic,700,700italic,800,800italic,900,900italic); /* font-family: 'Alegreya Sans', sans-serif; */
@import url(https://fonts.googleapis.com/css?family=Aldrich); /* font-family: 'Aldrich', sans-serif; */
@import url(https://fonts.googleapis.com/css?family=Viga); /* font-family: 'Viga', sans-serif; */
@import url(https://fonts.googleapis.com/css?family=Rambla:400,400italic,700,700italic); /* font-family: 'Rambla', sans-serif; */
@import url(https://fonts.googleapis.com/css?family=Strait); /* font-family: 'Strait', sans-serif; */


@font-face {
    font-family: 'pussycat_snickers';
    src: url('../fonts/pusss-webfont.eot');
    src: url('../fonts/pusss-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/pusss-webfont.woff2') format('woff2'),
         url('../fonts/pusss-webfont.woff') format('woff'),
         url('../fonts/pusss-webfont.ttf') format('truetype'),
         url('../fonts/pusss-webfont.svg#pussycat_snickers') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* Logo Options */
.navbar-brand {padding: 0;}
.navbar-brand>img {height:86px; width:auto; position:absolute; left:3%;}

/* Main Options */
.navbar {border:none; top: 40px; border-radius:0px; position:fixed; display:block; width:100%; height:91px; z-index: 9999; -webkit-box-shadow: 0px 5px 9px -5px rgba(0,0,0,0.75); -moz-box-shadow: 0px 5px 9px -5px rgba(0,0,0,0.75); box-shadow: 0px 5px 9px -5px rgba(0,0,0,0.75);}
body.home_page .navbar  {top: 40px;}
.navbar-default {background: url('../images/top-navi-bg-03.png'), #194c91; background-size: contain;  background-position: top left; border-bottom: 3px solid #fee03f;}
.navbar-nav {float: left; margin: 0; position: relative; left: 50%; margin-left: -360px;box-shadow: -5px 0 25px 0px #000, 10px 0 25px -5px #000;}
ul.navbar-nav {list-style-type: none;}

.container-fluid {padding-left: 0px; padding-right: 0px;}
.navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand {margin-left: 0px;}
.navbar-default .navbar-brand {color:#fee03f; }
.navbar-default .navbar-brand:focus, .navbar-default .navbar-brand:hover {color:#FFF; }
.navbar-nav > li {  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#08254e+0,154a93+100 */
  background: #08254e; /* Old browsers */
  background: -moz-linear-gradient(top,  #08254e 0%, #154a93 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  #08254e 0%,#154a93 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  #08254e 0%,#154a93 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#08254e', endColorstr='#154a93',GradientType=0 ); /* IE6-9 */}
.navbar-default .navbar-nav>li>a {color: #fee03f; font-family: 'Strait', sans-serif; text-transform:uppercase; font-size: 22px; line-height: 28px; text-align: center;}
.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus {color: #fff !important;}
.navbar-default .navbar-nav>li>a:visited {color: #fee03f; }
.navbar-default .navbar-nav > .active > a {background-color: #194c91; color: #fff;}
.navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {background: #194c91; color: #fff;}
.navbar-nav > li {border-left: 1px solid rgba(255, 226, 37, 0.5); float: left;}
.border-right {border-right: 1px solid rgba(255, 226, 37, 0.5);}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {background-color: #061A38; color: #fff;}
.nav>li>a {padding: 15px 15px;}

.yellow-line-top {position:fixed; display:block; width:100%; background: #fee03f; height:3px; top:128px; z-index:9999;}
body.home_page .yellow-line-top {position:fixed; display:block; width:100%; background: #fee03f; height:3px; top:128px; z-index:9999;}

/* DropDown Options */
.dropdown-menu {background-color: #194c91; border-top-left-radius: 5px !important; border-top-right-radius: 5px !important; border-radius: 5px; border-top: 3px solid #fee03f; -webkit-box-shadow: 0 3px 6px rgba(0,0,0,.475); box-shadow: 0px 3px 6px rgba(0,0,0,.475);}
.navbar-nav>li>.dropdown-menu::before {
      content: '';
      display: block;
      width: 0;
      height: 0;
      position: absolute;
      top: -8px;
      left: 50%;
      margin-left: -10px;
      border-color: transparent transparent #fee03f transparent;
      border-style: solid;
      border-width: 0 10px 5px 10px;
}

.caret {position:absolute; right:50%; margin-right:-10px; bottom:0px; margin-bottom: -9px; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 6px solid #fee03f;}

.dropdown-menu>li>a {color: #FFF; font-family: 'Strait', sans-serif; font-size: 16px;}
.navbar-nav>li>.dropdown-menu {margin-top: 20px; margin-left: -30px;}

/* Mobile Navigation */
.navbar-default .navbar-toggle {border-color: #fee03f; padding: 12px 12px; margin-top: 21px;}
.navbar-default .navbar-toggle .icon-bar {background-color: #fee03f; width: 32px; height: 4px;}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {background-color: #337ab7}


/* Other */
.break-line-desktop {visibility: visible; display: block; max-height: 0px;}
li.no-borders {border: none;}

/* Not Using Right Top Navi
li.contact-info-top {position: relative; display: block; float: right; background: transparent;}
.top-contact-holder {border: 1px solid #fee03f; background: #337ab7; border-radius: 5px; padding: 5px; margin-left: -210px; top: 110px;position: absolute; display: block; width: 190px; height: 60px; -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75); -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75); box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);}
.fa-envelope, .fa-phone {color: #fee03f; font-size: 20px;}
.envelope-icon {position: absolute; display: block; top: 6px; left: 11px;}
.phone-icon {position: absolute; display: block; top: 32px; font-size: 24px; left: 12px;}
.top-email {position: absolute; display: block; color: #fee03f; font-family: 'Arvo', serif; font-size: 14px; top: 4px; left: 45px;}
.top-phone {position: absolute; display: block; color: #fee03f; font-family: 'Arvo', serif; font-size: 14px; top: 31px; left: 54px;}
.top-email a, .top-phone a {color: #fee03f;}
.top-email a:hover, .top-phone a:hover, .top-email a:focus, .top-phone a:focus {color: #FFF; text-decoration: none;}
*/


/* IN-BETWEENERS JUST FOR THE TOP NAVIGATION */
/* Small Devices, Tablets */
@media only screen and (max-width : 1200px) and (min-width : 1100px) {
.navbar-nav {margin-left: -290px;}

.navbar-brand>img {height: 82px; width: auto;}
.navbar-default .navbar-nav>li>a {font-size: 16px; line-height: 28px;}

.navbar-nav>li>.dropdown-menu {margin-left: -43px;}

.top-contact-holder {height: 60px; margin: 12px 5px 0 0;}
}


/* Small Devices, Tablets */
@media only screen and (max-width : 1099px) and (min-width : 1000px) {
.navbar-nav {margin-left: -240px;}
.navbar-nav>li>.dropdown-menu {left: -14px;}

.navbar-brand>img {height: 82px; width: auto;}
.navbar-default .navbar-nav>li>a {font-size: 14px; line-height: 28px; padding: 15px 10px;}
}

@media only screen and (max-width : 999px) and (min-width : 768px) {
.navbar-nav {margin-left: -230px;}

.navbar-brand>img {height: 66px; width: auto; left: 1%;}
.navbar-default .navbar-nav>li>a {font-size: 16px; line-height: 28px;}
.top-contact-holder {height: 72px;}
.nav>li>a {padding: 15px 5px;}
.navbar-right {visibility: hidden; display: none;}
.navbar-default {}
.navbar-nav>li>.dropdown-menu {left: -26px;}

#contact-box {right: 1% !important; width: 200px !important;}
#contact-box-small {right: 1% !important; width: 200px !important;}
.days {font-size: 20px !important;}
.top-email {font-size: 11px !important;}
.top-phone {font-size: 13px !important;}

.video-controls {right: 1% !important; }
}



/* Tablet: Portrait */
@media (max-width: 1200px) {
  #contact-box {
    display: none  !important;
  }

    .navbar-header {
        float: none;
    }
    .navbar-left,.navbar-right {
        float: none !important;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin-top: 7.5px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .collapse.in{
        display:block !important;
    }

    .navbar-brand { height: 90%; }
    .navbar-brand > img {height: 100%; width: auto; }

    .navbar-collapse {padding-right: 0px; padding-left: 0px;}
    .navbar-nav {left:0%; margin-left: 0px; box-shadow: none; width: 100%; }


    .navbar-default .navbar-nav>li>a {text-align: left;}
    .container-fluid > .navbar-collapse, .container-fluid > .navbar-header, .container > .navbar-collapse, .container > .navbar-header {margin-right: 0px; margin-left: 0px; min-height: 86px;}
    .border-right {border-right: none;}
    .navbar-nav > li {border-left: none;}
    .navbar-default .navbar-nav>li>a {font-size: 18px; line-height: 24px; padding: 15px 15px 15px 30px; border-bottom: 1px solid #999;}

    .navbar-default {background: #194c91;}


    .navbar-default .navbar-collapse, .navbar-default .navbar-form {background: #eeeeee; border-top: 3px solid #fee03f;}
    .navbar-default .navbar-nav>li>a {color: #333;}
    .navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus {color: #194c91 !important;}
    .navbar-default .navbar-nav>li>a:visited {color: #333; }
    .navbar-default .navbar-nav>li>a:hover {color: #194c91; }
    .navbar-default .navbar-nav > .active > a {color: #fff !important;}
    .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {background: url('../images/top-navi-bg-mobile-selected.png') #999999;}
    .navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {background: url('../images/top-navi-bg-mobile-selected.png') #999999;}
    .navbar-nav .open .dropdown-menu {background-color: #999 !important;}
    .nav .open>a, .nav .open>a:focus, .nav .open>a:hover {border-color: #666;}


    .caret {position:absolute; right:0; margin-right:0; bottom:0; margin-bottom:0; width:0; height:0; border-style: solid; border-width: 0 0 20px 20px; border-color: transparent transparent #666 transparent;}

    .navbar-default .navbar-collapse, .navbar-default .navbar-form { background: url('../images/top-navi-bg-mobile.png') #eee;  -webkit-box-shadow: 0px 5px 9px -5px rgba(0,0,0,0.75); -moz-box-shadow: 0px 5px 9px -5px rgba(0,0,0,0.75); box-shadow: 0px 5px 9px -5px rgba(0,0,0,0.75);}
    .navbar-nav > li {background: transparent;}
    .dropdown-menu {padding: 5px 0 0 0; border-radius: 0p;}
    .navbar-nav .open .dropdown-menu { background: url('../images/top-navi-bg-mobile-down.png') #d6d6d6;}
    .navbar-nav>li>.dropdown-menu::before {
          content: '';
          display: block;
          width: 0;
          height: 0;
          position: absolute;
          top: 0px;
          left: 0%;
          margin-left: 0px;
          border-color: transparent transparent #fee03f transparent;
          border-style: solid;
          border-width: 0;
    }

    .navbar-nav .open .dropdown-menu {background-color: #337ab7;}
    .navbar-default .navbar-nav .open .dropdown-menu>li>a {color: #333; font-weight: bold; padding: 10px 10px 10px 60px; border-bottom: 1px solid rgba(255, 255, 255, 1.0);}
    .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover, .navbar-default .navbar-nav .open .dropdown-menu>li>a:focus {color: #194c91;}

    .break-line-desktop {visibility: hidden; display: none;}

    #contact-box {top: 105px !important; right: 15px !important; z-index: 130 !important;}
    #contact-box-small {top: 105px !important; right: 15px !important; z-index: 130 !important;}
    .video-controls {right:15px !important;}

    .yellow-line-top {visibility: hidden; display: none;}

    /* Not Using Right Top Navi
    .top-contact-holder {border-color: #666; background: transparent;}
    .fa-envelope, .fa-phone {color: #666;}
    .top-email a, .top-phone a {color: #666;}
    .top-email a:hover, .top-phone a:hover {color: #000;}
    */
}

/* ONLY SMALL SCREENS */
/* Small Devices, Tablets */
@media only screen and (max-width : 767px) {
.navbar-brand > img {height: 82px; width: auto;}

.navbar-collapse {padding-right: 0px; padding-left: 0px;}
.navbar-nav {left:0%; margin-left: 0px; box-shadow: none; width: 100%; }


.navbar-default .navbar-nav>li>a {text-align: left;}
.container-fluid > .navbar-collapse, .container-fluid > .navbar-header, .container > .navbar-collapse, .container > .navbar-header {margin-right: 0px; margin-left: 0px; min-height: 86px;}
.border-right {border-right: none;}
.navbar-nav > li {border-left: none;}
.navbar-default .navbar-nav>li>a {font-size: 18px; line-height: 24px; padding: 15px 15px 15px 30px; border-bottom: 1px solid #999;}

.navbar-default {background: #194c91;}


.navbar-default .navbar-collapse, .navbar-default .navbar-form {background: #eeeeee; border-top: 3px solid #fee03f;}
.navbar-default .navbar-nav>li>a {color: #333;}
.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus {color: #194c91 !important;}
.navbar-default .navbar-nav>li>a:visited {color: #333; }
.navbar-default .navbar-nav>li>a:hover {color: #194c91; }
.navbar-default .navbar-nav > .active > a {color: #fff !important;}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {background: url('../images/top-navi-bg-mobile-selected.png') #999999;}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {background: url('../images/top-navi-bg-mobile-selected.png') #999999;}
.navbar-nav .open .dropdown-menu {background-color: #999 !important;}
.nav .open>a, .nav .open>a:focus, .nav .open>a:hover {border-color: #666;}


.caret {position:absolute; right:0; margin-right:0; bottom:0; margin-bottom:0; width:0; height:0; border-style: solid; border-width: 0 0 20px 20px; border-color: transparent transparent #666 transparent;}

.navbar-default .navbar-collapse, .navbar-default .navbar-form { background: url('../images/top-navi-bg-mobile.png') #eee;  -webkit-box-shadow: 0px 5px 9px -5px rgba(0,0,0,0.75); -moz-box-shadow: 0px 5px 9px -5px rgba(0,0,0,0.75); box-shadow: 0px 5px 9px -5px rgba(0,0,0,0.75);}
.navbar-nav > li {background: transparent;}
.dropdown-menu {padding: 5px 0 0 0; border-radius: 0p;}
.navbar-nav .open .dropdown-menu { background: url('../images/top-navi-bg-mobile-down.png') #d6d6d6;}
.navbar-nav>li>.dropdown-menu::before {
      content: '';
      display: block;
      width: 0;
      height: 0;
      position: absolute;
      top: 0px;
      left: 0%;
      margin-left: 0px;
      border-color: transparent transparent #fee03f transparent;
      border-style: solid;
      border-width: 0;
}

.navbar-nav .open .dropdown-menu {background-color: #337ab7;}
.navbar-default .navbar-nav .open .dropdown-menu>li>a {color: #333; font-weight: bold; padding: 10px 10px 10px 60px; border-bottom: 1px solid rgba(255, 255, 255, 1.0);}
.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover, .navbar-default .navbar-nav .open .dropdown-menu>li>a:focus {color: #194c91;}

.break-line-desktop {visibility: hidden; display: none;}

#contact-box {top: 105px !important; right: 15px !important; z-index: 130 !important;}
#contact-box-small {top: 105px !important; right: 15px !important; z-index: 130 !important;}
.video-controls {right:15px !important;}

.yellow-line-top {visibility: hidden; display: none;}

/* Not Using Right Top Navi
.top-contact-holder {border-color: #666; background: transparent;}
.fa-envelope, .fa-phone {color: #666;}
.top-email a, .top-phone a {color: #666;}
.top-email a:hover, .top-phone a:hover {color: #000;}
*/
}







/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px) {
}

/* Custom, iPhone Retina */
@media only screen and (max-width : 320px) {
}












/*******
********
********
********
********
********
*******/

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
}