/* Responsve Video - video-wrapper */

.video-wrapper {
     position: relative;
     padding-bottom: 56.25%;
     padding-top: 10px;
     overflow: hidden;
 }
 .video-wrapper iframe {
     position: absolute;
     width: 100%;
     height: 100%;
     top: 0;
     left: 0;
 }

/* End Responsve Video - video-wrapper */

/* Offcanvas Sidebar CSS */

.sidenav {
      background-color:#f3f3f3;
      height:100%;
      left:0;
      overflow-x:hidden;
      padding-top:60px;
      position:fixed;
      top:0;
      transition:.5s;
      width:0;
      z-index:1000000;
} 
.sidenavR {
      background-color:#f3f3f3;
      height:100%;
        overflow-x:hidden;
      padding-top:60px;
      position:fixed;
      right:0;top:0;
      transition:.5s;
      width:0;
      z-index:1000000;
}
.sidenav .dropdown-menu {
    left: -50px;
}

.sidenav a.closebtn, .sidenavR a.closebtn {
  color:#1a1a1a;
}

.sidenav .closebtn a:hover, .offcanvas .closebtn a:focus, .sidenavR .closebtn a:hover, .offcanvas .closebtn a:focus
{
  color:#f1f1f1;
}

.sidenav a:hover, .offcanvas a:focus, .sidenavR a:hover, .offcanvas a:focus
{
  color:#f1f1f1;
}
.sidenav .closebtn, .sidenavR .closebtn
{
  font-size:36px;
  margin-left:50px;
  position:absolute;
  right:25px;top:0;
}

.sidenav .nav > li > a:hover, .sidenav .nav > li > a:focus, 
.sidenavR .nav > li > a:hover, .sidenavR .nav > li > a:focus {
    text-decoration: none;
    background-color: #394043;
}

@media screen and max-height 450px {
  .sidenav,.sidenavR {
    padding-top:15px;
    }
  .sidenav a,.sidenavR a {
    font-size:18px;
    }
}

/* End Offcanvas Sidebar CSS */

/* form-control Dropdown Module - for sidebar!*/

.sidenav form :hover, .sidenavR form :hover {
    background-color: #394043;
    color: #007ACC;
}

.sidenav .form-control, .sidenavR .form-control {
    width: 100%;
    height: 41px;
    padding: 10px 12px;
    font-size: 18px;
    font-weight: bold;
    line-height: 1.8;
    color: #1a1a1a;
    background-color: transparent;
    background-image: none;
    border: 0px solid #d1d1d1;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}