body {
  position:relative;
}

section {
  position:relative;
}

section>* {
  position:relative;
}

h1 sup, h2 sup, h3 sup {
  top:-.225em;
}

#main {
  overflow:hidden;
}

@media(min-width:768px) {
  #main .container-fluid {
    margin-right:auto;
    margin-left:auto;
    padding: 0;
  }
  
  #main .row {
    margin-right:-1vw;
    margin-left:-1vw;
  }
  
  #main .row .col-lg-1,
  #main .row .col-lg-10,
  #main .row .col-lg-11,
  #main .row .col-lg-12,
  #main .row .col-lg-2,
  #main .row .col-lg-3,
  #main .row .col-lg-4,
  #main .row .col-lg-5,
  #main .row .col-lg-6,
  #main .row .col-lg-7,
  #main .row .col-lg-8,
  #main .row .col-lg-9,
  #main .row .col-md-1,
  #main .row .col-md-10,
  #main .row .col-md-11,
  #main .row .col-md-12,
  #main .row .col-md-2,
  #main .row .col-md-3,
  #main .row .col-md-4,
  #main .row .col-md-5,
  #main .row .col-md-6,
  #main .row .col-md-7,
  #main .row .col-md-8,
  #main .row .col-md-9,
  #main .row .col-sm-1,
  #main .row .col-sm-10,
  #main .row .col-sm-11,
  #main .row .col-sm-12,
  #main .row .col-sm-2,
  #main .row .col-sm-3,
  #main .row .col-sm-4,
  #main .row .col-sm-5,
  #main .row .col-sm-6,
  #main .row .col-sm-7,
  #main .row .col-sm-8,
  #main .row .col-sm-9,
  #main .row .col-xs-1,
  #main .row .col-xs-10,
  #main .row .col-xs-11,
  #main .row .col-xs-12,
  #main .row .col-xs-2,
  #main .row .col-xs-3,
  #main .row .col-xs-4,
  #main .row .col-xs-5,
  #main .row .col-xs-6,
  #main .row .col-xs-7,
  #main .row .col-xs-8,
  #main .row .col-xs-9 {
    padding-right:1vw;
    padding-left:1vw;
  }
}

@media(max-width:767px) {
  #main {
    overflow:hidden;
  }
}

#main section.hero>.container-fluid {
  padding-left:0;
  padding-right:0;
  position:relative;
}

#main section.hero .row>div {
  position:static;
  padding-left:0;
  padding-right:0;
}

section.hero .hero-video {
  position:relative;
  width:104%;
  padding-top:104%;
  overflow:hidden;
}

section.hero video {
  width:100%;
  height:auto;
  transition:all 0 linear;
  transform:scale(1);
  display:block;
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
}

section.hero .hero-content {
  position:absolute;
  top:0;
  left:49vw;
  right:0;
  bottom:0;
  background:url(/cdn/shop/files/Mask_Group_9.png?v=1750147980) 0 0 no-repeat;
  background-size:51vw 100%;
  padding:3vw 3vw 0 6vw;
  color:#fff;
}

section.hero .hero-content h1 {
  font-size:7.8vw;
  line-height:6.75vw;
  letter-spacing:.416667vw;
  transform:rotate(-4deg);
  text-align:center;
  width:29vw;
  color:#fff;
  top:5.5vw;
  left:3.5vw;
  position:absolute;
}

section.hero .hero-content h1 sup {
  top:-.225em;
  margin-left:-.5em;
  left:.5em;
  font-weight:400;
}

section.hero .hero-content p {
  font-size:0.97vw;
  line-height:1.5625vw;
  width:18.2295vw;
  position:absolute;
  left:23.25vw;
  top:30.25vw;
}

section.hero .hero-content .btn {
  color:#fff;
  background:0 0;
  border:.13vw solid #fff;
  border-radius:0;
  font-family:"Overpass Mono",monospace;
  font-size:1.25vw;
  line-height:1em;
  padding:.75vw 1.5vw .5vw;
  text-align:center;
  vertical-align:baseline;
  text-transform:uppercase;
  font-weight:700;
  position:absolute;
  left:23.25vw;
  top:41.5vw;
}

section.hero .hero-content .btn:active,section.hero .hero-content .btn:focus,section.hero .hero-content .btn:hover {
  color:#f40000;
  background:#fff;
  border:.13vw solid #fff;
}

section.hero .floating-video {
  position:absolute;
  top:16vw;
  left:33vw;
  width:18.125vw;
  z-index:1;
  transform:rotate(7deg);
  height:auto;
}

section.hero .floating-photo {
  position:absolute;
  bottom:0;
  left:6vw;
  width:14.5vw;
  z-index:1;
}

section.hero .floating-pizza {
  position:absolute;
  top:-6vw;
  left:28vw;
  width:27vw;
  z-index:2;
}

section.hero .floating-tendies {
  position:absolute;
  top:27vw;
  left:-2vw;
  width:15.1vw;
  z-index:3;
}

section.hero .floating-ltu-circle {
  position:absolute;
  top:26vw;
  left:-4.5vw;
  width:17.3vw;
  z-index:2;
  -webkit-animation-name:spin;
  -webkit-animation-duration:40s;
  -webkit-animation-iteration-count:infinite;
  -webkit-animation-timing-function:linear;
  -moz-animation-name:spin;
  -moz-animation-duration:40s;
  -moz-animation-iteration-count:infinite;
  -moz-animation-timing-function:linear;
  -ms-animation-name:spin;
  -ms-animation-duration:40s;
  -ms-animation-iteration-count:infinite;
  -ms-animation-timing-function:linear;
}

@-moz-keyframes spin {
  from {
    -moz-transform:rotate(0);
  }
  to {
    -moz-transform:rotate(360deg);
  }
}

@-webkit-keyframes spin {
  from {
    -webkit-transform:rotate(0);
  }
  to {
    -webkit-transform:rotate(360deg);
  }
}

@keyframes spin {
  from {
    transform:rotate(0);
  }
  to {
    transform:rotate(360deg);
  }
}

@media(max-width:767px) {
  section.hero .hero-top {
    background:url(/cdn/shop/files/TABASCO_Texture_Backgrounds_Red_Pepper_1.png?v=1659693988) 100% bottom no-repeat;
    background-size:250vw;
    padding:10vw 13vw 10vw;
    margin-bottom:-10vw;
    position:relative;z-index:1;
  }
  
  section.hero .hero-top h1 {
    color:#fff;
    font-size:16.41vw;
    line-height:14.1vw;
    transform:rotate(-4deg);
    margin:0 auto 30px;
    text-align:center;
  }
  
  section.hero .hero-yop h1 sup {
    top:-.225em;
    margin-left:-.5em;
    left:.5em;
  }
  
  section.hero .hero-content {
    display: none;
    position:relative;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background:url(/cdn/shop/files/Mask_Group_9.png?v=1750147980) center center no-repeat;
    background-size:auto 142.308vw;
    padding:3vw 3vw 0 6vw;
    color:#fff;
    height:142.308vw;
  }
  
  section.hero .hero-content h1 {
    display:none;
  }
  
  section.hero .hero-content h1 sup {
    top:-.225em;
    margin-left:-.5em;
    left:.5em;
  }
  
  section.hero .hero-content p {
    font-size:3.58975vw;
    line-height:1.5em;
    width:44vw;
    position:absolute;
    left:8vw;
    top:40px;
  }
  
  section.hero .hero-content .btn {
    border:.5vw solid #fff;
    font-size:4vw;
    line-height:1em;
    padding:2.25vw 4.5vw 1.75vw;
    position:absolute;
    left:8vw;
    top:58vw;
  }
  
  section.hero .hero-content .btn:active, section.hero .hero-content .btn:focus, section.hero .hero-content .btn:hover {
    color:#f40000;
    background:#fff;
    border:.13vw solid #fff;
  }
  
  section.hero .floating-video {
    top:46vw;
    left:69vw;
    width:36.25vw;
  }
  
  section.hero .floating-photo {
    bottom:auto;
    left:59vw;
    width:39.5vw;
    top:94vw;
  }
  
  section.hero .floating-pizza {
    top:0;
    left:56vw;
    width:58vw;
  }
  
  section.hero .floating-tendies {
    top:77vw;
    left:10vw;
    width:45.3vw;
    z-index:3;
  }
  
  section.hero .floating-ltu-circle {
    top:74vw;
    left:4.5vw;
    width:51.9vw;
  }
}

section.tabasco-logo {
  width:100%;
  height:0;
  overflow:visible;
  position:relative;
  z-index:1;
}

section.tabasco-logo img {
  height:12.5vw;
  width:12.5vw;
  position:absolute;
  left:43.75vw;
  top:-6.125vw;
}

section.plus-ones {
  background:url(/cdn/shop/files/plus-ones-background.jpg?v=1750147979) center top no-repeat;
  background-size:cover;
  position:relative;
  padding:8vw 18vw 4vw;
  overflow:hidden;
  text-align:center;
}

section.plus-ones h2 {
  font-size:4.1667vw;
  line-height:3.6667vw;
  margin:0 auto 1vw;
  max-width:34vw;
}

section.plus-ones p {
  font-family:Roboto,sans-serif;
  font-size:0.97vw;
  line-height:1.5625vw;
  width:27vw;
  margin:0 auto 0;
}

section.plus-ones .slider-plus-ones {
  margin:.5vw auto 4.25vw auto;
  width:42.7085vw;
}

section.plus-ones .slider-plus-ones .slick-list {
  padding:2vw 1vw;
}

section.plus-ones .slider-plus-ones .slick-track {
  left:-1vw;
}

section.plus-ones .slide {
  position:relative;
  width:42.7085vw;
  margin:0 1vw 0;
  transition:all .2s;
  color:#fff;
}

section.plus-ones .slide>img {
  position:relative;
  z-index:1;
  width:30vw;
  margin:0 auto 2vw;
}

section.plus-ones .slide h3 {
  font-size:2.604165vw;
  line-height:1em;
  color:#fff;
  text-align:center;
}

section.plus-ones .slide p {
  color:#fff;
  font-family:"Overpass Mono",monospace;
  font-size:1.0416667vw;
  line-height:1.5625vw;
  margin-top:1vw;
  width:20vw;
}

@media(max-width:767px) {
  section.plus-ones {
    background:url(/cdn/shop/files/plus-ones-background.jpg?v=1750147979) center top no-repeat;
    background-size:350vw auto;
    padding:30vw 0 4vw;
  }
  
  section.plus-ones h2 {
    font-size:12.8205vw;
    line-height:.8em;
    margin:0 auto 5vw;
    max-width:80vw;
  }
  
  section.plus-ones p {
    font-size:3.58975vw;
    line-height:1.5em;
    width:76vw;
    margin:0 auto 0;
  }
  
  section.plus-ones .slider-plus-ones {
    margin:2vw auto 10vw auto;
    width:86vw;
  }
  
  section.plus-ones .slider-plus-ones .slick-list {
    padding:2vw 1vw;
  }
  
  section.plus-ones .slider-plus-ones .slick-track {
    left:-1vw;
  }
  
  section.plus-ones .slide {
    width:86vw;
    margin:0 1vw 0;
  }
  
  section.plus-ones .slide>img {
    width:76vw;
    margin:0 auto 5vw;
  }
  
  section.plus-ones .slide h3 {
    font-size:7.6923vw;
  }
  
  section.plus-ones .slide p {
    font-size:4.61538vw;
    line-height:1.444445em;
    margin-top:5vw;
    width:80vw;
  }
}

section.recipes {
  background:url(/cdn/shop/files/TABASCO_Texture_Backgrounds_Neutral.png?v=1751623984) center top no-repeat;
  background-size:cover;
  position:relative;
  padding:4vw 0 5.5vw;
  overflow:hidden;
  text-align:center;
}

section.recipes h2 {
  font-size:4.1667vw;
  line-height:3.6667vw;
  margin:0 auto 1vw;
  max-width:34vw;
}

section.recipes p {
  font-family:Overpass,sans-serif;
  font-size:1.0416667vw;
  line-height:1.5625vw;
  width:27vw;
  margin:0 auto 1vw;
}

section.recipes .btn {
  color:#fff;
  background:#f40000;
  border:.13vw solid #f40000;
  border-radius:0;
  font-family:"Overpass Mono",monospace;
  font-size:1.25vw;
  line-height:1em;
  padding:.75vw 1.5vw .5vw;
  text-align:center;
  vertical-align:baseline;
  text-transform:uppercase;
  font-weight:700;
}

section.recipes .btn:active, section.recipes .btn:focus, section.recipes .btn:hover {
  color:#f40000;
  background:#fff;
  border:.13vw solid #f40000;
}

section.recipes .slider-recipes {
  margin:2.125vw auto;
  width:92vw;
}

section.recipes .slider-recipes .slick-list {
  padding:2vw 2vw;
}

section.recipes .slider-recipes .slick-track {
  left:-1vw;
}

section.recipes .slide {
  position:relative;
  width:11.9795vw;
  height:23.9585vw;
  margin:0 .520835vw 0;
  transition:all .2s;
}

section.recipes .slide:active, section.recipes .slide:focus, section.recipes .slide:hover {
  scale:1.05;
}

section.recipes .slide>img {
  position:relative;
  z-index:1;
  width:11.9795vw;
  height:23.9585vw;
}

section.recipes .slide>h3 {
  text-align:left;
  font-size:1.5vw;
  line-height:1em;
  position:absolute;
  top:1.5vw;
  left:1.5vw;
  right:3.5vw;
  color:#fff;
  z-index:2;
}

@media(max-width:767px) {
  section.recipes h2 {
    font-size:12.8205vw;
    line-height:.8em;
    margin:0 auto 5vw;
    max-width:80vw;
  }
  
  section.recipes p {
    font-size:3.58975vw;
    line-height:1.5em;
    width:76vw;
    margin:0 auto 5vw;
  }
  
  section.recipes .btn {
    border:.5vw solid #f40000;
    font-size:4.5vw;
    line-height:1em;
    padding:2.25vw 4.5vw 1.75vw;
  }
  
  section.recipes .btn:active, section.recipes .btn:focus, section.recipes .btn:hover {
    border:.5vw solid #f40000;
  }
  
  section.recipes .slider-recipes {
    margin:8.5vw auto;
    width:100vw;
  }
  
  section.recipes .slider-recipes .slick-list {
    padding:2vw 2vw;
  }
  
  section.recipes .slider-recipes .slick-track {
    left:-1vw;
  }
  
  section.recipes .slide {
    width:58.975vw;
    height:117.95vw;
    margin:0 2.5641vw 0;
  }
  
  section.recipes .slide>img {
    width:58.975vw;
    height:117.95vw;
  }
  
  section.recipes .slide>h3 {
    text-align:left;
    font-size:7.7vw;
    line-height:1em;
    top:7.7vw;
    left:7.7vw;
    right:15.4vw;
  }
}

section.big {
  background:url(/cdn/shop/files/TABASCO_Texture_Backgrounds_Red_Pepper_1.png?v=1659693988) center top no-repeat;
  background-size:133% auto;
  position:relative;
  overflow:visible;
  height:68.5vw;
  color:#fff;
}

section.big h2 {
  font-size:19vw;
  line-height:15.6vw;
  letter-spacing:1vw;
  color:#fff;
}

section.big h2>span {
  position:absolute;
  transition:all .2s;
  scale:1;
}

section.big h2>span:nth-child(1) {
  top:4.8vw;
  left:29vw;
}

section.big h2>span:nth-child(2) {
  top:27vw;
  left:20.8vw;
}

section.big h2>span:nth-child(3) {
  top:49.2vw;
  left:41.9vw;
}

section.big h2>span.out {
  scale:.75;
}

section.big h2>span.in {
  -webkit-animation-name:pop;
  -webkit-animation-duration:.8s;
  -webkit-animation-iteration-count:1;
  -webkit-animation-timing-function:cubic-bezier(.68,-.6,.32,1.6);
  -moz-animation-name:pop;
  -moz-animation-duration:.8s;
  -moz-animation-iteration-count:1;
  -moz-animation-timing-function:cubic-bezier(.68,-.6,.32,1.6);
  -ms-animation-name:pop;-ms-animation-duration:.8s;
  -ms-animation-iteration-count:1;
  -ms-animation-timing-function:cubic-bezier(.68,-.6,.32,1.6);
}

@-moz-keyframes pop {
  0% {
    scale:.75;
  } 100% {
    scale:1;
  }
}

@-webkit-keyframes pop {
  0% {
    scale:.75;
  } 100% {
    scale:1;
  }
}

@keyframes pop {
  0% {
    scale:.75;
  } 100% {
    scale:1;
  }
}

section.big img {
  position:absolute;
}

section.big img:nth-of-type(1) {
  width:18.3333vw;
  top:-1vw;
  left:9vw;
}

section.big img:nth-of-type(2) {
  width:39.3333vw;
  top:-1vw;
  left:64vw;
}

section.big img:nth-of-type(3) {
  width:21.8vw;
  top:25vw;
  left:-2vw;
}

section.big img:nth-of-type(4) {
  width:31.5vw;
  top:50.5vw;
  left:8vw;
}

section.big img:nth-of-type(5) {
  width:24.125vw;
  top:48vw;
  left:83vw;
}

@media(max-width:767px) {
  section.big h2 {
    font-size: 17vw;
  }
}

@-moz-keyframes spin {
  from {
    -moz-transform:rotate(0);
  } to {
    -moz-transform:rotate(360deg);
  }
}

@-webkit-keyframes spin {
  from {
    -webkit-transform:rotate(0);
  } to {
    -webkit-transform:rotate(360deg);
  }

}

@keyframes spin {
  from {
    transform:rotate(0);
  } to {
    transform:rotate(360deg);
  }
}

section.social {
  background:url(/cdn/shop/files/TABASCO_Texture_Backgrounds_Neutral.png?v=1751623984) center top no-repeat;
  background-size:cover;
  position:relative;
  padding:8vw 0 5.5vw;
  overflow:hidden;
  text-align:center;
}

section.social h2 {
  font-size:4.1667vw;
  line-height:3.6667vw;
  margin:0 auto 1vw;
  max-width:34vw;
  color:#f40000;
}

section.social p {
  font-family:"Overpass Mono",monospace;
  font-size:1.927085vw;
  line-height:3em;
  width:40vw;
  margin:0 auto 1vw;
  text-transform:uppercase;
}

section.social p a {
  padding-bottom:1vw;
  margin:1vw .25vw 0 .25vw;
}

section.social p a:hover {
  border-bottom:.5vw solid #f40000;
}

section.social p img {
  width:3vw;
  height:3vw;
}

section.social .slider-social {
  margin:4.25vw auto;
  width:91vw;
}

section.social .slider-social .slick-list {
  padding:2vw 2vw;
}

section.social .slider-social .slick-track {
  left:-1vw;
}

section.social .slide {
  position:relative;
  width:16.25vw;
  height:32.292vw;
  margin:0 .94401vw 0;
  transition:all .2s;
}

section.social .slide:active, section.social .slide:focus, section.social .slide:hover {
  scale:1.05;
}

section.social .slide>img {
  position:relative;
  z-index:1;
  width:16.25vw;
  height:32.292vw;
}

@media(max-width:767px) {
  section.social {
    padding:16vw 0 11vw;
    padding-bottom: 0;
  }
  
  section.social h2 {
    font-size:12.8205vw;
    line-height:.8em;
    margin:0 auto 2vw;
    max-width:66vw;
  }
  
  section.social p {
    font-size:4vw;
    line-height:6em;
    width:76vw;
    margin:0 auto 5vw;
  }
  
  section.social p a {
    padding-bottom:2vw;
    margin:0 0 0 .25vw;
  }
  
  section.social p a:hover {
    border-bottom:1vw solid #f40000;
  }
  
  section.social p img {
    width:6vw;
    height:6vw;
    margin-top:-1vw;
  }
  
  section.social .slider-social {
    margin:8.5vw auto;
    width:100vw;
  }
  
  section.social .slider-social .slick-list {
    padding:2vw 2vw;
  }
  
  section.social .slider-social .slick-track {
    left:-1vw;
  }
  
  section.social .slide {
    width:56.7749vw;
    height:112.822vw;
    margin:0 2.5641vw 0;
  }
  
  section.social .slide>img {
    width:56.7749vw;
    height:112.822vw;
  }
}

.footer {
  padding:100px 0 0;
}

.slick-next,.slick-prev {
  font-size:0;
  line-height:0;
  position:absolute;
  top:50%;
  display:block;
  width:3.3855vw;
  height:3.3855vw;
  padding:0;
  -webkit-transform:translate(0,-50%);
  -ms-transform:translate(0,-50%);
  transform:translate(0,-50%);
  cursor:pointer;
  color:transparent;
  border:none;
  outline:0;
  background:0 0;
}

.slick-prev {
  background:url(/cdn/shop/files/arrow_left.svg?v=1751625115) center center no-repeat;
  left:-5.3855vw;
  background-size:contain;
}

.slick-next {
  background:url(/cdn/shop/files/arrow_right.svg?v=1751625113) center center no-repeat;
  right:-5.3855vw;
  background-size:contain;
}

@media(max-width:767px) {
  .slick-next, .slick-prev {
    width:9.13vw;
    height:9.13vw;
    background-size:contain;
    z-index: 1;
  }
  
  .slick-prev {
    left:-4vw;
  }
  
  .slick-next {
    right:-4vw;
  }
}

.slick-dotted.slick-slider {
  margin-bottom:30px;
}

.slick-dots {
  position:absolute;
  bottom:-25px;
  display:block;
  width:100%;
  padding:0;
  margin:0;
  list-style:none;
  text-align:center;
}

.slick-dots li {
  position:relative;
  display:inline-block;
  width:1.3333vw;
  height:1.3333vw;
  margin:0 .5vw;
  padding:0;
  cursor:pointer;
}

.slick-dots li button {
  font-size:0;
  line-height:0;
  display:block;
  width:1.3333vw;
  height:1.3333vw;
  padding:0;
  cursor:pointer;
  color:transparent;
  border:0;
  outline:0;
  background:0 0;
  border-radius:50%;
  border:.125vw solid #fff;
}

.slick-dots li button:hover, .slick-dots li.slick-active button {
  background:#fff;
}

@media(max-width:767px) {
  .slick-dots li {
    width:3.85vw;
    height:3.85vw;
    margin:0 1.25vw;
  }
  
  .slick-dots li button {
    width:3.85vw;
    height:3.85vw;
    border:.5vw solid #fff;
  }
}