/* --- SCREEN --- */
/* ------------------------------------------------------------------------------------------ */


/* --- RESET --- */
* 											{ margin: 0; padding: 0; outline: none; -webkit-touch-callout: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; }

html, body 									{ height: 100%; -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: rgba(0,0,0,0); }

ul			 								{ list-style: none outside; }

:focus 										{ outline: none; }

button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner { border: 1px dotted transparent; /*padding: 2px 0 0;*/ }

a[href^="tel"]{
  color:inherit;
  text-decoration:none;
}
/* ------------------------------------------------------------------------------------------ */


/* --- TYPOGRAPHY --- */
body 										{ font-family: 'Open Sans'; font-size: 15px; line-height: 1.5; }

h1, h2, h3, h4, h5, h6 			            { line-height: 1.2; }
h2, h3, h4, h5, h6 			            	{ font-weight: 300; }
h1		 									{ font-size: 40px; }
h2  										{ font-size: 38px; }
h3  										{ font-size: 20px; font-weight: 400 }
h4, .kop									{ font-size: 34px; }
h5, .subkop									{ font-size: 21px; }
h6, .subkop2								{ font-size: 17px; }

.kop,
.subkop,
.subkop2									{ font-weight: 300 !important; clear: none !important; margin-bottom: 10px !important; line-height: 25px; font-family: 'Open Sans' }
.subkop2									{ margin-bottom: 5px !important; }

strong, .boldcolor 							{ font-weight: 600; }

a, a:visited 								{ text-decoration: none; }

.ca-title									{ font-family: 'Open Sans', sans-serif; font-weight: 300; text-align: center; }
.ca-subtitle								{ font-family: 'Open Sans', sans-serif; font-weight: 400; }

/* --- GENERAL --- */
.inner,
footer .boxes {
	position: relative;
	width: 100%;
	margin: 0 auto;
	padding: 0 5px;
}

input[type='submit'] {cursor: pointer;}

/* ------------------------------------------------------------------------------------------ */


/* --- HEADER --- */
header {
	position: relative;
	background: #fff;
}
header .top {
	position: fixed;
	top: 0; right: 0; left: 0;
	z-index: 20;
}
.showWidget header .top {
	top: 0 !important;
	z-index: 99;
}
.showWidget header .widget > div {
	display: block;
}
header .widget > div {
	display: none;
}
header .top .widget {
	position: relative;
	float: left;
}
header .top .widget input[type="text"] {
	position: relative;
	float: left;
	border-radius: 3px;
}
header .top .widget button {
	height: 40px;
	border-radius: 0;
}
header .top .widget .ca-title {
	color: #fff;
	width: 265px;
	padding: 10px;
	box-shadow: 2px 2px 2px rgba(0,0,0,.1);
}

header .top-menu {
	position: fixed;
	top: 45px;
	width: 100%;
	height: 110px;
	z-index: 20;
}
header.smaller .top {
	top: -40px;
}
header.smaller .top-menu {
	height: 55px;
	top: 0;
}

.main .pageTitle {
    padding: 0px 20px;
    font-family: 'Open Sans';
	font-weight: 300;
	font-size: 35px;
	text-transform: uppercase;
	max-width: 980px;
	text-align: center;
	letter-spacing: 0.5px;
    line-height: 1.2;
    margin-bottom: 15px;
}

header > .top-menu > .inner,
.slider .buttons {
	position: relative;
	display: block;
	max-width: 980px;
  margin: 0px auto;
}

/* --- LOGO --- */
header .logo {
	float: left;
	display: block;
	width: 220px;
	height: 74px;
	margin: 16px 0;
	background-size: auto 100% !important;
}
header.smaller .logo {
	height: 35px;
	margin: 10px 0;
}

/* --- .NAVIGATION --- */
header .menu {
	float: right;
  width: auto;
	max-width: 680px;
	max-height: 110px;
}
header .menu a,
header .menu a:visited {
	display: block;
	text-transform: uppercase;
	line-height: 110px;
}
header.smaller .menu {
	max-height: 55px;
}
header.smaller .menu > li a {
	line-height: 55px;
}

/* level 0 */
header .menu > li {
	float: left;
	position: relative;
}

header .menu > li:nth-child(8),
header .menu > li:nth-child(9),
header .menu > li:nth-child(10),
header .menu > li:nth-child(11),
header .menu > li:nth-child(12),
header .menu > li:nth-child(13),
header .menu > li:nth-child(14),
header .menu > li:nth-child(15),
header .menu > li:nth-child(16),
header .menu > li:nth-child(17),
header .menu > li:nth-child(18),
header .menu > li:nth-child(19),
header .menu > li:nth-child(20) {
	display: none;
}
header .menu > .menu-item-has-children .subitems {
	/*	display: none;*/
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	text-align: center;
}
header .menu > .menu-item-has-children .subitems:after {
	position: absolute;
	top: 30px;
	content: '>';
	transform: rotate(90deg);
	-o-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
}
header.smaller .menu > .menu-item-has-children .subitems:after {
	top: 18px;
}

header .menu > li > a {
	font-size: 14px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	padding: 0 10px;
}
/* spacer */
header .menu > li:first-child > a:before {
	content: '';
}
/*
header .menu > li.current-menu-item > a,
header .menu > li.current-menu-item > a:hover,
header .menu > li.current-page-ancestor > a,
header .menu > li.current-page-ancestor > a:hover,
header .menu > li.current-menu-parent > a,
header .menu > li.current-menu-parent > a:hover,
header .menu > li > a:hover,
header .menu > .menu-item-has-children .subitems:after {
	color: #fff;
}
*/
header .menu > li:hover ul {
	display: block;
}

/* level 1 */
header .menu ul {
	display: none;
	width: 200px;
	position: absolute;
	line-height: 30px;
	font-size: 12px;
	margin: 0 0 0 -1px;
	box-shadow: 2px 2px 2px rgba(0,0,0,.1);
}
header .menu ul > li .subitems {
	display: none;
}
header .menu ul > li a {
	display: block;
	padding: 5px 20px;
	line-height: 45px !important;
}
header .menu ul > li:hover a {
	color: #fff;
}

/* --- MOBILE .NAVIGATION --- */
/*
header .mobile-nav {
	display: none;
}
header .mobile-nav .styled-select {
	border-radius: 3px;
}
header .mobile-nav .styled-select select {
	padding: 5px;
}

header .mobile-nav select {
	font-size: 18px;
}
header .mobile-nav option:nth-child(1),
header .mobile-nav option:nth-child(2) {
	display: none;
}
header .mobile-nav option {
	font-size: 14px;
}
*/

.hamburger-menu-button button {
	display: none;
  float: right;
  position: relative;
  overflow: hidden;
  margin: 30px 10px;
  padding: 0;
  width: 50px;
  height: 50px;
  font-size: 0;
  text-indent: -9999px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  box-shadow: none;
  border-radius: none;
  border: none !important;
  cursor: pointer;
  border-radius: 4px;
/*   -webkit-transform-origin: 100% 100%; */
/*   transform-origin: 100% 100%; */
  -webkit-transform: scale(.8);
  				transform: scale(.8);
  -webkit-transition: transform 0.3s ease-in-out;
          transition: transform 0.3s ease-in-out;
}
header.smaller .hamburger-menu-button button {
	  -webkit-transform-origin: 100% 0;
  transform-origin: 100% 0;
	-webkit-transform: scale(.7);
  				transform: scale(.7);
  margin: 10px;
}
.hamburger-menu-button button:focus {
  outline: none;
}
.hamburger-menu-button button span {
  display: block;
  position: absolute;
  top: 22px;
  left: 7px;
  right: 7px;
  height: 5px;
  background: #fff;
}
.hamburger-menu-button button span::before,
.hamburger-menu-button button span::after {
  position: absolute;
  display: block;
  left: 0;
  width: 100%;
  height: 5px;
  background-color: #fff;
  content: "";
}
.hamburger-menu-button button span::before {
  top: -12px;
}
.hamburger-menu-button button span::after {
  bottom: -12px;
}
.hamburger-menu-button button span {
  -webkit-transition: background 0s 0.3s;
          transition: background 0s 0.3s;
}
.hamburger-menu-button button span::before,
.hamburger-menu-button button span::after {
  -webkit-transition-duration: 0.3s, 0.3s;
          transition-duration: 0.3s, 0.3s;
  -webkit-transition-delay: 0.3s, 0s;
          transition-delay: 0.3s, 0s;
}
.hamburger-menu-button button span::before {
  -webkit-transition-property: top, -webkit-transform;
          transition-property: top, transform;
}
.hamburger-menu-button button span::after {
  -webkit-transition-property: bottom, -webkit-transform;
          transition-property: bottom, transform;
}
.hamburger-menu .sub-menu i {
  display: none;
}

/* active state, i.e. menu open */
.hamburger-menu-button button.is-active span {
  background: none;
}
.hamburger-menu-button button.is-active span::before {
  top: 0;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}
.hamburger-menu-button button.is-active span::after {
  bottom: 0;
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.hamburger-menu-button button.is-active span::before,
.hamburger-menu-button button.is-active span::after {
  -webkit-transition-delay: 0s, 0.3s;
          transition-delay: 0s, 0.3s;
}

.hamburger-menu {
	display: none;
	position: absolute;
	top: 70px;
	width: 100%;
	text-align: center;
	overflow-y: scroll;
	z-index: 1000000;
	padding-bottom: 50px;
}
header.smaller .hamburger-menu {
	top: 54px;
}
.hamburger-menu ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	list-style-image: none
}
.hamburger-menu li a {
	display: block;
	text-decoration: none;
	padding: 8px 0;
	margin: 0px;
	color: #fff;
	font-size: 18px;
}
.hamburger-menu li.is-active:hover {
  background-color: inherit;
}
.hamburger-menu ul li a:hover {
	color: #fff;
	text-decoration:none;
}
.hamburger-menu > ul > li ul {
	max-height: 0;
	-webkit-transition: max-height .4s ease-in-out;
	transition: max-height .4s ease-in-out;
	overflow: hidden;
}
.hamburger-menu > ul > li.is-active ul {
	max-height: 1000px;
}
.hamburger-menu > ul > li.is-active,
.hamburger-menu > ul > li.is-active:hover {
	border: none;
}
.hamburger-menu > ul > li.is-active ul li {
	border-bottom: 1px solid transparent;
}
.hamburger-menu > ul > li.menu-item-has-children > a {
	pointer-events: none;
}
.hamburger-menu > ul > li a i {
	position: absolute;
	margin-top: 8px;
	margin-left: 8px;
	-webkit-transition: transform .2s ease-in-out, margin .2s ease-in-out;
	transition: transform .2s ease-in-out, margin .2s ease-in-out;
}
.hamburger-menu .sub-menu i {
    display: none;
}
.hamburger-menu > ul > li.is-active a i {
	margin-top: 6px;
	margin-left: 6px;
	transform: rotate(90deg);
}
@media 	only screen and (max-width: 1025px) {
	.hamburger-menu-button button {
		display: block;
	}
	.hamburger-menu {
		top: 115px;
	}
	header.smaller .hamburger-menu {
		top: 54px;
	}
}


header > .inner:first-child {
	position: absolute;
/*	z-index: 9;*/
}

/* --- SLIDER --- */
header .slider {
	display: none;
}
.home .slider li {
	display: block;
}
.home header .slider {
	display: block;
	position: relative;
	margin-top: 150px;
	overflow: hidden;
}
.home header .slider .inner {
	z-index: 5;
/*   max-width: 100%; */
}
.home header .slider .inner > div {
	position: absolute;
	top: 0; right: 0; bottom: 0; left: 0;
}


.home header .slider .video-slide > div:first-child {
	position: absolute;
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.home header .slider .video-slide iframe {
  position: absolute;
  top: 50%;
/*   left: 50%; */
  transform: translate(0, -50%);
	width: 100%;
	height: 100%;
}
.home header .slider .video-slide .info-holder {
	pointer-events: none;
}

@media(max-width: 1023px) {
	.home header .slider .video-slide div[class$="-source"] {
		display: none;
	}
	.home header .slider .video-slide .info-holder {
		pointer-events: all;
	}
}


.home header .slider li,
.home header .slider .inner > div {
	height: 580px;
}

.home header .slider {
	height: 580px;
}

.home header .slider .info {
	display: block;
	z-index: 5;
	width: 100%;
    height: 90%;
}
.home header .slider .info.no-cta {
	bottom: 0;
}

.home header .slider .info > * {
	margin-bottom: 10px;
}

.home header .slider .info .text {
    display: block;
    z-index: 5;
    cursor: pointer;
    line-height: 1.4em;
    text-align: center;
    position: absolute;
    transform: translate(-50%, -50%);
    left: 50%;
    margin: 0px;
    top: 49%;
    width: 70%;
    max-width: 680px;
}

.home header .slider .info .text .ca-title {
	text-shadow: 2px 2px 5px #333;
}

.home header .slider .info .text .ca-title {
	font-size: 44px;
	text-transform: uppercase;
	color: #fff;
    line-height: 1.1;
    font-weight: 600;
}
.home header .slider .timer {
	position: absolute;
	top: 0;
	height: 2px;
	width: 0;
	z-index: 1;
	display: none;
}

/* --- NOTIFICATION --- */
header .info {
	display: none;
}
.home header .info .notification {
	display: block;
	color: #fff;
	padding: 10px 20px;
	font-size: 17px;
    font-weight: 400;
    margin: 0px !important;
    text-align: center;
    position: absolute;
    bottom: 0px;
    width: 100%;
}
.home header .info .notification span {
	text-transform: uppercase;
}

.home .homeschedule ul {
	max-width: 980px;
	margin: 0px auto !important;
}

.home .homeschedule ul > li {
    margin-bottom: 4px !important;
    background: none !important;
}

.home .homeschedule ul > li .image {
    height: 200px !important;
}

.home .homeschedule ul > li .text {
	padding: 0px !important;
	position: relative !important;
}

.home .homeschedule ul > li .text h6 {
	font-size: 23px !important;
	text-shadow: none !important;
	padding: 6px 10px !important;
	margin-top: 4px !important;
}

.home .homeschedule ul > li .text .ca-subtitle {
	text-transform: uppercase !important;
	font-size: 17px !important;
	padding: 6px 10px !important;
	width: 100% !important;
	border-radius: 0px !important;
	text-align: center !important;
	background-color: transparent !important;
}

/* ------------------------------------------------------------------------------------------ */


/* --- MAINCONTAINER --- */
.main {
	position: relative;
	margin: 150px auto 0;
	overflow: auto;
	z-index: 9;
	padding-top: 20px;
    padding-bottom: 0px;
}

.archive > .main, .category > .main, .single > .main, .page > .main, .error404 > .main, .search > .main {
    max-width: 980px;
}

.home .main {
	position: relative;
	margin: 0px;
	padding-top: 0;
}
.main .inner {
	padding: 0;
}
.main .inner .background,
.main .inner .noBackground,
.boxes {
	padding: 0px;
	margin-bottom: 0px;
}
.main .inner .background  {
	margin: 0;
}
.boxes-none {
	position: relative;
	margin: 110px auto 0 !important;
}

body.home .boxes-none {margin-top: 0px !important;}

.main .content p {
	margin-bottom: 15px;
    line-height: 1.8;
}
.main .content p:last-child {
	margin-bottom: 0;
}

/* --- LINKS --- */
.main .content a,
.main .content a:visited,
.main .content .lessonData td.time a,
.main .content .lessonData td.time a:visited,
.main .content .lessonData a:hover {
	color: inherit;
	font-weight: bold;
	cursor: pointer;
}

.main .content .lessonData a,
.main .content .lessonData a:visited {
	font-weight: normal;
}

/* --- LISTS --- */
.main .content ol,
.main .content ul {
	margin-left: 40px;
	list-style: disc;
}
.address { 
	list-style: none !important;
	margin-left: 0 !important;
	margin-bottom: 10px;
}
.address .boldcolor { 
	display: inline-block;
	width: 80px;
	margin-right: 15px;
}

.main .content ol {
	list-style: decimal;
}

/* --- TABLE --- */
.main .content table {
	width: 100% !important;
}
.main .content table,
.main .content table td,
.main .content table th,
.main .content table tr {
	border-spacing: 0;
	/*border-collapse: collapse;*/
	padding: 3px;
}

/* --- SIDEBAR --- */
.main .sidebar-left > .content,
.main .sidebar-right > .content {
	width: 65.7%;
}

.category .main .sidebar-left > .content,
.category .main .sidebar-right > .content, 
.archive .main .sidebar-left > .content,
.archive .main .sidebar-right > .content,
.search .main .sidebar-left > .content,
.search .main .sidebar-right > .content {
	width: 100%;
}

.main .sidebar-left > .content {
	float: right;
}

/* --- PAGE CONTROLS --- */
.main .content .controls {
	position: relative;
	display: block;
	width: 100%;
	height: 25px;
	clear: both;
    margin-bottom: 15px;
}
.main .content .controls .next {
	float: right;
}
.main .content .controls .previous {
	float: left;
}

/* --- ICON --- */
.main .content .icon {
	display: none;
	position: absolute;
	top: 50px;
	left: 50px;
	z-index: -1;
	font-size: 400px;
}

.main [class^="icon-"]::before, .main [class*=" icon-"]::before {display: none !important;}

.followus [class^="icon-"]::before, .followus [class*=" icon-"]::before {
    position: relative;
    top: 3px;
}

/* --- SECTION --- */
.main .content section {
	overflow: auto;
}

/* --- LINE --- */
.main .content hr {
	border: 0;
	margin: 15px 0;
}

/* --- TITLE --- */
.main .content .ca-title {
	margin-bottom: 0px;
}

/* --- FORM --- */
.main .content form {
	position: relative;
	overflow: auto;
}
.main .content form .ca-title {
	margin-top: 15px;
	border-bottom: 0 !important;
	margin-bottom: 0;
	text-transform: uppercase;
}
.main .content input[type="reset"],
.main .content input[type="button"],
.main .content input[type='submit'],
.main .content input[type="file"] > input[type="button"],
.main .content button {
	float: right;
	display: block;
	margin-top: 10px;
	clear: both;
    cursor: pointer;
}

.g-recaptcha {
	clear: both;
	margin: 10px 0 0 0;
	float: right;
}

.main .content input[type='text'],
.main .content input[type='password'],
.main .content input[type='email'],
.main .content input[type='tel'],
.main .content input[type='file'],
.main .content textarea,
.main .content .upload {
    font-family: "Open Sans";
    display: block;
    width: 100%;
    margin: 5px 0 15px 0;
    border-radius: 3px;
    text-align: left;
}
.main .content form .styled-select {
	width: 100%;
	height: 40px;
  display: block;
  border-radius: 3px;
  margin: 5px 0 20px 0;
}
.main .content form .styled-select select {
	height: 40px;
}
.main .content form .styled-select:before {
	top: 18px;
}
.main .content .upload {
	position: relative;
	text-align: center;
	padding: 5px;
}
.main .content .upload:hover {
	background: #eee;
}
.main .content .upload > span {
	position: absolute;
	top: 0; right: 0; bottom: 0; left: 0;
	text-align: center;
	line-height: 40px;
	color: #333;
}
.main .content .upload input[type='file'] {
	margin: 0;
	padding: 0;
	font-size: 20px;
	height: 30px;
	cursor: pointer;
	width: 100%;
	opacity: 0;
	filter: alpha(opacity=0);
}

.main .content textarea {
	height: 150px;
}

.main .content form .ca-title {
    font-size: 30px !important;
    padding: 10px 0 !important;
    text-align: left;
}

/* --- SELECTS --- */
.main .content .styled-select {
	display: inline-block;
}
.main .content .styled-select select {
}
.main .content form label {
	display: block;
	width: 100%;
	text-align: left;
	margin: 5px auto;
	font-size: 16px;
}
.main .content form .form_remarks-label,
.main .content form .form_makechoice-label {
	vertical-align: top;
	margin-top: 17px;
}
.main .content form .form_remarks-label {
	vertical-align: top;
	margin-top: 17px;
}

.main .content form span {
	display: block;
	margin-bottom: 10px;
}


/* --- SECTIONS --- */
/* --- 404 --- */
/* --- V1 --- */


/* --- HOME --- */
/* --- V1 --- */
.home .sidebar,
.home .main .sidebar-left > .sidebar,
.home .main .sidebar-right > .sidebar {
	display: none;
}
.home .content,
.home .main .sidebar-left > .content,
.home .main .sidebar-right > .content {
	width: 100%;
}
.home .intro > div:last-child {
	overflow: auto;
}
.home .intro > div:last-child p {
	padding-bottom: 25px;
}

section.intro {
    padding-top: 25px;
    max-width: 980px;
    margin: 0px auto;
}

.home .intro .kop {text-align: center;}

.home .intro .widget {
	width: 32%;
	float: left;
	margin-right: 20px;
}
.intro .slider li .text .ca-title {
	cursor: pointer;
	line-height: 30px;
}
.intro .slider li {
	position: relative;
	display: block;
}
.intro .slider {
	display: block;
	position: relative;
	overflow: hidden;
}
.intro .slider > div {
	margin: 0 !important;
}
.intro .slider li,
.intro .slider .inner > div {
	height: 180px !important;
}
.intro .slider li .ca-title {
	margin-bottom: 0;
}

/* --- SIDEBARFORM WIDGET --- */
.home .moreinfo {
	display: block;
    max-width: 980px;
    margin: 5px auto;
}
.home .moreinfo {
	padding-bottom: 10px;
	overflow: auto;
}
.home .moreinfo > * {
	margin-bottom: 10px;
}
.home .moreinfo > *:first-child {
	margin-top: 2px;
}
.home .moreinfo > *:last-child {
	margin-bottom: 0;
}
.home .moreinfo #name,
.home .moreinfo #phone,
.home .moreinfo #email {
	width: 32.5%;
    border-radius: 3px;
    float: left;
}

.home .moreinfo #phone {
    margin: 5px 1% 15px 1%;
}

.home .moreinfo .g-recaptcha {
	margin: 0;
	-webkit-transform: scale(.8);
	-moz-transform: scale(.8);
	-ms-transform: scale(.8);
	-o-transform: scale(.8);
	transform: scale(.8);
	-webkit-transform-origin: top left;
	-moz-transform-origin: top left;
	-ms-transform-origin: top left;
	-o-transform-origin: top left;
	transform-origin: top left;
	width: 305px;
    float: left;
}

.home .moreinfo input[type='submit'] {
	clear: none;
	float: right;
    margin-top: 0px;
    margin-right: 4px;
    width: 120px;
}

.home .moreinfo .ca-title {
    border-top: 0px !important;
}

/* --- FEATURED BLOKKEN --- */

.home .featured {
	clear: both;
	overflow: auto;
    margin-bottom: 0px;
    margin-top: 10px;
}
.home .featured .titleBlock {
	width: 100%;
	padding: 10px;
	text-transform: uppercase;
    text-align: center;
}
.home .featured .titleBlock a {
	font-family: 'Open Sans';
    font-weight: 300;
    letter-spacing: 2px;
}

.home .featured > .ca-title {
	color: #fff;
}
.home .featured ul {
	margin: 0;
}
.home .featured ul > li {
    position: relative;
    width: 33.33%;
    float: left;
    cursor: pointer;
    margin: 0;
    list-style: outside none none;
    padding: 0px;
}
.home .featured ul > li:last-child {
	margin: 0;
}
.home .featured ul > li .image,
.home .featured ul > li .no-image {
	position: relative;
	height: 360px;
	background-size: cover !important;
}
.home .featured ul > li .no-image .color span {
	display: none;
}
.home .featured ul > li .color {
	position: absolute;
	top: 0; right: 0; bottom: 0; left: 0;
	opacity: 1;
}

.color {
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
}

.home .featured ul > li .text {
	overflow: hidden;
	padding: 10px;
	position: absolute;
	bottom: 5px;
	width: 100%;
}

.home .featured ul > li .text .ca-subtitle {
	display: block;
	padding: 5px 10px;
	color: #fff;
	float: left;
	border-radius: 3px;
}
.home .featured ul > li .text * {
	margin: 0;
}

/* one item */
.featured li:nth-child(1):nth-last-child(1) {
	width: 100%;
	height: 400px;
}

/* two items */
.featured li:nth-child(1):nth-last-child(2),
.featured li:nth-child(2):nth-last-child(1) {
	width: 50%;
    height: 400px;
}

.featured li:nth-child(1):nth-last-child(2) h6, .featured li:nth-child(2):nth-last-child(1) h6 {
    font-size: 32px;
}

/* three items */
.featured li:nth-child(1):nth-last-child(3),
.featured li:nth-child(2):nth-last-child(2),
.featured li:nth-child(3):nth-last-child(1) {
	width: 33.3333%;
	height: 350px;
}

/* four items */
.featured li:nth-child(1):nth-last-child(4),
.featured li:nth-child(2):nth-last-child(3),
.featured li:nth-child(3):nth-last-child(2),
.featured li:nth-child(4):nth-last-child(1) {
	width: 25%;
	height: 300px;
}

/* five items */
.featured li:nth-child(2):nth-last-child(4),
.featured li:nth-child(3):nth-last-child(3),
.featured li:nth-child(4):nth-last-child(2),
.featured li:nth-child(5):nth-last-child(1) {
	width: 25%;
	float: left;
	height: 240px;
	display: inline-block;
}
.featured li:nth-child(1):nth-last-child(5) {
	width: 50%;
	height: 480px;
	float: left;
}
.featured li:nth-child(2):nth-last-child(4) h6,
.featured li:nth-child(3):nth-last-child(3) h6,
.featured li:nth-child(4):nth-last-child(2) h6,
.featured li:nth-child(5):nth-last-child(1) h6 {
    text-align: left !important;
}

.homeschedule li:nth-child(4) {clear: both;}

.text h6 {
	font-weight: 600;
    font-size: 26px;
    text-transform: uppercase;
    color: #FFF !important;
    margin: 12px 12px;
    text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.6);
    line-height: 1.1;
}

.featured li:nth-child(1):nth-last-child(1) .text h6,
.featured li:nth-child(1):nth-last-child(5) .text h6 {
    font-size: 40px;
    text-align: center;
}

.featured li:nth-child(1):nth-last-child(1) .text,
.featured li:nth-child(1):nth-last-child(5) .text {
	transform: translate(-50%, -50%);
	left: 50%;
	margin: 0px;
	top: 49%;
	width: 90%;
	position: relative;
}
/*
li:hover .text {
 	transition: transform 0.35s ease 0.25s;
	transform: translate3d(0px, 0px, 0px);
}
*/

.featured .image {
	height: 100% !important;
	overflow: auto;
	background: no-repeat center center fixed;
	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
	background-size: cover;
}

.fullwidth-header-image {
	display: block;
	margin: 0 20px 20px 20px;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	height: 400px;
}
@media (min-width: 768px) and (max-width: 1023px) {
	.fullwidth-header-image {
		height: 200px;
	}
}
@media (max-width: 767px) {
	.webdetail2 .main {
		margin-top: 110px !important;
	}
	.fullwidth-header-image {
		margin: 0 10px 10px 10px;
		height: 120px;
	}
}

/* --- PAGE / SINGLE --- */
/* --- GENERAL --- */
.single .post,
.page .post {

}
.single .post > *,
.page .post > * {
	margin-bottom: 20px;
}
.single .post form,
.page .post form {
	clear: both;
}
.single .post > *:last-child,
.page .post > *:last-child {
	margin-bottom: 15px;
}
.single .post .content,
.page .post .content {
	display: block;
	width: 100%;
	padding: 0px 20px 20px 20px;
	overflow: auto;
}
.single .post .content img,
.page .post .content img {
	float: left;
	width: 50%;
}
.single .post .content .ca-title,
.page .post .content .ca-title,
.single .post .content .ca-title a,
.page .post .content .ca-title a {
	font-size: 34px;
	font-weight: 300;
	padding-bottom: 20px;
	overflow: hidden;
/*	white-space: nowrap; */
	text-overflow: ellipsis;
    margin-bottom: 0px;
}
.single .post .header-image,
.page .post .header-image {
	position: relative;
	display: block;
	height: 380px;
	background-size: cover !important;
    margin-bottom: 20px;
}
.single .post .content .header-image.no-image,
.page .post .content .header-image.no-image {
	display: none;
}

/* --- WEBDETAIL1 --- */
.single .webdetail1 .post .content .ca-title,
.page .webdetail1 .post .content .ca-title {
	
}

/* --- EVENTDETAIL1 --- */
.single .eventdetail1 .post .header-image .eventDate {
	position: absolute;
	left: 0;
	bottom: 0;
	list-style: none !important;
	margin: 0;
	z-index: 3;
}
.single .eventdetail1 .post .header-image .eventDate li {
	display: block;
	color: #fff;
	width: 80px;
	text-align: center;
	padding: 5px;
}
.single .eventdetail1 .post .header-image .eventDate li:nth-child(1) {
	font-size: 48px;
	line-height: 40px;
}
.single .eventdetail1 .post .header-image .eventDate li:nth-child(2) {
	font-size: 24px;
}
.single .eventdetail1 .post .header-image .eventDate li:nth-child(3),
.single .eventdetail1 .post .header-image .eventDate li:nth-child(4) {
	display: none;
}

.gymlessons .schedulePeriod .styled-select {
	width: 50%;
}
.gymlessons .scheduleType .title > * {
	display: inline-block;
}
.gymlessons .tools > * {
	float: left;
	width: 32.3%;
	margin-right: 1.4%;
}


.gymlessons.lessonlist2 .tools > *,
.gymlessons.lessonlist3 .tools > * {
	width: 49.2% !important;
}
.gymlessons .tools > *:last-child {
	margin-right: 0;
}
.gymlessons .tools a.button,
.gymlessons .tools a.button:visited {
	display: block;
	width: 100%;
	padding: 7px 0 6px;
	text-align: center;
	color: #fff !important;
}
.gymlessons .tools a.button:hover {
	color: #fff !important;
}
.gymlessons .tools .button:last-child {
	margin-right: 0;
}

.gymlessons .tools.detail .button {
	float: none;
	width: 33.3%;
	margin-bottom: 10px;
}

.page .lessondetail1 .post {
    background: none !important;
    margin: 0 10px 30px 10px;
}
.page .lessondetail1 .post .content .ca-title,
.single .eventdetail1 .post .content .ca-title {
	border: 0;
	margin-bottom: 0;
}
.page .lessondetail1 .post .meta,
.single .eventdetail1 .post .content .meta,
.page .lessondetail2 .post .content .meta {
	margin: 0 0 15px 0;
	list-style: none;
	list-style: none;
	font-family: "Open Sans";
	font-size: 16px;
	padding-bottom: 15px;
    text-align: center;
}
.page .lessondetail1 .post .meta li,
.page .lessondetail2 .post .content .meta li,
.single .eventdetail1 .post .content .meta li {
	display: inline-block;
}
.page .lessondetail1 .post .meta li:after,
.page .lessondetail2 .post .content .meta li:after,
.single .eventdetail1 .post .content .meta li:after {
	content: "|";
	padding: 5px;
}
.page .lessondetail1 .post .meta li:last-child:after,
.page .lessondetail2 .post .content .meta li:last-child:after,
.single .eventdetail1 .post .content .meta li:last-child:after {
	content: none;
}

/* --- GALLERYDETAIL1 --- */
.single .gallerydetail1 .post .header-image {
	display: none;
}
.single .gallerydetail1 .post .image {
	position: relative;
	float: left;
	width: 33%;
	height: 110px;
	margin: 5px .5% 3px 0;
	padding: 0;
}
.single .gallerydetail1 .post .image:nth-child(3n+2) {
	margin-right: 0;
}
.single .gallerydetail1 .post .image .miniature,
.single .gallerydetail1 .post .image .miniature .img {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-size: cover !important;
}
.single .gallerydetail1 .post .overlay span {
	position: absolute;
	width: 40px;
	height: 40px;
	border-radius: 20px;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	opacity: 0;
	font-size: 26px;
	line-height: 42px;
	font-family: Arial;
}
.single .gallerydetail1 .post .overlay {
	position: absolute !important;
	background: rgba(0, 0, 0, 0);
	background-size: cover !important;
	color: rgba(255, 255, 255, 0);
	z-index: 1;
}
.single .gallerydetail1 .post .miniature .no-image,
.single .gallerydetail1 .post .overlay > div {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	top: 0; right: 0; bottom: 0; left: 0;
	font-size: 4em;
}
.single .gallerydetail1 .post .image:hover .overlay {
	position: absolute;
	background: rgba(0, 0, 0, .4);
	color: rgba(255, 255, 255, 1);
}
.single .gallerydetail1 .post .overlay:hover span {
	opacity: 1;
}
.single .category .gallerydetail1 .post .miniature,
.single .gallerydetail1 .post .overlay{
	position: relative;
	display: table;
	width: 100%;
	height: 100%;
	overflow: auto;
}


/* --- GOOGLE MAPS --- */
.single .post #google-map {
	position: absolute;
	top: 0; right: 0; bottom: 0; left: 0;
	z-index: 0;
}

/* --- LESSEONDETAIL1 --- */
/* --- TIMETABLE --- */
.lessondetail1 .post{
	padding: 0px;
}
.lessondetail1 .timetable{
	width: 100%;
	table-layout: fixed;
    margin-bottom: 20px;
}
.lessondetail1 .timetable td,
.lessondetail1 .timetable th {
	vertical-align: middle;
	text-align: center;
	width: 120px;
	padding: 0px !important;
}
.lessondetail1 .timetable td+td,
.lessondetail1 .timetable th+th{
	width: 12.5%;
}
.lessondetail1 .timetable th+th,
.lessondetail1 .timetable th+th a,
.lessondetail1 .timetable .time {
	padding: 5px !important;
	font-weight: normal;
	text-align: center;
}
.lessondetail1 .timetable td[class^="timestate"] {
	color: #fff;
	/*cursor: pointer;*/
	font-size: 13px;
}
.lessondetail1 .timetable td[rowspan] {
	height: 50px;
}
.lessondetail1 .timetable .time {
	position: relative;
}
.lessondetail1 .timetable .time span {
	position: absolute;
	top: -12px; left: 30px;
	padding: 0 10px;
}
.lessondetail1 .timetable td[class^="timestate"] span {
	font-size: 10px;
}
.lessondetail1 .timetable td[class^="timestate"] a,
.lessondetail1 .timetable td[class^="timestate"] a:visited {
	margin-top: 10px;
	display: block;
	background: none;
	color: #fff !important;
}
.lessondetail1 .timetable td[class^="timestate"] a:first-child,
.lessondetail1 .timetable td[class^="timestate"] a:visited:first-child {
	margin-top: 1px;
}
.lessondetail1 .timetable td[class^="timestate"] a:hover {
	text-decoration: underline;
	color: #fff !important;
}
.lessondetail1 .timetable tbody tr:last-child td {
	padding: 0;
	height: 0;
	border-right: 0;
}
.lessondetail1 .post .ca-title{
	padding: 5px 0;
}

.lessondetail1 .timetable td.hidden {
	display: none;
}

.page .lessondetail1 .post .meta {text-align: center;}

.lessonlist1 .timetable tr {padding: 0 !important;}

/* --- TIMETABLE FILTER --- */
.lessondetail1 .timetable-filter {
	margin: 0 !important;
	overflow: auto;
}
.lessondetail1 .timetable-filter li {
	float: left;
	display: block;
	list-style: none inside;
	padding: 5px 10px;
	margin: 0 10px 10px 0;
	cursor: pointer;
}
.lessondetail1 .timetable-filter li.active a,
.lessondetail1 .timetable-filter li:hover a,
.lessonlist1 .timetable-filter li.active,
.lessonlist1 .timetable-filter li:hover {
    color: #fff !important;
}

.main .content .transition .active a,
.main .content .transition a:hover {
	color: #fff !important;
}

.lessondetail1 .timetable-filter li a {font-weight: 300;}

/* --- TIMETABLE MOBILE --- */
.lessondetail1 .day .ca-title {
    text-transform: uppercase;
    font-weight: 400;
    font-size: 22px;
    padding: 5px 0px;
    margin-bottom: 10px;
}

.lessondetail1 .timetable-mobile {
	display: none;
}
.lessondetail1 .timetable-mobile .ca-title {
	float: left;
}
.lessondetail1 .timetable-mobile .day {
	margin-bottom: 30px;
}
.lessondetail1 .timetable-mobile .day:last-child {
	margin-bottom: 0;
}
.lessondetail1 .timetable-mobile .event {
	overflow: auto;
	line-height: 36px;
	clear: left;
}
.lessondetail1 .timetable-mobile .event > div:first-child {
	float: left;
}
.lessondetail1 .timetable-mobile .event > div:last-child {
	float: right;
}

/* --- TIMETABLE FILTER --- */
.lessondetail2 .timetable-lesson-filter,
.lessondetail2 .timetable-category-filter,
.lessondetail2 .timetable-day-filter {
	margin: 0 !important;
	list-style: none;
}
.lessondetail2 .timetable-lesson-filter li,
.lessondetail2 .timetable-category-filter li,
.lessondetail2 .timetable-day-filter li {
	display: inline-block;
	vertical-align: middle;
}
.lessondetail2 .timetable-lesson-filter .styled-select,
.lessondetail2 .timetable-category-filter .styled-select,
.lessondetail2 .timetable-day-filter .styled-select {
	width: 300px !important;
}
.lessondetail2 .timetable-lesson-filter li:first-child,
.lessondetail2 .timetable-category-filter li:first-child,
.lessondetail2 .timetable-day-filter li:first-child {
	width: 20%;
}
.lessondetail2 .timetable-day-filter {
	display: none;
}

/* --- dayTabs --- */
.lessondetail2 .dayTabs {
	border-collapse: collapse;
	width: 100%;
	text-align: center;
	margin: 10px 0;
}
.lessondetail2 .dayTabs td {
	border-right: 1px solid #fff;
	padding: 10px 0 !important;
	cursor: pointer;
}
.lessondetail2 .dayTabs td:last-child {
	border-right: 0;
}
.lessondetail2 .dayTabs td,
.lessondetail2 .dayTabs td a,
.lessondetail2 .dayTabs td a visited {
	color: #fff !important;
    font-size: 14px;
    font-weight: normal;
}

/* --- TIMETABLE --- */
.lessondetail2 .lessonData {
	font-size: 15px;
	border-collapse: collapse;
	width: 100%;
}
.lessondetail2 .lessonData tr td {
	cursor: pointer;
	padding: 5px 0 !important;
}
.lessondetail2 .lessonData tr td.time {
	width: 17%;
	font-weight: 600;
}
.lessondetail2 .lessonData tr td.title {
	width: 42%;
}
.lessondetail2 .lessonData tr td.location {
	width: 19%;
}
.lessondetail2 .lessonData tr td.trainer {
	width: 22%;
}
.lessondetail2 .lessonData tr:hover td.title {
	font-weight: 600 !important;
}

/* --- TIMETABLE FILTER --- */
.lessonlist2 .timetable-lesson-filter,
.lessonlist2 .timetable-category-filter,
.lessonlist2 .timetable-day-filter,
.lessonlist3 .timetable-lesson-filter,
.lessonlist3 .timetable-category-filter,
.lessonlist3 .timetable-day-filter {
	margin: 0 0 10px 0 !important;
	list-style: none;
}
.lessonlist2 .timetable-lesson-filter li,
.lessonlist2 .timetable-category-filter li,
.lessonlist2 .timetable-day-filter li {
	display: inline-block;
	vertical-align: middle;
}
.lessonlist2 .timetable-lesson-filter .styled-select,
.lessonlist2 .timetable-category-filter .styled-select,
.lessonlist2 .timetable-day-filter .styled-select {
	width: 300px !important;
}
.lessonlist2 .timetable-lesson-filter li:first-child,
.lessonlist2 .timetable-category-filter li:first-child,
.lessonlist2 .timetable-day-filter li:first-child {
	width: 20%;
}
.lessonlist2 .timetable-day-filter {
	display: none;
}

/* --- dayTabs --- */
.lessonlist2 .dayTabs {
	border-collapse: collapse;
	width: 100%;
	text-align: center;
	margin: 10px 0;
	font-size: 14px;
}
.lessonlist2 .dayTabs td {
	border-right: 1px solid #fff;
	padding: 10px 0 !important;
	cursor: pointer;
}
.lessonlist2 .dayTabs td:last-child {
	border-right: 0;
}
.lessonlist2 .dayTabs td,
.lessonlist2 .dayTabs td a,
.lessonlist2 .dayTabs td a:visited,
.lessonlist2 .dayTabs td a:hover {
	color: #fff !important;
}

/* --- TIMETABLE --- */
.lessonlist2 .lessonData {
	font-size: 15px;
	border-collapse: collapse;
	width: 100%;
}
.lessonlist2 .lessonData tr td {
	cursor: pointer;
	padding: 5px 0 !important;
}
.lessonlist2 .lessonData tr td.time {
	font-weight: 600;
	text-align: left;
}
.lessonlist2 .lessonData tr td.title {
	width: 45%;
}
.lessonlist2 .lessonData tr td.location {
	width: 25%;
}
.lessonlist2 .lessonData tr td.trainer {
	width: 15%;
}
.lessonlist2 .lessonData tr td a {
	font-weight: normal;
}
.lessonlist2 .lessonData tr:hover .title a {
	font-weight: 600 !important;
}

a.pdf-button {display: block; margin-top: 15px;}

/* --- LIST --- */
/* --- GENERAL --- */
.tag .post,
.search .post,
.category .post {
	display: block;
	margin-bottom: 20px;
	cursor: pointer;
}
.tag .post .miniature,
.search .post .miniature,
.category .post .miniature {
	position: relative;
	height: 240px;
	background: #ddd;
}
.tag .post .miniature .img,
.search .post .miniature .no-image,
.category .post .miniature .overlay,
.tag .post .miniature .img,
.search .post .miniature .no-image,
.category .post .miniature .overlay,
.tag .post .miniature .img,
.search .post .miniature .no-image,
.category .post .miniature .overlay {
	position: absolute;
	display: block;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1;
}
.tag .post .miniature .img,
.search .post .miniature .img,
.category .post .miniature .img {
	position: absolute;
	background-size: cover !important;
}
.category .post .miniature .img,
.tag .post .miniature .img,
.search .post .miniature .img {
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}





.category .post .miniature .no-image > div,
.category .post .miniature .overlay > div,
.tag .post .miniature .no-image > div,
.tag .post .miniature .overlay > div,
.search .post .miniature .no-image > div,
.search .post .miniature .overlay > div {
	position: absolute;
	top: 50%;
	left: 50%;	
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	font-size: 50px;
}
.tag .post .miniature .no-image,
.search .post .miniature .no-image,
.category .post .miniature .no-image {
	background: #f5f5f5;
}
.tag .post .miniature .no-image div,
.search .post .miniature .no-image div,
.category .post .miniature .no-image div {
	
}
.tag .post .miniature .overlay,
.search .post .miniature .overlay,
.category .post .miniature .overlay {
	background: rgba(0,0,0,0);
	z-index: 2;
}
.tag .post:hover .miniature .overlay,
.search .post:hover .miniature .overlay,
.category .post:hover .miniature .overlay {
	background: rgba(0,0,0,.4);
}
.tag .post .miniature .overlay div,
.search .post .miniature .overlay div,
.category .post .miniature .overlay div {
	opacity: 0;
	color: #fff;
}
.tag .post:hover .miniature .overlay div,
.search .post:hover .miniature .overlay div,
.category .post:hover .miniature .overlay div {
	opacity: 1;
}
.tag .post .ca-title,
.tag .post .ca-title a,
.search .post .ca-title,
.search .post .ca-title a,
.category .post .ca-title,
.category .post .ca-title a {
	font-size: 24px;
	font-weight: 300;
	padding: 10px 0;
    text-align: center;
}
.tag .post .content,
.search .post .content,
.category .post .content {
	overflow: hidden;
	font-family: "Open Sans";
    position: relative;
    height: 190px;
    text-align: center;
}

.tag .post .content img,
.search .post .content img,
.category .post .content img {
	float: left;
	width: 50%;
}
.tag .post .content .readmore,
.category .post .content .readmore,
.category .post .content .readmore,
.job .button {
	padding: 5px 10px;
	border-radius: 3px;
    font-weight: normal;
	margin: 10px auto !important;
    max-width: 55%;
    position: absolute;
    bottom: 5px;
    left: 0;
    right: 0;
    background: none;
    line-height: 30px;
}
.job .button {
  margin: 0 !important;
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  -webkit-transform: translate(-50%, 0);
}
.archive .post .content .readmore:hover, 
.category .post .content .readmore:hover,
.main .content a.readmore:hover,
.job .button:hover {
	color: #fff !important;
}

/* --- WEBLIST1 --- */
.weblist1 {margin-top: 10px;}

.category .weblist1 .post,
.category .joblist1 .post,
.tag .post,
.search .post,
.category .locationlist2 .post {
	float: left;
	width: 33.3%;
	margin-right: 0%;
	min-height: 550px;
}
.category .joblist1 .post {
  min-height: 430px;
}
.tag .post:nth-child(2n+2),
.category .weblist1.firstPage .post:nth-child(2n+1),
.category .joblist1.firstPage .post:nth-child(2n+1) {
	margin-right: 0;
	width: 33.3%;
}
.category .weblist1.middlePage .post:nth-child(2n+2),
.category .joblist1.middlePage .post:nth-child(2n+2) {
	margin-right: 0;
	width: 33.3%;
}
.category .weblist1 .postLarge .content {
	height: 130px;
}
.tag .post .ca-title,
.tag .post .content,
.search .post .ca-title,
.search .post .content,
.category .weblist1 .post .ca-title,
.category .weblist1 .post .content,
.category .eventlist1 .post .ca-title,
.category .eventlist1 .post .content,
.category .locationlist2 .post .ca-title,
.category .locationlist2 .post .content {
	padding: 0 15px;
}
.tag .post .ca-title,
.search .post .ca-title,
.category .weblist1 .post .ca-title,
.category .locationlist2 .post .ca-title {
	padding: 0px 0px 0px;
	margin: 15px;
	height: 59px;
	overflow: hidden;
}
.category .weblist1 .post .content,
.category .locationlist2 .post .content {
	height: 205px;
	text-align: center;
    position: relative;
}

.category .weblist1 .post .content p {
	max-height: 110px;
	overflow: hidden;
}

/* --- EVENTLIST1 --- */
.eventlist1 {margin-top: 10px;}

.category .eventlist1 .post .ca-title {
    padding: 0px;
    margin: 8px 0px 8px 0px;
    height: 70px;
    overflow: hidden;
}
.category .eventlist1 .post {
    float: left;
    width: 33.3%;
    margin-right: 0%;
    height: 580px;
}
.category .eventlist1 .post {
	padding: 0;
	overflow: auto;
    position: relative;
}
.category .weblist1 .post .content, 
.category .locationlist2 .post .content {
	text-align: center;
}
div.eventDate,
.tag .eventlist1 .post .miniature .eventDate,
.search .eventlist1 .post .miniature .eventDate,
.category .eventlist1 .post .miniature .eventDate {
    font-size: 20px;
    text-align: center;
    margin-top: 15px;
    font-weight: 600;
}

.eventlist3 .post {
  padding: 10px;
  width: 100% !important;
}

.calendar-mobile {
  display: none;
}
.calendar-mobile.no-events {
  background-color: transparent;
  padding: 0;
}
.calendar-mobile .single-event-item {
  padding: 5px 0;
}
.calendar-mobile .single-event-item:last-child {
  border-bottom: none
}
.calendar-mobile .single-event-item * {
  display: block;
}
.calendar-mobile .single-event-item a {
  font-size: 1.4em;
}

.jalendar {
  margin: 0 !important;
}
.jalendar .jalendar-container .jalendar-pages {
  padding: 0 !important;
}
.jalendar h3 {
    margin-bottom: 20px !important;
    line-height: 25px;
}
.category .eventlist3 .jalendar span:before {
    display: none !important;
}
.jalendar .jalendar-container .jalendar-pages>.header .nxt-m,
.jalendar .jalendar-container .jalendar-pages>.header .prv-m {
  top: 0 !important;
}
.jalendar .jalendar-container .jalendar-pages>.header .nxt-m {
  right: 0 !important;
}
.jalendar .jalendar-container .jalendar-pages>.header .prv-m {
  left: 0 !important;
}
.jalendar .jalendar-container .jalendar-pages .days .day.have-event span.event-amount {
  display: inline-block;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  position: absolute;
  left: 50%;
  margin-left: -8px;
  bottom: 2px;
  font-size: 12px;
  color: #fff;
  padding: 0;
  line-height: 20px;
}
.jalendar .jalendar-container .jalendar-pages .days .day.have-event.today span.event-amount {
  background-color: #fff; 
}

.jalendar .jalendar-container .jalendar-pages .add-event .events {
  color: #fff;
}

.jalendar .jalendar-container .jalendar-pages .add-event .events .events-date {
  display: inline-block;
  width: 20%;
  margin-right: 2%;
  text-align: center;
  vertical-align: top;
}

.jalendar .jalendar-container .jalendar-pages .add-event .events .events-date .date-day,
.jalendar .jalendar-container .jalendar-pages .add-event .events .events-date .date-month {
  display: inline-block;
  width: 100%;
}
.jalendar .jalendar-container .jalendar-pages .add-event .events .events-date .date-day {
  font-size: 50px;
  line-height: 50px;
  font-weight: 600;
}
.jalendar .jalendar-container .jalendar-pages .add-event .events .events-date .date-month {
  font-size: 12px;
  text-transform: uppercase;
}

.jalendar .jalendar-container .jalendar-pages .add-event .events .events-list {
  display: inline-block;
  width: 78%;
  border-left: 1px solid rgba(255, 255, 255, .6);
  min-height: 70px;
}
.jalendar .jalendar-container .jalendar-pages .add-event .events .events-list .event-single {
    margin: 0 0 14px 15px !important;
}
.jalendar .jalendar-container .jalendar-pages .add-event .events .events-list .event-single a {
  font-size: 10px;
  padding: 0 10% 0 0 !important;
  margin: 0;
  color: #fff;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 95%;
}
.jalendar .jalendar-container .jalendar-pages .add-event .events .events-list .event-single:before {
  background-color: rgba(255, 255, 255, .6) !important;
  left: 0;
  width: auto !important;
}

.jalendar .jalendar-container .jalendar-pages .add-event .events .events-list .event-single a:before {
  display: none !important;
}
.jalendar .jalendar-container .jalendar-pages .add-event .events .events-list .event-single a:after {
  position: absolute;
  top: 7px;
  right: 12px;
  width: 0;
  height: 0;
  border-left: 6px solid #fff;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  content: '';
  pointer-events: none;
  opacity: .6;
}
.jalendar .jalendar-container .jalendar-pages .days .day.this-month.disable-selecting,
.jalendar .jalendar-container .jalendar-pages .days .day.this-month.disable-selecting span {
    cursor: default !important
}


.joblist1 .post {
  margin-bottom: 10px;
}
.job-selects-holder {
    width: 100%;
    float: left;
}
.job-select-holder {
    float: left;
    width: 32.6%;
    margin-right: 1%;
    margin-bottom: 10px;
}
.job-selects-holder .job-select-holder:last-child {
    margin-right: 0;
}
.job {
    position: relative;
    width: 100%;
    float: left;
    cursor: default;
}
.job .sub-date {
    width: 100%;
    font-size: 14px;
    float: left;
}
.job .ca-title {
    padding-bottom: 20px !important;   
}
.job .img-holder {
    float: left;
    height: 195px;
    width: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    background-color: #eee;
    border: 0;
    position: relative;
}
.job .img-holder.no-image {
    height: 195px !important;
    width: 20% !important;
}
.job .img-holder.no-image i {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    padding-bottom: 40px;
    font-size: 50px;
}
.job .img-holder.no-image i:before {
    font-size: 50px;
}
.joblist1 .post .content {
    width: 100%;
    float: left;
    text-align: left;
    padding: 0 10px;
    height: 220px;
}
.jobdetail1.joblist1 .post .content {
  height: auto;
}
.joblist1 .post button {
    margin: 0;
}
.joblist1 .post .content,
.joblist1 .post .content p,
.joblist1 .post .content .ca-title {
    text-align: center;
}
.joblist1.jobdetail1 .post .content,
.joblist1.jobdetail1 .post .content p,
.joblist1.jobdetail1 .post .content .ca-title {
    text-align: left;
}
.job .job-category {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 40px;
    line-height: 40px;
    font-weight: bold;
    font-size: 25px;
    text-align: center;
    color: #fff;
    width: 20%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding: 0 10px;
}
.jobdetail1 .job-category {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 40px;
    line-height: 40px;
    font-weight: bold;
    font-size: 25px;
    text-align: center;
    color: #fff;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding: 0 10px;
    width: 100%;
}
.jobdetail1 .sub-date {
  display: block;
  clear: both;
  font-size: 16px;
}


/* --- LOCATIONLIST1 --- */
.category .locationlist1 #google-map-list {
	height: 610px;
    margin-top: 10px !important;
    margin-bottom: 50px !important;
}

/* --- GALLERYLIST1 --- */
.category .gallerylist1 .post {
	float: left;
	width: 33.3%;
	margin-right: 0%;
    overflow: hidden;
}
.category .gallerylist1.firstPage .post:nth-child(2n+1) {
	margin-right: 0;
}
.category .gallerylist1.middlePage .post:nth-child(2n+2) {
	margin-right: 0;
}
.category .gallerylist1 .post .content,
.category .gallerylist1 .postLarge .content {
	display: none;
}
.category .gallerylist1 .post .ca-title {
	padding: 10px 8px;
	margin-bottom: 0;
	border-bottom: 0;
    height: 75px;
}
.category .gallerylist1 .post.postLarge .ca-title {
	padding-bottom: 0;
}

/* --- GYMLESSONS --- */
.gymlessons .timetable-list {
/*	padding: 10px 10px 10px 20px !important;*/
	padding: 0px 20px !important;
    border: 0px solid !important;
}

/* --- GENERAL LARGE-POST --- */
.category .post.postLarge {
	display: block;
	width: 100%;
	height: auto;
	padding: 20px;
}
.category .post.postLarge .miniature {
	width: 100%;
	height: 330px;
}
.category .post.postLarge .ca-title,
.category .post.postLarge .content {
	width: 100%;
	padding: 10px;
}
.category .post.postLarge .ca-title {
	margin: 0;
	width: 100% !important;
}
.category .post.postLarge .content {
	height: auto;
}


/* --- SIDEBAR --- */
.category .sidebar, .archive .sidebar, .search .sidebar {display: none !important;}

.sidebar {
	padding-right: 20px;
}
.main .sidebar-right .sidebar {
	display: block;
	float: right;
	padding-left: 10px;
	width: 34.3%;
	height: auto;
}
.main .sidebar-left  .sidebar {
	display: block;
	float: left;
	padding-right: 10px;
	width: 34.3%;
}
.main .sidebar {
	display: none;
}

/* --- SIDEBAR WIDGETS --- */
.main .sidebar .widget {
	margin-bottom: 20px;
}
.main .sidebar .wp:first-child {
	margin-top: 15px !important;
}
.main .sidebar .wp-widget > * {
	padding: 10px;
	position: relative;
}

/* --- SCHEDULE WIDGET --- */
.widget .schedule-widget {
	border-radius: 4px;
	padding: 10px 0px;
	overflow: auto;
}

.widget .schedule-widget .ca-title {
	padding-bottom: 6px;
}


.widget .schedule-widget .day {
	margin-top: 0px;
}

.widget .schedule-widget .day .ca-title {
	text-align: left;
	font-size: 18px;
	padding: 4px 10px;
	color: #fff !important;
}

.widget .schedule-widget .content {
	padding: 5px 10px;
}

.widget .schedule-widget .content:hover {
	cursor: pointer;
}

.widget .schedule-widget .content .event {
	font-weight: 600;
}

.widget .schedule-widget .time {
	float: right;
}

.widget .schedule-widget .transition {
    padding: 5px 10px 0px;
    font-weight: 600;
    float: right;
}

/* --- EVENT WIDGET --- */
.widget .schedule-widget .event-content {
	padding: 0;
	float: left;
	position: relative;
	width: 100%;
}
.widget .schedule-widget .event-content .date-holder {
	width: 50px;
	height: 50px;
	float: left;
}
.widget .schedule-widget .event-content .date-holder .day-ofthe-month {
	width: 100% !important;
	line-height: 34px;
	font-size: 32px;
	font-weight: 600;
	text-align: center;
	display: block;
	background: transparent !important;
	color: #fff;
}
.widget .schedule-widget .event-content .date-holder .month-ofthe-year {
	width: 100% !important;
	font-size: 16px;
	text-align: center;
	display: block;
	text-transform: uppercase;
	margin-top: -8px;
	color: #fff;
}
.widget .schedule-widget .event-content a {
	width: 100%;
	position: absolute;
    line-height: 50px;
    font-size: 15px;
    font-weight: 600;
    padding-left: 60px;
    left: 0;
	top: 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.overzicht-link {
	font-size: 15px;
    font-weight: 600;
    text-align: right;
    line-height: 20px;
    display: block;
    margin-right: 10px;
    padding-top: 5px;
    clear: both;
}

/* --- SEARCH WIDGET --- */
.widget .searchform #s {
	width: 59%;
	margin-right: 2%;
	padding-top: 5px;
	border-radius: 3px;
}
.widget .searchform #searchsubmit {
	width: 37.3%;
	border-radius: 3px;
	padding-bottom: 6px;
}
.widget .ca-title,
.widget .ca-subtitle {
	text-transform: uppercase;
}

/* --- BANNER WIDGET --- */
.widget .banner {
	height: 180px;
}
.sidebar .slider li .text .ca-title {
    cursor: pointer;
    line-height: 17px;
    text-align: center;
    font-size: 18px;
}
.sidebar .slider li {
	position: relative;
	display: block;
}
.sidebar .slider {
	display: block;
	position: relative;
	overflow: hidden;
}
.sidebar .slider li,
.sidebar .slider .inner > div {
	height: 180px !important;
}


/* --- CUSTOM HTML WIDGET --- */
.widget .custom-html-widget {
	overflow: hidden;
}
.widget .custom-html-widget {
	padding: 10px;
}
.widget .custom-html-widget > * {
	margin-bottom: 10px;
}
.widget .custom-html-widget > *:last-child {
	margin-bottom: 0;
}


/* --- MORE INFO WIDGET --- */
.widget .moreinfo {
	position: relative;
	display: block;
}
.widget .moreinfo {
	padding: 0px 0px 10px 0;
	overflow: auto;
	display: block;
}
.widget .moreinfo > * {
	margin-bottom: 10px;
}
.widget .moreinfo > *:first-child {
	margin-top: 2px;
}
.widget .moreinfo > *:last-child {
	margin-bottom: 0;
}
.widget .moreinfo #name,
.widget .moreinfo #phone,
.widget .moreinfo #email {
	width: 100%;
    border-radius: 3px;
}
header .widget .moreinfo .g-recaptcha {
	margin: 0;
	-webkit-transform: scale(.8);
	-moz-transform: scale(.8);
	-ms-transform: scale(.8);
	-o-transform: scale(.8);
	transform: scale(.8);
	-webkit-transform-origin: top left;
	-moz-transform-origin: top left;
	-ms-transform-origin: top left;
	-o-transform-origin: top left;
	transform-origin: top left;
	width: 305px;
}
}
.widget .moreinfo #searchsubmit {
	width: 110px;
}
.widget .moreinfo input[type='submit'] {
	clear: both;
	float: right;
    
}

/* --- FACEBOOK LIKEBOX WIDGET --- */
.fb-like-box,
.fb-like-box * {
	width: 100% !important;
}

/* --- WEATHER WIDGET --- */
.widget .weather {
	height: 90px;
}
.widget .weather .forecast {
	display: block;
	height: 60px;
}
.widget .weather .forecast:before {
	margin-right: 10px;
	font-size: 45px;
}
.widget .weather .forecast:after {
	content: '°C';
	font-size: 35px;
}
.widget .weather .location {
	text-transform: uppercase;
	text-align: left;
}


/* ------------------------------------------------------------------------------------------ */

.followus {
    width: 100%;
    background-color: #ed4;
    padding: 0px 15px;
    text-align: center;
    font-size: 30px;
    letter-spacing: 1px;
    font-weight: 300;
}

.followus > table {margin: 0px auto;}

.presocial {
    font-size: 30px !important;
    text-transform: uppercase;
    position: relative;
    bottom: 7px;
    margin-right: 10px;
    cursor: default !important;
}

/* --- FOOTER --- */
footer {
	position: relative;
	clear: both;
	font-size: 15px;
	font-weight: 300;
}
footer .inner {
	padding: 0px;
    max-width: 980px;
}

footer .cols .ca-title {
	padding: 8px 10px;
	display: block;
	text-transform: uppercase;
	font-size: 22px;
	font-family: 'Open Sans';
    font-weight: 300;
    text-align: left;
}

footer #contact span {
	margin-right: 5px;
	font-weight: bold;
}

footer #openinghours label {
	float: left;
	display: block;
	width: 50%;
/*	font-weight: bold;*/
	clear: left;
}
footer #openinghours li {
	margin-bottom: 3px;
}
footer #openinghours li:last-child {
	margin-bottom: 0;
}

/* --- SOCIAL MEDIA --- */
footer .social {
	margin: 20px 0 0 1px;
}
footer .social > a {
	float: left;
	margin-right: 10px;
}
footer .social > a:hover {
	text-decoration: none;
}

/* --- BRANCHE SELECTOR --- */
.branche-selector {
	padding: 5px 0px;
	display: block;
    width: 100%;
    height: 45px;
    background: fuchsia;
}

.branche-selector h6 {
    color: #fff;
    float: left;
    line-height: 34px;
    text-transform: uppercase;
}

.branche-selector-inner {
	max-width: 980px;
    margin: 0px auto;
    padding: 0px 25px;
}

.branche-selector-inner .styled-select {
    display: inline;
    float: left;
    margin: 0px 20px;
    height: 34px;
    width: 240px;
    max-width: 300px;
}

#select-branche {
    height: 32px !important;
    padding: 0px 5px !important;
}



/* --- COLUMNS --- */
footer .cols {
	padding: 20px 0;
}
footer .cols > * {
	padding: 10px 0;
}
footer .cols > *:nth-child(1) {
	padding-right: 10px;
}
footer .cols > *:nth-child(2) {
	padding: 10px
}
footer .cols > *:nth-child(3) {
	padding-left: 10px;
}
footer .cols > * > * {
	clear: left;
	padding: 10px
}

/* --- BOTTOM / COPYRIGHT --- */

footer .bottom {
	padding: 15px 0;
	font-size: 90%;
	overflow: auto;
    display: block;
    clear: both;
}
footer .copyright {	
	float: left;
}
footer .links {
	float: right;
}
footer .links li {
	display: inline-block;
	margin-left: 5px;
}
footer .links li:before {
	content: '|';
	margin-right: 5px;
}
footer .links li:first-child:before {
	content: none;
	margin: 0;
}


/* ------------------------------------------------------------------------------------------ */


/* --- ELEMENTS --- */
/* --- CALL-TO-ACTION BUTTON --- */

.ctaButton .ca-title, .ctaButton h5 {color: #fff;}

.ctaButton {
	position: absolute;
	top: 15px;
	width: 180px;
	height: 180px;
	overflow: hidden;
	box-shadow: 0px 3px 5px rgba(0,0,0,.4);
	text-align: center;
	cursor: pointer;
	z-index: 1;
}
.ctaButton.left {
	left: 0;
}
.ctaButton.right {
	right: 0;
}
.ctaButton.round {
	border-radius: 90px;
}
.ctaButton.square {
	border-radius: 8px;
	width: 180px;
	height: 150px;
}
.ctaButton > div,
.ctaButton2 > div {
	position: absolute;
	width: 100%;
	padding: 5px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
}
.ctaButton .ca-title {
	font-family: 'Open Sans';
	font-weight: 700;
	line-height: 1.1;
    margin-top: 8px;
    margin: 1px 10px;
}

.ctaButton h5,
.ctaButton2 h5 {
	font-family: 'Open Sans', sans-serif;
	font-weight: 700;
	font-size: 20px;
    line-height: 1.1;
    margin: 1px 10px;
}

/* --- Secondary--- */
.ctaButton2 {
	position: absolute;
	top: 100px;
	width: 120px;
	height: 120px;
	overflow: hidden;
	box-shadow: 0px 3px 5px rgba(0,0,0,.4);
	text-align: center;
	cursor: pointer;
	z-index: 1;
}
.ctaButton2.left {
	left: 205px;
}
.ctaButton2.right {
	right: 205px;
}
.ctaButton2.round {
	border-radius: 85px;
}
.ctaButton2.square {
	border-radius: 8px;
	width: 140px;
	height: 80px;
	top: 105px;
}

.ctaButton2 .square .right {
    right: 255px;
}

.ctaButton2 .square .left {
    left: 255px;
}

.ctaButton2 h4 {
    font-size: 20px;
    line-height: 1.1;
    color: #fff;
}

.ctaButton2 h5 {
	font-size: 16px;
    line-height: 1.1;
    margin: 2px 10px;
    color: #fff;
}


/* --- COLUMNS --- */
.clearfix:after {
	content: ' '; /* Older browser do not support empty content */
	visibility: hidden;
	display: block;
	clear: both;
}

.transition,
a, a:visited,
header .menu > .menu-item-has-children:after {
	-webkit-transition: all 0.2s ease-in-out !important;
	-moz-transition: all 0.2s ease-in-out !important;
	-ms-transition: all 0.2s ease-in-out !important;
	-o-transition: all 0.2s ease-in-out !important;
	transition: all 0.2s ease-in-out !important;
}


*********************************************************************

.grid * {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
      -ms-box-sizing: border-box;
          box-sizing: border-box;
}

.grid {
	position: relative;
	margin: 0 auto;
	padding: 0;
	max-width: 100%;
	list-style: none;
	text-align: center;
}

/* Common style */
.grid .effect-ruby {
	position: relative;
	float: left;
	overflow: hidden;
	margin: 0;
	width: 33.33%;
	height: 320px;
	text-align: center;
	cursor: pointer;
}

.grid img {
  position: relative;
  display: block;
  height: auto;
  width: auto;
  opacity: 0.8;
  top: 50%;
  left: 50%;
  min-width: 101%;
  max-width: 120%;
  min-height: 101%;
  max-height: 120%;
}
.grid .inside-effect-ruby {
 width: 120%;
 height: 120%;
 background-position: center center;
 background-repeat: no-repeat;
 background-size: cover;
 top: 50%;
 left: 50%;
 opacity: 1;
 position:absolute;
 transform: translate(-50%, -50%);
 -o-transform: translate(-50%, -50%);
 -ms-transform: translate(-50%, -50%);
 -moz-transform: translate(-50%, -50%);
 -webkit-transform: translate(-50%, -50%);
}
.grid .effect-ruby:hover .inside-effect-ruby {
 width: 100%;
 height: 100%;
 opacity: 0.35;
}
.grid a.figcaption {
	padding: 10px 2em;
	color: #fff !important;
	text-transform: uppercase;
	font-size: 1.25em;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
.main .content .grid a:hover,
.main .content .grid a:active,
.main .content .grid a:focus {
	color: #fff !important;
}

.grid .figcaption::before,
.grid .figcaption::after {
	pointer-events: none;
}

.grid .figcaption,
.grid .figcaption > a {
	position: absolute;
	bottom: 15px;
	left: 0;
	width: 100%;
	height: auto;
}
  
/* Anchor will cover the whole item by default */
/* For some effects it will show as a button */
.grid .figcaption > a {
	z-index: 1000;
	text-indent: 200%;
	white-space: nowrap;
	font-size: 0;
	opacity: 0;
}

.grid h2 {
	word-spacing: -0.15em;
	font-weight: 700;
    text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.7);
    line-height: 1.2;
}

.grid h2 span {
	font-weight: 800;
}

.grid h2,
.grid p {
	margin: 0;
}

.grid p {
	letter-spacing: 1px;
	font-size: 85%;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.8);
}    
    
/*---------------*/
/***** Ruby *****/
/*---------------*/

.effect-ruby {
	background-color: #444;
}

.effect-ruby img {
	opacity: 0.95;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
    transform: scale(1.1) translate(-47%, -47%);
    -o-transform: scale(1.1) translate(-47%, -47%);
    -ms-transform: scale(1.1) translate(-47%, -47%);
    -moz-transform: scale(1.1) translate(-47%, -47%);
    -webkit-transform: scale(1.1) translate(-47%, -47%);
}

.effect-ruby:hover img {
	opacity: 0.60;
    transform: scale(1) translate(-50%, -50%);
    -o-transform: scale(1) translate(-50%, -50%);
    -ms-transform: scale(1) translate(-50%, -50%);
    -moz-transform: scale(1) translate(-50%, -50%);
    -webkit-transform: scale(1) translate(-50%, -50%);
}

.effect-ruby h2 {
	margin-top: 20%;
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: translate3d(0,20px,0);
	transform: translate3d(0,20px,0);
}

.effect-ruby p {
	margin: 0;
	padding-bottom: 0.5em;
	border: 0px solid #fff;
	opacity: 1;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(0,20px,0);
	transform: translate3d(0,20px,0);
} 

.effect-ruby:hover h2 {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

.effect-ruby:hover p {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

*********************************************************************


/* --- COLUMNS --- */
.col-3 {
	width: 100%;
	overflow: auto;
}
.col-3 > * {
	position: relative;
	float: left;
	width: 33.33%;
	padding: 0px;
    margin: 0;
}

/* --- BOXES --- */
.boxes {
	position: relative;
	padding: 0px;
	padding-bottom: 0;
	margin: 0 !important;
	list-style: none !important;
}
.boxes > li {
	position: relative;
	background: #fff;
	padding: 0;
	cursor: pointer;
	width: 33.33%;
	margin-right: 0;
	height: 280px;
}
.boxes > li:last-child {
	margin-right: 0;
}
.boxes > li > .content {
	position: relative;
	z-index: 2;
	overflow: hidden;
    text-align: center;
    padding: 20% 20% 0;
}
.boxes .ca-title,
.boxes .ca-subtitle {
	color: #fff !important;
	padding: 5px 10px;
	text-shadow: 2px 2px 5px rgba(0, 0, 0, .4);
    text-transform: uppercase;
}
.boxes .ca-title {
	font-size: 30px;
	font-family: 'Open Sans';
	margin-bottom: 0 !important;
}
.boxes .ca-subtitle {
	font-size: 16px;
	font-family: 'Open Sans';
}
.boxes > li > .image {
	position: absolute;
	top: 0; right: 0; bottom: 0; left: 0;
	background-size: cover !important;
	background-position: center !important;
	background-repeat: no-repeat !important;
}

/* Popup */
.main-overlay {
		position: fixed;
		top: 0;
		right: 0;
    left: 0;
    top: 0;
    z-index: 1000;
    height: 100%;
    background-color: rgba(0,0,0,0.65);
    display: none;
}
.popup {
		position: fixed;
    width: 500px;
    height: 290px;
    left: 50%;
    top: 50%;
    -ms-transform: translate(-50%, -50%); /* IE 9 */
    -webkit-transform: translate(-50%, -50%); /* Chrome, Safari, Opera */
    transform: translate(-50%, -50%);
    -webkit-box-shadow: 0px 0px 78px 7px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 78px 7px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 78px 7px rgba(0,0,0,0.75);
    z-index: 1001;
    display: none;
}
.popup iframe {
    border: none;
    width: 500px;
    height: 290px;
    float: left;
}
.popup .close:before {
    font-size: 24px;
    float: left;
    margin: 2px 0 0 5px;
}
.popup .close {
    height: 30px;
    width: 30px;
    color: #fff;
    right: -30px;
    top: 0;
    z-index: 1001;
    opacity: 1;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

@media (max-width: 767px) {
  .popup, .popup iframe {
      width: 250px;
      height: 145px;
  }
}

/* --- SELECTS --- */
.styled-select {
	position: relative;
	height: 34px;
	overflow: hidden;
	background: #fff;
	border: 1px solid #000 !important;
	box-shadow: 0 !important;
	width: 100%;
}
.styled-select:before {
	position: absolute;
	top: 14px;
	right: 12px;
	width: 0; 
	height: 0;
	border-top: 6px solid #333;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	content: '';
	pointer-events: none;
	opacity: .6;
}
.styled-select select {
	background: none repeat scroll 0 0 transparent;
	border: 0 none;
	width: 100%;
	height: 34px;
	font-family: 'Open Sans';
	font-size: 16px;
	padding: 0 30px 0px 5px;
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	-o-appearance: none;
	appearance: none;
	outline:none;
	color: #333;
}

/* --- SOCIAL --- */
.social {margin: 10px 0;}

.social > * {
	display: inline;
	font-size: 48px;
	cursor: pointer;
}

.social > div:first-child {
    margin: 0px 6px 0px 20px;
}

.social > div  {
    margin: 0px 6px;
}
/* --- BUTTONS --- */
.readmore {
	display: block;
	margin-top: 15px;
	float: none !important;
}
button.readmore {
	background: none;
	cursor: pointer;
	text-transform: inherit;
	border-radius: 3px;
}
a.readmore:hover {
	color: #fff !important;
}

/* --- SLIDER --- */
.slider ul {
	margin: 0;
	padding: 0;
	list-style: none;
	display: block;
}
.slider li {
	display: none;
		width: 100%;
	float: left;
	background-size: cover !important;
}
.slider .controls {
	display: none;
}

/* --- PHOTOALBUM --- */
.photoalbum {
	position: relative;
	display: block;
	overflow: auto;
}
.photo-album a {
	position: relative;
	float: left;
	width: 19%;
	height: 90px;
	background-size: cover !important;
	cursor: pointer;
	margin-right: 1.25%;
}
.photo-album a:hover span {
	position: absolute;
	top: 0; right: 0; bottom: 0; left: 0;
}
.photo-album a:last-child {
	margin-right: 0;
}

.single .photo-album a span {
	position: absolute;
	top: 0; right: 0; bottom: 0; left: 0;
	background: rgba(0, 0, 0, 0);
}
.single .photo-album a span > * {
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -20px 0 0 -20px;
	width: 40px;
	height: 40px;
	color: #fff;
	border-radius: 20px;
	vertical-align: middle;
	text-align: center;
	opacity: 0;
}
.single .photo-album a:hover span > * {
	opacity: 1;
}
.single .photo-album a:hover span {
	background: rgba(0, 0, 0, .5);
}

/* --- FORM --- */
input[type="reset"],
input[type="button"],
input[type='submit'],
input[type="file"] > input[type="button"],
button {
	padding: 5px 8px 7px;
	font-family: 'Open Sans';
	font-weight: 300;
	font-size: 15px;
	color: #fff;
	border-radius: 0;
	-webkit-border-radius: 0;
	-webkit-appearance: none;
	border-radius: 3px;
    cursor: pointer;
}

input[type='text'],
input[type='password'],
input[type='email'],
input[type='tel'],
textarea,
.upload {
	padding: 7px 10px;
	font-size: 16px;
	font-family: 'Open Sans';
	font-weight: 300;
	background: #fff;
	resize: none;
}
.form-submit {
	display: block;
	padding: 5px 10px;
	margin: 10px 0;
	font-weight: bold;
}
.fail {
	border: 2px solid red;
}

/* --- BANNER --- */
.banner {
	position: relative;
	display: block;
	background-size: cover !important;
}
.banner .text {
	position: absolute;
	bottom: 0;
	width: 100%;
	padding: 10px;
	display: block;
	text-align: center;
}
.banner .text .ca-title,
.banner a,
.banner a:visited {
	color: #fff !important;
}
.banner .text .ca-title,
.banner .text .ca-subtitle {
	color: #fff !important;
}

/* --- YOUTUBE --- */
.youtube-video {
    position: relative;
    padding-bottom: 49%;
    padding-top: 30px;
    height: 0px;
    overflow: hidden;
    margin: 20px 0px;
    max-width: 96%;
}

.youtube-video iframe,
.youtube-video object,
.youtube-video embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* --- CODE OUTPUT --- */
.code-output {
	display: block;
	border: 1px solid #999;
	background: #e5e5e5;
	padding: 10px 20px;
	overflow: auto;
}

/* --- LES RESERVEREN WIDGET --- */
.catselect {
    display: table;
    width: 100%;
    background-color: #EEE;
    padding: 10px 2px;
}

.catselect select {
    font-size: 13px;
    -moz-appearance: none;
    border: 1px solid #D2D2D2;
    display: inline;
    margin-left: 10px;
    width: 180px;
    text-align: center;
    padding: 2px;
    border-radius: 3px;
}

.catselectelem .inline, .catselectitem .inline  {display: inline !important;}

.gymlessonreservationpage form {
    position: relative;
    overflow: auto;
    border: 1px solid #DDD;
    padding: 3px 5px;
}

.mygrid {
    height: auto;
    overflow-y: auto;
    max-height: 950px;
    margin-bottom: 20px;
    border: 1px solid #EEE;
}

.mygrid table {
    width: 100%;
    border-spacing: 0px;
    padding: 0px !important;
    border-bottom: 1px solid #EEE;   
}

.main .content .mygrid table tr td {
    border-spacing: 0px;
    padding: 8px 4px;
    border-bottom: 1px solid #EEE;
}

.mygrid td.message {width: 40%;}
.mygrid td.days {width: 25%;}
.mygrid td.time {width: 15%;}
.mygrid td.interact {width: 20%;}

/* SYX PAGE */
.syx1 .post {
  margin-bottom: 20px;
}
.syx1 .syx-loader {
  position: relative;
  display: block;
  height: 50px;;
  margin-bottom: 30px;
}
.syx1 .syx-loader i {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
}
.syx1 .content .child-detail-holder .syx-loader {
  float: right;
  width: 60%;
}
.syx1 .content .child-holder,
.syx1 .content .child-detail-holder,
.syx1 .content .child-progress-holder {
    position: relative;
}
.syx1 .syx-login form label {
  
}
.syx1 .syx-login form .error-msg {
    color: #f00;
    text-align: center;
}
.syx1 .content .child-holder {
    width: 40%;
    margin: -10px 10px 20px -10px !important;
    list-style: none !important;
    float: left;
}
.syx1 .content .child-holder li, 
.syx1 .content .child-holder li a {
    width: 100%;
    float: left;
}
.syx1 .content .child-holder li a {
    border: 10px solid #fff;
    position: relative;  
}
.syx1 .content .child-holder .child-photo-holder {
    width: 75px;
    height: 75px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;   
    float: left; 
}
.syx1 .content .child-holder li .child-name {
    font-size: 17px;
    position: absolute;
    left: 85px;
    top: 50%;
    font-weight: 700;
    transform: translate(0, -50%);
	-o-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	-moz-transform: translate(0, -50%);
	-webkit-transform: translate(0, -50%);
}
.syx1 .content .child-holder li a:hover .child-name, 
.syx1 .content .child-holder li a:active .child-name, 
.syx1 .content .child-holder li a.active .child-name {
    color: #fff;
}
.syx1 .content .child-level-holder {
    margin-top: -10px;
    padding-left: 20px;
    width: 60%;
    float: right;
    display: none;
}
.syx1 .content .child-level-holder .top-title {
    width: 100%;
    height: 30px;
    line-height: 30px;
    padding: 0 10px;
    font-size: 12px;
    margin-bottom: 5px; 
}
.syx1 .content .child-level-holder .top-title .date-last-lesson {
    float: left;
}
.syx1 .content .child-level-holder .top-title .date-last-lesson span {
    color: #fff;
}
.syx1 .content .child-level-holder .top-title .diploma {
    float: right;
    color: #fff;
    height: 30px;
    white-space: nowrap;
}
.syx1 .content .child-level-holder .top-title .diploma img {
    float: left;
}
.syx1 .content .child-level-holder .title, 
.syx1 .content .lessons .title, 
.syx1 .progress .title {
    height: 20px;
    line-height: 20px;
    width: 100%;
    padding: 0 10px;
    float: left;
    font-size: 12px;
}
.syx1 .content .child-level-holder .level-holder {
    list-style: none !important;
    padding: 0;
    margin: 0;
    width: 100%;
    float: left;
}
.syx1 .content .child-level-holder .level-holder li {
    width: 100%;
    float: left;
    margin-top: 1px;
    padding: 5px 10px;
    position: relative;
    font-size: 12px;
}
.syx1 .content .child-level-holder .level-holder li .level {
    float: right;
    width: 90%;
}
.syx1 .content .child-level-holder .level-holder li .level * {
    float: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.syx1 .content .child-level-holder .level-holder li .level strong {
    width: 20%;
}
.syx1 .content .child-level-holder .level-holder li .level span {
    width: 80%;
}
.syx1 .content .child-level-holder .level-holder li .emoticon {
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translate(0, -50%);
	-o-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	-moz-transform: translate(0, -50%);
	-webkit-transform: translate(0, -50%);
}
.syx1 .content .lessons {
    width: 100%;
    float: left;
    margin-top: 20px;
    display: none;
}
.syx1 .content .lessons-holder {
    width: 100%;
    float: left;
    list-style: none !important;
    margin: 0 !important;
}
.syx1 .content .lessons-holder li, 
.syx1 .content .lessons-holder li a {
    width: 100%;
    float: left;
}
.syx1 .content .lessons-holder li a {
    padding: 5px 10px;
    font-size: 12px;
}
.syx1 .content .lessons-holder li a:hover, 
.syx1 .content .lessons-holder li a:active, 
.syx1 .content .lessons-holder li a.active {
    color: #fff !important;
}
.syx1 .progress {
    display: none;
}
.syx1 .progress {
    padding: 20px 10px;
}
.syx1 .progress .title span {
    float: right;
}
.syx1 .progress .title span.older-level {
    margin-right: 10px;
}
.syx1 .progress .lessons-holder li {
    padding: 5px 10px;
    width: 100%;
    float: left;
    position: relative;
}
.syx1 .progress .lessons-holder li .emoticon1, 
.syx1 .progress .lessons-holder li .emoticon2 {
    position: absolute;
    right: 30px;
    top: 50%;
    transform: translate(0, -50%);
	-o-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	-moz-transform: translate(0, -50%);
	-webkit-transform: translate(0, -50%);
}
.syx1 .progress .lessons-holder li .emoticon2 {
    right: 100px;
}
.syx1 .post.syx .content img {
    width: 20px !important;
}
.syx1 .post.progress .content img {
    width: 30px !important;
}
.syx1 .syx-login form {
    position: relative;
    overflow: auto;
    border: 1px solid #DDD;
    padding: 0px;
}
.syx1 .syx-login input {
    width: 280px;
}

.postDate {
	display: block;
	opacity: .5;
	font-weight: lighter;
	font-size: .7em;
}


/* ------------------------------------------------------------------------------------------ */

/* ------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------ */
/* --- RESPONSIVE --------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------ */


/* --- RETINA --- */
/* ------------------------------------------------------------------------------------------ */

@media 	only screen and (-webkit-min-device-pixel-ratio: 2),
	only screen and ( min--moz-device-pixel-ratio: 2),
	only screen and ( -o-min-device-pixel-ratio: 2/1),
	only screen and ( min-device-pixel-ratio: 2),
	only screen and ( min-resolution: 192dpi),
	only screen and ( min-resolution: 2dppx) {
		* {
		}
	}


/* --- TABLET --- */
/* ------------------------------------------------------------------------------------------ */

@media 	only screen and (min-width: 770px) and (max-width: 1025px) {
.main .sidebar-right .sidebar { padding-left: 30px; padding-right: 0px }
.single .post .content, .page .post .content { padding: 0px 20px 20px 7px; }
footer .inner { max-width: 98%; }
}

}

@media 	only screen and (min-width: 768px) and (max-width: 1023px) {
	/* --- HEADER --max-w- */
	/* --- NAVIGATION --- */
	header .inner {
		/*padding: 15px 20px 0 20px;*/
	}
	header .widget-area {
		display: none;
	}
	header .logo {
		margin-bottom: 10px;
		margin-left: 10px;
	}
	header .menu {
		display: none;
	}

    .home header .slider .info .text .ca-title {font-size: 40px;}

    .grid .figcaption {
        padding: 10px 1em;
        font-size: 1.2em;
    }

    .main .content p {line-height: 1.5;}

    .category .weblist1 .post .ca-title,
    .category .locationlist2 .post .ca-title {
    padding: 0px;
    height: 65px;
    }   

    .category .weblist1 .post, .tag .post, .search .post,
    .category .locationlist2 .post {
    width: 33.33%;
    }

    .tag .post .ca-title, .tag .post .ca-title a, .search .post .ca-title, .search .post .ca-title a, .category .post .ca-title, .category .post .ca-title a {
    font-size: 22px;
    text-align: center;
    }

    .main .content .controls .next, .main .content .controls .previous {
    margin: 0px 10px;
    }

    .lessondetail1 .timetable-filter {
    margin: 0px 10px !important;
    }

    .lessondetail1 .pdf-button {margin: 10px; display: block;}

	header .mobile-nav .styled-select {
		width: 100%;
	}

	/* --- HOMESCHEDULE --- */
	.home .homeschedule ul > li .text h6 {
		font-size: 20px !important;
	}

	.home .homeschedule ul > li .text .ca-subtitle {
		font-size: 14px !important;
		display: block;
	}
	
	/* --- SIDEBAR --- */
	.sidebar {
		display: none !important;
	}
	.main .inner:first-child {
/*		display: none;*/
	}
	.main .inner:last-child > .content {
		width: 100% ;
	}
	
	/* --- TIMETABLE --- */
	.lessondetail1 .timetable {
		display: none;
	}
	.lessondetail1 .timetable-mobile {
		display: block;
		padding: 0 10px;
	}

	/* --- TIMETABLE --- */
	.lessonlist1 .timetable {
		display: none;
	}
	.lessonlist1 .timetable-mobile {
		display: block;
	}

	.lessonlist2 .dayTabs {
		display: none;
	}
	.lessonlist2 .timetable-day-filter {
		display: block;
	}

	.lessonlist2 .timetable-lesson-filter .styled-select,
	.lessonlist2 .timetable-category-filter .styled-select,
	.lessonlist2 .timetable-day-filter .styled-select {
		width: 100% !important;
	}
	.lessonlist2 .timetable-lesson-filter li:first-child,
	.lessonlist2 .timetable-category-filter li:first-child,
	.lessonlist2 .timetable-day-filter li:first-child {
		width: 31%;
	}
	.lessonlist2 .timetable-lesson-filter li:last-child,
	.lessonlist2 .timetable-category-filter li:last-child,
	.lessonlist2 .timetable-day-filter li:last-child {
		width: 67%;
	}
	.lessonlist2 .lessonData tr td.time {
		width: 25%;
		font-size: .9em;
		float: left;
	}
	.lessonlist2 .lessonData tr td.title {
		width: 75%;
		font-size: .9em;
		float: left;
		text-align: left;
	}
	.lessonlist2 .lessonData tr td.location,
	.lessonlist2 .lessonData tr td.trainer {
		display: none;
	}

	/* --- SOCIAL BUTTONS --- */
	.presocial {font-size: 24px !important;}
	.social > * {font-size: 40px;}
  
  
  .syx1 .content .child-holder {
      width: 100%;
      margin: 0 0 20px 0 !important;
  }
  .syx1 .content .child-level-holder {
      margin-top: 0 !important;
      padding-left: 0 !important;
      width: 100%;
  }
  .syx1 .progress .lessons-holder li .lesson {
      width: 50%;
      float: left;
  }
  .syx1 .content .child-detail-holder .syx-loader {
	  float: none;
	  width: 100%;
	}
	.ctaButton.left {
	left: 15px;
	}
	.ctaButton.right {
		right: 15px;
	}
}

@media 	only screen and (min-width: 768px) and (max-width: 1024px) {
	.inner {
		padding: 0px;
	}
	/* --- HEADER --- */
	.ctaButton.left {
		margin-left: 0px;
	}
	.ctaButton.right {
		margin-right: 0px;
	}
	.home header .slider .info .text {
		font-size: 36px;
		display: block;
		z-index: 5;
		cursor: pointer;
		line-height: 1.4em;
		text-align: center;
		position: relative;
		margin: 0px auto;
		transform: none;
		left: 0%;
		top: 55%;
		width: 90%;
		max-width: 680px;
	}	
	header .menu {
		display: none;
	}
	.home header .slider .info .notification {
		margin: 0px;
	}
	header .mobile-nav {
		margin: 40px 10px 0 0;
	}
	header.smaller .mobile-nav {
		margin: 10px;
	}
	
    .grid .effect-ruby {
        height: 190px;
    }

	/* --- FEATURED BLOKKEN --- */
	
	/* one item */
	.featured li:nth-child(1):nth-last-child(1) {
		width: 100%;
		height: 400px;
	}

	/* two items */
	.featured li:nth-child(1):nth-last-child(2),
	.featured li:nth-child(2):nth-last-child(1) {
		width: 50%;
		height: 260px;
	}

	.featured li:nth-child(1):nth-last-child(2) h6, .featured li:nth-child(2):nth-last-child(1) h6 {
		font-size: 32px !important;
	}

	/* three items */
	.featured li:nth-child(1):nth-last-child(3),
	.featured li:nth-child(2):nth-last-child(2),
	.featured li:nth-child(3):nth-last-child(1) {
		width: 33.3333%;
		height: 240px;
	}

	/* four items */
	.featured li:nth-child(1):nth-last-child(4),
	.featured li:nth-child(2):nth-last-child(3),
	.featured li:nth-child(3):nth-last-child(2),
	.featured li:nth-child(4):nth-last-child(1) {
		width: 50%;
		height: 240px;
	}

	
    /* --- NAVIGATION --- */
	
	
	/* --- SIDEBAR --- */
	
	
	/* --- MAINCONTAINER --- */
    .PageTitle .inner {margin-bottom: 8px;}

    .inner {
		width: 100%;
	}
	.main .inner .background, .main .inner .noBackground, .boxes {
    padding: 0px;
	}
	
	.main .inner .locationlist1 {
    width: 98%;
    margin: 2px auto;
    }

    .webdetail1 .post .content .ca-title, .locationdetail1 .post .content .ca-title {
    display: none;
    }

	/* --- TIMETABLE --- */
	.lessondetail1 .timetable {
		display: inline;
	}
	.lessondetail1 .timetable-mobile {
		display: block;
	}
	.syx1 .content .child-detail-holder .syx-loader {
	  float: none;
	  width: 100%;
	}
	

	/* --- FOOTER --- */
}

/* --- TABLET LANDSCAPE --- */
/* ------------------------------------------------------------------------------------------ */

@media 	only screen and (max-width: 1025px) {

    .text h6 {font-size: 20px;}
    h2 {font-size: 28px;}

}
    

/* --- MOBILE PORTRAIT --- */
/* ------------------------------------------------------------------------------------------ */

@media 	only screen and (max-width: 769px) {

/*-- FEATURED LIST  --*/

    .featured li:nth-child(1):nth-last-child(5) {display: none;}
    .featured li:nth-child(2):nth-last-child(4), .featured li:nth-child(3):nth-last-child(3), .featured li:nth-child(4):nth-last-child(2), .featured li:nth-child(5):nth-last-child(1) {
        width: 50%;
        height: 280px;
    }
    
    .main .inner .background, .boxes {
    padding: 0px 10px;
    }

	.single .post .content, .page .post .content {
		padding: 0px 10px 20px 6px;
	}

  /* --- SIDEBARFORM WIDGET --- */
  .home .moreinfo {margin: 5px 10px;}
  
  .syx1 .content .child-holder {
      width: 100%;
      margin: 0 0 20px 0 !important;
    }
  .syx1 .content .child-level-holder {
      margin-top: 0 !important;
      padding-left: 0 !important;
      width: 100%;
  }
  .syx1 .progress .lessons-holder li .lesson {
      width: 50%;
      float: left;
  }
  
  .joblist1 .job-select-holder {
      width: 100% !important;
      margin-left: 0;
  }
  .joblist1 .img-holder {
      display: none !important;
  }
  .joblist1 .content {
      width: 100% !important;
  }
  .joblist1 .post > .content {
    padding: 0 !important;
  }

}


@media 	only screen and (max-width: 767px) {
    body {font-size: 14px;}
    
    .kop,.subkop,.subkop2,.single .post .content .ca-title,
    .page .post .content .ca-title, .single .post .content .ca-title a, 
    .page .post .content .ca-title a
    { font-size: 24px; }

    h4.ca-title {font-size: 28px;}
    h3 {font-size: 26px;}

    .category .eventlist1 .post .ca-title {
        height: auto;    
        max-height: 60px;
    }

    .category .eventlist1 .post, .category .weblist1 .post,  .category .weblist1.firstPage .post:nth-child(2n+1), .category .locationlist2 .post, .category .locationlist2 .post {width: 100%;}

    .followus {font-size: 18px;}

    h5.ca-subtitle {margin-bottom: 5px;}

/* --- CTA BUTTONS ---*/
.ctaButton {
	position: absolute;
	top: 10px;
	width: 100px;
	height: 100px;
	overflow: hidden;
}

.ctaButton.round {
	border-radius: 50px;
}
.ctaButton.square {
	width: 105px;
	height: 85px;
    border-radius: 8px;
}

.ctaButton .ca-title {
    font-size: 17px;
}

.ctaButton h5,
.ctaButton2 h5 {
    font-size: 12px;
}

/* --- Secondary--- */
.ctaButton2 {
	position: absolute;
	top: 90px;
	width: 80px;
	height: 80px;
}
.ctaButton2.left {
	left: 90px;
}
.ctaButton2.right {
	right: 90px;
}

.ctaButton2.square {
    border-radius: 8px;
    border-radius: 8px;
    width: 100px;
    height: 70px;
    top: 100;
}

.ctaButton2.round {
	border-radius: 40px;
}

.ctaButton2 h4 {
    font-size: 16px;
}

.ctaButton2 h5 {
	font-size: 10px;
    line-height: 1.1;
}


	/* --- HEADER --- */
	.inner {
	width: 100%;
	padding: 0 !important;
    }

    .main .content form .ca-title {padding-top: 10px;}

    .main .content {margin-top: 0px;}

	header .top {
		padding: 0;
	}
	header .top .widget {
		width: 100%;
	}
	header .top .searchform {
		position: absolute;
		top: 0;
		right: 0 !important;
		left: 50%;
	}
	header .top .widget button {
		width: 50%;
		border-radius: 0;
	}
	header .widget .moreinfo .g-recaptcha {
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-ms-transform: scale(1);
		-o-transform: scale(1);
		transform: scale(1);
		-webkit-transform-origin: top right;
		-moz-transform-origin: top right;
		-ms-transform-origin: top right;
		-o-transform-origin: top right;
		transform-origin: top right;
		margin: 0 0 20px 0;
		float: right;
	}
	header .top .searchform input[type="text"] {
		width: 85%;
	}
	header .top .searchform input[type="submit"] {
		width: 15%;
	}
	header .top .widget .ca-title,
	header .top .widget .moreinfo {
		width: 100%;
	}
	header .widget .moreinfo .g-recaptcha {
		width: 100%;
	}
	header .widget-area {
/*		display: none;*/
	}
	header .top-menu .inner {
		padding: 8px 10px !important;
	}
	header .top-menu {
		height: 115px;
	}
	header.smaller .top-menu {
		height: 55px;
	}


	/* --- LOGO --- */
	header .logo {
/*
		float: none;
		width: 100%;
		background-position: center !important;
		margin-top: 0;
*/
	}
	header.smaller .logo {
		height: 35px;
	}

	/* --- NAVIGATION --- */
	header .menu {
		display: none;
	}
	
	.main .pageTitle {
		padding: 5px 10px;
		margin-top: 10px;
		font-size: 24px;
	}

    .main .webdetail1 .pageTitle, .main .locationdetail1 .pageTitle, .main .gallerydetail1 .pageTitle, .main .eventdetail1 .pageTitle {
        margin-top: -20px;
    }

	/* --- MOBILE NAVIGATION --- */
	header .mobile-nav {
		display: block;
		float: none;
		margin: 0 10px;
	}
	header.smaller .mobile-nav {
		opacity: 0;
	}

	header .mobile-nav .styled-select {
		width: 100%;
	}
	
	/* --- SIDEBAR --- */
	.sidebar {
		display: none !important;
	}
	.main .inner:first-child {
/*		display: none;*/
	}
	.main .inner:last-child > .content {
		width: 100% ;
	}
	
	
	/* --- MAINCONTAINER --- */
	.main {
		padding: 20px 0px 0px 0px;
	}
	
	.home .main {margin: 0 !important;}
	
	.header-image {
		height: 150px;
	}
	.main .inner .background, .boxes {
		padding: 10px;
	}
	.home .featured .titleBlock {
		width: 100%;
		margin-top: 10px;
		font-size: 20px;
	}
	.home section {
		border: 0 !important;
		padding-top: 0 !important;
	}
	.home header .slider {
		margin-top: 160px;
		height: 240px;
	}
	.home header .slider li,
	.home header .slider .inner > div {
		height: 240px;
	}
	.home header .slider li .info > * {
		margin-bottom: -10px;
	}
	
	.home .boxes {
		padding: 20px 10px 0;
	}
	.home .boxes > li {
		width: 100%;
		margin-bottom: 10px;
		height: 200px;
	}
		.home .boxes > li:last-child {
		width: 100%;
		margin-bottom: 0;
	}
	.home .intro > div:last-child {
    margin: 0 !important;
	}
	.home .intro .widget {
		display: none;
	}
	
	.home .featured ul li {
		display: block;
		width: 100% !important;
		margin: 0;
        height: auto;
		padding-bottom: 0px;
	}
	.home .featured ul li > .image {
		height: 200px;
	}
	.home .featured ul > li .text .ca-subtitle {
		display: none;
	}
	.home .featured ul > li .text {
		padding: 10px 10px 0 10px;
	}
	.home .featured ul > li .text .ca-title {
		font-size: 20px;
	}
	.single .post .header-image,
	.page .post .header-image {
		height: 200px;
	}

/* --- HOMESCHEDULE --- */
.home .homeschedule ul > li .text h6 {
	font-size: 21px !important;
}

.home .homeschedule ul > li .text .ca-subtitle {
	font-size: 15px !important;
	display: block !important;
}

	/* --- SOCIAL BUTTONS --- */
	.presocial {font-size: 24px !important;}
	.social > * {font-size: 40px;}
	
	/* --- FOOTER --- */
	footer .inner {
		padding: 0 !important;
	}
	footer .ca-title {
		padding: 0 !important;
		float: none !important;
	}
	footer .cols > * {
		float: left;
		width: 100%;
		padding-right: 0;
	}
	footer .bottom > * {
		text-align: left;
		float: none;
	}
	
	header, footer {
/*		display: none;*/
	}
	
	/* --------------------- */
	
	/* --- PAGE --- */
	/* --- GENERAL --- */
	.single .post .content,
	.page .post .content {
		padding: 10px;
	}
	
	.calendar-mobile {
  	display: none;
	}
	.jalendar h3 {
    font-size: 25px;  
  }
	
	/* --- TIMETABLE --- */
	.gymlessons .schedulePeriod .styled-select {
		width: 100%;
	}
	.gymlessons .scheduleType .title > * {
		display: block;
	}
	.gymlessons.lessonlist1 .tools > * {
		float: none;
		width: 100%;
		margin-right: inherit;
		margin-bottom: 10px;
	}
	.gymlessons.lessonlist2 .tools > *,
	.gymlessons.lessonlist3 .tools > * {
		display: block;
		float: none;
		margin: 0 0 10px 0;
		width: 100% !important;
	}
	
	.gymlessons .tools.detail .button {
		width: 100% !important;
	}
	
	/* --- TIMETABLE --- */
	.lessonlist1 .timetable {
		display: none;
	}
	.lessonlist1 .timetable-mobile {
		display: block;
	}
	
    .page .lessondetail1 .post .meta {font-size: 15px;}

    .lessonlist2 .dayTabs {
		display: none;
	}
	.lessonlist2 .timetable-day-filter {
		display: block;
	}

    .gymlessons .timetable-list {
    padding: 0px 10px !important;
    }

	.lessonlist2 .timetable-lesson-filter .styled-select,
	.lessonlist2 .timetable-category-filter .styled-select,
	.lessonlist2 .timetable-day-filter .styled-select {
		width: 100% !important;
	}
	.lessonlist2 .timetable-lesson-filter li:first-child,
	.lessonlist2 .timetable-category-filter li:first-child,
	.lessonlist2 .timetable-day-filter li:first-child {
		width: 31%;
	}
	.lessonlist2 .timetable-lesson-filter li:last-child,
	.lessonlist2 .timetable-category-filter li:last-child,
	.lessonlist2 .timetable-day-filter li:last-child {
		width: 67%;
	}
    
    table.lessonData {margin-top: 15px;}

	.lessonlist2 .lessonData tr td.time {
		width: auto;
		float: left;
		font-size: .9em;
	}
	.lessonlist2 .lessonData tr td.title {
		width: 67%;
		font-size: .9em;
		text-align: left;
	}
	.lessonlist2 .lessonData tr td.location,
	.lessonlist2 .lessonData tr td.trainer {
		display: none;
	}
	
	/* --- GALLERYDETAIL1 --- */
	.single .gallerydetail1 .post .image {
		width: 49.7%;
		height: 80px;
		margin: 0 0.6% 2px 0 !important;
	}
	.single .gallerydetail1 .post .image:nth-child(2n+2) {
		margin-right: 0 !important;
	}
	
	/* --- LIST --- */	
	/* --- WEBLIST1 --- */
	.category .weblist1 .post, .tag .post, .search .post, .category .locationlist2 .post {
		height: 225px;
		width: 100% !important;
	}
	
	.category .locationlist1 #google-map-list {
		height: 300px;
	}
	
	/* --- GALLERYLIST1 --- */
.category .gallerylist1 .post {
	float: left;
	width: 100%;
	margin-right: 0;
	height: auto;
	max-height: 280px;
}
.category .gallerylist1 .postLarge .content {
	display: none !important;
}
.category .gallerylist1 .post.postLarge .ca-title {
	border-bottom: 0 !important;
}
/* --- GENERAL --- */
	.category .post {
		margin-bottom: 10px;
		padding: 10px !important;
		height: auto !important;
	}
	.category .post .miniature {
		width: 100% !important;
		height: 145px !important;
	}
	.category .post .ca-title,
	.category .post .ca-title a {
		white-space: normal!important;
		text-overflow: clip !important;
		font-size: 20px;
	}
	.category .post .ca-title {
		width: 100% !important;
		padding: 0 5px !important;
		border-bottom: 0 !important;
		margin: 0 !important;
        height: auto !important;
        margin: 10px 0px !important;
        text-align: center;
	}

	.category .post .content {
		display: inline-block;
	}
	.category .post .content .readmore {
		margin-bottom: 10px !important;
	}
	.category .post .content img {
		float: left;
		width: 50%;
	}
	
	
	/* --- GENERAL LARGE-POST --- */
	.category .post.postLarge {
		display: block;
		max-height: 590px !important;
		padding: 20px;
	}
	.category .post.postLarge .miniature {
		width: 100%;
	}
	.category .post.postLarge .ca-title,
	.category .post.postLarge .content {
		width: 100%;
		padding: 10px;
	}
	.category .post.postLarge .content {
		display: block;
		height: auto;
	}
	
	.main .content form label {
		display: block;
		margin-top: 10px;
		width: 100%;
	}
	.main .content input[type="text"],
	.main .content input[type="password"],
	.main .content input[type="email"],
	.main .content input[type="tel"],
	.main .content input[type="file"],
	.main .content textarea,
	.main .content .upload,
	.main .content form .styled-select {
		width: 100%;
	}
	
    footer {font-size: 15px;}
	
	footer .cols > div > *,
	footer .ca-title {
		padding: 2px 10px !important;
		margin: 0 !important;
	}
	footer .cols {
		padding: 10px 0;
	}
	footer .cols > * {
		padding: 10px !important;
	}
	footer .bottom {
		padding: 5px 20px;
		text-align: left;
	}
	footer .bottom .inner > * {
		float: none;
		display: block;
	}
	footer .bottom .links li:first-child {
		margin-left: 0;
	}
	
	.syx1 .content .child-holder {
      width: 100%;
      margin: 0 0 20px 0 !important;
  }
  .syx1 .content .child-level-holder {
      margin-top: 0 !important;
      padding-left: 0 !important;
      width: 100%;
  }
  .syx1 .progress .lessons-holder li .lesson {
      width: 50%;
      float: left;
  }
  
  .joblist1 .job-select-holder {
      width: 100% !important;
      margin-left: 0;
  }
  .joblist1 .img-holder {
      display: none !important;
  }
  .joblist1 .content {
      width: 100% !important;
  }
  .joblist1 .post > .content {
    padding: 0 !important;
  }
  .syx1 .content .child-detail-holder .syx-loader {
	  float: none;
	  width: 100%;
	}
}


/* --- MOBILE LANDSCAPE --- */
/* ------------------------------------------------------------------------------------------ */


@media 	only screen and (max-width: 640px) {
	/* --- HEADER --- */
.branche-selector-inner .styled-select {width: 100%;}
.branche-selector h6 {display: none;}

.home header .info .notification {font-size: 13px; padding: 6px 20px;}

.home header .slider .info .text .ca-title {
    font-size: 26px;
    line-height: 28px;
    display: none;
}

.branche-selector-inner .styled-select {
    margin: 3px auto;
}

.main .content p {
    margin-bottom: 5px;
    line-height: 1.5;
}

.home .intro > div:last-child p {
    padding-bottom: 15px;
}

.home .featured .titleBlock {
    width: 100%;
    margin-top: 0px;
    font-size: 20px;
}

.featured li:nth-child(2):nth-last-child(4), .featured li:nth-child(3):nth-last-child(3), .featured li:nth-child(4):nth-last-child(2), .featured li:nth-child(5):nth-last-child(1) {
    height: 200px;
}

/* --- MAINCONTAINER --- */

.grid .effect-ruby {
    width: 100%;
    height: 170px;
}
.grid h2 {font-size: 24px;}

.presocial {display: none;}

/* -- GENERAL --*/
h1 {font-size: 28px;}

.main .content form .ca-title {
    font-size: 20px !important;
    padding: 6px 0 !important;
}

.social {
    margin: 10px 0;
}

/* -- FEATURED BLOKKEN --*/
	/* one item */
	.featured li:nth-child(1):nth-last-child(1) {
		height: 220px;
	}

	/* two items */
	.featured li:nth-child(1):nth-last-child(2),
	.featured li:nth-child(2):nth-last-child(1) {
		width: 100%;
		height: 220px;
	}

	.featured li .text h6 {
		font-size: 24px !important;
	}

	/* three items */
	.featured li:nth-child(1):nth-last-child(3),
	.featured li:nth-child(2):nth-last-child(2),
	.featured li:nth-child(3):nth-last-child(1) {
		width: 100%;
		height: 220px;
	}

	/* four items */
	.featured li:nth-child(1):nth-last-child(4),
	.featured li:nth-child(2):nth-last-child(3),
	.featured li:nth-child(3):nth-last-child(2),
	.featured li:nth-child(4):nth-last-child(1) {
		width: 100%;
		height: 220px;
	}

/* --- HOMESCHEDULE ---*/
.home .homeschedule ul {
	max-width: 96% !important;
}

.home .homeschedule ul > li .image {display: none !important;}

/* --- SIDEBARFORM WIDGET --- */
.home .moreinfo {
    margin: 5px 10px;
}
.home .moreinfo {
	padding-bottom: 10px;
	overflow: auto;
}
.home .moreinfo > * {
	margin-bottom: 10px;
}
.home .moreinfo > *:first-child {
	margin-top: 2px;
}
.home .moreinfo > *:last-child {
	margin-bottom: 0;
}
.home .moreinfo #name,
.home .moreinfo #phone,
.home .moreinfo #email {
	width: 100%;
    border-radius: 3px;
    float: none;
    margin: 10px 0;
}

.home .moreinfo .g-recaptcha {
   float: none;
}

.home .moreinfo input[type='submit'] {
	clear: both;
	float: left;
    margin-top: 0px;
    margin-right: 4px;
    width: 120px;
}

.jalendar {
  	width: 100%;
	}
	.jalendar .days,
  .jalendar .day-names {
  	display: none !important;
	}
	.jalendar .jalendar-container .jalendar-pages {
  	padding: 0 !important;
	}
  .jalendar .jalendar-container .jalendar-pages>.header h1 {
    margin: 0 0 10px 0 !important;
  }
  .jalendar h3 {
    font-size: 25px;
  }
	.calendar-mobile {
  	display: block;
	}

  .home .moreinfo .ca-title {
      border-top: 0px !important;
  }
  
  .syx1 .content .child-holder {
      width: 100%;
      margin: 0 0 20px 0 !important;
  }
  .syx1 .content .child-level-holder {
      margin-top: 0 !important;
      padding-left: 0 !important;
      width: 100%;
  }
  .syx1 .progress .lessons-holder li .lesson {
      width: 50%;
      float: left;
  }
  .syx1 .content .child-detail-holder .syx-loader {
	  float: none;
	  width: 100%;
	}
  
  .joblist1 .job-select-holder {
      width: 100% !important;
      margin-left: 0;
  }
  .joblist1 .img-holder {
      display: none !important;
  }
  .joblist1 .content {
      width: 100% !important;
  }
  .joblist1 .post > .content {
    padding: 0 !important;
  }
	/* --- FOOTER --- */
}

/* SOCIAL SHARE */
.share {
	overflow: auto;
	display: block;
}
.share > li {
	margin-right: 10px;
}
.share > li:last-child {
	margin-right: 0;
}
.share > li a {
	position: relative;
	display: block;
	float: left;
	margin-right: 5px;
	border-radius: 50px;
	text-align: center;
	width: 30px;
	height: 30px;
}
.share > li :hover {
	background-color: transparent !important;
	cursor: pointer;
}
.share > li i {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -55%);
	color: #fff;
}
.no-list {
	list-style: none !important;
	margin: 0 !important;
	padding: 0 !important;
}


.nowrap {
  white-space: nowrap;
}
span.location {
  width: 100%;
  float: left;
  font-weight: 100;
  font-size: 12px;
}
@media screen and (min-width: 768px) {
  .visible-xs {
    display: none !important;
  }
}
@media screen and (max-width: 767px) {
  .visible-xs {
    display: block !important;
  }
}