@charset "utf-8";
/* CSS Document */

@import url('bootstrap.min.css');
@import url('fontawesome.min.css');
@import url('feathericon.css');
@import url('animate.min.css');
@import url('owl.carousel.min.css');
@import url('jquery.mCustomScrollbar.min.css');
@import url('swiper-slider.css');
@import url('video-js.min.css');
@import url('mediaelementplayer.min.css');
@import url('magnific-popup.css');
@import url('normal.css');

/*
.loaded{
    overflow: visible;
} */
.overflow-visible{
    overflow: visible !important;
}
/*----------drodpown----------*/
.dropdown-toggle::after{
    display: none;
}
.dropdown-menu {
    display: block;
    opacity: 0;
    visibility: hidden;
    transition: all 0.5s ease;
    transform: translateY(20%) !important;
}
.dropdown-menu.show {
    opacity: 1;
    transform: translateY(5%) !important;
    visibility: visible;
}

/*------------Header--------------*/
.header-wrapper.account-logined{
    background-color: #fff;
}
.header-wrapper {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 1001;
    padding: 20px 40px;
    transition: 0.5s;
    /* background-color: #00AE86; */
}
.header-wrapper > .container-fluid{
    padding: 0;
}
.header-part {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.header-wrapper.is-sticky {
    background-color: rgba(255,255,255,1);
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.16);
}
.inner-page-navbar {
    background-color: #27282c;
}
.logo-part {
    min-width: 92px;
}
.logo-part a{
    display: block;
}
.logo-part a img {
    display: block;
}
.logo-part a img.logo_white{
    display: none;
}
.header-dark .logo-part a img.logo_white{
    display: block;
}
.header-dark .logo-part a img.logo_brown{
    display: none;
}
.header-dark.is-sticky .logo-part a img.logo_white{
    display: none;
}
.header-dark.is-sticky .logo-part a img.logo_brown{
    display: block;
}
.header-menu ul li{
    position: relative;
}
.header-menu ul li a{
    font-size: 14px;
    color: #292929;
    text-transform: uppercase;
    position: relative;
    display: block;
    font-family: 'Montserrat-Medium' !important;
    border-radius: 3px;
    padding: 5px 12px;
}
.header-menu ul li a:hover, .header-dark.is-sticky .header-menu ul li a {
    color: #6d7e5c;
}
.header-menu ul li a::before{
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: -8px;
    background: url('../images/green-bar.svg') no-repeat 0 0 / 100%;
    width: 80%;
    margin: auto;
    height: 8px;
    opacity: 0;
    visibility: hidden;
    transition: all 0.5s ease-in-out;
}
.header-menu ul li.current-menu-item a::before,
.header-menu ul li a:hover::before{
    opacity: 1;
    visibility: visible;
}
.header-dark .header-menu ul li a{
    color: #fff;
}
.header-dark.is-sticky .header-menu ul li a{
    color: #292929;
}
.header-dark.is-sticky .header-menu ul li a:hover {
    color: #6d7e5c;
}
.sidebar-part {
    position: fixed;
    width: 100%;
    height: 100vh;
    background: #fff;
    padding: 20px;
    right: 0;
    top: 0%;
    overflow-x: hidden;
    z-index: 99;
    opacity: 0;
    visibility: hidden;
    transition: 0.5s;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
}
.sidebarinner{
    height: calc(100vh - 80px);
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    padding-top: 80px;
}
.sidebar-part.active{
    top: 0;
    opacity: 1;
    visibility: visible;
}
/* body.sidebar__active {
    overflow: hidden;
} */
.siderbar-header{
    position: absolute;
    width: 100%;
    left: 0;
    padding: 0 40px;
}

.sidebar-logo img{
    display: block;
}
.close-menu {
    text-align: center;
    padding-top: 20px;
    font-size: 24px;
    display: block;
    line-height: 1;
    color: #292929;
}
.close-menu:hover {
    color: #292929;
}
.toggle-btn a {
    display: block;
    margin-left: 12px;
}
.toggle-btn a svg{
    color: #434343;
    fill: #434343;
}
.header-dark .toggle-btn a svg{
    color: #FFFFFF;
    fill: #FFFFFF;
}
.header-dark.is-sticky .toggle-btn a svg{
    color: #434343;
    fill: #434343;
}
.nav-bar{
    display: inline-block;
}
.nav-bar li a {
    font-family: 'LeagueGothic-Regular';
    color: #292929;
    position: relative;
    display: block;
    font-weight: normal;
    text-align: center;
    font-size: 60px;
    line-height: 1.2;
    text-transform: capitalize;
}
.account-right li:first-child{
    margin-left: 0px;
}
.account-right li{
    position: relative;
    margin-left: 10px;
}
.header-btn{
    color: #00ae86;
    position: relative;
    display: block;
    font-family: 'Montserrat-Regular';
    letter-spacing: 0.3px;
    border-radius: 3px;
    font-size: 14px;
    padding: 8px 25px;
    background-color: #fff;
}
.header-btn i{
    display: none;
}
.menu-overlay-bg {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.2);
    z-index: 1;
    opacity: 0;
    visibility: hidden;
    transition: 0.5s;
}
.menu-overlay-bg.active{
	opacity: 1;
    visibility: visible;
}

.header-user-dropdown {
    display: flex;
    align-items: center;
    justify-content: center;
}
.user-header-image {
    width: 36px;
    height: 36px;
    border-radius: 50%;
}
.user-dropdown-icon{
    color: #fff;
    font-size: 13px;
}
.user-header-name {
    color: #fff;
    position: relative;
    font-family: 'Montserrat-Regular';
    letter-spacing: 0.3px;
    border-radius: 3px;
    font-size: 14px;
    padding: 5px 12px;
    display: inline-block;
    margin-bottom: 0;
    max-width: 125px;
    overflow: hidden;
    text-overflow: ellipsis;
}
.user-dropdown-arrow{
    font-size: 12px;
    color: #fff;
}
.header-profile-dropdown .dropdown-menu:before {
    background-image: url(../images/dropdown-arrow.png);
    position: absolute;
    content: '';
    top: -11px;
    right: 10px;
    width: 17px;
    height: 13px;
    background-repeat: no-repeat;
}
.header-profile-dropdown .dropdown-menu {
    border: none;
    min-width: 200px;
    -webkit-box-shadow: 0px 0px 22px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 0px 22px rgba(0, 0, 0, 0.3);
    border-radius: 5px;
    right: -2px;
    left: initial;
    padding: 0;
}
.profile-dropdown-link {
    padding: 10px 4px;
}
.profile-dropdown-link a {
    font-family: 'Montserrat-Bold';
    font-size: 13px;
    letter-spacing: 0.2px;
    color: #4f4f4f;
    display: inline-block;
    width: 100%;
    padding: 8px 16px;
}
.profile-dropdown-link a:hover {
    color: #00AE86;
    padding-left: 20px;
}





/*---------------login-page---------------*/
.page-ath-wrap {
    display: flex;
    min-height: 100vh
}

.page-ath-logo{
    display: inline-block;
    width: 100%;
    margin-bottom: 35px;
    text-align: center;
}
.page-ath-logo img{
    max-width: 180px;
}
.page-ath-heading {
    font-size: 26px;
    font-family: 'Montserrat-SemiBold';
    color: #121212;
    line-height: 1.2;
    text-align: center;
    margin-bottom: 35px;
}

.page-ath-heading small {
    display: block;
    font-family: 'Montserrat-Regular';
    font-size: 0.66em;
    color: #495463;
    letter-spacing: normal;
    margin-top: 10px
}

.page-ath-heading span {
    display: block;
    font-family: 'Montserrat-Regular';
    font-size: 0.61em;
    color: #495463;
    letter-spacing: normal;
    line-height: 1.62;
    padding-top: 15px
}



.page-ath-form {
    width: 460px;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding: 30px 50px;
}

.page-ath-header {
    padding-top: 40px
}

.page-ath-footer {
    padding-bottom: 30px
}
.page-ath-content {
    background: #fff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 40%;
}
.page-ath-gfx {
    background-size: cover;
    background-position: 50% 50%;
    position: relative;
    display: flex;
    align-items: center;
    width: 60%;
}
.forgot-link a{
    color: #121212;
    font-family: 'Montserrat-SemiBold';
    letter-spacing: 0.3px;
}
.form-control:disabled, 
.form-control[readonly] {
    background-color: #e4e6e9;
    opacity: 1;
}
.mt-btn {
    margin-top: 35px;
}
.form-footer-link p {
    color: #4e4e4e;
    font-size: 14px;
    letter-spacing: 0.5px;
    font-family: 'Montserrat-SemiBold';
}
.form-footer-link p a {
    color: #00ae86;
}
.forgot-link a {
     font-size: 14px;
    color: #121212;
    font-family: 'Montserrat-SemiBold';
    letter-spacing: 0.3px;
}
.login-btn{
    background-color: #00ae86;
    color: #fff;
    font-family: 'Roboto', sans-serif;
    display: inline-block;
    padding: 12px 32px;
    border: none;
    border-radius: 6px;
    font-size: 14px;
    transition: 0.5s;
    text-align: center;
    text-transform: capitalize;
}


    /*-----login-center-----*/
    .page-ath-center{
        position: relative;
    }
    .page-ath-center .page-ath-gfx{
        position: absolute;
        width: 100%;
        height: 100%;
    }
    .page-ath-center .page-ath-content{
        z-index: 1;
        position: relative;
        width: 100%;
        background-color: rgba(0,0,0,0.3);
        align-items: center;
    }
    .page-ath-center .page-ath-form{
        background-color: #fff;
        box-shadow: 0px 4px 8px rgba(0,0,0,0.3);
        border-radius: 6px;
        margin: 30px;
        max-width: 460px;
        width: 95%;
    }




/*------content-area------*/
/*.content-warp {
    min-height: calc(100vh - 57px);
}
*/



/*-------------footer----------*/
.footer-warp{
    background: #6D7E5C;
    padding: 96px 0;
}
.footer-col{
    margin-bottom: 62px;
}
.footer-title{
    font-family: 'Montserrat-Medium';
    color: #fff;
    margin-bottom: 28px;
}
.footer-logo{
    min-width: 212px;
    max-width: 212px;
    display: block;
    margin: 0 0 48px;
    text-align: center;
}
.footer-logo br{
    display: none;
}
.col-6.footer-right-menu{
    position: relative;
    right: -30px;
}
.footer-link li a{
    color: #fff;
    font-family: 'Montserrat-Regular';
    margin-bottom: 12px;
    display: inline-block;
    text-transform: capitalize;
}
/*ul.f-info-link {
    max-width: 170px;
}*/
.f-info-link li a{
    color: #fff;
    font-family: 'Montserrat-Regular';
    margin-bottom: 8px;
    display: inline-block;
}
.f-info-link li a i {
    margin-right: 15px;
    position: relative;
    top: 4px;
    text-align: center;
    min-width: 16px;
    max-width: 16px;
}
.footer-social{
    max-width: 212px;
    text-align: center;
}
.footer-social li {
    display: inline-block;
}
.footer-social li a {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    font-size: 14px;
    color: #6d7e5c;
    background-color: #fff;
    padding: 0px 4px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.footer-num{
    max-width: 212px;
    margin-top: 24px;
    text-align: center;
}
.footer-num p{
    font-size: 14px;
    color: #FFFFFF;
    margin-bottom: 0;
}
.f-info-link li a{
    display: flex;
}
.footer-copyright{
    padding: 20px 0;
    background-color: #fff;
}
.footer-copyright p {
    font-size: 12px;
    margin: 0;
    color: #292929;
    text-align: center;
}
.footer-copyright p a {
    font-size: 12px;
    color: #6D7E5C;
}

/*-------default-content-------*/
.default-content-area {
    padding: 30px;
    background-color: #fff;
    box-shadow: 0px 0px 15px rgba(0,0,0,0.16);
    border-radius: 6px;
}
.content-area {
    margin-bottom: 30px;
}
.default-content-area h4 {
    font-size: 28px;
    font-family: 'Montserrat-SemiBold';
    margin-bottom: 20px;
}
.default-content-area h4 span {
    color: #000;
}
.content-area h6 {
    font-size: 15px;
    color: #333;
    font-family: 'Montserrat-SemiBold';
    letter-spacing: 0.5px;
    margin-bottom: 5px;
    line-height: 25px;
}
.content-area ul {
    padding-left: 20px;
}
.content-area li{
    list-style: initial;
}
.content-area p, 
.content-area li {
    letter-spacing: 0.3px;
    font-size: 14px;
    color: #8e8c8c;
    margin-bottom: 8px;
    font-family: 'Montserrat-Regular';
    line-height: 24px;
}
.content-area a {
    font-family: 'Montserrat-SemiBold';
    color: #2660a4;
}

.full-modal-dialog{
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
    height: 100%;
    pointer-events: inherit;
    position: relative;
}
.popupVideo-modal-box {
    height: 100%;
    position: relative;
    /* z-index: -1; */
}
.popupVideo-modal-box .plyr--video {
    height: 100%;
}

.close-popupvideo{
    position: absolute;
    right: 40px;
    top: 40px;
    width: 50px;
    height: 50px;
    text-align: center;
    color: #fff;
    font-size: 14px;
    z-index: 1;
}
.close-popupvideo:hover{
    color: #fff;
}

.modal-open.fullvideobody .modal.modal-static .modal-dialog {
    -webkit-transform: none;
    transform: none;
}

.banner-part{
    min-height: 910px;
    /* height: 100vh; */
    padding-top: 110px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    position: relative;
    overflow: hidden;
}
.video-js .vjs-tech{
    object-fit: cover;
}
.home-banner{
    position: relative;
    min-height: 910px;
    overflow: hidden;
    z-index: 1002;
    background-color: #fff;
}
.loaded .home-banner{
	z-index: inherit;
	background-color: transparent;
}
.home-left-content {
    position: relative;
    z-index: 1;
    margin-bottom: 130px;
}
.banner-title{
    opacity: 0;
    visibility: hidden;
    padding-left: 34px;
}
.banner-title-animation{
    opacity: 0;
    visibility: hidden;
}
.banner-title.animate__fadeInDownBig, .banner-title-animation.animate__fadeInDownBig{
    opacity: 1;
    visibility: visible;
    -webkit-animation-name: fadeInDownBig !important;
    animation-name: fadeInDownBig !important;
}

.down-arrow-icon{
    position: absolute;
    bottom: 120px;
    left: 50%;
    margin-left: -25px;
    display: block;
    z-index: 1;
    height: auto;
    color: #6d7e5c;
    font-size: 50px;
    line-height: 1;
    -webkit-animation: ca3_fade_move_down 2s ease-in-out infinite;
	-moz-animation:    ca3_fade_move_down 2s ease-in-out infinite;
	animation:         ca3_fade_move_down 2s ease-in-out infinite;
}

@-webkit-keyframes ca3_fade_move_down {
    0%   { -webkit-transform:translateY(-20px); opacity: 0;  }
    50%  { opacity: 1;  }
    100% { -webkit-transform:translateY(20px); opacity: 0; }
  }
  @-moz-keyframes ca3_fade_move_down {
    0%   { -moz-transform:translateY(-20px); opacity: 0;  }
    50%  { opacity: 1;  }
    100% { -moz-transform:translateY(20px); opacity: 0; }
  }
  @keyframes ca3_fade_move_down {
    0%   { transform:translateY(-20px); opacity: 0;  }
    50%  { opacity: 1;  }
    100% { transform:translateY(20px); opacity: 0; }
  }
.hb-right-col{
    position: static;
}
.home-banner-right{
    position: absolute;
    top: 0px;
    z-index: 99999;
}

.home-banner-right.hbr-added {
    z-index: 1;
}

.svg-rect-square{
    opacity: 0;
    visibility: hidden;
    transition:all 1s ease-in-out;
}
.rect-show .svg-rect-square{
    opacity: 1;
    visibility: visible;
}
.svg-continent-map{
    z-index: 99999;
    transition:all 1s ease-in-out;
}
.svg-continent-map svg{
    max-height: 818px;
}
/* .hbr-added .svg-continent-map{
    display: none;
}
.hbr-added .continent-map-imgwhite{
    opacity: 1;
    visibility: visible;
}
.hbr-added .continent-map-img{
    opacity: 1;
    visibility: visible;
} */

.home-cm-all{
    position: absolute;
    top: 0px;
    /* height: 818px; */
    /* height: calc(100% - 139px); */
    width: 572px;
    right: 0;
    left: 295px;
    margin: auto;
    height: 100%;
}
.continent-map-imgwhite,.continent-map-img{
    opacity: 0;
    visibility: hidden;
    transition:opacity 1s ease-in-out;
}
.continent-map-imgwhite{
    background: url("../images/home/continent-map-white.png") no-repeat left top;
    /*background: url(https://s28.postimg.org/3z90275y5/yg_Vp_JMP.jpg) no-repeat left top;*/
    background-size: 100%;
    position: absolute;
    top: 0;
    height: 100%;
}
.continent-map-img{
    position: absolute;
    -webkit-mask: url(https://i.imgur.com/AYJuRke.png);
    /*-webkit-mask: url(https://veuwer.com/i/3fxb.png);*/
    -webkit-mask-size: 3000% 100%;
    /* -webkit-animation: mask-playzero 2s steps(29) ; */
    height: 100%;
}
.continent-map-img:before{
    content: '';
    /*background: url("../images/home/continent-map.png") no-repeat left top;
    /*background: url(https://s22.postimg.org/urrt8jfq9/d_JLNh_FN.jpg) no-repeat left top;*/
    background-size: 100%;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
}
.svg-continent-map.scm-show{opacity: 0;visibility: hidden;}
.continent-map-imgwhite.cmw-show, .continent-map-img.cm-show{
    opacity: 1;visibility: visible;
}
.continent-map-img.cm-show{
    -webkit-animation: mask-playzero 1s steps(29);
    animation: mask-playzero 1s steps(29);
}
.continent-map-img.cm-show.cm-maskhide{-webkit-mask: none;mask: none;}

@-webkit-keyframes mask-playzero {
    from {
        -webkit-mask-position: 0 0;
        -ms-mask-position: 0 0;
        -moz-mask-position: 0 0;
        -o-mask-position: 0 0;
        mask-position: 0 0;
    }
    to {
        -webkit-mask-position: 100% 0;
        -ms-mask-position: 100% 0;
        -moz-mask-position: 100% 0;
        -o-mask-position: 100% 0;
        mask-position: 100% 0;
    }
}
@keyframes mask-playzero {
    from {
        -webkit-mask-position: 0 0;
        -ms-mask-position: 0 0;
        -moz-mask-position: 0 0;
        -o-mask-position: 0 0;
        mask-position: 0 0;
    }
    to {
        -webkit-mask-position: 100% 0;
        -ms-mask-position: 100% 0;
        -moz-mask-position: 100% 0;
        -o-mask-position: 100% 0;
        mask-position: 100% 0;
    }
}
.hbr-added .continent-map-imgwhite{
    display: block;
}
.hb-right-colinner{
    position: relative;
    text-align: right;
}
.hb-right-box {
    position: relative;
    right: 22px;
    top: -60px;
    display: inline-block;
    width: 288px;
    height: 450px;
}
.hb-videobtn{
    position: absolute;
    top: 40%;
    right: 25%;
    z-index: 1;
    opacity: 0;
    visibility: hidden;
}
.hb-videobtn.active{
    opacity: 1;
    visibility: visible;
}
.koffieplant{
    position: absolute;
}
.kp-lb{
    left: 0;
    bottom: 0;    
}
.kp-lt{
    left: 0;
    top: 0;
}
.kp-rb{
    right: 0;
    bottom: 0; 
}
.kp-rt{
    right: 0;
    top: 0;
}
.top{
    top: 0 !important;
}
.bottom{
    bottom: 0 !important;
}



.hb-koffieplant{
    left: -72px !important;
    bottom: 0px !important;
    transform: translate(-100%, 100%) rotate3d(0, 0, 5, 50deg);
}
.hb-koffieplant.show{
    transform: translate(0%, 0%) rotate3d(0, 0, 1, 0deg);
}

.title-part{
    margin-bottom: 40px;
}
.title-part h2{
    color: #292929;
    line-height: 1;
}
.title-part h3{
    font-family: 'LeagueGothic-Regular';
    text-transform: capitalize;
    margin-bottom: 0;
}
.title-border-line{
    background: url('../images/green-bar.svg') no-repeat 0 0 / auto 100%;
    width: 256px;
    height: 16px;
    margin-top: 8px;
    transition: width 0.5s ease;
}
.animate__widthTitleBorder{
    -webkit-animation-name: widthTitleBorder;
    animation-name: widthTitleBorder;
}
.animate__widthTitleBorder238{
    -webkit-animation-name: widthTitleBorder238;
    animation-name: widthTitleBorder238;
}
.animate__widthTitleBorder200{
    -webkit-animation-name: widthTitleBorder200;
    animation-name: widthTitleBorder200;
}
@-webkit-keyframes widthTitleBorder {
    from {
        width: 0;
    }
  
    to {
        width: 256px;
    }
}
@keyframes widthTitleBorder {
    from {
        width: 0;
    }
  
    to {
        width: 256px;
    }
}

@-webkit-keyframes widthTitleBorder238 {
    from {
        width: 0;
    }
  
    to {
        width: 238px;
    }
}
@keyframes widthTitleBorder238 {
    from {
        width: 0;
    }
  
    to {
        width: 238px;
    }
}
@-webkit-keyframes widthTitleBorder200 {
    from {
        width: 0;
    }
  
    to {
        width: 200px;
    }
}
@keyframes widthTitleBorder200 {
    from {
        width: 0;
    }
  
    to {
        width: 200px;
    }
}
.video-section{
    overflow: hidden;
    position: relative;
}

.col-content-vidz {
    position: relative;
    display: inline-block;
}
.video-leftpart {
    padding-left: calc(100% - 86.73091178650852%);
}
.col-content-vidz:before{
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    background: #6D7E5C;
    width: 90%;
    height: 100%;
}
.video-img-right{
    display: inline-block;
    position: relative;
    padding: 48px 72px;
    padding-left: 0 !important;
}
.video-img{
    position: relative;
}
.video-img::before{
    content:'';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(101, 88, 73, 0.56);
}
.remove-ovarbg::before{
    display: none !important;
}
.video-paybtn{
    font-size: 14px;
    color: #fff;
    white-space: nowrap;
    display: flex;
    align-items: center;
}
.video-paybtn:hover, .video-paybtn:focus{
    color: #fff;
}
.video-paybtn span{
    width: 50px;
    height: 50px;
    border:1px solid #fff;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 24px;
}
.video-img-right .video-paybtn{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
.v-coffee-stain {
    bottom: 30px;
}
.v-coffee-stain span{
    left: 28px !important;
    bottom: -50px !important;
    display: inline-block !important;
}
.v-coffee-stain.home-v-coffee-stain span{
    bottom: 62px !important;
}

.section-pls{
    position: relative;
    overflow: hidden;
}
.pls-map{
    content: '';
    position: absolute;
    top: 110px;
    right: 0;
    background: url('../images/home/continent-map.svg') no-repeat 20px 0;
    width: 482px;
    height: 650px;
    background-size: 100% 100%;
}

.pls-img-block{
    max-width: 296px;
    margin-bottom: 40px;
    background: #fff;
    border-radius: 4px;
    box-shadow: 0px 3px 6px #00000029;
    transition: all .45s ease-in-out;
}
.pls-imginner{
    overflow: hidden;
    border-radius: 4px 4px 0 0;
}
.pls-img-block img{
    width: 100%;
    border-radius: 4px 4px 0 0;
    transition: all .45s ease-in-out;
}
.pls-img-block:hover{
    transform: scale(1.05);
}
/* .pls-img-block:hover img{
    transform: scale(1.2);
} */
.pls-img-content{
    padding: 24px 25px;
    position: relative;
}
.pls-img-content h6{
    color: #292929;
    margin-bottom: 0;
    font-family: 'Montserrat-Regular';
}
.pls-img-content:before{
    content: '\f054';
    position: absolute;
    right: 24px;
    top: 50%;
    transform: translateY(-50%);
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    color: #6D7E5C;
}
.count-section{
    position: relative;
}
.count-coffee-stain{
    top: -3px !important;
    left: -10px !important;
    transform: translate(-100%, 0%) rotate3d(0, 0, 5, 80deg);
}
.count-coffee-stain.show{
    transform: translate(0%, 0%) rotate3d(0, 0, 1, 0deg);
}

.count-map{
    position: absolute;
    right: 10px;
    top: 10;
}
.count-col{
    text-align: center;
}
.count-icon {
    margin-bottom: 10px;
    min-height: 42px;
}
.count-col h3{
    font-family: 'Montserrat-Light';
}
.count-col p{
    font-size: 14px;
    margin-bottom: 0;
}

.section-journeys{
    position: relative;
    overflow: hidden;
}
.sbline__animted{
    position: relative;
    height: 20px;
}
.s-border-line {
    height: 20px;
    width: 0px;
    background: url('../images/green-bar.svg') no-repeat 0 0;
    background-size: cover;
    position: absolute;
    bottom: 0;
}
.s-border-line-2 {
    height: 20px;
    width: 0px;
    background: url('../images/line2.svg') no-repeat 0 0;
    background-size: cover;
    position: absolute;
    bottom: 2px;
}
.sbline__animted.show .s-border-line,
.sbline__animted.show .s-border-line-2{
    width: 100%;
    transition: width 1s ease-in-out;
}
.journeys-coffee-stain{
    top: 0px !important;
    opacity: 1 !important;
    /* transform: translate(-100%, 0%) rotate3d(0, 0, 5, 80deg); */
    transform: translate(0%, 0%) rotate3d(0, 0, 1, 0deg);
}
/* .journeys-coffee-stain.show{
    transform: translate(0%, 0%) rotate3d(0, 0, 1, 0deg);
} */
.our-journeys-cs span{
    left: 30% !important;
    bottom: 80px !important;
    opacity: 0;
}
.our-journeys-cs.show span{
    opacity: 1;
}
.col-content-journeys{
    position: relative;
    padding: 50px;
    padding-left: 0;
    display: inline-block;
    /*padding-right: 144px;*/
    padding-right: 50px;
    text-align: left;
    max-width: 770px;
}
.col-content-journeys:before{
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    background: #6D7E5C;
    width: 75%;
    height: 100%;
}

.journeys-blog{
    background: #fff;
    box-shadow: 0px 3px 6px #0000004D;
    border-radius: 4px;
    height: 100%;
    transition: all .45s ease-in-out;
}
.journeys-blog-img{
    display: block;
}
.journeys-blog-img img{
    border-radius: 4px 4px 0 0;
}

.journeys-blog-content{
    padding: 24px;
    padding-bottom: 62px;
    position: relative;
    height: calc(100% - 192px);
}
.j-blog-title{
    display: flex;
    justify-content: space-between;
    margin-bottom: 16px;
}
.j-blog-title a {
    /*height: 20px;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;*/
}
.j-blog-title h6{
    font-family: 'Montserrat-Medium';
    margin-bottom: 0;
    line-height: 17px;
    height: 34px;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
}
.j-blog-title ul{
    display: flex;
}
.j-blog-title li{
    margin: 3px 6px;
}
.j-blog-title li a{
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: #6D7E5C;
    color: #fff;
    font-size: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.j-blog-contentinner p{
    font-size: 14px;
    height: 56px;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    margin-bottom: 0;
}
.j-blog-contentinner.j-blog-info-4line p {
    height: 75px;
    -webkit-line-clamp: 4;
}
.j-blog-contentinner.j-blog-info-5line p {
  height: 95px;
  -webkit-line-clamp: 5;
}
.j-blog-bm {
    position: absolute;
    left: 24px;
    right: 24px;
    bottom: 24px;
    /*width: 100%;*/
    display: flex;
    justify-content: space-between;
}
.read-morebtn{
    font-size: 14px;
    font-family: 'Montserrat-SemiBold';
    color: #6D7E5C;
    display: inline-block;
    text-transform: capitalize;
    position: relative;
    transition: all 0.5s ease-in-out;
}
.read-morebtn::before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: -8px;
    background: url(../images/green-bar.svg) no-repeat 0 0 / 100%;
    width: 95%;
    margin: auto;
    height: 8px;
    opacity: 0;
    visibility: hidden;
    transition: all 0.5s ease-in-out;
}
.read-morebtn:hover::before{
    opacity: 1;
    visibility: visible;
}
.j-blog-date{
    font-size: 12px;
    font-family: 'Montserrat-Regular';
    color: #292929;
    display: block;
    text-align: right;
    text-transform: capitalize;
}

.section-our-mission{
    position: relative;
}
.parallax-ele{
    width: 100%;
    height: 100%;
}
.parallax-ele span{
    position: absolute !important;
    height: auto;
    top: auto !important;
    display: inline-block !important;
}
.mission-coffee-stain span {
    left: 30% !important;
    bottom: 28% !important;
    top: auto !important;
    opacity: 0;
    visibility: hidden;
}
.mission-coffee-stain.show span{
    opacity: 1;
    visibility: visible;
}
.our-mission-col{
    position: relative;
}
.our-mission-col:nth-of-type(2){
    margin-top: 145px;
}
.our-mission-blck{
    opacity: 0;
    visibility: hidden;
    transform: translateY(10%);
    transition: all 0.7s ease-in-out;
}
.our-mission-icon{
    position: relative;
    width: 128px;
    height: 128px;
    margin-bottom: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.our-mission-circel{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: block;
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 100%;
    animation: normal;
    opacity: 1;
    visibility: visible;
    transition: all 0.4s ease-in-out;
}
.coffee-rough1{
    background-image: url('../images/mission/coffee-rough1.png');
}
.coffee-rough2{
    background-image: url('../images/mission/coffee-rough2.png');
}
.coffee-rough3{
    background-image: url('../images/mission/coffee-rough3.png');
}
.our-mission-icon-1.show, .our-mission-icon-2.show, .our-mission-icon-3.show{
    opacity: 1;
    visibility: visible;
    transform: translateY(0%);
}
/*.coffee-rough1.show,
.coffee-rough2.show,
.coffee-rough3.show{
    animation: circle 1s linear;
    opacity: 1;

}*/

@-webkit-keyframes circle {
    from {
      -webkit-transform: rotateZ(0deg)
    }
    to {
      -webkit-transform: rotateZ(360deg)
    }
}
@keyframes circle {
    from {
      -webkit-transform: rotateZ(0deg)
    }
    to {
      -webkit-transform: rotateZ(360deg)
    }
}

.our-mission-col .om-dotted-line {
    position: absolute;
    left: 44%;
    top: 40px;
    z-index: 1;
    margin-left: 61px;
    opacity: 0;
    transition: all 1s ease-in-out;
}
.our-mission-col .om-dotted-line {
    position: absolute;
    left: 44%;
    top: 70px;
    z-index: 1;
    margin-left: 61px;
    opacity: 0;
    transition: all 1s ease-in-out;
}
.our-mission-col .om-dotted-line2 {
    /* top: -50px; */
    top: -66px;
    left: 43%;
}
.our-mission-col:last-child{
    padding-right: 0px;
}
.om-dotted-line svg{
    width: 100%;
    height: 100%;
}
.om-dotted-line1{
    width: 245px;
    height: 135px;
    /* transform: scaleX(-1); */
}
.om-dotted-line2{
    width: 245px;
    height: 135px;
}
.om-dotted-line.om-dotted-line1.show,
.om-dotted-line.om-dotted-line2.show{
    opacity: 1;
}


.our-mission-img{
    display: block;
    position: relative;
}
.our-mission-img img{
	width: 80px;
    height: 80px;
    transition: all 0.4s ease-in-out;
}
.om-icon-1 {
    right: 10px;
}
.om-icon-3 {
    top: 10px;
}

.home-mission-content{
    /*opacity: 0;
    transform: translateY(10%);
    transition: all 1s ease-in-out;*/
}
/*.h-mission-content-1.show,
.h-mission-content-2.show,
.h-mission-content-3.show{
    opacity: 1;
    transform: translateY(0%);
}*/
.home-mission-content h4{
    font-family: 'Montserrat-Medium';
    margin-bottom: 8px;
}
.home-mission-content p {
    max-width: 254px;
}
.uspsBtn{
    opacity: 0;
    transition: all 0.4s ease-in-out;
    margin-top: -60px;
    position: relative;
    z-index: 1;
}

/*.om-icon-1.show, 
.om-icon-2.show,
.om-icon-3.show,
.mcs-icon.show,*/
.uspsBtn.show{
    opacity: 1;
}

.private-label-banner{
    /* background: url('../images/private-label/pl-banner.png') no-repeat 0 0 / cover; */
    position: relative;
    min-height: 100vh !important;
}
.private-label-banner .container{
    position: relative;
    z-index: 1;
}
.pl-bg-video {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
.video-js.bg_video_part .vjs-tech{
    object-fit: cover;
}
.vjs-poster{
    background-size: cover;
}
.video-js .vjs-big-play-button{
    display: none;
}
.full-bg-videopopup{
    z-index: -1;
}
.pl-bg-video .plyr--video{
    height: 100%;
}
.pl-bg-video .plyr__video-wrapper{
    padding-bottom:0 !important;
    height: 100%;
}
.plyr--full-ui .plyr__video-embed>.plyr__video-embed__container{
    height: 100%;
    padding-bottom: 0;
    transform: none !important;
}
.plyr__video-embed iframe, .plyr__video-wrapper--fixed-ratio video {
    object-fit: cover;
}
#plVideoPlayer{
    object-fit: cover;
}
.private-label-banner::before{
    content:'';
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgb(101 88 73 / 59%);
    z-index: 1;
}
/*.bg-fullvideo iframe {
    top: 50% !important;
    left: 50% !important;
    width: 100vw !important;
    height: 100vh !important;
    transform: translate(-50%, -50%);
    position: absolute;
}*/
.bg-fullvideo iframe {
    top: 0% !important;
    left: 0% !important;
    width: 100% !important;
    height: 100% !important;
    position: absolute;
}
.bg-fullvideo video{
    top: 0% !important;
    left: 0% !important;
    width: 100% !important;
    height: 100% !important;
    position: absolute;
    object-fit: cover;
}
.vjs-seeking .vjs-loading-spinner:after, .vjs-waiting .vjs-loading-spinner:after{
    display: none;
}
.banner-left-content {
    padding-left: 56px;
}
.banner-left-content h1{
    color: #FFFFFF;
    margin-bottom: 40px
}
.banner-left-content p{
    color: #fff;
    margin-bottom: 40px;
}
.scroll-down-part{
    position: absolute;
    bottom: 80px;
    right: 10%;
    display: flex;
    align-items: center;
    z-index: 1;
    max-height: 48px;
}
.scroll-down-part h4{
    font-size: 14px;
    font-family: 'Montserrat-Bold';
    color: #fff;
    margin-bottom: 0;
    text-align: right;
}
.scroll-down-part h4 span{
    font-family: 'Montserrat-Regular';
    display: block;
    margin-top: 8px;
}
.scrolldown-wave{
    margin-left: 32px;
    width: 16px;
}
.section-private-info{
    position: relative;
    overflow:hidden;
}
.p-info-coffee-plant{
    top: 0;
    left: -30px;
    transform: translate(-100%, 50%) rotate3d(0, 0, 5, 80deg);
}
.p-info-coffee-plant.show{
    transform: translate(0%, 0%) rotate3d(0, 0, 1, 0deg);
}

.private-info{
    max-width: 868px;
    margin: 0 auto;
    padding-left:50px;
    padding-right:50px;
}
.private-row{
    background: #F5F5EF;
    padding: 92px 96px;
    max-width: 1040px;
    margin:0 auto 120px;
    position: relative;
}
.private-row:last-child{
    margin-bottom: 0;
}
.pr-coffee-beans-1 span{
    right: -30px;
    bottom: -20px;
    left: auto !important;
}
.pr-coffee-beans-2 span{
    left: -35px !important;
    bottom: -35px;
}
.pr-coffee-beans-3 span{
    right: -100px;
    bottom: -70px;
    left: auto !important;
}
.private-img{
    position: relative;
    display: inline-block;
}
.private-label-content p{
    margin-bottom: 16px;
}
.tape-transparent{
    position: absolute;
    top: -27px;
    left: 0;
    right: 0;
    text-align: center;
}
.tape-t-1{
    transition: all .025s ease;
}
.private-right-content h2{
    margin-bottom: 40px;
}
.private-right-content h3{
    font-family: 'LeagueGothic-Regular';
    margin-bottom: 40px;
}
.private-right-content p{
    margin-bottom: 32px;
}
.section-private-blck{
    position: relative;
    overflow: hidden;
}
.section-private-blck > .container-fluid{
    padding-left: 32px;
    padding-right: 32px;
}
.section-private-blck .row{
    margin-right: -16px;
    margin-left: -16px;
}
.section-private-blck .col-md-6{
    padding-left: 16px;
    padding-right: 16px;
}
.mbanner-right-col{
    position: relative;
    padding: 60px 68px;
    padding-left: 0;
    display: inline-block;
}
.mbanner-right-col:before {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    background: #6D7E5C;
    width: calc(100% - 120px);
    height: 100%;
}
.m-video-img{
    display: inline-block;
    position: relative;
}
.m-video-img > img {
    width: 722px;
    height: 508px;
    object-fit: cover;
}
.m-video-img::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(101, 88, 73, 0.56);
}
.mbanner-right-col .video-paybtn{
    position: absolute;
    top: 50%;
    left: 120px;
    transform: translateY(-50%);
}
.m-header-tape{
    position: absolute;
}
.mh-tape-top{
    left: -75px;
    top: -26px;
    transform: matrix(0.97, -0.24, 0.24, 0.97, 0, 0);
}
.mh-tape-bottom{
    right: -45px;
    bottom: -30px;
    transform: matrix(-0.97, 0.24, -0.24, -0.97, 0, 0) rotate(180deg);
}
.our-mission-banner{
    height: 100vh;
}
.our-mission-banner .scroll-down-part{
    right: auto;
    left: 10%;
}

.our-mission-banner .scroll-down-part h4{
    color: #7D7062;
    text-align: left;
}
.our-mission-banner .scrolldown-wave {
    margin-left: 0px;
    margin-right: 32px;
}
.our-mission-banner .home-left-content h1{
    margin-bottom: 20px;
}
.m-count-section{
    background: #F5F5EF;
    position: relative;
    overflow: hidden;
}

.m-count-section::before{
    content: '';
    position: absolute;
    top: -20px;
    right: 110px;
    background: url('../images/mission/map.png') no-repeat 0 0;
    width: 439px;
    height: 161px;
    background-size: 100% 100%;
}

.mission-c-container{
    max-width: 1040px;
    margin: auto;
    position: relative;
    z-index: 1;
}
.mission-c-section{
    position: relative;
    overflow: hidden;
}
.mission-c-section::before, .mission-c-section::after{
    content: '';
    position: absolute;
}
.mission-c-section::before{
    right: -24px;
    top: 12%;
    background: url('../images/mission/continent-map-1.svg') no-repeat 0 0 / 100%;
    width: 411.158px;
    height: 554.456px;
}
.mission-c-section::after{
    left: -25px;
    top: 52%;
    background: url('../images/mission/continent-map-2.svg') no-repeat 0 0 / 100%;
    width: 448.819px;
    height: 885.479px;
}
.om-video-part{
    margin-bottom: 80px !important;
}
.m-plant-all{
    position: absolute;
}
.m-plant-1 span{
    left: -35px;
    bottom: -35px;
}
.m-plant-2 span{
    left: 0;
    right: 0px;
    bottom: 20px;
    top: auto !important;
}
.m-plant-3{
    left: 0px;
    right: 0px;
    top: -28px;
}
.m-plant-4{
    z-index: 1;
    right: -100px;
    bottom: -60px;
}
.m-plant-4 span{
    right: -100px;
    bottom: -60px;
    left: auto !important;
}
.m-plant-5{
    left: 0px;
    right: 0px;
    top: -28px;
}
.m-plant-6 span{
    left: 0;
    right: 0px;
    bottom: 20px;
    top: auto !important;
}

.m-carbon-info{
    position: relative;
    padding: 56px 16px 108px 16px;
}
.m-carbon-infoInner{
    max-width: 800px;
    margin: auto;
}
.m-video-part{
    max-width: 648px;
    margin: auto;
    position: relative;
}
.m-video-part .video-paybtn{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.section-pls-bm{
    position: relative;
    overflow: hidden;
}
.m-pls-plant {
    right: -80px;
    bottom: -70px;
    opacity: 1 !important;
    transform: translate(100%, 50%) rotate3d(0, 0, 5, -50deg);
    transform: translate(0%, 0%) rotate3d(0, 0, 1, 0deg);
}
/*.m-pls-plant.show{
    transform: translate(0%, 0%) rotate3d(0, 0, 1, 0deg);
}*/
.sz-bm-plant{
    right: -10px;
    top: -20px;
    transform: translate(100%, 50%) rotate3d(0, 0, 5, -50deg);
}
.sz-bm-plant.show{
    opacity: 1 !important;
    transform: translate(0%, 0%) rotate3d(0, 0, 1, 0deg);
}

.m-pl-leftbm{
    position: relative;
    display: inline-block;
    margin-bottom: 32px;
}
.m-pl-leftbm img {
    position: relative;
    width: 296px;
    height: 304px;
    object-fit: cover;
}
.m-pl-leftbm::before{
    content: '';
    position: absolute;
    right: -32px;
    bottom: -32px;
    width: 100%;
    height: 100%;
    background: #7d7062;
}

.m-coffee-plant {
    bottom: 140px;
    left: -30px;
    transform: translate(-200%, 0%) rotate3d(0, 0, 5, 60deg);
}
.m-coffee-plant.show{
    transform: translate(0%, 0%) rotate3d(0, 0, 1, 0deg);
}

.m-coffee-plant-1 {
    max-width: 100px;
    top: 70px;
    right: 15px;
    transform: translate(100%, 0%) rotate3d(0, 0, 5, -80deg);
}
.m-coffee-plant-1.show{
    transform: translate(0%, 0%) rotate3d(0, 0, 1, 0deg);
}



.packaging-section{
    position: relative;
    overflow: hidden;
}
.packaging-section::before {
    content: '';
    position: absolute;
    top: 69px;
    right: -12px;
    background: url(../images/mission/map.png) no-repeat 0 0;
    width: 439px;
    height: 161px;
    background-size: 100% 100%;
}
.packaging-plant{
    left: 20px;
    bottom: 40px;
    transform: translate(-100%, 100%) rotate3d(0, 0, 5, 50deg);
}
.packaging-plant.show{
    transform: translate(0%, 0%) rotate3d(0, 0, 1, 0deg);
}
.packaging-info{
    margin-bottom: 56px;
}
.packaging-info .title-border-line{
	background: url(../images/p-green-bar.svg) no-repeat 0 0 / auto 100%;
    margin-top: 24px;
    width: 238px;
    height: 10px;
}
.packaging-tab-part{
    display: flex;
    padding:0 56px;
}
.packaging-tab-part .tab-content{
    margin-top: 44px;
    flex: 1;
}
.packaging-tab-slider{
    height: 400px;
}
.packaging-tab-part .nav{
    margin-right: 80px;
    max-width: 48px;
    flex: 0 0 48px;
}
.packaging-tab-slider.swiper-container-vertical:before{
    content: '';
    position: absolute;
    bottom: -3px;
    width: 49px;
    height: 77px;
    left: 0;
    right: 0px;
    background-color: #f5f5ef;
    z-index: 2;
    margin-left: -1px;
}
.packaging-tab-slider.swiper-container-vertical.slidermarginremove > .swiper-wrapper{
    margin-top: calc(-100% + 177px);
    transition: margin 500ms;
}
.packaging-tab-slider .swiper-slide{
    /*height: 165px !important;*/
}
.packaging-tab-slider .swiper-slide:last-child{
    height: auto !important;   
}
.packaging-tab-part .nav-link{
    background-color: transparent;
    padding: 0;
    position: relative;
    min-width: 48px;
    width: 48px;
    /*height: 162px;*/
}
.packaging-tab-slider .swiper-slide:last-child .nav-link{
    height: auto;
}
.packaging-tab-part .nav-link:before{
    content: '';
    background-image: url(../images/packaging-dots.png);
    background-repeat: repeat-y;
    background-position: 0 0;
    width: 3px;
    height: 75px;
    position: absolute;
    top: 56px;
    left: 50%;
    margin-left: -1px;
}
.packaging-tab-slider .swiper-slide:last-child .nav-link:before{
    display: none;
}
.linedots {
    width: 7px;
    height: 75px;
    margin: 10px 20px;
}
.packaging-tab-part .nav-link span{
    width: 48px;
    height: 48px;
    min-width: 48px;
    min-height: 48px;
    border: 2px solid transparent;
    background-color: transparent;
    border-radius: 50%;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.5s ease-in-out;
}
.packaging-tab-part .nav-link.active span{
    border-color: #6D7E5C;
}
.packaging-tab-part .nav-link span strong{
    font-size: 14px;
    font-family: 'Montserrat-SemiBold';
    color: #6D7E5C;
    text-align: center;
    width: 32px;
    height: 32px;
    margin: auto;
    background-color: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.5s ease-in-out;
}

.packaging-tab-part .nav-link.active span strong{
    color: #FFFFFF;
    background-color: #6D7E5C;
}

.packaging-tab-left h3{
    font-family: 'LeagueGothic-Regular';
    margin-bottom: 40px;
}

.sz-right-content p{
    margin-bottom: 48px;
}

.sz-leftimg {
    position: relative;
    max-width: 344px;
    margin: auto;
}
.sz-leftimg img{
    width: 100%;
}
.sz-plant-1 span{
    right: -25px;
    bottom: -30px;
    width: 72px;
    height: 72px;
    left: auto !important;
}
.vendors-fullimg{
    background: url('../images/vendors/vendors-banner.png') no-repeat center center / cover;
    min-height: 690px;
    margin-bottom: 120px;
}

.section-becoming.number-count-invisible, .section-becoming.number-count-invisible #process {
    background: #fff;
}
 /* Edit by ashvin 01/03/2021 */
/* scroll-animation */

    .m-neutral-company{
    display: none;
}
.svg-title, .svg-desc {
    fill: #292929;
  }

.svg-title {
    font-size: 24px;
    font-weight: 500;
}

  .svg-desc {
    font-size: 16px;
    font-weight: 400; 
  }
  .cls-bg {
    fill: #6d7e5c;
  }  
#process-wrap {
    overflow: hidden;    
  }
  
  .seen #process {
    transform: none !important;
  }
  
  #process {
    background:#ffffff;
    background-size: 10% auto;
    position: relative;
    height: 100vh;
    width: 300%;
  }
   
  @media screen and (max-width:767px){
    .horizontal-container{
        width: 2000px !important;
    }
    .wrap{
        padding-top: 250px !important;
    }
  /* .m-neutral-company{
    display: block;
    } */
    /* #process-wrap{
        display: none;
    } */
}
    #process .wrap {
    display: flex;
    height: 100%;
    justify-content: center;
    align-content: center;
    flex-direction: column;
    max-width: 100%;
  }
  
  #process svg {
    height:100%;
  }
   
  .time {
    fill: none;
    stroke: #8c8073;
    stroke-dasharray: 4700;
    stroke-dashoffset: 4700;
    stroke-width: 2px;  
  }
  
  .step {
    fill: #292929;
    font-size: 50px;
    font-weight: 700;
    text-align: center;
  }
  
  .line {
    fill: #f04931;
    stroke: #01bbea;
    stroke-width: 4px;
    stroke-miterlimit: 10;
  }
  .horz {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0%;
    bottom: 0;
  }  
  /**/
   
  
  section.one {
    position: relative;
  } 
  
  .left {
    width: calc(100%);
    margin-right: 25px;
  }
  .left div {
    width: 100%;
    margin-bottom: 25px;
    border-radius: 4px;
  }
  
  .right {
    width: 100%;
  }
  
  .right-child {
    
    display: block;
    width: 100%;
  } 
  .wrap{
    padding-top:400px;
}
.title-part.becomming-bg{
    display: flex;
    align-items: center;
    margin-bottom: 72px;
}
.title-part.becomming-bg h2 {
    padding-left: 34px;
    padding-right: 56px;
}
.certified-img {
    max-width: 100px;
}
  .becomming-bg{
    /* min-height: 157px;  */
    /*position: relative;*/
  }
  .becomming-bg::before{
    content: '';
    background: url(../images/fixed_continent.svg) no-repeat top 0 right 0%;
    background-size: 100% auto;
    position: absolute;
    top: 0px;
    right: 0px;
    width: 439px;
    height: 160px;
    z-index: 1;
  }

  .right-child.posFix {
    position: fixed;
    top: 175px;
    z-index: 10;
  }
  @media screen and (max-width:1280px){
    .right-child.posFix {         
        top: 140px;
      }
  }
  @media screen and (max-width:767px){
    .wrap{
        padding-top:260px !important;
    }
    .section-becoming {
        padding-bottom: 0;
    }
  }
  @media screen and (max-width:375px){
    .title-part.becomming-bg h2 {font-size: 36px;}
    .wrap{
        padding-top:300px !important;
        
    }
    #process-wrap{
    	padding-bottom:50px;
    }
    .section-becoming {
        padding-bottom: 0;
    }
  }
  @media screen and (max-width:375px) and ( max-height: 667px ){
       .wrap{
        padding-top:200px !important;
    }
    }
  @media screen and (min-width:768px) and (max-width:991px){
    .wrap{
        padding-top:400px !important;
    }
  }
  @media screen and (min-width:992px) and (max-width:1280px){
    .wrap{
        padding-top:225px !important;
    }
  }
  
  @media screen and (min-width: 1367px) and (max-width: 1440px), screen and (max-height: 960px) {
 .wrap{
        padding-top:350px;
    } 
	}
    @media screen and (max-width:1366px){
    .wrap{
        padding-top:280px;
    } 
     /* .becomming-bg::before{
        content: '';
        
        top: 0px ;
        
      } */
  }
  @media screen and (min-width:1441px) and (max-width:1536px){
    .wrap{
        padding-top:350px;
    }
    
  }

  .right-child.posAbs {
    position: absolute;
    bottom: 133px;
  }
   
/* End by ashvin 01/03/2021 */

.sz-info{
    position: relative;
}
.sz-coffee-beans-1 span{
    right: -62px;
    bottom: -90%;
    left: auto !important;
}
.sz-coffee-beans-1 img{
    width: 92px;
}
.v-pls-plant {
    right: -30px;
    bottom: -30px;
    opacity: 1 !important;
    transform: translate(100%, 0%) rotate3d(0, 0, 5, -50deg);
    transform: translate(0%, 0%) rotate3d(0, 0, 1, 0deg);
}
/*.v-pls-plant.show{
    transform: translate(0%, 0%) rotate3d(0, 0, 1, 0deg);
}*/

.r-info-plant{
    transform: translate(-100%, -50%) rotate3d(0, 0, 5, 50deg);
}
.r-info-plant.show{
    transform: translate(0%, 0%) rotate3d(0, 0, 1, 0deg);
}

.sz-banner-left.banner-left-content h1{
    margin-bottom: 16px;
}
.sz-banner-left.banner-left-content p{
    margin-bottom: 88px;
}
.sz-video-section{
    padding-bottom: 52px;
}
.sz-video-section .video-img::before{
    display: none;
}
.video-img-right img {
    width: 648px;
    height: 456px;
    object-fit: cover;
}
.video-img-right.sz-video-right img{
	width: 552px;
    height: 376px;
}
.one-img-video img{
    width: 648px;
    height: 456px;
    object-fit: cover;
}
.v-info-coffee-plant{
    bottom: 9px;
    left: -17px;
}
.ven-our-mission {
    margin-bottom: 28px;
}
.retail-coffee-beans-1 span{
    left: auto !important;
    right: 20px;
    bottom: -90px;
}
.r-our-mission{
    margin-bottom: 28px;
}
.retail-img-content{
    position: relative;
    overflow: hidden;
    padding-bottom: 28px;
}
.retail-img-left{
    max-width: 408px;
}
.retail-img-left img {
    height: 416px;
    width: 408px;
    object-fit: cover;
}
.retail-video-part .video-img::before{
    display: none;
}
.retail-right-content{
    padding-left: 10px;
}
.retail-right-content h2{
    margin-bottom: 40px;
}
.r-pls-plant {
    right: -50px;
    opacity: 1 !important;
    transform: translate(100%, 50%) rotate3d(0, 0, 5, -50deg);
    transform: translate(0%, 0%) rotate3d(0, 0, 1, 0deg);
}
/*.r-pls-plant.show {
    transform: translate(0%, 0%) rotate3d(0, 0, 1, 0deg);
}*/


/* images fix size */
.pl-box-block > img {
    width: 304px;
    height: 312px;
    object-fit: cover;
}
.private-img-block > img{
    width: 672px;
    height: 514px;
    object-fit: cover;
}
.pls-imginner > img{
    width: 296px;
    height: 296px;
    object-fit: cover;
}
.journeys-blog-img{
    height: 192px;
    display: block;
}
.journeys-blog-img > img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.m-direct-trade-img > img{
    width: 328px;
    height: 312px;
    object-fit: cover;
}
.packaging-tab-right img{
    width: 242px;
    height:248px;
    object-fit: cover;
}
.sz-leftimg > img {
    width: 344px;
    height: 344px;
    object-fit: cover;
}
.dt-col-img img {
    width: 408px;
    height: 416px;
    object-fit: cover;
}
/* end */

.one-video-section{
    overflow: hidden;
}
.dt-coffee-plant{
    bottom: 0;
    left: -46px;
    transform: translate(-200%, 0%) rotate3d(0, 0, 5, 60deg);
}
.dt-coffee-plant.show{
    transform: translate(0%, 0%) rotate3d(0, 0, 1, 0deg);
}
.dt-info-part{
    padding-top: 101px;
    position: relative;
    margin-bottom: 160px;
}
.dt-info-partInner{
    max-width: 800px;
    margin: auto;
    position: relative;
    padding-bottom: 46px;
}
.dt-info-partInner p{
    margin-bottom: 32px;
}
.dt-two-row{
    position: relative;
    padding-bottom: 160px;
}
.dt-col-content h2{
    margin-bottom: 40px;
}
.dt-col-content p{
    margin-bottom: 32px;
}
.dt-coffee-beans-3 span {
    max-width: 75px;
    left: 392px !important;
    bottom: 116px;
}
.dt-coffee-beans-5 span {
    left: 239px !important;
    bottom: 94px;
}
.dt-coffee-beans-7{
    display: none;
}
.dt-coffee-beans-7 span {
    left: 239px;
    bottom: 94px;
}
.dt-twocol-grey{
    position: relative;
    overflow: hidden;
    margin-bottom: 160px;
}
.dt-coffee-beans-6 span{
    left: 459px !important;
    bottom: 89px;
}
.dt-coffeebeans-adding{
	opacity: 0;
	visibility: hidden;
}
.dt-map-3 {
    top: -200px;
    left: 10px;
}
.dt-two-block{
    position: relative;
    overflow: hidden;
    padding-bottom: 160px;
}
.dt-map-1::before{
    content: '';
    position: absolute;
    left: -82px;
    top: 26%;
    background: url(../images/direct-trade/america.svg) no-repeat 0 0 / 100%;
    width: 432px;
    height: 872px;
}
.dt-map-2::before{
    content: '';
    position: absolute;
    right: -64px;
    top: 42%;
    background: url(../images/direct-trade/africa.svg) no-repeat 0 0 / 100%;
    width: 480px;
    height: 648px;
}
.dt-plant-1.show{
    transform: translate(0%, 0%) rotate3d(0, 0, 1, 0deg);
}
.dt-plant-2{
    right: 0px;
    bottom: -265px;
    transform: translate(100%, 0%) rotate3d(0, 0, 5, -50deg);
}
.dt-plant-2.show{
    transform: translate(0%, 0%) rotate3d(0, 0, 1, 0deg);
}
.dt-plant-3{
    right: 0px;
    top: 0px;
    transform: translate(100%, 0%) rotate3d(0, 0, 5, -50deg);
}
.dt-plant-3.show{
    transform: translate(0%, 0%) rotate3d(0, 0, 1, 0deg);
}
.banner-right-img .m-video-img::before{
    display: none;
}
.banner-right-img .m-video-img > img{width: 718px;}

.order-coffee-plant-1{
    bottom: 0;
    left: -11px;
    opacity: 1 !important;
    transform: translate(-100%, 0%) rotate3d(0, 0, 5, 50deg);
    transform: translate(0%, 0%) rotate3d(0, 0, 1, 0deg);
}
/*.order-coffee-plant-1.show {
    transform: translate(0%, 0%) rotate3d(0, 0, 1, 0deg);
}*/
.order-form-section{
    position: relative;
    overflow: hidden;
}
.order-coffee-plant-2{
    bottom: 11px;
    right: -47px;
    transform: translate(100%, 0%) rotate3d(0, 0, 5, 50deg);
    opacity: 1 !important;
    transform: translate(0%, 0%) rotate3d(0, 0, 1, 0deg);
}
/*.order-coffee-plant-2.show{opacity: 1 !important;
    transform: translate(0%, 0%) rotate3d(0, 0, 1, 0deg);
}*/

.order-form-part{
    max-width: 1122px;
    margin: 0 auto;
}
.order-form > .row > .form-order-col {
    padding: 0 40px;
}
.order-form .form-group{
    margin-bottom: 48px;
    position: relative;
}
.order-form-label{
    position: absolute;
    left: 16px;
    top: 12px;
    height: auto;
    display: inline-block;
    text-transform: uppercase;
    font-family: 'Montserrat-Medium';
    line-height: 1;
    transition: 0.4s ease;
}
.order-form-label sup{
    font-size: 24px;
    line-height: 10px;
    top: -.3em;
}
.order-form-label.order-label-show{
    font-size: 14px;
    top: -8px;
}
.order-form .form-control{
    font-size: 16px;
    line-height: 19px;
    color: #6D7E5C;
    text-transform: uppercase;
    font-family: 'Montserrat-Medium';
    height: 48px;
    padding:10px 15px 10px;
    border: none;
    border-bottom: 1px solid #6D7E5C;
    border-radius: 0px;
    outline: none;
    box-shadow: none;
    background-color: transparent;
    position: relative;
    z-index: 1;
    transition: 0.4s ease;
}
.order-form .form-control.active{
    border-bottom-width: 2px;
}
.order-form-part form br, .order-form form br{
    display: none;
}
.our-coffee-plant-1{
    bottom: 0;
    left: -78px;
    transform: translate(-100%, 0%) rotate3d(0, 0, 5, 50deg);
}
.our-coffee-plant-1.show {
    transform: translate(0%, 0%) rotate3d(0, 0, 1, 0deg);
}
.custom-checkbox-input input[type="checkbox"]{
	position: absolute;left: 0;opacity: 0;visibility: hidden;
}
.wpcf7-list-item{
	margin-left: 0
}
.custom-checkbox-input label{
	position: relative;
}
.wpcf7-list-item-label{
	padding-left: 37px;
}
.custom-checkbox-input label .wpcf7-list-item-label:before{
	content: "";
	position: absolute;
	border: 2px solid #6D7E5C;
    border-radius: 4px;
    width: 18px;
    height: 18px;
    left: 0;
    top: 1px;
    border-radius: 4px;
    transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.custom-checkbox-input label input[type="checkbox"]:checked~.wpcf7-list-item-label::before {
    color: #fff;
    border-color: #6d7e5c;
    background-color: #6d7e5c;
}
.custom-checkbox-input label .wpcf7-list-item-label:after{
	content: " ";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    color: #fff;
	position: absolute;
    top: 2px;
    left: 3px;
    display: block;
    width: 14px;
    height: 14px;
    font-size: 12px;
    line-height: 17px;
}
.custom-checkbox-input label input[type="checkbox"]:checked~.wpcf7-list-item-label::after {
    content: "\f00c";
}
.pp-agree-checkbox span{
	margin-left: 12px;display: inline-block;
}
.order-form .btn.btn-primary{
    min-width: 136px
}
.order-form .custom-checkbox{
    margin-bottom: 75px;
}
.pp-agree-checkbox span a:hover{text-decoration: underline;}
.pp-agree-checkbox span a:visited{color:#680b98}
.form-control.wpcf7-not-valid{
    border-color: #CD413E;
}
.error-show, .wpcf7-not-valid-tip{
    font-size: 14px;
    color: #CD413E;
    text-transform: uppercase;
    font-family: 'Montserrat-Medium';
    margin-top: 10px;
    border-color: #CD413E;
    padding-left: 16px;
    position: absolute;
    width: 100%;
    bottom: -30px;
}
.wpcf7-form-control-wrap{
    position: static;
}
.our-coffee-mapsection {
    padding: 120px 0 60px;
}
.our-coffee-part{
    max-width: 800px;
    margin: auto;
    text-align: center;
}
.our-coffee-part h2{
    margin-bottom: 37px;
}
.our-coffee-part p{
    margin-bottom: 0;
}
.our-coffee-map{
    position: relative;
}
.our-coffee-pin{
    position: absolute;
    background: url(../images/map/map-pin.svg) no-repeat 0 0;
    width: 14px;
    height: 20px;
    display: block;
    z-index: 1;
    opacity: 0;
    visibility: hidden;
    transition:all 0.4s ease;
}
.our-coffee-pin.animationshow{
    opacity: 1;
    visibility: visible;
    -webkit-animation-name: bounce;
    animation-name: bounce;
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    /* -webkit-animation-delay: 1s;
    animation-delay: 1s; */
}
.map-pin1{
    left:28.29861111111111%;
    bottom: 34.67048710601719%;
}
.map-pin2{
    right:41.57986111111111%;
    bottom: 43.12320916905444%;
}
.map-pin3{
    right:17.79513888888889%;
    bottom: 36.38968481375358%;
}
.mapremove{
    opacity: 0 !important;
    visibility: hidden !important;
}
.map-img{
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    visibility: hidden;
    transition:all 1s ease;
}
.map-img.show{
    opacity: 1;
    visibility: visible;
}
@-webkit-keyframes bounce {
    0%,
    20%,
    53%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
    40%,
    43% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform: translate3d(0, -30px, 0) scaleY(1.1);
        transform: translate3d(0, -30px, 0) scaleY(1.1);
    }
    70% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform: translate3d(0, -15px, 0) scaleY(1.05);
        transform: translate3d(0, -15px, 0) scaleY(1.05);
    }
    80% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -webkit-transform: translateZ(0) scaleY(0.95);
        transform: translateZ(0) scaleY(0.95);
    }
    90% {
        -webkit-transform: translate3d(0, -4px, 0) scaleY(1.02);
        transform: translate3d(0, -4px, 0) scaleY(1.02);
    }
}
@keyframes bounce {
    0%,
    20%,
    53%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
    40%,
    43% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform: translate3d(0, -30px, 0) scaleY(1.1);
        transform: translate3d(0, -30px, 0) scaleY(1.1);
    }
    70% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform: translate3d(0, -15px, 0) scaleY(1.05);
        transform: translate3d(0, -15px, 0) scaleY(1.05);
    }
    80% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -webkit-transform: translateZ(0) scaleY(0.95);
        transform: translateZ(0) scaleY(0.95);
    }
    90% {
        -webkit-transform: translate3d(0, -4px, 0) scaleY(1.02);
        transform: translate3d(0, -4px, 0) scaleY(1.02);
    }
}



.coffee-listing{
    position: relative;
    display: none;
}
.coffee-listing-row{
    margin: 0 41px;
    display: none;
}
.coffee-listing-row.active{
    display: block;
}
.coffee-listing-left h2{
    margin-bottom: 40px;
}
.coffee-listing-left p{
    margin-bottom: 32px;
}
.coffee-listing-right {
    display: flex;
    flex-direction: column;
    margin-top: 40px;
    margin-left: 100px;
}
.coffee-listing-right h4{
    margin-bottom: 40px;
}

.coffee-listing-right ul li{
    padding-left: 24px;
    position: relative;
    margin-bottom: 15px;
}
.coffee-listing-right ul li::before{
    content: '';
    width: 8px;
    height: 8px;
    background: #6D7E5C;
    border-radius: 50%;
    display: block;
    position: absolute;
    top: 7px;
    left: 0;
}

.our-coffee-beans-1 span{
    right: 437px;
    bottom: 77px;
    left: auto !important;
}
.order-thank-part{
    max-width: 640px;
    margin: auto;
    text-align: center;
    padding: 72px 0 136px;
}
.order-thank-part h2{
    margin-bottom: 40px;
}
.page-title-section{
    padding-top: 150px;
    position: relative;
}
.about-title{
    max-width: 680px;
    margin: 0 auto 56px;
    text-align: center;
}
.about-grey-part{
    position: relative;
}
.about-grey-part::before{
    content: '';
    position: absolute;
    top: 212px;
    left: 0;
    width: 100%;
    height: calc(100% - 500px);
    background-color: #f5f5ef;
}
.about-img-part{
    display: flex;
    justify-content: center;
}

.about-img-col{
    padding: 8px;
}
.about-img-col img{
    border-radius: 4px;
    object-fit: cover;
}
.about-big-img img{
    max-width: 408px;
    max-height: 512px;
    min-width: 408px;
    min-height: 512px;
}
.about-small-img img{
    min-width: 304px;
    min-height: 248px;
    max-width: 304px;
    max-height: 248px;
}
.about-img-section{
    position: relative;
}
.our-story-text{
    max-width: 800px;
    margin: 0 auto 32px;
}
.our-story-part .title-border-line{
	background-image: url('../images/our-story-greenbar.svg');
    margin-bottom: 56px;
    width: 200px;
    height: 8px;
}
.our-vision h4{
    font-size: 24px;
    font-family: 'Montserrat-Medium';
    margin-bottom: 5px;
    text-align: center;
}
.our-vision-text{
    position: relative;
    text-align: center;
    padding-top: 19px;
    max-width: 650px;
    margin: auto;
}
.our-vision-text::before{
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    color: #292929;
    line-height: 82px;
    width: 26px;
    height: 20px;
    background: url('../images/qoute.svg') no-repeat 0 0;
}
.our-vision-text p{
    font-style: italic;
    padding-left: 40px;
}
.our-team-title{
    margin-bottom: 20px;
}
.our-team-part {
    margin-left: 80px;
}
.our-team-slider{
    padding-top: 20px;
    padding-left: 0;
    /* margin-left: 80px; */
}
/* .our-team-slider .swiper-slide{
    width: 326px !important;
} */
.our-team-item{
    background-color: #fff;
    box-shadow: 0px 3px 20px #00000029;
    border-radius: 4px;
}
.our-team-name{
    padding: 24px 10px 16px 24px;
}
.our-team-name span{
    font-size: 12px;
    display: block;
    margin-bottom: 8px;
}
.our-team-name h4{
    font-family: 'LeagueGothic-Regular';
    font-size: 32px;
    line-height: 38px;
    margin-bottom: 0;
}
.our-team-name h4 i{
    font-style: normal;
    display: block;
}
.our-team-img img{
    border-radius: 0px 0px 4px 4px;
    width: 100%;
    height: 326px;
    object-fit: cover;
}

.swiper-navbtn {
    display: flex;
    justify-content: flex-end;
    position: relative;
    margin-top: 32px;
}
.swiper-button-prev:after, .swiper-button-next:after{
    display: none;
}
.swiper-navbtn .swiper-button-prev img, .swiper-navbtn .swiper-button-next img{
    width: 24px;
}
.swiper-button-prev, .swiper-button-next {
    position: relative;
    right: auto;
    left: auto;
    top: auto;
    bottom: 0;
    margin: 0;
    background-image: none;
    font-size: 28px;
    height: auto;
    line-height: 1;
    color: #6D7E5C;
    width: auto;
    margin-left:30px;
}
.join-section{
    padding-top: 28px;
    position: relative;
    overflow: hidden;
}
.join-our-team h4{
    font-size: 24px;
    font-family: 'Montserrat-Medium';
    margin-bottom: 24px;
    line-height: 29px;
}
.join-our-team p{
    max-width: 800px;
    margin: 0 auto 32px;
}
.teams-plant-1{
    /* bottom: -46px; */
    top: 475px;
    /* top: 0px; */
    right: 0;
    transform: translate(100%, 0%) rotate3d(0, 0, 5, -50deg);
}
.teams-plant-1.show{
    transform: translate(0%, 0%) rotate3d(0, 0, 1, 0deg);
}
.teams-plant-2{
    bottom: 5px;
    left: -47px;
    transform: translate(-100%, 0%) rotate3d(0, 0, 5, 50deg);
}
.teams-plant-2.show{
    opacity: 1 !important;
    transform: translate(0%, 0%) rotate3d(0, 0, 1, 0deg);
}
.blog-plant-1{
    top: 84px;
    left: -15px;
    max-width: 372px;
    opacity: 1 !important;
    /* transform: translate(-100%, 0%) rotate3d(0, 0, 5, 50deg); */
    transform: translate(0%, 0%) rotate3d(0, 0, 1, 0deg);
}
/* .blog-plant-1.show{
    transform: translate(0%, 0%) rotate3d(0, 0, 1, 0deg);
} */
.blog-title{
    margin-bottom: 64px;
}
.blog-title h1{
    margin-bottom: 24px;
}
.blog-title p{
    max-width: 484px;
    margin: auto;
}
.blog-left-col {
    display: flex;
}
.blog-left-col img{
    object-fit: cover;
}
.blog-top-row {
    box-shadow: 0px 3px 20px #0000001a;
    border-radius: 4px;
    background: #FFFFFF;
}
.blog-right-col{
    padding:56px 48px 48px;
}

.blog-right-title h5{
    font-family: 'LeagueGothic-Regular';
    color: #6D7E5C;
    margin-bottom: 8px;
}
.blog-right-title .title-border-line, .blog-item-title .title-border-line{
    height: 2px;
    width: 40px;
    margin: auto;
    margin-top: 0;
    margin-bottom: 24px;
    animation: none !important;
}
.blog-right-info{
    margin-bottom: 56px;
}
.blog-right-info h4{
    font-size: 24px;
    margin-bottom: 48px;
}
.blog-right-info p{
    margin-bottom: 32px;
}
.blog-right-bottom ul{
    display: flex;
}
.blog-right-bottom li{
    margin: 8px;
}
.blog-right-bottom li a{
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: #6D7E5C;
    color: #fff;
    font-size: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.blog-right-bottom p{
    font-size: 12px;
    line-height: 15px;
    margin-bottom: 0;
}
.blog-right-content h4{
    font-size: 24px;
    margin-bottom: 48px;
}
.blog-right-content p{
    margin-bottom: 32px;
    line-height: 20px;
    max-height: 138px;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 7;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
}
.blog-right-bottom{
    margin-top: 48px;
}
.blog-item-title h5{
    font-family: 'LeagueGothic-Regular';
    color: #6D7E5C;
    margin-bottom: 8px;
}
.blog-item-info{
    margin-bottom: 56px;
}
.blog-item-info h4{
    font-size: 24px;
    margin-bottom: 48px;
}
.blog-item-info h4 a{
    color: #292929;
}
.blog-item-info p{
	line-height: 19px;
    height: 96px;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
}
.blog-item-info.blog-info-7line p{
    height: 134px;
    -webkit-line-clamp: 7;
}
.blog-item-info.blog-info-6line p{
    height: 115px;
    -webkit-line-clamp: 6;
}
.blog-item-bottom ul{
    display: flex;
}
.blog-item-bottom li{
    margin-right:8px;
}
.blog-item-bottom li a{
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: #6D7E5C;
    color: #fff;
    font-size: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.blog-item-bottom p{
    font-size: 12px;
    line-height: 15px;
    margin-bottom: 0;
}
.tab-part-content {
    position: relative;
    min-height: 200px;
}
.blog-tabnav-section{
    position: relative;
    overflow: hidden;
}
.blog-link{
    position: relative;
    font-family: 'Montserrat-SemiBold';
}
.blog-link::before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: -11px;
    background: url(../images/green-bar.svg) no-repeat 0 0 / 100%;
    width: 100%;
    margin: auto;
    height: 8px;
    opacity: 0;
    visibility: hidden;
    transition: all 0.5s ease-in-out;
}
.blog-link:hover::before {
    opacity: 1;
    visibility: visible;
}
.tab-part-slider{
    margin-bottom: 74px;
}
.tab-part-slider .swiper-wrapper{
    justify-content: center;
}
.tab-part-slider .swiper-slide{
    width: auto;
    max-width: 150px;
}
.tab-part-slider .tab-item a{
    color: #6D7E5C;
    text-transform: uppercase;
    padding: 0 0px;
    margin-bottom: 6px;
    text-align: center;
    display: block;
    white-space: nowrap;
}
.tab-part-slider .tab-item a.active{
    font-family: 'Montserrat-Bold';
    background-color: transparent;
    color: #6D7E5C;
}
/* .tab-part-slider .swiper-wrapper{
    justify-content: center;
} */
/* .tab-part-slider .swiper-slide{
    width: auto !important;
} */
.blog-col-content .row{
    margin-left: -12px;
    margin-right: -12px;
}
.blog-col-content .row [class*=col-]{
    padding-right: 12px;
    padding-left: 12px;
    margin-bottom: 24px;
}
.blog-item{
    box-shadow: 0px 3px 20px #0000001A;
    border-radius: 4px;
    height: 100%;
}
.blog-item-img{
    height: 236px;
}
.blog-item-img img{
    border-radius: 4px 4px 0px 0px;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.blog-item-content{
    padding:32px 24px 86px;
    position: relative;
    height: calc(100% - 236px);
}
.blog-item .blog-item-info h4 {
    margin-bottom: 16px;
}
.blog-item .blog-item-info {
    margin-bottom: 26px;
}
.blog-col-content {
    padding-bottom: 96px;
}
.blog-list-itembm{
    position: absolute;
    bottom:24px;
    left: 24px;
    right: 24px;
    text-align: center;
}
.blog-list-itembm > a{display: inline-block;margin-bottom: 24px;}
.pagination-part ul{
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
}
.pagination-part ul li{
    margin: 0 8px;
}
.pagination-part ul li a{
    color: #6D7E5C;
    text-transform: uppercase;
    display: block;
}
.pagination-part ul li a.active{
    font-family: 'Montserrat-Bold';
}
.pagination-part ul li.disabled a{
    display: none;
}
.pagination-part ul li a.next img{
    margin-left: 8px;
}
.pagination-part ul li a.previous img{
    margin-right: 8px;
}
.pagination-part .pagination-number a{
    color: #6D7E5C;
    text-transform: uppercase;
    display: inline-block;
    margin-right: 16px;
    vertical-align: middle;
}
.pagination-part .pagination-number a.active{
    font-family: 'Montserrat-Bold';
}
.pagination-part .pagination-number a.page-next.active{
    font-family: 'Montserrat-Regular';
}
.pagination-part .pagination-number a.next img{
    margin-left: 8px;
}
.pagination-part .pagination-number a.previous img{
    margin-right: 8px;
}
.pagination-part .pagination-number a.page-next img{
	margin-left: 8px;
}

.blog-coffee-beans-2 span {
    bottom: 101px;
    left: 495px !important;
    max-width: 58px;
}
.vacancies-title-section{
    padding-top: 150px;
}
.careers-section{
    position: relative;
    z-index: 1;
}
.careers-section .col-12, .careers-left-col{
    position: static;
}
.careers-right-col img{
    width: 576px;
    height: 648px;
    object-fit: cover;
}
.careers-left-col h1{
    margin-bottom: 40px;
    position: relative;
}
.vacancies-coffee-beans-1 span {
	top: auto !important;
    bottom: 90px;
    left: 39px !important;
    max-width: 144px;
}
.vacancies-grey-part{
    padding-top: 180px;
    margin-top: -88px;
}
.vacancies-tabnav{
    padding-bottom: 80px;
}
.vacancies-list-content{
    padding-bottom: 72px;
}
.vacancies-list-row{
    background-color: #fff;
    box-shadow: 0px 3px 20px #00000012;
    border-radius: 4px;
    margin-bottom: 48px;
    padding: 32px 40px 36px;
    display: flex;
    flex-wrap: wrap;
}
.vacancies-list-title {
    flex: 1;
    padding-right: 24px;
}
.vacancies-list-title h4{
    font-size: 24px;
    font-family: 'Montserrat-Medium';
    margin-bottom: 16px;
}
.vacancies-list-posted{
    min-width: 150px;
    max-width: 150px;
}
.vacancies-list-posted h4{
    font-size: 24px;
    font-family: 'Montserrat-Medium';
    margin-bottom: 16px;
}
.vacancies-list-title p, .vacancies-list-posted p{
    margin-bottom: 0;
}
.vacancies-list-title p{
	max-height: 20px;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
}
.vacancies-list-btn{
    margin-left: 32px;
    min-width: 132px;
    max-width: 132px;
    margin-top: 12px;
}
.vacancies-list-btn .btn{
    padding: 10px 5px 9px 5px;
    width: 100%;
}
.vacancies-pagination{
    padding-top: 104px;
    padding-bottom: 120px;
    position: relative;
    overflow: hidden;
    background-color: #FFFFFF;
}
.vacancies-coffee-beans-2 span {
    bottom: 93px;
    left: 540px !important;
}
.vacancies-d-title-section h1{
    margin-bottom: 24px;
}
.vd-category-name{
    font-family: 'Montserrat-Medium';
    text-transform: uppercase;
    margin-bottom: 16px;
}
.vd-category-name a{
    color: #292929;
}
.vacancies-d-full-image{
    height: 530px;
    margin-top: 56px;
}
.vacancies-d-full-image img{
    object-fit: cover;
}
.vacancies-d-content{
    position: relative;
    overflow: hidden;
}
.vd-detail{
    max-width: 880px;
    margin: auto;
}
.vacancies-d-info-row{
    position: relative;
}
.vacancies-d-info-row:not(:last-child){
    margin-bottom: 64px;
}
.vacancies-d-info-row h2{
    margin-bottom: 40px;
}
.vacancies-d-info-row p{
    margin-bottom: 40px;
}
.vacancies-d-info-row.interesse-vd-row p{
    margin-bottom: 32px;
}
.vd-listing-ele{
    max-width: 450px;
}
.vacancies-d-info-list li {
    padding-left: 27px;
    position: relative;
}
.vacancies-d-info-list li:not(:last-child){
    margin-bottom: 24px;
}
.vacancies-d-info-list li::before {
    content: '';
    width: 8px;
    height: 8px;
    background: #6D7E5C;
    border-radius: 50%;
    display: block;
    position: absolute;
    top: 7px;
    left: 0;
}
.vd-coffee-plant-1{
    top: -8px;
    left: -28px;
    opacity: 1 !important;
    /*transform: translate(0%, -100%) rotate3d(0, 0, 5, 50deg);*/
    transform: translate(0%, 0%) rotate3d(0, 0, 1, 0deg);
}
/*.vd-coffee-plant-1.show{
    transform: translate(0%, 0%) rotate3d(0, 0, 1, 0deg);
}*/
.vd-coffee-beans-2 span {
    right: 119px;
    bottom: 64px;
    max-width: 123px;
    left: auto !important;
}
.contact-left-content.home-left-content h1 {
    margin-bottom: 20px;
}
.contact-form-left{
    background: #F5F5EF;
    padding: 100px 40px 64px;
    position: relative;
    max-width: 576px;
}
.contact-thank-you{
    height: 649px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 48px;
}
.c-thankyou-content h2{
    margin-bottom: 40px;
}
.c-thankyou-content p{
    margin-bottom: 0;
}
.contact-info-right{
    display: flex;
    justify-content: center;
}
.contact-infomation h2{
    margin-bottom: 40px;
}
.contact-infomation h4{
    font-size: 24px;
    margin-bottom: 16px;
}
.contact-infomation p{
    margin-bottom: 32px;
}
.contact-infomation p a{
    color: #292929;
}
.contact-social-icon li a{
    display: block;
    font-size: 36px;
    color: #6D7E5C;
    margin-right: 24px;
    width: 36px;
    text-align: center;
}
.contact-social-icon li:last-child a{
    margin-right: 0;
}
.contact-form-left .order-form .custom-checkbox {
    margin-bottom: 42px;
}


.contact-faq-accordion .card{
    border: none !important;
    border-radius: 4px !important;
    margin-bottom: 24px;
}

.contact-faq-accordion .card.active{
    border-color: #79B6C1 !important;
}
.contact-faq-accordion .card-header {
    border-bottom: none;
    background-color: #F5F5EF;
    position: relative;
    border-radius: 4px;
    padding: 13px 24px 13px 58px;
    display: flex;
    align-items: center;
}
.contact-faq-accordion .card-header a {
    font-size: 16px;
    color: #292929;
    font-family: 'Montserrat-Regular';
    display: block;
    line-height: 22px;
}
.contact-faq-accordion .card-header a i{
    position: absolute;
    left: 16px;
    color: #6D7E5C;
    font-size: 15px;
    top: 50%;
    transform: translateY(-50%);
    transition: 0.5s;
}
.contact-faq-accordion .card-body{
    padding:16px 25px;
    padding-bottom: 0;
}
.contact-faq-accordion .card-body p{
    margin-bottom: 0;
    font-size: 14px;
    line-height: 19px;
}
.contact-coffee-plant-1 span{
    left: 35px !important;
    bottom: 0;
}
.blog-detail-section{
    padding-top: 124px;
}
.bd-title-top{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 24px;
    align-items: center;
}
.bd-title-top h5{
    font-family: 'LeagueGothic-Regular';
    color: #6D7E5C;
    margin-bottom: 0;
}
.bd-title-top span{
    display: block;
}
.bd-title-part h1{
    margin-bottom: 40px;
}
.blog-detail-image{
    position: relative;
}
.blog-detail-image::before{
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 304px;
    background-color: #6D7E5C;
}
.bd-main-image{
    position: relative;
}
.blog-detail-content {
    position: relative;
    overflow: hidden;
}
.blog-detail-row{
    max-width: 832px;
    margin: auto;
}

.blog-detail-row h2{
    margin-bottom: 40px;
}
.blog-detail-grey{
    padding:86px 0;
}
.bd-img-block img{
    width: 100%;
    height: 335px;
    object-fit: cover;
}
.bd-img-blockpart{
    position: relative;
}
.bd-img-blockpart::before{
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 168px;
    background-color: #6D7E5C;
}
.bd-img-blockpart > .container-fluid{
    padding-left: 32px;
    padding-right: 32px;
}
.bd-img-blockpart .row{
    margin-left: -12px;
    margin-right: -12px;
    justify-content: center;
}
.bd-img-blockpart .row > [class*=col-]{
    padding-left: 12px;
    padding-right: 12px;
}

.blog-detail-video .video-img img{
    width: 648px;
    height: 452px;
    object-fit: cover;
}
.bd-text-row{
    padding-bottom: 104px;
}

.bd-section-part{
    position: relative;
    overflow: hidden;
}
.bd-map-1::before {
    content: '';
    position: absolute;
    right: -90px;
    top: -200px;
    background: url(../images/direct-trade/america.svg) no-repeat 0 0 / 100%;
    width: 432px;
    height: 872px;
}
.bd2-map-1::before {
    content: '';
    position: absolute;
    left:-69.04px;
    top: 250px;
    background: url(../images/direct-trade/africa.svg) no-repeat 0 0 / 100%;
    width: 482px;
    height: 650px;
}
.bd3-map-1::before {
    content: '';
    position: absolute;
    right:0px;
    bottom: -144px;
    background: url(../images/direct-trade/asia.svg) no-repeat 0 0 / 100%;
    width: 542px;
    height: 198px;
}
.bd-stain-1{
    left: -13px;
    top: 3px;
    opacity: 1 !important;
    /* transform: translate(-100%, -100%) rotate3d(0, 0, 5, 80deg); */
    transform: translate(0%, 0%) rotate3d(0, 0, 1, 0deg);
}
/* .bd-stain-1.show{
    transform: translate(0%, 0%) rotate3d(0, 0, 1, 0deg);
} */
.blog-detail-grey{
    position: relative;
}
.bd-stain-2{
    left: 15px;
    bottom: -7px;
    opacity: 1 !important;
    /* transform: translate(-100%, 10%) rotate3d(0, 0, 5, 50deg); */
    transform: translate(0%, 0%) rotate3d(0, 0, 1, 0deg);
}
/* .bd-stain-2.show{
    transform: translate(0%, 0%) rotate3d(0, 0, 1, 0deg);
} */
.bd-coffee-beans{
    position: relative;
}
.bd-coffee-beans-1 span {
    right: 176px;
    bottom: 72px;
}

.bd2-coffee-beans-1 span{
    right: 117px;
    bottom: 87px;
    max-width: 97px;
    left: auto !important;
}
.bd2-coffee-beans-2 span{
    left: 113px !important;
    bottom: 60px;
}
.bd2-stain-1{
    /* transform: translate(100%, 0%) rotate3d(0, 0, 5, -50deg); */
    right: -36px;
    top: -8px;
    opacity: 1 !important;
    transform: translate(0%, 0%) rotate3d(0, 0, 1, 0deg);
}
/* .bd2-stain-1.show{
    transform: translate(0%, 0%) rotate3d(0, 0, 1, 0deg);
} */
.bd3-stain-1{
    left: -5px;
    bottom: -16px;
    opacity: 1 !important;
    /* transform: translate(-100%, 0%) rotate3d(0, 0, 5, 50deg); */
    transform: translate(0%, 0%) rotate3d(0, 0, 1, 0deg);
}
/* .bd3-stain-1.show{
    transform: translate(0%, 0%) rotate3d(0, 0, 1, 0deg);
} */
.blog-detail-3 .blog-detail-image::before{
    background-color: #F5F5EF;
}
.bd-main-image img{
    width: 100%;
    height: 606px;
    object-fit: cover;
}


.about-big-ipadimg img{
    max-width: 320px;
    max-height: 312px;
    min-width: 320px;
    min-height: 312px;
}
.about-small-ipadimg img{
    max-width: 320px;
    max-height: 240px;
    min-width: 320px;
    min-height: 240px;
}
.dt-plant-1 span{
    left: 0;
    right: 0px;
    bottom: 0px;
}
.order-left-content{
    max-width: 550px;
}
.banner-space200{
    margin-left: 56px;
}
.banner-left-24{
    margin-left: 24px;
}
.about-plant-2{
    display: none;
}
/*.custom-leftfull{
	padding-left: 120.5px;
}*/
.section-private-blck{
	overflow: visible;
}
.section-private-blck .sbline__animted{
	position: absolute;
	top: -10px;
	left: 0;
	width: 100%;
	z-index: 1;
}
.sbline-absolute{
	position: absolute;
	width: 100%;
	left: 0;
	top: 0;
}

.mejs__overlay-play {
    display: none;
}

.our-404-banner{
    min-height: 100vh;
}


.bc-content{
    position: relative;
}
.co2-dot-part{
    position: relative;
    overflow: hidden;
    padding-bottom: 50px;
}
.co2-dot-row{
    display: flex;
    flex-wrap: wrap;
    position: relative;
}
.co2-dot-col{
    position: relative;
}
.dotline-part{
    position: absolute;
    left: 0;
    top: 130px;
    width: 100%;
    display: flex;
}
.co2-dotline-svg{
    position: relative;
    opacity: 0;
    visibility: hidden;
    transition: 0.4s;
}
.co2-dotline-svg {
    max-width: 100%;
    height: auto;
}
.co2-col-1{
    min-width: 27%;
    max-width: 27%;
    padding-top: 210px;
}
.co2-col-1 .co2-blockani-1{
    margin-left: 80px;
    padding-top: 15px;
}
.co2-col-2{
    min-width: 27%;
    max-width: 27%;
    padding-top: 3px;
}
.co2-col-2 .co2-blockani-2{
    margin-left: 6px;
}
.co2-col-3{
    min-width: 27%;
    max-width: 27%;
    padding-top: 5px;
}
.co2-col-3 .co2-blockani-3{
    margin-left: 55px;
}
.co2-col-4{
    min-width: 19%;
    max-width: 19%;
    padding-top: 268px;
}
.co2-col-4 .co2-blockani-4{
    margin-top: 40px;
}
.co2-content-blck{
    position: relative;
    width: 220px;
    opacity: 0;
    visibility: hidden;
    transition: 0.4s;
}
.co2-dot-row .show{
    opacity: 1;
    visibility: visible;
}
.co2-content-blck h3{
    font-size: 22px;
    font-weight: 500;
    color: #292929;
}
.co2-content-blck p{
    color: #292929;
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 0;
    height: 98px;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 100%;
}