@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Lato:wght@100;300;400;700;900&display=swap");
/* color */
/* font css */
/* custon fontsize */
/** general **/
body, p {
  color: #282728;
  font-weight: 500;
  line-height: 1.5;
  overflow-x: hidden;
  letter-spacing: 0.5px !important;
}

.black {
  color: #282728 !important;
}

.white {
  color: #ffffff !important;
}

h3 {
  font-size: calc(17px + 7 * (100vw - 375px) / 1525) !important;
  padding-top: 15px;
  text-transform: inherit !important;
}

h4 {
  font-weight: 500;
  line-height: 1.5em !important;
  font-size: calc(18px + 9 * (100vw - 375px) / 1525);
}

.fw300 {
  font-weight: 300;
}

.fw400 {
  font-weight: 400;
}

.fw500 {
  font-weight: 500;
}

.fw600 {
  font-weight: 600;
}

.fw700 {
  font-weight: 700;
}

.fw800 {
  font-weight: 800;
}

/*** slick arrow ***/
.arrow {
  background-size: 100% !important;
  width: 15px !important;
  height: 27px !important;
  display: inline-block !important;
  background-repeat: no-repeat !important;
  background-position: left top !important;
  /* background-color: #fff; */
}
.arrow.arrow-left {
  background-image: url(../../../../../image/catalog/general/left.png) !important;
}
.arrow.arrow-right {
  background-image: url(../../../../../image/catalog/general/right.png) !important;
}
.arrow-style2 {
  background-size: 100% !important;
  width: 21px !important;
  height: 38px !important;
  display: inline-block !important;
  background-repeat: no-repeat !important;
  background-position: left top !important;
}
.arrow-style2.arrow-left {
  background-image: url(../../../../../image/catalog/general/left2.png) !important;
}
.arrow-style2.arrow-right {
  background-image: url(../../../../../image/catalog/general/right2.png) !important;
}
.arrow-vertical {
  background-size: 100% !important;
  width: 32px !important;
  height: 19px !important;
  display: inline-block !important;
  background-repeat: no-repeat !important;
  background-position: left top !important;
}
.arrow-vertical.arrow-up {
  background-image: url(../../../../../image/catalog/general/arrow-up.png) !important;
}
.arrow-vertical.arrow-down {
  background-image: url(../../../../../image/catalog/general/arrow-down.png) !important;
}

.slick-nav.left {
  bottom: -6%;
  top: auto;
  left: auto;
  right: 52%;
}
.slick-nav.right {
  right: 49%;
  bottom: -6%;
  top: auto;
}

/*****************************************
button
*****************************************/
.btn:not(.register-button):not(#account_tigger_close):not(.btn_edit):not(#waiting_list_submit):not(.btn-underline):not(.btn-arrow):not(.btn-ofs):not(.btn-currency):not(.btn-language):not(.btn-newsletter):not(.btn-w):not(.btn-padding):not(.button-remove):not(.button-update):not(.btn-number):not(.btn-extra):not(#filter_group_tigger_open):not(#brands-filter-trigger-close):not(#articles-filter-trigger-close):not(#articles-filter-trigger-open):not(.btn-calendar):not(#filter_group_tigger_open):not(.btn-inner):not(.btn-mi):not(#button-login):not(#button-voucher):not(#button-coupon):not(#button-reward):not(.btn-wishlist):not(.no-custom):not(#button-search):not(.btn-calendar):not(#filter_group_tigger_close):not(.remove) {
  min-width: 180px;
  padding: 16px 10px;
  height: auto;
  min-height: 45px;
  font-size: calc(13px + 4 * (100vw - 375px) / 1525);
  letter-spacing: 0;
  font-weight: 500;
  letter-spacing: 0.8px;
  border-radius: 50px;
  text-transform: inherit;
  border-color: #282728;
}

.btn:not(.btn-signup):not(.register-button):not(#account_tigger_close):not(.btn_edit):not(#waiting_list_submit):not(.btn-underline):not(.btn-arrow):not(.btn-ofs):not(.btn-currency):not(.btn-language):not(.btn-newsletter):not(.btn-w):not(.btn-padding):not(.button-remove):not(.button-update):not(.btn-number):not(.btn-extra):not(#filter_group_tigger_open):not(#brands-filter-trigger-close):not(#articles-filter-trigger-close):not(#articles-filter-trigger-open):not(.btn-calendar):not(#filter_group_tigger_open):not(.btn-inner):not(.btn-mi):not(#button-login):not(#button-voucher):not(#button-coupon):not(#button-reward):not(.btn-wishlist):not(.no-custom):not(#button-search):not(.btn-calendar):not(#filter_group_tigger_close):not(.remove) {
     background: transparent;
}

.btn-black {
  background: transparent !important;
  color: #282728;
  border-color: #282728 !important;
}
.btn-black:hover {
  opacity: 0.8;
  color: #282728 !important;
}

.btn-sgpr {
  background: transparent !important;
  border: 2px solid #0B559F !important;
  color: #0B559F !important;
}
.btn-sgpr.active {
  background: #0B559F !important;
  color: #ffffff !important;
}
.btn-sgpr:hover {
  opacity: 0.8;
  color: #0B559F !important;
}

.btn-lightblue {
  background: transparent !important;
  border: 2px solid #1da3d9 !important;
  color: #1da3d9 !important;
}
.btn-lightblue.active {
  background: #1da3d9 !important;
  color: #ffffff !important;
}
.btn-lightblue:hover {
  opacity: 0.8;
  color: #1da3d9 !important;
}

/*****************************************
custom
*****************************************/
.hide {
  display: none;
}

.show {
  display: block !important;
}

.absolute {
  position: absolute;
}

.relative {
  position: relative;
}

/* flex */
.w100 {
  width: 100%;
}

.flex-wrap {
  flex-wrap: wrap;
}

.h100 {
  height: 100%;
}

.flex-nowrap {
  flex-wrap: nowrap;
}

.inlineflex {
  display: inline-flex !important;
}

.flex_direction_column {
  flex-direction: column;
}

.flex_direction_row {
  flex-direction: row;
}

.flex_direction_row_reverse {
  flex-direction: row-reverse;
}

.justify-space-between {
  justify-content: space-between;
}

.justify-center {
  justify-content: center;
}

.justify-start {
  justify-content: flex-start;
}

.justify-end {
  justify-content: flex-end;
}

.align-center {
  align-items: center !important;
}

.align-start {
  align-items: flex-start;
}

.align-end {
  align-items: flex-end;
}

.text-left {
  text-align: left !important;
}

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

.text-right {
  text-align: right;
}

.pb-0 {
  padding-bottom: 0 !important;
}

.margin-auto {
  margin: auto;
}

.product-category select,
.product-special select,
.search-container .search-options select {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  height: 50px !important;
  font-size: calc(12px + 3 * (100vw - 375px) / 1525);
  padding: 0 20px !important;
  background: url(../../../../../image/catalog/general/dropdown.png) no-repeat scroll right center;
  background-origin: content-box;
  border-color: #e1e1e1 !important;
  color: #333333;
  font-weight: 400;
  background-color: #ffffff;
}

@media (min-width: 1024px) {
  .w95 {
    width: 95%;
    margin: auto;
  }
  .w90 {
    width: 90%;
    margin: auto;
  }
  .w87 {
    width: 87%;
    margin: auto;
  }
  .w80 {
    width: 80%;
    margin: auto;
  }
  .w70 {
    width: 70%;
    margin: auto;
  }
  .w60 {
    width: 60%;
    margin: auto;
  }
  .w50 {
    width: 50%;
    margin: auto;
  }
  .width_70 {
    width: 70%;
  }
  .text-sm-center {
    text-align: center;
  }
  .flex_100 {
    width: 100%;
  }
  .flex_66 {
    width: 63%;
  }
  .flex_50 {
    width: 50%;
  }
  .flex_56 {
    width: 56%;
  }
  .flex_52 {
    width: 52%;
  }
  .flex_48 {
    width: 48%;
  }
  .flex_53 {
    width: 53%;
  }
  .flex_47 {
    width: 47%;
  }
  .flex_47_special {
    width: 47%;
  }
  .flex_50_special {
    width: 50%;
  }
  .flex_50_special2 {
    width: 50%;
  }
  .flex_33 {
    width: 33%;
  }
  .flex_33_special {
    width: 33%;
  }
  .flex_33_special2 {
    width: 33.33%;
  }
  .flex_32 {
    width: 32%;
  }
  .flex_25 {
    width: 25%;
  }
  .flex_15 {
    width: 15%;
  }
  .flex_28 {
    width: 28%;
  }
  .flex_35 {
    width: 35%;
  }
  .flex_65 {
    width: 65%;
  }
  .flex_75 {
    width: 75%;
  }
  .flex_25_special {
    width: 25%;
  }
  .flex_22 {
    width: 22%;
  }
  .flex_24 {
    width: 24%;
  }
  .flex_26 {
    width: 26%;
  }
  .flex_20 {
    width: 20%;
  }
  .flex_45 {
    width: 45%;
  }
  .flex_55 {
    width: 55%;
  }
  .flex_44 {
    width: 44%;
  }
  .flex_10 {
    width: 10%;
  }
  .flex_90 {
    width: 90%;
  }
  .flex_20_special {
    width: 20%;
  }
  .flex_80_special {
    width: 70%;
  }
  .flex_40 {
    width: 40%;
  }
  .flex_40_special {
    width: 40%;
  }
  .flex_39 {
    width: 39%;
  }
  .flex_60 {
    width: 60%;
  }
  .flex_60_special {
    width: 60%;
  }
  .flex_61 {
    width: 61%;
  }
  .flex_64 {
    width: 64%;
    padding-right: 20px;
  }
  .flex_20_special2 {
    width: 20%;
    padding-top: 30px;
  }
  .flex_80 {
    width: 80%;
  }
  .flex_80_special2 {
    width: 80%;
  }
  .flex_70 {
    width: 70%;
  }
  .flex_70_special {
    width: 70%;
  }
  .flex_70_special2 {
    width: 70%;
  }
  .flex_70_special3 {
    width: 70%;
  }
  .flex_30 {
    width: 29%;
  }
  .flex_30_special {
    width: 30%;
  }
  .flex_30_special3 {
    width: 30%;
  }
  .flex_30_special4 {
    width: 30%;
  }
  .flex_36 {
    width: 36%;
  }
  .flex_25_special2 {
    width: 25%;
  }
  .flex_75_special2 {
    width: 75%;
  }
  .flex_19 {
    width: 19%;
  }
  .flex_30_special2 {
    width: 30%;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .w70 {
    width: 80%;
    margin: auto;
  }
  .hide-sm {
    display: none;
  }
  .text-sm-center {
    text-align: center;
  }
  .flex_100 {
    width: 100%;
  }
  .flex_66 {
    width: 100%;
  }
  .flex_50 {
    width: 50%;
  }
  .flex_52 {
    width: 52%;
  }
  .flex_48 {
    width: 48%;
  }
  .flex_53 {
    width: 100%;
  }
  .flex_56 {
    width: 50%;
  }
  .flex_44 {
    width: 50%;
  }
  .flex_47 {
    width: 47%;
  }
  .flex_47_special {
    width: 100%;
  }
  .flex_33_special {
    width: 33.33%;
  }
  .flex_33_special2 {
    width: 33.33%;
  }
  .flex_32 {
    width: 32%;
  }
  .flex_50_special {
    width: 50%;
  }
  .flex_50_special2 {
    width: 50%;
  }
  .flex_33 {
    width: 33%;
  }
  .flex_25 {
    width: 25%;
  }
  .flex_15 {
    width: 33.33%;
  }
  .flex_75 {
    width: 75%;
  }
  .flex_28 {
    width: 28%;
  }
  .flex_35 {
    width: 35%;
  }
  .footer-newsletter.flex_35 {
    width: 100%;
    padding-top: 20px;
  }
  .flex_65 {
    width: 65%;
  }
  .flex_60_special {
    width: 55%;
  }
  .flex_40_special {
    width: 45%;
  }
  .flex_25_special {
    width: 33.33%;
  }
  .flex_25_special2 {
    width: 33.33%;
  }
  .flex_22 {
    width: 30%;
  }
  .flex_24 {
    width: 24%;
  }
  .flex_26 {
    width: 100%;
  }
  .flex_20 {
    width: 30%;
  }
  .flex_80 {
    width: 70%;
  }
  .flex_45 {
    width: 45%;
  }
  .flex_55 {
    width: 55%;
  }
  .flex_10 {
    width: 10%;
  }
  .flex_90 {
    width: 90%;
  }
  .flex_20_special {
    width: 20%;
  }
  .flex_80_special {
    width: 70%;
  }
  .flex_40 {
    width: 40%;
  }
  .flex_39 {
    width: 100%;
  }
  .flex_60 {
    width: 60%;
    /* padding: 20px; */
  }
  .flex_60_special2 {
    width: 100%;
  }
  .flex_61 {
    width: 100%;
  }
  .flex_64 {
    width: 64%;
    /* padding: 20px; */
  }
  .flex_20_special2 {
    width: 20%;
  }
  .flex_80_special2 {
    width: 80%;
  }
  .flex_70 {
    width: 70%;
  }
  .flex_70_special {
    width: 100%;
  }
  .flex_70_special2 {
    width: 70%;
  }
  .flex_70_special3 {
    width: 100%;
  }
  /* .flex_30{
  	width: 40%;
  } */
  .flex_30 {
    width: 46%;
  }
  .flex_30_special2 {
    width: 100%;
  }
  .flex_30_special {
    width: 43%;
  }
  .flex_30_special3 {
    width: 28%;
  }
  .flex_30_special4 {
    width: 30%;
  }
  .flex_36 {
    width: 36%;
    /* padding: 20px 0; */
  }
  .flex_19 {
    width: 19%;
  }
  .flex-direction-reverse {
    flex-direction: column-reverse;
  }
}
@media (max-width: 767px) {
  .pb-mobile40 {
    padding-bottom: 40px;
  }
  /* .w70 {
      width: 100%;
      margin: auto;
  } */
  .flex_100 {
    width: 100%;
  }
  .flex_66 {
    width: 100%;
  }
  .flex_50 {
    width: 100%;
  }
  .flex_52 {
    width: 100%;
  }
  .flex_48 {
    width: 100%;
  }
  .flex_53 {
    width: 100%;
  }
  .flex_44 {
    width: 100%;
  }
  .flex_47 {
    width: 100%;
  }
  .flex_47_special {
    width: 100%;
  }
  .flex_50_special {
    width: 100%;
  }
  .flex_33_special {
    width: 50%;
  }
  .flex_33_special2 {
    width: 50%;
  }
  .flex_32 {
    width: 50%;
  }
  .flex_30_special2 {
    width: 100%;
  }
  .flex_50_special2 {
    width: 50%;
  }
  .flex_33 {
    width: 50%;
  }
  .flex_35 {
    width: 100%;
  }
  .flex_56 {
    width: 100%;
  }
  .flex_65 {
    width: 100%;
  }
  .flex_28 {
    width: 28%;
  }
  .flex_25 {
    width: 33.33%;
  }
  .flex_25_special {
    width: 50%;
  }
  .flex_25_special2 {
    width: 33.33%;
  }
  .flex_75 {
    width: 75%;
  }
  .flex_15 {
    width: 100%;
  }
  .flex_22 {
    width: 50%;
  }
  .flex_24 {
    width: 48%;
  }
  .flex_26 {
    width: 100%;
  }
  .flex_20 {
    width: 100%;
  }
  .flex_80 {
    width: 100%;
  }
  /* .flex_direction_row{
  	flex-direction: column-reverse;
  } */
  .flex_direction_row_reverse {
    /* flex-direction: column-reverse; */
  }
  .flex_45 {
    width: 100%;
  }
  .flex_55 {
    width: 100%;
  }
  .flex_10 {
    width: 100%;
  }
  .flex_90 {
    width: 100%;
  }
  .flex_20_special {
    width: 50%;
    text-align: center;
  }
  .flex_70_special {
    width: 100%;
  }
  .flex_70_special3 {
    width: 100%;
  }
  .flex_80_special {
    width: 100%;
  }
  .flex_20_special .w_80 {
    width: 30% !important;
  }
  .flex_40 {
    width: 100%;
  }
  .flex_40_special {
    width: 100%;
  }
  .flex_39 {
    width: 100%;
  }
  .flex_60 {
    width: 100%;
    /* padding: 10px; */
  }
  .flex_60_special {
    width: 100%;
  }
  .flex_61 {
    width: 100%;
  }
  .flex_64 {
    width: 100%;
    /* padding: 10px; */
  }
  .flex_20_special2 {
    width: 100%;
  }
  .flex_80_special2 {
    width: 100%;
  }
  .flex_70 {
    width: 70%;
  }
  .flex_70_special2 {
    width: 100%;
  }
  .flex_30 {
    width: 45%;
  }
  .flex_30_special {
    width: 100%;
  }
  .flex_30_special3 {
    width: 44%;
  }
  .flex_30_special4 {
    width: 30%;
  }
  .flex_36 {
    width: 36%;
  }
  .flex_19 {
    width: 19%;
  }
}
@media (max-width: 479px) {
  .flex_33_special {
    width: 50%;
  }
  .flex_25_special2 {
    width: 50%;
  }
}
@media (max-width: 428px) {
  .flex_33_special {
    width: 50%;
  }
  .flex_33_special2 {
    width: 100%;
  }
}
@media (max-width: 390px) {
  .flex_33_special {
    width: 100%;
  }
}
/********/
.pt-0 {
  padding-top: 0 !important;
}

.pd-5 {
  padding: 5px;
}

.pd-15 {
  padding: 15px;
}

.pt-10 {
  padding-top: 10px;
}

.pt-20 {
  padding-top: 20px;
}

.pt-30 {
  padding-top: 30px;
}

.pt-40 {
  padding-top: 40px;
}

.pt-50 {
  padding-top: 50px;
}

.pt-60 {
  padding-top: 60px;
}

.pt-70 {
  padding-top: 70px;
}

.pt-80 {
  padding-top: 80px;
}

.pt-90 {
  padding-top: 90px;
}

.pt-100 {
  padding-top: 100px;
}

.pt-120 {
  padding-top: 120px;
}

.pb-10 {
  padding-bottom: 10px;
}

.pb-20 {
  padding-bottom: 20px;
}

.pb-30 {
  padding-bottom: 30px;
}

.pb-40 {
  padding-bottom: 40px;
}

.pb-50 {
  padding-bottom: 50px;
}

.pb-60 {
  padding-bottom: 60px;
}

.pb-70 {
  padding-bottom: 70px;
}

.pb-80 {
  padding-bottom: 80px;
}

.pb-90 {
  padding-bottom: 90px;
}

.pb-100 {
  padding-bottom: 100px;
}

.pb-120 {
  padding-bottom: 120px;
}

.pl-10 {
  padding-left: 10px;
}

.pl-20 {
  padding-left: 20px;
}

.pl-30 {
  padding-left: 30px;
}

.pl-40 {
  padding-left: 40px;
}

.pl-50 {
  padding-left: 50px;
}

.pl-60 {
  padding-left: 60px;
}

.pl-70 {
  padding-left: 70px;
}

.pl-80 {
  padding-left: 80px;
}

.pl-90 {
  padding-left: 90px;
}

.pl-100 {
  padding-bottom: 100px;
}

.pl-percent7 {
  padding-left: 7%;
}

.pr-percent7 {
  padding-right: 7%;
}

.pr-5 {
  padding-right: 5px;
}

.pr-10 {
  padding-right: 10px;
}

.pr-20 {
  padding-right: 20px;
}

.pr-30 {
  padding-right: 30px;
}

.pr-40 {
  padding-right: 40px;
}

.pr-50 {
  padding-right: 50px;
}

.pr-60 {
  padding-right: 60px;
}

.pr-70 {
  padding-right: 70px;
}

.pr-80 {
  padding-right: 80px;
}

.pr-90 {
  padding-right: 90px;
}

.pr-100 {
  padding-bottom: 100px;
}

.pdlr-0 {
  padding-left: 0px;
  padding-right: 0px;
}

.plr-10 {
  padding-left: 10px;
  padding-right: 10px;
}

.plr-20 {
  padding-left: 20px;
  padding-right: 20px;
}

.plr-30 {
  padding-left: 30px;
  padding-right: 30px;
}

.ptb-100 {
  padding: 100px 0;
}

.m-0 {
  margin: 0px;
}

.mt-10 {
  margin-top: 10px;
}

.mt-20 {
  margin-top: 20px;
}

.mt-30 {
  margin-top: 30px;
}

.mt-40 {
  margin-top: 40px;
}

.mt-50 {
  margin-top: 50px;
}

.mt-60 {
  margin-top: 60px;
}

.mt-90 {
  margin-top: 90px !important;
}

.mt-70 {
  margin-top: 70px !important;
}

.mt-80 {
  margin-top: 80px !important;
}

.mt-100 {
  margin-top: 100px;
}

.mb-0 {
  margin-bottom: 0px !important;
}

.mb-10 {
  margin-bottom: 10px !important;
}

.mb-20 {
  margin-bottom: 20px !important;
}

.mb-30 {
  margin-bottom: 30px !important;
}

.mb-40 {
  margin-bottom: 40px !important;
}

.mb-60 {
  margin-bottom: 60px !important;
}

.mb-100 {
  margin-bottom: 100px;
}

.ml-20 {
  margin-left: 20px;
}

.ml-15 {
  margin-left: 15px;
}

.italic {
  font-style: italic;
}

.form-group {
  margin-bottom: 15px !important;
}
.form-group label {
  padding-bottom: 5px;
}

.form-control {
  height: 50px;
  border-color: #888888;
  border-radius: 30px !important;
}

.pdt10 {
  padding-top: calc(5px + 5 * (100vw - 375px) / 1525);
}

.pdt15 {
  padding-top: calc(5px + 10 * (100vw - 375px) / 1525);
}

.pdt20 {
  padding-top: calc(10px + 10 * (100vw - 375px) / 1525);
}

.pdt25 {
  padding-top: calc(10px + 15 * (100vw - 375px) / 1525);
}

.pdt30 {
  padding-top: calc(15px + 15 * (100vw - 375px) / 1525);
}

.pdt40 {
  padding-top: calc(20px + 20 * (100vw - 375px) / 1525);
}

.pdt45 {
  padding-top: calc(20px + 25 * (100vw - 375px) / 1525);
}

.pdt50 {
  padding-top: calc(25px + 25 * (100vw - 375px) / 1525);
}

.pdt60 {
  padding-top: calc(30px + 30 * (100vw - 375px) / 1525);
}

.pdt80 {
  padding-top: calc(40px + 40 * (100vw - 375px) / 1525);
}

.pdt100 {
  padding-top: calc(40px + 60 * (100vw - 375px) / 1525);
}

.pdt110 {
  padding-top: calc(40px + 70 * (100vw - 375px) / 1525);
}

.pdt120 {
  padding-top: calc(50px + 70 * (100vw - 375px) / 1525);
}

.pdt160 {
  padding-top: calc(60px + 100 * (100vw - 375px) / 1525);
}

.pdt200 {
  padding-top: calc(80px + 120 * (100vw - 375px) / 1525);
}

.pdt250 {
  padding-top: calc(150px + 100 * (100vw - 375px) / 1525);
}

.pdb10 {
  padding-bottom: calc(5px + 5 * (100vw - 375px) / 1525);
}

.pdb15 {
  padding-bottom: calc(5px + 10 * (100vw - 375px) / 1525);
}

.pdb20 {
  padding-bottom: calc(10px + 10 * (100vw - 375px) / 1525);
}

.pdb25 {
  padding-bottom: calc(10px + 15 * (100vw - 375px) / 1525);
}

.pdb30 {
  padding-bottom: calc(15px + 15 * (100vw - 375px) / 1525);
}

.pdb40 {
  padding-bottom: calc(20px + 20 * (100vw - 375px) / 1525);
}

.pdb45 {
  padding-bottom: calc(20px + 25 * (100vw - 375px) / 1525);
}

.pdb50 {
  padding-bottom: calc(25px + 25 * (100vw - 375px) / 1525);
}

.pdb60 {
  padding-bottom: calc(30px + 30 * (100vw - 375px) / 1525);
}

.pdb80 {
  padding-bottom: calc(40px + 40 * (100vw - 375px) / 1525);
}

.pdb100 {
  padding-bottom: calc(40px + 60 * (100vw - 375px) / 1525);
}

.pdb110 {
  padding-bottom: calc(40px + 70 * (100vw - 375px) / 1525);
}

.pdb120 {
  padding-bottom: calc(50px + 70 * (100vw - 375px) / 1525);
}

.pdb160 {
  padding-bottom: calc(60px + 100 * (100vw - 375px) / 1525);
}

.pdb200 {
  padding-bottom: calc(80px + 120 * (100vw - 375px) / 1525);
}

.pdb250 {
  padding-bottom: calc(150px + 100 * (100vw - 375px) / 1525);
}

.pdl10 {
  padding-left: calc(5px + 5 * (100vw - 375px) / 1525);
}

.pdl15 {
  padding-left: calc(5px + 10 * (100vw - 375px) / 1525);
}

.pdl20 {
  padding-left: calc(10px + 10 * (100vw - 375px) / 1525);
}

.pdl25 {
  padding-left: calc(10px + 15 * (100vw - 375px) / 1525);
}

.pdl30 {
  padding-left: calc(15px + 15 * (100vw - 375px) / 1525);
}

.pdl40 {
  padding-left: calc(20px + 20 * (100vw - 375px) / 1525);
}

.pdl45 {
  padding-left: calc(20px + 25 * (100vw - 375px) / 1525);
}

.pdl50 {
  padding-left: calc(25px + 25 * (100vw - 375px) / 1525);
}

.pdl60 {
  padding-left: calc(30px + 30 * (100vw - 375px) / 1525);
}

.pdl80 {
  padding-left: calc(40px + 40 * (100vw - 375px) / 1525);
}

.pdl100 {
  padding-left: calc(40px + 60 * (100vw - 375px) / 1525);
}

.pdl110 {
  padding-left: calc(40px + 70 * (100vw - 375px) / 1525);
}

.pdl120 {
  padding-left: calc(50px + 70 * (100vw - 375px) / 1525);
}

.pdl160 {
  padding-left: calc(60px + 100 * (100vw - 375px) / 1525);
}

.pdl200 {
  padding-left: calc(80px + 120 * (100vw - 375px) / 1525);
}

.pdl250 {
  padding-left: calc(150px + 100 * (100vw - 375px) / 1525);
}

.pdr10 {
  padding-right: calc(5px + 5 * (100vw - 375px) / 1525);
}

.pdr15 {
  padding-right: calc(5px + 10 * (100vw - 375px) / 1525);
}

.pdr20 {
  padding-right: calc(10px + 10 * (100vw - 375px) / 1525);
}

.pdr25 {
  padding-right: calc(10px + 15 * (100vw - 375px) / 1525);
}

.pdr30 {
  padding-right: calc(15px + 15 * (100vw - 375px) / 1525);
}

.pdr40 {
  padding-right: calc(20px + 20 * (100vw - 375px) / 1525);
}

.pdr45 {
  padding-right: calc(20px + 25 * (100vw - 375px) / 1525);
}

.pdr50 {
  padding-right: calc(25px + 25 * (100vw - 375px) / 1525);
}

.pdr60 {
  padding-right: calc(30px + 30 * (100vw - 375px) / 1525);
}

.pdr80 {
  padding-right: calc(40px + 40 * (100vw - 375px) / 1525);
}

.pdr100 {
  padding-right: calc(40px + 60 * (100vw - 375px) / 1525);
}

.pdr110 {
  padding-right: calc(40px + 70 * (100vw - 375px) / 1525);
}

.pdr120 {
  padding-right: calc(50px + 70 * (100vw - 375px) / 1525);
}

.pdr160 {
  padding-right: calc(60px + 100 * (100vw - 375px) / 1525);
}

.pdr200 {
  padding-right: calc(80px + 120 * (100vw - 375px) / 1525);
}

.pdr250 {
  padding-right: calc(150px + 100 * (100vw - 375px) / 1525);
}

.pd10 {
  padding: calc(5px + 5 * (100vw - 375px) / 1525);
}

.pd15 {
  padding: calc(5px + 10 * (100vw - 375px) / 1525);
}

.pd20 {
  padding: calc(10px + 10 * (100vw - 375px) / 1525);
}

.pd25 {
  padding: calc(10px + 15 * (100vw - 375px) / 1525);
}

.pd30 {
  padding: calc(15px + 15 * (100vw - 375px) / 1525);
}

.pd40 {
  padding: calc(20px + 20 * (100vw - 375px) / 1525);
}

.pd45 {
  padding: calc(20px + 25 * (100vw - 375px) / 1525);
}

.pd50 {
  padding: calc(25px + 25 * (100vw - 375px) / 1525);
}

.pd60 {
  padding: calc(30px + 30 * (100vw - 375px) / 1525);
}

.pd80 {
  padding: calc(40px + 40 * (100vw - 375px) / 1525);
}

.pd100 {
  padding: calc(40px + 60 * (100vw - 375px) / 1525);
}

.pd110 {
  padding: calc(40px + 70 * (100vw - 375px) / 1525);
}

.pd120 {
  padding: calc(50px + 70 * (100vw - 375px) / 1525);
}

.pd160 {
  padding: calc(60px + 100 * (100vw - 375px) / 1525);
}

.pd200 {
  padding: calc(80px + 120 * (100vw - 375px) / 1525);
}

.pd250 {
  padding: calc(150px + 100 * (100vw - 375px) / 1525);
}

::-webkit-input-placeholder {
  /* WebKit, Blink, Edge */
  color: #9c9c9c;
}

:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #9c9c9c;
  opacity: 1;
}

::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #9c9c9c;
  opacity: 1;
}

:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #9c9c9c;
}

::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #9c9c9c;
}

::placeholder {
  /* Most modern browsers support this now. */
  color: #9c9c9c;
}

.form-horizontal .control-label {
  padding-bottom: 2x;
  text-align: left;
}

/*****************************************
Animation
*****************************************/
@keyframes fadeInDown {
  0% {
    opacity: 0;
    transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes fadeInUp {
  from {
    transform: translate3d(0, 40px, 0);
  }
  to {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes zoom-in {
  0% {
    transform: scale(0.5);
    opacity: 0.1;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes zoom-out {
  0% {
    transform: scale(1.5);
    opacity: 0.1;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes scale-up-center {
  0% {
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
.scale-up-center {
  -webkit-animation: scale-up-center 0.4s cubic-bezier(0.39, 0.575, 0.565, 1) both;
  animation: scale-up-center 0.4s cubic-bezier(0.39, 0.575, 0.565, 1) both;
}

@-webkit-keyframes slide-top {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(-100px);
    transform: translateY(-100px);
  }
}
@keyframes slide-top {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(-100px);
    transform: translateY(-100px);
  }
}
.slide-top {
  -webkit-animation: slide-top 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
  animation: slide-top 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}

.header-container .header-links > a,
.header-container #account > a[data-toggle=dropdown],
.header-container #enquiry > a,
.header-container #cart > a,
.header-container ._search > a {
  padding: 10px 14px 0 !important;
}

.header-tele a {
  border: 2px solid #0B559F;
  border-radius: 50px;
  padding: 12px 15px;
  color: #0B559F !important;
  font-size: calc(13px + 3 * (100vw - 375px) / 1525);
  white-space: nowrap;
}

.header-top .header-icons {
  margin-top: 7px;
}
.header-top #account {
  margin-top: 9px;
  display: flex;
  align-items: center;
}
.header-top .logout {
  padding-left: 5px;
}
.header-top #enquiry_dropdown_icon {
  width: 10px;
  /* padding: 10px 0 !important; */
  padding: 14px 0 0px !important;
}

.w-banner {
  padding: 0;
}

/********** HEADER BAR *************/
i.icon {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: left top;
  background-size: 100%;
  width: 25px;
  height: 25px;
  transform: scale(1);
  transition: all 0.3s;
}
i.icon.user-icon {
  background-image: url(../../../../../image/catalog/general/account.png);
}
i.icon.enquiry-icon {
  background-image: url(../../../../../image/catalog/general/enquiry.png);
}
i.icon.cart-icon {
  background-image: url(../../../../../image/catalog/general/cart.png);
}
i.icon.search-icon {
  background-image: url(../../../../../image/catalog/general/search.png);
  margin-right: 5px;
}

.slider-slideshow-description.background-type-light_image {
  top: 50% !important;
}

.page-banner .page-banner-title {
  color: #ffffff !important;
  text-align: center;
  font-weight: 700;
  font-size: calc(17px + 8 * (100vw - 375px) / 1525);
  top: 50%;
  letter-spacing: 1.2px;
  /* text-align: center; */
}
.page-banner .page-banner-title h3 {
  font-weight: 700 !important;
  margin: 0;
  padding: 0;
  font-size: calc(26px + 21 * (100vw - 375px) / 1525) !important;
  text-align: center !important;
}

.breadcrumb {
  display: none;
}
.breadcrumb_div .breadcrumb {
  display: block;
}

.header-container {
  align-items: center;
}

.header-container .header-menu #main-menu,
.header-container .header-menu #main-menu li {
  height: 100%;
}

body #footer-area {
  margin-top: 0 !important;
}

footer .footer-content-info .footer-logo img {
  width: 150px;
}
footer .footer-content-info .footer-contact-links {
  padding: 0 15px;
}
footer .footer-content-info .footer-contact-links h5 {
  margin-bottom: 1vw;
  font-size: calc(13px + 3 * (100vw - 375px) / 1525);
  color: #222222;
  font-weight: 400;
}

.fcs a {
  text-decoration: auto !important;
}

.divider {
  padding: 0 7px;
}

/********** Page banner *************/
body:not(.product-category):not(.common-home):not(.iid-16):not(.iid-3):not(.iid-5) #content {
  padding-top: calc(40px + 40 * (100vw - 375px) / 1525);
}
body.iid-5 .container, body.iid-3 .container {
  width: calc(100% - 800px);
}
body.quickenquiry-checkout #content {
  padding-bottom: calc(40px + 40 * (100vw - 375px) / 1525);
}
body.logged .slider-slideshow-description .slider-slidehow-desc .fancyboxIframe {
  display: none;
}

/********** Home *************/
body:not(.cke_editable) h2:not(.swal2-title):not([style]) {
  display: inline-block;
  text-align: center;
  position: relative;
}
body:not(.cke_editable) h2:not(.swal2-title):not([style]):not(.text-left) {
  left: 50%;
  transform: translateX(-50%);
}

body:not(.cke_editable) h2:not(.swal2-title):not([style])::after {
  background: #1da3d9 !important;
  height: 4px !important;
  margin: 12px auto 0px !important;
  position: absolute;
  width: 100% !important;
}

/********** Banner *************/
@media (min-width: 1400px) {
  .slider-slideshow-description .slider-slideshow-description-texts {
    width: 50%;
    margin: auto;
  }
}
.slider-slideshow-description .slider-slideshow-description-texts .slider-slidehow-desc .slideshow-text-1, .slider-slideshow-description .slider-slideshow-description-texts .slider-slidehow-desc h2 {
  text-align: center;
  font-size: calc(25px + 30 * (100vw - 375px) / 1525) !important;
  font-weight: 700;
  line-height: 1.1;
  margin-bottom: 0.3em;
}
.slider-slideshow-description .slider-slideshow-description-texts .slider-slidehow-desc .slideshow-text-1 code, .slider-slideshow-description .slider-slideshow-description-texts .slider-slidehow-desc h2 code {
  padding: 0;
  font-size: 90%;
  color: #1da3d9;
  background-color: transparent;
  border-radius: 0;
  font-family: "Lato", sans-serif !important;
}
.slider-slideshow-description .slider-slideshow-description-texts .slider-slidehow-desc p {
  font-size: calc(14px + 5 * (100vw - 375px) / 1525) !important;
  letter-spacing: 1.3px !important;
}
.slider-slideshow-description .slider-slideshow-description-texts .slider-slidehow-desc .btn {
  margin: 25px 7px;
      z-index: 222;
    position: relative;
}
.slider-slideshow-description .slider-slideshow-description-texts .slider-slidehow-desc .btn.btn-hire {
     border: 2px solid #1da3d9 !important;
    color: #1da3d9 !important;
    z-index: 222;
    position: relative;
}

/********** Home *************/
.bg-blue {
  background: #EFF4F7;
}

.section-space.testimonial_custom {
  padding-top: 20px;
}
.section-space.enquiry_button {
  padding-top: 0;
}

.home-why-choose-us .left-conc {
  padding-left: calc(150px + 100 * (100vw - 375px) / 1525);
  padding-right: calc(40px + 60 * (100vw - 375px) / 1525);
}
.home-why-choose-us .why-choose-us-box {
  padding: 15px;
}
.home-why-choose-us .why-choose-us-box:nth-child(even) {
  position: relative;
}
@media (min-width: 542px) {
  .home-why-choose-us .why-choose-us-box:nth-child(even) {
    top: 30px;
  }
}
.home-why-choose-us .why-choose-us-box .inner-box {
  padding: 30px 35px 10px;
  border-radius: 20px;
}
.home-why-choose-us .why-choose-us-box .inner-box h3 {
  font-size: calc(17px + 7 * (100vw - 375px) / 1525) !important;
  padding-top: 15px;
  text-transform: inherit;
}
.home-testimonial-con .testi-slick .boxes {
  padding: 0 40px;
}
.home-testimonial-con .testi-slick .pd-testi {
  padding-bottom: 100%;
}

/********** Form Builder *************/
.tmdformbulider-36 #formbuilder {
  padding-right: calc(150px + 100 * (100vw - 375px) / 1525);
}
.tmdformbulider .right .form-image {
  text-align: right;
}
.tmdformbulider .right .formbulider {
  padding-left: calc(150px + 100 * (100vw - 375px) / 1525) !important;
}

#formbuilder .custom_formbuilder > *:not(:last-child) {
  min-width: calc(50% - 15px);
  width: calc(50% - 15px);
  flex: initial !important;
}
#formbuilder .custom_formbuilder .form-group .col-sm-12 {
  padding-right: 4px !important;
  padding-left: 4px !important;
}
#formbuilder .custom_formbuilder .form-group.form-textarea, #formbuilder .custom_formbuilder .form-group.form-upload {
  min-width: calc(100% - 15px);
  width: calc(100% - 15px);
}
#formbuilder .custom_formbuilder .buttons {
  margin-left: 11px;
}

/********** About *************/
body.information-information.iid-8 .repeater-row-content {
  left: 50%;
  position: relative;
  width: calc(100vw - 17px);
  margin-left: calc(-50vw + 7.5px);
}

.information-row .text {
  padding-top: calc(40px + 60 * (100vw - 375px) / 1525) !important;
}
.information-row.ltr .image {
  padding-right: calc(60px + 100 * (100vw - 375px) / 1525);
}
.information-row.ltr .text {
  padding-right: calc(150px + 100 * (100vw - 375px) / 1525);
}
.information-row.ltr .text h2 {
  text-align: left !important;
  left: 0 !important;
  transform: initial !important;
}

.slick-no-slide .slick-track {
  justify-content: center;
}

.partner-slider .slick-track {
  margin: 30px 0;
}
.partner-slider .slick-track .slick-slide img {
  padding: 18px;
}

/********** Contact *************/
.detail-row .detail-box {
  background-color: #EFF4F7;
  text-align: center;
  padding: 20px 20px;
  margin: 1em;
  border-radius: 20px;
}

.contact-form-con {
  left: 50%;
  position: relative;
  width: calc(100vw - 17px);
  margin-left: calc(-50vw + 7.5px);
}
.contact-form-con .contact-form {
  padding-right: calc(150px + 100 * (100vw - 375px) / 1525);
}
.contact-form-con h2 {
  text-align: left !important;
  left: 0 !important;
  transform: initial !important;
}

/********** Events *************/
.parentCategory {
  padding: calc(50px + 70 * (100vw - 375px) / 1525) 0;
}
.parentCategory .parentCat {
  padding: 0 10px 30px;
}
.parentCategory .parentCat .image-container {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
.parentCategory .parentCat .desc-container {
  background-color: #EFF4F7;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  padding: calc(10px + 15 * (100vw - 375px) / 1525) calc(15px + 15 * (100vw - 375px) / 1525);
}
.parentCategory .parentCat .desc-container a {
  font-size: calc(16px + 6 * (100vw - 375px) / 1525);
  font-weight: 700;
  text-align: center;
}

.product-row {
  padding: calc(50px + 70 * (100vw - 375px) / 1525) 0;
}

.product-block {
  background-color: #EFF4F7 !important;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}
.product-block .product-image-block .cover-bg {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
.product-block .product-desc {
  background-color: #EFF4F7;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  padding: calc(5px + 5 * (100vw - 375px) / 1525) calc(10px + 10 * (100vw - 375px) / 1525);
}
.product-block .btn-enquiry {
  background: transparent;
  border: 0;
  color: #0B559F;
  font-weight: 600;
  font-size: calc(13px + 3 * (100vw - 375px) / 1525);
}
.product-block .left .event-date {
  font-size: calc(16px + 7 * (100vw - 375px) / 1525);
  color: #0B559F;
  font-weight: 700;
  line-height: 1.4;
}
.product-block .right {
  text-align: left;
}
@media (min-width: 992px) {
  .product-block .right {
    padding-left: calc(15px + 15 * (100vw - 375px) / 1525);
  }
}
.product-block .right .short-desc {
  color: #888888;
  padding-top: 5px;
}
.product-block .cart-buttons {
  justify-content: flex-start !important;
}

.pd-job {
  padding-bottom: 56%;
}

.job-con {
  padding-bottom: calc(30px + 30 * (100vw - 375px) / 1525);
}
.job-con .event-sticker {
  font-size: calc(16px + 7 * (100vw - 375px) / 1525);
  color: #0B559F !important;
  font-weight: 800;
  line-height: 1.4;
  background: #ffffff;
  z-index: 9;
  left: 30px;
  max-width: 66px;
  text-align: center;
  padding: calc(5px + 5 * (100vw - 375px) / 1525) 0;
}
.job-con .extra-info {
  color: #0B559F;
  font-weight: 600;
  padding-bottom: 10px;
  font-size: calc(13px + 4 * (100vw - 375px) / 1525);
}
.job-con .extra-info > div {
  padding-right: calc(40px + 60 * (100vw - 375px) / 1525);
}
.job-con .q-btn-wrapper {
  justify-content: center;
}
.job-con .quantity-wrapper {
  display: none;
}

.product-description p {
  color: #888888 !important;
}

.hob-row .product-block .product-name {
  padding: 7px 0px 7px !important;
}

/******* Shop ************/
.shop-row h2 {
  display: none !important;
}
.shop-row .product-block {
  background-color: #ffffff !important;
}
.shop-row .product-block .product-name {
  padding: 13px 0px 7px !important;
}
.shop-row .product-block .product-details .price {
  font-size: calc(13px + 4 * (100vw - 375px) / 1525) !important;
  font-weight: 600;
  color: #888888;
}
.shop-row .product-block .product-details .price .price-old {
  font-size: calc(13px + 4 * (100vw - 375px) / 1525) !important;
  font-weight: 600;
  opacity: 0.4 !important;
}

.cart-buttons .btn {
  width: 100%;
}

/****************** Product Inner ******************/
.product-product .product-special-price, .product-product .old-prices {
  font-size: calc(17px + 7 * (100vw - 375px) / 1525) !important;
  font-weight: 600;
  padding-top: 9px;
}

.product-product h2 {
  margin-top: calc(40px + 40 * (100vw - 375px) / 1525);
}
.product-product .product-title {
  font-size: calc(15px + 5 * (100vw - 375px) / 1525) !important;
  color: #282728 !important;
  font-weight: 600 !important;
}
.product-product .old-prices {
  color: #7e7e7e;
}
.product-product .quantity-wrapper .form-quantity {
  max-width: 154px !important;
}
.product-product #product select {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  height: 55px !important;
  font-size: calc(13px + 3 * (100vw - 375px) / 1525) !important;
  padding: 10px 20px !important;
  background: url(../../../../../image/catalog/general/dropdown.png) no-repeat scroll right center;
  background-origin: content-box;
  border-color: #ececec !important;
  color: #000;
  font-weight: 400;
  width: 190px;
  cursor: pointer;
}
.product-product #product select::placeholder {
  color: #9c9c9c;
}
.product-product #product .form-group {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  align-items: baseline;
  position: relative;
}
.product-product #product .form-group.form-quantity {
  margin-bottom: 0px !important;
}
.product-product #product .form-group .form-control {
  border-radius: 0 !important;
}
.product-product #product .form-group {
  margin-bottom: 25px !important;
}
.product-product #product .form-group.upload-form-group button {
  width: auto;
}
.product-product .tab-content h3 {
  font-size: calc(19px + 9 * (100vw - 375px) / 1525) !important;
  font-weight: 600 !important;
}
.product-product .panel {
  border: none !important;
}
.product-product .panel-title > a {
  display: block;
  padding: 20px;
}
.product-product .panel-group .panel + .panel {
  margin-top: 0;
}
.product-product .panel-group .panel-default > .panel-heading {
  background-color: #ffffff;
  border-top: 1px solid transparent;
  border-bottom: 0;
  border-left: 0px !important;
  border-right: 0px !important;
  border-radius: 0 !important;
  color: #282728;
  margin-bottom: 20px;
}
.product-product .panel-group .panel-default > .panel-heading a {
  color: #444;
  font-size: calc(13.6363636364px + 0.0710227273vw);
  font-weight: 500;
  letter-spacing: 0.5px;
  text-transform: initial;
  border: 1px solid #e1e1e1;
}
.product-product .panel-group .panel-default > .panel-heading a:before {
  content: "";
  position: relative;
  top: 0px;
  display: inline-block;
  /* font-family: 'Glyphicons Halflings'; */
  font-style: normal;
  font-weight: 600;
  line-height: 1;
  color: #8d8d8d;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  float: right;
  transition: transform 0.25s linear;
  -webkit-transition: -webkit-transform 0.25s linear;
  font-size: 20px;
}
.product-product .panel-group .panel-default > .panel-heading a[aria-expanded=true]:before {
  content: "−";
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.product-product .panel-group .panel-default > .panel-heading a[aria-expanded=false] {
  border-bottom: 0px;
}
.product-product .panel-group .panel-default > .panel-heading a[aria-expanded=false]:before {
  content: "+";
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}
.product-product .panel-group .panel-default > .panel-heading li {
  list-style: none;
  padding: 15px 15px;
}
.product-product .panel-group .panel-body {
  padding: 0px 20px 15px !important;
  line-height: 1.7;
  border-top: 0 !important;
  border-bottom: 0px;
}

.related-module h3,
.recently-viewed h3 {
  font-size: calc(18px + 9 * (100vw - 375px) / 1525) !important;
  text-align: center !important;
  margin-bottom: 30px;
  font-weight: 600 !important;
}

.product-image-additional .slick-slide {
  margin: 7px;
}

.featured-module .slick-nav.left, .featured-module .slick-nav.prev {
  left: -57px !important;
}
.featured-module .slick-nav.right, .featured-module .slick-nav.next {
  right: -57px !important;
}

/* quanity */
.input-sign {
  background: transparent;
  border-color: #e3e3e3;
}
.input-sign.left {
  border-right: 0;
  border-top-left-radius: 5px !important;
  border-bottom-left-radius: 5px !important;
}
.input-sign.right {
  border-left: 0;
  border-top-right-radius: 5px !important;
  border-bottom-right-radius: 5px !important;
}

.input-no {
  border-color: #e3e3e3 !important;
  padding: 5px !important;
}

.social-sharing span {
  color: #000;
  font-weight: 500;
}

.rating p a {
  color: #6d6d6d !important;
}

#review .fa-star {
  color: #FC0;
}
#review .fa-star.fa-no {
  color: #dfdfdf;
}
#review .fa-star + .fa-star-o {
  color: #FFD310;
}
#review .fa-stack {
  width: 1em;
}

#waiting_list {
  margin-top: 2em;
}
#waiting_list h3 {
  font-size: calc(19px + 10 * (100vw - 375px) / 1525) !important;
  font-weight: 500 !important;
}
#waiting_list .waiting_list_container {
  -webkit-box-shadow: 0px 0px 17px 0px rgba(194, 194, 194, 0.56);
  -moz-box-shadow: 0px 0px 17px 0px rgba(194, 194, 194, 0.56);
  box-shadow: 0px 0px 17px 0px rgba(194, 194, 194, 0.56);
}
#waiting_list .waiting_list_container h3 {
  margin-bottom: 0;
  padding-bottom: 10px;
  font-weight: 600 !important;
}
#waiting_list .waiting_list_description p {
  color: #6a6a6a !important;
}

.sign-buttons a {
  margin: 0 10px;
}

.fancybox-container {
  z-index: 999999999999999 !important;
}

.popup-register-login .fancybox-content {
  height: inherit !important;
  background: transparent;
}
@media (min-width: 768px) {
  .popup-register-login .fancybox-content {
    width: 60% !important;
  }
}
@media (min-width: 1200px) {
  .popup-register-login .fancybox-content {
    width: 50% !important;
  }
}
@media (min-width: 1400px) {
  .popup-register-login .fancybox-content {
    width: 40% !important;
  }
}
@media (min-width: 1900px) {
  .popup-register-login .fancybox-content {
    width: 40% !important;
  }
}
body[class*=account-] {
  background-color: transparent;
}
body[class*=account-] .container-fluid {
  background-color: #ffffff;
}
body[class*=account-] .alert {
  margin-top: calc(20px + 20 * (100vw - 375px) / 1525);
}

.account-login, .account-register, .account-forgotten, .account-signup_now, .account-success {
  min-height: auto !important;
  padding-bottom: 0 !important;
}
.account-login header, .account-login #footer-area, .account-login #pg-banner-wrap, .account-register header, .account-register #footer-area, .account-register #pg-banner-wrap, .account-forgotten header, .account-forgotten #footer-area, .account-forgotten #pg-banner-wrap, .account-signup_now header, .account-signup_now #footer-area, .account-signup_now #pg-banner-wrap, .account-success header, .account-success #footer-area, .account-success #pg-banner-wrap {
  display: none !important;
}
.account-login .login-header, .account-register .login-header, .account-forgotten .login-header, .account-signup_now .login-header, .account-success .login-header {
  width: 100%;
}
.account-login .alert, .account-register .alert, .account-forgotten .alert, .account-signup_now .alert, .account-success .alert {
  margin-bottom: 0 !important;
}
.account-login .login-container, .account-register .login-container, .account-forgotten .login-container, .account-signup_now .login-container, .account-success .login-container {
  max-width: 100% !important;
  background: #fff;
}
.account-login #ToTop, .account-register #ToTop, .account-forgotten #ToTop, .account-signup_now #ToTop, .account-success #ToTop {
  display: none !important;
}
.account-login #content, .account-register #content, .account-forgotten #content, .account-signup_now #content, .account-success #content {
  padding: 0;
}
.account-login .floating-icons, .account-register .floating-icons, .account-forgotten .floating-icons, .account-signup_now .floating-icons, .account-success .floating-icons {
  display: none;
}

.account-register .fullwidth-btn {
  width: 30% !important;
  float: right;
}

.account-container_left .date .form-control {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
.account-container_left .date .btn-calendar {
  border-left: 0 !important;
  border-color: #888 !important;
  border-width: 1px !important;
}

#booking-form {
  width: 80%;
  margin: auto;
}
#booking-form .booking-con .contact-body .control-label {
  display: block !important;
}
#booking-form .info h3 {
  font-size: calc(14px + 4 * (100vw - 375px) / 1525) !important;
  margin-bottom: 6px;
}

.google-link {
  font-weight: bold;
  font-size: calc(14px + 5 * (100vw - 375px) / 1525);
  text-decoration: underline;
}

/*****************************************
Mobile Responsive
 *****************************************/
@media (max-width: 1600px) {
  .home-why-choose-us .left-conc, .tmdformbulider .right .formbulider {
    padding-left: calc(50px + 70 * (100vw - 375px) / 1525) !important;
  }
  #product-filter-replace.w70 {
    width: 90%;
  }
  .job-con {
    width: 100%;
  }
}
@media (max-width: 1400px) {
  .home-why-choose-us .left-conc {
    padding-right: calc(25px + 25 * (100vw - 375px) / 1525);
  }
  .home-testimonial-con {
    width: 100%;
  }
  .tmdformbulider-36 #formbuilder {
    padding-right: calc(40px + 60 * (100vw - 375px) / 1525);
  }
  .booking-summary .info {
    padding-left: 20px;
  }
}
@media (max-width: 1200px) {
  .home-why-choose-us .left-conc {
    width: 100%;
    padding-right: calc(25px + 25 * (100vw - 375px) / 1525);
    padding-left: calc(25px + 25 * (100vw - 375px) / 1525);
  }
  .home-why-choose-us .right-content {
    display: none;
  }
  .slick-nav.right {
    right: 45%;
  }
  .slick-nav.left {
    right: 50%;
  }
  .slider-slideshow-description.background-type-light_image {
    top: 50% !important;
  }
  .job-con .container {
    width: 100%;
  }
}
@media (max-width: 1100px) {
  html, body {
    overflow-x: hidden;
  }
  #product-filter-replace.w70 {
    width: 100%;
  }
}
@media screen and (max-width: 1100px) and (min-width: 991px) {
  /* .filters-wrap {
  	top: 120px !important;
  } */
}
@media screen and (max-width: 991px) and (min-width: 767px) {
  /* .filters-wrap {
  	top: 120px !important;
  } */
}
@media (max-width: 1025px) {
  body #footer-area .container {
    text-align: center;
  }
}
@media (max-width: 991px) {
  /*product filter*/
  ::-webkit-full-page-media,
  :future,
  :root .filters-wrap .form-control {
    text-align-last: auto !important;
    flex-direction: column !important;
  }
  .product-category .ad-wr,
  .product-special .ad-wr,
  .news-ncategory .ad-wr {
    width: 100% !important;
  }
  .product-block .product-button {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 0;
    display: flex;
    flex-wrap: nowrap;
    transition: opacity 0.3s;
  }
  #filter-groups {
    position: fixed;
    top: 0px;
    left: 0px;
    opacity: 0;
    z-index: 999;
    width: 100%;
    height: 100%;
    padding: 40px 30px 15px;
    overflow: auto;
    background: #ffffff !important;
    transition: all 0.3s;
    transform: translateX(-100%);
  }
  #filter_group_tigger_open {
    display: block;
    border-radius: 0 !important;
    font-size: 13px !important;
    height: 50px;
    background-color: #f5f4f1 !important;
    border-color: #e1e1e1 !important;
  }
  #input-sort {
    background-color: #f5f4f1 !important;
  }
  #filter_group_tigger_close {
    display: block !important;
  }
  #filter-groups.open {
    opacity: 1;
    transform: translateX(0%);
  }
  .product-category .ad-wr,
  .product-special .ad-wr,
  .news-ncategory .ad-wr {
    width: 100% !important;
  }
  .filters-wrap [class^=col] {
    padding: 0;
  }
  .filters-wrap .form-control {
    text-align: center;
    text-align: -webkit-center;
    -webkit-appearance: none;
    flex-direction: column;
  }
  .filters-wrap .form-group {
    margin-bottom: 0;
    margin-bottom: 0 !important;
  }
  .filters-wrap {
    padding: 0;
    position: fixed;
    left: 0;
    /* top: 186px !important; */
    right: 0;
    z-index: 8;
    background-color: #fff !important;
  }
  .filters-wrap .form-group {
    background: #fff;
  }
  .product-category select,
  .product-special select {
    padding: 8px 10px !important;
  }
  /* end filter */
  /* mobile menu */
  .header-mobile-links {
    display: block !important;
  }
  .header-menu {
    display: none !important;
  }
  #account,
  .search_container,
  ._search {
    display: none !important;
  }
  #sidr.sidr-left {
    display: block !important;
  }
  #mobileNav::before {
    content: "";
    width: 0px;
    height: 100vh;
    position: fixed;
    right: 0px;
    top: 0px;
    z-index: 10;
    opacity: 0;
    background: transparent;
    transform: translateX(50%);
    transition: opacity 0.3s;
  }
  .sidr-custom-open #mobileNav::before {
    content: "";
    width: 100%;
    opacity: 1;
    transform: translateX(0%);
    background: rgba(0, 0, 0, 0.9);
  }
  .sidr-custom-open.closing #mobileNav::before {
    opacity: 0;
    transition: all 0.3s;
  }
  .header-container .header-logo {
    grid-column: 2/3 !important;
    grid-row: 1/1 !important;
    -ms-grid-column: 2 !important;
    -ms-grid-row: 1 !important;
    -ms-grid-column-span: 1 !important;
    -ms-grid-row-span: 1 !important;
    text-align: center !important;
    background: transparent;
    box-shadow: none;
    padding-top: 0;
  }
  .header-container .header-top {
    grid-column: 3/4 !important;
    grid-row: 1/1 !important;
    -ms-grid-column: 3 !important;
    -ms-grid-row: 1 !important;
    -ms-grid-column-span: 1 !important;
    -ms-grid-row-span: 1 !important;
    padding: 0px !important;
    justify-content: flex-end !important;
  }
  .header-container {
    grid-template-columns: 0.5fr 2fr 0.5fr !important;
    -ms-grid-columns: 0.5fr 2fr 0.5fr !important;
    align-items: center !important;
  }
  /* end mobile menu */
  .information-row.ltr .text {
    padding: calc(25px + 25 * (100vw - 375px) / 1525);
  }
}
@media (max-width: 900px) {
  .custom-w {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .header-top .header-tele a {
    margin-right: 20px;
  }
  .tmdformbulider-36 #formbuilder, .tmdformbulider .right .formbulider {
    padding-right: calc(40px + 60 * (100vw - 375px) / 1525) !important;
    padding-left: calc(40px + 60 * (100vw - 375px) / 1525) !important;
  }
  .footer-upper-contet > * {
    width: 100% !important;
  }
  .booking-summary {
    padding-left: 0;
  }
  .booking-summary .flex_20 {
    width: 20%;
  }
  .booking-summary .flex_80 {
    width: 80%;
  }
  .booking-summary .btn-actions {
    text-align: right;
  }
  #booking-form {
    width: 100%;
  }
}
@media (max-width: 600px) {
  #formbuilder .custom_formbuilder .buttons {
    justify-content: center;
  }
  .header-top .header-tele {
    display: none;
  }
  #sidr .header-tele {
    margin-top: 30px;
    margin-left: 10px;
  }
}
@media (max-width: 541px) {
  .why-choose-us-box.flex_50_special2 {
    width: 100%;
  }
  .tmdformbulider-36 #formbuilder, .tmdformbulider .right .formbulider {
    padding-right: 10px !important;
    padding-left: 10px !important;
  }
  #formbuilder .custom_formbuilder > *:not(:last-child) {
    min-width: calc(100% - 15px);
    width: calc(1000% - 15px);
  }
}
@media (max-width: 390px) {
  .product-view > .product-gutter {
    width: 100% !important;
  }
}
@media (max-width: 380px) {
  #cartSummary tbody tr td:first-child + * {
    padding: 0 !important;
  }
  #cartSummary .cart-description {
    width: 100% !important;
  }
}
@media (max-width: 300px) {
  .product-view > .product-gutter {
    width: 100% !important;
  }
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .product-product select::-ms-expand {
    display: none;
  }
  .product-category select::-ms-expand {
    display: none;
  }
}

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