@charset "UTF-8";
/*
Theme Name: The Bari Studio
Theme URI: http://www.thebaristudio.com
Author: Simple ®
Author URI: http://www.wearesimple.net
Description: Template for The Bari Studio
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: black, green, white, light, dark, two-columns, three-columns, left-sidebar, right-sidebar, fixed-layout, responsive-layout, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready, accessibility-ready
Text Domain: thebaristudio
*/
/*
   http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/
* {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  outline: none; }

/* HTML5 display-role reset for older browsers */
html {
  overflow-y: scroll;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%; }

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }

body {
  padding-top: 110px;
  line-height: 1; }
  @media screen and (max-width: 568px) {
    body {
      padding-top: 200px; } }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

/*
General
*/
body {
  margin: 0;
  font-family: 'Lato Light','Lato','LatoRegular',sans-serif;
  font-size: 16px;
  line-height: 1.25em;
  background: #000; }

#loader {
  display: block;
  position: absolute;
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: url(images/loader.gif) center center no-repeat black;
  -webkit-background-size: 75px 74px;
  -moz-background-size: 75px 74px;
  -ms-background-size: 75px 74px;
  -o-background-size: 75px 74px;
  background-size: 75px 74px;
  z-index: 100001; }

strong {
  font-weight: bold; }
#hahi { display:none !important; }
.paragraph {
  padding-top: 2em !important;
  padding-bottom: 2em !important; }
  .paragraph h1:first-child, .paragraph h2:first-child, .paragraph h3:first-child, .paragraph h4:first-child, .paragraph h5:first-child, .paragraph h6:first-child {
    margin-top: 0; }
  .paragraph > *:last-child {
    margin-bottom: 0; }

.paragraph-continue {
  padding-top: 2em !important; }
  .paragraph-continue h1:first-child, .paragraph-continue h2:first-child, .paragraph-continue h3:first-child, .paragraph-continue h4:first-child, .paragraph-continue h5:first-child, .paragraph-continue h6:first-child {
    margin-top: 0; }

.paragraph-continued {
  padding-bottom: 2em !important; }
  .paragraph-continued h1:first-child, .paragraph-continued h2:first-child, .paragraph-continued h3:first-child, .paragraph-continued h4:first-child, .paragraph-continued h5:first-child, .paragraph-continued h6:first-child {
    margin-top: 0; }

.auto-height-force {
  height: auto !important; }

.oflow-hide, html.oflow-hide body {
  overflow: hidden; }

.hide {
  height: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important; }

p {
  line-height: 1.5em; }

* + p {
  margin-top: 1em; }

body.off-scroll {
  overflow: hidden; }

@keyframes arrow-left {
  0% {
    right: -60px; }

  60% {
    right: -80px; }

  100% {
    right: -60px; } }
@-webkit-keyframes arrow-left {
  0% {
    right: -60px; }

  60% {
    right: -80px; }

  100% {
    right: -60px; } }
@-moz-keyframes arrow-left {
  0% {
    right: -60px; }

  60% {
    right: -80px; }

  100% {
    right: -60px; } }
@keyframes spin {
  from {
    transform: rotate(0deg); }

  to {
    transform: rotate(360deg); } }
@-webkit-keyframes spin {
  from {
    -webkit-transform: rotate(0deg); }

  to {
    -webkit-transform: rotate(360deg); } }
@-moz-keyframes spin {
  from {
    -moz-transform: rotate(0deg); }

  to {
    -moz-transform: rotate(360deg); } }
.animate, .class-offerings.title .triangle, .baripeel.title .triangle {
  -webkit-transition: all 0.3s ease-in-out !important;
  -moz-transition: all 0.3s ease-in-out !important;
  -ms-transition: all 0.3s ease-in-out !important;
  -o-transition: all 0.3s ease-in-out !important;
  transition: all 0.3s ease-in-out !important; }

.animate-fast, .fade-out, .fade-in, header nav ul.menu > li ul, header nav ul.menu li a, .btn-close, footer .subscribe form input, footer .newportbeach-signup-top form input, footer .newportbeach-signup-middle form input, footer .subscribe form button, footer .newportbeach-signup-top form button, footer .newportbeach-signup-middle form button, button.sign-up, .networks-container .container button, .networks-container .small-container button, .networks-container .sub-container button, .networks-container h1.dashed-subtitle button, .networks-container h2.dashed-subtitle button, .networks-container h3.dashed-subtitle button, .networks-container h4.dashed-subtitle button, .networks-container h5.dashed-subtitle button, .networks-container h6.dashed-subtitle button, .networks-container .roadmap .special-container button, .roadmap .networks-container .special-container button, .home-ppal-container .what-is-bari a, .home-ppal-container .what-is-bari a .play, .home-ppal-container .what-is-bari a:active .play, .home-ppal-container .what-is-bari a .play .triangle-right, .home-ppal-container .what-is-bari a:active .play .triangle-right, .home-feature ul li a, .class-offerings.title, .class-offerings.content .btn-outline, .rates.rates-menu ul li a span.circle, .baripeel.title, .baripeel.content .btn-outline, select, form.beauty input, form.beauty select, form.beauty button, .failproof-locations-menu ul li a span.circle {
  -webkit-transition-duration: 0.2s !important;
  -moz-transition-duration: 0.2s !important;
  -ms-transition-duration: 0.2s !important;
  -o-transition-duration: 0.2s !important;
  transition-duration: 0.2s !important; }

.animate-slow {
  -webkit-transition-duration: 0.8s !important;
  -moz-transition-duration: 0.8s !important;
  -ms-transition-duration: 0.8s !important;
  -o-transition-duration: 0.8s !important;
  transition-duration: 0.8s !important; }

.animate-out {
  -webkit-transition: all 0.3s ease-out !important;
  -moz-transition: all 0.3s ease-out !important;
  -ms-transition: all 0.3s ease-out !important;
  -o-transition: all 0.3s ease-out !important;
  transition: all 0.3s ease-out !important; }

.clearfix:before, .networks:before, .clearfix:after, .networks:after {
  content: "";
  display: table; }

.clearfix:after, .networks:after {
  clear: both; }

.clearfix, .networks {
  zoom: 1; }

a {
  color: #00afab;
  text-decoration: none;
  cursor: pointer; }

h1 {
  font-size: 2.5em; }

h2 {
  font-size: 1.5em; }

h3 {
  font-size: 1.25em; }

h4 {
  font-size: 1em; }

h5 {
  font-size: 0.75em; }

.text-shadow, .home-ppal-container .ny-times-quote, .rates.rates-menu ul li a, failproof-locations-menu ul li a {
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.8); }

.fade-out {
  opacity: 0; }

.fade-in {
  opacity: 1; }

/**
Header and menu
*/
.container, .small-container, .sub-container, h1.dashed-subtitle, h2.dashed-subtitle, h3.dashed-subtitle, h4.dashed-subtitle, h5.dashed-subtitle, h6.dashed-subtitle, .roadmap .special-container {
  display: block;
  position: relative;
  width: 1024px;
  margin: 0 auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box; }
  @media screen and (min-width: 768px) and (max-width: 1112px) {
    .container, .small-container, .sub-container, h1.dashed-subtitle, h2.dashed-subtitle, h3.dashed-subtitle, h4.dashed-subtitle, h5.dashed-subtitle, h6.dashed-subtitle, .roadmap .special-container {
      width: 768px; }
      .container.three-columns > li, .three-columns.small-container > li, .three-columns.sub-container > li, h1.three-columns.dashed-subtitle > li, h2.three-columns.dashed-subtitle > li, h3.three-columns.dashed-subtitle > li, h4.three-columns.dashed-subtitle > li, h5.three-columns.dashed-subtitle > li, h6.three-columns.dashed-subtitle > li, .roadmap .three-columns.special-container > li {
        width: 240px !important; }
      .container.three-columns > li + li, .three-columns.small-container > li + li, .three-columns.sub-container > li + li, h1.three-columns.dashed-subtitle > li + li, h2.three-columns.dashed-subtitle > li + li, h3.three-columns.dashed-subtitle > li + li, h4.three-columns.dashed-subtitle > li + li, h5.three-columns.dashed-subtitle > li + li, h6.three-columns.dashed-subtitle > li + li, .roadmap .three-columns.special-container > li + li {
        margin-left: 24px !important; } }
  @media screen and (min-width: 568px) and (max-width: 768px) {
    .container, .small-container, .sub-container, h1.dashed-subtitle, h2.dashed-subtitle, h3.dashed-subtitle, h4.dashed-subtitle, h5.dashed-subtitle, h6.dashed-subtitle, .roadmap .special-container {
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      -ms-box-sizing: border-box;
      -o-box-sizing: border-box;
      box-sizing: border-box;
      width: 700px; }
      .container.three-columns > li, .three-columns.small-container > li, .three-columns.sub-container > li, h1.three-columns.dashed-subtitle > li, h2.three-columns.dashed-subtitle > li, h3.three-columns.dashed-subtitle > li, h4.three-columns.dashed-subtitle > li, h5.three-columns.dashed-subtitle > li, h6.three-columns.dashed-subtitle > li, .roadmap .three-columns.special-container > li {
        width: 220px !important; }
      .container.three-columns > li + li, .three-columns.small-container > li + li, .three-columns.sub-container > li + li, h1.three-columns.dashed-subtitle > li + li, h2.three-columns.dashed-subtitle > li + li, h3.three-columns.dashed-subtitle > li + li, h4.three-columns.dashed-subtitle > li + li, h5.three-columns.dashed-subtitle > li + li, h6.three-columns.dashed-subtitle > li + li, .roadmap .three-columns.special-container > li + li {
        margin-left: 20px !important; } }
  @media screen and (max-width: 568px) {
    .container, .small-container, .sub-container, h1.dashed-subtitle, h2.dashed-subtitle, h3.dashed-subtitle, h4.dashed-subtitle, h5.dashed-subtitle, h6.dashed-subtitle, .roadmap .special-container {
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      -ms-box-sizing: border-box;
      -o-box-sizing: border-box;
      box-sizing: border-box;
      width: 100%;
      padding: 0 1em; }
      .container.three-columns > li, .three-columns.small-container > li, .three-columns.sub-container > li, h1.three-columns.dashed-subtitle > li, h2.three-columns.dashed-subtitle > li, h3.three-columns.dashed-subtitle > li, h4.three-columns.dashed-subtitle > li, h5.three-columns.dashed-subtitle > li, h6.three-columns.dashed-subtitle > li, .roadmap .three-columns.special-container > li {
        width: 100% !important;
        float: none; }
      .container.three-columns > li + li, .three-columns.small-container > li + li, .three-columns.sub-container > li + li, h1.three-columns.dashed-subtitle > li + li, h2.three-columns.dashed-subtitle > li + li, h3.three-columns.dashed-subtitle > li + li, h4.three-columns.dashed-subtitle > li + li, h5.three-columns.dashed-subtitle > li + li, h6.three-columns.dashed-subtitle > li + li, .roadmap .three-columns.special-container > li + li {
        margin: 2em 0 0 0 !important; } }

.small-container {
  max-width: 600px; }

.sub-container, h1.dashed-subtitle, h2.dashed-subtitle, h3.dashed-subtitle, h4.dashed-subtitle, h5.dashed-subtitle, h6.dashed-subtitle {
  width: 900px; }
  @media screen and (min-width: 768px) and (max-width: 1112px) {
    .sub-container, h1.dashed-subtitle, h2.dashed-subtitle, h3.dashed-subtitle, h4.dashed-subtitle, h5.dashed-subtitle, h6.dashed-subtitle {
      width: 700px; } }
  @media screen and (min-width: 568px) and (max-width: 768px) {
    .sub-container, h1.dashed-subtitle, h2.dashed-subtitle, h3.dashed-subtitle, h4.dashed-subtitle, h5.dashed-subtitle, h6.dashed-subtitle {
      width: 640px; } }
  @media screen and (max-width: 767px) {
    .sub-container, h1.dashed-subtitle, h2.dashed-subtitle, h3.dashed-subtitle, h4.dashed-subtitle, h5.dashed-subtitle, h6.dashed-subtitle {
      width: 100%; } }

h1, h2, h3, h4, h5, h6 {
  font-family: 'Futura Std Light','Lato Light','Lato',sans-serif;
  line-height: 1.25em;
  margin: 0.5em 0;
  font-weight: normal; }
  h1.dashed-subtitle, h2.dashed-subtitle, h3.dashed-subtitle, h4.dashed-subtitle, h5.dashed-subtitle, h6.dashed-subtitle {
    margin: 1em auto;
    text-align: center; }
    h1.dashed-subtitle span, h2.dashed-subtitle span, h3.dashed-subtitle span, h4.dashed-subtitle span, h5.dashed-subtitle span, h6.dashed-subtitle span {
      padding: 0 1em; }
  h1.underline, div.widget div.healcode h1, h2.underline, h3.underline, h4.underline, h5.underline, h6.underline {
    padding-bottom: 0.5em;
    margin-bottom: 1em;
    border-bottom: 1px dashed #717171;
    text-align: left; }
    h1.underline .btn-link, div.widget div.healcode h1 .btn-link, h2.underline .btn-link, h3.underline .btn-link, h4.underline .btn-link, h5.underline .btn-link, h6.underline .btn-link {
      margin-bottom: 0.5em; }
  h1.no-stunning:first-child, h2.no-stunning:first-child, h3.no-stunning:first-child, h4.no-stunning:first-child, h5.no-stunning:first-child, h6.no-stunning:first-child {
    margin-top: 0; }
  h1.strong, h2.strong, h3.strong, h4.strong, h5.strong, h6.strong {
    font-weight: bold; }

h1.stunning, h1.big-stunning {
  font-size: 2.75em;
  margin: 0.6em 0;
  text-align: center;
  line-height: 1em; }
  h1.stunning small, h1.big-stunning small {
    margin-top: 1em;
    display: block;
    font-size: 0.5em;
    line-height: 1em;
    font-style: italic; }

h1.big-stunning {
  font-size: 3.25em; }

h2.stunning {
  margin: 1em 0;
  text-align: center; }
  h2.stunning.continue {
    margin: 1em 0 0.5em 0; }

h3.stunning {
  margin: 1em 0; }

p.stunning {
  font-size: 1.25em;
  margin: 2em 0; }

.overlay {
  position: absolute;
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: #000;
  background: rgba(0, 0, 0, 0.9);
  display: none;
  overflow: auto;
  overflow-x: hidden;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  z-index: 999;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box; }
  @media screen and (max-width: 568px) {
    .overlay {
      z-index: 1001; } }

.btn-outline {
  display: inline-block;
  position: relative;
  font-size: 1em;
  padding: 0.75em;
  line-height: 1em;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  border: 2px solid white;
  text-align: center;
  color: white;
  text-shadow: none;
  text-transform: lowercase;
  font-family: 'Lato','Lato Regular',sans-serif; }
  .no-touch .btn-outline:hover {
    color: "";
    padding: 0.75em;
    border-color: "";
    background-color: "transparent"; }
  .btn-outline br {
    display: none; }
  .btn-outline.black, .networks a.btn-outline.fb.black-blue, .networks a.btn-outline.fb.black-yellow, .no-touch .networks a.btn-outline.fb.blue-black:hover, .no-touch .networks a.btn-outline.fb.yellow-black:hover, .networks a.btn-outline.in.black-blue, .networks a.btn-outline.in.black-yellow, .no-touch .networks a.btn-outline.in.blue-black:hover, .no-touch .networks a.btn-outline.in.yellow-black:hover, .networks a.btn-outline.tw.black-blue, .networks a.btn-outline.tw.black-yellow, .no-touch .networks a.btn-outline.tw.blue-black:hover, .no-touch .networks a.btn-outline.tw.yellow-black:hover, .networks a.btn-outline.pi.black-blue, .networks a.btn-outline.pi.black-yellow, .no-touch .networks a.btn-outline.pi.blue-black:hover, .no-touch .networks a.btn-outline.pi.yellow-black:hover, .networks a.btn-outline.yt.black-blue, .networks a.btn-outline.yt.black-yellow, .no-touch .networks a.btn-outline.yt.blue-black:hover, .no-touch .networks a.btn-outline.yt.yellow-black:hover {
    color: #000;
    border-color: #000; }
    .no-touch .btn-outline.black:hover, .no-touch .networks a.btn-outline.fb.black-blue:hover, .networks .no-touch a.btn-outline.fb.black-blue:hover, .no-touch .networks a.btn-outline.fb.black-yellow:hover, .networks .no-touch a.btn-outline.fb.black-yellow:hover, .no-touch .networks a.btn-outline.fb.blue-black:hover, .no-touch .networks a.btn-outline.fb.yellow-black:hover, .no-touch .networks a.btn-outline.in.black-blue:hover, .networks .no-touch a.btn-outline.in.black-blue:hover, .no-touch .networks a.btn-outline.in.black-yellow:hover, .networks .no-touch a.btn-outline.in.black-yellow:hover, .no-touch .networks a.btn-outline.in.blue-black:hover, .no-touch .networks a.btn-outline.in.yellow-black:hover, .no-touch .networks a.btn-outline.tw.black-blue:hover, .networks .no-touch a.btn-outline.tw.black-blue:hover, .no-touch .networks a.btn-outline.tw.black-yellow:hover, .networks .no-touch a.btn-outline.tw.black-yellow:hover, .no-touch .networks a.btn-outline.tw.blue-black:hover, .no-touch .networks a.btn-outline.tw.yellow-black:hover, .no-touch .networks a.btn-outline.pi.black-blue:hover, .networks .no-touch a.btn-outline.pi.black-blue:hover, .no-touch .networks a.btn-outline.pi.black-yellow:hover, .networks .no-touch a.btn-outline.pi.black-yellow:hover, .no-touch .networks a.btn-outline.pi.blue-black:hover, .no-touch .networks a.btn-outline.pi.yellow-black:hover, .no-touch .networks a.btn-outline.yt.black-blue:hover, .networks .no-touch a.btn-outline.yt.black-blue:hover, .no-touch .networks a.btn-outline.yt.black-yellow:hover, .networks .no-touch a.btn-outline.yt.black-yellow:hover, .no-touch .networks a.btn-outline.yt.blue-black:hover, .no-touch .networks a.btn-outline.yt.yellow-black:hover, .btn-outline.black.on, .networks a.btn-outline.on.fb.black-blue, .networks a.btn-outline.on.fb.black-yellow, .no-touch .networks a.btn-outline.on.fb.blue-black:hover, .no-touch .networks a.btn-outline.on.fb.yellow-black:hover, .networks a.btn-outline.on.in.black-blue, .networks a.btn-outline.on.in.black-yellow, .no-touch .networks a.btn-outline.on.in.blue-black:hover, .no-touch .networks a.btn-outline.on.in.yellow-black:hover, .networks a.btn-outline.on.tw.black-blue, .networks a.btn-outline.on.tw.black-yellow, .no-touch .networks a.btn-outline.on.tw.blue-black:hover, .no-touch .networks a.btn-outline.on.tw.yellow-black:hover, .networks a.btn-outline.on.pi.black-blue, .networks a.btn-outline.on.pi.black-yellow, .no-touch .networks a.btn-outline.on.pi.blue-black:hover, .no-touch .networks a.btn-outline.on.pi.yellow-black:hover, .networks a.btn-outline.on.yt.black-blue, .networks a.btn-outline.on.yt.black-yellow, .no-touch .networks a.btn-outline.on.yt.blue-black:hover, .no-touch .networks a.btn-outline.on.yt.yellow-black:hover {
      background: #000;
      color: #CEDF00; }
  .btn-outline.blue, .no-touch .networks a.btn-outline.fb.black-blue:hover, .networks a.btn-outline.fb.blue-black, .networks a.btn-outline.fb.blue-yellow, .no-touch .networks a.btn-outline.fb.yellow-blue:hover, .no-touch .networks a.btn-outline.in.black-blue:hover, .networks a.btn-outline.in.blue-black, .networks a.btn-outline.in.blue-yellow, .no-touch .networks a.btn-outline.in.yellow-blue:hover, .no-touch .networks a.btn-outline.tw.black-blue:hover, .networks a.btn-outline.tw.blue-black, .networks a.btn-outline.tw.blue-yellow, .no-touch .networks a.btn-outline.tw.yellow-blue:hover, .no-touch .networks a.btn-outline.pi.black-blue:hover, .networks a.btn-outline.pi.blue-black, .networks a.btn-outline.pi.blue-yellow, .no-touch .networks a.btn-outline.pi.yellow-blue:hover, .no-touch .networks a.btn-outline.yt.black-blue:hover, .networks a.btn-outline.yt.blue-black, .networks a.btn-outline.yt.blue-yellow, .no-touch .networks a.btn-outline.yt.yellow-blue:hover {
    color: #00afab;
    border-color: #00afab; }
  .btn-outline.yellow, .no-touch .networks a.btn-outline.fb.black-yellow:hover, .no-touch .networks a.btn-outline.fb.blue-yellow:hover, .networks a.btn-outline.fb.yellow-black, .networks a.btn-outline.fb.yellow-blue, .no-touch .networks a.btn-outline.in.black-yellow:hover, .no-touch .networks a.btn-outline.in.blue-yellow:hover, .networks a.btn-outline.in.yellow-black, .networks a.btn-outline.in.yellow-blue, .no-touch .networks a.btn-outline.tw.black-yellow:hover, .no-touch .networks a.btn-outline.tw.blue-yellow:hover, .networks a.btn-outline.tw.yellow-black, .networks a.btn-outline.tw.yellow-blue, .no-touch .networks a.btn-outline.pi.black-yellow:hover, .no-touch .networks a.btn-outline.pi.blue-yellow:hover, .networks a.btn-outline.pi.yellow-black, .networks a.btn-outline.pi.yellow-blue, .no-touch .networks a.btn-outline.yt.black-yellow:hover, .no-touch .networks a.btn-outline.yt.blue-yellow:hover, .networks a.btn-outline.yt.yellow-black, .networks a.btn-outline.yt.yellow-blue {
    color: #CEDF00;
    border-color: #CEDF00; }
  .btn-outline.gray {
    color: #717171;
    border-color: #717171; }
  .btn-outline.fucsia {
    color: #93368d;
    border-color: #93368d; }

header {
  top: 0;
  /*margin-top:40px;*/
  font-size: 0.75em;
  position: absolute;
  height: 110px;
  overflow: visible;
  background: #000;
  z-index: 1000;
  left: 0;
  right: 0; }
  header .networks.top {
    display: block;
    bottom: 68px;
    right: 20px;
    position: absolute; }
  header .container, header .small-container, header .sub-container, header h1.dashed-subtitle, header h2.dashed-subtitle, header h3.dashed-subtitle, header h4.dashed-subtitle, header h5.dashed-subtitle, header h6.dashed-subtitle, header .roadmap .special-container, .roadmap header .special-container {
    height: inherit;
    overflow: inherit; }
  header a.home {
    display: block;
    position: absolute;
    width: 185px;
    height: 50px;
    bottom: 30px;
    left: 0; }
    header a.home img {
      display: block;
      position: absolute;
      width: 185px;
      height: 50px; }
    @media screen and (max-width: 768px) {
      header a.home {
        position: relative;
        margin: 0 auto 45px auto; } }
  header nav {
    position: absolute;
    left: 200px;
    right: 0;
    height: 30px;
    line-height: 30px;
    bottom: 18px;
    overflow: inherit; }
    @media screen and (max-width: 768px) {
      header nav {
        position: relative;
        margin: 0 auto;
        left: auto;
        right: auto;
        bottom: auto; } }
    header nav ul.menu {
      display: block;
      position: absolute;
      width: auto;
      height: inherit;
      right: 0;
      overflow: inherit;
      font-family: 'Futura Std Book',sans-serif; }
      @media screen and (max-width: 768px) {
        header nav ul.menu {
          position: relative;
          text-align: center; } }
      header nav ul.menu > li {
        display: block;
        height: inherit;
        float: left;
        text-align: center;
        position: relative;
        overflow: inherit; }
        @media screen and (max-width: 768px) {
          header nav ul.menu > li {
            display: inline-block;
            float: none; } }
        @media screen and (max-width: 568px) {
          header nav ul.menu > li.sign-up {
            position: absolute;
            left: 1em;
            right: 1em;
            top: -54px; }
            header nav ul.menu > li.sign-up button.sign-up, header nav ul.menu > li.sign-up .networks-container .container button, .networks-container .container header nav ul.menu > li.sign-up button, header nav ul.menu > li.sign-up .networks-container .small-container button, .networks-container .small-container header nav ul.menu > li.sign-up button, header nav ul.menu > li.sign-up .networks-container .sub-container button, .networks-container .sub-container header nav ul.menu > li.sign-up button, header nav ul.menu > li.sign-up .networks-container h1.dashed-subtitle button, .networks-container h1.dashed-subtitle header nav ul.menu > li.sign-up button, header nav ul.menu > li.sign-up .networks-container h2.dashed-subtitle button, .networks-container h2.dashed-subtitle header nav ul.menu > li.sign-up button, header nav ul.menu > li.sign-up .networks-container h3.dashed-subtitle button, .networks-container h3.dashed-subtitle header nav ul.menu > li.sign-up button, header nav ul.menu > li.sign-up .networks-container h4.dashed-subtitle button, .networks-container h4.dashed-subtitle header nav ul.menu > li.sign-up button, header nav ul.menu > li.sign-up .networks-container h5.dashed-subtitle button, .networks-container h5.dashed-subtitle header nav ul.menu > li.sign-up button, header nav ul.menu > li.sign-up .networks-container h6.dashed-subtitle button, .networks-container h6.dashed-subtitle header nav ul.menu > li.sign-up button, header nav ul.menu > li.sign-up .networks-container .roadmap .special-container button, .networks-container .roadmap .special-container header nav ul.menu > li.sign-up button, header nav ul.menu > li.sign-up .roadmap .networks-container .special-container button, .roadmap .networks-container .special-container header nav ul.menu > li.sign-up button {
              width: 100%;
              margin: 0; } }
        header nav ul.menu > li ul {
          display: block;
          position: absolute;
          margin-left: -90px;
          width: 180px;
          left: 50%;
          top: 23px;
          background: #000;
          height: 0;
          overflow: hidden;
          -webkit-border-radius: 12px;
          -moz-border-radius: 12px;
          -ms-border-radius: 12px;
          -o-border-radius: 12px;
          border-radius: 12px; }
          header nav ul.menu > li ul li {
            display: block;
            position: relative;
            height: 30px; }
            header nav ul.menu > li ul li a {
              margin: 2px;
              padding: 0;
              width: 100%;
              -webkit-box-sizing: border-box;
              -moz-box-sizing: border-box;
              -ms-box-sizing: border-box;
              -o-box-sizing: border-box;
              box-sizing: border-box; }
        @media screen and (max-width: 480px) {
          header nav ul.menu > li:first-child ul {
            margin-left: -15px;
            left: 0; }
            header nav ul.menu > li:first-child ul li {
              text-align: left; }
              header nav ul.menu > li:first-child ul li a {
                padding: 0 20px; }
          header nav ul.menu > li:nth-last-child(2) ul {
            margin-right: -10px;
            left: auto;
            right: 0; }
            header nav ul.menu > li:nth-last-child(2) ul li {
              text-align: right; }
              header nav ul.menu > li:nth-last-child(2) ul li a {
                padding: 0 20px; } }
      header nav ul.menu li a {
        display: block;
        height: 100%;
        padding: 0 30px; }
        @media screen and (max-width: 1112px) {
          header nav ul.menu li a {
            padding: 0 20px; } }
        @media screen and (max-width: 1024px) {
          header nav ul.menu li a {
            padding: 0 10px; } }
      .no-touch header nav ul.menu li a:hover {
        color: #CEDF00; }
      @media screen and (max-width: 568px) {
        header nav ul.menu {
          /*margin-top: 110px;*/ } }
  @media screen and (max-width: 768px) {
    header {
      height: 140px; }
      header a {
        bottom: auto;
        top: 30px; } }
  @media screen and (max-width: 568px) {
    header {
      margin-top: 0;
      height: 240px; } }

@media screen and (min-width: 1024px) {
  body.in-content header {
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none;
    position: fixed;
    top: 0;
    height: 66px;
    left: 0;
    right: 0;
    width: auto; }
    body.in-content header a.home {
      width: 111px;
      height: 30px;
      bottom: 18px; }
      body.in-content header a.home img {
        width: 111px;
        height: 30px; } }
@media screen and (min-width: 768px) {
  body.admin-bar header {
    top: 32px; } }
.wide-container {
  width: 100%;
  display: block;
  position: relative;
  overflow: hidden; }

.wide-container.clean {
  overflow: visible; }

.wide-container.extense-bottom {
  padding-bottom: 3em; }

.close {
  display: block;
  width: 34px;
  height: 34px;
  background-image: url(images/icon-close.png);
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: 30px 30px;
  -moz-background-size: 30px 30px;
  -ms-background-size: 30px 30px;
  -o-background-size: 30px 30px;
  background-size: 30px 30px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  -o-border-radius: 15px;
  border-radius: 15px; }

.common-title {
  display: block;
  position: absolute;
  width: 100%;
  bottom: 0;
  left: 0;
  padding: inherit;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box; }

.link, .custom-content-box a.read {
  color: #00afab;
  text-decoration: none; }

.link-full {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 100; }

.no-touch .link:hover, .no-touch .custom-content-box a.read:hover, .custom-content-box .no-touch a.read:hover {
  text-decoration: underline; }

.btn-link {
  font-family: 'Futura Std Light',sans-serif;
  display: inline-block;
  padding: 0.75em 1em;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
  background: #000;
  color: #fff;
  text-decoration: none;
  cursor: pointer;
  position: relative; }
  .btn-link .triangle {
    display: block;
    position: absolute;
    width: 14px;
    height: 0;
    background: url(images/triangle-bottom_color-000000.svg) center bottom no-repeat;
    color: #000;
    left: 50%;
    bottom: 0;
    margin-left: -7px; }
  .btn-link .arrow-left {
    display: block;
    position: absolute;
    top: 50%;
    width: 54px;
    height: 30px;
    margin-top: -15px;
    right: -60px;
    background: url(images/arrow-left.svg) left top no-repeat;
    pointer-events: none;
    -webkit-animation-name: arrow-left;
    -moz-animation-name: arrow-left;
    -ms-animation-name: arrow-left;
    -o-animation-name: arrow-left;
    animation-name: arrow-left;
    -webkit-animation-duration: 800ms;
    -moz-animation-duration: 800ms;
    -ms-animation-duration: 800ms;
    -o-animation-duration: 800ms;
    animation-duration: 800ms;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -ms-animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-timing-function: linear;
    -ms-animation-timing-function: linear;
    -o-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    -ms-animation-fill-mode: forwards;
    -o-animation-fill-mode: forwards;
    animation-fill-mode: forwards; }
    @media screen and (max-width: 568px) {
      .btn-link .arrow-left {
        display: none; } }
  .btn-link.inline {
    margin-bottom: 1em; }
  .btn-link.on {
    cursor: default; }
    .btn-link.on .arrow-left {
      opacity: 0; }
  .btn-link.on .triangle {
    bottom: -12px;
    height: 12px; }
    .btn-link.on .triangle .arrow-left {
      opacity: 0; }
  .btn-link.medium {
    font-size: 1.25em; }
  .btn-link.big {
    font-size: 1.75em; }
  .no-touch .btn-link:hover, .btn-link.on {
    background: #00afab;
    color: #fff; }
  .btn-link.black-yellow .triangle {
    background: url(images/triangle-bottom_color-cddb27.svg) center bottom no-repeat; }
  .no-touch .btn-link.black-yellow:hover, .btn-link.black-yellow.on {
    background: #CEDF00;
    color: #000; }
  .btn-link.black-yellow.on {
    color: white !important; }
  .btn-link.yellow-black {
    background: #CEDF00;
    color: #000; }
  .no-touch .btn-link.yellow-black:hover, .btn-link.yellow-black.on {
    background: #000;
    color: #fff; }
  .btn-link.blue-black {
    background: #00afab;
    color: #fff; }
  .no-touch .btn-link.blue-black:hover, .btn-link.blue-black.on {
    background: #000;
    color: #fff; }

.btn-link + .btn-link, .btn-outline + .btn-outline {
  margin-left: 1em; }

.loader-spinner {
  display: block;
  position: absolute;
  width: 64px;
  height: 64px;
  left: 50%;
  top: 50%;
  margin: -32px 0 0 -32px;
  background: url(images/spinner.gif);
  background: url(images/spinner.png), none;
  -webkit-background-size: 100% 100%;
  -moz-background-size: 100% 100%;
  -ms-background-size: 100% 100%;
  -o-background-size: 100% 100%;
  background-size: 100% 100%;
  -webkit-animation-name: spin;
  -moz-animation-name: spin;
  -ms-animation-name: spin;
  -o-animation-name: spin;
  animation-name: spin;
  -webkit-animation-duration: 1000ms;
  -moz-animation-duration: 1000ms;
  -ms-animation-duration: 1000ms;
  -o-animation-duration: 1000ms;
  animation-duration: 1000ms;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  -ms-animation-iteration-count: infinite;
  -o-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
  -ms-animation-timing-function: linear;
  -o-animation-timing-function: linear;
  animation-timing-function: linear;
  -o-transition: rotate(360deg);
  z-index: 2000; }

.fade-out {
  opacity: 0; }

.btn-close {
  display: block;
  position: absolute;
  width: 40px;
  height: 40px;
  background: url(images/btn-close.png) center center no-repeat;
  -webkit-background-size: 100% 100%;
  -moz-background-size: 100% 100%;
  -ms-background-size: 100% 100%;
  -o-background-size: 100% 100%;
  background-size: 100% 100%;
  z-index: 1100;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
  border-radius: 20px; }
  .no-touch .btn-close:hover {
    -webkit-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.7);
    -moz-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.7);
    -ms-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.7);
    -o-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.7);
    box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.7); }
  .btn-close.small {
    background-image: url(images/btn-close-small.png);
    background-color: #999;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    -ms-border-radius: 12px;
    -o-border-radius: 12px;
    border-radius: 12px;
    -webkit-background-size: 12px 12px;
    -moz-background-size: 12px 12px;
    -ms-background-size: 12px 12px;
    -o-background-size: 12px 12px;
    background-size: 12px 12px;
    width: 24px;
    height: 24px; }

.background-full {
  -webkit-background-size: 100% 100%;
  -moz-background-size: 100% 100%;
  -ms-background-size: 100% 100%;
  -o-background-size: 100% 100%;
  background-size: 100% 100%; }

.background-cover {
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -ms-background-size: cover;
  -o-background-size: cover;
  background-size: cover; }

.background-contain {
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -ms-background-size: contain;
  -o-background-size: contain;
  background-size: contain; }

.text-lato-book {
  font-family: 'Lato Light','Lato','sans-serif'; }
  .text-lato-book > p {
    font-family: inherit; }

.text-size-big {
  font-size: 1.25em; }
  .text-size-big > p {
    font-size: inherit; }

.text-size-medium {
  font-size: 0.87em; }
  .text-size-medium > p {
    font-size: inherit; }

.text-size-medium-small {
  font-size: 0.75em; }
  .text-size-medium-small > p {
    font-size: inherit; }

.text-size-medium {
  font-size: 0.87em; }

.bubbles-strip {
  margin-top: 1em;
  background: url(images/home-featured-in-bubbles-bg.png) left top repeat-x;
  -webkit-background-size: 10px 10px;
  -moz-background-size: 10px 10px;
  -ms-background-size: 10px 10px;
  -o-background-size: 10px 10px;
  background-size: 10px 10px;
  height: 10px; }

.networks {
  display: inline-block; }
  .networks a {
    display: block;
    position: relative;
    height: 25px;
    background-image: url(images/networks.png);
    float: left;
    -webkit-background-size: auto 300%;
    -moz-background-size: auto 300%;
    -ms-background-size: auto 300%;
    -o-background-size: auto 300%;
    background-size: auto 300%; }
  .networks a + a {
    margin-left: 6px; }
  .networks a.fb {
    width: 12px; }
    .networks a.fb.black, .networks a.fb.black-blue, .networks a.fb.black-yellow, .no-touch .networks a.fb.blue-black:hover, .no-touch .networks a.fb.yellow-black:hover {
      background-position: 0 0; }
    .networks a.fb.blue, .no-touch .networks a.fb.black-blue:hover, .networks a.fb.blue-black, .networks a.fb.blue-yellow, .no-touch .networks a.fb.yellow-blue:hover {
      background-position: 0 -25px; }
    .networks a.fb.yellow, .no-touch .networks a.fb.black-yellow:hover, .no-touch .networks a.fb.blue-yellow:hover, .networks a.fb.yellow-black, .networks a.fb.yellow-blue {
      background-position: 0 -50px; }
  .networks a.in {
    width: 24px; }
    .networks a.in.black, .networks a.in.black-blue, .networks a.in.black-yellow, .no-touch .networks a.in.blue-black:hover, .no-touch .networks a.in.yellow-black:hover {
      background-position: -17px 0; }
    .networks a.in.blue, .no-touch .networks a.in.black-blue:hover, .networks a.in.blue-black, .networks a.in.blue-yellow, .no-touch .networks a.in.yellow-blue:hover {
      background-position: -17px -25px; }
    .networks a.in.yellow, .no-touch .networks a.in.black-yellow:hover, .no-touch .networks a.in.blue-yellow:hover, .networks a.in.yellow-black, .networks a.in.yellow-blue {
      background-position: -17px -50px; }
  .networks a.tw {
    width: 25px; }
    .networks a.tw.black, .networks a.tw.black-blue, .networks a.tw.black-yellow, .no-touch .networks a.tw.blue-black:hover, .no-touch .networks a.tw.yellow-black:hover {
      background-position: -46px 0; }
    .networks a.tw.blue, .no-touch .networks a.tw.black-blue:hover, .networks a.tw.blue-black, .networks a.tw.blue-yellow, .no-touch .networks a.tw.yellow-blue:hover {
      background-position: -46px -25px; }
    .networks a.tw.yellow, .no-touch .networks a.tw.black-yellow:hover, .no-touch .networks a.tw.blue-yellow:hover, .networks a.tw.yellow-black, .networks a.tw.yellow-blue {
      background-position: -46px -50px; }
  .networks a.pi {
    width: 20px; }
    .networks a.pi.black, .networks a.pi.black-blue, .networks a.pi.black-yellow, .no-touch .networks a.pi.blue-black:hover, .no-touch .networks a.pi.yellow-black:hover {
      background-position: -76px 0; }
    .networks a.pi.blue, .no-touch .networks a.pi.black-blue:hover, .networks a.pi.blue-black, .networks a.pi.blue-yellow, .no-touch .networks a.pi.yellow-blue:hover {
      background-position: -76px -25px; }
    .networks a.pi.yellow, .no-touch .networks a.pi.black-yellow:hover, .no-touch .networks a.pi.blue-yellow:hover, .networks a.pi.yellow-black, .networks a.pi.yellow-blue {
      background-position: -76px -50px; }
  .networks a.yt {
    width: 22px; }
    .networks a.yt.black, .networks a.yt.black-blue, .networks a.yt.black-yellow, .no-touch .networks a.yt.blue-black:hover, .no-touch .networks a.yt.yellow-black:hover {
      background-position: -102px 0; }
    .networks a.yt.blue, .no-touch .networks a.yt.black-blue:hover, .networks a.yt.blue-black, .networks a.yt.blue-yellow, .no-touch .networks a.yt.yellow-blue:hover {
      background-position: -102px -25px; }
    .networks a.yt.yellow, .no-touch .networks a.yt.black-yellow:hover, .no-touch .networks a.yt.blue-yellow:hover, .networks a.yt.yellow-black, .networks a.yt.yellow-blue {
      background-position: -102px -50px; }
  .networks.bottom {
    background: #000;
    display: block;
    top: 4px;
    width: 45px;
    text-align: center;
    right: -45px;
    position: fixed;
    z-index: 1001;
    padding: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 0 0 0 10px;
    -moz-border-radius: 0 0 0 10px;
    -ms-border-radius: 0 0 0 10px;
    -o-border-radius: 0 0 0 10px;
    border-radius: 0 0 0 10px; }
    .networks.bottom a {
      display: block;
      position: relative;
      float: none;
      clear: both;
      margin: 0 auto; }
    .networks.bottom a + a {
      margin-top: 10px; }

body.admin-bar .networks.bottom {
  top: 36px; }

body.in-content .networks.bottom {
  right: 0; }
  @media screen and (max-width: 1112px) {
    body.in-content .networks.bottom {
      right: -45px !important; } }

footer {
  overflow: hidden; }
  footer .subscribe, footer .newportbeach-signup-top, footer .newportbeach-signup-middle {
    position: relative;
    margin-top: 30px;
    float: left; }
    footer .subscribe form, footer .newportbeach-signup-top form, footer .newportbeach-signup-middle form {
      margin-top: 10px; }
      footer .subscribe form input, footer .newportbeach-signup-top form input, footer .newportbeach-signup-middle form input {
        display: inline-block;
        border: 1px solid #00afab;
        border: 1px solid rgba(0, 175, 171, 0.5);
        color: #00afab;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        -ms-border-radius: 4px;
        -o-border-radius: 4px;
        border-radius: 4px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        -o-box-sizing: border-box;
        box-sizing: border-box;
        height: 34px;
        line-height: 34px;
        width: 200px;
        padding: 0 1em;
        background: transparent;
        font-size: 0.8em;
        font-style: italic; }
        footer .subscribe form input::-webkit-input-placeholder, footer .newportbeach-signup-top form input::-webkit-input-placeholder, footer .newportbeach-signup-middle form input::-webkit-input-placeholder {
          color: rgba(0, 175, 171, 0.6); }
        footer .subscribe form input:-moz-placeholder, footer .newportbeach-signup-top form input:-moz-placeholder, footer .newportbeach-signup-middle form input:-moz-placeholder {
          color: rgba(0, 175, 171, 0.6); }
        footer .subscribe form input::-moz-placeholder, footer .newportbeach-signup-top form input::-moz-placeholder, footer .newportbeach-signup-middle form input::-moz-placeholder {
          color: rgba(0, 175, 171, 0.6); }
        footer .subscribe form input:-ms-input-placeholder, footer .newportbeach-signup-top form input:-ms-input-placeholder, footer .newportbeach-signup-middle form input:-ms-input-placeholder {
          color: rgba(0, 175, 171, 0.6); }
        footer .subscribe form input:focus, footer .newportbeach-signup-top form input:focus, footer .newportbeach-signup-middle form input:focus {
          width: 260px;
          box-shadow: 0 0 20px rgba(0, 175, 171, 0.7);
          border: 1px solid #00afab; }
      footer .subscribe form button, footer .newportbeach-signup-top form button, footer .newportbeach-signup-middle form button {
        display: inline-block;
        width: 50px;
        height: 38px;
        margin: -4px -6px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        -ms-border-radius: 3px;
        -o-border-radius: 3px;
        border-radius: 3px;
        background: #00afab;
        cursor: pointer; }
        .no-touch footer .subscribe form button:hover, .no-touch footer .newportbeach-signup-top form button:hover, .no-touch footer .newportbeach-signup-middle form button:hover {
          background-color: #CEDF00; }
  footer .stay-in-touch {
    position: relative;
    float: right;
    margin-top: 30px;
    right: 0;
    text-align: right; }
    footer .stay-in-touch .networks {
      margin-top: 10px; }
  footer > h5.dashed-subtitle {
    text-align: right;
    color: #6D6F71; }
    footer > h5.dashed-subtitle img.logo {
      height: 12px;
      width: auto; }
  @media screen and (max-width: 767px) {
    footer {
      width: 100% !important;
      height: auto;
      font-size: 14px; } }
  @media screen and (max-width: 567px) {
    footer .subscribe, footer .stay-in-touch, footer .newportbeach-signup-top, footer .newportbeach-signup-middle {
      float: none;
      text-align: center; }
    footer .subscribe form input:focus {
      width: 200px !important; }
    footer .dashed-subtitle {
      text-align: center !important; } }

button.sign-up, .networks-container .container button, .networks-container .small-container button, .networks-container .sub-container button, .networks-container h1.dashed-subtitle button, .networks-container h2.dashed-subtitle button, .networks-container h3.dashed-subtitle button, .networks-container h4.dashed-subtitle button, .networks-container h5.dashed-subtitle button, .networks-container h6.dashed-subtitle button, .networks-container .roadmap .special-container button, .roadmap .networks-container .special-container button {
  display: inline-block;
  height: 40px;
  line-height: 40px;
  background: #CEDF00;
  padding: 0 1em;
  cursor: pointer;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box; }
  .no-touch button.sign-up:hover, .no-touch .networks-container .container button:hover, .networks-container .container .no-touch button:hover, .no-touch .networks-container .small-container button:hover, .networks-container .small-container .no-touch button:hover, .no-touch .networks-container .sub-container button:hover, .networks-container .sub-container .no-touch button:hover, .no-touch .networks-container h1.dashed-subtitle button:hover, .networks-container h1.dashed-subtitle .no-touch button:hover, .no-touch .networks-container h2.dashed-subtitle button:hover, .networks-container h2.dashed-subtitle .no-touch button:hover, .no-touch .networks-container h3.dashed-subtitle button:hover, .networks-container h3.dashed-subtitle .no-touch button:hover, .no-touch .networks-container h4.dashed-subtitle button:hover, .networks-container h4.dashed-subtitle .no-touch button:hover, .no-touch .networks-container h5.dashed-subtitle button:hover, .networks-container h5.dashed-subtitle .no-touch button:hover, .no-touch .networks-container h6.dashed-subtitle button:hover, .networks-container h6.dashed-subtitle .no-touch button:hover, .no-touch .networks-container .roadmap .special-container button:hover, .networks-container .roadmap .special-container .no-touch button:hover, .no-touch .roadmap .networks-container .special-container button:hover, .roadmap .networks-container .special-container .no-touch button:hover {
    background: #00afab; }

ul.menu button.sign-up, ul.menu .networks-container .container button, .networks-container .container ul.menu button, ul.menu .networks-container .small-container button, .networks-container .small-container ul.menu button, ul.menu .networks-container .sub-container button, .networks-container .sub-container ul.menu button, ul.menu .networks-container h1.dashed-subtitle button, .networks-container h1.dashed-subtitle ul.menu button, ul.menu .networks-container h2.dashed-subtitle button, .networks-container h2.dashed-subtitle ul.menu button, ul.menu .networks-container h3.dashed-subtitle button, .networks-container h3.dashed-subtitle ul.menu button, ul.menu .networks-container h4.dashed-subtitle button, .networks-container h4.dashed-subtitle ul.menu button, ul.menu .networks-container h5.dashed-subtitle button, .networks-container h5.dashed-subtitle ul.menu button, ul.menu .networks-container h6.dashed-subtitle button, .networks-container h6.dashed-subtitle ul.menu button, ul.menu .networks-container .roadmap .special-container button, .networks-container .roadmap .special-container ul.menu button, ul.menu .roadmap .networks-container .special-container button, .roadmap .networks-container .special-container ul.menu button {
  margin: -5px 1em 0 1em;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px; }

.networks-container {
  display: block;
  position: absolute;
  position: fixed;
  left: 0;
  top: 0;
  height: 40px;
  background: #717171;
  z-index: 10000; }
  .networks-container .container, .networks-container .small-container, .networks-container .sub-container, .networks-container h1.dashed-subtitle, .networks-container h2.dashed-subtitle, .networks-container h3.dashed-subtitle, .networks-container h4.dashed-subtitle, .networks-container h5.dashed-subtitle, .networks-container h6.dashed-subtitle, .networks-container .roadmap .special-container, .roadmap .networks-container .special-container {
    text-align: right; }
    .networks-container .container .networks, .networks-container .small-container .networks, .networks-container .sub-container .networks, .networks-container h1.dashed-subtitle .networks, .networks-container h2.dashed-subtitle .networks, .networks-container h3.dashed-subtitle .networks, .networks-container h4.dashed-subtitle .networks, .networks-container h5.dashed-subtitle .networks, .networks-container h6.dashed-subtitle .networks, .networks-container .roadmap .special-container .networks, .roadmap .networks-container .special-container .networks {
      display: block;
      position: absolute;
      margin-top: 8px;
      right: 200px; }
  @media screen and (max-width: 568px) {
    .networks-container {
      display: none !important; } }

body.admin-bar section.networks-container {
  top: 32px; }

.bari, .bari-medium, .bari-medium-bold {
  font-family: 'Bari',sans-serif;
  font-size: 124%;
  text-transform: lowercase !important;
  font-weight: normal;
  font-style: normal; }

.bari-medium {
  font-size: 90% !important; }

.bari-medium-bold {
  font-size: 90% !important;
  font-weight: bold; }

.medium-text {
  font-size: 1.3em; }

.home-ppal-container {
  background: url(images/home-photo.jpg) center 0 no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -ms-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  height: 600px; }
  .home-ppal-container .ny-times-quote {
    position: absolute;
    left: 0;
    top: 160px; }
    @media screen and (max-width: 767px) {
      .home-ppal-container .ny-times-quote {
        left: auto;
        top: auto;
        position: relative;
        text-align: center;
        padding-top: 3em; } }
    .home-ppal-container .ny-times-quote h1, .home-ppal-container .ny-times-quote h2 {
      font-family: 'Lato Black',sans-serif;
      margin: 0;
      line-height: 1em;
      font-weight: bold; }
    .home-ppal-container .ny-times-quote small {
      font-family: 'Lato',sans-serif;
      font-size: 0.75em;
      font-style: italic;
      color: #fff; }
    .home-ppal-container .ny-times-quote h1 {
      font-size: 2.87em;
      color: #CEDF00; }
    .home-ppal-container .ny-times-quote h2 {
      font-size: 2.12em;
      color: #fff; }
  .home-ppal-container .what-is-bari {
    position: absolute;
    width: 334px;
    height: 241px;
    right: 0;
    top: 100px;
    background: url(images/home-what-is-bari-box-bg.png) center center no-repeat;
    -webkit-background-size: 100% auto;
    -moz-background-size: 100% auto;
    -ms-background-size: 100% auto;
    -o-background-size: 100% auto;
    background-size: 100% auto;
    font-family: 'Futura Std Book',sans-serif; }
    @media screen and (max-width: 767px) {
      .home-ppal-container .what-is-bari {
        right: auto;
        top: auto;
        position: relative;
        margin: 3em auto 0 auto; } }
    @media screen and (max-width: 479px) {
      .home-ppal-container .what-is-bari {
        width: 280px;
        height: 202px; }
        .home-ppal-container .what-is-bari a {
          color: black !important;
          font-size: 1.42em !important;
          bottom: 0 !important; }
          .home-ppal-container .what-is-bari a img {
            width: 252px !important; }
          .home-ppal-container .what-is-bari a .play {
            top: 120px !important; } }
    .no-touch .home-ppal-container .what-is-bari a:hover {
      color: #232323; }
      .no-touch .home-ppal-container .what-is-bari a:hover .play {
        background-color: #000;
        width: 56px;
        height: 56px;
        -webkit-border-radius: 28px;
        -moz-border-radius: 28px;
        -ms-border-radius: 28px;
        -o-border-radius: 28px;
        border-radius: 28px;
        margin: -28px 0 0 -28px; }
        .no-touch .home-ppal-container .what-is-bari a:hover .play .triangle-right {
          fill: #CEDF00;
          -webkit-transform: scale(1.15);
          -moz-transform: scale(1.15);
          -ms-transform: scale(1.15);
          -o-transform: scale(1.15);
          transform: scale(1.15); }
    .home-ppal-container .what-is-bari a {
      display: block;
      position: absolute;
      right: 0;
      left: 0;
      top: 0;
      bottom: 40px;
      font-size: 1.62em;
      padding: 10px;
      color: #CEDF00; }
      .home-ppal-container .what-is-bari a img.photo, .home-ppal-container .what-is-bari a:active img.photo {
        display: block;
        position: relative;
        width: 304px;
        height: auto;
        margin-bottom: 0.5em; }
      .home-ppal-container .what-is-bari a .play, .home-ppal-container .what-is-bari a:active .play {
        display: block;
        position: absolute;
        width: 46px;
        height: 46px;
        top: 126px;
        left: 50%;
        margin: -23px 0 0 -23px;
        background: #00afab;
        -webkit-border-radius: 23px;
        -moz-border-radius: 23px;
        -ms-border-radius: 23px;
        -o-border-radius: 23px;
        border-radius: 23px; }
        .home-ppal-container .what-is-bari a .play .triangle-right, .home-ppal-container .what-is-bari a:active .play .triangle-right {
          display: block;
          position: absolute;
          width: 20px;
          height: auto;
          fill: #000;
          left: 50%;
          top: 50%;
          margin: -12px 0 0 -7px; }
      .home-ppal-container .what-is-bari a svg.logo {
        display: inline-block;
        height: 20px;
        width: auto; }

.video {
  display: block;
  position: fixed;
  width: 100%;
  bottom: 0;
  top: 100%;
  z-index: 1010;
  background: #000;
  overflow: hidden; }
  .video .grid {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1001;
    background: url(videos/grid.png) left top repeat; }
  .video video {
    position: fixed;
    right: 0;
    bottom: 0;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -100;
    background-size: cover; }
    @media screen and (max-width: 568px) {
      .video video {
        min-width: auto;
        min-height: auto;
        top: 100px;
        left: 0; } }
  .video a.btn-close {
    right: 40px;
    top: 40px; }

.home-feature {
  margin-top: -50px;
  background: url(images/home-feature-bg.png) center top repeat-x;
  height: 212px; }
  .home-feature .container, .home-feature .small-container, .home-feature .sub-container, .home-feature h1.dashed-subtitle, .home-feature h2.dashed-subtitle, .home-feature h3.dashed-subtitle, .home-feature h4.dashed-subtitle, .home-feature h5.dashed-subtitle, .home-feature h6.dashed-subtitle, .home-feature .roadmap .special-container, .roadmap .home-feature .special-container {
    width: 888px; }
    @media screen and (min-width: 568px) and (max-width: 1112px) {
      .home-feature .container, .home-feature .small-container, .home-feature .sub-container, .home-feature h1.dashed-subtitle, .home-feature h2.dashed-subtitle, .home-feature h3.dashed-subtitle, .home-feature h4.dashed-subtitle, .home-feature h5.dashed-subtitle, .home-feature h6.dashed-subtitle, .home-feature .roadmap .special-container, .roadmap .home-feature .special-container {
        width: 700px;
        font-size: 14px; } }
    @media screen and (max-width: 568px) {
      .home-feature .container, .home-feature .small-container, .home-feature .sub-container, .home-feature h1.dashed-subtitle, .home-feature h2.dashed-subtitle, .home-feature h3.dashed-subtitle, .home-feature h4.dashed-subtitle, .home-feature h5.dashed-subtitle, .home-feature h6.dashed-subtitle, .home-feature .roadmap .special-container, .roadmap .home-feature .special-container {
        width: auto;
        font-size: 14px; } }
  .home-feature ul {
    position: relative;
    left: 0;
    top: -60px;
    width: auto;
    height: 214px; }
    .home-feature ul li {
      display: block;
      position: relative;
      float: left;
      width: 256px;
      height: 214px;
      background: url(images/home-features-item-box-bg.png) center top no-repeat;
      -webkit-background-size: 100% 100%;
      -moz-background-size: 100% 100%;
      -ms-background-size: 100% 100%;
      -o-background-size: 100% 100%;
      background-size: 100% 100%; }
      .home-feature ul li a {
        font-size: 1.4em;
        display: block;
        width: inherit;
        height: 192px;
        position: relative;
        padding: 110px 1.2em 0 1.2em;
        color: #000;
        background: url(images/home-features-trapezium-inverted.png) #CEDF00 center top no-repeat;
        background: url(images/trapezium_color-cddb27.svg) center 60px no-repeat, none;
        -webkit-background-size: 230px auto;
        -moz-background-size: 230px auto;
        -ms-background-size: 230px auto;
        -o-background-size: 230px auto;
        background-size: 230px auto;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        -o-box-sizing: border-box;
        box-sizing: border-box; }
      .home-feature ul li:first-child a {
        color: #fff;
        background: url(images/home-features-trapezium-inverted.png) #93368d center top no-repeat;
        background: url(images/trapezium_color-93368d.svg) center 60px no-repeat, none; }
      .no-touch .home-feature ul li a:hover {
        padding-top: 100px;
        background-position: center 40px; }
    .home-feature ul li + li {
      margin-left: 60px; }
    @media screen and (max-width: 1112px) {
      .home-feature ul {
        top: -43px;
        height: 126px; }
        .home-feature ul li {
          width: 200px;
          background: none;
          height: 126px; }
          .home-feature ul li a {
            padding-top: 36px;
            height: 126px;
            background-position: left top !important; }
            .no-touch .home-feature ul li a:hover {
              padding-top: 30px; }
        .home-feature ul li + li {
          margin-left: 50px; } }
  .home-feature .bubbles-strip {
    margin-top: -12px; }
  @media screen and (max-width: 1112px) {
    .home-feature {
      background: #CEDF00;
      height: 83px; } }
  @media screen and (max-width: 568px) {
    .home-feature {
      height: auto;
      padding: 1em 0; }
      .home-feature ul {
        top: 0;
        height: auto; }
        .home-feature ul li {
          width: 100%;
          height: auto;
          background: none;
          float: none; }
          .home-feature ul li a, .home-feature ul li a:first-child {
            display: inline-block;
            position: relative;
            font-size: 1.5em;
            padding: 0.75em;
            line-height: 1em;
            -webkit-border-radius: 6px;
            -moz-border-radius: 6px;
            -ms-border-radius: 6px;
            -o-border-radius: 6px;
            border-radius: 6px;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            -ms-box-sizing: border-box;
            -o-box-sizing: border-box;
            box-sizing: border-box;
            border: 2px solid black;
            text-align: center;
            color: black;
            text-shadow: none;
            text-transform: lowercase;
            height: auto;
            background: none; }
            .no-touch .home-feature ul li a:hover, .no-touch .home-feature ul li a:first-child:hover {
              color: #CEDF00;
              padding: 0.75em;
              border-color: #CEDF00;
              background-color: black; }
            .home-feature ul li a br, .home-feature ul li a:first-child br {
              display: none; }
            .no-touch .home-feature ul li a:hover, .no-touch .home-feature ul li a:first-child:hover {
              padding: auto; }
        .home-feature ul li + li {
          margin: 1em 0 0 0; } }

.home-facts-figures h1.stunning img.logo, .home-facts-figures h1.big-stunning img.logo {
  display: inline-block;
  width: auto;
  height: 30px; }
.home-facts-figures ul.average, .home-facts-figures ul.results {
  display: block;
  position: relative;
  margin: 0 auto;
  width: 900px;
  height: 94px; }
  .home-facts-figures ul.average li, .home-facts-figures ul.results li {
    display: block;
    position: relative;
    float: left;
    height: inherit;
    width: 292px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    background: #00afab;
    padding: 18px;
    font-family: 'Lato Black',sans-serif; }
    .home-facts-figures ul.average li h1, .home-facts-figures ul.results li h1 {
      font-family: inherit;
      display: block;
      position: relative;
      width: 50%;
      text-align: center;
      margin: 0;
      height: 58px;
      line-height: 58px;
      float: left;
      font-size: 3.4em; }
    .home-facts-figures ul.average li span.content, .home-facts-figures ul.results li span.content {
      display: block;
      font-family: inherit;
      font-size: 0.8em;
      line-height: 1.2em; }
  .home-facts-figures ul.average li + li, .home-facts-figures ul.results li + li {
    margin-left: 12px; }
  @media screen and (min-width: 768px) and (max-width: 1112px) {
    .home-facts-figures ul.average, .home-facts-figures ul.results {
      width: 700px;
      font-size: 14px; }
      .home-facts-figures ul.average li, .home-facts-figures ul.results li {
        width: 230px; }
      .home-facts-figures ul.average li + li, .home-facts-figures ul.results li + li {
        margin-left: 5px; } }
  @media screen and (max-width: 767px) {
    .home-facts-figures ul.average, .home-facts-figures ul.results {
      width: 100%;
      height: auto;
      font-size: 14px; }
      .home-facts-figures ul.average li, .home-facts-figures ul.results li {
        width: 100%;
        max-width: 400px;
        margin: 0 auto;
        float: none; }
      .home-facts-figures ul.average li + li, .home-facts-figures ul.results li + li {
        margin: 8px auto 0 auto; } }
.home-facts-figures ul.results {
  margin-top: 12px; }
  .home-facts-figures ul.results li {
    position: absolute;
    width: 100%;
    height: 100%;
    float: none;
    background: #CEDF00;
    padding: 18px; }
    .home-facts-figures ul.results li span {
      font-size: 1em; }
  @media screen and (min-width: 768px) and (max-width: 1112px) {
    .home-facts-figures ul.results {
      font-size: 14px; }
      .home-facts-figures ul.results li h1 {
        width: 60%; } }
  @media screen and (max-width: 767px) {
    .home-facts-figures ul.results {
      width: 100%;
      height: auto;
      font-size: 14px; }
      .home-facts-figures ul.results li {
        width: 100%;
        max-width: 400px;
        margin: 0 auto;
        float: none;
        position: relative; }
        .home-facts-figures ul.results li h1 {
          width: 100%;
          height: auto;
          line-height: 1em;
          float: none; }
        .home-facts-figures ul.results li span {
          position: relative;
          width: 88%;
          margin: 1em auto 0 auto; } }
.home-facts-figures .container > h3, .home-facts-figures .small-container > h3, .home-facts-figures .sub-container > h3, .home-facts-figures h1.dashed-subtitle > h3, .home-facts-figures h2.dashed-subtitle > h3, .home-facts-figures h3.dashed-subtitle > h3, .home-facts-figures h4.dashed-subtitle > h3, .home-facts-figures h5.dashed-subtitle > h3, .home-facts-figures h6.dashed-subtitle > h3, .home-facts-figures .roadmap .special-container > h3, .roadmap .home-facts-figures .special-container > h3 {
  background: url(images/bg-yellow-stroke.png) left center repeat-x;
  color: #CEDF00; }
  .home-facts-figures .container > h3 span, .home-facts-figures .small-container > h3 span, .home-facts-figures .sub-container > h3 span, .home-facts-figures h1.dashed-subtitle > h3 span, .home-facts-figures h2.dashed-subtitle > h3 span, .home-facts-figures h3.dashed-subtitle > h3 span, .home-facts-figures h4.dashed-subtitle > h3 span, .home-facts-figures h5.dashed-subtitle > h3 span, .home-facts-figures h6.dashed-subtitle > h3 span, .home-facts-figures .roadmap .special-container > h3 span, .roadmap .home-facts-figures .special-container > h3 span {
    background: #000; }

.featured-in {
  background: #717171; }
  .featured-in .container, .featured-in .small-container, .featured-in .sub-container, .featured-in h1.dashed-subtitle, .featured-in h2.dashed-subtitle, .featured-in h3.dashed-subtitle, .featured-in h4.dashed-subtitle, .featured-in h5.dashed-subtitle, .featured-in h6.dashed-subtitle, .featured-in .roadmap .special-container, .roadmap .featured-in .special-container {
    overflow: hidden; }
    .featured-in .container h3, .featured-in .small-container h3, .featured-in .sub-container h3, .featured-in h1.dashed-subtitle h3, .featured-in h2.dashed-subtitle h3, .featured-in h3.dashed-subtitle h3, .featured-in h4.dashed-subtitle h3, .featured-in h5.dashed-subtitle h3, .featured-in h6.dashed-subtitle h3, .featured-in .roadmap .special-container h3, .roadmap .featured-in .special-container h3 {
      background: url(images/bg-gray-stroke.png) left center repeat-x;
      color: #383838; }
      .featured-in .container h3 span, .featured-in .small-container h3 span, .featured-in .sub-container h3 span, .featured-in h1.dashed-subtitle h3 span, .featured-in h2.dashed-subtitle h3 span, .featured-in h3.dashed-subtitle h3 span, .featured-in h4.dashed-subtitle h3 span, .featured-in h5.dashed-subtitle h3 span, .featured-in h6.dashed-subtitle h3 span, .featured-in .roadmap .special-container h3 span, .roadmap .featured-in .special-container h3 span {
        background: #717171; }
    .featured-in .container .logos, .featured-in .small-container .logos, .featured-in .sub-container .logos, .featured-in h1.dashed-subtitle .logos, .featured-in h2.dashed-subtitle .logos, .featured-in h3.dashed-subtitle .logos, .featured-in h4.dashed-subtitle .logos, .featured-in h5.dashed-subtitle .logos, .featured-in h6.dashed-subtitle .logos, .featured-in .roadmap .special-container .logos, .roadmap .featured-in .special-container .logos {
      background: url(images/home-featured-in-logos.png) center center no-repeat;
      -webkit-background-size: 100% auto;
      -moz-background-size: 100% auto;
      -ms-background-size: 100% auto;
      -o-background-size: 100% auto;
      background-size: 100% auto;
      height: 60px; }
	  
.sniff-code {
  display: block;
  position: relative;
  height: 80px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  padding: 10px;
  background-color: #e7e7e7; }
  .sniff-code .icon {
    position: absolute;
    width: 60px;
    height: 60px;
    left: 10px;
    top: 10px;
    background: url(images/icon-mobile-app.png);
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -ms-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background-size: 100% 100%;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;
    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.3); }
  .sniff-code .text {
    position: absolute;
    top: 10px;
    left: 80px;
    right: 44px;
    bottom: 10px; }
  .sniff-code .btn-close {
    left: auto;
    right: 10px;
    top: 28px; }

.atwo-ppal {
  height: 360px;
  background: url(images/atwo-ppal-bg.jpg) center top no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -ms-background-size: cover;
  -o-background-size: cover;
  background-size: cover; }
  .atwo-ppal .container, .atwo-ppal .small-container, .atwo-ppal .sub-container, .atwo-ppal h1.dashed-subtitle, .atwo-ppal h2.dashed-subtitle, .atwo-ppal h3.dashed-subtitle, .atwo-ppal h4.dashed-subtitle, .atwo-ppal h5.dashed-subtitle, .atwo-ppal h6.dashed-subtitle, .atwo-ppal .roadmap .special-container, .roadmap .atwo-ppal .special-container {
    height: inherit; }

.atwo-elements ul li.heart .icon-circular, .atwo-elements ul li.heart .icon-small, .atwo-elements ul li.heart .icon-mini {
  background: url(images/icons/heart-yellow-black.gif) 68px 36px black no-repeat;
  -webkit-background-size: auto 63px;
  -moz-background-size: auto 63px;
  -ms-background-size: auto 63px;
  -o-background-size: auto 63px;
  background-size: auto 63px; }
.atwo-elements ul li.heart:hover .icon-circular, .atwo-elements ul li.heart:hover .icon-small, .atwo-elements ul li.heart:hover .icon-mini {
  background-position: -198px 36px; }
.atwo-elements ul li.trampoline .icon-circular, .atwo-elements ul li.trampoline .icon-small, .atwo-elements ul li.trampoline .icon-mini {
  background: url(images/icons/trampoline-yellow-black.gif) 54px 28px black no-repeat;
  -webkit-background-size: auto 70px;
  -moz-background-size: auto 70px;
  -ms-background-size: auto 70px;
  -o-background-size: auto 70px;
  background-size: auto 70px; }
.atwo-elements ul li.trampoline:hover .icon-circular, .atwo-elements ul li.trampoline:hover .icon-small, .atwo-elements ul li.trampoline:hover .icon-mini {
  background-position: -239px 28px; }
.atwo-elements ul li.muscle .icon-circular, .atwo-elements ul li.muscle .icon-small, .atwo-elements ul li.muscle .icon-mini {
  background: url(images/icons/muscles-yellow-black.gif) 70px 46px black no-repeat;
  -webkit-background-size: auto 53px;
  -moz-background-size: auto 53px;
  -ms-background-size: auto 53px;
  -o-background-size: auto 53px;
  background-size: auto 53px; }
.atwo-elements ul li.muscle:hover .icon-circular, .atwo-elements ul li.muscle:hover .icon-small, .atwo-elements ul li.muscle:hover .icon-mini {
  background-position: -146px 46px; }

.icon-container {
  background-image: url(images/container.gif) !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  background-color: black !important;
  -webkit-background-size: 42px 76px;
  -moz-background-size: 42px 76px;
  -ms-background-size: 42px 76px;
  -o-background-size: 42px 76px;
  background-size: 42px 76px; }

.class-offerings.title {
  padding: 1.5em 0;
  color: #000;
  cursor: pointer; }
  .class-offerings.title h1 {
    margin: 0;
    text-align: center; }
  .class-offerings.title .triangle {
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -10px;
    background: url(images/icon-triangle-down.png) center center no-repeat;
    width: 24px;
    height: 20px;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -ms-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background-size: 100% 100%;
    opacity: 0; }
  .no-touch .class-offerings.title:hover, .class-offerings.title.on {
    padding: 3em 0; }
    .no-touch .class-offerings.title:hover .triangle, .class-offerings.title.on .triangle {
      margin-top: 20px;
      opacity: 1; }
.class-offerings.content {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  height: auto; }
  .class-offerings.content .highlight {
    display: block;
    position: relative;
    margin: 1em auto;
    width: 72px;
    height: 80px;
    line-height: 80px;
    color: #fff;
    font-size: 1.25em;
    background: url(images/class-gp-highlight-bg.png) center center no-repeat;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -ms-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background-size: 100% 100%; }
  .class-offerings.content h1, .class-offerings.content h2, .class-offerings.content h3 {
    color: #fff; }
.class-offerings.title.bari-group {
  background-color: #00afab; }
  .class-offerings.title.bari-group .icon-small {
    background: url(images/class-icon-bari-group.png) center center no-repeat;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -ms-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background-size: 100% 100%; }
.class-offerings.content.bari-group {
  color: #00afab;
  background: #000; }
  .class-offerings.content.bari-group .btn-outline {
    border-color: #00afab;
    color: #00afab; }
    .no-touch .class-offerings.content.bari-group .btn-outline:hover, .class-offerings.content.bari-group .btn-outline.on {
      background-color: #00afab;
      color: #000; }
.class-offerings.title.bari-prive {
  background-color: #5e53c7; }
  .class-offerings.title.bari-prive .icon-small {
    background: url(images/class-icon-bari-prive.png) center center no-repeat;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -ms-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background-size: 100% 100%; }
.class-offerings.content.bari-prive {
  color: #5e53c7;
  background: #000; }
  .class-offerings.content.bari-prive .btn-outline {
    border-color: #5e53c7;
    color: #5e53c7; }
    .no-touch .class-offerings.content.bari-prive .btn-outline:hover, .class-offerings.content.bari-prive .btn-outline.on {
      background-color: #5e53c7;
      color: #000; }
.class-offerings.title.bari-groupprives {
  background-color: #95288f; }
  .class-offerings.title.bari-groupprives .icon-small {
    background: url(images/class-icon-bari-groupprives.png) center center no-repeat;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -ms-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background-size: 100% 100%; }
.class-offerings.content.bari-groupprives {
  color: #95288f;
  background: #000; }
  .class-offerings.content.bari-groupprives .btn-outline {
    border-color: #95288f;
    color: #95288f; }
    .no-touch .class-offerings.content.bari-groupprives .btn-outline:hover, .class-offerings.content.bari-groupprives .btn-outline.on {
      background-color: #95288f;
      color: #000; }
.class-offerings.title.bari-bride {
  background-color: #d3005f; }
  .class-offerings.title.bari-bride .icon-small {
    background: url(images/class-icon-bari-bride.png) center center no-repeat;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -ms-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background-size: 100% 100%; }
.class-offerings.content.bari-bride {
  color: #d3005f;
  background: #000; }
  .class-offerings.content.bari-bride .btn-outline {
    border-color: #d3005f;
    color: #d3005f; }
    .no-touch .class-offerings.content.bari-bride .btn-outline:hover, .class-offerings.content.bari-bride .btn-outline.on {
      background-color: #d3005f;
      color: #000; }
.class-offerings.title.bari-kids {
  background-color: #ffce00; }
  .class-offerings.title.bari-kids .icon-small {
    background: url(images/class-icon-bari-kids.png) center center no-repeat;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -ms-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background-size: 100% 100%; }
.class-offerings.content.bari-kids {
  color: #ffce00;
  background: #000; }
  .class-offerings.content.bari-kids .btn-outline {
    border-color: #ffce00;
    color: #ffce00; }
    .no-touch .class-offerings.content.bari-kids .btn-outline:hover, .class-offerings.content.bari-kids .btn-outline.on {
      background-color: #ffce00;
      color: #000; }
.class-offerings.more.hide {
  height: 0 !important; }
.class-offerings.more .stunning {
  text-align: left; }
.class-offerings.more .trampoline {
  background: url(images/icons/trampoline-mini-white-blue.gif) center center no-repeat #00afab;
  -webkit-background-size: 40px 30px;
  -moz-background-size: 40px 30px;
  -ms-background-size: 40px 30px;
  -o-background-size: 40px 30px;
  background-size: 40px 30px; }
.class-offerings.more .heart {
  background: url(images/icons/heart-mini-white-blue.gif) center center no-repeat #00afab;
  -webkit-background-size: 34px 32px;
  -moz-background-size: 34px 32px;
  -ms-background-size: 34px 32px;
  -o-background-size: 34px 32px;
  background-size: 34px 32px; }
.class-offerings.more .muscles {
  background: url(images/icons/muscles-mini-white-blue.gif) center center no-repeat #00afab;
  -webkit-background-size: 40px 27px;
  -moz-background-size: 40px 27px;
  -ms-background-size: 40px 27px;
  -o-background-size: 40px 27px;
  background-size: 40px 27px; }
.class-offerings.more .feature + .feature {
  margin-top: 1em;
  padding-top: 1em;
  border-top: 1px dashed #717171; }
.class-offerings.more .logo {
  min-width: 220px;
  float: left;
  position: relative;
  margin: 0 2em 1em 0; }
.class-offerings.more p {
  padding-top: 1.6em;
  margin-bottom: 1em;
  margin-left: 252px; }
.class-offerings.more p + p {
  padding-top: 0; }
@media screen and (max-width: 770px) {
  .class-offerings.more .logo {
    float: none;
    clear: both;
    margin-right: 0; }
  .class-offerings.more p {
    margin-left: 0; } }
@media screen and (max-width: 568px) {
  .class-offerings.more .stunning {
    text-align: center; } }

.barione-ppal {
  height: 360px;
  background: url(images/barione-ppal-bg.jpg) center top no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -ms-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  padding-bottom: 115px;
  margin-bottom: -115px; }

.refer-friend-ppal {
  height: 400px;
  background: url(images/referfriend-ppal-bg.jpg) center top no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -ms-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  padding-bottom: 115px;
  margin-bottom: -115px; }

  .barione-ppal .container, .refer-friend-ppal .container, .barione-ppal .small-container, .barione-ppal .sub-container, .barione-ppal h1.dashed-subtitle, .barione-ppal h2.dashed-subtitle, .barione-ppal h3.dashed-subtitle, .barione-ppal h4.dashed-subtitle, .barione-ppal h5.dashed-subtitle, .barione-ppal h6.dashed-subtitle, .barione-ppal .roadmap .special-container, .roadmap .barione-ppal .special-container {
    height: inherit; }

.barione .btn-container {
  text-align: center; }
.barione .price-info {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  padding: 0.5em 1em;
  background: #000;
  color: #fff;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px; }
.barione * + .price-info {
  margin-top: 1em; }
.barione.icon-title {
  background: url(images/barione-icon-title.png) center top no-repeat;
  -webkit-background-size: auto 100%;
  -moz-background-size: auto 100%;
  -ms-background-size: auto 100%;
  -o-background-size: auto 100%;
  background-size: auto 100%; }

.rates.rates-ppal {
  height: 280px;
  background: url(images/rates-ppal-bg.jpg) center top no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -ms-background-size: cover;
  -o-background-size: cover;
  background-size: cover; }
.rates.rates-menu-cover {
  padding-bottom: 50px; }
.rates.rates-menu ul {
  top: -50px; }
  .rates.rates-menu ul li a {
    width: 228px;
    height: 228px;
    display: block;
    position: relative;
    margin: 0 auto;
    text-align: center;
    line-height: 228px;
    color: #fff;
    font-size: 1.125em;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%; }
    .rates.rates-menu ul li a.ca {
      background: url(images/rates-menu-ca.png) center center no-repeat;
      -webkit-background-size: 100% 100%;
      -moz-background-size: 100% 100%;
      -ms-background-size: 100% 100%;
      -o-background-size: 100% 100%;
      background-size: 100% 100%; }
    .rates.rates-menu ul li a.nyc {
      background: url(images/rates-menu-nyc.png) center center no-repeat;
      -webkit-background-size: 100% 100%;
      -moz-background-size: 100% 100%;
      -ms-background-size: 100% 100%;
      -o-background-size: 100% 100%;
      background-size: 100% 100%; }
    .rates.rates-menu ul li a.dr {
      background: url(images/rates-menu-dr.png) center center no-repeat;
      -webkit-background-size: 100% 100%;
      -moz-background-size: 100% 100%;
      -ms-background-size: 100% 100%;
      -o-background-size: 100% 100%;
      background-size: 100% 100%; }
    .rates.rates-menu ul li a.nj {
      background: url(images/rates-menu-nj.png) center center no-repeat;
      -webkit-background-size: 100% 100%;
      -moz-background-size: 100% 100%;
      -ms-background-size: 100% 100%;
      -o-background-size: 100% 100%;
      background-size: 100% 100%; }
    .rates.rates-menu ul li a span.title {
      display: block;
      position: absolute;
      width: 228px;
      height: 228px;
      line-height: 228px;
      z-index: 2;
      left: 0;
      top: 0; }
    .rates.rates-menu ul li a span.circle {
      display: block;
      position: absolute;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      -ms-border-radius: 50%;
      -o-border-radius: 50%;
      border-radius: 50%;
      background: #CEDF00;
      left: 100px;
      top: 100px;
      bottom: 100px;
      right: 100px;
      z-index: 1;
      opacity: 0; }
    .no-touch .rates.rates-menu ul li a:hover span.circle, .rates.rates-menu ul li a.on span.circle {
      left: 20px;
      top: 20px;
      bottom: 20px;
      right: 20px;
      opacity: 0.8; }
    .rates.rates-menu ul li a.on {
      color: black !important;
      text-shadow: none !important; }
      .rates.rates-menu ul li a.on span.circle {
        opacity: 1 !important; }

ul.price-list {
  display: block;
  position: relative;
  margin: 4px; }
  ul.price-list li {
    display: block;
    position: relative;
    height: 50px;
    background: #e6e7e8;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 2em;
    line-height: 15px;
    padding-top: 15px;
    font-size: 1.25em;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    border-radius: 6px;
    overflow: visible; }
    ul.price-list li span.price {
      display: block;
      position: absolute;
      right: -4px;
      top: -4px;
      bottom: -4px;
      width: 150px;
      line-height: 58px;
      color: #fff;
      text-align: center;
      background: #000;
      -webkit-border-radius: 8px;
      -moz-border-radius: 8px;
      -ms-border-radius: 8px;
      -o-border-radius: 8px;
      border-radius: 8px;
      overflow: visible; }
      ul.price-list li span.price:after {
        display: block;
        position: absolute;
        background: url(images/triangle-left.png) left top no-repeat;
        -webkit-background-size: 12px 14px;
        -moz-background-size: 12px 14px;
        -ms-background-size: 12px 14px;
        -o-background-size: 12px 14px;
        background-size: 12px 14px;
        width: 12px;
        height: 14px;
        top: 50%;
        margin-top: -7px;
        left: -12px;
        content: ""; }
    @media screen and (max-width: 569px) {
      ul.price-list li {
        text-align: center;
        margin-bottom: 4em;
        -webkit-border-radius: 6px 6px 0 0;
        -moz-border-radius: 6px 6px 0 0;
        -ms-border-radius: 6px 6px 0 0;
        -o-border-radius: 6px 6px 0 0;
        border-radius: 6px 6px 0 0; }
        ul.price-list li span.price {
          right: 0;
          bottom: auto;
          top: 50px;
          width: 100%;
          -webkit-border-radius: 0 0 6px 6px;
          -moz-border-radius: 0 0 6px 6px;
          -ms-border-radius: 0 0 6px 6px;
          -o-border-radius: 0 0 6px 6px;
          border-radius: 0 0 6px 6px; }
          ul.price-list li span.price:after {
            display: none; } }
  ul.price-list li + li {
    margin-top: 1em; }

div.widget {
  overflow: hidden;
  height: 0; }
  div.widget div.healcode .hc_footer {
    display: none !important; }

.the-cool-animation {
  overflow: visible; }
  .the-cool-animation .container, .the-cool-animation .small-container, .the-cool-animation .sub-container, .the-cool-animation h1.dashed-subtitle, .the-cool-animation h2.dashed-subtitle, .the-cool-animation h3.dashed-subtitle, .the-cool-animation h4.dashed-subtitle, .the-cool-animation h5.dashed-subtitle, .the-cool-animation h6.dashed-subtitle, .the-cool-animation .roadmap .special-container, .roadmap .the-cool-animation .special-container {
    overflow: visible; }

@keyframes dash {
  to {
    stroke-dashoffset: -400; } }
@-webkit-keyframes dash {
  to {
    stroke-dashoffset: -400; } }
@-moz-keyframes dash {
  to {
    stroke-dashoffset: -400; } }
@-o-keyframes dash {
  to {
    stroke-dashoffset: -400; } }
#rates-location-line-left, #rates-location-line-right, #rates-location-line-center {
  display: block;
  position: absolute;
  width: auto;
  height: auto;
  left: 50%;
  top: -42px;
  z-index: 100;
  margin-left: -350px;
  pointer-events: none; }
  #rates-location-line-left .path, #rates-location-line-right .path, #rates-location-line-center .path {
    stroke-dasharray: 5px;
    stroke-dashoffset: 0;
    -webkit-animation: dash 14s linear forwards infinite;
    -moz-animation: dash 14s linear forwards infinite;
    -ms-animation: dash 14s linear forwards infinite;
    -o-animation: dash 14s linear forwards infinite;
    animation: dash 14s linear forwards infinite;
    -webkit-animation-name: dash;
    -moz-animation-name: dash;
    -ms-animation-name: dash;
    -o-animation-name: dash;
    animation-name: dash;
    -webkit-animation-duration: 14s;
    -moz-animation-duration: 14s;
    -ms-animation-duration: 14s;
    -o-animation-duration: 14s;
    animation-duration: 14s;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -ms-animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-timing-function: linear;
    -ms-animation-timing-function: linear;
    -o-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    -ms-animation-fill-mode: forwards;
    -o-animation-fill-mode: forwards;
    animation-fill-mode: forwards; }

#rates-location-line-right {
  left: auto;
  right: 50%;
  z-index: 100;
  margin-right: -350px; }
  #rates-location-line-right .path {
    stroke-dasharray: 5px;
    stroke-dashoffset: -800;
    -webkit-animation: dash 14s linear forwards infinite;
    -moz-animation: dash 14s linear forwards infinite;
    -ms-animation: dash 14s linear forwards infinite;
    -o-animation: dash 14s linear forwards infinite;
    animation: dash 14s linear forwards infinite;
    -webkit-animation-name: dash;
    -moz-animation-name: dash;
    -ms-animation-name: dash;
    -o-animation-name: dash;
    animation-name: dash;
    -webkit-animation-duration: 14s;
    -moz-animation-duration: 14s;
    -ms-animation-duration: 14s;
    -o-animation-duration: 14s;
    animation-duration: 14s;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -ms-animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-timing-function: linear;
    -ms-animation-timing-function: linear;
    -o-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    -ms-animation-fill-mode: forwards;
    -o-animation-fill-mode: forwards;
    animation-fill-mode: forwards; }

#rates-location-line-center {
  margin-left: -3px;
  z-index: 100; }
  #rates-location-line-center .path {
    stroke-dasharray: 5px;
    stroke-dashoffset: 0;
    -webkit-animation: dash 14s linear forwards infinite;
    -moz-animation: dash 14s linear forwards infinite;
    -ms-animation: dash 14s linear forwards infinite;
    -o-animation: dash 14s linear forwards infinite;
    animation: dash 14s linear forwards infinite;
    -webkit-animation-name: dash;
    -moz-animation-name: dash;
    -ms-animation-name: dash;
    -o-animation-name: dash;
    animation-name: dash;
    -webkit-animation-duration: 14s;
    -moz-animation-duration: 14s;
    -ms-animation-duration: 14s;
    -o-animation-duration: 14s;
    animation-duration: 14s;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -ms-animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-timing-function: linear;
    -ms-animation-timing-function: linear;
    -o-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    -ms-animation-fill-mode: forwards;
    -o-animation-fill-mode: forwards;
    animation-fill-mode: forwards; }

.prive.prive-ppal {
  height: 475px;
  background: url(images/prive-ppal-bg.jpg) center center no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -ms-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  margin-bottom: -115px; }
.prive.prive-anywhere {
    height: 715px;
}
  .prive.prive-ppal .container, .prive.prive-ppal .small-container, .prive.prive-ppal .sub-container, .prive.prive-ppal h1.dashed-subtitle, .prive.prive-ppal h2.dashed-subtitle, .prive.prive-ppal h3.dashed-subtitle, .prive.prive-ppal h4.dashed-subtitle, .prive.prive-ppal h5.dashed-subtitle, .prive.prive-ppal h6.dashed-subtitle, .prive.prive-ppal .roadmap .special-container, .roadmap .prive.prive-ppal .special-container {
    height: 360px; }
.prive.icon-title {
  background: url(images/prive-icon-title.png) center top no-repeat;
  -webkit-background-size: auto 100%;
  -moz-background-size: auto 100%;
  -ms-background-size: auto 100%;
  -o-background-size: auto 100%;
  background-size: auto 100%; }
.prive.proof .icon-small {
  background: url(images/prive-icon-proof.png) center center no-repeat;
  -webkit-background-size: 100% 100%;
  -moz-background-size: 100% 100%;
  -ms-background-size: 100% 100%;
  -o-background-size: 100% 100%;
  background-size: 100% 100%; }

.prive.bariprive .icon-small {
  background: url(images/prive-color-icon-bari.png) center center no-repeat;
  -webkit-background-size: 100% 100%;
  -moz-background-size: 100% 100%;
  -ms-background-size: 100% 100%;
  -o-background-size: 100% 100%;
  background-size: 100% 100%; 
}
.prive.barihome .icon-small {
  background: url(images/prive-color-icon-home.png) center center no-repeat;
  -webkit-background-size: 100% 100%;
  -moz-background-size: 100% 100%;
  -ms-background-size: 100% 100%;
  -o-background-size: 100% 100%;
  background-size: 100% 100%; 
}
.prive.skype .icon-small {
  background: url(images/prive-color-icon-skype.png) center center no-repeat;
  -webkit-background-size: 100% 100%;
  -moz-background-size: 100% 100%;
  -ms-background-size: 100% 100%;
  -o-background-size: 100% 100%;
  background-size: 100% 100%; 
}
.prive.outdoor .icon-small {
  background: url(images/prive-color-icon-outdoor.png) center center no-repeat;
  -webkit-background-size: 100% 100%;
  -moz-background-size: 100% 100%;
  -ms-background-size: 100% 100%;
  -o-background-size: 100% 100%;
  background-size: 100% 100%; 
}



.prive.transform-body .icon-small.heart {
  background: url(images/icons/heart-mini-yellow-black.gif) center center no-repeat black;
  -webkit-background-size: 50px 48px;
  -moz-background-size: 50px 48px;
  -ms-background-size: 50px 48px;
  -o-background-size: 50px 48px;
  background-size: 50px 48px; }
.prive.transform-body .icon-small.trampoline {
  background: url(images/icons/trampoline-mini-yellow-black.gif) center center no-repeat black;
  -webkit-background-size: 50px 38px;
  -moz-background-size: 50px 38px;
  -ms-background-size: 50px 38px;
  -o-background-size: 50px 38px;
  background-size: 50px 38px; }
.prive.transform-body .icon-small.muscles {
  background: url(images/icons/muscles-mini-yellow-black.gif) center center no-repeat black;
  -webkit-background-size: auto 42px;
  -moz-background-size: auto 42px;
  -ms-background-size: auto 42px;
  -o-background-size: auto 42px;
  background-size: auto 42px; }

.custom-content-box {
  position: relative;
  border: 1px solid #b7b7b7;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
  padding: 1.4em;
  text-align: right;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  overflow: visible;
  font-family: 'Lato Light',regular; }
  .custom-content-box p {
    font-style: italic; }
  .custom-content-box a.read {
    display: block;
    position: absolute;
    text-align: center;
    width: 220px;
    height: 20px;
    line-height: 20px;
    right: 30px;
    bottom: -8px;
    z-index: 100;
    background: url(images/prive-symbol-triangle.png) white left 8px no-repeat;
    -webkit-background-size: auto 8px;
    -moz-background-size: auto 8px;
    -ms-background-size: auto 8px;
    -o-background-size: auto 8px;
    background-size: auto 8px; }
  .custom-content-box + .custom-content-box {
    margin-top: 3em; }

h2.special {
  text-align: left;
  min-height: 52px; }
  h2.special .wrap {
    padding-left: 2.75em;
    padding-right: 0.5em;
    font-size: 0.9em;
    display: inline-block;
    min-height: 52px;
    line-height: 52px;
    background: url(images/title-bg-special.png) left top no-repeat;
    -webkit-background-size: auto 52px;
    -moz-background-size: auto 52px;
    -ms-background-size: auto 52px;
    -o-background-size: auto 52px;
    background-size: auto 52px;
    position: relative; }
    h2.special .wrap .number {
      display: block;
      position: absolute;
      left: 0;
      top: 0;
      width: 52px;
      height: 52px;
      line-height: 52px;
      text-align: center;
      color: #fff;
      font-weight: bold; }
  h2.special .wrap:after {
    content: "";
    display: block;
    position: absolute;
    background: url(images/title-bg-special-right.png) left top no-repeat;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -ms-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background-size: 100% 100%;
    width: 13px;
    height: 30px;
    right: -13px;
    top: 11px; }
  @media screen and (max-width: 568px) {
    h2.special .wrap {
      padding-top: 0.5em;
      padding-bottom: 0.5em;
      line-height: 1.25em;
      background: none; }
      h2.special .wrap .number {
        background: url(images/title-bg-special-small.png) left top no-repeat;
        -webkit-background-size: 100% 100%;
        -moz-background-size: 100% 100%;
        -ms-background-size: 100% 100%;
        -o-background-size: 100% 100%;
        background-size: 100% 100%; }
      h2.special .wrap:after {
        display: none; } }

p.special {
  padding-left: 3.5em; }

.locations.locations-ppal {
  height: 380px;
  background: url(images/locations-ppal-bg.jpg) center top no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -ms-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  padding-bottom: 115px;
  margin-bottom: -115px; }
  .locations.locations-ppal .container, .locations.locations-ppal .small-container, .locations.locations-ppal .sub-container, .locations.locations-ppal h1.dashed-subtitle, .locations.locations-ppal h2.dashed-subtitle, .locations.locations-ppal h3.dashed-subtitle, .locations.locations-ppal h4.dashed-subtitle, .locations.locations-ppal h5.dashed-subtitle, .locations.locations-ppal h6.dashed-subtitle, .locations.locations-ppal .roadmap .special-container, .roadmap .locations.locations-ppal .special-container {
    height: inherit; }
  @media screen and (max-width: 1024px) {
    .locations.locations-ppal {
      height: 280px; } }
.locations.cover-head {
  padding-bottom: 50px; }
.locations.icon-title {
  background: url(images/locations-title-icon.png) center top no-repeat;
  -webkit-background-size: auto 100%;
  -moz-background-size: auto 100%;
  -ms-background-size: auto 100%;
  -o-background-size: auto 100%;
  background-size: auto 100%; }

.icon-small.location {
  background: url(images/icon-location-small.png) center center no-repeat #CEDF00;
  -webkit-background-size: 30px 45px;
  -moz-background-size: 30px 45px;
  -ms-background-size: 30px 45px;
  -o-background-size: 30px 45px;
  background-size: 30px 45px; }

.icon-small.phone {
  background: url(images/icon-phone-small.png) center center no-repeat #CEDF00;
  -webkit-background-size: 22px 39px;
  -moz-background-size: 22px 39px;
  -ms-background-size: 22px 39px;
  -o-background-size: 22px 39px;
  background-size: 22px 39px; }

.icon-small.email {
  background: url(images/icon-email-small.png) center center no-repeat #CEDF00;
  -webkit-background-size: 40px 40px;
  -moz-background-size: 40px 40px;
  -ms-background-size: 40px 40px;
  -o-background-size: 40px 40px;
  background-size: 40px 40px; }

.icon-small.suitcase {
  background: url(images/icon-small-suitcase.png) center center no-repeat transparent;
  -webkit-background-size: 100% 100%;
  -moz-background-size: 100% 100%;
  -ms-background-size: 100% 100%;
  -o-background-size: 100% 100%;
  background-size: 100% 100%; }

.jobs.jobs-ppal {
  height: 380px;
  background: url(images/locations-ppal-bg.jpg) center top no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -ms-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  padding-bottom: 115px;
  margin-bottom: -115px; }
  .jobs.jobs-ppal .container, .jobs.jobs-ppal .small-container, .jobs.jobs-ppal .sub-container, .jobs.jobs-ppal h1.dashed-subtitle, .jobs.jobs-ppal h2.dashed-subtitle, .jobs.jobs-ppal h3.dashed-subtitle, .jobs.jobs-ppal h4.dashed-subtitle, .jobs.jobs-ppal h5.dashed-subtitle, .jobs.jobs-ppal h6.dashed-subtitle, .jobs.jobs-ppal .roadmap .special-container, .roadmap .jobs.jobs-ppal .special-container {
    height: inherit; }
  @media screen and (max-width: 1024px) {
    .jobs.jobs-ppal {
      height: 280px; } }
.jobs.cover-head {
  padding-bottom: 50px; }
.jobs.icon-title {
  background: url(images/locations-title-icon.png) center top no-repeat;
  -webkit-background-size: auto 100%;
  -moz-background-size: auto 100%;
  -ms-background-size: auto 100%;
  -o-background-size: auto 100%;
  background-size: auto 100%; }
.jobs .container.request-location, .jobs .request-location.small-container, .jobs .request-location.sub-container, .jobs h1.request-location.dashed-subtitle, .jobs h2.request-location.dashed-subtitle, .jobs h3.request-location.dashed-subtitle, .jobs h4.request-location.dashed-subtitle, .jobs h5.request-location.dashed-subtitle, .jobs h6.request-location.dashed-subtitle, .jobs .roadmap .request-location.special-container, .roadmap .jobs .request-location.special-container {
  display: block;
  position: relative;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto; }

.baripeel.ppal {
  height: 440px;
  background: url(images/baripeel-ppal-bg.jpg) center top no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -ms-background-size: cover;
  -o-background-size: cover;
  background-size: cover; }
  .baripeel.ppal .container, .baripeel.ppal .small-container, .baripeel.ppal .sub-container, .baripeel.ppal h1.dashed-subtitle, .baripeel.ppal h2.dashed-subtitle, .baripeel.ppal h3.dashed-subtitle, .baripeel.ppal h4.dashed-subtitle, .baripeel.ppal h5.dashed-subtitle, .baripeel.ppal h6.dashed-subtitle, .baripeel.ppal .roadmap .special-container, .roadmap .baripeel.ppal .special-container {
    height: inherit; }
.baripeel.title {
  padding: 1.5em 0;
  color: #000;
  cursor: pointer; }
  .baripeel.title h1 {
    margin: 0;
    text-align: center; }
  .baripeel.title .triangle {
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -10px;
    background: url(images/icon-triangle-down.png) center center no-repeat;
    width: 24px;
    height: 20px;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -ms-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background-size: 100% 100%;
    opacity: 0; }
  .no-touch .baripeel.title:hover, .baripeel.title.on {
    padding: 3em 0; }
    .no-touch .baripeel.title:hover .triangle, .baripeel.title.on .triangle {
      margin-top: 20px;
      opacity: 1; }
.baripeel.content {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  height: auto; }
  .baripeel.content .highlight {
    display: block;
    position: relative;
    margin: 1em auto;
    width: 72px;
    height: 80px;
    line-height: 80px;
    color: #fff;
    font-size: 1.25em;
    background: url(images/class-gp-highlight-bg.png) center center no-repeat;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -ms-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background-size: 100% 100%; }
  .baripeel.content h1, .baripeel.content h2, .baripeel.content h3 {
    color: #fff; }
.baripeel.title .icon-small {
  background: #000; }
.baripeel .icon-mini {
  width: 60px;
  height: 60px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  -o-border-radius: 30px;
  border-radius: 30px;
  background-position: center center;
  background-repeat: no-repeat;
  /*margin: 0;
  float: left;*/ }
  .baripeel .icon-mini.mind {
    background-image: url(images/icons/mind-small-white.png);
    -webkit-background-size: auto 30px;
    -moz-background-size: auto 30px;
    -ms-background-size: auto 30px;
    -o-background-size: auto 30px;
    background-size: auto 30px; }
  .baripeel .icon-mini.muscles {
    background-image: url(images/icons/muscles-small-white.png);
    -webkit-background-size: auto 22px;
    -moz-background-size: auto 22px;
    -ms-background-size: auto 22px;
    -o-background-size: auto 22px;
    background-size: auto 22px; }
  .baripeel .icon-mini.food {
    background-image: url(images/icons/food-small-white.png);
    -webkit-background-size: auto 30px;
    -moz-background-size: auto 30px;
    -ms-background-size: auto 30px;
    -o-background-size: auto 30px;
    background-size: auto 30px; }
  .baripeel .icon-mini.date {
    background-image: url(images/icons/calendar-small-white.png);
    -webkit-background-size: auto 32px;
    -moz-background-size: auto 32px;
    -ms-background-size: auto 32px;
    -o-background-size: auto 32px;
    background-size: auto 32px; }
  @media screen and (max-width: 768px) {
    .baripeel .icon-mini {
      margin: 0 auto;
      float: none;
      clear: both; } }
.baripeel.title.peel-1 {
  background-color: #00afab; }
  .baripeel.title.peel-1 .icon-small {
    padding-top: 0.9em;
    line-height: 1.2em;
    font-size: 1.5em;
    font-weight: bold;
    color: #00afab; }
.baripeel.peel-1-group .icon-mini {
  background-color: #00afab; }
.baripeel.title.peel-2 {
  background-color: #CEDF00 }
  .baripeel.title.peel-2 .icon-small {
    padding-top: 0.9em;
    line-height: 1.2em;
    font-size: 1.5em;
    font-weight: bold;
    color: #CEDF00 }
.baripeel.peel-2-group .icon-mini {
  background-color: #CEDF00 }
.baripeel.title.peel-3 {
  background-color: #5e53c7 }
  .baripeel.title.peel-3 .icon-small {
    padding-top: 0.9em;
    line-height: 1.2em;
    font-size: 1.5em;
    font-weight: bold;
    color: #5e53c7 }
.baripeel.peel-3-group .icon-mini {
  background-color: #5e53c7 }
.baripeel.title.peel-4 {
  background-color: #95288f }
  .baripeel.title.peel-4 .icon-small {
    padding-top: 0.9em;
    line-height: 1.2em;
    font-size: 1.5em;
    font-weight: bold;
    color: #95288f }
.baripeel.peel-4-group .icon-mini {
  background-color: #95288f }
.baripeel.title.peel-5 {
  background-color: #d3005f }
  .baripeel.title.peel-5 .icon-small {
    padding-top: 0.9em;
    line-height: 1.2em;
    font-size: 1.5em;
    font-weight: bold;
    color: #d3005f }
.baripeel.peel-5-group .icon-mini {
  background-color: #d3005f }
.baripeel.title.peel-6 {
  background-color: #ffce00 }
  .baripeel.title.peel-6 .icon-small {
    padding-top: 0.9em;
    line-height: 1.2em;
    font-size: 1.5em;
    font-weight: bold;
    color: #ffce00 }
.baripeel.peel-6-group .icon-mini {
  background-color: #ffce00 }
.baripeel.title.peel-7 {
  background-color: #00afab }
  .baripeel.title.peel-7 .icon-small {
    padding-top: 0.9em;
    line-height: 1.2em;
    font-size: 1.5em;
    font-weight: bold;
    color: #00afab }
.baripeel.peel-7-group .icon-mini {
  background-color: #00afab }
.baripeel.more.hide {
  height: 0 !important; }
.baripeel.more .stunning {
  text-align: left; }
.baripeel.more .feature + .feature {
  margin-top: 1em;
  padding-top: 1em;
  border-top: 1px dashed #717171; }
.baripeel.more .logo {
  min-width: 220px;
  float: left;
  position: relative;
  margin: 0 2em 1em 0; }
/*.baripeel.more p {
  margin-bottom: 1em;
  margin-left: 80px; }*/
.baripeel.more p + p {
  padding-top: 0; }
@media screen and (max-width: 770px) {
  .baripeel.more .logo {
    float: none;
    clear: both;
    margin-right: 0; }
  .baripeel.more p {
    margin-left: 0; } }
@media screen and (max-width: 568px) {
  .baripeel.more .stunning {
    text-align: center; } }
.baripeel.peel-networks .icon-small {
  background: #CEDF00;
  background-repeat: no-repeat;
  background-position: center center; }
  .baripeel.peel-networks .icon-small.facebook {
    background-image: url(images/icons/facebook-big-black.png);
    -webkit-background-size: auto 49px;
    -moz-background-size: auto 49px;
    -ms-background-size: auto 49px;
    -o-background-size: auto 49px;
    background-size: auto 49px; }
  .baripeel.peel-networks .icon-small.twitter {
    background-image: url(images/icons/twitter-big-black.png);
    -webkit-background-size: auto 41px;
    -moz-background-size: auto 41px;
    -ms-background-size: auto 41px;
    -o-background-size: auto 41px;
    background-size: auto 41px; }
  .baripeel.peel-networks .icon-small.instagram {
    background-image: url(images/icons/instagram-big-black.png);
    -webkit-background-size: auto 44px;
    -moz-background-size: auto 44px;
    -ms-background-size: auto 44px;
    -o-background-size: auto 44px;
    background-size: auto 44px; }

.peel-elements ul li.mind .icon-circular, .peel-elements ul li.mind .icon-small, .peel-elements ul li.mind .icon-mini {
  background: url(images/icons/mind-big-yellow.png) center 42px black no-repeat;
  -webkit-background-size: auto 50px;
  -moz-background-size: auto 50px;
  -ms-background-size: auto 50px;
  -o-background-size: auto 50px;
  background-size: auto 50px; }
.peel-elements ul li.food .icon-circular, .peel-elements ul li.food .icon-small, .peel-elements ul li.food .icon-mini {
  background: url(images/icons/food-big-yellow.png) center 45px black no-repeat;
  -webkit-background-size: auto 46px;
  -moz-background-size: auto 46px;
  -ms-background-size: auto 46px;
  -o-background-size: auto 46px;
  background-size: auto 46px; }
.peel-elements ul li.muscles .icon-circular, .peel-elements ul li.muscles .icon-small, .peel-elements ul li.muscles .icon-mini {
  background: url(images/icons/muscles-big-yellow.png) center 46px black no-repeat;
  -webkit-background-size: auto 50px;
  -moz-background-size: auto 50px;
  -ms-background-size: auto 50px;
  -o-background-size: auto 50px;
  background-size: auto 50px; }

.roadmap .special-container {
  max-width: 700px; }
.roadmap .common-title {
  left: auto;
  bottom: auto;
  position: relative; }
.roadmap .step {
  position: relative; }
  .roadmap .step .lines, .roadmap .step > img {
    display: block;
    position: absolute;
    pointer-events: none; }
    .roadmap .step .lines .path, .roadmap .step > img .path {
      stroke-dasharray: 5px;
      stroke-dashoffset: 0;
      -webkit-animation: dash 14s linear forwards infinite;
      -moz-animation: dash 14s linear forwards infinite;
      -ms-animation: dash 14s linear forwards infinite;
      -o-animation: dash 14s linear forwards infinite;
      animation: dash 14s linear forwards infinite;
      -webkit-animation-name: dash;
      -moz-animation-name: dash;
      -ms-animation-name: dash;
      -o-animation-name: dash;
      animation-name: dash;
      -webkit-animation-duration: 14s;
      -moz-animation-duration: 14s;
      -ms-animation-duration: 14s;
      -o-animation-duration: 14s;
      animation-duration: 14s;
      -webkit-animation-iteration-count: infinite;
      -moz-animation-iteration-count: infinite;
      -ms-animation-iteration-count: infinite;
      -o-animation-iteration-count: infinite;
      animation-iteration-count: infinite;
      -webkit-animation-timing-function: linear;
      -moz-animation-timing-function: linear;
      -ms-animation-timing-function: linear;
      -o-animation-timing-function: linear;
      animation-timing-function: linear;
      -webkit-animation-fill-mode: forwards;
      -moz-animation-fill-mode: forwards;
      -ms-animation-fill-mode: forwards;
      -o-animation-fill-mode: forwards;
      animation-fill-mode: forwards; }
  .roadmap .step .item {
    cursor: pointer;
    position: relative; }
    .roadmap .step .item .title {
      position: relative;
      height: 100px; }
      .roadmap .step .item .title h2 {
        position: absolute;
        left: 54px;
        bottom: 48px;
        margin: 0;
        width: auto;
        line-height: 1em; }
      .roadmap .step .item .title .number {
        font-family: 'Lato Black','Lato',sans-serif;
        font-size: 5.4em;
        line-height: 80px;
        height: 80px; }
    .roadmap .step .item .description {
      position: relative;
      float: none;
      clear: both;
      font-style: italic;
      color: #717171;
      font-size: 1.3em;
      margin: -42px 0 0 80px; }
  .roadmap .step .sub-title {
    font-weight: bold; }
.roadmap .step-1 .item {
  left: 100px; }
.roadmap .step-1 .lines, .roadmap .step-1 img {
  left: 60px;
  top: 50px; }
.roadmap .step-2 .item {
  left: 420px; }
.roadmap .step-2 .lines, .roadmap .step-2 img {
  left: 300px;
  top: 90px; }
.roadmap .step-3 .item {
  left: 50px; }
.roadmap .step-3 .lines, .roadmap .step-3 img {
  left: 80px;
  top: 82px; }
.roadmap .step-4 .item {
  left: 370px; }
.roadmap .step-4 .lines, .roadmap .step-4 img {
  left: 300px;
  top: 90px; }
.roadmap .step-5 {
  margin-top: 90px !important; }
  .roadmap .step-5 .item {
    left: 20px; }
  .roadmap .step-5 .lines, .roadmap .step-5 img {
    left: 60px;
    top: 90px; }
.roadmap .step-6 {
  margin-top: 40px !important; }
  .roadmap .step-6 .item {
    left: 420px; }
  .roadmap .step-6 .lines, .roadmap .step-6 img {
    left: 320px;
    top: 90px; }
.roadmap .step-7 {
  margin-top: 100px !important; }
  .roadmap .step-7 .item {
    left: 200px; }
.roadmap .step + .step {
  margin-top: 2em; }
.roadmap .step-1 a.close, .roadmap.step-1 a.close {
  background-color: #CEDF00; }
.roadmap .step-1 h1, .roadmap .step-1 h2, .roadmap .step-1 .highlight, .roadmap .step-1 a, .roadmap .step-1 .sub-title, .roadmap.step-1 h1, .roadmap.step-1 h2, .roadmap.step-1 .highlight, .roadmap.step-1 a, .roadmap.step-1 .sub-title {
  color: #CEDF00; }
.roadmap .step-1 .underline, .roadmap.step-1 .underline {
  border-bottom-color: #CEDF00; }
.roadmap.step-1 .explain {
  border: 1px solid #CEDF00; }
.roadmap .step-2 a.close, .roadmap.step-2 a.close {
  background-color: #ffce00; }
.roadmap .step-2 h1, .roadmap .step-2 h2, .roadmap .step-2 .highlight, .roadmap .step-2 a, .roadmap .step-2 .sub-title, .roadmap.step-2 h1, .roadmap.step-2 h2, .roadmap.step-2 .highlight, .roadmap.step-2 a, .roadmap.step-2 .sub-title {
  color: #ffce00; }
.roadmap .step-2 .underline, .roadmap.step-2 .underline {
  border-bottom-color: #ffce00; }
.roadmap.step-2 .explain {
  border: 1px solid #ffce00; }
.roadmap .step-3 a.close, .roadmap.step-3 a.close {
  background-color: #f44d80; }
.roadmap .step-3 h1, .roadmap .step-3 h2, .roadmap .step-3 .highlight, .roadmap .step-3 a, .roadmap .step-3 .sub-title, .roadmap.step-3 h1, .roadmap.step-3 h2, .roadmap.step-3 .highlight, .roadmap.step-3 a, .roadmap.step-3 .sub-title {
  color: #f44d80; }
.roadmap .step-3 .underline, .roadmap.step-3 .underline {
  border-bottom-color: #f44d80; }
.roadmap.step-3 .explain {
  border: 1px solid #f44d80; }
.roadmap .step-4 a.close, .roadmap.step-4 a.close {
  background-color: #d3005f; }
.roadmap .step-4 h1, .roadmap .step-4 h2, .roadmap .step-4 .highlight, .roadmap .step-4 a, .roadmap .step-4 .sub-title, .roadmap.step-4 h1, .roadmap.step-4 h2, .roadmap.step-4 .highlight, .roadmap.step-4 a, .roadmap.step-4 .sub-title {
  color: #d3005f; }
.roadmap .step-4 .underline, .roadmap.step-4 .underline {
  border-bottom-color: #d3005f; }
.roadmap.step-4 .explain {
  border: 1px solid #d3005f; }
.roadmap .step-5 a.close, .roadmap.step-5 a.close {
  background-color: #95288f; }
.roadmap .step-5 h1, .roadmap .step-5 h2, .roadmap .step-5 .highlight, .roadmap .step-5 a, .roadmap .step-5 .sub-title, .roadmap.step-5 h1, .roadmap.step-5 h2, .roadmap.step-5 .highlight, .roadmap.step-5 a, .roadmap.step-5 .sub-title {
  color: #95288f; }
.roadmap .step-5 .underline, .roadmap.step-5 .underline {
  border-bottom-color: #95288f; }
.roadmap.step-5 .explain {
  border: 1px solid #95288f; }
.roadmap .step-6 a.close, .roadmap.step-6 a.close {
  background-color: #5e53c7; }
.roadmap .step-6 h1, .roadmap .step-6 h2, .roadmap .step-6 .highlight, .roadmap .step-6 a, .roadmap .step-6 .sub-title, .roadmap.step-6 h1, .roadmap.step-6 h2, .roadmap.step-6 .highlight, .roadmap.step-6 a, .roadmap.step-6 .sub-title {
  color: #5e53c7; }
.roadmap .step-6 .underline, .roadmap.step-6 .underline {
  border-bottom-color: #5e53c7; }
.roadmap.step-6 .explain {
  border: 1px solid #5e53c7; }
.roadmap .step-7 a.close, .roadmap.step-7 a.close {
  background-color: #00afab; }
.roadmap .step-7 h1, .roadmap .step-7 h2, .roadmap .step-7 .highlight, .roadmap .step-7 a, .roadmap .step-7 .sub-title, .roadmap.step-7 h1, .roadmap.step-7 h2, .roadmap.step-7 .highlight, .roadmap.step-7 a, .roadmap.step-7 .sub-title {
  color: #00afab; }
.roadmap .step-7 .underline, .roadmap.step-7 .underline {
  border-bottom-color: #00afab; }
.roadmap.step-7 .explain {
  border: 1px solid #00afab; }
@media screen and (max-width: 768px) {
  .roadmap .step .item {
    left: 0 !important; }
  .roadmap .step .lines {
    display: none !important; } }
.roadmap.overlay .explain {
  background-color: #000;
  margin-top: 150px;
  margin-bottom: 150px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
  padding: 2em; }
  @media screen and (max-width: 568px) {
    .roadmap.overlay .explain {
      border: none !important; } }
  .roadmap.overlay .explain a.close {
    position: absolute;
    right: -15px;
    top: -15px; }
    @media screen and (max-width: 568px) {
      .roadmap.overlay .explain a.close {
        right: 1em !important;
        top: 1em !important; } }
  @media screen and (max-width: 568px) {
    .roadmap.overlay .explain {
      margin-top: 0;
      margin-bottom: 0; } }

@media screen and (min-width: 1024px) {
  .desktop-show {
    display: block !important; }

  .desktop-hide {
    display: none !important; } }
@media screen and (max-width: 1112px) {
  .desktop-medium-show {
    display: block !important; }

  .desktop-medium-hide {
    display: none !important; } }
@media screen and (min-width: 568px) and (max-width: 1024px) {
  .tablet-show {
    display: block !important; }

  .tablet-hide {
    display: none !important; } }
@media screen and (min-width: 568px) and (max-width: 768px) {
  .tablet-portrait-show {
    display: block !important; }

  .tablet-portrait-hide {
    display: none !important; } }
@media screen and (max-width: 568px) {
  .mobile-show {
    display: block !important; }

  .mobile-hide {
    display: none !important; }

  .btn-link {
    text-align: center;
    display: block; }
    .btn-link.no-fluid {
      display: inline-block !important;
      width: auto !important; }

  .btn-link + .btn-link, .btn-outline + .btn-outline {
    margin: 0.5em 0 0 0; }
    .btn-link + .btn-link.inline, .btn-outline + .btn-outline.inline {
      margin: 1em 0; } }
ul.three-columns > li {
  display: block;
  position: relative;
  float: left;
  width: 320px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box; }
 
ul.three-columns.rates > li {
  width: 228px;
}

ul.three-columns > li + li {
  margin-left: 32px; }

ul.nice-list {
  padding-left: 1.5em; 
  height: 360px;}

ul.nice-list.compact {
    height: auto !important;
}

  ul.nice-list li {
    list-style: disc; }
  ul.nice-list > li + li {
    margin-top: 1em; }

@media (max-width: 1112px) {
	ul.nice-list {
		height: auto !important;
	}
}
	
.icon-circular, .icon-small, .icon-mini {
  display: block;
  position: relative;
  margin: 0 auto;
  width: 200px;
  height: 200px;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  -ms-border-radius: 100px;
  -o-border-radius: 100px;
  border-radius: 100px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  padding-top: 120px;
  background-color: #fff;
  text-align: center;
  color: #CEDF00;
  font-size: 1.2em;
  margin-bottom: 1em; }

.icon-small {
  padding-top: 0;
  width: 100px;
  height: 100px;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  -ms-border-radius: 50px;
  -o-border-radius: 50px;
  border-radius: 50px; }

.icon-mini {
  padding-top: 0;
  width: 60px;
  height: 60px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  -o-border-radius: 30px;
  border-radius: 30px; }

.icon-set {
  margin-left: -0.5em;
  display: inline-block; }
  .icon-set .icon-circular, .icon-set .icon-small, .icon-set .icon-mini, .icon-set .icon-small, .icon-set .icon-mini {
    margin: 0;
    display: inline-block; }
  .icon-set .icon-circular + .icon-circular, .icon-set .icon-small + .icon-circular, .icon-set .icon-mini + .icon-circular, .icon-set .icon-circular + .icon-small, .icon-set .icon-small + .icon-small, .icon-set .icon-mini + .icon-small, .icon-set .icon-circular + .icon-mini, .icon-set .icon-small + .icon-mini, .icon-set .icon-mini + .icon-mini, .icon-set .icon-small + .icon-small, .icon-set .icon-mini + .icon-mini {
    margin: 0 0 0 1em; }
  @media screen and (max-width: 568px) {
    .icon-set {
      margin-left: 0;
      width: 100%;
      text-align: center; }
      .icon-set .icon-circular, .icon-set .icon-small, .icon-set .icon-mini, .icon-set .icon-small, .icon-set .icon-mini {
        margin: 0 auto;
        display: block;
        position: relative; }
      .icon-set .icon-circular + .icon-circular, .icon-set .icon-small + .icon-circular, .icon-set .icon-mini + .icon-circular, .icon-set .icon-circular + .icon-small, .icon-set .icon-small + .icon-small, .icon-set .icon-mini + .icon-small, .icon-set .icon-circular + .icon-mini, .icon-set .icon-small + .icon-mini, .icon-set .icon-mini + .icon-mini, .icon-set .icon-small + .icon-small, .icon-set .icon-mini + .icon-mini {
        margin: 1em auto 0 auto; } }

span.full-border {
  display: block;
  position: relative;
  border: 1px solid #000;
  padding: 0.5em;
  margin: 1em 0;
  text-align: center;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px; }

ul.three-columns.box-with-shadows {
  top: -2.5em; }
  ul.three-columns.box-with-shadows > li {
    background: url(images/head-triangle.png) top center no-repeat #f8f8f9;
    background: url(images/head-triangle.svg) top center no-repeat #f8f8f9, none;
    -webkit-background-size: 100% 55px;
    -moz-background-size: 100% 55px;
    -ms-background-size: 100% 55px;
    -o-background-size: 100% 55px;
    background-size: 100% 55px;
    padding: 0 2em 2em 2em; }
    ul.three-columns.box-with-shadows > li h3, ul.three-columns.box-with-shadows > li h2, ul.three-columns.box-with-shadows > li h1 {
      text-align: center;
      display: block;
      margin: 0;
      height: 55px;
      line-height: 55px;
      color: #fff;
      margin-bottom: 1em; }
    ul.three-columns.box-with-shadows > li p.btn-container {
      display: block;
      position: absolute;
      left: 0;
      width: 100%;
      bottom: 2em; }
    ul.three-columns.box-with-shadows > li span.shadow {
      display: block;
      position: absolute;
      background: url(images/three-columns-bottom-shadow.png) center top no-repeat;
      height: 12px;
      width: 100%;
      left: 0;
      bottom: -12px;
      -webkit-background-size: 100% 12px;
      -moz-background-size: 100% 12px;
      -ms-background-size: 100% 12px;
      -o-background-size: 100% 12px;
      background-size: 100% 12px; }
  @media screen and (max-width: 568px) {
    ul.three-columns.box-with-shadows > li {
      height: auto !important; }
      ul.three-columns.box-with-shadows > li p.btn-container {
        display: inline-block;
        position: relative;
        left: auto;
		top: 20px;
        width: 100%;
        bottom: auto; } }

*.text-align-left {
  text-align: left !important; }

.text-align-right {
  text-align: right !important; }

.text-align-center {
  text-align: center !important; }

.text-align-justify {
  text-align: justify !important; }

.text-yellow, .common-title .bari-medium,
.common-title .bari,
.common-title .bari-medium-bold {
  color: #CEDF00 !important; }

.text-fucsia {
  color: #93368d !important; }

.text-blue {
  color: #00afab !important; }

.text-white {
  color: white !important; }

.text-black {
  color: black !important; }

.text-gray {
  color: #717171 !important; }

.text-gray-light {
  color: #e6e7e8 !important; }

.text-gray-medium {
  color: #b7b7b7 !important; }

.bg-yellow {
  background-color: #CEDF00 !important; }

.bg-bone{
  background-color: #F4FF99 !important; }

.bg-fucsia {
  background-color: #93368d !important; }

.bg-gray {
    background-color: #F2F2F2 !important;
}

.bg-dark-blue {
    background-color: #5e53c7 !important;
}

.bg-dark-gray {
    background-color: #777 !important;
}

.bg-dark-yellow {
    background-color: #ffce00 !important;
}

.bg-purple {
    background-color: #95288f !important;
}

.bg-blue {
  background-color: #00afab !important; }

.bg-white {
  background-color: white !important; }

.bg-black {
  background-color: black !important; }

.brand {
  font-family: 'Futura Std Light',sans-serif; }

select {
  display: inline-block;
  border: 1px solid #e6e7e8;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  height: 34px;
  line-height: 34px;
  background: transparent;
  font-size: 0.8em;
  padding: 0.5em 0.5em 0.5em 1em;
  outline: none !important; }
  select::-webkit-input-placeholder {
    color: #717171; }
  select:-moz-placeholder {
    color: #717171; }
  select::-moz-placeholder {
    color: #717171; }
  select:-ms-input-placeholder {
    color: #717171; }
  select:focus {
    border: 1px solid #CEDF00; }
  select:focus {
    box-shadow: 0 0 10px rgba(0, 175, 171, 0.7);
    border: 1px solid #00afab; }
  @media screen and (max-width: 568px) {
    select {
      width: 100% !important; } }

.wide-container.icon-title {
  height: 115px; }

.paragraph-merged {
  margin-top: 1em;
  margin-bottom: 1em; }

form.beauty label {
  display: block;
  position: relative;
  padding: 0 0.5em;
  margin: 1em 0 0.5em 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box; }
form.beauty input, form.beauty select {
  display: inline-block;
  border: 1px solid #e6e7e8;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  height: 34px;
  line-height: 34px;
  width: 300px;
  padding: 0 1em;
  background: transparent;
  font-size: 0.8em; }
  form.beauty input::-webkit-input-placeholder, form.beauty select::-webkit-input-placeholder {
    color: #717171; }
  form.beauty input:-moz-placeholder, form.beauty select:-moz-placeholder {
    color: #717171; }
  form.beauty input::-moz-placeholder, form.beauty select::-moz-placeholder {
    color: #717171; }
  form.beauty input:-ms-input-placeholder, form.beauty select:-ms-input-placeholder {
    color: #717171; }
  form.beauty input:focus, form.beauty input.filled, form.beauty select:focus, form.beauty select.filled {
    width: 360px;
    border: 1px solid #CEDF00; }
  form.beauty input:focus, form.beauty select:focus {
    box-shadow: 0 0 10px rgba(0, 175, 171, 0.7);
    border: 1px solid #00afab; }
  @media screen and (max-width: 568px) {
    form.beauty input, form.beauty select {
      width: 100% !important; } }
form.beauty select {
  padding: 0.5em 0.5em 0.5em 1em;
  outline: none !important; }
form.beauty button {
  display: inline-block;
  width: auto;
  height: 38px;
  padding: 0 0.5em;
  margin: 1em 0;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  background: #00afab;
  cursor: pointer; }
  .no-touch form.beauty button:hover {
    background-color: #CEDF00; }

/** teppa **/
.membership-ppal {
  height: 360px;
  background: url(images/membership-ppal-bg.jpg) center top no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -ms-background-size: cover;
  -o-background-size: cover;
  background-size: cover; }

.membership-ppal .container, .membership-ppal .small-container, .membership-ppal .sub-container, .membership-ppal h1.dashed-subtitle, .membership-ppal h2.dashed-subtitle, .membership-ppal h3.dashed-subtitle, .membership-ppal h4.dashed-subtitle, .membership-ppal h5.dashed-subtitle, .membership-ppal h6.dashed-subtitle, .membership-ppal .roadmap .special-container, .roadmap .membership-ppal .special-container, .membership-ppal .small-container, .membership-ppal .sub-container, .membership-ppal h1.dashed-subtitle, .membership-ppal h2.dashed-subtitle, .membership-ppal h3.dashed-subtitle, .membership-ppal h4.dashed-subtitle, .membership-ppal h5.dashed-subtitle, .membership-ppal h6.dashed-subtitle, .membership-ppal h1.dashed-subtitle, .membership-ppal h2.dashed-subtitle, .membership-ppal h3.dashed-subtitle, .membership-ppal h4.dashed-subtitle, .membership-ppal h5.dashed-subtitle, .membership-ppal h6.dashed-subtitle, .membership-ppal .roadmap .special-container, .roadmap .membership-ppal .special-container {
  height: inherit; }

.press-room-ppal {
  height: 360px;
  background: url(images/press-room-ppal-bg.jpg) center top no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -ms-background-size: cover;
  -o-background-size: cover;
  background-size: cover; }

.btn-text {
  font-family: 'Futura Std Light',sans-serif;
  display: inline-block;
  padding: 0.75em 1em;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
  background: #000;
  color: #fff;
  text-decoration: none;
  position: relative; }

.btn-text.big {
  font-size: 1.75em; }

.btn-text.medium {
  font-size: 1.25em; }

.trainers-wanted {
  height: 460px;
  background: url(images/membership-ppal-bg.jpg) center center no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -ms-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  margin-bottom: -60px; }

.about-tribe-top {
  height: 460px;
  background: url(images/about-tribe-top-bg.jpg) center center no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -ms-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  margin-bottom: -60px; }

.about-tribe-bottom {
  height: 460px;
  background: url(images/about-tribe-bottom-bg.jpg) center center no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -ms-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  margin-bottom: -60px; }

.bari-code {
  height: 583px;
  background: url(images/the-bari-code.png) center center no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -ms-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
 }

.icon-black-heart {
  background: url(images/black-heart.png) center center no-repeat; }

.icon-black-trampolin {
  background: url(images/black-trampoline.png) center center no-repeat; }

.icon-black-muscle {
  background: url(images/black-muscles.png) center center no-repeat; }

.icon-black-food {
  background: url(images/food-black.png) center center no-repeat; }

.icon-black-blog {
  background: url(images/icon-black-blog.png) center center no-repeat; }

.icon-black-tv {
  background: url(images/icon-black-tv.png) center center no-repeat; }

.icon-black-gear {
  background: url(images/icon-black-gear.png) center center no-repeat; }

.icon-black-jewelry {
  background: url(images/icon-black-jewelry.png) center center no-repeat; }

.newportbeach-ppal {
  height: 600px;
  background: url(images/newportbeach-ppal-bg.jpg) center center no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -ms-background-size: cover;
  -o-background-size: cover;
  background-size: cover; }

.summit-ppal {
  height: 433px;
  background: url(images/membership-ppal-bg.jpg) center center no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -ms-background-size: cover;
  -o-background-size: cover;
  background-size: cover; }

.newportbeach-ppal .container, .summit-ppal .container, .about-tribe-top .container, .newportbeach-ppal .small-container, .summit-ppal .small-container, .about-tribe-top .small-container, .newportbeach-ppal .sub-container, .summit-ppal .sub-container, .about-tribe-top .sub-container, .newportbeach-ppal h1.dashed-subtitle, .summit-ppal h1.dashed-subtitle, .about-tribe-top h1.dashed-subtitle, .newportbeach-ppal h2.dashed-subtitle, .summit-ppal h2.dashed-subtitle, .newportbeach-ppal h3.dashed-subtitle, .summit-ppal h3.dashed-subtitle, .newportbeach-ppal h4.dashed-subtitle, .summit-ppal h4.dashed-subtitle, .newportbeach-ppal h5.dashed-subtitle, .summit-ppal h5.dashed-subtitle, .newportbeach-ppal h6.dashed-subtitle, .summit-ppal h6.dashed-subtitle, .newportbeach-ppal .roadmap .special-container, .roadmap .newportbeach-ppal .special-container, .summit-ppal .roadmap .special-container, .roadmap .summit-ppal .special-container {
  height: 360px; }

.choza-azul-negro {
  background: url(images/choza-azul-negro.png) center top no-repeat;
  -webkit-background-size: auto 100%;
  -moz-background-size: auto 100%;
  -ms-background-size: auto 100%;
  -o-background-size: auto 100%;
  background-size: auto 100%; }

.choza-azul {
  background: url(images/choza-azul.png) center top no-repeat;
  -webkit-background-size: auto 100%;
  -moz-background-size: auto 100%;
  -ms-background-size: auto 100%;
  -o-background-size: auto 100%;
  background-size: auto 100%; }

.meet-us{
  background: url(images/meet-us-icon-title.png) center top no-repeat;
  -webkit-background-size: auto 100%;
  -moz-background-size: auto 100%;
  -ms-background-size: auto 100%;
  -o-background-size: auto 100%;
  background-size: auto 100%; }

.white-label-text {
  padding-left: 1em;
  font-size: 1.2em;
  display: inline-block;
  min-height: 29px;
  line-height: 29px;
  background: url(images/white-label-text.png) left top no-repeat;
  -webkit-background-size: auto 29px;
  -moz-background-size: auto 29px;
  -ms-background-size: auto 29px;
  -o-background-size: auto 29px;
  background-size: auto 29px;
  position: relative;
  width: 305px; }

#contenedorcircular 
{
	width:180px;
	height:180px;
	border-radius:100px;
	background-color:#F4FF99;
	border:2px solid #00AFAB;
	float:left; 
	margin: 35px;
}
#tribeimage
{
	width: 160px;
	position:relative;
	height: 160px;
	border-radius: 100px;
	border: 7px solid #FFF;
	margin: 3px;
	filter: url(filters.svg); /* Firefox 3.5+ */
    	filter: gray; /* IE6-9 */
	-webkit-filter: grayscale(1); /* Google Chrome, Safari 6+ & Opera 15+ */
}
#tribeimage:hover 
{
	filter: none;
	-webkit-filter: grayscale(0);
}
#contenedorcircular2 
{
	width:180px;
	height:180px;
	border-radius:100px;
	background-color:#F4FF99;
	border:2px solid #00AFAB;
	float:left; 
	margin: 25px;
}