@import url('https://fonts.googleapis.com/css?family=Lato:400,700|Satisfy|Oswald:400,700');
#content {padding-top:97px;}
#footer-search input {box-sizing:content-box;}
.clearfix
{
    *zoom: 1;
}
.clearfix:before,
.clearfix:after
{
    display: table; 

    content: ' ';
}
.clearfix:after
{
    clear: both;
}

/*******/
/* HTML
/*******/
/* apply a natural box layout model to all elements, but allowing components to change */
html
{
    box-sizing: border-box;
}

*,
*:before,
*:after
{
    box-sizing: inherit;
}

.tahiti-wrapper
{
    font-size: 16px;
    font-size: 1.6rem;

    overflow-x: hidden; 

    color: #4c4c4c;
    background: #dbeef4;
    
    position:relative;
    /*z-index:-10;*/
	z-index:0;
}

.container,
.container-fluid
{
    position: relative;

    max-width: 1080px;
}

/*--------------*/
/* Typography
/*--------------*/
html,
body
{
    font-family: 'Lato', sans-serif;
}

a,
a:link,
a:active,
a:hover,
a:visited
{
    text-decoration: none;
}

/**********/
/* Buttons
/**********/
.butn,
a.butn
{
    font-family: 'Lato', sans-serif;
    font-size: 14px;
    font-size: 16px;
    line-height: 26px;

    padding: 15px 20px;

    letter-spacing: -.15px;
    letter-spacing: 1px; 
    text-transform: uppercase;

    color: #fff;
    border-color: #104465;
    background-color: #104465;
}
.butn:hover,
.butn:focus,
.butn.focus,
.butn:active,
.butn.active,
.open > .butn.dropdown-toggle,
a.butn:hover,
a.butn:focus,
a.butn.focus,
a.butn:active,
a.butn.active,
.open > a.butn.dropdown-toggle
{
    color: #fff;
    border-color: #176291; 
    background-color: #176291;
}
.butn:active,
.butn.active,
.open > .butn.dropdown-toggle,
a.butn:active,
a.butn.active,
.open > a.butn.dropdown-toggle
{
    background-image: none;
    box-shadow: none;
}
.butn.disabled,
.butn.disabled:hover,
.butn.disabled:focus,
.butn.disabled.focus,
.butn.disabled:active,
.butn.disabled.active,
.butn[disabled],
.butn[disabled]:hover,
.butn[disabled]:focus,
.butn[disabled].focus,
.butn[disabled]:active,
.butn[disabled].active,
fieldset[disabled] .butn,
fieldset[disabled] .butn:hover,
fieldset[disabled] .butn:focus,
fieldset[disabled] .butn.focus,
fieldset[disabled] .butn:active,
fieldset[disabled] .butn.active,
a.butn.disabled,
a.butn.disabled:hover,
a.butn.disabled:focus,
a.butn.disabled.focus,
a.butn.disabled:active,
a.butn.disabled.active,
a.butn[disabled],
a.butn[disabled]:hover,
a.butn[disabled]:focus,
a.butn[disabled].focus,
a.butn[disabled]:active,
a.butn[disabled].active,
fieldset[disabled] a.butn,
fieldset[disabled] a.butn:hover,
fieldset[disabled] a.butn:focus,
fieldset[disabled] a.butn.focus,
fieldset[disabled] a.butn:active,
fieldset[disabled] a.butn.active
{
    border-color: #104465; 
    background-color: #104465;
}
.butn .badge,
a.butn .badge
{
    color: #104465;
    background-color: #fff;
}

/*--------------------------*/
/* Booking
/*--------------------------*/
.tahiti-wrapper .booking
{
    /*position: absolute;
    bottom: -125px; re */ 
	position:relative;/* re added */
	bottom:0;/* re added */
    left: 50%;

    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;

    width: 100%;

    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);

    background: #fff;
}
@media only screen and (min-width: 992px)
{
    .tahiti-wrapper .booking
    {
		position: absolute;/* re added */
		bottom: -125px;/* re added */
        width: 898px;
    }
}

.tahiti-wrapper .booking--photo
{
    display: none;
}
@media only screen and (min-width: 544px)
{
    .tahiti-wrapper .booking--photo
    {
        display: -webkit-flex;
        display: -ms-flexbox;
        display:         flex;
        float: left;

        width: 29.16667%;
        padding-right: 2.08333%;
        padding-left: 2.08333%;

        background-image: url('http://media.windstarcruises.com/media/specials/15-0223-TFAH-MMGY/booking--framed-img.png');
        background-position: right center; 
        background-size: cover;
    }
}

.tahiti-wrapper .booking--content
{
    float: left;

    width: 100%;
    padding-right: 2.08333%; 
    padding-left: 2.08333%;
}
@media only screen and (max-width: 767px)
{
    .tahiti-wrapper .booking--content
    {
        padding-top: 30px;
        padding-right: 30px; 
        padding-left: 30px;
    }
}
@media only screen and (min-width: 544px)
{
    .tahiti-wrapper .booking--content
    {
        display: -webkit-flex;
        display: -ms-flexbox;
        display:         flex;
        float: left;
                flex-direction: column;

        width: 70.83333%;
        padding: 30px 0;
        padding-right: 2.08333%;
        padding-right: 30px; 
        padding-left: 2.08333%;
        padding-left: 45px;

        -webkit-flex-direction: column;
            -ms-flex-direction: column;
    }
}
.tahiti-wrapper .booking--content em
{
    font-family: 'Oswald', sans-serif;
    font-size: 35px;
    font-style: normal; 

    display: block;

    margin-bottom: 15px;

    letter-spacing: -1px;
    text-transform: uppercase;
    line-height:40px;
    color: #c3b833;
}
.tahiti-wrapper .booking--content ul
{
    font-family: 'Lato', sans-serif;
    font-size: 16px;
    line-height: 26px;

    padding: 0 0 0 20px;

    list-style: inherit;
	margin-bottom:20px;
    letter-spacing: -.15px;
}
.tahiti-wrapper .booking--content p
{
    font-family: 'Lato', sans-serif;
    font-size: 16px;
    line-height: 26px;

    margin: 0 0 8px 0; 

    letter-spacing: -.15px;

    color: #999;
}
@media only screen and (max-width: 767px)
{
    .tahiti-wrapper .booking--content p
    {
        text-align: center;
    }
}

.tahiti-wrapper .booking--content .italic
{
    font-style: italic;
}
  
.tahiti-wrapper .booking--cta .butn
{
    display: inline-block;

    margin-bottom: 15px;
}
@media only screen and (max-width: 767px)
{
    .tahiti-wrapper .booking--cta .butn
    {
        display: block;

        text-align: center;
    }
}

/*--------------------------*/
/* Hero
/*--------------------------*/
.tahiti-wrapper .hero
{
    font-size: 0;

    position: relative;

    max-width: 1600px;
    height: auto; 
    margin: 0 auto;
}

.tahiti-wrapper .hero--img
{
    width: 100%;
    height: 100%; 

    object-fit: cover;
    object-position: center center;
}

/*--------------------------*/
/* Feature
/*--------------------------*/
.tahiti-wrapper .feature
{
    font-size: 0; 

    position: relative;

    max-width: 1600px;
    margin: 0 auto;
}

.tahiti-wrapper .feature--container
{
    position: relative;

    max-width: 992px;
    margin: 0 auto; 

    *zoom: 1;
}
.tahiti-wrapper .feature--container:before,
.tahiti-wrapper .feature--container:after
{
    display: table; 

    content: ' ';
}
.tahiti-wrapper .feature--container:after
{
    clear: both;
}
@media only screen and (min-width: 992px)
{
    .tahiti-wrapper .feature--container
    {
        position: absolute;
        top: -20%;
        left: 50%;

        -webkit-transform: translateX(-50%);
                transform: translateX(-50%);
    }
}

.tahiti-wrapper .feature--img
{
    width: 100%;
    height: 100%; 

    object-fit: cover;
    object-position: center center;
    
    position:relative;
    z-index:-1;
}

/*--------------------------*/
/* Intro
/*--------------------------*/
.tahiti-wrapper .intro
{
    /*position: absolute;*/
	position:relative;

    max-width: 992px;
    padding: 30px 0 15px;

    background: white;
    background-image: url('http://media.windstarcruises.com/media/specials/15-0223-TFAH-MMGY/map-bkgd.png');
    background-size: cover; 

    *zoom: 1;
}
.tahiti-wrapper .intro:before,
.tahiti-wrapper .intro:after
{
    display: table; 

    content: ' ';
}
.tahiti-wrapper .intro:after
{
    clear: both;
}
@media only screen and (min-width: 544px)
{
    .tahiti-wrapper .intro
    {
		position: relative;/* re added */
        padding: 60px 0;
    }
}
@media only screen and (min-width: 992px)
{
    .tahiti-wrapper .intro
    {
        position: relative;

        width: 992px;
    }
}

.tahiti-wrapper .intro--content
{
    float: left;

    width: 100%;
    padding-right: 2.08333%;
    padding-right: 30px; 
    padding-left: 2.08333%;
    padding-left: 30px;
}
.tahiti-wrapper .intro--content a
{
	text-decoration:underline;
}

@media only screen and (min-width: 768px)
{
    .tahiti-wrapper .intro--content
    {
        float: left;

        width: 70.83333%;
        padding-right: 2.08333%;
        padding-right: 45px; 
        padding-left: 2.08333%;
        padding-left: 45px;
    }
}
.tahiti-wrapper .intro--content h1
{
    font-family: 'Oswald', sans-serif;
    font-size: 58px;
	line-height:50px;
    position: relative;

    margin: 0 0 35px;

    text-align: center; 
    letter-spacing: -1px;
    text-transform: uppercase;

    color: #c3b833;
}
@media only screen and (min-width: 300px)
{
    .tahiti-wrapper .intro--content h1
    {
        font-size: 55px;
		line-height:34px;
    }
}
@media only screen and (min-width: 768px)
{
    .tahiti-wrapper .intro--content h1
    {
        font-size: 55px;
		line-height:34px;
        /*text-align: left;*/
    }
}
@media only screen and (min-width: 992px)
{
    .tahiti-wrapper .intro--content h1
    {
        font-size: 72px;
		line-height:34px; /*re added 10/14 */
		text-align: right;
    }
}

.tahiti-wrapper .intro--content h1 .word-tahiti{
	display:inline-block;text-align:right;padding-top:0;
}
@media only screen and (min-width: 425px)
{
	.tahiti-wrapper .intro--content h1 .word-tahiti{
		padding-top: 20px;
	}
}
@media only screen and (min-width: 768px)
{
	.tahiti-wrapper .intro--content h1 .word-tahiti{
		padding-top: 15px;
	}
}
@media only screen and (min-width: 992px){
	.tahiti-wrapper .intro--content h1 .word-tahiti{
		/*padding-top: 15px;*/
	}
}

.tahiti-wrapper .intro--content h1 span
{
    font-family: 'Satisfy', cursive;
    /*font-size: 51px;
    display: block; removed
    margin-top: 30px; */
    text-transform: none;
    color: #104465;
	
	/*added*/
	display:inline-block;
	text-align:center;
	padding:10px 0 5px 0;
	position:relative;
	font-size: 40px; 
	
}
@media only screen and (min-width: 425px)
{
    .tahiti-wrapper .intro--content h1 span{padding:0;}
}
@media only screen and (min-width: 768px)
{
    .tahiti-wrapper .intro--content h1 span
    {
        font-size: 40px; 
        position: relative;
        top: -2px;
        display: inline;
        margin-top: 0;
        /*margin-left: 85px;*/
		margin-left:30px;
		padding:20px 0 10px;
		text-align:left;
    }
}
@media only screen and (min-width: 992px)
{
    .tahiti-wrapper .intro--content h1 span
    {
        font-size: 51px;
		/*added*/
		margin-left:0;
    }
}
.tahiti-wrapper .intro--content p
{
    font-family: 'Lato', sans-serif;
    font-size: 16px;
    line-height: 26px;

    letter-spacing: -.15px;

    color: #4c4c4c;
}
.tahiti-wrapper .intro--content p.intro--content--disclaimer
{
    font-weight: 700;

    color: #999;
}
.tahiti-wrapper .intro--content p.optional
{
	display:block;
}
@media only screen and (max-width: 1200px){
	.tahiti-wrapper .intro--content p.optional{display:none;}
}
@media only screen and (max-width: 992px){
	.tahiti-wrapper .intro--content p.optional{display:block;}
}

.tahiti-wrapper .intro--sidebar
{
    float: left;

    width: 100%;
    padding-right: 2.08333%; 
    padding-left: 2.08333%;
}
@media only screen and (max-width: 767px)
{
    .tahiti-wrapper .intro--sidebar
    {
        padding-right: 30px; 
        padding-left: 30px;
    }
}
  
@media only screen and (min-width: 768px)
{
    .tahiti-wrapper .intro--sidebar
    {
        float: left;

        width: 29.16667%;
        padding-right: 2.08333%;
        padding-right: 45px; 
        padding-left: 2.08333%;
    }
}
.tahiti-wrapper .intro--sidebar .butn
{
    display: block; 

    text-align: center;
}

.tahiti-wrapper .intro--sidebar--headline
{
    font-family: 'Oswald', sans-serif; 
    font-size: 19px;

    color: #104465;
}

.tahiti-wrapper .intro--sidebar--disclaimer
{
    font-family: 'Lato', sans-serif;
    font-size: 16px;
    font-weight: bold; 
    line-height: 26px;

    margin: 30px 0 0 0;

    letter-spacing: -.15px;

    color: #999;
}

.tahiti-wrapper .intro--sidebar--container
{
    padding: 15px 0 0 0; 
    margin-top:25px;
    border-top: 4px solid #999;
}
  
.tahiti-wrapper .intro--sidebar--promo
{
    font-family: 'Oswald', sans-serif;
    font-size: 48px;

    position: relative;

    display: block;

    margin-bottom: 60px; 
    padding-top: 30px;

    letter-spacing: -1px;
    text-transform: uppercase;

    color: #999;
    line-height:48px;
}
/*
.tahiti-wrapper .intro--sidebar--promo:after
{
    position: absolute;
    bottom: -30px;
    left: 0;

    width: 45px;

    content: ' ';

    border-top: 1px solid #999;
}
*/
/*--------------------------*/
/* Itinerary
/*--------------------------*/
.tahiti-wrapper .itinerary
{
    padding: 60px 0 60px;
	/*padding: 400px 0 60px;*/
}
@media only screen and (min-width: 350px)/*re added*/
{
    .tahiti-wrapper .itinerary
    {
		/*padding: 275px 0 60px;*/
    }
}
@media only screen and (min-width: 375px)/*re added*/
{
    .tahiti-wrapper .itinerary
    {
		/*padding: 175px 0 60px;*/
    }
}
@media only screen and (min-width: 450px)/*re added*/
{
    .tahiti-wrapper .itinerary
    {
		padding: 60px 0 60px;
    }
}
@media only screen and (min-width: 768px)
{
    .tahiti-wrapper .itinerary
    {
        padding: 175px 0 60px;
    }
}
.tahiti-wrapper .itinerary h2
{
    font-family: 'Oswald', sans-serif;
    font-size: 36px;
    line-height: 1;

    margin: 0 0 5px;

    text-align: center; 
    letter-spacing: -1px;
    text-transform: uppercase;

    color: #c3b833;
}
@media only screen and (min-width: 768px)
{
    .tahiti-wrapper .itinerary h2
    {
        font-size: 50px;

        padding-top: 40px;

        text-align: left;

        border-top: 4px solid #b3b3b3;
    }
}
.tahiti-wrapper .itinerary h3
{
    font-family: 'Satisfy', cursive;
    font-size: 26px;

    margin: 0 0 30px;

    text-align: center; 

    color: #104465;
}
@media only screen and (min-width: 768px)
{
    .tahiti-wrapper .itinerary h3
    {
        font-size: 35px;
		font-weight:bold;
        text-align: left;
    }
}
.tahiti-wrapper .itinerary h4
{
    font-family: 'Lato', sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 26px;

    margin: 0; 

    letter-spacing: -.15px;

    color: #104465;
}
.tahiti-wrapper .itinerary p
{
    font-family: 'Lato', sans-serif;
    font-size: 16px;
    line-height: 26px;

    margin: 0; 

    letter-spacing: -.15px;
}
.tahiti-wrapper .itinerary .itinerary--details
{
    position: relative;

    margin: 20px 0 30px;
}
.tahiti-wrapper .itinerary .itinerary--details:after
{
    position: absolute;
    bottom: -15px;
    left: 0;

    width: 50px;
    height: 1px;

    content: '';

    border-top: 1px solid #b3b3b3;
}
.tahiti-wrapper .itinerary .itinerary--details--price
{
    font-family: 'Oswald', sans-serif;
    font-size: 22px;
    /*display:block;*/
    margin-right: 10px;

    letter-spacing: -1px;
    text-transform: uppercase;
    text-transform: none; 

    color: #104465;
}
.tahiti-wrapper .itinerary .itinerary--details--airfare
{
    font-family: 'Lato', sans-serif;
    font-size: 16px;
    line-height: 26px;

    display: block;

    letter-spacing: -.15px;

    color: #999;
}
@media only screen and (min-width: 992px)
{
    .tahiti-wrapper .itinerary .itinerary--details--airfare
    {
        display: inline;
    }
}
.tahiti-wrapper .itinerary .itinerary--itinerary-title
{
    font-family: 'Oswald', sans-serif;
    font-size: 22px;

    margin: 0 0 10px;
    padding-top: 35px; 

    letter-spacing: -1px;
    text-transform: uppercase;

    color: #c3b833;
}
@media only screen and (min-width: 768px)
{
    .tahiti-wrapper .itinerary .itinerary--itinerary-title
    {
        border-top: 4px solid #b3b3b3;
    }
}
.tahiti-wrapper .itinerary ul
{
    position: relative;

    margin: 0 0 60px;
    padding: 0; 

    list-style: none;
}
/*
.tahiti-wrapper .itinerary ul:after
{
    position: absolute;
    bottom: -25px;
    left: 0;

    width: 50px;
    height: 1px;

    content: '';

    border-top: 1px solid #b3b3b3;
}*/
@media only screen and (min-width: 768px)
{
    .tahiti-wrapper .itinerary ul
    {
        -webkit-column-count: 2;
           -moz-column-count: 2;
                column-count: 2;
    }
}
.tahiti-wrapper .itinerary ul li
{
    font-family: 'Lato', sans-serif;
    font-size: 16px;
    line-height: 26px;

    margin: 3px 0 0;

    letter-spacing: -.15px;

    color: #4c4c4c;
}
.tahiti-wrapper .itinerary ul li em
{
    line-height: 1;

    display: inherit;

    color: #999;
}
@media only screen and (max-width: 767px)
{
    .tahiti-wrapper .itinerary .btn
    {
        display: block;

        text-align: center;
    }
}

.tahiti-wrapper .itinerary--dream-of-tahiti
{
    position: relative;

    max-width: 992px;
    margin: 0 auto;
    margin-bottom: 30px; 

    *zoom: 1;
}
.tahiti-wrapper .itinerary--dream-of-tahiti:before,
.tahiti-wrapper .itinerary--dream-of-tahiti:after
{
    display: table; 

    content: ' ';
}
.tahiti-wrapper .itinerary--dream-of-tahiti:after
{
    clear: both;
}
@media only screen and (min-width: 768px)
{
    .tahiti-wrapper .itinerary--dream-of-tahiti:before
    {
        max-width: 100%;
        margin: 0 auto -30px;
    }
}
.tahiti-wrapper .itinerary--dream-of-tahiti .itinerary--map
{
    display: none;

    max-width: 90%;
    margin: 0 auto -30px;
}
@media only screen and (min-width: 768px)
{
    .tahiti-wrapper .itinerary--dream-of-tahiti .itinerary--map
    {
        display: block;
    }
}

.tahiti-wrapper .itinerary--tuamotu-islands
{
    position: relative;

    max-width: 992px;
    margin: 0 auto; 

    *zoom: 1;
}
.tahiti-wrapper .itinerary--tuamotu-islands:before,
.tahiti-wrapper .itinerary--tuamotu-islands:after
{
    display: table; 

    content: ' ';
}
.tahiti-wrapper .itinerary--tuamotu-islands:after
{
    clear: both;
}
.tahiti-wrapper .itinerary--tuamotu-islands .itinerary--map
{
    display: none;

    max-width: 90%;
    margin: 0 auto 30px;
}
@media only screen and (min-width: 768px)
{
    .tahiti-wrapper .itinerary--tuamotu-islands .itinerary--map
    {
        display: block;
    }
}

.tahiti-wrapper .itinerary--dream-of-tahiti--content
{
    float: left;

    width: 100%;
    padding-right: 2.08333%;
    padding-right: 30px; 
    padding-left: 2.08333%;
    padding-left: 30px;
}
@media only screen and (min-width: 768px)
{
    .tahiti-wrapper .itinerary--dream-of-tahiti--content
    {
        float: left;

        width: 50%;
        padding-right: 2.08333%; 
        padding-left: 2.08333%;
    }
}

.tahiti-wrapper .itinerary--dream-of-tahiti--itinerary
{
    float: left;

    width: 100%;
    padding-right: 2.08333%;
    padding-right: 30px; 
    padding-left: 2.08333%;
    padding-left: 30px;
}
@media only screen and (min-width: 768px)
{
    .tahiti-wrapper .itinerary--dream-of-tahiti--itinerary
    {
        float: left;

        width: 50%;
        padding-right: 2.08333%; 
        padding-left: 2.08333%;
    }
}

.tahiti-wrapper .itinerary--tuamotu-islands--content
{
    float: left;

    width: 100%;
    padding-right: 2.08333%;
    padding-right: 30px; 
    padding-left: 2.08333%;
    padding-left: 30px;
}
@media only screen and (min-width: 768px)
{
    .tahiti-wrapper .itinerary--tuamotu-islands--content
    {
        float: left;

        width: 50%;
        padding-right: 2.08333%; 
        padding-left: 2.08333%;
    }
}
@media only screen and (max-width: 767px)
{
    .tahiti-wrapper .itinerary--tuamotu-islands--content h2
    {
        margin-top: 30px; 
        padding-top: 60px;

        border-top: 4px solid #b3b3b3;
    }
}

.tahiti-wrapper .itinerary--tuamotu-islands--itinerary
{
    float: left;

    width: 100%;
    padding-right: 2.08333%;
    padding-right: 30px; 
    padding-left: 2.08333%;
    padding-left: 30px;
}
@media only screen and (min-width: 768px)
{
    .tahiti-wrapper .itinerary--tuamotu-islands--itinerary
    {
        float: left;

        width: 50%;
        padding-right: 2.08333%; 
        padding-left: 2.08333%;
    }
}

/*--------------------------*/
/* Quote
/*--------------------------*/
.tahiti-wrapper .quote
{
    position: absolute;
    top: 0;

    display: none;
	position: relative;/*re added */

    width: 100%;
    padding: 0 18%; 

    text-align: center;
}
@media only screen and (min-width: 544px){/*re added */
	.tahiti-wrapper .quote{/*re added */
		position: relative;/*re added */
		display:block;/*re added */
		top:-30px;/*re added */
	}/*re added */
}/*re added */

@media only screen and (min-width: 768px)
{
    .tahiti-wrapper .quote
    {
		position: relative;/*re added */
		top:-30px;/*re added */
        display: block;
    }
}
@media only screen and (min-width: 992px)
{
    .tahiti-wrapper .quote
    {
        position: relative;
        top: inherit;
    }
}
@media only screen and (min-width: 1000px)
{
	.tahiti-wrapper .quote{display:none;}
}
@media only screen and (min-width: 1400px)
{
	.tahiti-wrapper .quote{display:block;}
}
.tahiti-wrapper .quote p
{
    font-family: 'Satisfy', cursive;
    font-size: 45px;
    letter-spacing:0;
    margin: 60px 0 15px; 

    color: #fff;
}
.tahiti-wrapper .quote .quote--source
{
    font-family: 'Lato', sans-serif;
    font-size: 16px;
    line-height: 26px;

    letter-spacing: -.15px;
    letter-spacing: 3px;
    text-transform: uppercase;

    color: #fff;
}
.tahiti-ad{
	width:600px;margin:0 auto 35px;display:flex;flex-direction:column;
}
@media only screen and (max-width: 600px)
{
	.tahiti-ad{width:100%;}
}
.tahiti-ad .img-wrap{align-self:center;max-width:300px;}
.tahiti-ad img{width:100%;}
.tahiti-ad span{font-size:18px;text-align:center;}