* {box-sizing:border-box;-webkit-box-sizing:border-box;	-moz-box-sizing:border-box; outline:0;}
html,body {font-size: 14px;font-family: "Roboto", sans-serif; min-height:100%; margin:0; padding:0; background:#fff;color: #333;}
a, textarea, input[type=text], input[type=password], input[type=button], input[type=submit], select, option {
    outline: 0;-webkit-appearance: none;-moz-appearance: none;-ms-appearance: none;-o-appearance: none;appearance: none;font-family: "Roboto", sans-serif;
}
a {-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.select {cursor: pointer;position: relative;display:block;border: 1px solid #ccc; border-radius:3px;}
select {border:none;background-color:transparent; padding: 5px; width:100%; font-size:14px;}
.select:after {
    content: "\f078"; font-family: 'Font Awesome 5 Free'; font-weight: 900; cursor: pointer; position: absolute;
    right: 7px; top: 50%; margin-top: -.4em; z-index: 1; pointer-events: none; color:#ff0000;
}
a {text-decoration:none; color:#ef007b;}

p {margin:0px; padding:0px 0px 10px 0px;}
input {font-size: 16px;font-family: "Roboto", sans-serif;font-weight: normal;}
h2 {text-align:center; font-size:46px;color: #333;margin:0; padding:20px 0px;}
h2 span {display:block; font-size:14px; letter-spacing:3px;color:#ef007b; text-transform:uppercase;}
h3 {text-align:center; font-size:26px;color: #333;margin:0; padding:20px 0px;}
.title {font-weight:bold;color: #333;}


.siteContainer {max-width:1920px; margin:0px auto; overflow:hidden;}

.navContainer {padding:10px 20px; z-index: 1; background:#000;}
.navContainer .navBtn {display:none; vertical-align:middle; width:calc(100% - 200px); text-align:right;}
.navContainer .fa-bars {}
.logoContainer {display:inline-block; vertical-align:middle;  width:200px;}
.logo {font-family: 'Oswald', arial;font-size: 26px;color: #fff; display:inline-block;vertical-align: bottom;line-height: 1.2em;}
.logo > span {color: #ff0000; font-weight:450;}
.navLinks {display:inline-block; vertical-align:middle; width:calc(100% - 200px); text-align:right;}
.navLinks a {color:#fff; display:inline-block; margin-left:20px; cursor:pointer; font-weight:450;-o-transition:.5s;-ms-transition:.5s;-moz-transition:.5s;-webkit-transition:.5s;transition:.5s;}
.navLinks a:hover {color:#ff0000;}

.section {position:relative;}
.section .center {position:absolute;top:50%; left:50%;transform: translate(-50%, -50%);}

#homeSection {overflow:hidden;}
#homeSection img {max-width:100%;} 

.homeSlider {padding:10px;}
.homeSlider .slick-slide {padding:10px;}


#bookingsSection .prices {font-size:16px; text-align:center; margin-bottom:20px;}
#bookingsSection .formThanks {font-size:16px; text-align:center;}
#bookingsSection .form {max-width:800px; margin:0px auto;}
#bookingsSection .form input[type=text] {border:1px solid #ccc; border-radius:3px; padding:5px; display:block; width:100%; font-size:14px;}
#bookingsSection .inputdrop {display:inline-block; width:50%;}
#bookingsSection .inputdrop:nth-of-type(odd) {padding:0px 3px 6px 0px}
#bookingsSection .inputdrop:nth-of-type(even) {padding:0px 0px 6px 3px}


#benefitsSection {background:url(/images/studio10-1920.jpg) #000; background-size:cover; background-position:middle; color:#fff;}
#benefitsSection h2 {color:#fff; text-align:left;}
#benefitsSection .benefitText {background: linear-gradient(to right, rgba(0,0,0,1) 0%,rgba(0,0,0,0) 180%); padding:120px; font-size:18px; text-shadow:1px 1px 1px #000,1px 1px 1px #000,1px 1px 1px #000;}

#equipmentSection {padding:120px 0px; text-align:center; font-size:22px;}


#bookingsSection .dates {display:inline-block; width:33.333333333333%; padding:0px 0px 6px 0px;}
#bookingsSection .dates.middleDate {padding:0px 6px 6px 6px;}
#bookingsSection .form textarea {border:1px solid #ccc; border-radius:3px; padding:5px; display:block; width:100%; font-size:14px; height:130px;}
#bookingsSection .form .errorButton {display:block; text-align:right;}
#bookingsSection .form .errormsg {display:none; margin-right:10px;}
#bookingsSection .form a {color:#ff0000;}
#bookingsSection .form .messageBtn {display:inline-block; background:#ff0000; color:#fff; padding:5px 10px; border-radius:3px;margin-top:5px; cursor:pointer;}

#directionsSection {}
#directionsSection iframe {width:100%; height:calc(100% - 96px)}

#testimonialsSection {padding:120px 0px;}




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

	.navContainer .navBtn {display:inline-block;}
	.navLinks {position:fixed; top:0; left:-200px; bottom:0; width:200px; z-index:999;background: #13212e; padding:20px;}
	.navLinks a {display:block; margin-left:0; color: #ff52ab; text-align:left; padding:10px 0px;}
	
}

@media screen and (max-width:1024px) {}

@media screen and (max-width:840px) {
	#benefitsSection .benefitText {padding:20px;}
}

@media screen and (max-width:680px) {
	#bookingsSection .form {padding:0px 10px;}
	#bookingsSection .inputdrop:nth-of-type(even) {padding: 0px 0px 10px 0px;}
	#bookingsSection .inputdrop:nth-of-type(odd) {padding: 0px 0px 10px 0px;}
	#bookingsSection .inputdrop {display:block; width:auto;}
	#bookingsSection .dates.picker {display:block; width:auto;}
	#bookingsSection .dates {padding: 0px 0px 10px 0px;}
}

@media screen and (max-width:540px) {}






.slick-dots {z-index: 2;bottom:-25px;}
.slick-dots li {margin:0; width:20px;}
.slick-dots li button {width:15px;font-family: 'Font Awesome 5 Free'; font-weight: 900;}
.slick-dots li button:before {font-size:10px; content: '\f111';}
.slick-dots li.slick-active button:before {color:#3897f0;}
.slick-prev,.slick-next {width:31px; height:50px;  z-index:2;}
.slick-prev {left: 10px;}
.slick-next {right: 10px;}
.slick-prev:before, .slick-next:before {font-size:30px;font-family: 'Font Awesome 5 Free'; font-weight: 900; }
.slick-prev:before {content: '\f053'; color:#ff0000; font-size:50px;}
.slick-next:before {content: '\f054'; color:#ff0000; font-size:50px;}
.slick-slide {overflow:hidden;position:relative;}