/*================================
=============== Header
==================================*/

.header-wrap {
   background: #fff;
   max-width: 100%;
   background: #fff;
   margin-bottom: 15px;
}

.header-wrap .elementor-section .elementor-container,
.header-wrap .elementor-row, 
.header-wrap .elementor-column, 
.header-wrap .elementor-column-wrap {
   display: block;
}

.header-wrap .elementor-widget:not(:last-child) {
   margin-bottom: 0px;
}

.header-wrap .header,
.header-wrap .website-menu-warp {
   max-width: 1200px;
   margin: 0 auto;
}

.header-wrap .header .logo { 
   text-align: right;
   float: right;
   margin: 5px 10px -6px 10px;
   max-width: 330px;
}

.header-wrap .header .logo img {
   display: block;
   padding: 0px;
   margin: 0px;
   width: 100%;
}

/*------ Header Phone -------- */


.header-wrap .header-contact {
   float: left; 
   position: relative;
   margin: 20px 20px 0px 10px;
   z-index: 2002;
   width: auto;
   border-radius: 10px;
   padding: 6px 18px 6px 0px;
}

.header-wrap .header-contact .elementor-widget-wrap > .elementor-element {
   width: auto;
}

.header-wrap .header-contact a.phone-button {
   color: #97426b;
   font-size: 23px;
   font-weight: bold;
   letter-spacing: 1px;
   line-height: 31px;
   display: block;
   padding: 0px;
   font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
   display: inline-block;
}

.header-wrap .header-contact a.phone-button:hover {
   text-decoration: none;
}


.header-wrap .header-contact a.phone-button span.icon,
.header-wrap .header-contact a.youtube-button span.icon,
.header-wrap .header-contact a.facebook-button span.icon,
.header-wrap .header-contact a.linedin-button span.icon {
   display: inline-block;
   width: 45px;
   height: 40px;
   background: url(../../images/header-icons.png) no-repeat;
   margin: 0px 0px -14px 5px;
}

.header-wrap .header-contact a.phone-button span.icon {
   width: 49px;
}

.header-wrap .header-contact a.phone-button span.icon {
   background-position: 0px 0px;
}

.header-wrap .header-contact a.youtube-button span.icon {
   background-position: -59px 0px;
}

.header-wrap .header-contact a.facebook-button span.icon {
   background-position: -114px 0px;
}

.header-wrap .header-contact a.linedin-button span.icon {
   background-position: -170px 0px;
}

/*================================
=============== Sticky Header
==================================*/

.unsticky {
   position: static;
}

.sticky {
   position: fixed;
   top: 0px;
   width: 100%;
}

.admin-bar .sticky {
   padding-top: 32px;
}

.sticky ul li a {
}

.sticky ul li:hover > a,
.sticky a.active,
.sticky li.active a {
   color: #000;
}


/* ---------------------------------
----------------- Mobile
--------------------------------- */

@media only screen and (max-width: 868px) {

   .header-wrap .header .logo { 
      text-align: center;
      float: none;
      display: block;
      margin: 0px auto;
      padding: 10px 5px 0px 5px;
      max-width: 350px;
      width: auto;
   }
   
   .header-wrap .header .logo img {
      margin-bottom: -5px;
   }

   .header-wrap .header-contact {
      display: none;
   }

}

/*================================
=============== Menu
==================================*/


.header-wrap .website-menu-warp {
   display: block;
   z-index: 2000;
   width: auto;
   text-align: center;
   background: #97426b;
   border-top: 2px solid #fff;
   padding: 0px 10px 0px 10px;
   margin: 0px 0px 0px 0px;
   width: 100%;
   max-width: 100%;
}

.header-wrap .mobile-menu {
   display: none;
}

.header-wrap .website-menu {
   display: inline-block;
   margin: 0 auto;
}

.header-wrap .website-menu-warp ul {
   margin: 0px;
   padding: 0px;
   display: flex;
}

.header-wrap .website-menu-warp ul li {
   display: inline-block;
   list-style: none;
   color: #fff;
   position: relative;
   padding: 0px;
   margin: 0px;
}

.header-wrap .website-menu-warp ul li a {
   color: #fff;
   padding: 9px 26px 12px 26px;
   margin: 0px 0px 0px 0px;
   font-size: 19px;
   display: inline-block;
   font-weight: 600;
}

.header-wrap .website-menu-warp ul li a:hover,
.header-wrap .website-menu-warp ul li a:focus {
   text-decoration: underline;
}

/*------ Dropdown Menu (Second Level) -------- */

.header-wrap .website-menu-warp ul li ul li a.menu-has-children {
   background-image: url(../../images/menu-right-arrow.png);
   background-position: 10% 50%;
   background-repeat: no-repeat;
   padding-left: 27px;
}

.header-wrap .website-menu-warp ul li ul {
   display: none;
   position: absolute;
   top: 50px;
   right: -10px;
   min-width: 200px;
   box-sizing: content-box;
   padding: 0px;
   z-index: 2001;
   box-shadow: 0px -5px 30px rgba(34, 34, 34, 0.25);
   text-align: right;
}

.header-wrap .website-menu-warp ul li ul li {
   position: relative;
   display: block;
   background: none;
}

.header-wrap .website-menu-warp ul li ul li a {
   padding: 12px 10px 12px 22px;
   color: #737373;
   font-size: 16px;
   line-height: 17px;
   display: block;
   border-bottom: 1px solid #d6d6d6;
   border-left: 1px solid #d6d6d6;
   border-right: 1px solid #d6d6d6;
   background-color: #fff;
}

.header-wrap .website-menu-warp ul li ul li:first-child > a {
   border-top: 1px solid #d6d6d6;
}

.header-wrap .website-menu-warp ul li ul li:hover > a {
   background-color: #ef7fb5;
   text-decoration: none;
   color: #fff;
}

/*------ Right Menu (Third Level) -------- */

.header-wrap .website-menu-warp ul li ul li ul {
   display:none;
   position: absolute;
   top: -1px;
   right: 99%;
   min-width: 180px;
   box-sizing: content-box;
   padding: 0px;
   z-index: 2002;   
   box-shadow: 0px -5px 30px rgba(34, 34, 34, 0.25);
}

.header-wrap .website-menu-warp ul li ul li ul.opposite-side {
   right: -169px;
}

.header-wrap .website-menu-warp ul li ul li ul li a {
   padding: 12px 10px 12px 10px;
   color: #737373;
   display: block;
   border-bottom: 1px solid #d6d6d6;
   border-left: 1px solid #d6d6d6;
   border-right: 1px solid #d6d6d6;
   background-color: #fff;
   text-decoration: none;
}

.header-wrap .website-menu-warp ul li ul li ul li:first-child > a {
   border-top: 1px solid #d6d6d6;
}

.header-wrap .website-menu-warp ul li ul li ul li:hover > a {
   background-color: #ef7fb5;
   color: #fff;
}

/* ---------------------------------
----------------- Mobile
--------------------------------- */

@media only screen and (max-width: 1400px) {


   .header-wrap .website-menu-warp ul li a {
      padding: 9px 20px 12px 20px;
   }

}

@media only screen and (max-width: 1300px) {

   .header-wrap .website-menu-warp ul li a {
      padding: 9px 13px 12px 13px;
   }

}


@media only screen and (max-width: 1200px) {

   .header-wrap .website-menu-warp ul li a {
      padding: 9px 9px 12px 9px;
   }

   .header-wrap .website-menu-warp ul li a {
      font-size: 18px;
      font-weight: 600;
   }
   
}

@media only screen and (max-width: 960px) {


   .header-wrap .website-menu {
      display: block;
      width: 100%;
   }
   
   .header-wrap .website-menu-warp {
      float: none;
      position: relative;
      padding: 0px;
      margin: 0px;
      background: #97426b;
      text-align: center;
   }

   .header-wrap a.mobile-menu {
      display: block;
      position: relative;
      font-size: 18px;
      color: #fff;
      font-weight: normal;
      font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif; 
      padding: 13px 0px 13px 0px;
      font-weight: bold;
   }

   .header-wrap a.mobile-menu:hover {
      color: #fff;
      text-decoration: none;
   }

   .header-wrap a.mobile-menu span.nav-text {
      display: inline-block;
      padding: 3px 15px 3px 15px;
      margin: 0px 0px 0px 6px;
      border: 1px solid #fff;
   }

   .header-wrap a.mobile-menu span.nav-icon {
      display: inline-block;
      width: 34px;
      height: 33px;
      background: url(../../images/menu-icon.png) no-repeat 50% 50%;
      margin: 0px 0px -10px 6px;
   }

   .header-wrap .website-menu-warp ul {
      display: none;
      position: absolute;
      left: 0px;
      right: 0px;
      top: 64px;
      border-top: 1px solid #fff;
      background: #b75383;
      text-align: right;
   }

   .header-wrap .website-menu-warp ul li ul, 
   .header-wrap .website-menu-warp ul li ul li ul {
      position: relative;
      right: 0px;
      left: 0px;
   }

   .header-wrap .website-menu-warp ul li { 
      background: none;
      display: block;
   }

   .header-wrap .website-menu-warp ul li::after,
   .header-wrap .website-menu-warp ul li:last-child::after {
      content: '';
   }

   .header-wrap .website-menu-warp ul li a,
   .header-wrap .website-menu-warp ul li:hover > a,
   .header-wrap .website-menu-warp ul li a:focus,
   .header-wrap .website-menu-warp ul li ul li a,
   .header-wrap .website-menu-warp ul li ul li ul li a {
      background-color: transparent;
      display: block;
      padding: 15px 25px 15px 25px;
      font-size: 17px;
      color: #fff;
      text-decoration: none;
      border: none;
      border-bottom: 1px solid #fff;
      line-height: 19px;
      position: relative;
   }

   /*------ Dropdown Menu (Second Level) -------- */

   .header-wrap .website-menu-warp li ul li a:before {
      content: "- ";
   }

   .header-wrap .website-menu-warp li ul li ul li a:before {
      content: "-- ";
   }

   .header-wrap .website-menu-warp li ul li ul li ul li a:before {
      content: "--- ";
   }

   .header-wrap .website-menu-warp ul li a.menu-has-children,
   .header-wrap .website-menu-warp ul li ul li a.menu-has-children,
   .header-wrap .website-menu-warp ul li ul li ul li a.menu-has-children {
      background-image: url(../../images/menu-bottom-arrow.png);
      background-position: 3% 50%;
      background-repeat: no-repeat;
   }

   .header-wrap .website-menu-warp ul li ul li a,
   .header-wrap .website-menu-warp ul li ul li ul li a,
   .header-wrap .website-menu-warp ul li ul li:hover > a,
   .header-wrap .website-menu-warp ul li ul li ul li:hover > a {
      background-color: #893a60 !important;
      text-decoration: none;
   }

   .header-wrap .website-menu-warp ul li ul li ul li:first-child a, 
   .header-wrap .website-menu-warp ul li ul li:first-child a {
      border-top: none;
   }

   .header-wrap .website-menu-warp ul li ul {
      display: block;
      position: relative;
      top: 0px;
      left: 0px;
      border: none;
      -webkit-box-shadow: none;
      box-shadow: none;
      padding: 0px;
   }

   /*------ Right Menu (Third Level) -------- */  

   .header-wrap .website-menu-warp ul li ul li ul,
   .header-wrap .website-menu-warp ul li ul li:first-child ul,
   .header-wrap .website-menu-warp ul li ul li ul.opposite-side {
      display:block;
      position: relative;
      top: 0px;
      left:0px;
      right: 0px;
      border: none;
      -webkit-box-shadow: none;
      box-shadow: none;
      padding: 0px;
   }

   .header-wrap .website-menu-warp ul li ul li ul li a,
   .header-wrap .website-menu-warp ul li ul li ul li:first-child a,
   .header-wrap .website-menu-warp ul li:hover ul li ul li a {
      background-color: #97426b !important;
   }

}