body {
    margin: 0;
    padding: 0;
    font-family: Humanst521 lt BT light;
    font-weight: 400;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

html {
    scroll-behavior: smooth;
}

a,
body,
h1,
h2,
h3,
h4,
h5,
h6,
li,
p,
ul {
    margin: 0;
    padding: 0
}


* {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

html {
    font-size: 10px;
}



@font-face {
    font-family: Humanst521 lt BT light;
    src: url('fonts/humanst521-lt-bt/Hum521Lt.ttf');
}

@font-face {
    font-family: Felix Titling;
    src: url('fonts/FELIXTI_2.ttf');
}

@font-face {
    font-family: Candara;
    src: url('fonts/CANDARA_2.ttf');
}





/*start navbar and banner*/
/*header*/
.head-banner header {
    width: 100%;
    padding: 20px 50px;
    background: transparent;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    z-index: 8;
    top: 0;
    position: fixed;
    z-index: 99;
}

.head-banner .shrink {
    padding: 10px 50px;
    background-color: #cfced3;
    z-index: 100;
}

.head-banner .site-menu ul li {
    list-style-type: none;
    padding-left: 5rem;
    float: left;
    color: #000;
}

.head-banner .site-menu ul li a {
    text-decoration: none;
    color: #3c3849;
    font-size: 22px;
    letter-spacing: 1px;
    text-transform: capitalize;
    font-weight: 100;
}

.head-banner .header-menu {
    margin-top: 12px;
}

/*end navbar*/


.head-banner .arrow-right {
    position: absolute;
    width: 110rem;
    height: 80rem;
    right: -40rem;
   /*background: #cfced3bf;*/
  /* background: #e2e2e22b;*/
  background:rgba(226, 226, 226, 0);
    border-radius: 0 0 0 50px;
    -webkit-transform: skew(32deg, -30deg);
    -ms-transform: skew(32deg, -30deg);
    transform: skew(32deg, -30deg);
    top: -40rem;
    z-index: 5;
}

.head-banner .arrow-left {
    position: absolute;
    width: 110rem;
    height: 70rem;
    left: -55rem;
    /*background: #e2e2e22b;*/
    /*background: #cfced3bf;*/
    background:rgba(207, 206, 211,0.1);
    border-radius: 0 0 0 20px;
    -webkit-transform: skew(65deg, -30deg);
    -ms-transform: skew(65deg, -30deg);
    transform: skew(65deg, -30deg);
    top: -55rem;
    z-index: 4;
}

.head-banner .cover {
    position: absolute;
    height: 100%;
    width: 100%;
    overflow: hidden;
    top: 0;
    right: 0;
}

.head-banner .h-banner-text {
    position: absolute;
    top: 16%;
    text-align: center;
    width: 100%;
    z-index: 9;
}

.head-banner .h-banner-text h2 {
    font-size: 2.3vw;
    font-weight: 100;
    color: #3c3849;
}

.head-banner .banner-img2 {
    display: none;
}




/*mob menu*/
#sm_menu_ham {
    z-index: 999;
    position: fixed;
}

.sm_menu_outer.active {
    opacity: 1;
    z-index: 999;
    margin-top: 0px;
    position: fixed;
}

/*mob menu*/






/*start media query*/
@media only screen and (min-width: 1700px) {
    .head-banner .arrow-right {
        width: 140rem;
        height: 105rem;
        right: -35rem;
        top: -50rem;
    }

    .head-banner .arrow-left {
        width: 160rem;
        height: 80rem;
        left: -50rem;
        top: -55rem;
    }

    .head-banner .site-menu ul li a {
        font-size: 22px;
    }

    .head-banner .header-menu {
        margin-top: 20px;
    }
    .head-banner .h-banner-text {
        top: 16%;
    }
}




@media only screen and (max-width: 1200px) {
    .head-banner .arrow-right {
        width: 98rem;
        height: 65rem;
    }

    .head-banner .arrow-left {
        width: 73rem;
        height: 60rem;
        left: -37rem;
        -webkit-transform: skew(62deg, -47deg);
        -ms-transform: skew(62deg, -47deg);
        transform: skew(62deg, -47deg);
        top: -55rem;
    }

    .head-banner .site-menu ul li a {
        font-size: 16px;
    }

    .head-banner .site-menu ul li {
        padding-left: 3rem;
    }

    .head-banner .header-menu {
        margin-top: 10px;
    }

    .head-banner .h-banner-text {
        top: 14%;
    }
}



@media only screen and (max-width: 992px) {
    .head-banner .arrow-right {
        display: none;
    }

    .head-banner .arrow-left {
        display: none;
    }

    .head-banner nav ul li {
        line-height: 1.5rem;
        padding-left: 3rem;
    }
     .head-banner .h-banner-text {
        top: 14%;
    }
}



@media only screen and (max-width: 768px) {
    .head-banner nav {
        display: none;
    }

    .head-banner header {
        height: 6rem;
        padding: 5px 0px;
    }

    .head-banner .logo {
        width: 100%;
    }

    .head-banner .shrink .logo {
        width: 100%;
        margin-top: 6px;
    }

    .head-banner .h-banner-text {
        top: 12%;
    }

    .head-banner .shrink {
        padding: 5px 0px;
    }
    
}

@media only screen and (max-width: 576px) {
    .head-banner .shrink .logo {
        width: 85%;
        margin-top: 6px;
    }
     .head-banner .h-banner-text {
        top: 12%;
    }

     .head-banner .banner-img1 {
        display: none;
    }

    .head-banner .banner-img2 {
        display: unset;
    }

    .head-banner .h-banner-text h2 {
        display: none;
    }
}
@media only screen and (max-width: 476px) {
    .head-banner .shrink .logo {
        width: 85%;
        margin-top: 6px;
    }
     .head-banner .h-banner-text {
        top: 11%;
    }
}

@media only screen and (max-width: 376px) {
    .head-banner .shrink .logo {
        width: 85%;
        margin-top: 6px;
    }
     .head-banner .h-banner-text {
        top:9.5%;
    }
}

/*end navbar and banner*/
















/*---------------START PACKAGING SECTION---------------------------------*/

.packaging-sec {}

/*.packaging-sec .arrow-left {
    position: absolute;
    width: 50rem;
    height: 70rem;
    left: -50rem;
    background: #cfced3bf;
    border-radius: 0 0 0 20px;
    -webkit-transform: skew(69deg, -65deg);
    -ms-transform: skew(69deg, -65deg);
    transform: skew(69deg, -65deg);
    top: -55rem;
    z-index: 4;
}*/

.packaging-sec .arrow-left {
    position: absolute;
    width: 110rem;
    height: 70rem;
    left: -55rem;
    /*background: #e2e2e22b;*/
    /*background: #cfced3bf;*/
    background:rgba(207, 206, 211,0.5);
    border-radius: 0 0 0 20px;
    -webkit-transform: skew(65deg, -30deg);
    -ms-transform: skew(65deg, -30deg);
    transform: skew(65deg, -30deg);
    top: -55rem;
    z-index: 4;
}

/*.packaging-sec .arrow-right{
     position: absolute;
    width: 110rem;
    height: 80rem;
    right: -40rem;*/
   /*background: #cfced3bf;*/
  /* background: #e2e2e22b;*/
  /*background:rgba(226, 226, 226, 0.3);
    border-radius: 0 0 0 50px;
    -webkit-transform: skew(32deg, -30deg);
    -ms-transform: skew(32deg, -30deg);
    transform: skew(32deg, -30deg);
    top: -40rem;
    z-index: 5;
}*/

.packaging-sec .cover {
    position: absolute;
    height: 100%;
    width: 100%;
    overflow: hidden;
    top: 0;
    right: 0;
}


.packaging-sec .pack-text {
    position: absolute;
    top: 10rem;
    left: 98rem;
    z-index: 5;
}

.packaging-sec .pack-text h5 {
    font-size: 2.5vw;
    color: #3c3849;
    font-weight: 600;
    text-align: center;
    padding-bottom: 15px;
}

.packaging-sec .pack-text p {
    text-align: left;
    font-size: 2.3vw;
    color: #3c3849;
    font-weight: 100;
}

.packaging-sec .pack-img2 {
    display: none;
}

@media only screen and (min-width: 1700px) {
    .packaging-sec .arrow-left {
        position: absolute;
        width: 160rem;
        height: 80rem;
        left: -50rem;
        top: -55rem;
        /*background: #cfced3bf;
        border-radius: 0 0 0 20px;
        -webkit-transform: skew(69deg, -65deg);
        -ms-transform: skew(69deg, -65deg);
        transform: skew(69deg, -65deg);
        top: -55rem;
        z-index: 4;*/
    }

     .packaging-sec .pack-text {
        /*top: 25rem;*/
        top: 12rem;
        /*left: 8rem;*/
        left: 125rem;
    }
   
}

@media only screen and (min-width: 1900px) {
    .packaging-sec .arrow-left {
        position: absolute;
        width: 160rem;
        height: 80rem;
        left: -50rem;
        top: -55rem;
        /*background: #cfced3bf;
        border-radius: 0 0 0 20px;
        -webkit-transform: skew(69deg, -65deg);
        -ms-transform: skew(69deg, -65deg);
        transform: skew(69deg, -65deg);
        top: -55rem;
        z-index: 4;*/
    }

     .packaging-sec .pack-text {
        /*top: 25rem;*/
        top: 12rem;
        /*left: 8rem;*/
        left: 134rem;
    }
   
}


@media only screen and (max-width: 1200px) {
    /*.packaging-sec .arrow-left {
        width: 75rem;
        height: 45rem;
        left: -25rem;
        -webkit-transform: skew(69deg, -65deg);
        -ms-transform: skew(69deg, -65deg);
        transform: skew(69deg, -65deg);*/
        /*top: -55rem;
    }*/

    .packaging-sec .arrow-left {
        width: 110rem;
        height: 60rem;
        left: -50rem;
       /* -webkit-transform: skew(69deg, -65deg);
        -ms-transform: skew(69deg, -65deg);
        transform: skew(69deg, -65deg);*/
        top: -55rem;
    }

    .packaging-sec .pack-text {
        /*top: 25rem;*/
        top: 6rem;
        /*left: 8rem;*/
        left: 85rem;
    }
}



@media only screen and (max-width: 992px) {
    .packaging-sec .arrow-left {
        display: none;
    }

    .packaging-sec .pack-text {
        top: 6rem;
        left: 70rem;
    }
}

@media only screen and (max-width: 768px) {
    .packaging-sec .pack-text {
        top: 4rem;
        left: 45rem;
    }
}

@media only screen and (max-width: 568px) {
    .packaging-sec .pack-text {
        top: 3.5rem;
        left: 35rem;
    }

    .packaging-sec .pack-img1 {
        display: none;
    }

    .packaging-sec .pack-img2 {
        display: unset;
    }

    .packaging-sec .pack-text h5 {
        display: none;
    }

    .packaging-sec .pack-text p {
        display: none;
    }
}

@media only screen and (max-width: 468px) {
    .packaging-sec .pack-text {
        top: 2rem;
        left: 29rem;
    }
}

@media only screen and (max-width: 368px) {
    .packaging-sec .pack-text {
        top: 1rem;
        left: 22rem;
    }
}

/*---------------------------END PACKAGING SECTION---------------------------------*/



















/*-------------------------START PACKAGING-2 SECTION------------------------------*/
.packaging-sec-2 {
    overflow: hidden;
}

.packaging-sec-2 .sec-cover-2 {
    position: absolute;
    height: 100%;
    width: 100%;
    overflow: hidden;
    top: 0;
    right: 0;
}

.packaging-sec-2 .sec-arrow-left-2 {
    position: absolute;
    width: 110rem;
    height: 85rem;
    right: -50rem;
    background: #35344a4a;
    border-radius: 0 0 0 50px;
    -webkit-transform: skew(32deg, -30deg);
    -ms-transform: skew(32deg, -30deg);
    transform: skew(32deg, -30deg);
    top: -40rem;
    z-index: 5;
}

/*.packaging-sec-2 .pack2-text {
    position: absolute;
    top: 16rem;
    right: 10rem;
    z-index: 9;
    text-align: center;
}*/

.packaging-sec-2 .pack2-text {
    position: absolute;
    top: 6rem;
    left: 10rem;
    z-index: 9;
    text-align: center;
}

.packaging-sec-2 .pack2-text p {
    color: #4D485B;
    font-size: 2.3vw;
    font-weight: 100;
}

.packaging-sec-2 .pack2-text p .pack-bold {
    font-weight: 600;
}

.packaging-sec-2 .pack-sec2-img2 {
    display: none;
}

@media only screen and (min-width: 1700px) {
    .packaging-sec-2 .sec-arrow-left-2 {
        width: 122rem;
        height: 105rem;
        right: -45rem;
        top: -40rem;
    }

    .packaging-sec-2 .pack2-text {
    position: absolute;
    top: 6rem;
    left: 15rem;
    z-index: 9;
    text-align: center;
}
}

@media only screen and (max-width: 1200px) {
    .packaging-sec-2 .sec-arrow-left-2 {
        width: 105rem;
        height: 79rem;
    }

    .packaging-sec-2 .pack2-text {
        top: 6rem;
        left: 14rem;
    }

}


@media only screen and (max-width: 992px) {
    .packaging-sec-2 .sec-arrow-left-2 {
        display: none;
    }
    .packaging-sec-2 .pack2-text {
        top: 6rem;
        left: 10rem;
    }
}

@media only screen and (max-width: 768px) {
    .packaging-sec-2 .sec-arrow-left-2 {
        display: none;
    }
    .packaging-sec-2 .pack2-text {
        top: 4rem;
        left: 9rem;
    }
}

@media only screen and (max-width: 568px) {
    .packaging-sec-2 .sec-arrow-left-2 {
        display: none;
    }
    .packaging-sec-2 .pack2-text {
        top: 4rem;
        left: 9rem;
    }

     .packaging-sec-2 .pack-sec2-img1 {
        display: none;
    }

    .packaging-sec-2 .pack-sec2-img2 {
        display: unset;
    }

    .packaging-sec-2 .pack2-text p {
        display: none;
    }
}

@media only screen and (max-width: 468px) {
    .packaging-sec-2 .sec-arrow-left-2 {
        display: none;
    }
    .packaging-sec-2 .pack2-text {
        top: 2rem;
        left: 5rem;
    }
}

@media only screen and (max-width: 368px) {
    .packaging-sec-2 .sec-arrow-left-2 {
        display: none;
    }
    .packaging-sec-2 .pack2-text {
        top: 2rem;
        left: 4rem;
    }
}

/*------------------------END PACKAGING-2 SECTION--------------------------------*/






















/*-------------------start plugged----------------------*/
.plugged {
    padding: 100px 0 60px;
    position: relative;
    text-align: center;
}

/*

.plugged .container {
    margin: 0 50px;
}
*/

.plugged .plugged-head img {
    width: 55%;
    margin: 0 auto 40px auto;
}

.plugged #wrapper {
    width: 100%;
    /*    height: 400px;*/
    height: 560px;
    overflow: hidden;

    /*
    margin: -200px 0 0 0;
				position: absolute;
				left: 0;
				top: 50%;
*/

}

.plugged #carousel div {
    /*
    width: 554px;
    height: 313px;
*/
    /*    margin: 20px 30px;*/
    float: left;
    position: relative;
    width: 400px;
    height: 400px;
}

.caroufredsel_wrapper {
    height: 600px !important;
    width: 100% !important;
}

.plugged #carousel div.selected {
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
    margin-right: inherit !important;
    z-index: 99;
}

.plugged #carousel div img {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;

}

.plugged #carousel div span {
    background-color: #D9D8DB;
    color: #4D485B;
    font-size: 15px;
    text-align: center;
    display: block;
    width: 100%;
    height: 85px;
    overflow: hidden;
    position: absolute;
    bottom: 0;
    z-index: 8;
    padding-top: 25px;
    line-height: 18px;
    letter-spacing: 0.5px;
}

.plugged #prev,
#next {
    background: center center no-repeat transparent;
    display: block;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    margin-top: -30px;
    position: absolute;
    top: 92%;
    z-index: 5;
    font-size: 24px;
    /*    color: #EDEBE8;*/
    color: #4D485B;
}

.plugged #prev:hover,
#next:hover {
    background-color: rgba(255, 255, 255, 0.5);
    border-radius: 5px;
}

.plugged #prev.disabled,
#next.disabled {
    opacity: 0.2;
    cursor: default;
}

.plugged #prev.disabled:hover,
#next.disabled:hover {
    background-color: transparent;
}

.plugged #prev {
    background-image: url(img/gui-prev.png );
    left: 60%;
    /*    margin-left: -320px;*/
    margin-left: -250px;
    -webkit-text-stroke: 2px white;
}

.plugged #next {
    background-image: url(img/gui-next.png );
    right: 60%;
    /*    margin-right: -320px;*/
    margin-right: -240px;
    -webkit-text-stroke: 2px white;
}

/*------------------media quary-----------------*/
@media only screen and (max-width:992px) {
    .plugged {
        padding: 70px 0 40px;
    }

    .plugged #prev {
        left: 68%;
    }

    .plugged #next {
        right: 68%;
    }
}

@media only screen and (max-width:820px) {
    .plugged #prev {
        left: 72%;
    }

    .plugged #next {
        right: 72%;
    }
}

@media only screen and (max-width:500px) {
    .plugged {
        padding: 50px 0 60px;
        border-bottom: 1px solid #e2e2e2;
    }

    .plugged #prev {
        left: 85%;
    }

    .plugged #next {
        right: 85%;
    }

    .plugged #prev,
    #next {
        top: 89%;
    }
}



@media only screen and (max-width:400px) {
    .plugged h2 {
        padding-bottom: 10px;
    }

    .plugged #prev {
        left: 98%;
    }

    .plugged #next {
        right: 98%;
    }
}


@media only screen and (max-width:320px) {
    .plugged {
        padding: 50px 0 15px;

    }

    .plugged #prev {
        top: 91%;
        left: 105%;
    }

    .plugged #next {
        top: 91%;
        right: 105%;
    }
}

@media only screen and (max-width:264px) {
    .plugged {
        padding: 50px 0 15px;
       
    }

    .plugged #prev {
        top: 91%;
        left:105%;
    }

    .plugged #next {
        top: 91%;
        right: 105%;
    }
}

/*-------------------end plugged----------------------*/






















/*---------------------------START WE SECTION---------------------------------*/
.we-sec .we-text {
    margin-top: 15rem;
}

.we-sec .we-text img {
    width: 40%;
    margin: 0 auto;
    display: block;
}

.we-sec .we-text p {
    font-size: 18px;
    padding-top: 40px;
    text-align: center;
}

.we-sec {
    position: relative;
    overflow: hidden;
    height: 100rem;
}

.we-sec .back-text {
    background-position: right;
    background-repeat: no-repeat;
    z-index: -1;
    position: absolute;
    top: 305px;
    right: 0px;
    width: 64%;
}

.we-sec div.skewed {
    position: relative;
    overflow: hidden;
    width: 65rem;
    height: 40rem;
    right: 60px;
    background: #aea8a842;
    border-radius: 0 0 0 50px;
    -webkit-transform: skew(53deg, -58deg);
    -ms-transform: skew(53deg, -58deg);
    transform: skew(53deg, -58deg);
    top: 0rem;
}

.img-sk {
    background-image: url(bag.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 500px;
    -webkit-transform: rotate(58deg);
    -ms-transform: rotate(58deg);
    transform: rotate(58deg);
    z-index: -10;
    width: 100%;
    float: right;
    bottom: -136px;
    position: absolute;
    left: -100px;
}

@media only screen and (min-width: 1700px) {
    .we-sec div.skewed {
        position: relative;
        overflow: hidden;
        width: 75rem;
        height: 50rem;
        right: 75px;
        background: #aea8a842;
        border-radius: 0 0 0 50px;
        -webkit-transform: skew(53deg, -58deg);
        -ms-transform: skew(53deg, -58deg);
        transform: skew(53deg, -58deg);
        top: 5rem;
    }

    .img-sk {
        min-height: 600px;
        -webkit-transform: rotate(58deg);
        -ms-transform: rotate(58deg);
        transform: rotate(58deg);
        z-index: -10;
        width: 100%;
        float: right;
        bottom: -136px;
        position: absolute;
        left: -100px;
    }

    .we-sec {
        height: 120rem;
    }

    .we-sec .we-text p {
        font-size: 22px;
    }

    .we-sec .back-text {
        top: 38rem;
        width: 62%;
    }
}


@media only screen and (max-width: 1200px) {
    .we-sec div.skewed {
        width: 50rem;
        height: 45rem;
        right: 60px;
        top: -15rem;
    }

    .we-sec {
        height: 80rem;
    }

    .we-sec .we-text {
        margin-top: 10rem;
    }

    .we-sec .we-text p {
        font-size: 16px;
        padding-top: 30px;
    }

    .we-sec .back-text {
        width: 60%;
    }
}


@media only screen and (max-width: 1170px) {
    .we-sec .back-text {
        width: 52%;
    }
}

@media only screen and (max-width: 992px) {
    .we-sec div.skewed {
        display: none;
    }

    .we-sec .we-text img {
        width: 20%;

    }

    .we-sec .we-text p {
        font-size: 16px;
        padding: 40px;
    }

    .we-sec .we-text {
        margin-top: 0rem;
    }

    .we-sec .we-text p {
        font-size: 16px;
        padding: 100px 40px;
    }

    .we-sec {
        height: inherit;
    }

    .we-sec .back-text {
        top: 22rem;
        right: 0;
        width: 94%;
        margin: 0 auto;
        left: 0;
    }
}

@media only screen and (max-width: 768px) {
    .we-sec .we-text p {
        padding: 30px 20px;
        text-align: justify;
    }

    .back-text {
        display: none;
    }
}

@media only screen and (max-width: 576px) {
    .we-sec .we-text p {
        padding: 30px 5px;
    }
}

/*--------------------------END WE SECTION---------------------------------*/



























/*-------------------start buzz--------------------*/
.BBCCarousel-arrow {
    cursor: pointer;
    font: 0/0 a;
    text-shadow: none;
    color: transparent;
    border: 0 none;
    display: block;
    position: absolute;
    top: 24rem;
    width: 50px;
    height: 50px;
    border-radius: 0;
    padding: 0;
    min-width: 0;
}

.BBCCarousel-arrow--previous {
    left: 25px;
    background: #000 url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2262%22%20height%3D%2262%22%20viewBox%3D%220%200%2062%2062%22%3E%3Cpath%20d%3D%22M39.822%2019.155L36.167%2015.5%2020.667%2031l15.5%2015.5%203.655-3.655L27.977%2031z%22%20fill%3D%22%23fff%22/%3E%3C/svg%3E') center no-repeat;
}

.BBCCarousel-arrow--next {
    right: 25px;
    background: #000 url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2262%22%20height%3D%2262%22%20viewBox%3D%220%200%2062%2062%22%3E%3Cpath%20d%3D%22M25.833%2015.5l-3.655%203.655L34.023%2031%2022.178%2042.845l3.655%203.655%2015.5-15.5z%22%20fill%3D%22%23fff%22/%3E%3C/svg%3E') center no-repeat;
}

.BBCCarousel-pane-title {
    position: absolute;
    z-index: 1;
    bottom: 2rem;
    left: 7rem;
    font-size: 3.5rem;
    /*display: inline-block;*/
    display:none;
    padding: 10.5rem 25rem;
    /*background: rgba(255, 255, 255, 0.7);*/
    background: rgba(75, 80, 122, 0.8);
    color:#f0f0f5;
    right: 7rem;
    max-width: 100%;
}

.BBCCarousel {
    position: relative;
    width: 100%;
    overflow: hidden;
    height: 500px;
    margin-bottom: 30px;
}

.BBCCarousel::before,
.BBCCarousel::after {
    z-index: 10;
    content: '';
    width: 47%;
    height: 500px;
    background: rgba(255, 255, 255, 0.6);
    position: absolute;
    top: 0;
}

.BBCCarousel-car {
    width: 9000px;
    height: 500px;
    position: absolute;
    left: -990px;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: -webkit-transform 250ms ease-in;
    transition: -webkit-transform 250ms ease-in;
    -o-transition: transform 250ms ease-in;
    transition: transform 250ms ease-in;
    transition: transform 250ms ease-in, -webkit-transform 250ms ease-in;
}

.BBCCarousel-pane img {
    width: 90%;
    margin: 0 auto;
    text-align: center;
    height: 100%;
}

.BBCCarousel-pane {
    width: 990px;
    height: 500px;
    position: relative;
    display: block;
    float: left;
}

.BBCCarousel-pane:hover .BBCCarousel-pane-title{
    display:inline-block;
}

.BBCCarousel-mask {
    position: relative;
    margin: 0 auto;
    height: 500px;
    z-index: 8;
}

.buzz {
    text-align: center;
    padding: 40px 0 120px 0;
}

.buzz .buzz-head {
    width: 60%;
    margin: 0 auto 40px auto;
    z-index: 9;
    position: relative;
}

.buzz .cover {
    position: absolute;
    height: 100%;
    width: 100%;
    overflow: hidden;
    top: 0;
    right: 0;
}

.buzz .arrow-right {
    position: absolute;
    width: 122rem;
    height: 120rem;
    right: -75rem;
    background: #cfced3bf;
    border-radius: 0 0 0 50px;
    -webkit-transform: skew(30deg, -30deg);
    -ms-transform: skew(30deg, -30deg);
    transform: skew(30deg, -30deg);
    top: -60rem;
    z-index: 7;
}

@media only screen and (min-width: 1700px) {
    .buzz .arrow-right {
        width: 120rem;
        height: 120rem;
        right: -65rem;
        top: -55rem;
    }
}

@media only screen and (max-width: 1200px) {
    .buzz h2 {
        z-index: 9;
        position: relative;
    }
}



@media only screen and (max-width: 992px) {
    .buzz .arrow-right {
        display: none;
    }

    .BBCCarousel-mask {
        width: 90%;
    }

    .BBCCarousel-car {
        width: 100% !important;
        left: 0 !important;
    }

    .BBCCarousel-pane {
        width: 100%;
    }

    .buzz .buzz-head {
        width: 75%;
    }
}

@media only screen and (max-width: 768px) {
    .BBCCarousel-mask {
        width: 100%;
    }

    .BBCCarousel-pane-title {
        font-size: 16px;
        padding: 0;
    }

    .BBCCarousel-arrow {
        top: 24rem;
        width: 40px;
        height: 40px;
    }

    .BBCCarousel-pane-title {
        bottom: 20px;
        left: 57px;
        right: 57px;
    }

    .buzz {
        padding: 80px 0 0px 0;
    }
}

@media only screen and (max-width: 576px) {

    .BBCCarousel-pane img {
        width: 100%;
        height: auto;
    }

    .BBCCarousel-pane-title {
        bottom: 0px;
        left: 0px;
        right: 0px;
        background-color: #e2e2e2;
        font-size: 14px;
        padding: 10px 5px;
    }

    .BBCCarousel-arrow--next {
        right: 0px;
        top: 14rem;
        background-color: #00000054;
    }

    .BBCCarousel-arrow--previous {
        left: 0px;
        top: 14rem;
        background-color: #00000054;
    }

    .buzz h2 {
        font-size: 10rem;
    }

    .BBCCarousel-pane {
        height: 300px;
    }

    .BBCCarousel-car {
        height: 300px;
    }

    .BBCCarousel-mask {
        height: 300px;
    }

    .BBCCarousel {
        height: 300px;
    }
}

@media only screen and (max-width: 368px) {
    .BBCCarousel-pane-title {
        bottom: 50px;
    }

    .BBCCarousel-arrow {
        width: 30px;
        height: 30px;
    }

    .BBCCarousel-arrow--previous,
    .BBCCarousel-arrow--next {
        top: 11rem;
    }
}

/*--------------------------end buzz------------------------*/


















/*---------------------------START FOOTER SECTION---------------------------------  */

.footer-sec {
    /*    background-image: url(../IMAGES/IMG_5100for-web.jpg);*/
    background-image: -o-linear-gradient(rgba(86, 80, 99, 0.9), rgba(86, 80, 99, 0.9)), url(../IMAGES/IMG_5100for-web.jpg);
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(86, 80, 99, 0.9)), to(rgba(86, 80, 99, 0.9))), url(../IMAGES/IMG_5100for-web.jpg);
    background-image: linear-gradient(rgba(86, 80, 99, 0.9), rgba(86, 80, 99, 0.9)), url(../IMAGES/IMG_5100for-web.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 620px;

}

.footer-sec .footer-up {
    padding-top: 75px;
}

.footer-sec .footer-up .bg-light {
    background-color:
        #fff !important;
}

.footer-sec .footer-up .frm h1 {
    font-size: 22px;
    padding: 30px 0px 25px;
    color: #575264;
    letter-spacing: 0.5px;
}

.footer-sec .footer-up .form-control {
    display: block;
    width: 100%;
    padding: .375rem .75rem;
    font-size: 14px;
    line-height: 1.5;
    color: #000;
    background-color: #eaeaea;
    background-clip: padding-box;
    border: none !important;
    border-radius: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.footer-sec .footer-up .btn-block {
    width: 50% !important;
    background-color: #575264;
}

.footer-sec .footer-up .btn {
    display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: none !important;
    padding: 12px 0px !important;
    font-size: 22px;
    line-height: 1.5;
    border-radius: none !important;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.footer-sec .footer-up .ftr-list-1,
.footer-sec .ftr-list-2 {
    float: right;
}

.footer-up .ftr-list-1 li,
.ftr-list-2 {
    list-style: none;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}

.footer-up .ftr-list-1 li:hover {
    padding-left: 5px;
}

.footer-up .ftr-list-2 li {
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}

.footer-up .ftr-list-2 li:hover {
    padding-left: 5px;
}

.footer-sec .footer-up .ftr-list-1 li a,
.footer-sec .footer-up .ftr-list-2 li a {
    text-decoration: none;
    font-size: 14px;
    color: #fff;
    line-height: 40px;
    font-weight: 500;
    letter-spacing: 0.5px;
}

.footer-sec .footer-up .ftr-list-1 li a:hover,
.footer-sec .footer-up .ftr-list-2 li a:hover {
    color: #e1e1e1;
}

.footer-sec .footer-up .ftr-list-1 li a h3,
.footer-sec .footer-up .ftr-list-2 li h3,
.footer-sec .ftr-list-3 h3 {
    font-size: 22px;
    color: #fff;
    padding-bottom: 30px;
    font-weight: 500;
}

.footer-sec .ftr-list-3 {
    float: right;
}

.footer-sec .ftr-list-3 h5 {
    font-size: 16px;
    color: #fff;
    padding-bottom: 20px;
    font-weight: 500;
}

.footer-sec .ftr-list-3 p {
    font-size: 14px;
    color: #fff;
    font-weight: 500;
    line-height: 25px;
    padding-bottom: 25px;
    letter-spacing: 0.5px;
}

.footer-sec .ftr-list-3 .num {
    color: #fff;
    font-size: 20px;
    text-decoration: none;
}

.footer-sec .num span {
    font-size: 20px;
}

.footer-sec .ftr-list-3 .ftr-icon {
    padding-top: 30px;
}

.footer-sec .ftr-list-3 .ftr-icon li {
    list-style: none;
    display: inline-block;
}

.footer-sec .ftr-icon .social-icon {
    font-size: 20px;
    width: 35px;
    height: 35px;
    display: inline-block;
    border-radius: 50%;
    line-height: 35px;
    background-color: #fff;
    text-align: center;
    font-variant-caps: 16px;
    color: #575264;
    margin-left: 10px;
}

.footer-sec .ftr-icon .social-icon:hover {
    background-color: #575264;
    color: #fff;
    -webkit-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .5s ease-out;
}

.footer-sec .footer-down {
    text-align: center;
    padding-top: 65px;
}

.footer-sec .footer-down p {
    color: #fff;
    font-size: 14px;
}





@media only screen and (max-width:992px) {

    .footer-sec .footer-up .ftr-list-1,
    .footer-sec .ftr-list-2,
    .footer-sec .ftr-list-3 {
        float: left;
        margin-top: 5rem;
    }

    .footer-sec .footer-down {
        padding: 6rem 0 4rem;
    }

    .footer-sec .footer-up .form-control {
        padding: 2.375rem 0.75rem;
        margin: 1px 0px;
    }

    .footer-sec .footer-up .btn {
        margin-top: 2rem;
    }
}

@media only screen and (max-width:576px) {
    .footer-sec .footer-up .btn {
        margin-bottom: 3rem;
    }

    .footer-sec .footer-up {
        margin: 0 10px;
    }
}

/*---------------------------END FOOTER SECTION---------------------------------  */

















/*------------------back to top--------------*/
.btn-back-to-top p {
    white-space: nowrap;
    -webkit-writing-mode: tb-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: tb-rl;
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);
    color: #fff;
    position: absolute;
    left: 10%;
    top: 30%;
    font-weight: 50;
    font-size: 16px;
    letter-spacing: 1px;
}

.btn-back-to-top {
    display: none;
    position: fixed;
    width: 40px;
    height: 100px;
    bottom: 100px;
    right: 20px;
    background-color: none;
    opacity: 1;
    z-index: 1000;
}

.btn-back-to-top .arrow {
    position: absolute;
    top: 0%;
    left: 50%;
    margin-top: -40px;
    margin-left: -63px;
    display: inline-block;
    font-size: 26px;
    color: #fff;
    text-align: center;
    width: 120px;
    height: 60px;
    line-height: 60px;
    overflow: hidden;
    text-transform: uppercase;
    cursor: pointer;
    -webkit-transition: width 0.5s ease-in-out, margin 0.5s ease-in-out, border-radius 1s 0.25 ease-in-out, color 0.25s ease-in-out 0.25s;
    -o-transition: width 0.5s ease-in-out, margin 0.5s ease-in-out, border-radius 1s 0.25 ease-in-out, color 0.25s ease-in-out 0.25s;
    transition: width 0.5s ease-in-out, margin 0.5s ease-in-out, border-radius 1s 0.25 ease-in-out, color 0.25s ease-in-out 0.25s;
}

.btn-back-to-top .arrow:before {
    position: absolute;
    display: inline-block;
    content: "";
    background: #fff;
    width: 2.5px;
    height: 100px;
    top: 50%;
    left: 50.5%;
    margin-top: -8px;
    margin-left: -3px;
    -webkit-transform: translateY(50px);
    -ms-transform: translateY(50px);
    transform: translateY(50px);
    -webkit-animation: lineUp 1s cubic-bezier(0, 0.6, 1, 0.4) infinite 0.5s;
    animation: lineUp 1s cubic-bezier(0, 0.6, 1, 0.4) infinite 0.5s;
}

.btn-back-to-top .arrow:after {
    position: absolute;
    display: inline-block;
    content: "";
    width: 10px;
    height: 10px;
    color: #fff;
    border-top: 3px solid #fff;
    border-left: 3px solid #fff;
    -webkit-transform: rotateZ(45deg);
    -ms-transform: rotate(45deg);
    transform: rotateZ(45deg);
    top: 48%;
    left: 55.5%;
    margin-top: -6px;
    margin-left: -13px;
    -webkit-transform: translateY(50px) rotateZ(45deg);
    -ms-transform: translateY(50px) rotate(45deg);
    transform: translateY(50px) rotateZ(45deg);
    -webkit-animation: tipUp 1s cubic-bezier(0, 0.6, 1, 0.4) infinite 0.5s;
    animation: tipUp 1s cubic-bezier(0, 0.6, 1, 0.4) infinite 0.5s;
}

@-webkit-keyframes tipUp {
    0% {
        -webkit-transform: translateY(50px) rotateZ(45deg);
        transform: translateY(50px) rotateZ(45deg);
    }

    100% {
        -webkit-transform: translateY(-70px) rotateZ(45deg);
        transform: translateY(-70px) rotateZ(45deg);
    }
}

@keyframes tipUp {
    0% {
        -webkit-transform: translateY(50px) rotateZ(45deg);
        transform: translateY(50px) rotateZ(45deg);
    }

    100% {
        -webkit-transform: translateY(-70px) rotateZ(45deg);
        transform: translateY(-70px) rotateZ(45deg);
    }
}

@-webkit-keyframes lineUp {
    0% {
        -webkit-transform: translateY(50px);
        transform: translateY(50px);
    }

    100% {
        -webkit-transform: translateY(-70px);
        transform: translateY(-70px);
    }
}

@keyframes lineUp {
    0% {
        -webkit-transform: translateY(50px);
        transform: translateY(50px);
    }

    100% {
        -webkit-transform: translateY(-70px);
        transform: translateY(-70px);
    }
}



/*---------------scroll to down-------------------*/
#scroll-down {
    display: block;
    /* position: relative;*/
    padding-top: 79px;
    text-align: center;
}

.scrollbtn {
    position: absolute;
    left: 95%;
    top: 12%;
    z-index: 99;
}

#scroll-title {
    position: absolute;
    left: 3%;
    white-space: nowrap;
    -webkit-writing-mode: tb-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: tb-rl;
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
    color: #8f7e6b;
    letter-spacing: 1px;
    font-size: 18px;
}

#scroll-down {
    position: absolute;
    left: 5px;
    top: 85px;
    color: #000;
}

.scrollbtn .arrow-down {
    display: block;
    margin: 0 auto;
    width: 10px;
    height: 38px;
}

.scrollbtn .arrow-down:after {
    content: '';
    display: block;
    margin: 0;
    padding: 0;
    width: 10px;
    height: 10px;
    border-top: 2px solid #8f7e6b;
    border-right: 2px solid #8f7e6b;
    behavior: url(-ms-transform.htc);
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg);
}

#scroll-title {
    display: block;
    text-transform: uppercase;
    color: #8f7e6b;
    font-family: Humanst521 lt BT light;
    font-size: 16px;
    letter-spacing: 1px;
    position: absolute;
    left: 70%;
    top: 0%;
}

#scroll-down::before {
    -webkit-animation: elasticus 1.2s cubic-bezier(1, 0, 0, 1) infinite;
    animation: elasticus 1.2s cubic-bezier(1, 0, 0, 1) infinite;
    position: absolute;
    top: 0px;
    left: 50%;
    margin-left: -1px;
    width: 2px;
    height: 90px;
    background: #8f7e6b;
    content: ' ';
}

@-webkit-keyframes elasticus {
    0% {
        -webkit-transform-origin: 0% 0%;
        -ms-transform-origin: 0% 0%;
        transform-origin: 0% 0%;
        -webkit-transform: scale(1, 0);
        -ms-transform: scale(1, 0);
        transform: scale(1, 0);
    }

    50% {
        -webkit-transform-origin: 0% 0%;
        -ms-transform-origin: 0% 0%;
        transform-origin: 0% 0%;
        -webkit-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        transform: scale(1, 1);
    }

    50.1% {
        -webkit-transform-origin: 0% 100%;
        -ms-transform-origin: 0% 100%;
        transform-origin: 0% 100%;
        -webkit-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        transform: scale(1, 1);
    }

    100% {
        -webkit-transform-origin: 0% 100%;
        -ms-transform-origin: 0% 100%;
        transform-origin: 0% 100%;
        -webkit-transform: scale(1, 0);
        -ms-transform: scale(1, 0);
        transform: scale(1, 0);
    }
}

@keyframes elasticus {
    0% {
        -webkit-transform-origin: 0% 0%;
        -ms-transform-origin: 0% 0%;
        transform-origin: 0% 0%;
        -webkit-transform: scale(1, 0);
        -ms-transform: scale(1, 0);
        transform: scale(1, 0);
    }

    50% {
        -webkit-transform-origin: 0% 0%;
        -ms-transform-origin: 0% 0%;
        transform-origin: 0% 0%;
        -webkit-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        transform: scale(1, 1);
    }

    50.1% {
        -webkit-transform-origin: 0% 100%;
        -ms-transform-origin: 0% 100%;
        transform-origin: 0% 100%;
        -webkit-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        transform: scale(1, 1);
    }

    100% {
        -webkit-transform-origin: 0% 100%;
        -ms-transform-origin: 0% 100%;
        transform-origin: 0% 100%;
        -webkit-transform: scale(1, 0);
        -ms-transform: scale(1, 0);
        transform: scale(1, 0);
    }
}





@media (max-width: 992px) {
    .scrollbtn {
        display: none;
    }
}

@media (max-width: 576px) {
    .btn-back-to-top {
        bottom: 50px;
        right: 10px;
    }
}