/*====================================== reset.css is here ========================================*/
*{margin:0;/* padding:0; */box-sizing:border-box;}
table{border-collapse:collapse; border-spacing:0;}
fieldset,img{border:0;margin: 0px 0 0;z-index: 09;}
address,caption,cite,code,dfn,em,strong,th,var {font-style:normal; font-weight:normal; }
ol,ul{list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:bold;}
q:before,q:after {content:'';}
abbr,acronym { border:0;}
.clear{clear:both; font-size:1px;line-height:1px; display:block; height:0;}
.clearfix:after{content:"";display:block;clear:both;font-size:1px;line-height:1px;}
.last	{margin:0 !important;}
.pad_last{padding:0 !important;}
.no_bg {background:none !important;}
.no_bor{border:0 none !important; }
header,nav,section,article,aside,footer,hgroup,figure {display: block; }
figure{margin: 0;}
img{border:0;max-width: 100%;display: inline-block;height: auto;}
/**************************************************************************************/
a {color:#000; text-decoration:none; outline:0 none !important; }
a:hover, a:focus {color:#000;  text-decoration:none; outline:0 none !important;}
h1 {font-size:24px;}
h2 {font-size:22px;}
h3 {font-size:20px;}
h4 {font-size:16px;}
h5 {font-size:14px;}
h6 {font-size:12px;}
/*---------------------------------------------------*/
/*---------fonts---------*/

.wrapper{max-width: 1051px;margin: 0 auto;background-color: #ffffff;}
.container{max-width: 1035px;margin: 0 auto;}
/*header starts here*/
header{
}
.header-main{}
.header-in{}
.headerlft{display: inline-block;width: 50%;float: left;padding: 40px 0 0 0;}
.headerlft a{}
.headerlft a img{}
.headerrgt{display: inline-block;width: 50%;float: right;text-align: right;}
.headerrgttop p{font-size: 13px;line-height: 15px;font-family: Verdana, Arial, Helvetica, sans-serif;font-weight: 400;letter-spacing: 0px;color: #000000;}
.headerrgttop ul{align-content: revert;padding: 1px 0 0 0;}
.headerrgttop li{display: inline-block;vertical-align: top;}
.headerrgttop li:nth-child(1) a{border-bottom: 1px solid #0000ee;}
.headerrgttop li:nth-child(1){padding: 2px 11px 0 0;margin: 0 0 0 0;}
.headerrgttop li a{font-size: 13px;line-height: 15px;font-family: Verdana, Arial, Helvetica, sans-serif;font-weight: 700;letter-spacing: 0.2px;color: #0000ee;}
.headerrgtbtm span{font-size: 12px;line-height: 14px;font-family: Verdana, Arial, Helvetica, sans-serif;font-weight: 400;letter-spacing: 0px;}
.headerrgttop{padding: 3px 20px 0 0;}
.headerrgtbtm{padding: 114px 11px 0 0;}
/*header ends here*/
/*banner starts here*/
main{
}
nav{background-color: #031792;}
.nav-main{}
.nav-in{
    padding: 15px 0;
}
.nav-in ul{
    padding: 0 0 0 35px;
}
.nav-in ul li{display: inline-block;padding: 0 13px;}
.town{display: none;}
.town{position: absolute;left: 0;top: 18px;right: 0;margin: 0 auto;width: 189px;background-color: #031792;padding: 0 !important;z-index: 99999;}
.nav-in ul li:nth-child(4){position: relative;}
.nav-in ul li:nth-child(4):hover .town{display: block;}
ul.town li{
    padding: 12px 10px;
    border-bottom: 1px solid #575f6a;
    display: block;
}
ul.town li a{}
.town.submenu{display: none;}
.town.submenu{position: absolute;left: 0;right: 0;margin: 0 auto;width: 160px;}
.nav-in ul li:nth-child(5){position: relative;} 
.nav-in ul li:nth-child(5):hover .town.submenu{display: block;}
.nav-in ul li a{font-size: 15px;line-height: 17px;font-family: Verdana, Arial, Helvetica, sans-serif;font-weight: 400;letter-spacing: 0px;color: #ffffff;}
.banner{}
.banner figure{}
.banner figure img{}
.flag{background-color: #031792;margin: -4px 0 0 0;}
.flag-in{
    vertical-align: top;
}
.flag-in p{font-size: 18px;line-height: 18px;font-family: Verdana, Arial, Helvetica, sans-serif;font-weight: 400;letter-spacing: 0px;color: #ffffff;padding: 13px 0;margin: 0;text-align: center;}
.flag-in p img{position: relative;top: 5px;}

.marina{padding: 20px;}
.make{}
.make a{font-size: 16px;line-height: 18px;font-family: Verdana, Arial, Helvetica, sans-serif;font-weight: 400;letter-spacing: 0px;color: #ffffff;padding: 15px 0;margin: 0 auto;text-align: center;background-color: #4CAF50;width: 76%;display: block;box-shadow: 0 8px 16px 0 rgb(0 0 0 / 20%), 0 6px 20px 0 rgb(0 0 0 / 19%);}
.make a:hover{background-color: #031792;color: #ffffff;border: 1px solid #319253;}
.bluffs{}
.bluffs-in{
    padding: 21px 0 0 0;
}
.bluffs-in p{font-size: 15px;line-height: 18px;font-family: Verdana, Arial, Helvetica, sans-serif;font-weight: 400;letter-spacing: 0px;padding: 0 0 17px 0;color: #000000;}


.bluffslft{display: inline-block;/* width: 76%; */padding: 34px 0 19px 0;}
/*.bluffsrgt{display: inline-block;vertical-align: top;float: right;margin: 0 0 10px 10px;}*/
.bluffslft h1{font-size: 22px;line-height: 22px;font-family: Arial;font-weight: 700;letter-spacing: 0px;color: #005BA5;padding: 0 0 24px 0;text-shadow: 4px 4px 4px #aaaaaa;}
.bluffslft h3{font-size: 20px;line-height: 22px;font-family: Arial;font-weight: 700;letter-spacing: 0px;color: #005BA5;padding: 0 0 20px 0;text-shadow: 4px 4px 4px #aaaaaa;}
.bluffslft h4{font-size: 15px;line-height: 17px;font-family: Verdana, Arial, Helvetica, sans-serif;font-weight: 700;letter-spacing: 0.1px;color: #F71304;text-align: center;padding: 15px 0 55px 0;}


.bluffslft p{font-size: 15px;line-height: 17px;font-family: Verdana, Arial, Helvetica, sans-serif;font-weight: 400;letter-spacing: 0px;color: #000000;}

.bluffslft p a{font-size: 15px;line-height: 17px;font-family: Verdana, Arial, Helvetica, sans-serif;font-weight: 400;letter-spacing: 0.5px;color: #0000ef;border-bottom: 1px solid #0000ef;padding: 0 0 0 0;}
.bluffslft p a:active{color: #F71304;border-bottom: 1px solid #F71304;}

.bluffslft h1 img{
    float: right;
    margin: 13px 0 20px 10px;
    border: 1px solid #000000;
    border: 1px solid #CCCCCC;
    padding: 5px;
    box-shadow: 10px 10px 5px #888888;}


.bluffslft h3 img{
    float: right;
    margin: 13px 0 20px 10px;
    border: 1px solid #000000;
    border: 1px solid #CCCCCC;
    padding: 6px;
    box-shadow: 10px 10px 5px #888888;}
	.bluffslft img{
    float: right;
    margin: 13px 0 20px 10px;
    border: 1px solid #000000;
    border: 1px solid #CCCCCC;
    padding: 6px;
    box-shadow: 10px 10px 5px #888888;}

.bluffslft ul{
    padding: 18px 0 5px 40px;
}
.bluffslft li{font-size: 15px;line-height: 17px;font-family: Verdana, Arial, Helvetica, sans-serif;font-weight: 400;letter-spacing: 0px;color: #000000;padding: 1px 0;list-style: disc;}
.blockquote{  padding: 20px;}
.reserve{}
.reserve-in{
    padding: 0 0 30px 0;
}
.reserve-in a{font-size: 15px;line-height: 17px;font-family: Verdana, Arial, Helvetica, sans-serif;font-weight: 400;letter-spacing: 0px;color: #551a8b;border-bottom: 1px solid #551a8b;padding: 0 0 0 0;}
.reserve-in a:active{color: #F71304;border-bottom: 1px solid #F71304;}
.reserve-in ul{padding: 16px 0px 0 8px;font-size: 0;}
.reserve-in ul li{display: inline-block;padding: 0 3.8px;width: 25%;}
.reserve-in ul li figure{}
.reserve-in ul li figure img{width: 100%;height: auto;border: 1px solid #CCCCCC;padding: 6px;box-shadow: 10px 10px 5px #888888;}


.map-in ul li figure{}
.map-in ul figure img{width: 100%;
height: auto;
border: 1px solid #CCCCCC;
margin: 13px 0 20px 10px;
padding: 6px;
box-shadow: 0px 0px 0px #888888;
font-size: 12px;
text-align: center;
  font-style: italic;}
  
  .map-in ul figcaption{font-size: 11px;
text-align: center;
  font-style: italic;
  margin: 13px 0 20px 10px;
  padding: 6px;}

.law{padding: 35px 0 0 0;}
.law-in{}

.law-in ul{
    padding: 18px 0 5px 40px;
}
.law-in li{font-size: 15px;line-height: 17px;font-family: Verdana, Arial, Helvetica, sans-serif;font-weight: 400;letter-spacing: 0px;color: #000000;padding: 1px 0;list-style: disc;}

.law-in h3{font-size: 20px;line-height: 22px;font-family: Arial;font-weight: 700;letter-spacing: 0;color: #005BA5;padding: 0 0 46px 0;text-shadow: 4px 4px 4px #aaaaaa;}
.law-in p{font-size: 15px;line-height: 17px;font-family: Verdana, Arial, Helvetica, sans-serif;font-weight: 400;letter-spacing: 0px;color: #000000;}
.law-in h4{font-size: 15px;line-height: 17px;font-family: Verdana, Arial, Helvetica, sans-serif;font-weight: 700;letter-spacing: 0.1px;color: #F71304;text-align: center;padding: 18px 0 55px 0;}
.law-in p a{font-size: 15px;line-height: 17px;font-family: Verdana, Arial, Helvetica, sans-serif;font-weight: 400;letter-spacing: 0.5px;color: #0000ef;border-bottom: 1px solid #0000ef;padding: 0 0 0 0;}
.law-in p a:active{color: #F71304;border-bottom: 1px solid #F71304;}
.yfi{padding: 0 0 65px 0;}
.yfi p{font-size: 15px;line-height: 17px;font-family: Verdana, Arial, Helvetica, sans-serif;font-weight: 400;letter-spacing: 0px;color: #000000;}

footer{background-color: #031792;}
.footer-main{}
.footer-in{
    padding: 16px 0 26px 0;
}
.footerlft{display: inline-block;float: left;width: 60%;padding: 0 0 0 4px;}
.footerrgt{display: inline-block;float: right;width: 40%;text-align: right;padding: 7px 18px 0 0;}
.footerlft p{font-size: 10px;line-height: 12px;font-family: Verdana, Arial, Helvetica, sans-serif;font-weight: 400;letter-spacing: 0px;color: #ffffff;padding: 0 0 9px 0;}
.footerlft p a{font-size: 10px;line-height: 12px;font-family: Verdana, Arial, Helvetica, sans-serif;font-weight: 400;letter-spacing: -0.1px;color: #ffffff;}
.footerlft span{font-size: 10px;line-height: 12px;font-family: Verdana, Arial, Helvetica, sans-serif;font-weight: 400;letter-spacing: 0px;color: #ffffff;}
.footerlft span a{font-size: 10px;line-height: 12px;font-family: Verdana, Arial, Helvetica, sans-serif;font-weight: 400;letter-spacing: 0.1px;color: #959595;border-bottom: 1px solid #959595;}
.menu_icon{display: none;}
.side_bar{display: none;}
#fadeshow1 .gallerylayer img{width: 100%;height: auto;}
.banner ul{padding: 0;margin: 0;}
body{background-color: #CCCCCC;margin: 8px;}















@media(max-width:1070px){
    .container{padding: 0 15px;margin: 0 auto;}
    
}

@media(max-width:1051px){
    .law-in h4 {padding: 23px 0 55px 0;}
    
    
}

@media(max-width:1024px){

    .bluffslft h1{font-size: 22px;line-height: 22px;font-family: Arial;font-weight: 700;letter-spacing: 0px;color: #005BA5;padding: 0 0 24px 0;text-shadow: 4px 4px 4px #aaaaaa;}
    
}

@media(max-width:991px){
    .footerlft{width: 80%;}
    .footerrgt{width: 20%;}
    .flag-in p {
    font-size: 17px;
        line-height: 18px;}
    .law-in h4 {
    font-size: 14px;
        line-height: 16px;}
    .nav-in ul li a {
    font-size: 13px;
        line-height: 15px;}
    .nav-in ul li{padding: 0 10px;}
    .yfi {
    padding: 0 0 30px 0;
}
}

@media(max-width:768px){
    .reserve-in ul li {width: 50%;padding: 10px;}
    .nav-in ul{display: none;}
       /*--menu--*/
    nav{position: relative;}
    .menu_icon {display: block;float: right;background: none;border: 0 none;cursor: pointer;outline: none !important;margin: 0px 0 0 0;position: absolute;top: 16px;right: 20px;z-index: 9999;/*--transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);--*/}
	.menu_icon span {width: 35px; height: 3px; background: #ffffff; display: block; position: relative;}
	.menu_icon span + span {margin: 6px 0 0 0;} 
    .side_bar{position: fixed;top: 0;height: 100%;width: 250px;z-index: 99;transition: all 0.5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-ms-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;overflow: auto;background: #031792;right:  -250px;display: block;/*box-shadow: 12px 3px 10px 9px rgb(0 0 0 / 30%);*/}
	.open_menu .side_bar {right: 0; }
	.open_menu .menu_icon span:nth-child(1) {transform: rotate(45deg); top: 9px;}
	.open_menu .menu_icon span:nth-child(2) {opacity: 0;}
	.open_menu .menu_icon span:nth-child(3) {transform: rotate(-45deg); top: -9px;}
	.wrapper {position: relative;left: 0;width: 100%;transition: all 0.5s ease-in-out;-webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out;-ms-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;}
	.open_menu .wrapper {left: -250px;position: absolute;}
    .side_bar .nav-main{display: block !important;padding:20px 0 0 !important;margin: 0px 0 0;background-color: #031792;}
    .side_bar  .nav-in > ul{display: block !important;padding: 0;}
    .town{position: static;}
    .town.submenu{position: static;}
    ul.town li{border-bottom: none;}
    .nav-in ul li{width: 100%;text-align: center;padding: 5px 0;}
/*    .open_menu .menu_icon{display: none;}*/
.nav-in {padding: 26px 0;}
  /*  .bluffslft h3 {font-size: 15px;line-height: 18px;}*/
	.bluffslft h1{font-size: 22px;line-height: 22px;font-family: Arial;font-weight: 700;letter-spacing: 0;color: #005BA5;padding: 0 0 36px 0;text-shadow: 4px 4px 4px #aaaaaa;}
	.bluffslft h3{font-size: 20px;line-height: 22px;font-family: Arial;font-weight: 700;letter-spacing: 5;color: #005BA5;padding: 0 0 30px 0;text-shadow: 4px 4px 4px #aaaaaa;}
	
	.bluffslft h3 img{
    float: right;
    margin: 10px 10px 20px 10px;
    border: 1px solid #000000;
    border: 1px solid #CCCCCC;
    padding: 6px;
    box-shadow: 10px 10px 5px #888888;}
	.bluffslft img{
    float: right;
    margin: 10px 10px 20px 10px;
    border: 1px solid #000000;
    border: 1px solid #CCCCCC;
    padding: 6px;
    box-shadow: 10px 10px 5px #888888;}
	.footerlft {width: 100%;}
    .footerrgt {width: 100%;text-align: center;padding: 21px 0 0 0;}
    .footerlft p {font-size: 10px;line-height: 17px;}
    .footerlft p br{display: none;}
	.bluffslft ul{
    padding: 18px 0 5px 20px;
}
	
    
}

@media(max-width:599px){
    .headerlft{width: 100%;text-align: center;}
    .headerrgt{width: 100%;text-align: center;padding: 10px 0 0 0;}
    .headerrgtbtm {padding: 0 0 0 0;}
    .headerrgttop ul {padding: 5px 0;}
    .headerrgttop {padding: 0;}
	.bluffslft h3{font-size: 20px;line-height: 22px;font-family: Arial;font-weight: 700;letter-spacing: 0;color: #005BA5;padding: 0 0 36px 0;text-shadow: 4px 4px 4px #aaaaaa;}
  .bluffslft h3 img {float: none float: right;
    margin: 10px 10px 20px 10px;
    border: 1px solid #000000;
    border: 1px solid #CCCCCC;
    padding: 6px;
    box-shadow: 10px 10px 5px #888888;}
    .law-in h4 {padding: 25px 0;}
    .bluffslft ul {padding: 18px 0 5px 19px;}
    .bluffs .container{padding: 0;}
    .law {
    padding: 0px 0 0 0;
}
.bluffslft ul{
    padding: 18px 0 5px 20px;
}
	
}

@media(max-width:479px){
    .reserve-in ul li {width: 100%;padding: 10px 0;}
    .reserve-in ul{padding: 16px 0px 0 0px;}
.flag-in p {font-size: 17px;line-height: 26px;}
   .yfi p {font-size: 14px;line-height: 16px;} 
    .banner img {height: 300px;object-fit: cover;}
	  .bluffslft h3 img {float: none;height: 300px;object-fit: cover;  box-shadow: 5} 
    .make a{width: 100%;}
	
    
}

@media(max-width:320px){

    
    
}





























ul