/*  *Theme Name: Harlequin
 *  *Version: 1.1
 *  *Text Domain: wpmix
 *  *Author: TRCREATIVE */
/* Base style */  
html {
  font-size: 62.5%;
  overflow-x: hidden;
}

body {
  font-family: "Poppins", sans-serif;
  overflow-x: hidden;
  font-size: 1.6rem;
  padding: 0;
  font-weight: 400;
  color: #fff;
  background-color: #232B32;
  position: relative;
  line-height: 1.6;
}

b, strong {
  font-weight: 700;
}

.btn {
  cursor: pointer;
  font-size: 1.6rem;
  font-weight: 700;
  padding: 1.6rem 4rem;
  border-radius: 10rem;
  min-width: 16rem;
  border: 0.2rem solid transparent;
  letter-spacing: 0.1rem;
  text-align: center;
  -webkit-border-radius: 10rem;
  -moz-border-radius: 10rem;
  border-radius: 10rem;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -ms-transition: all 0.2s;
  transition: all 0.2s;
  box-shadow: none;
  text-transform: uppercase;
}
.btn.btn-block {
  display: block;
}
.btn.btn-cyan-border {
  border-color: #4EA3C4;
  color: #4EA3C4;
  background-color: transparent;
}
.btn.btn-cyan-border:hover, .btn.btn-cyan-border:focus {
  background-color: #4EA3C4;
  color: #fff;
  border-color: #4EA3C4;
}
.btn.btn-cyan {
  border-color: #4EA3C4;
  color: #fff;
  background-color: #4EA3C4;
}
.btn.btn-cyan:hover, .btn.btn-cyan:focus {
  background-color: #4EA3C4;
  color: #fff;
  border-color: #4EA3C4;
  -webkit-box-shadow: 0 0 1rem rgba(78, 163, 196, 0.6);
  -moz-box-shadow: 0 0 1rem rgba(78, 163, 196, 0.6);
  box-shadow: 0 0 1rem rgba(78, 163, 196, 0.6);
}

h1, h2, h3, h4 {
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  margin-bottom: 3rem;
  line-height: 1.41;
}

h1 {
  font-size: 6rem;
}
h1 + p {
  font-size: 2.4rem;
}

h2 {
  font-size: 6.2rem;
}

h3 {
  font-size: 2.4rem;
}

h4 {
  font-size: 1.8rem;
}

ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

a, a:hover {
  text-decoration: none;
  color: inherit;
}

p {
  margin-bottom: 3rem;
}

.transition {
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -ms-transition: all 0.2s;
  transition: all 0.2s;
}

.radius {
  -webkit-border-radius: 1.6rem;
  -moz-border-radius: 1.6rem;
  border-radius: 1.6rem;
}

.transformCenter {
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.row {
  margin: 0 -1.5rem;
}
.row div[class^=col-] {
  padding: 0 1.5rem;
}

.container, .container-fluid {
  padding: 0 1.5rem;
}

.sec-pad-sm {
  padding-top: 5rem;
  padding-bottom: 5rem;
}

.sec-pad-md {
  padding-top: 5rem;
  padding-bottom: 5rem;
}

.sec-pad-lg {
  padding-top: 10rem;
  padding-bottom: 10rem;
}

.text-white {
  color: #fff;
}
.text-white h2, .text-white h3, .text-white h4, .text-white h5, .text-white p, .text-white li {
  color: #fff;
}

.sec-title .subtitle {
  color: #232B32;
  font-size: 1.4rem;
  letter-spacing: 0.1rem;
  display: inline-block;
  background-color: #D1F2F3;
  -webkit-border-radius: 2rem;
  -moz-border-radius: 2rem;
  border-radius: 2rem;
  font-weight: 700;
  line-height: 1;
  padding: 0.8rem 1.5rem;
  margin-bottom: 2rem;
  text-transform: uppercase;
}
.sec-title h2 {
  font-size: 6.2rem;
  letter-spacing: 0.2rem;
  text-transform: uppercase;
  line-height: 1.1;
  margin-bottom: 3rem;
}

/* End Base style */
#site-header {
  position: relative;
  z-index: 9999;
}

body.home #site-header {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
body.home #mega-menu-wrap-top-menu {
  background-color: transparent !important;
}

main {
  min-height: 75vh;
}

#mega-menu-wrap-top-menu #mega-menu-top-menu > li.mega-menu-item > a.mega-menu-link {
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -ms-transition: all 0.2s;
  transition: all 0.2s;
  height: auto;
  line-height: 1.2;
}

#mega-menu-wrap-top-menu #mega-menu-top-menu > li.mega-menu-item {
  padding: 4rem 0;
}

#mega-menu-wrap-top-menu #mega-menu-top-menu > li.mega-menu-item .mega-menu-link.mega-menu-logo {
  border-bottom-color: transparent !important;
  padding-left: 10rem !important;
  padding-right: 10rem !important;
}

.hero-sec {
  min-height: 76.8rem;
  padding-bottom: 63%;
  position: relative;
}
.hero-sec .hero-bg {
  position: absolute;
  top: -4%;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top center;
  z-index: 0;
}
.hero-sec .container {
  position: relative;
  z-index: 9;
}
.hero-sec .hero-inner {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background: url(img/curve-bg.svg) no-repeat top 9.3rem center;
  background-size: 100%;
  padding-bottom: 7rem;
}
.hero-sec .product-slider {
  width: 100%;
  max-width: 95rem;
  margin: auto;
  padding-bottom: 5rem;
}
.hero-sec .product-slider img {
  width: 100%;
  height: auto;
}
.hero-sec .product-slider .swiper-pagination {
  bottom: 0 !important;
}
.hero-sec .product-slider .swiper-pagination .swiper-pagination-bullet {
  background-color: #fff !important;
}
.hero-sec .product-slider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #4EA3C4 !important;
}

#site-footer {
  padding-top: 14%;
  background: url(img/footer-curve.svg) no-repeat top 3rem center;
  background-size: 100%;
}
#site-footer .widget {
  margin-bottom: 3rem;
}
#site-footer .footer-inner {
  background-color: #323E48;
  padding-bottom: 10rem;
  padding-top: 4rem;
}
#site-footer .footer-inner .menu li {
  margin-bottom: 1rem;
}
#site-footer .footer-inner .menu li a {
  font-size: 1.6rem;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -ms-transition: all 0.2s;
  transition: all 0.2s;
  color: #fff;
}
#site-footer .footer-inner .menu li:hover a {
  color: #4EA3C4;
}
#site-footer .footer-inner .widget__title {
  font-size: 1.6rem;
  font-weight: 900;
  letter-spacing: 0.23rem;
  margin-bottom: 2rem;
  text-transform: uppercase;
  color: #fff;
}
#site-footer .footer-inner .footer-bottom {
  padding-top: 3rem;
}
#site-footer .footer-inner .footer-bottom ul {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
#site-footer .footer-inner .footer-bottom ul li {
  padding: 0 1.5rem;
}
#site-footer .footer-inner .footer-bottom ul li a {
  font-size: 1.2rem;
}
#site-footer .footer-inner .footer-bottom ul li:hover a {
  color: #4EA3C4;
}

.breadcrumbs {
  font-size: 1.4rem;
  text-transform: uppercase;
  color: #323E48;
  padding: 1.5rem 0;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  letter-spacing: 0.1rem;
}
.breadcrumbs i {
  display: inline-block;
  margin: 0 0.5rem;
  position: relative;
  top: -0.3rem;
}

.product-single-wrap {
  margin-bottom: 5rem;
}
.product-single-wrap .thumb {
  padding: 0 4rem;
  margin-bottom: 2.5rem;
  text-align: center;
}
.product-single-wrap .thumb img {
  max-width: 22rem;
  width: 100%;
  max-height: 100%;
  height: auto;
  display: inline-block;
}
.product-single-wrap .info {
  text-align: center;
}
.product-single-wrap .info p {
  margin-bottom: 1.5rem;
}
.product-single-wrap .info h3 {
  font-synthesis: 2.4rem;
  margin-bottom: 1.5rem;
  letter-spacing: 0.1rem;
  text-transform: uppercase;
}

.c-pagination {
  padding: 5rem 0;
}
.c-pagination .page-numbers {
  border: 0.1rem solid #fff;
  width: 3rem;
  height: 3rem;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 1.5rem;
  color: #fff;
  margin: 0.2rem 0.2rem;
}
.c-pagination .page-numbers.current {
  background-color: #fff;
  color: #4EA3C4;
}

.product-single-wrap .sec-title {
  margin-bottom: 5rem;
  margin-top: 3rem;
}
.product-single-wrap .product-gallery {
  text-align: center;
  margin-bottom: 5rem;
}
.product-single-wrap .product-gallery img {
  max-width: 30rem;
  height: auto;
  width: 100%;
}
.product-single-wrap .product-details {
  color: #fff;
  margin-bottom: 5rem;
}
.product-single-wrap .product-details h1, .product-single-wrap .product-details h2 {
  font-size: 4rem;
  color: #fff;
  margin-bottom: 1.5rem;
  letter-spacing: 0.2rem;
  text-transform: uppercase;
  line-height: 1.2;
  width: 100%;
  max-width: 32rem;
}
.product-single-wrap .product-details p.weight {
  font-size: 1.8rem;
  letter-spacing: 0.1rem;
  color: #fff;
  margin-bottom: 1.5rem;
  font-weight: 700;
}
.product-single-wrap .product-details p {
  font-size: 1.8rem;
  color: #fff;
}
.product-single-wrap .product-details ul li {
  font-size: 1.8rem;
  color: #fff;
}
.product-single-wrap .product-details .btn {
  max-width: 51.3rem;
}

main ul {
  list-style: disc;
  padding-left: 2rem;
  margin-bottom: 3rem;
}
main ul li {
  margin-bottom: 0.5rem;
}
main p a, main li a {
  text-decoration: underline;
}

body.single-product #site-footer {
  background-color: #D1F2F3;
}

.product-tabs-wrap {
  background-color: #D1F2F3;
}

.accordion .accordion-item {
  background-color: #D1F2F3;
  border: none;
  border-radius: 0;
  border-bottom: 0.1rem solid #fff;
}
.accordion .accordion-item:first-child {
  border-top: 0.1rem solid #fff !important;
}
.accordion .accordion-item button {
  background-color: #D1F2F3;
  border: none;
  border-radius: 0;
  color: #232B32;
  font-weight: 600;
  font-size: 2.4rem;
  box-shadow: none;
  outline: 0;
  padding-top: 2.8rem;
  padding-bottom: 2.8rem;
  padding-left: 0;
}
.accordion .accordion-item button:after {
  background-image: url(img/plus.svg);
}
.accordion .accordion-item button[aria-expanded=true]:after {
  background-image: url(img/minus.svg);
}
.accordion .accordion-item .accordion-body {
  padding: 3rem 0;
  border-top: 0.1rem solid #fff;
}
.accordion .accordion-item .accordion-body p:last-child {
  margin-bottom: 0;
}

.frm-show-form textarea {
  min-height: 22rem;
  padding-top: 1.5rem;
}

.frm_opt_container {
  text-align: center;
  padding-top: 2rem;
}

.with_frm_style .frm_radio input[type=radio], .with_frm_style .frm_checkbox input[type=checkbox] {
  border-radius: 0.3rem;
}

.with_frm_style .frm_submit {
  text-align: center;
}

.standard-sec .sec-title {
  margin-bottom: 8rem;
}

.stocklist-list-sec .nav-pills li {
  padding: 0.5rem 1rem;
}
.stocklist-list-sec .nav-pills li button {
  padding: 1.5rem 3rem;
  min-width: 20rem;
  background-color: #fff;
  -webkit-border-radius: 0.3rem;
  -moz-border-radius: 0.3rem;
  border-radius: 0.3rem;
  color: #232B32;
  font-weight: 700;
  font-size: 2rem;
  line-height: 1.1;
  position: relative;
}
.stocklist-list-sec .nav-pills li button:after {
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -ms-transition: all 0.2s;
  transition: all 0.2s;
  content: "";
  position: absolute;
}
.stocklist-list-sec .nav-pills li button.active {
  background-color: #4EA3C4;
}
.stocklist-list-sec .nav-pills li button.active:after {
  width: 0;
  height: 0;
  border-left: 1.6rem solid transparent;
  border-right: 1.6rem solid transparent;
  border-top: 1.6rem solid #4EA3C4;
  top: 100%;
  left: 50%;
  margin-left: -1.6rem;
  margin-top: -0.1rem;
}
.stocklist-list-sec .tab-pane {
  padding: 5rem 0;
}

.stocklist-single {
  border-top: 0.2rem solid #4EA3C4;
}
.stocklist-single .stocklist-header {
  padding: 1.5rem 0;
  padding-right: 3rem;
  font-size: 1.6rem;
  font-weight: 700;
  color: #FFF;
  cursor: pointer;
  position: relative;
}
.stocklist-single .stocklist-header:before {
  content: "+";
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-size: 3rem;
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.stocklist-single .stocklist-header.active:before {
  content: "-";
}
.stocklist-single .stocklist-body {
  border-top: 0.2rem solid #4EA3C4;
  padding-top: 2rem;
  display: none;
}
.stocklist-single .stocklist-body P {
  font-size: 1.5rem;
}
.stocklist-single .stocklist-body P span {
  font-weight: 700;
}
.stocklist-single .stocklist-body P a {
  text-decoration: none;
  color: #4EA3C4;
}

.lds-roller {
  display: block;
  position: relative;
  width: 8rem;
  height: 8rem;
  margin: 5rem auto;
}

.lds-roller div {
  animation: lds-roller 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  transform-origin: 40px 40px;
}

.lds-roller div:after {
  content: " ";
  display: block;
  position: absolute;
  width: 0.7rem;
  height: 0.7rem;
  border-radius: 50%;
  background: #fff;
  margin: -0.4rem 0 0 -0.4rem;
}

.lds-roller div:nth-child(1) {
  animation-delay: -0.036s;
}

.lds-roller div:nth-child(1):after {
  top: 6.3rem;
  left: 6.3rem;
}

.lds-roller div:nth-child(2) {
  animation-delay: -0.072s;
}

.lds-roller div:nth-child(2):after {
  top: 6.8rem;
  left: 5.6rem;
}

.lds-roller div:nth-child(3) {
  animation-delay: -0.108s;
}

.lds-roller div:nth-child(3):after {
  top: 7.1rem;
  left: 4.8rem;
}

.lds-roller div:nth-child(4) {
  animation-delay: -0.144s;
}

.lds-roller div:nth-child(4):after {
  top: 7.2rem;
  left: 4rem;
}

.lds-roller div:nth-child(5) {
  animation-delay: -0.18s;
}

.lds-roller div:nth-child(5):after {
  top: 7.1rem;
  left: 3.2rem;
}

.lds-roller div:nth-child(6) {
  animation-delay: -0.216s;
}

.lds-roller div:nth-child(6):after {
  top: 6.8rem;
  left: 2.4rem;
}

.lds-roller div:nth-child(7) {
  animation-delay: -0.252s;
}

.lds-roller div:nth-child(7):after {
  top: 6.3rem;
  left: 1.7rem;
}

.lds-roller div:nth-child(8) {
  animation-delay: -0.288s;
}

.lds-roller div:nth-child(8):after {
  top: 5.6rem;
  left: 1.2rem;
}

@keyframes lds-roller {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.stocklist-list-sec .search-title {
  display: none;
  font-size: 3.2rem;
  font-weight: 900;
  color: #fff;
  margin-bottom: 3rem;
  text-transform: uppercase;
}
.stocklist-list-sec.search-activated #pills-tab {
  display: none !important;
}
.stocklist-list-sec.search-activated .search-title {
  display: block;
}
.stocklist-list-sec.search-activated .tab-pane {
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
  padding-bottom: 0;
}

.stockist-search {
  margin-bottom: 3rem;
}
.stockist-search .form-control {
  height: 6rem;
  background-color: #fff;
  border-color: #fff;
  font-size: 1.6rem;
  font-weight: 600;
  color: #232B32;
  width: 100%;
  max-width: 86rem;
  padding: 0.5rem 2rem;
  padding-right: 5rem;
  margin: auto;
  box-shadow: none;
  outline: 0;
}
.stockist-search .form-control.search-input {
  background-image: url(img/search-interface-symbol.png);
  background-repeat: no-repeat;
  background-position: center right 1rem;
  background-size: 3rem;
}

select {
  background-image: url(img/down-arrow.png);
  background-repeat: no-repeat;
  background-position: center right 1rem;
  background-size: 2rem;
}

.gm-style .gm-style-iw-c {
  color: #232B32 !important;
  max-width: 28rem !important;
  line-height: 1.6 !important;
}
.gm-style .gm-style-iw-c a {
  color: #4EA3C4 !important;
  text-decoration: none;
}

.frm_error {
  color: #df4141 !important;
}

@media only screen and (max-width: 1680px) {
  .hero-sec {
    padding-bottom: 82%;
  }
}
@media only screen and (max-width: 1200px) {
  #mega-menu-wrap-top-menu #mega-menu-top-menu > li.mega-menu-item {
    padding: 2rem 0;
  }

  #mega-toggle-block-1 {
    padding-left: 0.9rem;
  }

  #mega-toggle-block-3 {
    padding-right: 0.9rem;
  }

  #mega-menu-wrap-top-menu #mega-menu-top-menu {
    background: #232b32 !important;
    min-height: calc(100vh - 8.6rem);
    padding-top: 4rem !important;
    padding-bottom: 4rem !important;
  }

  #mega-menu-wrap-top-menu #mega-menu-top-menu > li.mega-menu-item > a.mega-menu-link {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    background-image: url(img/chevron-right_svgrepo.com.svg) !important;
    background-repeat: no-repeat !important;
    background-position: center right 1rem !important;
    background-size: 2.3rem !important;
  }

  body.home:not(.mega-menu-top-menu-mobile-open) #mega-menu-wrap-top-menu .mega-menu-toggle {
    background: transparent !important;
  }
}
@media only screen and (max-width: 992px) {
  .sec-pad-lg {
    padding: 6rem 0;
  }

  .sec-title h2 {
    font-size: 5.2rem;
  }

  .hero-sec .hero-inner {
    padding-bottom: 2rem;
  }

  #site-footer .footer-inner .footer-bottom ul {
    flex-direction: column !important;
  }

  #site-footer .footer-inner {
    padding-bottom: 4rem;
  }

  #site-footer {
    text-align: center;
  }

  .stocklist-list-sec .nav-pills li {
    width: 25%;
    padding: 0;
  }

  .stocklist-list-sec .nav-pills li button {
    min-width: 0;
    width: 100%;
    border-radius: 0;
  }

  .stocklist-list-sec .nav-pills li button {
    padding: 1.5rem 2rem;
  }
}
@media only screen and (max-width: 767px) {
  .product-slider .swiper-slide {
    width: 15rem !important;
  }

  .hero-sec .container {
    padding: 0;
  }

  .sec-title h2 {
    font-size: 4.2rem;
  }

  .product-single-wrap .product-gallery img {
    max-width: 17rem;
  }

  .product-single-wrap .product-details h1, .product-single-wrap .product-details h2 {
    text-align: center;
    max-width: 100%;
  }

  .product-single-wrap .product-details p.weight {
    text-align: center;
  }

  .product-single-wrap .product-details ul li {
    font-size: 1.6rem;
  }

  .accordion .accordion-item button {
    font-size: 1.8rem;
  }

  .product-tabs-wrap .container {
    padding: 0;
  }

  .accordion-item .accordion-button {
    padding-left: 1.5rem !important;
  }

  .accordion .accordion-item .accordion-body {
    padding: 2rem 1.5rem;
  }

  .breadcrumbs {
    font-size: 1.2rem;
  }

  .product-single-wrap .sec-title {
    display: none;
  }

  .form-group {
    margin-bottom: 1.5rem;
  }

  h2 {
    font-size: 4.2rem;
  }
}
@media only screen and (max-width: 420px) {
  .product-slider .swiper-slide {
    width: 11rem !important;
  }

  .hero-sec .hero-inner {
    background-size: 46rem;
  }

  .hero-sec {
    min-height: 64.8rem;
    padding-bottom: 63%;
  }

  #site-footer {
    padding-top: 27%;
    background-size: 60rem;
  }
}

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