/*
Theme Name:         Little Gym
Theme URI:          http://go2.com.my
Description:        Based on roots wordpress starter theme
Version:            1.3
Author:             Go2 Media
Author URI:         http://go2.com.my
*/

@font-face {
  font-family: 'Gotham Rounded A';
  src: url('fonts/GothamRoundedA.eot');
  src: url('fonts/GothamRoundedA.eot') format('embedded-opentype'),
    url('fonts/GothamRoundedA.woff') format('woff'),
    url('fonts/GothamRoundedA.ttf') format('truetype'),
    url('fonts/GothamRoundedA.svg#GothamRoundedA') format('svg');
}

@font-face {
  font-family: 'Gotham Rounded B';
  src: url('fonts/GothamRoundedB.eot');
  src: url('fonts/GothamRoundedB.eot') format('embedded-opentype'),
    url('fonts/GothamRoundedB.woff') format('woff'),
    url('fonts/GothamRoundedB.ttf') format('truetype'),
    url('fonts/GothamRoundedB.svg#GothamRoundedB') format('svg');
}

@font-face {
  font-family: 'Gotham Rounded C';
  src: url('fonts/GothamRoundedC.eot');
  src: url('fonts/GothamRoundedC.eot') format('embedded-opentype'),
    url('fonts/GothamRoundedC.woff') format('woff'),
    url('fonts/GothamRoundedC.ttf') format('truetype'),
    url('fonts/GothamRoundedC.svg#GothamRoundedC') format('svg');
}

@font-face {
  font-family: 'House-A-Rama-League-Night';
  src: url('fonts/House-A-Rama-League-Night.eot?#iefix') format('embedded-opentype'),  
    url('fonts/House-A-Rama-League-Night.woff') format('woff'), 
    url('fonts/House-A-Rama-League-Night.ttf')  format('truetype'), 
    url('fonts/House-A-Rama-League-Night.svg#House-A-Rama-League-Night') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'VNFStrangeloveText';
  src: url('fonts/VNFStrangeloveText.eot?#iefix') format('embedded-opentype'),  
    url('fonts/VNFStrangeloveText.woff') format('woff'), 
    url('fonts/VNFStrangeloveText.ttf')  format('truetype'), 
    url('fonts/VNFStrangeloveText.svg#VNFStrangeloveText') format('svg');
  font-weight: normal;
  font-style: normal;
}

@import url('https://fonts.googleapis.com/css?family=Roboto+Slab:300,400,700');

body {
  background: #fff;
  color: #5160AC;
  font-size: 1.6rem;
  /*font-family: "GothamRoundedBook", "Open Sans", sans-serif;*/
  font-family: "Gotham Rounded A", "Gotham Rounded B", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  padding-top: 39px;
  overflow-x: hidden;
}

body.triggered { overflow: hidden! important; }

.border { border: 1px solid red; }
.border2 { border: 1px solid blue; }
.border3 { border: 1px solid green; }
.border4 { border: 1px solid orange; }
.border5 { border: 1px solid yellow; }

.container { max-width: 100%; width: 1240px; }
.vc_row.container { margin-left: auto! important; margin-right: auto! important; }

img.alignright { float: right; margin: 0 0 1em 1em; }
img.alignleft { float: left; margin: 0 1em 1em 0; }
img.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.alignright { float: right; }
.alignleft { float: left; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; }

a, .efx {
/*  -webkit-transition: all 0.15s ease-in-out; 
     -moz-transition: all 0.15s ease-in-out; 
       -o-transition: all 0.15s ease-in-out; 
          transition: all 0.15s ease-in-out; */
}

a { color: #c1d72e; }

a:hover, a:active, a:focus {
  color: #96a62c;
  outline: none;
  text-decoration: none;
}

/* Global */

button:not(.search-submit), 
input[type="button"], 
input[type="reset"], 
input[type="submit"], 
button:not(.search-submit), 
.btn:not(.search-submit), 
p.btn {
  width: 194px;
  height: 58px;
  background-size: auto;
  font-size: 1.6rem;
  font-family: 'Gotham Rounded B';
  padding: 1em 1em 0.75em 1em;
  background-position: -300px -100px;
  background-image: url(images/sprite-buttons-local.png);
  background-color: transparent;
  background-repeat: no-repeat;
  border: none;
  color: #fff;
  cursor: pointer;
  display: inline-block;
}

button:hover, 
input[type="button"]:hover, 
input[type="reset"]:hover, 
input[type="submit"]:hover, 
button:not(.search-submit), 
.btn:not(.search-submit):hover {
  color: #fff;
}

input.btn-small-white[type="button"], 
input.btn-small-white[type="reset"], 
input.btn-small-white[type="submit"], 
.btn-small-white {
  font-family: 'Gotham Rounded B';
  font-size: 18px;
  width: 116px;
  height: 49px;
  color: #C1D72E;
  padding: 0.5em 1em;
  margin: .5em 0;
  background-image: url(images/sprite-buttons-local.png);
  background-position: 0 -900px;
}

input.btn-small-white[type="button"]:hover, 
input.btn-small-white[type="button"]:focus, 
input.btn-small-white.hover[type="button"], 
input.btn-small-white[type="button"]:active, 
input.btn-small-white.active[type="button"], 
input.btn-small-white[type="reset"]:hover, 
input.btn-small-white[type="reset"]:focus, 
input.btn-small-white.hover[type="reset"], 
input.btn-small-white[type="reset"]:active, 
input.btn-small-white.active[type="reset"], 
input.btn-small-white[type="submit"]:hover, 
input.btn-small-white[type="submit"]:focus, 
input.btn-small-white.hover[type="submit"], 
input.btn-small-white[type="submit"]:active, 
input.btn-small-white.active[type="submit"], 
.btn-small-white:hover, 
.btn-small-white:focus, 
btn-small-white.hover, 
.btn-small-white:active, 
.btn-small-white.active {
  background-position: 0 -1000px;
  color: #fff;
}

input.outline[type="button"], 
input.outline[type="reset"], 
input.outline[type="submit"], 
.outline {
  background-image: url(images/sprite-buttons-local.png);
  background-color: transparent;
  background-position: -300px 0;
  background-repeat: no-repeat;
  border: none;
  color: #C1D72E;
  width: 194px;
  height: 58px;
  background-size: auto;
  font-size: 1.6rem;
  font-family: 'Gotham Rounded B';
  margin: .5em 0;
  padding: 0.75em 1em;
  text-align: center;
  line-height: 2;
}

input.outline[type="button"]:hover, 
input.outline[type="button"]:focus, 
input.outline.hover[type="button"], 
input.outline[type="reset"]:hover, 
input.outline[type="reset"]:focus, 
input.outline.hover[type="reset"], 
input.outline[type="submit"]:hover, 
input.outline[type="submit"]:focus, 
input.outline.hover[type="submit"], 
.outline:hover, 
.outline:focus, 
.outline.hover {
  background-position: -300px -100px;
  color: #fff;
}

button.med, 
input.med[type="button"], 
input.med[type="reset"], 
input.med[type="submit"], 
button.med, 
.btn.med, 
p.btn.med {
  background-image: url(images/sprite-buttons-local.png);
  background-color: transparent;
  background-repeat: no-repeat;
  border: none;
  color: #fff;
  width: 250px;
  height: 58px;
  background-size: auto;
  font-size: 1.6rem;
  font-family: 'Gotham Rounded B';
  margin: .5em 0;
  padding: 0.75em 1em;
  text-align: center;
  line-height: 2;
  background-position: 0 -100px;
}

button.med:hover, 
button.med:focus, 
button.med.hover, 
input.med[type="button"]:hover, 
input.med[type="button"]:focus, 
input.med.hover[type="button"], 
input.med[type="reset"]:hover, 
input.med[type="reset"]:focus, 
input.med.hover[type="reset"], 
input.med[type="submit"]:hover, 
input.med[type="submit"]:focus, 
input.med.hover[type="submit"], 
button.med:hover, 
button.med:focus, 
button.med.hover, 
.med:hover, 
.med:focus, 
.med.hover, 
p.med:hover, 
p.med:focus, 
p.med.hover {
  color: #fff;
  background-position: 0 -500px;
}

input.white[type="button"], 
input.white[type="reset"], 
input.white[type="submit"], 
.white {
  background-position: -300px -400px! important;
  width: 194px;
  height: 58px;
  background-size: auto;
  font-size: 1.6rem;
  font-family: 'Gotham Rounded B';
  padding: 0.75em 1em;
  background-image: url(images/sprite-buttons-local.png);
  background-color: transparent;
  background-repeat: no-repeat;
  cursor: pointer;
  display: inline-block;
  text-align: center;
  line-height: 2;
  color: #C1D72E! important;
}

input.white[type="button"]:hover, 
input.white[type="button"]:focus, 
input.white.hover[type="button"], 
input.white[type="reset"]:hover, 
input.white[type="reset"]:focus, 
input.white.hover[type="reset"], 
input.white[type="submit"]:hover, 
input.white[type="submit"]:focus, 
input.white.hover[type="submit"], 
.white:hover, 
.white:focus, 
.white.hover {
  background-position: -300px -500px;
  color: #fff;
}

input.outline.med[type="button"], 
input.outline.med[type="reset"], 
input.outline.med[type="submit"], 
.outline.med {
  color: #C4D800;
  background-position: 0 0;
}

input.outline.med[type="button"]:hover, 
input.outline.med[type="button"]:focus, 
input.outline.med.hover[type="button"], 
input.outline.med[type="reset"]:hover, 
input.outline.med[type="reset"]:focus, 
input.outline.med.hover[type="reset"], 
input.outline.med[type="submit"]:hover, 
input.outline.med[type="submit"]:focus, 
input.outline.med.hover[type="submit"], 
.outline.med:hover, 
.outline.med:focus, 
.outline.med.hover {
  background-position: 0 -100px;
  color: #fff;
}

button.med, 
input.med[type="button"], 
input.med[type="reset"], 
input.med[type="submit"], 
button.med, 
.btn.med, 
p.btn.med {
  background-size: auto;
  width: 250px;
}

.tape {
  width: 225px;
  height: 65px;
  font-family: 'Roboto Slab', serif;
  font-size: 20px;
  background: url(images/tape-btn.svg);
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  color: #fff;
}

.gfont {
  font-family: 'Roboto Slab', serif;
  font-weight: bolder;
  font-size: 6rem;
  line-height: 0.8;
  margin: 15px 0;
}

.alt_heading {
  font-size: 4.2rem;
  font-family: 'House-A-Rama-League-Night';
  line-height: 3rem;
  margin-top: 0;
}

.big_heading {
  font-size: 13.5rem;
  font-family: 'VNFStrangeloveText';
  line-height: 9rem;
  margin-top: 0;
}

.decorative_heading {
  font-size: 10rem;
  font-family: 'VNFStrangeloveText';
  line-height: 9rem;
  margin-top: 0;
}

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

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

.morelink {
  padding-right: .25em;
  font-size: 1.6rem;
  /*font-weight: 500;*/
  font-family: 'Gotham Rounded B';
  text-decoration: underline;
  color: #C1D72E;
  transition: color 0.1s linear;
}

.morelink:hover {
  color: #96a62c;
}

.morelink:after {
  position: relative;
  top: 2px;
  display: inline-block;
  content: "";
  width: 14px;
  height: 13px;
  margin-left: .25em;
  background-image: url(images/sprite-accents-lime.png);
  background-position: -700px -200px;
}

span.seperator {
  display: block;
  background-image: url(images/sprite-accents-blue.png);
  background-size: 750px;
  background-position: -600px -150px;
  width: 109.5px;
  height: 12px;
  margin: 15px auto;
}

.flex-center > div {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-content: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

/* Header */

.top-header {
  position: fixed;
  width: 100%;
  background: #36A6DE;
  padding-top: 2px;
  padding-bottom: 2px;
  top: 0;
  left: 0;
  z-index: 1000;
}

.top-header:after {
  content: '';
  display: block;
  width: 100%;
  height: 6px;
  background: url(images/local-utility-bg.png) top left no-repeat;
  position: absolute;
  bottom: -6px;
  left: 0;
}

/* .thleft {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-align-content: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
} */

.thleft {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-content: stretch;
  align-items: center;
}

.thl-logo {
  position: relative;
  display: block;
  width: 0;
  overflow: hidden;
  margin-right: 0! important;
  -webkit-transition: all 0.15s ease-in-out; 
  -moz-transition: all 0.15s ease-in-out; 
  -o-transition: all 0.15s ease-in-out; 
  transition: all 0.15s ease-in-out; 
}

.thl-logo.sticky {
  width: 60px;
  overflow: auto;
  margin-right: 15px! important;
}

.thl-logo img {
  max-width: 100%;
  height: auto;
}

a.thl-menu {
  display: block;
  width: 35px;
  height: 35px;
  background: url(images/menu-burger.svg) left no-repeat;
  -webkit-transition: all 0.15s ease-in-out; 
  -moz-transition: all 0.15s ease-in-out; 
  -o-transition: all 0.15s ease-in-out; 
  transition: all 0.15s ease-in-out; 
}

a.thl-menu:hover {
  background: url(images/menu-burger.svg) center no-repeat;
}

a.thl-menu.triggered {
  background: url(images/menu-burger.svg) right no-repeat;
}

a.thl-menu.thl-xsmenu { display: none; }

.thleft > a {
  color: #cdebfa;
  font-size: 1.3rem;
  margin-right: 15px;
}

.thl-tel {
  position: relative;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-content: stretch;
  align-items: center;
}

.thl-call-us {
  display: none;
  position: relative;
}

.thl-tel:before,
.thl-call-us:before {
  content: "\2022";
  color: #cdebfa;
  margin: 0 10px 0 3px;
}

.thl-tel.thl-whatsapp { padding-right: 50px; }

.thl-tel.thl-whatsapp span {
  content: '';
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url(images/icon_whatsapp.svg);
  background-size: cover;
  margin-right: 5px;
}

.call-us-number {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-content: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  position: fixed;
  width: 100vw;
  height: 100vh;
  background: rgba(0,0,0,0.9);
  top: 0;
  left: 0;
  z-index: 1000;
  pointer-events: none;
  -ms-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
  -webkit-transition: all 0.12s ease-in-out; 
  -moz-transition: all 0.12s ease-in-out; 
  -o-transition: all 0.12s ease-in-out; 
  transition: all 0.12s ease-in-out; 
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
}

.call-us-number.triggered {
  pointer-events: auto;
  -ms-transform: scale(1);
  -webkit-transform: scale(1);
  transform: scale(1);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
}

.call-us-number ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.call-us-number ul li a {
  display: block;
  text-align: center;
  font-size: 20px;
  padding: 10px;
}

.cun-dismiss {
  display: block;
  position: absolute;
  top: 30px;
  right: 30px;
  width: 48px;
  height: 48px;
  background: url(images/icon_close.svg);
}

.thleft-menu {
  display: none;
  position: absolute;
  top: calc(100% + 5px);
  left: 15px;
}

.thleft-menu > ul {
  list-style: none;
  padding: 5px 10px 10px 10px;
  margin: 0;
  background: #33CCCC;
}

.thleft-menu > ul > li {
  position: relative;
}

.thleft-menu > ul > li > a {
  display: block;
  position: relative;
  font-size: 19px;
  font-weight: bold;
  padding: 25px 10px 8px;
  text-transform: uppercase;
  text-align: center;
  color: #fff;
}

.thleft-menu > ul > li > a:hover,
.thleft-menu > ul > li.open > a {
  color: #4662AE;
}

.thleft-menu > ul > li:before,
.thleft-menu > ul > li:after,
.thleft-menu > ul > li.open:before,
.thleft-menu > ul > li.open:after {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
  -webkit-transition: all 0.15s ease-in-out; 
  -moz-transition: all 0.15s ease-in-out; 
  -o-transition: all 0.15s ease-in-out; 
  transition: all 0.15s ease-in-out; 
}

.thleft-menu > ul > li:before,
.thleft-menu > ul > li.open:before {
  background: url(images/primary-nav-active-bg.png);
  width: 40px;
  height: 20px;
  left: 50%;
  margin-left: -20px;
  top: 5px;
}

.thleft-menu > ul > li:after,
.thleft-menu > ul > li.open:after {
  background: url(images/primary-nav-active-line.png) center no-repeat;
  width: 100%;
  height: 3px;
  left: 0;
  bottom: 3px;
}

.thleft-menu > ul > li:hover:before,
.thleft-menu > ul > li:hover:after,
.thleft-menu > ul > li.open:before,
.thleft-menu > ul > li.open:after {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
}

.thleft-menu > ul > li > ul {
  display: block;
  position: relative;
  max-width: 100%;
  float: none;
  margin: 0;
  background: transparent;
  border: none;
  border-radius: 0;
  box-shadow: none;
  height: 0px;
  overflow: hidden;
    -webkit-transition: all 0.3s ease-in-out; 
       -moz-transition: all 0.3s ease-in-out; 
         -o-transition: all 0.3s ease-in-out; 
            transition: all 0.3s ease-in-out; 
}

.thleft-menu > ul > li.open > ul {
  height: auto;
  overflow: auto;
}

.thleft-menu > ul > li > ul > li > a {
  display: block;
  text-transform: uppercase;
  text-align: center;
  color: #fff;
  padding: .5em 0;
  font-size: 1.4rem;
}

.thleft-menu > ul > li > ul > li > a:hover {
  background: transparent;
  color: #4662AE;
}

.thright {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-align-content: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.thright a {
  display: block;
  padding: 8px 0px;
  font-size: 1.3rem;
  color: #cdebfa;
  margin-left: 7px;
}

.thr-signin:before {
  content: "\2022";
  color: #1677AB;
  margin: 0 10px 0 3px;
}

#menu-primary-menu > li.promotions { display: none; }

/* Slider */

.header-wrapper { position: relative; padding: 0; }

body.home .header-wrapper:after {
  content: '';
  background-image: url(images/sprite-accents-white.png);
  background-size: auto;
  background-position: 0px -600px;
  width: 95px;
  height: 100px;
  top: 100px;
  right: 20px;
  position: absolute;
}

.neighbors {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-content: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  position: absolute;
  width: 275px;
  height: 275px;
  background: url(images/bgr-neighbors.png);
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  top: 50%;
  margin-top: -190px;
  right: 5%;
  text-align: center;
  list-style: 3px;
}

.neighbors h1 {
  font-family: 'VNFStrangeloveText';
  font-size: 8.4rem;
  line-height: 6rem;
  color: #fff;
}

.neighbors a.neighborsmapit {
  color: #fff;
  font-size: 17px;
  font-weight: bold;
}

.navigation-wrapper {
  background: #36A6DE;
  position: relative;
  padding-top: 10px;
  padding-bottom: 10px;
/*  position: absolute;
  top: 25px;
  left: 0;
  width: 100%;
  z-index: 10;*/
}

.navigation-wrapper > .container > .row {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-content: stretch;
  align-items: center;
}

a.logo { display: block; }

a.logo img {
  width: auto;
  height: 35px;
}

a.xsmenu {
  display: none;
  width: 50px;
  height: 50px;
  background: url(images/xsmenu.svg) left;
  position: absolute;
  top: 50%;
  margin-top: -30px;
  right: 0;
  -webkit-transition: all 0.15s ease-in-out; 
  -moz-transition: all 0.15s ease-in-out; 
  -o-transition: all 0.15s ease-in-out; 
  transition: all 0.15s ease-in-out; 
}

a.xsmenu:hover { background: url(images/xsmenu.svg) center; }

a.xsmenu.triggered { background: url(images/xsmenu.svg) right; z-index: 1000; }

.navigation > ul {
  list-style: none; 
  padding: 0;
  margin: 10px 0 0;
}

.navigation > ul > li:before {
  width: 40px;
  height: 20px;
  background: url(images/primary-nav-active-bg.png) no-repeat;
  position: absolute;
  top: -10px;
  left: 50%;
  margin-left: -20px;
  display: block;
  content: "";
}

.navigation > ul > li:after {
  width: 100%;
  height: 3px;
  background: url(images/primary-nav-active-line.png) repeat-x;
  position: absolute;
  top: 36px;
  right: 0;
  left: 0;
  margin: 0 auto;
  display: block;
  content: "";
}

.navigation > ul > li:before,
.navigation > ul > li:after {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
}

.navigation > ul > li:hover:before,
.navigation > ul > li:hover:after {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
}

.navigation > ul > li { display: inline-block; position: relative; }

.navigation > ul > li > a {
  display: block;
  padding: 12px 0;
  font-family: 'Gotham Rounded B';
  font-size: 17px;
  /*font-weight: 700;*/
  text-transform: uppercase;
  color: #fff;
  -webkit-transition: all 0.15s ease-in-out; 
     -moz-transition: all 0.15s ease-in-out; 
       -o-transition: all 0.15s ease-in-out; 
          transition: all 0.15s ease-in-out; 
}

.navigation > ul > li > a:hover {
  color: #5160AC;
}

.navigation > ul > li:not(:last-child) > a:after {
  display: inline-block;
  content: "";
  background: url(images/primary-nav-sep.png) no-repeat;
  width: 11px;
  height: 11px;
  margin: 0 8px;
}

.navigation .dropdown-menu {
  display: block;
  padding: 0;
  border-radius: 7px;
  max-width: auto;
  margin-top: 30px;
  -webkit-transition: all 0.15s ease-in-out; 
     -moz-transition: all 0.15s ease-in-out; 
       -o-transition: all 0.15s ease-in-out; 
          transition: all 0.15s ease-in-out; 
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
  pointer-events: none;
}

.navigation li.open .dropdown-menu {
  margin-top: 10px;
  pointer-events: auto;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
}

.navigation .dropdown-menu li { position: relative; }

.navigation .dropdown-menu li:first-child:before {
  content: '';
  display: block;
  position: absolute;
  top: -30px;
  left: 30px;
  width: 10px;
  height: 30px;
  border-style: solid;
  border-width: 0 7px 10px 7px;
  border-color: transparent transparent #5160AC transparent;
}

.navigation .dropdown-menu li:first-child:hover:before {
  border-color: transparent transparent #354070 transparent;
}

.navigation .dropdown-menu a {
  display: block;
  padding: 10px;
  background: #5160AC;;
  color: #fff;
}

.navigation .dropdown-menu a:hover {
  background: #354070;;
  color: #fff;
}

.navigation.triggered {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
  pointer-events: auto;
}

.section-our-classes {
  background: url(images/lg-waves.png) repeat fixed #FEFEFE;
}

.cloud {
  z-index: 10;
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 100%;
  height: 158px;
  background-image: url(images/clouds.png);
  background-repeat: repeat-x;
  background-position: 0 0;
  background-size: auto auto; 
  pointer-events: none;
}

.cloud:before {
  content: '';
  background-size: auto;
  background-position: -400px -600px;
  width: 86px;
  height: 72px;
  position: absolute;
  left: 50%;
  margin-left: 0px;
  top: -10px;
  background-image: url(images/sprite-accents-white.png);
}

#slider-caption { position: relative; pointer-events: none; }

#slider-caption:before {
  content: '';
  display: block;
  background-image: url(images/sprite-accents-white.png);
  background-repeat: no-repeat;
  background-size: auto;
  background-position: -500px 0px;
  width: 73px;
  height: 58px;
  position: absolute;
  left: -50px;
  top: -15px;
}

#slider-caption h1 {
  font-size: 20rem;
  font-family: 'VNFStrangeloveText';
  line-height: 15rem! important;
  letter-spacing: 10px;
}

#slider-caption h1 span:not(#title) {
  display: block;
  font-size: 4.3rem;
  font-family: 'House-A-Rama-League-Night';
  letter-spacing: 0px;
}

.try-us-out-wrapper { padding: 60px; }

.try_us_out_lime {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-content: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: rgba(193, 215, 46, 0.8);
  width: 540px;
  height: 540px;
  border-radius: 100%;
  text-align: center;
  padding: 60px;
  color: #fff;
}

.try_us_out_lime .decorative_heading {
  font-size: 11.5rem;
}

.mod-promo-wrapper {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-content: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 60px;
}

.mod-promo-wrapper.mpw-parties-camps {
  background: url(images/promo-parties-camps.jpg); 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.mod-promo-wrapper.mpw-more-fun { 
  background: url(images/promo-members.jpg); 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.mod-promo-half {
  position: relative;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-content: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  width: 380px;
  height: 380px;
  background-color: rgba(193, 215, 46, 0.8);
  text-align: center;
  border-radius: 100%;
  padding: 30px;
}

.mod-promo-wrapper.mpw-parties-camps .mod-promo-half:before {
  content: "";
  position: absolute;
  top: 0;
  left: 10px;
  background-size: 220px! important;
  width: 220px;
  height: 113px;
  background: url(images/accent-patch.png) no-repeat 0 0;
}

.mod-promo-wrapper.mpw-more-fun .mod-promo-half:before {
  top: 5px;
  left: 65px;
  background-size: auto;
  background-position: -300px -200px;
  width: 79px;
  height: 100px;
  position: absolute;
  display: inline-block;
  content: "";
  background-image: url(images/sprite-accents-white.png);
  background-repeat: no-repeat;
}

.mod-promo-half span.title {
  font-family: 'VNFStrangeloveText';
  font-size: 11.5rem;
  line-height: 9rem;
  color: #fff;
}

.mod-promo-wrapper.mpw-more-fun .mod-promo-half span.title {
  font-size: 13.5rem;
  line-height: 12rem;
}

.review-section {
  position: relative;
}

.review-section:before {
  width: 100%;
  height: 30px;
  background-position: 0 -34px;
  position: absolute;
  top: -10px;
  left: 0;
  z-index: 100;
  display: block;
  content: "";
  background-image: url(images/chevron.png);
  background-repeat: repeat-x;
}

h1.review-title{
  font-size: 4.2rem;
  font-family: 'House-A-Rama-League-Night';
  color: #00D0CE;
}

.review-section {
  background: url(images/outline-triangles-pattern-bg.png) center repeat fixed #F2FBFB;
}

.review-wrapper {
  padding-left: 75px;
}

.review-wrapper blockquote {
  position: relative;
  font-family: 'VNFStrangeloveText';
  font-size: 8rem;
  color: #5160AC;
  line-height: 0.8;
  margin-bottom: 30px;
  padding: 0;
  border: none;
}

.review-wrapper blockquote:before {
  content: "";
  display: block;
  position: absolute;
  background-image: url(images/local-blockquotes-sprite.png);
  background-color: transparent;
  background-position: 0px 0px;
  background-repeat: no-repeat;
  background-size: auto;
  width: 62px;
  height: 52px;
  top: -2.5rem;
  left: -8rem;
}

.review-wrapper blockquote::after {
  content: "";
  display: block;
  position: absolute;
  background-image: url(images/local-blockquotes-sprite.png);
  background-color: transparent;
  background-size: auto;
  background-position: -77px 0;
  width: 62px;
  height: 52px;
  bottom: -2.5rem;
  right: -6rem;
}

.review-image img {
  display: block;
  margin: 0 auto;
  width: auto;
  max-height: 580px;
}

.stay-connected-wrapper { padding: 0; }

.section-stay-connected {
  background: #C1D72E;
  position: relative;
  color: #fff;
  margin-top: 175px;
}

.section-stay-connected:before {
  content: "";
  left: 0;
  top: -175px;
  width: 100%;
  height: 175px;
  background-image: url(images/jagged.png);
  background-repeat: repeat-x;
  background-position: center 0;
  background-size: auto auto;
  position: absolute;
  display: block;
}

.section-stay-connected .alt_heading {
  position: relative;
}

.section-stay-connected .alt_heading:before {
  top: -3rem;
  left: 10rem;
  background-size: auto;
  background-position: -300px -500px;
  width: 96px;
  height: 50px;
  position: absolute;
  display: inline-block;
  margin: 0 10px;
  content: "";
  background-image: url(images/sprite-accents-purple.png);
  background-repeat: no-repeat;
}

.section-stay-connected .alt_heading:after {
  top: -3rem;
  right: 10rem;
  background-size: auto;
  background-position: -400px -500px;
  width: 96px;
  height: 50px;
  position: absolute;
  display: inline-block;
  margin: 0 10px;
  content: "";
  background-image: url(images/sprite-accents-purple.png);
  background-repeat: no-repeat;
}

.social {
  background: url(images/local-social-sprite.png);
  display: inline-block;
  width: 50px;
  height: 50px;
  margin: 5px! important;
}

.social:hover {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=70);
  -moz-opacity: 0.7;
  -khtml-opacity: 0.7;
  opacity: 0.7;
}

.social.youtube { background-position: -241px 0; }
.social.facebook { background-position: -59px 0; }
.social.googleplus { background-position: -302px 0; }

.footer-social-wrapper {
  margin-top: 30px;
  margin-bottom: 15px;
}

.footer_social {
  background: url(images/corp-social-sprite.png);
  display: inline-block;
  width: 34px;
  height: 34px;
  margin: 5px! important;
}

.footer_social:hover {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=70);
  -moz-opacity: 0.7;
  -khtml-opacity: 0.7;
  opacity: 0.7;
}

.footer_social.linkedin { background-position: -280px 0px; }
.footer_social.youtube { background-position: -41px 0; }
.footer_social.facebook { background-position: -80px 0; }
.footer_social.instagram { background-position: -120px 0; }
.footer_social.twitter { background-position: -160px 0px; }
.footer_social.pinterest { background-position: -200px 0px; }
.footer_social.googleplus { background-position: -240px 0px; }

.classes_carousel { 
  position: relative;
  padding-left: 90px;
  padding-right: 90px;
}

.classes_carousel_wrapper { position: relative; }

.classes_carousel_info,
.archive-intro-img .archive-intro-img-title {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: center;
  align-content: stretch;
  align-items: center;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  color: #fff;
  z-index: 3;
}

.archive-intro-img { min-height: 400px; }

.archive-intro-img:before {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.4);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
}

.party-camp-btn-wrapper {
  position: absolute;
  bottom: 20px;
  right: 20px;
}

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

.classes_carousel_info h3,
.archive-intro-img .archive-intro-img-title h2 {
  font-size: 10rem;
  font-family: 'VNFStrangeloveText';
  line-height: 0.75;
  margin: 0;
  font-weight: normal;
  text-align: center;
}

.classes_carousel_info span.subtitle {
  display: block;
  margin: 0 0 10px;
}

.classes_carousel_info h3 span,
.archive-intro-img .archive-intro-img-title h2 span {
  display: inline-block;
  position: relative;
}

.classes_carousel_info h3.parent-child span:before,
.archive-intro-img .archive-intro-img-title h2.parent-child span:before {
  content: '';
  top: -40px;
  left: -24px;
  background-size: auto;
  background-position: -700px 0px;
  background-image: url(images/sprite-accents-white.png);
  background-repeat: no-repeat;
  width: 42px;
  height: 55px;
  display: inline-block;
  position: absolute;
}

.classes_carousel_info h3.gymnastics-pre-k span:before,
.classes_carousel_info h3.gymnastics-grade-school span:before,
.archive-intro-img .archive-intro-img-title h2.gymnastics-pre-k span:before,
.archive-intro-img .archive-intro-img-title h2.gymnastics-grade-school span:before {
  content: '';
  top: -53px;
  left: 50%;
  background-size: auto;
  background-position: -200px -200px;
  background-image: url(images/sprite-accents-white.png);
  background-repeat: no-repeat;
  width: 100px;
  height: 43px;
  display: inline-block;
  position: absolute;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
}

.classes_carousel_info h3.dance span:before,
.archive-intro-img .archive-intro-img-title h2.dance span:before {
  content: '';
  top: -74px;
  left: 50%;
  background-size: auto;
  background-position: -300px -400px;
  background-image: url(images/sprite-accents-white.png);
  background-repeat: no-repeat;
  width: 90px;
  height: 64px;
  display: inline-block;
  position: absolute;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
}

.classes_carousel_info h3.dance span:after,
.archive-intro-img .archive-intro-img-title h2.dance span:after {
  content: '';
  bottom: -10px;
  left: -26px;
  background-size: auto;
  background-position: -400px -400px;
  background-image: url(images/sprite-accents-white.png);
  background-repeat: no-repeat;
  width: 33px;
  height: 49px;
  display: inline-block;
  position: absolute;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
}

.classes_carousel_info h3.karate span:before,
.archive-intro-img .archive-intro-img-title h2.karate span:before {
  content: '';
  top: -55px;
  left: -64px;
  background-size: auto;
  background-position: -600px -100px;
  background-image: url(images/sprite-accents-white.png);
  background-repeat: no-repeat;
  width: 64px;
  height: 65px;
  display: inline-block;
  position: absolute;
}

.classes_carousel_info h3.sports-skills span:after,
.archive-intro-img .archive-intro-img-title h2.sports-skills span:after {
  content: '';
  top: -74px;
  left: 50%;
  background-size: auto;
  background-position: -200px -400px;
  background-image: url(images/sprite-accents-white.png);
  background-repeat: no-repeat;
  width: 82px;
  height: 64px;
  display: inline-block;
  position: absolute;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
}

.classes_carousel_info h3.kindermusik span:after,
.archive-intro-img .archive-intro-img-title h2.kindermusik span:after {
  content: '';
  top: -85px;
  left: -69px;
  background-size: auto;
  background-position: -700px -400px;
  background-image: url(images/sprite-accents-white.png);
  background-repeat: no-repeat;
  width: 59px;
  height: 128px;
  display: inline-block;
  position: absolute;
}

.classes_carousel_info h3.wonderkids-club span:after,
.archive-intro-img .archive-intro-img-title h2.wonderkids-club span:after {
  content: '';
  top: -67px;
  left: 50%;
  background-size: auto;
  background-position: -500px -400px;
  background-image: url(images/sprite-accents-white.png);
  background-repeat: no-repeat;
  width: 121px;
  height: 57px;
  display: inline-block;
  position: absolute;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
}

.archive-intro-img .archive-intro-img-title h2.awesome-birthday-bash span:after,
.archive-intro-img .archive-intro-img-title h2.camps span:after {
  content: '';
  top: -46px;
  left: 50%;
  background-size: auto;
  background-position: -700px -100px;
  background-image: url(images/sprite-accents-white.png);
  background-repeat: no-repeat;
  width: 43px;
  height: 36px;
  display: inline-block;
  position: absolute;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
}

.archive-intro-img .archive-intro-img-title h2.camps span:after {
  top: -53px;
  background-position: -200px -200px;
  width: 100px;
  height: 43px;
}

.classes_carousel .owl-prev,
.classes_carousel .owl-next {
  position: absolute;
  display: block;
  width: 47px;
  height: 56px;
  top: 50%;
  margin-top: -28px;
  z-index: 100;
}

.classes_carousel .owl-prev span,
.classes_carousel .owl-next span {
  display: none! important;
}

.classes_carousel .owl-prev {
  left: 0;
  background: url(images/arrow-lime-left.png)! important;
  -webkit-background-size: cover! important;
  -moz-background-size: cover! important;
  -o-background-size: cover! important;
  background-size: cover! important;
}
.classes_carousel .owl-next {
  right: 0;
  background: url(images/arrow-lime-right.png)! important;
  -webkit-background-size: cover! important;
  -moz-background-size: cover! important;
  -o-background-size: cover! important;
  background-size: cover! important;
}

.fisher-price {
  position: relative;
}

.fisher-price-img-wrapper {}

.fisher-price-img {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 100%;
  text-align: center;
}

.fisher-price-img img {
  height: 350px;
  width: auto;
}

.section-blog { position: relative; padding-bottom: 60px; }

.section-blog:after {
  display: inline-block;
  margin: 0 10px;
  content: "";
  position: absolute;
  bottom: 10%;
  right: 10%;
  background-image: url(images/sprite-accents-teal.png);
  background-size: auto;
  background-position: 0px -400px;
  width: 158px;
  height: 91px;
}

.blog_heading_wrapper {
  background: url(images/blog-clouds-bg.png) top center no-repeat;
}

.blog-heading .alt_heading span {
  display: inline-block;
  position: relative;
  background: #fff;
  z-index: 2;
  padding: 10px 30px;
}

.blog-heading .decorative_heading span {
  display: inline-block;
  position: relative;
}

.blog-heading .decorative_heading span:before {
  background-position: 0 -400px;
  background-size: auto;
  width: 158px;
  height: 91px;
  top: -120px;
  left: 10px;
  content: "";
  display: block;
  position: absolute;
  background-image: url(images/sprite-accents-teal.png);
  background-repeat: no-repeat;
  z-index: 0;
}

.homepage_blog_wrapper {
  padding: 1px;
}

.homepage_blog_wrapper .decorative_heading {
  padding: 0 10px;
}

.homepage_blog_wrapper a {
  display: block;
  text-align: center;
  border: 1px solid #ddd;
  padding-bottom: 45px;
  color: #5160AC;
}

.homepage_blog_wrapper a:hover {
  color: #C1D72E;
}

.homepage_blog_card {
  padding: 30px;
  background: #5160AC;
}

.homepage_blog_card span {
  background-image: url(images/sprite-accents-white.png);
  background-repeat: no-repeat;
  background-position: -400px -300px;
  display: block;
  width: 85px;
  height: 88px;
  margin: 0 auto;
}

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

.homepage_blog_wrapper:hover span.btn {
  background-position: -300px -500px;
  color: #fff;
}

.display_blog .owl-dots,
.display_blog .owl-carousel .owl-dots.disabled {
  display: block;
}

.display_blog .owl-dots {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-content: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 30px;
}

.display_blog .owl-dot {
  display: block;
  width: 28px;
  height: 28px;
  border-radius: 100%;
  background-image: url(images/sprite-accents-teal.png)! important;
  background-size: auto! important;
  background-position: -200px -500px! important;
  margin: 0 2.5px;
  -webkit-transition: all 0.15s ease-in-out; 
  -moz-transition: all 0.15s ease-in-out; 
  -o-transition: all 0.15s ease-in-out; 
  transition: all 0.15s ease-in-out; 
}

.display_blog .owl-dot:hover,
.display_blog .owl-dot.active {
  background-image: url(images/sprite-accents-lime.png)! important;
  background-size: auto! important;
  background-position: -200px -500px! important;
}

.display_blog .owl-dot:hover {
  -ms-transform: rotate(-180deg);
  -webkit-transform: rotate(-180deg);
  transform: rotate(-180deg);
}

.widget ul {
  padding: 0 0 0 15px;
}

.footer-widget-wrapper {
  padding-top: 60px;
  padding-bottom: 60px;
  background: #36A6DE;
  color: #fff;
}

.widget-1-wrapper .decorative_heading {
  font-size: 6rem;
}

.widget-1-wrapper .decorative_heading span {
  display: inline-block;
  position: relative;
}

.widget-1-wrapper .decorative_heading span:before {
  background-image: url(images/sprite-accents-white.png);
  background-repeat: no-repeat;
  background-position: -300px -100px;
  content: "";
  display: block;
  position: absolute;
  width: 20px;
  height: 18px;
  right: -25px;
  top: 0;
}

.widget-1-wrapper > p > a {
  color: #fff;
  font-size: 14px;
  display: inline-block;
}

.widget-1-wrapper > p > a:hover {
  color: #34C8CD;
}

.widget-1-wrapper ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.widget-1-wrapper ul li {
/*  display: block;
  width: 33.333%;
  float: left;*/
  display: inline-block;
  margin-right: 3em;
}

.widget-1-wrapper ul li a {
  display: inline-block;
  font-size: 2.2rem;
  line-height: 2;
  color: #fff;
  text-transform: uppercase;
}

.widget-1-wrapper ul li a:hover {
  color: #34C8CD;
}

.widget-2-wrapper {
  padding-top: 10px;
  text-align: center;
}

.footer {
  position: relative;
  background: #3CADE6;
  padding-top: 60px;
  padding-bottom: 60px;
  text-align: center;
  color: #fff;
}

.footer:before {
  position: absolute;
  left: 0;
  top: 13px;
  display: block;
  z-index: 100;
  content: "";
  opacity: 0.35;
  background-image: url(images/dash-line-sprite.png);
  background-repeat: repeat-x;
  background-position: 0 -6px;
  width: 100%;
  height: 4px;
}

.footer-gym a {
  display: inline-block;
  padding: 10px;
  color: #fff;
  -webkit-transition: all 0.15s ease-in-out; 
  -moz-transition: all 0.15s ease-in-out; 
  -o-transition: all 0.15s ease-in-out; 
  transition: all 0.15s ease-in-out; 
}

.footer-gym a:hover {
  color: #C1D72E;
}

.copyright {
  font-size: 13px;
}

/* Header */

.header {
  position: relative;
  padding: 150px 0;
}

body.page-id-7290 .header {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: center;
  align-content: stretch;
  align-items: center;
  padding: 30px;
  min-height: 90vh;
}

.header h1,
.header span.header-alt {
  font-family: 'VNFStrangeloveText';
  font-size: 20rem;
  line-height: 14rem;
  color: #fff;
}

body.page-id-7290 .header h1 {
  font-size: 10rem;
  line-height: 8rem;
}

.header h4 {
  font-family: 'House-A-Rama-League-Night';
  font-size: 30px;
  line-height: 30px;
  margin-bottom: 30px;
  color: #ffffff;
}

body.page-id-7290 .header h4 {
  font-size: 24px;
  line-height: 24px;
}

.class-header {
  background-image: url(images/hero-our-classes-lg.jpg);
  background-position: center 20%;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.class-header.classes {
  background-image: url(images/hero-our-classes-lg.jpg);
  background-position: center 20%;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.class-header.party-camp {
  background-image: url(images/hero-parties-camps-lg.jpg);
  background-position: center 20%;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.class-header.promotions {
  background-image: url(images/hero-parties-camps-lg.jpg);
  background-position: center 20%;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.class-header.careers {
  background-image: url(images/hero-parties-camps-lg.jpg);
  background-position: center 20%;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.class-header.more-fun {
  background-image: url(images/hero-more-fun-lg.jpg);
  background-position: center 20%;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.class-header.fourofour-header {
  background-image: url(images/hero-our-classes-lg.jpg);
  background-position: center 20%;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

/* Archive Classes */

.archive-menu {
  position: relative;
  background: #F5FBFE;
  border-top: 1px solid #efefef;
}

/* .archive-menu:before {
  content: "";
  top: -45px;
  left: 0;
  background-size: auto auto;
  width: 100%;
  height: 44px;
  position: absolute;
  z-index: 2;
  display: block;
  background-image: url(images/waves.png);
  background-position: 0 0;
  background-repeat: repeat-x;
} */

.archive-menu ul {
  list-style: none;
  padding: 0;
  margin: 0;
  text-align: center;
}

.archive-menu ul li {
  display: inline-block;
}

.archive-menu ul li a {
  position: relative;
  display: block;
  padding: 20px;
  color: #5160AC;
  font-family: 'Gotham Rounded B';
  /*font-weight: 500;*/
}

.archive-menu ul li a:hover {
  color: #33CCCC;
}

.archive-menu ul li a:hover:before {
  display: block;
  position: absolute;
  bottom: 8px;
  left: 0;
  right: 0;
  margin: 0 auto;
  content: "";
  background: url(images/secondary-nav-hover.png) no-repeat;
  width: 48px;
  height: 5px;
}

.archive-navigation {
  background: #F5FBFE;
}

.archive-intro {
  padding-top: 60px;
  padding-bottom: 60px;
}

.archive-intro-row {
  background: #F5FBFE;
}

.archive-intro-row .dummy {
  background: #fff;
}

.archive-intro-info {
  position: relative;
  padding: 2.5em 10em 2.5em 2.5em;
  font-size: 15px;
}

.archive-intro-info .alt_heading {
  font-size: 3.75rem;
  text-transform: capitalize;
  color: #33CCCC;
}

.archive-intro-info img {
  max-width: 270px;
  height: auto;
}

.archive-intro-img { 
  padding: 0;
}

.archive-intro-img img {
  max-width: 100%;
  height: auto;
}

.archive-intro-age-wrapper {
  position: absolute;
  top: 1.5rem;
  right: 3rem;
  margin: 0 0 2rem 2rem;
  width: 100px;
  height: 100px;
  border-radius: 100%;
  background: #33CCCC;
}

.archive-intro-age-inner {
  width: 90px;
  height: 90px;
  border-radius: 100%;
  font-weight: bold;
  color: #fff;
  text-transform: uppercase;
  text-align: center;
  border: 4px dashed #2EB7B7;
}

.archive-intro-age-wrapper,
.archive-intro-age-inner {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-content: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

/* Custom Post Type Archive Page Setting */

/*body.post-type-archive-classes .archive-intro-row:nth-child(2n + 2) .archive-intro-info { float: right; }*/
body.post-type-archive-classes .archive-intro-row:nth-child(2n + 2) .archive-intro-img { float: right; }
body.post-type-archive-classes .archive-intro-row:nth-child(2n + 2) .archive-intro-age-wrapper { background: #5160AC; }
body.post-type-archive-classes .archive-intro-row:nth-child(2n + 2) .archive-intro-age-inner { border: 4px dashed #4A579D; }

body.post-type-archive-party-camp .archive-intro-row:nth-child(2n + 2) .archive-intro-img { float: right; }
body.post-type-archive-party-camp .archive-intro-row:nth-child(2n + 2) .archive-intro-age-wrapper { background: #5160AC; }
body.post-type-archive-party-camp .archive-intro-row:nth-child(2n + 2) .archive-intro-age-inner { border: 4px dashed #4A579D; }

body.post-type-archive-promotions .archive-intro-row:nth-child(2n + 2) .archive-intro-img { float: right; }
body.post-type-archive-promotions .archive-intro-row:nth-child(2n + 2) .archive-intro-age-wrapper { background: #5160AC; }
body.post-type-archive-promotions .archive-intro-row:nth-child(2n + 2) .archive-intro-age-inner { border: 4px dashed #4A579D; }

/*body.post-type-archive-more-fun .archive-intro-row:nth-child(2n + 1) .archive-intro-info { float: right; }*/
/*body.post-type-archive-more-fun .archive-intro-row:nth-child(2n + 1) .archive-intro-img { float: left; }
body.post-type-archive-more-fun .archive-intro-row:nth-child(2n + 1) .archive-intro-age-wrapper { background: #5160AC; }
body.post-type-archive-more-fun .archive-intro-row:nth-child(2n + 1) .archive-intro-age-inner { border: 4px dashed #4A579D; }*/

/* Custom Post Type Singular Header Setting */

.singular-page-content { position: relative; padding-top: 60px; padding-bottom: 60px; }

body.single-classes .singular-page-content:before {
  content: "";
  width: 100%;
  height: 89px;
  background-image: url(images/eggs.png);
  background-position: 0 0;
  background-repeat: repeat-x;
  background-size: auto auto;
  position: absolute;
  z-index: 100;
  top: -47px;
  left: 0;
  display: block;
}

.archive-intro-age-wrapper.singular-age-wrapper {
  position: relative;
  top: auto;
  right: auto;
  margin: 0 auto;
}

.archive-intro-age-wrapper.singular-age-wrapper {
  background: #249CD8;
}

.archive-intro-age-inner.singular-age-inner {
  border: 4px dashed #208CC2;
}

.section-singular-intro {
  padding-bottom: 60px;
}

.parent-child-intro-age-wrapper {
  background: url(images/accent-bubbles-fix.png) bottom center no-repeat;
}

.three-dimensional-training {
  position: relative;
}

.three-dimensional-training:after {
  content: '';
  display: block;
  position: absolute;
  width: 100%;
  height: 158px;
  background-image: url(images/clouds.png);
  background-size: auto auto;
  background-repeat: repeat-x;
  background-position: 0 0;
  bottom: -1px;
  left: 0;
}

/* Template Page */

.page-content-wrapper { padding: 0 7.5px; }

.page-header-absolute { position: relative; padding-bottom: 60px; }

.page-header-absolute:after {
  content: '';
  position: absolute;
  display: block;
  width: 100%;
  height: 158px;
  left: 0;
  top: -105px;
  background-image: url(images/clouds.png);
  background-repeat: repeat-x;
  background-position: 0 0;
  background-size: auto auto;
}

.section-our-philosophy {
  position: relative;
}

.section-our-philosophy:before {
  content: '';
  display: block;
  width: 100%;
  height: 30px;
  background-image: url(images/scallop.png);
  background-position: 0 0;
  background-repeat: repeat-x;
  background-size: auto auto;
  z-index: 100;
  left: 0;
  top: 0;
}

.our-story-content .alt_heading {
  font-size: 3.4rem;
  line-height: 1;
}

.three-dimensional-horizontal {
  position: relative;
}

.three-dimensional-horizontal:after {
  display: block;
  content: "";
  opacity: 0.2;
  position: absolute;
  left: auto;
  right: 10px;
  top: 0;
  bottom: auto;
  background-image: url(images/dash-line-sprite-vert.png);
  background-repeat: repeat-y;
  background-position: -6px 0;
  width: 4px;
  height: 100%;
  z-index: 0;
}

.our-story-content:before, .our-story-content:after { content: ""; display: table; }
.our-story-content:after { clear: both; }
.our-story-content { *zoom: 1; }

.our-story-content {
  position: relative;
}

.our-story-content br {
  display: none;
}

.story-icon {
  display: block;
  float: left;
  margin-right: 10px;
  padding-bottom: 15px;
}

.story-content {
  display: block;
  width: calc(100% - 180px);
  float: right;
  padding-top: 15px;
}

.our-partner-intro {
  position: relative;
}

.our-partner-intro:before {
  top: 0;
  left: -14rem;
  background-size: auto;
  background-position: -100px -200px;
  width: 96px;
  height: 80px;
  margin: 0 10px;
  content: "";
  background-image: url(images/sprite-accents-teal.png);
  background-repeat: no-repeat;
  display: block;
  position: absolute;
}

.our-partner-intro:after {
  bottom: -30px;
  right: 0;
  background-size: auto;
  background-position: 0px -400px;
  width: 158px;
  height: 91px;
  margin: 0 10px;
  content: "";
  background-image: url(images/sprite-accents-teal.png);
  background-repeat: no-repeat;
  display: block;
  position: absolute;
}

.mptt-inner-event-content a {
  color: #fff! important;
}

.mptt-inner-event-content p.timeslot {
  color: #fff! important;
}

/*.mptt-shortcode-table {
  table-layout: fixed! important;
  width: 100%! important;
}*/

.mptt-shortcode-table .mptt-shortcode-hours {
  text-align: center;
}

.schedule_pdf_wrapper {
  background: url(images/blog-clouds-bg.png) center center no-repeat;
  text-align: center;
}

.page_sidebar { margin-bottom: 60px; }

.single-post .header {
  padding-top: 60px;
  padding-bottom: 60px;
}

.single-post .header h1 {
  padding-top: 60px;
  padding-bottom: 60px;
  font-size: 10rem;
  line-height: 1;
}

.cformmodal .modal-content {
  background: #36A6DE;
  padding: 30px;
}

.cformmodal .modal-body {
  padding: 30px;
  background: #fff;
  color: #36A6DE;
}

.sketch-form label { display: block; }

.sketch-form input[type="email"], 
.sketch-form input[type="password"], 
.sketch-form input[type="search"], 
.sketch-form input[type="tel"], 
.sketch-form input[type="text"], 
.sketch-form input[type="number"], 
.sketch-form input[type="date"], 
.sketch-form input[type="time"], 
.sketch-form input[type="url"], 
.sketch-form input[type="week"] {
/*  background-position: 0 0;
  background-size: 100% 1232%;
  height: 58px;
  margin: 5px 0;*/
}

.sketch-form input:not([type="submit"]),
.sketch-form select {
  display: inline-block;
/*  background: url(images/input_bg.png) no-repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  background-size: contain;*/
  border: 2px solid #BBDD11;
  line-height: 1;
  width: 100%;
  max-width: 400px;
  padding: 15px;
  margin-top: 10px;
}

.sketch-form textarea {
  margin-top: 10px;
  display: inline-block;
  background: url(images/message_bg.png) no-repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
  border: none;
  line-height: 1;
  width: 100%;
  max-width: 600px;
  padding: 15px;
  height: 150px;
}

.sketch-form input[type="submit"] {
  margin-top: 15px;
}

.quick-enquiry-form {
  width: 240px;
  min-height: 350px;
  max-height: 80vh;
  position: fixed;
  top: 15%;
  right: -240px;
  background: #fff;
  z-index: 10;
  -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3);
  -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3);
  box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3);
  -webkit-transition: all 0.3s ease-in-out; 
     -moz-transition: all 0.3s ease-in-out; 
       -o-transition: all 0.3s ease-in-out; 
          transition: all 0.3s ease-in-out; 
}

.quick-enquiry-form.triggered {
  right: 0;
}

.quick-enquiry-form .qe-wrapper {
  padding: 15px;
    overflow-y: auto;
	max-height: calc( 80vh - 30px );
}

.enquiry-form-trigger {
  display: block;
  position: absolute;
  background: #C4D801;
  font-family: 'Titillium Web', sans-serif;
  font-weight: bold;
  letter-spacing: 1px;
  color: #fff;
  text-transform: uppercase;
  padding: 10px 15px;
  left: -120px;
  top: 90px;
  -ms-transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
  z-index: 10;
}

.enquiry-form-trigger:hover {
  background: #8f9d09;
  color: #fff;
}

.quick-enquiry-form input:not([type="submit"]),
.quick-enquiry-form select {
  display: block;
  max-width: 100%;
  min-width: 100%;
  padding: 5px;
  font-size: 14px;
  border: 1px solid #ddd;
  text-transform: capitalize;
}

.quick-enquiry-form label{
  font-size: 12px;
  text-transform: uppercase;
}

.quick-enquiry-form textarea{
  display: block;
  max-width: 100%;
  min-width: 100%;
  padding: 5px;
  font-size: 14px;
  border: 2px solid #ccc;
  text-transform: none;
  height: 120px;
}

.quick-enquiry-form input[type="submit"]{
  display: block;
  max-width: 100%;
  min-width: 100%;
  padding: 5px;
  font-size: 14px;
  border: none;
  text-transform: capitalize;
}

.quick-enquiry-form .wpcf7-response-output{
  margin: 0;
  padding: 10px 15px;
  font-size: 13px;
}

.mptt-shortcode-wrapper .mptt-shortcode-table tbody .mptt-inner-event-content * {
  color: #fff;
}

.mptt-shortcode-wrapper .mptt-shortcode-table tbody .mptt-event-container .event-title {
	color: #fff;
}

.mptt-shortcode-wrapper .mptt-shortcode-table tbody .mptt-event-container .event-description {
	color: #fff;
}

.vc_images_carousel.vc_build .vc_carousel-slideline .vc_carousel-slideline-inner > .vc_item {
  height: auto! important;
}

.vc_images_carousel.vc_build .vc_carousel-slideline .vc_carousel-slideline-inner > .vc_item img {
  max-width: 100%;
  height: auto;
}

.section-dummy-cloud { position: relative; }

.section-dummy-cloud:before {
  content: '';
  display: block;
  width: 100%;
  height: 200px;
  position: absolute;
  bottom: 0;
  left: 0;
  background: url(images/clouds.png) repeat-x left bottom;
  z-index: 10;
}

.schedule_single_box_wrapper { position: relative; }

.schedule_single_box_wrapper img {
  max-width: 100%;
  height: auto;
}

.schedule_single_box {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  font-family: 'VNFStrangeloveText';
  font-size: 8rem;
}

.schedule_single_box a {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-content: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  height: 100%;
  color: #fff;
}

.schedule_single_box p { margin: 0; }

/* Members */

.members_column { margin-bottom: 30px; }

.members_column h3 {
  color: #00afb8;
  font-weight: bold;
}

.member_link {
  display: inline-block;
  padding: 10px 35px;
  background: #CEE326;
  color: #fff;
  margin: 10px 0 20px;
}

.member_link:hover {
  background: #36A6DE;
  color: #fff;
}

.mptt-menu {display: none;}

body.admin-logged-in.page-id-548 div {
  /*border: 1px solid red! important;*/
}

.thankyou-header h1 {
	font-size: 20rem;
	line-height: 15rem;
	margin-top: 30px;
}

.thankyou-header h4 {
	font-family: 'House-A-Rama-League-Night';
	font-size: 30px;
	line-height: 30px;
	margin-bottom: 30px;
	color: #ffffff;
}

/* Career */

.career_wrapper {
  margin-bottom: 60px;
}

.career_wrapper > .row {
  background: #36A6DE;
  border-bottom: 2px dashed #fff;
}

.career_wrapper > .row:hover {
  background: #C1D72E;
}

.career_column_wrapper a {
  display: block;
  padding: 20px;
  font-family: 'VNFStrangeloveText';
  font-size: 5rem;
  letter-spacing: 3px;
  color: #fff;
}

.career_sidebar { margin-bottom: 30px; }

.career_sidebar label {
  display: block;
  min-width: 100%;
  max-width: 100%;
  font-size: 13px;
}

.career_sidebar input:not([type="checkbox"]):not([type="submit"]) {
  display: block;
  padding: 7px;
  border: 1px solid #ccc;
  min-width: 100%;
  max-width: 100%;
  font-size: 14px;
  margin-top: 5px;
}

.career_sidebar span.wpcf7-form-control-wrap.acceptance-815 {
  display: block;
}

.career_sidebar span.wpcf7-form-control-wrap.acceptance-815 span.wpcf7-list-item {
  display: block;
  padding: 0;
  margin: 0;
}

.career_sidebar span.wpcf7-form-control-wrap.acceptance-815 span.wpcf7-list-item input {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
}

.career_sidebar span.wpcf7-form-control-wrap.acceptance-815 span.wpcf7-list-item span.wpcf7-list-item-label {
  display: block;
  padding-left: 30px;
}

.career_sidebar input[type="submit"] {
  margin-top: 10px;
}

.our_location_link {
  display: inline-block;
  padding: 10px 10px 10px 40px;
  position: relative;
  color: #36A6DE;
}

.our_location_link:hover {
  color: #5160AC;
}

.our_location_link:before {
  content: '';
  display: block;
  width: 30px;
  height: 30px;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -15px;
}

.our_location_link.phone:before {
  background: url(images/phone-icon.png);
  background-size: cover;
}

.our_location_link.whatsapp:before {
  background: url(images/whatsapp-icon.png);
  background-size: cover;
}

.own-a-gym-content h1.decorative_heading {
  font-size: 8rem;
  line-height: 6rem;
}

.own-a-gym-content h1.alt_heading {
  font-size: 3.2rem;
  line-height: 2.5rem;
}

.why_icon {
  position: relative;
  padding-left: 70px;
  font-size: 15px;
  padding-top: 20px;
  padding-bottom: 20px;
  margin-bottom: 15px;
}

.why_icon:before {
  content: '';
  display: block;
  width: 50px;
  height: 50px;
  background: url(images/why_icon_1.png);
  background-size: cover;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -25px;
}

.why_icon.why_icon_1:before {
  background: url(images/why_icon_1.png);
  background-size: cover;
}

.why_icon.why_icon_2:before {
  background: url(images/why_icon_2.png);
  background-size: cover;
}

.why_icon.why_icon_3:before {
  background: url(images/why_icon_3.png);
  background-size: cover;
}

.why_icon.why_icon_4:before {
  background: url(images/why_icon_4.png);
  background-size: cover;
}

.why_icon.why_icon_5:before {
  background: url(images/why_icon_5.png);
  background-size: cover;
}

.why_icon.why_icon_6:before {
  background: url(images/why_icon_6.png);
  background-size: cover;
}

.ownership_intro h1.big_heading,
.ownership_form_wrapper h1.big_heading {
  font-size: 8rem;
  line-height: 6rem;
}

.ownership_intro h1.alt_heading,
.ownership_form_wrapper h1.alt_heading {
  font-size: 30px;
}

.ownership_form_wrapper p {
  color: #fff;
}

.partnership_form_wrapper_column {
  padding: 5%;
}

.cf_row:before, .cf_row:after { content: " "; display: table; }
.cf_row:after { clear: both; }
.cf_row { *zoom: 1; }

.cf_col {
  display: block;
  padding-left: 5px;
  padding-right: 5px;
  margin-bottom: 15px;
}

.cf_col_1_2,
.cf_col_1_3 {
  float: left;
}

.cf_col_1_2 {
  width: 50%;
}

.cf_col_1_3 {
  width: 33.333%;
}

.cf_col input:not([type="submit"]),
.cf_col select,
.cf_col textarea {
  display: block;
  min-width: 100%;
  max-width: 100%;
  padding: 10px;
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: 5px solid #68C8C6;
  border-radius: 3px;
  font-size: 14px;
}

.cf_col input[type="submit"] {
  background: #C4D801;
  border: 2px solid #fff;
  border-radius: 10px 10px 10px 0;
}

.cf_col input[type="submit"]:hover {
  background: #8F9D09;
  border: 2px solid #fff;
}

span.wpcf7-not-valid-tip {
  background: #ff0000;
  color: #fff;
  font-size: 13px;
  padding: 0 5px;
}

.wpcf7-response-output {
  margin: 15px 0;
  padding: 10px;
  text-align: center;
  color: #fff;
}

.steps_row_wrapper {
  padding-left: 7.5%;
  padding-right: 7.5%;
}

.steps_wrapper img {
  display: block;
  margin-bottom: 15px;
  width: 100px;
  height: auto;
}

/* New Slide */

.homepage-slider {
	position: relative;
}

.homepage-slider .item {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
    align-content: stretch;
    align-items: center;
	height: 85vh;
    }

.homepage-slider .owl-nav button {
    display: flex! important;
    flex-direction: column! important;
    flex-wrap: nowrap! important;
    justify-content: center! important;
    align-content: stretch! important;
    align-items: center! important;
	position: absolute;
	width: 60px! important;
	height: 60px! important;
	border-radius: 100%! important;
	background: rgba(0,0,0,0.5)! important;
	top: 50%;
	margin-top: -15px;
	z-index: 10;
	color: #fff! important;
	font-size: 30px! important;
}

.homepage-slider .owl-nav button span {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
    align-content: stretch;
    align-items: center;
	width: 20px;
	height: 20px;
	line-height: 0px;
}

.homepage-slider .owl-nav button.owl-prev {
	left: 30px;
}

.homepage-slider .owl-nav button.owl-next {
	right: 30px;
}

.homepage-slider:before {
  content: '';
  z-index: 20;
  position: absolute;
  bottom: -2px;
  left: 0;
  width: 100%;
  height: 158px;
  background-image: url(images/clouds.png);
  background-repeat: repeat-x;
  background-position: 0 0;
  background-size: auto auto; 
  pointer-events: none;
}

.homepage-slider:after {
  content: '';
  background-size: auto;
  background-position: -400px -600px;
  width: 86px;
  height: 72px;
  position: absolute;
  left: 50%;
  margin-left: 0px;
  bottom: 90px;
  background-image: url(images/sprite-accents-white.png);
  z-index: 20;
}

.slide-content { position: relative; pointer-events: none; color: #fff; }

.slide-content:before {
  content: '';
  display: block;
  background-image: url(images/sprite-accents-white.png);
  background-repeat: no-repeat;
  background-size: auto;
  background-position: -500px 0px;
  width: 73px;
  height: 58px;
  position: absolute;
  left: -50px;
  top: -15px;
}

.slide-content span.heading {
  display: block;
  font-size: 20rem;
  font-family: 'VNFStrangeloveText';
  line-height: 15rem! important;
  letter-spacing: 10px;
}

.slide-content span.heading span:not(#title) {
  display: block;
  font-size: 4.3rem;
  font-family: 'House-A-Rama-League-Night';
  line-height: 4rem;
  letter-spacing: 0px;
}

@media screen and (max-width: 767px) {
	.homepage-slider .item { height: 70vh; }
	.slide-content span.heading {
	  font-size: 8rem;
	  line-height: 8rem! important;
		text-align: center;
	  margin-bottom: 120px;
	}
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
	.slide-content span.heading {
		text-align: center;
	}
}
@media screen and (min-width: 1024px) and (max-width: 1199px) {
	.slide-content span.heading {
		text-align: center;
	}
}

/* Repeatable Fields */

.mptt-shortcode-wrapper .mptt-shortcode-table tbody .mptt-event-container {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
    align-content: stretch;
    align-items: center;
}

.wpcf7-field-group { margin-bottom: 30px! important; }

.wpcf7-field-group button.wpcf7-field-group-add,
.wpcf7-field-group button.wpcf7-field-group-remove {
    display: inline-block;
	width: 150px;
	height: 40px;
	margin: 5px;
	font-size: 14px;
	padding: 0! important;
	background: #D0E035;
}

.wpcf7-field-groups:focus {
	outline: none! important;
}

.download_pdf { text-align: center; margin-top: 30px; margin-bottom: 30px; }

/* Fix Quick Enquiry */

.quick-enquiry-form br {
	display: none! important;
}

.qe-wrapper input[type="submit"] {
	width: 150px! important;
    height: 35px! important;
}

.qe-wrapper .wpcf7-response-output {
	color: #000! important;
}

.qe-wrapper .ajax-loader {
	position: absolute;
	bottom: 0;
	right: 0;
}