.is-popup{
  overflow: hidden;
}
.popup-overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgb(0 0 0 / 50%);
    width: 100%;
    height: 100%;
    z-index: 10000;
    opacity: 0;
    visibility: hidden;
}
.popup-container{
    position: fixed;
    height: 42.3vw;
    width: 62.5%;
    background: white;
    left: 0;
    right: 0;
    top: 0;
    z-index: 1000000;
    margin: 0 auto;
    margin-top: 4.5%;
    font-size: 1vw;
    opacity: 0;
    visibility: hidden;
}

.is-popup .popup-overlay,
.popup-offer #popup-offer,
.popup-purchase #popup-purchase
{
  opacity: 1;
  visibility: visible;
}

.popup-container *{
  margin: 0;
  padding: 0;
  font-size: 100%;
}
.popup-container img{
  max-width: 100%;
  height: auto;
  display: block;
  margin: 0 auto;
  height: 100%;
  object-fit: scale-down;
}
.popup-container .popup-inner{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  height: 100%;
}

.popup-container .popup-inner > div.close{
  position: absolute;
  right: 0;
  top: 0;
  padding: 1%;
}

.popup-container .popup-inner > div.close button{
  background: none;
  border: 0;
}

.popup-container .popup-inner > div.sideRight{
    background: #f9f9f9;
    width: 50%;
    display: flex;
    justify-content: space-around;
    height: 100%;
    background: #fff;
}

.popup-container .popup-inner > div.sideLeft{
    background: #fff;
    width: 50%;
    height: 100%;
    display: flex;
    justify-content: space-around;
}

.popup-container .popup-inner > div.sideRight .img{

align-self: center;

height: 93%;
}



.popup-container .popup-inner > div.sideLeft .step{
    width: 100%;
    height: 100%;
    justify-content: center;
    flex-wrap: wrap;
}

.popup-container .popup-inner > div.sideLeft .step{
  display: none;
  width: 75%;
}
.popup-container .popup-inner > div.sideLeft .step.active{
  display: flex;
}

.popup-container .popup-inner > div.sideLeft .thanks{
  text-align: center;
  font-weight: 400;
  align-self: center;
  font-size: 162%;
  line-height: 1;
  color: #000;
}

.popup-container .popup-inner > div.sideLeft .step .title{
  width: 100%;
  text-align: center;
  font-size: 160%;
}
.popup-container .popup-inner > div.sideLeft .step .text{
  width: 100%;
  text-align: center;
  font-size: 97%;
  line-height: 1.3;
  margin-top: 1%;
}

.popup-container .popup-inner > div.sideLeft .step .inner{
  align-self: center;
  width: 100%;
  /* align-self: flex-start; */
  /* margin-top: 15%; */
}

.form{
    width: 100%;
    margin-top: 10.5%;
}
.form .input{
    width: 100%;
    margin-bottom: 3.5%;
}
.form .input select,
.form .input input{
    width: 100%;
    border: 1px #DFDFDF solid;
    padding: 2.3% 0;
    text-indent: 3%;
    font-size: 96%;
}
.form .submit{
    width: 100%;
}
.form .submit button{
    background: #000;
    color: #fff;
    border: 0;
    width: 100%;
    padding: 2.5%;
    font-size: 96%;
}

.popup-container ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #000;
}
.popup-container ::-moz-placeholder { /* Firefox 19+ */
  color: #000;
}
.popup-container :-ms-input-placeholder { /* IE 10+ */
  color: #000;
}
.popup-container :-moz-placeholder { /* Firefox 18- */
  color: #000;
}

.popup-container label.error{
  font-size: 75%;
  color: red;
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

@media(max-width: 1024px){
  .popup-container .popup-inner > div.sideRight {
      display: none;
  }
  .popup-container .popup-inner > div.sideLeft {
      width: 100%;
  }
  .popup-container {
      height: 80vh;
      width: 92.5%;
      font-size: 5vw;
  }
  .popup-container .popup-inner > div.sideLeft .thanks br{
    display: none;
  }
  .popup-container .popup-inner > div.sideLeft .step {
      width: 90%;
  }
  .popup-container .popup-inner > div.close {
      padding: 2.5%;
  }
}

.product-slider .product-price li:not(:last-child) {
  border-bottom: 0;
}

.price_box {
  border: 1px solid #D6D6D6;
  width: 100%;
  display: flex;
  justify-content: space-around;
  font-size: 1vw;
}
.price_box > div {
  width: 50%;
  text-align: center;
  padding: 2.5%;
}

.price_box > div:first-child{
  border-left: 1px solid #D6D6D6;
}

.price_box_start p:first-child,
.price_box_end p:first-child{
  font-size: 65%;
}
.price_box_start p:last-child,
.price_box_end p:last-child{
  font-size: 110%;
}

.price_box_end p:last-child{
  font-weight: bold;
}

.single .price_box,
.single .price_box > div:first-child{
  border:0;
}
.single .price_box{
  width: 66%;
}
.single .price_box > div {
  text-align: right;
  padding: 0;
}
.single .price_box_start p:first-child, .single .price_box_end p:first-child {
  font-size: 75%;
}
@media(max-width: 1024px){
  .price_box {
    font-size: 4vw;
  }
}
.specifications{
  background: #F7F8F9;
  font-size: 1vw;
}
.specifications p{
  font-size: 100%;
  margin: 0;
  padding: 0;
}
.specifications .container {
  width: 75%;
  display: flex;
  justify-content: space-between;
  padding: 3.5% 0;
}
.specifications .container ._title{
  font-size: 180%;
    text-align: center;
}
.specifications .container .row{
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  justify-content: space-between;
}
.specifications .container .row .col:nth-child(1){
  width: 15%;
}
.specifications .container .row .col:nth-child(2){
  width: 75%;
}
.specifications .container ._list{
  width: 100%;
}
.specifications .container ._list ul{
  display: flex;
  width: 100%;
  flex-wrap: wrap;
}
.specifications .container ._list ul li{width: 25%;margin-bottom: 3.5%;}

.specifications .container ._list ul li p:nth-child(1){
  font-weight: bold;
  font-size: 90%;
}
.specifications .container ._list ul li p:nth-child(2){
  font-size: 87%;
  line-height: 1.3;
  font-weight: 200;
}
@media(min-width: 1024px){
  .specifications .container ._list ul li:nth-last-child(-n+4)
  {
     margin-bottom: 0;
  }
}
@media(max-width: 1024px){
  .specifications {
    font-size: 4vw;
  }
  .specifications .container .row .col:nth-child(1) {
    width: 100%;
  }
  .specifications .container .row .col:nth-child(2) {
    width: 100%;
    margin: 10% 0;
  }
  .specifications .container ._list ul li {
    width: 50%;
    width: 100%;
    margin-bottom: 5%;
  }
}

.product-counter-large {
  margin-bottom: 5%;
  justify-content: space-around;
}

.swiper-slide.disabled{
  pointer-events: none;
}

.swiper-slide.disabled .product-counter{
  background: #06ADD8;
  font-weight: bold;
  text-align: center;
  background: #F7F8F9;
  color: #000;
}

.swiper-slide.disabled .product-img,
.swiper-slide.disabled .product-logo,
.swiper-slide.disabled .product-title,
.swiper-slide.disabled .product-price,
.swiper-slide.disabled .product-btn
{
  opacity: .5;
  pointer-events: none;
}

.page404{
  font-size: 7vw;
  text-align: center;
  padding: 9%;
}
.page404 h1{
  font-size: 100%;
  line-height: 1;
}
.page404 p{
  font-size: 75%;
  line-height: 1;
  font-size: 40%;
}
@media(max-width: 1024px){
  .page404 {
    font-size: 25vw;
    padding: 25% 0;
  }
}
._sendOtp{
  text-align: center;
  padding: 2.5%;
}

._sendOtp button{
  background: none;
  border: 0;
  text-decoration: underline;
}
.swal-button {
  background-color: #000000 !important;
}
.swal-overlay {
  z-index: 9999999;
}

/* Customize the label (the container) */
.wrap-checkbox {
  display: block;
  position: relative;
  padding-right: 6%;
  cursor: pointer;
  font-size: 75%;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  line-height: 1.4;
}

.wrap-checkbox a{
  text-decoration: underline;
}

/* Hide the browser's default checkbox */
.wrap-checkbox input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 0;
  right: 0;
  height: 1vw;
  width: 1vw;
  background-color: #fff;
  border: 1px #DFDFDF solid;
}

/* On mouse-over, add a grey background color */
.wrap-checkbox:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.wrap-checkbox input:checked ~ .checkmark {
  background-color: #000000;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.wrap-checkbox input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.wrap-checkbox .checkmark:after {
  left: 38%;
  top: 20%;
  width: 32%;
  height: 50%;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

@media(max-width: 1024px){
  .checkmark {
    height: 4vw;
    width: 4vw;
  }
  .wrap-checkbox {
    line-height: 1;
  }
}


.home .counter {
  display: flex;
  justify-content: space-between;
  width: 40%;
  margin: 0 auto;
}

.product-slider .product-counter {
  height: 3vw;
  padding: 1.5% 0;
}

@media(max-width: 1024px){
  .product-slider .product-counter {
    height: 13vw;
  }
}


.main-banner-swiper-pagination{
  bottom: 10px;
  left: 0;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 22;
  text-align: center;
}
.main-banner-swiper-pagination .swiper-pagination-bullet {
  background: #fff;
}


@media(max-width: 1024px){

  .header-links {
    display: block;
    position: fixed;
    background: black;
    width: 100%;
    left: 0;
    right: 0;
    top: 18vw;
    height: 100vh;
    right: -100vw;
    /*opacity: 0;*/
    visibility: hidden;
    transition: .3s all;
  }

  .open_menu .header-links{
    right: 0;
    /*opacity: 1;*/
    visibility: visible;
  }
  .header-links ul {
    display: block;
    font-size: 7vw !important;
    text-align: center;
    padding-top: 10vw;
  }
  .header-links ul li:not(:last-child) {
    margin-bottom: 5%;
  }
  .swiper-slide.disabled {
    pointer-events: inherit;
  }
  .specifications .container ._list {
    font-size: 4.26vw !important;
  }
  .specifications .container{
    width: 85%;
  }
  .specifications .container ._list ul li div{
    display: flex;
    justify-content: space-between;
  }
  .specifications .container ._list ul li p:nth-child(2) {
    text-align: left;
  }
  .product-price .btn {
    padding: 0 5vw;
  }
}

.page-template-template-contactus .product .product-name {
  margin-top: 0;
}
.contact-form{
  flex: 0 0 31.25vw;
  margin: 0;
  line-height: 1;
}
.contact-form .form .input {
    width: 47.5%;
    margin-bottom: 3.5%;
}

.contact-form .form form{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}


.contact-form .form .input input {
    padding: 0.8vw;
    text-indent: 0;
}
.contact-form .form .input:nth-child(5),
.contact-form .form .input:nth-child(6)
{
  width: 100%;
}


.contact-form .form .submit {
    width: 35%;
    margin: 0 auto;
}

.contact-form .form .submit button{
  padding: .8vw 0;
}

.contact-form .contact-name{
  text-align:center;
}
.contact-form .form {
    width: 100%;
    margin-top: 5%;
}

.page-template-template-contactus .product .product-icons ul li {
    flex: 0 0 50%;
    line-height: 1.5;
}

.page-template-template-contactus .product .product-icons img {
    width: 1.2vw;
    height: 1.2vw;
    object-position: center;
}

.page-template-template-contactus .hr{
    margin: 10% 0 2.5%;
    border-bottom: 1px #DFDFDF solid;
    height: 1px;
}

.page-template-template-contactus .product-social {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

.page-template-template-contactus .product-social > div{
  display: flex;
  align-self: center;
}
.page-template-template-contactus .product-social ul{
  display: flex;
  justify-content: space-between;
}

.page-template-template-contactus .product .container {
    width: 75%;
    display: flex;
    justify-content: space-between;
    margin: 5% auto 10%;
}


@media(max-width: 1024px){
  .page-template-template-contactus .product .container {
      width: 85%;
  }
  .page-template-template-contactus .product .product-icons ul li {
      flex: 0 0 100%;
  }
  .page-template-template-contactus .product .product-icons img {
      width: 4.2vw;
      height: 4.2vw;
  }
  .contact-form .form .input {
      width: 100%;
  }
  .contact-form .form .input input {
      padding: 3.5vw;
  }
  .contact-form .form .submit button {
      padding: 3.5vw 0;
  }
  .contact-form .form .submit {
      width: 100%;
      margin: 10% auto;
  }
  .contact-form .product .product-icons ul {
      border-top: 0;
      padding-top: 1.33vw;
  }
  .page-template-template-contactus .banner {
      margin-top: 18vw;
  }
  .page-template-template-contactus .banner .text {
      top: auto;
      bottom: 0;
  }
}


/* Tooltip container */
.tooltip {
  position: relative;
  display: inline-block;
}

/* Tooltip text */
.tooltip .tooltiptext {
    visibility: hidden;
    width: auto;
    background-color: black;
    color: #fff;
    text-align: center;
    padding: 5px 0;
    border-radius: 6px;
    position: absolute;
    z-index: 1;
    left: 0;
    right: 0;
    bottom: 100%;
    width: 200%;
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {
  visibility: visible;
}

label.error{
  color: red;
}

.swal-footer {
  margin: 0;
  padding: 0;
  text-align: left;
  position: absolute;
  top: 0;
  left: 0;
}
.swal-modal {
  padding-bottom: 1.5%;
}
.swal-button {
  background: none !important;
  color: #000 !important;
  font-size: 1.5vw;
  padding: 0.2vw 0.5vw;
  margin: 0;
}


.unsubscribe .container {
  width: 75%;
  display: flex;
  justify-content: space-between;
  margin: 10% auto;
}


.unsubscribe .unsubscribe-info {
  width: 100%;
  margin: 0 auto;
  width: 50%;
  text-align: center;
}

.unsubscribe .contact-form .form form {
  display: block;
}

.unsubscribe .contact-form .form .input {
  margin: 5% auto;
  width: 65%;
}

.product-slider .product-title {
    height: 3vw;
}

.product-gallery video{
  width: 100%;
  height: 95%;
  object-fit: scale-down;
}


@media(max-width: 1024px){
  .unsubscribe .unsubscribe-info {
    width: 100%;
  }
  .unsubscribe .container {
    width: 90%;
    margin: 30% auto 10%;
  }
  .contact-form .form .submit {
    width: 85%;
  }
  .product-slider .product-title {
      height: 8vw;
  }

  .page-template-template-contactus.page-id-279 .banner {
      height: 75vw;
  }

  .page-template-template-contactus.page-id-279 .banner .img{
    background: red;
    height: 100%;
  }
  .page-template-template-contactus.page-id-279 .banner .img img, .page-template-template-contactus.page-id-279 .banner .img picture {
      width: 100%;
      height: 100%;
      object-fit: cover;
  }

  .page-template-template-contactus.page-id-279 .banner .text {
      width: 90%;
  }

}
.form .input select, .form .input input{
  direction: rtl;
}
.thanks h5 strong {
    font-weight: 400 !important;
}