body,
html {
height:100%;
}

.bsd-gradient {
background: rgba(255,255,255,1);
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(132,178,195,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(132,178,195,1)));
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(132,178,195,1) 100%);
background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(132,178,195,1) 100%);
background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(132,178,195,1) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(132,178,195,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#84b2c3', GradientType=0 );
}

.bsd-shadow {
-webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.5);
-moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.5);
box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.5);
}

body {
margin:0;
background-color:silver;
font-family: 'Open Sans', sans-serif;
}

header {
font-size:0;
border-bottom:solid 5px #75A1B3;
}

#bsd-header-container {
max-width:1024px;
margin:0 auto;
}

header img {
display:block;
float:left;
}

header ul {
display:block;
float:left;
max-width:1024px;
padding:0;
line-height:80px;
}

header li {
display:inline-block;
margin:0;
padding-left:40px;
}

header a,
footer a {
font-weight:bold;
font-size:16px;
text-decoration:none;
color:#2B388F;
letter-spacing:-1.25px;
word-spacing:2px;
}

header a:visited,
footer a:visited {
color:#2B388F;
}

header a:hover,
header a:active {
border-bottom:5px solid #75A1B3;
}

#bsd-logo {
width:250px;
}

#bsd-container {
max-width:1024px;
background-color:#FFFFFF;
margin:0 auto;
}

h1,
h2,
h3,
h4,
h5 {
color:#2B388F;
margin:0;
font-weight:800;
}

p {color:#666666;}

#bsd-slider-container {
height:680px;
position:relative;
}

#bsd-slider {
height:680px;
position:relative;
}

.bsd-slider-img {
position:absolute;
width:100%;
max-width:1024px;
height:auto;
}

#bsd-sliderinfo-container {
position:absolute;
right:20px;
bottom:50px;
width:350px;

}

#bsd-bookingtool {
border-radius:25px;
margin:0 auto;
margin-top:20px;
}

#bsd-bookingtool input {
font-size:20px;
border-radius:15px;
margin: 2.5px 0 15px 0;
text-align:center;
outline:none;
padding:5px;
font-family: 'Open Sans', sans-serif;
}

#bsd-bookingtool label {
	color:#2B388F;
	font-style:italic;
	font-weight:bold;
	font-size:14px;
}

#bsd-intro-text {
}

.bsd-intro-text-icon {
color:#2B388F;
background-color:#FFF100;
font-size:80px;
padding:30px;
border-radius:50%;
margin-bottom:20px
}

.bsd-3columns {
box-sizing:border-box;
width:33.33%;
float:left;
padding:30px;
text-align:justify;
}

.bsd-3columns h2 {
text-align:center;
letter-spacing:-1.5px;
}

.bsd-button {
background-color:#FFF100;
line-height:100px;
text-align:right;
font-size: 0;
}

.bsd-button img {
cursor:pointer;
}

.bsd-button-link {
font-size:30px;
text-decoration:none;
color:#2B388F;
font-style:italic;
line-height:28px;
padding-right:10px;
display:inline-block;
text-align:right;
vertical-align:middle;
}

.bsd-blue-icon-button {
width:100px;
height:100px;
background-color:#2B388F;
display:inline-block;
float:left;
}

#bsd-our-secret {
background-color: rgba(0, 0, 0, 0.85);
position:fixed;
top:0;
left:0;
height:100%;
width:100%;
}

#bsd-secret-container {
position:relative;
background-color:#2B388F;
max-width: 600px;
margin:0 auto;
margin-top:20px;
padding:20px;
border-radius:30px 0 0 0;
overflow: auto;
height: 90%;
box-sizing: border-box;
}

#bsd-secret-container ul {
margin:0;
padding:0;
list-style: none;
}

#bsd-secret-container a {
color:#FFFFFF;
font-weight:bold;
display:block;
padding:10px 0;
}

#bsd-our-secret p {
color:#FFFFFF;
}

#bsd-our-secret h2 {
color:#FFFFFF;
text-align:center;
font-size:40px;
font-style:italic;
font-weight:normal;
}

#bsd-discount-coupons {
text-align:center;
padding-bottom:40px;
}

.bsd-coupon {
}

	/* entire container, keeps perspective */
.flip-container {
	perspective: 500px;
	box-sizing: border-box;
	width: 420px;
	height: 270px;
	margin:10px;
	display:inline-block;
	transform-style: preserve-3d;
}
		/*  UPDATED! flip the pane when hovered */
	.flip-container:hover .back {
		transform: rotateY(0deg);
	}
	.flip-container:hover .front {
	    transform: rotateY(180deg);
	}

/* flip speed goes here */
.flipper {
	transition: 0.6s;
	transform-style: preserve-3d;
	position: relative;
}

/* hide back of pane during swap */
.front, .back {
	box-sizing: border-box;
	backface-visibility: hidden;
	transition: 0.6s;
	transform-style: preserve-3d;
	position: absolute;
	top: 0;
	left: 0;
	width: 420px;
	height: 270px;
	background-color:#2B388F;
	border:5px dotted #FFFFFF;
	display:inline-block;
	color:#FFFFFF;
	font-style:italic;
	font-size:18px;
	padding:10px;
}

/* front pane, placed above back */
.front {
	z-index: 2;
	/* for firefox 31 */
	transform: rotateY(0deg);
	line-height: 22px;
}

/* back, initially hidden pane */
.back {
	transform: rotateY(-180deg);
	}
	
.back p {
	text-align: left;
	font-size:15px;
	color:#FFFFFF;
	}

.bsd-coupon img {
	width:100%;
}

.bsd-column-with-sidebar {
width:55%;
max-width:600px;
display:inline-block;
vertical-align:middle;
}

.bsd-column-with-sidebar p{
padding:10px 20px;
margin:0;
}

.bsd-sidebar {
display:inline-block;
vertical-align:middle;
}

.bsd-2columns {
box-sizing:border-box;
width:50%;
padding:20px;
display:block;
float:left;
text-align:left;
font-size: 0;
}

.bsd-2columns-vcentered {
box-sizing:border-box;
width:50%;
padding:20px;
display:inline-block;
text-align:left;
vertical-align:middle;
font-size:0;
}

.bsd-2columns p,
.bsd-2columns-vcentered p {
font-size:16px;
margin-top:5px;
}

.bsd-2columns h3,
.bsd-2columns-vcentered h3 {
font-size:24px;
letter-spacing:-1.5px;
margin-top:10px;
}

.bsd-1column {
max-width:650px;
}

.bsd-1column p{
padding:10px 20px;
margin:0;
}

.bsd-restaurant-contact-info {
list-style:none;
padding:0;
font-size:12px;
line-height:14px;
color:#333333;
}

.bsd-restaurant-contact-info li {
padding:2.5px 0;
}

.bsd-restaurant-contact-info a {
font-weight:bold;
text-decoration:none;
}

footer {
margin-top:50px;
border-top:solid 5px #75A1B3;
}

#bsd-footer-container {
max-width:1024px;
margin:0 auto;
padding:20px;
}

footer ul {
list-style:none;
box-sizing:border-box;
padding-top:10px;
padding-bottom:20px;
display:block;
max-width:1024px;
margin:0 auto;
text-align:center;
}

footer li {
display:inline-block;
padding-left:30px;
vertical-align:middle;
}

.modal {
    background-color: rgba(0, 0, 0, 0.85);
    position:fixed;
    top:0;
    left:0;
    height:100%;
    width:100%;
}

.modal-dialog {
    position:relative;
    margin:0 auto;
    background-color:#2B388F;
    color:#ffffff;
    max-width:600px;
    top:100px;
    padding:20px;
    border-radius:20px;
	overflow: auto;
	box-sizing: border-box;
	height:450px;
}

.modal-header h4{
    text-align:center;
    color:#FFF100;
    font-weight:bold;
    letter-spacing:-2px;
    font-size:40px;
}

.close {
    border:0;
    font-size:30px;
    background:none;
    padding:0;
    margin:0;
    float:right;
    color:#FFFFFF;
}

button {
    margin:0;
    padding:10px;
    background-color:#FFFFFF;
    font-weight:bold;
    color:#2B388F;
    font-size:20px;
    border:none;
    border-radius:10px;
    font-family: 'Open Sans', sans-serif;
}

.btn-success {
    margin:0;
    padding:10px;
    background-color:#FFFFFF;
    font-weight:bold;
    color:#2B388F;
    font-size:20px;
    border:none;
    border-radius:10px;
    font-family: 'Open Sans', sans-serif;
}

.modal-footer {
    padding-top:20px;

}

.modal-header:before,
.modal-header:after,
.modal-footer:before,
.modal-footer:after {
  display: table;
  content: " ";
}

.modal-header:after,
.modal-footer:after {
  clear: both;
}

.modal-body p {
    color:#FFFFFF;
}

.form-group {

    padding-top:10px;
}

.modal label {
    font-size:16px;
    margin:0;
    padding:0;
}
.modal input {
    padding:5px;
    border-radius:10px;
    border:0;
    margin:0 0 10px 0;
}

.toPage2,
.toPage3,
.pull-right {
    float:right;
}

.pull-left {
    float:left;
}