/*default css*/

@font-face {
	font-family: 'Montserrat';
	src: url('../fonts/Montserrat-thin.ttf');
	src: local('☺'), url('../fonts/Montserrat-thin.ttf') format('ttf'), url('../fonts/Montserrat-thin.ttf') format('truetype'), url('../fonts/Montserrat-thin.ttf') format('ttf');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Montserrat';
	src: url('../fonts/Montserrat-Medium.ttf');
	src: local('☺'), url('../fonts/Montserrat-Medium.ttf') format('ttf'), url('../fonts/Montserrat-Medium.ttf') format('truetype'), url('../fonts/Montserrat-Medium.ttf') format('ttf');
	font-weight: normal;
	font-style: normal;
}

html{overflow-x: hidden;}

ol, ul{list-style: none;}

:focus, :hover, :active{outline: 0; text-decoration: none !important;}

a, a:link{text-decoration: none; outline:none;}

p{margin:0; padding: 0;}

.clear{clear:both; line-height: 0; font-size: 0; padding:0; margin: 0;}

a{text-decoration:none; text-decoration: underline; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease;}

a:hover{text-decoration:none !important; color: #f44611;}

a:focus{outline:none;}

:hover{transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease;}

h1, h1 a, h2, h2 a, h3, h4, h5, h6{margin:0; padding:0; font-weight:normal; text-shadow: none;}

img{border:0; max-width:100%; height:auto;}

::-webkit-input-placeholder{opacity:1;}

:-moz-placeholder{opacity:1;}

::-moz-placeholder{opacity:1;}

:-ms-input-placeholder{opacity:1;}

body, html{overflow-x: hidden;}

body{margin: 0; padding: 0; position: relative; overflow-x: hidden; color:#336666; font-family: 'Montserrat-Thin'; letter-spacing: 2px;}

.main_div{padding: 0; margin: 0; width: 100%; position: relative;}

/*default css*/

/*landing page start*/

.landing_main{padding: 0; margin: 0; background: url(../images/main_bg.jpg)center top no-repeat; height: 100vh; background-size: cover; text-align: center; position: relative; background-attachment: fixed;}

.landing_wrapper{height: 100vh; display: flex; flex-direction: column; align-items: center; justify-content: center;}

.logo_section{padding: 0 0 60px 0; margin: 0;}

.landing_wrapper h3{text-transform: uppercase; color: #336666; font-size: 26px; line-height: 24px;	font-family: 'Montserrat-Medium';}

.landing_btn_section{padding: 60px 0 0 0; margin: 0; text-align: center;}

.reservation_btn{background: #336666; width:277px; height: 72px; line-height: 72px; color: #fff; text-transform: uppercase; font-size: 16px; text-align: center; margin: 0 35px 0 0; display: inline-block; vertical-align: top; font-family: 'Montserrat-Medium';}

.location_btn{margin: 0;}

.reservation_btn:hover{background: #336666;}

.landing_btn_section a{color: #fff; display: block;}

.footer_section{position: absolute; bottom: 20px; left: 0; right: 0; margin: 0 auto; width: 100%;}

.footer_section h4{text-align: center; font-size: 16px; line-height: 16px; color: #fff; text-transform: uppercase; position: relative; padding: 15px 0 0 0;}

.footer_section h4:before{position: absolute; content: ''; top: 0; left: 0; right: 0; margin: 0 auto; background: #fff; width: 37px; height: 2px;}

.modal-dialog{height:90% !important; padding-top:10%; display: flex; justify-content: center; align-items: center; flex-direction: column;}

.modal-content{overflow:visible;}

.modal-body{height: 100px; overflow: auto; text-align: center; line-height: 70px;}

.main_div .modal-content{background: #336666; width: 100%;}

.main_div .modal-header{border-color:#cba275; padding: 10px;}

.main_div .close{font-size: 35px; color: #fff; opacity: 1;}

.main_div .modal-content a{text-align: center; color: #fff; font-size:30px; display: inline-block;}

.main_div .modal-backdrop.in{opacity: 0.8;}


/*landing page end*/















/**********************************************/