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

.full-image-section .background-image {
	position:relative;}

#sidebar-fix {
  width: inherit;
  min-width: 260px;
  max-width: 260px;
  background-color:#fff;
  float: left;
  height:100%;
  bottom:0;
  left: :0;
  overflow-y:auto;
  z-index: 900;
  overflow-x:hidden;
  -webkit-box-shadow:10px 0px 50px -2px rgba(0, 0, 0, 0.14);
  -moz-box-shadow:10px 0px 50px -2px rgba(0, 0, 0, 0.14);
  box-shadow:10px 0px 50px -2px rgba(0, 0, 0, 0.14);
  position: fixed;
  top: 0;
  height: 100%;
  -webkit-overflow-scrolling:touch;
  overflow:auto;
}

#main {
  height:100%;
  overflow:auto;
  margin-left:260px;
}

#sidebar-fix .social-icons {
  margin:0 0 30px !important;
}

.side-copyrights {
  text-align: center;
}

.side-logo a img {
  width: 157px;
  display: block;
  position: relative;
  margin:20px auto;
}
.sidebar-nav {
  margin: 30px 0;
  padding: 0;
  list-style: none;
}

.sidebar-nav li {
    line-height: 50px;
    margin: 2px 0;
}

.sidebar-nav li a {
  font-weight: bold;
  font-size:14px;
  padding:23px 16px;
  color:#282828;
  text-transform: uppercase;
  font-family: "Montserrat",sans-serif;
  -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;
}

.sidebar-nav li a:active,
.sidebar-nav li a:focus {
  text-decoration: none;
}
.mobile-menu {
  z-index: 9999;
  display: block;
  position: fixed;
  top:0;
  left: 0;
  display: none;
}

.mobile-menu .btn {
  border-radius: 0 !important;
}

@media (max-width: 992px) {
    #sidebar-fix {
        position: relative;
        box-shadow: none;
    }
   .mobile-menu{
      display: normal!important;
   }
}

@media screen and (max-width: 1024px) {
  .row-offcanvas {
    position: relative;
    -webkit-transition: all 0.25s ease-out;
    -moz-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;
    width:calc(100% + 260px);
  }  .row-offcanvas-left
  {
    left: -260px;
  }

  .row-offcanvas-left.active {
    left: 0;
  }

  .sidebar-offcanvas {
    position: absolute;
    top: 0;
  }
}