.reveal-modal.vacation-notice {
    z-index: 99999;
    transform: translateY(120%);
    min-height: auto;
}.slick-slide img {
    filter: saturate(1.2);
}.custom-notice {
    background: #fff501;
    text-align: center;
    padding: 10px;
    width: 100%;
}.custom-notice p, .inner-page .custom-notice p {
    margin: 0;
    font-size: 17px;
    font-family:Patua One, sans-serif;
}.custom-notice span {
    background: #e2e1d0;
    border-radius: 6px;
    padding: 1px 6px;
}
.modal-window {
    position: fixed;
    background: #fff;
    z-index: 99999;
    top: 40%;
    left: 50%;
    transform: translate(-50%, -50%);
    border: 5px solid #ef3434;
    border-radius: 10px;
    padding: 30px;
    width: 700px;
    box-shadow: 0px 7px 30px 0 rgba(0,0,0,.4);
    max-width: 100%;
}.modal-window .fa-close {
        position: absolute;
    top: 10px;
    right: 10px;
    display: inline-block;
    background: #000;
    color: #fff;
    width: 20px;
    line-height: 20px;
    text-align: center;
    border-radius: 50%;
    font-size: 12px;
    transition: all 300ms ease;
    cursor: pointer;
    z-index: 999;
}.modal-window .fa-close:hover {
    background: red;
}
/* Default Styles */
#wpadminbar {
  display: none !important;
}.woocommerce ul.products li.product a img {
    max-height: 452px;
}
body {
  font-family: Playfair Display, serif;
  overflow-x:hidden;
}h1, h1 a {
  color: #000000;
  font-family: Playfair Display, serif;
  font-size: 2em;
  line-height: 1.27em;
  margin: 25px 0;
}h2 {
  color: #ef3434;
  font-family: Patua One, sans-serif;
  font-size: 1.8em;
  line-height: 1.5rem;
  margin: 25px 0;
}h3 {
  color: #ef3434;
  font-family: Playfair Display, serif;
  font-size: 1.6em;
  line-height: 1.5rem;
  margin: 25px 0;
}h4 {
  color: #ef3434;
  font-family: Playfair Display, serif;
  font-weight: bold;
  font-size: 1.5em;
  line-height: 1.5rem;
  margin: 25px 0;
}p {
  color:#282828;
  font-family: Patua One, sans-serif;
  font-size: 15px;
  line-height: 1.8em;
  margin: 17px 0px;
}ul {
  list-style-type: none;
}hr {
  margin-bottom: 29px;
  margin-top: 6px;
}.row {
  margin: 0 auto;
  max-width: 1560px;
  width: 100%;
}.contain-to-grid {
  background: none !important;
}.contain-to-grid .top-bar {
  max-width: 75em;
}.page-wrapper {
  clear: both;
  max-width: 75rem;
}.overflow-hidden {
  overflow: hidden !important;
}.strip-padding {
  padding-right: 0 !important;
  padding-left: 0 !important;
}.vertical-padding-large {
  padding-top: 60px;
  padding-bottom: 80px;
}.vertical-padding-medium {
  padding-top: 30px;
  padding-bottom: 50px;
}.vertical-padding-small {
  padding-top: 10px;
  padding-bottom: 30px;
}.vertical-margin-large {
  margin-top: 71px;
  margin-bottom: 60px;
}.vertical-margin-medium {
  margin-top: 59px;
  margin-bottom: 38px;
}.vertical-margin-small {
  margin-top: 11px;
  margin-bottom: 17px;
}.absolute {
  position:absolute;
}.relative {
  position:relative;
}.clearfix {
  clear:both;
}[class*="fadein-"] {
  opacity: 0;
}.scrollfade {
  opacity: 0;
  -webkit-transition: all 1200ms ease;
  -moz-transition: all 1200ms ease;
  -ms-transition: all 1200ms ease;
  -o-transition: all 1200ms ease;
  transition: all 1200ms ease;
  -moz-transform: translateY(-30px);
  -webkit-transform: translateY(-30px);
  -o-transform: translateY(-30px);
  -ms-transform: translateY(-30px);
  transform: translateY(-30px);
}.scrollfade.complete {
  opacity: 1;
  -moz-transform: translateY(0px);
  -webkit-transform: translateY(0px);
  -o-transform: translateY(0px);
  -ms-transform: translateY(0px);
  transform: translateY(0px);
}.from-left.scrollfade {
  -moz-transform: translateX(-30px);
  -webkit-transform: translateX(-30px);
  -o-transform: translateX(-30px);
  -ms-transform: translateX(-30px);
  transform: translateX(-30px);
}.from-right.scrollfade {
  -moz-transform: translateX(30px);
  -webkit-transform: translateX(30px);
  -o-transform: translateX(30px);
  -ms-transform: translateX(30px);
  transform: translateX(30px);
}.from-bottom.scrollfade {
  -moz-transform: translateY(30px);
  -webkit-transform: translateY(30px);
  -o-transform: translateY(30px);
  -ms-transform: translateY(30px);
  transform: translateY(30px);
}.from-left.scrollfade.complete {
  opacity: 1;
  -moz-transform: translateX(0px);
  -webkit-transform: translateX(0px);
  -o-transform: translateX(0px);
  -ms-transform: translateX(0px);
  transform: translateX(0px);
}.from-right.scrollfade.complete {
  opacity: 1;
  -moz-transform: translateX(0px);
  -webkit-transform: translateX(0px);
  -o-transform: translateX(0px);
  -ms-transform: translateX(0px);
  transform: translateX(0px);
}.from-bottom.scrollfade.complete {
  opacity: 1;
  -moz-transform: translateY(0px);
  -webkit-transform: translateY(0px);
  -o-transform: translateY(0px);
  -ms-transform: translateY(0px);
  transform: translateY(0px);
}
@-moz-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -moz-transform: translateY(0);
    transform: translateY(0);
  } 40% {
    -moz-transform: translateY(-8px);
    transform: translateY(-8px);
  } 60% {
    -moz-transform: translateY(-5px);
    transform: translateY(-5px);
  }
}
@-webkit-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  } 40% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  } 60% {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
  }
}
@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
  } 40% {
    -moz-transform: translateY(-8px);
    -ms-transform: translateY(-8px);
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  } 60% {
    -moz-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
  }
}@-webkit-keyframes fadeIn { 
    from { 
    opacity:0; 
    -webkit-transform: scale(0.99);
  } 
    to { 
    opacity:1; 
    -webkit-transform: scale(1.00);
  } 
}
@-moz-keyframes fadeIn { 
    from { 
    opacity:0;
    -moz-transform: scale(0.99);
  } 
    to { 
    opacity:1;
    -moz-transform: scale(1.00);
  } 
}
@keyframes fadeIn { 
    from { 
    opacity:0;
    transform: scale(0.99);
  } 
    to { 
    opacity:1;
    transform: scale(1.00); 
  } 
}
/*----Navigation----*/
.navigation-wrapper {
    padding: 35px 0;
    z-index: 99;
}.top-bar {
  background: none;
  display: inline-block;
  line-height: 45px;
}.top-bar .top-bar-section ul li {
  background: transparent;
}.top-bar-section li:not(.has-form) a:not(.button) {
  background: transparent !important;
  color: #282828;
  font-family: 'Passion One', cursive;
  font-size: 20px;
  line-height: 45px;
  letter-spacing: 1px;
  padding: 0px 18px;
  text-transform: uppercase;
  transition: all 0.4s ease-in-out;
}.top-bar-section li.active:not(.has-form) a:not(.button) {
  background: #333333;
  color: #ef3434;
  padding: 0 15px;
  line-height: 45px;
}.top-bar-section li.active:not(.has-form) a:not(.button):hover{
  color: #ef3434;
}.top-bar-section .dropdown li:not(.has-form) a:not(.button) {
  color:#ffffff;
}.top-bar-section .dropdown li.active:not(.has-form) a:not(.button) {
  color:#000000;
}.top-bar-section .dropdown li:not(.has-form) a:not(.button):hover{
  color:#000000;
}.top-bar-section ul li:hover:not(.has-form)>a {
  color: #ef3434;
}.top-bar-section .has-dropdown>a:after {
  display:none;
}.top-bar-section .dropdown {
  background: #ef3434;
  box-shadow: 5px 11px 32px rgba(0, 0, 0, 0.29);
  left: 50%;
  margin-top: -3px;
  min-width: 247px;
  opacity: 0.2;
  padding: 13px 0px;
  text-align: center;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  transition: all 0.4s ease-in-out;
}.top-bar-section .has-dropdown.not-click:hover>.dropdown {
  transition-delay: 0s, 0s, 0.4s;
  opacity: 1;
  margin-top: 0;
}.top-bar-section .has-dropdown>a {
    padding: 0 35px !important;
}.top-bar-section .dropdown::before {
  border: 9px solid;
  border-color: transparent transparent #ef3434 transparent;
  content:"";
  left: 0;
  margin: auto;
  right: 0;
  position: absolute;
  top: -16px;
  width: 10px;
}
/*----Header----*/
.header-wrapper {
  position: relative;
  width: 100%;
  z-index: 9999;
}.header-wrapper.home {
    display: block;
    height: auto;
    position: absolute;
    width: 100%;
    z-index: 9999;
}i.fab.fa-facebook {
    background: #fa6d32; /* Old browsers */
	background: -moz-linear-gradient(left, #fa6d32 0%, #f6382e 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, #fa6d32 0%,#f6382e 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, #fa6d32 0%,#f6382e 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fa6d32', endColorstr='#f6382e',GradientType=1 ); /* IE6-9 */
	-webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    margin: 20px 10px 0;
    font-size: 30px;
	transition: all 0.3s ease-in-out;
}i.fab.fa-facebook:hover{
	transform: translateY(-3px);
}i.fab.fa-instagram {
    background: #fa6d32; /* Old browsers */
	background: -moz-linear-gradient(left, #fa6d32 0%, #f6382e 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, #fa6d32 0%,#f6382e 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, #fa6d32 0%,#f6382e 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fa6d32', endColorstr='#f6382e',GradientType=1 ); /* IE6-9 */
	-webkit-text-fill-color: transparent;
	-webkit-background-clip: text;
    margin: 20px 10px 0;
    font-size: 30px;
	transition: all 0.3s ease-in-out;
}i.fab.fa-instagram:hover{
	transform: translateY(-3px);
}i.fab.fa-twitter {
    background: #fa6d32; /* Old browsers */
	background: -moz-linear-gradient(left, #fa6d32 0%, #f6382e 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, #fa6d32 0%,#f6382e 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, #fa6d32 0%,#f6382e 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fa6d32', endColorstr='#f6382e',GradientType=1 ); /* IE6-9 */
	-webkit-text-fill-color: transparent;
	-webkit-background-clip: text;
    margin: 20px 10px 0;
    font-size: 30px;
	transition: all 0.3s ease-in-out;
}i.fab.fa-twitter:hover{
	transform: translateY(-3px);
}.header-details {
    padding: 0;
    z-index: -1;
    position: relative;
}.header-details .header-content span {
  font-family: Patua One, sans-serif;
}.header-details .header-content .header-btn {
  background: #000000;
  color: white;
  display: block;
  font-family: Patua One, sans-serif;
  font-size: 13px;
  font-weight: lighter;
  letter-spacing: 1px;
  margin: 27px 0;
  max-width: 270px;
  padding: 0;
  width: 100%;
}.header-details .header-content .header-btn a{
  display: block;
  padding: 13px 0px;
  width: 100%;
  -webkit-transition: all 400ms ease;
  -moz-transition: all 400ms ease;
  -ms-transition: all 400ms ease;
  -o-transition: all 400ms ease;
  transition: all 400ms ease;
}.header-details .header-content .header-btn a:hover {
  background:#ef3434;  
}.header-details .header-company-title {
  margin: 58px 0 6px;
}.header-details .header-company-title a {
  font-size: 1.2em;
  line-height: 1.6em;
  text-transform: uppercase;
}.header-inner-wrapper {
  float: left;
  left: 0px;
  padding-top: 0px;
  position: relative;
  right: 0;
  top: 0px;
  width: 100%;
}.header-inner-wrapper .logo-wrapper {
  float:left;
  padding-left: 9%;
  padding-right: 32px;
}.header-inner-wrapper .logo-wrapper h1 {
  font-size: 1em;
  margin: 5px 0;
}.header-inner-wrapper .logo-wrapper img {
  -webkit-transition: all 400ms ease;
  -moz-transition: all 400ms ease;
  -ms-transition: all 400ms ease;
  -o-transition: all 400ms ease;
  transition: all 400ms ease;
}.header-inner-wrapper .logo-wrapper img:hover {
    transform: translateY(-4px);
}.header-inner-wrapper .header-phone {
  padding: 16px 20px;
}.header-inner-wrapper .header-phone span {
  color: #ef3434;
  display: block;
  font-family: Patua One, sans-serif;
  font-size: 20px;
  font-weight: bold;
}.header-inner-wrapper.sticky {
    background: transparent url(https://rudishotsauce.com/wp-content/uploads/2018/04/slider-background.jpg) repeat top left;
    box-shadow: 1px 1px 30px 0px rgba(0,0,0,0.4);
    padding: 0px;
    position: fixed;
    top: 0px;
    z-index: 99999;
}.header-inner-wrapper.sticky .logo-wrapper {
  padding-top: 0px;
}.header-inner-wrapper.sticky .logo-wrapper img {
    max-width: 115px;
}.header-inner-wrapper.sticky .navigation-wrapper {
    padding: 47px 0px 27px;
}.header-inner-wrapper.sticky .header-phone {
    padding-top: 35px;
}.header-inner-wrapper.sticky .top-bar-section li.active:not(.has-form) a:not(.button), 
.header-inner-wrapper.sticky .top-bar-section li:not(.has-form) a:not(.button) {
  line-height:45px;
} .admin-bar p.demo_store, .woocommerce-store-notice, p.demo_store {
    bottom: 0;
    top: unset;
    position: fixed;
    background: #ef3434;
    font-size: 22px;
    padding: 30px 0;
} .woocommerce-store-notice a, p.demo_store a {
    color: #181818;
    text-decoration: underline;
    display: none;
    margin: 0;
} .xoo-wsc-basket {
    background-color: #ffffff;
    bottom: 10px;
    position: fixed;
}
/*----Slider-----*/
.slick-background-wrapper {
  left: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  z-index: 999;
  width: 100% !important;
}.slick-background-wrapper::after {
  background: transparent url("https://rudishotsauce.com/wp-content/uploads/2018/04/slider-background.jpg") no-repeat top left;
  content: "";
  height: 100%;
  left: 0px;
  position:absolute;
  top: 0px;
  width: 100%;
  z-index:-1;
}.slider-wrapper {
    position: relative;
    height: calc(80vh - 2px);
    z-index: 9;
}.slider-wrapper::after {
  border-top: 4px double #b0b0b0;
  content: "";
  margin-top: -20px;
  position: absolute;
  width: 100%;
  display: none;
} .slide-content {
    display: inline-block;
    width: 40%;
    height: 500px;
    z-index: 2;
    margin: 0 auto;
    right: 0;
    left: -10%;
    top: 40%;
    position: absolute;
    text-align: right;
} .slide-content h2 {font-family: Patua One, sans-serif; font-size: 43px; text-transform: uppercase; color: #181818;}
  .slide-content p {font-family: Passion One, sans-serif; font-size: 29px; text-transform: uppercase; color: #ef3434;}
  .slide-content span {
    right: 0;
    position: absolute;
    top: -30px;
} .slide-content a {
display: inline-block;
font-size: 17px;
font-family: Patua One, sans-serif;
color: #fff;
padding: 10px 40px;
line-height: 40px;
letter-spacing: 1px;
text-transform: uppercase;
background: #ef3434; /* Old browsers */
background: -moz-linear-gradient(top, #ef3434 0%, #f11b20 100%, #7db9e8 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #ef3434 0%,#f11b20 100%,#7db9e8 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #ef3434 0%,#f11b20 100%,#7db9e8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ef3434', endColorstr='#7db9e8',GradientType=0 ); /* IE6-9 */;
transition: all 0.4s ease-in-out;
}
.slide-content a:hover {
 transform: translateY(-3px);
 box-shadow: 0 10px 30px rgba(0,0,0,0.3);
} .xoo-wsc-footer a.button {
 display: inline-block;
font-size: 17px;
font-family: Patua One, sans-serif;
color: #fff;
padding: 5px 30px;
line-height: 30px;
letter-spacing: 1px;
text-transform: uppercase;
background: #ef3434; /* Old browsers */
background: -moz-linear-gradient(top, #ef3434 0%, #f11b20 100%, #7db9e8 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #ef3434 0%,#f11b20 100%,#7db9e8 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #ef3434 0%,#f11b20 100%,#7db9e8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ef3434', endColorstr='#7db9e8',GradientType=0 ); /* IE6-9 */;
transition: all 0.4s ease-in-out;
}  .xoo-wsc-footer a.button:hover {
 transform: translateY(-3px);
 box-shadow: 0 10px 30px rgba(0,0,0,0.3);
} .xoo-wsc-ctxt {
    font-family: 'Patua One', sans-serif;
} .xoo-wsc-content a {
    font-family: 'Patua One', sans-serif;
    font-size: 15px;
} .xoo-wsc-price {
    font-family: 'Montserrat', sans-serif;
}

/*-----Homepage------*/
.top-section {
  min-height: 656px;
}.lime-img {
    margin-top: -90px;
    position: absolute;
    right: 0;
    max-width: 330px;
}.note-bg {
    background: url(https://rudishotsauce.com/wp-content/uploads/2018/04/note-bg.png) no-repeat top left;
    position: relative;
    margin: 0 auto;
    height: 800px;
    bottom: -30px;
    z-index: 2;
}.note-container {
    top: 20%;
} .note-container h2 {
  font-family: 'Patua One", sans-serif;
  font-size: 45px;
  line-height: 1.6;
background: -moz-linear-gradient(left, rgba(250,110,50,1) 0%, rgba(249,37,26,1) 100%);
background: -webkit-linear-gradient(left, rgba(250,110,50,1) 0%, rgba(249,37,26,1) 100%);
background: -o-linear-gradient(left, rgba(250,110,50,1) 0%, rgba(249,37,26,1) 100%);
background: -ms-linear-gradient(left, rgba(250,110,50,1) 0%, rgba(249,37,26,1) 100%);
background: linear-gradient(to right, rgba(250,110,50,1) 0%, rgba(249,37,26,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fa6e32', endColorstr='#f9251a', GradientType=1 );
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
  margin: 50px 0 0;
} .note-container p.initial-p {
    margin: 80px 0 0;
} .note-container p {
  font-size: 19px;
  color: #282828;
  font-family: 'Montserrat', sans-serif;
  line-height: 1.6;
  font-weight: 500;
}
.bottom-section h2 {
  font-size: 2em;
  letter-spacing: 1px;
}.list-box {
  margin-top: 25px;
  padding: 20px 80px 25px 40px;
}.list-box h2 {
  font-size: 34px;
  line-height: 48px;
  margin-left: 20px;
}ul.squared {
  margin-top: 10px;
  margin-left: 0 !Important;
}ul.squared li {
  font-family:Playfair Display, serif;
  font-size:19px;
  line-height:2.1em;
  letter-spacing:0.3px;
}ul.squared li a {
  color:#7c7c7c ;
}ul.squared li::before {
  color:#ef3434;
  content:"\25A0";
  font-size:25px;
  margin-right:10px;
}ul.squared.inline li {
  display:inline-block;
  padding-left:20px;
} 
/*----Content----*/
.content-wrapper-main {
  background: #fa6b32; /* Old browsers */
background: -moz-linear-gradient(left, #fa6b32 0%, #f63f2f 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #fa6b32 0%,#f63f2f 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #fa6b32 0%,#f63f2f 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fa6b32', endColorstr='#f63f2f',GradientType=1 ); /* IE6-9 */
  max-width: 100%;
  position: relative;
  width: 100%;
}.content-wrapper-main h2 {
  color:#ef3434;
  font-family:Patua One, sans-serif;
  font-size: 2.2rem;
  letter-spacing: 2px;
  line-height: 47px;
  margin-bottom: 0.4em;
}.content-wrapper-main ul {
  color: #282828;
  font-family: Patua One, sans-serif;
  font-size: 16px;
  margin-left: 1.9rem;
}.content-wrapper-main .button-one {
  background: #ef3434;
  color:white;
  display:inline-block;
  font-family: Patua One, sans-serif;
  line-height:10px;
  margin:20px 0px;
  max-width:200px;
  padding:16px 20px;
  text-align:center;
  width:100%;
  -webkit-transition: all 800ms ease;
  -moz-transition: all 800ms ease;
  -ms-transition: all 800ms ease;
  -o-transition: all 800ms ease;
  transition: all 800ms ease;
}.content-wrapper-main .button-one:hover {
  box-shadow:0px 10px 10px 0px rgba(0, 0, 0, 0.15);
}.content-wrapper-main .service {
  border-left: 1px solid #dddddd;
  margin: 10px 0px;
}.content-wrapper {
  max-width: 100%;
  position: relative;
  width: 100%;
}.mid-section {
    top: -20px;
}.content-wrapper h2 {
  color:#ef3434;
  font-family:Patua One, sans-serif;
  font-size: 2.2rem;
  letter-spacing: 2px;
  line-height: 47px;
  margin-bottom: 0.4em;
}.content-wrapper ul {
  color: #282828;
  font-family: Patua One, sans-serif;
  font-size: 16px;
  margin-left: 1.9rem;
}.content-wrapper .button-one {
  background: #ef3434;
  color:white;
  display:inline-block;
  font-family: Patua One, sans-serif;
  line-height:10px;
  margin:20px 0px;
  max-width:200px;
  padding:16px 20px;
  text-align:center;
  width:100%;
  -webkit-transition: all 800ms ease;
  -moz-transition: all 800ms ease;
  -ms-transition: all 800ms ease;
  -o-transition: all 800ms ease;
  transition: all 800ms ease;
}.content-wrapper .button-one:hover {
  box-shadow:0px 10px 10px 0px rgba(0, 0, 0, 0.15);
}.content-wrapper .service {
  border-left: 1px solid #dddddd;
  margin: 10px 0px;
}
/*----Cards----*/
.card {
  background: #181818;
  float:left;
  padding: 20px 20px;
  position:relative;
  width: 100%;
  animation-name: fadeIn; 
    animation-duration: 1s;
    -webkit-animation-name: fadeIn; 
    -webkit-animation-duration: 1;
	top: 70px;
}.card::before {
    box-shadow: none;
    content: "";
    height: 100%;
    left: 0px;
    position: absolute;
    top: -80px;
    background: url(https://rudishotsauce.com/wp-content/uploads/2018/04/top-card-border.png) no-repeat;
    width: 100%;
     animation-name: fadeIn; 
    animation-duration: 1s;
    -webkit-animation-name: fadeIn; 
    -webkit-animation-duration: 1;
    z-index: 99999;
    background-size: contain;
}.card::after {
	box-shadow: none;
    content: "";
    height: 100%;
    left: 0px;
    position: absolute;
    bottom: -465px;
    background: url(https://rudishotsauce.com/wp-content/uploads/2018/04/bottom-card-border.png) no-repeat;
    width: 100%;
    animation-name: fadeIn;
    animation-duration: 0.5s;
    -webkit-animation-name: fadeIn;
    -webkit-animation-duration: 2;
    z-index: 999;
    background-size: contain;
}.card2 {
  background: #181818;
  float:left;
  padding: 20px 20px;
  position:relative;
  width: 100%;
  animation-name: fadeIn; 
    animation-duration: 2s;
    -webkit-animation-name: fadeIn; 
    -webkit-animation-duration: 2;
}.photo-shadow {
    box-shadow: 0 30px 50px rgba(0,0,0,0.4);
    margin: 80px 0 0;
}.small-card {
    display: inline-block;
    max-width: 850px;
    width: 100%;
    z-index: 999;
}.small-card .card-content {
  border: none;
  float:left;
  padding: 15px 55px;
}.small-card .card-content h2 {
  font-size: 50px;
  letter-spacing: 0px;
  line-height: 50px;
  text-align: center;
  margin:20px 0px;
  background: -webkit-linear-gradient(left, #fa6b32, #f6382e);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}.pepper-hr {
    content: " ";
    background: url(https://rudishotsauce.com/wp-content/uploads/2018/04/pepper-border.png) no-repeat;
    left: 0;
    position: absolute;
    right: 0;
    margin: 30px auto;
    width: 140px;
    z-index: 2;
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    height: 50px;
    display: inline-block;
}.pepper-hr1 {
    content: " ";
    background: url(https://rudishotsauce.com/wp-content/uploads/2018/04/pepper-border.png) no-repeat;
    left: 0;
    position: absolute;
    display: inline-block;
    right: 0;
    margin: 30px auto;
    width: 140px;
    z-index: 2;
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    height: 50px;
}.pepper-hr2 {
    content: " ";
    background: url(https://rudishotsauce.com/wp-content/uploads/2018/04/pepper-border.png) no-repeat;
    margin: 40px auto;
    width: 140px;
    position: absolute;
    z-index: 2;
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    height: 50px;
    display: inline-block;
    left: 0;
    right: 0;
} .card-content blockquote {
    margin: 0 0 1.25rem;
    border-left: none;
    text-align: center;
    color: #f6382e;
    font-size: 27px;
    font-family: "patua one", sans-serif;
    line-height: 1.5;
    max-width: 450px;
    margin: 0 auto;
    padding: 90px 0 0;
}.small-card .card-content p {
    font-size: 17px;
    line-height: 1.8;
    font-family: 'Montserrat', sans-serif;
    color: #8d8d8d;
    text-align: center;
}.small-card .card-content p strong {
    margin: 80px 0 0 !important;
    display: block;
}.medium-card {
  max-width: 840px;
  width:100%;
}.medium-card .card-content {
  border: 4px double #dadada;
  padding: 65px 110px;
}.medium-card .card-content h2 {
  font-size: 33px;
  letter-spacing: 1px;
  margin-bottom: 0.5em;
  margin-top: 0.5em;
}.medium-card .card-content p {
    font-size: 17px;
    line-height: 1.8;
    font-family: 'Montserrat', sans-serif;
    color: #8d8d8d;
    text-align: center;
}.large-card .card-content {
  border: 4px double #dadada;
  float:left;
  padding: 15px 40px;
}.large-card .card-content h2 {
  font-size: 33px;
  letter-spacing: 1px;
  margin-bottom: 0.5em;
}.large-card .card-content p {
  color:#282828;
  font-size: 15px;
  line-height: 25px;
  margin: 20px 0px;
}.large-card {
  max-width: 1000px;
  width:100%;
}.contact-card {
  display: inline-block;
  max-width: 700px;
  width: 100%;
  z-index: 1;
}.contact-card .card-content {
  border: 4px double #dadada;
  padding: 15px 65px;
}.box-shadow {
    box-shadow: 0 10px 60px rgba(0,0,0,0.65);
}
/*----CTA section----*/
.cta-section {
    background: url(https://rudishotsauce.com/wp-content/uploads/2018/04/bottom-cta-bg.jpg);
    background-size: cover;
    bottom: 100px;
    position: relative;
    z-index: 1;
}.cta-section .cta-inner-section {
    padding: 200px 0px;
}.cta-section .cta-inner-section h2 {
  color:#ffffff;
  font-size: 33px;
  letter-spacing: 1px;
  line-height: 35px;
  margin-bottom: 30px;
}.cta-section .cta-inner-section p {
  color:#ffffff;
}.cta-section a {
    font-size: 17px;
    font-family: Patua One, sans-serif;
    color: #fff;
    padding: 20px 40px;
    line-height: 40px;
    letter-spacing: 1px;
    text-transform: uppercase;
    background: #ef3434;
    background: -moz-linear-gradient(top, #ef3434 0%, #f11b20 100%, #7db9e8 100%);
    background: -webkit-linear-gradient(top, #ef3434 0%,#f11b20 100%,#7db9e8 100%);
    background: linear-gradient(to bottom, #ef3434 0%,#f11b20 100%,#7db9e8 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ef3434', endColorstr='#7db9e8',GradientType=0 );
    transition: all 0.5s ease-in-out;
}.cta-section a:hover {
 transform: translateY(-2px);
 box-shadow: 0 0 30px rgba(0,0,0,0.3);
}.cta-section .cta-inner-section .button:hover {
  box-shadow: 0px 10px 19px 11px rgba(0, 0, 0, 0.26);
}.cta-section .cta-inner-section .button a {
  color:#ffffff;
  display: block;
  font-size:15px;
  padding:15px 0;
} .xoo-wsc-items-count {
    background-color: #000;
    color: #ffffff;
} #sb_instagram .sb_instagram_header {
    float: left;
    clear: both;
    margin: 50px 0 10px 0;
    padding: 0;
    line-height: 1.2;
    width: 100%;
}
/*---- Comments section ----*/
#comments {
    background-color: unset;
} .woocommerce #reviews #comments ol.commentlist li .comment-text {
    margin: 0;
    border: 1px solid #ccc;
    border-radius: 0;
    padding: 1em 1em 0;
} .comment-text p {
    font-size: 17px;
    line-height: 1.5;
} .woocommerce div.product .woocommerce-product-rating {
    margin-bottom: unset;
    margin: 30px 0 0;
} .woocommerce .star-rating span::before {
    content: '\53\53\53\53\53';
    top: 0;
    position: absolute;
    left: 0;
    color: #ef3434;
} a.woocommerce-review-link {
    font-family: 'Patua One', sans-serif;
} .single-product.woocommerce span.onsale {
    z-index: 9;
    display: none;
} .price ins {
    text-decoration: none;
} .product-price ins {
    text-decoration: none;
    color: red;
} tr.woocommerce-cart-form__cart-item.cart_item {
    font-family: 'Patua One', sans-serif;
} tr.woocommerce-cart-form__cart-item.cart_item td {
    font-family: 'Patua One', sans-serif;
    font-size: 16px;
} .woocommerce-cart-form__contents tr th {
    font-size: 18px;
    font-family: 'Patua One', sans-serif;
} .woocommerce .quantity .qty {
    width: 3.631em;
    text-align: center;
    position: relative;
    left: 20px;
} .price del {
    color: #333;
} .store-notice {
    display: block !important;
    color: #fff !important;
    text-decoration: none !important;
    font-size: 25px;
}
/*----Retailers Map----*/
.wpsl-back {
    display: inline-block;
    font-family: 'Patua One', sans-serif;
    font-size: 20px;
    color: #ef3434;
    transition: all 0.3s ease-in-out;
} #wpsl-wrap .wpsl-icon-direction {display: none !important;}
/*----Inner Pages---*/
.inner-page .header-inner-wrapper {
    background: transparent url(https://rudishotsauce.com/wp-content/uploads/2018/04/slider-background.jpg) repeat top left;
    box-shadow: 1px 1px 30px 0px rgba(0,0,0,0.4);
    padding: 0px;
    position: relative;
    top: 0px;
    z-index: 99999;
}.inner-page .logo-wrapper {
  text-align: center;
  padding-left: 85px;
  padding-right: 0px;
  -webkit-transition: all 650ms ease;
  -moz-transition: all 650ms ease;
  -ms-transition: all 650ms ease;
  -o-transition: all 650ms ease;
  transition: all 650ms ease;
}.inner-page .logo-wrapper img {
    max-width: 115px;
    padding-top: 0px;
}.inner-page .navigation-wrapper {
    padding: 47px 0px 27px;
}.inner-page .header-phone {
    padding-top: 35px;
}.inner-wrapper .top-bar-section li.active:not(.has-form) a:not(.button), 
.inner-wrapper .top-bar-section li:not(.has-form) a:not(.button) {
  line-height:55px;
}.header-wrapper.inner-page {
  height: 105px;
}.main-wrapper.inner-page {
  padding-top: 90px;
  background: #fff;
}.main-wrapper.inner-page h1 {
    color: #ef3434;
    font-size: 2.3rem;
    letter-spacing: 2px;
    line-height: 50px;
    margin: 20px 0px;
    font-family: 'Patua One', sans-serif;
}#wpsl-wrap {
    position: relative;
    overflow: hidden;
    background: #fff;
    box-shadow: 0 20px 60px rgba(0,0,0,0.3);
    border-radius: 10px;
    margin-bottom: 70px;
}.inner-page p {
    font-family: Montserrat, sans-serif;
    font-size: 17px;
    line-height: 1.8;
    color: #181818;
}.inner-page p strong {
  font-weight: 500;
}.inner-page .cta-section {
  margin-top: 100px;
}.plate-img {
  bottom: 0px;
  position: absolute;
  right: 45px;
} .inner-page .card::after {display: none;}
.title-section h2 {
    color: #fff;
} .translateY {
    transition: all 0.4s ease-in-out;
    border-top-right-radius: 120px;
}
.translateY:hover {
    transform: translateY(-7px);
    box-shadow: 0 15px 50px rgba(0,0,0,0.5);
}
/*----WooCommerce Page----*/
.woocommerce span.onsale {
    background-color: #ef3434;
    border-radius: 250px;
    width: 60px;
    height: 60px;
    line-height: 3.9;
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    letter-spacing: 1px;
    left: -20px !important;
    top: -5px !important;
} .woocommerce {
    background: #fff;
    margin: 0 auto;
    max-width: 100%;
    padding: 0;
    width: 100%;
}  .woocommerce .footer-wrapper {
    bottom: 0;
    position: relative;
    clear: both;
} .product-list-wrapper {
    width: 100%;
    max-height: 75em;
    background: #FFF;
    margin: 80px auto;
}.woocommerce div.product .woocommerce-tabs .panel {
    margin: 0 0 2em;
    padding: 50px;
    background: #fff;
    width: 100%;
    position: relative;
} .woocommerce div.product .woocommerce-tabs ul.tabs li a {
    display: inline-block;
    padding: .5em 0;
    font-weight: 700;
    color: #282828;
    text-decoration: none;
    font-size: 20px;
    font-family: 'Patua One', sans-serif;
    letter-spacing: 0.5px;
} .related.products {
    padding: 0 0 50px 0;
} .page-wrapper.single-product .row .product {
    padding: 55px 15px 30px;
} .woocommerce div.product p.price, .woocommerce div.product span.price {
    color: #ef3434;
    font-size: 45px;
} .woocommerce div.product .product_title {
    clear: none;
    margin-top: 0;
    padding: 0;
    font-family: 'Patua One', sans-serif;
    font-size: 60px;
    margin: 25px 0 0;
    line-height: 0.5;
} span.posted_in {
    font-size: 22px;
    font-family: 'Passion One', sans-serif;
    color: #ef3434;
} span.posted_in a {
    font-size: 22px;
    font-family: 'Passion One', sans-serif;
} .woocommerce div.product div.images img {
    width: auto;
} .woocommerce div.product form.cart .button {
    vertical-align: middle;
    float: none;
    display: block;
    clear: both;
    background: #ef3434;
    min-width: 300px;
    height: 50px;
    border-radius: 10px;
    top: 10px;
    position: relative;
    transition: all 0.4s ease-in-out;
} .woocommerce div.product form.cart .button:hover {
    transform: translateY(-3px);
} .slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    margin: 10px 0 0;
} li.slick-slide.slick-active {
    width: 100px !important;
    margin: 0 10px 0 0;
} .woocommerce #content div.product .woocommerce-tabs, .woocommerce div.product .woocommerce-tabs, .woocommerce-page #content div.product .woocommerce-tabs, .woocommerce-page div.product .woocommerce-tabs {
    clear: none;
    width: 50%;
    display: inline-block;
} .woocommerce .woocommerce-ordering select {
    vertical-align: top;
    line-height: 1;
} .woocommerce .woocommerce-result-count {
    margin: 5px 0 0 20px;
    float: right;
} .product-list-wrapper h1.page-title {
    font-family: 'Patua One', sans-serif;
    font-size: 40px;
    margin: 0 0 30px 0;
} .woocommerce ul.products li.product .woocommerce-loop-category__title, .woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce ul.products li.product h3 {
    padding: .5em 0;
    margin: 0;
    font-size: 25px;
} .woocommerce ul.products li.product a img {
    width: 100%;
    height: auto;
    display: block;
    margin: 0 0 1em;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-bottom-left-radius: 0;
    transition: all 0.4s ease-in-out;
    border-top-right-radius: 120px;
} .woocommerce ul.products li.product a img:hover {
    transform: translateY(-7px);
    box-shadow: 0 15px 50px rgba(0,0,0,0.5);
} .woocommerce ul.products li.product-category a img {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}.woocommerce ul.products li.product .button {
    margin-top: 1em;
    background: #ef3434;
    color: #fff;
    font-family: 'Patua One', sans-serif;
    letter-spacing: 0.5px;
    font-weight: 400;
    font-size: 18px;
    transition: all 0.4s ease-in-out;
} .woocommerce ul.products li.product .button:hover {
    transform: translateY(-3px);
}.woocommerce ul.products li.product .price {
    color: #181818;
    display: block;
    font-weight: 500;
    margin-bottom: .5em;
    font-size: 25px;
    font-family: 'Patua One', sans-serif;
    line-height: 1;
    font-weight: 800;
} .woocommerce div.product div.images img {
    width: auto;
    border-top-left-radius: 0;
    border-top-right-radius: 120px;
} img.attachment-shop_thumbnail.size-shop_thumbnail {
    border-top-right-radius: 0 !important;
    border-bottom-left-radius: 120px;
    border-top-left-radius: 0 !important;
    border-bottom-right-radius: 120px;
} .wpis-slider-nav img {
    opacity: .6;
    transition: all 0.4s ease-in-out;
}  a.added_to_cart.wc-forward {
    display: inline-block;
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    background: #fff;
    border: 1px solid #ccc;
    padding: 15px 10px 15px 20px;
    border-radius: 10px;
    margin: 10px 0 0;
    font-family: 'Patua One', sans-serif;
    font-size: 20px;
    transition: all 0.4s ease-in-out;
} a.added_to_cart.wc-forward:hover {
    transform: translateY(-4px);
    border: none;
    box-shadow: 0 10px 40px rgba(0,0,0,0.2);
} form.woocommerce-cart-form {
    width: 80%;
    margin: 60px auto;
    position: relative;
    display: block;
    clear: both;
} .woocommerce .cart-collaterals, .woocommerce-page .cart-collaterals {
    width: 90%;
    display: inline-block;
} .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt {
	background: #ef3434;
    background: -moz-linear-gradient(top, #ef3434 0%, #f11b20 100%, #7db9e8 100%);
    background: -webkit-linear-gradient(top, #ef3434 0%,#f11b20 100%,#7db9e8 100%);
    background: linear-gradient(to bottom, #ef3434 0%,#f11b20 100%,#7db9e8 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ef3434', endColorstr='#7db9e8',GradientType=0 );
    transition: all 0.4s ease-in-out;
}  .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover {
	transform: translateY(-4px);
	box-shadow: 0 10px 30px rgba(0,0,0,0.2);
} .woocommerce-error, .woocommerce-info, .woocommerce-message {
    padding: 1em 2em 1em 3.5em;
    width: 80%;
    margin: 40px auto;
    position: relative;
    background-color: #f7f6f7;
    color: #515151;
    border-top: 3px solid transparent;
    border-top-color: transparent;
    list-style: none outside;
    width: auto;
    word-wrap: break-word;
} form.checkout.woocommerce-checkout {
    width: 100%;
    margin: 50px auto;
} .woofc-inner .woofc-wrapper {
    background: #fff;
}
.woofc-pos-bottom-right .woofc-trigger, .woofc-pos-top-right .woofc-trigger {
    right: 0;
    background: #fa6b32;
    background: -moz-linear-gradient(left, #fa6b32 0%, #f63f2f 100%);
    background: -webkit-linear-gradient(left, #fa6b32 0%,#f63f2f 100%);
    background: linear-gradient(to right, #fa6b32 0%,#f63f2f 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fa6b32', endColorstr='#f63f2f',GradientType=1 );
    border-radius: 0;
}.woofc-trigger .woofc-count {
    position: absolute;
    height: 28px;
    width: 28px;
    background: #000;
    color: #fff;
    font-size: 15px;
    font-weight: 700;
    border-radius: 50%;
    font-family: 'Patua One', sans-serif;
    text-indent: 0;
    opacity: 0;
    padding: 0;
    margin: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transition: opacity .2s .5s, -webkit-transform .2s .5s;
    transition: opacity .2s .5s, -webkit-transform .2s .5s;
    transition: opacity .2s .5s, transform .2s .5s;
    transition: opacity .2s .5s, transform .2s .5s, -webkit-transform .2s .5s;
    list-style: none;
} .woofc-trigger.woofc-icontype-image .woofc-trigger-cart-icon {
    background-image: none !important;
}  .woofc-inner a.woofc-checkout {background: #080808;}
.woofc-trigger.woofc-icontype-image .woofc-trigger-cart-icon::after {
    background-image: none;
    content: "\f291";
    color: #fff;
    font-family: FontAwesome;
    font-style: normal;
    background: none;
    font-size: 35px;
    position: absolute;
    text-decoration: inherit;
    width: 100%;
    height: 100%;
    left: 15px;
    right: 0;
    display: inline-block;
    top: 25px;
} .woofc-inner .woofc-wrapper {
    position: absolute;
    z-index: 2;
    height: 72px;
    width: 72px;
    border-radius: 6px;
    -webkit-transition: height .4s .1s, width .4s .1s, -webkit-box-shadow .3s;
    transition: height .4s .1s, width .4s .1s, -webkit-box-shadow .3s;
    transition: height .4s .1s, width .4s .1s, box-shadow .3s;
    transition: height .4s .1s, width .4s .1s, box-shadow .3s, -webkit-box-shadow .3s;
    -webkit-transition-timing-function: cubic-bezier(0.67, 0.17, 0.32, 0.95);
    transition-timing-function: cubic-bezier(0.67, 0.17, 0.32, 0.95);
    -webkit-box-shadow: 0 4px 30px rgba(0,0,0,0.17);
    box-shadow: 0 10px 40px rgba(0,0,0,0.5);
    pointer-events: auto;
    background: #fff !important;
}
/*----FAQ Page----*/
.faq h2 {
  font-size: 1.6em;
}.faq p {
    border-left: none;
    padding-left: 20px;
}
/*----Gallery----*/
.gallery-shell .title-section {
  padding: 18px 0px !important;
}.gallery-nav {
  margin:0px !important; 
  max-width: 100%;
  padding:40px 0px;
  width: 245px;
}.gallery-nav li {
  color:#282828;
  cursor:pointer;
  font-size:14px;
  margin:0;
  padding:23px 0px;
  text-transform:uppercase;
}.gallery-scope li:hover, 
.gallery-scope li.active-selection {
  color: #ef3434;
}.gallery-images {
  display: block;
  max-width: 78.5%;
  width: 100%;
}.gallery-images img {
  max-width: 370px;
  width: 100%;
}.gallery-images a { 
  display:block;
  margin-bottom: 20px;
  margin-right:20px;
  max-width: 370px;
  width: 100%;
}.gallery-images a:hover::before {
  background: #ef3434;
  content: "";
  height:100%;
  opacity:0.7;
  position: absolute;
  width: 100%;
  z-index: 1;
}.gallery-images a:hover::after {
  color: #ffffff;
  content: "\f00e";
  font-family: "FontAwesome";
  font-size: 54px;
  left: 0;
  position: absolute;
  text-align: center;
  top: 50%;
  width: 100%;
  z-index: 2;
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
/*-----Offsets----*/
.top-offset-large {
    margin-top: -130px;
}.top-offset-medium {
  margin-top: -100px;
}.top-offset-small {
  margin-top: -30px;
}.right-offset-large {
  margin-right: -170px;
}.right-offset-medium {
  margin-right: 100px; 
}.right-offset-small {
  margin-right: -30px;
}.left-offset-large {
  margin-left: -170px;
}.left-offset-medium {
  margin-left: 100px; 
}.left-offset-small {
  margin-left: -30px;
}.bottom-offset-large {
  margin-bottom: 170px;
}.bottom-offset-medium {
  margin-top: 50px;
}.bottom-offset-small {
  margin-top: 30px;
}
/*------Absolutes------*/
.absolute-left {
  left:0px;
  position:absolute;
}.absolute-right {
  position:absolute;
  right:0px;
}
/*-------Contact Page-------*/
.contact-info,
.contact-phone,
.contact-email {
  color:#ef3434 !important;
  margin:20px 0px !important;
  padding-left: 20px;
}.contact-info:before {
  color:#ef3434;
  content: "\f0ac";
  font-family:"FontAwesome";
  margin-left:-20px;
  padding-right: 6px;
}.contact-phone:before {
  color:#ef3434;
  content: "\f095";
  font-family:"FontAwesome";
  margin-left:-20px;
  padding-right: 6px;
}.contact-email:before {
  color:#ef3434;
  content: "\f003";
  font-family:"FontAwesome";
  margin-left:-20px;
  padding-right: 6px;
}.contact-wrapper {
  padding: 78px 0px !important;
}.contactForm {
    margin: 0px 0 70px 0px;
    padding: 0;
}.contactForm  label{
  display: block;
  font-weight: bold;
} .contactForm input::placeholder, .contactForm textarea::placeholder {
    color: #000;
} textarea#order_comments::placeholder {
    color: #000;
}.contactForm input, .contactForm textarea {
    border: 1px solid #ccc;
    box-shadow: none;
    color: #000;
    font-family: 'Patua One', sans-serif;
    margin: 10px 0px;
    padding: 3px;
    padding-left: 23px;
    width: 100%;
    -webkit-transition: all 800ms ease;
    -moz-transition: all 800ms ease;
    -ms-transition: all 800ms ease;
    -o-transition: all 800ms ease;
    transition: all 800ms ease;
    background-color: transparent;
}.contactForm input:focus, .contactForm textarea:focus {
    background-color: #ffffff;
    border: 1px solid #ccc;
    box-shadow: 0px 5px 30px 0px rgba(0,0,0,0.2);
    color: #000000;
    padding-left: 23px;
    transform: translateY(-2px);
} .contactForm textarea {
  width: 100%;
} .formError .formErrorContent {
    background: #080808;
    position: relative;
    z-index: 5001;
    color: #fff;
    width: 170px;
    font-family: 'Patua One', sans-serif;
    font-size: 13px;
    border: 2px solid #ddd;
    box-shadow: 0 0 6px #000;
    -moz-box-shadow: 0 0 6px #000;
    -webkit-box-shadow: 0 0 6px #000;
    padding: 4px 10px;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}.formError .formErrorArrow div {
    border-left: 2px solid #ddd;
    border-right: 2px solid #ddd;
    box-shadow: 0 2px 3px #444;
    -moz-box-shadow: 0 2px 3px #444;
    -webkit-box-shadow: 0 2px 3px #444;
    height: 1px;
    background: #000;
    margin: 0 auto;
    line-height: 0;
    font-size: 0;
    display: block;
}.contactForm input {
  height:40px;
}.contactForm .captchaWrapper {
  margin-top: 0;
}.contactForm .captchaRefresh {
  vertical-align: top;
}.contactForm .submitWrapper {
  display: inline-block;
  margin-top: 8px;
  text-align: center;
  width: 46%;
}.contactForm .submitWrapper span.submit {
  background-color: #ef3434;
  color: white;
  cursor: pointer;
  display: inline-block;
  font-family: Patua One, sans-serif;
  padding: 9px 20px;
  max-width: 440px;
  width: 100%;
  -webkit-transition: all 800ms ease;
  -moz-transition: all 800ms ease;
  -ms-transition: all 800ms ease;
  -o-transition: all 800ms ease;
  transition: all 800ms ease;
}.contactForm .submitWrapper span.submit:hover {
    box-shadow: 0px 10px 30px 0px rgba(0,0,0,0.3);
    transform: translateY(-3px);
}.emailConfirmation {
  margin: 0 auto;
  text-align:center;
}.emailConfirmation h1 {
  color: #00CC00;
} input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
  color:#ffffff;
  font-weight:lighter;
} input:focus::-webkit-input-placeholder, textarea:focus::-webkit-input-placeholder {
  color:#ef3434;
} input:focus:-moz-placeholder, textarea:focus:-moz-placeholder {
  color:#ef3434;
  opacity:1;
} input:focus::-moz-placeholder, textarea:focus::-moz-placeholder {
  color:#ef3434;
  opacity:1;
} input:focus:-ms-input-placeholder, textarea:focus:-ms-input-placeholder {
  color:#ef3434;
} input:focus::-ms-input-placeholder, textarea:focus::-ms-input-placeholder {
  color:#ef3434;
}
/*----Footer----*/
footer.footer-wrapper {
    bottom: 100px;
    position: relative;
} .page-id-34 footer.footer-wrapper, .page-id-54 footer.footer-wrapper, .page-id-55 footer.footer-wrapper {
    bottom: 0px;
    position: relative;
}.footer-wrapper p {
  color: #ffffff;
  letter-spacing: 2.9px;
  text-transform: uppercase;
}.footer-inner-wrapper {
    background: url('https://rudishotsauce.com/wp-content/uploads/2018/04/footer-bg.jpg');
    background-size: cover;
    width: 100%;
    padding: 80px 0;
}.footer-wrapper .social-icons a {
  color: #ffffff;
  font-size: 20px;
  line-height:56px;
  padding: 0px 9px;
}.social-icons img {
    vertical-align: sub;
    padding: 0 10px;
} i.fab.fa-cc-paypal {
    font-size: 38px;
    color: #fff;
    line-height: 0;
    padding: 0 20px;
}.footer-hours {
  padding-left: 20px;
}.footer-hours p {
  margin: 25px 0px;
} p.inquiry {
  color: #fff;
  text-transform: uppercase;
  font-size: 19px;
  font-family: 'Montserrat', sans-serif;
  font-weight: 500;
} p.inquiry a {
  color: #fff;
  font-family: 'Montserrat', sans-serif;
  font-weight: 500;
}
p.inquiry strong {
  color: #f6382e;
  font-family: 'Patua One', sans-serif;
}span.small-pepper-hr {
    background: url(https://rudishotsauce.com/wp-content/uploads/2018/04/small-pepper-hr.png);
    width: 34px;
    height: 21px;
    display: inline-block;
    margin: 0 15px 0 10px;
}.disclaimer {
    font-size: 9px;
    font-family: 'Montserrat', sans-serif;
    letter-spacing: 1px !important;
}.social-icons {
  background: rgba(0, 0, 0, 0.36);
  margin-top:13px;
}.social-icons p {
  margin:20px 0;
  text-transform:uppercase;
}.social-icons .fa {
  font-size:25px;
  margin:20px 0;
}.footer-wrapper .social-icons a:hover {
  color: #ef3434;
}.footer-wrapper strong{
  color:#ef3434;
}.disclaimer {
  padding-top: 40px;
}.disclaimer p {
  color: #c1c1c1;
  font-family: Patua One, sans-serif;
  font-size: 7.5px;
  font-weight: lighter;
  line-height: 13px;
  letter-spacing: 1px;
  margin: 9px 0px;
  text-transform: uppercase;
}
/*--------Laptops---------*/
@media screen and (max-width:1680px){
  .slider-wrapper {
    position: relative;
    height: calc(47vw - 2px);
    z-index: 9;
  }
}
@media screen and (max-width: 1520px) {
  .slide-content h2 {font-size: 45px; line-height: 0.5;}
  .slide-content {
    display: inline-block;
    width: 50%;
    height: 500px;
    z-index: 2;
    margin: 0 auto;
    right: 0;
    left: -20%;
    top: 40%;
    position: absolute;
    text-align: right;
  } .top-bar-section li:not(.has-form) a:not(.button) {
    background: transparent !important;
    color: #282828;
    font-family: 'Passion One', cursive;
    font-size: 19px;
    line-height: 45px;
    letter-spacing: 1px;
    padding: 0px 20px;
    text-transform: uppercase;
    transition: all 0.4s ease-in-out;
  }
}
@media screen and (min-width:1280px) and (max-width:1440px) {
.faq iframe {
    max-width: 500px;
}.contact-card {
   max-width: 600px;
}.inner-page p {
   padding: 0 30px;
}.slick-dotted.slick-slider {
    margin-bottom: 40px;
}.note-bg {
    background: url(https://rudishotsauce.com/wp-content/uploads/2018/04/note-bg.png) no-repeat top left;
    position: relative;
    margin: 0 auto;
    height: 800px;
    bottom: -30px;
    z-index: 2;
    background-size: contain;
    left: 0px;
} .note-container {
    top: 17%;
} .slide-content a {
    padding: 5px 20px;
    font-size: 15px;
}.slide-content p {
    font-size: 24px;
    margin: 0 0 17px;
}  .slide-content h2 {
    font-size: 35px;
} i.fab.fa-facebook, i.fab.fa-instagram, i.fab.fa-twitter {
    font-size: 25px;
    margin: 25px 10px 0;
}.top-bar-section li:not(.has-form) a:not(.button) {
    font-size: 18px;
    letter-spacing: initial;
    padding: 0px 12px;
}.top-bar-section .has-dropdown>a {
      padding: 0 25px !important;
    }.home .header-inner-wrapper.sticky .logo-wrapper{
      max-width:initial;
    }.header-inner-wrapper .logo-wrapper {
      float:left;
      margin-left:50px;
      padding:0;
      width:14%;
    }.header-inner-wrapper .logo-wrapper h1{
      font-size: 1em;
    }.header-inner-wrapper.sticky .logo-wrapper{
      max-width:initial;
    }.header-inner-wrapper.sticky .logo-wrapper img {
    max-width: 115px;
}.inner-page .logo-wrapper img{
      max-width: 115px;
    }.header-inner-wrapper .header-phone span{
      font-size: 17px;
    }.header-details {
      padding: 178px 50px;
    }.navigation-wrapper{
      text-align:center;
      width:64%;
    }.slick-background-wrapper::after{
      background-size: cover;
    }.card{
      margin-left: 10px;
      margin-right: 10px
    }.medium-card {
      max-width: 670px;
    }.medium-card .card-content {
      padding: 50px 90px;
    }.small-card .card-content{
      padding: 10px 45px;
    }.large-card .card-content{
      padding: 10px 30px;
    }.lime-img {
    margin-top: -70px;
    position: absolute;
    right: 0px;
    max-width: 250px;
}.plate-img {
      bottom: 50px;
      width: 38%;
    }.main-wrapper.inner-page{
      padding-top:60px;
    }ul.squared li{
      font-size: 16px;
    }#gallery-sidebar {
      margin-left: 50px;
    }.gallery-images a {
      max-width: 29%;
    }.bottom-section h2 {
      font-size: 1.7em;
    }.footer-wrapper p{
      font-size: 10px;
    }.top-offset-large {
      margin-top: -90px;
    }.right-offset-medium{
      margin-right: 0px;
    }.right-offset-large {
      margin-right: -80px;
    }.left-offset-large {
      margin-left: -170px;
    }.bottom-offset-large {
      margin-bottom: 170px;
    }
}
@media screen and (max-width: 1225px) {
  .slide-content h2 {
    font-family: Patua One, sans-serif;
    font-size: 47px;
    text-transform: uppercase;
    color: #181818;
  } .slide-content p {
    font-family: Passion One, sans-serif;
    font-size: 25px;
    text-transform: uppercase;
    color: #ef3434;
  }
}
/*------Tablets------*/
@media screen and (max-width:1024px) {
    .top-bar {
      background:rgba(255, 255, 255, 0);
      height: 45px;
      width:100%;
    }.top-bar .toggle-topbar.menu-icon a{
      color: #ef3434;
    }.top-bar .toggle-topbar.menu-icon a span::after{
      box-shadow: 0 0 0 1px #ef3434, 0 7px 0 1px #ef3434, 0 14px 0 1px #ef3434;
    }.top-bar .toggle-topbar.menu-icon a span:hover:after {
      box-shadow: 0 0 0 1px #ef3434, 0 7px 0 1px #ef3434, 0 14px 0 1px #ef3434;
    }.top-bar-section li.active:not(.has-form) a:not(.button),
     .top-bar-section li:not(.has-form) a:not(.button) {
      line-height:55px;
      text-align:center;
    }.top-bar-section {
      width:100%;
    }.top-bar-section .dropdown{
      transition:none;
      opacity:1;
    }.top-bar .top-bar-section ul li:not(.dropdown){
      height:auto;
    }.top-bar-section .has-dropdown.moved>.dropdown {
      left: 100%;
      margin-top:0;
      right: 0px;
      width: 100%;
      transform: translateX(0%);
      -webkit-transform: translateX(0%);
    }.top-bar-section .has-dropdown.moved>.dropdown a{
      color:white;
    }.top-bar.expanded .title-area{
      background: whitesmoke;
    }.header-wrapper.home {
      float:left;
    }.header-inner-wrapper{
      background: #ffffff;
      padding-top: 0px;
      position: relative !important;
    }.header-inner-wrapper .logo-wrapper{
      float: none;;
      padding: 0px;
      text-align: center;
    }.header-inner-wrapper .logo-wrapper a img {
      width: 200px;
    }.header-details {
      background: rgba(255, 255, 255, 0.51);
      display: inline-block;
      padding: 40px 0px;
      text-align: Center;
    }.header-details .header-content .header-btn{
      display: block;
      margin: 40px auto;
    }.company-title {
      text-align:center;
    }.header-inner-wrapper .header-phone span {
      color: #ffffff;
      text-align:center;
      padding: 10px 0px;
    }.navigation-wrapper{
      height:auto;
      padding: 0px !important;
    }.header-phone{
      background: #ef3434;
      padding: 0px !important;
    }.slider-wrapper {
      height: auto;
    }.slider-wrapper::after{
      display:none;
    }.slick-background-wrapper{
      top: 200px;
    }.slick-background-wrapper::after{
      background-size: contain;
    }.bottom-section {
      padding: 40px 0px;
    }.lime-img{
      display:none;
    }.cta-section {
      background-position:center;
      background-size:cover;
      margin-top: 40px;
    }.cta-section .cta-inner-section {
      display: inline-block;
    }.gallery-shell {
      padding:0px;
    }.gallery-shell .title-section {
      text-align: Center !important;
    }#gallery-sidebar {
      padding: 0;
    }.gallery-nav{
      padding:10px;
      width:100%;
    }.gallery-nav li {
      display:inline-block;
      line-height:49px;
      margin:2px 0px;
      padding:0px 30px;
    }.gallery-images {
      max-width:100%;
      width:100%;
    }.gallery-images a, 
    .gallery-images img {
      max-width: 343px;
    }.gallery-images a {
      margin-bottom: 20px;
      margin-left:10px;
      margin-right: 10px;
    }.faq h2 {
      font-size: 1.6em;
      line-height: 37px;
    }.inner-page {
      padding-top: 0px !important;
    }.inner-page .cta-section {
      margin-top: 20px;
    }.plate-img{
      display:block;
      margin:0 auto;
      position:relative;
      text-align:center;
    }.footer-wrapper p {
      margin: 8px 0px;
    }.footer-hours {
      padding: 20px;
    }.small-card, 
    .medium-card, 
    .large-card,
    .contact-card {
      max-width:100%;
    }.small-card .card-content, 
    .medium-card .card-content, 
    .large-card .card-content{
      display: block !important;
      padding: 20px 20px !important;
    }.absolute {
      position: initial;
    }.top-offset-small, 
    .top-offset-medium,
    .top-offset-large,
    .bottom-offset-small,
    .bottom-offset-medium,
    .bottom-offset-large,
    .right-offset-small,
    .right-offset-medium,
    .right-offset-large {
      margin: 0px 0px;
    }.vertical-padding-medium, 
    .vertical-padding-small, 
    .vertical-padding-large {
      padding: 0px 0px;
    }.box-shadow {
      box-shadow: none;
    }.absolute-left {
      left:0px;
      position:initial;
    }.absolute-right {
      position:initial;
      right:0px;
    }.footer-inner-wrapper {
      padding: 80px 0px;
    }
}
/* Ipad Portrait */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 1) {
  .note-bg {
    background: none;
    position: relative;
    margin: 0 auto;
    height: 700px;
    bottom: 50px;
    background-size: contain;
    z-index: 2;
  } .slider-wrapper {
    height: 72vh;
} .slick-background-wrapper {
    top: 270px;
} .header-details {
    background: rgba(255, 255, 255, 0.51);
    display: none;
    padding: 40px 0px;
    text-align: Center;
}.header-inner-wrapper {
   background: none;
}.header-wrapper.home, .header-wrapper.inner-page {
   background: url('https://rudishotsauce.com/wp-content/uploads/2018/05/mobile-header.jpg') no-repeat top center;
} .top-bar.expanded {
   background: url('https://rudishotsauce.com/wp-content/uploads/2018/05/mobile-header.jpg') no-repeat top center;
}.header-inner-wrapper .logo-wrapper a img {
    width: 130px;
} .top-bar.expanded .title-area {
    background: none;
} .top-bar-section {
    width: 100%;
    height: 100vh;
} .slide-content {
    display: inline-block;
    width: 60%;
    height: 500px;
    z-index: 2;
    margin: 0 auto;
    right: 0;
    left: -40%;
    top: 90px;
    position: absolute;
    text-align: right;
} .slide-content h2 {
    font-family: Patua One, sans-serif;
    font-size: 40px;
    text-transform: uppercase;
    color: #181818;
} .slide-content p {
    font-family: Passion One, sans-serif;
    font-size: 22px;
    text-transform: uppercase;
    color: #ef3434;
    padding: 0 0 0 20px;
}  .slide-content a {
    padding: 5px 20px;
    font-size: 15px;
} main.main-wrapper {
    top: -80px;
    position: relative;
} .cta-section .cta-inner-section {
    display: block;
    padding: 150px 0px 300px;
} footer.footer-wrapper {
    bottom: 240px;
    position: relative;
} i.fab.fa-facebook, i.fab.fa-instagram, i.fab.fa-twitter {
    -webkit-text-fill-color: unset;
    background: none;
    font-size: 25px;
    color: #fff;
    margin: 15px 20px 15px;
} .header-phone {
    text-align: center;
} .card {
    top: 0;
} .card::before {
    display: none;
}.inner-page p {
    padding: 0 30px;
} .inner-page .cta-section {
    margin-top: 100px;
} .woocommerce div.product .product_title {
    font-size: 45px;
} li.slick-slide.slick-active {
    width: 57px !important;
} .woocommerce #content div.product .woocommerce-tabs, .woocommerce div.product .woocommerce-tabs, .woocommerce-page #content div.product .woocommerce-tabs, .woocommerce-page div.product .woocommerce-tabs {
    display: block;
    width: 100%;
}
}
/* Ipad Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 1) {
    main.main-wrapper {
    top: 165px;
    position: relative;
}.page-id-34 .main-wrapper.inner-page {
    top: 50px;
} .top-bar.expanded {
   background: url('https://rudishotsauce.com/wp-content/uploads/2018/05/mobile-header.jpg') no-repeat top center;
}.note-bg {
    background: none;
    position: relative;
    margin: 0 auto;
    height: 600px;
    bottom: 50px;
    background-size: contain;
    z-index: 2;
  } .slider-wrapper {
    height: 70vh;
} .slick-background-wrapper {
    top: 270px;
} .header-details {
    background: rgba(255, 255, 255, 0.51);
    display: none;
    padding: 40px 0px;
    text-align: Center;
}.header-inner-wrapper {
   background: none;
}.header-wrapper.home, .header-wrapper.inner-page {
   background: url('https://rudishotsauce.com/wp-content/uploads/2018/05/mobile-header.jpg') no-repeat top center;
}.header-inner-wrapper .logo-wrapper a img {
    width: 130px;
} .top-bar.expanded .title-area {
    background: none;
} .top-bar-section {
    width: 100%;
    height: 100vh;
}.gallery-images {
      max-width: 100% !important;
      position:relative;
      width: 100% !important;
    }.gallery-images img {
      max-width: 100% !important;
    }.gallery-images a {
      margin-bottom: 20px;
      margin-left:10px;
      margin-right: 10px;
      max-width:45%;
  }  i.fab.fa-facebook, i.fab.fa-instagram, i.fab.fa-twitter {
    -webkit-text-fill-color: unset;
    background: none;
    font-size: 25px;
    color: #fff;
    margin: 15px 20px 15px;
} .header-phone {
    text-align: center;
} li.slick-slide.slick-active {
    width: 82px !important;
    margin: 0 10px 0 0;
} .woocommerce #content div.product .woocommerce-tabs, .woocommerce div.product .woocommerce-tabs, .woocommerce-page #content div.product .woocommerce-tabs, .woocommerce-page div.product .woocommerce-tabs {
    clear: both;
    width: 100%;
    display: block;
} .cta-section {
    bottom: 0px;
    margin-top: 0;
} .inner-page .cta-section {
    margin-top: 100px;
} .card {
    top: 0;
} .card::before {
    display: none;
}.inner-page p {
    padding: 0 30px;
} .faq h2 {
    padding: 0 30px;
} .slide-content {
    display: inline-block;
    width: 60%;
    height: 500px;
    z-index: 2;
    margin: 0 auto;
    right: 0;
    left: -40%;
    top: 70px;
    position: absolute;
    text-align: right;
} .slide-content h2 {
    font-family: Patua One, sans-serif;
    font-size: 40px;
    text-transform: uppercase;
    color: #181818;
} .slide-content p {
    font-family: Passion One, sans-serif;
    font-size: 22px;
    text-transform: uppercase;
    color: #ef3434;
    padding: 0 0 0 20px;
} .slide-content a {
    padding: 5px 20px;
    font-size: 15px;
} .card::after {
    bottom: -430px;
} .note-container p {
    font-size: 19px;
    color: #282828;
    font-family: 'Montserrat', sans-serif;
    line-height: 1.6;
    font-weight: 500;
    padding: 0 40px;
} .cta-section .cta-inner-section {
    display: block;
    padding: 150px 0px 300px;
} footer.footer-wrapper {
    bottom: -120px;
    position: relative;
}
}
/* Ipad Pro Portrait */
@media only screen 
  and (min-device-width: 1024px) 
  and (max-device-width: 1366px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 1.5) {
    .gallery-images img {
      max-width: 100% !important;
    }.gallery-images a {
      max-width:43.33%;
    }
}
/*-------Smartphones------*/


@media screen (max-width:812px) {
  main.main-wrapper {
    top: 335px;
    position: relative;
  } footer.footer-wrapper {
    bottom: -280px;
    position: relative;
  } .top-bar-section {
    width: 100%;
    height: 120vh;
  }
}
@media screen and (max-width:767px) {
    .top-bar .top-bar-section ul li {
      text-align: center;
    }.header-details{
      padding: 40px 0px;
    }.header-details .header-company-title {
      margin: 6px 0 6px;
    }.header-details h1.header-company-title a {
      font-size: 0.8em;
    }.header-inner-wrapper .logo-wrapper{
      padding: 0;
    }.header-inner-wrapper .logo-wrapper img {
      width:115px !important;
    }.header-inner-wrapper .logo-wrapper h1 a {
      line-height: 0.5em;
      padding: 0;
    }.company-title {
      padding:0px;
    }.company-title h1 {
      font-size:0.8em;
      margin:7px 0px;
    }.company-title span {
      font-size:0.8em;
    }.header-phone{
      padding:3px;
    }.header-phone span {
      font-size:0.9em;
    }.slider-wrapper {
      height: auto;
    }.slick-background-wrapper{
      top: 165px;
    }.top-section, 
    .mid-section, 
    .small-section {
      min-height:auto;
    }.list-box h2{
      font-size: 28px;
    }ul.squared li{
      font-size: 15px;
    }.card {
      padding:5px !important;
    }.card::before{
      display:none;
    }.large-card .card-content, 
    .medium-card .card-content,
    .small-card .card-content,
    .card-content  {
      padding: 11px 11px !important;
    }.small-card .card-content h2, 
    .medium-card .card-content h2, 
    .large-card .card-content h2   {
      font-size:1.5em;
      line-height: 32px;
    }.plate-img{
      right:0;
      width: 70%;
    } main.inner-page h1, 
    .content-wrapper h2 {
      font-size: 1.5rem !important;
      line-height: 32px !important;
      margin: 20px 0px !important;
    }.strip-padding-for-small {
      padding: 0;
    }.gallery-nav{
      padding: 6px;
    }.gallery-nav li{
      display: inline-block;
      font-size: 11px;
      line-height: 30px;
      margin: 2px 0px;
      padding: 0px 3px;
      width: 49%;
    }.gallery-shell .title-section {
      margin: 10px 0;
      text-align:center !important;  
    }.gallery-images img {
      max-width:100%;
    }.gallery-images a {
      margin-left: 0;
      margin-right: 0;
      max-width: 89%;
    }.cta-section .cta-inner-section {
      padding:50px 0;
    }.cta-section .cta-inner-section h2 {
      font-size:1.6em !important;
    }.cta-section .cta-inner-section .button {
      line-height: 22px;
      width:100%;
    }.cta-section .cta-inner-section .button a {
      font-size:0.9em;
    }.footer-inner-wrapper{
      padding: 50px 0px;
    }.footer-wrapper p {
      font-size:9px;
    }.disclaimer {
      text-align:center;
    }.disclaimer img {
      max-width:40%;
    }.contactForm{
      padding:0;
    } .faq h2 {
    padding: 0 25px;
    }.modal-window {
    width: 90%;
    }
    p.demo_store a {
    max-width: 82%;
    line-height: 1.3;
    margin: initial !important;
    padding-left: 29px;
    text-align: left;
   }
} 



/* Samsung S7 Edge Portrait */
@media only screen 
  and (max-device-width: 767px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: portrait) { 
   .header-details {
    background: rgba(255, 255, 255, 0.51);
    display: none;
    padding: 40px 0px;
    text-align: Center;
  }.header-inner-wrapper {
   background: none;
  }.header-wrapper.home, .header-wrapper.inner-page {
   background: url('https://rudishotsauce.com/wp-content/uploads/2018/05/mobile-header.jpg') no-repeat top center;
  }.header-inner-wrapper .logo-wrapper a img {
    width: 130px;
  } .top-bar.expanded .title-area {
    background: none;
  } .top-bar-section {
    width: 100%;
    height: 100vh;
  }  i.fab.fa-facebook, i.fab.fa-instagram, i.fab.fa-twitter {
    -webkit-text-fill-color: unset;
    background: none;
    font-size: 25px;
    color: #fff;
    margin: 15px 20px 15px;
  } .header-phone {
    text-align: center;
  } .card {
    top: -40px;
  } .card::after {
    display: none;
  } .inner-page .card {
    top: 0px;
  } .small-card .card-content p {
    font-size: 17px;
    line-height: 1.8;
    font-family: 'Montserrat', sans-serif;
    color: #8d8d8d;
    text-align: center;
    padding: 0 40px;
  } .inner-page p {
    font-family: Montserrat, sans-serif;
    font-size: 17px;
    line-height: 1.8;
    color: #181818;
    padding: 0 40px;
  } .photo-shadow {
    box-shadow: 0 30px 50px rgba(0,0,0,0.4);
    margin: -65px 0 0;
  }
   .top-bar.expanded {
   background: url('https://rudishotsauce.com/wp-content/uploads/2018/05/mobile-header.jpg') no-repeat top center;
  } .note-bg {
    background: none;
    position: relative;
    margin: 0 auto;
    height: 600px;
    bottom: 70px;
    background-size: contain;
    z-index: 2;
  } .slider-wrapper {
    height: 445px;
  } .slick-background-wrapper {
    top: 255px;
  } .slide-content {
    display: inline-block;
    width: 60%;
    height: 500px;
    z-index: 2;
    margin: 0 auto;
    right: 0;
    left: -40%;
    top: 25%;
    position: absolute;
    text-align: right;
   } .slide-content img {
    max-width: 90px;
   } .slide-content h2 {
    font-family: Patua One, sans-serif;
    font-size: 19px;
    text-transform: uppercase;
    color: #181818;
    font-weight: 900;
    margin: 0;
    line-height: 1.4;
  } .slide-content p {
    font-family: Passion One, sans-serif;
    font-size: 11px;
    text-transform: uppercase;
    color: #000;
    margin: 0 0 10px;
    line-height: 1;
  } .slide-content a {
    display: inline-block;
    font-size: 11px;
    font-family: Patua One, sans-serif;
    color: #fff;
    padding: 0px 15px;
    line-height: 35px;
    letter-spacing: 1px;
    text-transform: uppercase;
    background: #ef3434;
    background: -moz-linear-gradient(top, #ef3434 0%, #f11b20 100%, #7db9e8 100%);
    background: -webkit-linear-gradient(top, #ef3434 0%,#f11b20 100%,#7db9e8 100%);
    background: linear-gradient(to bottom, #ef3434 0%,#f11b20 100%,#7db9e8 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ef3434', endColorstr='#7db9e8',GradientType=0 );
    transition: all 0.4s ease-in-out;
  } .cta-section {
    bottom: -100px;
  } .cta-section .cta-inner-section {
    display: block;
    padding: 75px 0px 200px;
  } .top-bar-section li.active:not(.has-form) a:not(.button), .top-bar-section li:not(.has-form) a:not(.button) {
    line-height: 45px;
    text-align: center;
  } .woocommerce #content div.product .woocommerce-tabs, .woocommerce div.product .woocommerce-tabs, .woocommerce-page #content div.product .woocommerce-tabs, .woocommerce-page div.product 
    .woocommerce-tabs {
    clear: none;
    width: 100%;
    display: block;
  } .woocommerce div.product .product_title {
    clear: none;
    margin-top: 0;
    padding: 0;
    font-family: 'Patua One', sans-serif;
    font-size: 50px;
    margin: 25px 0 0;
    line-height: 1;
  } #wpsl-stores, #wpsl-direction-details, #wpsl-gmap {
    height: 350px !important;
    padding: 0 0 0 20px;
  } li.slick-slide.slick-active {
    width: 73px !important;
    margin: 0 10px 0 0;
  } footer.footer-wrapper {
    bottom: -70px;
    position: relative;
  } .faq h2 {
    padding: 0 25px;
  }
}

/* Samsung S7 Edge Landscape */
@media only screen 
  and (max-device-width: 767px) 
  and (-webkit-min-device-pixel-ratio: 4)
  and (orientation: landscape) { 
   .header-details {
    background: rgba(255, 255, 255, 0.51);
    display: none;
    padding: 40px 0px;
    text-align: Center;
  }.header-inner-wrapper {
   background: none;
  }.header-wrapper.home, .header-wrapper.inner-page {
   background: url('https://rudishotsauce.com/wp-content/uploads/2018/05/mobile-header.jpg') no-repeat top center;
  }.header-inner-wrapper .logo-wrapper a img {
    width: 130px;
  } .top-bar.expanded .title-area {
    background: none;
  } .top-bar-section {
    width: 100%;
    height: 100vh;
  }  i.fab.fa-facebook, i.fab.fa-instagram, i.fab.fa-twitter {
    -webkit-text-fill-color: unset;
    background: none;
    font-size: 25px;
    color: #fff;
    margin: 15px 20px 15px;
  } .header-phone {
    text-align: center;
  } .card {
    top: 245px;
  } .card::after {
    display: none;
  } .inner-page .card {
    top: 0px;
  } .small-card .card-content p {
    font-size: 17px;
    line-height: 1.8;
    font-family: 'Montserrat', sans-serif;
    color: #8d8d8d;
    text-align: center;
    padding: 0 40px;
  } .inner-page p {
    font-family: Montserrat, sans-serif;
    font-size: 17px;
    line-height: 1.8;
    color: #181818;
    padding: 0 40px;
  }
   .top-bar.expanded {
   background: url('https://rudishotsauce.com/wp-content/uploads/2018/05/mobile-header.jpg') no-repeat top center;
  } .note-bg {
    background: none;
    position: relative;
    margin: 0 auto;
    height: 600px;
    bottom: 50px;
    background-size: contain;
    z-index: 2;
  } .slider-wrapper {
    height: 255px;
  } .slick-background-wrapper {
    top: 205px;
  } .slide-content {
    display: inline-block;
    width: 60%;
    height: 500px;
    z-index: 2;
    margin: 0 auto;
    right: 0;
    left: -40%;
    top: 35%;
    position: absolute;
    text-align: right;
   } .slide-content h2 {
    font-family: Patua One, sans-serif;
    font-size: 26px;
    text-transform: uppercase;
    color: #181818;
    font-weight: 900;
  } .slide-content p {
    font-family: Passion One, sans-serif;
    font-size: 15px;
    text-transform: uppercase;
    color: #ef3434;
  } .slide-content a {
    display: inline-block;
    font-size: 13px;
    font-family: Patua One, sans-serif;
    color: #fff;
    padding: 0px 20px;
    line-height: 35px;
    letter-spacing: 1px;
    text-transform: uppercase;
    background: #ef3434;
    background: -moz-linear-gradient(top, #ef3434 0%, #f11b20 100%, #7db9e8 100%);
    background: -webkit-linear-gradient(top, #ef3434 0%,#f11b20 100%,#7db9e8 100%);
    background: linear-gradient(to bottom, #ef3434 0%,#f11b20 100%,#7db9e8 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ef3434', endColorstr='#7db9e8',GradientType=0 );
    transition: all 0.4s ease-in-out;
  } .cta-section {
    bottom: 0px;
  } .cta-section .cta-inner-section {
    display: block;
    padding: 75px 0px 200px;
  } .top-bar-section li.active:not(.has-form) a:not(.button), .top-bar-section li:not(.has-form) a:not(.button) {
    line-height: 45px;
    text-align: center;
  } .woocommerce #content div.product .woocommerce-tabs, .woocommerce div.product .woocommerce-tabs, .woocommerce-page #content div.product .woocommerce-tabs, .woocommerce-page div.product 
    .woocommerce-tabs {
    clear: none;
    width: 100%;
    display: block;
  } #wpsl-stores, #wpsl-direction-details, #wpsl-gmap {
    height: 350px !important;
    padding: 0 0 0 20px;
  } footer.footer-wrapper {
    bottom: 0;
    position: relative;
  }
} 

/* iPhone 6, 6s, 7, 8 Portrait */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) { 
   .header-details {
    background: rgba(255, 255, 255, 0.51);
    display: none;
    padding: 40px 0px;
    text-align: Center;
  }.header-inner-wrapper {
   background: none;
  }.header-wrapper.home, .header-wrapper.inner-page {
   background: url('https://rudishotsauce.com/wp-content/uploads/2018/05/mobile-header.jpg') no-repeat top center;
  }.header-inner-wrapper .logo-wrapper a img {
    width: 130px;
  } .top-bar.expanded .title-area {
    background: none;
  } .top-bar-section {
    width: 100%;
    height: 100vh;
  }  i.fab.fa-facebook, i.fab.fa-instagram, i.fab.fa-twitter {
    -webkit-text-fill-color: unset;
    background: none;
    font-size: 25px;
    color: #fff;
    margin: 15px 20px 15px;
  } .header-phone {
    text-align: center;
  } .card {
    top: -40px;
  } .card::after {
    display: none;
  } .inner-page .card {
    top: 0px;
  } .small-card .card-content p {
    font-size: 17px;
    line-height: 1.8;
    font-family: 'Montserrat', sans-serif;
    color: #8d8d8d;
    text-align: center;
    padding: 0 40px;
  } .inner-page p {
    font-family: Montserrat, sans-serif;
    font-size: 17px;
    line-height: 1.8;
    color: #181818;
    padding: 0 40px;
  } .photo-shadow {
    box-shadow: 0 30px 50px rgba(0,0,0,0.4);
    margin: -65px 0 0;
  } .woocommerce div.product .product_title {
    line-height: 1;
  }
   .top-bar.expanded {
   background: url('https://rudishotsauce.com/wp-content/uploads/2018/05/mobile-header.jpg') no-repeat top center;
  } .note-bg {
    background: none;
    position: relative;
    margin: 0 auto;
    height: 600px;
    bottom: 50px;
    background-size: contain;
    z-index: 2;
  } .slider-wrapper {
    height: 445px;
  } .slick-background-wrapper {
    top: 255px;
  } .slide-content {
    display: inline-block;
    width: 60%;
    height: 500px;
    z-index: 2;
    margin: 0 auto;
    right: 0;
    left: -40%;
    top: 25%;
    position: absolute;
    text-align: right;
   } .slide-content img {
    max-width: 90px;
   } .slide-content h2 {
    font-family: Patua One, sans-serif;
    font-size: 18px;
    text-transform: uppercase;
    color: #181818;
    font-weight: 900;
    margin: 0;
    line-height: 1;
  } .slide-content p {
    font-family: Passion One, sans-serif;
    font-size: 11px;
    text-transform: uppercase;
    color: #000;
    margin: 0 0 10px;
    line-height: 1;
  } .slide-content a {
    display: inline-block;
    font-size: 10px;
    font-family: Patua One, sans-serif;
    color: #fff;
    padding: 0px 15px;
    line-height: 35px;
    letter-spacing: 1px;
    text-transform: uppercase;
    background: #ef3434;
    background: -moz-linear-gradient(top, #ef3434 0%, #f11b20 100%, #7db9e8 100%);
    background: -webkit-linear-gradient(top, #ef3434 0%,#f11b20 100%,#7db9e8 100%);
    background: linear-gradient(to bottom, #ef3434 0%,#f11b20 100%,#7db9e8 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ef3434', endColorstr='#7db9e8',GradientType=0 );
    transition: all 0.4s ease-in-out;
  } .cta-section {
    bottom: -100px;
  } .cta-section .cta-inner-section {
    display: block;
    padding: 75px 0px 200px;
  } .top-bar-section li.active:not(.has-form) a:not(.button), .top-bar-section li:not(.has-form) a:not(.button) {
    line-height: 45px;
    text-align: center;
  } .woocommerce #content div.product .woocommerce-tabs, .woocommerce div.product .woocommerce-tabs, .woocommerce-page #content div.product .woocommerce-tabs, .woocommerce-page div.product 
    .woocommerce-tabs {
    clear: none;
    width: 100%;
    display: block;
  } #wpsl-stores, #wpsl-direction-details, #wpsl-gmap {
    height: 350px !important;
    padding: 0 0 0 20px;
  } li.slick-slide.slick-active {
    width: 77px !important;
    margin: 0 10px 0 0;
  } li.slick-slide.slick-active {
    width: 77px !important;
    margin: 0 10px 0 0;
  } footer.footer-wrapper {
    bottom: -70px;
    position: relative;
  } .store-notice {
    display: block !important;
    color: #fff !important;
    text-decoration: none !important;
    font-size: 17px;
    text-align: left;
    margin: 0 0 0 40px !important;
  }
}
/* Google Pixel 2 Portrait */
@media only screen 
  and (min-device-width: 411px) 
  and (max-device-width: 731px) 
  and (orientation: portrait) {
   .slide-content {
    top: 20%; 
   } .slide-content h2 {
    font-family: Patua One, sans-serif;
    font-size: 21px;
    text-transform: uppercase;
    color: #181818;
    font-weight: 900;
    margin: 0;
    line-height: 1.5;
   } .card {
    top: -25px;
   } .admin-bar p.demo_store, .woocommerce-store-notice, p.demo_store {
    padding: 10px 0; 
   } .store-notice {
    font-size: 18px; 
   }
}

/* Google Pixel 2 Landscape */
@media only screen 
  and (min-device-width: 411px) 
  and (max-device-width: 731px) 
  and (orientation: landscape) { 
   .header-details {
    background: rgba(255, 255, 255, 0.51);
    display: none;
    padding: 40px 0px;
    text-align: Center;
  }.header-inner-wrapper {
   background: none;
  }.header-wrapper.home, .header-wrapper.inner-page {
   background: url('https://rudishotsauce.com/wp-content/uploads/2018/05/mobile-header.jpg') no-repeat top center;
  }.header-inner-wrapper .logo-wrapper a img {
    width: 130px;
  } .top-bar.expanded .title-area {
    background: none;
  } .top-bar-section {
    width: 100%;
    height: 100vh;
  }  i.fab.fa-facebook, i.fab.fa-instagram, i.fab.fa-twitter {
    -webkit-text-fill-color: unset;
    background: none;
    font-size: 25px;
    color: #fff;
    margin: 15px 20px 15px;
  } .header-phone {
    text-align: center;
  } .card {
    top: 245px;
  } .card::after {
    display: none;
  } .inner-page .card {
    top: 0px;
  } .small-card .card-content p {
    font-size: 17px;
    line-height: 1.8;
    font-family: 'Montserrat', sans-serif;
    color: #8d8d8d;
    text-align: center;
    padding: 0 40px;
  } .inner-page p {
    font-family: Montserrat, sans-serif;
    font-size: 17px;
    line-height: 1.8;
    color: #181818;
    padding: 0 40px;
  }
   .top-bar.expanded {
   background: url('https://rudishotsauce.com/wp-content/uploads/2018/05/mobile-header.jpg') no-repeat top center;
  } .note-bg {
    background: none;
    position: relative;
    margin: 0 auto;
    height: 600px;
    bottom: 50px;
    background-size: contain;
    z-index: 2;
  } .slider-wrapper {
    height: 255px;
  } .slick-background-wrapper {
    top: 205px;
  } .slide-content {
    display: inline-block;
    width: 60%;
    height: 500px;
    z-index: 2;
    margin: 0 auto;
    right: 0;
    left: -40%;
    top: 35%;
    position: absolute;
    text-align: right;
   } .slide-content h2 {
    font-family: Patua One, sans-serif;
    font-size: 26px;
    text-transform: uppercase;
    color: #181818;
    font-weight: 900;
  } .slide-content p {
    font-family: Passion One, sans-serif;
    font-size: 15px;
    text-transform: uppercase;
    color: #ef3434;
  } .slide-content a {
    display: inline-block;
    font-size: 13px;
    font-family: Patua One, sans-serif;
    color: #fff;
    padding: 0px 20px;
    line-height: 35px;
    letter-spacing: 1px;
    text-transform: uppercase;
    background: #ef3434;
    background: -moz-linear-gradient(top, #ef3434 0%, #f11b20 100%, #7db9e8 100%);
    background: -webkit-linear-gradient(top, #ef3434 0%,#f11b20 100%,#7db9e8 100%);
    background: linear-gradient(to bottom, #ef3434 0%,#f11b20 100%,#7db9e8 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ef3434', endColorstr='#7db9e8',GradientType=0 );
    transition: all 0.4s ease-in-out;
  } .cta-section {
    bottom: 0px;
  } .cta-section .cta-inner-section {
    display: block;
    padding: 75px 0px 200px;
  } .top-bar-section li.active:not(.has-form) a:not(.button), .top-bar-section li:not(.has-form) a:not(.button) {
    line-height: 45px;
    text-align: center;
  } .woocommerce #content div.product .woocommerce-tabs, .woocommerce div.product .woocommerce-tabs, .woocommerce-page #content div.product .woocommerce-tabs, .woocommerce-page div.product 
    .woocommerce-tabs {
    clear: none;
    width: 100%;
    display: block;
  } #wpsl-stores, #wpsl-direction-details, #wpsl-gmap {
    height: 350px !important;
    padding: 0 0 0 20px;
  } footer.footer-wrapper {
    bottom: 0;
    position: relative;
  }
} 

/* iPhone 6, 6s, 7, 8 Landscape */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) { 
   .header-details {
    background: rgba(255, 255, 255, 0.51);
    display: none;
    padding: 40px 0px;
    text-align: Center;
  }.header-inner-wrapper {
   background: none;
  }.header-wrapper.home, .header-wrapper.inner-page {
   background: url('https://rudishotsauce.com/wp-content/uploads/2018/05/mobile-header.jpg') no-repeat top center;
  }.header-inner-wrapper .logo-wrapper a img {
    width: 130px;
  } .top-bar.expanded .title-area {
    background: none;
  } .top-bar-section {
    width: 100%;
    height: 100vh;
  }  i.fab.fa-facebook, i.fab.fa-instagram, i.fab.fa-twitter {
    -webkit-text-fill-color: unset;
    background: none;
    font-size: 25px;
    color: #fff;
    margin: 15px 20px 15px;
  } .header-phone {
    text-align: center;
  } .card {
    top: 245px;
  } .card::after {
    display: none;
  } .inner-page .card {
    top: 0px;
  } .small-card .card-content p {
    font-size: 17px;
    line-height: 1.8;
    font-family: 'Montserrat', sans-serif;
    color: #8d8d8d;
    text-align: center;
    padding: 0 40px;
  } .inner-page p {
    font-family: Montserrat, sans-serif;
    font-size: 17px;
    line-height: 1.8;
    color: #181818;
    padding: 0 40px;
  }
   .top-bar.expanded {
   background: url('https://rudishotsauce.com/wp-content/uploads/2018/05/mobile-header.jpg') no-repeat top center;
  } .note-bg {
    background: none;
    position: relative;
    margin: 0 auto;
    height: 600px;
    bottom: 50px;
    background-size: contain;
    z-index: 2;
  } .slider-wrapper {
    height: 255px;
  } .slick-background-wrapper {
    top: 205px;
  } .slide-content {
    display: inline-block;
    width: 60%;
    height: 500px;
    z-index: 2;
    margin: 0 auto;
    right: 0;
    left: -40%;
    top: 35%;
    position: absolute;
    text-align: right;
   } .slide-content h2 {
    font-family: Patua One, sans-serif;
    font-size: 26px;
    text-transform: uppercase;
    color: #181818;
    font-weight: 900;
  } .slide-content p {
    font-family: Passion One, sans-serif;
    font-size: 15px;
    text-transform: uppercase;
    color: #ef3434;
  } .slide-content a {
    display: inline-block;
    font-size: 13px;
    font-family: Patua One, sans-serif;
    color: #fff;
    padding: 0px 20px;
    line-height: 35px;
    letter-spacing: 1px;
    text-transform: uppercase;
    background: #ef3434;
    background: -moz-linear-gradient(top, #ef3434 0%, #f11b20 100%, #7db9e8 100%);
    background: -webkit-linear-gradient(top, #ef3434 0%,#f11b20 100%,#7db9e8 100%);
    background: linear-gradient(to bottom, #ef3434 0%,#f11b20 100%,#7db9e8 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ef3434', endColorstr='#7db9e8',GradientType=0 );
    transition: all 0.4s ease-in-out;
  } .cta-section {
    bottom: 0px;
  } .cta-section .cta-inner-section {
    display: block;
    padding: 75px 0px 200px;
  } .top-bar-section li.active:not(.has-form) a:not(.button), .top-bar-section li:not(.has-form) a:not(.button) {
    line-height: 45px;
    text-align: center;
  } .woocommerce #content div.product .woocommerce-tabs, .woocommerce div.product .woocommerce-tabs, .woocommerce-page #content div.product .woocommerce-tabs, .woocommerce-page div.product 
    .woocommerce-tabs {
    clear: none;
    width: 100%;
    display: block;
  } #wpsl-stores, #wpsl-direction-details, #wpsl-gmap {
    height: 350px !important;
    padding: 0 0 0 20px;
  } footer.footer-wrapper {
    bottom: 0;
    position: relative;
  }
} 

/* Samsung S6 Portrait */
@media only screen 
  and (min-device-width: 360px) 
  and (max-device-width: 640px) 
  and (-webkit-min-device-pixel-ratio: 4)
  and (orientation: portrait) { 
   .header-details {
    background: rgba(255, 255, 255, 0.51);
    display: none;
    padding: 40px 0px;
    text-align: Center;
  }.header-inner-wrapper {
   background: none;
  }.header-wrapper.home, .header-wrapper.inner-page {
   background: url('https://rudishotsauce.com/wp-content/uploads/2018/05/mobile-header.jpg') no-repeat top center;
  }.header-inner-wrapper .logo-wrapper a img {
    width: 130px;
  } .top-bar.expanded .title-area {
    background: none;
  } .top-bar-section {
    width: 100%;
    height: 100vh;
  }  i.fab.fa-facebook, i.fab.fa-instagram, i.fab.fa-twitter {
    -webkit-text-fill-color: unset;
    background: none;
    font-size: 25px;
    color: #fff;
    margin: 15px 20px 15px;
  } .header-phone {
    text-align: center;
  } .card {
    top: -40px;
  } .card::after {
    display: none;
  } .inner-page .card {
    top: 0px;
  } .small-card .card-content p {
    font-size: 17px;
    line-height: 1.8;
    font-family: 'Montserrat', sans-serif;
    color: #8d8d8d;
    text-align: center;
    padding: 0 40px;
  } .inner-page p {
    font-family: Montserrat, sans-serif;
    font-size: 17px;
    line-height: 1.8;
    color: #181818;
    padding: 0 40px;
  } .photo-shadow {
    box-shadow: 0 30px 50px rgba(0,0,0,0.4);
    margin: -65px 0 0;
  }
   .top-bar.expanded {
   background: url('https://rudishotsauce.com/wp-content/uploads/2018/05/mobile-header.jpg') no-repeat top center;
  } .note-bg {
    background: none;
    position: relative;
    margin: 0 auto;
    height: 600px;
    bottom: 50px;
    background-size: contain;
    z-index: 2;
  } .slider-wrapper {
    height: 445px;
  } .slick-background-wrapper {
    top: 255px;
  } .slide-content {
    display: inline-block;
    width: 60%;
    height: 500px;
    z-index: 2;
    margin: 0 auto;
    right: 0;
    left: -40%;
    top: 25%;
    position: absolute;
    text-align: right;
   } .slide-content img {
    max-width: 90px;
   } .slide-content h2 {
    font-family: Patua One, sans-serif;
    font-size: 21px;
    text-transform: uppercase;
    color: #181818;
    font-weight: 900;
    margin: 0;
  } .slide-content p {
    font-family: Passion One, sans-serif;
    font-size: 11px;
    text-transform: uppercase;
    color: #000;
    margin: 0 0 10px;
    line-height: 1;
  } .slide-content a {
    display: inline-block;
    font-size: 11px;
    font-family: Patua One, sans-serif;
    color: #fff;
    padding: 0px 15px;
    line-height: 35px;
    letter-spacing: 1px;
    text-transform: uppercase;
    background: #ef3434;
    background: -moz-linear-gradient(top, #ef3434 0%, #f11b20 100%, #7db9e8 100%);
    background: -webkit-linear-gradient(top, #ef3434 0%,#f11b20 100%,#7db9e8 100%);
    background: linear-gradient(to bottom, #ef3434 0%,#f11b20 100%,#7db9e8 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ef3434', endColorstr='#7db9e8',GradientType=0 );
    transition: all 0.4s ease-in-out;
  } .cta-section {
    bottom: -100px;
  } .cta-section .cta-inner-section {
    display: block;
    padding: 75px 0px 200px;
  } .top-bar-section li.active:not(.has-form) a:not(.button), .top-bar-section li:not(.has-form) a:not(.button) {
    line-height: 45px;
    text-align: center;
  } .woocommerce #content div.product .woocommerce-tabs, .woocommerce div.product .woocommerce-tabs, .woocommerce-page #content div.product .woocommerce-tabs, .woocommerce-page div.product 
    .woocommerce-tabs {
    clear: none;
    width: 100%;
    display: block;
  } .woocommerce div.product .product_title {
    clear: none;
    margin-top: 0;
    padding: 0;
    font-family: 'Patua One', sans-serif;
    font-size: 50px;
    margin: 25px 0 0;
    line-height: 1;
  } #wpsl-stores, #wpsl-direction-details, #wpsl-gmap {
    height: 350px !important;
    padding: 0 0 0 20px;
  } li.slick-slide.slick-active {
    width: 73px !important;
    margin: 0 10px 0 0;
  } footer.footer-wrapper {
    bottom: -70px;
    position: relative;
  }
}

/* Samsung S6 Landscape */
@media only screen 
  and (min-device-width: 360px) 
  and (max-device-width: 640px) 
  and (-webkit-min-device-pixel-ratio: 4)
  and (orientation: landscape) { 
   .header-details {
    background: rgba(255, 255, 255, 0.51);
    display: none;
    padding: 40px 0px;
    text-align: Center;
  }.header-inner-wrapper {
   background: none;
  }.header-wrapper.home, .header-wrapper.inner-page {
   background: url('https://rudishotsauce.com/wp-content/uploads/2018/05/mobile-header.jpg') no-repeat top center;
  }.header-inner-wrapper .logo-wrapper a img {
    width: 130px;
  } .top-bar.expanded .title-area {
    background: none;
  } .top-bar-section {
    width: 100%;
    height: 100vh;
  }  i.fab.fa-facebook, i.fab.fa-instagram, i.fab.fa-twitter {
    -webkit-text-fill-color: unset;
    background: none;
    font-size: 25px;
    color: #fff;
    margin: 15px 20px 15px;
  } .header-phone {
    text-align: center;
  } .card {
    top: 245px;
  } .card::after {
    display: none;
  } .inner-page .card {
    top: 0px;
  } .small-card .card-content p {
    font-size: 17px;
    line-height: 1.8;
    font-family: 'Montserrat', sans-serif;
    color: #8d8d8d;
    text-align: center;
    padding: 0 40px;
  } .inner-page p {
    font-family: Montserrat, sans-serif;
    font-size: 17px;
    line-height: 1.8;
    color: #181818;
    padding: 0 40px;
  }
   .top-bar.expanded {
   background: url('https://rudishotsauce.com/wp-content/uploads/2018/05/mobile-header.jpg') no-repeat top center;
  } .note-bg {
    background: none;
    position: relative;
    margin: 0 auto;
    height: 600px;
    bottom: 50px;
    background-size: contain;
    z-index: 2;
  } .slider-wrapper {
    height: 255px;
  } .slick-background-wrapper {
    top: 205px;
  } .slide-content {
    display: inline-block;
    width: 60%;
    height: 500px;
    z-index: 2;
    margin: 0 auto;
    right: 0;
    left: -40%;
    top: 35%;
    position: absolute;
    text-align: right;
   } .slide-content h2 {
    font-family: Patua One, sans-serif;
    font-size: 26px;
    text-transform: uppercase;
    color: #181818;
    font-weight: 900;
  } .slide-content p {
    font-family: Passion One, sans-serif;
    font-size: 15px;
    text-transform: uppercase;
    color: #ef3434;
  } .slide-content a {
    display: inline-block;
    font-size: 13px;
    font-family: Patua One, sans-serif;
    color: #fff;
    padding: 0px 20px;
    line-height: 35px;
    letter-spacing: 1px;
    text-transform: uppercase;
    background: #ef3434;
    background: -moz-linear-gradient(top, #ef3434 0%, #f11b20 100%, #7db9e8 100%);
    background: -webkit-linear-gradient(top, #ef3434 0%,#f11b20 100%,#7db9e8 100%);
    background: linear-gradient(to bottom, #ef3434 0%,#f11b20 100%,#7db9e8 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ef3434', endColorstr='#7db9e8',GradientType=0 );
    transition: all 0.4s ease-in-out;
  } .cta-section {
    bottom: 0px;
  } .cta-section .cta-inner-section {
    display: block;
    padding: 75px 0px 200px;
  } .top-bar-section li.active:not(.has-form) a:not(.button), .top-bar-section li:not(.has-form) a:not(.button) {
    line-height: 45px;
    text-align: center;
  } .woocommerce #content div.product .woocommerce-tabs, .woocommerce div.product .woocommerce-tabs, .woocommerce-page #content div.product .woocommerce-tabs, .woocommerce-page div.product 
    .woocommerce-tabs {
    clear: none;
    width: 100%;
    display: block;
  } #wpsl-stores, #wpsl-direction-details, #wpsl-gmap {
    height: 350px !important;
    padding: 0 0 0 20px;
  } footer.footer-wrapper {
    bottom: 0;
    position: relative;
  }
}