@import url("https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Oswald:wght@200;300;400;500;600;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Lora:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,400;1,700;1,900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@700&display=swap");
.icon {
  --height: 20px;
  --width: 20px;
  height: var(--height);
  width: var(--height);
  display: inline-block;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: bottom;
  image-rendering: pixelated;
  image-rendering: -webkit-optimize-contrast;
}
.icon.i-cart {
  background-image: url(../../Images/iCart.png);
}
.icon.i-arrowWithDot {
  background-image: url(../../Images/iRightArrow.png);
}
.icon.i-user {
  background-image: url(../../Images/iUser.png);
}
.icon.i-gear {
  background-image: url(../../Images/iGear.png);
}
.icon.i-gear-purple {
  background-image: url(../../Images/iGear_purple.png);
}
.icon.i-downArrow {
  background-image: url(../../Images/iDownArrow.png);
}
.icon.i-myDashboard {
  background-image: url(../../Images/iDashboard.png);
}
.icon.i-myProgress {
  background-image: url(../../Images/iProgress.png);
}
.icon.i-myRipple {
  background-image: url(../../Images/iRipple.png);
}
.icon.i-university {
  background-image: url(../../Images/iUniversity.png);
}
.icon.i-2x {
  height: calc(var(--height) * 2);
  width: calc(var(--height) * 2);
}
.icon.i-sm {
  height: calc(var(--height) / 2);
  width: calc(var(--height) / 2);
}

@font-face {
  font-family: "LATO-REGULAR";
  src: url("../fonts/Lato/Lato-Regular.ttf") format("truetype");
}
@font-face {
  font-family: "LATO-LIGHT";
  src: url("../fonts/Lato/Lato-LIGHT.ttf") format("truetype");
}
@font-face {
  font-family: "LATO-BOLD";
  src: url("../fonts/Lato/Lato-Bold.ttf") format("truetype");
}
@font-face {
  font-family: "LATO-BLACK";
  src: url("../fonts/Lato/Lato-Black.ttf") format("truetype");
}
.f-1 {
  font-size: 1px;
  line-height: calc(1px + 15px);
}

.f-2 {
  font-size: 2px;
  line-height: calc(2px + 15px);
}

.f-3 {
  font-size: 3px;
  line-height: calc(3px + 15px);
}

.f-4 {
  font-size: 4px;
  line-height: calc(4px + 15px);
}

.f-5 {
  font-size: 5px;
  line-height: calc(5px + 15px);
}

.f-6 {
  font-size: 6px;
  line-height: calc(6px + 15px);
}

.f-7 {
  font-size: 7px;
  line-height: calc(7px + 15px);
}

.f-8 {
  font-size: 8px;
  line-height: calc(8px + 15px);
}

.f-9 {
  font-size: 9px;
  line-height: calc(9px + 15px);
}

.f-10 {
  font-size: 10px;
  line-height: calc(10px + 15px);
}

.f-11 {
  font-size: 11px;
  line-height: calc(11px + 15px);
}

.f-12 {
  font-size: 12px;
  line-height: calc(12px + 15px);
}

.f-13 {
  font-size: 13px;
  line-height: calc(13px + 15px);
}

.f-14 {
  font-size: 14px;
  line-height: calc(14px + 15px);
}

.f-15 {
  font-size: 15px;
  line-height: calc(15px + 15px);
}

.f-16 {
  font-size: 16px;
  line-height: calc(16px + 15px);
}

.f-17 {
  font-size: 17px;
  line-height: calc(17px + 15px);
}

.f-18 {
  font-size: 18px;
  line-height: calc(18px + 15px);
}

.f-19 {
  font-size: 19px;
  line-height: calc(19px + 15px);
}

.f-20 {
  font-size: 20px;
  line-height: calc(20px + 15px);
}

.f-21 {
  font-size: 21px;
  line-height: calc(21px + 15px);
}

.f-22 {
  font-size: 22px;
  line-height: calc(22px + 15px);
}

.f-23 {
  font-size: 23px;
  line-height: calc(23px + 15px);
}

.f-24 {
  font-size: 24px;
  line-height: calc(24px + 15px);
}

.f-25 {
  font-size: 25px;
  line-height: calc(25px + 15px);
}

.f-26 {
  font-size: 26px;
  line-height: calc(26px + 15px);
}

.f-27 {
  font-size: 27px;
  line-height: calc(27px + 15px);
}

.f-28 {
  font-size: 28px;
  line-height: calc(28px + 15px);
}

.f-29 {
  font-size: 29px;
  line-height: calc(29px + 15px);
}

.f-30 {
  font-size: 30px;
  line-height: calc(30px + 15px);
}

.f-31 {
  font-size: 31px;
  line-height: calc(31px + 15px);
}

.f-32 {
  font-size: 32px;
  line-height: calc(32px + 15px);
}

.f-33 {
  font-size: 33px;
  line-height: calc(33px + 15px);
}

.f-34 {
  font-size: 34px;
  line-height: calc(34px + 15px);
}

.f-35 {
  font-size: 35px;
  line-height: calc(35px + 15px);
}

.f-36 {
  font-size: 36px;
  line-height: calc(36px + 15px);
}

.f-37 {
  font-size: 37px;
  line-height: calc(37px + 15px);
}

.f-38 {
  font-size: 38px;
  line-height: calc(38px + 15px);
}

.f-39 {
  font-size: 39px;
  line-height: calc(39px + 15px);
}

.f-40 {
  font-size: 40px;
  line-height: calc(40px + 15px);
}

.f-41 {
  font-size: 41px;
  line-height: calc(41px + 15px);
}

.f-42 {
  font-size: 42px;
  line-height: calc(42px + 15px);
}

.f-43 {
  font-size: 43px;
  line-height: calc(43px + 15px);
}

.f-44 {
  font-size: 44px;
  line-height: calc(44px + 15px);
}

.f-45 {
  font-size: 45px;
  line-height: calc(45px + 15px);
}

.f-46 {
  font-size: 46px;
  line-height: calc(46px + 15px);
}

.f-47 {
  font-size: 47px;
  line-height: calc(47px + 15px);
}

.f-48 {
  font-size: 48px;
  line-height: calc(48px + 15px);
}

.f-49 {
  font-size: 49px;
  line-height: calc(49px + 15px);
}

.f-50 {
  font-size: 50px;
  line-height: calc(50px + 15px);
}

.f-51 {
  font-size: 51px;
  line-height: calc(51px + 15px);
}

.f-52 {
  font-size: 52px;
  line-height: calc(52px + 15px);
}

.f-53 {
  font-size: 53px;
  line-height: calc(53px + 15px);
}

.f-54 {
  font-size: 54px;
  line-height: calc(54px + 15px);
}

.f-55 {
  font-size: 55px;
  line-height: calc(55px + 15px);
}

.f-56 {
  font-size: 56px;
  line-height: calc(56px + 15px);
}

.f-57 {
  font-size: 57px;
  line-height: calc(57px + 15px);
}

.f-58 {
  font-size: 58px;
  line-height: calc(58px + 15px);
}

.f-59 {
  font-size: 59px;
  line-height: calc(59px + 15px);
}

.f-60 {
  font-size: 60px;
  line-height: calc(60px + 15px);
}

.f-61 {
  font-size: 61px;
  line-height: calc(61px + 15px);
}

.f-62 {
  font-size: 62px;
  line-height: calc(62px + 15px);
}

.f-63 {
  font-size: 63px;
  line-height: calc(63px + 15px);
}

.f-64 {
  font-size: 64px;
  line-height: calc(64px + 15px);
}

.f-65 {
  font-size: 65px;
  line-height: calc(65px + 15px);
}

.f-66 {
  font-size: 66px;
  line-height: calc(66px + 15px);
}

.f-67 {
  font-size: 67px;
  line-height: calc(67px + 15px);
}

.f-68 {
  font-size: 68px;
  line-height: calc(68px + 15px);
}

.f-69 {
  font-size: 69px;
  line-height: calc(69px + 15px);
}

.f-70 {
  font-size: 70px;
  line-height: calc(70px + 15px);
}

.f-71 {
  font-size: 71px;
  line-height: calc(71px + 15px);
}

.f-72 {
  font-size: 72px;
  line-height: calc(72px + 15px);
}

.f-73 {
  font-size: 73px;
  line-height: calc(73px + 15px);
}

.f-74 {
  font-size: 74px;
  line-height: calc(74px + 15px);
}

.f-75 {
  font-size: 75px;
  line-height: calc(75px + 15px);
}

.f-76 {
  font-size: 76px;
  line-height: calc(76px + 15px);
}

.f-77 {
  font-size: 77px;
  line-height: calc(77px + 15px);
}

.f-78 {
  font-size: 78px;
  line-height: calc(78px + 15px);
}

.f-79 {
  font-size: 79px;
  line-height: calc(79px + 15px);
}

.f-80 {
  font-size: 80px;
  line-height: calc(80px + 15px);
}

.f-81 {
  font-size: 81px;
  line-height: calc(81px + 15px);
}

.f-82 {
  font-size: 82px;
  line-height: calc(82px + 15px);
}

.f-83 {
  font-size: 83px;
  line-height: calc(83px + 15px);
}

.f-84 {
  font-size: 84px;
  line-height: calc(84px + 15px);
}

.f-85 {
  font-size: 85px;
  line-height: calc(85px + 15px);
}

.f-86 {
  font-size: 86px;
  line-height: calc(86px + 15px);
}

.f-87 {
  font-size: 87px;
  line-height: calc(87px + 15px);
}

.f-88 {
  font-size: 88px;
  line-height: calc(88px + 15px);
}

.f-89 {
  font-size: 89px;
  line-height: calc(89px + 15px);
}

.f-90 {
  font-size: 90px;
  line-height: calc(90px + 15px);
}

.f-91 {
  font-size: 91px;
  line-height: calc(91px + 15px);
}

.f-92 {
  font-size: 92px;
  line-height: calc(92px + 15px);
}

.f-93 {
  font-size: 93px;
  line-height: calc(93px + 15px);
}

.f-94 {
  font-size: 94px;
  line-height: calc(94px + 15px);
}

.f-95 {
  font-size: 95px;
  line-height: calc(95px + 15px);
}

.f-96 {
  font-size: 96px;
  line-height: calc(96px + 15px);
}

.f-97 {
  font-size: 97px;
  line-height: calc(97px + 15px);
}

.f-98 {
  font-size: 98px;
  line-height: calc(98px + 15px);
}

.f-99 {
  font-size: 99px;
  line-height: calc(99px + 15px);
}

.f-100 {
  font-size: 100px;
  line-height: calc(100px + 15px);
}

@media (max-width: 1400px) {
  .f-md-1 {
    font-size: 1px;
    line-height: calc(1px + 10px);
  }
}
@media (max-width: 1400px) {
  .f-md-2 {
    font-size: 2px;
    line-height: calc(2px + 10px);
  }
}
@media (max-width: 1400px) {
  .f-md-3 {
    font-size: 3px;
    line-height: calc(3px + 10px);
  }
}
@media (max-width: 1400px) {
  .f-md-4 {
    font-size: 4px;
    line-height: calc(4px + 10px);
  }
}
@media (max-width: 1400px) {
  .f-md-5 {
    font-size: 5px;
    line-height: calc(5px + 10px);
  }
}
@media (max-width: 1400px) {
  .f-md-6 {
    font-size: 6px;
    line-height: calc(6px + 10px);
  }
}
@media (max-width: 1400px) {
  .f-md-7 {
    font-size: 7px;
    line-height: calc(7px + 10px);
  }
}
@media (max-width: 1400px) {
  .f-md-8 {
    font-size: 8px;
    line-height: calc(8px + 10px);
  }
}
@media (max-width: 1400px) {
  .f-md-9 {
    font-size: 9px;
    line-height: calc(9px + 10px);
  }
}
@media (max-width: 1400px) {
  .f-md-10 {
    font-size: 10px;
    line-height: calc(10px + 10px);
  }
}
@media (max-width: 1400px) {
  .f-md-11 {
    font-size: 11px;
    line-height: calc(11px + 10px);
  }
}
@media (max-width: 1400px) {
  .f-md-12 {
    font-size: 12px;
    line-height: calc(12px + 10px);
  }
}
@media (max-width: 1400px) {
  .f-md-13 {
    font-size: 13px;
    line-height: calc(13px + 10px);
  }
}
@media (max-width: 1400px) {
  .f-md-14 {
    font-size: 14px;
    line-height: calc(14px + 10px);
  }
}
@media (max-width: 1400px) {
  .f-md-15 {
    font-size: 15px;
    line-height: calc(15px + 10px);
  }
}
@media (max-width: 1400px) {
  .f-md-16 {
    font-size: 16px;
    line-height: calc(16px + 10px);
  }
}
@media (max-width: 1400px) {
  .f-md-17 {
    font-size: 17px;
    line-height: calc(17px + 10px);
  }
}
@media (max-width: 1400px) {
  .f-md-18 {
    font-size: 18px;
    line-height: calc(18px + 10px);
  }
}
@media (max-width: 1400px) {
  .f-md-19 {
    font-size: 19px;
    line-height: calc(19px + 10px);
  }
}
@media (max-width: 1400px) {
  .f-md-20 {
    font-size: 20px;
    line-height: calc(20px + 10px);
  }
}
@media (max-width: 1400px) {
  .f-md-21 {
    font-size: 21px;
    line-height: calc(21px + 10px);
  }
}
@media (max-width: 1400px) {
  .f-md-22 {
    font-size: 22px;
    line-height: calc(22px + 10px);
  }
}
@media (max-width: 1400px) {
  .f-md-23 {
    font-size: 23px;
    line-height: calc(23px + 10px);
  }
}
@media (max-width: 1400px) {
  .f-md-24 {
    font-size: 24px;
    line-height: calc(24px + 10px);
  }
}
@media (max-width: 1400px) {
  .f-md-25 {
    font-size: 25px;
    line-height: calc(25px + 10px);
  }
}
@media (max-width: 1400px) {
  .f-md-26 {
    font-size: 26px;
    line-height: calc(26px + 10px);
  }
}
@media (max-width: 1400px) {
  .f-md-27 {
    font-size: 27px;
    line-height: calc(27px + 10px);
  }
}
@media (max-width: 1400px) {
  .f-md-28 {
    font-size: 28px;
    line-height: calc(28px + 10px);
  }
}
@media (max-width: 1400px) {
  .f-md-29 {
    font-size: 29px;
    line-height: calc(29px + 10px);
  }
}
@media (max-width: 1400px) {
  .f-md-30 {
    font-size: 30px;
    line-height: calc(30px + 10px);
  }
}
@media (max-width: 1400px) {
  .f-md-31 {
    font-size: 31px;
    line-height: calc(31px + 10px);
  }
}
@media (max-width: 1400px) {
  .f-md-32 {
    font-size: 32px;
    line-height: calc(32px + 10px);
  }
}
@media (max-width: 1400px) {
  .f-md-33 {
    font-size: 33px;
    line-height: calc(33px + 10px);
  }
}
@media (max-width: 1400px) {
  .f-md-34 {
    font-size: 34px;
    line-height: calc(34px + 10px);
  }
}
@media (max-width: 1400px) {
  .f-md-35 {
    font-size: 35px;
    line-height: calc(35px + 10px);
  }
}
@media (max-width: 1400px) {
  .f-md-36 {
    font-size: 36px;
    line-height: calc(36px + 10px);
  }
}
@media (max-width: 1400px) {
  .f-md-37 {
    font-size: 37px;
    line-height: calc(37px + 10px);
  }
}
@media (max-width: 1400px) {
  .f-md-38 {
    font-size: 38px;
    line-height: calc(38px + 10px);
  }
}
@media (max-width: 1400px) {
  .f-md-39 {
    font-size: 39px;
    line-height: calc(39px + 10px);
  }
}
@media (max-width: 1400px) {
  .f-md-40 {
    font-size: 40px;
    line-height: calc(40px + 10px);
  }
}
@media (max-width: 1400px) {
  .f-md-41 {
    font-size: 41px;
    line-height: calc(41px + 10px);
  }
}
@media (max-width: 1400px) {
  .f-md-42 {
    font-size: 42px;
    line-height: calc(42px + 10px);
  }
}
@media (max-width: 1400px) {
  .f-md-43 {
    font-size: 43px;
    line-height: calc(43px + 10px);
  }
}
@media (max-width: 1400px) {
  .f-md-44 {
    font-size: 44px;
    line-height: calc(44px + 10px);
  }
}
@media (max-width: 1400px) {
  .f-md-45 {
    font-size: 45px;
    line-height: calc(45px + 10px);
  }
}
@media (max-width: 1400px) {
  .f-md-46 {
    font-size: 46px;
    line-height: calc(46px + 10px);
  }
}
@media (max-width: 1400px) {
  .f-md-47 {
    font-size: 47px;
    line-height: calc(47px + 10px);
  }
}
@media (max-width: 1400px) {
  .f-md-48 {
    font-size: 48px;
    line-height: calc(48px + 10px);
  }
}
@media (max-width: 1400px) {
  .f-md-49 {
    font-size: 49px;
    line-height: calc(49px + 10px);
  }
}
@media (max-width: 1400px) {
  .f-md-50 {
    font-size: 50px;
    line-height: calc(50px + 10px);
  }
}
@media (max-width: 1400px) {
  .f-md-51 {
    font-size: 51px;
    line-height: calc(51px + 10px);
  }
}
@media (max-width: 1400px) {
  .f-md-52 {
    font-size: 52px;
    line-height: calc(52px + 10px);
  }
}
@media (max-width: 1400px) {
  .f-md-53 {
    font-size: 53px;
    line-height: calc(53px + 10px);
  }
}
@media (max-width: 1400px) {
  .f-md-54 {
    font-size: 54px;
    line-height: calc(54px + 10px);
  }
}
@media (max-width: 1400px) {
  .f-md-55 {
    font-size: 55px;
    line-height: calc(55px + 10px);
  }
}
@media (max-width: 1400px) {
  .f-md-56 {
    font-size: 56px;
    line-height: calc(56px + 10px);
  }
}
@media (max-width: 1400px) {
  .f-md-57 {
    font-size: 57px;
    line-height: calc(57px + 10px);
  }
}
@media (max-width: 1400px) {
  .f-md-58 {
    font-size: 58px;
    line-height: calc(58px + 10px);
  }
}
@media (max-width: 1400px) {
  .f-md-59 {
    font-size: 59px;
    line-height: calc(59px + 10px);
  }
}
@media (max-width: 1400px) {
  .f-md-60 {
    font-size: 60px;
    line-height: calc(60px + 10px);
  }
}
@media (max-width: 1400px) {
  .f-md-61 {
    font-size: 61px;
    line-height: calc(61px + 10px);
  }
}
@media (max-width: 1400px) {
  .f-md-62 {
    font-size: 62px;
    line-height: calc(62px + 10px);
  }
}
@media (max-width: 1400px) {
  .f-md-63 {
    font-size: 63px;
    line-height: calc(63px + 10px);
  }
}
@media (max-width: 1400px) {
  .f-md-64 {
    font-size: 64px;
    line-height: calc(64px + 10px);
  }
}
@media (max-width: 1400px) {
  .f-md-65 {
    font-size: 65px;
    line-height: calc(65px + 10px);
  }
}
@media (max-width: 1400px) {
  .f-md-66 {
    font-size: 66px;
    line-height: calc(66px + 10px);
  }
}
@media (max-width: 1400px) {
  .f-md-67 {
    font-size: 67px;
    line-height: calc(67px + 10px);
  }
}
@media (max-width: 1400px) {
  .f-md-68 {
    font-size: 68px;
    line-height: calc(68px + 10px);
  }
}
@media (max-width: 1400px) {
  .f-md-69 {
    font-size: 69px;
    line-height: calc(69px + 10px);
  }
}
@media (max-width: 1400px) {
  .f-md-70 {
    font-size: 70px;
    line-height: calc(70px + 10px);
  }
}
@media (max-width: 1400px) {
  .f-md-71 {
    font-size: 71px;
    line-height: calc(71px + 10px);
  }
}
@media (max-width: 1400px) {
  .f-md-72 {
    font-size: 72px;
    line-height: calc(72px + 10px);
  }
}
@media (max-width: 1400px) {
  .f-md-73 {
    font-size: 73px;
    line-height: calc(73px + 10px);
  }
}
@media (max-width: 1400px) {
  .f-md-74 {
    font-size: 74px;
    line-height: calc(74px + 10px);
  }
}
@media (max-width: 1400px) {
  .f-md-75 {
    font-size: 75px;
    line-height: calc(75px + 10px);
  }
}
@media (max-width: 1400px) {
  .f-md-76 {
    font-size: 76px;
    line-height: calc(76px + 10px);
  }
}
@media (max-width: 1400px) {
  .f-md-77 {
    font-size: 77px;
    line-height: calc(77px + 10px);
  }
}
@media (max-width: 1400px) {
  .f-md-78 {
    font-size: 78px;
    line-height: calc(78px + 10px);
  }
}
@media (max-width: 1400px) {
  .f-md-79 {
    font-size: 79px;
    line-height: calc(79px + 10px);
  }
}
@media (max-width: 1400px) {
  .f-md-80 {
    font-size: 80px;
    line-height: calc(80px + 10px);
  }
}
@media (max-width: 1400px) {
  .f-md-81 {
    font-size: 81px;
    line-height: calc(81px + 10px);
  }
}
@media (max-width: 1400px) {
  .f-md-82 {
    font-size: 82px;
    line-height: calc(82px + 10px);
  }
}
@media (max-width: 1400px) {
  .f-md-83 {
    font-size: 83px;
    line-height: calc(83px + 10px);
  }
}
@media (max-width: 1400px) {
  .f-md-84 {
    font-size: 84px;
    line-height: calc(84px + 10px);
  }
}
@media (max-width: 1400px) {
  .f-md-85 {
    font-size: 85px;
    line-height: calc(85px + 10px);
  }
}
@media (max-width: 1400px) {
  .f-md-86 {
    font-size: 86px;
    line-height: calc(86px + 10px);
  }
}
@media (max-width: 1400px) {
  .f-md-87 {
    font-size: 87px;
    line-height: calc(87px + 10px);
  }
}
@media (max-width: 1400px) {
  .f-md-88 {
    font-size: 88px;
    line-height: calc(88px + 10px);
  }
}
@media (max-width: 1400px) {
  .f-md-89 {
    font-size: 89px;
    line-height: calc(89px + 10px);
  }
}
@media (max-width: 1400px) {
  .f-md-90 {
    font-size: 90px;
    line-height: calc(90px + 10px);
  }
}
@media (max-width: 1400px) {
  .f-md-91 {
    font-size: 91px;
    line-height: calc(91px + 10px);
  }
}
@media (max-width: 1400px) {
  .f-md-92 {
    font-size: 92px;
    line-height: calc(92px + 10px);
  }
}
@media (max-width: 1400px) {
  .f-md-93 {
    font-size: 93px;
    line-height: calc(93px + 10px);
  }
}
@media (max-width: 1400px) {
  .f-md-94 {
    font-size: 94px;
    line-height: calc(94px + 10px);
  }
}
@media (max-width: 1400px) {
  .f-md-95 {
    font-size: 95px;
    line-height: calc(95px + 10px);
  }
}
@media (max-width: 1400px) {
  .f-md-96 {
    font-size: 96px;
    line-height: calc(96px + 10px);
  }
}
@media (max-width: 1400px) {
  .f-md-97 {
    font-size: 97px;
    line-height: calc(97px + 10px);
  }
}
@media (max-width: 1400px) {
  .f-md-98 {
    font-size: 98px;
    line-height: calc(98px + 10px);
  }
}
@media (max-width: 1400px) {
  .f-md-99 {
    font-size: 99px;
    line-height: calc(99px + 10px);
  }
}
@media (max-width: 1400px) {
  .f-md-100 {
    font-size: 100px;
    line-height: calc(100px + 10px);
  }
}
@media (max-width: 992px) {
  .f-sm-1 {
    font-size: 1px;
    line-height: calc(1px + 10px);
  }
}
@media (max-width: 992px) {
  .f-sm-2 {
    font-size: 2px;
    line-height: calc(2px + 10px);
  }
}
@media (max-width: 992px) {
  .f-sm-3 {
    font-size: 3px;
    line-height: calc(3px + 10px);
  }
}
@media (max-width: 992px) {
  .f-sm-4 {
    font-size: 4px;
    line-height: calc(4px + 10px);
  }
}
@media (max-width: 992px) {
  .f-sm-5 {
    font-size: 5px;
    line-height: calc(5px + 10px);
  }
}
@media (max-width: 992px) {
  .f-sm-6 {
    font-size: 6px;
    line-height: calc(6px + 10px);
  }
}
@media (max-width: 992px) {
  .f-sm-7 {
    font-size: 7px;
    line-height: calc(7px + 10px);
  }
}
@media (max-width: 992px) {
  .f-sm-8 {
    font-size: 8px;
    line-height: calc(8px + 10px);
  }
}
@media (max-width: 992px) {
  .f-sm-9 {
    font-size: 9px;
    line-height: calc(9px + 10px);
  }
}
@media (max-width: 992px) {
  .f-sm-10 {
    font-size: 10px;
    line-height: calc(10px + 10px);
  }
}
@media (max-width: 992px) {
  .f-sm-11 {
    font-size: 11px;
    line-height: calc(11px + 10px);
  }
}
@media (max-width: 992px) {
  .f-sm-12 {
    font-size: 12px;
    line-height: calc(12px + 10px);
  }
}
@media (max-width: 992px) {
  .f-sm-13 {
    font-size: 13px;
    line-height: calc(13px + 10px);
  }
}
@media (max-width: 992px) {
  .f-sm-14 {
    font-size: 14px;
    line-height: calc(14px + 10px);
  }
}
@media (max-width: 992px) {
  .f-sm-15 {
    font-size: 15px;
    line-height: calc(15px + 10px);
  }
}
@media (max-width: 992px) {
  .f-sm-16 {
    font-size: 16px;
    line-height: calc(16px + 10px);
  }
}
@media (max-width: 992px) {
  .f-sm-17 {
    font-size: 17px;
    line-height: calc(17px + 10px);
  }
}
@media (max-width: 992px) {
  .f-sm-18 {
    font-size: 18px;
    line-height: calc(18px + 10px);
  }
}
@media (max-width: 992px) {
  .f-sm-19 {
    font-size: 19px;
    line-height: calc(19px + 10px);
  }
}
@media (max-width: 992px) {
  .f-sm-20 {
    font-size: 20px;
    line-height: calc(20px + 10px);
  }
}
@media (max-width: 992px) {
  .f-sm-21 {
    font-size: 21px;
    line-height: calc(21px + 10px);
  }
}
@media (max-width: 992px) {
  .f-sm-22 {
    font-size: 22px;
    line-height: calc(22px + 10px);
  }
}
@media (max-width: 992px) {
  .f-sm-23 {
    font-size: 23px;
    line-height: calc(23px + 10px);
  }
}
@media (max-width: 992px) {
  .f-sm-24 {
    font-size: 24px;
    line-height: calc(24px + 10px);
  }
}
@media (max-width: 992px) {
  .f-sm-25 {
    font-size: 25px;
    line-height: calc(25px + 10px);
  }
}
@media (max-width: 992px) {
  .f-sm-26 {
    font-size: 26px;
    line-height: calc(26px + 10px);
  }
}
@media (max-width: 992px) {
  .f-sm-27 {
    font-size: 27px;
    line-height: calc(27px + 10px);
  }
}
@media (max-width: 992px) {
  .f-sm-28 {
    font-size: 28px;
    line-height: calc(28px + 10px);
  }
}
@media (max-width: 992px) {
  .f-sm-29 {
    font-size: 29px;
    line-height: calc(29px + 10px);
  }
}
@media (max-width: 992px) {
  .f-sm-30 {
    font-size: 30px;
    line-height: calc(30px + 10px);
  }
}
@media (max-width: 992px) {
  .f-sm-31 {
    font-size: 31px;
    line-height: calc(31px + 10px);
  }
}
@media (max-width: 992px) {
  .f-sm-32 {
    font-size: 32px;
    line-height: calc(32px + 10px);
  }
}
@media (max-width: 992px) {
  .f-sm-33 {
    font-size: 33px;
    line-height: calc(33px + 10px);
  }
}
@media (max-width: 992px) {
  .f-sm-34 {
    font-size: 34px;
    line-height: calc(34px + 10px);
  }
}
@media (max-width: 992px) {
  .f-sm-35 {
    font-size: 35px;
    line-height: calc(35px + 10px);
  }
}
@media (max-width: 992px) {
  .f-sm-36 {
    font-size: 36px;
    line-height: calc(36px + 10px);
  }
}
@media (max-width: 992px) {
  .f-sm-37 {
    font-size: 37px;
    line-height: calc(37px + 10px);
  }
}
@media (max-width: 992px) {
  .f-sm-38 {
    font-size: 38px;
    line-height: calc(38px + 10px);
  }
}
@media (max-width: 992px) {
  .f-sm-39 {
    font-size: 39px;
    line-height: calc(39px + 10px);
  }
}
@media (max-width: 992px) {
  .f-sm-40 {
    font-size: 40px;
    line-height: calc(40px + 10px);
  }
}
@media (max-width: 992px) {
  .f-sm-41 {
    font-size: 41px;
    line-height: calc(41px + 10px);
  }
}
@media (max-width: 992px) {
  .f-sm-42 {
    font-size: 42px;
    line-height: calc(42px + 10px);
  }
}
@media (max-width: 992px) {
  .f-sm-43 {
    font-size: 43px;
    line-height: calc(43px + 10px);
  }
}
@media (max-width: 992px) {
  .f-sm-44 {
    font-size: 44px;
    line-height: calc(44px + 10px);
  }
}
@media (max-width: 992px) {
  .f-sm-45 {
    font-size: 45px;
    line-height: calc(45px + 10px);
  }
}
@media (max-width: 992px) {
  .f-sm-46 {
    font-size: 46px;
    line-height: calc(46px + 10px);
  }
}
@media (max-width: 992px) {
  .f-sm-47 {
    font-size: 47px;
    line-height: calc(47px + 10px);
  }
}
@media (max-width: 992px) {
  .f-sm-48 {
    font-size: 48px;
    line-height: calc(48px + 10px);
  }
}
@media (max-width: 992px) {
  .f-sm-49 {
    font-size: 49px;
    line-height: calc(49px + 10px);
  }
}
@media (max-width: 992px) {
  .f-sm-50 {
    font-size: 50px;
    line-height: calc(50px + 10px);
  }
}
@media (max-width: 992px) {
  .f-sm-51 {
    font-size: 51px;
    line-height: calc(51px + 10px);
  }
}
@media (max-width: 992px) {
  .f-sm-52 {
    font-size: 52px;
    line-height: calc(52px + 10px);
  }
}
@media (max-width: 992px) {
  .f-sm-53 {
    font-size: 53px;
    line-height: calc(53px + 10px);
  }
}
@media (max-width: 992px) {
  .f-sm-54 {
    font-size: 54px;
    line-height: calc(54px + 10px);
  }
}
@media (max-width: 992px) {
  .f-sm-55 {
    font-size: 55px;
    line-height: calc(55px + 10px);
  }
}
@media (max-width: 992px) {
  .f-sm-56 {
    font-size: 56px;
    line-height: calc(56px + 10px);
  }
}
@media (max-width: 992px) {
  .f-sm-57 {
    font-size: 57px;
    line-height: calc(57px + 10px);
  }
}
@media (max-width: 992px) {
  .f-sm-58 {
    font-size: 58px;
    line-height: calc(58px + 10px);
  }
}
@media (max-width: 992px) {
  .f-sm-59 {
    font-size: 59px;
    line-height: calc(59px + 10px);
  }
}
@media (max-width: 992px) {
  .f-sm-60 {
    font-size: 60px;
    line-height: calc(60px + 10px);
  }
}
@media (max-width: 992px) {
  .f-sm-61 {
    font-size: 61px;
    line-height: calc(61px + 10px);
  }
}
@media (max-width: 992px) {
  .f-sm-62 {
    font-size: 62px;
    line-height: calc(62px + 10px);
  }
}
@media (max-width: 992px) {
  .f-sm-63 {
    font-size: 63px;
    line-height: calc(63px + 10px);
  }
}
@media (max-width: 992px) {
  .f-sm-64 {
    font-size: 64px;
    line-height: calc(64px + 10px);
  }
}
@media (max-width: 992px) {
  .f-sm-65 {
    font-size: 65px;
    line-height: calc(65px + 10px);
  }
}
@media (max-width: 992px) {
  .f-sm-66 {
    font-size: 66px;
    line-height: calc(66px + 10px);
  }
}
@media (max-width: 992px) {
  .f-sm-67 {
    font-size: 67px;
    line-height: calc(67px + 10px);
  }
}
@media (max-width: 992px) {
  .f-sm-68 {
    font-size: 68px;
    line-height: calc(68px + 10px);
  }
}
@media (max-width: 992px) {
  .f-sm-69 {
    font-size: 69px;
    line-height: calc(69px + 10px);
  }
}
@media (max-width: 992px) {
  .f-sm-70 {
    font-size: 70px;
    line-height: calc(70px + 10px);
  }
}
@media (max-width: 992px) {
  .f-sm-71 {
    font-size: 71px;
    line-height: calc(71px + 10px);
  }
}
@media (max-width: 992px) {
  .f-sm-72 {
    font-size: 72px;
    line-height: calc(72px + 10px);
  }
}
@media (max-width: 992px) {
  .f-sm-73 {
    font-size: 73px;
    line-height: calc(73px + 10px);
  }
}
@media (max-width: 992px) {
  .f-sm-74 {
    font-size: 74px;
    line-height: calc(74px + 10px);
  }
}
@media (max-width: 992px) {
  .f-sm-75 {
    font-size: 75px;
    line-height: calc(75px + 10px);
  }
}
@media (max-width: 992px) {
  .f-sm-76 {
    font-size: 76px;
    line-height: calc(76px + 10px);
  }
}
@media (max-width: 992px) {
  .f-sm-77 {
    font-size: 77px;
    line-height: calc(77px + 10px);
  }
}
@media (max-width: 992px) {
  .f-sm-78 {
    font-size: 78px;
    line-height: calc(78px + 10px);
  }
}
@media (max-width: 992px) {
  .f-sm-79 {
    font-size: 79px;
    line-height: calc(79px + 10px);
  }
}
@media (max-width: 992px) {
  .f-sm-80 {
    font-size: 80px;
    line-height: calc(80px + 10px);
  }
}
@media (max-width: 992px) {
  .f-sm-81 {
    font-size: 81px;
    line-height: calc(81px + 10px);
  }
}
@media (max-width: 992px) {
  .f-sm-82 {
    font-size: 82px;
    line-height: calc(82px + 10px);
  }
}
@media (max-width: 992px) {
  .f-sm-83 {
    font-size: 83px;
    line-height: calc(83px + 10px);
  }
}
@media (max-width: 992px) {
  .f-sm-84 {
    font-size: 84px;
    line-height: calc(84px + 10px);
  }
}
@media (max-width: 992px) {
  .f-sm-85 {
    font-size: 85px;
    line-height: calc(85px + 10px);
  }
}
@media (max-width: 992px) {
  .f-sm-86 {
    font-size: 86px;
    line-height: calc(86px + 10px);
  }
}
@media (max-width: 992px) {
  .f-sm-87 {
    font-size: 87px;
    line-height: calc(87px + 10px);
  }
}
@media (max-width: 992px) {
  .f-sm-88 {
    font-size: 88px;
    line-height: calc(88px + 10px);
  }
}
@media (max-width: 992px) {
  .f-sm-89 {
    font-size: 89px;
    line-height: calc(89px + 10px);
  }
}
@media (max-width: 992px) {
  .f-sm-90 {
    font-size: 90px;
    line-height: calc(90px + 10px);
  }
}
@media (max-width: 992px) {
  .f-sm-91 {
    font-size: 91px;
    line-height: calc(91px + 10px);
  }
}
@media (max-width: 992px) {
  .f-sm-92 {
    font-size: 92px;
    line-height: calc(92px + 10px);
  }
}
@media (max-width: 992px) {
  .f-sm-93 {
    font-size: 93px;
    line-height: calc(93px + 10px);
  }
}
@media (max-width: 992px) {
  .f-sm-94 {
    font-size: 94px;
    line-height: calc(94px + 10px);
  }
}
@media (max-width: 992px) {
  .f-sm-95 {
    font-size: 95px;
    line-height: calc(95px + 10px);
  }
}
@media (max-width: 992px) {
  .f-sm-96 {
    font-size: 96px;
    line-height: calc(96px + 10px);
  }
}
@media (max-width: 992px) {
  .f-sm-97 {
    font-size: 97px;
    line-height: calc(97px + 10px);
  }
}
@media (max-width: 992px) {
  .f-sm-98 {
    font-size: 98px;
    line-height: calc(98px + 10px);
  }
}
@media (max-width: 992px) {
  .f-sm-99 {
    font-size: 99px;
    line-height: calc(99px + 10px);
  }
}
@media (max-width: 992px) {
  .f-sm-100 {
    font-size: 100px;
    line-height: calc(100px + 10px);
  }
}
@media (max-width: 767px) {
  .f-xs-1 {
    font-size: 1px;
    line-height: calc(1px + 10px);
  }
}
@media (max-width: 767px) {
  .f-xs-2 {
    font-size: 2px;
    line-height: calc(2px + 10px);
  }
}
@media (max-width: 767px) {
  .f-xs-3 {
    font-size: 3px;
    line-height: calc(3px + 10px);
  }
}
@media (max-width: 767px) {
  .f-xs-4 {
    font-size: 4px;
    line-height: calc(4px + 10px);
  }
}
@media (max-width: 767px) {
  .f-xs-5 {
    font-size: 5px;
    line-height: calc(5px + 10px);
  }
}
@media (max-width: 767px) {
  .f-xs-6 {
    font-size: 6px;
    line-height: calc(6px + 10px);
  }
}
@media (max-width: 767px) {
  .f-xs-7 {
    font-size: 7px;
    line-height: calc(7px + 10px);
  }
}
@media (max-width: 767px) {
  .f-xs-8 {
    font-size: 8px;
    line-height: calc(8px + 10px);
  }
}
@media (max-width: 767px) {
  .f-xs-9 {
    font-size: 9px;
    line-height: calc(9px + 10px);
  }
}
@media (max-width: 767px) {
  .f-xs-10 {
    font-size: 10px;
    line-height: calc(10px + 10px);
  }
}
@media (max-width: 767px) {
  .f-xs-11 {
    font-size: 11px;
    line-height: calc(11px + 10px);
  }
}
@media (max-width: 767px) {
  .f-xs-12 {
    font-size: 12px;
    line-height: calc(12px + 10px);
  }
}
@media (max-width: 767px) {
  .f-xs-13 {
    font-size: 13px;
    line-height: calc(13px + 10px);
  }
}
@media (max-width: 767px) {
  .f-xs-14 {
    font-size: 14px;
    line-height: calc(14px + 10px);
  }
}
@media (max-width: 767px) {
  .f-xs-15 {
    font-size: 15px;
    line-height: calc(15px + 10px);
  }
}
@media (max-width: 767px) {
  .f-xs-16 {
    font-size: 16px;
    line-height: calc(16px + 10px);
  }
}
@media (max-width: 767px) {
  .f-xs-17 {
    font-size: 17px;
    line-height: calc(17px + 10px);
  }
}
@media (max-width: 767px) {
  .f-xs-18 {
    font-size: 18px;
    line-height: calc(18px + 10px);
  }
}
@media (max-width: 767px) {
  .f-xs-19 {
    font-size: 19px;
    line-height: calc(19px + 10px);
  }
}
@media (max-width: 767px) {
  .f-xs-20 {
    font-size: 20px;
    line-height: calc(20px + 10px);
  }
}
@media (max-width: 767px) {
  .f-xs-21 {
    font-size: 21px;
    line-height: calc(21px + 10px);
  }
}
@media (max-width: 767px) {
  .f-xs-22 {
    font-size: 22px;
    line-height: calc(22px + 10px);
  }
}
@media (max-width: 767px) {
  .f-xs-23 {
    font-size: 23px;
    line-height: calc(23px + 10px);
  }
}
@media (max-width: 767px) {
  .f-xs-24 {
    font-size: 24px;
    line-height: calc(24px + 10px);
  }
}
@media (max-width: 767px) {
  .f-xs-25 {
    font-size: 25px;
    line-height: calc(25px + 10px);
  }
}
@media (max-width: 767px) {
  .f-xs-26 {
    font-size: 26px;
    line-height: calc(26px + 10px);
  }
}
@media (max-width: 767px) {
  .f-xs-27 {
    font-size: 27px;
    line-height: calc(27px + 10px);
  }
}
@media (max-width: 767px) {
  .f-xs-28 {
    font-size: 28px;
    line-height: calc(28px + 10px);
  }
}
@media (max-width: 767px) {
  .f-xs-29 {
    font-size: 29px;
    line-height: calc(29px + 10px);
  }
}
@media (max-width: 767px) {
  .f-xs-30 {
    font-size: 30px;
    line-height: calc(30px + 10px);
  }
}
@media (max-width: 767px) {
  .f-xs-31 {
    font-size: 31px;
    line-height: calc(31px + 10px);
  }
}
@media (max-width: 767px) {
  .f-xs-32 {
    font-size: 32px;
    line-height: calc(32px + 10px);
  }
}
@media (max-width: 767px) {
  .f-xs-33 {
    font-size: 33px;
    line-height: calc(33px + 10px);
  }
}
@media (max-width: 767px) {
  .f-xs-34 {
    font-size: 34px;
    line-height: calc(34px + 10px);
  }
}
@media (max-width: 767px) {
  .f-xs-35 {
    font-size: 35px;
    line-height: calc(35px + 10px);
  }
}
@media (max-width: 767px) {
  .f-xs-36 {
    font-size: 36px;
    line-height: calc(36px + 10px);
  }
}
@media (max-width: 767px) {
  .f-xs-37 {
    font-size: 37px;
    line-height: calc(37px + 10px);
  }
}
@media (max-width: 767px) {
  .f-xs-38 {
    font-size: 38px;
    line-height: calc(38px + 10px);
  }
}
@media (max-width: 767px) {
  .f-xs-39 {
    font-size: 39px;
    line-height: calc(39px + 10px);
  }
}
@media (max-width: 767px) {
  .f-xs-40 {
    font-size: 40px;
    line-height: calc(40px + 10px);
  }
}
@media (max-width: 767px) {
  .f-xs-41 {
    font-size: 41px;
    line-height: calc(41px + 10px);
  }
}
@media (max-width: 767px) {
  .f-xs-42 {
    font-size: 42px;
    line-height: calc(42px + 10px);
  }
}
@media (max-width: 767px) {
  .f-xs-43 {
    font-size: 43px;
    line-height: calc(43px + 10px);
  }
}
@media (max-width: 767px) {
  .f-xs-44 {
    font-size: 44px;
    line-height: calc(44px + 10px);
  }
}
@media (max-width: 767px) {
  .f-xs-45 {
    font-size: 45px;
    line-height: calc(45px + 10px);
  }
}
@media (max-width: 767px) {
  .f-xs-46 {
    font-size: 46px;
    line-height: calc(46px + 10px);
  }
}
@media (max-width: 767px) {
  .f-xs-47 {
    font-size: 47px;
    line-height: calc(47px + 10px);
  }
}
@media (max-width: 767px) {
  .f-xs-48 {
    font-size: 48px;
    line-height: calc(48px + 10px);
  }
}
@media (max-width: 767px) {
  .f-xs-49 {
    font-size: 49px;
    line-height: calc(49px + 10px);
  }
}
@media (max-width: 767px) {
  .f-xs-50 {
    font-size: 50px;
    line-height: calc(50px + 10px);
  }
}
@media (max-width: 767px) {
  .f-xs-51 {
    font-size: 51px;
    line-height: calc(51px + 10px);
  }
}
@media (max-width: 767px) {
  .f-xs-52 {
    font-size: 52px;
    line-height: calc(52px + 10px);
  }
}
@media (max-width: 767px) {
  .f-xs-53 {
    font-size: 53px;
    line-height: calc(53px + 10px);
  }
}
@media (max-width: 767px) {
  .f-xs-54 {
    font-size: 54px;
    line-height: calc(54px + 10px);
  }
}
@media (max-width: 767px) {
  .f-xs-55 {
    font-size: 55px;
    line-height: calc(55px + 10px);
  }
}
@media (max-width: 767px) {
  .f-xs-56 {
    font-size: 56px;
    line-height: calc(56px + 10px);
  }
}
@media (max-width: 767px) {
  .f-xs-57 {
    font-size: 57px;
    line-height: calc(57px + 10px);
  }
}
@media (max-width: 767px) {
  .f-xs-58 {
    font-size: 58px;
    line-height: calc(58px + 10px);
  }
}
@media (max-width: 767px) {
  .f-xs-59 {
    font-size: 59px;
    line-height: calc(59px + 10px);
  }
}
@media (max-width: 767px) {
  .f-xs-60 {
    font-size: 60px;
    line-height: calc(60px + 10px);
  }
}
@media (max-width: 767px) {
  .f-xs-61 {
    font-size: 61px;
    line-height: calc(61px + 10px);
  }
}
@media (max-width: 767px) {
  .f-xs-62 {
    font-size: 62px;
    line-height: calc(62px + 10px);
  }
}
@media (max-width: 767px) {
  .f-xs-63 {
    font-size: 63px;
    line-height: calc(63px + 10px);
  }
}
@media (max-width: 767px) {
  .f-xs-64 {
    font-size: 64px;
    line-height: calc(64px + 10px);
  }
}
@media (max-width: 767px) {
  .f-xs-65 {
    font-size: 65px;
    line-height: calc(65px + 10px);
  }
}
@media (max-width: 767px) {
  .f-xs-66 {
    font-size: 66px;
    line-height: calc(66px + 10px);
  }
}
@media (max-width: 767px) {
  .f-xs-67 {
    font-size: 67px;
    line-height: calc(67px + 10px);
  }
}
@media (max-width: 767px) {
  .f-xs-68 {
    font-size: 68px;
    line-height: calc(68px + 10px);
  }
}
@media (max-width: 767px) {
  .f-xs-69 {
    font-size: 69px;
    line-height: calc(69px + 10px);
  }
}
@media (max-width: 767px) {
  .f-xs-70 {
    font-size: 70px;
    line-height: calc(70px + 10px);
  }
}
@media (max-width: 767px) {
  .f-xs-71 {
    font-size: 71px;
    line-height: calc(71px + 10px);
  }
}
@media (max-width: 767px) {
  .f-xs-72 {
    font-size: 72px;
    line-height: calc(72px + 10px);
  }
}
@media (max-width: 767px) {
  .f-xs-73 {
    font-size: 73px;
    line-height: calc(73px + 10px);
  }
}
@media (max-width: 767px) {
  .f-xs-74 {
    font-size: 74px;
    line-height: calc(74px + 10px);
  }
}
@media (max-width: 767px) {
  .f-xs-75 {
    font-size: 75px;
    line-height: calc(75px + 10px);
  }
}
@media (max-width: 767px) {
  .f-xs-76 {
    font-size: 76px;
    line-height: calc(76px + 10px);
  }
}
@media (max-width: 767px) {
  .f-xs-77 {
    font-size: 77px;
    line-height: calc(77px + 10px);
  }
}
@media (max-width: 767px) {
  .f-xs-78 {
    font-size: 78px;
    line-height: calc(78px + 10px);
  }
}
@media (max-width: 767px) {
  .f-xs-79 {
    font-size: 79px;
    line-height: calc(79px + 10px);
  }
}
@media (max-width: 767px) {
  .f-xs-80 {
    font-size: 80px;
    line-height: calc(80px + 10px);
  }
}
@media (max-width: 767px) {
  .f-xs-81 {
    font-size: 81px;
    line-height: calc(81px + 10px);
  }
}
@media (max-width: 767px) {
  .f-xs-82 {
    font-size: 82px;
    line-height: calc(82px + 10px);
  }
}
@media (max-width: 767px) {
  .f-xs-83 {
    font-size: 83px;
    line-height: calc(83px + 10px);
  }
}
@media (max-width: 767px) {
  .f-xs-84 {
    font-size: 84px;
    line-height: calc(84px + 10px);
  }
}
@media (max-width: 767px) {
  .f-xs-85 {
    font-size: 85px;
    line-height: calc(85px + 10px);
  }
}
@media (max-width: 767px) {
  .f-xs-86 {
    font-size: 86px;
    line-height: calc(86px + 10px);
  }
}
@media (max-width: 767px) {
  .f-xs-87 {
    font-size: 87px;
    line-height: calc(87px + 10px);
  }
}
@media (max-width: 767px) {
  .f-xs-88 {
    font-size: 88px;
    line-height: calc(88px + 10px);
  }
}
@media (max-width: 767px) {
  .f-xs-89 {
    font-size: 89px;
    line-height: calc(89px + 10px);
  }
}
@media (max-width: 767px) {
  .f-xs-90 {
    font-size: 90px;
    line-height: calc(90px + 10px);
  }
}
@media (max-width: 767px) {
  .f-xs-91 {
    font-size: 91px;
    line-height: calc(91px + 10px);
  }
}
@media (max-width: 767px) {
  .f-xs-92 {
    font-size: 92px;
    line-height: calc(92px + 10px);
  }
}
@media (max-width: 767px) {
  .f-xs-93 {
    font-size: 93px;
    line-height: calc(93px + 10px);
  }
}
@media (max-width: 767px) {
  .f-xs-94 {
    font-size: 94px;
    line-height: calc(94px + 10px);
  }
}
@media (max-width: 767px) {
  .f-xs-95 {
    font-size: 95px;
    line-height: calc(95px + 10px);
  }
}
@media (max-width: 767px) {
  .f-xs-96 {
    font-size: 96px;
    line-height: calc(96px + 10px);
  }
}
@media (max-width: 767px) {
  .f-xs-97 {
    font-size: 97px;
    line-height: calc(97px + 10px);
  }
}
@media (max-width: 767px) {
  .f-xs-98 {
    font-size: 98px;
    line-height: calc(98px + 10px);
  }
}
@media (max-width: 767px) {
  .f-xs-99 {
    font-size: 99px;
    line-height: calc(99px + 10px);
  }
}
@media (max-width: 767px) {
  .f-xs-100 {
    font-size: 100px;
    line-height: calc(100px + 10px);
  }
}
:root {
  --primary: #7494b2;
  --primaryLight: #ebe2d7;
  --primaryDark: #383838;
  --blue: #3571a4;
  --darkBlue: #060644;
  --lightBlack: #333333;
  --black2: #373737;
  --white: #ffffff;
  --black: #000000;
  --gray: #5a5a5a;
}

.font.f-regular {
  font-family: "Nunito Sans", sans-serif !important;
  font-weight: 400;
}
.font.f-light {
  font-family: "Nunito Sans", sans-serif !important;
  font-weight: 300;
}
.font.f-bold {
  font-family: "Nunito Sans", sans-serif !important;
  font-weight: 700;
}
.font.f-black {
  font-family: "Nunito Sans", sans-serif !important;
  font-weight: 700;
}
.font.f-light-openSans {
  font-family: "Nunito Sans", sans-serif !important;
  font-weight: 300;
}
.font.f-lightItalic-openSans {
  font-family: "Nunito Sans", sans-serif !important;
  font-weight: 300;
  font-style: italic;
}
.font.f-regular-openSans {
  font-family: "Nunito Sans", sans-serif !important;
  font-weight: 400;
}
.font.f-regular-openSans-i {
  font-family: "Nunito Sans", sans-serif !important;
  font-weight: 400;
  font-style: italic;
}
.font.f-medium-openSans {
  font-family: "Nunito Sans", sans-serif !important;
  font-weight: 400;
}
.font.f-medium-openSans-i {
  font-family: "Nunito Sans", sans-serif !important;
  font-weight: 400;
  font-style: italic;
}
.font.f-semiBold-openSans {
  font-family: "Nunito Sans", sans-serif !important;
  font-weight: 600;
}
.font.f-semiBold-openSans-i {
  font-family: "Nunito Sans", sans-serif !important;
  font-weight: 600;
  font-style: italic;
}
.font.f-bold-openSans {
  font-family: "Nunito Sans", sans-serif !important;
  font-weight: 700;
}
.font.f-bold-openSans-i {
  font-family: "Nunito Sans", sans-serif !important;
  font-weight: 700;
  font-style: italic;
}
.font.f-extraBold-openSans {
  font-family: "Nunito Sans", sans-serif !important;
  font-weight: 800;
}
.font.f-extraBold-openSans-i {
  font-family: "Nunito Sans", sans-serif !important;
  font-weight: 900;
}
.font.f-purple {
  color: #653780;
}
.font.f-blue {
  color: #3571a4;
}
.font.f-darkBlue {
  color: #060644;
}
.font.f-lightBlack {
  color: #333333;
}
.font.f-white {
  color: #ffffff;
}
.font.f-black {
  color: #000000;
}

b,
strong {
  font-family: "Nunito Sans", sans-serif !important;
  font-weight: 700;
}

.btn.btn {
  font-size: 16px;
  padding: 10px 15px;
  border-radius: 0;
}
@media (max-width: 767px) {
  .btn.btn {
    font-size: 14px;
    padding: 7px 10px;
    border-radius: 0;
  }
}
.btn.btn-primary {
  background-color: #383838 !important;
  border-color: #383838 !important;
}
.btn.btn-primary2 {
  background-color: #9d64b7 !important;
  border-color: #9d64b7 !important;
  color: #fff !important;
}
.btn.btn-light {
  background-color: #fff !important;
  border-color: #fff !important;
  color: #653780 !important;
}
.btn.btn-blue {
  background-color: #3571a4 !important;
  border-color: #3571a4 !important;
  color: #fff !important;
}
.btn.btn-radius0 {
  border-radius: 0 !important;
}
.btn.btn-icon {
  min-width: 120px !important;
  padding: 10px;
  background-size: 26px;
  background-repeat: no-repeat;
  background-position: center left 10px;
  padding-left: 31px;
}
.btn.btn-icon-play {
  background-image: url(/Images/iPlay.png);
}
.btn.btn-icon-pdf {
  background-image: url(/Images/iPdf.png);
}
.btn.btn-icon-heart {
  background-image: url(/Images/iHeart.png);
}
.btn.btn:hover {
  opacity: initial !important;
  background-color: var(--primary) !important;
  border-color: var(--primary) !important;
  color: #060644;
}

.form {
  visibility: initial;
}
.form-control {
  border-color: #622d7b;
  border-radius: 5px;
  border-width: 1px;
}
.form-RBL {
  visibility: initial;
}
.form-DDL {
  border-color: #622d7b;
  border-radius: 5px;
  border-width: 1px;
}

:root {
  --sitePadding: 50px;
  --headerHeight: 91px;
  --maxSiteWidth: 1200px;
  --leftRightSpace: calc(15% / 2);
}
@media (max-width: 1400px) {
  :root {
    --sitePadding: 25px;
  }
}
@media (max-width: 767px) {
  :root {
    --sitePadding: 10px;
  }
}

html,
body,
form {
  height: initial !important;
  min-height: 100%;
}

header {
  position: fixed;
  width: 100%;
  z-index: 21;
  top: 0;
  background: #7494b2 !important;
  padding-top: 0 !important;
}
@media (max-width: 767px) {
  header {
    z-index: 2147483640;
    display: flex;
    flex-direction: column;
  }
  header.menuOpen .bottomHeader::after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    background: #000;
    bottom: 0;
    left: 0;
    top: 0;
    opacity: 0.5;
  }
}
header .topHeader {
  background: #7494b2;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
header .topHeader .headerWelcomeNote {
  position: absolute;
  width: 350px;
  max-width: 100%;
  left: var(--sitePadding);
  z-index: 1;
  display: flex;
  align-items: center;
  width: initial;
}
header .topHeader .headerWelcomeNote a {
  display: block;
  height: 100px;
}
header .topHeader .headerWelcomeNote a img {
  max-width: 100%;
  max-height: 100%;
}
@media (max-width: 992px) {
  header .topHeader .headerWelcomeNote {
    top: 25px;
    right: 15px;
    left: initial;
  }
}
@media (max-width: 992px) {
  header .topHeader .headerWelcomeNote {
    position: relative;
    top: initial;
    right: initial;
    margin: 0 auto;
    width: 80%;
    margin-bottom: 0;
    display: none;
  }
}
header .topHeader .headerWelcomeNote h1 {
  font-size: 21px;
  color: #fff;
}
header .topHeader .headerWelcomeNote p {
  font-size: 18px;
  color: #fff;
}
header .topHeader .onlyOnMobile {
  display: none;
}
@media (max-width: 992px) {
  header .topHeader .onlyOnMobile {
    display: block;
  }
  header .topHeader .onlyOnMobile.headerLogoContainer {
    width: 100px;
    height: 100px;
    margin-bottom: 0;
    order: -1;
  }
  header .topHeader .onlyOnMobile.headerLogoContainer a {
    display: block;
  }
  header .topHeader .onlyOnMobile.headerLogoContainer a img {
    width: initial;
    height: 100px;
  }
  header .topHeader .onlyOnMobile .headerLogo img {
    width: 100%;
  }
  header .topHeader .onlyOnMobile .MobileMenu-trigger {
    margin: 0;
    width: 40px;
    background: none;
    display: initial;
  }
  header .topHeader .onlyOnMobile .MobileMenu-trigger:hover, header .topHeader .onlyOnMobile .MobileMenu-trigger:focus {
    background: none;
  }
  header .topHeader .onlyOnMobile .MobileMenu-trigger .icon-bar {
    margin-left: auto;
    margin-right: auto;
    height: 3px;
    background-color: #6b6b6b;
    display: block;
    width: 22px;
    height: 2px;
    border-radius: 1px;
    margin: 5px 3px;
    transform: initial;
  }
}
@media (max-width: 992px) {
  header .topHeader {
    justify-content: space-between;
    width: 100%;
    padding: 10px;
    background: #7494b2;
  }
}
@media (max-width: 767px) {
  header .topHeader {
    flex-direction: column;
    padding: 0;
    z-index: 12;
    border-bottom: 1px solid var(--primary);
    position: relative;
  }
}
header .topHeader .center {
  width: 100%;
  text-align: center;
  font-size: 22px;
}
@media (max-width: 1400px) {
  header .topHeader .center {
    text-align: left;
    padding-left: calc(130px + var(--sitePadding));
  }
}
@media (max-width: 1200px) {
  header .topHeader .center {
    padding-left: calc(110px + var(--sitePadding) / 2);
  }
}
@media (max-width: 992px) {
  header .topHeader .center {
    padding-left: initial;
    text-align: left;
    width: initial;
    display: none;
  }
}
@media (max-width: 767px) {
  header .topHeader .center {
    width: 100%;
    text-align: center;
    padding: 5px;
    max-width: 100%;
    background: #383838;
    color: #fff;
  }
  header .topHeader .center a {
    color: #fff;
  }
}
header .topHeader .center p {
  margin: 0;
  font-family: "Oswald", sans-serif !important;
  font-weight: 700;
}
@media (max-width: 1200px) {
  header .topHeader .center p {
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  header .topHeader .center p {
    font-size: 12px;
  }
}
header .topHeader .center a {
  text-decoration: underline !important;
}
header .topHeader .right {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
@media (max-width: 1600px) {
  header .topHeader .right {
    justify-content: space-between;
    left: 0;
    right: 0;
    padding-left: calc(120px + var(--sitePadding));
    padding-right: calc(var(--sitePadding));
  }
}
@media (max-width: 1400px) {
  header .topHeader .right {
    justify-content: flex-end;
    padding-left: 0;
  }
}
@media (max-width: 992px) {
  header .topHeader .right {
    position: initial;
    width: initial;
    justify-content: center;
    transform: initial;
    width: 100%;
    padding: 0;
    flex-wrap: wrap;
    justify-content: space-between !important;
    padding: 10px;
    padding-bottom: 0;
  }
}
header .topHeader .right .joinBtn {
  padding-right: 25px;
}
header .topHeader .right .joinBtn .btn {
  background: var(--primary);
  padding: 5px 20px;
}
@media (max-width: 992px) {
  header .topHeader .right .joinBtn {
    display: none;
  }
}
header .topHeader .right .topHeaderLogo {
  visibility: initial;
}
@media (max-width: 1200px) {
  header .topHeader .right .topHeaderLogo {
    left: calc(var(--sitePadding) / 2);
    width: initial;
  }
}
@media (max-width: 992px) {
  header .topHeader .right .topHeaderLogo {
    width: calc(100% - 70px);
    text-align: center;
    position: initial;
    transform: initial;
    display: none;
  }
}
@media (max-width: 767px) {
  header .topHeader .right .topHeaderLogo {
    width: 80px;
    height: 80px;
  }
}
header .topHeader .right .topHeaderLogo a {
  display: block;
  height: 120px;
}
@media (max-width: 992px) {
  header .topHeader .right .topHeaderLogo a {
    text-align: left;
    height: 100px;
  }
}
@media (max-width: 767px) {
  header .topHeader .right .topHeaderLogo a {
    height: 80px;
  }
}
header .topHeader .right .topHeaderLogo a .img {
  max-width: 100%;
  max-height: 100%;
  width: initial;
  height: initial;
}
header .topHeader .right .cartAndMenu {
  display: flex;
  align-items: center;
}
header .topHeader .right .cartAndMenu a {
  color: #fff;
  display: flex;
  align-items: center;
}
header .topHeader .right .cartAndMenu .MobileMenu span {
  background: #fff;
}
header .topHeader .topleftHeaderLogo {
  position: absolute;
  right: 100px;
  max-width: 80px;
}
@media (max-width: 1200px) {
  header .topHeader .topleftHeaderLogo {
    right: 15px;
    max-width: 40px;
    top: 70px;
  }
}
@media (max-width: 992px) {
  header .topHeader .topleftHeaderLogo {
    position: relative;
    top: initial;
    right: initial;
    margin: 0 auto;
    width: 80%;
    margin-bottom: 0;
    display: none;
  }
}
header .welcomeMessage {
  text-align: right;
  color: #fff;
  font-size: 14px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin: 0px calc(var(--sitePadding));
  text-transform: uppercase;
}
header .welcomeMessage .menuTrigger {
  margin-left: 10px;
  font-size: 18px;
}
header .welcomeMessage ~ .bottomHeader {
  padding-top: 10px;
}
@media (max-width: 768px) {
  header .welcomeMessage {
    justify-content: space-between;
    position: absolute;
    top: 10px;
    right: 15px;
    z-index: 999;
    margin: 0;
  }
}
header .welcomeMessage #LCurrentPatient {
  display: flex;
  align-items: center;
  justify-content: center;
}
header .welcomeMessage #LCurrentPatient .currentPatient {
  color: #3571a4;
  margin-left: 2px;
}
header .welcomeMessage #LCurrentPatient .initials {
  height: 30px;
  width: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--blue);
  color: #fff;
  border-radius: 30px;
  margin-left: 5px;
}
@media (max-width: 992px) {
  header .welcomeMessage #LCurrentPatient .initials {
    display: none;
  }
}
header .bottomHeader {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #7494b2;
  padding-bottom: 10px;
}
@media (max-width: 1200px) {
  header .bottomHeader {
    flex-wrap: wrap;
  }
}
@media (max-width: 992px) {
  header .bottomHeader {
    justify-content: center;
    align-items: center;
    padding: 10px;
    padding-top: 0;
  }
}
@media (max-width: 767px) {
  header .bottomHeader {
    justify-content: space-between;
  }
}
header .bottomHeader .searchSection {
  position: absolute;
  width: 300px;
  max-width: 100%;
  left: var(--sitePadding);
  z-index: 1;
}
@media (max-width: 1200px) {
  header .bottomHeader .searchSection {
    top: 25px;
    right: 15px;
    left: initial;
  }
}
@media (max-width: 992px) {
  header .bottomHeader .searchSection {
    position: relative;
    top: initial;
    right: initial;
    margin: 0 auto;
  }
}
header .bottomHeader .searchSection span {
  position: absolute;
  width: 24px;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
  color: #fff;
}
header .bottomHeader .searchSection .txtField {
  padding-left: 35px;
  font-size: 16px;
  border-radius: 25px;
  background: rgba(255, 255, 255, 0.3);
  border: none;
  color: #fff;
}
header .bottomHeader .searchSection .txtField::placeholder {
  color: #fff;
}
@media (max-width: 992px) {
  header .bottomHeader .searchSection {
    width: 80%;
    margin-bottom: 0;
  }
}
@media (max-width: 992px) {
  header .bottomHeader .MobileMenu-trigger {
    display: block;
    width: initial;
  }
}
header .bottomHeader .signInAndCart {
  display: flex;
  color: #274a68;
  justify-content: flex-end;
  align-items: center;
}
@media (max-width: 1200px) {
  header .bottomHeader .signInAndCart {
    width: 50%;
  }
}
@media (max-width: 992px) {
  header .bottomHeader .signInAndCart {
    width: 70px;
    text-align: right;
  }
}
header .bottomHeader .signInAndCart * {
  color: #274a68;
  font-size: 16px;
}
header .bottomHeader .signInAndCart > div {
  margin-right: 15px;
}
header .bottomHeader .signInAndCart .searchContiner {
  cursor: pointer;
}
@media (max-width: 992px) {
  header .bottomHeader .signInAndCart .searchContiner {
    display: none;
  }
}
header .bottomHeader .signInAndCart .searchContiner svg {
  visibility: initial;
}
header .bottomHeader .signInAndCart .signInContainer {
  visibility: initial;
}
@media (max-width: 992px) {
  header .bottomHeader .signInAndCart .signInContainer {
    display: none;
  }
}
header .bottomHeader .signInAndCart .signInContainer a {
  visibility: initial;
}
header .bottomHeader .signInAndCart .horizontalLine {
  height: 25px;
  width: 1px;
  background: #274a68;
}
@media (max-width: 992px) {
  header .bottomHeader .signInAndCart .horizontalLine {
    display: none;
  }
}
header .bottomHeader .signInAndCart .cartContainer {
  margin-right: 0;
}
@media (max-width: 992px) {
  header .bottomHeader .signInAndCart .cartContainer {
    width: 70px;
  }
}
header .bottomHeader .signInAndCart .cartContainer a {
  display: flex !important;
}
header .bottomHeader .signInAndCart .cartContainer a svg {
  visibility: initial;
}
header .bottomHeader .signInAndCart .cartContainer a span {
  font-size: 14px;
  padding-left: 3px;
}
header .bottomHeader .signInAndCart .menuTrigger {
  cursor: pointer;
  margin-left: 10px;
}
@media (max-width: 2048px) {
  header .bottomHeader .signInAndCart .menuTrigger.mobile {
    display: none !important;
  }
}
@media (max-width: 992px) {
  header .bottomHeader .signInAndCart .menuTrigger.mobile {
    display: block !important;
    cursor: pointer;
  }
}
@media (max-width: 992px) {
  header .bottomHeader .signInAndCart .menuTrigger {
    font-size: 22px;
    padding-top: 10px;
    padding-bottom: 10px;
    width: 50px;
    height: 40px;
  }
}
header .bottomHeader .menu-desktop {
  background: #7494b2;
}
header .menu {
  visibility: initial;
}
header .menu.left .righMenu {
  display: none;
}
@media (max-width: 992px) {
  header .menu.left {
    display: none;
  }
}
header .menu.right {
  position: absolute;
  right: 0;
  max-width: 250px;
  margin-top: 0;
  z-index: 2;
  right: -250px;
  transition: 0.5s ease all;
}
@media (max-width: 992px) {
  header .menu.right {
    right: initial;
    left: -100%;
    max-width: 80%;
    height: 100vh;
    top: 0;
  }
}
header .menu.right.show {
  right: 0;
  z-index: 99;
}
@media (max-width: 992px) {
  header .menu.right.show {
    right: initial;
    left: 0;
  }
}
header .menu.right .leftMenu {
  display: none;
}
header .menu.right .nav {
  flex-direction: column;
}
@media (max-width: 992px) {
  header .menu.right .nav {
    height: 100%;
    justify-content: start;
    background: var(--blue);
    flex-wrap: nowrap;
    overflow-y: auto;
  }
}
header .menu.right .nav .mainLink {
  background: var(--blue);
  color: #fff;
  width: 100%;
}
header .menu.right .nav .mainLink.closeMenu a {
  display: flex;
}
header .menu.right .nav .mainLink.closeMenu a:hover {
  background: inherit;
}
header .menu.right .nav .mainLink.closeMenu a img {
  margin-right: 5px;
  display: inline-block;
}
header .menu.right .nav .mainLink.backIcon {
  display: none !important;
}
header .menu.right .nav .mainLink.backIcon a {
  justify-content: flex-start;
}
header .menu.right .nav .mainLink.backIcon a:hover {
  background: inherit;
}
header .menu.right .nav .mainLink.backIcon a img {
  visibility: initial;
}
header .menu.right .nav .mainLink.backIcon.show {
  display: block !important;
}
@media (max-width: 992px) {
  header .menu.right .nav .mainLink {
    display: block;
  }
}
header .menu.right .nav .mainLink a {
  color: #fff;
  height: 100%;
  display: flex;
  align-items: center;
  width: 100%;
  padding: 20px 5px 15px 25px;
  font-family: "LATO-LIGHT";
  letter-spacing: 1.2px;
}
@media (max-width: 992px) {
  header .menu.right .nav .mainLink a {
    justify-content: space-between;
    padding: 0;
    width: 100%;
    margin: 0 auto;
    border-bottom: 1px solid #84abc2;
  }
  header .menu.right .nav .mainLink a.menuLink_a {
    padding: 15px;
  }
}
header .menu.right .nav .mainLink a img {
  margin-right: 15px;
}
@media (max-width: 992px) {
  header .menu.right .nav .mainLink a img {
    display: none;
    margin-right: 5px;
  }
}
header .menu.right .nav .mainLink a span {
  visibility: initial;
}
@media (max-width: 992px) {
  header .menu.right .nav .mainLink a span {
    padding: 15px;
  }
}
@media (max-width: 992px) {
  header .menu.right .nav .mainLink a span.menuHeader {
    flex: auto;
    padding: 15px;
  }
}
header .menu .nav {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
header .menu .nav .mainLink {
  position: relative;
}
header .menu .nav .mainLink > a {
  padding: 2px 7px;
  cursor: pointer;
  color: #000;
  text-decoration: none;
}
header .menu .nav .mainLink > a.current {
  font-weight: 700;
}
header .menu .nav .mainLink > a.selected, header .menu .nav .mainLink > a:hover {
  background: #5ca4ce;
  color: #fff !important;
  font-weight: initial;
}
@media (max-width: 992px) {
  header .menu .nav .mainLink > a.selected {
    display: none;
  }
}
header .menu .nav .mainLink .subMenu {
  display: none;
  position: absolute;
  background: #fff;
  padding: 0 20px;
  max-width: 750px;
  left: calc(-750px / 6);
  z-index: 21;
  min-width: 500px;
}
@media (max-width: 1400px) {
  header .menu .nav .mainLink .subMenu {
    max-width: 750px;
    left: calc(-750px / 4);
  }
}
@media (max-width: 1200px) {
  header .menu .nav .mainLink .subMenu {
    left: calc(-750px / 3);
  }
}
@media (max-width: 1024px) {
  header .menu .nav .mainLink .subMenu {
    left: calc(-650px / 2);
    width: 650px;
    min-width: initial;
  }
}
header .menu .nav .mainLink .subMenu.show {
  display: block;
}
@media (max-width: 992px) {
  header .menu .nav .mainLink .subMenu {
    left: initial;
    width: 100%;
    background: var(--blue);
    padding: 0;
  }
  header .menu .nav .mainLink .subMenu .columnContainer {
    flex-direction: column;
    margin-top: 0 !important;
    border: 0 !important;
    margin: 0;
  }
  header .menu .nav .mainLink .subMenu .columnContainer .column {
    padding: 0 !important;
    width: 100%;
    margin: 0 auto;
    font-weight: initial !important;
  }
  header .menu .nav .mainLink .subMenu .columnContainer .column.selected h3 {
    display: none;
  }
  header .menu .nav .mainLink .subMenu .columnContainer .column.selected ul {
    display: block;
    max-width: 100%;
  }
  header .menu .nav .mainLink .subMenu .columnContainer .column.selected ~ .column {
    display: none;
  }
  header .menu .nav .mainLink .subMenu .columnContainer .column h3 {
    font-size: 16px;
    font-family: "LATO-LIGHT";
    margin-bottom: 0 !important;
    font-weight: initial !important;
    justify-content: space-between;
    padding: 0;
    width: 100%;
    margin: 0 auto;
    display: flex;
    align-items: center;
    border-bottom: 1px solid #84abc2;
  }
  header .menu .nav .mainLink .subMenu .columnContainer .column h3 > a {
    margin: initial;
    width: initial;
    border-bottom: initial;
  }
  header .menu .nav .mainLink .subMenu .columnContainer .column h3 > span {
    padding: 15px;
  }
  header .menu .nav .mainLink .subMenu .columnContainer .column ul {
    padding-left: 0;
    list-style: none;
    font-size: 15px;
    display: none;
    width: 100%;
    max-width: initial;
  }
  header .menu .nav .mainLink .subMenu .columnContainer .column ul li {
    margin-bottom: 3px;
  }
  header .menu .nav .mainLink .subMenu .columnContainer .column ul li a {
    padding: 15px;
  }
}
header .menu .nav .mainLink .subMenu .columnContainer {
  display: flex;
  justify-content: space-between;
  border-top: 1px solid #d9d9d9;
  margin-top: 25px;
}
header .menu .nav .mainLink .subMenu .columnContainer .column {
  padding: 25px 5px;
}
header .menu .nav .mainLink .subMenu .columnContainer .column h3 {
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 10px;
}
header .menu .nav .mainLink .subMenu .columnContainer .column ul {
  padding-left: 0;
  list-style: none;
  font-size: 15px;
}
header .menu .nav .mainLink .subMenu .columnContainer .column ul li {
  margin-bottom: 3px;
}
header .menu .nav .mainLink .subMenu .columnContainer .column ul li a {
  visibility: initial;
}
header .menu .nav .mainLink.myScriptHeading, header .menu .nav .mainLink.myScriptMenuItems {
  display: none;
}
@media (max-width: 992px) {
  header .menu .nav .mainLink.myScriptHeading, header .menu .nav .mainLink.myScriptMenuItems {
    display: initial;
  }
}
@media (max-width: 992px) {
  header .menu .nav .mainLink.leftMenu {
    background: var(--blue);
  }
  header .menu .nav .mainLink.leftMenu:hover {
    background: #6f9cb7;
  }
  header .menu .nav .mainLink.righMenu {
    background: #6f9cb7;
  }
  header .menu .nav .mainLink.righMenu:hover {
    background: var(--blue);
  }
  header .menu .nav .mainLink.righMenu.myScriptHeading {
    background: #41617a;
  }
  header .menu .nav .mainLink.righMenu.myScriptHeading a {
    border: 0;
    justify-content: center;
    align-items: end;
  }
  header .menu .nav .mainLink.righMenu.myScriptHeading a img {
    display: initial;
  }
  header .menu .nav .mainLink.righMenu.myScriptHeading a:hover {
    background: #41617a;
  }
  header .menu .nav .mainLink.righMenu.myScriptHeading:hover {
    background: #41617a;
  }
  header .menu .nav .mainLink.righMenu.myScriptMenuItems {
    background: none;
    border: 0;
  }
  header .menu .nav .mainLink.righMenu.myScriptMenuItems img {
    display: initial;
    height: 16px;
  }
  header .menu .nav .mainLink.righMenu.myScriptMenuItems:hover {
    background: #41617a;
  }
  header .menu .nav .mainLink.righMenu.myScriptMenuItems a {
    border: 0;
    justify-content: flex-start;
  }
  header .menu .nav .mainLink.righMenu.myScriptMenuItems span {
    margin-left: 5px;
  }
}

.wrap .body {
  padding-top: initial;
}
.homeBanner {
  position: relative;
  overflow: hidden;
}
@media (max-width: 767px) {
  .homeBanner .bannerImageContainer {
    width: 100%;
    height: 100%;
    overflow: hidden;
  }
}
@media (max-width: 767px) {
  .homeBanner {
    height: 500px;
    background: #000;
    display: flex;
    align-items: end;
  }
}
.homeBanner .bannerImage {
  visibility: initial;
}
@media (max-width: 767px) {
  .homeBanner .bannerImage {
    height: 100%;
    width: initial;
    margin-left: -100px;
  }
}
.homeBanner .overlay {
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  color: #fff;
  left: 50%;
  width: 100%;
  max-width: 700px;
  text-align: center;
}
.homeBanner .overlay.left {
  left: var(--sitePadding);
  transform: translateY(-50%);
  text-align: center;
}
@media (max-width: 1024px) {
  .homeBanner .overlay.left {
    padding: 10px;
  }
}
@media (max-width: 767px) {
  .homeBanner .overlay.left {
    top: initial;
    transform: initial;
    bottom: 50px;
    left: initial;
    text-align: center;
  }
}
.homeBanner .overlay .heading {
  --fSize: 45px;
  font-size: var(--fSize);
  line-height: calc(var(--fSize) * 1.5);
  font-family: "Lora", serif !important;
  font-weight: 400;
  text-shadow: 0px 2px 5px #000;
}
@media (max-width: 1400px) {
  .homeBanner .overlay .heading {
    --fSize: 35px;
    margin-bottom: 15px;
  }
}
@media (max-width: 1200px) {
  .homeBanner .overlay .heading {
    --fSize: 30px;
    margin-bottom: 10px;
  }
}
@media (max-width: 1024px) {
  .homeBanner .overlay .heading br {
    display: none;
  }
}
@media (max-width: 767px) {
  .homeBanner .overlay .heading br {
    display: initial;
  }
}
.homeBanner .overlay .heading p {
  color: #fff;
  margin-bottom: 0;
  font-size: 16px;
  font-family: "LATO";
  line-height: initial;
}
.homeBanner .overlay .heading .specialLogo a {
  display: block;
  height: 200px;
}
@media (max-width: 1024px) {
  .homeBanner .overlay .heading .specialLogo a {
    height: 120px;
  }
}
.homeBanner .overlay .heading .specialLogo a img {
  max-width: 100%;
  max-height: 100%;
  width: initial;
}
.homeBanner .overlay .text {
  --fSize: 24px;
  color: #fff;
  font-size: var(--fSize);
  margin-bottom: 15px;
  font-family: "Lora", serif !important;
}
@media (max-width: 1400px) {
  .homeBanner .overlay .text {
    margin-bottom: 15px;
    --fSize: 17px;
  }
}
@media (max-width: 1200px) {
  .homeBanner .overlay .text {
    margin-bottom: 10px;
    --fSize: 16px;
  }
}
@media (max-width: 767px) {
  .homeBanner .overlay .text {
    margin-bottom: 15px;
  }
}
.homeBanner .overlay .text strong {
  color: #fff;
}
.homeBanner .overlay .btnContainer {
  padding-top: 15px;
  justify-content: center;
}
@media (max-width: 1400px) {
  .homeBanner .overlay .btnContainer {
    padding-top: 15px;
  }
}
@media (max-width: 1200px) {
  .homeBanner .overlay .btnContainer {
    margin-bottom: 10px;
  }
}
@media (max-width: 1024px) {
  .homeBanner .overlay .btnContainer {
    display: flex;
    padding-top: 0;
  }
}
@media (max-width: 767px) {
  .homeBanner .overlay .btnContainer {
    flex-wrap: wrap;
    margin-bottom: 0;
  }
}
.homeBanner .overlay .btnContainer .btn {
  background: #035f38;
  color: #fff;
  border: 1px solid #035f38;
  text-transform: initial;
  font-weight: 500;
}
@media (max-width: 767px) {
  .homeBanner .overlay .btnContainer .btn {
    margin-bottom: 10px;
    margin-right: 10px;
  }
}
.homeBanner .overlay .sinceImg {
  --dimensions: 180px;
  height: var(--dimensions);
  width: var(--dimensions);
  margin: 30px auto 0;
}
@media (max-width: 1400px) {
  .homeBanner .overlay .sinceImg {
    --dimensions: 150px;
  }
}
@media (max-width: 1200px) {
  .homeBanner .overlay .sinceImg {
    --dimensions: 122px;
  }
}
@media (max-width: 767px) {
  .homeBanner .overlay .sinceImg {
    --dimensions: 100px;
    margin: 10px auto;
  }
}
.homeBanner .overlay .sinceImg img {
  max-width: 100%;
  max-height: 100%;
}
@media (max-width: 767px) {
  .homeBanner .item {
    justify-content: center;
    align-items: center;
    overflow: hidden;
    height: 100%;
  }
}
@media (max-width: 767px) {
  .homeBanner .item > img {
    min-width: 100%;
    min-height: 100%;
    object-fit: cover;
    object-position: center;
  }
}

/* New carousel overlay - centered dark text, upper area */
.homeBanner .overlay.overlay-center {
  left: 50%;
  top: 30%;
  transform: translate(-50%, -50%);
  text-align: center;
  width: 90%;
  max-width: 800px;
}
.homeBanner .overlay.overlay-center .heading {
  --fSize: 48px;
  font-size: var(--fSize);
  line-height: 1.25;
  font-family: "Lora", serif !important;
  font-weight: 600;
  color: #1b3a5c;
  text-shadow: 0 1px 4px rgba(255, 255, 255, 0.6);
}
@media (max-width: 1200px) {
  .homeBanner .overlay.overlay-center .heading {
    --fSize: 38px;
  }
}
@media (max-width: 767px) {
  .homeBanner .overlay.overlay-center {
    top: 35%;
  }
  .homeBanner .overlay.overlay-center .heading {
    --fSize: 26px;
  }
}
/* Hide carousel controls and indicators for clean look */
#myCarousel .carousel-control {
  display: none;
}
#myCarousel .carousel-indicators {
  display: none;
}

/* Subtitle row below banner */
.bannerSubtitleRow {
  background: #fff;
  text-align: center;
  padding: 18px 20px;
  font-size: 18px;
  color: #333;
  font-family: "Open Sans", sans-serif;
  letter-spacing: 1px;
  border-bottom: 1px solid #e0e0e0;
}
@media (max-width: 767px) {
  .bannerSubtitleRow {
    font-size: 14px;
    padding: 14px 15px;
  }
}

.noteSection {
  width: 100%;
  padding: 12px 20px;
  background: #7ca7c7;
  color: #fff;
  font-size: 18px;
  text-align: center;
  font-family: "Open Sans", sans-serif;
}
.noteSection .freeshiph3 {
  color: #fff !important;
  font-size: 18px;
  margin: 0;
}
.noteSection .freeshiph3 span {
  color: #fff !important;
}

/* Welcome Section */
.welcomeSection {
  text-align: center;
  padding: 50px var(--sitePadding) 40px;
  max-width: 900px;
  margin: 0 auto;
}
.welcomeSection-heading {
  font-family: "Lora", serif;
  font-size: 32px;
  font-weight: 400;
  color: #1b3a5c;
  letter-spacing: 3px;
  margin: 0 0 25px;
  text-transform: uppercase;
}
.welcomeSection-text {
  font-family: "Open Sans", sans-serif;
  font-size: 15px;
  color: #444;
  line-height: 1.8;
  margin: 0;
}
@media (max-width: 767px) {
  .welcomeSection {
    padding: 30px 20px 25px;
  }
  .welcomeSection-heading {
    font-size: 22px;
    letter-spacing: 2px;
    margin-bottom: 18px;
  }
  .welcomeSection-text {
    font-size: 13px;
    line-height: 1.7;
  }
}

.categoriesList {
  padding: 30px calc(var(--sitePadding));
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 25px;
  margin: 0;
  width: 100%;
}
@media (max-width: 1024px) {
  .categoriesList {
    gap: 20px;
  }
}
@media (max-width: 767px) {
  .categoriesList {
    gap: 15px;
    padding: 20px 15px;
  }
}
.categoriesList .category {
  display: block;
  position: relative;
  text-decoration: none;
  overflow: hidden;
  flex: 0 0 calc(25% - 19px);
}
@media (max-width: 1024px) {
  .categoriesList .category {
    flex: 0 0 calc(33.333% - 14px);
  }
}
@media (max-width: 767px) {
  .categoriesList .category {
    flex: 0 0 calc(50% - 8px);
  }
}
.categoriesList .category:hover {
  cursor: pointer;
  text-decoration: none;
}
.categoriesList .category:hover .icon {
  transform: scale(1.05);
}
.categoriesList .category .icon {
  width: 100%;
  height: auto;
  aspect-ratio: 4 / 3;
  object-fit: cover;
  display: block;
  transition: transform 0.3s ease;
}
.categoriesList .category label {
  position: absolute;
  bottom: 0;
  right: 0;
  background: #fff;
  color: #333;
  font-size: 14px;
  font-family: "Open Sans", sans-serif;
  text-transform: capitalize;
  cursor: pointer;
  font-weight: 400;
  padding: 6px 14px;
  margin: 0;
  line-height: 1.3;
}

.lineBreak {
  display: block;
}

.divider {
  height: 1px;
  display: block;
  background-color: rgb(84, 84, 84);
  margin-top: 50px;
  margin-bottom: 50px;
}
.divider.siteWide {
  margin-left: calc(var(--sitePadding));
  margin-right: calc(var(--sitePadding));
}
.divider.siteWide2 {
  margin-left: calc(var(--sitePadding) * 2);
  margin-right: calc(var(--sitePadding) * 2);
  padding-left: var(--sitePadding);
  padding-right: var(--sitePadding);
}

.sectionHeading {
  margin: 40px 0;
  width: calc(100% - 100px);
  margin: 50px calc(var(--sitePadding));
  text-align: center;
  display: block;
}
@media (max-width: 1024px) {
  .sectionHeading {
    width: 100%;
    margin: 25px 0;
    padding: var(--sitePadding);
  }
}
.sectionHeading h1 {
  font-size: 36px;
  margin-bottom: 5px;
  background: none;
  color: #04365f;
  border: none;
  box-shadow: none;
  cursor: initial;
  display: block;
  float: initial;
}
.sectionHeading h1.small {
  font-size: 28px;
}
@media (max-width: 992px) {
  .sectionHeading h1 {
    font-size: 28px;
  }
  .sectionHeading h1.small {
    font-size: 24px;
  }
}
.sectionHeading p {
  font-family: "Lato";
  font-size: 18px;
}

/* Best Sellers heading */
.bestSellersHeading {
  margin: 0;
  padding: 40px var(--sitePadding) 10px;
  width: 100%;
}
.bestSellersHeading h1 {
  font-family: "Lora", serif;
  font-size: 32px;
  font-weight: 400;
  letter-spacing: 3px;
  color: #1b3a5c;
}

/* Related Products card styling (matches homepage Best Sellers) */
.secRelatedProducts .productList .product .pContainer {
  padding: 15px 10px;
}
.secRelatedProducts .productList .product .pContainer:hover {
  box-shadow: none;
}
.secRelatedProducts .productList .product .top .pImage .stamp {
  display: none;
}
.secRelatedProducts .productList .product .top .pImage {
  height: 200px;
  width: 200px;
}
.secRelatedProducts .productList .product .top > .pSubtitle {
  display: none;
}
.secRelatedProducts .productList .product .top .pName {
  font-size: 15px;
  font-weight: 700;
  color: #1b3a5c;
  line-height: 1.4;
  margin-top: 10px;
}
.secRelatedProducts .productList .product .top .pName a {
  color: #1b3a5c;
}
.secRelatedProducts .productList .product .top .pName a .pSubtitle {
  color: #7494b2;
  font-size: 13px;
  font-weight: 400;
  display: block;
  margin-top: 2px;
}
.secRelatedProducts .productList .product .top {
  margin-bottom: 15px;
}
.secRelatedProducts .productList .product .bottom .tax-free,
.secRelatedProducts .productList .product .bottom .SNP,
.secRelatedProducts .productList .product .bottom .KeepFrozen,
.secRelatedProducts .productList .product .bottom .Refrigerate {
  width: 35px;
  margin: 0 5px 10px;
  vertical-align: middle;
}
.secRelatedProducts .productList .product .bottom .pPrice {
  display: block;
  text-align: center;
  margin-bottom: 0;
}
.secRelatedProducts .productList .product .bottom .pPrice .yourPrice {
  font-size: 14px;
  color: #333;
}
.secRelatedProducts .productList .product .bottom .pPrice .yourPrice i {
  font-size: 22px;
  font-weight: 700;
  color: #1b3a5c;
  font-style: normal;
  margin-left: 3px;
}
.secRelatedProducts .productList .product .bottom .pPrice .yourPrice i > span {
  font-size: 22px;
  font-weight: 700;
  color: #1b3a5c;
}
.secRelatedProducts .productList .product .bottom .pAddToCart {
  display: flex;
  align-items: stretch;
  justify-content: center;
  margin-top: 15px;
  gap: 10px;
}
.secRelatedProducts .productList .product .bottom .pAddToCart .pTextQuantity {
  border: 1px solid #ccc;
  max-width: 110px;
  margin-right: 0;
}
.secRelatedProducts .productList .product .bottom .pAddToCart .pTextQuantity .plus,
.secRelatedProducts .productList .product .bottom .pAddToCart .pTextQuantity .minus {
  border: none;
}
.secRelatedProducts .productList .product .bottom .pAddToCart .pTextQuantity .plus span,
.secRelatedProducts .productList .product .bottom .pAddToCart .pTextQuantity .minus span {
  font-size: 22px;
  color: #555;
}
.secRelatedProducts .productList .product .bottom .pAddToCart .pTextQuantity .plus:hover,
.secRelatedProducts .productList .product .bottom .pAddToCart .pTextQuantity .minus:hover {
  background-color: transparent;
  color: #1b3a5c;
}
.secRelatedProducts .productList .product .bottom .pAddToCart .pTextQuantity .txtContainer .txtField {
  border: none;
  min-height: 40px;
  padding: 8px 24px;
  font-size: 16px;
}
.secRelatedProducts .productList .product .bottom .pAddToCart .btnContainer .btn {
  background-color: #383838;
  color: #fff;
  border-radius: 0;
  padding: 10px 20px;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  white-space: nowrap;
  min-height: 40px;
  display: flex;
  align-items: center;
  transition: background-color 0.2s ease;
}
.secRelatedProducts .productList .product .bottom .pAddToCart .btnContainer .btn:hover {
  background-color: #1b3a5c;
}

/* Featured / Best Sellers product grid */
.featuredSection .productList {
  margin: 0;
  padding: 20px var(--sitePadding) 40px;
  --pCount: 4;
}
@media (max-width: 1200px) {
  .featuredSection .productList {
    --pCount: 3;
  }
}
@media (max-width: 992px) {
  .featuredSection .productList {
    --pCount: 2;
  }
}
@media (max-width: 576px) {
  .featuredSection .productList {
    --pCount: 1;
  }
}
.featuredSection .productList .product .pContainer {
  padding: 15px 10px;
}
.featuredSection .productList .product .pContainer:hover {
  box-shadow: none;
}
.featuredSection .productList .product .top .pImage .stamp {
  display: none;
}
.featuredSection .productList .product .top .pImage {
  height: 200px;
  width: 200px;
}
.featuredSection .productList .product .top > .pSubtitle {
  display: none;
}
.featuredSection .productList .product .top .pName {
  font-size: 15px;
  font-weight: 700;
  color: #1b3a5c;
  line-height: 1.4;
  margin-top: 10px;
}
.featuredSection .productList .product .top .pName a {
  color: #1b3a5c;
}
.featuredSection .productList .product .top .pName a .pSubtitle {
  color: #7494b2;
  font-size: 13px;
  font-weight: 400;
  display: block;
  margin-top: 2px;
}
.featuredSection .productList .product .top {
  margin-bottom: 15px;
}
/* Icons row */
.featuredSection .productList .product .bottom .tax-free,
.featuredSection .productList .product .bottom .SNP,
.featuredSection .productList .product .bottom .KeepFrozen,
.featuredSection .productList .product .bottom .Refrigerate {
  width: 35px;
  margin: 0 5px 10px;
  vertical-align: middle;
}
/* Price row */
.featuredSection .productList .product .bottom .pPrice {
  display: block;
  text-align: center;
  margin-bottom: 0;
}
.featuredSection .productList .product .bottom .pPrice .yourPrice {
  font-size: 14px;
  color: #333;
}
.featuredSection .productList .product .bottom .pPrice .yourPrice i {
  font-size: 22px;
  font-weight: 700;
  color: #1b3a5c;
  font-style: normal;
  margin-left: 3px;
}
.featuredSection .productList .product .bottom .pPrice .yourPrice i > span {
  font-size: 22px;
  font-weight: 700;
  color: #1b3a5c;
}
/* Add to cart row */
.featuredSection .productList .product .bottom .pAddToCart {
  display: flex;
  align-items: stretch;
  justify-content: center;
  margin-top: 15px;
  gap: 10px;
}
.featuredSection .productList .product .bottom .pAddToCart .pTextQuantity {
  border: 1px solid #ccc;
  max-width: 110px;
  margin-right: 0;
}
.featuredSection .productList .product .bottom .pAddToCart .pTextQuantity .plus,
.featuredSection .productList .product .bottom .pAddToCart .pTextQuantity .minus {
  border: none;
}
.featuredSection .productList .product .bottom .pAddToCart .pTextQuantity .plus span,
.featuredSection .productList .product .bottom .pAddToCart .pTextQuantity .minus span {
  font-size: 22px;
  color: #555;
}
.featuredSection .productList .product .bottom .pAddToCart .pTextQuantity .plus:hover,
.featuredSection .productList .product .bottom .pAddToCart .pTextQuantity .minus:hover {
  background-color: transparent;
  color: #1b3a5c;
}
.featuredSection .productList .product .bottom .pAddToCart .pTextQuantity .txtContainer .txtField {
  border: none;
  min-height: 40px;
  padding: 8px 24px;
  font-size: 16px;
}
.featuredSection .productList .product .bottom .pAddToCart .btnContainer .btn {
  background-color: #383838;
  color: #fff;
  border-radius: 0;
  padding: 10px 20px;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  white-space: nowrap;
  min-height: 40px;
  display: flex;
  align-items: center;
  transition: background-color 0.2s ease;
}
.featuredSection .productList .product .bottom .pAddToCart .btnContainer .btn:hover {
  background-color: #1b3a5c;
}

.homeCards {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin: var(--sitePadding) calc(var(--sitePadding) * 2);
  padding: 25px var(--sitePadding);
  --count: 3;
}
@media (max-width: 1200px) {
  .homeCards {
    --count: 2;
  }
}
@media (max-width: 767px) {
  .homeCards {
    --count: 1;
  }
}
.homeCards .text {
  width: 100%;
  font-size: 24px;
  font-family: "Lato", sans-serif;
  font-weight: 300;
  text-align: center;
  margin-bottom: var(--sitePadding);
}
.homeCards .card {
  width: calc(100% / var(--count) - 15px);
  margin-bottom: 50px;
  position: relative;
}
@media (max-width: 1200px) {
  .homeCards .card {
    margin-bottom: 25px;
  }
}
@media (max-width: 767px) {
  .homeCards .card {
    margin-bottom: 15px;
  }
}
.homeCards .card .imgContainer {
  visibility: initial;
}
.homeCards .card .imgContainer img {
  max-width: 100%;
}
@media (max-width: 767px) {
  .homeCards .card .imgContainer img {
    max-width: 100%;
    max-height: 100%;
    width: initial;
  }
}
.homeCards .card .detail {
  display: flex;
  justify-content: space-between;
  width: 100%;
  flex-direction: column;
  align-items: center;
  color: #070707;
  font-family: "Lato";
  font-size: 14px;
  text-align: center;
  margin-top: 10px;
}
.homeCards .card .detail .title {
  font-weight: bold;
  font-size: 18px;
}
.homeCards .card .detail .paragraph {
  max-width: 90%;
  width: 400px;
  margin: 5px auto 0;
}
.homeCards .card .detail .readMore {
  color: #0e0867;
  text-decoration: underline;
}
.homeCards .card .detail img {
  max-height: 70px;
  width: initial;
}
@media (max-width: 767px) {
  .homeCards .card .detail img {
    max-height: 50px;
  }
}
.homeBtnContainer {
  margin: var(--sitePadding) calc(var(--sitePadding) * 2);
  padding: 25px var(--sitePadding);
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  padding-bottom: 0;
}
@media (max-width: 767px) {
  .homeBtnContainer {
    justify-content: center;
  }
}
.homeBtnContainer .Btn {
  margin: 15px 0;
  display: flex;
  align-items: center;
  color: #000;
  font-weight: 800;
  font-size: 16px;
  position: relative;
}
.homeBtnContainer .Btn.w-25 {
  width: calc(25% - 20px) !important;
}
@media (max-width: 1400px) {
  .homeBtnContainer .Btn.w-25 {
    width: calc(25% - 10px) !important;
  }
}
@media (max-width: 992px) {
  .homeBtnContainer .Btn.w-25 {
    width: calc(50% - 10px) !important;
  }
}
.homeBtnContainer .Btn.w-33 {
  width: calc(33.33% - 20px) !important;
}
@media (max-width: 1400px) {
  .homeBtnContainer .Btn.w-33 {
    width: calc(33.33% - 10px) !important;
  }
}
@media (max-width: 992px) {
  .homeBtnContainer .Btn.w-33 {
    width: calc(50% - 10px) !important;
  }
}
@media (max-width: 1200px) {
  .homeBtnContainer .Btn {
    margin-bottom: 10px;
    margin-right: 10px;
  }
}
.homeBtnContainer .Btn:hover .text {
  background-color: #000;
  color: #fff;
}
.homeBtnContainer .Btn .icon {
  background: #000;
  color: #fff;
  font-weight: bold;
  height: 30px;
  width: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 20px;
  font-size: 20px;
}
.homeBtnContainer .Btn .icon img {
  padding: 6px;
}
.homeBtnContainer .Btn .text {
  position: absolute;
  z-index: 1;
  bottom: 0;
  right: 0;
  background: #fff;
  padding: 5px 5%;
  min-width: 150px;
}

.partnersSection {
  margin: var(--sitePadding) calc(var(--sitePadding) * 2);
  background-color: #000;
  padding: 25px var(--sitePadding);
}
.partnersSection .heading {
  width: 100%;
  font-size: 30px;
  padding-bottom: 20px;
  text-align: center;
  color: #fff;
}
.partnersSection .partnerList {
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
  align-items: center;
}
.partnersSection .partnerList .item {
  width: 33%;
  text-align: center;
  padding: 10px;
}
@media (max-width: 767px) {
  .partnersSection .partnerList .item {
    width: 45%;
  }
}
.partnersSection .partnerList .item img {
  width: initial;
  max-width: 100%;
}

.filterAndProductList {
  padding: 25px calc(var(--sitePadding)) !important;
  display: flex;
}
@media (max-width: 767px) {
  .filterAndProductList {
    flex-direction: column;
  }
}
.filterAndProductList .simpleFilter {
  width: 300px;
}
@media (max-width: 1600px) {
  .filterAndProductList .simpleFilter {
    width: 250px;
  }
}
@media (max-width: 767px) {
  .filterAndProductList .simpleFilter {
    width: 100%;
    display: none;
  }
}
.filterAndProductList .simpleFilter h2 {
  background: #1b3a5c;
  color: #fff;
  padding: 12px 15px;
  margin-bottom: 15px;
  margin-top: 0;
  letter-spacing: 1px;
  font-size: 16px;
  text-align: center;
}
.filterAndProductList .simpleFilter ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
@media (max-width: 767px) {
  .filterAndProductList .simpleFilter ul {
    display: flex;
    flex-wrap: wrap;
  }
}
.filterAndProductList .simpleFilter ul li {
  margin-top: 0;
}
@media (max-width: 767px) {
  .filterAndProductList .simpleFilter ul li {
    margin: 7px;
  }
}
.filterAndProductList .simpleFilter ul li a {
  display: block;
  padding: 8px 15px;
  text-transform: uppercase;
  font-size: 13px;
  font-weight: 500;
  color: #404040;
  transition: color 0.2s ease, background-color 0.2s ease;
  letter-spacing: 0.5px;
}
.filterAndProductList .simpleFilter ul li a:hover,
.filterAndProductList .simpleFilter ul li a.active {
  color: #1b3a5c;
  background-color: #f5f7fa;
  font-weight: 600;
}
.filterAndProductList .productFilter {
  width: 300px;
}
@media (max-width: 1600px) {
  .filterAndProductList .productFilter {
    width: 250px;
  }
}
@media (max-width: 767px) {
  .filterAndProductList .productFilter {
    width: 100%;
  }
  .filterAndProductList .productFilter > div {
    display: flex;
    flex-wrap: wrap;
  }
  .filterAndProductList .productFilter > div .wineType {
    margin-right: 5px;
  }
  .filterAndProductList .productFilter > div .wineType .text {
    margin-right: 20px;
  }
}
.filterAndProductList .productFilter .wineType {
  background: #1b3a5c;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 12px;
  margin-bottom: 5px;
  font-size: 13px;
  letter-spacing: 0.5px;
}
.filterAndProductList .productFilter .wineType .text {
  font-family: "Lato";
}
.filterAndProductList .productFilter .wineType .clear {
  visibility: initial;
}
.filterAndProductList .productFilter .wineType .clear span {
  visibility: initial;
}
.filterAndProductList .productFilter .pfilter {
  visibility: initial;
}
@media (max-width: 767px) {
  .filterAndProductList .productFilter .pfilter {
    width: 100%;
  }
  .filterAndProductList .productFilter .pfilter > div {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .filterAndProductList .productFilter .pfilter > div select {
    width: calc(50% - 10px);
  }
}
.filterAndProductList .productFilter .pfilter select {
  width: 100%;
  border: none;
  color: #525252;
  padding: 20px 20px 20px 5px;
  border-radius: 0;
  box-shadow: none;
  border-bottom: 1px solid #ddd;
  font-size: 16px;
  outline: none;
}
.filterAndProductList .productFilter .pfilter .panel {
  border: 0;
  box-shadow: none;
  background: none;
  margin: 0;
}
.filterAndProductList .productFilter .pfilter .panel-heading {
  background: none;
  padding-bottom: 20px;
  padding-top: 20px;
  padding: 0;
}
.filterAndProductList .productFilter .pfilter .panel-title {
  visibility: initial;
}
.filterAndProductList .productFilter .pfilter .panel-title a {
  font-family: "Lato";
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px 10px;
}
.filterAndProductList .productFilter .pfilter .panel-collapse {
  visibility: initial;
}
.filterAndProductList .productFilter .pfilter .panel-body {
  padding-top: 10px;
  padding-bottom: 10px;
}
.filterAndProductList .productFilter .pfilter .panel-body ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
.filterAndProductList .productFilter .pfilter .panel-body ul li {
  padding: 4px 0;
}
.filterAndProductList .productFilter .pfilter .panel-body ul li a {
  font-family: "Lato";
  color: #000;
  text-decoration: none;
}
.filterAndProductList .listWitPaging {
  width: calc(100% - 300px);
}
@media (max-width: 1600px) {
  .filterAndProductList .listWitPaging {
    width: calc(100% - 250px);
  }
}
@media (max-width: 767px) {
  .filterAndProductList .listWitPaging {
    width: 100%;
  }
}
.filterAndProductList .listWitPaging.full {
  width: 100%;
}
.filterAndProductList .listWitPaging.full .producerHeading {
  display: block;
  text-align: center;
  font-size: 32px;
  font-weight: 700;
  color: #1b3a5c;
  margin-bottom: 25px;
}
@media (max-width: 992px) {
  .filterAndProductList .listWitPaging.full .producerHeading {
    font-size: 28px;
  }
}
.filterAndProductList .listWitPaging .productList {
  margin: initial;
  padding-top: 0;
  padding-bottom: 0;
  --pCount: 4;
}
@media (max-width: 1600px) {
  .filterAndProductList .listWitPaging .productList {
    --pCount: 3;
  }
}
@media (max-width: 1400px) {
  .filterAndProductList .listWitPaging .productList {
    --pCount: 2;
  }
}
@media (max-width: 992px) {
  .filterAndProductList .listWitPaging .productList {
    --pCount: 1;
    margin-top: 20px;
  }
}
.filterAndProductList .listWitPaging .productList .product {
  width: calc(100% / var(--pCount));
}
/* Product card styling (matches homepage Best Sellers) */
.filterAndProductList .listWitPaging .productList .product .pContainer {
  padding: 15px 10px;
}
.filterAndProductList .listWitPaging .productList .product .pContainer:hover {
  box-shadow: none;
}
.filterAndProductList .listWitPaging .productList .product .top .pImage .stamp {
  display: none;
}
.filterAndProductList .listWitPaging .productList .product .top .pImage {
  height: 200px;
  width: 200px;
}
.filterAndProductList .listWitPaging .productList .product .top > .pSubtitle {
  display: none;
}
.filterAndProductList .listWitPaging .productList .product .top .pName {
  font-size: 15px;
  font-weight: 700;
  color: #1b3a5c;
  line-height: 1.4;
  margin-top: 10px;
}
.filterAndProductList .listWitPaging .productList .product .top .pName a {
  color: #1b3a5c;
}
.filterAndProductList .listWitPaging .productList .product .top .pName a .pSubtitle {
  color: #7494b2;
  font-size: 13px;
  font-weight: 400;
  display: block;
  margin-top: 2px;
}
.filterAndProductList .listWitPaging .productList .product .top {
  margin-bottom: 15px;
}
.filterAndProductList .listWitPaging .productList .product .bottom .tax-free,
.filterAndProductList .listWitPaging .productList .product .bottom .SNP,
.filterAndProductList .listWitPaging .productList .product .bottom .KeepFrozen,
.filterAndProductList .listWitPaging .productList .product .bottom .Refrigerate {
  width: 35px;
  margin: 0 5px 10px;
  vertical-align: middle;
}
.filterAndProductList .listWitPaging .productList .product .bottom .pPrice {
  display: block;
  text-align: center;
  margin-bottom: 0;
}
.filterAndProductList .listWitPaging .productList .product .bottom .pPrice .yourPrice {
  font-size: 14px;
  color: #333;
}
.filterAndProductList .listWitPaging .productList .product .bottom .pPrice .yourPrice i {
  font-size: 22px;
  font-weight: 700;
  color: #1b3a5c;
  font-style: normal;
  margin-left: 3px;
}
.filterAndProductList .listWitPaging .productList .product .bottom .pPrice .yourPrice i > span {
  font-size: 22px;
  font-weight: 700;
  color: #1b3a5c;
}
.filterAndProductList .listWitPaging .productList .product .bottom .pAddToCart {
  display: flex;
  align-items: stretch;
  justify-content: center;
  margin-top: 15px;
  gap: 10px;
}
.filterAndProductList .listWitPaging .productList .product .bottom .pAddToCart .pTextQuantity {
  border: 1px solid #ccc;
  max-width: 110px;
  margin-right: 0;
}
.filterAndProductList .listWitPaging .productList .product .bottom .pAddToCart .pTextQuantity .plus,
.filterAndProductList .listWitPaging .productList .product .bottom .pAddToCart .pTextQuantity .minus {
  border: none;
}
.filterAndProductList .listWitPaging .productList .product .bottom .pAddToCart .pTextQuantity .plus span,
.filterAndProductList .listWitPaging .productList .product .bottom .pAddToCart .pTextQuantity .minus span {
  font-size: 22px;
  color: #555;
}
.filterAndProductList .listWitPaging .productList .product .bottom .pAddToCart .pTextQuantity .plus:hover,
.filterAndProductList .listWitPaging .productList .product .bottom .pAddToCart .pTextQuantity .minus:hover {
  background-color: transparent;
  color: #1b3a5c;
}
.filterAndProductList .listWitPaging .productList .product .bottom .pAddToCart .pTextQuantity .txtContainer .txtField {
  border: none;
  min-height: 40px;
  padding: 8px 24px;
  font-size: 16px;
}
.filterAndProductList .listWitPaging .productList .product .bottom .pAddToCart .btnContainer .btn {
  background-color: #383838;
  color: #fff;
  border-radius: 0;
  padding: 10px 20px;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  white-space: nowrap;
  min-height: 40px;
  display: flex;
  align-items: center;
  transition: background-color 0.2s ease;
}
.filterAndProductList .listWitPaging .productList .product .bottom .pAddToCart .btnContainer .btn:hover {
  background-color: #1b3a5c;
}
.filterAndProductList .listWitPaging .ProductListPaging {
  visibility: initial;
}

.productList {
  margin: var(--sitePadding) calc(var(--sitePadding) * 2);
  padding: 25px var(--sitePadding);
  display: flex;
  flex-wrap: wrap;
  --pWidth: 400px;
  padding-bottom: 0;
  --pCount: 5;
}
@media (max-width: 1200px) {
  .productList {
    --pCount: 3;
  }
}
@media (max-width: 992px) {
  .productList {
    --pCount: 2;
  }
}
@media (max-width: 767px) {
  .productList {
    --pCount: 1;
  }
}
.productList .product {
  width: calc(100% / var(--pCount));
  padding: 0 15px 30px 15px;
  color: inherit;
}
@media (max-width: 1200px) {
  .productList .product {
    padding: 0 10px 30px 10px;
  }
}
.productList .product span {
  display: initial;
  margin-right: initial;
  float: initial;
}
.productList .product .pContainer {
  max-width: var(--pWidth);
  display: flex;
  flex-direction: column;
  justify-content: start;
  align-items: center;
  text-align: center;
  margin: 0 auto;
  padding: 10px;
  height: 100%;
}
.productList .product .pContainer .dealOfTheDay {
  position: relative;
  width: 100%;
}
.productList .product .pContainer .dealOfTheDay img {
  padding: 0 25px;
  text-align: left;
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  width: 100px;
  z-index: 9;
  padding-left: 0;
}
.productList .product .pContainer .dealOfTheDay .favorite {
  text-align: right;
  display: block;
  position: absolute;
  top: 0;
  right: 0;
}
.productList .product .pContainer .dealOfTheDay .favorite span {
  font-size: 18px;
  color: rgb(84, 84, 84);
}
.productList .product .pContainer:hover {
  box-shadow: 0px 0px 5px 0px rgba(119, 119, 119, 0.2392156863);
}
.productList .product .top {
  margin-bottom: 30px;
}
.productList .product .top .pImage {
  height: 240px;
  width: 240px;
  margin: 0 auto;
  margin-bottom: 5px;
  position: relative;
}
.productList .product .top .pImage a {
  display: block;
  height: 100%;
}
.productList .product .top .pImage img {
  height: initial;
  width: initial;
  max-width: 90%;
  max-height: 100%;
}
.productList .product .top .pImage .stamp {
  pointer-events: none;
  position: absolute;
  display: flex;
  justify-content: center;
  bottom: 0;
  font-size: 65px;
  color: #0010ff;
  font-family: "Roboto Condensed", sans-serif;
  -webkit-text-stroke-width: 1.5px;
  -webkit-text-stroke-color: #ffffff;
  -webkit-text-fill-color: #0011ff;
  font-family: Impact, Charcoal, sans-serif;
  text-shadow: 4px 4px 0px darkslategrey;
  flex-direction: column;
  align-items: start;
}
.productList .product .top .pName {
  font-size: 16px;
  font-weight: bold;
  color: #04365f;
}
.productList .product .top .pName > span {
  color: #04365f;
}
.productList .product .top .pName a {
  color: #04365f;
}
.productList .product .top .pName a .pSubtitle {
  color: #7494b2;
}
.productList .product .top .pDetails {
  font-size: 18px;
}
.productList .product .top .pDetails .pSubtitle {
  color: #7494b2;
}
.productList .product .bottom {
  margin-top: auto;
  width: 100%;
}
.productList .product .bottom .pOutOfStock {
  margin-top: 15px;
  padding: 10px 20px;
  font-size: 13px;
  font-weight: 600;
  color: #c0392b;
  text-transform: uppercase;
  letter-spacing: 1px;
}
.productList .product .bottom .tax-free,
.productList .product .bottom .SNP,
.productList .product .bottom .KeepFrozen,
.productList .product .bottom .Refrigerate {
  display: inline-block;
  width: 35px;
  margin: auto 7px;
}
.productList .product .bottom .pPrice {
  display: inline-block;
  vertical-align: middle;
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 5px;
}
.productList .product .bottom .pPrice span {
  float: initial;
}
.productList .product .bottom .pPrice .yourPrice {
  font-size: 14px;
}
.productList .product .bottom .pPrice .yourPrice i {
  color: #1f60b7;
  font-size: 18px;
  font-weight: 700;
  font-style: normal;
}
.productList .product .bottom .pPrice .yourPrice i > span {
  color: #04365f;
  font-size: 18px;
  font-weight: 700;
  font-style: bold;
}
.productList .product .bottom .pPrice .retailPrice {
  font-size: 14px;
}
.productList .product .bottom .pPrice .retailPrice i {
  color: #ff2626;
  text-decoration: line-through;
  font-size: 14px;
  font-style: normal;
}
.productList .product .bottom .pPrice .pNote {
  color: #ff2626;
  font-size: 14px;
  margin: 5px 0;
}
.productList .product .bottom .pQuantity {
  font-size: 18px;
}
.productList .product .bottom .pAddToCart {
  display: flex;
  align-items: center;
  justify-content: space-around;
  margin-top: 15px;
}
.productList .product .bottom .pAddToCart .pTextQuantity {
  display: flex;
  align-items: center;
  position: relative;
  max-width: 150px;
  margin-right: 15px;
}
.productList .product .bottom .pAddToCart .pTextQuantity .plus {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  -khtml-user-select: none;
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Old versions of Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
                        supported by Chrome, Edge, Opera and Firefox */
}
.productList .product .bottom .pAddToCart .pTextQuantity .plus:hover {
  background-color: #383838;
  color: #fff;
}
.productList .product .bottom .pAddToCart .pTextQuantity .plus span {
  font-size: 30px;
  line-height: initial;
}
.productList .product .bottom .pAddToCart .pTextQuantity .txtContainer {
  width: 100%;
}
.productList .product .bottom .pAddToCart .pTextQuantity .txtContainer .txtField {
  padding: 10px 30px;
  text-align: center;
  min-height: 42px;
  width: 100%;
  -moz-appearance: textfield;
}
.productList .product .bottom .pAddToCart .pTextQuantity .txtContainer .txtField::-webkit-outer-spin-button, .productList .product .bottom .pAddToCart .pTextQuantity .txtContainer .txtField::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.productList .product .bottom .pAddToCart .pTextQuantity .minus {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  -khtml-user-select: none;
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Old versions of Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
                        supported by Chrome, Edge, Opera and Firefox */
}
.productList .product .bottom .pAddToCart .pTextQuantity .minus:hover {
  background-color: #383838;
  color: #fff;
}
.productList .product .bottom .pAddToCart .pTextQuantity .minus span {
  font-size: 30px;
  line-height: initial;
}
.productList .product .bottom .pAddToCart .btnContainer {
  visibility: initial;
}
.productList .product .bottom .pAddToCart .btnContainer .btn {
  background-color: #383838;
  border-radius: 0;
  padding: 9px 15px;
}
.productList .product .bottom .pStockMessage {
  margin-top: 15px;
  padding: 10px 20px;
  font-size: 13px;
  font-weight: 600;
  color: #c0392b;
  text-transform: uppercase;
  letter-spacing: 1px;
}
.productList .product .bottom .pStockMessage a {
  color: #c0392b;
  text-decoration: none;
}

.homeBottomBanner {
  width: 100%;
  line-height: 0;
}
.homeBottomBanner img {
  width: 100%;
  display: block;
}

.getStartTodaySection {
  background: #383838;
  margin: var(--sitePadding) calc(var(--sitePadding) * 2);
  padding: 40px var(--sitePadding);
  text-align: center;
  color: #fff;
}
.getStartTodaySection .heading {
  margin-bottom: 10px;
  font-size: 60px;
  font-weight: bold;
}
@media (max-width: 1400px) {
  .getStartTodaySection .heading {
    font-size: 56px;
  }
}
@media (max-width: 1200px) {
  .getStartTodaySection .heading {
    font-size: 52px;
  }
}
@media (max-width: 1024px) {
  .getStartTodaySection .heading {
    font-size: 48px;
  }
}
@media (max-width: 992px) {
  .getStartTodaySection .heading {
    font-size: 38px;
  }
}
@media (max-width: 767px) {
  .getStartTodaySection .heading {
    font-size: 32px;
  }
}
.getStartTodaySection .text {
  margin-bottom: 15px;
  font-size: 35px;
}
@media (max-width: 1400px) {
  .getStartTodaySection .text {
    font-size: 32px;
  }
}
@media (max-width: 1200px) {
  .getStartTodaySection .text {
    font-size: 28px;
  }
}
@media (max-width: 1024px) {
  .getStartTodaySection .text {
    font-size: 24px;
  }
}
@media (max-width: 992px) {
  .getStartTodaySection .text {
    font-size: 22px;
  }
}
@media (max-width: 767px) {
  .getStartTodaySection .text {
    font-size: 20px;
  }
}
.getStartTodaySection .imgContainer {
  margin-bottom: 25px !important;
}
.getStartTodaySection .imgContainer img {
  max-width: 100%;
  width: initial;
}
.getStartTodaySection .btnContainer {
  display: flex;
  justify-content: center;
}
@media (max-width: 767px) {
  .getStartTodaySection .btnContainer {
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
}
.getStartTodaySection .btnContainer .btn {
  visibility: iniitial;
  min-width: 230px;
  margin: 5px 10px;
  background: #fff;
  color: #000;
}
@media (max-width: 767px) {
  .getStartTodaySection .btnContainer .btn {
    margin: 5px 0px;
  }
}

.howItWorksSection {
  padding: 25px var(--sitePadding);
}
.howItWorksSection .topHeading .heading {
  margin-bottom: 0;
  font-size: 60px;
  text-align: center;
  color: #383838;
}
@media (max-width: 1400px) {
  .howItWorksSection .topHeading .heading {
    font-size: 56px;
  }
}
@media (max-width: 1200px) {
  .howItWorksSection .topHeading .heading {
    font-size: 52px;
  }
}
@media (max-width: 1024px) {
  .howItWorksSection .topHeading .heading {
    font-size: 48px;
  }
}
@media (max-width: 992px) {
  .howItWorksSection .topHeading .heading {
    font-size: 38px;
  }
}
@media (max-width: 767px) {
  .howItWorksSection .topHeading .heading {
    font-size: 32px;
  }
}
.howItWorksSection .topHeading .text {
  margin-top: 15px;
  font-size: 24px;
  text-align: center;
  color: #383838;
}
@media (max-width: 992px) {
  .howItWorksSection .topHeading .text {
    font-size: 22px;
  }
}
@media (max-width: 767px) {
  .howItWorksSection .topHeading .text {
    font-size: 20px;
  }
}
.howItWorksSection .topHeading .text strong {
  visibility: initial;
}
.howItWorksSection .accordionSection {
  max-width: 100%;
  width: 1100px;
  margin: calc(var(--sitePadding)) auto;
}

.accordionSection {
  visibility: initial;
}
.accordionSection .card {
  background: none;
  border-radius: 0;
  margin-bottom: 25px;
}
.accordionSection .card .card-header {
  background: none;
  border-radius: 0;
  border-color: #bba4c6;
}
.accordionSection .card .card-header .btn {
  display: flex !important;
  align-content: center;
  background: none;
  color: #383838;
  border-color: #383838;
  border-radius: 0;
}
.accordionSection .card .card-header .btn:hover {
  background: rgba(222, 163, 37, 0.1098039216) !important;
}
@media (max-width: 767px) {
  .accordionSection .card .card-header .btn {
    padding: 5px 0;
    display: flex !important;
    flex-wrap: wrap;
  }
}
.accordionSection .card .card-header .btn .symbol {
  width: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 767px) {
  .accordionSection .card .card-header .btn .symbol {
    width: 60px;
    align-items: flex-start;
  }
}
.accordionSection .card .card-header .btn .symbol img {
  width: initial;
}
@media (max-width: 767px) {
  .accordionSection .card .card-header .btn .symbol img {
    height: 30px;
  }
}
.accordionSection .card .card-header .btn .number {
  --sides: 50px;
  width: var(--sides);
  height: var(--sides);
  border-radius: var(--sides);
  background: var(--primary);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
}
@media (max-width: 767px) {
  .accordionSection .card .card-header .btn .number {
    --sides: 30px;
  }
}
.accordionSection .card .card-header .btn .title {
  text-align: left;
  width: calc(100% - 250px);
  padding-left: 25px;
}
@media (max-width: 767px) {
  .accordionSection .card .card-header .btn .title {
    width: 100%;
    padding-left: 0;
    order: 1;
    margin-top: 10px;
  }
}
.accordionSection .card .card-header .btn .title .heading {
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 5px;
}
@media (max-width: 992px) {
  .accordionSection .card .card-header .btn .title .heading {
    padding: 0 10px;
    font-size: 20px;
  }
}
.accordionSection .card .card-header .btn .title .text {
  font-size: 14px;
  white-space: initial;
}
@media (max-width: 992px) {
  .accordionSection .card .card-header .btn .title .text {
    padding: 0 10px;
  }
}
.accordionSection .card .card-header .btn .title > div {
  line-height: initial;
}
.accordionSection .card .card-header .btn .readMore {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100px;
}
@media (max-width: 767px) {
  .accordionSection .card .card-header .btn .readMore {
    justify-content: end;
    width: calc(100% - 120px);
  }
}
.accordionSection .card .card-header .btn .readMore span {
  font-size: 12px;
}
.accordionSection .card .card-header .btn .readMore span.downArrow {
  font-size: 18px;
  line-height: 41px;
}
.accordionSection .card .collapse.in .card-body,
.accordionSection .card .collapsing .card-body {
  border: 1px solid;
  border-top: 0;
  padding: 15px;
}
.accordionSection.faqAccordion .heading {
  margin-bottom: 5px;
}
@media (max-width: 767px) {
  .accordionSection.faqAccordion .card .card-header .btn .readMore {
    width: 100px;
  }
}
.accordionSection.faqAccordion .card .card-header .btn .title {
  width: calc(100% - 100px);
}
@media (max-width: 767px) {
  .accordionSection.faqAccordion .card .card-header .btn .title {
    order: -1;
  }
}

.productListPage .pageHeading {
  text-align: center;
  padding: var(--sitePadding) 25px;
}
.productListPage .pageHeading h1 {
  font-size: 36px;
  font-weight: initial;
  text-transform: uppercase;
  color: #04365f;
}
.productListPage .pageHeading h1 span {
  color: #04365f;
}
@media (max-width: 992px) {
  .productListPage .pageHeading h1 {
    font-size: 28px;
  }
}
.productListPage .pageHeading p {
  font-size: 18px;
  max-width: 100%;
  width: 992px;
  margin: 0 auto;
}
@media (max-width: 767px) {
  .productListPage .pageHeading {
    padding: 25px 15px;
  }
  .productListPage .pageHeading h1 {
    font-size: 24px;
  }
}
.productListPage .producerLogo {
  padding: 6px var(--leftRightSpace);
  text-align: center;
}
.productListPage .producerLogo img {
  width: initial;
  max-height: initial;
}
.productListPage .producerText {
  font-family: "LATO";
  font-size: 22px;
  font-weight: 400;
  padding: 6px var(--leftRightSpace);
  text-align: center;
}
.productListPage .producerText p {
  visibility: initial;
}
.productListPage .producerText a {
  text-decoration: underline;
}
.productListPage .productFilterAndSort {
  padding: 6px var(--leftRightSpace);
  position: relative;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1607843137);
  box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.1607843137);
  margin-bottom: 10px;
  font-size: 16px;
}
@media (max-width: 1024px) {
  .productListPage .productFilterAndSort {
    display: flex;
    justify-content: space-between;
  }
}
@media (max-width: 767px) {
  .productListPage .productFilterAndSort {
    flex-direction: column;
    align-items: center;
    padding: 6px 10px;
  }
}
.productListPage .productFilterAndSort .filterSection {
  display: flex;
  justify-content: center;
  align-items: center;
}
.productListPage .productFilterAndSort .filterSection #Body_UPFilterDDL {
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (max-width: 1024px) {
  .productListPage .productFilterAndSort .filterSection #Body_UPFilterDDL {
    flex-wrap: wrap;
  }
}
@media (max-width: 767px) {
  .productListPage .productFilterAndSort .filterSection #Body_UPFilterDDL {
    margin-right: -10px;
  }
}
.productListPage .productFilterAndSort .filterSection select {
  max-width: 150px;
}
@media (max-width: 767px) {
  .productListPage .productFilterAndSort .filterSection select {
    max-width: initial;
    width: calc(50% - 10px);
    box-shadow: 0px 0px 0px 1px;
    margin-right: 10px;
    margin-top: 10px;
    border-radius: 3px;
  }
}
.productListPage .productFilterAndSort .sortSection {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: var(--leftRightSpace);
}
@media (max-width: 1024px) {
  .productListPage .productFilterAndSort .sortSection {
    position: initial;
    transform: initial;
  }
}
@media (max-width: 767px) {
  .productListPage .productFilterAndSort .sortSection {
    width: 100%;
    text-align: right;
    display: flex;
    align-items: center;
  }
}
.productListPage .productFilterAndSort .sortSection label {
  font-weight: initial;
}
@media (max-width: 767px) {
  .productListPage .productFilterAndSort .sortSection label {
    font-size: 14px;
    width: calc(50% - 10px);
    margin-right: 10px;
    margin-top: 10px;
    height: 15px;
  }
}
.productListPage .productFilterAndSort .sortSection select {
  width: initial;
  max-width: 155px;
}
@media (max-width: 767px) {
  .productListPage .productFilterAndSort .sortSection select {
    width: 50%;
    box-shadow: 0px 0px 0px 1px;
    margin-left: 10px;
    margin-top: 10px;
    max-width: initial;
    border-radius: 3px;
  }
}
.productListPage .productFilterAndSort select {
  width: initial;
  border: 0;
  background: none;
  box-shadow: none;
  transition: initial;
  padding: 5px;
  min-width: 59px;
  border-radius: 0;
  font-size: 14px;
}
.productListPage .filterTags {
  padding: 6px var(--leftRightSpace);
  position: relative;
}
.productListPage .filterTags .tags {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 110px;
  max-width: 1400px;
  margin: 0 auto;
  flex-wrap: wrap;
}
@media (max-width: 767px) {
  .productListPage .filterTags .tags {
    width: 100%;
    max-width: initial;
    padding: 0;
    margin-bottom: 5px;
  }
}
.productListPage .filterTags .tags .tag {
  display: flex;
  align-items: center;
  border: 1px solid #545454;
  border-radius: 10px;
  padding: 5px 10px;
  color: #545454;
  margin: 5px;
}
@media (max-width: 767px) {
  .productListPage .filterTags .tags .tag {
    padding: 0px 5px;
  }
}
.productListPage .filterTags .tags .tag .text {
  font-size: 16px;
}
.productListPage .filterTags .tags .tag .fontIcon {
  font-size: 18px;
}
.productListPage .filterTags .clearFilter {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: var(--leftRightSpace);
}
@media (max-width: 767px) {
  .productListPage .filterTags .clearFilter {
    position: initial;
    text-align: right;
    transform: initial;
  }
}
.productListPage .filterTags .clearFilter a {
  font-size: 16px;
  color: #545454;
}

.productListPage .pageHeading {
  text-align: center;
  margin: 2.5rem 0;
  position: relative;
}

.productListPage .pageHeading h1 {
  font-size: 2.75rem;
  font-weight: 700;
  color: #000; /* solid black text */
  text-transform: uppercase;
  letter-spacing: 2px;
  margin: 0;
}

.productListPage .pageHeading h1 span {
  display: inline-block;
  color: #000; /* ensure span also stays black */
  padding: 0.25rem 0.5rem;
}

.producerPage .pageBanner {
  position: relative;
}
.producerPage .pageBanner img {
  visibility: initial;
}
.producerPage .pageBanner .overlay {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  transform: translate(-50%, -50%);
}
.producerPage .pageBanner .overlay h1 {
  text-align: center;
  color: #fff;
  font-size: 65px;
}
@media (max-width: 1400px) {
  .producerPage .pageBanner .overlay h1 {
    font-size: 45px;
  }
}
@media (max-width: 1200px) {
  .producerPage .pageBanner .overlay h1 {
    font-size: 35px;
  }
}
@media (max-width: 1024px) {
  .producerPage .pageBanner .overlay h1 {
    font-size: 24px;
  }
}
.producerPage .pageHeading {
  text-align: center;
  padding: var(--sitePadding) 25px;
  font-size: 24px;
  font-weight: 600;
}
.producerPage .pageHeading select {
  width: initial;
  display: block;
  margin: 0 auto;
  margin-top: 20px;
}
@media (max-width: 767px) {
  .producerPage .pageHeading {
    padding: 25px 15px;
    font-size: 18px;
  }
}
.producerPage .producerList {
  padding: 6px var(--leftRightSpace);
  flex-direction: column;
  display: flex;
}
@media (max-width: 767px) {
  .producerPage .producerList {
    padding: 6px 0;
  }
}
.producerPage .producerList > .paddingSideZero:last-of-type .ProducerContainer:last-of-type {
  border-bottom: none !important;
}
.producerPage .producerList #ProducerContainer_Left,
.producerPage .producerList #ProducerContainer_centre,
.producerPage .producerList #ProducerContainer_Right {
  width: 100%;
}
.producerPage .producerList #ProducerContainer_Left .ProducerContainer,
.producerPage .producerList #ProducerContainer_centre .ProducerContainer,
.producerPage .producerList #ProducerContainer_Right .ProducerContainer {
  padding-bottom: 25px;
  margin-bottom: 25px;
}
.producerPage .producerList #ProducerContainer_Left .producterContainerHeader,
.producerPage .producerList #ProducerContainer_centre .producterContainerHeader,
.producerPage .producerList #ProducerContainer_Right .producterContainerHeader {
  margin-top: 15px;
}
.producerPage .producerList #ProducerContainer_Left .producterContainerHeader h3,
.producerPage .producerList #ProducerContainer_centre .producterContainerHeader h3,
.producerPage .producerList #ProducerContainer_Right .producterContainerHeader h3 {
  font-size: 36px;
  text-align: center;
  text-transform: uppercase;
}
@media (max-width: 1024px) {
  .producerPage .producerList #ProducerContainer_Left .producterContainerHeader h3,
  .producerPage .producerList #ProducerContainer_centre .producterContainerHeader h3,
  .producerPage .producerList #ProducerContainer_Right .producterContainerHeader h3 {
    font-size: 34px;
  }
}
@media (max-width: 992px) {
  .producerPage .producerList #ProducerContainer_Left .producterContainerHeader h3,
  .producerPage .producerList #ProducerContainer_centre .producterContainerHeader h3,
  .producerPage .producerList #ProducerContainer_Right .producterContainerHeader h3 {
    font-size: 28px;
  }
}
.producerPage .producerList #ProducerContainer_Left .regionList,
.producerPage .producerList #ProducerContainer_centre .regionList,
.producerPage .producerList #ProducerContainer_Right .regionList {
  display: flex;
  flex-wrap: wrap;
}
.producerPage .producerList #ProducerContainer_Left .regionList .subHeading,
.producerPage .producerList #ProducerContainer_centre .regionList .subHeading,
.producerPage .producerList #ProducerContainer_Right .regionList .subHeading {
  order: 1;
  cursor: pointer;
}
.producerPage .producerList #ProducerContainer_Left .regionList .subHeading:hover,
.producerPage .producerList #ProducerContainer_centre .regionList .subHeading:hover,
.producerPage .producerList #ProducerContainer_Right .regionList .subHeading:hover {
  color: var(--primary);
}
.producerPage .producerList #ProducerContainer_Left .regionList .subHeading:not(:last-of-type),
.producerPage .producerList #ProducerContainer_centre .regionList .subHeading:not(:last-of-type),
.producerPage .producerList #ProducerContainer_Right .regionList .subHeading:not(:last-of-type) {
  padding-right: 15px;
  padding-bottom: 15px;
}
.producerPage .producerList #ProducerContainer_Left .regionList .subHeading.active,
.producerPage .producerList #ProducerContainer_centre .regionList .subHeading.active,
.producerPage .producerList #ProducerContainer_Right .regionList .subHeading.active {
  color: var(--primary);
}
.producerPage .producerList #ProducerContainer_Left .regionList .producerLinks,
.producerPage .producerList #ProducerContainer_centre .regionList .producerLinks,
.producerPage .producerList #ProducerContainer_Right .regionList .producerLinks {
  width: 100%;
  order: 2;
  display: flex;
}
.producerPage .producerList #ProducerContainer_Left .regionList .producerLinks.active,
.producerPage .producerList #ProducerContainer_centre .regionList .producerLinks.active,
.producerPage .producerList #ProducerContainer_Right .regionList .producerLinks.active {
  display: flex;
}
.producerPage .producerList #ProducerContainer_Left .producerLinks,
.producerPage .producerList #ProducerContainer_centre .producerLinks,
.producerPage .producerList #ProducerContainer_Right .producerLinks {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  --count: 4;
}
@media (max-width: 767px) {
  .producerPage .producerList #ProducerContainer_Left .producerLinks,
  .producerPage .producerList #ProducerContainer_centre .producerLinks,
  .producerPage .producerList #ProducerContainer_Right .producerLinks {
    --count: 2;
    align-items: start;
  }
}
.producerPage .producerList #ProducerContainer_Left .producerLinks li,
.producerPage .producerList #ProducerContainer_centre .producerLinks li,
.producerPage .producerList #ProducerContainer_Right .producerLinks li {
  width: calc(100% / var(--count) - 30px);
  margin: 15px;
}
@media (max-width: 767px) {
  .producerPage .producerList #ProducerContainer_Left .producerLinks li,
  .producerPage .producerList #ProducerContainer_centre .producerLinks li,
  .producerPage .producerList #ProducerContainer_Right .producerLinks li {
    width: calc(100% / var(--count) - 20px);
    margin: 10px;
  }
}
.producerPage .producerList #ProducerContainer_Left .producerLinks li a,
.producerPage .producerList #ProducerContainer_centre .producerLinks li a,
.producerPage .producerList #ProducerContainer_Right .producerLinks li a {
  display: block;
  position: relative;
  text-align: center;
  border: 1px solid;
}
.producerPage .producerList #ProducerContainer_Left .producerLinks li a:hover:before,
.producerPage .producerList #ProducerContainer_centre .producerLinks li a:hover:before,
.producerPage .producerList #ProducerContainer_Right .producerLinks li a:hover:before {
  content: "";
  background: rgba(47, 60, 133, 0.1);
  height: 100%;
  width: 100%;
  position: absolute;
  left: 0;
}
.producerPage .producerList #ProducerContainer_Left .producerLinks li a img,
.producerPage .producerList #ProducerContainer_centre .producerLinks li a img,
.producerPage .producerList #ProducerContainer_Right .producerLinks li a img {
  padding: 5%;
  width: 200px;
  max-width: 100%;
  margin: 0 auto;
}
.producerPage .producerList #ProducerContainer_Left .producerLinks li .title,
.producerPage .producerList #ProducerContainer_centre .producerLinks li .title,
.producerPage .producerList #ProducerContainer_Right .producerLinks li .title {
  text-align: center;
  margin-top: 5px;
}
.producerPage .producerList a {
  color: inherit;
  font-family: "LATO";
  font-size: 14px;
  font-weight: 400;
}
.producerPage .producerList a:hover {
  color: var(--primary);
}

.PProducerDetails {
  margin: var(--sitePadding) calc(var(--sitePadding) * 2);
  margin-top: 0;
  padding: 25px var(--sitePadding);
}
@media (max-width: 767px) {
  .PProducerDetails {
    padding: 10px var(--sitePadding);
    margin-left: 0;
    margin-right: 0;
  }
}
.PProducerDetails .pImageSection {
  width: 100%;
}
.PProducerDetails .pImageSection .item {
  height: 200px;
  margin-bottom: 10px;
}
.PProducerDetails .pImageSection .item img {
  max-height: 100%;
  width: initial;
}
.PProducerDetails .pImageSection .owl-carousel {
  max-height: 400px;
  max-width: 400px;
  width: 100%;
  margin: 0 auto;
}
.PProducerDetails .pImageSection .owl-stage-outer {
  position: relative;
}
.PProducerDetails .pImageSection .owl-nav {
  position: absolute;
  display: flex;
  justify-content: space-between;
  top: 50%;
  left: 50%;
  width: 100%;
  transform: translate(-50%, -50%);
}
.PProducerDetails .pImageSection .owl-dots {
  display: flex !important;
  justify-content: center;
  margin-top: 10px;
}
.PProducerDetails .pImageSection .owl-dot {
  width: 10px;
  height: 10px;
  border-radius: 100%;
  margin: 5px;
  background: #a5a39f;
  cursor: pointer;
}
.PProducerDetails .pImageSection .owl-dot.active {
  background: var(--primary);
}
.PProducerDetails .pImageSection .owl-prev, .PProducerDetails .pImageSection .owl-next {
  position: relative;
  margin: initial !important;
  color: transparent;
  top: initial;
  left: initial;
  right: initial;
  font-size: 0;
  background: rgba(255, 255, 255, 0.5);
}
.PProducerDetails .pImageSection .owl-prev:before, .PProducerDetails .pImageSection .owl-next:before {
  font-family: "Material Icons";
  color: #fff;
  font-size: 18px;
}
.PProducerDetails .pImageSection .owl-prev:hover, .PProducerDetails .pImageSection .owl-next:hover {
  background: rgba(0, 0, 0, 0.9);
}
.PProducerDetails .pImageSection .owl-prev:hover:before, .PProducerDetails .pImageSection .owl-next:hover:before {
  color: #fff;
}
.PProducerDetails .pImageSection .owl-prev:before {
  content: "\e5e0";
}
.PProducerDetails .pImageSection .owl-next:before {
  content: "\e5e1";
}
.PProducerDetails .pImageSection .pImageSlider {
  height: 400px;
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 400px;
  width: 100%;
  margin: 0 auto;
}
.PProducerDetails .pImageSection .pImageSlider img {
  width: initial;
  max-width: 100%;
  max-height: 400px;
}
.PProducerDetails .pImageSection .pThumbnail {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-top: 15px;
}
.PProducerDetails .pImageSection .pThumbnail .thumbnailImage {
  width: 10px;
  height: 10px;
  border-radius: 100%;
  margin: 5px;
  background: #a5a39f;
  cursor: pointer;
}
.PProducerDetails .pImageSection .pThumbnail .thumbnailImage.active {
  background: var(--primary);
}
.PProducerDetails .pImageSection .pThumbnail img {
  width: 100px;
  height: auto;
  margin: 5px;
}
.PProducerDetails .producers-info {
  width: 100%;
  font-size: 18px;
  font-weight: 300;
}
@media (max-width: 767px) {
  .PProducerDetails .producers-info {
    margin: 0;
  }
}
.PProducerDetails .producers-info span#Body_LProducerText {
  width: 100%;
  font-size: 18px;
  font-family: "Lato", sans-serif;
  font-weight: 300;
}
.PProducerDetails .map-url {
  text-align: center;
  margin-bottom: 25px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.PProducerDetails .map-url .producerImg {
  height: 200px;
  width: initial;
  margin-right: 15px;
}
.PProducerDetails .map-url .producerImg img {
  max-height: 100%;
  max-width: 100%;
}
.PProducerDetails .map-url a {
  border: 1px solid #545454;
  border-radius: 10px;
  padding: 5px 10px;
  color: #545454;
  vertical-align: middle;
}
.PProducerDetails .map-url span {
  font-size: 18px !important;
  vertical-align: middle;
}
.PProducerDetails .promo-url {
  text-align: center;
  margin-bottom: 25px;
  align-items: center;
  justify-content: space-between;
}
.PProducerDetails .promo-url .producerImg {
  width: initial;
  margin-right: 15px;
  text-align: center;
}
.PProducerDetails .promo-url .producerImg img {
  height: 200px;
  width: initial;
}
.PProducerDetails .promo-url a {
  border: 1px solid #545454;
  border-radius: 10px;
  padding: 5px 10px;
  color: #545454;
  vertical-align: middle;
}
.PProducerDetails .promo-url span {
  font-size: 18px !important;
  vertical-align: middle;
}

.productDetailPage .pageHeading {
  background: #e5e2d7;
  text-align: center;
  padding: var(--sitePadding) 25px;
  font-size: 36px;
  font-weight: initial;
}
@media (max-width: 992px) {
  .productDetailPage .pageHeading {
    font-size: 28px;
  }
}
@media (max-width: 767px) {
  .productDetailPage .pageHeading {
    padding: 25px 15px;
  }
}
.productDetailPage .detailsSection {
  display: flex;
  padding: 25px var(--leftRightSpace);
}
@media (max-width: 992px) {
  .productDetailPage .detailsSection {
    flex-direction: column;
    padding: 25px var(--sitePadding);
  }
}
.productDetailPage .detailsSection .pImageSection {
  width: 33%;
}
.productDetailPage .detailsSection .pImageSection .dealOfTheDay {
  text-align: center;
  width: 100%;
  position: relative;
}
.productDetailPage .detailsSection .pImageSection .dealOfTheDay img {
  max-width: 100%;
  width: initial;
  text-align: left;
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 9999 !important;
  width: 100px;
}
@media (max-width: 992px) {
  .productDetailPage .detailsSection .pImageSection {
    width: 100%;
  }
}
.productDetailPage .detailsSection .pImageSection .pImage {
  height: 400px;
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 400px;
  width: 100%;
  margin: 0 auto;
  position: relative;
  padding: 10px;
}
.productDetailPage .detailsSection .pImageSection .pImage img {
  width: initial;
  max-width: 100%;
  max-height: 100%;
}
.productDetailPage .detailsSection .pImageSection .pImage .stamp {
  display: none;
}
.productDetailPage .detailsSection .pImageSection .pThumbnail {
  display: flex;
  flex-wrap: wrap;
}
.productDetailPage .detailsSection .pImageSection .pThumbnail img {
  width: 100px;
  height: auto;
  margin: 5px;
}
.productDetailPage .detailsSection .pImageSection .pProducer {
  height: 150px;
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 400px;
  width: 100%;
  margin: 0 auto;
  display: none;
}
.productDetailPage .detailsSection .pImageSection .pProducer img {
  width: initial;
  max-height: 100%;
}
.productDetailPage .detailsSection .pImageSection .pBadges {
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 400px;
  width: 100%;
  margin: 0 auto;
}
.productDetailPage .detailsSection .pImageSection .pBadges img {
  width: initial;
  margin: 10px;
  max-width: 50px;
}
.productDetailPage .detailsSection .pImageSection .pVideo {
  height: 200px;
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 400px;
  width: 100%;
  margin: 10px auto;
}
.productDetailPage .detailsSection .pImageSection .pVideo iframe {
  width: 100%;
  max-height: 100%;
}
.productDetailPage .detailsSection .pImageSection .pAboutProducer {
  margin-top: 15px;
  max-width: 400px;
  width: 100%;
  margin: 0 auto;
}
.productDetailPage .detailsSection .pImageSection .pAboutProducer .card-header {
  margin-right: 0;
}
.productDetailPage .detailsSection .pImageSection .pAboutProducer .card-header .btn {
  padding-left: 0;
  padding-right: 0;
}
.productDetailPage .detailsSection .pImageSection .pAboutProducer .card-header .title {
  padding: 0 15px;
}
.productDetailPage .detailsSection .pDetailsSection {
  width: 66%;
  padding-left: 15px;
}
@media (max-width: 992px) {
  .productDetailPage .detailsSection .pDetailsSection {
    width: 100%;
    padding-left: 0;
  }
}
.productDetailPage .detailsSection .pDetailsSection .pName {
  font-size: 32px;
  font-weight: 700;
  color: #1b3a5c;
  line-height: 1.3;
}
.productDetailPage .detailsSection .pDetailsSection .pName > span {
  color: #1b3a5c;
}
.productDetailPage .detailsSection .pDetailsSection .pName .pSubtitle {
  font-size: 24px;
  color: #7494b2;
  font-weight: 400;
}
.productDetailPage .detailsSection .pDetailsSection .pID {
  font-size: 13px;
  color: #999;
}
@media (max-width: 1024px) {
  .productDetailPage .detailsSection .pDetailsSection .pName {
    font-size: 24px;
  }
}
.productDetailPage .detailsSection .pDetailsSection .pProducer {
  font-size: 24px;
  color: #ff0000;
}
@media (max-width: 1024px) {
  .productDetailPage .detailsSection .pDetailsSection .pProducer {
    font-size: 18px;
  }
}
.productDetailPage .detailsSection .pDetailsSection .tax-free {
  width: 10%;
  margin: auto 18px;
  vertical-align: top;
}
.productDetailPage .detailsSection .pDetailsSection .SNP {
  width: 10%;
  margin: auto 18px;
  vertical-align: top;
}
.productDetailPage .detailsSection .pDetailsSection .KeepFrozen {
  width: 10%;
  margin: auto 18px;
  vertical-align: top;
}
.productDetailPage .detailsSection .pDetailsSection .Refrigerate {
  width: 10%;
  margin: auto 18px;
  vertical-align: top;
}
.productDetailPage .detailsSection .pDetailsSection .NewProduct {
  width: 10%;
  margin: auto 18px;
  vertical-align: top;
}
.productDetailPage .detailsSection .pDetailsSection .pPriceCartBrief {
  display: flex;
  border-bottom: 1px solid #e5e5e5;
  padding-bottom: 20px;
  flex-direction: column;
}
.productDetailPage .detailsSection .pDetailsSection .pPriceCartBrief .taxFreeAndSnp {
  visibility: initial;
}
.productDetailPage .detailsSection .pDetailsSection .pPriceCartBrief .taxFreeAndSnp > img {
  max-width: 40px;
  margin-left: 0;
  margin-right: 8px;
}
@media (max-width: 1200px) {
  .productDetailPage .detailsSection .pDetailsSection .pPriceCartBrief {
    flex-direction: column;
  }
}
@media (max-width: 992px) {
  .productDetailPage .detailsSection .pDetailsSection .pPriceCartBrief {
    flex-direction: row;
  }
}
@media (max-width: 767px) {
  .productDetailPage .detailsSection .pDetailsSection .pPriceCartBrief {
    flex-direction: column;
  }
}
.productDetailPage .detailsSection .pDetailsSection .pPriceCartBrief .pPriceAndCart {
  margin-top: 15px;
  font-size: 18px;
  width: 320px;
  max-width: 100%;
}
@media (max-width: 1200px) {
  .productDetailPage .detailsSection .pDetailsSection .pPriceCartBrief .pPriceAndCart {
    font-size: 16px;
  }
}
@media (max-width: 767px) {
  .productDetailPage .detailsSection .pDetailsSection .pPriceCartBrief .pPriceAndCart .pRow {
    flex-direction: initial;
  }
  .productDetailPage .detailsSection .pDetailsSection .pPriceCartBrief .pPriceAndCart .pRow .pColumn {
    width: 50% !important;
  }
}
.productDetailPage .detailsSection .pDetailsSection .pPriceCartBrief .pPriceAndCart .yourPrice {
  font-size: 16px;
  color: #333;
}
.productDetailPage .detailsSection .pDetailsSection .pPriceCartBrief .pPriceAndCart .yourPrice i {
  color: #1b3a5c;
  font-size: 26px;
  font-weight: 700;
  font-style: normal;
  margin-left: 4px;
}
.productDetailPage .detailsSection .pDetailsSection .pPriceCartBrief .pPriceAndCart .retailPrice {
  font-size: 14px;
  color: #888;
}
.productDetailPage .detailsSection .pDetailsSection .pPriceCartBrief .pPriceAndCart .retailPrice i {
  color: #c0392b;
  text-decoration: line-through;
  font-size: 16px;
  font-style: normal;
}
.productDetailPage .detailsSection .pDetailsSection .pPriceCartBrief .pRow {
  display: flex;
}
@media (max-width: 767px) {
  .productDetailPage .detailsSection .pDetailsSection .pPriceCartBrief .pRow {
    margin-bottom: 10px;
  }
}
.productDetailPage .detailsSection .pDetailsSection .pPriceCartBrief .pRow .pColumn {
  visibility: initial;
}
.productDetailPage .detailsSection .pDetailsSection .pPriceCartBrief .pRow .pColumn a {
  text-decoration: underline !important;
}
.productDetailPage .detailsSection .pDetailsSection .pPriceCartBrief .pRow .pColumn:first-of-type {
  width: 170px;
}
@media (max-width: 767px) {
  .productDetailPage .detailsSection .pDetailsSection .pPriceCartBrief .pRow .pColumn:first-of-type {
    width: 50%;
    max-width: 150px;
    margin-right: 15px;
    font-weight: bold;
  }
}
.productDetailPage .detailsSection .pDetailsSection .pPriceCartBrief .pRow .pColumn:last-of-type {
  width: calc(100% - 170px);
}
@media (max-width: 767px) {
  .productDetailPage .detailsSection .pDetailsSection .pPriceCartBrief .pRow .pColumn:last-of-type {
    width: 50%;
  }
}
.productDetailPage .detailsSection .pDetailsSection .pPriceCartBrief .pRow .pColumn.fBlue {
  color: #0c52bb;
}
.productDetailPage .detailsSection .pDetailsSection .pPriceCartBrief .pRow .pColumn.wFull {
  width: 100%;
}
.productDetailPage .detailsSection .pDetailsSection .pPriceCartBrief .pRow .pColumn .cb {
  visibility: initial;
}
.productDetailPage .detailsSection .pDetailsSection .pPriceCartBrief .pRow .pColumn .cb input[type=checkbox] {
  height: 20px;
  width: 20px;
}
.productDetailPage .detailsSection .pDetailsSection .pPriceCartBrief .pRow .pColumn .cb label {
  padding-left: 5px;
  margin-bottom: 0;
  font-weight: initial;
}
.productDetailPage .detailsSection .pDetailsSection .pPriceCartBrief .pRow.pAddToCart {
  margin-top: 15px;
}
.productDetailPage .detailsSection .pDetailsSection .pPriceCartBrief .pRow.pAddToCart .pTextQuantity {
  display: flex;
  align-items: center;
  position: relative;
  max-width: 150px;
  margin-right: 15px;
  border: 1px solid #ccc;
}
.productDetailPage .detailsSection .pDetailsSection .pPriceCartBrief .pRow.pAddToCart .pTextQuantity .plus {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  -khtml-user-select: none;
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Old versions of Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
                        supported by Chrome, Edge, Opera and Firefox */
}
.productDetailPage .detailsSection .pDetailsSection .pPriceCartBrief .pRow.pAddToCart .pTextQuantity .plus:hover {
  background-color: transparent;
  color: #1b3a5c;
}
.productDetailPage .detailsSection .pDetailsSection .pPriceCartBrief .pRow.pAddToCart .pTextQuantity .plus span {
  font-size: 30px;
  line-height: initial;
}
.productDetailPage .detailsSection .pDetailsSection .pPriceCartBrief .pRow.pAddToCart .pTextQuantity .txtContainer {
  width: 100%;
}
.productDetailPage .detailsSection .pDetailsSection .pPriceCartBrief .pRow.pAddToCart .pTextQuantity .txtContainer .txtField {
  padding: 10px 30px;
  text-align: center;
  min-height: 42px;
  width: 100%;
  border: none;
  font-size: 16px;
  -moz-appearance: textfield;
}
.productDetailPage .detailsSection .pDetailsSection .pPriceCartBrief .pRow.pAddToCart .pTextQuantity .txtContainer .txtField::-webkit-outer-spin-button, .productDetailPage .detailsSection .pDetailsSection .pPriceCartBrief .pRow.pAddToCart .pTextQuantity .txtContainer .txtField::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.productDetailPage .detailsSection .pDetailsSection .pPriceCartBrief .pRow.pAddToCart .pTextQuantity .minus {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  -khtml-user-select: none;
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Old versions of Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
                        supported by Chrome, Edge, Opera and Firefox */
}
.productDetailPage .detailsSection .pDetailsSection .pPriceCartBrief .pRow.pAddToCart .pTextQuantity .minus:hover {
  background-color: transparent;
  color: #1b3a5c;
}
.productDetailPage .detailsSection .pDetailsSection .pPriceCartBrief .pRow.pAddToCart .pTextQuantity .minus span {
  font-size: 30px;
  line-height: initial;
}
.productDetailPage .detailsSection .pDetailsSection .pPriceCartBrief .pRow.pAddToCart .smallNote {
  font-size: 12px;
  text-align: center;
  padding-right: 15px;
}
@media (max-width: 767px) {
  .productDetailPage .detailsSection .pDetailsSection .pPriceCartBrief .pRow.pAddToCart .smallNote {
    text-align: left;
  }
}
.productDetailPage .detailsSection .pDetailsSection .pPriceCartBrief .pRow.pAddToCart .btnContainer {
  visibility: initial;
}
.productDetailPage .detailsSection .pDetailsSection .pPriceCartBrief .pRow.pAddToCart .btnContainer .btn {
  background-color: #383838;
  color: #fff;
  border-radius: 0;
  padding: 10px 25px;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  text-decoration: none !important;
  white-space: nowrap;
  min-height: 42px;
  display: flex;
  align-items: center;
  transition: background-color 0.2s ease;
}
.productDetailPage .detailsSection .pDetailsSection .pPriceCartBrief .pRow.pAddToCart .btnContainer .btn:hover {
  background-color: #1b3a5c;
}
.productDetailPage .detailsSection .pDetailsSection .pBrief {
  font-size: 16px;
  width: calc(100% - 320px);
  margin-top: 10px;
}
@media (max-width: 1200px) {
  .productDetailPage .detailsSection .pDetailsSection .pBrief {
    padding-left: 0%;
    margin-top: 10px;
    width: 100%;
  }
}
@media (max-width: 992px) {
  .productDetailPage .detailsSection .pDetailsSection .pBrief {
    margin-left: 10%;
  }
}
@media (max-width: 767px) {
  .productDetailPage .detailsSection .pDetailsSection .pBrief {
    margin-left: 0%;
    margin-top: 10px;
  }
}
.productDetailPage .detailsSection .pDetailsSection .pBrief .pColumn {
  margin-bottom: 5px;
}
.productDetailPage .detailsSection .pDetailsSection .pBrief .pColumn > span {
  display: flex;
  align-items: center;
}
.productDetailPage .detailsSection .pDetailsSection .pBrief .pColumn > span > img {
  max-width: 35px;
  margin-left: 0;
}
.productDetailPage .detailsSection .pDetailsSection .pDescription {
  padding-bottom: 15px;
  margin-top: 25px;
}
.productDetailPage .detailsSection .pDetailsSection .pDescription .heading {
  font-size: 22px;
  font-weight: 700;
  color: #1b3a5c;
}
@media (max-width: 767px) {
  .productDetailPage .detailsSection .pDetailsSection .pDescription .heading {
    margin-bottom: 10px;
  }
}
.productDetailPage .detailsSection .pDetailsSection .pDescription .text {
  font-size: 16px;
}
.productDetailPage .detailsSection .pDetailsSection .pDescription .text ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.productDetailPage .detailsSection .pDetailsSection .pDescription .text ul li {
  margin-top: 10px;
}
.productDetailPage .detailsSection .pDetailsSection .pDescription .text ul li.red {
  color: #ff0000;
}
.productDetailPage .detailsSection .pDetailsSection .pDescription .text table {
  width: 100% !important;
  max-width: 500px;
  border-collapse: collapse;
  margin: 15px 0;
  font-size: 14px;
}
.productDetailPage .detailsSection .pDetailsSection .pDescription .text table td {
  padding: 10px 12px;
  border: 1px solid #e5e5e5;
  color: #333;
}
.productDetailPage .detailsSection .pDetailsSection .pDescription .text table tr:first-child td {
  background-color: #1b3a5c;
  color: #fff;
  font-weight: 600;
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
.productDetailPage .detailsSection .pDetailsSection .pDescription .text table tr:nth-child(even) td {
  background-color: #f8f9fa;
}
.productDetailPage .detailsSection .pDetailsSection .pDescription a {
  text-decoration: underline !important;
}
.productDetailPage .detailsSection .pDetailsSection .pInfo {
  visibility: initial;
}
.productDetailPage .detailsSection .pDetailsSection .pInfo .card {
  border-top: 2px solid #d7d7d7;
  margin-top: 15px;
}
.productDetailPage .detailsSection .pDetailsSection .pInfo-programPage .card {
  border-top: 0;
}
.productDetailPage .detailsSection .pDetailsSection .pInfo-programPage .card-header .symbol {
  width: 75px;
}
.productDetailPage .detailsSection .pDetailsSection .pInfo-programPage .card-header .symbol img {
  width: 25px;
}
.productDetailPage .detailsSection .pDetailsSection .pInfo-programPage .card-header .title {
  padding-left: 15px;
  width: calc(100% - 175px);
}
.productDetailPage .detailsSection .pDetailsSection .pInfo-programPage .card-header .heading {
  margin-bottom: 0;
  font-weight: initial;
  text-transform: initial;
}
.productDetailPage .accordion {
  visibility: initial;
}
.productDetailPage .accordion .card {
  visibility: initial;
}
.productDetailPage .accordion .card-header {
  margin-left: -15px;
  margin-right: -15px;
}
.productDetailPage .accordion .card-header .btn {
  background: none !important;
  color: #000;
  display: flex !important;
  justify-content: space-between;
  border: 0;
  box-shadow: none;
}
.productDetailPage .accordion .card-header .btn .title {
  visibility: initial;
}
.productDetailPage .accordion .card-header .btn .title .heading {
  margin: 0;
  font-size: 24px;
  text-transform: initial;
}
.productDetailPage .accordion .card-header .btn .readMore {
  visibility: initial;
}
.productDetailPage .accordion .card-header .btn .readMore .downArrow {
  visibility: initial;
}
.productDetailPage .accordion .card-header .btn:hover .heading {
  color: var(--primary);
}
.productDetailPage .accordion .card .collapseBody {
  padding: 10px 0px;
}
.productDetailPage .accordion .card .collapseBody .text {
  font-size: 16px;
}
.productDetailPage .similarProducts {
  border-top: 2px solid #d7d7d7;
  margin-top: 15px;
}
.productDetailPage .similarProducts .heading {
  padding: 25px var(--leftRightSpace);
}
.productDetailPage .similarProducts .heading span {
  color: #1b3a5c;
  font-size: 36px;
  text-align: left;
}
@media (max-width: 992px) {
  .productDetailPage .similarProducts .heading span {
    font-size: 28px;
  }
}
.productDetailPage .similarProducts .productList {
  padding-top: 0;
  margin: var(--sitePadding);
  margin-top: 0;
}

.wineProgramList .pageHeading {
  background: #e5e2d7;
  text-align: center;
  padding: var(--sitePadding) 25px;
  font-size: 36px;
  font-weight: initial;
}
@media (max-width: 992px) {
  .wineProgramList .pageHeading {
    font-size: 28px;
  }
}
@media (max-width: 767px) {
  .wineProgramList .pageHeading {
    padding: 25px 15px;
  }
}

.programList {
  margin: var(--sitePadding) calc(var(--sitePadding) * 2);
  padding: 25px 0;
  display: flex;
  flex-wrap: wrap;
  --pWidth: 400px;
  --pCount: 3;
  justify-content: space-between;
}
.programList .program {
  width: calc(100% / var(--pCount));
  padding: 15px;
  max-width: 550px;
}
@media (max-width: 1200px) {
  .programList .program {
    --pCount: 2;
  }
}
@media (max-width: 767px) {
  .programList .program {
    --pCount: 1;
  }
}
.programList .program .heading {
  font-size: 24px;
  margin-bottom: 10px;
}
.programList .program .imageContainer {
  visibility: initial;
}
.programList .program .imageContainer img {
  visibility: initial;
}
.programList .program .text {
  font-size: 18px;
  margin: 10px 0;
}
.programList .program .btnContainer {
  visibility: initial;
}
.programList .program .btnContainer .btn {
  background-color: #383838;
  border-radius: 0;
  min-width: 170px;
}

.wineProgramMembership .pageHeading {
  background: #e5e2d7;
  text-align: center;
  padding: var(--sitePadding) 25px;
  font-size: 36px;
  font-weight: initial;
}
@media (max-width: 992px) {
  .wineProgramMembership .pageHeading {
    font-size: 28px;
  }
}
@media (max-width: 767px) {
  .wineProgramMembership .pageHeading {
    padding: 25px 15px;
  }
}
.wineProgramMembership .membershipDetails {
  padding: 25px var(--sitePadding);
}
.wineProgramMembership .membershipDetails .bottomRow {
  border-top: 2px solid #9b9b9b;
}
.wineProgramMembership .membershipDetails .topRow .rightColumn {
  padding-right: 40px;
}
.wineProgramMembership .membershipDetails .topRow,
.wineProgramMembership .membershipDetails .bottomRow {
  display: flex;
  flex-wrap: wrap;
  padding: 25px 0;
  justify-content: space-between;
  position: relative;
}
@media (max-width: 1200px) {
  .wineProgramMembership .membershipDetails .topRow,
  .wineProgramMembership .membershipDetails .bottomRow {
    flex-direction: column;
  }
}
.wineProgramMembership .membershipDetails .topRow .pColumn,
.wineProgramMembership .membershipDetails .bottomRow .pColumn {
  visibility: initial;
  width: 45%;
}
@media (max-width: 1200px) {
  .wineProgramMembership .membershipDetails .topRow .pColumn,
  .wineProgramMembership .membershipDetails .bottomRow .pColumn {
    width: 48%;
  }
}
@media (max-width: 992px) {
  .wineProgramMembership .membershipDetails .topRow .pColumn,
  .wineProgramMembership .membershipDetails .bottomRow .pColumn {
    width: 100%;
  }
}
.wineProgramMembership .membershipDetails .topRow .pColumn.leftColumn,
.wineProgramMembership .membershipDetails .bottomRow .pColumn.leftColumn {
  visibility: initial;
}
.wineProgramMembership .membershipDetails .topRow .pColumn.rightColumn,
.wineProgramMembership .membershipDetails .bottomRow .pColumn.rightColumn {
  visibility: initial;
}
.wineProgramMembership .membershipDetails .topRow .pColumn .pRow,
.wineProgramMembership .membershipDetails .bottomRow .pColumn .pRow {
  display: flex;
  align-items: center;
  margin-bottom: 15px;
}
@media (max-width: 1200px) {
  .wineProgramMembership .membershipDetails .topRow .pColumn .pRow,
  .wineProgramMembership .membershipDetails .bottomRow .pColumn .pRow {
    align-items: flex-start;
  }
}
.wineProgramMembership .membershipDetails .topRow .pColumn .pRow .left,
.wineProgramMembership .membershipDetails .bottomRow .pColumn .pRow .left {
  width: 250px;
}
@media (max-width: 1200px) {
  .wineProgramMembership .membershipDetails .topRow .pColumn .pRow .left,
  .wineProgramMembership .membershipDetails .bottomRow .pColumn .pRow .left {
    width: 200px;
  }
}
.wineProgramMembership .membershipDetails .topRow .pColumn .pRow .left label,
.wineProgramMembership .membershipDetails .bottomRow .pColumn .pRow .left label {
  font-size: 18px;
  font-weight: initial;
  margin-bottom: 0;
  padding-right: 10px;
}
.wineProgramMembership .membershipDetails .topRow .pColumn .pRow .right,
.wineProgramMembership .membershipDetails .bottomRow .pColumn .pRow .right {
  width: calc(100% - 250px);
}
@media (max-width: 1200px) {
  .wineProgramMembership .membershipDetails .topRow .pColumn .pRow .right,
  .wineProgramMembership .membershipDetails .bottomRow .pColumn .pRow .right {
    width: calc(100% - 200px);
  }
}
.wineProgramMembership .membershipDetails .topRow .pColumn .pRow .right.ddbContainer,
.wineProgramMembership .membershipDetails .bottomRow .pColumn .pRow .right.ddbContainer {
  display: flex;
  align-items: center;
}
.wineProgramMembership .membershipDetails .topRow .pColumn .pRow .right.ddbContainer > input,
.wineProgramMembership .membershipDetails .bottomRow .pColumn .pRow .right.ddbContainer > input {
  margin-right: 5px;
  text-align: center;
}
.wineProgramMembership .membershipDetails .topRow .pColumn .pRow .right.ddbContainer > input:last-of-type,
.wineProgramMembership .membershipDetails .bottomRow .pColumn .pRow .right.ddbContainer > input:last-of-type {
  margin-right: 0;
}
@media (max-width: 1200px) {
  .wineProgramMembership .membershipDetails .topRow .pColumn .pRow .right.ddbContainer > input,
  .wineProgramMembership .membershipDetails .bottomRow .pColumn .pRow .right.ddbContainer > input {
    width: 33%;
  }
}
.wineProgramMembership .membershipDetails .topRow .pColumn .pRow .right.provinceAndPostal,
.wineProgramMembership .membershipDetails .bottomRow .pColumn .pRow .right.provinceAndPostal {
  display: flex;
  align-items: center;
}
@media (max-width: 1200px) {
  .wineProgramMembership .membershipDetails .topRow .pColumn .pRow .right.provinceAndPostal,
  .wineProgramMembership .membershipDetails .bottomRow .pColumn .pRow .right.provinceAndPostal {
    flex-wrap: wrap;
  }
}
@media (max-width: 992px) {
  .wineProgramMembership .membershipDetails .topRow .pColumn .pRow .right.provinceAndPostal,
  .wineProgramMembership .membershipDetails .bottomRow .pColumn .pRow .right.provinceAndPostal {
    flex-wrap: initial;
  }
}
.wineProgramMembership .membershipDetails .topRow .pColumn .pRow .right.provinceAndPostal .cb-ddl,
.wineProgramMembership .membershipDetails .bottomRow .pColumn .pRow .right.provinceAndPostal .cb-ddl {
  width: calc((100% - 120px) / 2);
}
@media (max-width: 1200px) {
  .wineProgramMembership .membershipDetails .topRow .pColumn .pRow .right.provinceAndPostal .cb-ddl,
  .wineProgramMembership .membershipDetails .bottomRow .pColumn .pRow .right.provinceAndPostal .cb-ddl {
    width: 100%;
    margin-bottom: 15px;
  }
}
@media (max-width: 992px) {
  .wineProgramMembership .membershipDetails .topRow .pColumn .pRow .right.provinceAndPostal .cb-ddl,
  .wineProgramMembership .membershipDetails .bottomRow .pColumn .pRow .right.provinceAndPostal .cb-ddl {
    width: calc((100% - 120px) / 2);
    margin-bottom: 0;
  }
}
.wineProgramMembership .membershipDetails .topRow .pColumn .pRow .right.provinceAndPostal label,
.wineProgramMembership .membershipDetails .bottomRow .pColumn .pRow .right.provinceAndPostal label {
  width: 120px;
  margin-bottom: 0;
  text-align: right;
  padding-right: 10px;
  font-size: 18px;
  font-weight: initial;
}
@media (max-width: 1200px) {
  .wineProgramMembership .membershipDetails .topRow .pColumn .pRow .right.provinceAndPostal label,
  .wineProgramMembership .membershipDetails .bottomRow .pColumn .pRow .right.provinceAndPostal label {
    text-align: left;
  }
}
@media (max-width: 992px) {
  .wineProgramMembership .membershipDetails .topRow .pColumn .pRow .right.provinceAndPostal label,
  .wineProgramMembership .membershipDetails .bottomRow .pColumn .pRow .right.provinceAndPostal label {
    text-align: right;
  }
}
.wineProgramMembership .membershipDetails .topRow .pColumn .pRow .right.provinceAndPostal .cb-textBox-postal,
.wineProgramMembership .membershipDetails .bottomRow .pColumn .pRow .right.provinceAndPostal .cb-textBox-postal {
  width: calc((100% - 120px) / 2);
}
@media (max-width: 1200px) {
  .wineProgramMembership .membershipDetails .topRow .pColumn .pRow .right.provinceAndPostal .cb-textBox-postal,
  .wineProgramMembership .membershipDetails .bottomRow .pColumn .pRow .right.provinceAndPostal .cb-textBox-postal {
    width: calc(100% - 120px);
  }
}
@media (max-width: 992px) {
  .wineProgramMembership .membershipDetails .topRow .pColumn .pRow .right.provinceAndPostal .cb-textBox-postal,
  .wineProgramMembership .membershipDetails .bottomRow .pColumn .pRow .right.provinceAndPostal .cb-textBox-postal {
    width: calc((100% - 120px) / 2);
  }
}
.wineProgramMembership .membershipDetails .topRow .pColumn .pRow .full,
.wineProgramMembership .membershipDetails .bottomRow .pColumn .pRow .full {
  visibility: initial;
}
.wineProgramMembership .membershipDetails .topRow .pColumn .pRow .text,
.wineProgramMembership .membershipDetails .bottomRow .pColumn .pRow .text {
  font-size: 18px;
  font-weight: initial;
  margin-bottom: 15px;
}
.wineProgramMembership .membershipDetails .topRow .pColumn .pRow .inputNumberOfMonths,
.wineProgramMembership .membershipDetails .bottomRow .pColumn .pRow .inputNumberOfMonths {
  width: 150px;
}
.wineProgramMembership .membershipDetails .topRow .pColumn .pRow .cb-radioList > tbody,
.wineProgramMembership .membershipDetails .bottomRow .pColumn .pRow .cb-radioList > tbody {
  display: flex;
}
.wineProgramMembership .membershipDetails .topRow .pColumn .pRow .cb-textBox-year,
.wineProgramMembership .membershipDetails .bottomRow .pColumn .pRow .cb-textBox-year {
  width: 80px;
}
.wineProgramMembership .membershipDetails .topRow .pColumn .pRow .cb-textBox-month,
.wineProgramMembership .membershipDetails .bottomRow .pColumn .pRow .cb-textBox-month {
  width: 60px;
}
.wineProgramMembership .membershipDetails .topRow .pColumn .pRow .cb-textBox-date,
.wineProgramMembership .membershipDetails .bottomRow .pColumn .pRow .cb-textBox-date {
  width: 60px;
}
.wineProgramMembership .membershipDetails .topRow .pColumn.full,
.wineProgramMembership .membershipDetails .bottomRow .pColumn.full {
  width: 100%;
}
.wineProgramMembership .membershipDetails .topRow .pColumn.heading,
.wineProgramMembership .membershipDetails .bottomRow .pColumn.heading {
  font-size: 24px;
  font-weight: 600;
  text-align: center;
}
.wineProgramMembership .membershipDetails .topRow .pColumn.btnContainer,
.wineProgramMembership .membershipDetails .bottomRow .pColumn.btnContainer {
  margin-top: 25px;
  text-align: right;
}
.wineProgramMembership .membershipDetails .topRow .pColumn.btnContainer .btn,
.wineProgramMembership .membershipDetails .bottomRow .pColumn.btnContainer .btn {
  background-color: #383838;
  border-radius: 0;
  min-width: 170px;
}
.wineProgramMembership .membershipDetails .topRow .pClose,
.wineProgramMembership .membershipDetails .bottomRow .pClose {
  position: absolute;
  right: 0;
}
.wineProgramMembership .membershipDetails .topRow .pClose > span,
.wineProgramMembership .membershipDetails .bottomRow .pClose > span {
  font-size: 34px;
  border: 2px solid #333;
  border-radius: 100%;
  cursor: pointer;
}

.giftMemebershipPage .pageHeading {
  background: #e5e2d7;
  text-align: center;
  padding: var(--sitePadding) 25px;
  font-size: 36px;
  font-weight: initial;
}
@media (max-width: 992px) {
  .giftMemebershipPage .pageHeading {
    font-size: 28px;
  }
}
@media (max-width: 767px) {
  .giftMemebershipPage .pageHeading {
    padding: 25px 15px;
  }
}
.giftMemebershipPage .addGiftCardSection {
  display: flex;
  width: 1200px;
  margin: 0 auto;
  max-width: 100%;
  padding: 50px 0;
}
@media (max-width: 1200px) {
  .giftMemebershipPage .addGiftCardSection {
    padding: 50px var(--sitePadding);
  }
}
@media (max-width: 992px) {
  .giftMemebershipPage .addGiftCardSection {
    flex-direction: column;
  }
}
.giftMemebershipPage .addGiftCardSection .left {
  width: 40%;
}
@media (max-width: 992px) {
  .giftMemebershipPage .addGiftCardSection .left {
    width: 100%;
  }
}
.giftMemebershipPage .addGiftCardSection .left .imgSection {
  visibility: initial;
}
@media (max-width: 992px) {
  .giftMemebershipPage .addGiftCardSection .left .imgSection {
    max-width: 300px;
  }
}
.giftMemebershipPage .addGiftCardSection .left .imgSection img {
  visibility: initial;
}
.giftMemebershipPage .addGiftCardSection .left .numberOfMonths {
  margin-top: 15px;
}
.giftMemebershipPage .addGiftCardSection .left .numberOfMembership {
  margin-top: 15px;
}
.giftMemebershipPage .addGiftCardSection .right {
  padding-left: 10%;
  width: 60%;
}
@media (max-width: 992px) {
  .giftMemebershipPage .addGiftCardSection .right {
    width: 100%;
    padding-left: 0%;
  }
}
.giftMemebershipPage .addGiftCardSection .right .heading {
  font-size: 24px;
  font-weight: bold;
}
.giftMemebershipPage .addGiftCardSection .right .text {
  font-size: 16px;
}
.giftMemebershipPage .addGiftCardSection .right .text p {
  visibility: initial;
}
.giftMemebershipPage .addGiftCardSection .right .text ul {
  visibility: initial;
}
.giftMemebershipPage .addGiftCardSection .right .text ul li {
  visibility: initial;
}
.giftMemebershipPage .addGiftCardSection .pAddToCart {
  display: flex;
  justify-content: start;
  margin-top: 15px;
}
.giftMemebershipPage .addGiftCardSection .pAddToCart .pTextQuantity {
  display: flex;
  align-items: center;
  position: relative;
  max-width: 150px;
  margin-right: 15px;
}
.giftMemebershipPage .addGiftCardSection .pAddToCart .pTextQuantity .plus {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  -khtml-user-select: none;
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Old versions of Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
                        supported by Chrome, Edge, Opera and Firefox */
}
.giftMemebershipPage .addGiftCardSection .pAddToCart .pTextQuantity .plus:hover {
  background-color: #383838;
  color: #fff;
}
.giftMemebershipPage .addGiftCardSection .pAddToCart .pTextQuantity .plus span {
  font-size: 30px;
  line-height: initial;
}
.giftMemebershipPage .addGiftCardSection .pAddToCart .pTextQuantity .txtContainer {
  width: 100%;
}
.giftMemebershipPage .addGiftCardSection .pAddToCart .pTextQuantity .txtContainer .txtField {
  padding: 10px 30px;
  text-align: center;
  min-height: 42px;
  width: 100%;
  -moz-appearance: textfield;
}
.giftMemebershipPage .addGiftCardSection .pAddToCart .pTextQuantity .txtContainer .txtField::-webkit-outer-spin-button, .giftMemebershipPage .addGiftCardSection .pAddToCart .pTextQuantity .txtContainer .txtField::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.giftMemebershipPage .addGiftCardSection .pAddToCart .pTextQuantity .minus {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  -khtml-user-select: none;
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Old versions of Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
                        supported by Chrome, Edge, Opera and Firefox */
}
.giftMemebershipPage .addGiftCardSection .pAddToCart .pTextQuantity .minus:hover {
  background-color: #383838;
  color: #fff;
}
.giftMemebershipPage .addGiftCardSection .pAddToCart .pTextQuantity .minus span {
  font-size: 30px;
  line-height: initial;
}
.giftMemebershipPage .addGiftCardSection .pAddToCart .priceContainer {
  color: #0c52bb;
  font-size: 24px;
  font-weight: bold;
}
.giftMemebershipPage .addGiftCardSection .pAddToCart .smallNote {
  font-size: 12px;
  text-align: center;
  padding-right: 15px;
}
@media (max-width: 767px) {
  .giftMemebershipPage .addGiftCardSection .pAddToCart .smallNote {
    text-align: left;
  }
}
.giftMemebershipPage .addGiftCardSection .pAddToCart .pColumn {
  min-width: 170px;
}
.giftMemebershipPage .addGiftCardSection .pAddToCart .btnContainer {
  visibility: initial;
}
.giftMemebershipPage .addGiftCardSection .pAddToCart .btnContainer .btn {
  background-color: #383838;
  border-radius: 0;
  padding: 9px 15px;
}

.aboutUsPage .pageBanner {
  position: relative;
}
@media (max-width: 767px) {
  .aboutUsPage .pageBanner {
    background: #000;
    display: flex;
    align-items: end;
  }
}
.aboutUsPage .pageBanner .bannerImage {
  visibility: initial;
}
.aboutUsPage .pageBanner .overlay {
  position: absolute;
  top: 50px;
  transform: translateX(-50%);
  color: #fff;
  left: 50%;
  width: 100%;
  max-width: 700px;
  text-align: center;
  padding: 0 15px;
}
.aboutUsPage .pageBanner .overlay .heading {
  --fSize: 36px;
  font-size: var(--fSize);
  line-height: calc(var(--fSize) * 1.5);
  font-weight: 400;
  text-shadow: 0px 2px 5px #000;
}
@media (max-width: 1400px) {
  .aboutUsPage .pageBanner .overlay .heading {
    --fSize: 30px;
    margin-bottom: 15px;
  }
}
@media (max-width: 1200px) {
  .aboutUsPage .pageBanner .overlay .heading {
    --fSize: 28px;
    margin-bottom: 10px;
  }
}
@media (max-width: 1024px) {
  .aboutUsPage .pageBanner .overlay .heading {
    --fSize: 24px;
  }
  .aboutUsPage .pageBanner .overlay .heading br {
    display: none;
  }
}
.aboutUsPage .pageBanner .overlay .text {
  --fSize: 24px;
  color: #fff;
  font-size: var(--fSize);
  margin-bottom: 15px;
  font-family: "Lora", serif !important;
}
@media (max-width: 1400px) {
  .aboutUsPage .pageBanner .overlay .text {
    margin-bottom: 15px;
    --fSize: 17px;
  }
}
@media (max-width: 1200px) {
  .aboutUsPage .pageBanner .overlay .text {
    margin-bottom: 10px;
    --fSize: 16px;
  }
}
.aboutUsPage .pageBanner .overlay .text strong {
  color: #fff;
}
.aboutUsPage .aboutUsContent {
  margin: 50px calc(2 * var(--sitePadding));
  display: flex;
  padding-top: 50px;
}
@media (max-width: 992px) {
  .aboutUsPage .aboutUsContent {
    flex-direction: column;
    margin: 0;
  }
}
.aboutUsPage .aboutUsContent h1 {
  color: #04365f;
}
.aboutUsPage .aboutUsContent h1 > * {
  color: #04365f;
  --fSize: 36px;
  font-size: var(--fSize);
  font-weight: inherit;
}
@media (max-width: 1400px) {
  .aboutUsPage .aboutUsContent h1 > * {
    --fSize: 32px;
  }
}
@media (max-width: 1200px) {
  .aboutUsPage .aboutUsContent h1 > * {
    --fSize: 28px;
  }
}
@media (max-width: 1024px) {
  .aboutUsPage .aboutUsContent h1 > * {
    --fSize: 24px;
  }
}
.aboutUsPage .aboutUsContent ul li * {
  font-family: "Lato" !important;
  font-size: 18px;
  color: #404040;
  font-weight: inherit;
}
.aboutUsPage .aboutUsContent ul li strong {
  font-weight: 600;
}
.aboutUsPage .aboutUsContent .left {
  visibility: initial;
  font-family: "Lato", sans-serif;
  font-weight: 300;
  width: 50%;
  padding-left: 50px;
  order: 2;
}
@media (max-width: 992px) {
  .aboutUsPage .aboutUsContent .left {
    width: 100%;
    padding-left: 0%;
    margin: 25px 15px 15px 15px;
  }
}
@media (max-width: 767px) {
  .aboutUsPage .aboutUsContent .left {
    padding: 10px;
    margin: initial;
  }
}
.aboutUsPage .aboutUsContent .left .heading {
  margin-bottom: 40px;
  --fSize: 36px;
  font-size: var(--fSize);
  text-align: center;
}
.aboutUsPage .aboutUsContent .left .heading > div {
  color: #04365f;
  font-weight: initial;
}
.aboutUsPage .aboutUsContent .left .heading p {
  font-family: "Lato";
  font-size: 18px;
}
@media (max-width: 1400px) {
  .aboutUsPage .aboutUsContent .left .heading {
    --fSize: 32px;
  }
}
@media (max-width: 1200px) {
  .aboutUsPage .aboutUsContent .left .heading {
    --fSize: 28px;
  }
}
@media (max-width: 1024px) {
  .aboutUsPage .aboutUsContent .left .heading {
    --fSize: 24px;
    margin-bottom: 20px;
  }
}
.aboutUsPage .aboutUsContent .left .text {
  --fSize: 18px;
  font-size: var(--fSize);
}
@media (max-width: 1024px) {
  .aboutUsPage .aboutUsContent .left .text {
    --fSize: 16px;
  }
}
.aboutUsPage .aboutUsContent .left .text p {
  margin-bottom: 30px;
}
@media (max-width: 1024px) {
  .aboutUsPage .aboutUsContent .left .text p {
    margin-bottom: 10px;
  }
}
.aboutUsPage .aboutUsContent .left .text p .red {
  color: #ff2626;
}
.aboutUsPage .aboutUsContent .left .text p i {
  font-weight: 500;
}
.aboutUsPage .aboutUsContent .right {
  width: 50%;
}
@media (max-width: 992px) {
  .aboutUsPage .aboutUsContent .right {
    width: 100%;
  }
}
@media (max-width: 992px) {
  .aboutUsPage .aboutUsContent .right img {
    max-width: 855px;
  }
}
.aboutUsPage.policyPage .left {
  width: 992px;
  max-width: calc(100% - 20px);
  margin: 0 auto;
}
.aboutUsPage.policyPage .left p {
  margin-bottom: 10px !important;
}
.aboutUsPage.policyPage .left p .red {
  color: #ff2626;
}

.testimonialsPage .topBanner {
  position: relative;
  background: #000;
  min-height: 275px;
  display: flex;
  align-items: flex-end;
}
.testimonialsPage .topBanner .bg {
  visibility: initial;
}
.testimonialsPage .topBanner .overlay {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
  width: 100%;
  padding: 0 calc(2 * var(--sitePadding));
}
.testimonialsPage .topBanner .overlay .heading {
  color: #fff;
  font-size: 24px;
}
.testimonialsPage .topBanner .overlay .badgesList {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
@media (max-width: 1024px) {
  .testimonialsPage .topBanner .overlay .badgesList {
    flex-wrap: wrap;
  }
}
.testimonialsPage .topBanner .overlay .badgesList .badge {
  --count: 3;
  display: initial;
  width: initial;
  height: initial;
  background: none;
  max-width: 200px;
}
@media (max-width: 1200px) {
  .testimonialsPage .topBanner .overlay .badgesList .badge {
    max-width: 150px;
  }
}
@media (max-width: 1024px) {
  .testimonialsPage .topBanner .overlay .badgesList .badge {
    max-width: 150px;
    max-height: 85px;
    margin: 10px;
  }
}
@media (max-width: 992px) {
  .testimonialsPage .topBanner .overlay .badgesList .badge {
    max-height: 50px;
  }
}
.testimonialsPage .pageHeading {
  font-size: 24px;
  text-align: center;
  margin: 25px 0;
  color: #04365f;
}
.testimonialsPage .imageAndText {
  display: flex;
  padding: 25px calc(2 * var(--sitePadding));
  align-items: center;
}
@media (max-width: 992px) {
  .testimonialsPage .imageAndText {
    flex-wrap: wrap;
  }
}
.testimonialsPage .imageAndText .imgContainer {
  width: 40%;
}
@media (max-width: 992px) {
  .testimonialsPage .imageAndText .imgContainer {
    width: 100%;
  }
}
.testimonialsPage .imageAndText .imgContainer img {
  visibility: initial;
}
@media (max-width: 992px) {
  .testimonialsPage .imageAndText .imgContainer img {
    max-width: 300px;
  }
}
.testimonialsPage .imageAndText .text {
  width: 60%;
  padding-left: 5%;
}
@media (max-width: 992px) {
  .testimonialsPage .imageAndText .text {
    width: 100%;
    padding-left: 0%;
    padding-top: 15px;
  }
}
.testimonialsPage .imageAndText .text .heading {
  font-size: 24px;
  color: #000;
}
.testimonialsPage .imageAndText .text p {
  font-size: 16px;
  margin-bottom: 15px;
}
.testimonialsPage .cardsSection {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  --count: 3;
  padding: 25px calc(2 * var(--sitePadding));
}
.testimonialsPage .cardsSection .card {
  width: calc(100% / var(--count) - 30px);
  box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.1882352941);
  padding: 30px;
  margin-bottom: 60px;
}
.testimonialsPage .cardsSection .card .heading {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 5px;
  color: #000;
}
.testimonialsPage .cardsSection .card p {
  font-size: 16px;
  color: #000;
}
@media (max-width: 992px) {
  .testimonialsPage .cardsSection .card {
    --count: 2;
    padding: 15px;
    width: calc(100% / var(--count) - 10px);
    margin-bottom: 20px;
  }
}
@media (max-width: 576px) {
  .testimonialsPage .cardsSection .card {
    --count: 1;
    width: 100%;
    margin-bottom: 15px;
  }
}

.pageBackdrop {
  position: fixed;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.1);
  z-index: 8;
  top: 0;
  left: 0;
  display: none;
}
.pageBackdrop.show {
  display: block;
}

.cartSection {
  position: fixed;
  right: 0;
  z-index: 9;
  height: 100%;
  height: 100vh;
  background: #fff;
  width: 500px;
  display: none;
}
@media (max-width: 767px) {
  .cartSection {
    padding-top: 83px;
    width: 100%;
  }
}
.cartSection-container {
  padding: 25px 25px;
  height: 100%;
}
.cartSection-container .header {
  flex-direction: column;
  padding: 0 0 15px 0 !important;
  border-bottom: 2px solid #9b9b9b;
}
.cartSection-container .header .heading {
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 10px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
.cartSection-container .header .heading span {
  color: #545454;
}
.cartSection-container .header .subTotal {
  display: flex;
  justify-content: space-between;
  width: 100%;
  margin-bottom: 10px;
}
.cartSection-container .header .subTotal label {
  visibility: initial;
}
.cartSection-container .header .subTotal .text {
  visibility: initial;
}
.cartSection-container .header .completeBtnContainer {
  width: 100%;
}
.cartSection-container .header .completeBtnContainer .btn {
  width: 100%;
  border-radius: 0;
  background: green;
}
.cartSection-container .pList {
  display: flex;
  flex-direction: column;
  padding: 15px 10px 15px 0;
  overflow: auto;
}
.cartSection-container .pList .product {
  display: flex;
  position: relative;
}
.cartSection-container .pList .product .imgContainer {
  width: 100px;
}
.cartSection-container .pList .product .imgContainer img {
  visibility: initial;
}
.cartSection-container .pList .product .detail {
  width: calc(100% - 100px);
  padding-top: 20px;
}
.cartSection-container .pList .product .detail .text {
  font-size: 14px;
  margin-bottom: 3px;
}
.cartSection-container .pList .product .detail .text a p {
  padding: 0;
}
.cartSection-container .pList .product .detail .extraOptions .configure,
.cartSection-container .pList .product .detail .extraOptions .edit {
  display: flex;
  margin: 3px 0;
}
.cartSection-container .pList .product .detail .extraOptions .configure img,
.cartSection-container .pList .product .detail .extraOptions .edit img {
  width: 25px;
  margin-right: 3px;
}
.cartSection-container .pList .product .detail .extraOptions .configure span,
.cartSection-container .pList .product .detail .extraOptions .edit span {
  font-size: 16px;
}
.cartSection-container .pList .product .detail .extraOptions .edit {
  color: #2f600f;
}
.cartSection-container .pList .product .detail .extraOptions .configure {
  color: #b54b0b;
}
.cartSection-container .pList .product .detail .quantityAndPrice {
  display: flex;
  justify-content: space-between;
  margin-top: 5px;
}
.cartSection-container .pList .product .detail .quantityAndPrice .quantity {
  visibility: initial;
}
.cartSection-container .pList .product .detail .quantityAndPrice .quantity .pTextQuantity {
  display: flex;
  align-items: center;
  position: relative;
  max-width: 150px;
  margin-right: 15px;
}
.cartSection-container .pList .product .detail .quantityAndPrice .quantity .pTextQuantity .plus {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  -khtml-user-select: none;
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Old versions of Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
                        supported by Chrome, Edge, Opera and Firefox */
}
.cartSection-container .pList .product .detail .quantityAndPrice .quantity .pTextQuantity .plus:hover {
  background-color: #383838;
  color: #fff;
}
.cartSection-container .pList .product .detail .quantityAndPrice .quantity .pTextQuantity .plus span {
  font-size: 30px;
  line-height: initial;
}
.cartSection-container .pList .product .detail .quantityAndPrice .quantity .pTextQuantity .txtContainer {
  width: 100%;
}
.cartSection-container .pList .product .detail .quantityAndPrice .quantity .pTextQuantity .txtContainer .txtField {
  padding: 10px 30px;
  text-align: center;
  min-height: 42px;
  width: 100%;
  -moz-appearance: textfield;
}
.cartSection-container .pList .product .detail .quantityAndPrice .quantity .pTextQuantity .txtContainer .txtField::-webkit-outer-spin-button, .cartSection-container .pList .product .detail .quantityAndPrice .quantity .pTextQuantity .txtContainer .txtField::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.cartSection-container .pList .product .detail .quantityAndPrice .quantity .pTextQuantity .minus {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  -khtml-user-select: none;
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Old versions of Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
                        supported by Chrome, Edge, Opera and Firefox */
}
.cartSection-container .pList .product .detail .quantityAndPrice .quantity .pTextQuantity .minus:hover {
  background-color: #383838;
  color: #fff;
}
.cartSection-container .pList .product .detail .quantityAndPrice .quantity .pTextQuantity .minus span {
  font-size: 30px;
  line-height: initial;
}
.cartSection-container .pList .product .detail .quantityAndPrice .quantity .smallNote {
  font-size: 12px;
  text-align: center;
  padding-right: 15px;
}
@media (max-width: 767px) {
  .cartSection-container .pList .product .detail .quantityAndPrice .quantity .smallNote {
    text-align: left;
  }
}
.cartSection-container .pList .product .detail .quantityAndPrice .price {
  font-weight: bold;
  font-size: 16px;
  display: flex;
  flex-direction: column;
}
.cartSection-container .pList .product .detail .quantityAndPrice .price hr {
  margin: 0;
  border-width: 2px;
  border-color: #9b9b9b;
}
.cartSection-container .pList .product .pDelete {
  position: absolute;
  right: 0;
}
.cartSection-container .pList .product .pDelete a {
  display: block;
  height: 20px;
}
.cartSection-container .pList .product .pDelete a .fa {
  font-size: 20px;
  color: #383838;
}
.cartSection-container .orderNote {
  visibility: initial;
}
.cartSection-container .orderNote label {
  display: block;
}
.cartSection-container .orderNote .txtOrderNotes {
  width: 100%;
  height: 100px;
  border: 1px solid;
  margin-top: 5px;
  padding: 5px 10px;
}

.blogsPage {
  padding-left: var(--sitePadding);
  padding-right: var(--sitePadding);
}
.blogsPage .topHeading {
  width: 100%;
  text-align: center;
  margin-top: var(--headerHeight);
  padding-top: 30px;
  color: #000;
}
.blogsPage .topHeading h1 {
  font-size: 36px;
}
@media (max-width: 992px) {
  .blogsPage .topHeading h1 {
    font-size: 28px;
  }
}
.blogsPage .topHeading p {
  font-size: 18px;
}
@media (max-width: 992px) {
  .blogsPage .topHeading p {
    font-size: 16px;
  }
}
.blogsPage .homeCards {
  justify-content: start;
  --count: 4;
}
@media (max-width: 1400px) {
  .blogsPage .homeCards {
    --count: 3;
  }
}
@media (max-width: 1200px) {
  .blogsPage .homeCards {
    --count: 2;
  }
}
@media (max-width: 767px) {
  .blogsPage .homeCards {
    --count: 1;
  }
}
.blogsPage .homeCards .card {
  width: calc(100% / var(--count) - 20px);
  margin: 10px;
  margin-bottom: 40px;
}

.contactUsPage .pageBanner {
  position: relative;
}
@media (max-width: 767px) {
  .contactUsPage .pageBanner {
    background: #000;
    display: flex;
    align-items: end;
  }
}
.contactUsPage .pageBanner .bannerImage {
  visibility: initial;
}
.contactUsPage .contactUsSection {
  padding-left: var(--sitePadding);
  padding-right: var(--sitePadding);
}
.contactUsPage .contactUsSection .topHeading {
  width: 100%;
  text-align: center;
  position: relative;
}
.contactUsPage .contactUsSection .topHeading .heading {
  margin-bottom: 40px;
  --fSize: 36px;
  font-size: var(--fSize);
  text-align: center;
}
.contactUsPage .contactUsSection .topHeading .heading > div {
  color: #04365f;
}
.contactUsPage .contactUsSection .topHeading .heading p {
  font-family: "Lato";
  font-size: 18px;
}
@media (max-width: 1400px) {
  .contactUsPage .contactUsSection .topHeading .heading {
    --fSize: 32px;
  }
}
@media (max-width: 1200px) {
  .contactUsPage .contactUsSection .topHeading .heading {
    --fSize: 28px;
  }
}
@media (max-width: 1024px) {
  .contactUsPage .contactUsSection .topHeading .heading {
    --fSize: 24px;
    margin-bottom: 20px;
  }
}
.contactUsPage .contactUsSection .topHeading .text {
  --fSize: 18px;
  font-size: var(--fSize);
}
@media (max-width: 1024px) {
  .contactUsPage .contactUsSection .topHeading .text {
    --fSize: 16px;
  }
}
.contactUsPage .contactUsSection .topHeading .text p {
  margin-bottom: 30px;
}
@media (max-width: 1024px) {
  .contactUsPage .contactUsSection .topHeading .text p {
    margin-bottom: 10px;
  }
}
.contactUsPage .contactUsSection .topHeading .text p .red {
  color: #ff2626;
}
.contactUsPage .contactUsSection .contactOptions {
  display: flex;
  justify-content: space-around;
  padding: var(--sitePadding) 0;
}
@media (max-width: 1024px) {
  .contactUsPage .contactUsSection .contactOptions {
    flex-wrap: wrap;
    justify-content: space-between;
  }
}
.contactUsPage .contactUsSection .contactOptions .option {
  visibility: initial;
  width: 25%;
}
@media (max-width: 1024px) {
  .contactUsPage .contactUsSection .contactOptions .option {
    width: 45%;
    margin-bottom: 25px;
  }
}
@media (max-width: 767px) {
  .contactUsPage .contactUsSection .contactOptions .option {
    width: 100%;
    margin-bottom: 30px;
  }
}
.contactUsPage .contactUsSection .contactOptions .option.sendMessage {
  width: 50%;
}
@media (max-width: 1024px) {
  .contactUsPage .contactUsSection .contactOptions .option.sendMessage {
    order: 3;
    width: 45%;
  }
}
@media (max-width: 767px) {
  .contactUsPage .contactUsSection .contactOptions .option.sendMessage {
    width: 100%;
  }
}
.contactUsPage .contactUsSection .contactOptions .option.sendMessage .detail {
  width: 80%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
@media (max-width: 1024px) {
  .contactUsPage .contactUsSection .contactOptions .option.sendMessage .detail {
    width: 100%;
  }
}
.contactUsPage .contactUsSection .contactOptions .option.sendMessage .btnContainer {
  width: 100%;
}
.contactUsPage .contactUsSection .contactOptions .option.sendMessage .txtBoxContainer {
  width: 100%;
}
.contactUsPage .contactUsSection .contactOptions .option.sendMessage .txtBoxContainer.halfWide {
  width: calc(50% - 6px);
}
@media (max-width: 767px) {
  .contactUsPage .contactUsSection .contactOptions .option.sendMessage .txtBoxContainer.halfWide {
    width: 100%;
  }
}
.contactUsPage .contactUsSection .contactOptions .option .heading {
  font-family: "Nunito Sans", sans-serif !important;
  font-weight: 400;
  font-size: 24px;
  margin-bottom: 10px;
  border-bottom: 2px solid;
  width: 250px;
}
@media (max-width: 1440px) {
  .contactUsPage .contactUsSection .contactOptions .option .heading {
    width: 200px;
  }
}
@media (max-width: 992px) {
  .contactUsPage .contactUsSection .contactOptions .option .heading {
    width: initial;
  }
}
@media (max-width: 767px) {
  .contactUsPage .contactUsSection .contactOptions .option .heading {
    max-width: 100%;
    font-size: 20px;
  }
}
.contactUsPage .contactUsSection .contactOptions .option .detail {
  width: 350px;
  max-width: 100%;
}
@media (max-width: 1440px) {
  .contactUsPage .contactUsSection .contactOptions .option .detail {
    width: 250px;
  }
}
@media (max-width: 767px) {
  .contactUsPage .contactUsSection .contactOptions .option .detail {
    width: 100%;
  }
}
.contactUsPage .contactUsSection .contactOptions .option .detail a {
  text-decoration: underline !important;
}
.contactUsPage .contactUsSection .contactOptions .option .detail p {
  visibility: initial;
}
.contactUsPage .contactUsSection .contactOptions .option .detail .txtBoxContainer {
  margin-bottom: 6px;
}
.contactUsPage .contactUsSection .contactOptions .option .detail .txtBoxContainer .txtBox {
  color: #383838;
  font-size: 16px;
  padding: 10px 15px;
  border-radius: 5px;
  border: 1px solid;
  width: 100%;
}
.contactUsPage .contactUsSection .contactOptions .option .detail .btnContainer {
  visibility: initial;
}
.contactUsPage .contactUsSection .contactOptions .option .detail .btnContainer .btn {
  min-width: 170px;
}

.blogDetailsPage {
  padding-left: var(--sitePadding);
  padding-right: var(--sitePadding);
}
.blogDetailsPage .topHeading {
  width: 100%;
  text-align: center;
  margin-top: var(--headerHeight);
  position: relative;
}
.blogDetailsPage .topHeading .heading {
  margin-bottom: 0;
  font-size: 36px;
  font-weight: 600;
  color: #000;
}
@media (max-width: 992px) {
  .blogDetailsPage .topHeading .heading {
    font-size: 28px;
  }
}
.blogDetailsPage .topHeading .heading span {
  color: #000;
}
.blogDetailsPage .topHeading .text {
  font-size: 18px;
  color: #000;
}
.blogDetailsPage .blogDetails {
  display: flex;
  padding: var(--sitePadding);
  flex-wrap: wrap;
}
@media (max-width: 767px) {
  .blogDetailsPage .blogDetails {
    padding: var(--sitePadding) 0;
  }
}
.blogDetailsPage .blogDetails .left {
  width: 33%;
}
@media (max-width: 767px) {
  .blogDetailsPage .blogDetails .left {
    width: 100%;
  }
}
.blogDetailsPage .blogDetails .left img {
  max-width: 600px;
  width: 100%;
}
.blogDetailsPage .blogDetails .right {
  width: 66%;
  padding-left: 50px;
}
@media (max-width: 767px) {
  .blogDetailsPage .blogDetails .right {
    width: 100%;
    padding-left: 0px;
    margin-top: 15px;
  }
}
.blogDetailsPage .blogDetails .right p {
  margin-bottom: 30px;
}

.faqPage {
  font-family: "Lato", sans-serif;
}
.faqPage .pageHeading {
  background: #e5e2d7;
  text-align: center;
  padding: var(--sitePadding) 25px;
  font-size: 36px;
  font-weight: initial;
  color: #04365f;
  text-transform: uppercase;
}
@media (max-width: 992px) {
  .faqPage .pageHeading {
    font-size: 28px;
  }
}
@media (max-width: 767px) {
  .faqPage .pageHeading {
    padding: 25px 15px;
  }
}
.faqPage .topHeading {
  font-size: 24px;
  text-align: center;
  margin: 15px;
  padding: 25px;
  font-weight: 600;
  margin-bottom: 0;
}
.faqPage .topHeading .heading {
  margin-bottom: 0;
}
.faqPage .topHeading .text {
  margin-top: 15px;
}
.faqPage .accordionSection {
  max-width: 100%;
  width: 1100px;
  margin: 25px auto;
}
@media (max-width: 1200px) {
  .faqPage .accordionSection {
    padding: 0 15px;
  }
}
.faqPage .accordionSection .heading {
  font-size: 24px;
  margin-top: 40px;
  margin-bottom: 10px;
  font-family: "LATO-BOLD";
}
.faqPage .accordionSection .heading:first-of-type {
  margin-top: 0;
}
.faqPage .accordionSection .card {
  visibility: initial;
}
.faqPage .accordionSection .card-header {
  visibility: initial;
}
.faqPage .accordionSection .card-header .btn {
  justify-content: space-between;
  flex-wrap: initial;
  padding: 5px;
}
.faqPage .accordionSection .card-header .btn .title {
  order: 0;
  width: calc(100% - 100px);
  margin: 0;
  word-break: break-all;
  white-space: initial;
}
.faqPage .accordionSection .card-header .btn .title .accordionHeading {
  visibility: initial;
}
.faqPage .accordionSection .card-header .btn .readMore {
  width: 100px;
}
.faqPage .accordionSection .card-header .btn .readMore span {
  visibility: initial;
}
.faqPage .accordionSection .card-header .btn .readMore span.downArrow {
  visibility: initial;
}
.faqPage .accordionSection .card-body {
  visibility: initial;
}
.faqPage .accordionSection .card-body p {
  visibility: initial;
}

/* Sticky footer */
#form1 {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}
#form1 > .wrap {
  display: flex;
  flex-direction: column;
  flex: 1 0 auto;
}
.masterBody {
  flex: 1 0 auto;
}
footer {
  flex-shrink: 0;
  background: #d3d4dc;
  padding: 0 !important;
  display: block;
}
footer:before {
  display: none;
}
.footerClean {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 15px calc(var(--sitePadding) * 2);
  font-size: 13px;
  color: #333;
}
@media (max-width: 767px) {
  .footerClean {
    flex-direction: column;
    text-align: center;
    gap: 10px;
    padding: 15px var(--sitePadding);
  }
}
.footerClean-left {
  white-space: nowrap;
}
.footerClean-right {
  display: flex;
  align-items: center;
  white-space: nowrap;
}
.footerClean-right a {
  color: #333;
  text-decoration: none;
  padding: 0 8px;
}
.footerClean-right a:hover {
  text-decoration: underline;
}
.footerClean-right .sep {
  color: #999;
}
.footerClean-right .footerPhone {
  padding-left: 8px;
}
@media (max-width: 767px) {
  .footerClean-right {
    flex-wrap: wrap;
    white-space: normal;
    justify-content: center;
  }
}
footer .footerBlock {
  visibility: iniitial;
}
@media (max-width: 767px) {
  footer .footerBlock {
    margin-bottom: 10px;
    width: 50%;
  }
}
footer .footerBlock.footerNewsLettersBlock {
  flex-direction: column;
  display: flex;
  width: 300px;
  max-width: 100%;
}
@media (max-width: 1400px) {
  footer .footerBlock.footerNewsLettersBlock {
    width: initial;
  }
}
@media (max-width: 767px) {
  footer .footerBlock.footerNewsLettersBlock {
    width: 100%;
    order: 3;
  }
}
footer .footerBlock.footerNewsLettersBlock .newLetterInputBtn {
  display: flex;
  border-bottom: 1px solid;
}
footer .footerBlock.footerNewsLettersBlock .newLetterInputBtn .textBox {
  width: 100%;
  background: none;
  border: 0;
  padding: 5px 0 5px 5px;
  outline: none;
  box-shadow: none;
}
footer .footerBlock.footerNewsLettersBlock .newLetterInputBtn .sendBtn {
  visibility: initial;
}
footer .footerBlock.footerMenuBlock {
  visibility: initial;
}
footer .footerBlock.footerMenuBlock .footerMenuLinks {
  visibility: initial;
}
footer .footerBlock.footerMenuBlock .footerMenuLinks.shopLinks {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-column-gap: 30px;
}
@media (max-width: 992px) {
  footer .footerBlock.footerMenuBlock .footerMenuLinks.shopLinks {
    grid-template-columns: 1fr;
    grid-column-gap: 0;
  }
}
footer .footerBlock.footerMenuBlock .footerMenuLinks a.link {
  display: block;
  color: #000;
  font-size: 14px;
  margin: 5px 0;
}
footer .footerBlock.footerMenuBlock .phoneNumber {
  margin-top: 10px;
  font-weight: bold;
}
footer .footerBlock.footerMenuBlock .phoneNumber a {
  margin: 0;
  color: #000;
}
footer .footerBlock.footerFollowBlock {
  visibility: initial;
}
footer .footerBlock.footerFollowBlock .footerMenuLinks {
  visibility: initial;
}
footer .footerBlock.footerFollowBlock .footerMenuLinks a {
  margin: 5px 0;
}
footer .footerBlock.footerFollowBlock .footerMenuLinks a img {
  max-width: 35px;
  margin: 0 10px 0 0;
}
@media (max-width: 767px) {
  footer .footerBlock.footerFollowBlock {
    order: 2;
  }
}
footer .footerBlock.footerCopyrightBlock {
  width: 100%;
  font-size: 10px;
}
@media (max-width: 767px) {
  footer .footerBlock.footerCopyrightBlock {
    order: 4;
    margin-bottom: 0;
  }
}
footer .footerBlock .footerHeading {
  margin-bottom: 10px;
  font-size: 20px;
  font-weight: bold;
  color: #050505;
}
@media (max-width: 767px) {
  footer .footerBlock .footerHeading {
    margin-bottom: 3px;
  }
}

.cb-ddl {
  visibility: initial;
}
.cb-radioList {
  visibility: initial;
}
.cb-radioList tr {
  margin-right: 10px;
}
.cb-radioList td {
  display: flex;
  align-items: center;
}
.cb-radioList td [type=radio] {
  border-radius: 0;
  height: 20px;
  width: 20px;
  -webkit-appearance: none;
  border: 5px solid #fff;
  padding: 5px;
  box-shadow: 0px 0px 0px 1px #000;
  margin: 0;
}
.cb-radioList td [type=radio]:checked {
  background: #000;
  border-color: #fff;
  box-shadow: 0px 0px 0px 1px #000;
  border-width: 5px;
}
.cb-radioList td label {
  margin-left: 5px;
  margin-bottom: 0;
}
#confetti-canvas {
  position: fixed;
  top: 0;
}

a {
  color: #0c52bb;
}

.menuMobile .menu-desktop {
  display: none;
}

.featuredSection .HomeFeatured {
  margin-bottom: 0 !important;
  display: initial;
  text-align: center;
}
.featuredSection .HomeFeatured a {
  font-size: 36px;
  margin-bottom: 5px;
  background: none;
  color: #000;
  border: none;
  box-shadow: none;
  cursor: initial;
  font-family: "LATO-LIGHT";
  display: block;
  float: initial;
}
@media (max-width: 1400px) {
  .featuredSection .HomeFeatured a {
    font-size: 34px;
  }
}
@media (max-width: 992px) {
  .featuredSection .HomeFeatured a {
    font-size: 28px;
  }
}
.featuredSection .HomeFeatured p {
  font-family: "LATO-LIGHT";
  font-size: 24px;
}

.cb_checkoutPage {
  padding-top: 10px;
  display: flex;
  padding-bottom: 50px;
}
@media (max-width: 767px) {
  .cb_checkoutPage {
    flex-wrap: wrap;
    padding-top: 0;
  }
}
.cb_checkoutPage .userInputSection {
  padding: 25px 0 25px var(--leftRightSpace);
  width: calc(100% - 500px);
  padding-right: 25px;
  border-right: 2px solid rgba(56, 56, 56, 0.2705882353);
}
@media (max-width: 1024px) {
  .cb_checkoutPage .userInputSection {
    padding: 25px;
  }
}
@media (max-width: 992px) {
  .cb_checkoutPage .userInputSection {
    width: calc(100% - 400px);
  }
}
@media (max-width: 767px) {
  .cb_checkoutPage .userInputSection {
    width: 100%;
  }
}
.cb_checkoutPage .userInputSection .heading {
  color: #000;
  font-size: 30px;
  font-weight: bold;
  text-align: center;
}
.cb_checkoutPage .userInputSection .tabs {
  visibility: initial;
}
.cb_checkoutPage .userInputSection .tabs .accordion {
  visibility: initial;
}
.cb_checkoutPage .userInputSection .tabs .accordion .card {
  border-bottom: 2px solid rgba(56, 56, 56, 0.2705882353);
  padding: 15px 0;
}
.cb_checkoutPage .userInputSection .tabs .accordion .card .card-header {
  visibility: initial;
}
.cb_checkoutPage .userInputSection .tabs .accordion .card .card-header .btn {
  width: 100%;
  background: none;
  color: #000;
  text-align: left;
  padding-left: 0;
  border: 0 !important;
  box-shadow: none !important;
  outline: none !important;
  position: relative;
}
.cb_checkoutPage .userInputSection .tabs .accordion .card .card-header .btn:hover {
  background-color: initial !important;
  border: none !important;
}
.cb_checkoutPage .userInputSection .tabs .accordion .card .card-header .btn:hover .title {
  color: #dea325;
}
.cb_checkoutPage .userInputSection .tabs .accordion .card .card-header .btn .title {
  font-size: 18px;
  font-weight: bold;
  color: #383838;
}
.cb_checkoutPage .userInputSection .tabs .accordion .card .card-header .btn .editBtn {
  display: none;
}
.cb_checkoutPage .userInputSection .tabs .accordion .card .card-header .btn.onEdit:hover .title {
  color: inherit;
}
.cb_checkoutPage .userInputSection .tabs .accordion .card .card-header .btn.onEdit .editBtn {
  display: block;
  position: absolute;
  right: 0;
  top: 0;
}
.cb_checkoutPage .userInputSection .tabs .accordion .card .card-header .btn.onEdit .editBtn .btn {
  text-transform: initial;
  text-decoration: underline;
}
.cb_checkoutPage .userInputSection .tabs .accordion .card .card-edit {
  visibility: initial;
}
.cb_checkoutPage .userInputSection .tabs .accordion .card .collapseBody {
  visibility: initial;
}
.cb_checkoutPage .userInputSection .tabs .accordion .card .collapseBody .card-body {
  display: flex;
  flex-wrap: wrap;
  max-width: 90%;
}
@media (max-width: 767px) {
  .cb_checkoutPage .userInputSection .tabs .accordion .card .collapseBody .card-body {
    max-width: 100%;
  }
}
.cb_checkoutPage .userInputSection .tabs .accordion .card .collapseBody .card-body .block {
  --count: 3;
  width: calc(100% / var(--count));
  padding-right: 25px;
  margin-bottom: 15px;
  flex-direction: column;
  display: flex;
  justify-content: end;
}
@media (max-width: 1400px) {
  .cb_checkoutPage .userInputSection .tabs .accordion .card .collapseBody .card-body .block {
    --count: 2;
  }
}
@media (max-width: 992px) {
  .cb_checkoutPage .userInputSection .tabs .accordion .card .collapseBody .card-body .block {
    --count: 1;
  }
}
.cb_checkoutPage .userInputSection .tabs .accordion .card .collapseBody .card-body .block.full {
  width: 100%;
}
.cb_checkoutPage .userInputSection .tabs .accordion .card .collapseBody .card-body .block label {
  margin-bottom: 3px;
}
.cb_checkoutPage .userInputSection .tabs .accordion .card .collapseBody .card-body .block .inputSection {
  visibility: initial;
}
.cb_checkoutPage .userInputSection .tabs .accordion .card .collapseBody .card-body .block .inputSection input[type=text],
.cb_checkoutPage .userInputSection .tabs .accordion .card .collapseBody .card-body .block .inputSection select {
  visibility: initial;
  padding: 5px;
  height: 42.84px;
}
.cb_checkoutPage .userInputSection .tabs .accordion .card .collapseBody .card-body .block .inputSection.dateOfBirth, .cb_checkoutPage .userInputSection .tabs .accordion .card .collapseBody .card-body .block .inputSection.expiryDate {
  display: flex;
  justify-content: space-between;
}
.cb_checkoutPage .userInputSection .tabs .accordion .card .collapseBody .card-body .block .inputSection.dateOfBirth input[type=text], .cb_checkoutPage .userInputSection .tabs .accordion .card .collapseBody .card-body .block .inputSection.expiryDate input[type=text] {
  visibility: initial;
}
.cb_checkoutPage .userInputSection .tabs .accordion .card .collapseBody .card-body .block .inputSection.dateOfBirth .tYear, .cb_checkoutPage .userInputSection .tabs .accordion .card .collapseBody .card-body .block .inputSection.expiryDate .tYear {
  margin-right: 10px;
  width: 120px;
}
.cb_checkoutPage .userInputSection .tabs .accordion .card .collapseBody .card-body .block .inputSection.dateOfBirth .tMonth, .cb_checkoutPage .userInputSection .tabs .accordion .card .collapseBody .card-body .block .inputSection.expiryDate .tMonth {
  margin-right: 10px;
  width: 80px;
}
.cb_checkoutPage .userInputSection .tabs .accordion .card .collapseBody .card-body .block .inputSection.dateOfBirth .tDate, .cb_checkoutPage .userInputSection .tabs .accordion .card .collapseBody .card-body .block .inputSection.expiryDate .tDate {
  width: 80px;
}
.cb_checkoutPage .userInputSection .tabs .accordion .card .collapseBody .card-body .block .inputSection.dateOfBirth .dMonth, .cb_checkoutPage .userInputSection .tabs .accordion .card .collapseBody .card-body .block .inputSection.expiryDate .dMonth {
  width: 100px;
  margin-right: 10px;
}
.cb_checkoutPage .userInputSection .tabs .accordion .card .collapseBody .card-body .block .inputSection.dateOfBirth .dYear, .cb_checkoutPage .userInputSection .tabs .accordion .card .collapseBody .card-body .block .inputSection.expiryDate .dYear {
  width: 100px;
}
.cb_checkoutPage .userInputSection .tabs .accordion .card .collapseBody .card-body .block .inputSection.expiryDate {
  justify-content: start;
}
.cb_checkoutPage .userInputSection .tabs .accordion .card .collapseBody .card-body .block .btnSection {
  visibility: initial;
}
.cb_checkoutPage .userInputSection .tabs .accordion .card .collapseBody .card-body .block .btnSection .btn {
  width: 100%;
}
.cb_checkoutPage .userInputSection .tabs .accordion .card .collapseBody .card-body .block .radioAddress {
  visibility: initial;
}
.cb_checkoutPage .userInputSection .tabs .accordion .card .collapseBody .card-body .block .radioAddress tbody {
  display: flex;
}
.cb_checkoutPage .userInputSection .tabs .accordion .card .collapseBody .card-body .block .radioAddress tbody tr:first-of-type {
  margin-right: 10px;
}
.cb_checkoutPage .userInputSection .tabs .accordion .card .collapseBody .card-body .block .radioAddress tbody tr:last-of-type {
  visibility: initial;
}
.cb_checkoutPage .cartSection {
  display: block !important;
  position: initial;
  height: initial;
}
@media (max-width: 992px) {
  .cb_checkoutPage .cartSection {
    width: 400px;
  }
}
@media (max-width: 767px) {
  .cb_checkoutPage .cartSection {
    width: 100%;
    order: -1;
  }
}
.cb_checkoutPage .cartSection .cartSection-container {
  height: initial !important;
}
.cb_checkoutPage .cartSection .cartSection-container .header {
  visibility: initial;
}
.cb_checkoutPage .cartSection .cartSection-container .header .heading {
  color: #000;
  font-size: 30px;
  font-weight: bold;
  text-align: center;
}
.cb_checkoutPage .cartSection .cartSection-container .header .subTotal {
  margin-bottom: 0;
  font-size: 13px;
}
.cb_checkoutPage .cartSection .cartSection-container .header .subTotal label {
  margin-bottom: 0;
}
.cb_checkoutPage .cartSection .cartSection-container .header .subTotal .text {
  visibility: initial;
}
.cb_checkoutPage .cartSection .cartSection-container .header .subTotal:last-of-type {
  margin-top: 10px;
}
.cb_checkoutPage .cartSection .cartSection-container .pList {
  height: initial !important;
}
.cb_checkoutPage .cartSection .cartSection-container .pList .product {
  border-bottom: 1px solid rgba(56, 56, 56, 0.2705882353);
  padding-bottom: 10px;
  margin-bottom: 10px;
}
.cb_checkoutPage .cartSection .cartSection-container .orderNote {
  visibility: initial;
}

#pleaseWaitModal,
#signUpModal {
  z-index: 999999;
}

#pleaseWaitModal {
  background: rgba(0, 0, 0, 0.5);
}
#pleaseWaitModal .modal-content {
  background: none;
  box-shadow: none;
  border: 0;
}

#signUpModal .modal-dialog {
  margin-top: 100px;
}
@media (max-width: 767px) {
  #signUpModal .modal-dialog {
    margin-top: 50px;
  }
}
#signUpModal .modal-content {
  border-radius: 0;
  width: initial;
  background: #fff;
  margin: 0;
  box-shadow: none;
  padding: 0;
}
#signUpModal .modal-body {
  padding: 0;
  display: flex;
  overflow: hidden;
}
#signUpModal .closeBtn {
  position: absolute;
  top: 0;
  right: 0;
  background: none;
  border: none;
  color: #fff;
}
@media (max-width: 767px) {
  #signUpModal .closeBtn {
    color: #000;
  }
}
#signUpModal .left {
  width: 60%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
@media (max-width: 767px) {
  #signUpModal .left {
    width: 100%;
    padding: 30px 10px;
  }
}
#signUpModal .left .text {
  font-family: "Oswald", sans-serif !important;
  font-weight: 300;
  font-size: 28px;
  color: #000;
  text-align: center;
  margin-bottom: 20px;
}
#signUpModal .left .text div {
  font-weight: 700;
}
#signUpModal .left .textBoxContainer {
  margin: 0 auto;
  margin-bottom: 20px;
  width: 300px;
  max-width: 100%;
}
#signUpModal .left .textBoxContainer .txtBox {
  border-radius: 5px;
  margin: 0;
  padding: 9px;
  width: 100%;
}
#signUpModal .left .btnContainer {
  text-align: center;
}
#signUpModal .left .btnContainer .btn,
#signUpModal .left .btnContainer .ButtonBlack {
  background: #000;
  border-radius: 5px;
  width: initial;
  margin: 0 auto;
}
@media (max-width: 767px) {
  #signUpModal .left .btnContainer .btn,
  #signUpModal .left .btnContainer .ButtonBlack {
    width: initial !important;
  }
}
#signUpModal .right {
  width: 40%;
}
@media (max-width: 767px) {
  #signUpModal .right {
    display: none;
  }
}

.modal-backdrop {
  z-index: 99999;
}

.home-promo-banner {
  position: absolute;
  right: 0;
  z-index: 100;
}
.home-promo-banner img {
  width: 200px;
}

@media (max-width: 767px) {
  .PageNavigation {
    justify-content: center;
  }
}

.newuser-message {
  padding-left: var(--sitePadding);
  padding-right: var(--sitePadding);
}
.newuser-message .topHeading {
  width: 100%;
  text-align: center;
  position: relative;
}
.newuser-message .topHeading .heading {
  margin-bottom: 40px;
  --fSize: 36px;
  font-size: var(--fSize);
  text-align: center;
}
.newuser-message .topHeading .heading > div {
  color: #04365f;
}
.newuser-message .topHeading .heading p {
  font-family: "Lato";
  font-size: 18px;
}
@media (max-width: 1400px) {
  .newuser-message .topHeading .heading {
    --fSize: 32px;
  }
}
@media (max-width: 1200px) {
  .newuser-message .topHeading .heading {
    --fSize: 28px;
  }
}
@media (max-width: 1024px) {
  .newuser-message .topHeading .heading {
    --fSize: 24px;
    margin-bottom: 20px;
  }
}
.newuser-message .topHeading .text {
  --fSize: 18px;
  font-size: var(--fSize);
}
@media (max-width: 1024px) {
  .newuser-message .topHeading .text {
    --fSize: 16px;
  }
}
.newuser-message .topHeading .text p {
  margin-bottom: 30px;
}
@media (max-width: 1024px) {
  .newuser-message .topHeading .text p {
    margin-bottom: 10px;
  }
}
.newuser-message .topHeading .text p .red {
  color: #ff2626;
}

/* ============================================
   NEW HEADER STYLES
   ============================================ */
.newHeader {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #1b3a5c;
  padding: 14px var(--sitePadding);
  position: relative;
  z-index: 100;
  min-height: 100px;
}

/* Left: Search */
.newHeader-search {
  flex: 1;
  max-width: 280px;
}
.newHeader-searchBox {
  position: relative;
}
.newHeader-searchIcon {
  position: absolute;
  left: 12px;
  top: 50%;
  transform: translateY(-50%);
  color: #8a9bb5;
  font-size: 20px;
  z-index: 1;
  pointer-events: none;
}
.newHeader-searchInput {
  width: 100%;
  padding: 8px 14px 8px 40px !important;
  border-radius: 20px;
  border: none;
  background: rgba(255, 255, 255, 0.15);
  color: #fff;
  font-size: 14px;
  outline: none;
  box-shadow: none;
  height: 38px;
}
.newHeader-searchInput::placeholder {
  color: #a0b4cc;
}
.newHeader-searchInput:focus {
  background: rgba(255, 255, 255, 0.25);
}

/* Center: Logo */
.newHeader-logo {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.newHeader-logo a {
  display: block;
  line-height: 0;
}
.newHeader-logo .img {
  max-height: 65px;
  width: auto;
}

/* Right: Actions */
.newHeader-actions {
  display: flex;
  align-items: center;
  gap: 20px;
}
.newHeader-account {
  display: flex;
  align-items: center;
  color: #fff;
  text-decoration: none;
  gap: 6px;
  font-size: 13px;
  letter-spacing: 0.5px;
  white-space: nowrap;
}
.newHeader-account:hover {
  color: #cdd9e5;
  text-decoration: none;
}
.newHeader-account .material-icons-outlined {
  font-size: 28px;
}
.newHeader-accountText {
  font-size: 12px;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
.newHeader-wishlist {
  color: #fff;
  display: flex;
  align-items: center;
}
.newHeader-wishlist:hover {
  color: #cdd9e5;
  text-decoration: none;
}
.newHeader-wishlist .material-icons-outlined {
  font-size: 28px;
}
.newHeader-cart {
  color: #fff;
  display: flex;
  align-items: center;
  gap: 4px;
  text-decoration: none;
}
.newHeader-cart:hover {
  color: #cdd9e5;
  text-decoration: none;
}
.newHeader-cart .material-icons-outlined {
  font-size: 28px;
}
.newHeader-cartCount {
  font-size: 13px;
  font-weight: 600;
  color: #fff;
}

/* Hamburger button */
.newHeader-hamburger {
  background: none;
  border: none;
  cursor: pointer;
  padding: 8px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 5px;
  width: 36px;
  height: 36px;
}
.newHeader-hamburger .icon-bar {
  display: block;
  width: 24px;
  height: 2.5px;
  background-color: #fff;
  border-radius: 1px;
  transition: all 0.3s ease;
}
.newHeader-hamburger:hover .icon-bar {
  background-color: #cdd9e5;
}

/* Hide old header elements */
header .topHeader {
  display: none !important;
}
header .bottomHeader {
  display: none !important;
}
header .welcomeMessage {
  display: none !important;
}
header > .menu.right {
  display: none !important;
}
header > .clear {
  display: none !important;
}

/* Responsive: Mobile */
@media (max-width: 767px) {
  .newHeader {
    padding: 10px 15px;
    flex-wrap: wrap;
  }
  .newHeader-search {
    order: 2;
    max-width: 100%;
    flex: 1 1 100%;
    margin-top: 10px;
  }
  .newHeader-logo {
    position: static;
    transform: none;
    order: 1;
    flex: 0 0 auto;
  }
  .newHeader-logo .img {
    max-height: 55px;
  }
  .newHeader-actions {
    order: 1;
    margin-left: auto;
    gap: 12px;
  }
  .newHeader-accountText {
    display: none;
  }
}

@media (max-width: 480px) {
  .newHeader-actions {
    gap: 8px;
  }
}

/*# sourceMappingURL=CB.css.map */