﻿@charset "UTF-8";
/* CSS Document */

@font-face {
    font-family: 'CopprplGothBdBTBold';
    src: url('/fonts/copperplate_gothic_bold_bt-webfont.eot');
    src: url('/fonts/copperplate_gothic_bold_bt-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/copperplate_gothic_bold_bt-webfont.woff') format('woff'),
         url('/fonts/copperplate_gothic_bold_bt-webfont.ttf') format('truetype'),
         url('/fonts/copperplate_gothic_bold_bt-webfont.svg#CopprplGothBdBTBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'EurostileRegular';
    src: url('/fonts/eurostile-1-webfont.eot');
    src: url('/fonts/eurostile-1-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/eurostile-1-webfont.woff') format('woff'),
         url('/fonts/eurostile-1-webfont.ttf') format('truetype'),
         url('/fonts/eurostile-1-webfont.svg#EurostileRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
  font-family: 'ClioLight';
  src: url('/fonts/letype_-_clioclightit-light-webfont.eot');
  src: url('/fonts/letype_-_clioclightit-light-webfont-.eot#iefix') format('embedded-opentype'), url('/fonts/letype_-_clioclightit-light-webfont.woff') format('woff'), url('/fonts/letype_-_clioclightit-light-webfont.ttf') format('truetype'), url('/fonts/letype_-_clioclightit-light-webfont.svg#clio_c_lightitlight') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'ClioRegularItalic';
  src: url('/fonts/letype_-_cliocregularitalic-webfont.eot');
  src: url('/fonts/letype_-_cliocregularitalic-webfont-.eot#iefix') format('embedded-opentype'), url('/fonts/letype_-_cliocregularitalic-webfont.woff') format('woff'), url('/fonts/letype_-_cliocregularitalic-webfont.ttf') format('truetype'), url('/fonts/letype_-_cliocregularitalic-webfont.svg#clio_c_regularitalicregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'ClioUltraBlack';
  src: url('/fonts/letype_-_cliocultrablackit-ultrablack-webfont.eot');
  src: url('/fonts/letype_-_cliocultrablackit-ultrablack-webfont-.eot#iefix') format('embedded-opentype'), url('/fonts/letype_-_cliocultrablackit-ultrablack-webfont.woff') format('woff'), url('/fonts/letype_-_cliocultrablackit-ultrablack-webfont.ttf') format('truetype'), url('/fonts/letype_-_cliocultrablackit-ultrablack-webfont.svg#clio_c_ultrablackitultrablack') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'neutonlight';
  src: url('/fonts/neuton-light-webfont.eot');
  src: url('/fonts/neuton-light-webfont-.eot#iefix') format('embedded-opentype'), url('/fonts/neuton-light-webfont.woff') format('woff'), url('/fonts/neuton-light-webfont.ttf') format('truetype'), url('/fonts/neuton-light-webfont.svg#neutonlight') format('svg');
  font-weight: normal;
  font-style: normal;
}


.font_copper{
	font-family:'CopprplGothBdBTBold';
	}
.font_euro{
	font-family:'EurostileRegular';
	letter-spacing:0.1em;
	}
	
h4 {
	font-family:'EurostileRegular'!important;
	letter-spacing:0.1em;
    
}

h3 {
	font-family:'EurostileRegular'!important;
	letter-spacing:0.1em;
    font-size:18px;
    
    line-height:22px;
}

h1 {
	font-family:'EurostileRegular'!important;
	letter-spacing:0.05em;
	font-size:26px;
	font-weight:bold;
    border-bottom:#000 solid 1px;
}
	

h2 {
	font-family:'EurostileRegular'!important;
	letter-spacing:0.1em;
	font-size:20px;
	margin-bottom:0.5em;
    border-bottom:#000 solid 1px;
}
h5 {
	margin-top:3px;
	
	letter-spacing:0.1em;
	font-size:18px;
    font-weight:500;
    font-style:italic;
}

h4{
    

}
.socmedia_container {
	position:absolute;
	top:3px;
    left:5px;
    font-size:15px;   
}

.socmedia_sm{
    font-size:12px;
    float:left;
}
.socmedia_sm a{
    color:#333;
}

.socmedia_container a{
    color:#910000;
   
}

.socmedia_container td{
    margin:0px;
    padding:0px;
}

.side_bar{
   
}

.faqs h5{
    font-size:16px;
}

.faqs i{
    margin-right:5px;

}

.faqs h3:before{
   padding-right:10px;
    font-family:FontAwesome;
    content:"\f0a9";
    color:#910000;
    font-size:16px;
}	


.accordionHeader{
    background:#333;
    color:#FFF;
    padding:5px 10px 5px 10px;
    border-top:1px solid #DDD;
    cursor:pointer;
}

.accordionHeaderSelected{
    background:#910000;
    color:#FFF;
    padding:5px 10px 5px 10px;
    border-top:1px solid #DDD;
    cursor:pointer;
}
.carousel_link_row{
    border-top:1px solid #777;
    border-bottom:1px solid #777;
    background:#910000;
    padding:4px;
    color:#FFF;
    vertical-align:middle;
    text-align:center;
    font-family:'ClioRegularItalic';
    cursor:pointer;
    font-size:20px;
}



.carousel_link_row :hover{
    background:#333;
    box-shadow:0 0 10px #333;

}

ul.share-buttons{
  list-style: none;
  padding: 0;
}

ul.boat_bullets li:before{
    padding-right:8px;
    font-family:FontAwesome;
    content:"\f0a9";
    color:#910000;
}

.article_panel_1{
    background:#DDD;
    border:#BBB 1px solid;
    border-radius:5px;
    margin:7px 1% 7px 1%;
    padding:5px;

}

.article_panel_2{
    background:#FFF;
    border:#BBB 1px solid;
    border-radius:5px;
    margin:7px 1% 7px 1%;
    padding:5px;

}
	
.ABR_footer{
	font-size:12px;
	background-color:#CCC;
	color:#333;
	margin-top:15px;
	padding:4px;
	margin-bottom:20px;	
}

.email_form{
	font-size:12px;
	font-weight:normal;
		
 }
 .email_form label{
	font-size:12px;
	font-weight:normal;	
 }
 
 .email_form_div {
	padding:10px;	 
 }

.email_form input {
	height:22px;	
}

.email_table tr td {
	padding-top:4px;	
}
.email_table textarea {border:1px #DDD solid;}

.l_col {
	text-align:right;
	padding-right:4px;	
}

.abr_book_btn{
	background-color:#910000;
	color:#FFF;	
	height:30px;
	padding-top:3px;
	padding-bottom:3px;
}
.bk_text_sm{display:none;}

.boat_gen {
	font-size:12px;	
	background-color:#EEE;
	text-align:center;
}

.boat_gen_list {
	font-size:12px;
	list-style-position:outside;
		
}

.price_table table{
    
   
}

.price_table{
	
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:1.1em;
	color:#000;
	border:none;
 	background-color:#FFF;
    text-transform:capitalize;
    margin-bottom:1em;
    padding:2px 10px 2px 10px;
}
#price_table{
    border:1px solid #333;
    text-align:center;
    width:98%;

}
#price_table td{
    border-left:1px solid #333;
}
#price_table td:first-child{
    text-align:right;
}
#price_table tr:nth-of-type(2){
    color:#FFF;
    background-color:#910000;
}

.side_bar td:first-child{
    text-orientation:upright;
    padding:0;
    text-align:left;
   background:#000;
   color:#FFF;
   text-align:left;
}
.side_bar td:nth-child(2){
    
   text-align:right;
}
#key_facts tr:first-child{
   
}
#key_facts{
           width:96%;
}


.price_table tr:nth-child(odd){
    background-color:#DDD;
}

.price_table td:nth-child(1){
    text-align:right;
    
}

.price_table tr{
	border-bottom-left-radius:10px;
    padding:5px;
	padding-left:10px;
	padding-right:3px;
	height:18px;
  
}
.price_table td
{
	padding:5px;
  
}
.price_table td:last-child{
    
}

.price_table tr:last-child{
   
}
.price_table tr:first-child td:first-child{   
   
    border:none;
}
.price_table_header {
    height:1em;
    background-color:#910000;
    color:#EEE
}
.price_table_header td{
    height:1em;
    background-color:#910000;
    font-size:11px;
    text-transform:uppercase;
    font-weight:600;
}

/*.badge badge-pill badge-dark{
    background:rgba(198, 42, 42, 0.7);
    color:#FFF;
    padding:2px 10px 2px 10px;
    border-radius:4px;
    font-size:0.8em;
    text-transform:lowercase;
    
}*/


.first_col{
    width:55%;
}

.second_col{
    width:22.5%;
}

.third_col{
    width:22.5%;
}

.table_header
{
	background-color:#333;
	color:#FFF;
	font-size:15px;
	
	}
	
	.boat_bullets{
        line-height:1.5em;
       
		list-style:symbols();
        list-style-type:none;
        margin-left:-10px;
        padding-right:5px;

	}
	
	.sml_btn {
		padding:0px; width:100px; 
	}
	.contact_items{
		
		color:#000;
		padding:8px;
	}
	.top_btn_container{
        width:200px;
	}
	

@media screen and (max-width:927px){
	.menu_btn_container{
		display:none;
	}
	
	.top_btn_container{
		display:block;
	}
}
@media screen and (min-width:768px){
	
	.top_btn_container{
		display:none;
	}
}
@media screen and (max-width:926px){
	
	.top_btn_container{
		left:50%;
	}
	
}
@media screen and (max-width:720px){
	
	.top_btn_container{
		left:210px;
	}
	
}

@media screen and (min-width:500px){

	.contact_menu {width:300px;}
	
}

@media screen and (max-width:500px){
	
	.bk_text_lg {
	display:none;	
	}
	.bk_text_sm{display:block;}
	.col-500-12{
		width:100%;
		border-bottom:1px solid #CCC;
		padding-bottom:10px;
		margin-left:1%;
	}
	.hide_500{
		display:none;
	}
	
	.abr_book_btn{height:50px;}
    .top_btn_container{
        width:40px;
	}
	
}


@media screen and (max-width:767px){
	
	
	.socmedia_container {
	display:none;
		
	}
	
	
		
}
@media screen and (max-width:340px){
	
	.hide_tiny{ display:none;
	
	}

}
	
.center {text-align:center}
.right{text-align:right}
.left{text-align:left}

.language_selector{
    font-size:11px;
    text-transform:uppercase;
    background:#000;
    color:#FFF;
    padding:0px;
    border-radius:7px;
    margin-right:10px;
    width:13em;
    line-height:none;
    vertical-align:top;
}

.navbar{
    font-family:'ClioRegularItalic';
    font-size:20px;}

contact_form{font-size:15px;}

.contact_form input,.contact_form textarea,.contact_form select  {
    font-size:15px;
    width:100%;
 
    border:1px solid #777;
    background-color:rgba(177, 245, 247, 0.12);
    border-radius:0.4em;
    padding-left:5px;
    padding-right:5px;
    margin-bottom:10px;
}

.contact_form select::selection{
    padding:5px;
    border-radius:1em;
}

.contact_form input, .contact_form select{
    height:2.5em;
    box-sizing:border-box;
}

.contact_form textarea{
    padding:5px;
    height:12em;
}

front_top_bar{
    text-align:center;
}

figcaption{
    font-family:ClioRegularItalic;
    color:#EEE;
    background:#333;
    
    text-align:center; 
    
    
    font-size:18px;
}

figure{
    border:1px solid #DDD;
    padding:5px;
}

.abr_top_menu{
    text-transform:lowercase;
}

.front_div{
    border-radius:5px 5px;
   background:#333;
    border:1px solid #AAA;
    padding:3%;
    margin-top:5px;
    color:#FFF;
    cursor:pointer;
}
.front_div:hover{
    border:1px solid #AAA;
    background:#666;
    border-right:1px solid #888;
    border-top:1px solid #888;
   
}



@media screen and (max-width:767px){
	
    .front_div img{
        float:right;
        max-width:50%;
    }
	.front_div{
        height:auto;
        border-bottom:1px solid #EEE;
	}
}

.table-first-col-r td:first-child{text-align:right;}

.bg-abg{
    background-color:#910000;
}

h3.bg-abg, h2.bg-abg, h3.bg-abg, h4.bg-abg, h5.bg-abg, h6.bg-abg {
    background-color: #910000 !important;
}

body{
    margin-top:70px;
}

.tick-items > div:before {
    padding-right: 8px;
    font-family: FontAwesome;
    content: "\f00c";
    color:green;
}

.plus-items > div:before {
    padding-right: 8px;
    font-family: FontAwesome;
    content: "\f067";
    color: darkorange;
}


.bg-grey {
    background-color: #DDD !important;
}

.bg-abg {
    background-color: #910000 !important;
}

.carousel-caption-header{
    font-size:2.5vw;
    line-height:2.5vw;
    font-style:italic;
    font-weight:500;
}
.carousel-caption-subheader {
    font-size: 1.5vw;
    line-height: 1.5vw;
}

ol.breadcrumb {
    padding-top: 4px !important;
    padding-bottom: 4px !important;
    margin-bottom:0px;
}

div.badge{
    max-width:220px; 
    border-radius:6px;
    text-wrap:normal;
    white-space:normal;
    padding:3px 5px 5px 5px;
}

/*Google Maps*/
.map-responsive {
    overflow: hidden;
    padding-bottom: 50%;
    position: relative;
    height: 0;
}

    .map-responsive iframe {
        left: 0;
        top: 0;
        height: 100%;
        width: 100%;
        position: absolute;
    }

   div.blank_bg{
       height:65px;
       position:absolute; 
       width:100%;
       left:0px;
       top:0px;
   }

div.card-img-label {
    position: absolute;
    bottom: 10px;
    right: 10px;
    text-align:right;
    font-size: 2.6vw;
    line-height: 1.8vw;
    font-style: italic;
    font-weight: 500;
}
.bg-shaded {
    background-color: rgba(0,0,0,0.5);
}

button.navbar-toggler {
    background-color: #333;
}

.fill-vh{
    min-height:92vh;
}
.spacer_div {
    position: relative;
    background: linear-gradient(rgba(0,0,0, 0),rgba(0, 0, 0, 1),rgba(0, 0, 0, 1),rgba(0,0,0, 0));
    height: 15vw;
    margin-top: -6vw;
    margin-bottom: -6vw;
    z-index: 1;
}

@media screen and (min-width: 767px) {
    .snap-to {
        scroll-snap-align: start;
        -ms-scroll-snap-align: start;
        -moz-scroll-snap-align: start;
    }

    .snap-to-12vw {
        scroll-snap-margin-top: -13vw;
        -ms-scroll-snap-margin-top: -13vw;
        -moz-scroll-snap-margin-top: -13vw;
    }
    .spacer_bottom_div {
        position: relative;
        /*background:linear-gradient(rgba(52, 58, 64, 1),rgba(52, 58, 64, 1),rgba(52, 58, 64, 1),rgba(52, 58, 64, 0));*/
        background: linear-gradient(rgba(0, 0, 0, 1),rgba(0, 0, 0, 1),rgba(0,0,0, 0));
        height: 2vw;
        margin-top: 60px;
        margin-bottom: -2vw;
        z-index: 1;
    }
    div.experience-img-label {
        position: absolute;
        bottom: 10px;
        right: 10px;
        text-align: right;
        font-size: 1.6vw;
        line-height: 1.8vw;
        font-style: italic;
        font-weight: 500;
    }
}

    @media screen and (max-width: 767px) {
        .snap-to {
            scroll-snap-align: start;
            -ms-scroll-snap-align: start;
            -moz-scroll-snap-align: start;
        }

        .snap-to-12vw {
            scroll-snap-margin-top: -11vw;
            -ms-scroll-snap-margin-top: -11vw;
            -moz-scroll-snap-margin-top: -11vw;
        }
        .carousel-col {
            margin: 0px -15px 0px -15px;
        }
        .experience-cards{
            width:50vw;
        }

        .spacer_bottom_div {
            position: relative;
            /*background:linear-gradient(rgba(52, 58, 64, 1),rgba(52, 58, 64, 1),rgba(52, 58, 64, 1),rgba(52, 58, 64, 0));*/
            background: linear-gradient(rgba(0, 0, 0, 1),rgba(0, 0, 0, 1),rgba(0,0,0, 0));
            height: 1vw;
            margin-top: 30px;
            margin-bottom: -1vw;
            z-index: 1;
        }
        div.experience-img-label {
            position: absolute;
            bottom: 10px;
            right: 10px;
            text-align: right;
            font-size: 2.6vw;
            line-height: 1.8vw;
            font-style: italic;
            font-weight: 500;
        }
    }



    @media screen and (max-width: 767px) {
       

        .bg-shaded {
            background: none;
        }

        div.navbar-collapse {
            padding-left: 10px;
            padding-right: 10px;
            border-radius: 4px;
            background-color: #333;
            margin: 0 -16px 0 -16px;
            border-top: solid #910000 1px;
            border-bottom: solid #910000 1px;
        }

        div.dropdown-menu {
            background-color:azure;
        }

        a.navbar-brand-hide {
            opacity: 0;
        }

    }

.icon-small {
    font-size: 20px;
}

.btn-mobile-front {
    border: #999 1px solid;
    background: #333;
    color: #999;
}

.btn-book {
    border: #EEE 1px solid;
    background:#910000;
    color: #FFF;
}

a.card-img-label{
    font-family:ClioUltraBlack;
}