@charset "utf-8";

body {
font-family: 'Roboto', sans-serif;	
}

.left-bg {
background: url(../img/left-bg.png) no-repeat center;
width: 15%;
position: absolute;
left: 0;
height: 100%;
}

.right-bg {
background: url(../img/right-bg.png) no-repeat center;
width: 15%;
position: absolute;
right: 0;
height: 100%;
}

.mt50 {
margin-top: 50px;	
}

.mt30 {
margin-top: 30px;	
}

.padding0 {
padding: 0;	
}

p {
margin: 0;
color: #808285;
}

a:hover {
text-decoration: none;	
}

h1.main-title {
font-family: 'Josefin Sans', sans-serif;	
font-size: 8em;
color: #fff;
font-weight: 100;
margin: 30px 0 15px 0;
}

h4.main-tagline {
font-family: 'Josefin Sans', sans-serif;
font-size: 1.3em;	
color: #4e4d50;
font-weight: 700;
line-height: 1.4;
}

h3.main-datevenue {
font-family: 'Josefin Sans', sans-serif;	
font-size: 1.4em;
color: #1e345d;
font-weight: normal;
line-height: 1.3;	
}

h2.pass-title {
font-family: 'Josefin Sans', sans-serif;	
font-size: 1.8em;
color: #8d96a5;	
border-bottom: solid 1px #8d96a5;
padding-bottom: 8px;
margin: 0 0 20px 0;
letter-spacing: 1px;
}

h4.organiser {
color: #6d6e71;
font-size: 1.2em;	
}

header {
padding: 30px 10%;	
}

.lightblue-bg {
background: #9acace;
}

.main-banner {
background: url('../img/theclass-banner.jpg') no-repeat bottom center;	
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
height: 400px;
}

.line-bg {
background: url('../img/black-line.png') repeat-x center left;
margin: 50px auto;	
}

.blue-box {
background: #d1e9e9;
border: solid 3px #1e345d;
padding: 30px 10px;
}

ul {
padding-left: 20px;
margin: 0;	
}

li {
margin-top: 20px;	
color: #2d2d2d;
}

.blue-text {
color: #1e345d;	
}

.yellow-box {
background: #fef7dc url('../img/yellow-image-bg.png') no-repeat left bottom;
border: solid 3px #1e345d;
padding: 30px 10px;
}

.white-box {
border: solid 3px #231f20;
padding: 50px 10px;
}

.form-group {
min-height: 5px;
overflow-y: hidden;	
}

.form-left {
padding-left: 0;	
}

[type=file] {
    position: absolute;
    filter: alpha(opacity=0);
    opacity: 0;
}
input, [type=file] + label {
  border: 1px solid #CCC;
  border-radius: 3px;
  text-align: left;
  padding: 10px;
  width: 100%;
  margin: 0;
  left: 0;
  position: relative;
  overflow-x: hidden;
}

[type=file] + label {
  text-align: center;
  background: #a3d1d2;
  border: solid 1px #869fba;
  color: #fff;
  cursor: pointer;
}

[type=file] + label.receipt {
  text-align: center;
  background: #bcbec0;
  border: solid 1px #869fba;
  color: #fff;
  cursor: pointer;
}

[type=file] + label:hover {
  background: #869fba;
}

.submit {
  width: 100%;
  color: #fff;
  background: #1e345d;
  padding: 10px;	
}

.submit:hover, .faq:hover, .tnc:hover {
  color: #fff;
  background: #231f20;	
}

.blue-border {
border: solid 3px #1e345d;
padding: 10px;
}

.gallery {
color: #1e345d;	
font-size: 1.5em;
line-height: 1.5;
}

.social-button {
padding: 0 10px;	
}

.gallery-border {
border: solid 2px #231f20;
width: 31%;
float:left;
padding: 1%;	
margin: 10px 1%;
}

.gallery-item {
width: 100%;
height: 350px;
-webkit-background-size: cover !important;
-moz-background-size: cover !important;
-o-background-size: cover !important;
background-size: cover !important;
}

.paginate {
text-align: center;
}

.paginate span, .paginate a {
padding: 0 10px;
}

.hide {
display: none;	
}

.faq, .tnc {
  width: 60%;
  max-width: 300px;
  color: #fff;
  background: #1e345d;
  padding: 10px;
  margin-top: 5px;	
}

#colorbox {
  border: solid 2px #000;	
}

#cboxOverlay{background:#000; opacity: 0.9; filter: alpha(opacity = 90);}

#cboxLoadedContent {
  background: #fff;
}

#cboxContent {
  margin-top: 0;
}

#colorbox, #cboxContent, #cboxLoadedContent {
overflow: visible !important;	
}

#faq_content, #tnc_content {
  background: #fff;
  margin: 0;
  padding: 10px 20px;
}

#faq_content p, #tnc_content p {
margin-top: 10px;	
}

#xclose {
  color: #000;
  text-decoration: none;
  font-size: 12px;
  margin: 20px 0;
  display: block;
}

.m-hide {
display: block;	
}

.m-show {
display: none;	
}

h2.tq-page {
font-family: 'Josefin Sans', sans-serif;	
font-size: 2.5em;
color: #000;	
letter-spacing: 1px;
line-height: 1.3;
}

h1.gallery-title {
font-family: 'Josefin Sans', sans-serif;	
font-size: 3em;
color: #000;	
letter-spacing: 1px;
line-height: 1.3;
margin: 0 0 40px 0;
}

.btn-gallery {
max-width: 480px;
margin: 50px auto 0 auto;	
}

.fb-btn {
cursor: pointer;	
}

a:focus {
  outline: none;
}

@media (max-width: 991px) {

.main-banner {
height: 300px;
}

.yellow-box .col-md-5.pull-right {
float: none !important;
}

.form-left {
  padding: 0;
  margin-bottom: 20px;
}

.form-group {
  margin-bottom: 20px;
}

.yellow-box {
  background: #fef7dc;
}

.blue-box .col-md-5, .yellow-box .col-md-5, .white-box .col-md-5 {
	margin-bottom: 30px;
}

.gallery-border {
width: 48%;	
}

}

@media (max-width: 768px) {

.left-bg, .right-bg {
  background: none;
}

.row {
  margin-right: 0;
  margin-left: 0;
}

.m-hide {
display: none;	
}

.m-show {
display: block;	
}
	
}

@media (max-width: 640px) {

h1.main-title {
  font-size: 5em;
}

h4.main-tagline, h3.main-datevenue {
  font-size: 1.2em;
}

.main-banner {
  height: 250px;
}
	
}

@media (max-width: 500px) {
	
.main-banner {
  height: 150px;
}

.gallery-border {
width: 98%;
margin: 10px 1%;	
}
	
}