/* 
  Photoshop does not apply line height to the first row, which CSS does. This creates all kinds of havock. 
  To calculate the correct offset for the first line we need the font-size and the lineheight, i.e:
  
  @include line-height(22,30);
  
  in Photoshop points/px (but with no unit)
*/
/*

This version is much more elegant since it makes a good use of both min and max functions from Sass.

Literally means keep the minimum between $max and the maximum between $number and $min.

HOWTOUSE : 
            $min_width: 320px; // What is the min width responsive screen
            $max_width: 1200px; // What is the max width responsive screen
            $min_font: 15px; 
            $max_font: 24px;
            @include smartFont($min_width, $max_width, $min_font, $max_font);

*/
html {
  scroll-behavior: smooth;
  font-size: 10px; }

.bg-img-fit {
  background-repeat: no-repeat !important;
  background-size: cover !important; }

.relative {
  position: relative; }

.color-primary, .primary-title-bold {
  color: #ffc2ba; }

.color-white {
  color: #fff; }

.color-grey {
  color: #f9f9f9; }

.color-black {
  color: #000000; }

.fw-medium {
  font-weight: 500; }

.fw-bold, .primary-title-bold {
  font-weight: 700; }

.bg-primary {
  background-color: #ffc2ba; }

.bg-grey {
  background-color: #f9f9f9; }

.bg-white {
  background-color: #fff; }

.list-style-none {
  list-style: none; }

.bold-italic {
  font-weight: 700;
  font-style: italic; }

.no-gutter {
  padding: 0; }

.page-featured-banner {
  min-height: 38.3rem;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: bottom center; }
  .page-featured-banner .container {
    display: none; }

.page-id-12 #footer, .page-id-72 #footer {
  padding-top: 0;
  border: 0; }

.page-id-12 .footer-map, .page-id-12 .footer-inner, .page-id-72 .footer-map, .page-id-72 .footer-inner {
  display: none; }

.blog .page-header,
.single-post .page-header,
.category .page-header,
.archive .page-header {
  padding-bottom: 0px;
  margin: 0;
  border-bottom: none; }

@media (max-width: 991px) {
  .page-featured-banner {
    min-height: 100%; } }

.sr-l {
  display: block; }

.sr-s {
  display: none; }

@media (max-width: 991px) {
  .sr-l {
    display: none; }
  .sr-s {
    display: block; } }

.su-wrap {
  list-style: none;
  margin: 0;
  padding: 0; }

.su-icon {
  position: relative; }
  .su-icon::before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    display: inline-block;
    margin-right: 0.8rem;
    font-size: 1.8rem;
    position: relative;
    top: 50%; }

.su-icon--arrows::before {
  content: '\f0da' !important; }

.su-icon--yellow::before {
  color: yellow; }

*:focus, *:active, *:visited {
  outline: none !important; }

/* Spacing
**********/
.mg0 {
  margin: 0px; }

.mgt0 {
  margin-top: 0px; }

.mgb0 {
  margin-bottom: 0px; }

.mgv0 {
  margin-top: 0px;
  margin-bottom: 0px; }

.mgh0 {
  margin-left: 0px;
  margin-right: 0px; }

.mg10 {
  margin: 10px; }

.mgt10 {
  margin-top: 10px; }

.mgb10 {
  margin-bottom: 10px; }

.mgv10 {
  margin-top: 10px;
  margin-bottom: 10px; }

.mgh10 {
  margin-left: 10px;
  margin-right: 10px; }

.mg15 {
  margin: 15px; }

.mgt15 {
  margin-top: 15px; }

.mgb15 {
  margin-bottom: 15px; }

.mgv15 {
  margin-top: 15px;
  margin-bottom: 15px; }

.mgh15 {
  margin-left: 15px;
  margin-right: 15px; }

.mg20 {
  margin: 20px; }

.mgt20 {
  margin-top: 20px; }

.mgb20 {
  margin-bottom: 20px; }

.mgv20 {
  margin-top: 20px;
  margin-bottom: 20px; }

.mgh20 {
  margin-left: 20px;
  margin-right: 20px; }

.mg25 {
  margin: 25px; }

.mgt25 {
  margin-top: 25px; }

.mgb25 {
  margin-bottom: 25px; }

.mgv25 {
  margin-top: 25px;
  margin-bottom: 25px; }

.mgh25 {
  margin-left: 25px;
  margin-right: 25px; }

.mg30 {
  margin: 30px; }

.mgt30 {
  margin-top: 30px; }

.mgb30 {
  margin-bottom: 30px; }

.mgv30 {
  margin-top: 30px;
  margin-bottom: 30px; }

.mgh30 {
  margin-left: 30px;
  margin-right: 30px; }

.mg35 {
  margin: 35px; }

.mgt35 {
  margin-top: 35px; }

.mgb35 {
  margin-bottom: 35px; }

.mgv35 {
  margin-top: 35px;
  margin-bottom: 35px; }

.mgh35 {
  margin-left: 35px;
  margin-right: 35px; }

.mg40 {
  margin: 40px; }

.mgt40 {
  margin-top: 40px; }

.mgb40 {
  margin-bottom: 40px; }

.mgv40 {
  margin-top: 40px;
  margin-bottom: 40px; }

.mgh40 {
  margin-left: 40px;
  margin-right: 40px; }

.mg45 {
  margin: 45px; }

.mgt45 {
  margin-top: 45px; }

.mgb45 {
  margin-bottom: 45px; }

.mgv45 {
  margin-top: 45px;
  margin-bottom: 45px; }

.mgh45 {
  margin-left: 45px;
  margin-right: 45px; }

.mg50 {
  margin: 50px; }

.mgt50 {
  margin-top: 50px; }

.mgb50 {
  margin-bottom: 50px; }

.mgv50 {
  margin-top: 50px;
  margin-bottom: 50px; }

.mgh50 {
  margin-left: 50px;
  margin-right: 50px; }

.mg55 {
  margin: 55px; }

.mgt55 {
  margin-top: 55px; }

.mgb55 {
  margin-bottom: 55px; }

.mgv55 {
  margin-top: 55px;
  margin-bottom: 55px; }

.mgh55 {
  margin-left: 55px;
  margin-right: 55px; }

.mg60 {
  margin: 60px; }

.mgt60 {
  margin-top: 60px; }

.mgb60 {
  margin-bottom: 60px; }

.mgv60 {
  margin-top: 60px;
  margin-bottom: 60px; }

.mgh60 {
  margin-left: 60px;
  margin-right: 60px; }

.mg65 {
  margin: 65px; }

.mgt65 {
  margin-top: 65px; }

.mgb65 {
  margin-bottom: 65px; }

.mgv65 {
  margin-top: 65px;
  margin-bottom: 65px; }

.mgh65 {
  margin-left: 65px;
  margin-right: 65px; }

.mg70 {
  margin: 70px; }

.mgt70 {
  margin-top: 70px; }

.mgb70 {
  margin-bottom: 70px; }

.mgv70 {
  margin-top: 70px;
  margin-bottom: 70px; }

.mgh70 {
  margin-left: 70px;
  margin-right: 70px; }

.mg75 {
  margin: 75px; }

.mgt75 {
  margin-top: 75px; }

.mgb75 {
  margin-bottom: 75px; }

.mgv75 {
  margin-top: 75px;
  margin-bottom: 75px; }

.mgh75 {
  margin-left: 75px;
  margin-right: 75px; }

.mg80 {
  margin: 80px; }

.mgt80 {
  margin-top: 80px; }

.mgb80 {
  margin-bottom: 80px; }

.mgv80 {
  margin-top: 80px;
  margin-bottom: 80px; }

.mgh80 {
  margin-left: 80px;
  margin-right: 80px; }

.mg85 {
  margin: 85px; }

.mgt85 {
  margin-top: 85px; }

.mgb85 {
  margin-bottom: 85px; }

.mgv85 {
  margin-top: 85px;
  margin-bottom: 85px; }

.mgh85 {
  margin-left: 85px;
  margin-right: 85px; }

.mg90 {
  margin: 90px; }

.mgt90 {
  margin-top: 90px; }

.mgb90 {
  margin-bottom: 90px; }

.mgv90 {
  margin-top: 90px;
  margin-bottom: 90px; }

.mgh90 {
  margin-left: 90px;
  margin-right: 90px; }

.mg95 {
  margin: 95px; }

.mgt95 {
  margin-top: 95px; }

.mgb95 {
  margin-bottom: 95px; }

.mgv95 {
  margin-top: 95px;
  margin-bottom: 95px; }

.mgh95 {
  margin-left: 95px;
  margin-right: 95px; }

.mg100 {
  margin: 100px; }

.mgt100 {
  margin-top: 100px; }

.mgb100 {
  margin-bottom: 100px; }

.mgv100 {
  margin-top: 100px;
  margin-bottom: 100px; }

.mgh100 {
  margin-left: 100px;
  margin-right: 100px; }

.p0 {
  padding: 0px; }

.pt0 {
  padding-top: 0px; }

.pb0 {
  padding-bottom: 0px; }

.pv0 {
  padding-top: 0px;
  padding-bottom: 0px; }

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

.p10 {
  padding: 10px; }

.pt10 {
  padding-top: 10px; }

.pb10 {
  padding-bottom: 10px; }

.pv10 {
  padding-top: 10px;
  padding-bottom: 10px; }

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

.p15 {
  padding: 15px; }

.pt15 {
  padding-top: 15px; }

.pb15 {
  padding-bottom: 15px; }

.pv15 {
  padding-top: 15px;
  padding-bottom: 15px; }

.ph15 {
  padding-left: 15px;
  padding-right: 15px; }

.p20 {
  padding: 20px; }

.pt20 {
  padding-top: 20px; }

.pb20 {
  padding-bottom: 20px; }

.pv20 {
  padding-top: 20px;
  padding-bottom: 20px; }

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

.p25 {
  padding: 25px; }

.pt25 {
  padding-top: 25px; }

.pb25 {
  padding-bottom: 25px; }

.pv25 {
  padding-top: 25px;
  padding-bottom: 25px; }

.ph25 {
  padding-left: 25px;
  padding-right: 25px; }

.p30 {
  padding: 30px; }

.pt30 {
  padding-top: 30px; }

.pb30 {
  padding-bottom: 30px; }

.pv30 {
  padding-top: 30px;
  padding-bottom: 30px; }

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

.p35 {
  padding: 35px; }

.pt35 {
  padding-top: 35px; }

.pb35 {
  padding-bottom: 35px; }

.pv35 {
  padding-top: 35px;
  padding-bottom: 35px; }

.ph35 {
  padding-left: 35px;
  padding-right: 35px; }

.p40 {
  padding: 40px; }

.pt40 {
  padding-top: 40px; }

.pb40 {
  padding-bottom: 40px; }

.pv40 {
  padding-top: 40px;
  padding-bottom: 40px; }

.ph40 {
  padding-left: 40px;
  padding-right: 40px; }

.p45 {
  padding: 45px; }

.pt45 {
  padding-top: 45px; }

.pb45 {
  padding-bottom: 45px; }

.pv45 {
  padding-top: 45px;
  padding-bottom: 45px; }

.ph45 {
  padding-left: 45px;
  padding-right: 45px; }

.p50 {
  padding: 50px; }

.pt50 {
  padding-top: 50px; }

.pb50 {
  padding-bottom: 50px; }

.pv50 {
  padding-top: 50px;
  padding-bottom: 50px; }

.ph50 {
  padding-left: 50px;
  padding-right: 50px; }

.p55 {
  padding: 55px; }

.pt55 {
  padding-top: 55px; }

.pb55 {
  padding-bottom: 55px; }

.pv55 {
  padding-top: 55px;
  padding-bottom: 55px; }

.ph55 {
  padding-left: 55px;
  padding-right: 55px; }

.p60 {
  padding: 60px; }

.pt60 {
  padding-top: 60px; }

.pb60 {
  padding-bottom: 60px; }

.pv60 {
  padding-top: 60px;
  padding-bottom: 60px; }

.ph60 {
  padding-left: 60px;
  padding-right: 60px; }

.p65 {
  padding: 65px; }

.pt65 {
  padding-top: 65px; }

.pb65 {
  padding-bottom: 65px; }

.pv65 {
  padding-top: 65px;
  padding-bottom: 65px; }

.ph65 {
  padding-left: 65px;
  padding-right: 65px; }

.p70 {
  padding: 70px; }

.pt70 {
  padding-top: 70px; }

.pb70 {
  padding-bottom: 70px; }

.pv70 {
  padding-top: 70px;
  padding-bottom: 70px; }

.ph70 {
  padding-left: 70px;
  padding-right: 70px; }

.p75 {
  padding: 75px; }

.pt75 {
  padding-top: 75px; }

.pb75 {
  padding-bottom: 75px; }

.pv75 {
  padding-top: 75px;
  padding-bottom: 75px; }

.ph75 {
  padding-left: 75px;
  padding-right: 75px; }

.p80 {
  padding: 80px; }

.pt80 {
  padding-top: 80px; }

.pb80 {
  padding-bottom: 80px; }

.pv80 {
  padding-top: 80px;
  padding-bottom: 80px; }

.ph80 {
  padding-left: 80px;
  padding-right: 80px; }

.p85 {
  padding: 85px; }

.pt85 {
  padding-top: 85px; }

.pb85 {
  padding-bottom: 85px; }

.pv85 {
  padding-top: 85px;
  padding-bottom: 85px; }

.ph85 {
  padding-left: 85px;
  padding-right: 85px; }

.p90 {
  padding: 90px; }

.pt90 {
  padding-top: 90px; }

.pb90 {
  padding-bottom: 90px; }

.pv90 {
  padding-top: 90px;
  padding-bottom: 90px; }

.ph90 {
  padding-left: 90px;
  padding-right: 90px; }

.p95 {
  padding: 95px; }

.pt95 {
  padding-top: 95px; }

.pb95 {
  padding-bottom: 95px; }

.pv95 {
  padding-top: 95px;
  padding-bottom: 95px; }

.ph95 {
  padding-left: 95px;
  padding-right: 95px; }

.p100 {
  padding: 100px; }

.pt100 {
  padding-top: 100px; }

.pb100 {
  padding-bottom: 100px; }

.pv100 {
  padding-top: 100px;
  padding-bottom: 100px; }

.ph100 {
  padding-left: 100px;
  padding-right: 100px; }

/* Flex
***************/
.d-flex {
  display: block; }

.flex-center-vh {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }

.flex-center-h {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }

.flex-center-v {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }

.flex-space-between {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }

@media (min-width: 992px) {
  .d-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; } }

/*=================== Header ========================*/
#nav__nav a {
  padding: 5px 15px;
  border: 1px solid #fff;
  width: 120px;
  height: 60px;
  border-radius: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  text-align: center;
  white-space: pre-wrap; }
  #nav__nav a:hover, #nav__nav a:focus {
    border: 4px solid #C20909; }
  #nav__nav a:active {
    background-color: #fff;
    color: #254377;
    border: 1px solid #fff; }

@media (max-width: 1171px) {
  body:not(.rtl) .elementor-33 .elementor-element.elementor-element-0ab8b7f .elementor-nav-menu--layout-horizontal .elementor-nav-menu > li:not(:last-child) {
    margin-right: 10px !important; } }

/*=================== Nav Bar ========================*/
@media screen and (max-width: 1024px) {
  button#responsive-menu-button {
    z-index: 88888 !important; } }

/*===================Button========================*/
.part-number-btn {
  font-size: 14px;
  padding: 11px 43px;
  background: var(--e-global-color-ac5a0b7);
  color: #fff; }
  .part-number-btn:hover {
    background: var(--e-global-color-b682c89); }

@media (min-width: 1025px) {
  .elementor-element.elementor-element-63bbba3.elementor-widget__width-auto.elementor-widget.elementor-widget-shortcode {
    margin-top: 20px;
    margin-left: 30px; } }

/*===================HOME ========================*/
/*=================== PRODUCT ========================*/
@media (max-width: 860px) {
  .elementor-element.elementor-products-grid ul.products {
    -ms-grid-columns: (1fr)[2] !important;
    grid-template-columns: repeat(2, 1fr) !important; } }

@media (max-width: 579px) {
  .elementor-element.elementor-products-grid ul.products {
    -ms-grid-columns: (1fr)[1] !important;
    grid-template-columns: repeat(1, 1fr) !important; } }

#product-card {
  cursor: pointer; }
  #product-card:hover #product-card__viewMore {
    top: 0rem;
    -webkit-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out; }

#product-card__img {
  position: relative;
  z-index: 0;
  overflow: hidden; }
  #product-card__img #product-card__viewMore {
    position: absolute;
    z-index: 1;
    top: -30rem;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    background: rgba(0, 0, 0, 0.57);
    -webkit-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out; }
    #product-card__img #product-card__viewMore a {
      color: #fff;
      height: 100%;
      width: 100%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
      #product-card__img #product-card__viewMore a:hover, #product-card__img #product-card__viewMore a:active, #product-card__img #product-card__viewMore a:focus {
        color: var(--e-global-color-ac5a0b7); }
      #product-card__img #product-card__viewMore a i {
        margin-right: 10px; }

#product-card__title {
  border-top: 1px solid #CCCCCC; }

.product_cat .elementor-widget-container {
  font-weight: bold; }
  .product_cat .elementor-widget-container a {
    font-weight: 300;
    color: #999999; }
    .product_cat .elementor-widget-container a:hover {
      color: var(--e-global-color-ac5a0b7); }

form.cart {
  display: none !important; }

.elementor-add-to-cart {
  margin-top: 20px; }

.elementor-add-to-cart > div > a {
  background: #25D366;
  padding: 12px 30px;
  font-size: 14px;
  font-weight: 400;
  color: #fff; }
  .elementor-add-to-cart > div > a i {
    margin-right: 10px; }
  .elementor-add-to-cart > div > a:hover {
    background-color: #075E54; }

@media (min-width: 1025px) {
  div#product_part_number {
    max-width: 50%; } }

@media screen and (max-width: 1024px) {
  .fancybox-content {
    max-width: 90% !important;
    padding: 44px 15px !important; } }

/*===================Foating========================*/
#floating-widget {
  right: 0px;
  bottom: 5%; }
  #floating-widget ul {
    margin: 0; }
    #floating-widget ul .floating-item {
      width: 5rem;
      height: 5rem;
      border-radius: 100px;
      margin: 0; }
      #floating-widget ul .floating-item i {
        font-size: 3rem;
        color: #fff; }
      #floating-widget ul .floating-item.floating__whatsapp {
        background-color: #25d366; }
        #floating-widget ul .floating-item.floating__whatsapp.mobile {
          background: transparent !important;
          display: block; }
        #floating-widget ul .floating-item.floating__whatsapp.desktop {
          display: none; }

@media (max-width: 1024px) {
  #floating-widget {
    right: 0;
    left: 0;
    bottom: 0%; }
    #floating-widget ul {
      display: contents; }
    #floating-widget li.floating-item {
      border-radius: 0px;
      width: 100%;
      float: left; }
      #floating-widget li.floating-item.mobile {
        display: none !important; }
      #floating-widget li.floating-item.desktop {
        display: block !important; }
        #floating-widget li.floating-item.desktop a {
          width: 100%;
          height: 100%;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: center;
              -ms-flex-pack: center;
                  justify-content: center;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center; } }