@font-face {
         font-family: 'BoomtownDeco';
         src: url('../fonts/BoomtownDeco.eot'); /* IE9 Compat Modes */
         src: url('../fonts/BoomtownDeco.eot?#iefix') format('embedded-opentype'),
            url('../fonts/BoomtownDeco.woff') format('woff'),
            url('../fonts/BoomtownDeco.ttf') format('truetype');
            font-weight: normal;
            font-style: normal;
}
@font-face {
         font-family: 'Lakesight';
         src: url('../fonts/Lakesight_PersonalUseOnly.eot'); /* IE9 Compat Modes */
         src: url('../fonts/Lakesight_PersonalUseOnly.eot?#iefix') format('embedded-opentype'),
            url('../fonts/Lakesight_PersonalUseOnly.woff') format('woff'),
            url('../fonts/Lakesight_PersonalUseOnly.ttf') format('truetype');
            font-weight: normal;
            font-style: normal;
}
@font-face {
    font-family: 'icomoon';
    src:url('../fonts/icomoon.eot?-gw9z40');
    src:url('../fonts/icomoon.eot?#iefix-gw9z40') format('embedded-opentype'),
        url('../fonts/icomoon.woff?-gw9z40') format('woff'),
        url('../fonts/icomoon.ttf?-gw9z40') format('truetype'),
        url('../fonts/icomoon.svg?-gw9z40#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
}
[class^="icon-"], [class*=" icon-"] {
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.icon-hangar-plane:before {
    content: "\e600";
}
.icon-hotel:before {
    content: "\e601";
}
.icon-parasail:before {
    content: "\e602";
}
.icon-parking:before {
    content: "\e603";
}
.icon-small-plane:before {
    content: "\e604";
}
.icon-taxi:before {
    content: "\e605";
}
.icon-tower:before {
    content: "\e606";
}
.icon-menu:before {
    content: "\e607";
}
.icon-search:before {
    content: "\e986";
}

 /* Styles for ALL pages =========== */

body { 
    /*background: url('http://sunrisehiltonhead.com/wp-content/uploads/2012/02/bridge_to_hilton_head-5.jpg');*/
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    min-height: 100vh;
}
body, h1, h2, h3, h4, h5, h6, h1 small, h2 small, h3 small, h4 small, h5 small, h6 small, .side-nav{
    font-family: Open Sans, Arial, sans-serif;
}
a, .breadcrumbs > * a {
    color: #015472
}
a:hover, .breadcrumbs > * a:hover {
    color: rgba(77, 124, 194, .75)
}
h1{
    color: #015472;
}
nav>.top-bar-section ul li>a, nav h1, nav h2, nav h3, nav h4, nav h5, nav h6 {
    font-family: Open Sans, Arial, sans-serif;
    font-size: 1em;
}
body > nav > ul > li.toggle-topbar.menu-icon > a > span {
    font-family: Open Sans, Arial, sans-serif;
    font-size: 1.25rem;
    font-weight:normal;
    color:#FEB107;
}
.top-bar .name h1{
    font-family: Open Sans, Arial, sans-serif;
    font-size: 1.25em;
}
.top-bar .name h1 a:hover, .top-bar .name h2 a:hover, .top-bar .name h3 a:hover, .top-bar .name h4 a:hover, .top-bar .name p a:hover, .top-bar .name span a:hover, .top-bar-section li:not(.has-form) a:not(.button):hover, .top-bar-section .dropdown li:not(.has-form):not(.active)>a:not(.button):hover {
    color:#FEB107;
}
.top-bar [class^="icon-"], [class*=" icon-"] {
    color:#FEB107;
    font-size: 2rem;
    position:relative;
    top: .15em;}
.top-bar .toggle-topbar.menu-icon a span{
    color:#fff
}
.top-bar .toggle-topbar.menu-icon a span::after {
    content: "";
    position: absolute;
    display: block;
    height: 0;
    top: 50%;
    margin-top: -9px;
    right: 0.9375rem;
    box-shadow: 0 0 0 2px #FEB107,0 7px 0 2px #FEB107,0 14px 0 2px #FEB107;
    width: 16px;
}

nav .icon-search:before {
    font-size:.65em;
}
.top-bar .icon-search{
    top:0;
}
div.text-center > a > div > h3{
    margin-top:0;
}
.breadcrumbs {
    border-style: none;
    background: none;
}
div.row#slider {
    max-width:100%;
}
div.row#slider div.small-12.columns:first-child {
    padding-left:0;
    padding-right:0;
}
.slick-prev {
    left: 10px;
    top:11vh;
}
.slick-next {
    right: 10px;
    top:11vh;
}
div.row#slider div.small-12.columns div.small-12.columns:last-child{
    position: absolute;
    top: 0vh;
    font-size: 3rem;
    padding: 2rem 8rem 2rem 8rem;
    max-width: 100vw;
}
div.row#slider div.small-12.columns div.small-12.columns:last-child h1{
    font-size: 3rem;
    color:#fff;
    text-shadow: 2px 2px 2px #222;
}
div.row#slider div.small-12.columns div.small-12.columns:last-child h6{
    font-size: 1.25rem;
    color:#fff;
    text-shadow: 2px 2px 2px #222;
}
body > div > div > div.large-12.columns.left > div > div.large-12.columns{
    padding-top: 2rem;
}
body > div > div > div:nth-child(2) img{
    padding: 1rem 0rem 1rem 0rem;
}
body > div.row > div > div > ul > li > a > img{
    max-height:250px;
}

small div.row > div:nth-child(1) > img{
    padding: 0rem 0rem;
}
body > div > div > div.large-3.columns.right > ul{
    padding-top: 2rem;
}
body > div.row:nth-child(3) > div > div.large-3.columns.right > ul{
    padding-top: 0rem;
}
.banner {
    background-color: rgba(115, 106, 100, 1);
    border-radius: .5em;
    height:100%
}
body > div:nth-child(3) > h1:nth-child(1) {
    font-family: Open Sans, Arial, sans-serif;
    color:#736A64;
    font-size: 3em;
}
body > div:nth-child(3) > h3:nth-child(2) {
    font-family: Open Sans, Arial, sans-serif;
    color: #FEB107;
    font-size: 2em;
}
body > div.large-4.columns.right{
    position:absolute;
    top:4em;
    right:0em;
}
.weather {
    background-color: #FEB107;
}

.weather > h3{
    color:#015472;
    font-family: Open Sans, Arial, sans-serif;
    font-size:1.75em;
}
.weather > h2{
    color:#015472;
    font-size:1.75em;
}
.searchcontainer {
    background-color: #015472;
}
.searchcontainer > h3{
    color:#fff;
    font-family: Open Sans, Arial, sans-serif;
    font-size:1.75em;
}
.searchcontainer > h2{
    color:#fff;
    font-size:1.75em;
}
.panel {
    border-style: solid;
    border-width: 1px;
    border-color: #d8d8d8;
    margin-bottom: 1.25rem;
    padding: 1.25rem;
    background: #fff;
    color: #333;
}
body > div.row > div > div.large-3.columns.right > ul > li:nth-child(3) > div, body > div.row > div > div.large-3.columns.right > ul > li:nth-child(3) > div{
    background-color: #D91646;
    color:#fff;
    font-size:1.25em;
    padding: .875em 0em .875em 0em;
}
body > div.row > div > div.large-3.columns.right > ul > li:nth-child(3) > div, body > div.row > div > div.large-3.columns.right > ul > li:nth-child(3) > div a{
    color:#fff;
    font-size:1.25em;
}
footer.row {
    max-width:100%;
    background-color: #fff;
    padding-bottom:2em;
}
.inTouch {
    color: #D91646;
}
.about {
    color: #015472;
}
.popular {
    color: #FEB107;
}
footer > div > div > div.large-8.small-12.columns > ul > li > ul > li{
    font-size: .75em;
}
footer > div > div > div.large-8.small-12.columns > ul > li > ul > li > a{
    color:rgba(115, 106, 100, 1);
}
footer > div > div > div.large-8.small-12.columns > ul > li > ul > li:nth-child(1){
    font-family: Open Sans, Arial, sans-serif;
    font-size: 1.25em;
}
body > footer > div > div > div.large-4.columns > h1{
    font-family: Open Sans, Arial, sans-serif;
    margin:0 0 0 0;
    color:rgba(115, 106, 100, 1);
}
body > footer > div > div > div.large-4.columns > div > h3{
    font-family: Open Sans, Arial, sans-serif;
    color:#FEB107;
}
body > footer > div > div > div.large-4.columns {
    font-size: .75em;
}
body > footer > div > div > div.large-4.columns img:first-of-type {
    margin-right: 1rem
}
a.slick-slide > img{
    width:100vw;
}
@media only screen and (max-width: 75.125em){
    nav>.top-bar-section ul li>a, nav h1, nav h2, nav h3, nav h4, nav h5, nav h6 {
    font-size: .825em;
    }
}
@media only screen and (min-width: 64.063em){
    .top-bar-section li:not(.has-form) a:not(.button){
       padding: 0 0.75rem;
       line-height: 2.5rem;
    }
    .top-bar{
       height: auto;
    }
    ul.small-block-grid-2.large-block-grid-4 > li > ul > li:first-child{
       height:125px;
    }
    footer.row {
       margin-top:em;
    }
}
@media only screen and (min-width: 40.063em) and (min-height: 54em){
    .footerhome{
        position: absolute;
        bottom:0;
    }
}
@media only screen and (max-width: 64em){
    body > div > div.small-12.columns.panel{
        margin-bottom:0em;
    } 
    body > div.row > div > div.large-3.columns.right > ul > li:nth-child(3) > div, body > div.row > div > div.large-3.columns.right > ul > li:nth-child(3) > div a{
        font-size:1.1em;
        padding:0;
    }
    body > div.main-slider.slick-initialized.slick-slider > div > div > div img {
        height:100vh;
        max-width: none;
    }
    div.row#slider div.small-12.columns div.small-12.columns:last-child{
        position: absolute;
        top: 0vh;
        font-size: 3rem;
        padding: 2rem 8rem 2rem 8rem;
    }
    div.row#slider div.small-12.columns div.small-12.columns:last-child h1{
        font-size: 3rem;
        color:#fff;
        text-shadow: 2px 2px 2px #222;
    }
    div.row#slider div.small-12.columns div.small-12.columns:last-child h6{
        display:none;
    }
}
.accordion .accordion-navigation>a, .accordion dd>a{
    color:#015472;
}
body > div.small-2.columns > a.button{
    font-size: 1rem;
    margin-top:.75em
}
body > div.small-2.columns.right > a.has-tip{
    color:#fff;
    background-color:#015472;
}

@media only screen and (max-width: 40em){
    footer.row{
    }
    div.row#slider div.small-12.columns div.small-12.columns:last-child{
        position: absolute;
        top: 0vh;
        font-size: 3rem;
        padding: 0rem 0rem 0rem 0rem;
    }
    div.row#slider div.small-12.columns div.small-12.columns:last-child h1{
        font-size: 2rem;
        color:#fff;
        text-shadow: 2px 2px 2px #222;
    }
    div.row#slider div.small-12.columns div.small-12.columns:last-child h6{
        display:none;
    }
}

@media only screen and (min-width: 64.063em){
}
body > div.main-slider.slick-initialized.slick-slider > div > div > div > div{
    position:absolute;
    background-color:rgba(256,256,256,.85);
    width:100vw;
}

.dataTables_filter {
    width:100%;
}

.dataTables_wrapper .dataTables_filter label {
    text-align:left;
}

.dataTables_wrapper .dataTables_filter label input {
    max-width:967px;
    margin-right: 0;
    margin-left: 0;
    padding: 0;
}

    .tab-title.active > a.button.round {
        background-color: #015472;
        border-color: #015472;
        color:#ffffff;
    }

    .tab-title > a.button.round {
        background:none;
        color:#222222;
    }