/**Home Page Parllax-banner===*/
.parallax-banenr{background:url(../images/h-img/home-background-hero.webp) no-repeat 0 0;background-size:100%;height:56.277777777778vw;position:relative;width:100%;background-position-y: -4.487778vw;}
.par_hero-banenr{width:100%}
.parallax-banenr .bo_l{width:22.0111111vw;height:47.66666666666667vw;position:absolute;left:12.555555555556vw;bottom:0;background:url(../images/h-img/h_pr.webp) no-repeat 0 bottom;background-size:100%}
.parallax-banenr .bo_r{width:20.88889vw;height:48.05555555555556vw;position:absolute;right:12.555555555556vw;bottom:-0.833333vw;background:url(../images/h-img/h.webp) no-repeat 0 bottom;background-size:100%}
.parallax-banenr .ice_l{top:18.844444vw;left:4.4444444444444vw;width:11.166666666667vw;background:url(../images/h-img/ice_l.webp) no-repeat 0 bottom;height:11.666666666667vw;background-size:cover}
.parallax-banenr .ice_r{top:29.8222222vw;right:7.8vw;width:11.277777777778vw;background:url(../images/h-img/ice_r.webp) no-repeat 0 bottom;height:11.333333333333vw;background-size:cover}
.parallax-banenr .nut_l{bottom:1.888vw;left:29.888888888889vw;width:4.7777777777778vw;background:url(../images/h-img/nut_l.webp) no-repeat 0 bottom;height:4.8333333333333vw;background-size:cover}
.parallax-banenr .nut_r{top:17.111111vw;right:3.677778vw;width:3.2222222222222vw;background:url(../images/h-img/nut_r.webp) no-repeat 0 bottom;height:3.5555555555556vw;background-size:cover}
.parallax-banenr .h_cont{position:absolute;width:100%;text-align:center;top:0;padding-top:4.88333333vw}
.s_bre{padding-bottom:1.5222222222222vw;line-height:0}
.s_bre-cont{color:#000006;padding:0 2.1666666666667vw}
.s_bre span{display:inline-block;vertical-align:middle;line-height:0}
.s_bre span.arrow_w{width:3.9444444444444vw}
.h_cont h1{line-height:1;color:#fff}
.h_icon{max-width:3.4444444444444vw;width:100%;margin:0 auto 2vw}
.h_text{font-size:1.879vw;max-width:29vw;width:100%;margin:1.444444444444vw auto 2vw;color:#fff;font-family:'Verlag-Book';line-height:normal;font-weight:normal}

@media(max-width:767px) {    
    .h_text{font-size:5.3333333333333vw;max-width:80%;margin-top:3vw}
/*     .par_hero-banenr{overflow-x:hidden} */
    .parallax-banenr{background:#f83821 url(../images/h-img/background-dots-red.webp) no-repeat 0 0 fixed;background-size:100%;height:145.33333333333vw;margin-bottom:24.666667vw}
    .h_icon{max-width:85%}
    .h_icon img{max-width:11.733333333333vw}
    .s_bre{padding-bottom:2.5222222222222vw;line-height:normal}
    .s_bre span.arrow_w{width:15.944444vw}
    .parallax-banenr .bo_l{width: 35.266667vw;left: 0;bottom: -18.8vw;height: 78vw;background-position-x: -6.88vw;}
    .parallax-banenr .bo_r{width:35.66667vw;right:0;bottom:-12.722222vw;height:78vw;background-position-x:10vw}
    .parallax-banenr .ice_l{top:7.944444444444vw;left:-4.4444444444444vw;width:18.8vw;height:19vw}
    .parallax-banenr .nut_r{top:15.111111vw;right:4.2777777777778vw;width:6vw;height:6.6vw}
    .parallax-banenr .nut_l{bottom:-5.111111vw;left:19.888889vw;width:10.777778vw;height:11vw}    
    }

/*rotating-campaign*/
.rotating-campaign{position:relative;text-align:center;color:#fff;background:url(/wp-content/themes/stokcoffee/assets/images/plant-based-coldbrew.webp) no-repeat 0 0;background-size:100%;background-position: center;height:55vw;margin-bottom:0vw}
.rotating-campaign .po_ab{width:100%}
.c_co-cont h3,.c_co-cont h4{font-weight:300}
.c_co-cont h4{padding-top:13vw;font-size:1.6666666666667vw}
.padtop{padding-top:9vw}
.rotating-campaign .c_co-cont .stybutton{padding-top: 21vw;}
@media(max-width:767px){
.c_co-cont h3{font-size:9vw;margin-bottom:3vw}
.c_co-cont h4{font-size:7.4vw;margin-bottom:1vw}
.c_co-cont{padding-top:24vw}

.rotating-campaign{position:relative;margin-top:0;background:url(/wp-content/themes/stokcoffee/assets/images/plant-based-coldbrew_mob.webp) no-repeat 0 0;background-size:100%;height:125.4vw;/*margin-bottom: 12vw;*/}
.padtop {
    padding-top: 0vw;
}
.rotating-campaign .c_co-cont .stybutton {
    padding-top: 31vw;
}
}
/*End*/


/*=====How WE Do=====*/
.po_bg{background:url(../images/background-stillshot.webp) no-repeat 0 -5.8565153733529vw;height:17.22222222vw;background-size:100%}
.hwe_do{text-align:center;}
.h_img{text-align:center;max-width:4.55555vw;width:100%;margin:0 auto}
.h_img img{width:100%;margin-top: -0.888888888vw;}
.how_text{color:#fff;font-size:1.7777777777778vw;max-width:30.933333333333vw;width:100%;font-family:'Verlag-Bold';margin:0 auto 0.999999vw}
@media(min-width:768px) {
.hwe_do h2{color:#000006;line-height: 1;
    margin-top: 0.4vw;}
.hwe_do h1{color:#fff;line-height: 0.8;}
}
@media(max-width:767px) {
.po_bg{height:56.888889vw;background-size:448%;background-position:0 4%}
.h_img{position:relative;max-width:20vw;margin-bottom:2vw}
.h_img img {
    margin-top: -24.888889vw;
}
.hwe_do h1 {
    line-height: 0.95;
}
.how_text{    font-size: 5.477778vw;
    max-width: 88vw;
    margin-top: 0;
    margin-bottom: 3.8vw;}
.hwe_do .stybutton{padding-bottom:13.333333333333vw}
#sec4{padding-top:0}
.hwe_do h2{color:#fff}
}
/*end-how we do*/

/*Scllor Down */
.scllordown{position:absolute;width:100%;bottom:-1.9765739385066vw;color:#000006;text-align:center;line-height:1}
.scllordown a{color:#000006;font-size:1.1111111111111vw;text-decoration:none}
.scllordown a span{display:block;line-height:1}
.scllordown a i.fa{font-size:3.3333333333333vw}
.scllordown.sl2{top:-5.9765739385066vw}
.dotimg{width:3.0555555555556vw}
@media(max-width:767px){
    .scllordown{bottom:-5.976574vw}
    .scllordown a{font-size:3.111111vw}
    .scllordown a i.fa{font-size:7.333333vw}
}
/*End Scllor Down */

/*===Products Sections===*/

.pro_sec1 .cbrow-coffe_bg,.pro_sec2 .cbrow-tea_bg,.pro_sec3 .cbrow-shot_bg{width:100%;height:21.256vw;background-size:100%;margin-bottom:18.589vw}
.pro_sec2 .cbrow-tea_bg{height:28.0256vw;margin-bottom:21.85555vw}
.cbrow-coffe_bg{background:url(../images/background-coldbrew.webp) no-repeat 0 0}
.cbrow-tea_bg{background:url(../images/background-tea.webp) no-repeat 0 0}
.cbrow-shot_bg{background:url(../images/background-shots.webp) no-repeat 0 0}
.cold-b_cont{position:absolute;top:-6.87777777777vw;left:0;right:0;bottom:0;width:100%;display:table;padding-left:9.111vw;padding-right:9.111vw}
.pro_sec .po_img{width:40.166666666667vw}
.l_cont,.r_cont{vertical-align:top;padding-top:16.9vw}
.l_cont,.po_img,.r_cont{display:inline-block;margin-left:-.3vw}
.l_cont{width:20.1667vw}
.l_cont .icon_l{width:7.905vw;margin:0 auto;line-height:0}
.l_cont .po_name{text-align:center}
.po_name h2{color:#fff;line-height:.85}
@media(min-width:768px) {
.pro_sec2 .cold-b_cont{top:3vw}
.pro_sec2 .l_cont,.pro_sec2 .r_cont{padding-top:13.9vw}
}
@media(min-width:768px) and (max-width:1024px){
    .l_cont{width:25.667vw}
    .cold-b_cont{padding-left:5.978vw;padding-right:5.111vw}
}
@media(max-width:767px) {
.pro_sec1 .cbrow-coffe_bg,.pro_sec2 .cbrow-tea_bg,.pro_sec3 .cbrow-shot_bg{height:122.055556vw;margin-bottom:77.588889vw;background-size:cover;background-position:50% -0}
.cold-b_cont{width:100vw;padding-left:0;padding-right:0;top:8vw}
.l_cont{width:100vw}
.l_cont,.r_cont{padding-top:5.9vw;position:relative;z-index:2}
.l_cont,.po_img,.r_cont{display:block;margin-left:0;text-align:center}
.r_cont{padding-top:7.8vw}
.pro_sec .po_img{width:100vw;margin:0 auto}
.l_cont .icon_l{width:24.905vw;line-height:1.8}
.pro_sec3 .cbrow-shot_bg{height:92.055556vw;margin-bottom:64vw}
.pro_sec3 .po_img{margin-top:-41vw}
}
@media (min-width: 1200px){
.par_hero-banenr {
    padding-bottom: 3vw;
}
}

/* 12-Sep-25 */
@media(min-width:768px){
.groupFamily.pro_sec .po_img{
	position: relative;
}
.groupFamily.pro_sec .po_img img.groupImg{
	position: absolute;
    width: 106%;
    max-width: fit-content;
    left: -3.5%;
    top: -1.26vw;
}
.groupFamily.pro_sec .cbrow-coffe_bg {
   background: url(../images/background-coldbrew-update.webp) no-repeat 0 0;
	background-size:100%;
}
}
/*===End Products Sections===*/