@charset "UTF-8";
/* CSS Document */

/*  HTML5 Boilerplate STARTS  */
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary{display:block;}audio,canvas,video{display:inline-block;*display:inline;*zoom:1;}audio:not([controls]){display:none;height:0;}[hidden]{display:none;}html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}html,button,input,select,textarea{font-family:sans-serif;}body{margin:0;}a:focus{outline:thin dotted;}a:active,a:hover{outline:0;}h1{font-size:2em;margin:0.67em 0;}h2{font-size:1.5em;margin:0.83em 0;}h3{font-size:1.17em;margin:1em 0;}h4{font-size:1em;margin:1.33em 0;}h5{font-size:0.83em;margin:1.67em 0;}h6{font-size:0.75em;margin:2.33em 0;}abbr[title]{border-bottom:1px dotted;}b,strong{font-weight:bold;}blockquote{margin:1em 40px;}dfn{font-style:italic;}mark{background:#ff0;color:#000;}p,pre{margin:1em 0;}code,kbd,pre,samp{font-family:monospace,serif;_font-family:'courier new',monospace;font-size:1em;}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word;}q{quotes:none;}q:before,q:after{content:'';content:none;}small{font-size:80%;}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}sup{top:-0.5em;}sub{bottom:-0.25em;}dl,menu,ol,ul{margin:1em 0;}dd{margin:0 0 0 40px;}menu,ol,ul{padding:0 0 0 40px;}nav ul,nav ol{list-style:none;list-style-image:none;}img{border:0;-ms-interpolation-mode:bicubic;}svg:not(:root){overflow:hidden;}figure{margin:0;}form{margin:0;}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em;}legend{border:0;padding:0;white-space:normal;*margin-left:-7px;}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle;}button,input{line-height:normal;}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;*overflow:visible;}button[disabled],input[disabled]{cursor:default;}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;*height:13px;*width:13px;}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0;}textarea{overflow:auto;vertical-align:top;}table{border-collapse:collapse;border-spacing:0;}html,button,input,select,textarea{color:#222;}body{font-size:1em;line-height:1.4;}::-moz-selection{background:#b3d4fc;text-shadow:none;}::selection{background:#b3d4fc;text-shadow:none;}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0;}img{vertical-align:middle;}fieldset{border:0;margin:0;padding:0;}textarea{resize:vertical;}.chromeframe{margin:0.2em 0;background:#ccc;color:#000;padding:0.2em 0;}.ir{background-color:transparent;border:0;overflow:hidden;*text-indent:-9999px;}.ir:before{content:"";display:block;width:0;height:100%;}.hidden{display:none !important;visibility:hidden;}.visuallyhidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;}.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto;}.invisible{visibility:hidden;}.clearfix:before,.clearfix:after{content:" ";display:table;}.clearfix:after{clear:both;}.clearfix{*zoom:1;}@media only screen and (min-width:35em){}@media only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:144dpi){}@media print{*{background:transparent !important;color:#000 !important;box-shadow:none !important;text-shadow:none !important;}a,a:visited{text-decoration:underline;}a[href]:after{content:" (" attr(href) ")";}abbr[title]:after{content:" (" attr(title) ")";}.ir a:after,a[href^="javascript:"]:after,a[href^="#"]:after{content:"";}pre,blockquote{border:1px solid #999;page-break-inside:avoid;}thead{display:table-header-group;}tr,img{page-break-inside:avoid;}img{max-width:100% !important;}@page{margin:0.5cm;}p,h2,h3{orphans:3;widows:3;}h2,h3{page-break-after:avoid;}}
/*  HTML5 Boilerplate END  */

html {
  box-sizing: border-box;
}
*, *:before, *:after {
  box-sizing: inherit;
}

/* Bootsrap Containers */

.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    width: 100%;
    padding: 0 20px;
}
@media (min-width:576px) {
	.container, .container-sm {
		max-width: initial;
		padding: 0 30px;
	}
}
@media (min-width:768px) {
	.container, .container-md, .container-sm {
		max-width: initial;
		padding: 0 5%;
	}
}
@media (min-width:992px) {
	.container, .container-lg, .container-md, .container-sm {
		max-width: initial;
		padding: 0 5%;
	}
}
@media (min-width:1200px) {
	.container, .container-lg, .container-md, .container-sm, .container-xl {
		max-width: initial;
		padding: 0 8%;
	}
}
@media (min-width:1400px) {
	.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
		max-width: 1720px;
		padding: 0 10%;
	}
}


/*  START General styles  */

html {
	font-size: 62.5%;
}
body {
	background-color: #161616;
	font-family: 'Roboto', sans-serif;
	-moz-osx-font-smoothing: grayscale;
	font-weight: 300;
	font-size: 1.7rem;
	line-height: 1.5;
}
.site-logo a {
    text-decoration: none;
}
.site-logo p {
    color: #fff;
    font-family: 'Roboto', sans-serif;
    font-size: 2.2rem;
    margin: 10px 0;
    font-weight: 300;
    text-transform: uppercase;
    letter-spacing: 0.08rem;
}
@media (max-width:400px) {
	.site-logo p {
    font-size: 1.8rem;
	}
}
.main-header {
    position: absolute;
    top: 0;
    width: 100%;
    left: 0;
	z-index: 100;
}
@media (max-width:991px) {
	.main-header {
		background: #fff;
	}
	.site-logo p {
    	color: #4A5250;
	}
}
.navbar {
	padding: 1.5rem 0;
}
#menu-primary-menu i {
	font-size: 2.6rem;
}
/* Banner Text animation */
@keyframes bannerheadlines{
    0% {
        opacity:0;
        transform: translate(0,150px);
    }
    30% {
        opacity:1;
        transform: translate(0,0);
    }
}
.banner_text.current-animation {
    display: block;
    -webkit-animation-name: bannerheadlines;
    animation-name: bannerheadlines;
    -webkit-animation-duration: 10s;
    animation-duration: 10s;
}
/* end */
.page-banner {
	/*background: url("../images/st-banner-01.jpg") no-repeat scroll center center / cover;*/
    background-size: cover;
    height: 70vh;
    position: relative;
    max-height: 750px;
	z-index: 1;
}
.page-banner:after {
	background: rgba(74,82,80,.65);
	content:"";
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}
@media (max-width:650px) {
	.page-banner {
    	height: 60vh;
	}
}
.banner_text {
    z-index: 100;
    width: 100%;
	color: #fff;
}
h1, h2, h3, h4 {
	font-weight: 400;
	line-height: 1.5;
}
h1 {
  font-size: 3rem;
	font-family: 'Roboto', sans-serif;
	color: #fff;
	font-weight: 300;
	line-height: 1.4;
}
h2.heading {
	text-align: center;
	position: relative;
	margin-bottom: 40px;
}

h2.heading::after {
    position: absolute;
    pointer-events: none;
    content: '';
    width: 50px;
    height: 2px;
    left: 50%;
    transform: translateX(-50%);
    background: #9CA3A4;
    bottom: -12px;
}
h3 {
    font-size: 2rem;
    color: #4A5250;
    font-weight: 400;
}
h4 {
    text-transform: uppercase;
    letter-spacing: 0.06rem;
    font-size: 1.6rem;
    color: #4A5250;
    font-weight: 500;
	margin-bottom: 0.5rem;
}
h5 {
    font-size: 1.5rem;
    margin: 1em 0;
	color: #4A5250;
}
.small, small {
    font-size: 85%;
    font-weight: 400;
    margin: .5em 0;
    background: #e8eaea;
    padding: 2px 5px;
}
/*h3::before {
    content: "";
    display: block;
    background: rgba(37,181,186,0.5);
    width: 1px;
    height: 80px;
    position: absolute;
    left: 0;
    top: 5px;
}*/
/*ul {
    padding: 0 0 0 16px;
}*/

.content-wrapper a {
    color: #77827F;
	font-weight: 400;
}
.content-wrapper a:hover {
    color: #77827F;
}
.exit {
	font-weight: 400;
	color: #4A5250;
	border-top: 1px solid #d7d7d7;
	margin-top: 40px;
	padding-top: 30px;
}

.classes-wrapper {
    margin: 30px 0 60px;
	text-align: left;
}
.classes-wrapper * {
    font-size: 1.6rem !important;
    line-height: 1.2;
    margin: 0;
}
h5.class-name {
    font-weight: 500;
    font-size: 1.5rem;
    color: #4A5250;
    text-transform: uppercase;
    letter-spacing: 0.05rem;
}
.single-course-wrapper {
    border-bottom: 1px solid #e7e7e7;
    padding: 30px 0px;
}
.single-course-wrapper:first-child {
    border-top: 1px solid #e7e7e7;
}
.class-duration-wrap i {
    color: #9ca3a4;
}
.class-link-wrap {
    text-align: right;
}
@media (max-width:992px) {
	.class-link-wrap {
		margin-top: 15px;
	}
}
.btn {
    border: 2px solid transparent;
    padding: 9px 22px;
    font-size: 1.5rem;
    line-height: 1;
    border-radius: 20px;
}
.btn-primary {
    background: #4A5250;
	border-color: #4A5250;
	color: #fff;
}
.btn-primary:hover,
.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active {
    background: #303534;
	border-color: #303534;
	color: #fff;
}
.btn-secondary {
    color: #4A5250;
    background-color: #fff;
    border-color: #4A5250;
}
.btn-secondary:hover,
.btn-secondary:not(:disabled):not(.disabled).active,
.btn-secondary:not(:disabled):not(.disabled):active {
    background: #4A5250;
	border-color: #4A5250;
	color: #fff;
}
.btn-primary.focus, .btn-primary:focus {
    box-shadow: 0 0 0 .1rem rgba(108,117,125,.5);
}
.btn-secondary.focus, .btn-secondary:focus {
    box-shadow: 0 0 0 .1rem rgba(108,117,125,.5);
}

@media (min-width:992px) {
	.class-name-wrap {
		padding-left: 0;
	}
}
@media (max-width:991px) {
	.class-name-wrap,
	.class-duration-wrap,
	.class-description-wrap,
	.class-link-wrap {
		padding: 5px 0;
	}
}

.row.list:nth-child(2n) {
    background: #f0f2f2;
}
.row.list {
    padding: 2px 5px;
}
.modal-content {
	border-radius: .5rem;
}
.modal-dialog {
    max-width: 850px;
    padding: 0 15px;
}
.modal-header {
	background: #4a5250;
}
.modal-header,
.modal-body,
.modal-footer {
	padding: 2rem;
	text-align: left;
	border: none;
}
.modal-title {
    margin-top: 0;
	color: #fff;
}
.modal-body p {
    margin: 0 0 1em 0;
}
.modal-body p.class-time {
    border-bottom: 1px dotted #e7e7e7;
    margin: 10px 0;
    padding-bottom: 6px;
    font-weight: 500;
    font-size: 1.4rem;
}
.modal-header .close {
  color: #fff;
}

.class {
  margin: 0 -20px;
  padding: 20px;
	position: relative;
}
.odd {
  background: #e8eaea;
}
.booking {
  background: #4A5250;
  color: #fff;
}
.booking h4 {
  color: #fff;
}
.content-wrapper .booking a {
  color: #959D9B;
}
.class.new::after {
  content: "NEW VENUE";
  position: absolute;
  top: 10px;
  right: 10px;
  background: #4a5250;
  padding: 2px 9px;
  color: #fff;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.06rem;
}
.class.new-class::after {
  content: "NEW CLASS";
  position: absolute;
  top: 10px;
  right: 10px;
  background: #16b892;
  padding: 2px 9px;
  color: #fff;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.06rem;
}
.modal-body p span {
  font-size: 15px;
  /*font-weight: 500;*/
}
.modal-body p.modal-intro {
	margin-bottom: 2em;
}
.class h4 {
  margin-top: 10px;
}

/* -- new -- */

/*  END General styles  */

.gs .owl-theme .owl-dots .owl-dot span {
    width: 12px;
    height: 12px;
    margin: 5px 7px;
    background: rgba(255,255,255,.3);
    transition: opacity .2s ease;
}
.gs .owl-theme .owl-dots .owl-dot.active span,
.gs .owl-theme .owl-dots .owl-dot:hover span {
    background: #fff;
}
.gs .owl-theme .owl-nav.disabled + .owl-dots {
    margin-top: 28px;
}



/* Sections */
.about, .classes {
	background: #fff;
}
.profile-picture-wrapper {
    max-width: 500px;
	position: relative;
	z-index: 10;
	margin-bottom: 30px;
}
.profile-picture-wrapper::after {
    content: "";
    position: absolute;
    z-index: -1;
    -webkit-box-shadow: 0 0 40px rgba(0,0,0,0.8);
    box-shadow: 0 0 40px rgba(0,0,0,0.8);
    bottom: 8px;
    width: 80%;
    height: 50%;
    -moz-border-radius: 35%;
    border-radius: 35%;
    left: 10%;
    right: 10%;
}
.contact {
	background: #4A5250;
	color: #fff;
	text-align: center;
}

.gallery {
    margin-top: -200px;
}
.bcp {
	background: #e8eaea;
}
.about, .bcp, .classes {
	padding-top: 60px;
	padding-bottom: 30px;
}
.contact {
	padding-top: 60px;
	padding-bottom: 30px;
}

@media (min-width: 768px) {
  .about, .bcp, .classes {
  	padding-top: 60px;
	padding-bottom: 60px;
  }
}
@media (min-width: 1250px) {
  .about, .bcp, .classes {
  	padding-top: 60px;
	padding-bottom: 90px;
  }
}
.classes {
	padding-bottom: 220px;
	text-align: center;
}
.testimonials blockquote p {
    font-family: Georgia, Times, Times New Roman, serif;
    font-size: 2rem;
    margin-bottom: 25px;
    line-height: 1.5;
    margin-top: 65px;
	opacity: .8;
}
.testimonial-wrap {
    max-width: 1090px;
    margin: auto;
    padding: 0 50px;
}
@media (max-width:650px) {
	.testimonial-wrap {
		padding: 0 30px;
	}
}
cite {
    font-size: 1.4rem;
    font-weight: 500;
}

.contact a,
footer a {
    color: #8E9B98;
	font-weight: 400;
}
.contact a:hover,
footer a:hover {
    color: #8E9B98;
    text-decoration: none;
	border-bottom: 1px solid;
	padding-bottom: 3px;
}
.contact-content p {
	font-size: 2.5rem;
}
.contact-content a {
	color: #fff;
}
@media (max-width: 650px) {
	.contact-content p {
		font-size: 2rem;
	}
}

/* Footer */
footer {
    background: #4A5250;
	padding-bottom: 30px;
    color: #fff;
}
.footer-content {
    border-top: 1px solid #626867;
}
.footer-content p {
    font-size: 1.5rem;
}
footer .modal {
	color: #212529;
}

/* Header nav */
svg, img, embed, object {
    display: block;
    height: auto;
    max-width: 100%;
}
button.navbar-toggler:focus {
    outline: none;
}
.navbar-toggler {
    padding: 0;
}

.hamburger {
	font:inherit;
	display:inline-block;
	overflow:visible;
	margin:0;
	cursor:pointer;
	transition-timing-function:linear;
	transition-duration:.15s;
	transition-property:opacity,filter;
	text-transform:none;
	color:inherit;
	border:0;
	background-color:transparent;
}
.hamburger:hover {
	 opacity:.7;
}
header.opened  .hamburger-inner,
header.opened  .hamburger-inner:after,
header.opened  .hamburger-inner:before {
	background-color:#4A5250;
}
.hamburger-box {
	position:relative;
	display:inline-block;
	width:40px;
	height:24px;
}
.hamburger-inner {
	top:50%;
	display:block;
	margin-top:-2px;
}
.hamburger-inner,
.hamburger-inner:after,
.hamburger-inner:before {
	position:absolute;
	width:38px;
	height:3px;
	transition-timing-function:ease;
	transition-duration:.15s;
	transition-property:transform;
	border-radius:1px;
	background-color:#4A5250;
}
.hamburger-inner:after,
.hamburger-inner:before {
	display:block;
	content:"";
}
.hamburger-inner:before {
	top:-10px;
}
.hamburger-inner:after {
	bottom:-10px;
}
.hamburger-inner {
	 transition-timing-function:cubic-bezier(.55,.055,.675,.19);
	 transition-duration:75ms;
}
.hamburger-inner:before {
	 transition:top 75ms ease .12s,opacity 75ms ease;
}
.hamburger-inner:after {
	 transition:bottom 75ms ease .12s,transform 75ms cubic-bezier(.55,.055,.675,.19);
}
header.opened  .hamburger-inner {
	 transition-delay:.12s;
	 transition-timing-function:cubic-bezier(.215,.61,.355,1);
	 transform:rotate(45deg);
}
header.opened .hamburger-inner:before {
	 top:0;
	 transition:top 75ms ease,opacity 75ms ease .12s;
	 opacity:0;
}
header.opened .hamburger-inner:after {
	 bottom:0;
	 transition:bottom 75ms ease,transform 75ms cubic-bezier(.215,.61,.355,1) .12s;
	 transform:rotate(-90deg);
}

@media screen and (max-width: 991px){
	#menu-primary-menu {
		margin-top: 20px;
		margin-bottom: 25px;
		display: flex;
		text-align: left;
	}
	#menu-primary-menu li {
		margin-left: 0;
	}
	header.main-header {
		position: relative;
	}
}
#menu-primary-menu {
  display: block;
  width: 100%;
}
#menu-primary-menu li a {
    color: #4A5250;
    border-bottom: 1px solid #eee;
    padding: 12px 0 7px;
	text-decoration: none;
	font-size: 2rem;
	font-weight: 400;
	display: block;
}
#menu-primary-menu li:last-child a {
    border: none;
}
@media screen and (min-width: 992px){
	#menu-primary-menu li {
	  display: inline-block;
	  margin-left: 25px;
	}
	#menu-primary-menu {
		text-align: right;
	}
	#menu-primary-menu li a {
		color: #fff;
		border: none;
	}
}

.owl-theme .owl-dots .owl-dot span {
    width: 10px;
    height: 10px;
    margin: 5px 7px;
    background: #D6D6D6;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity .2s ease;
    border-radius: 30px;
}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
    background: #849eba;
}
.owl-nav .owl-prev {
    position: absolute;
    left: -15px;
    top: 23%;
}
.owl-nav .owl-next {
    position: absolute;
    right: -15px;
    top: 23%;
}
.owl-nav button span {
    font-size: 5rem;
    font-family: arial;
}
.owl-nav .disabled {
    opacity: 0.1;
}