﻿body {
    background-color: #FFF;
    position: relative;
    font-family: 'Open Sans', sans-serif;
}
.top-login-bg, .top-login-styling > p > a {
    background-color: #0071BC;
    color: #ffffff;
    animation: fadeInAnimation ease-in-out 1.5s;
    animation-delay: 2s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
}
@keyframes fadeInAnimation {
    0% {
        background-color: #0071BC;
    }
    100% {
        background-color: #f5f5f7;
        color: #0071BC;
     }
}
.logo {
	display: block;
    margin-left: auto;
    margin-right: auto;
	margin-top: 10%;
    margin-bottom: 10%;
}
.heading {
    font-family: 'Nunito Sans', sans-serif;
    font-weight: 300;
	color: #000;
}
.opening {
    font-family: 'Nunito Sans', sans-serif;
    font-weight: 700;
	color: #F7931E;
}
.address {
    font-family: 'Nunito Sans', sans-serif;
    font-weight: 300;
	color: #0071BC;
}
.telephone {
    font-family: 'Nunito Sans', sans-serif;
    font-weight: 300;
	color: #0071BC;
}
.telephone a:hover {
    text-decoration: none;
    color: #0071BC;
}
.info {
	padding-top: 4%;
	padding-left: 20px;
	padding-right: 20px;
	text-align: left;
    height: 100%;
    padding-bottom: 50px;
}
.hours {
    font-family: 'Nunito Sans', sans-serif;
    font-weight: 300;
	color: #8C6239;
	font-size: 18pt;
	line-height: 20px;
}
.tagline-1 {
    background-color: #F1F1F1;
    font-family: 'Nunito Sans', sans-serif;
    font-weight: 300;
    text-align: center;
    margin-bottom: 30px;
    padding: 0px;
    font-size: 1.7em;
    margin-bottom: 20px;
}
.tagline-2, .tagline-2 > h1 {
    font-size: 1em;
    padding: 0px;
    margin-top: 20px;
    margin-bottom: 20px;
}
.tagline, .tagline > h1 {
    font-family: 'Nunito Sans', sans-serif;
    text-align: center;
    margin-bottom: 28px;
    padding: 0px;
    font-size: 1.7em;
    margin-bottom: 20px;
}
.description {
    font-family: 'Nunito Sans', sans-serif;
    font-weight: 300;
    margin-top: 0px;
    font-size: 1em;
    margin-bottom: 0px;
}
.safe-secure > .description {
    margin-bottom: 40px;
}
.sizes {
    font-family: 'Nunito Sans', sans-serif;
    font-weight: 700;
    margin-top: 0px;
    text-align: center;
    margin-bottom: 30px;
}
.size {
    font-family: 'Nunito Sans', sans-serif;
    font-weight: 300;
    margin-top: 10px;
}
.size-description {
    font-family: 'Nunito Sans', sans-serif;
    font-weight: 300;
    font-size: 1.3em;
}

.fade-in {
    -webkit-animation: fadein 1s; /* Safari, Chrome and Opera > 12.1 */
    -moz-animation: fadein 1s; /* Firefox < 16 */
    -ms-animation: fadein 1s; /* Internet Explorer */
    -o-animation: fadein 1s; /* Opera < 12.1 */
    animation: fadein 1s;
}

@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

.lights {
    background-color: black;
    color: white;
    padding: 40px 0px 50px 0px;
    font-family: 'Nunito Sans', sans-serif;
    font-weight: 700;
    font-size: 1.7em;
    text-align: center;
}
.lights > h1 {
    margin-bottom: 28px;
}
.button {
    text-align: center;
    font-family: 'Nunito Sans', sans-serif;
	color: #FFF;
    background-color: #0071BC;
	font-size: 16pt;
	font-weight: 300;
	margin-top: 60px;
	padding: 16px 0px 16px 0px;
	border-radius: 4px;
	-webkit-transition: ease-out background 0.1s;
	transition: ease-out background 0.1s;
}
.button:hover {
	-webkit-transition: ease-in background 0.1s;
	transition: ease-in background 0.1s;
	background-color: #F7931E;
	color: #FFF;
	text-shadow: none;
}
.reserve-button {
    text-align: center;
    font-family: 'Nunito Sans', sans-serif;
	color: #FFF;
    background-color: #F7931E;
	font-size: 16pt;
	font-weight: 300;
	margin-top: 60px;
	padding: 16px 0px 16px 0px;
	border-radius: 4px;
	-webkit-transition: ease-out background 0.1s;
	transition: ease-out background 0.1s;
}
.reserve-button:hover {
	-webkit-transition: ease-in background 0.1s;
	transition: ease-in background 0.1s;
	background-color: #8C6239;
	color: #FFF;
	text-shadow: none;
}
.lobby {
    margin-top: 40px;
    text-align: center;
    padding-bottom: 0px;
    margin-bottom: 0px;
}
.lobby > h1 {
    margin-bottom: 20px;
}
.lobby-description {
    padding-bottom: 20px;
}
.SBP {
    padding-top: 20px;
}
hr {
    width: 80%;
    height: 1px;
    background: #CCCCCC;
}
.social-media {
	margin-top: 40px;
	margin-bottom: 40px;
}
.social-media > hr {
    margin-bottom: 60px;
}
.social-media, .social-media > h1 {
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	text-align: center;
}
.social-media a:hover {
	color: #8C6239;
}
footer {
    margin-top: 20px;
    font-family: 'Nunito Sans', sans-serif;
    font-weight: 300;
	background-color: #F7931E;
    color: #F7F7F7;
    padding: 20px;
	font-size: 10pt;
    text-align: center;
}
footer a, a:hover {
	color: #F3F3F3;
}
footer > p {
	margin: 0;
}