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

.hide-mobile-header img {
	display: none !important;
}

.mail {
	background-color: #67D9FF !important;
}
.white-text {
	color: white !important;
}
#logo-header {
	color: #000;
	padding-bottom: 10px;
	padding-top: 10px;
	padding-left: 10px;
}
#logo-text {
	box-sizing: border-box;
	border: solid white 2px;
	padding: 5px;
	border-radius: 6px;
	background-color: rgb(226, 14, 17, 1);
}
.picture-text {
	box-sizing: border-box;
	border-radius: 6px;
	background-color: rgb(21, 21, 21, 0.8);
	filter: blur(0) !important;
	z-index: 0;
}
.picture-text h4 {
	color: #FFF !important;
}
.scalable {
	width: auto;
	height: auto;
}
.blackfoot {
	color: #E51D20 !important;
}
.textOverlay {
	color: white !important;
	text-shadow: 2px 2px 2px #000;
	font-size: 400% !important;
}
.textOverlay2 {
	color: white !important;
	text-shadow: 2px 2px 2px #000;
	font-size: 200% !important;
	font-family: Comfortaa, sans-serif !important;
	line-height: 1.5em;
}
.buttonMargin {
	padding-top: 20px;
}
.bubbles {
	background-image: url(images/bubbles.png);
	background-repeat: no-repeat;
	background-position: bottom right;
}
.bubbles2 {
	background-image: url(images/bubbles2.png);
	background-repeat: no-repeat;
	background-position: bottom right;
}
.ani-margin {
	margin-top: 20px;
}
.column-description {
	font-size: 100%;
	text-align: left;
}
.hero-text {
	font-size: 110%;
}
.staff-names {
	font-size: 125%;
	font-weight: 900;
}
.cell-right {
	text-align: right !important;
}
.centreButton {
	text-align: center !important;
}
.list-pad li {
	padding-bottom: 10px;
}
.list-pad-video {
	padding-left: 40px;
}
.scalable {
	width: auto;
 height: auto:
}
.bottom-bar {
	position: fixed;
	bottom: 0px;
	width: 100%;
	z-index: 9000;
}
.hero-list-huge {
	margin: 0;
	list-style-type: none;
	font-size: 400%;
	color: #414042;
}
.hero-list-big {
	margin: 0;
	list-style-type: none;
	font-size: 200%;
	color: #414042;
}
.hero-list-small {
	margin: 0;
	list-style-type: none;
	font-size: 130%;
	color: #414042;
}
.hmy-right .text-right {
	text-align: right;
	vertical-align: top;
}
.hmy-left .text-right {
	text-align: right;
	vertical-align: top;
}
.hmy-right .text-left {
	text-align: left;
	vertical-align: top;
}
.add-pad-right {
	padding-right: 10px !important;
}
.add-pad-left {
	padding-left: 10px !important;
}
.add-pad-left-1st-page {
	padding-left: 40px;
}
.add-pad-right-1st-page {
	padding-right: 40px;
}
.add-pad-right-footer {
	padding-right: 40px !important;
}
.add-pad-left-footer {
	padding-left: 40px !important;
}
.add-pad-right-contact {
	padding-right: 30px !important;
}
.add-pad-left-contact {
	padding-left: 30px !important;
}
.add-pad-bottom {
	padding-bottom: 50px !important;
}
.add-pad-bottom-footer {
	padding-bottom: 20px !important;
}
.add-pad-top {
	padding-top: 50px !important;
}
.add-pad-top-footer {
	padding-top: 20px !important;
}
.add-pad-quote {
	padding-top: 100px;
	padding-bottom: 100px;
}
add-button-pad {
	padding-left: 10px;
 padding-right: 10px:
}
.big-pad-right {
	padding-right: 80px !important;
}
td {
	padding: 10px !important;
}
.timetable-link ul {
	margin: 0px;
	padding: 0px;
	margin-top: 10px;
}
.timetable-link li {
	list-style-type: none;
	line-height: 1.0;
	color: #FFF;
	font-size: 70%;
}
.timetable-link a {
	color: #414042 !important;
	text-decoration: none;
	padding: 1px;
	transition: all ease-out .2s .1s;
}
.timetable-link li {
	margin-top: 2px;
	margin-bottom: 2px;
	transition: all ease-out .2s .1s;
}
.timetable-link li a {
	color: #FFF;
}
.timetable-link li a:hover, .timetable-link li a:focus {
	color: #F00 !important;
	padding: 0px;
	text-decoration: none;
	transition: all ease-in .2s .1s;
	line-height: 0.5;
}
.timetable-link li a:hover, .timetable-link li a:focus {
	margin-top: 10px;
	margin-left: -5px;
	margin-bottom: 10px;
	opacity: 1;
	font-size: 120%;
	color: #F00;
	transition: all ease-out .2s .1s;
	-webkit-transition: all ease-out .2s .1s;
	-moz-transition: all ease-out .2s .1s;
	-o-transition: all ease-out .2s .1s;
	-webkit-transform: scale(1.2);
	-webkit-transform-origin: center center;
	-o-transform: scale(1.2);
 -0-transform-origin: center center;
	-moz-transform: scale(1.2);
	-moz-transform-origin: center center;
	transform: scale(1.2);
	transform-origin: center center;
	transition: all ease-in .2s .1s;
	-webkit-transition: all ease-in .2s .1s;
	-moz-transition: all ease-in .2s .1s;
	-o-transition: all ease-in .2s .1s;
}
.menufooter ul {
	margin: 0px;
	padding: 0px;
	margin-top: 10px;
}
.menufooter li {
	list-style-type: none;
	line-height: 1.0;
	color: #FFF;
}
.menufooter a {
	color: #414042 !important;
	text-decoration: none;
	padding: 1px;
	transition: all ease-out .2s .1s;
}
.menufooter li {
	margin-top: 2px;
	margin-bottom: 2px;
	transition: all ease-out .2s .1s;
}
.menufooter li a {
	color: #FFF;
}
.menufooter li a:hover, .menufooter li a:focus {
	color: #F00 !important;
	padding: 0px;
	text-decoration: none;
	transition: all ease-in .2s .1s;
	line-height: 0.5;
}
.menufooter li a:hover, .menufooter li a:focus {
	margin-top: 10px;
	margin-left: -5px;
	margin-bottom: 10px;
	opacity: 1;
	font-size: 120%;
	color: #F00;
	transition: all ease-out .2s .1s;
	-webkit-transition: all ease-out .2s .1s;
	-moz-transition: all ease-out .2s .1s;
	-o-transition: all ease-out .2s .1s;
	-webkit-transform: scale(1.2);
	-webkit-transform-origin: center center;
	-o-transform: scale(1.2);
 -0-transform-origin: center center;
	-moz-transform: scale(1.2);
	-moz-transform-origin: center center;
	transform: scale(1.2);
	transform-origin: center center;
	transition: all ease-in .2s .1s;
	-webkit-transition: all ease-in .2s .1s;
	-moz-transition: all ease-in .2s .1s;
	-o-transition: all ease-in .2s .1s;
}
.video-link ul {
	margin: 0px;
	padding: 0px;
	margin-top: 0px;
}
.video-link li {
	list-style-type: none;
	line-height: 1.0;
	color: #FFF;
}
.video-link a {
	color: #CCC !important;
	text-decoration: none;
	padding: 1px;
	transition: all ease-out .2s .1s;
}
.video-link li {
	margin-top: 2px;
	margin-bottom: 2px;
	transition: all ease-out .2s .1s;
}
.video-link li a {
	color: #FFF;
}
.video-link li a:hover, .video-link li a:focus {
	color: #F00 !important;
	padding: 0px;
	text-decoration: none;
	transition: all ease-in .2s .1s;
	line-height: 0.5;
}
.video-link li a:hover, .video-link li a:focus {
	margin-top: 10px;
	margin-left: -5px;
	margin-bottom: 10px;
	opacity: 1;
	font-size: 120%;
	color: #F00;
	transition: all ease-out .2s .1s;
	-webkit-transition: all ease-out .2s .1s;
	-moz-transition: all ease-out .2s .1s;
	-o-transition: all ease-out .2s .1s;
	-webkit-transform: scale(1.2);
	-webkit-transform-origin: center center;
	-o-transform: scale(1.2);
 -0-transform-origin: center center;
	-moz-transform: scale(1.2);
	-moz-transform-origin: center center;
	transform: scale(1.2);
	transform-origin: center center;
	transition: all ease-in .2s .1s;
	-webkit-transition: all ease-in .2s .1s;
	-moz-transition: all ease-in .2s .1s;
	-o-transition: all ease-in .2s .1s;
}
.big-line {
	line-height: 1.5em;
}
.footer-padding {
	padding-top: 40px !important;
	padding-bottom: 1px !important;
}
.second-line {
	font-size: 150%;
	color: #414042;
}
.social-media {
	margin: 0px 0px 0px 0px;
	text-align: center;
	z-index: 1000;
}
.social-media img {
	margin-top: 10px;
	margin-left: 5px;
	margin-bottom: 10px;
	opacity: 0.8;
	transition: all ease-out .2s .1s;
	-webkit-transition: all ease-out .2s .1s;
	-moz-transition: all ease-out .2s .1s;
	-o-transition: all ease-out .2s .1s;
}
.social-media img:hover {
	opacity: 1;
	-webkit-transform: scale(1.2);
	-webkit-transform-origin: center center;
	-o-transform: scale(1.2);
 -0-transform-origin: center center;
	-moz-transform: scale(1.2);
	-moz-transform-origin: center center;
	transform: scale(1.2);
	transform-origin: center center;
	transition: all ease-in .2s .1s;
	-webkit-transition: all ease-in .2s .1s;
	-moz-transition: all ease-in .2s .1s;
	-o-transition: all ease-in .2s .1s;
}
.w3w a:link {
	font-weight: 900;
	text-decoration: none;
	color: #E51D20;
	border-bottom: 1px dotted #E51D20;
	padding: 1px;
	transition: all ease-out .2s .1s;
	-webkit-transition: all ease-out .2s .1s;
	-moz-transition: all ease-out .2s .1s;
	-o-transition: all ease-out .2s .1s;
}
.w3w a:visited {
	color: #E51D20;
}
.w3w a:hover {
	background-color: #E51D20;
	color: #FFF;
	border-radius: 3px;
	transition: all ease-in .2s .1s;
	-webkit-transition: all ease-in .2s .1s;
	-moz-transition: all ease-in .2s .1s;
	-o-transition: all ease-in .2s .1s;
}
.phone a:link {
	font-weight: 900;
	text-decoration: none;
	color: #00CC00;
	border-bottom: 1px dotted #00CC00;
	padding: 1px;
	transition: all ease-out .2s .1s;
	-webkit-transition: all ease-out .2s .1s;
	-moz-transition: all ease-out .2s .1s;
	-o-transition: all ease-out .2s .1s;
}
.phone a:visited {
	color: #00CC00;
}
.phone a:hover {
	background-color: #00CC00;
	color: #414042;
	border-radius: 3px;
	transition: all ease-in .2s .1s;
	-webkit-transition: all ease-in .2s .1s;
	-moz-transition: all ease-in .2s .1s;
	-o-transition: all ease-in .2s .1s;
}
.mobile-swap {
	background-image: url(images/header-home.jpg);
	background-position: center center;
	background-repeat: no-repeat;
}
.hmy-header-pad.hmy-content {
	padding: 460px 0px 460px 0px !important;
	overflow: visible;
	z-index: -9500;
}
.hmy-video-pad.hmy-content {
	padding: 200px 0px 200px 0px !important;
	overflow: visible;
	z-index: -9500;
}
.tel, .tel:visited {
	color: #fff !important;
	text-decoration: none;
	border-bottom: 1px dotted white;
}
.tel:hover, .tel:focus {
	color: #414042;
}
tel2, .tel2:visited {
	color: #414042 !important;
	text-decoration: none;
	border-bottom: 1px dotted #414042;
}
.tel2:hover, .tel2:focus {
	color: #414042;
}
.quote-bg-home {
	background: url(images/quote-home.jpg);
	background-position: center;
	background-repeat: no-repeat;
}
.quote-bg-about {
	background: url(images/quote-about.jpg);
	background-position: center;
	background-repeat: no-repeat;
}
.quote-bg-classes {
	background: url(images/quote-classes.jpg);
	background-position: center;
	background-repeat: no-repeat;
}
.quote-bg-contact {
	background: url(images/quote-contact.jpg);
	background-position: center top;
	background-repeat: no-repeat;
}
.quote-bg-free {
	background: url(images/quote-free.jpg);
	background-position: center;
	background-repeat: no-repeat;
}
.quote-bg-showreel {
	background: url(images/quote-showreel.jpg);
	background-position: center;
	background-repeat: no-repeat;
}
.quote-bg-summer {
	background: url(images/quote-summer.jpg);
	background-position: center;
	background-repeat: no-repeat;
}
.quote-bg-timetable {
	background: url(images/quote-timetable.jpg);
	background-position: center;
	background-repeat: no-repeat;
}
.p7HMY .hmy-section a.text-link {
	border-bottom: 1px dotted;
	transition: all linear .5s;
	color: inherit;
	text-decoration: none;
}
.p7HMY .hmy-section a.text-link:hover {
	border-bottom: 1px solid;
}
.footer-link, .footer-link:visited {
	border-bottom: 1px dotted;
	color: inherit;
	text-decoration: none;
	font-weight: 900;
	color: #FFF;
	padding: 1px;
	transition: all ease-out .2s .1s;
	-webkit-transition: all ease-out .2s .1s;
	-moz-transition: all ease-out .2s .1s;
	-o-transition: all ease-out .2s .1s;
}
.footer-link:hover, .footer-link:focus {
	border-bottom: 1px solid;
	background-color: #FFF;
	color: #000;
	border-radius: 3px;
	transition: all ease-in .2s .1s;
	-webkit-transition: all ease-in .2s .1s;
	-moz-transition: all ease-in .2s .1s;
	-o-transition: all ease-in .2s .1s;
}
.w3wlogo {
	box-sizing: border box;
	border: 1px solid #E51D20;
	padding-left: 2px;
	padding-right: 3px;
	padding-top: 2px;
	margin-right: 2px;
	color: #E51D20;
	background-color: #FEFEFE;
	letter-spacing: -0.1em;
}
.w3wlogo-footer {
	box-sizing: border box;
	border: 1px solid #E51D20;
	padding-left: 2px;
	padding-right: 3px;
	padding-top: 2px;
	margin-right: 2px;
	color: #E51D20;
	letter-spacing: -0.1em;
}





/*
.video-height {
	margin: 170px;
}

.video-height {
	padding-top: 170px;
	padding-bottom: 180px;
	padding-left: 80px;
}
*/

/*
**********************************
         MEDIA QUERIES
**********************************
*/

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

.add-pad-left-1st-page, .add-pad-right-1st-page {
	padding-left: 20px !important;
}
.hero-list-small {
	font-size: 110% !important;
}
.add-pad-bottom {
	padding-bottom: 20px !important;
}
.hide-desktop-header img {
	display: none !important;
}
.hide-mobile-header img {
	display: block !important;
}

.hmy-super-pad.hmy-content {
	padding: 210px 0px 210px 0px !important; 
}
td {
	padding: 6px !important;
}
.hmy-section h1 {
	font-size: 190% !important;
}
.hmy-section h2 {
	font-size: 180% !important;
}
.hmy-section li h3 {
	font-size: 160% !important;
}
.hmy-section h3 {
	font-size: 130% !important;
}
.hideColumn {
	display: none !important;
}
.hero-list-huge {
	font-size: 250% !important;
}
.hero-list-big {
	font-size: 140% !important;
}
.big-pad-right {
	padding-right: 10px !important;
}
.text-right {
	text-align: left !important;
}
.textOverlay, .textOverlay2 {
	font-size: 80% !important;
}
.picture-text {
	box-sizing: border-box;
	border-radius: 0px;
	background-color: rgb(21, 21, 21, 0);
	filter: blur(0px) !important;
}
#logo-header {
	font-size: 170% !important;
}
.ddm-burger-right {
	top: 4px !important;
}
.video-height {
	padding-top: 20px !important;
	padding-bottom: 15px !important;
	padding-left: 20px !important;
	font-size: 60% !important;
}
.hmy-right .title {
	text-align: center !important;
	padding-left: 10px;
}
.cell-right {
	text-align: left !important;
}
.add-pad-top {
	padding-top: 10px !important;
}
.video-link {
	font-size: 70% !important;
}
.add-pad-left-footer {
	padding-left: 20px !important;
}
.add-pad-right-footer {
	padding-right: 20px !important;
}
.menufooter ul li h3 {
	font-size: 100% !important;
}
.mobile-swap {
	background-image: url(images/header-home-mobile.jpg);
	background-position: center;
	background-repeat: no-repeat;
}
.add-pad-right-1st-page {
	padding-right: 0px !important;
}
.w3wlogo, .w3wlogo-footer {
	padding-top: 1px !important;
}
.add-margin-top {
	margin-top: 50px !important;
}
}
 @media screen and (orientation:landscape) and (min-device-height:1000px) and (-webkit-min-device-pixel-ratio : 2) {
* .add-pad-right-1st-page {
	padding-right: 0px !important;
}
.w3wlogo, .w3wlogo-footer {
	padding-top: 1px !important;
}
}
 @media screen and (orientation:portrait) and (min-device-height:1000px) and (-webkit-min-device-pixel-ratio : 2) {
* .add-pad-right-1st-page {
	padding-right: 0px !important;
}
.w3wlogo, .w3wlogo-footer {
	padding-top: 1px !important;
}
.hmy-right .title {
	text-align: center !important;
	padding-left: 0px !important;
}
.hideColumn {
	display: none !important;
}
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024) and (-webkit-min-device-pixel-ratio: 3) {
.add-pad-right-1st-page {
	padding-right: 0px !important;
}
}
@media screen and (min-width: 28.5em) { /* for larger screens */
.tel, .tel:visited {
	background: none;
	cursor: default;
}
.tel, .tel:focus {
	color: #000;
}
}
@media screen and (min-width: 28.5em) { /* for larger screens */
.tel2, .tel2:visited {
	background: none;
	cursor: default;
}
.tel2, .tel2:focus {
	color: #414042;
}
}