/***********************
*  Site Specific CSS   *
************************/

/***********************
*  Site Specific CSS   *
************************/

/* @imports
--------------*/
@import url("http://cdn.myld.com.au/1/css/fontawesome/4.1.0/css/font-awesome.css");
@import url('http://cdn.myld.com.au/1/js/plugins/smartCaptcha/smartCaptcha-v1.0.min.css');

/* @font-faces
--------------*/
@font-face{
   font-family: 'Lato';
   src:   url(http://cdn.myld.com.au/1/fonts/Lato/lato-regular-webfont.eot);
   src:   url(http://cdn.myld.com.au/1/fonts/Lato/lato-regular-webfont.eot?#iefix) format('embedded-opentype'),
   url(http://cdn.myld.com.au/1/fonts/Lato/lato-regular-webfont.woff) format('woff'),
   url(http://cdn.myld.com.au/1/fonts/Lato/lato-regular-webfont.ttf) format('truetype'),
   url(http://cdn.myld.com.au/1/fonts/Lato/lato-regular-webfont.svg#latoregular) format('svg');
   font-weight:400;
   font-style:normal;
}

@-moz-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -moz-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -moz-transform: translateY(-15px);
    transform: translateY(-15px);
  }
  60% {
    -moz-transform: translateY(-10px);
    transform: translateY(-10px);
  }
}
@-webkit-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
  60% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }
}
@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -moz-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
  60% {
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }
  
}

/* @general styles
-----------------*/
body { background: #eaeaea; font-family: 'Lato'; font-weight: 400; font-size: 16px; color: #3d3d3c}
.ease {-webkit-transition: all 0.2s ease;-moz-transition: all 0.2s ease;-ms-transition: all 0.2s ease;-o-transition: all 0.2s ease;transition: all 0.2s ease;}
body#home { background:#252525; color:#ffffff}
a { color: #191919}
a:hover { color: #65bc28; text-decoration: none;}
p { padding: 8px 0}
dd { padding-bottom: 20px}
strong {font-weight: 600 }
h1,h2,h3,h4,h5 {padding: 8px 0;font-weight: 700;color: #191919}
header,main,footer,.wrap {width: 100%;margin:  0;padding: 0;}
.no-gutter { padding-left: 0; padding-right: 0;}
.no-gutter .row { margin-left:0; margin-right: 0;}
.no-gutter .row [class*="col-"] { padding-left: 0; padding-right: 0;}
#schema { display: none;}

#header {
  text-align: center;
  max-height: 450px;
}

#logo {
}
#logo h1 {
  text-align: center;
  margin:0 auto;
  padding:0;
}
#logo h1 img {
  opacity: 0;
  margin:0 auto;
  filter:alpha(opacity=0);
  -webkit-transition: all ease 1s;
  -moz-transition: all ease 1s;
  -o-transition: all ease 1s;
  -ms-transition: all ease 1s;
  transition: all ease 1s;
}
.loaded #logo h1 img {
  opacity: 1;
  filter:alpha(opacity=100);
}

#banner {
  height: 450px;
  background: url('http://cdn.myld.com.au/2/1308/skinfit_4d0a84a692.png') no-repeat center center;
  -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;
}

#navigation {
  text-align: center;
  padding: 30px 0 90px;
}
#navigation .navbar-nav {
  float: none;
}
#navigation .navbar-nav  > li {
  display: inline-block;
  float:none;
}
#navigation .nav > li > a {
  font-weight: bold;
  color: #a4a4a4;
  padding: 0 40px 40px 40px;
}
#navigation .nav > li > a:hover,
#navigation .nav > li > a:focus,
#navigation .nav > li.active > a {
  color: #ffffff;
  background-color: rgba(255,255,255,0);
  position:relative;
}
#navigation .nav > li.active > a:after {
  width:auto;
  height: 23px;
  display: block;
  content:"";
  position: absolute;
  left: 0;
  right: 10px;
  bottom: 0;
  background: url('http://cdn.myld.com.au/2/1308/skinfit_b8d4438a50.png') no-repeat center bottom;
  -moz-animation: bounce 2s infinite;
  -webkit-animation: bounce 2s infinite;
  animation: bounce 2s infinite;
}

/*Modules*/
#modules {
  height: 400px;
  position: relative;
  z-index: 100;
}
.module-items {
  position: relative;
}
.module-items img {
  width: 100%;
  border: 2px solid #ffffff;
  border-top-width: 4px;
  border-bottom-width: 4px;
  height: 350px;

}
.module-items .box-link {
  position: absolute;
  left: 2px;
  right: 2px;
  bottom: 4px;
  top: 4px;
  z-index: -1;
}
.module-items:hover .box-link {
  z-index: 200;
}
.module-items .module-overlay {
  position: absolute;
  left: 0;
  right: 0;
  top: -10px;
  bottom: -20px;
  border: 4px solid #ffffff;
  background: rgba(23,24,29,0.9);
  text-align: center;
  color: #ffffff;
  z-index: 150;
  padding:150px 50px 30px;
  opacity: 0;
  filter:alpha(opacity=0);
  -webkit-transition: all ease 0.3s;
  -moz-transition: all ease 0.3s;
  -o-transition: all ease 0.3s;
  -ms-transition: all ease 0.3s;
  transition: all ease 0.3s;
}
.module-items:hover .module-overlay {
  opacity: 1;
  filter:alpha(opacity=100);
}
.module-items:hover .module-overlay:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  top: -15px;
  width: auto;
  height: 46px;
  background: url(http://cdn.myld.com.au/2/1310/skinfit_8fbabecdeb.png) no-repeat center center;
  -moz-animation: bounce 2s infinite;
  -webkit-animation: bounce 2s infinite;
  animation: bounce 2s infinite;
}
.module-items .module-overlay .link {
  position: absolute; 
  bottom: 50px;
  left: 0;
  right: 0;
  text-align: center;
  color: #ffffff;
  text-decoration: none;
}
.module-items .module-text {
  position:absolute;
  left: 2px;
  right: 2px;
  bottom: 4px;
  top: 4px;
  padding: 100px 10px 20px;
  text-align: center;
  z-index: 100;
  background: rgba(209,209,209,0.75);
  opacity: 1;
  filter:alpha(opacity=100);
  -webkit-transition: all ease 0.3s;
  -moz-transition: all ease 0.3s;
  -o-transition: all ease 0.3s;
  -ms-transition: all ease 0.3s;
  transition: all ease 0.3s;
}
.module-items:hover .module-text {
  opacity: 0;
  filter:alpha(opacity=0);
}
.module-items .module-text h2 {
  margin: 0;
}
.module-items .module-text span {
  margin: 0 auto;
  display: block;
  width: 115px;
  height: 105px;
  background-repeat: no-repeat;
  background-position: center center;
}
.module-items .module-text span.beauty { background-image:url('http://cdn.myld.com.au/2/1309/skinfit_a5a6e9bd3c.png');}
.module-items .module-text span.hair { background-image:url('http://cdn.myld.com.au/2/1309/skinfit_70511ab2aa.png');}
.module-items .module-text span.tanning { background-image:url('http://cdn.myld.com.au/2/1309/skinfit_93fc106802.png');}
.module-items .module-text span.phone { background-image: url('http://cdn.myld.com.au/2/1309/skinfit_f4d881f282.png');}
.call-to-action .module-items .module-text { 
  padding:200px 30px 30px; 
  background: rgba(51,51,51,0.75);
  color: #ffffff;
}
.call-to-action .module-items { z-index: 100;}
.call-to-action .module-items:hover .module-text {
  opacity: 1;
  filter:alpha(opacity=100);
}
.call-to-action .module-items .module-text h3 {
  color: #ffffff;
  font-size: 20px;
}
.call-to-action .module-items img {
  margin-left: -4px;
  margin-right: -4px;
  width:calc(100% + 4px);
  max-width: calc(100% + 4px);
  border-left-width: 4px;
  -moz-box-shadow:  0px 2px 6px 6px rgba(0,0,0,0);
  -webkit-box-shadow:  0px 2px 6px 6px rgba(0,0,0,0);
  box-shadow:  0px 2px 6px 6px rgba(0,0,0,0);
  -webkit-transition: all ease 0.3s;
  -moz-transition: all ease 0.3s;
  -o-transition: all ease 0.3s;
  -ms-transition: all ease 0.3s;
  transition: all ease 0.3s;
}
.call-to-action .module-items:hover img {
  -moz-box-shadow:  0px 2px 6px 6px rgba(0,0,0,0.50);
  -webkit-box-shadow:  0px 2px 6px 6px rgba(0,0,0,0.50);
  box-shadow:  0px 2px 6px 6px rgba(0,0,0,0.50);
}

/*Content*/
#view_section_1 {
}
.page-title {
  background:url('http://cdn.myld.com.au/2/1311/skinfit_e4a453d254.png') no-repeat 0 center;
  padding-left:50px;
  color:#ffffff;
}
.introduction {
  padding:50px 0;
  background:#1e1e1e;
  color:#ffffff;
  margin-bottom:40px;
}
.introduction a { color: #ffffff;}
.parallax-window {
    min-height: 400px;
    background: transparent;
}
#home-content {
    position: relative;
    z-index: 50;
}
#home-content:before {
  position: absolute;
  left: 0; right: 0;
  top:0; bottom:0;
  content:"";
  display: block;
  z-index: 100;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#252525', endColorstr = 'rgba(39,39,39,0.7)');
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#252525', endColorstr = 'rgba(39,39,39,0.7)')";
  background-image: -moz-linear-gradient(top, #252525, rgba(39,39,39,0.7));
  background-image: -ms-linear-gradient(top, #252525, rgba(39,39,39,0.7));
  background-image: -o-linear-gradient(top, #252525, rgba(39,39,39,0.7));
  background-image: -webkit-gradient(linear, center top, center bottom, from(#252525), to(rgba(39,39,39,0.7)));
  background-image: -webkit-linear-gradient(top, #252525, rgba(39,39,39,0.7));
  background-image: linear-gradient(top, #252525, rgba(39,39,39,0.7));
}
#home-content .container {
  position: relative;
  z-index: 200;
}

#fbFeed {
  width: 350px;
  margin: 0 auto;
  display: block;
}
.big-call-button {
  display:block;
  font-weight: 600;
  font-size: 30px;
  color: #ffffff;
  position: relative;
  padding:50px 0 20px;
}
.big-call-button:hover {
  color: #111111;
}
.big-call-button:after {
  display: block;
  content: "";
  width: auto;
  height: 45px;
  position: absolute;
  left: 0;
  right: 0;
  top: 0%;
  opacity:0;
  filter:alpha(opacity=0);
  background: url('http://cdn.myld.com.au/2/1310/skinfit_ab6ddb03a8.png') no-repeat center center;
  -webkit-transition: all ease 0.3s;
  -moz-transition: all ease 0.3s;
  -o-transition: all ease 0.3s;
  -ms-transition: all ease 0.3s;
  transition: all ease 0.3s;
}
.big-call-button:after {
  opacity:1;
  filter:alpha(opacity=100);
  -moz-animation: bounce 2s infinite;
  -webkit-animation: bounce 2s infinite;
  animation: bounce 2s infinite;
}

/*Services*/
.services { position: relative; background: #eaeaea;}
.services:after { content:""; z-index: 10; display: block; position: absolute; left: 50%; right: 0; top: 0; bottom: 0;filter: progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr = '#f7f7f7', endColorstr = '#eaeaea');
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr = '#f7f7f7', endColorstr = '#eaeaea')";
background-image: -moz-linear-gradient(left, #f7f7f7, #eaeaea);
background-image: -ms-linear-gradient(left, #f7f7f7, #eaeaea);
background-image: -o-linear-gradient(left, #f7f7f7, #eaeaea);
background-image: -webkit-gradient(linear, left top, right top, from(#f7f7f7), to(#eaeaea));
background-image: -webkit-linear-gradient(left, #f7f7f7, #eaeaea);
background-image: linear-gradient(left, #f7f7f7, #eaeaea);
}
.services .container-fluid { position: relative; z-index: 20;}
.product-image-holder img { width: 100%;}
.nav-tabs-services { padding: 30px 0; position: relative;}
.nav-tabs-services h3 { margin: 0 0 10px; padding: 0 40px; font-weight: 600;}
.nav-tabs-services #tabs-nav { border:0;}
.nav-tabs-services #tabs-nav li { border:0; background: none; padding: 0; width: 100%; float: none; margin: 0;}
.nav-tabs-services #tabs-nav li a { color: #616161; font-weight: 600; position: relative; font-size: 14px; padding: 8px 40px; background:none; display: block; border:0; margin:0; -moz-border-radius: 0;-webkit-border-radius: 0;border-radius: 0;}
.nav-tabs-services #tabs-nav li.active a,
.nav-tabs-services #tabs-nav li a:hover { background: #404040; color: #ffffff; border:0;}
.nav-tabs-services #tabs-nav li a:before { width: 33px; height: 51px; background: url('http://cdn.myld.com.au/2/1311/skinfit_dd17c61113.png') no-repeat 0 0; content:""; display: block; position: absolute; left: -4px; top: 50%; margin-top: -23px; opacity:0; filter:alpha(opacity=0); -webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -o-transition: all ease 0.3s; -ms-transition: all ease 0.3s; transition: all ease 0.3s;}
.nav-tabs-services #tabs-nav li.active a:before { opacity:1; filter:alpha(opacity=100);}
.services .tab-content { padding: 30px 40px 40px;}
.services .tab-content h2 { padding: 0; margin: 0 0 20px;}
.services .tab-content h3 { padding: 0; margin: 15px 0 10px;}
.services .tab-content .col-sm-2 { text-align: center;}
.services .tab-content .col-sm-2 .badge { min-width: 70px; height: 70px; display: inline-block; color: #191919; font-size: 16px; background: #f1f1f1; line-height: 55px; text-align: center; margin:0 auto 0; border:2px solid #ffffff; -moz-border-radius: 50%;-webkit-border-radius: 50%;border-radius: 50%;}
.services .tab-content .col-sm-2 small { display: block;}
.services .tab-content ul { list-style: none; padding: 0;}
.services .tab-content ul li { padding-left: 15px; background: url('http://cdn.myld.com.au/2/1312/skinfit_2a7185fbf7.png') no-repeat 0 8px;}
.services .tab-content .list-badge li { min-height: 30px; padding-top:5px; padding-bottom: 5px; clear: both; background-position: 0 12px; margin: 0 0 15px;}
.services .tab-content .list-badge li.list-none { background: none; float: left; padding-left: 0;}
.services .tab-content .list-badge li .badge { float: right; display: block; margin-left: 20px; margin-top:-10px; min-width: 40px; height: 40px; line-height: 30px; border:2px solid #ffffff; color: #191919; font-size: 12px; background: #f1f1f1; -moz-border-radius: 50%;-webkit-border-radius: 50%;border-radius: 50%; clear: both;}
/*.services .tab-content .list-badge li small { float: right; display: block; margin-left: 20px;}*/
.services .tab-content .list-badge li small {display: block;margin-left: auto !important;width: 100%;max-width: 91px;text-align: center;}

/*Footer*/
.footer {
  font-size: 14px;
}
#footer-top {
  background: #f8f8f8;
  padding: 40px 0;
  color: #282828;
}
#footer-top a {
  color: #282828;
}
#footer-top ul {
  margin:0;
  padding:0 15px;
  list-style: none;
}
#footer-top ul li {
  float: left;
  margin:0;
  width: 20%;
}
#footer-top ul.contact-details:after { clear: both; content:""; display: block;}
#footer-top ul li { min-height: 80px; font-weight: 600;}
#footer-top ul li.address { padding-left: 25px; background: url('http://cdn.myld.com.au/2/1308/skinfit_3d1027363b.png') no-repeat 0 center;}
#footer-top ul li.phone { padding-left: 25px; padding-top:30px; background: url('http://cdn.myld.com.au/2/1308/skinfit_9afef1942a.png') no-repeat 0 center;}
#footer-top ul li.email { padding-left: 25px; padding-top:30px; background: url('http://cdn.myld.com.au/2/1308/skinfit_1762eff8c2.png') no-repeat 0 center;}
#footer-top ul li.schedule { padding-left: 25px; padding-top: 10px; background: url('http://cdn.myld.com.au/2/1308/skinfit_d2c8914c38.png') no-repeat 0 center;}
#footer-top ul li.schedule + li { padding-top: 10px;}
.footer-parallax {
  background: url('http://cdn.myld.com.au/2/1308/skinfit_a19aa25be6.jpg') no-repeat center center #ffffff;
  -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;
}
#footer-middle {
  padding: 40px 0;
  color: #282828;
}
#footer-middle li {
  padding:15px;
}
#footer-middle i {
  font-size: 35px;
  color: #282828;
}
#footer-bottom {
  background: rgba(18,18,18,0.8);
  padding: 30px 0;
  color: #ffffff;
}
#footer-bottom ul {
  margin: 0;
  float: right;
}

#footer-bottom .list-inline>li{
  padding-right: 5px;
  padding-left: 5px;
  display: block;
  float: left;
}

#default-map {
    height: 300px;
    margin-top: -40px;
    margin-bottom: -100px;
}

a.big-call {font-size: 28px;color: white;line-height: 110px;font-weight: 600;}

/* @media queries
-----------------*/
@media (min-width: 1200px) {
  #footer-top ul {margin: 0;padding: 0 15px;list-style: none;padding-left: 70px;}
  ul.list-inline {float: right !important;}
  #footer-middle li {float: left !important;display:block !important;}
  div#fbFeed {float: right !important;}
  #home #home-content .row {width: 100%;max-width: 1033px;margin: 0 auto;}
  #home-content .col-sm-12 {height: 31px;}
  #footer-middle .row {width: 100%;max-width: 1050px;margin: 0 auto;}
  #footer-bottom .row {width: 100%;max-width: 1050px;margin: 0 auto;}
  a.big-call {font-size: 20px;}
}

@media (min-width: 991px) {
}

@media (min-width: 768px) {
  .tab-pane .row {width: 100%;max-width: 550px;}
.services .tab-content .list-badge li {max-width: 510px;}
.services .tab-content .list-badge li .badge{  margin-right: 28px;}
}

@media (max-width: 1199px) {
}

@media (max-width: 991px) { /*beginning of default fixed menu bar*/
  .big-call-button:after{display:none;}
}

@media (max-width: 767px) {
  .services .tab-content .list-badge li small {display: block;margin-left: auto !important;width: 100%;max-width: 88px;text-align: center;}
  .services .tab-content .list-badge li .badge{margin-right: 24px;}
}

@media (max-width: 480px) {
}