

/* ==========================================================================
   Author's custom styles
   ========================================================================== */


   body {
     overflow-x: hidden;
     font-family: 'HelveticaNeueW01-45Ligh', arial;
}
 a{
    color:#000;
   text-decoration: none;
 }
 a:hover{
   /* color:#b4c618; */
  text-decoration: none;
}
.navbar .megamenu {
   padding: 1rem;
}

/* ============ desktop view ============ */
@media all and (min-width: 992px) {

   .navbar .has-megamenu {
      position: static !important;
   }

   .navbar .megamenu {
      left: 0;
      right: 0;
      width: 100%;
      margin-top: 0;
   }

}

/* ============ desktop view .end// ============ */


/* ============ mobile view ============ */
@media(max-width: 991px) {

   .navbar.fixed-top .navbar-collapse,
   .navbar.sticky-top .navbar-collapse {
      overflow-y: auto;
      max-height: 90vh;
      margin-top: 10px;
   }
}

   

   .footer {
      position: fixed;
      left: 0;
      bottom: 0;
      width: 100%;
      /* background-color: red; */
      color: 000;
      text-align: center;
   }

   .navbar-default {
      background-image:none;
      background-image: none;
      background-image: none;
      background-image: none;
      filter: none;
      filter: none;
      background-repeat: none;
      border-radius: none;
      -webkit-box-shadow: none;
      box-shadow: inone;
  }
  .navbar-default {
   background-color: #fff;
   border-color: #fff;
}
.navbar-dark .navbar-nav .nav-link {
   color: #000;
}
.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover {
   color: #b4c618;
}
.navbar-dark .navbar-toggler {
   color:#000;
   border-color: #000;
}
.navbar-toggler {
   padding: 0.25rem 0.75rem;
   font-size: 1.25rem;
   line-height: 1;
   background-color: black;
   border: 1px solid transparent;
   border-radius: 0.25rem;
   transition: box-shadow .15s ease-in-out;
}
.bg-primary {
   background-color: #0d6efd00!important;
}
.navbar-dark .navbar-brand {
   color: #000;
}
#homepagepapercut1 {
   background: url(../img/papercuthome1.png) no-repeat scroll 0 0 transparent;
   margin-bottom: -20px;
   z-index: 200;
   margin-top: 0;
}
.homepagepapercut {
   background-size: 1206px 11px;
   position: relative;
   height: 20px;
   opacity: inherit;
   filter: inherit;
}
.navbar-dark .navbar-brand:focus, .navbar-dark .navbar-brand:hover {
   color: #b4c618;
}
.navbar-brand {
   padding-top:0px!important;
   padding-bottom: 7px!important;
   margin-right: 1rem;
   font-size: 1.25rem;
   text-decoration: none;
   white-space: nowrap;
}
.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link{
   text-shadow: none!important;
   font-family: 'HelveticaNeueW01-45Ligh', arial!important;
   background: transparent;
    display: block;
    font-size: 15px!important;
    line-height: 2em;
  
    font-weight: normal!important;
    
}
.dropdown-toggle::after {
   display: none;
   margin-left: 0.255em;
   vertical-align: 0.255em;
   content: "";
   border-top: 0.3em solid;
   border-right: 0.3em solid transparent;
   border-bottom: 0;
   border-left: 0.3em solid transparent;
}
.navbar-nav li{
   margin: 0 1em 0 0; 
}
.top-ul {
   list-style: none;
   margin: 0;
   padding: 0;
   overflow: hidden;
   text-align: right;
   font-family: 'HelveticaNeueW01-45Ligh', arial;
   font-size: 11.3px;
   
 }
 
 .top-ul li {
   display: inline-block;
   list-style: none;
   text-align: right;
   top: 0px;
   font-family: 'HelveticaNeueW01-45Ligh', arial;
 }
 
 .top-ul li a {
   font-family: 'HelveticaNeueW01-45Ligh', arial;
   text-decoration: none;
   font-weight: 100;
   color: #000;
   height: 50px;
   width: auto;
   display: inline-block;
   text-align: center;
   line-height: 50px;
 }
 .py-4 {
   padding-top: 0px!important;
   padding-bottom: 1.5rem!important;
}
 
.bg-primary::after{
   background-image: url(../img/papercuthome1.png) no-repeat scroll 0 0 transparent;
}
.dropdown-menu {
   position: absolute;
   top: 100%;
   z-index: 1000;
   display: none;
   min-width: 10rem;
   padding: 0.5rem 0;
   margin: 0;
   font-size: 1rem;
   color: #212529;
   text-align: left;
   list-style: none;
   /* background-color: #fff; */
   /* background-clip: padding-box; */
   border: none;
   border-radius: 0.25rem;
}
.img-shadow{
   position: relative;
   z-index: 99999;
 
}
.img-shadow2{
   position: relative;
   
 
}
@media (min-width: 1200px){
.container {
    width: 1170px;
}
}


.ym-hlist.subnavflyoutnav {
   background-color: #666666;
}
#nav, .ym-hlist {
   background: none;
}
.ym-hlist {
   width: 100%;
   overflow: hidden;
   position: relative;
   line-height: 1em;
}
.ym-wrapper {
   /* min-width: 760px;
   max-width: 80em; */
   margin: 0 auto;
}
.ym-hlist ul {
   margin: 0;
    padding: 14px;
    display: inline;
    float: left;
    font-size: 13px;
}
.ym-hlist ul li {
   display: inline;
   float: left;
   font-size: 1.0em;
   line-height: 1em;
   list-style-type: none;
   margin: 0 10px 0 0;
   padding: 0;
   font-family: 'HelveticaNeueW01-45Ligh', arial;
}

ym-hlist.subnavflyoutnav ul li a::after {
   color: #FFFFFF !important;
   background: url(img/arrow-white-right.png) no-repeat right center;
   margin: 0 30px 0 0;
   padding: 0 12px 0 0;
}
.ym-hlist ul li a, .ym-hlist ul li strong {
   color: #fff;
   text-shadow: none;
   font-family: 'HelveticaNeueW01-45Ligh', arial;
   padding: 0;
   text-decoration: none;
   font-size: 12px;
}

.list-unstyled li a{
   color: #000;
   text-decoration: none;
}
.navbar {
   position: relative;
   display: flex;
   flex-wrap: wrap;
   align-items: center;
   justify-content: space-between;
   padding-top: 0.5rem;
   padding-bottom: 0;
}
.list-unstyled li{
   margin: 0 !important;
   float: none;
   border-bottom: 1px solid #D8D7D7;
   padding: 5px 0 5px 0;
   font-size: 14px;
}
.list-unstyled li a:hover{
   color: #afc126;
    /* background-color: #fff; */

}
.list-unstyled li a{
   
   /* padding: 4px 0 5px 0px; */
    font-weight: normal;
    font-family: 'HelveticaNeueW01-45Ligh', arial;
}
.col-megamenu {
   padding: 6px 25px;

}
.col-megamenu h6 {
   
   border-bottom: 1px solid #D8D7D7;
   /* font-family: 'HelveticaNeueW01-65Medi'; */
   /* font-family: 'HelveticaNeueW01-45Ligh', arial; */
   font-weight: 600;
   font-size: 15px;
   padding: 0 0 4px 0px;
   margin-bottom: 1px;
   line-height: 20px;
   

}
.list-unstyled{
   padding: 0 !important;
    margin: 0 !important;
    list-style: none;
    margin-bottom: 20px !important;
}
.overlay {
   position: fixed;
   width: 100%;
   z-index: 9999999999;
   text-align: center;
   background-color: red;
   border-radius: 10px;
   font-size: 20px;
   height: 30px;
   opacity: 0;
   transition: opacity .2s ease-out;
}
/* #overlay{
   display: none;
   
  
   
} */
 /* #overlay {
 
   background: url(img/fancybox-bg.png);
   position: absolute;
   left: 0;
   width: 100%;
   z-index: 250;
   background-color: #000000a6;
   top: 169px;
   height: 1425px;
} */
/* .nav-link:focus .overlay {
   display: block;
   background: url(img/fancybox-bg.png);
   position: absolute;
   left: 0;
   width: 100%;
   z-index: 250;
   background-color: #000000a6;
   top: 169px;
   height: 1425px;
} */
/* .nav-link:active .overlay{
   display: block!important; 
   
} */
.productDetailTeaserTextInner {
   padding: 36px 13px 10px;
}
.productDetailTeaser .productDetailTeaserText .headline-h1, .headline-h1 {
   font-size: 28px;
   font-weight: normal;
   color: #000;
   line-height: 32px;
   margin: 0 0 30px 0;
   font-family: "Helvetica-Thin", arial;
}
.productDetailTeaserText .productDetailTeaserTextInner h3, .productDetailTeaserTextUnder .productDetailTeaserTextInner h3 {
   font-family: 'HelveticaNeueW01-45Ligh', arial;
   font-size: 23px;
   line-height: 26px;
}
article .btn-green.btn-green-stage {
   margin: 10px auto 0 !important;
}
article .btn-green {
   float: none;
   display: inline-block;
   margin: -4px 0 -4px;
}
.btn-green {
   display: block;
   float: left;
   background-color: #b3c618;
   border: 1px solid #b3c618;
   line-height: 30px;
   color: #fff;
   
   padding: 0 11px;
   margin: 5px 0 20px 0;
   font-size: 14px;
   text-decoration: none;
}
.headline-h1 {
   font-size: 28px;
   font-weight: normal;
   color: #000;
   line-height: 32px;
   margin: 0 0 30px 0;
   font-family: "Helvetica-Thin", arial;
}
.int-link{
   
    font-weight: bold;
    color: #000;
    margin-top: 10px;
    font-size: 13px;
}
.img-link{
   border: 1px solid #d0d0d0;

}
.sec-link:hover .int-link{
color:#b3c618;
}
.aside-dlcs-sidebar, .aside-element.grey {
   background-color: #d7d7d7;
   padding: 10px;
}
.aside-element {
   margin: 0 0 50px 0;
}
.aside-element h6.title {
   font-size: 20px;
   line-height: 22px;
   margin: 0 0 12px 0;
}
.h2, .headline-h2, .aside-element .title, .aside-element .subtitle, .pinboard .p--heading-2 {
   font-size: 24px;
   line-height: 26px;
   margin: 0 0 12px 0;
   font-family: 'HelveticaNeueW01-45Ligh', arial;
   font-weight: normal;
}
.dealer-widget .entry:last-child {
   margin: 0;
}
.para-right{
   font-size: 15px;
    font-weight: bold;
}
.para-small{
   font-size: 14px;
   line-height: 1.5em;
   margin: 0 0 1.5em 0;
}
.email-right{
   font-size: 13px;
   font-weight: bold;
}
.box-hvr{
  
   display: table-column;
   height:0px;
   width: 100%;
   padding: 0 20px 33px 0px;
   -webkit-transition:all 0.6s ease-in-out ;
   -moz-transition:all 0.6s ease-in-out;
    -ms-transition:all 0.6s ease-in-out;
     -o-transition:all 0.6s ease-in-out;
        transition:all 0.6s ease-in-out;
}
.s-block{
   position: relative;
   
}
.s-block:hover .box-hvr{
 
    position: absolute;
    
    width: 100%;
   
    background: #fff;
    display: inline-block;
    overflow: hidden;
    z-index: 5;
    padding: 0 20px 33px 0px;
    
         height: 100%;
 
}
.sec-para{
   font-size: 13px;
    line-height: 24px;
    
}
.sec-link:hover .sec-para{
   color:#000;
}

.info-link{
   font-size:13px;
}
.box-hvr:hover .info-link{
   color:#b3c618;
}
.aside-element:hover a {
   color:#000;
}
#footer {
   color: #fff;
   background: #666666;
   font-size: 13px;
   margin: 0;
   padding: 1.5em 0 1.5em 0;
}
#footer {
   position: relative;
}
.dis-bx{
   display: none;
    opacity: 0;
    position: absolute;
    width: 200px;
    height: auto;
    padding: 11px 25px;
    z-index: 99999;
    top: 0px;
    left: 76%;
    /* border-radius: 8px; */
    box-shadow: 0 10px 25px rgb(0 0 0 / 50%);
    zoom: 1;
    background-color: #fff;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.bx-link{
   position:relative;
}

.bx-link:hover .dis-bx{
display: block;
   opacity: 1;
   -webkit-transition:all 0.5s ease-in-out ;
   -moz-transition:all 0.5s ease-in-out;
    -ms-transition:all 0.5s ease-in-out;
     -o-transition:all 0.5s ease-in-out;
        transition:all 0.5s ease-in-out;
         
   }
   .bx-li li{
      font-size: 13px;
      list-style-type: circle;
      margin-left: 10px!important;
   }



/* ==================================== */


.press-bx{
   margin-bottom: 60px;
}
.press-h3{
   font-size: 13px;
   font-weight: bold;
}
.press-h2{
   font-family: 'HelveticaNeueW01-45Ligh', arial;
   font-size: 23px;
}
.press-p{
   font-size: 14px;
}
.img-press{
   margin-bottom: 20px;
}
.press-a{
   font-size: 14px;
}
.press-bx:hover p,h2,h3{
   color:#000;
}
.press-bx:hover .press-a{
   color:#afc126;
}
.title a:hover{
   color:#afc126;
}
.mb-arrow{
   float: right;
   color: #000;
  
   width: 20px;
   height: 20px;
}
.ft-li{
   background: #999;
   color:#fff;

}
.ft-li:hover{
   background: #999!important;
   color:#fff;

}
.dis-bx row p{
   margin-top: 10px;
}
.decp{
   font-style: italic;
   color: #8f8989;
   font-size: 13px;
   font-weight: 600;
}

.par-decp{
   font-size: 14px;
}
.bx-det{
   /* box-shadow: 6px 6px 17px 1px #00000069; */
   padding: 35px;
    background: #eeeeeed1;
    border-radius: 15px;
    border: 1px dashed #9e9e9e;
    font-family: 'HelveticaNeueW01-45Ligh', arial;
    
    margin-bottom: 74px;

}
.carousel-inner .info.right {
   right: 50px;
   left: inherit;
   padding: 20px;
}

.carousel-inner .info {
   position: absolute;
   left: 50px;
   bottom: 50px;
   font-size: 12px;
   line-height: 32px;
   font-family: 'Raleway', sans-serif;
   width: 250px;
   height: 60%;
   white-space: normal;
   background: rgba(255, 255, 255, 0.8);
}
.slider-font1 {
   font-family: 'Raleway', sans-serif;
   font-weight: 300;
   font-size: 24px;
   color: #000;
}
.slider-font2 {
   font-family: 'Raleway', sans-serif;
    font-weight: 300;
    font-size: 24px;
    color: #000;
}