/*************************************
		THE YACHT HARBOUR ASSOCIATION
        Developed 11/07/2017
        Justin Kercher / Apollo Internet Media

        COLOR REF:

        Blue : #003399
        Teal : #339999
        Red  : #cc3333
        Gold: #deb409 rgba(222,180,9,1.0);
        Plafinum: #deb409
	*************************************/

    @-webkit-viewport   { width: device-width; }
    @-moz-viewport      { width: device-width; }
    @-ms-viewport       { width: device-width; }
    @-o-viewport        { width: device-width; }
    @viewport           { width: device-width; }	

    @import url('https://fonts.googleapis.com/css?family=Open+Sans:400,600,700');

    * { font-family: 'Open Sans', sans-serif; }
    html, form, body { height: 100%; }
    body { color: #666; padding: 0px; margin: 0px; text-align: left; font-size: 18px; line-height: 1.5; }
    
    /*************************************
		Convenience Styling
	*************************************/
    b, strong, label, th, .subHeading { font-weight: 600; }

    a img { border: 0px none; }
    h1, h2 { color: #003399; font-weight: 700 }
        h1 small { display: block; color: inherit; margin-top: 5px; text-transform: none; }
        
    h1 { font-size: 2.0em; margin-top: 0px;text-transform: uppercase;   }
        header > h1 { margin-top: 15px; margin-bottom: 30px; }
    
    h2 { font-size: 1.4em; text-transform: capitalize; }

    h3 { font-size: 1.6em; }
    
    p { margin-top: 0px; }

    hr { border-color: #ccc; }
    
    optgroup { font-weight: normal; background-color: transparent; }

    input[type=checkbox] + label { margin-left: 15px; }

    /*************************************
		Classes
	*************************************/

    .bg-white { background-color: #fff; }
    .bg-teal { background-color: #339999; }
        .bg-teal a { color: #fff; }
    
    .text-blue { color: #003399; }
    .text-red { color: #cc3333; }
    .text-white { color: #fff; }

    .img-center { margin-left: auto; margin-right: auto; float: none; width: auto; }

    a.pdf-link { padding-left: 30px; height: 24px; line-height: 24px; background-image: url(../images/layout/ico-pdf.png); background-repeat: no-repeat; background-position: center left; }
    a.doc-link { padding-left: 30px; height: 24px; line-height: 24px; background-image: url(../images/layout/ico-doc.png); background-repeat: no-repeat; background-position: center left; }
    a.email-link { padding-left: 30px; height: 24px; line-height: 24px; background-image: url(../images/layout/ico-email.png); background-repeat: no-repeat; background-position: center left; }
    a.tel-link { padding-left: 30px; height: 24px; line-height: 24px; background-image: url(../images/layout/ico-tel.png); background-repeat: no-repeat; background-position: center left; }
    a.web-link { padding-left: 30px; height: 24px; line-height: 24px; background-image: url(../images/layout/ico-web.png); background-repeat: no-repeat; background-position: center left; }
    .ico-person { padding-left: 30px; height: 24px; line-height: 24px; background-image: url(../images/layout/ico-person.png); background-repeat: no-repeat; background-position: center left; }	

    hr.short { max-width: 200px; }

    .label-group { }
        .label-group > .label { display: block; margin-bottom: 5px; }    

    .validate-alert { display: none; }

    /*.search-region-wrap { min-height: 60px; }*/

    /* tick list */
    ul.ticklist { list-style: none; margin: 15px 0px; padding: 0px; }
    ul.ticklist li:before { content: "\f046"; display: inline-block; margin-right: 5px; font: normal normal normal 14px/1 FontAwesome; font-size: 1.4em; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

    /* Feature listing */
    ul.feature-list { list-style: none; margin: 15px 0px; padding: 0px; }
        ul.feature-list li input { margin-right: 5px; }

    /* supplier categories list*/            
    ul.supplier-categories-list { list-style: none; padding: 0px; margin: 0px; }
        ul.supplier-categories-list > li > a { display: block; margin-bottom: 2px; padding: 5px 10px; font-size: 75%; font-weight: bold; line-height: 1; color: #ffffff; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: .25em; 
                                               font-weight: normal !important; background-color: #339999; }
            ul.supplier-categories-list > li > a:hover { background-color: #003399; text-decoration: none; }


    /* Payment card logos */
    .cards { text-align: right }
        .cards > img { max-width: 80px; display: inline-block; margin: 2px; }

    .corner-ribbon { width: 200px; background: #339999; position: absolute; top: 25px; left: -50px; text-align: center; line-height: 30px; letter-spacing: 1px; color: #f0f0f0; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); }
        .corner-ribbon.shadow { box-shadow: 0 0 3px rgba(0,0,0,.3); }
        .corner-ribbon.top-left { top: 25px; left: -50px; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); }
        .corner-ribbon.top-right { top: 25px; right: -50px; left: auto; transform: rotate(45deg); -webkit-transform: rotate(45deg); }
        .corner-ribbon.bottom-left { top: auto; bottom: 25px; left: -50px; transform: rotate(45deg); -webkit-transform: rotate(45deg); }
        .corner-ribbon.bottom-right{ top: auto; right: -50px; bottom: 25px; left: auto; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); }


    /* Enquiry form radio group */
    ul.form-radio-list > li { display: block; text-align: left; position: relative; }
    ul.form-radio-list > li > input { visibility: hidden; position: absolute; }
    ul.form-radio-list > li > label { margin: 0px; display: block; cursor: pointer; }
    ul.form-radio-list > li > input+label:before { 
        content: ""; display: inline-block; border-radius: 50%; background-color: #fff; border: solid 2px #dedede; height: 24px; width: 24px; 
        cursor: pointer; margin-right: 10px; position: relative; top: 6px; 
        -webkit-transform-origin: center center;  -moz-transform-origin: center center;  -o-transform-origin: center center; transform-origin: center center; 
        -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out;  -o-transition: all 0.2s ease-in-out;  transition: all 0.2s ease-in-out; 
    }

        ul.form-radio-list > li:hover > input+label:before { border-color: #339999; }

        ul.form-radio-list > li > input:checked+label:before { 
            background-color: #339999;  
            border-color: #339999;
            -webkit-transform: scale(1.2); -moz-transform: scale(1.2);  -o-transform: scale(1.2);  transform: scale(1.2); 
        }

    .enquiry-form-8 .form-group > label { background-color: #ededed; padding: 5px; border-radius: 4px; display: block; }

    .videodetector { display: inline-block; margin: 15px; }
    .videodetector input { display: none !important; }

    .magazine a { display: block; border: solid 1px #ccc; text-align: center; margin-bottom: 15px; margin-top: 15px; text-decoration: none !important; transition: all 0.5s ease-in-out; }
        .magazine a img { width: 100%;  }
        .magazine a > p { text-transform: uppercase; }

    /*************************************
		Panels
	*************************************/
    .slide-down .container { position: relative; }
        .slide-down { display: block; position: relative; height: auto; right: 0px; width: 100%; z-index: 5; overflow: hidden; box-shadow: none; -moz-box-shadow: none; }
            .slide-down .slide-down-content { position: relative; display: none; margin: 0px 0px; overflow: hidden; padding: 15px 0px; }
                .slide-down .slide-down-content #search #searchbox { width: 88%; }
            .slide-down .slide-down-close { position: absolute; right: 0px; margin-top: 6px; z-index: 2000; }  	
    .slide-down .form-group { margin-bottom: 0px; }

    /*************************************
		Main Layout Styles
	*************************************/

    #site-header #search-link { position: absolute; top: 24px; right: 60px; color: #666; z-index: 200; font-size: 1.2em; }

    #site-header { position: relative; text-align: center; box-shadow: 0px 0px 10px rgba(0,0,0,0.3);}
        #site-header #xs-logo { position: absolute; left: 0px; top: 0px; z-index: 100; }
            #site-header #xs-logo > img { max-height: 50px; }
    
    #site-content { }
    #site-content > .container:first-child { margin-top: 30px; }
    #site-content p + p > .button, #site-content ul + p > .button  { margin-top: 15px; }

    #site-content ul { padding-left: 20px; }

    #site-content { font-size: 15px; }

    #search { text-align: right;  }    	    
        #search #searchbox { position: relative; text-align: left;  height: auto; overflow: hidden; width: 100%;  }
			#search #searchbox .search { padding-right: 30px !important; width: 100%; }
			#search #searchbox .searchBtn { position: absolute; right: 4px; top: 4px; background-image: url(/images/layout/btn-Search.jpg); width: 23px; height: 25px; border: none; border-collapse: collapse; background-color:transparent }

    #page-content header:first-child { margin-bottom: 15px; }                

    /*************************************
		Home Page Specific
	*************************************/
    .parallax { position: relative; padding: 15px; color: #fff; background: no-repeat center top fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover;  background-size: cover;   }
        .parallax .container { position: initial; }

    .home-box { padding: 15px; background-color: #fff; text-align: center; display: inline-block; text-decoration: none !important;  }
        .home-box:hover { background-color: #003399; }
        .home-box > h2 { font-size: 0.9em; color: #003399; margin: 0px 15px 15px 15px;  text-transform: uppercase; }
            .home-box:hover > h2 { color: #fff; }
        .home-box > img { width: 100%; height: auto; }
        .home-box, .home-box > h2, .home-box > img { -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }


        .hover-boxes .box { border: solid 1px #dedede; display: block; overflow: hidden; }
            .hover-boxes .box img { transition: all 0.5s ease-in-out; }
            .hover-boxes .box:hover img { transform: scale(1.05) !important; }
        .hover-boxes .box h2 { color: #fff !important; }

    #discover-marinas.parallax { background-image: url(../images/layout/sea-bg.jpg); }
    #programmes.parallax { background-image: url(../images/layout/sea-bg.jpg); }
    #gold-anchor.parallax { background-image: url(../images/layout/bg-marina.jpg); }

    #marina-search { background-image: url(../images/layout/banner.jpg); background-repeat: no-repeat; background-position: center bottom; background-size: cover; }
		 #marina-search #marina-search-box { padding: 15px; background-color: rgba(255,255,255,0.8); color: #666; float: right; clear: none; margin: 15px; font-size: 0.8em; }
         #marina-search #marina-search-box .form-control { font-size: inherit;  }
         #marina-search #marina-search-box .button { display: block; padding: 15px 30px !important; text-align: center; width: 100%; background-color: #cc3333; color: #fff; text-decoration: none !important; border-collapse: collapse; border: 0px none; border-radius: 0px; }
            #marina-search #marina-search-box .button:hover { background-color: #003399; }

    #home-scroll { text-decoration: none; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }
        #home-scroll:hover { background-color: #003399; color: #fff; }    

    .news-box { margin-bottom: 15px; }
        .news-box img { width: 100%; height: auto; }

    #find-a-marina { background-color: #cc3333; color: #fff; }
        #find-a-marina label { font-size: 1.4em; text-transform: uppercase; }
        #find-a-marina .form-control { border-radius: 0px; }
        #find-a-marina .btn-default { color: #fff; text-transform: uppercase; background-color: rgba(255,255,255,0.2); border-radius: 0px; border: 0px none; }
        #find-a-marina .btn-default:hover { color: #fff; background-color: rgba(255,255,255,0.5); }  
        #find-a-marina .form-group { margin-left: 5px; margin-right: 5px; }

    #magazine { background-color: #415262; color: #fff; padding: 30px;  margin-top: 30px; margin-bottom: 30px; }
        #magazine h1 { color: inherit; }
        #magazine .button { background-color: #347ab8; }
        #magazine img { margin-bottom: 15px; }


    .box-link { display: block; position: relative; margin: 15px 0px; text-shadow: 0px 0px 10px rgba(0,0,0,0.4); overflow: hidden; }
        .box-link:before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 2; background: rgba(0,0,0,0.4); text-align: left; }
        .box-link img { position: relative; z-index: 0; transition: all 0.5s ease-in-out; }
            .box-link:hover img { transform: scale(1.1);}

        .box-link > span { position: absolute; display: block;  bottom: 30px; right: 30px; left: 30px; color: #fff; z-index: 2;  }
            .box-link > span h1 { color: inherit; text-transform: uppercase; }
        /*.box-link .button { position: absolute; display: inline-block; bottom: 30px; right: 30px; top: auto; left: auto; z-index: 2; }*/

        .box-link.clean-marina:after, .box-link.gold-anchor:after { position: absolute; content: ""; bottom: 0px; right: 0px; width: 130px; height: 62px; background-size: 100%; background-repeat: no-repeat; z-index: 20; }
            .box-link.clean-marina:after { background-image: url(../images/layout/clean-marina.jpg); }
            .box-link.gold-anchor:after { background-image: url(../images/layout/gold-anchor.jpg); }

    /*************************************
		Marina Listings
	*************************************/

    #marina-gold-anchors { color: #fff; background-color: #003399; font-size: 14px; display: inline-block; padding: 5px; line-height: 14px; border-radius: 4px; }
        #marina-gold-anchors.platinum { /*background-color: #339999;*/ }
        #marina-gold-anchors > img { display: inline-block; margin: 0px 2px; }

    #marina-listings { }
        #marina-listings > .marina-listing { transition: all 0.5s ease-in-out;  }
        #marina-listings > .marina-listing.blur { filter: grayscale(100%); opacity: 0.5; }
        #marina-listings > .marina-listing.zoom { transform: scale(1.05); z-index: 1000; }
        #marina-listings > .marina-listing > a { display: block; border: solid 1px #ccc; background-color: #fff; color: inherit !important; text-decoration: none !important; margin-bottom: 15px; outline: none !important; }
            #marina-listings > .marina-listing.gold > a { border-color: #deb409; background-color: rgba(222,180,9, 0.2); color: #fff; }
            #marina-listings > .marina-listing.gold > a .marina-listing-content > .button { background-color: #deb409; color: #fff;  }

            #marina-listings > .marina-listing.platinum > a { border-color: #dedede ; background-color: rgba(224,224,224,0.5); color: #fff; }
            #marina-listings > .marina-listing.platinum > a .marina-listing-content > .button { background-color: #003399; color: #fff;  }

        #marina-listings > .marina-listing > a .marina-listing-image { position: relative; overflow: hidden; /* height: 100%; */ }
        #marina-listings > .marina-listing > a .marina-listing-image > img { width: 100%; height: auto; }
        #marina-listings > .marina-listing > a .marina-listing-image > .marina-listing-anchors { color: #deb409; padding: 5px 5px; background-color: #003399; font-size: 12px; }
            #marina-listings > .marina-listing > a .marina-listing-image > .marina-listing-anchors > img { display: inline-block; margin: 0px 2px; }
            #marina-listings > .marina-listing.platinum > a .marina-listing-image > .marina-listing-anchors { /* color: #ffffff; padding: 5px 5px; background-color: #339999; font-size: 12px;*/ }
            #marina-listings > .marina-listing.platinum > a .marina-listing-image > .marina-listing-anchors, .platinum { color: #e0e0e0 !important; }

        #marina-listings > .marina-listing > a .marina-listing-image > .marina-listing-award { }

        #marina-listings > .marina-listing > a .marina-listing-content { padding: 5px 0px; color: #666; margin-left: -15px; }
        #marina-listings > .marina-listing > a .marina-listing-content > h2, h2.listing-title { font-size: 0.8em; margin: 0px; }
        #marina-listings > .marina-listing > a .marina-listing-content > .marina-icons { font-size: 0.8em; }
        #marina-listings > .marina-listing > a .marina-listing-content > .button { margin-bottom: 0px; }
    
    .marina-logo { max-width: 100%; max-height: 250px; margin: 15px auto; }

    /* map key */
    #map-key { padding: 5px; margin-top: 15px; font-size: 0.8em; text-align: left; }
        #map-key .key-item { display: block; text-align: center; margin: 5px; }
            #map-key .key-item img { max-width: 30px; }

	/*************************************
		Menu and Search Box
	*************************************/		
    #site-menu { position: relative; z-index: 100;  }
        #site-menu #site-nav { margin-top: 15px; }
        #site-menu .caret { display: none !important; }

    .navbar-default { border-radius: 0px; border: 0px none; margin-bottom: 0px; font-size: 1.0em; font-weight: 700; text-transform: uppercase; background-color: transparent; }
    .navbar-default .navbar-nav > li > a { color: #003399; background-color: transparent;}
    .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus { color: #fff; background-color: #003399; }
    .navbar-default .navbar-toggle, .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { background-color: transparent; border: 0px none !important; border-radius: 0px !important; margin-right: 0px; }
    .navbar-default .navbar-toggle .icon-bar { height: 3px; }
    .dropdown-menu { font-size: 0.8em; text-align: center; }
        .navbar-default a  {  -webkit-transition: all 0.5s ease-in-out; /* Safari */ transition: all 0.5s ease-in-out; }

    .dropdown-menu { /* box-shadow: none !important; */ box-shadow: 0 12px 10px rgba(0, 0, 0, 0.3); border: none; top: 51px; }
    .dropdown-menu a { color: #003399 !important; text-transform: none !important; }
        .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus { color: #fff !important; background-color: #003399 !important; }
        .dropdown-menu > li > a { padding: 8px 15px; }

	/*************************************
		BANNER
	*************************************/	
    #site-banner.carousel .item { text-decoration: none !important; }
    #site-banner.carousel .item img { display: block; width: 100%; }
        #site-banner.carousel .item .carousel-caption { text-shadow: none; color: #fff; background-color: #339999; min-height: 232px; }
        #site-banner.carousel .item .carousel-caption * { color: #fff; text-decoration: none !important; }
        #site-banner.carousel .item .carousel-caption .button { background-color: #347ab8; }

        #site-banner.carousel .item .carousel-caption h2 { margin-bottom: 30px; }
			
    /*************************************
		Sticky Footer
	*************************************/		
		#wrap { min-height: 100%; }
		#main { overflow:auto; padding-bottom: 210px; } /* Bottom padding must be same height as footer */
        
        #site-footer { font-size: 14px; text-align: center; margin-top: -210px; min-height: 210px; }

            #site-footer a { color: inherit; text-decoration: none !important; }		
            #site-footer p a+a:before { content: " | "; }		
            #site-footer img { margin: 0px auto; }
            
    /*************************************
		MISC OVERRIDES
	*************************************/
    
    .pagination { /* font-size: 0.6em; */ }
    .alert { display: block; border-radius: 0px; }   

    /* ApolloAdmin */
    .articleImage { width: 100%; border: solid 1px #ccc !important;  }
    .newsItem { border-radius: 0px; box-shadow: none; }
    .cc-cookies { float: none !important; position: fixed !important; }

    .bannerHolder { background-color: #e3e3e3;  }   
        
	.button { position: relative; display: inline-block; background-color: #347ab8; /*#cc3333;*/ color: #ffffff; padding: 10px 15px !important; border: 0px none; margin: 5px;  
              border-collapse: collapse; border-radius: 0px; transition: all 0.5s ease-in-out; text-decoration: none !important; }
    .button:hover { background-color: #339999; color: #fff;  }            
    
    .featuredArticleList .dateCreated, .latestArticlesList .dateCreated { display: none; }
    .newsItem .content h2 a { text-transform: uppercase; }

    .listing-address { font-style: normal !important; }


    /* Jquery UI Autocomplete */
    .ui-menu .ui-menu-item a {
        background: #fff;
        height: auto;
        font-size: 16px !important;
        font-family: font-family: 'Open Sans', sans-serif !important;
        border: 0px !important;
        border-radius: 0px !important;
        cursor: pointer !important;
    }

    .ui-menu .ui-menu-item a:hover {
        background: #339999 !important; 
        color: #fff !important; 
        
    }

    .marina-lookup-icon { display: none; }

    /* Flex Slider */
    .flexslider ul.slides li .bannerDescription ul { margin: 10px 0px; padding: 0px; list-style: none; }
        .flexslider ul.slides li .bannerDescription ul li { background-image: url(../images/layout/tick.png); background-repeat: no-repeat; background-position: left 4px; padding-left: 20px; margin: 0px 10px }


    /* FancyBox */
    .fancybox-opened .fancybox-title a { color: #fff; text-decoration: underline;  }

    /* Owl Carousel */
    .owl-theme .owl-dots .owl-dot.active span { background-color: #cc3333 !important; }
    .owl-prev, .owl-next { color: #fff !important; margin: 30px 15px 0px 15px; display: inline-block; }

    /* Sharethis.com */
    #st-el-4 .st-btns{ overflow: visible !important; }

    /* Bootstrap Overrides */
    .nav-tabs { margin-top: 15px; }
    .form-control, .btn { font-size: inherit; height: 44px; border-radius: 0px; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none;  }
    .label-default { font-weight: normal !important; background-color: #339999; padding: 5px 10px; }
    .container { position: relative; }

    .panel-title > a, .panel-title > small, .panel-title > .small, .panel-title > small > a, .panel-title > .small > a { display: block; text-decoration: none !important; text-transform: uppercase; font-weight: 600; font-size: inherit; }

    /* search slider */
    .slider-handle { background-color: #cc3333; background-image: none; }
    .slider-selection { background-color: #339999; background-image: none !important; }


    #cookiebar { position: fixed; bottom: 0px; left: 0px; right: 0px; }
    .cookie-buttons .btn { font-size: 14px !important; height: 34px; }

    #links { margin-top: 20px; }

    .nav-tabs { padding-left: 0px !important; }

    #results .carousel img { width: 100%; }
    
    .listing-image-panel img { margin-bottom: 15px; }

    /* Supplier logos */
    .directoryListingResult { margin-top: 15px; margin-bottom: 15px; }
    .directoryListingResult .listing-image-panel a { display: block; width: 100%; height: auto; padding-bottom: 100%; border: solid 1px #ccc; position: relative; }
        .directoryListingResult .listing-image-panel a > img { position: absolute; top: 50%; left: 50%; max-height: calc(100% - 30px); max-width: calc(100% - 30px); 
                                                               transform: translate(-50%, -50%); }

    .panel-group .panel-default { border-radius: 0px !important; box-shadow: none !important; border: 0px !important; }
    .panel-group .panel-default .panel-body { padding: 15px 0px; }
    .panel-group .panel-default > .panel-heading { padding: 0px; background-color: transparent; border-bottom: solid 1px #ccc; transition: all 0.5s ease-in-out; }
        .panel-group .panel-default > .panel-heading h4 { font-size: inherit; color: inherit; }
            .panel-group .panel-default > .panel-heading h4 a { display: block; padding: 10px 0px; position: relative; cursor: pointer; }
        .panel-group .panel-default > .panel-heading.active { border-color: #003399; color: #003399; }

        .panel-group .panel-heading a.expand:before, .panel-group .panel-heading a.expand:after { content: ""; position: absolute; right: 15px; width: 2px; height: 12px; background-color: #003399; transition: all 0.5s ease-in-out; }
        /* Horizontal */
        .panel-group .panel-heading a.expand:before { transform: rotate(180deg); right: 15px; opacity: 0; }
        .panel-group .panel-heading a.expand:after { transform: rotate(90deg); right: 15px; }

        .panel-group .panel-heading a.expand.collapsed:before { transform: rotate(90deg); opacity: 1; background-color: #ccc; }
        .panel-group .panel-heading a.expand.collapsed:after { transform: rotate(0deg); background-color: #ccc;  }

    .responsive-embed { margin: 15px 0px; }

    .newsItem .content .description { padding: 0px !important; margin: 0px !important; }
    .newsItem .dateCreated:empty { display: none; }

    /************************************
	    CAROUSEL FADE
    ************************************/

    .carousel-fade .item { opacity: 0; 
                           -webkit-transition-duration: 1s; -moz-transition-duration: 1s; -o-transition-duration: 1s; transition-duration: 1s;
                           -webkit-transition-property: opacity; -moz-transition-property: opacity; -o-transition-property: opacity;  transition-property: opacity; }


    /* Safari Fix */
    @media all and (transform-3d), (-webkit-transform-3d) {
        .carousel-fade .carousel-inner > .item.next,
        .carousel-fade .carousel-inner > .item.active.right {
          opacity: 0;
          -webkit-transform: translate3d(0, 0, 0);
                  transform: translate3d(0, 0, 0);
        }
        .carousel-fade .carousel-inner > .item.prev,
        .carousel-fade .carousel-inner > .item.active.left {
          opacity: 0;
          -webkit-transform: translate3d(0, 0, 0);
                  transform: translate3d(0, 0, 0);
        }
        .carousel-fade .carousel-inner > .item.next.left,
        .carousel-fade .carousel-inner > .item.prev.right,
        .carousel-fade .carousel-inner > .item.active {
          opacity: 1;
          -webkit-transform: translate3d(0, 0, 0);
                  transform: translate3d(0, 0, 0);
        }
    }


     /************************************
	    BOOTSTRAP RESPONSIVE OVERRIDES
    ************************************/
     @media (max-width: 767px) {

         /* banner */
         #site-banner.carousel .item .carousel-caption h1 { font-size: 1.4em; }
         #site-banner.carousel .item .carousel-caption h2 { font-size: 1.0em; }
         .carousel-caption { position: relative; display: block; margin: 0px; padding: 15px; top: auto; left: auto; right: auto; bottom: auto; }
         .carousel-control .icon-prev, .carousel-control .icon-next, .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right { top: 16%; }
     }


     @media (min-width: 480px) {
        .owl-prev, .owl-next { transition: all 0.5s ease-in-out; outline: none !important;  -webkit-transform-origin: center center; -moz-transform-origin: center center; -o-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; }        

        #marina-listings > .marina-listing > a .marina-listing-content > h2, h2.listing-title { font-size: inherit; margin: 0px 0px 5px 0px; }
        #marina-listings > .marina-listing > a .marina-listing-content > .marina-icons { font-size: 0.8em; display: block; }
        #marina-listings > .marina-listing > a .marina-listing-content { padding: 15px 0px; color: #666; margin: 0px; }

        .pagination { font-size: inherit; }
     }

    /* SM */
    @media (min-width: 768px) {
        /* Homepage Marina Search */
        #marina-search #marina-search-box { padding: 30px; margin: 30px 0px 30px 0px; font-size: 1.0em; }
        #marina-search #marina-search-box .form-control { height: 40px; }

        #marina-listings > .marina-listing > a .marina-listing-image > .marina-listing-anchors { position: absolute; top: 15px; right: 0px; border-radius: 4px 0px 0px 4px }

        .box-link.clean-marina:after, .box-link.gold-anchor:after { width: 150px; height: 71px; }

        /*#marina-listings > .marina-listing > a .marina-listing-image > img { position: absolute; height: 100%; min-width: 100%; width: auto; max-width: none; }*/

        /* Enquiry form radio buttons */
        ul.form-radio-list > li { display: inline-block; text-align: center; width: 60px; }
        ul.form-radio-list > li > input { position: relative; }
        ul.form-radio-list > li > label { margin: 5px 15px; }
        ul.form-radio-list > li > input+label:before { 
            left: 50%; position: absolute; top: auto;
            -webkit-transform: translate(-50%, -100%); -moz-transform: translate(-50%, -100%);  -o-transform: translate(-50%, -100%);  transform: translate(-50%, -100%); 
            -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out;  -o-transition: all 0.2s ease-in-out;  transition: all 0.2s ease-in-out; 
        }

        ul.form-radio-list > li > input:checked+label:before {     
            -webkit-transform: translate(-50%, -100%) scale(1.2); -moz-transform: translate(-50%, -100%) scale(1.2);  -o-transform: translate(-50%, -100%) scale(1.2);  transform: translate(-50%, -100%) scale(1.2); 
        }

        .marina-lookup-icon { display: inline-block; width: 64px; height: 47px; margin-right: 15px; background-image: url(../images/ajax-small-loader.gif); background-repeat: no-repeat; background-position: center center; }

        /* Banner */
        #site-banner.carousel .item .carousel-caption { text-align: left; background-color: transparent; z-index: 2; min-height: unset; }
        #site-banner.carousel .item img { z-index: 0; }
        #site-banner.carousel .item:before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.3); z-index: 1; background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 55%);  }
    }

    /* MD */
    @media (min-width: 992px) {
        /* Main Site Nav Overides */
        #site-header { padding-top: 60px; }
        #site-header #search-link { position: absolute; right: 15px; color: #666; font-size: 1.0em; top: auto; }

        #site-header #site-menu { display: inline-block; margin: 0px auto; min-height: 0px; background-color: transparent; z-index: 3000; }
            #site-header #site-menu > #site-nav { padding: 0px !important; margin-top: 0px; }
            #site-header #site-menu > #site-nav > .nav > li > a { position: relative; width: 120px; font-size: 14px; border-left: solid 1px #ccc; border-right: solid 1px #ccc; padding: 5px 15px; }
                #site-header #site-menu > #site-nav > .nav > li:first-child > a { border-left: solid 2px #ccc; }
                #site-header #site-menu > #site-nav > .nav > li:last-child > a { border-right: solid 2px #ccc; }
            #site-header #site-menu > #site-nav > .nav > #menu-logo a { position: relative; display: inline-block; text-align: center; background-color: transparent !important; }
            #site-header #site-menu > #site-nav > .nav > #menu-logo a img { position: absolute; bottom: 0px; left: 50%;  -webkit-transform: translateX(-50%);  -moz-transform: translateX(-50%);  -o-transform: translateX(-50%); -ms-transform: translateX(-50%);  transform: translateX(-50%); }

            .dropdown-menu { text-align: left; }

        /* Footer overrides */
        #site-footer { text-align: left; }                
        #site-footer img { margin: 0px; float: right; clear: none; }

        /* Homepage Marina Search */
        #marina-search #marina-search-box { font-size: 1.2em; }
        #marina-search #marina-search-box .form-control { height: 60px; }
        
        /* Homepage Boxes */
        .parallax header { margin-bottom: 30px; }
        .home-box, .parallax  { padding: 30px; }
        .home-box > h2 { font-size: 1.1em; margin: 0px 15px 30px 15px; }

        /* Class overrides */
        ul.ticklist, ul.feature-list { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; }
        
        .label-group { margin-bottom: 15px; }
            .label-group > .label { display: inline-block; margin-bottom: 0px; }    

        /* Marina results page */
            #map-key .key-item { display: inline-block; text-align: left; }

        /* Banner */
        #site-banner.carousel .item .carousel-caption { right: 40%; }
    }

    /* LG */
    @media (min-width: 1200px) {
        .home-box > h2 { font-size: 1.4em;  }

        .navbar-default { font-size: 1.1em; }
        #site-header #site-menu > #site-nav > .nav > li > a { width: 150px; font-size: inherit; }

        /* Banner */
        #site-banner.carousel .item .carousel-caption { right: 30%; }
    }