@charset "utf-8";#header .carousel-caption .full-width img,#header .item{margin:0 auto}#header .carousel-caption,#header .item::before{position:absolute;top:0;height:100%;width:100%;left:0}.hotel,.navbar-brand,.taxi .container{text-align:center}.location .container h1,.location .container p{text-shadow:1px 1px 1px rgba(0,0,0,.4);color:#fff}body{background:rgba(88,88,88,1)}.container{width:100%;max-width:1600px}#header .item{background-size:cover;background-repeat:no-repeat;background-position:center center;max-width:1600px}#header .item::before{content:"";display:block;z-index:1;background-image:url(../images/grid.png);background-color:rgba(24,38,87,.35)}#header .carousel-caption .full-width{width:100%;max-width:1600px}#header .carousel-control{z-index:2}#header .carousel-caption{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;max-width:1600px;margin:0 auto;text-transform:uppercase;right:0}#header .carousel-caption ul{margin:0;padding:0}#header .carousel-caption li{display:inline-block;text-align:center;margin:30px}#header .carousel-caption li em{font-size:27px;font-style:normal;letter-spacing:2px;display:block}#header h1{font-family:GothamNarrow-Book;font-size:46px;letter-spacing:6px}#header .carousel-caption a,.photo-tour .btn-primary{font-family:GothamNarrow-Medium;font-size:14px;padding:10px 30px;letter-spacing:2px;border:3px solid rgba(255,255,255,1);background-color:transparent;color:#fffff;border-radius:0;margin:0 10px}.navbar-brand,.navbar-default .navbar-nav>li>a{font-family:GothamNarrow-Medium;text-transform:uppercase}#header .carousel-caption a:hover{background-color:#000;color:#fffff}.navbar{border:none}.navbar .container{border-bottom:1px solid rgba(255,255,255,.2)}.navbar-default{background:0 0}.navbar-default .navbar-toggle{margin:30px;color:#fff;background:#fff}.navbar-default .navbar-toggle .icon-bar{color:#fff}.navbar-default .navbar-nav>li>a{color:#f6f6f6;font-weight:100;font-size:16px;line-height:100px;padding:0 25px;letter-spacing:1px}.navbar-default .navbar-nav>li>a:hover{background:0 0;color:#e4e4e4}.resources .container,.taxi .container{background-size:cover;background-repeat:no-repeat;background-position:center center}.navbar-brand{color:#fff;font-weight:600;font-size:21px}.navbar-default .navbar-brand,.navbar-default .navbar-brand:focus,.navbar-default .navbar-brand:hover{color:#fff;line-height:25px;padding:25px}#map-container{height:450px}.content{background-color:#fff}.hotel h1{padding:50px 20px 5px;font-family:GothamNarrow-Medium;font-size:32px;text-transform:uppercase}.hotel hr{width:60px;height:1px;color:#3d3d3d;background-color:#3d3d3d;border:none}.hotel p{font-family:GothamNarrow-Book;font-size:21px;color:#5a5a5a;margin-bottom:25px}.hotel a,.location .btn{text-transform:uppercase;font-family:GothamNarrow-Medium;background-color:#f5f5f5;padding:15px 45px;border-bottom:3px solid #c4c4c4;font-size:18px}.location .container{padding:0}.hotel a:hover{background-color:#e4e4e4}.taxi .container{background-image:url(../images/water_taxi.jpg)}.taxi .container h1{font-family:GothamNarrow-Book;font-size:36px;color:#fff;padding:200px}.location .container h1,.resources .container h1,.resources .container ul li{font-family:GothamNarrow-Medium}.resources .container{background-image:url(../images/resources_section.jpg)}.resources .container h1{padding:50px 20px 20px 65px;font-size:32px;text-transform:uppercase}.resources .container ul{list-style:none;padding:0;margin:0 50px 60px 65px}.resources .container ul li{font-size:18px;margin-bottom:20px}.resources .container ul li img{padding-right:10px}.resources .container ul li a:hover{text-decoration:none}

.charter .container {background-image:url(../images/charter_section.jpg); text-align:right;}
.charter .container h1{padding:20px 65px 20px 65px;font-size:32px;text-transform:uppercase; font-family:GothamNarrow-Medium}
.charter .container ul{list-style:none; padding-right:65px; padding-bottom:20px;}
.charter .container ul li{font-size:18px;margin-bottom:20px; font-family:GothamNarrow-Medium;} 
.charter .container ul li img{padding-right:10px}
.charter .container ul li a:hover{text-decoration:none}

.location .container h1{padding:50px 20px 20px 65px;font-size:32px;text-transform:uppercase}.footer p,.location .container p{font-family:GothamNarrow-Book}.location .container p{padding-left:65px;font-size:18px}.location .btn{padding:10px 25px;font-size:16px;text-shadow:none}.location .container{background-color:#48bded}.footer{color:#3D3D3D}.footer .container{padding:45px;border-top:1px solid #d2d2d2;background:#fff}.footer p{font-size:14px;line-height:1.8em;float:left}.footer .socials{text-align:right;float:right}.footer .socials a{color:#3D3D3D;padding:10px;border-radius:5px}.footer .socials a:hover{background:#2778ac;color:#fff}@-webkit-keyframes fadeIn{from{opacity:0}to{opacity:1}}@-moz-keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.fade-in{opacity:0;-webkit-animation:fadeIn ease-in 1;-moz-animation:fadeIn ease-in 1;animation:fadeIn ease-in 1;-webkit-animation-fill-mode:forwards;-moz-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-duration:.5s;-moz-animation-duration:.5s;animation-duration:.5s}.fade-in.one{-webkit-animation-delay:.2s;-moz-animation-delay:.2s;animation-delay:.2s}.fade-in.two{-webkit-animation-delay:.5s;-moz-animation-delay:.5s;animation-delay:.5s}.fade-in.three{-webkit-animation-delay:.75s;-moz-animation-delay:.75s;animation-delay:.75s}.fade-in.four{-webkit-animation-delay:1s;-moz-animation-delay:1s;animation-delay:1s}@media (max-width:1400px){#header .carousel-caption li{margin:25px 10px}#header .carousel-caption li em{font-size:27px;letter-spacing:2px}#header h1{font-size:32px;letter-spacing:6px}#header .carousel-caption a,.photo-tour .btn-primary{font-size:14px;padding:10px 30px;letter-spacing:2px;margin:0 10px}}@media (max-width:1200px){#header .carousel-caption li{margin:25px 10px}#header .carousel-caption li em{font-size:18px;letter-spacing:2px}#header h1{font-size:25px;letter-spacing:4px}#header .carousel-caption a,.photo-tour .btn-primary{font-size:12px;padding:10px 15px;letter-spacing:2px;margin:0 10px}}@media (max-width:1000px){#header .item img{display:none}#header .item{background-image:url(../images/top_img.jpg);min-height:600px}#header .item::before{background-color:rgba(0,0,0,.65)}#header .carousel-caption{padding-top:80px}#header .carousel-caption ul{margin:0;padding:0}#header .carousel-caption li{display:block;margin:10px;font-size:15px;text-transform:none}#header .carousel-caption li em{font-size:15px;font-style:normal;letter-spacing:0;display:inline;text-transform:none}#header h1{font-size:26px;letter-spacing:0}#header .carousel-caption a,.photo-tour .btn-primary{font-family:GothamNarrow-Book;font-size:13px;padding:10px 30px;letter-spacing:2px;border:2px solid rgba(255,255,255,1);background-color:transparent;color:#fffff;border-radius:0;margin:10px;display:compact}}

@media (max-width:768px){

.charter .container {background-image:url(https://www.keywestbeachsidemarina.com/images/resources_section.jpg); text-align:center;}

.navbar-default{background-color:#fff!important}.navbar-default .navbar-nav>li>a{color:#333!important;line-height:50px!important}.navbar-brand{font-size:15px}.navbar-default .navbar-brand,.navbar-default .navbar-brand:focus,.navbar-default .navbar-brand:hover{color:#3d3d3d!important;line-height:20px;padding:30px 25px}.location .container,.resources .container{text-align:center;background-size:auto;background-position:top left}.location .container h1,.location .container p,.location .container ul,.resources .container h1,.resources .container p,.resources .container ul{padding-left:0;margin-left:0;padding-right:0;margin-right:0}

.location .container{text-align:right;background-size:auto;background-position:top left}.location .container h1,.location .container p,.location .container ul,.charter .container h1,.charter .container p,.charter .container ul{padding-left:0;margin-left:0;padding-right:0;margin-right:0;}

.taxi .container h1{font-size:26px;color:#fff;padding:100px 50px}.footer img{display:block;clear:both;float:none;margin:0 auto;padding:10px 10px 10px 30px}.footer .socials,.footer p{text-align:center;float:none}}