@charset 'UTF-8';
/*------------------------------------
    GLOBAL
-------------------------------------*/
body {font-family: 'Poppins', sans-serif;}
a {color:#2b364c; font-weight:600;}
a:hover {text-decoration:none; color:#2b364c;}
@media (min-width: 768px) {
    a.underline {padding-bottom:10px; background-image: linear-gradient(#2b364c, #2b364c);background-size: 0 3px, auto; background-repeat: no-repeat; background-position: center bottom; transition: all .2s ease-out;}
    a.underline:hover {background-size: 100% 3px, auto;}
}
h1,h2,h3,h4,h5,h6 {color:#2b364a;}
p,ul,ol,label{line-height:1.9; font-size:15px; margin-bottom:1.6rem; color:#46474b; line-height:1.9;}
h1 {font-weight:300;}
h2 {font-size:24px;margin-bottom:1rem; font-weight:300;}
h3 {font-size:20px;margin-bottom:1rem; font-weight:300;}
h4 {font-size:15px;margin-bottom:1rem; font-weight:600;}
h3 {font-size:20px;margin-bottom:1rem; font-weight:600;}
h4 {font-size:15px;margin-bottom:1rem; font-weight:600;}

/* bootstrap hack: fix content width inside hidden tabs */
.tab-content > .tab-pane, .pill-content > .pill-pane {
    display: block;
    height: 0;
    overflow: hidden;
}
.tab-content > .active, .pill-content > .active {
    height: auto;
} /* bootstrap hack end */

.no-gutters {
  margin-right: 0;
  margin-left: 0;
  > .col,
  > [class*="col-"] {
    padding-right: 0;
    padding-left: 0;
  }
}

/*------------------------------------
    RICH TEXT
-------------------------------------*/
.rich-text h2,
.rich-text h3,
.rich-text h4,
.rich-text h5,
.rich-text h6 {color:#2b364a; margin-bottom:.8rem;}
.rich-text ul {list-style:none;padding: 0;margin: 0;}
.rich-text li {padding-left: 2em; line-height:1.9; position:relative; margin-bottom:15px;}
.rich-text li::before {content: "• ";color: #ccc; font-size:38px; position:absolute; left:0; top:-22px; }
.rich-text img {max-width:100% !important;}

/*------------------------------------
    HEADER
-------------------------------------*/

header .navbar a {color:#2b364c !important;}
header .navbar {-webkit-transition: all ease-in-out .1s; transition: all 1s ease-in-out; text-align:center;}
header .navbar.opening {-webkit-transition: all ease-in-out .1s; transition: all .3s ease-in-out; background-color:#d0e9e5;}
header .navbar.opening a.nav-link, header .navbar .collapsing a.nav-link {font-weight:500; font-size:20px; margin-bottom:20px;}
header .navbar.opening .nav-item button {background-color:#2b364c; width:100%; overflow:hidden; color:#fff; margin:15px 0; font-size:20px; padding:10px;}
header .navbar.opening .nav-item a.btn {white-space:pre-line; background-color:#2b364c; width:100%; overflow:hidden; color:#fff !important; margin:15px 0; font-size:20px; padding:10px;}
header .navbar .navbar-toggler {height:50px; padding-right:0;} 
header .navbar.opening {overflow-y:scroll;}
header .navbar.opening ul {height:calc(100vh - 100px); background-color:#d0e9e5;}
header .navbar .hamburger, .hamburger::before, .hamburger::after {content: ''; display: block; background: #2b364c; height: 3px; width: 40px; border-radius: 3px; -webkit-transition: all ease-in-out .1s; transition: all ease-in-out .1s;}
header .navbar .hamburger::before {-webkit-transform: translateY(-15px);transform: translateY(-15px);}
header .navbar .hamburger::after {-webkit-transform: translateY(12px);transform: translateY(12px);}
header .navbar .open .hamburger {-webkit-transform: rotate(45deg);transform: rotate(45deg);}
header .navbar .open .hamburger::before { display: none; }
header .navbar .open .hamburger::after {-webkit-transform: translateY(0) rotate(-90deg);transform: translateY(0) rotate(-90deg);}
header .navbar li {margin:0 10px; line-height:1.3;}
header .navbar li.nav-item a {font-weight:500;}
header #static-nav.navbar {position: absolute; top: 0; right: 0; left: 0; z-index: 1030;}
header nav .navbar-brand img {height:40px;}
header nav .navbar-brand-lg {position:absolute; top:12px;}
header nav .navbar-brand-lg img {height:150px;}
header nav .navbar-nav {margin-top:30px;}
header nav button.navbar-toggler {border:0; outline:none;}
header .navbar .book-class-hk a, header .navbar .book-class-sg a {margin:0 0 25px 0 !important;}

header #scroll-nav {background-color:#fff; display:none; -webkit-box-shadow: 0 0 10px 5px rgba(0,0,0,.08); -moz-box-shadow: 0 0 10px 5px rgba(0,0,0,.08); box-shadow: 0 0 10px 5px rgba(0,0,0,.08);}
header #scroll-nav .navbar-brand-lg {position:static;}
header #scroll-nav .navbar-brand-lg img {height:80px;}
header #scroll-nav .navbar-nav {margin-top:0;}
header #scroll-nav.opening ul {height:100vh;background-color:#fff;}
header #static-nav {
}
header .header-gradient {
    pointer-events:none;
    z-index:2;
    position:absolute;
    top:0;
    left:0;
    right:0;
    width:100%;
    padding-bottom:260px;
    background: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(208,233,229,1)), to(rgba(255,255,255,0)));
    background: -webkit-linear-gradient(rgba(208,233,229,1) 0%, rgba(255,255,255,0) 100%);
    background: -moz-linear-gradient(rgba(208,233,229,1) 0%, rgba(255,255,255,0) 100%);
    background: -o-linear-gradient(rgba(208,233,229,1) 0%, rgba(255,255,255,0) 100%);
    background: linear-gradient(rgba(208,233,229,1) 0%, rgba(255,255,255,0) 100%); 
}

@media (min-width: 992px) {
    header .navbar {top: 0;left: 0;right: 0; -webkit-transition: none; transition: none;}
    header .navbar li {line-height:1.7;}
    header .navbar li.nav-item a {background-image: linear-gradient(#2b364c, #2b364c);background-size: 0 3px, auto; background-repeat: no-repeat; background-position: center bottom; transition: all .2s ease-out;}
    header .navbar li.nav-item:hover a, header .navbar li.nav-item.active a {background-size: calc(100% - 15px) 3px, auto;}
    header .navbar li .dropdown button {background-color:#2b364c; border:#2b364c; color:#fff;margin-top:1px; min-width:150px; transition: all 0.2s ease-out;}
    header .navbar li .dropdown button:focus {box-shadow:none;}
    header .navbar li .dropdown button:active {background-color:#2b364c;}
    header .navbar li .dropdown button:hover {background:rgba(43,54,76,0.7);}
    header .navbar li .dropdown ul {background-color:#2b364c; min-width:151px; padding:0; text-align:center; margin-top:15px; border:0;}
    header .navbar li .dropdown ul .caret {position:absolute; top:-17px; color:#2b364c; width:16px; left:50%; margin-left:-8px; -webkit-transform:scale(2.0, 1.0); -moz-transform:scale(2.0, 1.0); -ms-transform:scale(2.0, 1.0); -o-transform:scale(2.0, 1.0); transform:scale(2.0,1.0);}
    header .navbar li .dropdown ul a {color:#fff !important; padding:5px; display:block; font-weight:500;}
    header .navbar li .dropdown ul li {margin:10px 0;}
    header .navbar li .dropdown ul li:hover {background-color:#d0e9e5;}
    header .navbar li .dropdown ul li:hover a {color:#2b364c !important; text-decoration:none;}
}

/* Fix for tiny screens */
@media (max-width: 330px) {
    header .navbar.opening .nav-item button {font-size:18px; margin:10px 0;}
}

/*-------------------------------------
    FOOTER
--------------------------------------*/
footer {background-color:#d0e9e5;}
footer .container {padding:30px; text-align:center; min-height:200px; background-image:url('../images/barre2barre-logo-light-01.png'); background-repeat:no-repeat; background-position:110% 60%; background-size:360px;}
footer .logo { margin:0 auto 15px auto;}
footer .logo img {height:120px;}
footer .social-media { margin-bottom:30px;}
footer .social-media a {margin:15px; font-size:26px;}
footer .links a {font-weight:400;}
footer .left a:hover {opacity:0.7;}
@media (min-width: 576px) {
    footer .container{background-position:100% 60%;}
}
@media (min-width: 768px) {
    footer .container {background-position:90% 60%; background-size:250px;}
    footer .logo {margin:10px 0 0 auto;}
    footer .left {text-align:left;}
    footer .social-media { margin:10px 0 40px 0;}
    footer .social-media a {margin:0 30px 0 0;}
}

/*-------------------------------------------
    DEFAULT SLICK SLIDER CSS
---------------------------------------------*/
.slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent;}
.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0;}
.slick-list:focus{outline:none;}
.slick-list.dragging{cursor:pointer;cursor:hand;}
.slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0);-ms-transform:translate3d(0, 0, 0);-o-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);}
.slick-track{position:relative;top:0;left:0;display:block;margin-left:auto;margin-right:auto;}
.slick-track:before,.slick-track:after{display:table;content:'';}
.slick-track:after{clear:both;}
.slick-loading .slick-track{visibility:hidden;}
.slick-slide{display:none;float:left;height:100%;min-height:1px;}
[dir='rtl'] .slick-slide{float:right;}
.slick-slide img{display:block;}
.slick-slide.slick-loading img{display:none;}
.slick-slide.dragging img{pointer-events:none;}
.slick-initialized .slick-slide{display:block;}
.slick-loading .slick-slide{visibility:hidden;}
.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent;}
.slick-arrow.slick-hidden{display:none;}
.slick-dots{position: absolute;bottom: -45px;display: block;width: 100%;padding: 0;list-style: none;text-align: center;}
.slick-dots li{position: relative;width: 30px;height: 40px;margin: 15px 0;padding: 0;cursor: pointer;}
.slick-dots li button{font-size: 0;line-height: 0;display: block;padding: 15px;cursor: pointer;color: transparent;border: 0;outline: none;background: transparent;}
.slick-dots li button:hover,
.slick-dots li button:focus{outline: none;}
.slick-dots li button:hover:before{color:#fff;}
.slick-dots li.slick-active button:before{color: #fff;}
.slick-dots li button:before{font-family: "Font Awesome 5 Free";font-weight: 600;content: "\f111";font-size: 15px;position: absolute;top: 15px;left: 5px;width: 20px;height: 20px;text-align: center;color:#2b364c ;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}

/*-------------------------------------
    HOME - HERO
--------------------------------------*/

.home-hero {position:relative; }
.home-hero .main {height: 100vh; width:100%; overflow:hidden;}
.home-hero .home-slider {position:absolute; top:0; left:0; right:0; -webkit-user-select: auto; -moz-user-select: auto; -ms-user-select: auto; user-select: auto; z-index:-1;}
.home-hero .home-slider .slick-list {-webkit-transform: none !important; -moz-transform: none !important; -ms-transform: none !important; -o-transform: none !important; transform: none !important;}
.home-hero .home-slider .slide {display:none;}
.home-hero .home-slider .slide:first-child {display:block;}
.home-hero .home-slider.slick-initialized .slide {display:block;}
.home-hero .home-slider .slide img {object-fit:cover; display:block; width:100%; height:100vh;}
.home-hero .slick-controls {position:absolute; width:100%; height:100%;}
.home-hero .slider-arrows {position:relative; width:100%; height:100%;}
.home-hero .slider-dots { display:none;}
.home-hero .slider-arrows .slick-arrow {position:absolute; bottom:25px;}
.home-hero .slider-arrows .slick-prev {left:50px;}
.home-hero .slider-arrows .slick-next {right:50px;}
.home-hero .slogan {color:#fff; text-align:center; margin-top:27vh;}
.home-hero .slogan span {text-shadow:0 0 5px #666;}
.home-hero .slogan .text {font-size:30px; letter-spacing:2px; margin-bottom:15px; z-index:1;}
.home-hero .slogan .separator {font-size:10px; margin:0 20px 15px 20px; }
.home-hero .book-class-bar a {z-index:20; padding:10px 25px; margin: 30px 15px 0 10px; border-radius:0; transition: all .2s ease-out; background-color:#d0e9e5; color:#2b364c; font-size:22px; box-shadow:0 0 5px #666;}
.home-hero .book-class-bar a:hover {background:rgba(255,255,255,0.7); color:#2b364c;}
.home-hero .book-class-bar a:focus {box-shadow:none;}

@media (min-width: 576px) {
    .home-hero { background-position:center; background-size:cover;}
    .home-hero .action-bar-dropzone .container {padding:0 15px;}
}

@media (min-width: 768px) {
    .home-hero .slider-dots {display:block; position:absolute; top:0; right:30px;height:100%;}
    .home-hero .slider-dots .slick-dots {position: relative; top: 50%; transform: translateY(-50%);}
}

@media (min-width: 992px) {
    .home-hero .slogan {margin-top:42vh;}
    .home-hero .slogan .text {font-size:52px; letter-spacing:2px; margin-bottom:0;}
    .home-hero .slogan .separator {font-size:12px; margin:0 20px;}
}
@media (min-width: 1200px) {
}
/* Fix for tiny screens */
@media (max-width: 400px) {
    .home-hero .slogan .text {font-size:20px;}
}

/*-------------------------------------
    CITY ACTION BAR
--------------------------------------*/
.city-action-bar {position:absolute; bottom:0; left:0; width:100%; }
.city-action-bar .left-col {padding:0;}
.city-action-bar .right-col {padding:0;}
.city-action-bar .left, .city-action-bar .right { background-size:45%; background-position:105% 105%; background-repeat:no-repeat;}
.city-action-bar .left {background-color:#d0e9e5; background-image:url('../images/barre2barre-logo-light-01.png');}
.city-action-bar .right {background-color:#b9d6d1; background-image:url('../images/barre2barre-logo-light-02.png');}
.city-action-bar h2 {margin: 10px auto 0px auto; font-size:18px; font-weight:400; color:#2a364c; }
.city-action-bar nav {text-align:center; }
.city-action-bar nav ul {margin:auto; padding: 10px 0;}
.city-action-bar nav li {margin:5px 0;}
.city-action-bar nav a {font-weight:500; font-size:13px;}
.city-action-bar .navbar li.nav-item a {padding:5px 0; background-image: linear-gradient(#2b364c, #2b364c);background-size: 0 3px, auto; background-repeat: no-repeat; background-position: center bottom; transition: all .2s ease-out;}
.city-action-bar .navbar li.nav-item:hover a {background-size: 100% 3px, auto; text-decoration:none; color:#2b364c;}
@media (min-width: 576px) {
    .city-action-bar nav ul {padding:3px 0;}
    .city-action-bar .left, .city-action-bar .right { background-size:45%; background-position:98% 105%; padding:0 20px;}
}
@media (min-width: 768px) {
    .city-action-bar {position:absolute; bottom:0; width:100%;}
    .city-action-bar .left-col {padding-left:15px;}
    .city-action-bar .right-col {padding-right:15px;}
    .city-action-bar nav li {margin:0 5px;}
    .city-action-bar h2 {font-size:21px;}
    .city-action-bar nav a {font-size:15px;}
    .city-action-bar .left, .home-hero .city-action-bar .right {background-size:22%; background-position:98% 105%;}
}
@media (min-width: 992px) {
    .city-action-bar h2 {text-align:left; margin:5px auto 7px auto;}
    .city-action-bar nav ul {padding:15px 0px 15px 15px; text-align:left; justify-content:flex-end;}
    .city-action-bar nav li {margin:0 15px;}
    .city-action-bar .navbar li.nav-item a {padding:5px 0; background-image: linear-gradient(#2b364c, #2b364c);background-size: 0 3px, auto; background-repeat: no-repeat; background-position: center bottom; transition: all .2s ease-out;}
    .city-action-bar .navbar li.nav-item:hover a {background-size: 100% 3px, auto; text-decoration:none; color:#2b364c;}
    .city-action-bar .left, .city-action-bar .right {background-size:16%; background-position:98% 105%;}
}
@media (min-width: 1200px) {
    .city-action-bar .left, .home-hero .city-action-bar .right {background-size:14%; background-position:98% 105%;}
}
/*-------------------------------------
    HOME - VIDEO
--------------------------------------*/

.home-video {margin-top:30px;}
.home-video .container {padding:0;}
.home-video .video-bg {z-index:-1; position:absolute; top:0; width:100%; /*width:375px; left:50%; margin-left:-187.5px;*/ transition: all .3s ease-out; -webkit-transition: all ease-in-out .3s; }
.home-video .video-bg img {width:100%;}
.home-video .video {overflow:hidden; position:relative; }
.home-video .video a {display:block;width:100%;height:400px; padding:10px 30px;}
.home-video .video a:hover {text-decoration:none;}
.home-video .video .play-button {position:absolute; width:50px; margin:-25px 0 0 -25px; left:50%; top:50%; height:50px; }
.home-video .video .play-button img {width:50px;}
.home-video .video .title {color:#fff;}
.home-video .video .title h5 {font-size:14px; font-weight:600; margin-bottom:0; color:#fff;}
.home-video .video .title h3 {font-size:36px; color:#fff; font-weight:400;}
.home-video .video:hover .video-bg, .home-video .video:focus .video-bg {transform: scale(1.02);}
@media (min-width: 768px) {
    .home-video .container {padding:0 15px;}
    .home-video .video-bg {width:1110px; margin-left:-555px; left:50%;}
    .home-video .video a {height:260px;}
    .home-video .video .play-button {margin:25px 30px; left:inherit; right:0; bottom:0; top:inherit;}
}

/*-------------------------------------
    LAYOUT - TWO COLUMNS
--------------------------------------*/
.two-column-content {}
.two-column-content img {width:90%;}
.two-column-content .left-col, .two-column-content .right-col {padding:0;}
.two-column-content .about-text {padding:0 15px; margin:15px 0 30px 0;}
.two-column-content .join-text {padding:0 15px; text-align:right; margin:15px 0 30px 0;}
.two-column-content .left-col img {margin-right:10%;}
.two-column-content .right-col img {margin-left:10%;}
.two-column-content h5 {font-size:14px; font-weight:600; margin-bottom:0; color:#2b364a;}
.two-column-content h2 {font-size:36px; color:#2b364a;}
.two-column-content .studio-links a {margin:10px 0 5px 0;}

@media (min-width: 768px) {
    .two-column-content img {width:100%;}
    .two-column-content .left-col {padding:0 15px;}
    .two-column-content .right-col {padding:0 15px;}
    .two-column-content .left-col img {margin:0 0 100px 0;}
    .two-column-content .right-col img {margin:0;}
    .two-column-content .about-text {width:80%; margin:30px 0 30px 0; font-size:15px; padding:0;}
    .two-column-content .join-text {text-align:right; width:80%;  margin:30px 0 100px 0; padding:0;  float:right; font-size:15px;}
    .two-column-content .right-col .headings {position:relative; left:-80px; margin-bottom:15px;}
    .two-column-content .left-col .headings {position:relative; right:-80px; margin-bottom:15px; z-index:10;}
    .two-column-content .left-col .studio-links a {margin-left:30px;}
}
@media (min-width: 992px) {
    .two-column-content {margin-bottom:-120px;}
    .two-column-content.single-row {margin-bottom:0; margin-top:0;}
    .two-column-content.three-rows { margin-top:0;}
    .two-column-content .left-col img {margin:0;}
    .two-column-content .left-col {padding:0 20px 0 15px;}
    .two-column-content .right-col {padding:0 15px 0 20px;}
    .two-column-content .about-text {margin:30px 0 100px 0;}
    .two-column-content .join-row {position:relative; top:-150px;}
    .two-column-content.three-rows .third-row {position:relative; top:-200px; margin-bottom:-200px;}
    .two-column-content .join-text {margin-top:200px;}
    .two-column-content .left-col .headings { right:-120px;}
    .two-column-content .right-col .headings {left:-120px;}
}

/*--------------------------------------
    INNER PAGE - HERO
---------------------------------------*/
.inner-hero {overflow:hidden;}
.inner-hero .inner-page-header-image img {width:100%; min-height:300px;}
.inner-hero .col {padding:0 !important;}
.inner-hero .page-title { color:#fff; text-shadow:0 0 2px #222; text-align:center; position:absolute; top:35%; left:0; right:0; z-index:10;}
.inner-hero .inner-page-nav { background-color:#c7e6e0;}
.inner-hero .inner-page-nav .nav {width:100%;}
.inner-hero .inner-page-nav li.active {background-color:#f2fefc;}
.inner-hero .inner-page-nav li a {padding:15px 25px; -webkit-transition: all ease-in-out .3s; transition: all ease-in-out .3s; text-align:center; }
.inner-hero .inner-page-nav li a:hover {background-color:#f2fefc;}
.inner-hero h1 {z-index:3;}
@media (min-width: 576px) {
    .inner-hero .container {margin-left:0; margin-right:0; max-width:100%;}
}
@media (min-width: 768px) {
    .inner-hero {background-position:center; background-size:cover; height:375px;}
    .inner-hero .inner-page-header-image {display:none;}
    .inner-hero .page-title {top:170px;}
    .inner-hero .nav-row .col {}
    .inner-hero .container {margin:0 auto; max-width:720px;}
    .inner-hero .inner-page-nav { margin:0 15px; margin-top:317px; background-image:url('../images/barre2barre-logo-light-01.png'); background-repeat:no-repeat; background-position:97% 50%;}
    .inner-hero .inner-page-nav .nav {}
}
@media (min-width: 992px) {
    .inner-hero .container {margin:0 auto; max-width:960px;}
}
@media (min-width: 1200px) {
    .inner-hero .container {margin:0 auto; max-width:1140px;}
}

/*----------------------------------------
    PRESS GRID
-----------------------------------------*/
.press-index-grid .press-item {margin-bottom:30px; display:block;}
.press-index-grid .press-item .portrait {width:65%; overflow:hidden;}
.press-index-grid .press-item img {width:100%;  transition: all .3s ease-out; -webkit-transition: all ease-in-out .3s;}
.press-index-grid .press-item:hover img {transform: scale(1.02);}
.press-index-grid .press-item h2 {text-align:right; color:#434446; margin:7px 0; font-weight:400; transition: all .3s ease-out; -webkit-transition: all ease-in-out .3s;}
.press-index-grid .press-item:hover h2 {opacity:0.7;}
.press-index-grid .press-item span {color:#bad5d0; font-weight:600; font-size:18px; position:relative; top:6px;}
@media (min-width: 768px) {
}

/*----------------------------------------
    TEAM MEMBERS GRID
-----------------------------------------*/
.team-index-grid .team-nav button {background-color:#fff; padding:5px 0; border-radius:0; font-weight:500; font-size:16px; margin:0 10px 40px 10px; background-image: linear-gradient(#2b364c, #2b364c);background-size: 0 3px, auto; background-repeat: no-repeat; background-position: center bottom; transition: all .2s ease-out; }
.team-index-grid .team-nav button.active, .team-index-grid .team-nav button:hover {background-size: calc(100%) 3px, auto;}
.team-index-grid .team-nav button:focus {box-shadow:none;}
.team-index-grid .grid {width:100%;}
.team-index-grid .grid-item {width:90%; margin:0 15px;}
.team-index-grid .team-member {margin-bottom:30px; display:block;}
.team-index-grid .team-member .portrait {width:70%; overflow:hidden;}
.team-index-grid .team-member img {width:100%; -webkit-transition: all ease-in-out .3s; transition: all .3s ease-in-out;}
.team-index-grid .team-member:hover img {transform: scale(1.02); }
.team-index-grid .team-member:hover .portrait {box-shadow:0 0 3px #888; -webkit-transition: all ease-in-out .3s; transition: all .3s ease-in-out; }
.team-index-grid .team-member h2 {text-align:right; color:#434446; margin:7px 0; font-weight:400; -webkit-transition: all ease-in-out .3s; transition: all .3s ease-in-out;}
.team-index-grid .team-member:hover h2 {opacity:0.7;}
.team-index-grid .team-member span {color:#bad5d0; font-weight:600; font-size:18px; position:relative; top:6px; left:5px;}
@media (min-width: 576px) {
    .team-index-grid .team-nav button {font-size:20px; margin:0 40px 40px 40px;}
    .team-index-grid .grid-item {width: 240px; float: left;}
}
@media (min-width: 768px) {
    .team-index-grid .grid-item {width: 330px;}
}
@media (min-width: 992px) {
    .team-index-grid .grid-item {width: 290px;}
}
@media (min-width: 1200px) {
    .team-index-grid .grid-item {width: 350px;}
}

/*-----------------------------------------
    TEAM MEMBER PROFILE
------------------------------------------*/
.team-profile-topmast .left-col {height:500px; width:100%; background-size:cover; background-position:top center; background-repeat:no-repeat; }
.team-profile-topmast .right-col {position:relative; width:100%; height:inherit; background:#d0e9e5 url('../images/b2b-bg-logo.png') 0 100% no-repeat; padding:30px 15px 30px 15px;}
.team-profile-topmast .right-col .content {max-width:480px; }
.team-profile-topmast .right-col .content h1 {font-size:2.8rem; margin-bottom:1.6rem; font-weight:400;}
.team-profile-topmast .right-col .content h4 {font-size:16px; font-weight:600; margin-bottom:10px;}
.team-profile-topmast .right-col .content p {margin-top:1.6rem;}
.team-profile-topmast .right-col .content .social-media-icons {font-size:32px; color:#434448;}
.team-profile-topmast .right-col .content .social-media-icons a {margin-right:10px;}
.team-profile-topmast .right-col .back {display:none; position:absolute; bottom:30px; left:60px;}

@media (min-width: 576px) {
    .team-profile-topmast .left-col {width:100%; height:700px; background-position:top cover;}
    .team-profile-topmast .right-col {height:700px; padding:100px 30px 15px 30px;}
    .team-profile-topmast .right-col .back {display:block;}
}
@media (min-width: 768px) {
    .team-profile-topmast .right-col {padding:120px 60px 15px 60px;}
}
@media (min-width: 992px) {
    .team-profile-topmast .right-col {padding:180px 60px 15px 60px;}
}
/*-----------------------------------------
    ARTICLE HEADING
------------------------------------------*/
.article-heading .heading {color:#434446; font-weight:300; font-size:24px; margin-bottom:0;}
.article-heading .published-date {color:#2a374a; font-weight:300;font-size:15px; margin:1rem 0 1.2rem 0;}
.article-heading hr {color:#d0e9e5;}

/*-----------------------------------------
    ARTICLE - WIDE IMAGE
------------------------------------------*/
.wide-image img {max-width:100%;}

/*-----------------------------------------
    ARTICLE - IMAGE
------------------------------------------*/
.single-column.image img {max-width:100%;}

/*-----------------------------------------
    DOUBLE HEADING
------------------------------------------*/
.double-heading h2 {font-size:36px; font-weight:300; margin-bottom:0;}
.double-heading h5 {font-size:14px; font-weight:600; margin-bottom:0;}

/*-----------------------------------------
    MAP LOCATION
------------------------------------------*/
.map-location .map-wrapper {height: 0; overflow: hidden; padding-bottom: 320px;/* aspect ratio */ position: relative;}
.map-location .map-wrapper iframe {border: 0;height: 100%;left: 0;position: absolute;top: 0;width: 100%;}
.map-location .right-col .location-text {width:100%; height:100%; background-color:#d0e9e5; padding:30px; background:#d0e9e5 url('../images/b2b-bg-logo.png') 0 100% no-repeat; }
.map-location .right-col .location-text h4 {font-size:14px; margin-bottom:1rem; }
.map-location .right-col .location-text p {font-size:14px; line-height:1.5; margin-bottom:1rem; }
.map-location .right-col .location-text .contact-link a {font-size:14px;}
@media (min-width: 576px) {
    .map-location {height:320px; overflow:hidden;}
    .map-location .right-col {padding-left:0;}
    .map-location .left-col {padding-right:0;}
}
@media (min-width: 768px) {
    
}
@media (min-width: 992px) {
    .map-location .right-col .location-text h4 {font-size:16px;}
    .map-location .right-col .location-text p {font-size:18px;}
    .map-location .right-col .location-text .contact-link a {font-size:16px;}
}

/*-----------------------------------------
    STUDIO TABS
------------------------------------------*/
.studio-tabs hr {margin-bottom:0;}
.studio-tabs .nav-item {padding:0; margin-top:-2px;}
.studio-tabs .nav-item a {font-weight:300; font-size:15px;}
.studio-tabs .nav-item a.active {font-weight:600;}
.studio-tabs .nav-item a {background-image: linear-gradient(#2b364c, #2b364c);background-size: 0 3px, auto; background-repeat: no-repeat; background-position: center top; transition: all .2s ease-in-out;}
.studio-tabs .nav-item:hover a, .studio-tabs .nav-item a.active {background-size: calc(100% - 15px) 3px, auto;}
.studio-tabs .tab-pane.active {min-height:200px; padding-top:50px;}
@media (min-width: 768px) {
    .studio-tabs .nav-item a {font-size:18px;}
    .studio-tabs .nav-item {padding:0 15px;}
}

/*-----------------------------------------
    ZINGFIT TABS
------------------------------------------*/
.zingfit-tabs hr {margin-bottom:0;}
.zingfit-tabs .nav-item {padding:0; margin-top:-2px;}
.zingfit-tabs .nav-item a {font-weight:300; font-size:15px;}
.zingfit-tabs .nav-item a.active {font-weight:600;}
.zingfit-tabs .nav-item a {background-image: linear-gradient(#2b364c, #2b364c);background-size: 0 3px, auto; background-repeat: no-repeat; background-position: center top; transition: all .2s ease-in-out;}
.zingfit-tabs .nav-item:hover a, .studio-tabs .nav-item a.active {background-size: calc(100% - 15px) 3px, auto;}
.zingfit-tabs .tab-pane.active {min-height:200px; padding-top:50px;}
@media (min-width: 768px) {
    .zingfit-tabs .nav-item a {font-size:18px;}
    .zingfit-tabs .nav-item {padding:0 15px;}
}

/*-----------------------------------------
    SLIDER - TWO COLUMN
------------------------------------------*/
.two-column-slider {width:100%;}
.two-column-slider img {width:90%;}
.two-column-slider .left-col, .two-column-slider .right-col {padding:0 15px;}
.two-column-slider h5 {font-size:14px; font-weight:600; margin-bottom:0; color:#2b364a;}
.two-column-slider h2 {font-size:36px; color:#2b364a;}
.two-column-slider a:hover {opacity:.7; color:#2b364a;}
.two-column-slider .slider-area { max-height:586px; overflow-y:hidden !important;}
.two-column-slider .right-col {position:relative; padding-top:30px;}
.two-column-slider .bottom-row {position:absolute; top:15px; left:0; right:10%; }
.two-column-slider .slider-arrows {margin-left:auto;}
.two-column-slider .slider-arrows button {background:#fff; border:0; padding:15px; cursor:pointer; font-size:20px; color:#424347;}
.two-column-slider .slider-arrows button:focus {outline:none;}
.two-column-slider .slider-arrows .counter {width:100px;padding:15px; position:relative; top:-5px; }
.two-column-slider .slider-arrows .counter .inner-wrap {position:absolute; width:100px; left:0; right:0; text-align:center; }
.two-column-slider .slider-arrows .counter {font-size:22px; }
.two-column-slider .slider-arrows .counter .soft {opacity:.6;}
.two-column-slider .slider-arrows .counter .current {font-size:30px; position:relative; top:-4px; }

/* Make sure slick is initialised before displaying more images */
.two-column-slider .slider-area .image {display: none;}
.two-column-slider .slider-area .image:first-child {display: block;}
.two-column-slider .slider-area.slick-initialized .image {display: block;}

@media (min-width: 768px) {
    .two-column-slider .left-col img {margin:0;}
    .two-column-slider .left-col {padding:0 0 0 15px;}
    .two-column-slider .right-col {padding:0 15px;}
    .two-column-slider .bottom-row {top:0; right:20%; margin-top:-15px;}
    .two-column-slider .left-col img {margin:0 0 30px 0;}
    .two-column-slider .rich-text {width:80%; margin:30px 0; font-size:15px; padding:0;}
    .two-column-slider .right-col .headings {position:relative; left:-80px; margin-top:50px; margin-bottom:15px;}
}
@media (min-width: 992px) {
    .two-column-slider img {width:100%;}
    .two-column-slider .bottom-row {bottom:0; top:inherit; margin-top:0; right:15px;}
    .two-column-slider .slider-arrows {margin-left:0;}
    .two-column-slider .left-col img {margin:0;}
    .two-column-slider .left-col {padding:0 15px;}
    .two-column-slider .right-col .headings {left:-120px; margin-top:30px;}
    .two-column-slider .rich-text {margin-bottom:80px;}
}



/*--------------------------------------------
    INSTAGRAM
--------------------------------------------*/
.instagram-feed {min-height:200px; margin-top:30px;}
.instagram-feed .heading-row {margin-bottom:5px;}
.instagram-feed .headings h2 {font-size:36px; font-weight:300; margin-bottom:0;}
.instagram-feed .headings h5 {font-size:14px; font-weight:600; margin-bottom:0;}
.instagram-feed .heading-row .social-media-icons {min-height:20px; margin-left:auto; text-align:right;}
.instagram-feed .heading-row .social-media-icons i {font-size:26px; margin:25px 15px 15px 15px;}
.instagram-feed .heading-row .social-media-icons i:hover {opacity:.6;}
.instagram-feed .heading-row .social-media-icons .fa-facebook-f {font-size:22px; padding-bottom:3px;}
.instagram-feed .feed-wrapper {width:100%; margin:0 7.5px;}

/*--------------------------------------------
    PRICING
--------------------------------------------*/
.pricing-packages {margin-bottom:30px;}
.pricing-packages .packages {background-color:#f7f7f7;}
.pricing-packages .packages .package-list {min-height:100px;}
.pricing-packages .heading h3 {font-size:28px; font-weight:300; margin-bottom:5px; overflow-wrap: break-word; hyphens:auto}
.pricing-packages .note span {font-size:13px;}
.pricing-packages .package {padding:15px;}
.pricing-packages .package h5 {font-size:16px; font-weight:600; line-height:1.8;}
.pricing-packages .package h3 {font-size:20px; font-weight:300;}
.pricing-packages .package p {margin-top:-4px; font-size:16px;}
.pricing-packages .package a {background-color:#2b364a; padding:6px 30px; color:#fff; float:right; -webkit-transition: all ease-in-out .2s; transition: all .2s ease-in-out;}
.pricing-packages .package a:hover {opacity:.7;}
.pricing-packages .package a:focus {box-shadow:none;}
@media (min-width: 768px) {
    .pricing-packages .packages {margin:0 0 0 100px; padding:5px 5px 5px 100px;}
    .pricing-packages .heading h3 {position:absolute; top:15px; width:160px; text-align:right;}
    .pricing-packages .note {text-align:right;}
    .pricing-packages .package {padding:30px 30px 15px 0;}
    .pricing-packages .package .heading-col {padding-right:0;} 
    .pricing-packages .package .text-col {padding-left:30px;}
}

/*-------------------------------------------
    NEWSLETTER FORM
--------------------------------------------*/
.newsletter .main-col {padding-left:0; padding-right:0;}
.newsletter .newsletter-inner {padding:30px 15px; background-repeat:no-repeat; background-size:cover; background-position:center;}
.newsletter h3 {color:#fff; font-size:32px; font-weight:500; margin-bottom:5px;}
.newsletter p {color:#fff;}
.newsletter form .field {position:relative;}
.newsletter form label {color:#fff; position:absolute; pointer-events:none; top:5px; -webkit-transition: all ease-in-out .1s; transition: all .1s ease-in-out; font-weight:500;}
.newsletter form input {background-color:inherit; border:0; border-bottom:3px solid #fff; border-radius:0; padding-left:0; color:#fff; margin-bottom:30px;}
.newsletter form input:focus {background-color:inherit; box-shadow:none; border-bottom:3px solid #fff; color:#fff;}
.newsletter form label.focused {font-size:12px; opacity:.8; top:-13px;}
.newsletter form button {background-color:inherit; border:1px solid #fff; color:#fff;}
.newsletter form button:focus {box-shadow:none;}
.newsletter form button:hover {box-shadow:0 0 3px #fff;}
@media (min-width: 768px) {
    .newsletter .main-col {padding-left:15px; padding-right:15px;}
    .newsletter .newsletter-inner {padding:30px 50px;}
    .newsletter form label {font-weight:400;}
    .newsletter form input {margin-bottom:0;}
}

/*-------------------------------------------
    NEWSLETTER FORM - SIDEBAR
--------------------------------------------*/
.newsletter.sidebar .newsletter-inner {padding:30px;}
.newsletter.sidebar form input {margin-bottom:30px;}

/*-------------------------------------------
    CONTACT FORM
--------------------------------------------*/
.contact {background-color:#f7f7f7; padding:50px 0;}
.contact .headings {margin-bottom:15px;}
.contact h2 {font-size:36px; font-weight:300; margin-bottom:0;}
.contact h5 {font-size:14px; font-weight:600; margin-bottom:0;}
.contact form .field {position:relative;}
.contact form label {font-size:16px; position:absolute; pointer-events:none; top:5px; -webkit-transition: all ease-in-out .1s; transition: all .1s ease-in-out;}
.contact form input, .contact form textarea  {background-color:inherit; border:0; border-bottom:3px solid #acacac; border-radius:0; padding-left:0; margin-bottom:30px;}
.contact form textarea {resize:none; height:130px;}
.contact form input:focus, .contact form textarea:focus {background-color:inherit; box-shadow:none; border-bottom:3px solid #acacac;}
.contact form label.focused {font-size:12px; opacity:.8; top:-16px;}
.contact form button {background-color:#2b364c; padding:5px 30px; color:#fff; float:right;}
.contact form button:focus {box-shadow:none;}
.contact form button:hover {opacity:0.7;}

@media (min-width: 768px) {
    .contact p {width:80%;}
}


/*--------------------------------------------
    BLOG INDEX
---------------------------------------------*/
.tag-list {margin-top:50px;}
.tag-list .tags a {background-color:#d0e9e5; border-radius:15px; margin:0 12px 15px 0; font-size:15px; font-weight:300; padding:0 15px; display:inline-block;}
.blog-listing .blog-post-preview {margin-bottom:45px;}
.blog-listing .blog-post-preview .image img {width:100%; -webkit-transition: all ease-in-out .3s; transition: all .3s ease-in-out; }
.blog-listing .blog-post-preview .image {overflow:hidden; max-height:420px;}
.blog-listing .blog-post-preview:hover .image img {transform: scale(1.02);}
.blog-listing .blog-post-preview .heading {margin-top:30px;} 
.blog-listing .blog-post-preview p {font-weight:300;}
.blog-listing .blog-post-preview .date {margin-bottom:15px;}
.blog-listing .blog-post-preview .date span {font-weight:300; font-size:15px;}
.blog-listing .blog-post-preview .tags a {background-color:#d0e9e5; border-radius:15px; margin:0 10px 10px 0; font-size:15px; font-weight:300; padding:5px 15px; display:inline-block;}
.blog-listing .blog-post-preview hr {margin-top:30px;}


/*---------------------------------------------
    EVENT INDEX
----------------------------------------------*/
.event-listing > .container {min-height:500px;}
.event-listing .event-nav button {background-color:#fff; padding:5px 0; border-radius:0; font-weight:500; font-size:16px; margin:0 10px 40px 10px; background-image: linear-gradient(#2b364c, #2b364c);background-size: 0 3px, auto; background-repeat: no-repeat; background-position: center bottom; transition: all .2s ease-out; }
.event-listing .event-nav button.active, .event-listing .event-nav button:hover {background-size: calc(100%) 3px, auto;}
.event-listing .event-nav button:focus {box-shadow:none;}

.event-listing .event {margin-bottom:30px;}
.event-listing .event .date h3 {font-size:26px; font-weight:400; margin-bottom:5px;}
.event-listing .event .image {width:100%; height:100%;}
.event-listing .event img {width:100%; margin:auto;}
.event-listing .event .right { background-color:#d0e9e5; padding:20px 15px;}
.event-listing .event .text-col h5 {font-size:15px; font-weight:600; margin-bottom:5px;}
.event-listing .event .text-col .times {margin-bottom:5px; font-size:16px;}
.event-listing .event .text-col .introtext {font-size:16px; margin-bottom:5px;}
.event-listing .event a {background-color:#2b364a; padding:6px 20px; color:#fff; -webkit-transition: all ease-in-out .2s; transition: all .2s ease-in-out;}
.event-listing .event a:hover {opacity:.7;}
.event-listing .event a:focus {box-shadow:none;}
.event-listing .event .price {font-weight:500; font-size:16px;}
.event-listing .event .price {padding:6px 20px; line-height:1.5;}
.event-listing .past-events-link {margin-left:30px;}
.event-listing .past-events-link:hover {opacity:.8;}
@media (min-width: 576px) {
    .event-listing .event-nav button {font-size:20px; margin:0 40px 40px 40px;}
}
@media (min-width: 768px) {
    .event-listing .event {position:relative;  padding-top:36px;}
    .event-listing .event .date {position:absolute; top:-36px; }
    .event-listing .event .date h3 {margin-bottom:0; font-size:26px; font-weight:400; text-shadow:0 0 30px #fff, 0 0 20px #fff, 0 0 30px #fff, 0 0 20px #fff, 0 0 30px #fff, 0 0 20px #fff;}
    .event-listing .event .right {padding:30px;}
    .event-listing .event .text-col h2 {font-size:22px; font-weight:400; margin-bottom:8px;}
    .event-listing .event .text-col .times {margin-bottom:5px;}
    .event-listing .event .text-col .introtext {font-size:16px; margin-bottom:0; max-height:60px; overflow:hidden; text-overflow: ellipsis;}
    .event-listing .event .button-col a {width:100%;}
    .event-listing .event .button-col {padding-top:15px;}
}
@media (min-width: 992px) {
    .event-listing .event {padding-left:80px; padding-top:0;}
    .event-listing .event .date {position:absolute; left:-80px; top:30px; text-align:right; }
    .event-listing .event img {height:100%; width:auto;}
    .event-listing .event .price {margin-top:15px; padding:0;}
    .event-listing .event h2 {min-width:300px;}
}
@media (min-width: 1200px) {
    .event-listing .event h2 {min-width:500px;}
}


/* Pagination */
.pagination-nav .page-item {padding:5px;}
.pagination-nav .page-item .page-link {border:0; color:#b7d7d2; font-weight:400; font-size:16px;}
.pagination-nav .page-item.active .page-link {color:#293649; background-color:inherit;}
.pagination-nav .page-item:hover .page-link  {color:#293649; background-color:inherit;}

/*---------------------------------------------
    EVENT CONTENT
----------------------------------------------*/
.event-inner-detail .when {margin-bottom:15px;}
.event-inner-detail .where p {line-height:1.5;}
.event-inner-detail h5 {font-weight:600; font-size:16px; margin-bottom:3px;}
.event-inner-detail h1 {font-weight:300; font-size:30px;}
.event-inner-detail p {margin-bottom:0;}
.event-inner-detail .content-text {margin-bottom:5px;}
.event-inner-detail hr {border:1px solid #f7f7f7;}
.event-inner-detail .price {font-weight:600;}
.event-inner-detail .tickets-btn a {margin-left:15px; background-color:#2b364c; border:#2b364c; color:#fff; -webkit-transition: all ease-in-out .2s; transition: all .2s ease-in-out;}
.event-inner-detail .tickets-btn a:hover {opacity:.8;}