.header-image {
    display: block;
    width: 100%;
    height: 652px;
    text-align: center;
    background: url('https://s3.amazonaws.com/itravel2000/img/htmlsnippet/2017-05-26-09-37-54-splash.jpg') no-repeat center center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

.headline {
    height: 485px;
}

.headline h1 {
    font-size: 80px;
    font-family: Parisienne;
    margin-top: -10px;
}

.pullUp {
    margin: -100px;
}

.headline h2 {
    font-family: 'Raleway', sans-serif;
    font-weight: 100;
    font-size: 20px;
    color: #fff;
    line-height: 40px;
    letter-spacing: 8px;
}

.blackBorder {
    width: 500px;
    height: 40px;
    background: black;
    margin: auto;
}

.headline h3 {
    font-family: 'Helvetica Neue', sans-serif;
    font-size: 20px;
    color: #000;
}

.headline ul {
    margin-top: 20px;
    padding-left: 0px;
}

.headline li {
    font-family: 'Helvetica Neue', sans-serif;
    font-size: 28px;
    font-weight: 200;
    display: inline;
    list-style: none;
    padding-right: 20px;
    padding-left: 20px;
    letter-spacing: 5px;
}

.headline a {
    color: #000;
    text-decoration: none;
}

.headerImage {
    padding-top: 20px;
    padding-bottom: 25px;
}

.cssHeader {
}

.cssSunwing {
    width: 120px;
    margin-top: -16px;
    margin-left: 5px;
}

.cssContactHeader {
    float: right;
    margin-top: 30px;
    font-family: 'helvetica neue', sans-serif;
    line-height: 8px;
    text-align: right;
    font-weight: 200;
    font-size: 16px;
}

.polaroid {
    margin-top: 5px;
    text-align: center;
    width: 450px;
}

.introSection {
    margin-top: 70px;
    margin-bottom: 50px;
}

p.intro {
    font-weight: 200;
    letter-spacing: 1px;
    font-size: 18px;
}

p.date {
    color: black;
    font-size: 28px;
    font-weight: 500;
}

p.blurb {
    font-size: 22px;
    font-weight: 500;
}

p.cssDescription {
    font-weight: 200;
    margin-top: -10px;
}

p.cssBooking {
    font-size: 30px;
    font-weight: 500;
    width:70%;
    margin:auto;
    text-align:center;
}

p.cssCopy {
    font-size: 18px;
    font-weight: 200;
    letter-spacing: 1px;
}

p.cssName {
    font-size: 28px;
    font-weight: 400;
    padding-right: 20px;
}

p.cssContact {
    font-size: 18px;
    font-weight: 400;
    line-height: 20px;
    padding-left: 25px;
}

p.cssContactTwo {
    font-size: 18px;
    font-weight: 200;
    line-height: 20px;
    margin-left: -150px;
}

p.cssContactResize {
    font-size: 14px;
}

p.cssGroupTitle {
    font-size: 22px;
    color: #000;
    font-weight: bold;
    text-align: center;
}

.cssTabTitle {
    font-size: 16px;
    color: #000;
    font-weight: bold;
}

.cssTabSub1 {
    font-size: 14px;
    color: #000;
}

.cssTabSub2 {
    font-size: 11px;
    color: #7C7C7C;
}

.centerText {
    text-align: center;
}

.cssGlyph {
    padding-top: 60px;
    padding-bottom: 50px;
    width: 350px;
}

.tab-content {
    width: 95%;
    margin: auto;
}

a.cssTab {
    font-size: 18px;
    color: #333;
    font-weight: 200;
}

a.cssGroupTab {
    color: #afafaf;
}

.cssGroupTab h1 {
    font-size: 16px;
    margin-bottom: -35px;
    margin-top: 5px;
}

.cssGroupTab h2 {
    font-size: 14px;
    margin-bottom: -35px;
    font-weight: 400;
}

.cssGroupTab h3 {
    font-size: 11px;
    font-weight: 400;
}

.cssTabImage {
    margin-bottom: -5px;
}

.bulletList ul li {
    font-weight: 200;
}

.bulletList ol li{
    font-weight: 200;
}

.nav-tabs.nav-justified>.active>a, .nav-tabs.nav-justified>.active>a:focus, .nav-tabs.nav-justified>.active>a:hover {
    border: none;
    background: none;
}

/*Making Tabs Responsive Properly*/

.nav-tabs {
    display: flex;
}

.nav-tabs li {
    display: flex;
    flex: 1;
}

.nav-tabls li a {
    flex: 1;
}

.nav-tabs>li>a:hover {
    background: none;
    border-top: none;
    border-left: none;
    border-right: none;
}

.nav-tabs.nav-justified>.active>a, .nav-tabs.nav-justified>.active>a:focus, .nav-tabs.nav-justified>.active>a:hover {
    border-bottom: 2px solid #000 !important;
}

/*
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
    border: none !important;
}
*/

.nav-tabs.nav-justified>li>a {
    border-radius: 0px;
}

.table>thead>tr>th {
    vertical-align: middle;
}

.table>tbody>tr>td {
    vertical-align: middle;
}

.table-bordered>thead>tr>td, .table-bordered>thead>tr>th {
    border-bottom-width: 1px;
}

.table-bordered>thead>tr>td, .table-bordered>thead>tr>th {
    padding: 25px;
}

.table-bordered>tbody>tr>td, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>td, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>thead>tr>th {
    padding: 15px;
}

table {
    font-family: 'Helvetica Neue', 'Helvetica', sans-serif;
}

td {
    vertical-align:middle;
}

th {
    background-color: #f2f2f2;
    vertical-align: middle;
}

th p {
    margin-top: -3px;
    margin-bottom: 0px;
    font-size: 14px;
}

th h1 {
    font-size: 25px;
    font-weight: 400;
    margin-top: -4px;
}

td.lightText {    
    letter-spacing: 1px;
    font-weight: 200;
}

td.lightTextTable {    
    letter-spacing: 1px;
    font-weight: 200;
}

td.lightTextCentre {    
    letter-spacing: 1px;
    font-weight: 200;
    text-align: center;
}

td.lightNumber {
    text-align: center;
    font-size: 18px;
    font-weight: 200;
}

td.boldText {
    font-weight: 500;
    text-align: center;
    font-size: 18px;
}

th.numberHead {
    text-align: center;
    font-size: 25px;
    font-weight: 400;
}

h3.tabletHead {
    font-family: 'Helvetica Neue', 'Helvetica', sans-serif;
    font-weight: 400;
}

/** VERTICAL TAB STYLE **/

.cssBorder {
    border: 1px solid #DCDCDC;
/*    height: 372px;*/
}

.cssBorderMobile {
    border: 1px solid #DCDCDC;
}

ul.nav.cssNavLeft.nav-tabs {
    background: #F2F2F2;
    height: 371px;
    display: inline-block ;
}

.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
    color: #000;
}

table.table.table-bordered.cssTableTab {
    width: 76% !important;
}

.tabs-below > .nav-tabs,
.tabs-right > .nav-tabs,
.tabs-left > .nav-tabs {
  border-bottom: 0;
}

.tab-content > .tab-pane,
.pill-content > .pill-pane {
  display: none;
}

.tab-content > .active,
.pill-content > .active {
  display: block;
}

.tabs-left > .nav-tabs > li,
.tabs-right > .nav-tabs > li {
  float: none;
}

.tabs-left > .nav-tabs > li > a,
.tabs-right > .nav-tabs > li > a {
  min-width: 74px;
  margin-right: 0;
  margin-bottom: 3px;
}

.tabs-left > .nav-tabs {
  float: left;
  margin-right: 19px;
  border-right: 1px solid #ddd;
  display: block;
}

.tabs-left > .nav-tabs > li > a {
  margin-right: -1px;
  -webkit-border-radius: 4px 0 0 4px;
     -moz-border-radius: 4px 0 0 4px;
          border-radius: 4px 0 0 4px;
}

.tabs-left > .nav-tabs > li > a:hover,
.tabs-left > .nav-tabs > li > a:focus {
  border-color: #eeeeee #dddddd #eeeeee #eeeeee;
}

.tabs-left > .nav-tabs .active > a,
.tabs-left > .nav-tabs .active > a:hover,
.tabs-left > .nav-tabs .active > a:focus {
  border-color: #ddd transparent #ddd #ddd;
  *border-right-color: #ffffff;
  width: 260px;
}


ul.nav.nav-mobile.nav-tabs {
    background: #F2F2F2;
}

/** VERTICAL TAB STYLE ENDS **/


.cssRight {
    display: block;
    text-align: right;
    float: right;
    height: 0px;
}

.cssLeft {
    display: block;
    text-align: left;
    float: left;
}

.verticalLine {
    height:200px;
    width:0px;
    position:relative;
    border-left:1px solid #cccccc;
    float: right;;
    bottom: 165px;
    left: 15px;
}

.featurette-divider {
    margin: 80px 0;
}

.featurette {
    overflow: hidden;
}

.featurette-image.pull-left {
    margin-right: 40px;
}

.featurette-image.pull-right {
    margin-left: 40px;
}

.featurette-heading {
    font-size: 50px;
}

footer {
    background: #f3f3f3;
    margin-top: 60px;
    padding: 50px 0 50px 0;
}

.cssThankYou {
    min-height: calc(100vh - 420px);
}

.cssThankYou h1 {
    font-family: 'Parisienne';
    text-align: center;
    font-size: 52px;
}

.cssThankYou h2 {
    font-family: 'Raleway', sans-serif;
    font-weight: 100;
    font-size: 20px;
    color: #fff;
    line-height: 40px;
    letter-spacing: 1px;
    text-align: center;
}

.cssThankYou p.copy {
    font-size: 24px;
    font-weight: 200;
    text-align: center;
}


@media (max-width:1200px) {
    table.table.table-bordered.cssTableTab {
        width: 70% !important;
    }

    th.numberHead {
        font-size: 20px !important;
    }

    td.boldText {
        font-size: 16px !important;
    }

    td.lightTextTable {
        font-size: 11px !important;
    }

    ul.nav.cssNavLeft.nav-tabs {
        height: 376px;
    }

}

@media(max-width:1024px) {
    .headline h1 {
        font-size: 50px;
    }

    .headline h2 {
        font-size: 20px;
    }

    .featurette-divider {
        margin: 50px 0;
    }

    .featurette-image.pull-left {
        margin-right: 20px;
    }

    .featurette-image.pull-right {
        margin-left: 20px;
    }

    .featurette-heading {
        font-size: 35px;
    }
}

@media(max-width:991px) {
    .headline h1 {
        font-size: 50px;
    }

    .headline h2 {
        font-size: 20px;
    }

    .cssBorder {
        display: none;
    }

    p.cssContactTwo {
        margin-left: -100px;
    }

    .featurette-divider {
        margin: 40px 0;
    }

    .featurette-image {
        max-width: 50%;
    }

    .featurette-image.pull-left {
        margin-right: 10px;
    }

    .featurette-image.pull-right {
        margin-left: 10px;
    }

    .featurette-heading {
        font-size: 30px;
    }


    .cssGroupTab h1 {
        font-size: 11px;
        margin-bottom: -35px;
        margin-top: 5px;
        font-weight: 800;
    }

    .cssGroupTab h2 {
        font-size: 10px;
        margin-bottom: -35px;
    }

    .cssGroupTab h3 {
        font-size: 9px;
    }

    table.table.table-bordered.cssTableTab {
        width: 100% !important;
    }

    th.numberHead {
        font-size: 16px !important;
    }

    td.boldText {
        font-size: 13px !important;
    }

    td.lightTextTable {
        font-size: 10px !important;
    }

}

@media(min-width:991px) {

.cssBorderMobile {
    display: none;
}

}

@media(max-width:768px) {
    .footerBig {
        display: none;
    }
    p.cssName {
        font-size: 22px;
    }
}

@media(min-width:768px) {
    .footerSmall {
        display: none;
    }
}

@media(max-width:768px) {
    .container {
        margin: 0 15px;
    }


    iframe {
/*        width: 650px;*/
        width: 100%;
        height: 3650px;
    }
/*
    .cssRight {
        text-align: left;
        float: none;
    }

    .verticalLine {
        display: none;
    }
*/

    .featurette-divider {
        margin: 40px 0;
    }

    .featurette-heading {
        font-size: 25px;
    }
}

@media(max-width:673px) {
    .headline ul {
        margin-top: 30px;
    }

    .polaroid {
        width: 350px;
    }
}

@media(max-width:668px) {
    .featurette-divider {
        margin: 30px 0;
    }
}

@media(max-width:640px) {
    .headline {
        padding: 5px 0 5px 0;
    }

    .headline ul {
        margin-top: 70px;
    }

    .blackBorder {
        width: 400px;
        height: 40px;
        background: black;
        margin: auto;
    }

    .cssThankYou h1 {
        font-size: 45px;
    }

    .cssThankYou h2 {
        font-size: 15px;
        line-height: 45px;
    }


    .cssThankYou p.copy {
        font-size: 20px;
    }

    .headline li {
        font-size: 20px;
        margin-top: 10px;
    }

}

@media(max-width:460px) {

    .headline h1 {
        font-size: 40px;
    }

    .headline h2 {
        font-size: 15px;
    }

    .blackBorder {
        width: 360px;
    }

    .headline ul li {
        font-size: 18px;
        letter-spacing: 3px;
        padding-right: 10px;
        padding-left: 10px;
    }

    .cssThankYou h2 {
        font-size: 12px;
    }

}

@media(max-width:375px) {
    .featurette-divider {
        margin: 10px 0;
    }

    .featurette-image {
        max-width: 100%;
    }

    .featurette-image.pull-left {
        margin-right: 0;
        margin-bottom: 10px;
    }

    .featurette-image.pull-right {
        margin-bottom: 10px;
        margin-left: 0;
    }
}