html {
    box-sizing: border-box;
}

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

/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
    display: block;
}

audio,
canvas,
progress,
video {
    display: inline-block;
    vertical-align: baseline;
}

audio:not([controls]) {
    display: none;
    height: 0;
}

[hidden],
template {
    display: none;
}

a {
    background-color: transparent;
}

a:active,
a:hover {
    outline: 0;
}

abbr[title] {
    border-bottom: 1px dotted;
}

b,
strong {
    font-weight: bold;
}

dfn {
    font-style: italic;
}

mark {
    background: #ff0;
    color: #000;
}

small {
    font-size: 80%;
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

img {
    border: 0;
    vertical-align: middle;
}

svg:not(:root) {
    overflow: hidden;
}

hr {
    box-sizing: content-box;
    height: 0;
}

pre {
    overflow: auto;
}

code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
    color: inherit;
    font: inherit;
    margin: 0;
}

button {
    overflow: visible;
}

button,
select {
    text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: none;
    cursor: pointer;
}

button[disabled],
html input[disabled] {
    cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

input {
    line-height: normal;
}

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box;
    padding: 0;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    height: auto;
}

input[type="search"] {
    -webkit-appearance: textfield;
    box-sizing: content-box;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

fieldset {
    margin: 0;
    padding: 0;
}

legend {
    border: 0;
    padding: 0;
}

textarea {
    overflow: auto;
}

optgroup {
    font-weight: bold;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

td,
th {
    padding: 0;
}

html {
    -webkit-tap-highlight-color: transparent;
}

input,
button,
select,
textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}

a {
    color: #337ab7;
    text-decoration: none;
}

a:hover,
a:focus {
    color: #23527c;
    text-decoration: underline;
}

a:focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}

figure {
    margin: 0;
}

.img-responsive {
    display: block;
    max-width: 100%;
    height: auto;
}

.img-circle {
    border-radius: 50%;
}

hr {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #eeeeee;
}

ul {
    margin: 0;
    padding: 0;
}

ul li, ol li {
    list-style-type: none;
}

.pull-right {
    float: right;
}

.clear {
    clear: both;
}

.header-frame .logo {
    font-size: 1.5em;
    line-height: 1.5;
}

h1 {
    color: #00567d;
    font-family: "OpenSansSemibold", Arial, Helvetica, sans-serif;
    text-transform: capitalize;
}

h2 {
    font-size: 18px/20px;
    color: #f49854;
    font-family: "OpenSansSemibold", Arial, Helvetica, sans-serif;
    font-weight: normal;
    text-transform: capitalize;
}

b, strong {
    font-family: "OpenSansSemibold", Arial, Helvetica, sans-serif;
}

body {
    line-height: 1.3;
}

a {
    color: #028fc8;
}

a:link {
    color: #028fc8;
    text-decoration: none;
}

a:hover, a:active {
    color: #00567d;
    text-decoration: none;
}

a:visited {
    color: #028fc8;
}

span.strongRed {
    font-weight: 700;
    color: #ff0000;
}

body {
    line-height: 1.4;
}

.main-block, #main, .header-frame, .nav-bar-holder, .panel-holder, .back-container, .footer-columns .columns-holder, .footer-container-holder, .block-logo, .main-block .col-holder, .breadcrumbs, .plusimg-packages, .plusimg-hotels, .plusimg-activities {
    min-width: 320px;
    overflow: hidden;
    max-width: 1170px;
    margin-left: auto;
    margin-right: auto;
}

.main-block::after, #main::after, .header-frame::after, .nav-bar-holder::after, .panel-holder::after, .back-container::after, .footer-columns .columns-holder::after, .footer-container-holder::after, .block-logo::after, .main-block .col-holder::after, .breadcrumbs::after, .plusimg-packages::after, .plusimg-hotels::after, .plusimg-activities::after {
    clear: both;
    content: "";
    display: table;
}

@media screen and (max-width: 1200px) {
    .main-block, #main, .header-frame, .nav-bar-holder, .panel-holder, .back-container, .footer-columns .columns-holder, .footer-container-holder, .block-logo, .main-block .col-holder, .breadcrumbs, .plusimg-packages, .plusimg-hotels, .plusimg-activities {
        padding: 0 2.35765% 0 2.35765%;
    }
}

.wrapper img {
    width: 100%;
    height: auto;
}

img#__bcal {
    width: 32px;
    height: 32px;
}

/* Bird life images */
.wrapper img[alt="Bald Eagle"], .wrapper img[alt="Osprey"], .wrapper img[alt="Great Blue Heron"], .wrapper img[alt="cormorant"], .wrapper img[alt="Tufted Puffin"] {
    width: 346px;
    height: 250px;
}

/* Whales and Marine Life images */
.wrapper img[src="/wp-content/uploads/2013/03/whale_orca.jpg"], .wrapper img[alt="Grey whales at Guerrero Negro, Baja California, Mexico."], .wrapper img[alt="Minke Whale."], .wrapper img[alt="Dell Porpoise"], .wrapper img[alt="Harbor Seal"], .wrapper img[alt="California Sea Lion"], .wrapper img[alt="Giant Pacific Octopus"], .wrapper img[alt="Sunflower Sea Star"] {
    width: 346px;
    height: 250px;
}

/* naturalist */
.wrapper img[src="/wp-content/uploads/2013/03/whale_photo_naturalists.jpg"] {
    width: 346px;
    height: 250px;
}

/* Group Travel */
.wrapper img[src="/wp-content/themes/clippervacations/images/group_trv/group_trv_slide_1.jpg"], .wrapper img[src="/wp-content/themes/clippervacations/images/group_trv/group_trv_slide_2.jpg"], .wrapper img[src="/wp-content/themes/clippervacations/images/group_trv/group_trv_slide_3.jpg"] {
    width: 371px;
    height: 234px;
}

/* Group Travel Kayak img */
.wrapper img[src="/wp-content/themes/clippervacations/images/group_trv/kayak_group_1.jpg"] {
    width: 371px;
    height: 234px;
}

iframe {
    width: 100%;
}

.videoWrapper {
    position: relative;
    padding-bottom: 52.25%; /* a little off from 16:9 */
    padding-top: 25px;
    padding-right: 20px;
    height: 0;
    max-width: 640px;
}

.videoWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    max-height: 390px;
}

.main-block {
    padding: 0 0 14px;
    position: relative;
    z-index: 1;
}

.col-holder {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.col-holder::after {
    clear: both;
    content: "";
    display: table;
}

.col-holder .col {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 31.76157%;
}

.col-holder .col:last-child {
    margin-right: 0;
}

#content {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 65.88078%;
}

#content:last-child {
    margin-right: 0;
}

#content .col-holder .col {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 48.82117%;
}

#content .col-holder .col:last-child {
    margin-right: 0;
}

@media screen and (max-width: 767px) {
    #content {
        width: 100%;
    }

    #content .col-holder .col {
        width: 100%;
    }
}

#sidebar, #sidebar-gift {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 31.76157%;
    float: right;
    max-width: 301px;
    margin-right: 0;

}

#sidebar:last-child, #sidebar-gift:last-child {
    margin-right: 0;
}

.scroll-box {
    height: 667px;
    overflow: auto;
}

@media screen and (max-width: 991px) {
    .tablet-fullwidth {
        width: 150%;
    }

    #sidebar, #sidebar-gift {
        width: 29%;
        margin: 0;
    }
}

@media screen and (max-width: 767px) {
    .tablet-fullwidth {
        width: 100%;
    }

    #sidebar, #sidebar-gift {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 100%;
        margin-top: 0;
        max-width: none;
    }

    #sidebar:last-child, #sidebar-gift:last-child {
        margin-right: 0;
    }

    .scroll-box {
        height: auto;
    }
}

input[type=email], input[type=password], input[type=text], input[type=number], .gform_wrapper input {
    color: #b2b1b1;
    /* height: 30px; */
    padding: 4px 9px 5px;
    border: none;
    border-radius: 3px;
    font: 12px "OpenSans", Arial, Helvetica, sans-serif;
}

input[type=email]:focus, input[type=password]:focus, input[type=text]:focus, input[type=number]:focus, .gform_wrapper input:focus {
    color: #6c6c6c;
    font-weight: normal;
}

.address_state label {
    clear: both;
}

.select-area {
    min-width: 70px;
    position: relative;
    cursor: pointer;
    height: 30px;
    font-size: 12px;
    float: left;
    background: white;
    padding: 5px 25px 5px 10px;
    border-radius: 3px;
}

/* Override CSS from bookonline */
div .lodAni {
    width: 52px !important;
    height: 52px !important;
    margin-left: -27px !important;
    margin-top: 104px !important;
}

div .row.minheg39 {
    clear: both;
}

.htmlTag, .PKGPopContainer {
    width: 100%;
    padding: 0 5px;
}

.htmlTag::after, .PKGPopContainer::after {
    clear: both;
    content: "";
    display: table;
}

.htmlTag .tbB, .PKGPopContainer .tbB {
    width: 100% !important;
}

.htmlTag .TabBox .tabs, .PKGPopContainer .TabBox .tabs {
    padding-left: 10px !important;
}

.htmlTag .TabBoxBody, .PKGPopContainer .TabBoxBody {
    background-image: none !important;
    background-color: #fff;
    padding-top: 0;
    border-top: 3px solid #008aab;
}

.htmlTag .width125, .PKGPopContainer .width125 {
    width: 48% !important;
    margin-right: 2%;
}

.htmlTag .width125:last-child, .PKGPopContainer .width125:last-child {
    margin-right: 0;
}

.htmlTag .width125 input[type="text"], .PKGPopContainer .width125 input[type="text"] {
    width: 100% !important;
    height: 31px !important;
}

.htmlTag .fltLeft, .PKGPopContainer .fltLeft {
    padding-bottome: 10px;
}

.htmlTag .fltLeft input[type="text"], .PKGPopContainer .fltLeft input[type="text"] {
    width: 100% !important;
    height: 31px !important;
}

.htmlTag .WidthLess100, .PKGPopContainer .WidthLess100 {
    width: 31% !important;
    min-width: 81px !important;
    margin-right: 1%;
}

.htmlTag .WidthLess100.PL3, .PKGPopContainer .WidthLess100.PL3 {
    padding-left: 0;
}

.htmlTag .BkDrop, .PKGPopContainer .BkDrop {
    height: 31px !important;
}

.htmlTag .bESelTbHovSel, .htmlTag .bESelTbHov, .PKGPopContainer .bESelTbHovSel, .PKGPopContainer .bESelTbHov {
    color: white !important;
    font-size: 12px;
    padding-left: 0px !important;
    vertical-align: top;
    float: left;
    background-image: none !important;
    background-color: #008aab;
    height: 31px !important;
    border-radius: 5px 5px 0 0;
}

.htmlTag .bESelTbHovSel .Rimg, .htmlTag .bESelTbHovSel .bg, .htmlTag .bESelTbHov .Rimg, .htmlTag .bESelTbHov .bg, .PKGPopContainer .bESelTbHovSel .Rimg, .PKGPopContainer .bESelTbHovSel .bg, .PKGPopContainer .bESelTbHov .Rimg, .PKGPopContainer .bESelTbHov .bg {
    background: none !important;
}

.htmlTag .bESelTbSel, .htmlTag .bESelTb, .PKGPopContainer .bESelTbSel, .PKGPopContainer .bESelTb {
    background-image: none !important;
    padding-left: 0px !important;
    background-color: #eee;
    height: 31px !important;
    border-radius: 5px 5px 0 0;
    color: #444444 !important;
}

.htmlTag .bESelTbSel .Rimg, .htmlTag .bESelTbSel .bg, .htmlTag .bESelTb .Rimg, .htmlTag .bESelTb .bg, .PKGPopContainer .bESelTbSel .Rimg, .PKGPopContainer .bESelTbSel .bg, .PKGPopContainer .bESelTb .Rimg, .PKGPopContainer .bESelTb .bg {
    background: none !important;
}

.htmlTag .title, .PKGPopContainer .title {
    margin-top: 5px;
}

.htmlTag .BKE_Cal .DatesCal ul li, .PKGPopContainer .BKE_Cal .DatesCal ul li {
    padding-top: 4px !important;
    width: 31px !important;
}

.PKGPopContainer .BookingEng, .PKGPopContainer .BEHeader, .PKGPopContainer .BEFotter {
    background: none !important;
}

.PKGPopContainer .fcol1 {
    color: #00567d !important;
    text-shadow: none !important;
    font-size: 20px !important;
}

.PKGPopContainer .popup {
    position: fixed;
    left: calc(50% - 150px);
    top: calc(50% - 140px);
    margin: 0 !important;
    padding-top: 0 !important;
}

.travel-notice {
    border: 1px solid #f7931d;
    padding: 4px;
    background-color: #fffadb;
    font-size: 11px;
    background-image: url(../images/arrow-schedules-table.png);
    background-repeat: no-repeat;
    background-position: 2px 5px;
    padding-left: 23px;
}

.btnT2Cont {
    margin-top: 15px !important;
}

.btnT2Cont .btnT1_l, .btnT2Cont .btnT1_r {
    background: none !important;
    padding: 0 !important;
}

.btnT2Cont .btn_body {
    background: none !important;
    background-color: #008aab !important;
    border-radius: 5px;
}

@media screen and (max-width: 991px) {
    .htmlTag .BookingEng {
        background: none !important;
    }

    .htmlTag .TabBoxBody, .PKGPopContainer .TabBoxBody {
        border-top: 3px solid #f49854;
    }

    .htmlTag .bESelTbHovSel, .htmlTag .bESelTbHov, .PKGPopContainer .bESelTbHovSel, .PKGPopContainer .bESelTbHov {
        background-color: #f49854 !important;
    }
}

.clip_plan .htmlTag .BookingEng {
    background: none !important;
}

.select-area .select-opener {
    background: url(../images/arrow-location.png) no-repeat;
    position: absolute;
    right: 5px;
    top: 12px;
    width: 10px;
}

/*
 * Gravity Form styles
*/
.gform_wrapper input {
    border: 1px solid #6c6c6c;
}

.gform_wrapper .gfield_label {
    margin-bottom: 10px !important;
}

.gform_wrapper .select-area {
    border: 1px solid #6c6c6c;
    width: auto !important;
}

.gform_wrapper .select-area label {
    display: none;
}

.gform_wrapper img {
    width: auto;
}

.gform_wrapper #gform_submit_button_8 {
    padding: 7px 7px 7px;
}

@media screen and (max-width: 767px) {
    .gform_wrapper .gform_footer.left_label {
        padding: 0 !important;
    }
}

.woocommerce .ui-datepicker {
    width: auto;
}

i, .caret-down, .header-frame .toggle-icon, .caret-up, .header-frame .active .toggle-icon, .collapse-panel .collapse-header:after, .ferry-schedule .collapse-header:after, .collapse-panel .collapse-header[aria-expanded="true"]:after, .ferry-schedule .collapse-header[aria-expanded="true"]:after {
    background: url("../images/icons.png");
    background-size: 18.75em;
    display: inline-block;
}

.caret-down, .header-frame .toggle-icon {
    width: 12px;
    height: 13px;
    background-position: 0 0;
}

.caret-up, .header-frame .active .toggle-icon {
    width: 12px;
    height: 13px;
    background-position: -14px 0;
}

.collapse-panel .collapse-header:after {
    width: 19px;
    height: 16px;
    background-position: -77px 0;
}

.ferry-schedule .collapse-header:after {
    width: 19px;
    height: 16px;
    background-position: -23px 0;
}

.collapse-panel .collapse-header[aria-expanded="true"]:after {
    width: 19px;
    height: 16px;
    background-position: -107px 0;
}

.ferry-schedule .collapse-header[aria-expanded="true"]:after {
    width: 19px;
    height: 16px;
    background-position: -48px 0;
}

.navigation-block .navigation a:after, .nav-bar #nav > li > a > .holder:after, .plan-trip .opener:after {
    background: url("../images/arrows-hotel-gallery.png") no-repeat scroll transparent;
    background-size: 32px;
    width: 17px;
    height: 24px;
    text-indent: -9999px;
    overflow: hidden;
    position: absolute;
    z-index: 100;
    top: 7px;
    right: 0;
    background-position: -23px 0px;
}

/* social-networkings */
.social-networkings {
    float: right;
}

.social-networkings li {
    margin-right: 5px;
}

.social-networkings a {
    background: url(../images/social_network/ico-social-networkings_too.png) no-repeat;
    display: block;
    height: 28px;
    width: 28px;
    text-indent: -9999px;
    overflow: hidden;
}

.social-networkings .fb {
    background-position: -5px 0;
}

.social-networkings .twitter {
    background-position: -32px 0;
}

.social-networkings .instagram {
    background-position: -65px 0;
    padding: 0 0 3px;
}

.social-networkings .youtube {
    background-position: -99px 0;
}

.social-networkings .gplus {
    background-position: -134px 0;
}

.social-networkings .blogger {
    background-position: -169px 0;
}

@media screen and (max-width: 767px) {
    .social-networkings li {
        width: 30%;
    }

    .social-networkings a {
        margin: 0 auto;
        width: 40px;
        height: 40px;
        background-size: 240px;
    }

    .social-networkings .fb {
        background-position: 1px 0;
    }

    .social-networkings .instagram {
        background-position: -71px 0;
    }

    .social-networkings .youtube {
        background-position: -111px 0;
    }

    .social-networkings .gplus {
        background-position: -152px 0;
    }

    .social-networkings .blogger {
        background-position: -191px 0;
    }
}

.gform_wrapper .gform_footer input[type="submit"], button, input[type="submit"], a[type="button"], .btn-star-paling, a.btn-star-paling, a.btn-star-paling-2, a.btn-start-planning {
    background: #008aab;
    text-align: center;
    color: white;
    line-height: 1.5em;
    border-radius: 0.3125em;
    padding: 0.618em 1.25em;
    font-size: 1.125em;
    font-weight: bold;
    border: none;
    text-transform: uppercase;
    font-family: "OpenSansSemibold", Arial, Helvetica, sans-serif;
    max-width: 349px;
    margin: 0 auto;
}

.gform_wrapper .gform_footer input[type="submit"]:hover, button:hover, input[type="submit"]:hover, a[type="button"]:hover, .btn-star-paling:hover, a.btn-star-paling-2:hover, a.btn-start-planning:hover {
    text-decoration: none;
    border: none;
    background: #007591;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}
button.orange {
    background: #f38d4b;
}
button.orange:hover  {
    text-decoration: none;
    border: none;
    background: #d26602;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}

@media screen and (max-width: 767px) {
    .gform_wrapper .gform_footer input[type="submit"], button, input[type="submit"], a[type="button"], .btn-star-paling, a.btn-star-paling, a.btn-star-paling-2: a.btn-start-planning {
        width: 100%;
    }
}

.panel #mc_embed_signup input[type="submit"], .promo-gallery .slideset .btn-blue {
    background: #008aab;
    text-align: center;
    color: white;
    line-height: 1.5em;
    border-radius: 0.3125em;
    padding: 0.618em 1.25em;
    font-size: 1.125em;
    font-weight: bold;
    border: 1px solid white;
    max-width: 349px;
    margin: 0 auto;
}

.panel #mc_embed_signup input[type="submit"]:hover, .promo-gallery .slideset .btn-blue:hover {
    text-decoration: none;
    border: none;
    background: #007591;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}

.promo-gallery a, .promo-gallery a:hover .promo-galler:visited {
    color: white;
}

@media screen and (max-width: 767px) {
    .panel #mc_embed_signup input[type="submit"], .promo-gallery .slideset .btn-blue {
        width: 100%;
    }
}

.btn-star-paling, .btn-start-planning {
    width: 100%;
}

a.btn-star-paling, a.btn-star-paling-2, a.btn-start-planning {
    width: 100%;
    display: block;
}

button.closeLight {
    background: #008aab;
    text-align: center;
    width: 2.25em;
    height: 2.25em;
    color: white;
    line-height: 1.5em;
    border-radius: 1.125em;
    padding: 0.618em 0.3125em;
    font-size: 1.125em;
    font-weight: bold;
    z-index: 777;
    position: absolute;
    right: -15px;
    top: -15px;
}

button.closeLight:hover {
    text-decoration: none;
    border: none;
    background: #007591;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}

a.btn-vic-guaran {
    background: #efefef;
    display: block;
    border: 1px solid #ccc;
    border-radius: 0.3125em;
    font: 15px/20px "OpenSansSemibold", Arial, Helvetica, sans-serif;
    padding: 7px 20px;
    cursor: pointer;
}

a.btn-vic-guaran span {
    display: block;
    background: url(../images/ico-featured-list.png) no-repeat 0 -79px;
    padding: 0 0 0 40px;
    margin: 0;
    height: 41px;
    width: 100%;
}

/* Print button */
.print-icon {
    background: url("../images/icons_cms/print.png") 8px 3px no-repeat;
    height: 34px;
    padding: 10px 0 0;
}

.print-icon a {
    padding-left: 34px;
}

@media screen and (max-width: 991px) {
    .print-icon {
        background: none;
        padding: 0;
    }

    .print-icon a {
        padding-left: 0;
    }
}

.plan-trip-form-close-button {
    background-color: gray;
    position: absolute;
    right: 5px;
    top: 10px;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    text-align: center;
    color: #fff;
    cursor: pointer;
    display: none;
    padding-top: 3px;
}

@media screen and (max-width: 991px) {
    .plan-trip-form-close-button {
        display: none;
    }
}

.clip_plan .plan-trip-form-close-button {
    display: block;
}

/* price block */
.price-block {
    font-size: 13px;
    padding: 0 !important;
    margin: 0 0 30px;
    border: 1px solid #dcdcdc;
    border-radius: 6px;
    background: #efefef;
}

.price-block .block {
    padding: 16px 25px 16px 25px;
    margin: 0;
    width: 100% !important;
    float: none !important;
}

.price-block h2 {
    text-transform: uppercase;
    font-size: 18px;
    margin-bottom: 0;
}

.price-block .year {
    font-size: 12px;
    margin-bottom: 7px;
}

.price-block .periods {
    margin: 0 0 14px;
}

.price-block .row {
    overflow: hidden;
    margin-bottom: 10px;
}

.price-block .row:last-child {
    margin-bottom: 14px;
}

.price-block .price {
    float: right;
    padding-right: 10px;
}

.price-block .price span {
    display: block;
}

.price-block .price strong {
    display: block;
    font: 24px/26px "OpenSansSemibold", Arial, Helvetica, sans-serif;
}

.price-block .for {
    margin: 28px 5px 0 0;
    font-size: 16px;
    float: left;
    *padding-bottom: 10px;
    /* shows in IE7 and below */
}

.price-block .row-multi {
    overflow: hidden;
    padding: 2px 0 0;
    margin: 0 0 10px 0;
}

.price-block .row-multi .price-multi {
    float: left;
    padding: 5px 0 5px;
    width: 100%;
}

.price-block .row-multi .for-multi {
    float: left;
    padding: 0 20px 2px 0;
    font-size: 12px;
    line-height: 17px;
    font-weight: 600;
    width: 120px;
}

.price-block .row-multi .multi {
    font-size: 13px !important;
    float: left;
    padding: 2px 10px 0 0 !important;
    clear: left;
    width: 106px;
}

.price-block .row-multi .multi-from {
    font-size: 13px !important;
    float: right;
    padding-right: 5px;
}

.price-block .row-multi .pad-multi {
    padding: 2px 0 0 24px;
    color: #444;
    float: right;
    font-size: 13px;
}

.price-block .row-multi .pad-multi-trans {
    padding: 2px 0 0 0;
}

.price-block .row-multi .from-multi-trans {
    padding: 0 5px 0 0;
    float: left;
}

/* end alternate price block mult-adults */
.more-activities::after, .available-at-this::after, .related-packages::after {
    clear: both;
    content: "";
    display: table;
}

.more-activities h2, .available-at-this h2, .related-packages h2 {
    text-transform: capitalize;
}

.more-activities p, .more-activities li, .available-at-this p, .available-at-this li, .related-packages p, .related-packages li {
    display: block;
    text-align: center !important;
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 31.76157%;
}

.more-activities p:last-child, .more-activities li:last-child, .available-at-this p:last-child, .available-at-this li:last-child, .related-packages p:last-child, .related-packages li:last-child {
    margin-right: 0;
}

.more-activities .caption, .available-at-this .caption, .related-packages .caption {
    color: #028fc8;
    text-transform: none;
    background-color: transparent;
    text-align: center;
    padding: 0 !important;
    margin: 0;
}

.more-activities img, .available-at-this img, .related-packages img {
    vertical-align: top;
    border: 1px solid #bdbdbd;
    margin: 0 0 4px;
    width: 100%;
}

.more-activities .title, .available-at-this .title, .related-packages .title {
    font-family: "OpenSansSemibold", Arial, Helvetica, sans-serif;
    font-size: 14px/16px;
    width: 100%;
}

@media screen and (max-width: 480px) {
    .more-activities, .available-at-this, .related-packages {
        margin-top: 14px;
    }

    .more-activities p, .more-activities li, .available-at-this p, .available-at-this li, .related-packages p, .related-packages li {
        width: 100%;
    }
}

/* hotel gallery */
.hotel-gallery {
    float: left;
    margin: 0 18px 0 0;
    position: relative;
    width: 318px;
    height: 200px;
    overflow: hidden;
}

.hotel-gallery .title2 {
    width: 318px;
}

.hotel-gallery .mask ul {
    overflow: hidden;
    margin: 0;
    padding: 0;
    width: 9999px;
}

.hotel-gallery .mask li {
    list-style: none;
    float: left;
    width: 318px;
    position: relative;
}

.hotel-gallery .mask img {
    vertical-align: text-bottom;
    border: 1px solid #bdbdbd;
    float: left;
}

.hotel-gallery .mask .title {
    background: url(../images/bg-title-hotel-gallery.png);
    padding: 6px 6px 9px 10px;
    font: 12px 'OpenSans', Arial, Helvetica, sans-serif;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    word-spacing: -2px;
}

.hotel-gallery .mask .title a {
    color: #fff;
}

.hotel-gallery .btn-next,
.hotel-gallery .btn-prev {
    background: url(../images/arrows-hotel-gallery.png) no-repeat -40px 0;
    width: 40px;
    height: 65px;
    text-indent: -9999px;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 50px;
}

.hotel-gallery .btn-next:hover {
    background-position: -40px -65px;
}

.hotel-gallery .btn-prev {
    background-position: 0 0;
    left: 0;
}

.hotel-gallery .btn-prev:hover {
    background-position: 0 -65px;
}

@media screen and (max-width: 991px) {
    .hotel-gallery {
        float: none;
        margin-bottom: 14px;
    }
}

@media screen and (max-width: 767px) {
    .hotel-gallery {
        width: 100%;
    }
}

/* navigation-block in sidebar */
.navigation-block h2 {
    text-transform: none;
    color: #028fc8;
    font-size: 24px;
    line-height: 28px;
    margin: 0 0 10px;
}

.navigation-block span {
    line-height: 17px;
    display: block;
    padding: 21px 0 0;
}

.navigation-block .navigation {
    margin: 0;
}

.navigation-block .navigation li {
    padding: 2px 0 11px 10px;
}

.navigation-block .navigation li.active {
    background: url(../images/arrow-navigation.png) no-repeat 0 5px;
}

.navigation-block .navigation a {
    position: relative;
}

@media screen and (max-width: 991px) {
    .navigation-block h2 {
        display: none;
    }
}

@media screen and (max-width: 767px) {
    .navigation-block {
        margin-bottom: 0;
    }

    .navigation-block .navigation {
        width: 105%;
        margin-left: -2.5%;
    }

    .navigation-block .navigation li {
        float: none;
        width: 100%;
        padding: 0;
        background: #008aab;
        border-bottom: 1px solid white;
    }

    .navigation-block .navigation li.active {
        background: #008aab;
    }

    .navigation-block .navigation a {
        color: white;
        display: block;
        width: 100%;
        padding: 10px 2.5%;
    }

    .navigation-block .navigation a:after {
        content: " ";
        display: inline-block;
        position: absolute;
        right: 14px;
    }

    .navigation-block .navigation > li > a > .holder {
        height: auto;
        text-align: left;
        padding: 14px 0 14px 13px;
    }
}

div.boxChar, div.room_boxChar1, div.room_boxChar2, div.room_boxChar3, div.room_boxChar4, div.room_boxChar5, div.room_boxChar6, div.room_boxChar7, div.room_boxChar8, div.room_boxChar9, div.room_boxChar10 {
    display: none;
    position: absolute;
    z-index: 777;
    top: auto;
    left: auto;
    margin: 0 auto auto 0;
    padding: 15px;
    width: 95%;
    color: #000;
    background: #fff;
    border-radius: 5px 5px 5px 5px;
    border: 1px solid #ccc;
    box-shadow: 1px 1px 7px #ccc;
    overflow: visible !important;
}

div.boxChar .col-holder, div.room_boxChar1 .col-holder, div.room_boxChar2 .col-holder, div.room_boxChar3 .col-holder, div.room_boxChar4 .col-holder, div.room_boxChar5 .col-holder, div.room_boxChar6 .col-holder {
    width: 100%;
    padding: 0;
    margin: 0;
}

div.boxChar .col-holder ul.amenities, div.room_boxChar1 .col-holder ul.amenities, div.room_boxChar2 .col-holder ul.amenities, div.room_boxChar3 .col-holder ul.amenities, div.room_boxChar4 .col-holder ul.amenities, div.room_boxChar5 .col-holder ul.amenities, div.room_boxChar6 .col-holder ul.amenities {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 31.76157%;
    margin-right: 0;
    margin-bottom: 24px;
}

div.boxChar .col-holder ul.amenities:last-child, div.room_boxChar1 .col-holder ul.amenities:last-child, div.room_boxChar2 .col-holder ul.amenities:last-child, div.room_boxChar3 .col-holder ul.amenities:last-child, div.room_boxChar4 .col-holder ul.amenities:last-child, div.room_boxChar5 .col-holder ul.amenities:last-child, div.room_boxChar6 .col-holder ul.amenities:last-child {
    margin-right: 0;
}

div.boxChar iframe, div.room_boxChar1 iframe, div.room_boxChar2 iframe, div.room_boxChar3 iframe, div.room_boxChar4 iframe, div.room_boxChar5 iframe, div.room_boxChar6 iframe {
    width: 100%;
}

@media screen and (max-width: 767px) {
    div.boxChar .col-holder ul.amenities, div.room_boxChar1 .col-holder ul.amenities, div.room_boxChar2 .col-holder ul.amenities, div.room_boxChar3 .col-holder ul.amenities, div.room_boxChar4 .col-holder ul.amenities, div.room_boxChar5 .col-holder ul.amenities, div.room_boxChar6 .col-holder ul.amenities {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 48.82117%;
        margin-right: 0;
        margin-bottom: 24px;
    }

    div.boxChar .col-holder ul.amenities:last-child, div.room_boxChar1 .col-holder ul.amenities:last-child, div.room_boxChar2 .col-holder ul.amenities:last-child, div.room_boxChar3 .col-holder ul.amenities:last-child, div.room_boxChar4 .col-holder ul.amenities:last-child, div.room_boxChar5 .col-holder ul.amenities:last-child, div.room_boxChar6 .col-holder ul.amenities:last-child {
        margin-right: 0;
    }
}

.close {
    text-align: right;
    font-size: 21px;
    font-weight: bold;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity=20);
    opacity: .2;
}

.close:hover,
.close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
    filter: alpha(opacity=50);
    opacity: .5;
}

button.close {
    -webkit-appearance: none;
    padding: 0;
    cursor: pointer;
    background: transparent;
    border: 0;
}

.modal-open {
    overflow: hidden;
}

.modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    display: none;
    overflow: hidden;
    /* -webkit-overflow-scrolling: touch; */
    outline: 0;
}

.modal .close {
    position: absolute;
    right: 13px;
}

.modal.fade .modal-dialog {
    -webkit-transition: -webkit-transform .3s ease-out;
    transition: transform .3s ease-out;
    /* -webkit-transform: translate(0, -25%);
    -ms-transform: translate(0, -25%);
    transform: translate(0, -25%); */
}

.modal.in .modal-dialog {
    -webkit-transform: translate(0, 25%);
    -ms-transform: translate(0, 25%);
    transform: translate(0, 25%);
}

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto;
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: 10px;
}

.modal-content {
    position: relative;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #999;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 3px;
    outline: 0;
    box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
}

.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: #000;
}

.modal-backdrop.fade {
    filter: alpha(opacity=0);
    opacity: 0;
}

.modal-backdrop.in {
    filter: alpha(opacity=50);
    opacity: .5;
}

.modal-header {
    min-height: 16.42857143px;
    padding: 15px;
}

.modal-header .close {
    margin-top: -2px;
}

.modal-title {
    margin: 0;
    line-height: 1.42857143;
}

.modal-body {
    position: relative;
    padding: 15px;
}

.modal-footer {
    padding: 15px;
    text-align: center;
}

.modal-footer .btn {
    margin-bottom: 25px;
    display: block;
}

@media (min-width: 768px) {
    .modal-dialog {
        width: 600px;
        margin: 30px auto;
    }

    .modal.fade.in, .modal-backdrop.in {
        display: none !important;
    }

    .modal-content {
        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    }

    .modal-sm {
        width: 300px;
    }
}

@media (min-width: 992px) {
    .modal-lg {
        width: 900px;
    }
}

/* maps hotel+destinations */
#mapVic, #mapSea, #mapSJI, #mapVan, #mapWhist, #mapVanIs, #mapPort, #mapWA, #mapOK, #mapCR {
    max-width: 654px;
    width: 100%;
    height: 721px;
    border: thin solid #1b30cb;
    margin: 6px 0 0;
}

@media screen and (max-width: 767px) {
    #mapVic, #mapSea, #mapSJI, #mapVan, #mapWhist, #mapVanIs, #mapPort, #mapWA, #mapOK, #mapCR {
        height: 320px;
    }
}

/*Individual hotel maps Template05 hotel detail */
#travShowmap1, #travShowmap2 {
    width: 294px;
    height: 193px;
    border: thin solid #1b30cb;
    margin: 0 0 6px 10px;
    float: right;
}

#issaquahCenter {
    width: 425px !important;
    height: 350px !important;
}

/* deprecated seattle hotel maps */ #crownPlaza, #westinSeattle, #WarwickSeattle, #RooseveltHotel, #RedLion, #ParamountHotel, #MayflowerPark, #SpringhillSuites, #HotelVintage, #HolidayInnSeattle, #holidaySeatac, #FourSeasonsSeattle, #FairmontOlympic, #execPacSea,
/* deprecated victoria hotel maps */ #CoastVictoria, #BestWestPlus, #ChateauVictoria, #RoyalScot, #OswegoHotel, #JamesBayInn, #InnatLaurel, #HotelRialto, #GrandPacific, #HarbourTowers, #Empress, #DeltaVictoria, #BestWestPlus, #EmbassyInn, #OakBay, #HotelZed, #HuningdonManor, #DoubleTreeVictoria, #DaysInnVictoria,
/* deprecated san juans, vancouver, whistler, vancouver island hotel maps */ #EarthboxInn, #BestFriday, #CoastPlaza, #DaysInn, #DeltaVancouver, #FairmontVan, #FairmontAir, #FairmontWater, #FourVan, #ListelVan, #ParkInn, #RamadaVan, #DeltaWhistle, #FairWhistle, #ListelWhistle, #WestinWhistle, #PinnacleWhistle, #AprilVI, #Brentwood, #CanPrincess, #Painters, #SookeHarbour, #Tigh, #WestinBear, #FriHarb, #CenturyPlazaSpa,
/* deprecated portland, wa state, okanagan, canadian rockies hotel maps */ #ParaPort, #RedAngeles, #RedSeaAirport, #RedYakima, #DeltaOkanagan, #BigWhite, #RedBell, #PentictonResort, #Snowbird, #Watermark, #Banff, #ChateauLouise, #JasperPark,
/* individual hotel maps */ .planing-map-holder > div {
  width: 294px;
  height: 193px;
}

.settle-tabs .title {
    display: block;
    font: 18px/18px "OpenSansSemibold", Arial, Helvetica, sans-serif;
    margin: 0 0 5px;
}

.settle-tabs .list {
    padding: 0;
    margin: 0;
}

.settle-tabs .list li {
    width: 100%;
    overflow: hidden;
    margin: 24px 0 0;
}

.settle-tabs .list li:first-child {
    /* margin-top: 0; */
}

.settle-tabs .list .block {
    display: inline-block;
    vertical-align: middle;
    width: 85%;
}

.settle-tabs .list .block > a {
    width: 30%;
    margin-right: 3%;
    display: inline-block;
    vertical-align: middle;
}

.settle-tabs .list .block .holder {
    width: 63%;
    margin-right: 3%;
    display: inline-block;
    vertical-align: middle;
}

.settle-tabs .list .block .holder p {
    margin: 0;
    *overflow: visible;
    *padding-bottom: 4px;
}

.settle-tabs .list .price {
    display: inline-block;
    vertical-align: middle;
    width: 14%;
    padding: 10px 0 10px 1%;
    border-left: 1px solid #7d7d7d;
    margin-left: -10px;
}

.settle-tabs .list .price span {
    display: block;
    font-size: 14px;
    line-height: 16px;
    color: #7d7b7b;
}

.settle-tabs .list .price strong {
    display: block;
    font: 26px/30px "OpenSansSemibold", Arial, Helvetica, sans-serif;
    margin: 0 0 2px;
}

.settle-tabs .list .price em {
    display: block;
    font-size: 12px;
    line-height: 16px;
    color: #7d7b7b;
}

@media screen and (max-width: 767px) {
    .settle-tabs .tabset {
        display: none;
    }

    .settle-tabs .list li {
        margin: 0;
    }

    .settle-tabs .list .block {
        width: 100%;
    }

    .settle-tabs .list .block > a {
        width: 100%;
        height: auto;
    }

    .settle-tabs .list .block .holder {
        width: 100%;
        margin-top: 14px;
    }

    .settle-tabs .list .price {
        width: 100%;
        border: none;
        padding-left: 10px;
    }

    .settle-tabs .list .price strong, .settle-tabs .list .price em {
        display: inline;
    }

    .settle-tabs .list .price strong {
        color: #f49854;
    }
}

* + html .settle-tabs .list .block {
    display: inline;
}

* + html .settle-tabs .list .price {
    display: inline;
}

* + html .settle-tabs .list .holder {
    display: inline;
}

* + html .settle-tabs .list .title {
    margin: 0 0 6px;
}

/*
 * image row in package details page
 * three column layout
 */
/* img-row */
.img-row ul {
    margin: 0;
    margin-bottom: 20px;
    padding: 0;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.img-row ul::after {
    clear: both;
    content: "";
    display: table;
}

.img-row li {
    float: left;
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 31.76157%;
}

.img-row li:last-child {
    margin-right: 0;
}

.img-row li > a {
    display: block;
    height: 142px;
    overflow: hidden;
}

.img-row img {
    border: 1px solid #bdbdbd;
    width: 100%;
}

.img-row .title {
    display: block;
    /*text-align: center;*/
    padding: 0 5px;
    font-family: "OpenSansSemibold", Arial, Helvetica, sans-serif;
}

@media screen and (max-width: 991px) {
    .img-row li > a {
        height: 122px;
    }
}

@media screen and (max-width: 480px) {
    .img-row li {
        width: 100%;
        margin-bottom: 1em;
    }

    .img-row li > a {
        height: 150px;
    }
}

/*  Duty Free Shopping  */
.duty-frees, .duty-free-block {
    width: 100%;
    margin: 15px 0 15px;
}

.duty-frees::after, .duty-free-block::after {
    clear: both;
    content: "";
    display: table;
}

img.duty-free-shopping-left {
    float: left;
    margin: 2px 15px 10px 0;
    width: 30%;
}

img.duty-free-shopping-right {
    margin: 0 0 0 15px;
    width: 30%;
}

p.padd-top {
    padding-top: 10px;
}

ul.duty-free-shopping-prods {
    margin: 0 0 0 3%;
    overflow: hidden;
    float: left;
    width: 30%;
}

ul.duty-free-shopping-prods li {
    padding: 0 0 10px;
}

img.top-duty {
    padding-top: -50px;
}

@media screen and (max-width: 480px) {
    img.duty-free-shopping-left, img.duty-free-shopping-right, ul.duty-free-shopping-prods {
        width: 45%;
    }
}

/* Image Gallery */
#photo {
    clear: both;
    height: 500px;
    position: relative;
    overflow: hidden;
}

#photo img {
    position: absolute;
    z-index: 1000;
}

#gallery {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
}

#gallery::after {
    clear: both;
    content: "";
    display: table;
}

#gallery p {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 14.70196%;
}

#gallery p:last-child {
    margin-right: 0;
}

#gallery p:nth-child(6n) {
    margin-right: 0;
}

@media screen and (max-width: 480px) {
    #photo {
        height: 320px;
    }

    #gallery p {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 23.23176%;
    }

    #gallery p:last-child {
        margin-right: 0;
    }

    #gallery p:nth-child(6n) {
        margin-right: 2.35765%;
    }

    #gallery p:nth-child(4n) {
        margin-right: 0;
    }
}

/* Vessel Info */
.vessel-info img {
    border: 1px solid #bbbbbb;
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 48.82117%;
}

.vessel-info img:last-child {
    margin-right: 0;
}

.vessel-info .vessel-text {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 48.82117%;
    margin-right: 0;
}

.vessel-info .vessel-text:last-child {
    margin-right: 0;
}

.vessel-info .vessel-caption {
    color: #f49854;
    font-weight: 600;
    font-size: 12px;
    padding: 20px 0 0;
}

@media screen and (max-width: 480px) {
    .vessel-info img {
        margin-bottom: 1em;
    }

    .vessel-info img, .vessel-info .vessel-text {
        width: 100%;
    }
}

.tabset {
    width: 100%;
    font: 12px "OpenSansSemibold", Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    border-bottom: 1px solid #b7b7b7;
}

.tabset::after {
    clear: both;
    content: "";
    display: table;
}

.tabset li {
    float: left;
    margin: 0 1px 0 0;
    padding: 0;
}

.tabset a {
    background: #008aab;
    display: block;
    color: white;
    min-width: 93px;
    border-radius: 5px 5px 0 0;
    padding: 9px 10px 8px;
    text-align: center;
}
.tabset a.bonus {
    background: #990000;
}
.tabset a.bonus:hover {
    background: #660000;
}
.tabset a:hover {
    background: #00567d;
}

.tabset .active a, .tabset .active a.bonus {
    background: #fdfcfc;
    color: #444;
    border-color: #b7b7b7;
    border-style: solid;
    border-width: 1px 1px 0;
    margin: -8px 0 -1px;
    padding: 16px 11px 9px;
    position: relative;
}

.tab {
    padding-top: 25px;
}

.tab h2 {
    font-size: 16px;
    text-transform: capitalize;
}

.tab::after {
    clear: both;
    content: "";
    display: table;
}

.tab img {
    width: 203px;
    height: 152px;

}

.collapse-group {
    display: none;
}

.collapse {
    display: block;
}

.collapse-header {
    margin: 0;
}

@media screen and (max-width: 767px) {
    .collapse {
        display: none;
    }

    .collapse-group {
        display: block;
    }

    .collapse.in {
        display: block;
    }

}

.collapse-panel .img-holder {
    display: none;
}

.collapse-panel .collapse-header {
    position: relative;
}

.collapse-panel .collapse-header:after {
    content: '';
    display: none;
    position: absolute;
    right: 2.5%;
    top: 40%;
    background-size: 16.75em;
}

.collapse-panel .collapse-header[aria-expanded="true"]:after {
    display: none;
}

@media screen and (max-width: 767px) {
    .collapse-panel {
        width: 105% !important;
        margin-left: -2.5% !important;
    }

    .collapse-panel:last-child {
        border-bottom: 1px solid #979797;
    }

    .collapse-panel .collapse-header {
        padding: 5px 2.5%;
        background-color: #EDEAEA;
        border-top: 1px solid #979797;
        cursor: pointer;
        text-transform: capitalize;
        margin: 0;
    }

    .collapse-panel .collapse-header:after {
        display: block;
    }

    .collapse-panel .collapse-header[aria-expanded="true"]:after {
        display: block;
    }

    .collapse-panel .collapse-header[aria-expanded="true"] {
        padding: 10px 2.5%;
    }

    .collapse-panel .collapse-header[aria-expanded="true"] .img-holder {
        display: none;
    }

    .collapse-panel .collapse-header .img-holder {
        width: 70px;
        height: 70px;
        display: inline-block;
        overflow: hidden;
        vertical-align: middle;
        margin-right: 10px;
    }

    .collapse-panel .collapse-header .img-holder img {
        height: 100%;
        width: auto;
        max-width: none;
    }

    .collapse-panel .collapse-header h2 {
        display: inline-block;
        vertical-align: middle;
        padding: 5px 0;
        color: #4D4D4D !important;
        width: 78%;
    }

    .collapse-panel .collapse-header h2 a {
        color: #4D4D4D !important;
    }

    .collapse-panel .collapse-body {
        padding: 15px 2.5%;
    }

    .collapse-panel .collapse-body .tab {
        padding: 0;
    }
}

.planing {
    padding: 6px 0 0;
    margin: 0 50px 10px 0px;
    width: 100%;
}

.planing .planing-map-holder {
    overflow: hidden;
    width: 100%;
    height: 191px;
    border: 1px solid #bdbdbd;
    margin: 30px 0 4px;
}

.planing .planing-map-holder img {
    vertical-align: top;
}

.planing .planing-map-holder .title {
    padding: 10px 25px 0 0;
    display: block;
    font-family: "OpenSansSemibold", Arial, Helvetica, sans-serif;
}

.plan-hotel-block {
    background: #efefef;
    border-radius: 6px;
    width: 100%;
    padding: 10px 19px;
    border: 1px solid #dcdcdc;
}

.plan-hotel-block .hotel-booking {
    font-size: 11px;
    width: 100%;
    margin: 0 !important;
}

.info-block {
    line-height: 19px;
    padding: 0 0 20px;
}

.info-block dl {
    overflow: hidden;
    margin: 0;
}

.info-block dt {
    float: left;
    width: 100px;
    color: #605d5e;
    font-size: .94em;
    font-weight: 600;
}

.info-block dd {
    margin: 0;
    overflow: hidden;
}

@media screen and (max-width: 991px) {
    .info-block {
        display: none;
    }
}

.prices .round {
    overflow: hidden;
    margin: 0 0 10px;
}

table {
    width: 100%;
    border-collapse: collapse;
    padding: 0;
    margin: 0 0 29px;
}

.prices td {
    color: #000 !important;
}

.prices th {
    color: #000 !important;
    width: 120px;
}

.prices th {
    padding: 0;
    margin: 0;
    text-align: left;
    font-weight: normal;
    border-style: solid;
    border-color: #919191;
    border-width: 0 0 2px;
    vertical-align: bottom;
}

.prices th.period {
    width: 212px;
    padding: 5px 10px 3px 9px;
    border-bottom: 2px solid #4e4e4e;
    font: 20px/29px 'OpenSansSemibold', Arial, Helvetica, sans-serif;
}

* + html .prices th.duration {
    width: auto;
    *width: 350px;
}

.prices th.adults {
    font-family: 'OpenSansSemibold', Arial, Helvetica, sans-serif;
    width: 72px;
    padding: 5px 0 2px 24px;
}

.prices th.senior {
    width: 91px;
    padding: 5px 0 3px 12px;
}

.prices th.child {
    width: 94px;
    padding: 5px 0 3px 5px;
    *paddng-left: 16px;
}

.prices th span {
    display: block;
    padding: 0 0 1px 0;
}

/*kk add*/
.prices th span.eleven {
    font: 12px/14px 'OpenSans', Arial, sans-serif !important;
}

.prices th.duration {
    background: #e9f4f8;
    padding: 5px 5px 3px 14px;
    /*kk add*/
    font-weight: 900;
}

.prices th strong {
    display: block;
    overflow: hidden;
    padding: 3px 0 0px 0;
    font: 14px/15px 'OpenSansSemibold', Arial, sans-serif;
    color: #000;
}

.prices th.duration .day7 {
    padding-right: 25px;
    *padding-right: 40px;
    float: left;
    padding-top: 3px;
    font: 12px/14px 'OpenSansSemibold', Arial, sans-serif;
}

.prices th.duration .day2 {
    padding-right: 3px;
    float: left;
    padding-left: 14px;
    *padding-left: 15px;
    padding-top: 3px;
    font: 12px/14px 'OpenSansSemibold', Arial, sans-serif;
}

.prices th.duration .adults2 {
    padding-left: 30px;
    *padding-left: 45px;
    float: left;
    font: 14px/15px 'OpenSansSemibold', Arial, sans-serif;
}

.prices th.duration .adults7 {
    padding-right: 0;
    float: left;
    font: 14px/15px 'OpenSansSemibold', Arial, sans-serif;
}

.prices th.duration .childboth {
    padding-left: 27px;
    *padding-left: 60px;
    float: left;
    font: 14px/15px 'OpenSansSemibold', Arial, sans-serif;
}

.prices th.child .childboth {
    padding: 0 3px 0 0;
    *padding-left: 0;
    float: left;
    font: 14px/15px 'OpenSansSemibold', Arial, sans-serif;
}

.prices th.duration .childsan {
    *padding: 0 20px 0 10px;
    padding: 0 2px 0 30px;
    float: left;
    font: 14px/15px 'OpenSansSemibold', Arial, sans-serif;
    color: #000;
}

.prices th.child .childsan {
    *padding-left: 0px;
    padding: 0 2px 0 2px;
    float: left;
    font: 14px/15px 'OpenSansSemibold', Arial, sans-serif;
}

.prices td {
    padding: 10px 0 9px 21px;
    margin: 0;
    border: none;
}

.prices td.day2 {
    width: 30%;
    padding-right: 15px;
    *width: auto;
    padding-left: 5px;
    background: #e9f4f8 !important;
}

/*kk end*/
.prices .pink td, .pink td {
    background: #f3f2f2;
    padding: 5px 0 4px 21px;
}

.prices .green td {
    color: #5d9833;
    font-family: 'OpenSansSemibold', Arial, Helvetica, sans-serif;
    padding: 5px 0 9px 21px;
}

.prices td.period span {
    background: url(../images/ico-premium.png) no-repeat 100% 5px;
    border: none;
    padding-right: 19px;
}

.prices td.period {
    padding-left: 10px;
}

.prices div[class*='round'] td.day7,
.prices div[class*='round'] td.day2,
.prices div[class*='round'] td.young {
    width: 63px;
    *width: 70px;
    background: #e9f4f8;
}

.prices td.youngSan {
    width: 63px !important;
    padding-left: 7px;
}

.prices td.day7 {
    padding-left: 14px;
    *padding-left: 16px;
}

.prices td.day2 {
    padding-left: 14px;
    *padding-left: 5px;
}

.prices td.adults {
    padding-left: 24px;
}

.prices td.senior {
    padding-left: 12px;
}

.prices td.young {
    padding-left: -10px;
    background: none repeat scroll 0 0 #E9F4F8;
}

.prices td.young-noadv {
    padding-left: 8px;
}

.prices td.old {
    min-width: 48px;
}

.prices .one-way .adults {
    padding-left: 253px;
    *padding-left: 306px;
}

.prices .one-way {
    overflow: hidden;
    margin: 0 0 -9px;
}

.prices .schedule-notes {
    padding-top: 0;
    margin-bottom: 17px;
}

.prices .schedule-notes .title {
    margin: 0 0 7px;
}

.prices .schedule-notes .block {
    padding: 10px 5px 0 12px;
}

.prices .schedule-notes .block span {
    background-position: 0 7px;
    line-height: 13px;
    padding: 2px 0 11px 20px;
}

/* ferry-schedules-table */
.ferry-schedules-table {
    padding: 8px 0 36px;
}

.ferry-schedules-table tr {
    padding: 0;
    margin: 0;
}

.ferry-schedules-table table {
    width: 100%;
    border-collapse: collapse;
    padding: 0;
    margin: 0;
}

.ferry-schedules-table th {
    border: none;
    text-align: left;
    padding: 0;
    margin: 0;
    font-weight: normal;
}

.ferry-schedules-table th.period {
    width: 104px;
    padding-right: 2px;
}

.ferry-schedules-table th.sdepart {
    width: 98px;
    padding-left: 2px;
    border-left: 1px solid #ccc;
}

.ferry-schedules-table th.farrive {
    width: 70px;
    padding: 0 3px 0 7px;
}

.ferry-schedules-table th.optimal {
    width: 176px;
    padding: 0 2px 0 3px;
    border-left: 1px solid #ccc;
}

.ferry-schedules-table th.fdepart {
    width: 100px;
    padding-left: 2px;
    border-left: 1px solid #ccc;
}

.ferry-schedules-table th.sarrive {
    width: 73px;
    padding-left: 7px;
}

.ferry-schedules-table th.period span {
    border-bottom: 2px solid #8781bd;
    display: block;
    font: 20px/29px 'OpenSansSemibold', Arial, Helvetica, sans-serif;
    padding: 4px 0 2px 9px;
}

.ferry-schedules-table th a {
    background: url(../images/arrow-schedules-table.png) no-repeat 85px 13px;
    border-bottom: 2px solid #919191;
    color: #444;
    display: block;
    padding: 3px 18px 2px 0;
    overflow: hidden;
}

.ferry-schedules-table th.sdepart a {
    padding-left: 8px;
    background-position: 75px 13px;
}

.ferry-schedules-table th.optimal .holder {
    padding-left: 7px;
}

.ferry-schedules-table th.fdepart a {
    padding-left: 9px;
}

.ferry-schedules-table th span {
    display: block;
    font-size: 10px;
    line-height: 12px;
    padding: 1px 0;
    text-transform: uppercase;
}

.ferry-schedules-table th strong {
    display: block;
    font: 14px/16px 'OpenSansSemibold', Arial, Helvetica, sans-serif;
    text-transform: none;
    word-spacing: -2px;
}

.ferry-schedules-table th span.holder {
    border-bottom: 2px solid #919191;
    display: block;
    padding: 3px 0 2px 4px;
}

.ferry-schedules-table td {
    border: none;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

.ferry-schedules-table td.period {
    width: 79px;
    padding: 0 1px 0 8px;
    word-spacing: -2px;
}

.ferry-schedules-table td.sdepart {
    width: 80px;
    padding: 0 8px;
    border-left: 1px solid #ccc;
}

.ferry-schedules-table td.farrive {
    width: 67px;
    padding: 0 3px 0 14px;
}

.ferry-schedules-table td.optimal {
    width: 161px;
    padding: 0 10px;
    border-left: 1px solid #ccc;
}

.ferry-schedules-table td.fdepart {
    width: 80px;
    padding: 0 11px;
    border-left: 1px solid #ccc;
}

.ferry-schedules-table td.sarrive {
    width: 70px;
    padding-left: 10px;
}

.ferry-schedules-table td.farrive {
    width: 67px;
    padding: 0 3px 0 14px;
}

/* schedule-notes */
.schedule-notes {
    padding: 6px 0 0;
    margin: 0 0 16px;
}

.schedule-notes .block {
    background: #f3f3f3;
    border: 1px solid #ccc;
    font-size: 12px;
    line-height: 14px;
    padding: 14px 5px 8px 12px;
}

.schedule-notes .block span {
    display: block;
    padding: 0 0 8px 16px;
}

.schedule-notes .block .star {
    background: url(../images/ico-star.png) no-repeat 0 5px;
}

.schedule-notes .title {
    display: block;
    font: 16px/20px 'OpenSansSemibold', Arial, Helvetica, sans-serif;
    margin: 0 0 5px;
}

/*
* Schedule notes
*/
.schedule-notes .twoo-stars {
    background: url(../images/ico-twoo-stars.png) no-repeat 0 7px;
}

.schedule-notes .block span.about {
    background: url(../images/ico-about.png) no-repeat 1px 6px;
}

.schedule-notes.san-juan {
    margin-top: -9px;
    padding-top: 0;
}

#header {
    width: 100%;
    background: url(../images/header-shadow.png) repeat-x 0 100%;
    padding: 0 0 5px;
    position: relative;
    z-index: 3;
    margin: 0 0 -5px;
}

.header-holder {
    background: #f6f6f6;
}

.header-frame {
    overflow: hidden;
    padding-top: 10px;
    padding-bottom: 10px;
}

.header-frame .block {
    float: left;
}

.header-frame .logo {
    float: left;
    width: 500px;
    height: 94px;
    overflow: hidden;
    text-indent: -9999px;
    margin: 6px 16px 0 0px;
    background: url(../images/logoandtag.png) no-repeat;
    background-size: contain;
    background-position: left;
    font-family: "OpenSans", Arial, Helvetica, sans-serif;
}

.header-frame .logo a {
    display: block;
    height: 100%;
}

.header-frame .menu-toggle {
    display: none;
    cursor: pointer;
    padding: 0.5em 1em 1em 0;
}

.header-frame .main-menu {
    display: none;
}

.header-frame menu {
    width: 400px;
}

.header-frame .add-nav {
    text-align: right;
    margin: 0 0 18px;
    padding: 10px 0 0 0;
    font: 12px/16px Verdana, Arial, Helvetica, sans-serif;
}

.header-frame .add-nav li {
    background: url(../images/separator-add-nav.png) no-repeat 0 3px;
    display: inline-block;
    margin: 0 0 0 14px;
    padding: 0 0 0 14px;
}

.header-frame .add-nav li:first-child {
    background: none;
    padding-left: 0;
    margin-left: 0;
}

.header-frame .add-nav a {
    color: #028fc8;
}

.header-frame .help {
    overflow: hidden;
    width: 100%;
    font-size: 17px;
    line-height: 20px;
    text-align: right;
}

.header-frame .help > span {
    font-weight: 800;
}

.header-frame .help a {
    color: #000;
}

.header-frame .help .holder {
    font-size: 13px;
}

.header-frame .help .phone {
    font-family: "OpenSansSemibold", Arial, Helvetica, sans-serif;
    margin: 0 0 -1px;
}

@media screen and (max-width: 991px) {
    .header-frame .logo {
        width: 250px;
        background: url(../images/clipper-logo.png) no-repeat;
        background-size: contain;
    }
}

@media screen and (max-width: 767px) {
    #header {
        background: none;
        color: white;
        position: relative;
    }

    .header-holder {
        background: #008aab;
    }

    .header-holder a {
        color: white;
    }

    .header-frame {
        padding-bottom: 0;
    }

    .header-frame .logo {
        width: auto;
        height: auto;
        margin-top: 0;
        background: none;
        text-indent: initial;
        text-transform: uppercase;
    }

    .header-frame .logo a:hover {
        text-decoration: none;
    }

    .header-frame menu {
        display: none;
        width: 100%;
        top: 50px;
        right: 0;
        position: absolute;
        background: #6c6c6c;
        border-top: 1px solid #bbbbbb;
        box-shadow: 0px 5px 15px 1px rgba(0, 0, 0, 0.66);
    }

    .header-frame menu .main-menu {
        display: block;
        font-size: 1.1em;
        padding: 0 0 7px;
    }

    .header-frame menu .add-nav {
        font-size: 1.1em;
        text-align: left;
        padding: 7px 0;
        margin: 0;
    }

    .header-frame menu .add-nav li, .header-frame menu .main-menu li {
        display: block;
        margin: 0;
        background: none;
        padding: 8px 15px;
    }

    .header-frame menu .add-nav li:first-child, .header-frame menu .main-menu li:first-child {
        padding: 8px 15px;
    }

    .header-frame menu .add-nav li a, .header-frame menu .main-menu li a {
        color: white;
    }

    .header-frame menu .help {
        padding: 15px;
        text-align: left;
        border-top: 1px solid #bbbbbb;
    }

    .header-frame menu .help a {
        color: white;
    }

    .header-frame .menu-toggle {
        font-size: 1.1em;
        display: inline-block;
    }

    .header-frame .active menu {
        display: block;
    }
}

.nav-bar {
    background: #008aab;
    z-index: 2;
    border-bottom: 1px solid #bababa;
}

.nav-bar-holder {
    position: relative;
    overflow: visible;
}

.nav-bar #nav {
    font-family: "OpenSansSemibold", Arial, Helvetica, sans-serif;
    margin: 0;
    color: white;
    text-transform: uppercase;
    width: 75%;
    width: -webkit-calc(100% - 278px);
    width: -moz-calc(100% - 278px);
    width: calc(100% - 278px);
}

.nav-bar #nav li {
    background: url(../images/separator-nav.png) no-repeat 0 13px;
    z-index: 1;
    width: 25%;
    float: left;
    position: relative;
}

.nav-bar #nav li:first-child {
    background: none;
}

.nav-bar #nav > li > a {
    color: white;
    text-align: center;
    cursor: pointer;
}

.nav-bar #nav > li > a > .holder {
    display: block;
    height: 80px;
    padding: 15px 10px 10px;
}

.nav-bar.active #nav li.active {
    z-index: 2;
}

.nav-bar.active #nav li.hover > a {
    text-decoration: none;
    color: #fff;
    position: relative;
    z-index: 11;
}

.nav-bar.active #nav li.hover > a .holder {
    background: #007591;
}

.nav-bar .drop-slide-wrapper {
    left: -8px !important;
    top: 80px !important;
    width: 200% !important;
    z-index: 10;
    display: none;
    float: left;
    padding: 0 8px;
}

.nav-bar .drop {
    float: left;
    display: none;
    padding: 5px;
    background: #007591;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
}

.nav-bar .drop ul {
    float: left;
    margin: 0;
    padding: 8px 0 0 7px;
    text-transform: none;
}

.nav-bar .drop ul li {
    float: none !important;
    padding: 0 0 5px;
    margin: 0;
    background: none !important;
}

.nav-bar .drop ul li a {
    line-height: 30px;
    padding: 5px 17px;
    margin: 0;
    color: #fff !important;
    text-align: left;
    white-space: nowrap;
}

.nav-bar .drop ul li a:hover {
    text-decoration: none;
    background: #00567d;
    border-radius: 6px;
}

@media screen and (max-width: 991px) {
    .nav-bar .nav-bar-holder {
        padding: 0;
    }

    .nav-bar #nav {
        width: 71%;
    }

    .nav-bar #nav .ico {
        display: none;
    }

    .nav-bar #nav > li > a > .holder {
        padding-top: 35px;
        font-size: 1.05em;
    }
}

@media screen and (max-width: 767px) {
    .nav-bar {
        display: none;
    }

    .home .nav-bar {
        display: block;
    }

    .nav-bar-holder {
        padding: 0;
    }

    .nav-bar #nav {
        width: 100%;
    }

    .nav-bar #nav li {
        float: none;
        width: 100%;
        background: none;
        border-top: 1px solid #bababa;
    }

    .nav-bar #nav > li > a > .holder {
        height: auto;
        text-align: left;
        padding: 10px 0 10px 13px;
    }

    .nav-bar #nav > li > a > .holder:after {
        content: ' ';
    }

    .nav-bar #nav .drop-slide-wrapper {
        display: none !important;
    }
}

#nav .ico {
    background: url(../images/ico-nav.png) no-repeat;
    display: block;
    height: 29px;
    width: 65px;
    margin: 0 auto 10px;
    text-indent: -9999px;
    /* overflow: hidden; */
}

#nav .clipper-ferry .ico {
    background-position: 1px 0;
}

#nav .packages .ico {
    background-position: -171px 0;
}

#nav .hotels .ico {
    background-position: -343px 0;
}

#nav .activities .ico {
    background-position: -518px 0;
}

#nav .right-side .drop-slide-wrapper {
    left: auto !important;
    right: -8px;
    float: right;
}

#nav .right-side .drop {
    float: right;
}

#nav .box .holder {
    width: 100%;
    position: relative;
}

#nav .box .holder:after {
    content: "";
    display: block;
    clear: both;
}

.plan-trip {
    position: absolute;
    right: 0;
    top: 0;
    background: url(../images/bg-plan-trip.png) no-repeat;
    width: 301px;
    padding: 19px 0 0;
    z-index: 12;
}

.plan-trip.expanded {
    padding: 99px 0 0;
}

.plan-trip .plan-trip-holder {
    background: url(../images/bg-plan-trip.png) no-repeat -602px 100%;
    padding: 0 0 14px;
}

.plan-trip .plan-trip-frame {
    background: url(../images/bg-plan-trip.png) repeat-y -301px 0;
    height: 1%;
    padding: 0 8px 0 11px;
}

.plan-trip .plan-trip-frame:after {
    content: "";
    display: block;
    clear: both;
}

.plan-trip .plan-trip-form {
    display: none;
}

.plan-trip .plan-trip-form::after {
    clear: both;
    content: "";
    display: table;
}

.plan-trip .form-header {
    display: none;
}

.plan-trip-container {
    float: left;
    width: 100%;
}

.plan-trip .control {
    text-align: center;
    padding: 0 0 0 13px;
    margin: 0 0 13px;
}

.plan-trip .opener {
    background: url(../images/arrow-opener-plan-trip.png) no-repeat 100% 0;
    font: 14px/18px "OpenSansSemibold", Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    color: #fff;
    display: inline-block;
    vertical-align: top;
    padding: 0 27px 0 0;
    cursor: pointer;
}

.plan-trip.active .plan-trip .opener {
    background-position: 100% -41px;
}

@media screen and (max-width: 991px) {
    .plan-trip {
        width: 30%;
    }

    .home .plan-trip.active .plan-trip-form {
        position: static;
    }

    .home .plan-trip .plan-trip-form-overlay, .home .plan-trip .form-header {
        display: none;
    }

    .home .htmlTag .TabBox .tabs {
        padding: 0 !important;
    }

    .home .bkRdiLft {
        width: 100% !important;
    }

    .home .bkRdiRsid {
        width: 48%;
    }

    .home .htmlTag .WidthLess100 {
        width: 48% !important;
        float: left;
    }

    .home .btnT2Cont {
        float: left;
    }

    .home .plan-trip .htmlTag .bESelTbHovSel, .home .plan-trip .htmlTag .bESelTbHov {
        background-color: #008aab !important;
    }

    .home .htmlTag .bESelTbSel, .home .htmlTag .bESelTb, .home .plan-trip .htmlTag .bESelTbHovSel, .home .plan-trip .htmlTag .bESelTbHov {
        width: 50%;
        height: 39px !important;
    }

    .plan-trip.active .plan-trip-form {
        /* position: fixed; */
        z-index: 1;
        top: 150px;
        left: calc(50% - 160px);
        background-color: #fff;
    }

    .plan-trip.active .plan-trip-form-overlay {
        background-color: rgba(0, 0, 0, 0.7);
        height: 100%;
        width: 100%;
        position: fixed;
        top: 0;
        left: 0;
    }

    .plan-trip .form-header {
        display: block;
        padding: 10px 10px 0;
    }
}

@media screen and (max-width: 767px) {
    .plan-trip {
        position: relative;
        width: 100%;
        background: #f49854;
        padding: 14px 0 0;
        border-top: 1px solid #bababa;
    }

    .plan-trip .plan-trip-holder, .plan-trip .plan-trip-frame {
        background: none;
        padding: 0;
    }

    .plan-trip .ico-plan {
        display: none !important;
    }

    .plan-trip .control {
        text-align: left;
    }

    .plan-trip .opener {
        background: none;
        width: 100%;
    }

    .plan-trip .opener:after {
        content: " ";
        display: inline-block;
        position: absolute;
    }

    .plan-trip.plan-trip-form, .plan-trip .plan-trip-form-overlay, .home .plan-trip.active .plan-trip-form {
        display: none !important;
    }
}

.plan-trip .ico-plan {
    background: url(../images/ico-plan.png) no-repeat;
    width: 26px;
    height: 34px;
    text-indent: -9999px;
    overflow: hidden;
    display: block;
    margin: 0 auto 9px;
    position: relative;
    left: 2px;
}

/* adjust datepicker styles */
.ui-datepicker {
    background: #fff;
    width: 298px;
    padding: 16px 8px 10px;
    font: 12px/15px Arial, Helvetica, sans-serif;
}

.ui-datepicker .ui-datepicker-header {
    margin: 0 0 10px;
    overflow: hidden;
}

.open-link.active .plan-trip-form-overlay {
    background-color: rgba(0, 0, 0, 0.7);
    height: 100%;
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100;
}

.open-link.active .form-header {
    display: block;
    padding: 10px 10px 0;
}

.open-link.active .clip_plan {
    position: fixed;
    z-index: 1;
    top: 150px;
    left: calc(50% - 160px);
    background-color: #fff;
    z-index: 100;
}

@media screen and (max-width: 768px) {
    .open-link.active.active .clip_plan, .open-link.active.active .plan-trip-form-overlay {
        display: none !important;
    }
}

/* panel */
.panel {
    background: #c5c4c4;
    clear: both;
    /* subscribe-form */
    /* MailChimp */
}

.panel-holder {
    padding-top: 20px;
    padding-bottom: 12px;
    font-family: "OpenSansSemibold", Arial, Helvetica, sans-serif;
    line-height: 20px;
}

.panel .subscribe-form {
    margin: 0;
}

.panel .subscribe-form .title {
    background: url(../images/ico-subscribe.png) no-repeat;
    color: #6b6c6c;
    padding: 6px 0 0 29px;
}

.panel .subscribe-form .holder {
    overflow: hidden;
    margin-top: 10px;
}

.panel #mc_embed_signup {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 40.29137%;
}

.panel #mc_embed_signup:last-child {
    margin-right: 0;
}

.panel #mc_embed_signup #mce-responses {
    display: inline-block;
}

.panel #mc_embed_signup .select-area {
    margin: 0 10px 10px 0;
    width: 90px !important;
}

.panel #mc_embed_signup input[type="submit"] {
    height: 30.5px;
    text-shadow: none;
    box-shadow: none;
    font-size: 12px;
    padding: 0.125em 1.25em;
}

.panel #mc_embed_signup input[type="email"] {
    float: left;
    margin: 0 10px 0 0;
}

.panel #mc_embed_signup input[type="text"] {
    width: 63px;
}

@media screen and (max-width: 991px) {
    .panel #mc_embed_signup {
        width: 100%;
        float: none;
    }

    .panel #mc_embed_signup input[type="email"] {
        min-width: 30%;
    }

    .panel #mc_embed_signup .select-area {
        width: 20% !important;
        min-width: 77px;
    }
}

@media screen and (max-width: 767px) {
    .panel #mc_embed_signup input[type="email"], .panel #mc_embed_signup .select-area {
        margin-right: 5px;
    }

    .panel #mc_embed_signup input[type="submit"] {
        padding: 0.125em 0.5em;
    }
}

/* hide original element */
.jcf-hidden {
    display: block !important;
    position: absolute !important;
    left: -9999px !important;
    /* change to right: -9999px on RTL sites */
}

/* featured-list */
.featured-list {
    margin: 5px 0 0 -35px;
    float: left;
    padding: 23px 0 0 0;
    font: 13px/15px 'OpenSansSemibold', Arial, Helvetica, sans-serif;
    text-transform: uppercase;
}

.featured-list li {
    float: left;
}

.featured-list li:first-child {
    margin: 0;
}

.featured-list li:last-child {
    float: left;
    margin-left: 10px;
}

.featured-list a {
    background: url(../images/ico-featured-list.png) no-repeat;
    display: block;
    height: 36px;
    color: #028fc8;
    padding: 0 0 0 47px;
}

.featured-list .specials {
    width: 155px;
}

.featured-list .travel-info {
    background-position: 0 -163px;
    width: 145px;
}

.featured-list .clipper-cargo {
    background-position: 0 -82px;
    width: 225px;
}

@media screen and (max-width: 991px) {
    .featured-list {
        display: none;
    }
}

/* ----------------------
	Footer
--------------------------*/
.back-container {
    margin: 1em auto;
    background: url(../images/chevron-left.png) no-repeat;
    background-size: 12px;
    padding-top: 2px;
    padding-bottom: 2px;
}

.back-container a {
    font-size: 14px;
    color: #008aab;
    text-transform: uppercase;
    padding: 0 16px;
}

.back-container a:visited {
    color: #008aab;
}

@media screen and (max-width: 1200px) {
    .back-container {
        background-position: 2%;
    }
}

#footer {
    width: 100%;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 13px;
    line-height: 1.4;
    color: #fff;
    overflow: hidden;
}

#footer a {
    color: white;
}

#footer a:hover {
    color: white;
}

/* footer-columns */
.footer-columns {
    background: #008aab;
    border-bottom: 1px solid #bababa;
}

.footer-columns .columns-holder {
    overflow: hidden;
    padding-top: 24px;
    padding-bottom: 24px;
}

.footer-columns .widget {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 14.70196%;

}

.footer-columns .widget:last-child {
    margin-right: 0;
}

.footer-columns .widget.faqs {
    float: left;
    margin-right: 0;
}

.footer-columns .widget.cargo {
    float: left;
    margin-left: 0;
}

.footer-columns .widget.our-fleet {
    float: left;
    margin: 60px 0 0 -200px;
}

.footer-columns .widget.agents {
    float: left;
    padding-top: 10px;
}

.footer-columns .events {
    clear: none;
}

.footer-columns .events li {
    padding: 0;
}

@media screen and (max-width: 991px) {
    .footer-columns .widget {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 31.76157%;
    }

    .footer-columns .widget:last-child {
        margin-right: 0;
    }

    .footer-columns .widget.our-fleet {
        float: left;
        margin: 60px 0 0 -260px;
        padding-left: 10px;
    }

    .footer-columns .widget.events {
        float: left;

    }

    .footer-columns .widget.specials {
        margin-right: -30px;
    }

    .footer-columns .widget.events, .widget.about-us, .footer-columns .widget.faqs {
        padding-top: 24px;

    }
}

@media screen and (max-width: 767px) {
    .footer-columns .widget {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 48.82117%;
    }

    .footer-columns .widget:last-child {
        margin-right: 0;
    }

    .footer-columns .widget.our-fleet {
        float: left;
        margin: 60px 0 0 -170px;
        padding-left: 15px;
    }

    .footer-columns .widget.travel-information {
        margin-top: -45px;
        padding-left: 15px;
    }

    .footer-columns .widget.specials {
        margin-right: 2.35765%;
    }

    .footer-columns .widget:nth-child(2n) {
        margin-right: 0;
    }

    .footer-columns .widget:nth-child(n+3) {
        padding-top: 4px;
    }

    .footer-columns .widget:last-child {
        display: none;
    }
}

@media screen and (width: 1024px) {

    .footer-columns .widget.our-fleet {
        padding-left: 32px;
    }
}

@media screen and (max-width: 320px) {
    .footer-columns .widget.travel-information {
        margin-top: -45px;
        padding-left: 15px;
    }
}

.footer-columns h2 {
    font-size: 13px;
    text-transform: uppercase;
    margin: 0 0 8px;
    color: white;
}

.footer-columns ul {
    font-size: 11px;
    line-height: 16px;
}

/* footer-container */
.footer-container {
    background: #008aab;
}

.footer-container-holder {
    padding-top: 24px;
    padding-bottom: 24px;
}

.footer-container li {
    display: inline-block;
}

.footer-container .block-clipper {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 65.88078%;
}

.footer-container .block-clipper:last-child {
    margin-right: 0;
}

.footer-container .block-clipper strong {
    display: block;
    font-weight: normal;
    font-size: 22px;
    line-height: 28px;
    padding: 0 0 16px;
}

.footer-container .block-clipper strong sub {
    vertical-align: baseline;
}

.footer-container .block-clipper .copyright {
    display: block;
    margin: 0 0 4px;
}

.footer-container .block-clipper li {
    margin: 0 14px 0 0;
}

.footer-container .block-contacts {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 31.76157%;
}

.footer-container .block-contacts:last-child {
    margin-right: 0;
}

.footer-container .block-contacts dl {
    float: right;
    min-width: 176px;
    line-height: 20px;
    margin: 17px 0 0;
}

.footer-container .block-contacts dt {
    float: left;
    width: 70px;
    padding: 0 2px 0 0;
}

.footer-container .block-contacts dd {
    overflow: hidden;
    margin: 0;
}

.footer-container .block-contacts .clipper-magazine {
    float: left;
    background: url(../images/ico-clipper-magazine.png) no-repeat 0 2px;
    padding: 0 0 0 30px;
    width: 95px;
    font-size: 11px;
    line-height: 12px;
    text-transform: uppercase;
    margin: 7px 0 0;
}

@media screen and (max-width: 991px) {
    .footer-container .block-clipper {
        width: 251px;
    }

    .footer-container .block-clipper strong {
        width: 230px;
    }

    .footer-container .block-contacts {
        float: right;
        width: 320px;
    }

    .footer-container .block-contacts .clipper-magazine {
        display: none;
    }
}

@media screen and (max-width: 767px) {
    .footer-container {
        text-align: center;
    }

    .footer-container .block-clipper {
        float: none;
        width: 100%;
    }

    .footer-container .block-clipper strong {
        margin: 0 auto;
    }

    .footer-container .block-contacts {
        float: none;
        width: 100%;
        margin-top: 10px;
    }

    .footer-container .block-contacts .social-networkings {
        float: none;
    }

    .footer-container .block-contacts dl {
        float: none;
        width: 175px;
        margin: 0 auto;
    }
}

.block-logo {
    margin-top: 15px;
}

.block-logo .logo-norton {
    float: left;
    text-indent: -9999px;
}

.block-logo .logo-norton a {
    width: 90px;
    height: 48px;
    display: block;
    background: url(../images/logo-norton.png) no-repeat;
}

.block-logo .allianz {
    float: right;
    text-indent: -9999px;
}

.block-logo .allianz .logo-allianz a {
    display: block;
    width: 112px;
    height: 30px;
    background: url(../images/logo-allianze.png) no-repeat;
}

.block-logo .allianz span {
    float: right;
    text-align: right;
    font: 10px Verdana, Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    color: #037fb1;
    overflow: hidden;
    margin: 3px 0 0;
}

@media screen and (max-width: 767px) {
    #sidebar img {
        display: none;
    }

    #sidebar .web-specials.widget {
        display: none;
    }

    #sidebar .navigation {
        visibility: hidden;
    }

    #sidebar .navigation-block .navigation {
        visibility: visible;
    }

    #sidebar .btn-web-specials {
        display: none;
    }
}

/* --------------------------------
		Promo Gallery: Hero Section
-----------------------------------
*/
.promo-gallery {
    position: relative;
    margin-bottom: 24px;
}

.promo-gallery .btn-prev, .promo-gallery .btn-next {
    background: url("../images/arrows-hotel-gallery.png") no-repeat scroll transparent;
    background-size: 40px;
    width: 21px;
    height: 32px;
    text-indent: -9999px;
    overflow: hidden;
    position: absolute;
    z-index: 100;
    top: 26%;
    display: none;
}

.promo-gallery .btn-next {
    background-position: -23px 0px;
    right: 0px;
}

.promo-gallery .btn-prev {
    background-position: 2px 0px;
    left: 0px;
}

.promo-gallery .slideset {
    position: relative;
    margin: 0;
    padding: 0;
    overflow: hidden;
    width: 100%;
    height: 360px;
}

.promo-gallery .slideset li {
    position: absolute;
    left: 0;
    top: 0;
    width: 1200px;
    z-index: 1;
}

.promo-gallery .slideset li.active {
    z-index: 2;
}

.promo-gallery .slideset .holder {
    position: absolute;
    left: 35px;
    top: 75px;
    width: 980px;
}

.promo-gallery .slideset .block {
    left: 50%;
    background: url(../images/bg-block-promo-gallery.png) no-repeat;
    width: 560px;
    padding: 9px 0 0;
    color: #fff;
    font-size: 24px;
    line-height: 28px;
}

.promo-gallery .slideset .block-holder {
    background: url(../images/bg-block-promo-gallery.png) no-repeat -1120px 100%;
    padding: 0 0 9px;
}

.promo-gallery .slideset .block-frame {
    background: url(../images/bg-block-promo-gallery.png) repeat-y -560px 0;
    padding: 6px 10px 20px 21px;
    overflow: hidden;
}

.promo-gallery .slideset .block .title {
    font: 40px/42px "OpenSans", Arial, Helvetica, sans-serif;
    display: block;
    margin: 0 0 4px;
}

.promo-gallery .slideset .block p {
    margin: 0 0 16px;
}

.promo-gallery .slideset .btn-blue {
    padding: 0.125em 1.25em;
    max-width: none;
    display: inline-block;
}

.promo-gallery .slideset img {
    vertical-align: top;
}

.promo-gallery .pagination {
    position: absolute;
    left: 0;
    bottom: 0;
    overflow: hidden;
    background: url(../images/bg-pagination-promo-gallery.png);
    z-index: 2;
    width: 100%;
    font-size: 0;
    line-height: 0;
    text-align: center;
}

.promo-gallery .pagination ul {
    margin: 0;
    font: 11px/16px "OpenSansSemibold", Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    vertical-align: top;
}

* + html .promo-gallery .pagination ul {
    display: inline;
}

.promo-gallery .pagination li {
    display: inline-block;
    margin: 0 17px;
    padding: 0;
}

.promo-gallery .pagination a {
    display: block;
    color: #028fc8;
    padding: 13px 21px 11px;
}

.promo-gallery .pagination a:hover, .promo-gallery .pagination .active a {
    background: url(../images/arrow-active-promo-gallery.png) #939292 no-repeat 50% 0;
    text-decoration: none;
    color: #fff;
}

@media screen and (max-width: 1200px) {
    .promo-gallery .pagination li {
        margin: 0;
    }
}

@media screen and (max-width: 991px) {
    .promo-gallery .pagination a {
        font-size: 0.9em;
        padding: 10px 4%;
    }
}

@media screen and (max-width: 767px) {
    .promo-gallery .slideset .holder {
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: url(../images/bg-block-promo-gallery-pure.png) repeat;
        padding: 0 15px;
    }

    .promo-gallery .slideset li {
        width: 100%;
    }

    .promo-gallery .slideset img {
        width: 1200px;
        max-width: 1200px;
    }

    .promo-gallery .slideset .block {
        width: 100%;
        background: none;
        min-width: 300px;
        margin-top: 40px;
    }

    .promo-gallery .slideset .block-holder, .promo-gallery .slideset .block-frame {
        background: none;
    }

    .promo-gallery .slideset .block-frame {
        padding: 0 15px 6px 15px;
    }

    .promo-gallery .slideset .block .btn-blue {
        padding: 0.3125em 0.5em;
        font-size: 0.8em;
        overflow: hidden;
        display: inline-block;
        height: 40px;
    }

    .promo-gallery .btn-prev, .promo-gallery .btn-next {
        display: block;
        opacity: 0.8;
    }

    .promo-gallery .pagination {
        display: none;
    }
}

.discover-gallery {
    overflow: hidden;
    padding: 0 0 42px;
}

.discover-gallery .btn-prev,
.discover-gallery .btn-next {
    background: url(../images/arrows-discover-gallery.png) no-repeat;
    width: 34px;
    height: 72px;
    float: left;
    text-indent: -9999px;
    overflow: hidden;
    margin: 30px 0 0;
}

.discover-gallery .btn-next {
    float: right;
    background-position: -34px 0;
}

.discover-gallery .mask {
    width: 92%;
    overflow: hidden;
    position: relative;
    margin: 0 auto;
}

.discover-gallery .mask ul {
    margin: 0;
    padding: 0;
    width: 9999px;
}

.discover-gallery .mask li {
    margin: 0 11px 0 0;
    padding: 0;
    float: left;
    width: 203px;
    height: 130px;
    position: relative;
    overflow: hidden;
}

.discover-gallery .mask li:last-child {
    margin: 0;
}

.discover-gallery .mask img {
    vertical-align: top;
    height: 100%;
    width: auto;
    max-width: none;
}

.discover-gallery .mask a.block {
    position: absolute;
    left: 0;
    bottom: 0;
    color: #fff;
    font-size: 12px;
    line-height: 14px;
    background: url(../images/bg-block-discover-gallery.png);
    width: 100%;
    cursor: pointer;
}

.discover-gallery .mask a.block .holder {
    padding: 3px 75px 4px 9px;
    display: block;
}

.discover-gallery .mask a.block strong {
    font-weight: normal;
}

.discover-gallery .mask a:hover {
    background: url(../images/bg-block-hover-discover-gallery.png);
    text-decoration: none;
}

.discover-gallery .mask .title {
    background: none;
    font-size: 24px;
    line-height: 26px;
    font-weight: normal;
    display: block;
}

.discover-gallery .mask a.block .holder span {
    margin: -2px 0 0;
    padding: 2px 0 4px;
    display: block;
}

.discover-gallery .mask a:hover > .holder {
    background: url(../images/arrow-block-discovery-gallery.png) no-repeat 167px 14px;
    padding: 6px 79px 3px 11px;
    float: left;
}

@media screen and (max-width: 1200px) {
    .discover-gallery {
        padding: 0 2.35765% 42px 2.35765%;
    }
}

@media screen and (max-width: 991px) {
    .discover-gallery .mask {
        width: 90%;
    }

    .discover-gallery .mask a:hover > .holder {
        background: none;
    }

    .discover-gallery .mask .description {
        display: none !important;
    }
}

@media screen and (max-width: 767px) {
    .discover-gallery .btn-prev, .discover-gallery .btn-next {
        width: 16px;
    }

    .discover-gallery .btn-next {
        background-position: -52px 0;
    }
}

@media screen and (max-width: 480px) {
    .discover-gallery .btn-prev, .discover-gallery .btn-next {
        display: none;
    }

    .discover-gallery .mask {
        width: 100%;
        padding-left: 0;
    }

    .discover-gallery .mask li {
        margin: 0 5px 0 0;
    }
}

/* --------------------------------
	Feature package on home page
-----------------------------------
*/
.features {
    float: right !important;
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 31.76157%;
    margin-right: 0;
}

.features:last-child {
    margin-right: 0;
}

.features .block {
    margin: 0 0 12px;
}

.features img {
    width: 100%;
    vertical-align: top;
}

@media screen and (min-width: 1200px) {
    .features img {
        width: 314px;
        height: 152px;
        vertical-align: top;
    }
}

@media screen and (max-width: 991px) {
    .features {
        margin-bottom: 32px;
        width: 100%;
    }

    .features .block {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 48.82117%;
    }

    .features .block:last-child {
        margin-right: 0;
    }
}

@media screen and (max-width: 480px) {
    .features .block {
        width: 100%;
    }
}

/* --------------------------------
	Popular packages section
-----------------------------------
*/
.popular-packages {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 31.76157%;
}

.popular-packages:last-child {
    margin-right: 0;
}

.popular-packages-holder {
    overflow: hidden;
    width: 100%;
}

.popular-packages a {
    text-decoration: none;
    color: white;
}

.popular-packages .block {
    background: url(../images/bg-block-popular-packages.png) #d45d0f repeat-x;
    font: 12px/14px Verdana, Arial, Helvetica, sans-serif;
    padding: 5px 5px 10px 5px;
    margin: 0 10px 10px 0;
    color: #fff;
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 48.82117%;
}

.popular-packages .block:last-child {
    margin-right: 0;
}

.popular-packages .block:nth-child(2n) {
    margin-right: 0;
}

.popular-packages .block a {
    display: block;
    width: 100%;
    height: 88px;
    overflow: hidden;
    margin: 0 0 5px;
}

.popular-packages .block .holder {
    padding: 0 5px;
}

.popular-packages .block .title {
    font-size: 14px;
    line-height: 20px;
    font-weight: normal;
    margin: 0 0 3px;
}

.popular-packages strong.title_home {
    color: #fff !important;
    font-size: 18px;
    line-height: 20px;
    font-weight: normal;
    margin: 0 0 3px;
}

.popular-packages p {
    margin: 0;
}

@media screen and (max-width: 991px) {
    .popular-packages {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 48.82117%;
    }

    .popular-packages:last-child {
        margin-right: 0;
    }
}

@media screen and (max-width: 767px) {
    .popular-packages {
        width: 100%;
        margin-bottom: 32px;
    }

    .popular-packages-holder {
        width: 100%;
        overflow: hidden;
    }

    .popular-packages .block {
        width: 179px;
        margin-right: 5px;
    }

    .popular-packages .block:nth-child(2n) {
        margin-right: 5px;
    }

    .popular-packages .block:last-child {
        margin-right: 0;
    }
}

@media screen and (min-width: 768px) {
    .popular-packages ul {
        width: 100% !important;
    }
}

/* --------------------------------
	What's New Section on home page
-----------------------------------
*/
.what-new {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 31.76157%;
}

.what-new:last-child {
    margin-right: 0;
}

.what-new ul {
    margin: 0;
    padding: 0;
}

.what-new li {
    padding: 0 0 10px;
    list-style: none;
    margin: 0;
    font: 12px/14px Verdana, Arial, Helvetica, sans-serif;
}

.what-new .title {
    font-size: 13px;
    line-height: 15px;
    color: #028fc8;
    margin: 0 0 .7em;
    font-weight: normal;
}

.what-new a {
    color: #028fc8;
}

.what-new a.large-happening {
    font-size: 15px;
}

.what-new .date {
    display: block;
    font-style: normal;
    font-size: 11px;
    margin: 0 0 5px;
}

.what-new p {
    margin: 0;
    clear: left;
    padding: 0 0 3px;
}

@media screen and (max-width: 991px) {
    .what-new {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 48.82117%;
    }

    .what-new:last-child {
        margin-right: 0;
    }
}

@media screen and (max-width: 767px) {
    .what-new {
        width: 100%;
    }
}

.main-block h2 {
    text-transform: uppercase;
    font-size: 16px/18px;
    color: #00567d;
    margin: 0 0 10px;
}

.home .back-button {
    display: none;
}

.plusimg-packages, .plusimg-hotels, .plusimg-activities {
    background: top center no-repeat;
    background-size: cover;
    height: 215px;
    margin-bottom: 1em;
}

.plusimg-packages .breadcrumbs, .plusimg-hotels .breadcrumbs, .plusimg-activities .breadcrumbs {
    color: white;
    padding: 9px 20px;
}

.plusimg-packages .breadcrumbs a, .plusimg-hotels .breadcrumbs a, .plusimg-activities .breadcrumbs a {
    color: white;
    background: url(../images/landing/arrow-breadcrumbs-landing.png) no-repeat 100% 5px;
}

@media screen and (max-width: 1200px) {
    .plusimg-packages .breadcrumbs, .plusimg-hotels .breadcrumbs, .plusimg-activities .breadcrumbs {
        padding: 9px 0;
    }
}

@media screen and (max-width: 767px) {
    .plusimg-packages, .plusimg-hotels, .plusimg-activities {
        display: none;
    }
}

/* breadcrumbs */
.breadcrumbs {
    padding-top: 29px;
    padding-bottom: 9px;
    margin: 0 auto 7px;
    color: #028fc8;
    font-size: 11px;
    line-height: 14px;
    overflow: hidden;
}

.breadcrumbs li {
    float: left;
    margin: 0 3px 0 0;
}

.breadcrumbs a {
    background: url(../images/arrow-breadcrumbs.png) no-repeat 100% 5px;
    color: #028fc8;
    padding: 0 9px 0 0;
}

@media screen and (max-width: 767px) {
    .breadcrumbs {
        display: none;
    }
}

/*---------------------------
	Plusimg module
-----------------------------
*/
.plusimg-packages {
    background-image: url("../images/landing/packagesmainbanner1000x205-144dpi.jpg");
}

.plusimg-hotels {
    background-image: url("../images/landing/hotels_landing.jpg");
}

.plusimg-activities {
    background-image: url("../images/landing/activitiesbanner.jpg");
}

/* ---------------------------------------------------------------- */
/* discover packages */
.discoverpackages {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 65.88078%;
}

.discoverpackages:last-child {
    margin-right: 0;
}

.discoverpackages .col-holder {
    margin-bottom: 24px;
}

.discoverpackages .col-holder .col {
    padding-right: 5%;
}

.discoverpackages .col-holder img {
    width: 100%;
}

.discoverpackages .col-holder .title {
    font: 18px/22px "OpenSansSemibold", Arial, Helvetica, sans-serif;
    margin: 0 0 4px;
}

.discoverpackages .col-holder .title a {
    color: #028fc8;
}

@media screen and (max-width: 991px) {
    .discoverpackages {
        width: 100%;
    }
}

@media screen and (max-width: 767px) {
    .discoverpackages .col-holder {
        margin-bottom: 0;
    }

    .discoverpackages .col-holder .col {
        padding-right: 0;
    }
}

.discoverpackages li, .sideloc li {
    color: #028fc8;
    background: url("../images/bullet-blue-big.png") no-repeat scroll 0 4px transparent;
    display: block;
    list-style-position: outside;
    padding: 0 0 2px 10px;
}

.sub-home #content {
    width: 100%;
    padding-bottom: 0;
}

.sub-home #sidebar {
    margin-top: 0;
}

@media screen and (max-width: 991px) {
    .sub-home #sidebar {
        width: 100%;
        max-width: none;
    }
}

.sideloc {
    border-bottom: 1px dotted #666666;
    margin-top: 10px;
}

.sideloc:last-child {
    border-bottom: none;
}

.sideloc a, .sideloc li {
    color: #028fc8;
}

.sideloc a.img-holder {
    width: 110px;
    height: 70px;
    display: block;
    float: left;
    overflow: hidden;
}

.sideloc p {
    font-size: 12px;
    line-height: 12px;
}

.sideloc h2 {
    color: #F28D4A;
    font: 18px/20px "OpenSansSemibold", Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    margin: 0 0 4px;
}

.sideloc img {
    float: left;
    padding: 3px 6px 3px 3px;
    width: 100%;
}

@media screen and (max-width: 991px) {
    .sideloc {
        padding-right: 5%;
        border-bottom: none;
        margin-bottom: 24px;
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 48.82117%;
    }

    .sideloc:last-child {
        margin-right: 0;
    }

    .sideloc:nth-child(2n) {
        margin-right: 0;
    }

    .sideloc a.img-holder {
        width: 100%;
        height: auto;
    }

    .sideloc img {
        width: 100%;
    }

    .sideloc p {
        font-size: 14px;
        line-height: 1.4;
    }

    .sideloc h2 {
        font-size: 16px;
        text-transform: none;
    }

    .sideloc .list {
        padding-top: 0 !important;
    }
}

@media screen and (max-width: 767px) {
    .sideloc {
        width: 100%;
        padding-right: 0;
        margin: 0;
    }

    #sidebar .sideloc img {
        display: block;
    }

    .sideloc img {
        float: none;
    }
}

/*
 * Package Details
 */
.events {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 65.88078%;
    overflow: hidden;
    line-height: 18px;
    margin: 0 0 18px;
}

.events:last-child {
    margin-right: 0;
}

.events .section {
    overflow: hidden;
    padding: 0 0 16px;
}

.events .section p {
    line-height: 18px !important;
    font: 14px/16px 'OpenSans', Arial, Helvetica, sans-serif;
}

.events .day {
    float: left;
    font-size: 20px;
    line-height: 22px;
    text-transform: uppercase;
    color: #fff;
    width: 97px;
    background: #8781bd;
    text-align: right;
    margin: 11px 3px 0 0;
    padding: 6px 14px 7px 10px;
}

.events .holder {
    overflow: hidden;
}

.events .title {
    display: block;
    /*background: #e3e3e3;*/
    font-family: 'OpenSansSemibold', Arial, Helvetica, sans-serif;
    line-height: 22px;
    text-transform: uppercase;
    padding: 6px 14px 7px 10px;
    margin: 0 0 9px;
}

.events p {
    margin: 0 0 11px;
}

/* Clipper Cargo pages */
.cargo_shipping {
    float: left;
    display: block;
    margin-right: 2.35765%;
    /*width: 65.88078%;*/
    width: 100%;
    overflow: hidden;
    line-height: 18px;
    margin: 0 0 18px;
}

.cargo_shipping ol li {
    list-style-type: decimal;
}

.col-holder .col-top-contest ul li {
    list-style-type: disc;
}

/*Discover Clipper Contest*/
.tb-discover-clipper .col-holder .col-top-contest {
    width: 60%;
    float: left;
}

.tb-discover-clipper .col-holder .col-top-contest:last-child {
    width: 34%;
    float: right;
}

@media screen and (max-width: 767px) {
    .tb-discover-clipper .col-holder .col-top-contest {
        width: 100%;
    }

    .tb-discover-clipper .col-holder .col-top-contest:last-child {
        width: auto;
    }
}

.more-activities {
    margin-top: 1em;
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 65.88078%;
}

.more-activities p {
    float: left;
    padding: 0 10px 0 0;
}

.more-activities:last-child {
    margin-right: 0;
}

.full-width .block, .full-width .more-activities {
    width: 100%;
}

@media screen and (max-width: 991px) {
    .more-activities, .events, .cargo_shipping {
        width: 100%;
    }
}

.package-detail h1 {
    font-size: 18px;
    padding: 10px 0;
}

.package-detail h2 {
    font-size: 16px;
}

.package-detail .aside {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 31.76157%;
    margin-right: 0;
    float: right;
    max-width: 320px;
}

.package-detail .aside:last-child {
    margin-right: 0;
}

.package-detail .block {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 65.88078%;
}

.package-detail .block:last-child {
    margin-right: 0;
}

.package-detail .block-notes {
    border: none;
}

@media screen and (max-width: 991px) {
    .package-detail .block {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 48.82117%;
    }

    .package-detail .block:last-child {
        margin-right: 0;
    }

    .package-detail .aside {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 48.82117%;
        margin-right: 0;
        float: right;
    }

    .package-detail .aside:last-child {
        margin-right: 0;
    }
}

@media screen and (max-width: 767px) {
    .package-detail {
        margin-top: 24px;
    }

    .package-detail .events {
        display: none;
    }

    .package-detail .more-activities {
        margin-top: 24px;
    }

    .package-detail .block, .package-detail .aside {
        width: 100%;
        float: none;
        max-width: 100%;
    }

    .package-detail .aside .btn-vic-guaran {
        display: none;
    }

}

.activity-detail-template {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 65.88078%;
}

.activity-detail-template:last-child {
    margin-right: 0;
}

.activity-detail-template h1 {
    font-size: 18px;
    padding: 10px 0;
}

.activity-detail-template .block-notes {
    border: none;
}

@media screen and (max-width: 991px) {
    .activity-detail-template {
        width: 100%;
    }
}

@media screen and (max-width: 767px) {
    .collapse-group .tab .day {
        font-size: 20px;
        line-height: 22px;
        text-transform: uppercase;
        color: #8781bd;
        width: 97px;
        text-align: left;
        padding: 6px 14px 7px 10px;
    }

    .collapse-group .tab .title {
        display: block;
        background: #e3e3e3;
        font-family: 'OpenSansSemibold', Arial, Helvetica, sans-serif;
        line-height: 22px;
        text-transform: uppercase;
        padding: 6px 14px 7px 10px;
        margin: -5px 0 9px;
    }
}

.kk-packages #sidebar img {
    width: 100%;
}

.kk-packages .col-holder {
    margin: 2em auto 3em auto;
}

.kk-packages .col-holder img {
    width: 100%;
    border: 1px solid #e3e3e3;
    margin: 0 0 9px;
}

@media screen and (max-width: 991px) {
    .kk-packages #sidebar {
        display: none;
    }

    .kk-packages #content {
        width: 100%;
        float: none;
    }

    .kk-packages .col-holder .col:first-child {
        margin-right: 5%;
    }
}

.hotel-details-tabs .rooms {
    padding-bottom: 31px;
}

.hotel-details-tabs .room {
    padding: 1px 0 14px;
    position: relative;
}

.hotel-details-tabs .room .visual {
    float: left;
    margin: 0 19px 0 0;
    padding: 4px 0 0;
}

.hotel-details-tabs .room img {
    border: 1px solid #bdbdbd;
    display: block;
    vertical-align: top;
    margin: 0 0 9px;
}

.hotel-details-tabs .room-block {
    overflow: hidden;
    border-bottom: solid thin #ddd;
}

.hotel-details-tabs .room-holder {
    overflow: hidden;
    margin: 0 0 10px 0;
}

.hotel-details-tabs .room-holder dl {
    overflow: hidden;
    margin: 0;
    padding: 0;
}

.hotel-details-tabs .room-holder dt {
    float: left;
    width: 155px;
    font-family: "OpenSansSemibold", Arial, Helvetica, sans-serif;
    font-weight: 900;
    color: #444;
}

.hotel-details-tabs .room-holder dd {
    overflow: hidden;
    margin: 0;
    padding: 0 0 10px;
}

.hotel-details-tabs .amenities {
    padding-bottom: 31px;
}

.hotel-details-tabs .amenities .section {
    position: relative;
    padding: 0 0 36px;
}

.hotel-details-tabs .amenities .notes {
    display: block;
    padding: 12px 0 0;
}

.hotel-details-tabs .amenities .col-holder {
    overflow: hidden;
    padding: 4px 0 0;
    margin: 0 0 10px 0;
}

.hotel-details-tabs .amenities .col-holder ul {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 31.76157%;
    overflow: hidden;
}

.hotel-details-tabs .amenities .col-holder ul:last-child {
    margin-right: 0;
}

.hotel-details-tabs .amenities .restaurants-block img {
    float: left;
    width: 185px;
    margin: 4px 14px 0 0;
    border: 1px solid #bdbdbd;
}

.hotel-details-tabs .amenities .restaurants {
    margin: 0 0 -9px;
    padding: 0;
}

.hotel-details-tabs .amenities .restaurants li {
    padding: 19px 0 0;
    margin: 0;
    clear: both;
}

.hotel-details-tabs .amenities .restaurants li:first-child {
    padding-top: 3px;
}

.hotel-details-tabs .amenities .restaurants li h3 {
    margin: 10px 0 5px 0;
}

.hotel-details-tabs .amenities .restaurants .title {
    display: block;
    margin: 0 0 4px;
}

.hotel-details-tabs .amenities .restaurants .menu {
    overflow: hidden;
}

.hotel-details-tabs .amenities .restaurants .menu strong {
    padding: 0 3px 0 0;
}

.hotel-details-tabs .amenities .restaurants p {
    margin: 0 0 10px;
}

.hotel-details .plan-hotel-block {
    display: none;
}

@media screen and (max-width: 991px) {
    .hotel-details-tabs, .available-at-this {
        width: 200%;
    }
}

@media screen and (max-width: 767px) {
    .hotel-details-tabs {
        display: none;
        width: 100%;
    }

    .available-at-this {
        width: 100%;
        margin-top: 24px;
    }

    .hotel-details {
        margin-bottom: 24px;
    }

    .hotel-details .plan-hotel-block {
        display: block;
        margin-top: 24px;
    }

    #sidebar .block {
        display: none;
    }
}

#content .pkg-50 h2 {
    margin-top: 24px;
}

@media screen and (max-width: 991px) {
    .pkg-50 .activities_seasonal {
        width: 150%;
    }

    .pkg-50 .activities_seasonal ul {
        float: none;
    }

    .pkg-50 .activities_yearround {
        width: 150%;
    }
}

@media screen and (max-width: 767px) {
    .pkg-50 .activities_seasonal, .pkg-50 .activities_yearround {
        width: 100%;
    }
}

.activities_seasonal ul {
    float: left;
}

.activities_seasonal li {
    float: left;
    padding: 0 0 7px 15px;
    text-align: left;
    width: 400px;
}

.activities_seasonal li.one {
    width: 200px;
    clear: left;
}

.web-specials .departure-fields .block {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 48.82117%;
}

.web-specials .departure-fields .block:last-child {
    margin-right: 0;
}

.web-specials .related-packages {
    margin: 40px 0 0;
    clear: both;
}

.web-specials .related-packages .visual {
    position: relative;
    margin: 0 0 5px;
    float: left;
    width: 98%;
}

.web-specials .related-packages .title {
    background: url(../images/bg-title-related-packages.png);
    position: absolute;
    color: white;
    font-family: "OpenSansSemibold", Arial, Helvetica, sans-serif;
    padding: 11px 9px 10px;
    bottom: 0;
    left: 0;
}

.web-specials .related-packages .title a {
    color: white;
}

.web-specials .related-packages span.holder {
    display: block;
    font-size: 13px;
    line-height: 16px;
}

.web-specials .restrictions {
    padding: 0 0 30px;
}

.web-specials .restrictions .title {
    font: 16px/20px "OpenSansSemibold", Arial, Helvetica, sans-serif;
    display: block;
    margin: 0 0 6px;
}

.web-specials .restrictions .block {
    background: #f3f3f3;
    border: 1px solid #ccc;
    padding: 16px 15px 9px 13px;
}

.web-specials .restrictions .block ul {
    font-size: 12px;
    line-height: 13px;
    margin: 0;
    padding: 0;
}

.web-specials .restrictions .block li {
    background: url(../images/bullet-blac-big.png) no-repeat 0 2px;
    padding: 0 0 10px 20px;
}

.web-specials .spec {
    margin-left: .3em;
    margin-left: 1em;
    font-weight: 800;
    vertical-align: middle;
}

.web-specials .select-area {
    width: auto !important;
    border: 1px solid #008aab;
}

.web-specials .btn-star-paling {
    padding: 10px 30px !important;
}

@media screen and (max-width: 767px) {
    .web-specials .departure-fields .block {
        width: 100%;
        float: none;
    }
}

/*
	Modules for ferry schedule templates
*/
.ferry-map-tabs img, .schedules-fares-tabs img {
    float: left;
    width: 50%;
}

.ferry-map-tabs .tabset a, .schedules-fares-tabs .tabset a {
    padding-left: 11px !important;
    padding-right: 11px !important;
}

@media screen and (max-width: 991px) {
    .ferry-schedule .ferry-map-tabs, .schedules-fares-tabs {
        width: 150%;
    }

    .ferry-schedule .ferry-map-tabs .tab-list, .schedules-fares-tabs .tab-list {
        width: 100%;
    }

    .ferry-schedule .tab-list, .pad-ferry {
        width: 150%;
    }
}

@media screen and (max-width: 767px) {
    .ferry-schedule #sidebar, .schedule-clean .schedules-fares-tabs, .schedule-clean .print-icon, .pad-ferry {
        display: none;
    }

    .ferry-map-tabs, .schedules-fares-tabs, .ferry-schedule .tab-list, .pad-ferry {
        width: 100%;
    }

    .schedule-notes .title {
        display: none;
    }

    .schedule-notes.san-juan {
        margin-top: 14px;
    }

    .ferry-schedule .tabset {
        display: none;
    }

    .ferry-schedule .tab-list {
        display: none;
    }

    .ferry-schedule .collapse-header {
        background-color: #008aab;
        color: #fff;
    }

    .ferry-schedule .collapse-header h4 {
        margin-bottom: 0;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .ferry-schedule .collapse-body h3 {
        font-size: 1.2em !important;
        margin-bottom: 14px;
    }

    .ferry-schedule .collapse-body th, .ferry-schedule .collapse-body td {
        border: none;
    }

    .ferry-schedule .collapse-body th {
        text-align: left;
    }

    .ferry-schedule .collapse-body .ferry-detail td {
        font-family: "OpenSansSemibold", Arial, Helvetica, sans-serif;
        padding: 3px 0 14px 0;
    }

    .ferry-schedule .advance {
        width: 105%;
        margin-left: -2.5%;
        padding: 14px 2.5%;
        background-color: #e9f4f8;
    }
}

.landing_banner {
    background: url(../images/landing/clipper-ferry-schedule-657x206.jpg) no-repeat top right;
    background-size: cover;
    width: 656px;
    height: 206px;
    margin-bottom: 16px;
}

/* PASSENGER ONLY FERRIES */
.passenger_only {
    margin-bottom: 25px;
    border: 1px hidden;
}

.passenger_only td {
    border: 1px hidden;
    padding-right: 8px;
    padding-bottom: 12px;
}

.passenger_only a {
    text-decoration: none;
    color: #565656;
    display: inline-block;
}

.passenger_only a:hover {
    color: #000000;
}

.passenger_only_icon {
    background: url(../images/ico-passengeronly.png) no-repeat;
    display: inline-block;
    height: 25px;
    width: 25px;
    margin-right: 6px;
    margin-bottom: -7px;
}

.poferry1 {
    background-position: 0px 0px;
}

.poferry2 {
    background-position: 0px 0px;
}

.poferry3 {
    background-position: -25px 0px;
}

.poferry4 {
    background-position: -50px 0px;
}

.poferry5 {
    background-position: -75px 0px;
}

.poferry6 {
    background-position: -100px 0px;
}

.passenger_only a:hover .poferry1 {
    background-position: 0px -25px;
}

.passenger_only a:hover .poferry2 {
    background-position: 0px -25px;
}

.passenger_only a:hover .poferry3 {
    background-position: -25px -25px;
}

.passenger_only a:hover .poferry4 {
    background-position: -50px -25px;
}

.passenger_only a:hover .poferry5 {
    background-position: -75px -25px;
}

.passenger_only a:hover .poferry6 {
    background-position: -100px -25px;
}

@media screen and (max-width: 991px) {
    .ferry-map .passenger_only {
        display: none;
    }

    .ferry-map .whalf {
        width: 100%;
    }

    .ferry-map .wspace {
        margin-right: 0;
    }

    .ferry-map .parasublink {
        float: none;
    }
}

/* added in by Clipper for the Discover Clipper template */
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* added in by Clipper for the Discover Clipper template */
#content .col-holder .col-dscvr {
    float: left;
    display: block;
    width: 31.72093%;
}

.col-holder .col-dscvr:nth-child(2) {
    margin-left: 2.3%;
    float: left;
}

.col-holder .col-dscvr:last-child {
    margin-left: 2.3%;
    float: right;
    border-bottom: none;
}

/********************************************************/
@media screen and (max-width: 1200) {
    #content .col-holder .col-top iframe {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 100%;
    }
}

@media screen and (max-width: 767px) {
    /* added .col-dscvr to rule by Clipper */
    #content .col-holder .col, .col-dscvr {
        width: 100%;
    }

    #content .col-holder .col-top, .col-top iframe {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 100%;
    }
}

@media screen and (max-width: 440px) {
    .collapse-panel .collapse-header h2 {
        display: inline-block;
        vertical-align: middle;
        padding: 5px 0;
        color: #4D4D4D !important;
        width: 64%;
    }

    .collapse-panel .collapse-body {
        padding: 15px 2.5%;
    }
}

@media screen and (min-width: 768px) {
    /* i am going to comment this out, this is interfereing the behavior of packages landing page. Please check.

 .collapse-body img[title="Victoria, BC"],.collapse-body img[title="Vancouver Skiing"],.collapse-body img[title="Seattle Packages"]{
	// 	margin-top:22px;
 }*/
}

@media screen and (min-width: 826px) {
    .collapse-body img[title="The Fairmont Empress"], .collapse-body img[title="Lake Louise/Banff"] {
        margin-top: 22px;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .collapse-body img[title="The Canadian Rockes/Banff"], .collapse-body img[title="Whale Watching"] {
        margin-top: 22px;
    }

    .cargo_shipping .hotel-details-tabs {
        width: 100%;
    }
}

@media screen and (min-width: 986px) {
    .collapse-body img[title="Tigh Na Mara Spa Packages"] {
        margin-top: 22px;
    }
}

@media screen and (min-width: 1107px) {
    .collapse-body img[title="Orca Whale Watching"], .collapse-body img[title="Capilano Suspension Bridge"] {
        margin-top: 22px;
    }
}

@media screen and (max-width: 991px) {
    /* added in by Clipper for the Discover Clipper template */
    .tb-discover-clipper .col-box-announce {
        width: 100%;
        float: none;
    }

    .col-box-announce {
        clear: right;
    }

    .tb-discover-clipper #content {
        width: 100%;
        float: none;
    }

    .tb-discover-clipper .col-top {
        width: 46%;
        float: left;
    }

    .tb-discover-clipper .col-top:last-child {
        width: 42%;
        float: right;
    }

    .col-holder .col-top:last-child h2, .col-top:last-child p {
        padding-left: 22px;
    }

    .tb-discover-clipper .col-top .song {
        width: 100%;
    }

    .song {
        margin: 10px 0 0 0;
    }
}

/* added in by Clipper for the Discover Clipper template */
@media screen and (max-width: 991px) {
    .discover-clipper-template {
        width: 100%;
    }
}

.tb-discover-clipper .col-holder img {
    width: 100%;
    border: 1px solid #e3e3e3;
    margin: 0 0 9px;
}

.discover-banner {
    width: 100%;
}

.tb-discover-clipper .col-holder iframe {
    width: 95.5%;
    border: 1px solid #e3e3e3;
}

.col-top iframe {
    float: right;
}

@media screen and (max-width: 767px) {
    #content > h1:first-child, #main > h1:first-child {
        text-align: center;
        margin: 10px -2.35765% 0;
        padding: 0 20px 10px 33px;
    }

    #content > h1:first-child:before, #main > h1:first-child:before {
        content: '';
        background: url(../images/chevron-left.png) no-repeat;
    }

    /* Back button */
    .back-button {
        display: block;
        width: 24px;
        height: 24px;
        background: url(../images/chevron-left.png) no-repeat;
        background-size: contain;
        position: absolute;
        top: 66px;
        left: 2.35%;
    }
}

@media screen and (max-width: 480px) {
    #content > h1:first-child, #main > h1:first-child {
        font-size: 20px;
    }

    .back-button {
        width: 20px;
        height: 20px;
    }

    .landing_banner {
        background: url(../images/landing/ferry-landing.jpg) no-repeat top right;
        background-size: cover;
        width: 100%;
        height: 145px;
        margin-bottom: 16px;
    }

    .tab img, .col-holder img, .img-row img {
        width: 100%;
    }

}

/* added in by Clipper to allow the image to display fully on this device size */
@media screen and (max-width: 320px) {
    .landing_banner {
        background: url(../images/landing/ferry-landing.jpg) no-repeat top right;
        background-size: cover;
        width: 100%;
        height: 95px;
        margin-bottom: 16px;
    }

    .tab {
        width: 100%;
    }

    .tab img, .img-row img {
        width: 300px;
        height: 190px;
    }

    /* Bird life images */
    .wrapper img[alt="Bald Eagle"], .wrapper img[alt="Osprey"], .wrapper img[alt="Great Blue Heron"], .wrapper img[alt="cormorant"], .wrapper img[alt="Tufted Puffin"] {
        width: 300px;
        height: 217px;
    }

    /* Whales and Marine Life images */
    .wrapper img[src="/wp-content/uploads/2013/03/whale_orca.jpg"], .wrapper img[alt="Grey whales at Guerrero Negro, Baja California, Mexico."], .wrapper img[alt="Minke Whale."], .wrapper img[alt="Dell Porpoise"], .wrapper img[alt="Harbor Seal"], .wrapper img[alt="California Sea Lion"], .wrapper img[alt="Giant Pacific Octopus"], .wrapper img[alt="Sunflower Sea Star"] {
        width: 300px;
        height: 217px;
    }

    /* naturalist */
    .wrapper img[src="/wp-content/uploads/2013/03/whale_photo_naturalists.jpg"], {
        width: 300px;
        height: 217px;
    }

    /* Group Travel */
    .wrapper img[src="/wp-content/themes/clippervacations/images/group_trv/group_trv_slide_1.jpg"], .wrapper img[src="/wp-content/themes/clippervacations/images/group_trv/group_trv_slide_2.jpg"], .wrapper img[src="/wp-content/themes/clippervacations/images/group_trv/group_trv_slide_3.jpg"] {
        width: 300px;
        height: 217px;
    }

    /* Group Travel Kayak img */
    .wrapper img[src="/wp-content/themes/clippervacations/images/group_trv/kayak_group_1.jpg"] {
        width: 300px;
        height: 217px;
    }

    .cargo_shipping .ferry-map .schedules-table table {
        width: 80%;
    }

}

@media screen and (min-width: 321px) and (max-width: 380px) {
    .landing_banner {
        background: url(../images/landing/ferry-landing.jpg) no-repeat top right;
        background-size: cover;
        width: 100%;
        height: 110px;
        margin-bottom: 16px;
    }

    .tab img, .img-row img {
        width: 357px;
        height: 268px;
    }

    /* Bird life images */
    .wrapper img[alt="Bald Eagle"], .wrapper img[alt="Osprey"], .wrapper img[alt="Great Blue Heron"], .wrapper img[alt="cormorant"], .wrapper img[alt="Tufted Puffin"] {
        width: 357px;
        height: 258px;
    }

    /* Whales and Marine Life images */
    .wrapper img[src="/wp-content/uploads/2013/03/whale_orca.jpg"], .wrapper img[alt="Grey whales at Guerrero Negro, Baja California, Mexico."], .wrapper img[alt="Minke Whale."], .wrapper img[alt="Dell Porpoise"], .wrapper img[alt="Harbor Seal"], .wrapper img[alt="California Sea Lion"], .wrapper img[alt="Giant Pacific Octopus"], .wrapper img[alt="Sunflower Sea Star"] {
        width: 357px;
        height: 258px;
    }

    /* naturalist */
    .wrapper img[src="/wp-content/uploads/2013/03/whale_photo_naturalists.jpg"] {
        width: 357px;
        height: 258px;
    }

    /* Group Travel */
    .wrapper img[src="/wp-content/themes/clippervacations/images/group_trv/group_trv_slide_1.jpg"], .wrapper img[src="/wp-content/themes/clippervacations/images/group_trv/group_trv_slide_2.jpg"], .wrapper img[src="/wp-content/themes/clippervacations/images/group_trv/group_trv_slide_3.jpg"] {
        width: 357px;
        height: 258px;
    }

    /* Group Travel Kayak img */
    .wrapper img[src="/wp-content/themes/clippervacations/images/group_trv/kayak_group_1.jpg"] {
        width: 357px;
        height: 258px;
    }

    .footer-columns .widget.travel-information {
        /*margin-top:-100px;*/
        margin-left: 155px;
        padding-left: 25px;
        margin-top: -136px;
    }

    .footer-columns .widget.our-fleet {
        float: left;
        margin: 60px 0 0 -190px;
        padding-left: 8px;

    }

}

@media screen and (min-width: 381px) and (max-width: 580px) {
    .landing_banner {
        background: url(../images/landing/ferry-landing.jpg) no-repeat top right;
        background-size: cover;
        width: 100%;
        height: 180px;
        margin-bottom: 16px;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .landing_banner {
        background: url(../images/landing/clipper-ferry-schedule-657x206.jpg) no-repeat top right;
        background-size: cover;
        width: 105%;
        height: 160px;
        margin-bottom: 16px;
    }

}

@media screen and (min-width: 381px) and (max-width: 415px) {
    .footer-columns .widget.travel-information {
        margin-top: -136px;
        margin-left: 180px;
    }

    .footer-columns .widget.our-fleet {
        float: left;
        margin: 60px 0 0 -220px;
        padding-left: 18px;

    }

}

@media screen and (min-width: 416px) and (max-width: 568px) {
    .footer-columns .widget.travel-information {
        margin-top: -136px;
        margin-left: 250px;
    }

    .footer-columns .widget.our-fleet {
        float: left;
        margin: 60px 0 0 -290px;

    }

}

@media screen and (min-width: 569px) and (max-width: 767px) {
    .footer-columns .widget.travel-information {
        margin-top: -136px;
        margin-left: 295px;
    }

    .footer-columns .widget.our-fleet {
        float: left;
        margin: 60px 0 0 -340px;

    }

}

@media screen and (min-width: 668px) and (max-width: 767px) {
    .footer-columns .widget.travel-information {
        margin-top: -136px;
        margin-left: 328px;
    }

    .footer-columns .widget.our-fleet {
        float: left;
        margin: 60px 0 0 -375px;

    }

}

@media screen and (min-width: 381px) and (max-width: 736px) {
    .tab img, .kk-packages .col-holder img, .discoverpackages .col-holder img, #sidebar .sideloc img, .img-row img, .ferry-map .col-holder img {
       /* width: 350px;
        height: 263px; */
    }

    /* Bird life images */
    .wrapper img[alt="Bald Eagle"], .wrapper img[alt="Osprey"], .wrapper img[alt="Great Blue Heron"], .wrapper img[alt="cormorant"], .wrapper img[alt="Tufted Puffin"] {
        width: 357px;
        height: 258px;
    }

    /* Whales and Marine Life images */
    .wrapper img[src="/wp-content/uploads/2013/03/whale_orca.jpg"], .wrapper img[alt="Grey whales at Guerrero Negro, Baja California, Mexico."], .wrapper img[alt="Minke Whale."], .wrapper img[alt="Dell Porpoise"], .wrapper img[alt="Harbor Seal"], .wrapper img[alt="California Sea Lion"], .wrapper img[alt="Giant Pacific Octopus"], .wrapper img[alt="Sunflower Sea Star"] {
        width: 357px;
        height: 258px;
    }

    /* naturalist */
    .wrapper img[src="/wp-content/uploads/2013/03/whale_photo_naturalists.jpg"] {
        width: 357px;
        height: 258px;
    }

    /* Group Travel */
    .wrapper img[src="/wp-content/themes/clippervacations/images/group_trv/group_trv_slide_1.jpg"], .wrapper img[src="/wp-content/themes/clippervacations/images/group_trv/group_trv_slide_2.jpg"], .wrapper img[src="/wp-content/themes/clippervacations/images/group_trv/group_trv_slide_3.jpg"] {
        width: 357px;
        height: 258px;
    }

    /* Group Travel Kayak img */
    .wrapper img[src="/wp-content/themes/clippervacations/images/group_trv/kayak_group_1.jpg"] {
        width: 357px;
        height: 258px;
    }

}

@media screen and (width: 414px) {
    .tab img, .kk-packages .col-holder img, .discoverpackages .col-holder img, #sidebar .sideloc img, .img-row img, .ferry-map .col-holder img {
        width: 396px;
        height: 297px;
    }

    /* Bird life images */
    .wrapper img[alt="Bald Eagle"], .wrapper img[alt="Osprey"], .wrapper img[alt="Great Blue Heron"], .wrapper img[alt="cormorant"], .wrapper img[alt="Tufted Puffin"] {
        width: 396px;
        height: 286px;
    }

    /* Whales and Marine Life images */
    .wrapper img[src="/wp-content/uploads/2013/03/whale_orca.jpg"], .wrapper img[alt="Grey whales at Guerrero Negro, Baja California, Mexico."], .wrapper img[alt="Minke Whale."], .wrapper img[alt="Dell Porpoise"], .wrapper img[alt="Harbor Seal"], .wrapper img[alt="California Sea Lion"], .wrapper img[alt="Giant Pacific Octopus"], .wrapper img[alt="Sunflower Sea Star"] {
        width: 396px;
        height: 286px;
    }

    /* naturalist */
    .wrapper img[src="/wp-content/uploads/2013/03/whale_photo_naturalists.jpg"] {
        width: 396px;
        height: 286px;
    }

    /* Group Travel */
    .wrapper img[src="/wp-content/themes/clippervacations/images/group_trv/group_trv_slide_1.jpg"], .wrapper img[src="/wp-content/themes/clippervacations/images/group_trv/group_trv_slide_2.jpg"], .wrapper img[src="/wp-content/themes/clippervacations/images/group_trv/group_trv_slide_3.jpg"] {
        width: 396px;
        height: 286px;
    }

    /* Group Travel Kayak img */
    .wrapper img[src="/wp-content/themes/clippervacations/images/group_trv/kayak_group_1.jpg"] {
        width: 396px;
        height: 286px;
    }

}

@media screen and  (width: 1024px) {
    .tab img, .img-row img {
        width: 170px;
        height: 128px;
    }

}

@media screen and  (min-width: 768px) and (max-width: 991px) {
    .tab img, .img-row img {
        width: 190px;
        height: 144px;
    }

}

/* Codegen's search widget */
.htmlTag .NDRow {
    background-color: #fff;
    padding: 5px;
    margin-left: 1px;
    margin-right: 3px;
    border-top: 1px solid #444;

}

@-ms-viewport {
    width: device-width;
}

/*  Standalone search widget. Implemented on the Web Specials page */
div#standaloneSearchForm {
    width: 300px;
    /* box-shadow: 1px 1px 1px rgba(68,68,68,0.6); */
    visibility: hidden;
    margin: 0 !important;
}
div#standaloneSearchForm.fixedSearchForm {
    position: fixed;
    top: 35px;
    margin-top: 0 !important;
}
div#standaloneSearchForm.staticSearchForm {
    position: relative;
    margin-top: 0 !important;
}

div#standaloneSearchForm form{
    padding: 0 25px;
    line-height: 1.75em;
}
div#standaloneSearchForm div.planYourTrip {
    margin: 25px 25px 0 25px;
    text-transform: uppercase;
    color: #00567d !important;
    text-shadow: none !important;
    font-size: 20px !important;
    border-bottom: 3px solid #008aab;

}
div.standaloneSearchFormCloseButton {
    width: 32px;
    height: 32px;
    margin: 5px 5px 0 0 !important;
    background-image: url(../images/icons_cms/ic_remove_circle_outline_48px.svg);
    background-position: center;
    background-size: contain;
    position: absolute;
    top: 0px;
    right: 0px;
    cursor: pointer;
    opacity: .5;
}
/*
div#childAgeSelect {
    position: absolute;
    border-radius: 5px;
    background: white;
    border: solid 1px black;
    padding: 10px;
    margin-right: 10px;
    display: none;
}*/
div#childAgeSelect.kids {
    display: block;
    top: 55%;
    margin-top: 0 !important;
}
div#childAgeSelectInputs {
    margin-top: 0 !important;
}
div#childrenNotes {
    font-style: italic;
    font-size: smaller;
    color: #757575;
    padding: 0 5px 3px 5px;
    background: #fbfbfb;
    border-radius: 5px;
    border: solid .5px rgb(181, 181, 181)
}
div#childAgeSelectDone {
    float: right;
    margin-top: 0 !important;
    color: green;
    background: lightyellow;
    border-radius: 2px;
    padding: 2px 4px;
    border: 1px solid;
    cursor: pointer;
}
input#checkAvailability {
    margin-top: 25px;
    width: 100%;
}
div.web-special {
    width: 100%;
    height: 36px;
    border: 1px solid ghostwhite;
    border-radius: 5px;
    background: white;
    cursor: pointer;
    padding: 1px;
    color: grey;
    font-weight: 600;
    text-transform: none;
}
div.web-special.leg-selected {
    background: ghostwhite;
    border-color: black;
    color: black;
}
div.leg-selected-checkbox {
    background-image: url(../images/icons_cms/ic_check_box_outline_blank_48px.svg);
    background-size: contain;
    content: "";
    width: 32px;
    height: 32px;
    float: left;
    margin-right: 5px;

}
div.web-special.leg-selected div.leg-selected-checkbox  {
    background: ghostwhite;
    border-color: black;
    background-image: url(../images/icons_cms/ic_check_box_48px.svg);
    background-position: center;
    background-size: contain;
    content: "";
    width: 32px;
    height: 32px;
    display: inline-block;
}
div.web-special:hover {
    border-color: black;
    color: black;
}

div.web-special p {
    margin-top: 8px !important;
}
div.upupup {
    margin-top: -60px;
    margin-bottom: 50px;
}

div#standaloneSearchForm.formFadeIn{
    visibility:visible;
    -moz-animation-name: showEffect;
    -moz-animation-iteration-count: 1;
    -moz-animation-timing-function: ease-in;
    -moz-animation-duration: .25s;

    -webkit-animation-name: showEffect;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: ease-in;
    -webkit-animation-duration: .25s;

    animation-name: showEffect;
    animation-iteration-count: 1;
    animation-timing-function: ease-in;
    animation-duration: .25s;
}
@-moz-keyframes showEffect {
    from  {  opacity: 0; }
    to {  opacity: 1; }

}
@-webkit-keyframes showEffect {
    from  {  opacity: 0; }
    to {  opacity: 1; }
}
@keyframes showEffect {
    from  {  opacity: 0; }
    to {  opacity: 1; }
}
/* End Standalone Search Widget */

/* Header Search form */
form.search-form input[type="submit"]{
    background: url(https://upload.wikimedia.org/wikipedia/commons/5/55/Magnifying_glass_icon.svg) no-repeat;
    width: 18px;
    height: 18px;
    background-size: 18px 18px;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    padding: 0;
}
/* Tab Content from Booking Flow */
.tab-content {
    background-color: white;
}
.nav-tabs.mod-bold .nav-tabs-item.is-active .nav-tabs-item-link {
    background-color: #008aab !important;
    padding: 6px 10px;
}
.input-select .select {
    overflow: hidden;
}

/* .collapse {
    display: block;
} */

label.label.child-age {
    font-size: 10px;
    font-weight: 100;
    padding: 5px;
    font-style: italic;
}

input#code.input {
    border: 1px solid #ccc;
}

div#searchWidget {
    outline-style: none;
}
div.tab-content.modal-body {
    overflow-y: auto;
}



/**
 * changes added by jeremy, june 2016
 * this is basically shame.css
 * (changes tacked onto the end of the file;
 * should be re-ordered if able to refactor)
 */

@supports ( display: flex ) {

  /**
   * using flexbox in header to allow right-hand menu to fill as much available
   * space as possible (adding 'Clipper Vacations Magazine' menu item is causing
   * this menu to spread to two lines at most widths; this minimizes the issue)
   *
   * fixes CLIP-65
   */

  @media screen and ( min-width: 768px ) {

    .header-frame {
      display: flex;
    }

      .header-frame > .pull-right {
        flex-grow: 1;
      }

      .header-frame menu {
        width: auto;
      }

        .header-frame ul.add-nav {
          display: flex;
          flex-flow: row wrap;
          justify-content: flex-end;
        }

  }

}


/**
 * style for call to action links, like 'check out our... planning guide' at
 * @link clippervacations.com/victoria-packages/seattle-victoria-overnight/
 *
 * related: CLIP-64
 */
.cta-link {
  font-family: "OpenSansSemibold", Arial, Helvetica, sans-serif;
  font-size: 1.125em;
}


/**
 * fixes: CLIP-59, clipper gallery images displaying weird
 * @link clippervacations.com/image-gallery/
 */
#photo,
#photo img {
  position: static;
}

#photo {
  height: auto;
  margin-bottom: 1em;
}


/**
 * fixes: CLIP-38, multi-city package layout + embeds
 * @link clippervacations.com/multi-package/san-juan-islands-whale-watching-sealife-search-day-trip/
 */
.package-detail .block .holder {
  overflow: auto;
}


/**
 * fixes: CLIP-74, list styling
 *
 * applying typical browser ua defaults,
 * rather than being too opinionated
 */
.ferry-map ul:not( .tabset ),
.ferry-map ol,
.vessel-info ul {
  margin-bottom: 1em;
  padding-left: 40px;
}

  .ferry-map ul:not( .tabset ) li,
  .ferry-map ol li,
  .vessel-info ul li {
    list-style-position: outside;
  }

  .ferry-map ol {
    list-style-type: decimal;
  }

  .ferry-map ul:not( .tabset ) li,
  .vessel-info ul li {
    list-style-type: disc;
  }


/**
 * footer widgets
 *
 * for now, lots of unsetting w !important; would be good to properly set
 * these properties throughout our css, as part of a refactor
 *
 * btw, support for columns is actually pretty decent these days!
 * @link http://caniuse.com/#feat=multicolumn
 */
@supports ( -webkit-column-count: 1 ) or ( -moz-column-count: 1 ) or ( column-count: 1 ) {

  .footer-columns .widget,
  .footer-columns .widget.widget_nav_menu {
    display: inline-block !important;
    float: none !important;
    clear: none !important;
    padding: 0 !important;
    margin: 0 0 1.5em !important;
  }

  .footer-columns .widget {
    width: 100%;
    -webkit-break-inside: avoid;
       -moz-break-inside: avoid;
            break-inside: avoid;
  }

  .footer-columns .columns-holder {
    -webkit-column-count: 6;
       -moz-column-count: 6;
            column-count: 6;
    -webkit-column-width: 13em;
       -moz-column-width: 13em;
            column-width: 13em;
  }

  @media screen and ( max-width: 1200px ) {

    .footer-columns .columns-holder {
      -webkit-column-count: 3;
         -moz-column-count: 3;
              column-count: 3;
    }

  }

}


/**
 * footer contacts alignment
 */
.footer-container .block-contacts dl {
  clear: right;
  text-align: right;
  width: 15em;
}

  .footer-container .block-contacts dt,
  .footer-container .block-contacts dd,
  .footer-container .block-contacts dd a {
   display: block;
  }

  .footer-container .block-contacts dt {
    float: left;
    clear: left;
    min-width: 6em;
  }

  .footer-container .block-contacts dd {
    overflow: hidden;
    padding-left: 1em;
  }


/**
 * improved 'things to do' lists layout, including add'l responsiveness
 */
.listcol {
  width: 50%;
}

  .things ul {
    float: none;
    margin-right: 0;
    padding-right: 2em;
  }

    .things li {
      float: none;
      width: 100%;
    }

      .thingsicon {
        margin-right: .75em;
      }

      .thingstopic a {
        display: inline-block;
        padding-right: 20px;
        background-position: 100% 3px;
      }

@media screen and ( max-width: 600px ) {

  .listcol {
    width: 100%;
  }

}


/**
 * 'discover clipper' formatting
 */
.collapse-header {
  border-top: none;
  border-bottom: none;
}

/**
 * Overrides for Slider plugin
 **/

div.bx-caption {
	font-weight: 800;
}


/**
 * makes homepage gallery more linkable
 */
.promo-gallery .slideset .holder {
  width: auto;
}


/**
 * hotel overhaul changes
 */
.hotel-details-tabs {
  padding-top: 30px;
}

  .hotel-details-tabs .amenities .col-holder ul,
  .hotel-details-tabs ul.amenities {
    width: 100% !important;
    -webkit-column-count: 3;
       -moz-column-count: 3;
            column-count: 3;
  }

  .hotel-details-tabs .lightbox {
    top: 0;
    width: 100%;
    background: rgba( 255, 255, 255, .95 );
  }

  .hotel-details-tabs .lightbox ul.amenities {
    padding-bottom: 0;
    margin-bottom: 0;
  }

  .hotel-details-tabs button.hotelAmen {
    margin-top: 1em;
  }

/* packages price blocks */
.package-content .price-block .row {
  margin-bottom: 20px;
}

  .package-content .price-block .for,
  .package-content .price-block .price {
    float: none;
    display: inline-block;
    vertical-align: bottom;
    margin: 0;
  }

  .package-content .price-block .for {
    width: 65%;
    padding-left: 5px;
    padding-right: 5px;
  }

  .package-content .price-block .price {
    width: 30%;
    padding-left: 5px;
    padding-right: 0;
    text-align: right;
  }
.package-content .price-block .multi {
    font-size: 1.2em;
}
  .package-content .price-block .pad-multi {
      font-family: OpenSansSemibold;
      font-weight: 700;
      font-size:1.2em;
      padding-left: 0;
  }
