/*******************************************
*	Theme Name: Market
*	Author: Magentech
*	Author URI: http://www.magentech.com
*	Version: 1.0.0
*	Description: This is html5 Sass template 
*******************************************/
/*******************************************************
  Style Color
********************************************************/
/*******************************************************
  Style Color
********************************************************/
.no-margin {
  margin: 0 !important; }

/* 3. STYLE ALL SITE
-------------------------------*/
body {
  color: #375366;
  font-size: 14px;
  line-height: 22px;
  font-family: Roboto, sans-serif; }

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
  font-family: inherit;
  font-weight: 600;
  line-height: 1.1; }
a{
  color:#f7911e;
  text-decoration: none;
} 
a:hover{
  color:#f7911e;
  text-decoration: none;
}
.btn-danger {
  background: #e7503b; }

img {
  max-width: 100%; }
ul.menu{
  list-style: none;
  margin: 0;
  padding: 0;  
}
ul.menu li:first-child:before{
  content: "";
  margin: 0;
}
ul.menu li:before{
  content: "|";
  color: #fff;
  font-size: 12px;
  margin: 0 10px;
}
ul.menu li a{
  display: inline-block;color: #fff;
}
ul.menu li a:hover{
  color: #f7911e;
}
.clear {
  clear: both; }

.col-sm-15 {
  width: 20%;
  padding: 0 15px;
  float: left; }

.text-color {
  color: #fa3180; }

.btn-large {
  text-transform: uppercase;
  min-width: 200px;
  border-radius: 0;
  border: none;
  padding: 12px 10px;
  font-size: 16px; }

.link-underline {
  color: #333333;
  text-decoration: underline; }
  .link-underline:hover {
    color: #e7503b;
    text-decoration: none; }

.backtotop {
  position: absolute;
  width: 80px;
  z-index: 5;
  left: calc(50% - 45px);
  top: 0px;
  text-align: center;
  border-left: 45px solid  transparent;
  border-right: 45px solid transparent;
  border-bottom: 45px solid #111;
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  transform: translateY(-100%);
  color: #e7503b; }
  .backtotop .fa {
    font-size: 18px;
    margin: 20px 0 0 -8px;
    position: absolute;
    z-index: 2; }
.backtobottom {
  position: absolute;
  width: 80px;
  z-index: 5;
  left: calc(50% - 45px);
  top: 45px;
  text-align: center;
  border-left: 45px solid  #111;
  border-right: 45px solid #111;
  border-top: 45px solid transparent;
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  transform: translateY(-100%);
  color: #e7503b; }
  .backtobottom .fa {
    font-size: 18px;
    margin: 20px 0 0 -8px;
    position: absolute;
    z-index: 2; }
/**************************************************************
	  Header Wrapper
**************************************************************/
.header__logo{padding: 12px 0;}
.header-center {
  padding: 20px 0; 
  background: #000;
  border-bottom: 1px solid #111; 
}

.header-bottom {
  background: url("../image/theme/bg_slider.jpg") no-repeat;
  background-size: cover;
  padding: 120px 0; }

.footer-container {
  background: #000;
  padding: 50px 0 0;
  position: relative;
  z-index: 2; }

.header__menu--top {
  text-transform: uppercase;
  margin: 0; }
  .header__menu--top li:after {
    content: "|";
    color: #e9e9e9; }
  .header__menu--top li:last-child:after {
    content: ""; }
  .header__menu--top li a {
    color: #fff;
    text-decoration: none;
    padding: 0 15px;
    font-weight: 600;
    font-family: 'Open Sans'; }
    .header__menu--top li a:hover {
      color: #e7503b; }

@media (min-width: 1200px) {
  .slider__left--rocket {
    margin-left: -100px;
    max-width: none; } }
.hat__symbol {
  font-size: 10px;
  font-weight: normal;
  -webkit-transform: translateY(-5px);
  -moz-transform: translateY(-5px);
  -ms-transform: translateY(-5px);
  -o-transform: translateY(-5px);
  transform: translateY(-5px);
  display: inline-block;
  margin: 0 5px 0 0; }
#purchase {
  color: #fff;
  background: -webkit-gradient(linear,left top,right top,from(#fa2b86),to(#f7911e));
  background: linear-gradient(90deg,#fa2b86,#f7911e);
  min-width: 170px;
  padding: 12px 30px;
  border-radius: 99em;
  font-size: 14px;
  font-weight: 400;
  color: #fff;
  text-align: center;
  text-transform: uppercase;
}
.shopnow i{
  padding-left: 5px;
}
.slider__discount .slider__discount--date {
  background: url(../image/demo/bg_before-sale.png) no-repeat 0 0;
  display: inline-block;
  color: white;
  font-weight: bold;
  width: 277px;
  text-align: center;
  position: relative;
  z-index: 1;
  height: 57px;
  line-height: 57px; }
.slider__discount h2 {
  text-transform: capitalize;
  font-size: 32px;
  font-weight: 700;
  font-family: Montserrat, sans-serif;
  letter-spacing: -2px;
  color: #fff;
  padding-left: 20px;
  border-left: 5px solid #f86b45; 
  text-shadow: 0px 2px 3px rgba(0, 0, 0, 0.2);
  margin-bottom: 25px;
  width: 300px; }
.text{
  fon-size: 15px;
  font-weight: bold;
}
.slider__discount--content {
  display: inline-block;
  text-align: left;
  font-size: 14px;
  color: #fff;
  margin-bottom: 35px;
  line-height: 24px; }

.slider__coupon .slider__coupon-content {
  display: inline-block;
  font-size: 40px;
  font-weight: bold;
  margin-bottom: 30px; }

 .slider__coupon .slider__coupon-content .title-coupon{
  border-radius:20px;
  border: 2px dashed #000;
  background:
   linear-gradient(#000,#000) padding-box /* Don't extend this to border */,
   linear-gradient(to bottom, #4fc3f7, #ab5ca4 49%, #ff512f) border-box; /*Border-box is not need as it's the default value*/
  padding: 20px 25px;
  display: inline-block;
 }
 .alt {
    border: 2px dashed #fff;
  }
 .slider__coupon .slider__coupon-content .title-coupon span{
  background: -webkit-linear-gradient(90deg, #fa2b86 , #f7911e 90%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
 }
 .slider__coupon .slider__coupon-content .number-coupon{
  font-size: 20px;
  color:#fff;
  display: inline-block;
  border-bottom: 1px solid #fa3180; 
 }
.title-coundown {
  margin-bottom: 20px;
  color: #fff; }
.footer-bottom{
  padding: 20px 0;
  background: #111;
}
.copyright{
  color: #fff;text-align: right;
}
.footer-bottom ul.menu{text-align: right;}
.footer-bottom ul.social{padding: 0;}
  .footer-bottom ul.social li a{
    font-size: 18px;
    width: 34px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    background-color: #fff;
    display: block;
    border: none;
    border-radius: 50%;
    color: #222;
  }
  .footer-bottom ul.social li a:hover{
    background: -webkit-gradient(linear,left top,right top,from(#fa2b86),to(#f7911e));
    background: linear-gradient(90deg,#fa2b86,#f7911e);
    color: #fff;
  }
.item-bonus {
  text-align: center;
  padding-bottom: 50px;
  color: #fff; }
  .item-bonus h2 {
    font-size: 36px;
    text-transform: uppercase;
    font-weight: 700;
    background: -webkit-linear-gradient(90deg, #fa2b86, #f7911e 90%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin: 0;
  }
  .item-bonus h3 {
    font-weight: normal;
    font-size: 20px; }
  .item-bonus .unlock-share .btn-popup-share {
    display: inline-block;
    height: 60px;
    line-height: 60px;
    padding: 0px;
    width: 300px;
    max-width: 100%;
    text-transform: uppercase;
    font-size: 16px;
    color: #fff;
    border-radius: 99em;
    background: -webkit-gradient(linear,left top,right top,from(#fa2b86),to(#f7911e));
    background: linear-gradient(90deg,#fa2b86,#f7911e);
    margin-bottom: 20px;
    margin-top: 60px; }
  .item-bonus .note {
    opacity: 0.8; }

.number-share {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 40px; }
  .number-share .fa {
    margin-right: 7px; }

.countdown_box .defaultCountdown {
  display: table; }

.countdown_box .time-item {
  border-radius:20px;
  border: 1px solid;
  border-image-source: linear-gradient(90deg, #fa2b86 , #f7911e 90%);
  border-image-slice: 1;
  float: left;
  width: 64px;
  height: 64px;
  text-align: center;
  margin: 0 11px;
  position: relative;
  z-index: 3;
  color: #fa3180;
  font-weight: bold; }

.countdown_box .time-item:last-child:after {
  display: none; }

.countdown_box .time-item .num-time {
  font-size: 18px;
  margin: 10px 0 0;
  line-height: 100%; }

.countdown_box .time-item .name-time {
  font-size: 12px;
  margin: 0; }

.main-landing-page {
  padding: 50px 0;
  color: #fff;
  background-color: #111;
  position: relative; }

.check-bonus {
  text-align: center; }
  h3.title{
    font-size: 36px;
    font-weight: 700;
    background: -webkit-linear-gradient(90deg, #fa2b86 , #f7911e 90%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }
  h5.tini-title{
    font-size: 16px;
  }
  .check-bonus h3 {
    margin-top: 0;
    margin-bottom: 60px; }
  .check-bonus .modcontent {
    max-width: 100%;
    margin: 0 auto;
    display: flex; }
    .check-bonus .modcontent:nth-child(2n+2){
      width:750px;
      margin-top: 60px; 
    }
    .check-bonus .modcontent .item-mod {
      margin: auto 10px;
      background: #292929;
      border-radius: 20px;
      padding:10px 20px; }
      .check-bonus .modcontent .item-mod .mod-content{
        font-size: 16px;
        padding: 20px 0;
      }
      .check-bonus .modcontent .item-mod .iconimg{
        position: absolute;
        top: -37px;
        left: 38%;
      }
      .check-bonus .modcontent .item-mod .item-mod-content {
        display: inline-block;
        vertical-align: top;
        color: #fff;
        max-width: 100%; }
        .check-bonus .modcontent .item-mod .item-mod-content a {
          color: #fff; }
        .check-bonus .modcontent .item-mod .item-mod-content h4 {
          margin-bottom: 7px;
          margin-top: 40px;
          font-size: 16px; }
        .check-bonus .modcontent .item-mod .item-mod-content .sub-mod {
          font-size: 24px;
          font-weight: bold; }
    .check-bonus .modcontent .item-joomla-temp .item-mod-content h4 {
      font-size: 40px;
      font-weight: 700;
      background: -webkit-linear-gradient(90deg, #f18e30, #7ac143 , #5091cd 90%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
       }
    .check-bonus .modcontent .item-joomla-ext .item-mod-content h4{
      font-size: 40px;
      font-weight: 700;
      background: -webkit-linear-gradient(90deg, #fa2b86 , #f7911e 90%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
       }
    .check-bonus .modcontent .item-oc-temp .item-mod-content h4{
      font-size: 40px;
      font-weight: 700;
      background: -webkit-linear-gradient(90deg, #30c5f0 , #7ee1fe 90%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
       }
    .check-bonus .modcontent .item-shopify-temp .item-mod-content h4{
      font-size: 40px;
      font-weight: 700;
      background: -webkit-linear-gradient(90deg, #95be46 , #5e8d3c 90%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
       }   
    .check-bonus .modcontent .item-plans .item-mod-content h4{
      font-size: 24px;
      font-weight: 700;
      margin-top: 60px;
       }
.inlineBlock>li{
  display: inline-block;
  line-height: 20px;
  margin-bottom: 0;
  padding: 0;
  font-size: 15px;
}
.modal-body {
  padding: 0; }
  .modal-body .btn-share {
    display: inline-block;
    vertical-align: top;
    line-height: 40px;
    padding: 0 20px;
    border-radius: 4px;
    color: #fff;
    margin: 10px;
    text-decoration: none; }
    .modal-body .btn-share:focus {
      outline: 0;
      outline-offset: 0; }
    .modal-body .btn-share .fa {
      margin-right: 18px;
      padding-right: 18px;
      border-right: 1px solid rgba(255, 255, 255, 0.1);
      line-height: 22px; }
    .modal-body .btn-share:hover {
      opacity: 0.8; }
  .modal-body .share-face {
    background-color: #3b5998; }
  .modal-body .share-twitter {
    background-color: #00acee; }
  .modal-body .share-google {
    background-color: #db4a39; }
  .modal-body .share-pinter {
    background-color: #c8232c; }
  .modal-body .desc {
    margin-bottom: 30px; }
  .modal-body .number-share {
    margin-top: 25px;
    margin-bottom: 20px; }

a:focus {
  outline: 0;
  outline-offset: 0; }

#myModal .modal-dialog {
  margin-top: 250px; }
#myModal .modal-content {
  text-align: center;
  padding: 50px 15px;
  border: none; }
  #myModal .modal-content h4 {
    text-transform: uppercase;
    margin-bottom: 10px; }
  #myModal .modal-content .close {
    border-radius: 50%;
    border: 2px solid #fff;
    background: #e7503b;
    width: 30px;
    height: 30px;
    position: absolute;
    z-index: 2;
    top: -15px;
    right: -15px;
    color: white;
    font-size: 18px;
    opacity: 1; }

/**************************************************************
	  Responsive Wrapper
**************************************************************/
@media (min-width: 768px) and (max-width: 991px) {
  .header-bottom {
    padding: 50px 0; }

  .slider__left {
    text-align: center;
    margin-bottom: 50px; }

  .header-bottom {
    padding-bottom: 110px; } }
@media (max-width: 767px) {
  #myModal .modal-dialog {
    margin-top: 50px; }

  .header__logo {
    text-align: center;
    margin-bottom: 15px; }

  .header__menu {
    text-align: center; }
    .header__menu .header__menu--top li:after {
      display: none; }

  .header-bottom {
    padding: 50px 0; }

  .slider__left {
    text-align: center;
    margin-bottom: 50px; }

  .slider__discount--content {
    min-width: inherit; }

  .countdown_box .defaultCountdown {
    width: 280px; }

  .footer-container {
    padding: 50px 0; }

  .slider__coupon .slider__coupon-content {
    font-size: 24px; }

  .slider__discount h2 {
    font-size: 28px; }

  .countdown_box .time-item {
    width: 54px;
    height: 54px;
    margin: 0 5px; }

  .countdown_box .time-item:after {
    display: none; }

  .countdown_box .time-item .num-time {
    font-size: 18px;
    margin: 7px 0 0; }

  .header-bottom {
    padding-bottom: 80px;
    background-position: 85%; }

  .check-bonus .modcontent .item-mod {
    padding: 0; } }
@media (min-width: 768px) {
  .modal-dialog {
    width: 730px;
    margin: 30px auto; } }

/*# sourceMappingURL=theme.css.map */
/* menustyle.css */
@media (min-width: 1200px) {
    #yt-header.subnav-fixed {
        position: fixed;
        width: 100%;
        right: 0;
        top: 0;
        z-index: 20;
    }
    .yt-resmenu {
        position: absolute;
        right: 0;
        top: 0;
        z-index: 9999;
        display: none
    }
    .yt-resmenu a {
        line-height: 38px;
        background: 0 0
    }
    .yt-resmenu a .fa {
        font-size: 18px;
        color: #999
    }
    .yt-resmenu a:hover .fa {
        color: #3e95d7
    }
    #yt-off-resmenu {
        display: none
    }
    .k2Showcase-detail .itemRelated ul li,
    div.k2Showcase-exten-detail .itemRelated ul li {
        width: 25%
    }
    #v3-top1 {
        /*margin-left: 170px;*/
    }
}
html{overflow-y:auto;*
overflow-x:hidden;}
ul.navi{margin:0;padding:0;display:block;zoom:1;list-style:none;position:relative;z-index: 100;}
ul.navi ul{margin:0;padding:0;list-style:none;padding:0px 1px 1px 0px;border-color:#555;border-width:0px;border-style:solid;min-width:200px;* *
width:200px;}
ul.navi li{background:none;padding:0 0;}
ul.navi ul li{margin:1px 0px 0px 1px;}
ul.navi a:active,
ul.navi a:focus{outline-style:none;}
ul.navi div.separator,
ul.navi a{cursor:pointer;text-decoration:none;white-space:nowrap;outline-style:none;*height:100%;display:block;}
ul.navi span.menu-icon{padding:0;display:block;background-repeat:no-repeat;background-position:right 50%;}
ul.navi span.menu-icon.bef{padding:0 0 0 30px;}
ul.navi span.menu-icon.aft{padding:0 30px 0 0;}

ul.navi span.menu-desc{display:block;line-height:100%;font-size:77.7%;text-transform:none;padding:0 0 6px 0;color:#999;}
ul.navi li.level1{padding:0;float:none;text-align: right;position: relative;z-index: 1;}
ul.navi li.level1.last{border: none;}
ul.navi div.level1.separator,
ul.navi a.level1{padding:12px 10px;color:#fff;}

/*Add Havechild*/

ul.navi div.level1.havechild:after,
ul.navi a.level1.havechild:after{content: "\f0d7";font-family: "FontAwesome";font-size: 12px; margin-left: 5px; color:#717171;}

/*Hover and Active (:hover of cssmenu, .hover of moomenu)*/
ul.navi li.level1.active div.separator.level1,
ul.navi li.level1.active a.level1{color:#ff0037;}

ul.navi div.separator.level1.showdesc span.menu-title,
ul.navi a.level1.showdesc span.menu-title{padding-top:6px;padding-bottom:0;}
ul.navi div.separator.level1 span.menu-desc,
ul.navi a.level1 span.menu-desc{padding-top:3px;padding-bottom:6px;}
ul.navi ul.level2{position:absolute;left:-999em;margin:-1px 0 0 0;}
ul.navi li.level2{padding:0;margin-bottom: 1px;}
ul.navi div.separator.level2,
ul.navi a.level2{color: #e9f0f7;padding:  8px 10px;text-align: center;}


ul.navi li.level2.active div.separator.level2,
ul.navi li.level2.active a.level2{color:#FFF;background-color: #2082C9;}
ul.navi div.separator.level2 span.menu-icon,
ul.navi a.level2 span.menu-icon{}
ul.navi div.separator.level2 span.menu-title,
ul.navi a.level2 span.menu-title{}
ul.navi div.separator.level2.showdesc span.menu-title,
ul.navi a.level2.showdesc span.menu-title{padding-top:4px;padding-bottom:0;}
ul.navi div.separator.level2 span.menu-desc,
ul.navi a.level2 span.menu-desc{padding-top:3px;padding-bottom:4px;line-height:9px;}
ul.navi ul.level3,
ul.navi ul.level4,
ul.navi ul.level5,
ul.navi ul.level6,
ul.navi ul.level7,
ul.navi ul.level8,
ul.navi ul.level9{position:absolute;left:-999em;top:20%;}
ul.navi li.level3,
ul.navi li.level4,
ul.navi li.level5,
ul.navi li.level6,
ul.navi li.level7,
ul.navi li.level8,
ul.navi li.level9{}
ul.navi li.level3.first,
ul.navi li.level4.first,
ul.navi li.level5.first,
ul.navi li.level6.first,
ul.navi li.level7.first,
ul.navi li.level8.first,
ul.navi li.level9.first{}
ul.navi li.level3.last,
ul.navi li.level4.last,
ul.navi li.level5.last,
ul.navi li.level6.last,
ul.navi li.level7.last,
ul.navi li.level8.last,
ul.navi li.level9.last{}
ul.navi li.level3.active,
ul.navi li.level4.active,
ul.navi li.level5.active,
ul.navi li.level6.active,
ul.navi li.level7.active,
ul.navi li.level8.active,
ul.navi li.level9.active{background:#444;}
ul.navi div.separator.level3,
ul.navi div.separator.level4,
ul.navi div.separator.level5,
ul.navi div.separator.level6,
ul.navi div.separator.level7,
ul.navi div.separator.level8,
ul.navi div.separator.level9,
ul.navi a.level3,
ul.navi a.level4,
ul.navi a.level5,
ul.navi a.level6,
ul.navi a.level7,
ul.navi a.level8,
ul.navi a.level9{margin:0;color:#e9f0f7;text-transform:none;padding: 3px 10px;}
ul.navi #joomladowload div.separator.level3,
ul.navi #magentodowload div.separator.level3,
ul.navi #joomladowload a.level3,
ul.navi #magentodowload a.level3{background-image:url(../../../../images/menu-item-downl-bg.png);}
ul.navi div.separator.level3.first,
ul.navi div.separator.level4.first,
ul.navi div.separator.level5.first,
ul.navi div.separator.level6.first,
ul.navi div.separator.level7.first,
ul.navi div.separator.level8.first,
ul.navi div.separator.level9.first,
ul.navi a.level3.first,
ul.navi a.level4.first,
ul.navi a.level5.first,
ul.navi a.level6.first,
ul.navi a.level7.first,
ul.navi a.level8.first,
ul.navi a.level9.first{}
ul.navi div.separator.level3.last,
ul.navi div.separator.level4.last,
ul.navi div.separator.level5.last,
ul.navi div.separator.level6.last,
ul.navi div.separator.level7.last,
ul.navi div.separator.level8.last,
ul.navi div.separator.level9.last,
ul.navi a.level3.last,
ul.navi a.level4.last,
ul.navi a.level5.last,
ul.navi a.level6.last,
ul.navi a.level7.last,
ul.navi a.level8.last,
ul.navi a.level9.last{}
ul.navi div.separator.level3.active,
ul.navi div.separator.level4.active,
ul.navi div.separator.level5.active,
ul.navi div.separator.level6.active,
ul.navi div.separator.level7.active,
ul.navi div.separator.level8.active,
ul.navi div.separator.level9.active,
ul.navi a.level3.active,
ul.navi a.level4.active,
ul.navi a.level5.active,
ul.navi a.level6.active,
ul.navi a.level7.active,
ul.navi a.level8.active,
ul.navi a.level9.active{background-color:#3588C4;}
ul.navi div.separator.level3 span.menu-icon,
ul.navi div.separator.level4 span.menu-icon,
ul.navi div.separator.level5 span.menu-icon,
ul.navi div.separator.level6 span.menu-icon,
ul.navi div.separator.level7 span.menu-icon,
ul.navi div.separator.level8 span.menu-icon,
ul.navi div.separator.level9 span.menu-icon,
ul.navi a.level3 span.menu-icon,
ul.navi a.level4 span.menu-icon,
ul.navi a.level5 span.menu-icon,
ul.navi a.level6 span.menu-icon,
ul.navi a.level7 span.menu-icon,
ul.navi a.level8 span.menu-icon,
ul.navi a.level9 span.menu-icon{}

ul.navi div.separator.level3.showdesc span.menu-title,
ul.navi div.separator.level4.showdesc span.menu-title,
ul.navi div.separator.level5.showdesc span.menu-title,
ul.navi div.separator.level6.showdesc span.menu-title,
ul.navi div.separator.level7.showdesc span.menu-title,
ul.navi div.separator.level8.showdesc span.menu-title,
ul.navi div.separator.level9.showdesc span.menu-title,
ul.navi a.level3.showdesc span.menu-title,
ul.navi a.level4.showdesc span.menu-title,
ul.navi a.level5.showdesc span.menu-title,
ul.navi a.level6.showdesc span.menu-title,
ul.navi a.level7.showdesc span.menu-title,
ul.navi a.level8.showdesc span.menu-title,
ul.navi a.level9.showdesc span.menu-title{padding-top:4px;padding-bottom:0;}
ul.navi div.separator.level3 span.menu-desc,
ul.navi div.separator.level4 span.menu-desc,
ul.navi div.separator.level5 span.menu-desc,
ul.navi div.separator.level6 span.menu-desc,
ul.navi div.separator.level7 span.menu-desc,
ul.navi div.separator.level8 span.menu-desc,
ul.navi div.separator.level9 span.menu-desc,
ul.navi a.level3 span.menu-desc,
ul.navi a.level4 span.menu-desc,
ul.navi a.level5 span.menu-desc,
ul.navi a.level6 span.menu-desc,
ul.navi a.level7 span.menu-desc,
ul.navi a.level8 span.menu-desc,
ul.navi a.level9 span.menu-desc{padding:3px 0 4px 0;line-height:9px;}
ul.navi li.level2 div.separator.havechild,
ul.navi li.level2 a.havechild{}
ul.navirtl{margin:0;padding:0;display:block;zoom:1;list-style:none;position:relative;height:36px;}
ul.navirtl ul{margin:0;padding:0;list-style:none;padding:0px 1px 1px 0px;background-color:#909090;background-repeat:repeat;border-color:#555;border-width:0px;border-style:solid;min-width:180px;*width:180px;}
ul.navirtl li{background:#444;padding:0 0;}
ul.navirtl ul li{margin:1px 0px 0px 1px;}
ul.navirtl a:active,
ul.navirtl a:focus{outline-style:none;}
ul.navirtl div.separator,
ul.navirtl a{cursor:pointer;text-decoration:none;white-space:nowrap;outline-style:none;*
height:100%;display:block;}
ul.navirtl span.menu-icon{padding:0 30px 0 0;display:block;background-repeat:no-repeat;background-position:100% 50%;}
ul.navirtl span.menu-icon.bef{padding:0 30px 0 0;}
ul.navirtl span.menu-icon.aft{padding:0 0 0 30px;}
ul.navirtl span.menu-title{display:block;padding:6px 0;line-height:100%;}
ul.navirtl span.menu-desc{display:block;line-height:100%;font-size:77.7%;text-transform:none;padding:0 0 6px 0;color:#999;}
ul.navirtl li.level1{padding:0;margin:0;float:right;}
ul.navirtl li.level1.first{}
ul.navirtl li.level1.last{}
ul.navirtl li.level1.active{background:#666;}
ul.navirtl div.level1.separator,
ul.navirtl a.level1{padding:0 9px 0 20px;margin:0 11px 0 0;color:#fff;font-weight:bold;text-transform:uppercase;height:36px;line-height:36px;}
ul.navirtl div.separator.level1.first,
ul.navirtl a.level1.first{}
ul.navirtl div.separator.level1.last,
ul.navirtl a.level1.last{}
ul.navirtl li.level1.active div.separator.level1,
ul.navirtl li.level1.active a.level1{color:#0D9FC4;}
ul.navirtl div.separator.level1 span.menu-icon,
ul.navirtl a.level1 span.menu-icon{}
ul.navirtl div.separator.level1 span.menu-title,
ul.navirtl a.level1 span.menu-title{padding:12px 0;line-height:12px;}
ul.navirtl div.separator.level1.showdesc span.menu-title,
ul.navirtl a.level1.showdesc span.menu-title{padding-top:6px;padding-bottom:0;}
ul.navirtl div.separator.level1 span.menu-desc,
ul.navirtl a.level1 span.menu-desc{padding-top:3px;padding-bottom:6px;}
ul.navirtl ul.level2{position:absolute;right:-999em;margin:-1px 0 0 0;}
ul.navirtl li.level2{padding:0;background:#444;}
ul.navirtl li.level2.first{}
ul.navirtl li.level2.last{}
ul.navirtl li.level2.active{}
ul.navirtl div.separator.level2,
ul.navirtl a.level2{margin:0;padding:0px 10px;color:#fff;background:none;text-transform:none;}
ul.navirtl div.separator.level2.first,
ul.navirtl a.level2.first{}
ul.navirtl div.separator.level2.last,
ul.navirtl a.level2.last{}
ul.navirtl li.level2.active div.separator.level2,
ul.navirtl li.level2.active a.level2{color:#fff;}
ul.navirtl div.separator.level2 span.menu-icon,
ul.navirtl a.level2 span.menu-icon{}
ul.navirtl div.separator.level2 span.menu-title,
ul.navirtl a.level2 span.menu-title{padding:10px 0;line-height:12px;}
ul.navirtl div.separator.level2.showdesc span.menu-title,
ul.navirtl a.level2.showdesc span.menu-title{padding-top:4px;padding-bottom:0;}
ul.navirtl div.separator.level2 span.menu-desc,
ul.navirtl a.level2 span.menu-desc{padding-top:3px;padding-bottom:4px;line-height:9px;}
ul.navirtl ul.level3,
ul.navirtl ul.level4,
ul.navirtl ul.level5,
ul.navirtl ul.level6,
ul.navirtl ul.level7,
ul.navirtl ul.level8,
ul.navirtl ul.level9{position:absolute;right:-999em;top:20%;}
ul.navirtl li.level3,
ul.navirtl li.level4,
ul.navirtl li.level5,
ul.navirtl li.level6,
ul.navirtl li.level7,
ul.navirtl li.level8,
ul.navirtl li.level9{background:#444;}
ul.navirtl li.level3.first,
ul.navirtl li.level4.first,
ul.navirtl li.level5.first,
ul.navirtl li.level6.first,
ul.navirtl li.level7.first,
ul.navirtl li.level8.first,
ul.navirtl li.level9.first{}
ul.navirtl li.level3.last,
ul.navirtl li.level4.last,
ul.navirtl li.level5.last,
ul.navirtl li.level6.last,
ul.navirtl li.level7.last,
ul.navirtl li.level8.last,
ul.navirtl li.level9.last{}
ul.navirtl li.level3.active,
ul.navirtl li.level4.active,
ul.navirtl li.level5.active,
ul.navirtl li.level6.active,
ul.navirtl li.level7.active,
ul.navirtl li.level8.active,
ul.navirtl li.level9.active{background:#444;}
ul.navirtl div.separator.level3,
ul.navirtl div.separator.level4,
ul.navirtl div.separator.level5,
ul.navirtl div.separator.level6,
ul.navirtl div.separator.level7,
ul.navirtl div.separator.level8,
ul.navirtl div.separator.level9,
ul.navirtl a.level3,
ul.navirtl a.level4,
ul.navirtl a.level5,
ul.navirtl a.level6,
ul.navirtl a.level7,
ul.navirtl a.level8,
ul.navirtl a.level9{margin:0;padding:0 10px;color:#fff;background:none;text-transform:none;}
ul.navirtl div.separator.level3.first,
ul.navirtl div.separator.level4.first,
ul.navirtl div.separator.level5.first,
ul.navirtl div.separator.level6.first,
ul.navirtl div.separator.level7.first,
ul.navirtl div.separator.level8.first,
ul.navirtl div.separator.level9.first,
ul.navirtl a.level3.first,
ul.navirtl a.level4.first,
ul.navirtl a.level5.first,
ul.navirtl a.level6.first,
ul.navirtl a.level7.first,
ul.navirtl a.level8.first,
ul.navirtl a.level9.first{}
ul.navirtl div.separator.level3.last,
ul.navirtl div.separator.level4.last,
ul.navirtl div.separator.level5.last,
ul.navirtl div.separator.level6.last,
ul.navirtl div.separator.level7.last,
ul.navirtl div.separator.level8.last,
ul.navirtl div.separator.level9.last,
ul.navirtl a.level3.last,
ul.navirtl a.level4.last,
ul.navirtl a.level5.last,
ul.navirtl a.level6.last,
ul.navirtl a.level7.last,
ul.navirtl a.level8.last,
ul.navirtl a.level9.last{}
ul.navirtl div.separator.level3.active,
ul.navirtl div.separator.level4.active,
ul.navirtl div.separator.level5.active,
ul.navirtl div.separator.level6.active,
ul.navirtl div.separator.level7.active,
ul.navirtl div.separator.level8.active,
ul.navirtl div.separator.level9.active,
ul.navirtl a.level3.active,
ul.navirtl a.level4.active,
ul.navirtl a.level5.active,
ul.navirtl a.level6.active,
ul.navirtl a.level7.active,
ul.navirtl a.level8.active,
ul.navirtl a.level9.active{color:#fff;}
ul.navirtl div.separator.level3 span.menu-icon,
ul.navirtl div.separator.level4 span.menu-icon,
ul.navirtl div.separator.level5 span.menu-icon,
ul.navirtl div.separator.level6 span.menu-icon,
ul.navirtl div.separator.level7 span.menu-icon,
ul.navirtl div.separator.level8 span.menu-icon,
ul.navirtl div.separator.level9 span.menu-icon,
ul.navirtl a.level3 span.menu-icon,
ul.navirtl a.level4 span.menu-icon,
ul.navirtl a.level5 span.menu-icon,
ul.navirtl a.level6 span.menu-icon,
ul.navirtl a.level7 span.menu-icon,
ul.navirtl a.level8 span.menu-icon,
ul.navirtl a.level9 span.menu-icon{}
ul.navirtl div.separator.level3 span.menu-title,
ul.navirtl div.separator.level4 span.menu-title,
ul.navirtl div.separator.level5 span.menu-title,
ul.navirtl div.separator.level6 span.menu-title,
ul.navirtl div.separator.level7 span.menu-title,
ul.navirtl div.separator.level8 span.menu-title,
ul.navirtl div.separator.level9 span.menu-title,
ul.navirtl a.level3 span.menu-title,
ul.navirtl a.level4 span.menu-title,
ul.navirtl a.level5 span.menu-title,
ul.navirtl a.level6 span.menu-title,
ul.navirtl a.level7 span.menu-title,
ul.navirtl a.level8 span.menu-title,
ul.navirtl a.level9 span.menu-title{padding:10px 0;line-height:12px;}
ul.navirtl div.separator.level3.showdesc span.menu-title,
ul.navirtl div.separator.level4.showdesc span.menu-title,
ul.navirtl div.separator.level5.showdesc span.menu-title,
ul.navirtl div.separator.level6.showdesc span.menu-title,
ul.navirtl div.separator.level7.showdesc span.menu-title,
ul.navirtl div.separator.level8.showdesc span.menu-title,
ul.navirtl div.separator.level9.showdesc span.menu-title,
ul.navirtl a.level3.showdesc span.menu-title,
ul.navirtl a.level4.showdesc span.menu-title,
ul.navirtl a.level5.showdesc span.menu-title,
ul.navirtl a.level6.showdesc span.menu-title,
ul.navirtl a.level7.showdesc span.menu-title,
ul.navirtl a.level8.showdesc span.menu-title,
ul.navirtl a.level9.showdesc span.menu-title{padding-top:4px;padding-bottom:0;}
ul.navirtl div.separator.level3 span.menu-desc,
ul.navirtl div.separator.level4 span.menu-desc,
ul.navirtl div.separator.level5 span.menu-desc,
ul.navirtl div.separator.level6 span.menu-desc,
ul.navirtl div.separator.level7 span.menu-desc,
ul.navirtl div.separator.level8 span.menu-desc,
ul.navirtl div.separator.level9 span.menu-desc,
ul.navirtl a.level3 span.menu-desc,
ul.navirtl a.level4 span.menu-desc,
ul.navirtl a.level5 span.menu-desc,
ul.navirtl a.level6 span.menu-desc,
ul.navirtl a.level7 span.menu-desc,
ul.navirtl a.level8 span.menu-desc,
ul.navirtl a.level9 span.menu-desc{padding:3px 0 4px 0;line-height:9px;}
ul.navirtl li.level2 div.separator.havechild,
ul.navirtl li.level2 a.havechild{background-image:url(../images/arrow-left.gif);background-position:5% 50%;background-repeat:no-repeat;}

/* jshover.css */
ul.navi li.level1.hover{color: #52a0db;}
ul.navi li.level1.hover div.separator.level1,
ul.navi li.level1.hover a.level1{color:#f7911e;}

ul.navi li.level2.hover div.separator.level2,
ul.navi li.level2.hover a.level2{background-color:#fa2b86;}
ul.navi li.level3.hover,
ul.navi li.level4.hover,
ul.navi li.level5.hover,
ul.navi li.level6.hover,
ul.navi li.level7.hover,
ul.navi li.level8.hover,
ul.navi li.level9.hover{}
ul.navi li.level3.hover div.separator.level3,
ul.navi li.level4.hover div.separator.level4,
ul.navi li.level5.hover div.separator.level5,
ul.navi li.level6.hover div.separator.level6,
ul.navi li.level7.hover div.separator.level7,
ul.navi li.level8.hover div.separator.level8,
ul.navi li.level9.hover div.separator.level9,
ul.navi li.level3.hover a.level3,
ul.navi li.level4.hover a.level4,
ul.navi li.level5.hover a.level5,
ul.navi li.level6.hover a.level6,
ul.navi li.level7.hover a.level7,
ul.navi li.level8.hover a.level8,
ul.navi li.level9.hover a.level9{background-color:#2082C9; }
ul.navirtl li.level1.hover{background:#555;}
ul.navirtl li.level1.hover div.separator.level1,
ul.navirtl li.level1.hover a.level1{color:#0D9FC4;}
ul.navirtl li.level2.hover{background:#555;}
ul.navirtl li.level2.hover div.separator.level2,
ul.navirtl li.level2.hover a.level2{color:#0D9FC4;}
ul.navirtl li.level3.hover,
ul.navirtl li.level4.hover,
ul.navirtl li.level5.hover,
ul.navirtl li.level6.hover,
ul.navirtl li.level7.hover,
ul.navirtl li.level8.hover,
ul.navirtl li.level9.hover{background:#555;}
ul.navirtl li.level3.hover div.separator.level3,
ul.navirtl li.level4.hover div.separator.level4,
ul.navirtl li.level5.hover div.separator.level5,
ul.navirtl li.level6.hover div.separator.level6,
ul.navirtl li.level7.hover div.separator.level7,
ul.navirtl li.level8.hover div.separator.level8,
ul.navirtl li.level9.hover div.separator.level9,
ul.navirtl li.level3.hover a.level3,
ul.navirtl li.level4.hover a.level4,
ul.navirtl li.level5.hover a.level5,
ul.navirtl li.level6.hover a.level6,
ul.navirtl li.level7.hover a.level7,
ul.navirtl li.level8.hover a.level8,
ul.navirtl li.level9.hover a.level9{color:#0D9FC4;}

#meganavigator ul.subnavi{position:static;left:auto;right:auto;margin:0;padding:0;}
#meganavigator ul.subnavi>li{margin:0 0 2px;}

/*Add Havechild*/
#meganavigator ul.subnavi>li.havechild{position: relative;}
#meganavigator ul.subnavi>li.havechild:after {
    content: "\f105";color: white;font-family: "FontAwesome";position: absolute;top: 5px;right:10px;z-index: 5;font-size: 12px;
}

#meganavigator ul.subnavi>li.first{margin-top:0;}
ul.navi div.mega-content{position:absolute;left:-999em;padding:0;margin:0;display:block;float:left;}
ul.navi div.mega-content-inner{float:left;display:block;padding:10px 0;background:#111;box-shadow:1px 1px 2px rgba(0,0,0,0.2);}
ul.navi #livedemo div.mega-content-inner,
ul.navi .level3 div.mega-content-inner{}
ul.navi div.mega-col{margin:0 10px;float:left;display:block;}
ul.navi div.mega-col.first{}
ul.navi div.mega-col.last{}
ul.navi div.mega-content.level2 ul.megachild.level2{float:left;}
ul.navi div.mega-group{padding:0;margin:0;}
ul.navi div.mega-group div.mega-group-title{margin:0 0 10px ;padding: 0 10px 0;}
ul.navi div.mega-group div.mega-group-title div.separator,
ul.navi div.mega-group div.mega-group-title a{padding:0;color:#fff;background:none;font-weight:normal;}
ul.navi div.mega-group div.mega-group-title span.menu-icon{}
ul.navi div.mega-group div.mega-group-title span.menu-title{text-transform:uppercase;font-weight:normal;padding:6px 0;font-weight: bold;}
ul.navi div.mega-group div.mega-group-title .showdesc span.menu-title{}
ul.navi div.mega-group div.mega-group-title span.menu-desc{}
ul.navi div.mega-group div.mega-group-content{}
ul.navi div.mega-group div.mega-group-content>ul.subnavi{background:transparent;}
ul.navi div.mega-group div.mega-group-content>ul.subnavi>li{background:transparent;margin:0;padding:0;position: relative;}
ul.navi div.mega-group div.mega-group-content>ul.subnavi>li.hover{}
ul.navi div.mega-group div.mega-group-content>ul.subnavi>li>div.separator.havechild,
ul.navi div.mega-group div.mega-group-content>ul.subnavi>li>a.havechild{background-image:url(../../common/images/arrow-right.gif);background-position:95% 50%;background-repeat:no-repeat;}
ul.navi div.mega-module{color:#FFF;}
ul.navi div.mega-module h3{margin:5px 0 10px 0;color:#FFF;font-size:100%;text-transform:uppercase;}
ul.navirtl div.mega-content{position:absolute;right:-999em;padding:0;margin:0;background:#909090;display:block;float:right;padding:0 5px 5px 0;}
ul.navirtl div.mega-content-inner{float:right;display:block;padding:0;background:#666;margin:5px 0 0 5px;}
ul.navirtl div.mega-col{margin:0;float:right;display:block;}
ul.navirtl div.mega-col.first{}
ul.navirtl div.mega-col.last{}
ul.navirtl div.mega-content.level2 ul.megachild.level2{float:right;}
ul.navirtl div.mega-group{padding:0;margin:0;}
ul.navirtl div.mega-group div.mega-group-title{border:0px solid #fff;border-bottom-width:1px;margin:0 0 10px 0;}
ul.navirtl div.mega-group div.mega-group-title div.separator,
ul.navirtl div.mega-group div.mega-group-title a{padding:0;color:#fff;}
ul.navirtl div.mega-group div.mega-group-title span.menu-icon{}
ul.navirtl div.mega-group div.mega-group-title span.menu-title{text-transform:uppercase;font-weight:bold;}
ul.navirtl div.mega-group div.mega-group-title .showdesc span.menu-title{}
ul.navirtl div.mega-group div.mega-group-title span.menu-desc{}
ul.navirtl div.mega-group div.mega-group-content{}
ul.navirtl div.mega-group div.mega-group-content>ul.subnavi{background:transparent;}
ul.navirtl div.mega-group div.mega-group-content>ul.subnavi>li{background:transparent;margin:0;padding:0;}
ul.navirtl div.mega-group div.mega-group-content>ul.subnavi>li.hover{background:#777;}
ul.navirtl div.mega-group div.mega-group-content>ul.subnavi>li>div.separator.havechild,
ul.navirtl div.mega-group div.mega-group-content>ul.subnavi>li>a.havechild{background-image:url(../../common/images/arrow-left.gif);background-position:5% 50%;background-repeat:no-repeat;}
ul.navirtl div.mega-module{color:#FFF;}
ul.navirtlrtl div.mega-module h3{margin:5px 0 10px 0;color:#FFF;font-size:100%;text-transform:uppercase;}
ul.navi #mega-content-login #form-login p{display:block;line-height:normal;}
ul.navi .mega-module ul{position:static;}
ul.navi .mega-module ul.menu{margin:0 0;width:auto;border:none;}
ul.navi .mega-module ul.menu li{border-top:1px solid #000000;}
ul.navi .mega-module ul.menu li:first-child{border:none;}
ul.navi .mega-module ul.menu li a{height:25px;line-height:25px;color:#CCCCCC;padding:0 10px;}
ul.navi .mega-module ul.menu li:hover{background:#000000;color:#FFFFFF;}
ul.navi .mega-module ul.menu li a:hover{color:#FFFFFF;}
ul.navi .mega-module #form-login input#modlgn_username,ul.navi .mega-module #form-login input#modlgn_passwd{width:170px;}
ul.navi .mega-module #form-login ul{position:static;margin:10px 0 0;width:auto;border:none;}
ul.navi .mega-module #form-login ul li{height:20px;line-height:20px;margin:0 0;}
ul.navi .mega-module #form-login ul li a{padding:0 0;}
ul.navi .mega-module #form-login ul li a:hover{text-decoration:underline;}
ul.navi #mega-content-login #form-login p label{color:#FFF;}

ul.navi div.fxcontent{position:absolute;display:block;}
ul.navi div.fxcontent>div.mega-content.insidefx{top:auto;right:auto;bottom:auto;left:auto;}

ul.navi div.fxcontent.slide.drop>div.mega-content.insidefx{bottom:0;left:0;right:0;}
ul.navi div.fxcontent.slide.toleft>div.mega-content.insidefx{top:0;left:0;}
ul.navi div.fxcontent.slide.toright>div.mega-content.insidefx{top:0;right:0;}
ul.navi div.fxcontent.scroll.drop>div.mega-content.insidefx{top:0;left:0;}
ul.navi div.fxcontent.scroll.toleft>div.mega-content.insidefx{top:0;right:0;}
ul.navi div.fxcontent.scroll.toright>div.mega-content.insidefx{top:0;left:0;}
ul.navi div.fxcontent>div.fxcontent-bar{background-color:#909090;display:block;position:absolute;}
ul.navi div.fxcontent.slide.drop>div.fxcontent-bar{top:0;left:0;}
ul.navi div.fxcontent.slide.toleft>div.fxcontent-bar{top:0;right:0;}
ul.navi div.fxcontent.slide.toright>div.fxcontent-bar{top:0;left:0;}
ul.navi div.fxcontent.scroll.drop>div.fxcontent-bar{bottom:0;left:0;}
ul.navi div.fxcontent.scroll.toleft>div.fxcontent-bar{bottom:0;left:0;}
ul.navi div.fxcontent.scroll.toright>div.fxcontent-bar{bottom:0;right:0;}
ul.navi div.fxcontent>div.fxcontent-pinner{background:#f00;display:block;position:absolute;top:-8px;left:-8px;width:16px;height:16px;}
ul.navirtl div.fxcontent{position:absolute;display:block;}
ul.navirtl div.fxcontent>div.mega-content.insidefx{top:auto;right:auto;bottom:auto;left:auto;}
ul.navirtl div.fxcontent.slide.drop>div.mega-content.insidefx{bottom:0;right:0;}
ul.navirtl div.fxcontent.slide.toleft>div.mega-content.insidefx{top:0;left:0;}
ul.navirtl div.fxcontent.slide.toright>div.mega-content.insidefx{top:0;right:0;}
ul.navirtl div.fxcontent.scroll.drop>div.mega-content.insidefx{top:0;right:0;}
ul.navirtl div.fxcontent.scroll.toleft>div.mega-content.insidefx{top:0;right:0;}
ul.navirtl div.fxcontent.scroll.toright>div.mega-content.insidefx{top:0;left:0;}
ul.navirtl div.fxcontent>div.fxcontent-bar{background-color:#909090;display:block;position:absolute;}
ul.navirtl div.fxcontent.slide.drop>div.fxcontent-bar{top:0;right:0;}
ul.navirtl div.fxcontent.slide.toleft>div.fxcontent-bar{top:0;right:0;}
ul.navirtl div.fxcontent.slide.toright>div.fxcontent-bar{top:0;left:0;}
ul.navirtl div.fxcontent.scroll.drop>div.fxcontent-bar{bottom:0;left:0;}
ul.navirtl div.fxcontent.scroll.toleft>div.fxcontent-bar{bottom:0;left:0;}
ul.navirtl div.fxcontent.scroll.toright>div.fxcontent-bar{bottom:0;right:0;}
ul.navirtl div.fxcontent>div.fxcontent-pinner{background:#f00;display:block;position:absolute;top:-8px;left:-8px;width:16px;height:16px;}

.subnav-fixed ul.navi div.fxcontent.slide.drop{margin-top:-10px !important;}