/*
Theme Name: hti
Theme URI: http://underscores.me/
Author: Costinel Marin
Author URI: http://xoon.io
Description: Description
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: hti
Tags:

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

hti is based on Underscores http://underscores.me/, (C) 2012-2016 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/

.buyers-consult-btn {
  left: 280px;
  top: 23px;
  position: absolute;
}
.buyers-consult-btn a {
  padding: 3px 10px;
  background: #39f;
  display: block;
  border-radius: 5px;
  box-shadow: 0px 0px 12px rgba(51,153,255,0.6);
  -moz-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.buyers-consult-btn a:hover {
  box-shadow: 0px 0px 12px rgba(255,255,255,0.6);
}
@media (max-width: 1100px) {
  .buyers-consult-btn {
    width: 160px;
    top: 30px;
    left: 240px;
  }
}
@media (min-width: 992px) {
  .header .container {
      width: 100%;
      max-width: 1200px;
  }
}
@media (max-width: 786px) {
  .buyers-consult-btn {
    width: 160px;
    top: 20px;
    left: 180px;
  }
}
@media (max-width: 450px) {
  .buyers-consult-btn {
    width: 150px;
    top: 20px;
    left: 162px;
  }
}
.lp-hero {
  min-height: 420px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  color: #fff;
  position: relative;
}
.lp-hero-overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  background: rgba(0,0,0,0.5);
  background: linear-gradient(90deg, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0.5) 30%, rgba(0,0,0,0) 100%);
}
.lp-hero .container {
  position: relative;
}
.lp-hero-text {
  padding: 40px 8% 55px 0;
}
.lp-hero h2 {
  font-weight: 700;
  font-size: 60px;
}
.lp-hero h3 {
  padding: 1em 0;
  font-weight: 400;
  font-size: 21px;
  line-height: 30px;
}
.lp-price,
.lp-hero-guarantee {
  display: flex;
  align-items: center;
}
.lp-hero-guarantee {
  padding: 10px 0 0 1.5em;
  font-size: 21px;
  line-height: 24px;
  color: #ffcc33;
}
.lp-hero-guarantee img {
  width: 54px;
}
.buyers-consult blockquote {
  margin-left: 8%;
  margin-right: 8%;
  border-color: #39f;
  font-style: italic;
}
.lp-guarantee {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  font-weight: 700;
  line-height: 1;
  color: #39f;
}
.lp-guarantee-text {
  padding: 0 2.5em;
  height: 50px;
  border: 2px solid #39f;
  border-radius: 25px;
  display: flex;
  align-items: center;
}
.lp-guarantee-circle {
  width: 120px;
  height: 120px;
  border-radius: 50%;
  background: #39f;
  border: 10px solid #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.lp-guarantee-circle img {
  width: 70px;
}
.lpgl {
  margin-right: -2.5em;
  padding-right: 4em;
}
.lpgr {
  margin-left: -2.5em;
  padding-left: 4em;
}
.lp-form {
  margin-top: -60px;
  padding: 15px;
  color: #fff;
  border-radius: 15px;
  background: #5c7c8e;
  box-shadow: 0px 0px 12px rgba(0,0,0,0.5);
}
.lp-form h2 {
  padding: 0 10px;
  font-size: 26px;
  font-weight: 700;
  position: relative;
}
.lp-form p {
  margin-bottom: 0;
  padding: 15px 10px;
  line-height: 1.2;
}
.lp-form .qpp-style form p.input {
  display: none;
}
.lp-form .qpp-style form p.submit input {
  padding: 20px 10px !important;
  font-size: 0.875rem;
  font-weight: 700;
  -moz-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.lp-form .qpp-blurb {
  padding-bottom: 1em !important;
  text-align: center;
  color: #fff !important;
}
.lp-form-image {
  padding: 0 0 20px;
  text-align: center;
}
.lp-form-image img {
  width: 110px;
}
@media (max-width: 991px) {
  .lp-hero-text {
    padding-right: 0;
  }
  .lp-guarantee {
    padding-top: 50px;
    flex-direction: column;
  }
  .lpgl {
    margin-bottom: -18px;
    margin-right: 0;
    padding: 0 1.5em;
  }
  .lpgr {
    margin-top: -18px;
    margin-left: 0;
    padding: 0 1.5em;
  }
  .lp-form {
    margin-top: 0;
  }
}
@media (max-width: 780px) {
  .lp-hero-text {
    padding: 40px 20px 55px;
  }
  .lp-hero h2 {
    font-size: 42px;
  }
  .lp-hero h3 {
    font-size: 18px;
    line-height: 26px;
  }
  .lp-price,
  .lp-hero-guarantee {
    display: flex;
    align-items: center;
  }
  .lp-hero-guarantee {
    padding: 10px 0 0 1.5em;
    font-size: 21px;
    line-height: 24px;
    color: #ffcc33;
  }
  .lp-hero-guarantee img {
    width: 54px;
  }
}

.specials-btn {
  top: 350px;
  right: 0;
  position: fixed;
  -moz-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.specials-btn:hover {
  opacity: 0.75;
}

/* overlay at start */
.mfp-fade.mfp-bg {
  opacity: 0;

  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}
/* overlay animate in */
.mfp-fade.mfp-bg.mfp-ready {
  opacity: 0.8;
}
/* overlay animate out */
.mfp-fade.mfp-bg.mfp-removing {
  opacity: 0;
}

/* content at start */
.mfp-fade.mfp-wrap .mfp-content {
  opacity: 0;

  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}
/* content animate it */
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
  opacity: 1;
}
/* content animate out */
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
  opacity: 0;
}

.specials-popup {
  margin: 0 auto;
  padding: 20px;
  width: 100%;
  max-width: 960px;
}
.specials-popup-wrap {
  padding: 10px;
  display: flex;
  position: relative;
  background: #fafafa;
}
.mfp-close {
  display: none !important;
}
.popup-closure {
  width: 24px;
  height: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  color: #fff;
  background: #000;
  border-radius: 5px;
  top: 10px;
  right: 10px;
  position: absolute;
  cursor: pointer;
}
.popup-closure:hover {
  color: #fff;
  text-decoration: none;
}
.specials-popup-image {
  width: 40%;
  background-image: url(images/spring-into-savings-x500.webp);
  background-size: cover;
  background-position: bottom;
}
.specials-popup-content {
  padding: 20px;
  width: 60%;
}
.specials-popup-content h2 {
  font-size: 3.2rem;
  font-weight: 600;
}
.specials-popup-content p {
  margin-bottom: 1rem;
  line-height: 1.3;
}
.specials-popup-form .gform_wrapper {
  margin-top: 0;
}
.specials-popup-form .gform_body ul.gform_fields {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.specials-popup-form .gform_body ul li.gfield {
  margin-top: 0;
  padding: 0 2px !important;
  width: 49%;
}
.specials-popup-form .gform_body ul li.gfield input {
  width: 100%;
  border: 1px solid #ccc !important;
}
.specials-popup-form .gform_footer {
  /*margin-top: 0 !important;*/
}
.specials-popup-form .gform_footer input[type=submit].gform_button {
  width: 100%;
  display: block;
  background-color: #000;
  border: 1px solid #000;
}
@media screen and (max-width: 768px) {
  .specials-popup-wrap {
    flex-direction: column;
  }
  .specials-popup-image {
    width: 100%;
    height: 35vw;
  }
  .specials-popup-content {
    padding: 0 20px;
    width: 100%;
  }
}
@media screen and (max-width: 450px) {
  .specials-popup {
    padding: 20px 70px 20px 20px;
  }
  .specials-popup-content h2 {
    font-size: 2.5rem;
  }
  .specials-popup-form .gform_body ul li.gfield {
    width: 100%;
  }
}