body{
    overflow: hidden;
}
img{
    max-width: 100%;
    height: auto;
}
.xl-title{
    color: #000;
    font-size: 34px;
    font-weight: 500;
    font-family: 'Raleway', sans-serif;
    opacity: .7;
}
.lg-title{
    font-size: 28px;
    letter-spacing: -0.72px;
    color: #303c4c;
    text-transform: capitalize;
    opacity: 1;
    font-weight: 500;
    line-height: 1.2;
    font-family: 'Raleway', sans-serif;
}
.sm-title{
    width: 100%;
    font-size: 14px;
    color: #171717;
    font-weight: 700;
    margin: 7px 0;
    font-family: 'Raleway', sans-serif;
}
.title-md{
    font-size: 20px;
    color: #171717;
}
.mobile-image-first{
    display: none;
}
.bg-color{
    background-color: #1E2229;
    
}
.mt-0{
    margin-top: 0px !important;
    padding-top: 0px !important;
}
.page-number-bottom{
    padding: 10px 0px 10px 0px;
    font-size: 10px;
    font-weight: 400;
    line-height: 1;
    letter-spacing: -0.2px;
    color: #303C4C;
    text-align: right;
    margin-top: 30px;
    position: relative;
    /* bottom: 0px;
    left: 0px;
    right: 0px; */
    width: 100%;
    border-top:1px solid #000;
}

.first-page .page-number-bottom:after{
 background: rgba(255, 255, 255, 0.2);
}
.first-page .page-number-bottom{
    background: #1e2229;
    color: #fff;
}
.page-content{
    height: 100%;
}
.menu-wraper::-webkit-scrollbar {
    width: 10px;
    border-radius: 30px;
  }
  .menu-wraper::-webkit-scrollbar-track {
    background: none; 
  }
  .menu-wraper::-webkit-scrollbar-track {
   background: #e8e6e4;
  }
  .menu-wraper::-webkit-scrollbar-thumb {
    background: none; 
    border-radius: 30px;
    transition: all 0.3s;
  }
  .menu-wraper:hover::-webkit-scrollbar-thumb{
    background: #aaa;
    transition: all 0.3s;
  }
  .menu-wraper::-webkit-scrollbar-thumb:hover {
    background: #555; 
  }
  .mobile-page-number{
    display: none;
  }


  .padding-wraper-main-new .fixid-bar{
   position:static;
  }
  .padding-wraper-main-new {
    padding-bottom: 0px !important;
  }
  .new-content-text p{
    margin-bottom: 5px !important;
  }
  .new-content-text p:last-child{
    margin-bottom: 0px !important;
  }

/*---first--page---start---here---*/

.page-content1, .page-content1 .xl-title{
    color: #fff;
    opacity: 1;
}
.page-content .xl-title{
    margin-bottom: 15px;
}
.page-content{
    padding: 40px 25px 0px 25px;
    position: relative;
}

.common-link-box{
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    margin-bottom: 20px;
}
.link-main-product .title-md{
    color: #fff;
    display: block;
    margin-bottom: 0px;
}
.link-title-box a{
    display: flex;
    justify-content: space-between;
    padding: 0px 10px;
    
}
.page-name, .page-number{
    font-size: 14px;
    color: #FFFFFF;
    text-transform: capitalize;
    margin: 10px 0px 10px 0px;
    opacity: 0.6;
}
.link-title-box a:hover .page-name, .link-title-box a .page-number:hover{
  color: #fff;
}
.link-title-box a:focus{
    outline: none;
}
.page-name{
    width: calc(100% - 100px);
    text-align: left;
}
.page-number{
    width: 100px;
    text-align: right;
}
.second-page-content{
    padding-top: 88px;
}
.common-link-box.m-0{
    margin: 0px;
}


.video-banner-flex{
    display: flex;
    justify-content: space-between;
    background-color: #f0f0f0;
    margin-top: 30px;
}
.video-banner{
    width: 55%;
    position: relative;
}
.video-content-box{
    width: 45%;
    padding: 15px;
    position: relative;
    display: flex;
    align-items: center;
    overflow: hidden;
}
.video-banner-img{
    width: 100%;
    display: block;
}
.bootom-thin-text{
    letter-spacing: 0px;
    color: #0d2139;
    opacity: 1;
    font-size: 9px;
    position: static;
    line-height: 10px;
    margin-top: 15px;
    top: 130px;
}
.video-play-button{
    width: 50px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.video-play-button img{
    width: 100%;
    display: block;
}
.video-content-box .title-md{
    font-weight: 600;
    font-size: 18px;
    letter-spacing: 0px;
    text-transform: capitalize;
}
.inner-text-video-content{
    /* width: 100%; */
    position: absolute;
    top: 30px;
    left: 10px;
    right: 10px;
    opacity: 0;
}

.bb-item[style*="display: block;"] .inner-text-video-content{
    animation-name: animationText;
    animation-duration: 1s;
    opacity: 1;
}
@keyframes animationText {
    0%   {top: 140px;}
    100% {top: 30px;}
  }

.velvet-img{
    width: 100%;
    display: block;
}
.image-box-velvet{
    position: relative;
    margin-right: -25px;
    margin-left: -25px;
}
.velvet-content{
    position: absolute;
    top: 9%;
    left: 30px;
    color:#fff;
}
.side-refrigerations{
    font-size: 12px;
    font-weight: 500;
    line-height: 1.2;
    letter-spacing: 1px;
    color: #fff;
    text-transform: uppercase;
}
.discription-box{
    margin-top: 15px;
    width: 55%;
    position: relative;
}
.page4 .discription-box{
  width: 45%;
}
.discription-box:after{
    content: '';
    position: absolute;
    top: 0px;
    width: 1px;
    background: #fff;
    left: 0px;
    bottom: 0px;
    opacity: 0;
}
.bb-item[style*="display: block;"] .discription-box:after{
    animation-name: widthTransition2;
  animation-duration: 1s;
  opacity: 1;
}
@keyframes widthTransition2 {
    0%   {top: 50%;bottom: 50%;}
    100% {top: 0px; bottom: 0px;}
  }

.discription-box ul{
    width: 100%;
}
.discription-box ul li{
    display: flex;
    margin-bottom: 15px;
    clip-path: inset(0 0 0 0);
    opacity: 0;
}
.bb-item[style*="display: block;"] .discription-box ul li{
    animation-name: widthTransition;
    animation-duration: 1s;
    opacity: 1;
}
@keyframes widthTransition {
    0%   {clip-path: inset(0 100% 0 0);}
    100% {clip-path: inset(0 0 0 0);}
  }

.discription-box ul li:last-child{
    margin-bottom: 0px;
}
.discription-box ul li .velvet-title{
    width: 40%;
    padding-left: 10px;
    font-size: 11px;
    font-weight: 500;
    letter-spacing: 0px;
    line-height: 1.3;
    color: rgba(255, 255, 255, .7);
    text-transform: uppercase;
}
.discription-box ul li .velvet-discription{
    width: 60%;
    padding-left: 10px;
    text-align: left;
    font-size: 10px;
    font-weight: 500;
    letter-spacing: 0px;
    line-height: 1.3;
    color: #fff;
}
.velvet-content .xl-title{
    color: #fff;
    opacity: 1;
}
.velvet-bottom{
    padding-top: 30px;
}
.velvet-bottom ul{
    width: 100%;
    display: flex;
    justify-content: center;
}
.velvet-bottom ul li{
    width: 22%;
}
.velvet-bottom-n ul li{
    width: 23%;
}
.velvet-bottom ul li img{
    max-height: 100px;
    width: 100%;
    margin-bottom: 10px;
    padding: 0px 12px;
    object-fit: contain;
}
.velvet-bottom ul li p{
    font-size: 10px;
    font-weight: 600;
    line-height: 1;
    letter-spacing: 0px;
    color: #273043;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 0px;
    padding: 0px 4px;
}
.velvet-pagecontent{
    padding-top: 0px;
}
.video-box video{
    width: 100%;
}
.discription-box-common p{
    font-size: 12px;
    line-height: 1.2;
    color: #0d2139;
}
.row-colm{
    display: flex;
    flex-wrap: wrap;
    margin: 0px -12px;
    margin-top: 25px;
}
.colm-common{
    padding: 0px 12px;
    width: 50%;
}
.discription-box-common p{
    margin-bottom: 0px;
}
.box-img img{
    width: 100%;
    display: block;
}
.image-box-nxw-aura .velvet-content{
 top: 10%;
}
.page11 .row-colm{
    margin-top: 0px;
}
.page11 .row-colm .colm-common{
    padding-top: 15px;
}
.black-text .discription-box ul li .velvet-title, .black-text .discription-box ul li .velvet-discription, 
.black-text .xl-title, .black-text .side-refrigerations{
 color: #000;
}
.black-text .discription-box:after{
    background: #000;
}
.image-page-content{
    padding: 0px;
}
 .velvet-bottom.pediing-img ul li img{
    padding: 0px 25px;
}
.effect-moveleft.animate .outer-nav a {
    color: #000;
    font-size: 18px;
    font-weight: 400;
    margin-left: 15px;
    letter-spacing: 0px;
    font-family: "Marvel",Arial,Helvetica,sans-serif;
}
.effect-moveleft.animate #close-button{
    opacity: 1;
    font-weight: 500;
}
.pushy-open{
    transform: translate3d(260px, 0, 0);
}
.menu-wraper{
    height: calc(100vh - 43px);
    padding-bottom: 5px !important;
    overflow: auto;
}
.overlay-menu{
    position: fixed;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    background-color: rgba(0,0,0,.5);
    width: 100%;
    height: 100vh;
    z-index: 5;
    display: none;
}
.overlay-menu.active{
    display: block;
}
.bottom-page-count-flex{
    display: flex;
    padding: 10px 0px 10px 0px;
    margin-top: 30px;
    width: 100%;
    border-top: 1px solid #000;
    align-items: center;
}
.bottom-left{
    text-align: left;
    font-size: 10px;
    font-weight: 400;
    line-height: 1;
    letter-spacing: -0.2px;
    color: #303C4C;
    text-transform: capitalize;
    width: calc(100% - -50px);
}
.bottom-page-count-flex .page-number-bottom{
    width: 80px;
    padding: 0px;
    border-top: none;
    margin-top: 0px;
}
.bottom-page-text-m{
    margin-top: 75px;
    border-top: 1px solid rgba(255, 255, 255, 0.2);
}
.bottom-page-text-m2{
    margin-top: 177px;
}
.pushy a{
    font-size: 18px;
    padding: 10px 30px;
}



#top-wrapper{
    width: 63%;
}
.bottom-page-count-flex, .fixid-bar{
    position: static;
    bottom: 0px;
    left: 25px;
    right: 25px;
    z-index: 1;
    width: initial;
    padding-right: 10px;
    background: none;
    
}
.padding-wraper-main .bottom-page-count-flex, .padding-wraper-main .fixid-bar{
    background: #fff;
}
.content-wrapper{
    position: relative;
    height: 100%;
}
.padding-wraper-main{
    padding-bottom: 30px;
}
.page-53 .image-height .video-box{
    padding: 0px 15px;
}
.large-image img{
    position: absolute;
    top: 0px;
    right: 0px;
    left: 0px;
    object-fit: cover;
    height: 100%;
}
#nav-scroll ul li{
    color: #000;
}

 #menu-wrapper{
    visibility: hidden;
}
.animate #menu-wrapper{
    visibility: visible;
}
.page8 .video-box .box-img{
    margin-left: -10px;
    margin-right: -10px;
}


@media only screen and (max-width:1540px){
.image-height .box-img img{
   height: 140px;
   object-fit: cover;
}
.image-height2 .box-img img{
    height: 130px;
   object-fit: cover;
}

@media only screen and (max-width:1440px){
    .video-content-box .title-md{
        font-size: 14px;
    }
}


}

@media only screen and (max-width:1400px){
    .video-content-box .title-md{
        font-size: 14px;
    }
    .bottom-page-count-flex, .fixid-bar{
        position: static;
    }
    #top-wrapper {
        width: 67%;
        height: 90%;
    }
    .padding-wraper-main{
        padding-bottom: 0px;
    }
    .bottom-page-count-flex, .fixid-bar{
        position: static;
        margin-top: 10px;
    }
    .first-page .page-number-bottom{
        position: absolute;
    }
    .velvet-bottom {
        padding-top: 10px;
    }
    .sm-title{
        font-size: 12px;
        margin: 5px 0px;
    }
    .discription-box-common p {
        font-size: 10px;
    }
    .row-colm{
        margin-top: 10px;
    }
    .page-content{
        padding-top: 15px;
    }
    .velvet-pagecontent{
        padding-top: 0px;
    }
    .lg-title {
        font-size: 24px;
    }
    .discription-box ul li{
        margin-bottom: 5px;
    }
    .velvet-bottom ul li img {
        max-height: 80px;
        margin-bottom: 0px;
    }

    .page2 .page-number-bottom{
        margin-top: 65px;
    }
    .page8 .page-number-bottom{
        margin-top: 25px;
    }
    .page111 .page-number-bottom{
        margin-top: 70px;
    }
    .page12 .page-number-bottom{
        margin-top: 50px;
    }
    .page15 .bottom-page-count-flex{
        margin-top: 10px;
    }
    .page16 .page-number-bottom{
        margin-top: 30px;
    }
    .page17 .bottom-page-count-flex{
        margin-top: 45px;
    }
    .page20 .bottom-page-count-flex{
        margin-top: 25px;
    }
    .page21 .bottom-page-count-flex{
        margin-top: 30px;
    }
    .page24 .bottom-page-count-flex{
        margin-top: 15px;
    }
    .page25 .bottom-page-count-flex{
        margin-top: 73px;
    }
    .page28 .bottom-page-count-flex{
        margin-top: 40px;
    }
    .page29 .bottom-page-count-flex{
        margin-top: 25px;
    }
    .page33 .bottom-page-count-flex{
        margin-top: 20px;
    }
    .page35 .page-number-bottom{
        margin-top: 25px;
    }
    .page37 .page-number-bottom{
        margin-top: 35px;
    }
    .page40 .bottom-page-count-flex{
        margin-top: 45px;
    }
    .page43 .bottom-page-count-flex{
        margin-top: 30px;
    }
    .page44 .bottom-page-count-flex{
        margin-top: 45px;
    }
    .page45 .page-number-bottom{
        margin-top: 35px;
    }
    .page48 .bottom-page-count-flex{
        margin-top: 35px;
    }
    .page49 .bottom-page-count-flex{
        margin-top: 55px;
    }
    .page50 .bottom-page-count-flex{
        margin-top: 43px;
    }
    .page53 .bottom-page-count-flex{
        margin-top: 55px;
    }
    .page54 .bottom-page-count-flex{
        margin-top: 43px;
    }
    .page55 .bottom-page-count-flex{
        margin-top: 35px;
    }
    .page56 .page-number-bottom{
        margin-top: 30px;
    }
    .page57 .page-number-bottom{
        margin-top: 30px;
    }
    .page58 .bottom-page-count-flex{
        margin-top: 20px;
    }
    .page59 .page-number-bottom{
        margin-top: 85px;
    }
    .page62 .page-number-bottom{
        margin-top: 35px;
    }
    .page63 .bottom-page-count-flex{
        margin-top: 45px;
    }
    .page64 .page-number-bottom{
        margin-top: 30px;
    }
    .page65 .page-number-bottom{
        margin-top: 30px;
    }
    .page66 .page-number-bottom{
        margin-top: 30px;
    }
    .page6 .page-number-bottom{
        margin-top: 35px;
    }
    .page7 .page-number-bottom{
        margin-top: 35px;
    }
    .page67 .bottom-page-count-flex{
        margin-top: 95px;
    }
    .page68 .bottom-page-count-flex{
        margin-top: 50px;
    }
    #menu-wrapper {
        right: 10%;
    }
    .velvet-bottom-n ul li {
        width: 25%;
    }

    .page19md .page-number-bottom{
        margin-top: 22px;
    }
    .page21md .page-number-bottom {
        margin-top: 35px;
    }
    .page26md .bottom-page-count-flex {
        margin-top: 40px;
    }
    .page29md .bottom-page-count-flex {
        margin-top: 38px;
    }
    .page30md .bottom-page-count-flex {
        margin-top: 71px;
    }
    .page33md .bottom-page-count-flex {
        margin-top: 30px;
    }
    .page40md .page-number-bottom {
        margin-top: 35px;
    }
    .page41md .page-number-bottom {
        margin-top: 35px;
    }
     .page44md .bottom-page-count-flex {
        margin-top: 20px;
    }
    .page46md .page-number-bottom {
        margin-top: 15px;
    }
     .page47md .page-number-bottom {
        margin-top: 20px;
    }
    .page49md .bottom-page-count-flex {
        margin-top: 55px;
    }
    .page54md .bottom-page-count-flex {
    margin-top: 50px;
    }
    .page58md .bottom-page-count-flex {
        margin-top: 30px;
    }
    .page-name, .page-number{
        margin: 8px 0px 8px 0px;
    }
}

@media only screen and (min-width:1920px){
.bottom-page-count-flex, .fixid-bar{
    position: absolute;
    bottom: 0px;
    left: 25px;
    right: 25px;
    z-index: 1;
    width: initial;
    padding-right: 10px;
    background: none;
    
}

#top-wrapper{
    width: 100%;
}
.first-page .page-number-bottom{
    background-color: transparent !important;
}
.padding-wraper-main-new .fixid-bar {
    position: absolute;
}
}
.menu-wraper{
    margin-right: -1px !important;
}
.link-title-box{
    position: relative;
    z-index: 999;
}

@media only screen and (min-width:1439px) and (max-width:1540px){
.padding-wraper-main {
    padding-bottom: 0px;
}
.velvet-bottom {
    padding-top: 20px;
}
.page-number-bottom{
    margin-top: 20px;
}
.page-content1 .fixid-bar {
    position: absolute;
}
.bottom-page-count-flex .page-number-bottom{
    margin-top: 0px !important;
}
.page2 .page-number-bottom{
    margin-top: 105px;
}
.page4 .page-number-bottom{
    margin-top: 55px;
}
.page7 .page-number-bottom{
    margin-top: 48px;
}
.page10 .page-number-bottom{
    margin-top: 52px;
}
.page13 .page-number-bottom{
    margin-top: 28px;
}
.page14 .page-number-bottom{
    margin-top: 60px;
}
.page15md .page-number-bottom{
    margin-top: 60px;
}
.page16md .page-number-bottom{
    margin-top: 100px;
}
.page17md .page-number-bottom{
    margin-top: 65px;
}
.page18md .page-number-bottom{
    margin-top: 60px;
}
.page19md .page-number-bottom{
    margin-top: 60px;
}
.page20md .bottom-page-count-flex{
    margin-top: 10px;
}
.page21md .page-number-bottom{
    margin-top: 30px;
}
.page22md .bottom-page-count-flex{
    margin-top: 50px;
}
.page23md .page-number-bottom{
    margin-top: 35px;
}
.page24md .page-number-bottom{
    margin-top: 35px;
}
.page25md .bottom-page-count-flex{
    margin-top: 10px;
}
.page26md .bottom-page-count-flex{
    margin-top: 20px;
}
.page27md .page-number-bottom{
    margin-top: 60px;
}
.page28md .page-number-bottom{
    margin-top: 60px;
}
.page29md .bottom-page-count-flex{
    margin-top: 25px;
}

.page30md .bottom-page-count-flex{
    margin-top: 65px;
}
.page31md .page-number-bottom{
    margin-top:35px;
}
.page32md .page-number-bottom{
    margin-top:35px;
}
.page33md .bottom-page-count-flex{
    margin-top:5px;
}
.page36md .page-number-bottom{
    margin-top:38px;
}
.page37md .page-number-bottom{
    margin-top:28px;
}
.page40md .page-number-bottom{
    margin-top:30px;
}
.page41md .page-number-bottom{
    margin-top:60px;
}
.page42md .page-number-bottom{
    margin-top:60px;
}
.page43md .bottom-page-count-flex{
    margin-top:12px;
}
.page46md .page-number-bottom{
    margin-top:58px;
}
.page45md .bottom-page-count-flex{
    margin-top:65px;
}
.page47md .page-number-bottom{
    margin-top:58px;
}
.page49md .bottom-page-count-flex{
    margin-top:75px;
}
.page50md .page-number-bottom{
    margin-top:30px;
}
.page51md .page-number-bottom{
    margin-top:40px;
}
.page52md .page-number-bottom{
    margin-top:40px;
}
.page54md .bottom-page-count-flex{
    margin-top:78px;
}
.page56md .page-number-bottom{
    margin-top:40px;
}
.page57md .page-number-bottom{
    margin-top:47px;
}
.page59md .bottom-page-count-flex{
    margin-top:18px;
}

.page60md .bottom-page-count-flex{
    margin-top:40px;
}
.page61md .page-number-bottom{
    margin-top:60px;
}
.page62md .page-number-bottom{
    margin-top:60px;
}
.page63md .bottom-page-count-flex{
    margin-top:15px;
}
.page64md .page-number-bottom{
    margin-top:95px;
}
.page65md .page-number-bottom{
    margin-top:45px;
}

.page66md .page-number-bottom{
    margin-top:45px;
}
.page68md .bottom-page-count-flex{
    margin-top:47px;
}
.page69md .page-number-bottom{
    margin-top:37px;
}
.page70md .page-number-bottom{
    margin-top:65px;
}
.page71md .page-number-bottom{
    margin-top:60px;
}
.page72md .bottom-page-count-flex{
    margin-top:97px;
}
.page73md .bottom-page-count-flex{
    margin-top:45px;
}


}
.discription-box.eon-velvet-new ul li .velvet-title{
        font-size: 10px;
    font-weight: 600;
}

.play-button-n{position: absolute;top: 63.5%;right: 29%;width: 50px;z-index: 1;display: block;transform: translate(0px, -50%);}
.play-button-n img{display: block;width: 100%;height: auto;}
.page23md .play-button-n, .page27md .play-button-n{right: 21%;}
.page46md .play-button-n, .page65md .play-button-n {right: 17%;}
.page51md .play-button-n{right: 18%;}
@media only screen and (min-width:1920px){
    .play-button-n{right: 30%;}
}