/*
Theme Name:		GymApps - T1
Theme URI:		http://gym-apps.nl
Author:				neacon
Author URI:		http://neacon.eu
Template:			gymapps
Version:			1.0
Text Domain:	concapps
*/


/* --- 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);
	-webkit-font-smoothing: subpixel-antialiased !important;
}

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;*/ }

::-webkit-input-placeholder 	{ color:#555; }
::-moz-placeholder 				{ color:#555; }
:-ms-input-placeholder 			{ color:#555; }
input:-moz-placeholder 			{ color:#555; }

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


/* --- TYPOGRAPHY --- */
body	{ font-family: Ubuntu,Arial,Helvetica,sans-serif; font-size: 14px; line-height: 1.6; }

h1, h2, h3, h4, h5, h6 			{ font-weight: lighter; line-height: normal; }
h1		 						{ font-size: 35px; }
h2  							{ font-size: 35px; }
h3  							{ font-size: 30px; }
h4, .kop						{ font-size: 25px; }
h5, .subkop						{ font-size: 20px; }
h6, .subkop2					{ font-size: 18px; }

.kop,
.subkop,
.subkop2						{ font-weight: bold !important; clear: none !important; margin-bottom: 5px !important; font-family: 'Ubuntu Condensed', sans-serif; font-weight: 400; line-height: 32px; }

/*strong, .boldcolor 			{ font-size: 110%; font-weight: bold; } */
a, a:visited 					{ text-decoration: none; }

.ca-title						{ font-family: 'Ubuntu Condensed', sans-serif; font-weight: 400; }
.ca-subtitle					{ font-family: 'Ubuntu Condensed', sans-serif; font-weight: 400; }

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


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


/* --- HEADER --- */
header {
	position: relative;
	background: #fff;
}

/* --- BRANCHE SELECTOR --- */
header .top {
	position: fixed;
	top: 0; right: 0; left: 0;
	height: 53px;
	z-index: 20;
	padding: 0 20px;
}
header .top .affiliate {
	position: relative;
	float: left;
}
header .affiliate > * {
	display: inline-block;
	vertical-align: top;
}
header .affiliate .ca-title {
	color: #fff;
	line-height: 55px;
	margin-right: 20px;
}
header .affiliate .styled-select {
	width: 220px;
	margin-top: 10px;
}

header .top-menu {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 95px;
	z-index: 20;
}
header.topbar .top-menu {
	top: 53px;
}
header.smaller .top {
	top: -40px;
}
header.smaller .top-menu {
	height: 55px;
	top: 0 !important;
}

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

/* --- .NAVIGATION --- */
header .menu {
	float: right;
	line-height: 95px;
	max-width: 730px;
	max-height: 95px;
	overflow: hidden;
}
header .menu a,
header .menu a:visited {
	color: #888;
}
header.smaller .menu {
	line-height: 45px;
}

header.smaller .menu > li {
    padding: 5px 0;
}

header.smaller .menu > li > a {
    padding: 1px 4px !important;
}

header.smaller .menu > li > a {
    margin-right: 10px;
}

/* level 0 */
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 > li {
	display: inline-block;
}
header .menu > li > a {
    font-size: 16px;
    font-family: 'Ubuntu Condensed', sans-serif;
    font-weight: 400;
    text-transform: none;
    border-bottom: 0px solid #2DAAC8;
    padding: 0px 6px;
    margin-top: -4px;
    margin-right: 2px;
    background: none;
    height: 32px;
    width: auto;
    line-height: 32px;
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.2s;
    transition-duration: 0.2s;
}
header .menu > li > a:hover, header .menu > li > a:focus, header .menu > li > a:active {
  color: white !important;
}
header .menu > li > a:hover:before {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
}

header.smaller .menu > li > a {
	padding: 6px 0;
}
/* spacer */
header .menu > li:first-child > a:before {
	content: '';
}
header .menu > li > a:before {
	content: '';
	margin: 0 !important;
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	-webkit-transform: scaleY(0);
	transform: scaleY(0);
	-webkit-transform-origin: 50% 100%;
	transform-origin: 50% 100%;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition-duration: 0.2s;
	transition-duration: 0.2s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
}
header .menu > li:hover ul {
	display: block;
}

/* level 1 */
header .menu ul {
	display: none;
    position: absolute;
    line-height: 30px;
    font-size: 13px;
    margin: 0px 0 0 0px;
}
header .menu ul > li a {
	display: block;
	padding: 5px 20px;
}
header .menu ul > li:hover a {
	color: #fff;
}

/* --- MOBILE .NAVIGATION --- */
/*
header .mobile-nav {
	display: none;
}

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;
}

header > .inner:first-child {
	position: absolute;
	z-index: 9;
}
*/
.hamburger-menu-button button {
	display: none;
  float: right;
  position: relative;
  overflow: hidden;
  margin: 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);
}
.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;
}

/* 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: 1023px) {
	.hamburger-menu-button button {
		display: block;
	}
	.hamburger-menu {
		top: 70px;
	}
	header.smaller .hamburger-menu {
		top: 54px;
	}
}

/* --- HEADERIMAGE --- */
.home .header-image {
	display: none;
}
header .header-image {
	display: block;
	height: 360px;
	background-size: cover !important;
	margin-top: 95px;
}
header.topbar .header-image {
	margin-top: 145px;
}
header .header-image.no-image {
	height: 50px;
}

header .header-image .ca-title {
	color: #fff;
	padding: 5px 0;
}

/* --- GOOGLE MAPS --- */
header #google-map {
	position: absolute;
	top: 50px; right: 0; bottom: 0; left: 0;
	z-index: 0;
}

/* --- SLIDER --- */
.slider li {
	display: block;
}
.home .autoForm {
	margin-top: 20px;
}
header .slider {
	display: block;
	position: relative;
	margin-top: 95px;
	overflow: hidden;
}
header.topbar .slider {
	margin-top: 145px;     
}
header .slider .inner {
	z-index: 10;
}
header .slider .inner > div {
	position: absolute;
	top: 0; right: 0; bottom: 0; left: 0;
}

header .slider {
	height: 245px;
}
.home header .slider {
	height: 490px;
}

.home header .slider li,
.home header .slider .inner > div {
	height: 490px;
	width: 100% !important;
}
header .slider li,
header .slider .inner > div {
	height: 245px;
}
.home header .slider .info {
	display: none;
}
.home header .slider .info {
	position: absolute;
	display: block;
	bottom: 100px;
	z-index: 9;
	width: 100%;
}
.home header .slider .info.no-cta {
	bottom: 0;
}

.home header .slider .info > * {
	margin-bottom: 10px;
}
header .slider .info .text {
	display: none;
}
.home header .slider .info .text {
	display: block;
	padding: 10px;
	width: 100%;
	z-index: 9;
	cursor: pointer;
    text-align: center;
}
.home header .slider .info .text .ca-title {
	font-size: 50px;
	text-transform: uppercase;
	color: #fff;
}
.home header .slider .timer {
	display: none;
	position: absolute;
	top: 0;
	height: 2px;
	width: 0;
	z-index: 1;
}

/* Chrome slider scrolling fix */
.caroufredsel_wrapper:before {
    content: '';
    position:absolute;
    width:100%;
    height:100%;
}

/* --- NOTIFICATION --- */
header .info {
	display: none;
}
.home header .info .notification {
	display: block;
	padding: 5px 10px;
	font-size: 120%;
	text-align: center;
    background-color: rgba(255,255,255,0.9);
    margin-bottom: 0px;
}
.home header .info .notification span {
	text-transform: uppercase;
}

/* --- HEADER BOXES --- */
header .boxes {
	display: none;
}
.home header .boxes {
	display: block;
	position: absolute;
	bottom: -95px;
	text-transform: uppercase;
	z-index: 10;
}

/* --- BOXES --- */
.home header .boxes > li .content {
	height: 195px;
	display: block;
}
.home header .boxes .content > span {
	position: absolute;
	text-align: center;
	transform: translate(0px, -50%);
	-o-transform: translate(0px, -50%);
	-ms-transform: translate(0px, -50%);
	-moz-transform: translate(0px, -50%);
	-webkit-transform: translate(0px, -50%);
	top: 50%;
	left: 0;
	height: 125px;
	width: 100%;
}
.home header .boxes .content span .topText {
	float: left;
	position: relative;
	height: 80px;
	width: 100%;
	overflow: hidden;
}
.home header .boxes .ca-title {
	position: absolute;
	bottom: 0;
	left: 0;
	line-height: 38px;
	padding: 0px 12px;
}
.home header .boxes .ca-subtitle {
	font-size: 16px;
	height: 45px;
	line-height: 25px;
	margin-bottom: 20px;
}


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


/* --- MAINCONTAINER --- */
.main {
	position: relative;
	margin: 15px 0;
}
.home .main {
	margin: 105px 0 10px;
}
.boxes-none {
	position: relative;
	margin: 15px 0 !important;
}
.main .content {
	padding-top: 1px;
}
.main .content p {
	margin-bottom: 15px;
}
.main .content p:last-child {
	margin-bottom: 0;
}

/* --- LINKS --- */
.main .content a,
.main .content a:visited {
	color: inherit;
	font-weight: bold;
}


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

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

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

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

/* --- PAGE CONTROLS --- */
.main .content .controls {
	position: relative;
	display: block;
	width: 100%;
	height: 25px;
}
.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;
}

/* --- SECTION --- */
.main .content section {
	overflow: auto;
	margin-bottom: 20px;
}
.main .content section:last-child {
	margin-bottom: 0;
}

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

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

/* --- FORM --- */
form.autoForm {
	position: relative;
    overflow: auto;
    padding: 15px 5px 0 0;
}
form.autoForm .fullwidth {
	width: 100%;
}
form.autoForm .js_hint {
	color: #555;
}
form.autoForm input[type="reset"],
form.autoForm input[type="button"],
form.autoForm input[type='submit'],
form.autoForm input[type="file"] > input[type="button"],
form.autoForm button {
	float: right;
	margin-top: 10px;
	clear: right;
}
.pdf-button {
	text-align: right;
	display: block;
	margin-top: 10px;
}
form.autoForm .g-recaptcha {
	clear: both;
	margin: 10px 0 0 0;
	float: right;
}
form.autoForm .upload {
	position: relative;
	text-align: center;
	background: #fff;
	padding: 5px;
}
form.autoForm .upload:hover {
	background: #eee;
}
form.autoForm .upload > span {
	position: absolute;
	top: 0; right: 0; bottom: 0; left: 0;
	text-align: center;
	line-height: 30px;
	color: #555;
}
form.autoForm .upload input[type='file'] {
	margin: 0;
	padding: 0;
	font-size: 20px;
	height: 20px;
	cursor: pointer;
	width: 100%;
	opacity: 0;
	filter: alpha(opacity=0);
}
form.autoForm textarea {
	height: 150px;
}
form.autoForm .styled-select {
	font-family: Ubuntu,Arial,Helvetica;
    box-shadow: none;
}
form.autoForm .styled-select select {
	font-size: 16px;
	color: #555;
}
form.autoForm label {
	display: block;
	margin-top: 10px;
}
form.autoForm .description {
	display: block;
	font-style: italic;
}
form.autoForm .g-recaptcha {
	margin: 10px -2px 0 0;
	float: right;
}

.main .content form {
/*     background: #F5F5F5 none repeat scroll 0% 0%; */
}
.main .content form .styled-select {
	background-color: #fff;;
	border: none;
}

.main .content form label {
    margin-bottom: 8px;
}

/*
.main .content form {
	position: relative;
	padding: 10px;
	overflow: auto;
}
.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,
.button {
	float: right;
	display: block;
	margin-top: 10px;
	clear: both;
}

.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 {
	display: inline-block;
	width: 75%;
	margin-top: 10px;
}

.main .content .upload {
	position: relative;
	text-align: center;
	background: #fff;
	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: #555;
}
.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 .styled-select {
	display: inline-block;
	width: 75%;
	margin: 10px 0 0;
	font-family: Arial, Helvetica;
	-webkit-box-shadow: inset 2px 2px 3px 0px rgba(0,0,0,0.15);
	-moz-box-shadow: inset 2px 2px 3px 0px rgba(0,0,0,0.15);
	box-shadow: inset 2px 2px 3px 0px rgba(0,0,0,0.15);
	border: 1px solid #eee;
	background: #fff;
}
.main .content .styled-select select {
	font-size: 16px;
	color: #999;
}
.main .content form label {
	display: inline-block;
	width: 25%;
	font-weight: bold;
}
.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 --- */
.home1 .home-banner {
	display: block;
	height: 226px;
	background-size: cover !important;
}
.home1 .home-banner .ca-subtitle {
	font-size: 20px !important;
}

.home1 .intro {
}

.home1 .featured hr {
	margin-top: 0;
}
.home1 .featured .banner {
	width: 33%;
    height: 180px;
    float: left;
    cursor: pointer;
    margin: 0 .33% .33% 0;
}
.home1 .featured .banner:nth-child(1n+3) {
	margin-left: 0;
}


/* --- PAGE --- */
/* --- V1 --- */


/* --- SEARCH --- */
/* --- V1 --- */


/* --- CATEGORY --- */
/* --- V1 --- */
.category > div .post {
	min-height: 100px;
	clear: left;
	overflow: auto;
}
.category > div hr {
	clear: left;
}
.category .post,
.tag .post,
.search .post {
	cursor: pointer;
}
.category .post > .ca-title,
.category .post > .content,
.category .post > .meta
{
	padding-left: 110px;
}
.category > div .post .ca-title {
	margin-bottom: 15px;
	/*text-transform: uppercase;*/
}
.category > div .post .miniature {
	position: relative;
	float: left;
	overflow: hidden;
	height: 100px;
	width: 100px;
	margin: 0 10px 10px 0;
	cursor: pointer;
}
.category > div .post .img {
	float: left;
	height: 100%;
	width: 100%;
	background-size: cover !important;
}
.category > div .post .no-image {
	text-align: center;
	font-size: 60px;
/* 	display: table-cell; */
/* 	height: 100px; */
/* 	width: 100px; */
	  position: absolute;
    margin: 50% 0 0 50%;
    transform: translate(-50%, -50%);
}

/* --- SINGLE --- */
/* --- V1 --- */


/* --- EVENTS --- */
/* --- CATEGORY --- */
/* --- V1 --- */
.category .eventlist1 .post .miniature {
	border-radius: 50px;
	width: 80px;
	height: 80px;
}
.category .eventlist1 .post .miniature > span {
	display: table-cell;
	width: 80px;
	height: 80px;
	vertical-align: middle;
	text-align: center;
}
.category .eventlist1 .post .miniature span > * {
	display: block;
	clear: both;
	color: #fff;
	text-transform: uppercase;
	line-height: 25px;
}
.category .eventlist1 .post .img,
.category .eventlist1 .post .no-image {
	display: none;
}
.category .eventlist1 .post > .ca-title,
.category .eventlist1 .post > .content {
	padding-left: 90px;
}

/* --- V2 --- */
.category .eventlist2 .post .miniature {
	width: 60px;
	height: inherit;
	text-align: center;
	color: #fff
}
.category .eventlist2 .post .img,
.category .eventlist2 .post .no-image {
	float: left;
	width: 180px;
	height: 150px;
}
.category .eventlist2 .post .no-image:before {
	line-height: 150px;
}
.category .eventlist2 .post > .ca-title,
.category .eventlist2 .post > .content {
	padding-left: 265px;
}

.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 .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: 29.9%;
    margin-left: 30px;
    margin-bottom: 10px;
}
.job-selects-holder .job-select-holder:first-of-type {
    margin-left: 0;
    width: 195px;
}
.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 button {
    float: right;
    border-radius: 3px;
    color: #fff !important;
    display: block;
    float: right;
    padding: 5px 10px;
    margin-bottom: 0;
    cursor: pointer;
}
.job .img-holder {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 195px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    background-color: #eee;
    border: 0;
}
.job .img-holder.no-image {
    height: 100% !important;
    width: 195px !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;
}
.job .content {
    width: 449px !important;
    float: right;
    padding: 10px 10px 10px 20px !important;
}
.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: 195px;
    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;
}
.jobdetail1 .sub-date {
  display: block;
  clear: both;
  font-size: 16px;
}



.event-date {
	margin-bottom: 15px;
	font-size: 16px;
}
.event-date span {
	margin: 0 5px;
}

/* --- SINGLE --- */
/* --- V1 --- */

/* --- INSTRUCTORS --- */
/* --- CATEGORY --- */
/* --- V1 --- */

/* --- SINGLE --- */
/* --- V2 --- */
.single > div .instructordetail2 .post .miniature {
	float: left;
	overflow: hidden;
	height: 380px;
	width: 100%;
	margin-bottom: 10px;
}
.single > div .instructordetail2 .post .miniature > .img {
	height: 100%;
	width: 100%;
	background-size: cover !important;
}
/* --- V3 --- */
.single > div .instructordetail3 .post .content,
.single > div .instructordetail3 .post .ca-title {
	padding-left: 250px;
}
.single > div .instructordetail3 .post .miniature {
	float: left;
	overflow: hidden;
	height: 230px;
	width: 230px;
	border-radius: 115px;
}
.single > div .instructordetail3 .post .miniature > .img {
	height: 100%;
	width: 100%;
	background-size: cover !important;
}

/* --- News --- */
/* --- CATEGORY --- */
/* --- V2 --- */
.category .weblist2 .post > .ca-title,
.category .weblist2 .post > .content,
.category .weblist2 .post > .meta {
	padding-left: 260px;
}
.category .weblist2 .post .miniature {
	position: relative;
	float: left;
	overflow: hidden;
	height: 155px;
	width: 250px;
	margin: 0 10px 10px 0;
	cursor: pointer;
}
.category .weblist2 .post .no-image {
	height: 155px;
	width: 250px;
}
/* --- V3 --- */
.category .weblist3 .post {
	position: relative;
	display: inline-block;
	width: 49%;
	height: 250px;
	margin: 0 1.2% 5px 0;
}
.category .weblist3 .post:nth-child(even) {
	margin-right: 0;
}
.category .weblist3 .post .no-image {
	position: absolute;
	width: 100%;
	padding-top: 20px;
	border: 0;
	font-size: 150px;
	text-align: center;
}
.category .weblist3 .post .miniature {
	position: absolute;
	top: 0; right: 0; bottom: 0; left: 0;
	width: auto;
	height: auto;
	margin: 0;
}
.category .weblist3 .post .meta,
.category .weblist3 .post .content {
	display: none;
}
.category .weblist3 .post .ca-title {
	position: absolute;
	bottom: 0;
	width: 100%;
	margin: 0;
	text-align: center;
	padding: 10px;
}
.category .weblist3 .post .ca-title a {
	color: #fff !important;
}
.category .weblist3 .post .ca-title a:after {
	display: block;
	font-size: 14px;
	content: "Meer informatie";
}
/* --- SINGLE --- */
/* --- V1 --- */

/* --- LOCATIONS --- */
/* --- CATEGORY --- */
/* --- V1 --- */
	#google-map-list {
		height: 600px;
	}
	.category .locationlist2 .post > .ca-title,
	.category .locationlist2 .post > .content,
	.category .locationlist2 .post > .meta {
			padding-left: 110px;
	}

/* --- SINGLE --- */
/* --- V1 --- */


/* --- PHOTO ALBUMS --- */
/* --- CATEGORY --- */
/* --- V1 --- */

.category .gallerylist1 .post .miniature {
	display: none;
}

.category .gallerylist1 .post > .content,
.category .gallerylist1 .post > .meta,
.category .gallerylist1 .post > .ca-title {
	padding-left: 0;
}

/* --- DETAILS --- */
/* --- V2 --- */
.single .gallerydetail2 .photo-album a {
	width: 100%;
	height: 400px !important;
	margin: 0 0 10px 0;
}
/* --- V3 --- */
.single .gallerydetail3 .photo-album a {
	width: 32%;
	height: 150px;
	margin: 0 1.8% 10px 0;
}
.single .gallerydetail3 .photo-album a:nth-child(3n+3) {
	margin-right: 0;
}


/* --- CONTACT --- */
/* --- V1 --- */


/* --- TIMETABLE --- */
.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;
}

/* --- LESSEONDETAIL1 --- */
.lessonlist1 .timetable{
	width: 100%;
	table-layout: fixed;
}
.lessonlist1 .timetable td,
.lessonlist1 .timetable th {
	vertical-align: middle;
	text-align: center;
	width: 120px;
}

.lessonlist1 .timetable td.hidden,
.lessonlist1 .timetable th.hidden {
	display: none;
}

.lessonlist1 .timetable td+td,
.lessonlist1 .timetable th+th{
	width: auto;
}
.lessonlist1 .timetable th+th,
.lessonlist1 .timetable th+th a,
.lessonlist1 .timetable .time {
	padding: 5px !important;
	font-weight: normal;
	text-align: center;
}
.lessonlist1 .timetable td.hidden {
	display: none;
}
.lessonlist1 .timetable td[class^="timestate"] {
	color: #fff;
	/*cursor: pointer;*/
	font-size: 13px;
}
.lessonlist1 .timetable td[rowspan] {
	height: 50px;
}
.lessonlist1 .timetable .time {
	position: relative;
}
.lessonlist1 .timetable .time span {
	position: absolute;
	top: -12px; left: 30px;
	padding: 0 10px;
}
.lessonlist1 .timetable td[class^="timestate"] span {
	font-size: 10px;
}
.lessonlist1 .timetable td[class^="timestate"] a,
.lessonlist1 .timetable td[class^="timestate"] a:visited {
	margin-top: 10px;
	display: block;
	background: none;
}
.lessonlist1 .timetable td[class^="timestate"] a:first-child,
.lessonlist1 .timetable td[class^="timestate"] a:visited:first-child {
	margin-top: 1px;
}
.lessonlist1 .timetable td[class^="timestate"] a:hover {
	text-decoration: underline;
	color: #fff !important;
}
.lessonlist1 .timetable tbody tr:last-child td {
	padding: 0;
	height: 0;
}
.lessonlist1 .gymlessons .meta {
	margin-left: 0 !important;
	margin-bottom: 15px;
}
.lessonlist1 .gymlessons .meta li {
	display: inline-block;
}
.lessonlist1 .gymlessons .meta li:after {
	content: "|";
	margin: 0 5px;
}
.lessonlist1 .gymlessons .meta li:last-child:after {
	content: "";
}

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

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

.page .lessonlist1 .meta,
.page .lessonlist2 .meta,
.page .lessonlist3 .meta {
	margin: 0 0 10px 0;
	list-style: none;
	padding-bottom: 10px;
}
.page .lessonlist1 .meta li,
.page .lessonlist2 .meta li,
.page .lessonlist3 .meta li {
	display: inline-block;
}
.page .lessonlist1 .meta li:after,
.page .lessonlist2 .meta li:after,
.page .lessonlist3 .meta li:after {
	content: "|";
	padding: 5px;
}
.page .lessonlist1 .meta li:last-child:after,
.page .lessonlist2 .meta li:last-child:after,
.page .lessonlist3 .meta li:last-child:after {
	content: none;
}

/* --- LESSEONDETAIL2 --- */

/* --- 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 !important;
	list-style: none;
}
.lessonlist2 .timetable-lesson-filter li,
.lessonlist2 .timetable-category-filter li,
.lessonlist2 .timetable-day-filter li,
.lessonlist3 .timetable-lesson-filter li,
.lessonlist3 .timetable-category-filter li,
.lessonlist3 .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,
.lessonlist3 .timetable-lesson-filter .styled-select,
.lessonlist3 .timetable-category-filter .styled-select,
.lessonlist3 .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,
.lessonlist3 .timetable-lesson-filter li:first-child,
.lessonlist3 .timetable-category-filter li:first-child,
.lessonlist3 .timetable-day-filter li:first-child {
	width: 20%;
}
.lessonlist2 .timetable-day-filter,
.lessonlist3 .timetable-day-filter {
	display: none;
}

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


/* --- TIMETABLE --- */
.lessonlist2 .lessonData,
.lessonlist3 .lessonData {
	font-size: 17px;
	border-collapse: collapse;
	width: 100%;
}
.lessonlist2 .lessonData tr td,
.lessonlist3 .lessonData tr td {
	cursor: pointer;
	padding: 5px 0 !important;
}
.lessonlist2 .lessonData tr td.time a,
.lessonlist3 .lessonData tr td.time a {
	width: 20%;
	font-weight: 700;
}
.lessonlist2 .lessonData tr td.title,
.lessonlist3 .lessonData tr td.title {
	width: 40%;
}
.lessonlist2 .lessonData tr td.location,
.lessonlist3.lessonData tr td.location {
	width: 20%;
}
.lessonlist2 .lessonData tr td.trainer,
.lessonlist3 .lessonData tr td.trainer {
	width: 20%;
}
.lessonlist2 .lessonData tr td a,
.lessonlist3 .lessonData tr td a {
	font-weight: normal;
}
.lessonlist2 .lessonData tr:hover .title a,
.lessonlist3 .lessonData tr:hover .title a {
	font-weight: bold !important;
}


/* --- SIDEBAR --- */
.main .sidebar-right .sidebar {
	display: block;
	float: right;
	padding-left: 10px;
	width: 33.33%;
	height: auto;
	/*margin-bottom: 10px;*/
}
.main .sidebar-left  .sidebar {
	display: block;
	float: left;
	padding-right: 10px;
	width: 33.33%;
}
.main .sidebar {
	display: none;
}

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

/* --- SEARCH WIDGET --- */
.widget .searchform #s {
	width: 59%;
	margin-right: 2%;
}
.widget .searchform #searchsubmit {
	width: 37.3%;
}
.widget .ca-title,
.widget .ca-subtitle {
	text-transform: uppercase;
}

/* --- BANNER WIDGET --- */
.widget .banner {
	height: 180px;
}
.sidebar .slider .text {
	cursor: pointer;
}
.sidebar .slider li {
	position: relative;
	display: block;
}
.sidebar .slider {
	display: block;
	position: relative;
	overflow: hidden;
}
.sidebar .slider li,
.sidebar .slider .inner > div {
	height: 180px;
}

/* --- 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 {
	display: block;
}
.widget .moreinfo {
	padding: 10px;
	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%;
}
.sidebar .widget .moreinfo .g-recaptcha {
	float: right;
	margin: 0;
	-webkit-transform: scale(.95);
	-moz-transform: scale(.95);
	-ms-transform: scale(.95);
	-o-transform: scale(.95);
	transform: scale(.95);
	-webkit-transform-origin: top right;
	-moz-transform-origin: top right;
	-ms-transform-origin: top right;
	-o-transform-origin: top right;
	transform-origin: top right;
	width: 305px;
}
.widget .moreinfo #searchsubmit {
	width: 110px;
}
.widget .moreinfo input[type='submit'] {
	clear: both;
	float: right;
}

/* --- SCHEDULE WIDGET --- */
.widget .schedule-widget {
	display: block;
	overflow: auto;
}
.widget .schedule-widget > *,
.widget .schedule-widget a {
	padding: 6px 10px;
}
.widget .schedule-widget .day .ca-title {
	color: #fff;
}
.widget .schedule-widget .content {
	cursor: pointer;
}
.widget .schedule-widget .content > span {
	display: inline-block;
	font-weight: bold;
}
.widget .schedule-widget .content span.event {
	width: 60%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.widget .schedule-widget .content span.time {
	float: right;
}
.widget .schedule-widget > a {
	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: 33px;
	font-size: 30px;
	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: 38px;
	font-size: 15px;
	font-weight: 300;
	padding-left: 65px;
	left: 0;
	top: 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.overzicht-link {
	max-width: 100%;
	font-size: 15px;
	font-weight: 300;
	text-align: center;
	line-height: 25px;
}


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

/* --- BRANCHE SELECTOR --- */
.sidebar .styled-select {
	margin: 0;
}

/* --- 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;
}


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


/* --- FOOTER --- */
footer {
	position: relative;
	clear: both;
}

.home footer .boxes {
	display: block;
	margin: 0 auto;
}
footer .boxes .content {
	margin: 10px;
}

footer .cols .ca-title {
	float: left;
	padding-bottom: 5px;
	margin-bottom: 10px;
}

footer .boxes h5.ca-title {
	font-size: 24px;
}

footer .boxes h4.ca-title {
	font-size: 18px;
	margin-top: 3px;
}

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

footer #sitemap li:before {
	content: '- ';
}

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 > * {
	float: left;
	margin-right: 10px;
}

/* --- COLUMNS --- */
footer .cols {
	padding-top: 10px;
}
footer .cols > * {
	padding-bottom: 10px;
}
footer .cols > * > * {
	clear: left;
}

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

footer .bottom {
	padding: 5px 0;
	font-size: 90%;
	overflow: auto;
}
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 --- */
/* --- Primary--- */
.ctaButton {
	position: absolute;
	top: 15px;
	width: 170px;
	height: 170px;
	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: 85px;
}
.ctaButton.square {
	border-radius: 15px;
	width: 230px;
	height: 145px;
}
.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 h5,
.ctaButton2 h5 {
	font-family: 'Ubuntu Condensed', sans-serif;
	font-weight: lighter;
}
.ctaButton .ca-title,
.ctaButton2 .ca-title,
.ctaButton h5,
.ctaButton2 h5 {
	color: #fff;
}

/* --- Secondary--- */
.ctaButton2 {
	position: absolute;
	top: 110px;
	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: 180px;
}
.ctaButton2.right {
	right: 165px;
}
.ctaButton2.round {
	border-radius: 85px;
}
.ctaButton2.square {
	border-radius: 15px;
	width: 140px;
	height: 80px;
	top: 165px;
}

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

.transition,
a, a:visited {
	-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;
}

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

/* --- BOXES --- */
.boxes {
	position: relative;
	margin: 0;
	overflow: hidden;
	z-index: 1;
	color: #fff !important;

}
.boxes .main .content a .ca-title:hover {
	color: #fff !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;
  }
}

.boxes a,
.boxes a:visited {
	color: #fff;
}
.boxes .ca-title,
.boxes .ca-subtitle {
	display: block;
	width: 100%;
	overflow: hidden;
}
.boxes > li {
	position: relative;
	background: #fff;
	padding: 0;
	cursor: pointer;
}
.boxes > li > .color,
.boxes > li > .image {
	position: absolute;
	top: 0; right: 0; bottom: 0; left: 0;
}
.boxes > li > .content {
	position: relative;
	z-index: 3;
	overflow: hidden;
	line-height: 25px;
}

.sidebar-right .boxes > li:nth-child(3) .content {
/* 	margin-left: 20px; */
}
.sidebar-left .boxes > li:nth-child(1) .content {
	margin-right: 20px;
}
.boxes > li > .color {
	z-index: 2;
}
.boxes > li > .image {
	background-size: cover !important;
	background-position: center !important;
	background-repeat: no-repeat !important;
	z-index: 1;
}
.boxes > li:hover > .color  {
	opacity: 1 !important;
}
.boxes > li > .color  {
	opacity: .8;
}
.sidebar-left .boxes > li:nth-child(1) > .image,
.sidebar-right .boxes > li:nth-child(3) > .image  {
	/*display: none;*/
}
.sidebar-left .boxes > li:nth-child(1):hover .ca-title,
.sidebar-right .boxes > li:nth-child(3):hover .ca-title  {
	color: #fff;
}

/* --- SELECTS --- */
.styled-select {
	position: relative;
	height: auto;
	overflow: hidden;
	width: 100%;
	background: #fff;
}
.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;
	height: 28px;
	line-height: 15px;
	padding: 5px 10px;
	width: 253px;
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	-o-appearance: none;
	appearance: none;
	outline:none;
	width: 100%;

}
.styled-select select option {
	line-height: 30px;
	-webkit-border-radius: none;
}

/* --- SOCIAL --- */
.social > * {
	display: block;
	font-size: 25px;
	cursor: pointer;
}

/* --- BUTTONS --- */
.readmore {
	display: block;
	margin-top: 15px;
}

/* --- SLIDER --- */
.slider ul {
	margin: 0;
	padding: 0;
	list-style: none;
	display: block;
	width: 100% !important;
}
.slider li {
/* 	display: none; */
	width: auto;
	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%;
	margin-bottom: 5px;
}
.photo-album a:nth-child(5n+5) {
	margin-right: 0;
}
.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: 'Ubuntu Condensed', sans-serif;
	font-weight: 400;
	font-size: 16px;
	color: #fff;
	text-transform: uppercase;
	border-radius: 0;
	-webkit-border-radius: 0;
    -webkit-appearance: none;
}

input[type='text'],
input[type='password'],
input[type='email'],
input[type='tel'],
textarea {
	padding: 7px 10px;
    font-size: 15px;
    font-family: Ubuntu,Arial,Helvetica;
    box-shadow: none;
    border: 1px solid #EEE;
    background: #FFF none repeat scroll 0% 0%;
    resize: none;
    -webkit-appearance: none;
}
.form-submit {
	display: block;
	padding: 5px 10px;
	margin: 10px 0;
	font-weight: bold;
}
.fail {
	color: red;
	border: 2px solid red;
}
.success {
	color: green;
	border: 2px solid green;
}

/* --- 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;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

/* --- YOUTUBE --- */
.youtube-video {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}

.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;
}
/* ------------------------------------------------------------------------------------------ */


/* 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 .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;
}
.syx1 #syx-logout-form {
	display: block;
	height: 50px;
}
.syx1 #syx-logout-form button {
	float: right;
}

.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: 768px) and (max-width: 1023px) {

	/* --- GENERAL --- */
	.inner,
	footer .boxes {
		width: 100% !important;
	}


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


	/* --- HEADER --- */
	header .top {
		padding: 0;
	}
	header .top .affiliate {
		padding: 0 10px;
	}
	header .top-menu {
		height: 70px;
	}
	header .top-menu .inner {
		padding: 0 10px !important;
	}
	header.smaller .top-menu {
		height: 55px;
	}

	/* --- LOGO --- */
	header .logo {
		float: left;
/* 		width: 33.33%; */
		height: 50px;
/* 		background-position: left top; */
	}
	header.smaller .logo {
		height: 35px;
	}

	/* --- NAVIGATION --- */
	header .menu {
		display: none;
	}

	/* --- SLIDER --- */
	header .slider {
	    margin-top: 70px;
	}
	header.topbar .slider {
	    margin-top: 123px;
	}
	.home header .slider .info {
		bottom: -10px;
	}

	/* --- HEADER IMAGE TITLE --- */
	header .header-image {
		margin-top: 70px;
	}
	header.topbar .header-image {
		margin-top: 123px;
	}
	header .header-image.no-image {
		height: 52px;
	}
	header .header-image .ca-title {
		color: #fff;
		padding: 5px 10px;
	}
	header .header-image .ca-title h2 {
		font-size: 18px;
	}

	/* --- GOOGLE MAPS --- */
	header #google-map {
		top: 50px;
	}

	/* --- BOXES --- */
	.home header .boxes {
		position: relative;
		bottom: 0;
	}

	/* --- INFO --- */
	.home header .info {
		position: relative;
		bottom: 0;
		box-shadow: none;
	}
	.home header .info > * {
		margin-bottom: 0;
	}
	.home header .info .notification {
		margin-bottom: 10px !important;
	}


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


	/* --- MAINCONTAINER --- */
	.main {
		margin: 15px 0 !important;
		padding: 10px;
	}

	/* --- SIDEBAR --- */
	.main .sidebar-left .sidebar,
	.main .sidebar-right .sidebar {
		display: block;
		width: 32.9%;
	}

	/* --- CONTENT --- */
	.main .sidebar-left .content,
	.main .sidebar-right .content {
		/*width: 67.1%;*/
	}

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

	.calendar-mobile {
  	display: none;
	}
	.jalendar h3 {
    font-size: 25px;
  }


  .job-select-holder {
      width: 100% !important;
      margin-left: 0;
  }
  .job .img-holder {
/*       display: none; */
  }
  .job .content {
      width: 100% !important;
  }


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


	/* --- FOOTER --- */
	footer .inner {
		padding: 0 10px;
	}

	/* --- ELEMENTS --- */
	/* --- CALL-TO-ACTION BUTTON --- */
	.ctaButton.right {
		margin-right: 10px;
	}
	.ctaButton.left {
		margin-left: 10px;
	}
	.syx1 .content .child-detail-holder .syx-loader {
	  float: none;
	  width: 100%;
	}

	.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-holder li {
	  border-bottom: 0;
	  margin-bottom: 10px;
	}
	 .syx1 .content .child-holder li:last-child {
	  margin-bottom: 0;
	}
  .syx1 #syx-logout-form {
		display: block;
		height: 40px;
	}
}


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


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

	/* --- GENERAL --- */
	.inner {
		width: 100%;
	}
	.joblist1 .job .content{
		width:100%!important;
	}
	.joblist1 .job .img-holder{
		display:none!important;
	}
	.joblist .job .no-image{
		display:none;

	}
	.job-select-holder{
		width:100%;
		margin-left:0px;
	}
	.job-selects-holder .job-select-holder:first-of-type{
		width:100%;
	}


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


	/* --- HEADER --- */
	header .top {
		padding: 0;
		height: 70px;
	}
	header .top .affiliate {
		float: none;
	}
	header .top .affiliate {
		padding: 0 10px;
	}
	header .top .affiliate > * {
		width: 100%;
		text-align: center;
	}
	header .top .affiliate .ca-title {
		line-height: normal;
	}
	header .top .affiliate .styled-select {
		margin: 0;
	}
	header .top-menu {
		height: 70px;
		top: 0;
	}
	header.topbar .top-menu {
		top: 63px;
	}
	header .top-menu .inner {
		padding: 0 10px !important;
	}
	header.smaller .top-menu {
		height: 55px;
	}

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

	/* --- NAVIGATION --- */
	header .menu {
		display: none;
	}

	/* --- SLIDER --- */
	header .slider,
	header .header-image {
		margin-top: 70px;
	}
	header .slider {
		height: 190px;
	}
	.home header .slider {
		height: 300px;
	}
	header.topbar .slider,
	header.topbar .header-image {
		margin-top: 130px;
	}
	.home header .slider li,
	.home header .slider .inner > div {
		height: 300px;
	}
	header .slider li,
	header .slider .inner > div {
		height: 190px;
	}
	.home header .slider .controls {
		display: none;
	}
	.home header .slider .info {
		bottom: 0;
	}

	/* --- HEADER IMAGE TITLE --- */
	header .header-image {
		height: 200px;
	}
	header .header-image.no-image {
		height: auto;
	}
	header.topbar .header-image.no-image {
		height: 50px !important;
	}
	header .header-image .ca-title {
		color: #fff;
		padding: 5px 10px;
	}
	header .header-image .ca-title h2 {
		font-size: 18px;
	}

	/* --- GOOGLE MAPS --- */
	header #google-map {
		top: 50px;
	}

	/* --- INFO --- */
	.home header .info {
		position: relative;
		bottom: 0;
		box-shadow: none;
	}
	.home header .info > * {
		margin-bottom: 0;
	}
	.home header .info .text {
		width: auto;
	}
	.home header .info .text .ca-title {
		font-size: 24px !important;
	}

	/* --- CALLOUT --- */
	.home header .info .callout{
		display: none;
	}

	/* --- HEADER BOXES --- */
	.sidebar-left .boxes > li:nth-child(1),
	.sidebar-right .boxes > li:nth-child(3),
	.sidebar-left .boxes > li:nth-child(1) a,
	.sidebar-left .boxes > li:nth-child(1) a:visited,
	.sidebar-right .boxes > li:nth-child(3) a,
	.sidebar-right .boxes > li:nth-child(3) a:visited {
		color: #fff !important;
	}
	header .boxes {
		position: relative;
		bottom: 0;
	}
	header .boxes > li > .image {
		background: none !important;
	}
	.home header .boxes > li > .content {
		height: 70px !important;
		text-align: center;
	}
	.home header .boxes {
		position: relative;
		bottom: 0;
	}
	.sidebar-left .boxes > li:nth-child(1) .ca-title,
	.sidebar-right .boxes > li:nth-child(3) .ca-title {
		color: #fff !important;
	}
	.home header .boxes .ca-title {
/* 		line-height: 35px; */
/* 		height: 25px; */
/* 		margin-bottom: 20px; */
		font-size: 20px;
		line-height: 30px;
	}

	.home header .info .text {
		width: auto !important;
	}
	.home header .boxes .ca-subtitle {
		display: none;
	}


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


	/* --- MAINCONTAINER --- */
	.main {
		padding: 10px;
		margin: 0 !important;
	}




	.home1 .featured .banner {
		width: 100%;
		margin: 0 0 10px !important;
	}




	/* --- SIDEBAR --- */
	.main .content {
		width: 100% !important;
	}

	/* --- SIDEBAR --- */
	.main .sidebar-right .sidebar,
	.main .sidebar-left  .sidebar,
	.main .sidebar {
		display: none;
	}

	/* --- FORM --- */
	.main .content input[type='text'],
	.main .content input[type='password'],
	.main .content input[type='email'],
	.main .content input[type='tel'],
	.main .content textarea,
	.main .content .upload {
		width: 100%;
		margin-top: 0;
	}

	.g-recaptcha {
		margin-left: 0;
	}

	.main .content .form-submit {
		width: 100%;
	}
	.main .content label {
		display: block !important;
		width: 100% !important;
		margin-top: 10px !important;
	}


	/* --- SELECTS --- */
	.main .content .styled-select {
		display: block;
		width: 100%;
		margin-top: 0;
	}

	.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;
	}

	/* --- 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 31.5%;
		width: 54% !important;
	}

	.gymlessons .tools.detail .button {
		width: 100% !important;
	}

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





	.category .post .miniature {
		height: 100px !important;
		width: 100px !important;
	}
	.category .post > .ca-title,
	.category .post > .content,
	.category .post > .meta {
			padding-left: 110px !important;
	}

	.category .eventlist1 .post .miniature {
		width: 80px !important;
		height: 80px !important;
	}

	/* --- V2 --- */
	.category .eventlist2 .post .miniature {
		width: 60px !important;
		height: 60px !important;
	}
	.category .eventlist2 .post .img,
	.category .eventlist2 .post .no-image {
		display: none;
	}
	.category .eventlist2 .post > .ca-title,
	.category .eventlist2 .post > .content {
		padding-left: 70px;
	}
	.category .weblist3 .post {
		width: 100%;
		margin: 0 0 10px 0;
	}

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

	/* --- TIMETABLE --- */
	.lessonlist2 .dayTabs,
	.lessonlist3 .dayTabs {
		display: none;
	}
	.lessonlist2 .timetable-day-filter,
	.lessonlist3 .timetable-day-filter {
		display: block;
	}

	.lessonlist2 .timetable-lesson-filter .styled-select,
	.lessonlist2 .timetable-category-filter .styled-select,
	.lessonlist2 .timetable-day-filter .styled-select,
	.lessonlist3 .timetable-lesson-filter .styled-select,
	.lessonlist3 .timetable-category-filter .styled-select,
	.lessonlist3 .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,
	.lessonlist3 .timetable-lesson-filter li:first-child,
	.lessonlist3 .timetable-category-filter li:first-child,
	.lessonlist3 .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,
	.lessonlist3 .timetable-lesson-filter li:last-child,
	.lessonlist3 .timetable-category-filter li:last-child,
	.lessonlist3 .timetable-day-filter li:last-child {
		width: 54%;
	}
	.lessonlist2 .lessonData tr td.time,
	.lessonlist3 .lessonData tr td.time {
		width: 33%;
		font-size: .9em;
	}
	.lessonlist2 .lessonData tr td.title,
	.lessonlist3 .lessonData tr td.title {
		width: 67%;
		font-size: .9em;
	}
	.lessonlist2 .lessonData tr td.location,
	.lessonlist2 .lessonData tr td.trainer,
	.lessonlist3 .lessonData tr td.location,
	.lessonlist3 .lessonData tr td.trainer {
		display: none;
	}

	/* --- FOOTER --- */
	footer .inner {
		padding: 0 10px;
	}
	footer .col-3 > *:last-child {
		border: 0;
		margin: 0;
	}

	footer .boxes {
		display: none !important;
	}

	footer .cols > * {
		padding-top: 10px;
	}
	footer .cols > *:first-child {
		border-top: 0 !important;
	}
	footer .copyright {
		float: none;
		text-align: center;
	}
	footer .links {
		display: none;
	}

	/* --- ELEMENTS --- */
	/* --- CALL-TO-ACTION BUTTON --- */
	.ctaButton.right {
		margin-right: 10px;
	}
	.ctaButton.left {
		margin-left: 10px;
	}
	.ctaButton2 {
		top: 60px;
	}
	.ctaButton2.left {
		left: 190px;
	}
	.ctaButton2.left.square {
		left: 250px;
	}
	.ctaButton2.right {
		right: 190px;
	}
	.ctaButton2.right.square {
		right: 250px;
	}
	.ctaButton2.square {
		top: 85px;
	}

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


	/* --- ELEMENTS --- */
	/* --- CALL-TO-ACTION BUTTON --- */
	.ctaButton {
		top: 10px;
	}
	#google-map-list {
		color: #000 !important;
		height: 350px;
	}
	/* --- COLUMNS --- */
	.col-3 {
		width: 100%;
	}
	.col-3 > * {
		display: block;
		width: 100%;
	}

	/* --- BOXES --- */
	.boxes > li > .content {
		margin: 10px;
	}

	/* --- PHOTO ALBUM --- */
	.single .gallerydetail1 .photo-album a,
	.single .gallerydetail3 .photo-album a{
		width: 100% !important;
		height: 200px;
		margin: 0 0 10px 0 !important;
	}
	.single .gallerydetail2 .photo-album a {
		height: 200px !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%;
	}
  .syx1 .content .child-holder li {
	  border-bottom: 0;
	  margin-bottom: 10px;
	}
	 .syx1 .content .child-holder li:last-child {
	  margin-bottom: 0;
	}
}


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


@media 	only screen and (min-width: 480px) and (max-width: 767px) {

	/* --- GENERAL --- */
	.inner {
		width: 100%;
	}

	/* --- LOGO --- */
	header .logo {
		float: left;
/* 		width: 33.33%; */
		height: 50px;
/* 		background-position: left top; */
	}


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


	/* --- HEADER --- */
	header .top-menu {
		height: 70px;
	}

	/* --- NAVIGATION --- */
	header .menu {
		display: none;
	}

	/* --- ELEMENTS --- */
	/* --- CALL-TO-ACTION BUTTON --- */
	.ctaButton {
		top: 10px;
		margin-left: 10px;
	}

	/* --- SLIDER --- */
	header .slider,
	header .header-image {
		margin-top: 70px !important;
	}
	header.topbar .slider,
	header.topbar .header-image {
		margin-top: 133px !important;
	}
	header .header-image.no-image {
		height: 50px;
	}
	header.topbar .header-image.no-image {
		height: 32px;
	}
	.home header .slider li {
		height: 300px;
	}
	header .slider li {
		height: 190px;
	}
	header .slider .controls {
		display: none;
	}

	/* --- INFO --- */
	.home header .info {
		position: relative;
		bottom: 0;
		box-shadow: none;
	}
	.home header .info > * {
		margin-bottom: 0;
	}
	.home header .info .text {
		width: auto !important;
	}
	.home header .info .text .ca-title {
		font-size: 32px !important;
	}

	/* --- CALLOUT --- */
	.home header .info .callout{
		display: none;
	}

	.jalendar h3 {
    font-size: 25px;
  }


	/* --- FOOTER --- */
	footer .boxes {
		display: none !important;
	}

	/* --- PHOTO ALBUM --- */
	.single .gallerydetail1 .photo-album a,
	.single .gallerydetail2 .photo-album a,
	.single .gallerydetail3 .photo-album a {
		width: 49.5% !important;
		margin: 0 1% 10px 0 !important;
	}
	.single .gallerydetail1 .photo-album a:nth-child(2n+2),
	.single .gallerydetail2 .photo-album a:nth-child(2n+2),
	.single .gallerydetail3 .photo-album a:nth-child(2n+2) {
		margin-right: 0 !important;
	}
	.single .gallerydetail2 .photo-album a {
		height: 400px;
	}

	.category .weblist3 .post {
		width: 49%;
		margin: 0 1% 5px 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;
  }
  .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-holder li {
	  border-bottom: 0;
	  margin-bottom: 10px;
	}
	 .syx1 .content .child-holder li:last-child {
	  margin-bottom: 0;
	}
}

/* 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;
  }
}