/*======================================

			Header Css				

========================================*/

/*==========================

		Banner Css

===========================*/

.title-header h2 {
  color: #d92928;

  font-size: 3.25rem;
}

.title-header h1 {
  font-size: 4rem;
}

.bg-brown {
  background: #f6eeee;
}

.text-red {
  color: #d92928;
}

.line-red {
  font-size: 1.1rem;

  position: relative;

  padding-left: 80px;
}

.line-red::before {
  content: " ";

  width: 70px;

  height: 1px;

  background: #ce1413;

  position: absolute;

  left: 0;

  top: 52%;

  transform: translateY(-50%);
}

.review-star i {
  color: #ce1413;

  font-size: 0.85rem;
}

.font-1-75 {
  font-size: 1.5rem;
}

.btn-orange {
  background: #ffaa17;

  border-radius: 22px;
  width: auto;
}

.btn-orange:hover {
  background: #ce1413;
}

.bg-gray {
  background: #f09894;
}

.bg-gray p {
  font-size: 1.5rem;

  line-height: 1.9rem;
}

.red-bg {
  background: #b82a26;
}

.bor-white {
  border-left: 2px solid #fff;
}

.sec-2 h2 {
  font-size: 1.5rem;
}

.sec-2 h3 {
  font-size: 1.1rem;
}

.text-blue {
  color: #4faed3;
}

.bg-gray {
  background: #e3e3e3;
}

.por-li li {
  list-style: disc !important;
  font-size: 1.8rem;
}

/*=======================

		Footer Css

 =======================*/

footer {
  background: #000;
}

.footer-1 ul li {
  list-style: none;

  padding-bottom: 7px;
}

.footer-1 ul li a {
  color: #fff;
}

.footer-1 ul li a:hover {
  color: #b82a26;

  text-decoration: none;
}

.address {
  padding-left: 30px;

  position: relative;
}

.address::before {
  content: "\f041";

  position: absolute;

  top: 1px;

  font-family: "FontAwesome";

  left: 0;

  color: #ff5617;
}

.email {
  padding-left: 30px;

  position: relative;
}

.email::before {
  content: "\f003";

  position: absolute;

  top: 1px;

  font-family: "FontAwesome";

  left: 0;

  color: #ff5617;
}

.phone {
  padding-left: 30px;

  position: relative;
}

.phone::before {
  content: "\f095";

  position: absolute;

  top: 1px;

  font-family: "FontAwesome";

  left: 0;

  color: #ff5617;
}

.footer-2 a {
  color: #fff;

  word-break: break-all;
}

.footer-2 a:hover {
  color: #b82a26;

  text-decoration: none;
}

.copy {
  border-top: 1px solid #313131;
}

.copy a {
  color: #fff;

  margin-left: 15px;
}

.copy a:hover {
  color: #b82a26;

  text-decoration: none;
}

/*==============================

		Product Checkout

==============================*/

.text-pink {
  color: #d54abb;
}

.check-banner h4 {
  font-size: 1.75rem;
}

.check-banner h3 {
  font-size: 2.5rem;
}

.check-banner h1 {
  line-height: 1;

  font-size: 3rem;
}

.check-banner h5,
.check-banner p {
  font-size: 1.6rem;
}

.input-group > .form-control {
  width: 30%;
}

.red-star i {
  color: #ce1413;

  font-size: 19px;
}

.bg-light-yellow {
  background: #f4eddb;
}

.inputQuantity button {
  background: #f4eddb;

  border-radius: 0;
}

.bg-light-green {
  background: #e4ece6;
}

.line-1 {
  line-height: 1;
}

.g-box {
  font-size: 0.9rem;
}

.good h6 span {
  display: block;

  font-weight: 200;

  letter-spacing: 2px;

  font-size: 1.6rem;
}

.sec-mood p {
  font-size: 1.3rem;
  line-height: 1.2;
  margin-top: 17px;
}

.tabs-nav a {
  font-size: 1.6rem;

  font-weight: 400;

  color: #000;
}

.tabs-nav .nav-link.active {
  color: #d54abb;
}

.t-surge .tabs-nav .nav-link.active {
  color: #4faed3;
}

.tabs-nav2 .nav-link.active {
  color: #d92928;
}

.tabs-nav2 a {
  font-size: 1.25rem;

  font-weight: 400;

  color: #000;
}

.faq h2 {
  position: relative;

  font-size: 1.3rem;

  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
}

.faq h2.collapsed::before {
  content: "\f178";
}

.faq h2::before {
  content: "\f175";

  position: absolute;

  top: 50%;

  transform: translateY(-50%);

  right: 1rem;

  font-family: "FontAwesome";
}

.faq p {
  line-height: 1.2;
  font-size: 1rem;
}

.faq .ul-faq {
  font-size: 1rem;
}

.faq p small {
  font-size: 1rem;

  line-height: 1;
}

.ul-faq li {
  position: relative;
  padding-left: 1.75rem;
}

.ul-faq li::before {
  position: absolute;
  top: 0;
  content: "\f00c";
  font-family: "FontAwesome";
  left: 0;
}

.review-text p {
  font-size: 1.4rem;

  line-height: 1.2;
}

.faq-2 h4 {
  font-size: 1.6rem;

  position: relative;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
}

.faq-2 h4.collapsed::before {
  content: "\f107";
}

.faq-2 h4::before {
  content: "\f106";

  position: absolute;

  top: 50%;

  transform: translateY(-50%);

  right: 0.5rem;

  font-family: "FontAwesome";
}

.input-group-prepend {
  z-index: 0;
}

.dropdown-menu a {
  font-size: 1.2rem;
}

.faq h2 {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

@media (max-width: 1024px) {
  .sec-2 h1 {
    font-size: 3rem;
  }

  .sec-2 h2 {
    font-size: 1.3rem;
  }

  .sec-2 h3 {
    font-size: 1rem;
  }

  .line-red {
    font-size: 0.95rem;
  }

  footer p {
    font-size: 0.9rem;
  }
}

@media (max-width: 992px) {
  .sec-2 h1 {
    font-size: 2.5rem;
  }

  .sec-2 h2 {
    font-size: 0.95rem;
  }

  .sec-2 h3 {
    font-size: 0.7rem;
  }

  .btn-orange {
    font-size: 1.25rem;
  }

  .red-bg h3 {
    font-size: 1rem;
  }

  .review-star i {
    font-size: 0.7rem;
  }

  .line-red::before {
    width: 30px;
  }

  .line-red {
    padding-left: 40px;
  }

  .faq-2 h4::before {
    right: 0;
  }

  .check-banner h1 {
    font-size: 2rem;
  }

  .check-banner h4 {
    font-size: 1.5rem;
  }

  .check-banner h5,
  .check-banner p {
    font-size: 1.1rem;
  }

  .good h6 {
    font-size: 0.65rem;
  }

  .good h6 span {
    font-size: 0.75rem;
  }

  .mobi-font strong u {
    font-size: 0.4rem;
  }
}

@media (max-width: 767px) {
  .bor-white,
  .first_col.bor-white2 {
    border-left: none;

    border-bottom: 2px solid #fff;
  }
}

@media (max-width: 580px) {
  .red-bg h3 {
    font-size: 1.25rem;
  }

  .por-li li {
    font-size: 1.4rem;
  }

  .bor-white2 {
    border-bottom: 2px solid #fff;
  }

  .sec-2 h1 {
    font-size: 2rem;
  }

  .sec-2 h1 {
    font-size: 1.5rem;
  }

  .sec-2 h2 {
    font-size: 1.4rem;
  }

  .bg-gray h2 {
    font-size: 1.5rem;
  }

  .bg-gray p {
    font-size: 1.25rem;

    line-height: 1.2;
  }

  .mobile-terms {
    display: block;

    margin-top: 10px;
  }

  .faq-2 h4 {
    font-size: 1.2rem;
  }

  .mobile-one {
    font-size: 1.4rem !important;
  }
}

@media (max-width: 320px) {
  .sec-2 h2 {
    font-size: 1.25rem;
  }

  .sec-2 h3,
  .line-red {
    font-size: 1rem;
  }

  .sec-2 h1 {
    font-size: 1.25rem;
  }
}

.check-cus .custom-control-input:checked ~ .custom-control-label::before {
  border-color: #ff0000;
  background-color: #ff0000;
}

.check-cus .custom-checkbox .custom-control-label::before {
  width: 20px;
  height: 20px;
  left: -20px;
  border-radius: inherit;
}

.check-cus .custom-control-label::after {
  left: -24px;
  width: 30px;
  height: 30px;
  top: -2px;
}

.maxodom {
  font-size: 15px;
  padding-left: 15px;
}

.subscription_div .check-box-red li {
  list-style: disc;
  font-size: 1rem;
  font-weight: 500;
}

.checkout_sec,
.contact_main {
  padding: 60px 0;
  position: relative;
  font-family: Montserrat, sans-serif;
}

.checkout_sec h1 {
  font-size: 34px;
  font-weight: 700;
}

.checkout_sec h5 {
  font-weight: 600;
  font-size: 20px;
  color: #000;
  text-transform: uppercase;
}

.checkout_sec hr {
  height: 6px;
  background: #e9e9e9;
  border-radius: 8px;
}

.form_field label {
  font-size: 14px;
  color: #333;
  display: block;
  font-weight: 600;
}

.form_field input[type="text"],
.form_field input[type="tel"],
.form_field select,
.form_field textarea {
  width: 80%;
  height: 40px;
  border-radius: 0;
  border: 1px solid #ccc;
  padding: 0 10px;
}

.form_field input[type="email"],
.form_field select,
.form_field textarea {
  width: 80%;
  height: 40px;
  border-radius: 0;
  border: 1px solid #ccc;
  padding: 0 10px;
}

select {
  -moz-appearance: none !important;
}

.form_field select {
  -moz-appearance: none !important;
  -webkit-appearance: button;
  -webkit-border-radius: 2px;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  -webkit-padding-end: 20px;
  -webkit-padding-start: 2px;
  -webkit-user-select: none;
  /*background-image: -webkit-linear-gradient(#fafafa, #f4f4f4 40%, #e5e5e5);
	background-position: center right;
	background-repeat: no-repeat;*/
  border: 1px solid #aaa;
  color: #555;
  font-size: inherit;
  margin: 0;
  overflow: hidden;
  padding-top: 2px;
  padding-bottom: 2px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.form-control:disabled,
.form-control[readonly] {
  background-color: transparent !important;
}

.form_field input[type="text"]:focus {
  border-radius: 0;
  outline: 0;
}

.form_field {
  margin-bottom: 15px;
}

.w-40 {
  width: 40% !important;
}

.custom_radio.active {
  color: #e2211c;
  font-size: 16px;
  font-weight: 700;
}

.custom_radio {
  position: relative;
  display: block;
  padding-left: 35px;
}

.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 20px;
  width: 20px;
  background-color: transparent;
  border-radius: 50%;
  border: 2px solid #e2211c;
}

.custom_radio input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

.custom_radio:hover input ~ .checkmark {
  background-color: transparent;
  border: 2px solid #e2211c;
}

.custom_radio input:checked ~ .checkmark {
  background-color: transparent;
  border: 2px solid #e2211c;
}

.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

.custom_radio input:checked ~ .checkmark:after {
  display: block;
}

.custom_radio .checkmark:after {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #e2211c;
}

.prd_des h6 {
  font-size: 12px;
  color: #646363;
  margin: 0 0 5px;
  font-weight: 700;
}

.prd_des h6 span {
  color: #d92928;
}

.regular_pp {
  font-weight: 700;
  color: #000;
}

.prd_des h5 {
  font-weight: 700;
  margin: 0 0 5px;
}

.total_cost {
  border-top: 2px solid #000;
  font-weight: 600;
}

.button_order input[type="submit"] {
  background: #00d2d4;
  padding: 10px 50px;
  font-size: 20px;
  border: 0;
  border-radius: 20px;
  color: #fff;
  font-family: Oswald, sans-serif;
  width: auto;
}

@media (max-width: 1366px) {
  .des {
    padding: 60px 0;
  }
}

@media (max-width: 1199px) {
  .menu_sec ul li a.nav-link {
    font-size: 14px;
  }

  .footer_menu ul li a {
    font-size: 12px;
  }

  .right_sec:before {
    left: -30px;
  }

  .right_sec h3 {
    left: 7%;
  }

  .product_sec input[type="submit"] {
    left: inherit;
    margin: 15px auto 0;
  }

  .product_sec img {
    max-width: 80%;
  }

  .subscribe_sec h1 {
    font-size: 43px;
  }

  .des {
    padding: 60px 0 30px;
  }

  header .nav-link {
    font-size: 1rem;
  }
}

@media (max-width: 1024px) {
  .subscribe_sec h1 {
    font-size: 40px;
  }

  header .nav-link {
    font-size: 1rem;
    margin: 0 5px;
  }

  .link-tabs .nav-link {
    font-size: 1rem;
    margin: 0 5px;
  }

  header .navbar-nav .active::before {
    width: 70px;
    height: 3px;
  }
}

@media (max-width: 991px) {
  .banner_sec {
    margin-top: 180px;
  }

  .menu_sec ul li a.nav-link {
    font-size: 16px;
  }

  .footer_menu ul li a {
    padding: 5px;
  }

  .social ul li {
    padding: 0;
  }

  .feel_better,
  .live_lefa,
  .testimonial_sec {
    padding: 60px 0;
  }

  .feel_better h1,
  .live_lefa h1,
  .slider_section h1,
  .subscribe_sec h1,
  .testimonial_sec h1 {
    font-size: 40px;
  }

  .right_sec:before {
    width: 229px;
    height: 100%;
    left: -30px;
    bottom: -123px;
  }

  .right_sec h3 {
    top: 23px;
    left: 4%;
    font-size: 30px;
  }

  .live_lefa .descptn_text h1 {
    line-height: 42px;
  }

  .prd_img img {
    max-width: 60%;
  }

  .des {
    padding: 30px 0 10px;
  }

  .subscribe_sec h1 {
    font-size: 30px;
  }

  .subscribe_sec h3 {
    font-size: 23px;
    line-height: 25px;
  }

  .single_testi {
    width: 80% !important;
  }

  .cart {
    display: none;
  }

  header .navbar-nav .active::before {
    display: none;
  }

  .cart-counter {
    display: none;
  }

  .checkout_sec h5 {
    font-size: 13px;
  }

  .form_field input[type="text"],
  .form_field select {
    width: 100%;
  }

  .form_field input[type="email"],
  .form_field select,
  .form_field input[type="tel"],
  .form_field textarea {
    width: 100%;
  }
}

@media (max-width: 767px) {
  .search input {
    width: 100%;
  }

  .footer_menu ul li {
    display: block;
  }

  .footer_menu ul li a {
    font-size: 14px;
  }

  .social ul li {
    padding: 0 5px;
  }

  .feel_better,
  .live_lefa,
  .testimonial_sec {
    padding: 30px 0;
  }

  .feel_better h1,
  .live_lefa h1,
  .slider_section h1,
  .testimonial_sec h1 {
    font-size: 30px;
  }

  .product_sec img {
    max-width: 100%;
  }

  .product_sec h6 {
    left: inherit;
    margin: 10px auto;
  }

  .product_sec {
    padding: 10px 0;
  }

  .feel_better p {
    width: 100%;
  }

  .subscribe_sec .subscribe input[type="text"] {
    width: 69%;
    padding: 7px 10px;
  }

  .des {
    padding: 20px 0 0;
  }

  .subscribe_sec h3 {
    font-size: 18px;
    line-height: 22px;
  }

  .subscribe_sec h1 {
    font-size: 28px;
  }

  .subscribe .sub_btn {
    padding: 5px 0;
  }

  .single_testi {
    width: 100% !important;
  }

  .slider_section {
    padding: 30px 0 0;
  }

  .mobile-cart {
    right: 27%;
  }

  .checkout_sec h5 {
    font-size: 15px;
  }

  .thank_section p {
    width: 100%;
  }

  .right_sec .image_before {
    left: -30px;
    text-align: left;
  }

  .right_sec .image_before img {
    max-width: 80%;
  }
}

@media (max-width: 576px) {
  .banner_sec {
    margin-top: 131px;
  }

  .navbar {
    padding: 0;
  }

  .copyright_sec p {
    font-size: 12px;
  }

  .thank_section h1 {
    font-size: 40px;
  }

  .thank_section .social_sec h4 {
    font-size: 30px;
  }
}

@media (max-width: 360px) {
  .checkout_sec h5 {
    font-size: 11px;
  }
}

.brand-logo,
.img-1,
.img-10,
.img-11,
.img-12,
.img-1st-prd-bk,
.img-2nd-prd-bk,
.img-3,
.img-6,
.img-7,
.img-8,
.img-9,
.live-lefa-img,
.logo,
.prd-before,
.prd1,
.prd2,
.pro-logo {
  max-width: 100%;
  background-size: 100%;
  background-image: url(../desk-sprite.html);
}

.brand-logo {
  background-position: 0 0;
  background-size: 100%;
}

.live-lefa-img {
  background-position: 0 1.669421%;
  background-size: 259.386973%;
}

.img-1st-prd-bk {
  background-position: 0 8.325171%;
  background-size: 327.05314%;
}

.img-2nd-prd-bk {
  background-position: 0 13.761019%;
  background-size: 334.320988%;
}

.img-1 {
  background-position: 0 19.425173%;
  background-size: 338.5%;
}

.img-10 {
  background-position: 0 26.114965%;
  background-size: 338.5%;
}

.img-11 {
  background-position: 0 32.804757%;
  background-size: 338.5%;
}

.img-12 {
  background-position: 0 39.494549%;
  background-size: 338.5%;
}

.img-3 {
  background-position: 0 46.184341%;
  background-size: 338.5%;
}

.img-6 {
  background-position: 0 52.874133%;
  background-size: 338.5%;
}

.img-7 {
  background-position: 0 59.563925%;
  background-size: 338.5%;
}

.img-8 {
  background-position: 0 66.253717%;
  background-size: 338.5%;
}

.img-9 {
  background-position: 0 72.943508%;
  background-size: 338.5%;
}

.prd-before {
  background-position: 0 78.581907%;
  background-size: 439.61039%;
}

.prd1 {
  background-position: 0 87.04111%;
  background-size: 543.7751%;
}

.logo {
  background-position: 0 89.710054%;
  background-size: 796.470588%;
}

.pro-logo {
  background-position: 0 91.490703%;
  background-size: 796.470588%;
}

.prd2 {
  background-position: 0 100%;
  background-size: 815.662651%;
}