/* -----------------------------------

 * Slidebars

 * Version 0..10

 * http://plugins.adchsm.me/slidebars/

 *

 * Written by Adam Smith

 * http://www.adchsm.me/

 *

 * Released under MIT License

 * http://plugins.adchsm.me/slidebars/license.txt

 *

 * -------------------

 * Slidebars CSS Index

 *

 * 001 - Box Model, Html & Body

 * 002 - Site

 * 003 - Slidebars

 * 004 - Animation

 * 005 - Helper Classes

 *

 * ----------------------------

 * 001 - Box Model, Html & Body

 */

 .sb-toggle-left.navbar-left {cursor: pointer;margin: 0px 0 0px 10px;text-align: center;text-decoration: none;text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);width: 40px;height: 40px;z-index: 999;overflow: hidden;left: 0;position: fixed;top: 0;background: #FFF;padding: 10px 5px;border: 0;box-sizing: border-box;}

 .sb-toggle-left.navbar-left .slicknav_menutxt {
 
   color: #fff;
 
   display: block;
 
   float: none;
 
   font-size: 11px;
 
   font-weight: bold;
 
   text-shadow: 0 1px 3px #000;
 
 }
 
 .sb-toggle-left.navbar-left .slicknav_icon {
 
   display: block;
 
   float: none;
 
   font-weight: bold;
 
   cursor: pointer;
 
   float: left;
 
   text-transform: uppercase;
 
   font-family: 'MenuFont';
 
   font-size: 14px;
 
 }
 
 .sb-toggle-left.navbar-left .slicknav_icon-bar {background-color: #23154e;border-radius: 1px;display: block;height: 3px;margin: 0 auto 3px;width: 30px;}
 
 .sb-toggle-left.navbar-left .slicknav_icon-bar:last-child{
 
	 margin-bottom: 0;
 
 }
 .sb-toggle-left.navbar-left .slicknav_icon-bar:first-child {
	 margin-top: 3px;
 }
 /* ----------
 
  * 002 - Site
 
  */
 
 #sb-site, .sb-site-container {
 
	 /* You may now use class .sb-site-container instead of #sb-site and use your own id. However please make sure you don't set any of the following styles any differently on your id. */
 
	 width: 100%;
 
 }
 
 /* ---------------
 
  * 003 - Slidebars
 
  */
 
 .sb-slidebar {height: 100%;overflow-y: auto; /* Enable vertical scrolling on Slidebars when needed. */position: fixed;top: 0;z-index: 0; /* Slidebars sit behind sb-site. */display: none; /* Initially hide the Slidebars. Changed from visibility to display to allow -webkit-overflow-scrolling. */background-color: #f5f5f5; /* Default Slidebars background colour, overwrite this with your own css. */-webkit-transform: translate(0px); /* Fixes issues with translated and z-indexed elements on iOS 7. */box-shadow: 0 0 15px #000;}
 
 .sb-left {
 
	 left: 0; /* Set Slidebar to the left. */
 
 }
 
 .sb-right {
 
	 right: 0; /* Set Slidebar to the right. */
 
 }
 
 html.sb-static .sb-slidebar,
 
 .sb-slidebar.sb-static {
 
	 position: absolute; /* Makes Slidebars scroll naturally with the site, and unfixes them for Android Browser < 3 and iOS < 5. */
 
 }
 
 .sb-slidebar.sb-active {
 
	 display: block; /* Makes Slidebars visibile when open. Changed from visibility to display to allow -webkit-overflow-scrolling. */
 
 }
 
 .sb-style-overlay {
 
	 z-index: 9999; /* Set z-index high to ensure it overlays any other site elements. */
 
 }
 
 .sb-momentum-scrolling {
 
	 -webkit-overflow-scrolling: touch; /* Adds native momentum scrolling for iOS & Android devices. */
 
 }
 
 /* Slidebar widths for browsers/devices that don't support media queries. */
 
	 .sb-slidebar {
 
		 width: 30%;
 
	 }
 
	 .sb-width-thin {
 
		 width: 15%;
 
	 }
 
	 .sb-width-wide {
 
		 width: 45%;
 
	 }
 
 @media (max-width: 480px) { /* Slidebar widths on extra small screens. */
 
	 .sb-slidebar {
 
		 width: 65%;
 
	 }
 
	 .sb-width-thin {
 
		 width: 55%;
 
	 }
 
	 .sb-width-wide {
 
		 width: 85%;
 
	 }
 
 }
 
 @media (min-width: 481px) { /* Slidebar widths on small screens. */
 
	 .sb-slidebar {
 
		 width: 55%;
 
	 }
 
	 .sb-width-thin {
 
		 width: 40%;
 
	 }
 
	 .sb-width-wide {
 
		 width: 70%;
 
	 }
 
 }
 
 @media (min-width: 768px) { /* Slidebar widths on medium screens. */
 
	 .sb-slidebar {
 
		 width: 40%;
 
	 }
 
	 .sb-width-thin {
 
		 width: 25%;
 
	 }
 
	 .sb-width-wide {
 
		 width: 55%;
 
	 }
 
 }
 
 @media (min-width: 992px) { /* Slidebar widths on large screens. */
 
	 .sb-slidebar {
 
		 width: 30%;
 
	 }
 
	 .sb-width-thin {
 
		 width: 15%;
 
	 }
 
	 .sb-width-wide {
 
		 width: 45%;
 
	 }
 
 }
 
 @media (min-width: 1200px) { /* Slidebar widths on extra large screens. */
 
	 .sb-slidebar {
 
		 width: 20%;
 
	 }
 
	 .sb-width-thin {
 
		 width: 5%;
 
	 }
 
	 .sb-width-wide {
 
		 width: 35%;
 
	 }
 
 }
 
 /* ---------------
 
  * 004 - Animation
 
  */
 
 .sb-slide, #sb-site, .sb-site-container, .sb-slidebar {
 
	 min-height: unset !important;
 
	 -webkit-transition: -webkit-transform 400ms ease;
 
	 -moz-transition: -moz-transform 400ms ease;
 
	 -o-transition: -o-transform 400ms ease;
 
	 transition: transform 400ms ease;
 
	 -webkit-transition-property: -webkit-transform, left, right; /* Add left/right for Android < 4.4. */
 
	 -webkit-backface-visibility: hidden; /* Prevents flickering. This is non essential, and you may remove it if your having problems with fixed background images in Chrome. */
 
 }
 
 /* --------------------
 
  * 005 - Helper Classes
 
  */
 
 .sb-hide {
 
	 display: none; /* Optionally applied to control classes when Slidebars is disabled over a certain width. */
 
 }
 
 /* Main Menu */
 
 .sb-menu { /* Apply to <ul> or <ol>. */
 
	 padding: 0;
 
	 margin: 0;
 
	 list-style-type: none;
 
 }
 
 .sb-menu li {
 
	 width: 100%;
 
	 padding: 0;
 
	 margin: 0;
 
	 border-top: 1px solid rgba(123, 123, 123, 0.1); /* Will lighten any background colour you set. */
 
	 /*border-bottom: 1px solid rgba(0, 0, 0, 0.1); /* Will darken any background colour you set. */
 
 }
 
 .sb-menu li.call a, .sb-menu li.map a{padding-left: 25px;}
 
 .sb-menu li.has_child li > a {
 
	 background: none repeat scroll 0 0 #eaeaea;
 
	 cursor: default;
 
	 padding-left: 25px;
 
	 outline: none;
 
	 color: #000;
 
 }
 
 .sb-menu li.has_child li li a {
 
	 padding-left: 35px;
 
	 background: #f7f7f7;
 
 }
 
 .sb-menu li.has_child li li li a {
 
	 padding-left: 45px;
 
	 background: #fff;
 
 }
 
 .sb-menu li.has_child > a:hover {background: none repeat scroll 0 0 rgb(225 5 49 / 16%);border-left: medium none;}
 
 .sb-menu > li:first-child {
 
	 border-top: none; /* Removes top border from first list item.. */
 
 }
 
 .sb-menu > li:last-child {
 
	 border-bottom: none; /* Removed bottom border from last list item. */
 
 }
 
 .sb-menu li a {
 
	 width: 100%;
 
	 display: block;
 
	 padding: 0.5em 1em;
 
	 color: #000;
 
	 box-sizing: border-box;
 
	 font-size: 15px;
 
 }
 
 .sb-menu li a:hover {
 
	 text-decoration: none;
 
	 background-color: rgba(255, 255, 255, 0.05); /* Will lighten any background colour you set. */
 
 }
 
 .sb-left .sb-menu li a.sale-current {
 
	 color: #e40000;
 
 }
 
 .sb-left .sb-menu li a.sale-current img {
 
	 display: inline-block;
 
	 vertical-align: middle;
 
	 width: 20px;
 
	 margin: 0;
 
 }
 
 /* Borders */
 
 .sb-left .sb-menu li a {
 
	 border-left: 3px solid transparent;
 
 }
 
 .sb-left .sb-menu li.current > a, .sb-left .sb-menu li > a:hover {border-left: 3px solid #e10531; /* Removes transparent colour, so border colour will be the same as link hover colour. */}
 
 .sb-right .sb-menu li a {
 
	 border-right: 3px solid transparent;
 
 }
 
 .sb-right .sb-menu li a:hover , .sb-right .sb-menu li.current a {
 
	 border-right: 3px solid; /* Removes transparent colour, so border colour will be the same as link hover colour. */
 
 }
 
 /* Left */
 
 .sb-menu li .sb-open-right, .sb-menu li small {
 
	 display: inline-block;
 
	 padding: 14px;
 
 }
 
 .sb-menu li img {
 
	 margin: 14px;
 
 }
 
 .sb-menu li ul{
 
	 display: none;
 
	 margin-left: 0;
 
	 list-style: none;
 
 }
 
 .sb-menu li{
 
	 position: relative;
 
 }
 
 .sb-menu a{
 
	 cursor: pointer;
 
 }
 
 .sb-menu li > i {position: absolute;font-size: 20px;top: 0;color: #23154e;right: 0;background: rgb(230 230 230);width: 40px;height: 36px;line-height: 40px;text-align: center;font-weight: normal;}
 
 .sb-menu li > i.fa-angle-up {background: rgb(230 230 230);}