:root {
	--boxed_width: 1200px;
	--fullwidth_boxed: 15%;
	--nav_font_size: 16px;
	
	/* COLOURS */
	--main: #453D86;
	--main2: #d0d6d6;
	--main2_text: #555;

	--homebox1: var(--main);
	--homebox2: #1170A8;
	--homebox3: #158AD0;
	--homebox4: #2DA3EA;
}

body {
	font-family: Arial;
	background-color: #eee;
}
img {
	max-width: 100%;
	height: auto;
}
h1 {
	font-family: arial;
}
h2, h2 a {
	color: var(--main);
	font-weight: bold;
	font-family: arial;
	text-decoration: none!important;
	font-size: 28px;
}
h3 {
	color: #444;
	font-weight: bold;
	font-family: arial;
	font-size: 20px;
}
a {
	text-decoration: none!important;
	color: var(--main);
}
p a {
	text-decoration: underline!important;
}
.container {
	width: var(--boxed_width);
	max-width: 100%;
}
.required {
	color: red;
}
.top-header {
	background-color: #000;
	line-height: 28px;
	padding: 0 15px;
}
.top-header.top-header-fixed
{
  position: fixed;
  z-index: 1001;
  width: 100%;
}
.container .top-header.top-header-fixed {
	width: calc(var(--boxed_width) - 30px);
	max-width: 100%;
}
.top-header *, .top-header a:hover {
	color: #fff!important;
}
.top-header .fa-ul {
	margin: 0px;
}
.header {
	background-color: #fff;
}
.header .logo {
	display:inline-block;	
}
.header .logo img {
	display:block;
}
.navigation {
	width: 100%;
}
.navigation.nav_with_logo {
	padding-top: 15px;
	padding-bottom: 15px;
	background-color: var(--main);
}
.navigation.nav_with_logo.navigation-invert {
	background-color: #fff!important;
}
.navigation.nav_with_logo.navigation-fixed {
	position: fixed;
  	z-index: 1001;
}
.container .navigation.nav_with_logo.navigation-fixed {
	width: calc(var(--boxed_width) - 30px);
	max-width: 100%;
}
.navigation.nav_with_logo.navigation-fixed.navigation-top-fixed {
	top: 28px;
}
.navigation.nav_with_logo.navigation-fixed.navigation-top-fixed.nav_with_slider, 
.navigation.nav_with_logo.navigation-fixed.nav_with_slider {
	opacity: 0.8;
}
.navigation.nav_with_logo .navbar-nav,
.navigation.nav_with_logo .navbar-nav.nav-invert {
	background-color: transparent!important;
}
.navbar {
	min-height: 0px;
}
.navbar-default {
	border: none;
	border-radius: 0px;
	background-color: transparent;
	margin: 0px;
	text-align: center;
}
.navbar-nav {
	background-color:var(--main);
	float: none;
	display: inline-block;
	width: 100%;
	/*padding: 0px 50px;*/
}
.navbar-nav.nav-invert {
	background-color:var(--main2);
}
.navbar-collapse {
	padding: 0px;
}
.navbar-nav>li {
	float: none;
	display: inline-block;
}
.navigation.nav_with_logo .navbar-nav>li {
	float: left;
}
.navbar-default .navbar-nav>li>a {
	color: #fff;
	text-transform: uppercase;
	font-size: var(--nav_font_size);
	font-weight: bold;
	line-height: 42px;
	padding: 0 15px;
}
.navbar-default .navbar-nav.nav-invert>li>a {
	color: var(--main);
}
.navbar-default .navbar-nav>li>a:hover, 
.navbar-default .navbar-nav>li>a:focus {
	color: #fff;
	background-color: var(--main);
}
.navbar-default .navbar-nav>.open>a, 
.navbar-default .navbar-nav>.open>a:hover, 
.navbar-default .navbar-nav>.open>a:focus, 
.navbar-default .navbar-nav>.active>a {
	color: var(--main);
	background-color: var(--main2);
}
.navbar-default .navbar-nav.nav-invert>li>a:hover, 
.navbar-default .navbar-nav.nav-invert>li>a:focus {
	color: #fff;
	background-color: var(--main);
}
.navbar-default .navbar-nav.nav-invert>.open>a, 
.navbar-default .navbar-nav.nav-invert>.open>a:hover, 
.navbar-default .navbar-nav.nav-invert>.open>a:focus, 
.navbar-default .navbar-nav.nav-invert>.active>a {
	color: #fff;
	background-color: var(--main);
}
.dropdown-menu {
	border-radius: 0px;
}
.bx-wrapper {
	margin: 0px;
}
.bx-wrapper .bx-viewport {
	padding: 0px!important;
}
.bx-wrapper .bx-pager {
	display: none;
}
.slider.navigation-top-fixed {
	margin-top: 28px;
}
.slidetext {
	position: absolute;	
}
.slidetext.bottom-right {
	bottom: 1.5vw;
	right: 2.5vw;
	text-align: right;
}
.slidetext.bottom-left {
	bottom: 1.5vw;
	left: 2.5vw;
	text-align: left;
}
.slidetext.center {
	bottom: 8vw;
	left: 20vw;
	right: 20vw;
	text-align: center;
	background-color: var(--main2);
}
.slidetext h2 {
	background-color: var(--main);
	color: #fff;
	padding: 0.8vw 2vw 0.8vw 2vw;
	max-width: 100%;
	font-size: calc(0.8vw + 14px);
	margin: 0px 0px;
}
.slidetext p {
	background-color: var(--main2);
	color: var(--main2_text);
	padding: 0.5vw 2vw 0.5vw 2vw;
	display: inline-block;
	font-size: calc(0.4vw + 12px);
}
.slidetext a {
	text-decoration: none;
}
.slidetext.slider_mod_overlap {
	bottom: 8vw;
}
.homeicons.slider_mod_overlap,
.homeboxes.slider_mod_overlap {
	margin-top: -100px;
}

.homeintro {

}

.homeicons.grid {
	padding: 0vw 0px;
}
.homeicons.grid .homeicon {
	text-align: center;
	text-align: center;
	background-color: #a2ddff;
	width: 100%;
	
}
.homeicons.grid div:nth-child(1) .homeicon {
	background-color: var(--homebox1);
}
.homeicons.grid div:nth-child(2) .homeicon {
	background-color: var(--homebox2);
}
.homeicons.grid div:nth-child(3) .homeicon {
	background-color: var(--homebox3);
}
.homeicons.grid div:nth-child(4) .homeicon {
	background-color: var(--homebox4);
}
.homeicons.grid .homeicon a {
	text-decoration: none;
	color: #fff;
	padding: 15% 1vw;
	display: block;
	-webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
    cursor: pointer;
}
.homeicons.grid .homeicon a:hover {
	padding-bottom: 30%;
	margin-top: -15%;
	-webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
}
.homeicons.grid .hi_icon {
	font-size: calc(3.5vw + 32px);
	display: inline-block;
	line-height: 100px;
	color: #fff;
}
.homeicons.grid .hi_text {
	font-size: 14px;
	text-align: center;
}
.homeicons.grid .homeicon h3 {
	color: #fff;
}

.homeicons.list .homeicon {
	margin-bottom: 10px;
}
.homeicons.list .hi_icon {
  font-size: calc(2vw + 26px);
  text-align: center;
  display: inline-block;
  width: 100%;
  height: 100px;
  line-height: 100px;
  color: var(--main);
}
.homeicons.list .hi_icon.circle {
  border-radius: 50%;
  background-color: var(--main);
  display: inline-block;
  width: 100px;
  color: var(--main2);
}
.container .homeicons.list .hi_icon.circle {
	scale: 0.6;
}
.homeicons.list .hi_text h3 {
  text-align: left;
  color: var(--main);
  margin-top: 10px;
}
.homeicons.list .hi_text p {
  text-align: left;
  color: #000;
}
.homeicons.list .homeicon:hover .hi_icon,
.homeicons.list .homeicon:hover .hi_text h3 {
  opacity: 0.8;
}

.homebanner {
	padding: 1vw 0px;
	background-color: var(--main2);
	color: #fff;
}
.homebanner h2 {
	font-size: calc(1vw + 16px);
	color: #333;
}
.homebanner p {
	font-size: calc(0.5vw + 12px);
	color: #333;
}
.homebanner a {
	font-size: calc(0.7vw + 12px);
	background-color: var(--main);
	padding: 0.5vw 8vw;
	border-radius: 0.75vw;
	color: #fff;
	display: inline-block;
	text-decoration: none;
	border: 1px solid var(--main);
}
.homebanner a:hover {
	background-color: var(--main2);
	color: var(--main);
}
.homeboxes {
	padding: 4vw 0px;
	text-align: center;
}
.homeslogan {
	padding: 2vw 0px;
	background-color: var(--main2);
	color: #5f5b5c;
	text-align: center;
}
.homeslogan h2 {
	font-size: calc(1vw + 16px);
	color: #5f5b5c;
	margin-top: 0px;
}
.homeslogan p {
	font-size: calc(0.7vw + 12px);
}
footer {
	margin: 0!important;
}
.footer {
	background-color: var(--main);
	color: #fff;
	padding: 10px;
}
.footer ul.links {
	list-style: none;
	padding-left: 0;
}
.footer ul.links li {
 	margin-bottom: 3px;
}
.footer ul.links a {
 	line-height: 1.5;
}
.footer h3 {
	color: #fff;
	font-size: 18px;
}
.footer a {
	color: #fff;
	text-decoration: none;
}
.foot-left {
	text-align: left;
}
.foot-right {
	text-align: right;
}
.wwwd {
	margin: 0px;
}
.content {
	padding-bottom: 4vw;
}
.page-title {
	text-align: right;
	margin-bottom: 0;
	background-color: var(--main2);
}
.page-title h1 {
	color: #fff;
	display: inline-block;
	padding: 1vw 3vw;
	font-size: calc(1vw + 16px);
    color: #5f5b5c;
    margin-top: 0px;
    float: left;
}
.bread {
	color: #fff;
	display: inline-block;
	padding: 0.5vw 2vw;
}
.bread li {
	display: inline-block;
	color: #5f5b5c;
}
.bread a {
	color: #5f5b5c;
}
/* --- Blog CSS --- */
.blog-item {
	
}
.blog-item h2 {
	
}
.blog-item h2 a {
	text-decoration: none;
	font-weight: bold;
	width: 100%;
	display: inline-block;
}
.blog-item h3 a {
	margin: 8px 0px;
	font-weight: bold;
	color: #000;
	text-decoration: none;
}
.blog-item .inner {
	padding: 15px 15px;
}
.tag-list {
	list-style: none;
	display: inline-block;
	width: 100%;
	padding: 0px;
	margin: 0px -5px;
}
.blog-item .tag-list {
	float: left;
}
.tag-list li {
	display: inline-block;
	margin: 5px;
	background-color: var(--main);
	border: solid 1px var(--main);
	overflow: hidden;
}
.tag-list li a {
	color: #fff;
	line-height: 16px;
	margin: 0px;
	display: inline-block;
	width: 100%;
	padding: 0px 10px;#
	text-decoration: none;
}
.tag-list li:hover {
	background-color: #fff;
}
.tag-list li:hover a {
	color: var(--main);
	text-decoration: none;
}
.blog-archive li * {
	display: inline-block;
	vertical-align: middle;
	margin: 0px 2px;
	line-height: 16px;
}
.blog-archive li p,.blog-archive li a {
	width: 100%;
}
.blog-archive li p span {
	float: right;
}
/* --- TESTIMONIAL CSS --- */
.testimonial {

}
.testimonial p {
	margin: 0px;
}
.sidebar ul, .sidebar li {
	list-style: none;
	padding: 0px;
	margin: 0px;
}
.sidebar .tab-content {
	margin-bottom: 0px;
}
.sidebar-box {

}
.sidebar-box h2, .sidebar-box h3, .sidebar-box a {
	color: var(--main);
	text-decoration: none;
}
.sidebar-menu li {
	position: relative;
	height: auto;
	padding: 0px;
	margin: 5px 0px;
}
.sidebar-menu li a {
	padding: 8px 15px;
	display: block;
	width: 100%;
background-color: var(--main);
color: #fff;
font-weight: bold;
text-transform: uppercase;
text-decoration: none!important;
}
.sidebar-menu li a:hover {

background-color: var(--main);
color: #fff;
}
.sidebar .dropdown-menu {
	top: 100%;
	position: relative;
	width: 100%;
}
.staff-container > .row {
	display: flex;
	align-items: stretch;
	flex-flow: row wrap;
}
.staff-box h3,.staff-box p {
	margin: 0px;
}
.faq-q-menu {
    padding: 0px;
}
.faq-q-menu li {
    list-style: decimal inside;
}
.faq-q-menu a {
	font-weight: bold;
}
.row.vertical-align {
	display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.vertical-align > [class^="col-"],
.vertical-align > [class*=" col-"] {
  display: flex;
  align-items: center;    
  justify-content: center;
  margin: 15px 0px;
}
.portfolio-container .inner {
	text-align: center;
	width: 100%;
	height: 100%;
  	border: solid 1px #bbb;
}
.portfolio-item {
	text-align: center;
}
.portfolio-item a {
	width: 100%;
	border: solid 1px #bbb;
	text-decoration: none;
}
.portfolio-item label {
	padding: 5px 15px;
	margin: 0px;
	background-color: var(--main);
	color: #fff;
	display: inline-block;
	width: 100%;
	cursor: pointer;
}
.gallery .slide .slidetext {
    width: 100%;
    position: absolute;
    right: 0%;
    top: 83%;
    color: white;
    font-size: 3vw;
    font-weight: bold;
    background-color: rgba(0,0,0,0.7);
    padding: 5px 10px;
    text-align: center;
}
.gallery .bx-wrapper {
	padding: 0px;
	margin: 0px;
}
.gallery .bx-wrapper .bx-pager {
    display: none;
}
.gallery .thumbnails img {
    border: solid 2px #fff;
}
.gallery .thumbnails .active img {
    border: solid 2px #00adf2;
}
.gallery .thumbnails img:hover {
    border: solid 2px #00adf2;
}
.form-control {
	border-radius: 0px;
	line-height: 24px;
	height: auto;
	background-color: #eee;
}
.btn-full {
	width: 100%;
}
.btn-default {
	background-color: var(--main);
	color: #fff!important;
	border: solid 1px #999;
	text-transform: uppercase;
	text-decoration: none!important;
}
.btn-default:hover, .btn-default:active:hover, .btn-default.active:hover, .open>.dropdown-toggle.btn-default:hover, .btn-default:active:focus, .btn-default.active:focus, .open>.dropdown-toggle.btn-default:focus, .btn-default:active.focus, .btn-default.active.focus, .open>.dropdown-toggle.btn-default.focus {
	background-color: var(--main);
	color: #fff;
}
.btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default, .btn-default:focus, .btn-default.focus {
	background-color: var(--main)!important;
	color: #fff!important;
}
.btn-danger {
	border-radius: 0px;
	border: none;
}
hr {
	border-top: solid 1px var(--main)
}
.panel-group .panel {
	border-radius: 0px;
}
.panel-default>.panel-heading {
	padding: 0px;
}
.panel-title>a, .panel-title>small, .panel-title>.small, .panel-title>small>a, .panel-title>.small>a {
	padding: 10px 15px;
	text-decoration: none;
	display: block;
	background-color: var(--main);
	color: #fff;
}
.content-main {
	padding-top: 3vw;
	padding-bottom: 3vw;
	background-color: #fff;
	min-height: 650px;
}
.content-overlay {
	position: absolute;  	
  	height: auto;
  	background-color: rgba(255,255,255,0.8);
  	margin-left: var(--fullwidth_boxed);
  	margin-right: var(--fullwidth_boxed);
  	padding: 0!important;
}
.content-overlay-bottom {
	bottom: 0;
}
.content-overlay-top {
	top: 0;
}
.content-overlay-middle {
	margin-top: 10%;
	left: 0;
	right: 0;
}
.content-overlay .homeicon,
.content-overlay .homebox {
	padding: 25px;
}
.video {
	cursor: pointer;
	text-align: center;
	margin-bottom: 30px;
}
.video-cats {
	list-style: none;
	display: inline-block;
	width: 100%;
	padding: 0px;
	margin: 0px;
	text-align: center;
}
.video-cats li {
	display: inline-block;
	margin: 5px;
	background-color: var(--main);
	border: solid 1px var(--main);
	overflow: hidden;
}
.video-cats li.active {
	background-color: #fff;
}
.video-cats li.active a {
	color: var(--main);
}
.video-cats li a {
	color: #fff;
	line-height: 20px;
	font-size: 16px;
	margin: 0px;
	display: inline-block;
	width: 100%;
	padding: 5px 15px;
	text-decoration: none;
}
.video-cats li:hover {
	background-color: #fff;
}
.video-cats li:hover a {
	color: var(--main);
	text-decoration: none;
}
.video-item {
	position: relative;
	padding: 0;
	min-height: 285px;
}
.video-item > a > div {
	position: absolute;
	top: 0;
	left: 0;
	background-color: rgba(0, 0, 0, 0.8);
	width: 100%;
	height: 100%;
	padding: 10px;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	opacity: 1;
	transition: 0.75s;
}
.video-item > a > div:hover {
	opacity: 0;
	transition: 0.75s;
}
.video-item > a > div * {
	color: #fff;
}
.video-item h2 {
	font-size: 24px;
	font-weight: bold;
}
.video-item h4 {
	font-size: 14px;
	font-weight: bold;
}
.video-item p {
	font-size: 10px;
	font-weight: normal;
}
.nav-tabs.nav-justified>li>a {
    color: #fff!important;
    font-weight: bold;
    cursor: pointer;
    border: none;
    vertical-align: bottom;
    border-radius: 0px;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
    margin-top: 15px;
    padding-top: 10px;
}
.nav-tabs.nav-justified li:nth-child(1) a {
	background-color: var(--main)!important;
}
.tab-content div:nth-child(1) a.btn-default {
	background-color: var(--main)!important;
}
.nav-tabs.nav-justified li:nth-child(2) a {
	background-color: var(--main)!important;
}
.tab-content div:nth-child(2) a.btn-default {
	background-color: var(--main)!important;
}
.nav-tabs.nav-justified li:nth-child(3) a {
	background-color: #2DA3EA!important;
}
.tab-content div:nth-child(3) a.btn-default {
	background-color: #2DA3EA!important;
}
.nav-tabs.nav-justified li:nth-child(4) a {
	background-color: #5bacad!important;
}
.tab-content div:nth-child(4) a.btn-default {
	background-color: #5bacad!important;
}
.nav-tabs.nav-justified>li.active>a, .nav-tabs.nav-justified>li>a:hover,.nav-tabs.nav-justified>li.active>a:hover, .nav-tabs.nav-justified>li.active>a:focus {
    padding-top: 25px;
    border: none;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
    margin-top: 0px;
}
.tab-content {
    padding: 10px;
    border: solid 1px #ccc;
    border-top: none;
    margin-bottom: 60px;
}
.btn-default {
	border-radius: 0px;
	border: none;
}
.button { 
	background-color: var(--main);  
	border: none; 
	color: white; 
	padding: 7px 14px; 
	margin-left: 25px;
	text-align: center; 
	text-decoration: none; 
	display: inline-block;
}
.button:hover, .btn-default:hover {
	background-color: var(--main2);
	color: var(--main2_text)!important;
	text-decoration: none;
}

.diary .datechange {
    margin-bottom: 5px;
    margin-top: 0px;
    float: right;
}

.diary .orange {
    display: block;
    padding: 8px 5px;
    font-size: 12px;
    background: var(--main);
    text-decoration: none;
    color: #fff;
    text-align: center;
    margin: 2px 0 3px;
    line-height: 14px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}

.diary .orange a {
	color: #fff;
	text-decoration: none;
}

.diary a.blue {
    display: block;
    padding: 8px 5px;
    font-size: 12px;
    background: #a6d04e;
    text-decoration: none;
    color: #fff;
    text-align: center;
    margin: 2px 0 3px;
    line-height: 14px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}

a.diarybtn {
    display: block;
    padding: 8px 5px;
    font-size: 14px;
    font-weight: bold;
    background: #627a34;
    text-decoration: none;
    color: #fff;
    width: 130px;
    text-align: center;
    margin: 0;
}

.mobileonly {
    display: none;
}

.diary h2 {
    text-align: center;
    display: block;
    text-transform: uppercase;
}

.cellheader {
    height: 30px!important;
}

.weekday {
    float: left;
    width: 13%;
    padding: 5px;
    margin: 2px 2px 0px 0px;
    background-color: #EEEEEE;
}

.weekendday {
    float: left;
    width: 16%;
    padding: 5px;
    margin: 2px 2px 0px 0px;
    background-color: #DDDDDD;
}

.days {
    font-weight: bolder;
    padding: 1px;
    margin-bottom: 0px;
}

.today {
    float: left;
    width: 13%;
    padding: 5px;    
    margin: 2px 2px 0px 0px;
    background-color: var(--main);
    color: #fff;
}

.today a {
    color: #fff;
}

.diary .datechange p {
    display: inline-block;
    margin: 0px 10px 0px 5px;
}

.orange:hover {
	background-color: var(--main2);
}
.orange:hover {
	color: var(--main2_text)!important;
}
.sidebar-menu li a:hover, .sidebar-menu li.active a {
	background-color: var(--main2);
	color: var(--main2_text)!important;
}
.footer a:hover {
	color: var(--main2);
}
.basket {
    width: 100%;
    border: solid 1px var(--main);
    text-transform: uppercase;
    margin-bottom: 30px;
    text-align: center;
    color: #222;
    font-weight: bold;
    font-size: 13px;
}
.basket label {
    margin: 0;
}
.basket-row {
    display: flex;
    flex-flow: row wrap;
    width: 100%;
    transition: .5s;
}
.basket-row a  {
    color: #222;
}
.basket-row:hover {
    background-color: var(--main2);
    transition: .5s;
}
.basket-row.head-row {
    font-weight: bold;
    background-color: var(--main2);
    color: #222;
}
.basket-row .cell.prod-cell {
    flex-grow: 2;
    text-align: left!important;
    justify-content: left!important;
}
.basket-form .basket-row .cell.prod-cell {
    padding: 0;
}
.basket-form .basket-row.head-row .cell.prod-cell {
    padding: 0 15px;
}
.basket-form .basket-row .cell.prod-cell select {
    border-radius: 0;
    border: none;
    outline: none;
}
.basket-row .cell.prod-cell span {
    width: 100%;
}
.basket-row .cell.prod-cell a {
    float: right;
    display: inline-block;
    width: 25px;
    text-align: center;
    position: relative;
    text-decoration: none;
    color: #222;
    vertical-align: middle;
    flex-shrink: 0;
}
.basket-row .cell.prod-cell a:first-child {
    width: auto;
    float: none;
    flex-grow: 2;
    text-align: left;
    flex-shrink: 1;
}
.basket-row .cell {
    width: 121px;
    border: solid 1px var(--main);
    padding: 10px 15px;
    position: relative;    
}
.basket-row .cell.add-2-bas-btn {
    width: 242px;
    padding: 0px;
}
.basket-row .cell.add-2-bas-btn .hm_btn {
    padding: 0;
    width: 100%;
    height: 100%;
    display: block;
    line-height: 34px;
    border: none;
}
.basket-row .cell > span:first-child, .table-row .cell > span:first-child {
    display: none;
}
.basket .total-row .cell:first-child {
    flex-grow: 4;
    text-align: left!important;
    justify-content: left!important;
}
@media screen and (max-width: 767px) {
	.no-mob {
		display: none!important;
	}
	.mob-only {
		display: block!important;
	}
	.navigation {
		position: relative;
		background-color: var(--main);
	}
	.navigation.nav_with_logo {
		background-color: transparent!important;		
	}
	.navigation.nav_with_logo .logo.visible-xs {
		display: inline-block!important;
		float: left;
	}
	.navigation.nav_with_logo .navbar-nav {
		text-align: center;
		background-color: var(--main)!important;
	}
	.navbar {
		margin-bottom: 0px;
		border-bottom: solid 2px var(--main2);
	}
	.navbar-nav>li {
		display: block;
		width: 100%;
	}
	.navbar-nav {
		width: 100%;
		background-color: transparent;
		padding: 0px;
	}
	.dropdown-menu {
		text-align: center;
	}
	.navbar-default .navbar-nav .open .dropdown-menu>li>a {
		color: #fff;
    	text-transform: uppercase;
	}
	.navbar-default .navbar-nav.nav-invert .open .dropdown-menu>li>a {
		color: var(--main);
	}
	.navbar-default .navbar-toggle {
		background-color: var(--main);
		border-color: #fff;
	}
	.navbar-default .navbar-toggle .icon-bar {
		background-color: #fff;
	}
	.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
		background-color: var(--main);
	}
	.navigation.nav_with_logo.navigation-fixed {
		background-color: #fff!important;
		top: 0;
		position: relative;
		opacity: 1!important;
	}
	.homeicons.grid .homeicon a {
		padding: 15px;
	}
	.homeicons.grid .homeicon a:hover {
		padding-bottom: 40px;
		margin-top: -25px;
	}
	.content-overlay {
		position: relative;
		margin-left: 0;
		margin-right: 0;
	}
	.content-overlay .homeicon {
		padding: 15px 0;
	}
	.header {
        text-align: center !important;
    }
	.header img {
		padding: 0px;
	}
	.header h2 {
		position: absolute;
		color: #fff;
		font-size: 13px;
		z-index: 1;
		top: 100%;
		margin: 0px;
		line-height: 50px;
    	text-align: left;
	}
	.header h2 a {
		color: #fff;
	}
	.footer, .bottom-footer *, .foot-right {
		text-align: left!important;
	}
	.basket {
        text-align: center;
        border: none;
    }
    .basket-row {
        margin-bottom: 30px;
        border: solid 1px var(--main);
    }
    .basket-row.head-row {
        display: none;
    }
    .basket-row .cell {
        width: 100%;
        min-height: 20px;
        border: none;
        padding: 0;
        display: flex;
        flex-flow: row wrap;
        border: solid 1px var(--main);
    }
    .basket-row .cell > span {
        display: inline-block;
        padding: 10px 15px;
        width: 50%;
        text-align: left;
        border-right: solid 1px var(--main);
    }
    .basket-row .cell > span:first-child {
        display: inline-block;
        font-weight: bold;
        text-align: left;
        background-color: var(--main2);
        color: #222;
    }
    .basket-row .cell.prod-cell > span:first-child {
        display: inline-block;
        font-weight: bold;
        text-align: center;
        background-color: var(--main2);
        color: #222;
        border: 0;
    }
    .basket-row .cell.prod-cell > p {
    	padding: 5px;
    	width:	100%;
    }    
    .basket-row .cell .row {
    	width: 50%;
  		margin: 0;
  		padding: 10px 10px;
    }
    .basket-row .cell .row div {
    	width: 100%;
    	padding: 0;
    }
    .basket-summary {
    	border: solid 1px var(--main);
    }
    .basket-row.total-row {
    	margin-bottom: 0;
	}
	.basket-row.total-row > .cell {
		border :0;
	}
    .basket-row.total-row > .cell:first-child {
    	width: 50%;
    }
    .basket-row.total-row > .cell:first-child span {
    	width: 100%;
    }
    .basket-row.total-row > .cell:first-child > p {
        display: none;
    }
    .basket-row.total-row > .cell:last-child {
    	width: 50%;
  		margin: 0;
  		padding: 10px 10px;
    }
    .basket-row.total-row > .cell:last-child p {
    	width: 100%;
    	text-align: center;
    }  
    .container-fluid .top-header, 
    .container-fluid .header, 
    .container-fluid .footer, 
    .container-fluid .bottom-footer, 
    .container-fluid .boxed,
    .container-fluid .content-main,
	.container-fluid .page-title {
	  	padding-left: 15px !important;
    	padding-right: 15px !important;
    	overflow: hidden;
	}	
    .slider_mod_overlap {
    	margin-top: 0!important;
    }  
    .diary {
    	text-align: center;
    }
    .diary .datechange {
    	width: 100%;
    } 
    .days {
    	width: 100%;
    }
    .rowgroup > div {
    	height: auto!important;
    }
    .mobileonly {
    	display: block;
    }
    .mobileonly.inline {
    	display: inline;
    }
    .nobrmob br {
    	display: none;
    }
    .diary h2 {
    	text-align: left;
    	margin-top: 8px;
    	font-size: 30px;
    	text-transform: uppercase;
    }
    .weekday {
    	width: 100%;
    	height: auto;
    }
    .weekendday {
    	width: 100%;
    	height: auto;
    }
    .today {
    	width: 100%;
    	height: auto;
    }
    .nomobile {
    	display: none;
    }
    .mob-margin-top-10 {
		margin-top: 10px;
	}
    .diary .diarybook {
    	width: 100%!important;
    }
    .diary .diarybook .booknow {
    	width: 100%!important;
    }
    .white-popup-block {
    	max-width: 100%;
    }
    .white-popup-block .closebutton {
    	margin: 0;
    	padding: 7px 25px;
    	float: none;
    	width: 100%;
    	display: inline-block;
    	text-align: center;
    }
}

.share-buttons a {
    display: inline-block;
    margin: 1%;
    text-align: center;
    border-radius: 0;
    color: var(--main2_text);
    width: 22%;
    border: 1xp solid #000;
}
.share-buttons i {
	scale: 150%;
}
.btn-messenger { border-color: #0084ff;}
.btn-messenger:hover {background-color: #0084ff;}
.btn-whatsapp {border-color: #25d366;}
.btn-whatsapp:hover {background-color: #25d366;}
.btn-email {border-color: #dd4b39;}
.btn-email:hover {background-color: #dd4b39;}
.btn-sms {border-color: #34b7f1;}
.btn-sms:hover {background-color: #34b7f1;}
.btn-snapchat {border-color: #fffc00;}
.btn-snapchat:hover {background-color: #fffc00;}

.sidebar #text_block img {
	width: 100%;
}
.no-padding {
	padding-left: 0!important;
	padding-right: 0!important;
}
.default-padding {
	padding-left: 15px!important;
	padding-right: 15px!important;
}
.container-fluid {
	padding: 0;
	background-color: #fff;
}
.container-fluid .homeicons.grid .homeicon a {
	padding: 20% 0vw;	
}

.container-fluid .homeicons.grid .homeicon a:hover {
	padding-bottom: 40%;
	margin-top: -20%;
}
.container-fluid .content-main,
.container-fluid .page-title {
	padding: 10px var(--fullwidth_boxed);
}
.container-fluid .page-title h1 {
	padding: 1vw 0vw;	
}
.container-fluid .top-header,
.container-fluid .header,
.container-fluid .footer,
.container-fluid .bottom-footer,
.container-fluid .boxed {
	padding: 0px var(--fullwidth_boxed);
} 
.page-title.page-title-big {
	padding: calc(10px + 4vw) var(--fullwidth_boxed);
}
.page-title.page-title-center {
	text-align: center;
}
.page-title.page-title-center * {
	float: none;
}
.page-title.page-title-left {
	text-align: left;
}
.page-title.page-title-left * {
	float: none;
	padding: 0;
}
.page-title.page-title-image {
	background-size: cover;
  	background-position: center;
  	margin-bottom: 3vw;
}
.page-title.page-title-image h1 {
	color: #fff;
  	background-color: rgba(0,0,0,0.5);
  	display: inline-block;
  	padding: 1vw 3vw;
}
.page-title.page-title-image .bread {
  	background-color: rgba(0,0,0,0.5);
  	display: inline-block;
  	padding: 0.5vw 2vw;
}
.page-title.page-title-image .bread li, 
.page-title.page-title-image .bread li a {
	color: #fff;
}

.homebox {
	border: 1px solid var(--main2);
	background-color: var(--main2);
	margin-bottom: 10px;
}
.homebox a {
	text-decoration: none;
	color: #000;
}
.homebox:hover {
	opacity: 0.75;
}
.homebox .overlay {
  opacity: 0;
  transition: 0.5s;
  position: absolute;
  background-color: rgba(0,0,0,0.6);
  top: 0;
  left: 15px;
  right: 15px;
  bottom: 10px;
  color: #fff;
  text-align: center;
  margin: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.homebox:hover .overlay {
  opacity: 1;
  transition: 0.5s;
}
.homebox .overlay-inner h2 {
	color: #fff;
	margin-top: 10px;
}

.bottom-footer {
	background-color: #000;
	color: #fff;
	line-height: 20px;
	padding-top: 4px!important;
	padding-bottom: 4px!important;
}
.bottom-footer a {
	color: #fff;
}
img.product-image  {
	width:100%;
	height:100%;
}
.tel-no, .fa-brands {
	margin: 3px;
}
.formtkhp {
	display: none!important;
}
.white-popup-block {
    max-width: 840px;
    padding: 10px 20px;
    margin: 0 auto;
    background-color: #fff;
    border-radius: 8px;
}

.white-popup-block .closebutton {
    float: right;
    cursor: pointer;
    margin: 9px;
    font-size: 14px;
    padding: 5px 10px;
    color: #fff;
    background-color: var(--main);
    text-transform: uppercase;
}
.white-popup-block .closebutton:hover {
	background-color: var(--main2);
	color: var(--main2_text);
}
.white-popup-block .mfp-close {
  display: none;
}

/* COURSES */
.userinfo {background-color: #fff;border:1px solid #ddd;border-radius: 8px;overflow: hidden;margin-bottom: 20px;}
.userinfo .name {background-color: var(--main);border-color: var(--main);}
.userinfo .name h2 {margin: 0px;color: #fff;padding-top: 10px;padding-bottom: 10px;}
.userinfo .name h2 input[type='radio'],.userinfo .name h2 input[type='checkbox'] {margin: 0px;color: #fff;padding-top: 10px;padding-bottom: 10px;width: 20px;height: 20px;}
.userinfo h3 {color: var(--main);}
.userinfo p {margin: 0px;}
.userinfo .options {background-color: var(--main);border-color: var(--main);padding-top: 5px;padding-bottom: 5px;margin-top: 15px;}
.userinfo .options p {color: #fff;}
.userinfo .options a {margin: 0px;color: #fff;font-weight: bold;text-decoration: none;}
.userinfo span {float: right;font-size: 22px;line-height: 33px;}
.userinfo span a {color: #fff; margin: 0px 5px;}

.diary .diarybook {
	display:block;
	margin-top: 2px;
	background-color:#d0d6d6;
	height:30px;
	width:98.2%
}

.diary .diarybook .booknow {
	height:30px;
	float:left;
	background-color:var(--main);
	padding: 5px;
	text-align:center;
}

.diary .diarybook .booknow a {
	color: #fff;
}
.week-diary-title {
	text-align: center;
}
.week-diary-options a, .week-diary-options select, .week-diary-options option {
	width: 100%;
	text-align: center;
}
.week-diary-course-types {
	text-align: center;
}
.course-type {
	display: inline-block;
	text-align: center;
	margin: 5px 10px;
}
.course-type input {
	display: none;
}
.course-type span {
	padding: 7px 15px;

	border: solid 1px var(--main);
	background-color: var(--main);
    color: #fff;
}
.course-type input:checked + span {
	color: var(--main);
    background-color: #fff;
}
.week-diary-course-table {
	width: 100%;
	margin-top: 30px;
	border-top: solid 1px #000;
	border-left: solid 1px #000;
}
.week-diary-course-table td, .week-diary-course-table th {
	border-right: solid 1px #000;
	border-bottom: solid 1px #000;
	padding: 5px;
	text-align: center;
}
.wb-week {
	border-top: solid 1px #999;
	border-left: solid 1px #999;
	margin-bottom: 30px;
}
.wb-week-row {
	display: flex;
	flex-flow: row nowrap;
	align-items: stretch;
	line-height: 32px;
	border-bottom: solid 1px #999;
}
.wb-week-row:first-child {
	background-color: var(--main);
	color: #fff;
	line-height: 16px;
}
.wb-week-row > div {
	width: 25%;
	text-align: center;
	border-right: solid 1px #999;
}
.wb-week-row > div > p {
	position: relative;
	font-size: 14px;
	margin: 0;
	padding: 0;
	margin-top: -5px;
	padding-bottom: 5px;
}
.wb-week-row > div > p > span {
	font-size: 10px;
	display: block;
	line-height: 9px;
	position: absolute;
	text-transform: uppercase;
	bottom: 5px;
	width: 100%;
	text-align: center;
	font-weight: bold;
}
.wb-week-row > div:first-child {
	background-color: var(--main);
	color: #fff;
}
.wb-week-row:first-child > div:first-child {
	background-color: #fff;
	color: #000;
}
.wb-week-row > div > input {
	margin: 0 auto;
}
.formtkhp {
	display: none!important;
}
.nav.nav-pills > li a {
	color: var(--main);
}
.nav.nav-pills > li.active a {
	background-color: var(--main);
	color: #fff;
}
.navbar-default .navbar-nav > li > a:hover {
	background-color: var(--main2);
	color: var(--main2_text)!important;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
	background-color: var(--main2);
	color: var(--main2_text)!important;
}
.courses .list-group-item a {
	color: var(--main);
}
.courses .list-group-item a span {
	line-height: 1.42857143;
}
.courses .list-group-item a:hover {
	opacity: 0.8;
}
.mybooking .panel-title a {
	background: none;
	color: inherit;
}