/* stylelint-disable stylistic/selector-list-comma-newline-after */

@font-face {
  font-family: 'Graphik Cond Web';
  src: url("../assets/fonts/Graphik/GraphikCondensed-SuperItalic-Web.woff2") format("woff2"),url("../assets/fonts/Graphik/GraphikCondensed-SuperItalic-Web.woff") format("woff");
  font-weight: 900;
  font-style: italic;
  font-stretch: normal
}

@font-face {
  font-family: 'Graphik Cond Web';
  src: url("../assets/fonts/Graphik/GraphikCondensed-Super-Web.woff2") format("woff2"),url("../assets/fonts/Graphik/GraphikCondensed-Super-Web.woff") format("woff");
  font-weight: 900;
  font-style: normal;
  font-stretch: normal
}

@font-face {
  font-family: 'Graphik Cond Web';
  src: url("../assets/fonts/Graphik/GraphikCondensed-BlackItalic-Web.woff2") format("woff2"),url("../assets/fonts/Graphik/GraphikCondensed-BlackItalic-Web.woff") format("woff");
  font-weight: 800;
  font-style: italic;
  font-stretch: normal
}

@font-face {
  font-family: 'Graphik Cond Web';
  src: url("../assets/fonts/Graphik/GraphikCondensed-Black-Web.woff2") format("woff2"),url("../assets/fonts/Graphik/GraphikCondensed-Black-Web.woff") format("woff");
  font-weight: 800;
  font-style: normal;
  font-stretch: normal
}

@font-face {
  font-family: 'Graphik Cond Web';
  src: url("../assets/fonts/Graphik/GraphikCondensed-BoldItalic-Web.woff2") format("woff2"),url("../assets/fonts/Graphik/GraphikCondensed-BoldItalic-Web.woff") format("woff");
  font-weight: 700;
  font-style: italic;
  font-stretch: normal
}

@font-face {
  font-family: 'Graphik Cond Web';
  src: url("../assets/fonts/Graphik/GraphikCondensed-Bold-Web.woff2") format("woff2"),url("../assets/fonts/Graphik/GraphikCondensed-Bold-Web.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-stretch: normal
}

@font-face {
  font-family: 'Graphik Cond Web';
  src: url("../assets/fonts/Graphik/GraphikCondensed-SemiboldItalic-Web.woff2") format("woff2"),url("../assets/fonts/Graphik/GraphikCondensed-SemiboldItalic-Web.woff") format("woff");
  font-weight: 600;
  font-style: italic;
  font-stretch: normal
}

@font-face {
  font-family: 'Graphik Cond Web';
  src: url("../assets/fonts/Graphik/GraphikCondensed-Semibold-Web.woff2") format("woff2"),url("assets../assets/fonts/Graphik/GraphikCondensed-Semibold-Web.woff") format("woff");
  font-weight: 600;
  font-style: normal;
  font-stretch: normal
}

@font-face {
  font-family: 'Graphik Cond Web';
  src: url("../assets/fonts/Graphik/GraphikCondensed-MediumItalic-Web.woff2") format("woff2"),url("../assets/fonts/Graphik/GraphikCondensed-MediumItalic-Web.woff") format("woff");
  font-weight: 500;
  font-style: italic;
  font-stretch: normal
}

@font-face {
  font-family: 'Graphik Cond Web';
  src: url("../assets/fonts/Graphik/GraphikCondensed-Medium-Web.woff2") format("woff2"),url("../assets/fonts/Graphik/GraphikCondensed-Medium-Web.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-stretch: normal
}

@font-face {
  font-family: 'Graphik Cond Web';
  src: url("../assets/fonts/Graphik/GraphikCondensed-Regular-Web.woff2") format("woff2"),url("../assets/fonts/Graphik/GraphikCondensed-Regular-Web.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-stretch: normal
}

@font-face {
  font-family: 'Graphik Cond Web';
  src: url("../assets/fonts/Graphik/GraphikCondensed-LightItalic-Web.woff2") format("woff2"),url("../assets/fonts/Graphik/GraphikCondensed-LightItalic-Web.woff") format("woff");
  font-weight: 300;
  font-style: italic;
  font-stretch: normal
}

@font-face {
  font-family: 'Graphik Cond Web';
  src: url("../assets/fonts/Graphik/GraphikCondensed-Light-Web.woff2") format("woff2"),url("../assets/fonts/Graphik/GraphikCondensed-Light-Web.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-stretch: normal
}

@font-face {
  font-family: 'Graphik Cond Web';
  src: url("../assets/fonts/Graphik/GraphikCondensed-ExtralightItalic-Web.woff2") format("woff2"),url("../assets/fonts/Graphik/GraphikCondensed-ExtralightItalic-Web.woff") format("woff");
  font-weight: 200;
  font-style: italic;
  font-stretch: normal
}

@font-face {
  font-family: 'Graphik Cond Web';
  src: url("../assets/fonts/Graphik/GraphikCondensed-Extralight-Web.woff2") format("woff2"),url("../assets/fonts/Graphik/GraphikCondensed-Extralight-Web.woff") format("woff");
  font-weight: 200;
  font-style: normal;
  font-stretch: normal
}

@font-face {
  font-family: 'Graphik Cond Web';
  src: url("../assets/fonts/Graphik/GraphikCondensed-ThinItalic-Web.woff2") format("woff2"),url("../assets/fonts/Graphik/GraphikCondensed-ThinItalic-Web.woff") format("woff");
  font-weight: 100;
  font-style: italic;
  font-stretch: normal
}

@font-face {
  font-family: 'Graphik Cond Web';
  src: url("../assets/fonts/Graphik/GraphikCondensed-Thin-Web.woff2") format("woff2"),url("../assets/fonts/Graphik/GraphikCondensed-Thin-Web.woff") format("woff");
  font-weight: 100;
  font-style: normal;
  font-stretch: normal
}

@font-face {
  font-family: 'Graphik LC Web';
  src: url("../assets/fonts/Graphik/Graphik-SuperItalic-Cy-Web.woff2") format("woff2"),url("../assets/fonts/Graphik/Graphik-SuperItalic-Cy-Web.woff") format("woff");
  font-weight: 900;
  font-style: italic;
  font-stretch: normal
}

@font-face {
  font-family: 'Graphik LC Web';
  src: url("../assets/fonts/Graphik/Graphik-Super-Cy-Web.woff2") format("woff2"),url("../assets/fonts/Graphik/Graphik-Super-Cy-Web.woff") format("woff");
  font-weight: 900;
  font-style: normal;
  font-stretch: normal
}

@font-face {
  font-family: 'Graphik LC Web';
  src: url("../assets/fonts/Graphik/Graphik-BlackItalic-Cy-Web.woff2") format("woff2"),url("../assets/fonts/Graphik/Graphik-BlackItalic-Cy-Web.woff") format("woff");
  font-weight: 800;
  font-style: italic;
  font-stretch: normal
}

@font-face {
  font-family: 'Graphik LC Web';
  src: url("../assets/fonts/Graphik/Graphik-Black-Cy-Web.woff2") format("woff2"),url("../assets/fonts/Graphik/Graphik-Black-Cy-Web.woff") format("woff");
  font-weight: 800;
  font-style: normal;
  font-stretch: normal
}

@font-face {
  font-family: 'Graphik LC Web';
  src: url("../assets/fonts/Graphik/Graphik-BoldItalic-Cy-Web.woff2") format("woff2"),url("../assets/fonts/Graphik/Graphik-BoldItalic-Cy-Web.woff") format("woff");
  font-weight: 700;
  font-style: italic;
  font-stretch: normal
}

@font-face {
  font-family: 'Graphik LC Web';
  src: url("../assets/fonts/Graphik/Graphik-Bold-Cy-Web.woff2") format("woff2"),url("../assets/fonts/Graphik/Graphik-Bold-Cy-Web.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-stretch: normal
}

@font-face {
  font-family: 'Graphik LC Web';
  src: url("../assets/fonts/Graphik/Graphik-SemiboldItalic-Cy-Web.woff2") format("woff2"),url("../assets/fonts/Graphik/Graphik-SemiboldItalic-Cy-Web.woff") format("woff");
  font-weight: 600;
  font-style: italic;
  font-stretch: normal
}

@font-face {
  font-family: 'Graphik LC Web';
  src: url("../assets/fonts/Graphik/Graphik-Semibold-Cy-Web.woff2") format("woff2"),url("../assets/fonts/Graphik/Graphik-Semibold-Cy-Web.woff") format("woff");
  font-weight: 600;
  font-style: normal;
  font-stretch: normal
}

@font-face {
  font-family: 'Graphik LC Web';
  src: url("../assets/fonts/Graphik/Graphik-MediumItalic-Cy-Web.woff2") format("woff2"),url("../assets/fonts/Graphik/Graphik-MediumItalic-Cy-Web.woff") format("woff");
  font-weight: 500;
  font-style: italic;
  font-stretch: normal
}

@font-face {
  font-family: 'Graphik LC Web';
  src: url("../assets/fonts/Graphik/Graphik-Medium-Cy-Web.woff2") format("woff2"),url("../assets/fonts/Graphik/Graphik-Medium-Cy-Web.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-stretch: normal
}

@font-face {
  font-family: 'Graphik LC Web';
  src: url("../assets/fonts/Graphik/Graphik-RegularItalic-Cy-Web.woff2") format("woff2"),url("../assets/fonts/Graphik/Graphik-RegularItalic-Cy-Web.woff") format("woff");
  font-weight: 400;
  font-style: italic;
  font-stretch: normal
}

@font-face {
  font-family: 'Graphik LC Web';
  src: url("../assets/fonts/Graphik/Graphik-Regular-Cy-Web.woff2") format("woff2"),url("../assets/fonts/Graphik/Graphik-Regular-Cy-Web.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-stretch: normal
}

@font-face {
  font-family: 'Graphik LC Web';
  src: url("../assets/fonts/Graphik/Graphik-LightItalic-Cy-Web.woff2") format("woff2"),url("../assets/fonts/Graphik/Graphik-LightItalic-Cy-Web.woff") format("woff");
  font-weight: 300;
  font-style: italic;
  font-stretch: normal
}

@font-face {
  font-family: 'Graphik LC Web';
  src: url("../assets/fonts/Graphik/Graphik-Light-Cy-Web.woff2") format("woff2"),url("../assets/fonts/Graphik/Graphik-Light-Cy-Web.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-stretch: normal
}

@font-face {
  font-family: 'Graphik LC Web';
  src: url("../assets/fonts/Graphik/Graphik-ExtralightItalic-Cy-Web.woff2") format("woff2"),url("../assets/fonts/Graphik/Graphik-ExtralightItalic-Cy-Web.woff") format("woff");
  font-weight: 200;
  font-style: italic;
  font-stretch: normal
}

@font-face {
  font-family: 'Graphik LC Web';
  src: url("../assets/fonts/Graphik/Graphik-Extralight-Cy-Web.woff2") format("woff2"),url("../assets/fonts/Graphik/Graphik-Extralight-Cy-Web.woff") format("woff");
  font-weight: 200;
  font-style: normal;
  font-stretch: normal
}

@font-face {
  font-family: 'Graphik LC Web';
  src: url("../assets/fonts/Graphik/Graphik-ThinItalic-Cy-Web.woff2") format("woff2"),url("../assets/fonts/Graphik/Graphik-ThinItalic-Cy-Web.woff") format("woff");
  font-weight: 100;
  font-style: italic;
  font-stretch: normal
}

@font-face {
  font-family: 'Graphik LC Web';
  src: url("../assets/fonts/Graphik/Graphik-Thin-Cy-Web.woff2") format("woff2"),url("../assets/fonts/Graphik/Graphik-Thin-Cy-Web.woff") format("woff");
  font-weight: 100;
  font-style: normal;
  font-stretch: normal
}
body{
  font-family: 'Graphik LC Web'/*rtl:Tahoma, Georgia, "Times New Roman", serif*/;
  margin:0;
  padding: 0;
  width: 100%;
  height: 100%;
  background-color: #f7f7f7;
}
.page-header{
  padding-top: 35px !important;
  padding-bottom: 35px !important;
}
.page-header-logo {
  font-family: "Graphik LC Web Playfair Display", Georgia, "Times New Roman", serif/*rtl:Amiri, Georgia, "Times New Roman", serif*/;
  font-size: 2.25rem;
}
.page-header-logo img{height: 76px;}

.page-header-logo:hover {
  text-decoration: none;
}
.flags-dropdown{
  min-width: 79.5px;
  right: 0px !important;
}
.flag{width: 36px;}
.page-title{
  font-weight: 700;
  font-size: 36px;
  color: #0065c3;
}

.product{border-bottom-right-radius: 0px !important;border-bottom-left-radius: 0px !important;border-bottom: 0px !important;}
.product-title{font-weight: 500;font-size: 1.5rem;color: #000;}
.product .brand-img{height: 35px !important};




.price-retailer sub{
  font-size: 70%;
  font-weight: normal;
  color: #777;
}
.price-retailer sup{
  font-size: 70%;
  font-weight: normal;
  margin-left: -3px;
  color: #777;
}
.price-retailer{
  /* font-weight: 700; */
  font-size: 20px;
}

.price{
  font-weight: 700;
  font-size: 35px;
}
.price sub{
  font-size: 70%;
  font-weight: normal;
  color: #777;
}
.price sup{
  font-size: 70%;
  font-weight: normal;
  margin-left: -8px;
  color: #777;
}

.retailer-tile{
  min-height: 45px;
  background-color: #fff;
}
.price-tile{
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  background-color: #f8f8ff;
}

.btn-shop{
  font-size: .75rem /*rtl:1rem*/;
}
/* .btn-shop::after{
  content: ' >';
} */
.shop-message span{font-size: 16px;}
.shop-message .cart-img{max-width: 30px;margin-right: 15px;/*rtl:raw:transform: scaleX(-1);*/}
.product-img{filter:drop-shadow(9px 3px 3px #6c6c6c78); max-height: 300px;}
@media (min-width: 1400px){
.container{max-width: 1100px;}
}
@media  (min-width: 768px) and (max-width: 992px){
  .page-title{font-size: 36px;}
  .product-img{padding-left: 0px !important;padding-right: 0px !important;filter:drop-shadow(9px 3px 3px #6c6c6c78);}
  .shop-message span{font-size: 30px;}
  /* .btn-shop{font-size: 13px;} */
  .retailer-tile{min-height: 65px;}
}
@media  (min-width: 481px) and (max-width: 768px){
  /* .page-title{font-size: 3.5vw;} */
}

@media screen and (max-width: 767px){
  .page-title{font-size: 28px;}
}
@media screen and (max-width: 480px){

  .brand-img, .btn-shop, .price, .price sup, .price sub{scale: 90%;}
  .page-title{font-size: 24px;}
  .shop-message span{font-size: 95%;}
  /* .btn-shop{font-size: 65%;} */
  .col-md-6{padding-left: 0px;padding-right: 0px;}

  .retailer-tile{min-height: 60px;}

  .price-retailer{font-size: 1.2rem;}
  .price-retailer sub{font-size: 60%;}
  .price-retailer sup{font-size: 60%;margin-left: -3px;}

  .price{font-size: 30px;}
  .price sub{font-size: 60%;}
  .price sup{font-size: 60%;margin-left: -7px;}
}
@media screen and (max-width: 281px){
  .brand-img, .btn-shop, .price, .price sup, .price sub{scale: 90%;}
  /* .page-title{font-size: 4.2vm;} */
  .shop-message span{font-size: 60%;}
  /* .btn-shop{font-size: 50%;} */
  .col-md-6{padding-left: 0px;padding-right: 0px;}
  .retailer-tile{min-height: 60px;}

  /* .price-retailer{font-size: 15px;} */
  .price-retailer sub{font-size: 60%;}
  .price-retailer sup{font-size: 60%;margin-left: -3px;}
}




h1, h2, h3, h4, h5, h6 {
  font-family: "Graphik LC Web"  "Playfair Display", Georgia, "Times New Roman", serif/*rtl:Amiri, Georgia, "Times New Roman", serif*/;
}

.flex-auto {
  flex: 0 0 auto;
}

.h-250 { height: 250px; }
@media (min-width: 768px) {
  .h-md-250 { height: 250px; }
}
@media (max-width: 768px) and (min-width: 322px) {
  .slick-prev {
    margin-left: 5px;
  }
  .slick-next{
    margin-right: 15px;
  }
}
@media (max-width: 425px) and (min-width: 322px) {
  .margin-sm{
    margin: -50px -16px -20px 0px;
  }
}
@media (max-width: 576px) {
  .product-title{
    font-size: 20px;
  }
  .page-title{
    font-size: 22px;
  }
}
/*
 * Blog posts
 */
.page-post {
  margin-bottom: 4rem;
}
.page-post-meta {
  margin-bottom: 1.25rem;
  color: #727272;
}
.carousel-item{height: 200px !important;}
.shop-arrow{font-family: monospace;margin-top: 4px;float: right;}

@media (min-width: 576px){
  .slider.banner{
    width: 100% !important;
    margin: 0 auto !important;
    background: linear-gradient(to top, #0500BD 0%, #1A2AA2 50%);
  }

  .slider.banner.pepsi{
    background: linear-gradient(to top, #0500BD 0%, #1A2AA2 50%);
  }
  .slider.banner.lays{
    background: linear-gradient(0deg, #e20613 0%, #ffec00 100%)
  }
  
  .slider.banner1 .slick-slide {
    transform: translate(100%, 0);
  }
  
   /* the slides */
   .slider.banner .slick-slide {
    margin: 0 15px;
    background-color: #fff;
    overflow: hidden;
  }
  .slider.banner.transform .slick-slide{
    transform: translate(100%, 0);/*rtl:translate: (-100%,0);*/
  }
  
  /* the parent */
  .slider.banner .slick-list {
    margin: 0 -32px;
  }
  
  .slider.banner.slick-slider{
    overflow: hidden !important;
  }
  
  .slider.banner .slick-slide>div>div{
    display: block !important;
  }
  
  .slider.banner .slick-slide:not(.slick-current)>div>div{
    display: block !important;
    opacity: 0.25;
  }
  
  .slider.banner .slick-slide{
    opacity: 1 !important;
    /* height: 200px !important; */
  }
  
  .slider.banner .slick-slide img {
    /* height:200px; */
  }
}




.border-bottom{
  border-bottom: none !important;
}

@media (max-width: 300px)
{
  .col-xs-12{
    width: 100%;
  }

  .col-xs-6{
    width: 50%;
  }
  .retailer-tile{
    min-height: auto;
  }
  .shop-now{
    height: 45px;
  }
  .shop-message span{
    font-size: 14px;
  }
  .slider.center img {
    /* box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.25); */
    max-height: 100px;
  }
  .slider.center .slick-prev:before, .slider.center .slick-next:before{
    font-size: 2.3rem;
  }
}
@media (max-width: 300px)
{
  .shop-message span{
    font-size: 12px;
  }

}
@media (min-width: 300px){
  .d-xs-block {
    display: block!important;
  }
}

@media (max-width: 1040px) and (min-width: 993px){
  .btn-shop{
    font-size: 0.70rem /*rtl:1rem*/;
  }
  .price-retailer{
    font-size: 1.1rem;
  }
}

@media(min-width: 992px){
  .slider.center {
    width: 85%;
    margin: 35px auto auto auto;
  }
}

.slider.center .slick-slide {
  margin: 30px auto 25px;
}

.slick-slide.banner img {
  width: 100%;
}

.slider.center .slick-prev:before,
.slider.center .slick-next:before {
  color: #a0a0a0;
}


.slider.center .slick-slide {
  transition: all ease-in-out .3s;
  opacity: .2;
}

.slider.center .slick-active {
  opacity: .5;
}

.slider.center .slick-current {
  opacity: 1;
}

.slider.center .slick-slide img:hover {
  cursor: pointer;
}

.slider.center img {
  max-height: 150px;
  /* box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.25); */
  filter: drop-shadow(9px 3px 3px #6c6c6c78);
}


.center h3 {
  line-height: 100px;
  margin: 25px;
  /* padding: 2%; */
  position: relative;
  text-align: center;
}

.center .slick-current h3 {
  -moz-transform: scale(1.5);
  -ms-transform: scale(1.5);
  -o-transform: scale(1.5);
  -webkit-transform: scale(1.5);
  color: #e67e22;
  opacity: 1;
  transform: scale(1.5);
}

.shop-now{
  background: linear-gradient(0deg, rgb(45 96 152) 49%, rgb(6 62 124) 85%);
  color: #fff;
  text-decoration: none;
  display: block;
  position: relative;
  text-align: center;
  text-transform: uppercase;
}
.shop-now.pepsi{
  background: linear-gradient(0deg, rgb(45 96 152) 49%, rgb(6 62 124) 85%);
}
.shop-now.lays{
  background: linear-gradient(0deg, #bd121eb3 0%, #ffec00 100%)
}
.loccontainer {
  width: 100%;
  background: #feffe7;
  position: fixed;
  bottom: 0px;
  z-index: 100000;
  box-shadow: 0px 0px 35px 5px #dedede;
}
.locWraper {
  width: 100%;
  max-width: 1024px;
  margin: 0px auto;
  padding: 10px;
  font-size: 1rem;
  color: #010101;
}
.locWraper p {
  width: 68%;
  float: left;
  margin-bottom: 10px;
  line-height: 40px;
}
.locdec, .locallow {
  float: left;
}
.locdec {
  border: 1px solid #e6e7e7;
  background: #ffffff;
  color: #231f20;
}
.locbtn {
  padding: 5px 40px;
  border-radius: 10px;
  font-size: 20px;
  margin: 0px 5px;
  cursor: pointer;
  width: 141px;
}
@-webkit-keyframes pulsate{
  0% {-webkit-transform: scale(0.1, 0.1); opacity: 0.0;}
  50% {opacity: 1.0;}
  100% {-webkit-transform: scale(1.0, 1.0); opacity: 0.0;}
}
.slick-prev{
  /* border: 3px solid #999;
  -webkit-border-radius: 30px;
  height: 18px;
  width: 18px;
  position: absolute;
  left:20px;
  top:214px; */
  -webkit-animation: pulsate 1s ease-out;
  -webkit-animation-iteration-count: 3;
  /* animation: pulsat 1s ease-out;
  animation-iteration-count: 5; */
  /* opacity: 0.0 */
}
.slick-next{
  /* border: 3px solid #999;
  -webkit-border-radius: 30px;
  height: 18px;
  width: 18px;
  position: absolute;
  left:20px;
  top:214px; */
  -webkit-animation: pulsate 1s ease-out;
  -webkit-animation-iteration-count: 3;
  /* animation: pulsat 1s ease-out;
  animation-iteration-count: 5; */
  /* opacity: 0.0 */
}

/* .slick-slide {
  -webkit-backface-visibility: hidden;
}
.slick-slide {
  transform: scale(0.7, 0.7);
  transition: transform 0.3s;
}
.slick-slide.slick-center {
  transform: scale(1, 1);
}
.slide {
  padding: 0 24px;
} */