/*
 * Style tweaks
 * --------------------------------------------------
 */

/*
 * Off Canvas
 * --------------------------------------------------
 */
 
 @media screen and (min-width: 768px) {
  .row-offcanvas {
    position: relative;
	*position:absolute;
    -webkit-transition: all .25s ease-out;
       -moz-transition: all .25s ease-out;
            transition: all .25s ease-out;
			.transition(all ease-in-out 0.3s);


  }

  .row-offcanvas-right {
    right: 0;
  }

  .row-offcanvas-left {
    left: 0;
   overflow:hidden;

  }
  .row-offcanvas-left.active {
    
   overflow:visible;
	
  }
  .row-offcanvas-right
  .sidebar-offcanvas {
    right: -50%; /* 6 columns */
  }

  .row-offcanvas-left
  .sidebar-offcanvas {
	  left:-25.8%; /* 6 columns */
   *left:-60%; /* 6 columns */
    border:0px solid red;
	   
	background: rgb(51, 51, 51) transparent; /* default fallback */
	background: rgba(51, 51, 51, 0.8); /* nice browsers */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#b2333333, endColorstr=#b2333333)"; /* IE8 */  

 *background-color: rgb(51, 51, 51) transparent;
 zoom: 1;

  }

  .row-offcanvas-right.active {
    right: 70%; /* 6 columns */
	position:relative;
	
  }

  .row-offcanvas-left.active {
    left: 25%; /* 6 columns */
	*left:55%;
	margin-left:5px;

	
  }

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



		
  }
}




@media screen and (max-width: 767px) {
	
	  .row-offcanvas {
    position: relative;
    -webkit-transition: all .25s ease-out;
       -moz-transition: all .25s ease-out;
            transition: all .25s ease-out;
  }

 .row-offcanvas-right {
    right: 0;
  }

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


 .row-offcanvas-right
  .sidebar-offcanvas {
    right: -50%; /* 6 columns */
  }

  .row-offcanvas-left
  .sidebar-offcanvas {
    left:-63%; /* 6 columns */
	background: rgb(51, 51, 51) transparent; /* default fallback */
	background: rgba(51, 51, 51, 0.8); /* nice browsers */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#b2333333, endColorstr=#b2333333)"; /* IE8 */
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#b2333333, endColorstr=#b2333333); /* IE 6/7 */
  }

  .row-offcanvas-right.active {
    right: 70%; /* 6 columns */
  }

  .row-offcanvas-left.active {
    left: 83%; /* 6 columns */
  }

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

		
  }
}