@import url(https://fonts.googleapis.com/css?family=Open+Sans);#cssmenu,#cssmenu #menu-button,#cssmenu ul,#cssmenu ul li,#cssmenu ul li a{margin:0;padding:0;border:0;list-style:none;line-height:1;display:block;position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}#cssmenu:after,#cssmenu>ul:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}#cssmenu #menu-button{display:none}#cssmenu{width:auto;line-height:1;float:right}#menu-line{position:absolute;top:0;left:0;height:3px;background:##ffbfa0;-webkit-transition:all .25s ease-out;-moz-transition:all .25s ease-out;-ms-transition:all .25s ease-out;-o-transition:all .25s ease-out;transition:all .25s ease-out}#cssmenu>ul>li{float:left}#cssmenu.align-center>ul{font-size:0;text-align:center}#cssmenu.align-center>ul>li{display:inline-block;float:none}#cssmenu.align-center ul ul{text-align:left}#cssmenu.align-right>ul>li{float:right}#cssmenu.align-right ul ul{text-align:right}#cssmenu>ul>li>a{padding:30px 18px 30px;font-size:13px;text-decoration:none;text-transform:uppercase;color:#666;font-weight:800;-webkit-transition:color .2s ease;-moz-transition:color .2s ease;-ms-transition:color .2s ease;-o-transition:color .2s ease;transition:color .2s ease}#cssmenu>ul>li.active>a,#cssmenu>ul>li:hover>a{color:#f18941}#cssmenu>ul>li.has-sub>a{padding-right:25px}#cssmenu>ul>li.has-sub>a::after{position:absolute;top:33px;right:10px;width:4px;height:4px;border-bottom:1px solid #000;border-right:1px solid #000;content:"";-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);-webkit-transition:border-color .2s ease;-moz-transition:border-color .2s ease;-ms-transition:border-color .2s ease;-o-transition:border-color .2s ease;transition:border-color .2s ease}#cssmenu>ul>li.has-sub:hover>a::after{border-color:#f18941}#cssmenu ul ul{position:absolute;left:-9999px;z-index:1000}#cssmenu li:hover>ul{left:auto}#cssmenu.align-right li:hover>ul{right:0}#cssmenu ul ul ul{margin-left:100%;top:0}#cssmenu.align-right ul ul ul{margin-left:0;margin-right:100%}#cssmenu ul ul li{height:0;-webkit-transition:height .2s ease;-moz-transition:height .2s ease;-ms-transition:height .2s ease;-o-transition:height .2s ease;transition:height .2s ease}#cssmenu ul li:hover>ul>li{height:41px}#cssmenu ul ul li a{padding: 12px 20px 20px 20px;width:220px;font-size:14px;background:#fff;text-decoration:none;color:#666;font-weight:600!important;-webkit-transition:color .2s ease;-moz-transition:color .2s ease;-ms-transition:color .2s ease;-o-transition:color .2s ease;transition:color .2s ease;text-align:left}#cssmenu ul ul li a:hover,#cssmenu ul ul li:hover>a{color:#ff8128}#cssmenu ul ul li.has-sub>a::after{position:absolute;top:13px;right:10px;width:4px;height:4px;border-bottom:1px solid #ddd;border-right:1px solid #ddd;content:"";-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transition:border-color .2s ease;-moz-transition:border-color .2s ease;-ms-transition:border-color .2s ease;-o-transition:border-color .2s ease;transition:border-color .2s ease}#cssmenu.align-right ul ul li.has-sub>a::after{right:auto;left:10px;border-bottom:0;border-right:0;border-top:1px solid #ddd;border-left:1px solid #ddd}#cssmenu ul ul li.has-sub:hover>a::after{border-color:#fff}@media all and (max-width:1000px),only screen and (-webkit-min-device-pixel-ratio:2) and (max-width:991px),only screen and (min--moz-device-pixel-ratio:2) and (max-width:991px),only screen and (-o-min-device-pixel-ratio:2/1) and (max-width:991px),only screen and (min-device-pixel-ratio:2) and (max-width:991px),only screen and (min-resolution:192dpi) and (max-width:991px),only screen and (min-resolution:2dppx) and (max-width:991px){#cssmenu{width:100%}#cssmenu ul{width:100%;display:none;margin-top:15px}#cssmenu.align-center>ul,#cssmenu.align-right ul ul{text-align:left}#cssmenu ul li,#cssmenu ul li:hover>ul>li,#cssmenu ul ul li{width:100%;height:auto;border-top:1px solid rgba(120,120,120,.15)}#cssmenu ul li a,#cssmenu ul ul li a{width:85%}#cssmenu.align-center>ul>li,#cssmenu.align-right>ul>li,#cssmenu>ul>li{float:none;display:block}#cssmenu ul ul li a{padding:20px 20px 20px 30px;font-size:12px;color:#000;background:0 0}#cssmenu ul ul li a:hover,#cssmenu ul ul li:hover>a{color:#000}#cssmenu ul ul ul li a{padding-left:40px}#cssmenu ul ul,#cssmenu ul ul ul{position:relative;left:0;right:auto;width:100%;margin:0}#cssmenu ul ul li.has-sub>a::after,#cssmenu>ul>li.has-sub>a::after{display:none}#menu-line{display:none}#cssmenu #menu-button{display:block;padding:10px 0 25px 0;color:#333;margin-top:-58px;cursor:pointer;font-size:12px;font-weight:700;text-transform:uppercase;width:20%;float:right}#cssmenu #menu-button::after{content:'';position:absolute;top:22px;right:6px;display:block;width:15px;height:4px;background:#666}#cssmenu #menu-button::before{content:'';position:absolute;top:29px;right:6px;display:block;width:15px;height:3px;border-top:2px solid #666;border-bottom:2px solid #666}#cssmenu .submenu-button{position:absolute;z-index:10;right:0;top:0;display:block;border-left:1px solid rgba(120,120,120,.15);height:52px;width:52px;cursor:pointer}#cssmenu .submenu-button::after{content:'';position:absolute;top:21px;left:26px;display:block;width:1px;height:11px;background:#000;z-index:99}#cssmenu .submenu-button::before{content:'';position:absolute;left:21px;top:26px;display:block;width:11px;height:1px;background:#000;z-index:99}#cssmenu .submenu-button.submenu-opened:after{display:none}}


/* Navigation Styles */
nav { position: relative;  }
.dark nav { background-color:rgba(255,255,255,0.5); }
.light nav { background-color:rgba(0,0,0,0.5); }

ul.main-nav { 
  list-style-type: none; 
  padding: 0px;
  font-size: 0px;
  max-width: 1000px;
  margin: 0 auto;
}

ul.main-nav > li { 
  display: inline-block;
  padding: 0; 
}

ul.main-nav > li > a { 
  display: block; 
  padding: 25px 25px 25px 15px;
  position: relative;
  color: #666;
    font-weight: 800;
  font-size: 13px;
  text-transform: uppercase;
  box-sizing: border-box;
  cursor: pointer;
}
ul.main-nav > li > a:hover{
    font-size: 13px;
  font-weight: 800;
  color: #ff9200 !important;
}

ul.main-nav > li:hover { background-color: #fff; }
ul.main-nav > li:hover > a { color: #333; font-weight: 800; }

ul.main-nav > li ul.sub-menu-lists {
  margin: 0px;
  padding: 0px;
  list-style-type : none;
  display:block;
}

ul.main-nav > li ul.sub-menu-lists > li {
  padding: 2px 0;
}
ul.main-nav > li ul.sub-menu-lists > li > a {
    width: 100% !important;
    font-size: 14px;
    font-weight: 600;
    padding: 5px 0px 5px 0px !important;
    color: #666 !important;
    cursor: pointer;
    float: none;
    display: block;
}
ul.main-nav > li ul.sub-menu-lists > li > a:hover{
    color: #ff9200 !important;
}
.ic {
  position: fixed; 
  cursor: pointer;
  display: inline-block;
  right: 25px;
  width: 26px;
  height: 24px;
  text-align: center;
  top:0px;
  outline: none;
}

.ic.close { 
  opacity: 0; 
  font-size: 0px; 
  font-weight: 300; 
  color: #999;
  top:8px;
  height:40px;
  display: block;
  outline: none;
}

/* Menu Icons for Devices*/
.ic.menu { top:22px; z-index : 20; }

.ic.menu .line { 
  height: 2px;
    width: 100%;
    display: block;
    margin-bottom: 5px;
    border-radius: 50px;
}
.ic.menu .line-last-child { margin-bottom: 0px;  }

.sub-menu-head { margin: 0px 0 10px 0; }
.banners-area { margin-top: 20px; padding-top: 15px; }

.banners-area img {width: 150px;}


@media only screen and (max-width:768px) {
  .sub-menu-head { color:orange; }
  .ic.menu { display: block; }
  .dark .ic.menu .line { background-color: #666; } 
  .light .ic.menu .line { background-color: #000; }
  .ic.menu .line {
    -webkit-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
  }
  .ic.menu:focus .line { background-color: #999 !important; }
  
  .ic.menu:focus .line:nth-child(1) { 
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg); 
  }
  
  .ic.menu:focus .line:nth-child(2){ 
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg); 
    margin-top: -8px;
  }
  
  .ic.menu:focus .line:nth-child(3){
    transform: translateY(15px);
    opacity: 0;
  }
  
  .ic.menu:focus{ outline: none; }
  .ic.menu:focus ~ .ic.close { opacity: 1; z-index : 21000;  outline: none;  }
  
  /*
  
  .ic.menu:focus ~ .ic.close { opacity: 1.0; z-index : 21;  }
  .ic.close:focus { opacity: 0; }
  */
  .ic.menu:hover, 
  .ic.menu:focus{ opacity: 1; }
  

  nav { background-color: transparent; }
  
 /* Main Menu for Handheld Devices  */
  ul.main-nav {
    padding: 50px 0;
    position: fixed;
    right: 0px;
    top: 0px;
    width: 0px;
    z-index: 10000;
    background: #fff;
    height: 100%;
    overflow: auto;
    /*CSS animation applied : Slide from Right*/
   -webkit-transition-property: background, width;
    -moz-transition-property: background, width;
    -o-transition-property: background, width;
    transition-property: background, width;
   	-webkit-transition-duration: 0.2s;
	  -moz-transition-duration: 0.2s;
	  -o-transition-duration: 0.2s;
    transition-duration: 0.2s;
  }
  
  .ic.menu:focus ~ .main-nav {
      width: 300px;
      background: #fff;
      }
  
  ul.main-nav > * { 
    -webkit-transition-property: opacity;
    -moz-transition-property: opacity;
    -o-transition-property: opacity;
    transition-property: opacity;
   	-webkit-transition-duration: 0.2s;
	  -moz-transition-duration: 0.2s;
	  -o-transition-duration: 0.2s;
    transition-duration: 0.2s;
    opacity: 0;
  }
  .ic.menu:focus ~ .main-nav > * {opacity: 1;}
  
  ul.main-nav > li > a:after {display: none;}
  ul.main-nav > li:first-child { border-radius: 0px; }
  ul.main-nav > li {
    display: block;
    border-bottom: 1px solid #444;
  }
ul.main-nav h2{
      font-family: 'Muli' !important;
      font-size: 16px !important;
  }
  ul.main-nav > li > a { font-weight: 800; }
  
  ul.main-nav > li ul.sub-menu-lists > li a { color: #eee; font-size: 14px; }
  .sub-menu-head { font-size: 16px;}
  ul.main-nav > li:hover { background-color: transparent;  }
  ul.main-nav > li:hover > a {color: #fff; text-decoration: none; font-weight: 600;}
 .ic.menu:focus ~ ul.main-nav > li > div.sub-menu-block {
    border-left: 0px solid #ccc;
    border-right: 0px solid #ccc;
    border-bottom: 0px solid #ccc;
    position: relative;
    visibility: visible;
    opacity: 1.0;
  }
  
  .sub-menu-block { padding: 0 30px; }
  .banners-area { padding-bottom: 0px;  }
  .banners-area div { margin-bottom: 15px;  }
  .banners-area { border-top: 1px solid #444; }
}

@media only screen and (min-width:769px) {
  .ic.menu { display: none; }
  /* Main Menu for Desktop Devices  */
  ul.main-nav { display: block; position: relative; }
  .sub-menu-block { padding: 15px; }
  
  /* Sub Menu */
  ul.main-nav > li > div.sub-menu-block { 
      border-top: solid 1px #eee;
      text-align: left;
  visibility: hidden;
  background-color: #fff;
  position: absolute;
  padding: 25px 15px 20px 30px;
  margin-top: 0px;
  width: max-content;
  color: #333;
  box-sizing: border-box;
  z-index : 3;
  font-size: 16px;
  opacity: 0;
        margin-left: -15px;
  /*CSS animation applied for sub menu : Slide from Top */
  -webkit-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
  -webkit-transform: rotateX(90deg);
  -moz-transform: rotateX(90deg);
  -ms-transform: rotateX(90deg);
  transform: rotateX(90deg);
  -webkit-transform-origin: top center;
  -ms-transform-origin: top center;
  transform-origin: top center;
  
  }
  .sub-menu-block .col{
      padding-right: 50px !important;
  }
  ul.main-nav > li:hover > div.sub-menu-block{ 
    background-color: #fff; 
    visibility: visible;
    opacity: 1;
    -webkit-transform: rotateX(0deg);
    -moz-transform: rotateX(0deg);
    -ms-transform: rotateX(0deg);
    transform: rotateX(0deg);
  }
  
  ul.main-nav > li > div.sub-menu-block > * {
    -webkit-transition-property: opacity;
    -moz-transition-property: opacity;
    -o-transition-property: opacity;
    transition-property: opacity;
   	-webkit-transition-duration: 0.4s;
	  -moz-transition-duration: 0.4s;
	  -o-transition-duration: 0.4s;
    transition-duration: 0.4s;
    opacity: 0;
  }
  
  ul.main-nav > li:hover > div.sub-menu-block > * {
    opacity: 1;
  }
  
  .sub-menu-head {
      font-size: 14px;
      text-transform: uppercase;
      font-family: 'Muli' !important;
    font-weight: 800 !important;

  } 
  
  .dark ul.main-nav > li > a:after { background-color: #777; }
  .light ul.main-nav > li > a:after { background-color: #999; }
  
  /* Drop Down/Up Arrow for Mega Menu */
  ul.main-nav > li > a.mega-menu > span { display: block; vertical-align: middle; }
  ul.main-nav > li > a.mega-menu > span:after {
    position: absolute;
    top: 33px;
    right: 13px;
    width: 4px;
    height: 4px;
    border-bottom: 1px solid #666;
    border-right: 1px solid #666;
    content: "";
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: border-color .2s ease;
    -moz-transition: border-color .2s ease;
    -ms-transition: border-color .2s ease;
    -o-transition: border-color .2s ease;
    transition: border-color .2s ease;
  }

  ul.main-nav > li:hover > a.mega-menu span:after{
    position: absolute;
    top: 33px;
    right: 13px;
    width: 4px;
    height: 4px;
    border-bottom: 1px solid #ff9200;
    border-right: 1px solid #ff9200;
    content: "";
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: border-color .2s ease;
    -moz-transition: border-color .2s ease;
    -ms-transition: border-color .2s ease;
    -o-transition: border-color .2s ease;
    transition: border-color .2s ease;
  }
  .banners-area { border-top: 1px solid #ccc; }
}