/* BOOTSTRAP 3.x GLOBAL STYLES
-------------------------------------------------- */

/* [Start] Pulled from Bootstrap.css TO OVERRIDE Bootstrap 3 from Slider */


.nav {
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}
.nav > li {
  position: relative;
  display: block;
}
.nav > li > a {
  position: relative;
  display: block;
  padding: 10px 15px;
}
.nav > li > a:hover,
.nav > li > a:focus {
  text-decoration: none;
  background-color: #eee;
}
.nav > li.disabled > a {
  color: #777;
}
.nav > li.disabled > a:hover,
.nav > li.disabled > a:focus {
  color: #777;
  text-decoration: none;
  cursor: not-allowed;
  background-color: transparent;
}
.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {
  background-color: #eee;
  border-color: #428bca;
}
.nav .nav-divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}
.nav > li > a > img {
  max-width: none;
}

.nav-stacked > li {
  float: none;
}
.nav-stacked > li + li {
  margin-top: 2px;
  margin-left: 0;
}
.nav-justified {
  width: 100%;
}
.nav-justified > li {
  float: none;
}
.nav-justified > li > a {
  margin-bottom: 5px;
  text-align: center;
}
.nav-justified > .dropdown .dropdown-menu {
  top: auto;
  left: auto;
}
@media (min-width: 768px) {
  .nav-justified > li {
    display: table-cell;
    width: 1%;
  }
  .nav-justified > li > a {
    margin-bottom: 0;
  }
}

.tab-content > .tab-pane {
  display: none;
}
.tab-content > .active {
  display: block;
}
.nav-tabs .dropdown-menu {
  margin-top: -1px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.navbar {
  position: relative;
  min-height: 50px;
  margin-bottom: 20px;
  border: 1px solid transparent;
}

@media (min-width: 768px) {
  .navbar {
    border-radius: 4px;
  }
}
@media (min-width: 768px) {
  .navbar-header {
    float: left;
  }
}
.navbar-collapse {
  padding-right: 15px;
  padding-left: 15px;
  overflow-x: visible;
  -webkit-overflow-scrolling: touch;
  border-top: 1px solid transparent;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1);
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1);
}

/* We dont want scrollbars on our dropdown! */
.navbar-collapse.in {
  overflow-y: visible;
}
@media (min-width: 768px) {
  .navbar-collapse {
    width: auto;
    border-top: 0;
    -webkit-box-shadow: none;
            box-shadow: none;
  }
  .navbar-collapse.collapse {
    display: block !important;
    height: auto !important;
    padding-bottom: 0;
    overflow: visible !important;
  }
  .navbar-collapse.in {
    overflow-y: visible;
  }
  .navbar-fixed-top .navbar-collapse,
  .navbar-static-top .navbar-collapse,
  .navbar-fixed-bottom .navbar-collapse {
    padding-right: 0;
    padding-left: 0;
  }
}
.navbar-fixed-top .navbar-collapse,
.navbar-fixed-bottom .navbar-collapse {
  max-height: 340px;
}
@media (max-width: 480px) and (orientation: landscape) {
  .navbar-fixed-top .navbar-collapse,
  .navbar-fixed-bottom .navbar-collapse {
    max-height: 200px;
  }
}
.container > .navbar-header,
.container-fluid > .navbar-header,
.container > .navbar-collapse,
.container-fluid > .navbar-collapse {
  margin-right: -15px;
  margin-left: -15px;
}
@media (min-width: 768px) {
  .container > .navbar-header,
  .container-fluid > .navbar-header,
  .container > .navbar-collapse,
  .container-fluid > .navbar-collapse {
    margin-right: 0;
    margin-left: 0;
  }
}
.navbar-static-top {
  z-index: 1000;
  border-width: 0 0 1px;
}
@media (min-width: 768px) {
  .navbar-static-top {
    border-radius: 0;
  }
}
.navbar-fixed-top,
.navbar-fixed-bottom {
  position: fixed;
  right: 0;
  left: 0;
  z-index: 1030;
  -webkit-transform: translate3d(0, 0, 0);
       -o-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
@media (min-width: 768px) {
  .navbar-fixed-top,
  .navbar-fixed-bottom {
    border-radius: 0;
  }
}
.navbar-fixed-top {
  top: 0;
  border-width: 0 0 1px;
}
.navbar-fixed-bottom {
  bottom: 0;
  margin-bottom: 0;
  border-width: 1px 0 0;
}

@media (min-width: 768px) {
  .navbar > .container .navbar-brand,
  .navbar > .container-fluid .navbar-brand {
    margin-left: -15px;
  }
}
.navbar-toggle {
  position: relative;
  float: right;
  padding: 9px 10px;
  margin-top: 8px;
  margin-right: 15px;
  margin-bottom: 8px;
  background-color: transparent;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
}
.navbar-toggle:focus {
  outline: 0;
}
.navbar-toggle .icon-bar {
  display: block;
  width: 22px;
  height: 2px;
  border-radius: 1px;
}
.navbar-toggle .icon-bar + .icon-bar {
  margin-top: 4px;
}
@media (min-width: 768px) {
  .navbar-toggle {
    display: none;
  }
}
.navbar-nav {
  margin: 7.5px -15px;
}
.navbar-nav > li > a {
  padding-top: 10px;
  padding-bottom: 10px;
  line-height: 20px;
}
@media (max-width: 767px) {
  .navbar-nav .open .dropdown-menu {
    position: static;
    float: none;
    width: auto;
    margin-top: 0;
    background-color: transparent;
    border: 0;
    -webkit-box-shadow: none;
            box-shadow: none;
  }
  .navbar-nav .open .dropdown-menu > li > a,
  .navbar-nav .open .dropdown-menu .dropdown-header {
    padding: 5px 15px 5px 25px;
  }
  .navbar-nav .open .dropdown-menu > li > a {
    line-height: 20px;
  }
  .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-nav .open .dropdown-menu > li > a:focus {
    background-image: none;
  }
}
@media (min-width: 768px) {
  .navbar-nav {
    float: left;
    margin: 0;
  }
  .navbar-nav > li {
    float: left;
  }
  .navbar-nav > li > a {
    padding-top: 15px;
    padding-bottom: 15px;
  }
  .navbar-nav.navbar-right:last-child {
    margin-right: -15px;
  }
}
@media (min-width: 768px) {
  .navbar-left {
    float: left !important;
  }
  .navbar-right {
    float: right !important;
  }
}

.navbar-nav > li > .dropdown-menu {
  margin-top: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.navbar-btn {
  margin-top: 8px;
  margin-bottom: 8px;
}
.navbar-btn.btn-sm {
  margin-top: 10px;
  margin-bottom: 10px;
}
.navbar-btn.btn-xs {
  margin-top: 14px;
  margin-bottom: 14px;
}
.navbar-text {
  margin-top: 15px;
  margin-bottom: 15px;
}
@media (min-width: 768px) {
  .navbar-text {
    float: left;
    margin-right: 15px;
    margin-left: 15px;
  }
  .navbar-text.navbar-right:last-child {
    margin-right: 0;
  }
}

/* [END] Pulled from Bootstrap.css TO OVERRIDE Bootstrap 3 from Slider */


/* Fix menu fonts - override BS3CSS from slider*/
body {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 14px;
line-height: 1.42857143;
color: #333;
background-color: #fff;
}





/* From Styles.CSS -> CUSTOMIZE THE NAVBAR
-------------------------------------------------- */

/* Special class on .container surrounding .navbar, used for positioning it into place. */
.navbar-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 10;
}


/* Add Transparent BG to Nav Butttons NAV area
-------------------------------------------------- */
.navbar-calderone .nav {
margin-top: 0px; /*how far the menu buttons are from the top */
margin-right: 0px;
background: url(../img/menu-holder_bg.png) 0 0 repeat;
box-shadow: 0 1px 3px rgba(0,0,0,0.27);
}

 /* ON MOBILE - Convert Menu DROPDOWN Transparencies to Orange SO ITS VISIBLE */
@media (max-width: 768px) {
  .navbar-calderone .nav {
  background-color: #dca339;
  background-image: -moz-linear-gradient(top,#e3b643,#d18629);
  background-image: -webkit-gradient(linear,0 0,0 100%,from(#e3b643),to(#d18629));
  background-image: -webkit-linear-gradient(top,#e3b643,#d18629);
  background-image: -o-linear-gradient(top,#e3b643,#d18629);
  background-image: linear-gradient(to bottom,#e3b643,#d18629);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe3b643', endColorstr='#ffd18629', GradientType=0);
  box-shadow: 0 1px 1px rgba(0,0,0,0.25);
  font-color: #FFFFFF;
  color: #FFFFFF;
  }
}


/* LOGOS - Responsive
-------------------------------------------------- */


#logo{
margin-top: 1px; 
margin-left: -5px;
 /*background-image: url(../img/menu-holder_bg.png) 0 0 no-repeat;*/
}


/*XSM*/
@media (min-width: 0px)  and (max-width: 547px) {
  /*how far the logo is from the top */
  
  .visible-coxs {
  display: block !important;
  }

   .visible-cosm,
   .visible-comd,
   .visible-colg {
   display: none !important;
  }

  .navbar-calderone .navbar-header {
  margin-top: 3px; 
  margin-left: -5px;
  /*background: url(../img/CalderoneNavLogo_xs.png) 0 0 no-repeat; */
  }
}

/*SM*/
@media (min-width: 548px)  and (max-width: 767px) {
  /*how far the logo is from the top */

  .visible-cosm {
  display: block !important;
  }

   .visible-coxs,
   .visible-comd,
   .visible-colg {
   display: none !important;
  }

  .navbar-calderone .navbar-header {
  margin-top: 3px; 
  margin-left: -5px;
  /*background: url(../img/CalderoneNavLogo_sm.png) 0 0 no-repeat;*/
  }

}





/*MD*/
@media (min-width: 768px) and (max-width: 991px) {
  /*how far the logo is from the top */

  .visible-comd {
  display: block !important;
  }

   .visible-coxs,
   .visible-cosm,
   .visible-colg {
   display: none !important;
  }

  .navbar-calderone .navbar-header {
  margin-top: 12px; 
  margin-left: -5px;
 /* background: url(../img/CalderoneNavLogo_lg.png)  0 0 no-repeat;*/
  }
}

/*MD2*/
@media (min-width: 992px) and (max-width: 1199px) {

  .visible-comd {
  display: block !important;
  }

   .visible-coxs,
   .visible-cosm,
   .visible-colg {
   display: none !important;
  }

  .navbar-calderone .navbar-header {
  margin-top: 2px; 
  margin-left: -5px;
 /* background: url(../img/CalderoneNavLogo_lg.png)  0 0 no-repeat;*/
  }
}




@media (min-width: 1200px) and (max-width: 3000px)  {
  /*how far the logo is from the top */
  /*LG*/
.visible-colg {
  display: block !important;
  }

.visible-coxs,
   .visible-cosm,
   .visible-comd {
   display: none !important;
  }

  .navbar-calderone .navbar-header {
  margin-top: -7px; 
  margin-left: -5px;
  /*background: url(../img/CalderoneNavLogo_lg.png)  0 0 no-repeat;*/
  }
}

/* Make Navbar Transparent
-------------------------------------------------- */
.navbar-calderone {
   background-color: transparent;
   background: transparent;
}

.navbar-calderone li { color: #000 } 

.navbar-calderone .navbar-brand {
    max-width: 50%;
}


/* Make Buttons Orange
-------------------------------------------------- */

.navbar-calderone .navbar-nav .navbar-text,
.navbar-calderone .navbar-nav > li > a  {
  color: #fff;
  font-weight:bold;
}

.navbar-calderone .navbar-nav > li > a:hover,
.navbar-calderone .navbar-nav > li > a:focus,

.navbar-calderone .nav > .active > a,
.navbar-calderone .nav > .active > a:hover,
.navbar-calderone .nav > .active > a:focus,

.navbar-calderone .navbar-toggle:hover,
.navbar-calderone .navbar-toggle:focus,
.navbar-calderone .navbar-toggle,

.dropdown-menu > li > a:hover {
background-color: #dca339;
background-image: -moz-linear-gradient(top,#e3b643,#d18629);
background-image: -webkit-gradient(linear,0 0,0 100%,from(#e3b643),to(#d18629));
background-image: -webkit-linear-gradient(top,#e3b643,#d18629);
background-image: -o-linear-gradient(top,#e3b643,#d18629);
background-image: linear-gradient(to bottom,#e3b643,#d18629);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe3b643', endColorstr='#ffd18629', GradientType=0);
color: #fff;
box-shadow: 0 1px 1px rgba(0,0,0,0.25);
font-weight:bold;
}

/* the MENU button positioning
-------------------------------------------------- */
.navbar-calderone .navbar-toggle {
  position: relative;
  float: right;
  padding: 9px 10px;
  margin-top: 4px;
  margin-right: 0px;
  margin-bottom: 8px;
}


.navbar-calderone .navbar-collapse,
.navbar-calderone .navbar-form {
border-color: transparent;
}


/* POSITIONING OF MENU WHEN IT OVERLAPS */
@media (min-width: 768px) and (max-width:992px)  {

.navbar-calderone .nav {
margin-top: -80px;
margin-left: 200px;
}
}



/* FRom Style.CSS RESPONSIVE CSS
-------------------------------------------------- */

@media (min-width: 768px) {

  /* Navbar positioning foo */
  .navbar-wrapper {
    margin-top: 20px;
    margin-bottom: -90px; /* Negative margin to pull up carousel. 90px is roughly margins and height of navbar. */
  }
  /* The navbar becomes detached from the top, so we round the corners */
  .navbar-wrapper .navbar {
    border-radius: 4px;
  }

}