.pin-right {
  top: 32%;
  right: 41%;
}

.pin-bottom {
  bottom: 23%;
  left: 40%;
}

/*Modal Form Start*/
form.modal-form .form-input {
  margin-bottom: 1em;
}

form.modal-form .form-group label {
  padding: 6px;
}

form.modal-form .form-group .radio {
  padding: 6px;
}

form.modal-form .form-group .radio label {
  padding: 0px;
}

form.modal-form .form-group .form-add-on {
  width: 60px;
}

form.modal-form select {
  -moz-appearance: none;
  -webkit-appearance: none;
}

form.modal-form .form-group textarea.form-control {
  min-height: 80px;
  /*max-height: 100px;*/
}

/*Modal Form End*/

/*Remove all these after book appointment updated*/
form#appointment-form .form-input {
  margin-bottom: 1em;
}

form#appointment-form label {
  padding: 6px;
}

form#appointment-form .form-group .form-add-on {
  width: 60px;
}

form#appointment-form select {
  -moz-appearance: none;
  -webkit-appearance: none;
}

form#appointment-form .form-group textarea.form-control {
  min-height: 80px;
  max-height: 100px;
}

/*End Remove all these after book apointment updated*/

#appointment-form-btn {
  /*background-color: #EF7F1A;*/
  /*border-color: #EF7F1A;*/
  background-color: #f36e1f;
  border-color: #f36e1f;
}

a.whatsapp-link img {
  width: 20px;
}

.center-page .heading-container {
  background: url(../images/heading.jpg) no-repeat scroll center top #98d8e6;
  /*background: url(../images/background/pattern-7.png) scroll center top #98d8e6;*/
}

#slimming-weight-loss .heading-container {
  background: url(../images/service-banners/hair-banner-bg.jpg) no-repeat scroll
    center top #98d8e6;
}

/*#slimming-weight-loss .section-about {*/
/*padding-top: 0px;*/
/*}*/

/*#slimming-weight-loss .text-block {*/
/*text-align: justify;*/
/*}*/

.justify {
  text-align: justify;
}

.service-page .section-about {
  padding-top: 0px;
}

.service-page .text-block {
  text-align: justify;
}

.services-section {
  padding-bottom: 40px;
  padding-top: 20px;
}

#services-border-bottom .services-section {
  border-bottom: 1px solid #e5e5e5;
}

#services-border-bottom .services-section:last-child {
  border-bottom: none;
}

.share-links .share-icons {
  text-align: left;
}

/*Service Banners Start*/

.faqs-page.heading-container {
  background: url(../images/service-banners/faq-banner-bg.jpg) no-repeat scroll
    center top #98d8e6;
}

.calculators-page.heading-container {
  background: url(../images/service-banners/calculators-banner.jpg) no-repeat
    scroll center top #98d8e6;
}

.slimming-sevice-page.heading-container {
  background: url(../images/service-banners/slimming-banner-bg.jpg) no-repeat
    scroll center top #98d8e6;
}

.hair-sevice-page.heading-container {
  background: url(../images/service-banners/hair-banner-bg.jpg) no-repeat scroll
    center top #98d8e6;
}

.skin-sevice-page.heading-container {
  background: url(../images/heading.jpg) no-repeat scroll
    center top #98d8e6;
}

.salon-sevice-page.heading-container {
  background: url(../images/service-banners/salon-banner-bg.jpg) no-repeat
    scroll center top #98d8e6;
}

.ayurveda-sevice-page.heading-container {
  background: url(../images/service-banners/ayurveda-banner-bg.jpg) no-repeat
    scroll center top #98d8e6;
}

.laser-sevice-page.heading-container {
  background: url(../images/service-banners/laser-banner-bg.jpg) no-repeat
    scroll center top #98d8e6;
}

.cost-calculator {
  background: url(../images/vibes-banner-cost-calculator.jpg) no-repeat scroll
    center top #98d8e6;
}

.book-appointment {
  background: url(../images/vibes-banner-book-now.jpg) no-repeat scroll center
    top #98d8e6;
}

.booknow-background-images {
  background: url(../images/vibes-book-now-background.jpg) no-repeat scroll;
}

/*Service Banners End*/

/*Hide In Mobile*/
@media (max-width: 480px) {
  .hide-in-mobile {
    display: none !important;
  }

  .services-section .cp-calc-widget {
    margin-left: 10%;
  }

  .services-section .text-block p {
    margin: 0 0.4rem;
  }

  .services-section .text-block h2 {
    margin-left: 0.2rem;
    margin-right: 0.2rem;
  }
}

/*Non Mobile*/
@media (min-width: 480px) and (max-width: 780px) {
  .modal.modal-wide .modal-dialog {
    width: 38%;
  }

  .services-section .cp-calc-widget {
    margin-left: 10%;
  }
}

@media (min-width: 781px) and (max-width: 992px) {
  .modal.modal-wide .modal-dialog {
    width: 28%;
  }

  .services-section .cp-calc-widget {
    margin-left: 10%;
  }
}

@media (min-width: 992px) {
  .modal.modal-wide .modal-dialog {
    width: 20%;
  }

  .services-section .cp-calc-widget {
    margin-left: 25%;
  }

  /*So that the image shows properly in menu*/
  .primary-nav > .megamenu > .dropdown-menu > li .dropdown-menu a {
    background: transparent;
  }

  .primary-nav > .megamenu > .dropdown-menu > li .dropdown-menu {
    background: transparent;
  }

  /***/
}

.text-white {
  color: #fff;
}

.center-image {
  margin-bottom: 20px;
}

.center-info .row {
  margin-bottom: 10px;
}

.welcome-items .center-info .row {
  margin-bottom: 0px;
}

.center-info .fa {
  color: #7ccedf;
}

.contact-us-store {
  /*background-color: #EF7F1A;*/
  background-color: #f36e1f;
  border: solid #f36e1f;
  opacity: 0.9;
}

.gmap {
  height: 430px;
}

/*Navbar Updates*/

.primary-nav > .megamenu > .dropdown-menu > li .dropdown-menu a.nav-more {
  /*color: #EF7F1A;*/
  color: #f36e1f;
}

.primary-nav > .megamenu > .dropdown-menu > li .dropdown-menu a.nav-more:hover {
  color: #7ccedf;
}

@media (min-width: 1025px) {
  /*Adding width to navbar*/
  .navbar-container .container {
    width: 100%;
    padding: 0px;
  }

  .navbar-container .container .navbar-header {
    padding: 0px 0px 0px 40px;
  }

  .navbar-container .container .navbar-collapse {
    padding: 0px 40px 0px 0px;
  }

  /******/
  .primary-nav .bg_1 > .dropdown-menu {
    background: url(../images/menu-bg-1.png) no-repeat right center #fff;
    background-size: contain;
  }

  .primary-nav .bg-slimming > .dropdown-menu {
    background: url(../images/menu/bg-slimming.png) no-repeat right center #fff;
    background-size: contain;
  }

  .primary-nav .bg-beauty > .dropdown-menu {
    background: url(../images/menu/bg-beauty.png) no-repeat right center #fff;
    background-size: contain;
  }

  .primary-nav .bg-laser > .dropdown-menu {
    background: url(../images/menu/bg-laser.png) no-repeat right center #fff;
    background-size: contain;
  }

  .primary-nav .bg-ayurveda > .dropdown-menu {
    background: url(../images/menu/bg-ayurveda.png) no-repeat right center #fff;
    background-size: contain;
  }

  .primary-nav .bg-salon > .dropdown-menu {
    background: url(../images/menu/bg-salon.png) no-repeat right center #fff;
  }

  .primary-nav > .megamenu > .dropdown-menu > li.mega-col-2_4 {
    width: 24%;
  }

  .primary-nav > .megamenu.open > .dropdown-menu {
    /* display: table !important; */
    padding: 0 30px;
  }

  .primary-nav > li.megamenu {
    margin: 0 10px;
  }
}

@media (min-width: 992px) {
  .header-type-below .primary-nav > li > a,
  .header-type-classic .primary-nav > li > a {
    padding-top: 0;
    padding-bottom: 0;
    line-height: 15px;
    margin-top: 40px;
    text-transform: uppercase;
    font-weight: 400;
  }

  .nav > li.megamenu > a {
    position: relative;
    display: block;
    padding: 0 0.5rem;
  }

  .primary-nav > .megamenu .megamenu-title a {
    padding: 0.5em 0rem;
  }

  .section-booking .box {
    min-height: 280px;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .section-booking .box {
    min-height: 380px;
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  .navbar-brand img {
    max-width: 100px;
    padding: 30px 0;
  }

  .navbar-fixed-top .navbar-brand img {
    max-width: 100px;
    padding: 25px 0;
  }
}

/*Navbar Updates End*/

/*Services Tabs*/
.service-page .services-nav-tabs .tabs-primary.tabs-top .nav-tabs {
  border: none;
}

.service-page .services-nav-tabs .tabs-primary.tabs-top .nav-tabs > li {
  border-left: 1px solid #e5e5e5;
}

.service-page
  .services-nav-tabs
  .tabs-primary.tabs-top
  .nav-tabs
  > li:first-child {
  border: none;
}

.service-page .services-nav-tabs .tabs-primary.tabs-top .nav-tabs > li > a {
  font-size: 1.1em;
  border-bottom: none;
  border: none;
  padding: 0 10px;
}

.service-page
  .services-nav-tabs
  .tabs-primary.tabs-top
  .nav-tabs
  > li.active
  a {
  font-weight: bold;
}

.service-page .content-container {
  padding-top: 35px;
}

.row .services-section:first-child {
  margin-top: 0px;
  padding-top: 0px;
}

/*.row .services-section {*/
/*margin-top: -45px;*/
/*padding-top: 90px;*/
/*}*/

/*Services Tabs End*/

#laser-services .posts-wrap article {
  margin-top: -65px;
  padding-top: 65px;
}

.select2-results__options {
  max-height: 500px;
}

/*Header Overlay*/
.header-search-overlay {
  background: #d3eff5;
}

.header-search-overlay .searchform .searchinput {
  background: #d3eff5;
}

/*Header Overlay End*/

.footer-widget a:hover {
  color: #f36e1f;
}

.social-widget a,
.social-widget a:hover {
  text-decoration: none;
  color: white;
}

.region-header {
  text-align: center;
  padding-bottom: 20px;
  border-bottom: 1px solid gray;
}

/*Footer Color Update*/
.footer-widget,
.footer {
  background: #323435;
}

.footer-contact-icon i {
  color: #f36e1f;
}

.footer-logo {
  max-height: 70px;
}

/*Footer Color Update*/

.base-orange-bg {
  background-color: #f36e1f;
}

.base-orange {
  color: #f36e1f;
}

#search .form-group {
  margin: 0;
}

#all-centers-locate {
  max-height: 400px;
  overflow: scroll;
  border: 1px solid #a9a9a9;
}

/*Navbar color change*/
.navbar-bg-blue {
  /*background-color: #0063a7;*/
  background-color: #056d9b;
}

/*.like-service {*/
/*background-color: #0063a7;*/
/*background-color: #8fd54b;*/
/*color: #ffffff;*/
/*}*/

/*.like-service:hover,*/
/*.like-service:focus,*/
/*.like-service:active,*/
/*.like-service.active {*/
/*color: #ffffff;*/
/*background-color: #71b332;*/
/*border-color: #71b332;*/
/*}*/

/*.share-service {*/
/*background-color: #0063a7;*/
/*background-color: #bb5857;*/
/*border-color: #bb5857;*/
/*color: #ffffff;*/
/*}*/

/*.share-service:hover,*/
/*.share-service:focus,*/
/*.share-service:active,*/
/*.share-service.active {*/
/*color: #ffffff;*/
/*background-color: #9f4140;*/
/*border-color: #9f4140;*/
/*}*/

.navbar-default .navbar-nav > li > a {
  color: #fff;
}

.navbar-fixed-top
  .navbar-nav.primary-nav
  > li:not(.active):not(.current-menu-ancestor):not(.current-menu-parent)
  > a {
  color: #fff;
}

.navbar-default .navbar-nav > li > a:hover {
  color: #f36e1f;
}

.navbar-header .navbar-toggle .icon-bar {
  background-color: #f6f6f6;
}

@media (max-width: 991px) {
  .primary-nav .dropdown-menu li .megamenu-title {
    color: #f6f6f6;
  }

  .primary-nav .dropdown-menu li .megamenu-title a {
    color: #f6f6f6;
    padding: 0px;
  }

  .navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #f6f6f6;
  }
}

/*Navbar color change end*/

.faq_container .separator h4 {
  color: #f36e1f;
}

.faq_container .faq_section:first-child {
  margin-top: 0px;
  padding-top: 0px;
}

.faq_container .faq_section {
  margin-top: -45px;
  padding-top: 90px;
}

label.error {
  color: #d40707 !important;
  font-weight: normal;
  font-size: 12px;
}

.form-input input.error {
  border: 1px solid #d40707;
}

.form-input select.error {
  border: 1px solid #d40707;
}

.pricing-table .pricing-footer .btn {
  background-color: #515151;
  border-color: #515151;
}

.footer-widget .widget-title {
  color: #e2d207;
  font-weight:10px;
}

.latest_links img {
  margin-bottom: 10px;
}

.service-action-btn {
  padding-bottom: 10px;
}

.service-action-btn a.btn {
  width: 135px;
  /*min-width: 130px;*/
  /*min-width: 100px;*/
  color: #ffffff;
  text-decoration: none;
}

#laser-services .service-action-btn a.btn {
  /*min-width: 135px;*/
  min-width: 100px;
  color: #ffffff;
  text-decoration: none;
}

/**
START: Make sure that the services text and buttons are evenly spaced on Ipads and Above Screens
https://stackoverflow.com/questions/2147303/how-can-i-send-an-inner-div-to-the-bottom-of-its-parent-div
http://getbootstrap.com.vn/examples/equal-height-columns/
*/
@media (min-width: 768px) {
  /*
     * Row with equal height columns
     * --------------------------------------------------
     */
  .content-container .services-section {
    /*.row-eq-height {*/
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }

  .services-section .column {
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
  }

  /*
     * Styles copied from the Grid example to make grid rows & columns visible.
     */
  .container {
    padding-right: 15px;
    padding-left: 15px;
  }

  h4 {
    margin-top: 25px;
  }

  .row {
    margin-bottom: 20px;
  }

  .section-about.row .row {
    margin-top: 10px;
    margin-bottom: 0;
  }
}

/**
END: Make sure that the services text and buttons are evenly spaced
*/
.contact-info {
  padding-bottom: 10px;
  padding-top: 30px;
}

.empty-space-custom {
  padding-top: 15px;
}

.section-accordion-custom {
  padding-bottom: 10px;
  padding-top: 10px;
}

.dropdown-menu {
  min-width: 200px;
}

.dropdown-menu.columns-2 {
  min-width: 400px;
}
.dropdown-menu.columns-3 {
  min-width: 600px;
}
.dropdown-menu.columns-4 {
  min-width: 800px;
}
.dropdown-menu li a {
  padding: 5px 15px;
  font-weight: 300;
}
.multi-column-dropdown {
  list-style: none;
  margin: 0px;
  padding: 0px;
}
.multi-column-dropdown li a {
  display: block;
  clear: both;
  line-height: 1.428571429;
  color: #333;
  white-space: normal;
}
.multi-column-dropdown li a:hover {
  text-decoration: none;
  color: #262626;
  background-color: #999;
}

@media (max-width: 767px) {
  .dropdown-menu.multi-column {
    min-width: 240px !important;
    overflow-x: hidden;
  }
}

header .logo {
  display: inline;
  padding: 0px 0 10px 10px;
  text-decoration: none;
  float: left;
  font-size: 30px;
  
  color: #e2d207;
  margin: 5px 0px;
}
header .logo-fixed {
  display: inline;
  padding: 20px 0 10px 10px;
  text-decoration: none;
  float: left;
  line-height: 20px;
  color: #e2d207;
  
  
}

header .slogan {
  color: white;
  font-size: 20px;
  display: block;
}
.text-center {
  text-align: center;
}
.banner {
  position: relative;
  height: auto;
  overflow: hidden;
  min-height: 700px;
  
  background-image: url(../images/banner.jpg);
}
.center {
  position: absolute;
  top: 50%;
  left: 60%;
  transform: translate(-50%, -50%);
}
.bottom {
 
  height: auto;
  overflow: hidden;

  width: 100%;
  
  background-color:rgb(0, 51, 102, 0.8);
}
.bottom > p {
    color:white !important;
    font-size: 14px; 
}
.header{
    border-left: 5px solid yellow;
    font-size: 20px;
    font-weight:10px;
    padding-left:10px;
    color:white !important;
    
}
@media (max-width: 767px) {
  .center {
    position: absolute;

    left: 40%;
    padding-top: 15px;
    padding-bottom: 10px;
    transform: translate(-50%, -50%);
  }
}

.center > h1,
h4 {
  color: white;
}

.center > h1 {
  font-weight: 1000;
}
.center > h4 {
  font-weight: 1000;
}
.center > a {
  background-color: orangered;
  color: black;
  padding: 10px;
  font-size: 10px;
  border-radius: 5px;
  color: rgb(255, 255, 255);

  font-family: Oswald;
  text-transform: capitalize;
  font-size: 14px;
  letter-spacing: 0.8px;
}
.center > a:hover {
  padding-left: 2em !important;
  padding-right: 2em !important;
}

.banner-img {
  width: 100% !important;
  max-width: 100%;
  height: auto;
  margin-bottom: 0px !important;
  text-align: center;

  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;

  max-height: 600px;
}
.mapouter {
  position: relative;
  text-align: right;
  height: 334px;
  width: 100%;
}

.gmap_canvas {
  overflow: hidden;
  background: none !important;
  height: 334px;
  width: 100%;
  border-radius:10px;
  border:5px solid rgb(78, 76, 76);
}
.banner-button {
  position: relative;
  
  animation-name: example;
  animation-duration: 3s;  
  animation-fill-mode: forwards;
}

@keyframes example {
  from {right: 200px;}
  to {right: 0px;}
}

.rotate{
  -webkit-transition: -webkit-transform .8s ease-in-out;
    -ms-transition: -ms-transform .8s ease-in-out;
    transition: transform .8s ease-in-out; 
}
.rotate:hover {
  transform:rotateY(180deg);
  -ms-transform:rotateY(180deg);
  -webkit-transform:rotateY(180deg);
  
}
.highlited{
  color:#e2d207;
  font-weight: 700;
}
img.loading-img {
  background: transparent url(../images/default-loading.gif) no-repeat scroll center center;
}