@font-face {
	font-family: "FontAwesome";
	font-weight: normal;
	font-style: normal;
	src: url("https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/fonts/fontawesome-webfont.eot?v=4.3.0");
	src: url("https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/fonts/fontawesome-webfont.eot?#iefix&v=4.3.0") format("embedded-opentype"), url("https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/fonts/fontawesome-webfont.woff2?v=4.3.0") format("woff2"), url("https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/fonts/fontawesome-webfont.woff?v=4.3.0") format("woff"), url("https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/fonts/fontawesome-webfont.ttf?v=4.3.0") format("truetype"), url("https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/fonts/fontawesome-webfont.svg?v=4.3.0#fontawesomeregular") format("svg");
}


/*--------------------------------------------------------------
# General
--------------------------------------------------------------*/


body {
    background: #fff;
    color: #666666;
    font-family: "Open Sans", sans-serif;
    overflow-x: hidden;
}

a {
	color: #1dc8cd;
	transition: 0.5s;
}

a:hover,
a:active,
a:focus {
	color: #1dc9ce;
	outline: none;
	text-decoration: none;
}

a.txt {
	color: #666;
	transition: 0.5s;
}

a.txt:hover,
a.txt:active,
a.txt:focus {
	color: #af0d1d;
	outline: none;
	text-decoration: none;
}

p {
	padding: 0;
	margin: 0 0 30px 0;
}

p.description {
	font-size: 10px;
}

.icon {
	font-size: 50px;
	color: #af0d1d;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: "Montserrat", sans-serif;
	margin: 0 0 20px 0;
	padding: 0;
}
.header-1 {
    font-family: "Montserrat", sans-serif;
    margin: 0 0 20px 0;
    padding: 0;
}

.sub-header-2 {
    font-family: "Montserrat", sans-serif;
    margin: 0 0 20px 0;
    padding: 0;
    /*KM 7.15:Added this to replicate h2*/
    display: block;
    font-weight: bold;
    font-weight: 500;
    line-height: 1.2;
    color: #666666;
    font-size: 2rem;
}

.sub-header-3 {
    font-family: "Montserrat", sans-serif;
    margin: 0 0 20px 0;
    padding: 0;

    /*KM 7.15:Added this to replicate h3*/
    font-weight: 500;
    line-height: 1.2;
    font-size: 1.75rem;
}

.sub-header-4 {
    font-family: "Montserrat", sans-serif;
    margin: 0 0 20px 0;
    padding: 0;
    /*KM 7.15:Added this to replicate h4*/
    font-weight: 500;
    line-height: 1.2;
    color: #666666;
    font-size: 1.5rem;
    /*text-align: center;*/
}

.sub-header-5 {
    font-family: "Montserrat", sans-serif;
    margin: 0 0 20px 0;
    padding: 0;
    /*KM 7.15:Added this to replicate h5*/
    display: block;
    font-weight: bold;
}

.sub-header-6 {
    font-family: "Montserrat", sans-serif;
    margin: 0 0 20px 0;
    padding: 0;
}

@media (max-width: 1004px) {
    h1 {
        /*font-size: 25px!important;*/
        font-size: 25px;
    }

    .header-1 {
        font-size: 25px;
    }

	h2 {
		color: #114357;
		font-weight: 600;
		font-size: 30px;
		margin-bottom: 10px;
	}

    .sub-header-2 {
        color: #114357;
        font-weight: 600;
        font-size: 30px;
        margin-bottom: 10px;
    }

	h3 {
		font-size: 20px!important;
	}

    .sub-header-3 {
        font-size: 20px !important;
    }

	p {
		font-size: 15px!important;
		font-weight: 300!important;
	}
}

main .temp {
	height: 5000px;
}

.container {
	max-width: 1500px!important;
}

.container.pb-40 {
	padding-bottom: 40px;
}


/* Back to top button */

.back-to-top {
	position: fixed;
	display: none;
	background: linear-gradient(45deg, #af0d1d, #af0d1d);
	color: #fff;
	padding: 2px 20px 8px 20px;
	font-size: 16px;
	border-radius: 4px 4px 0 0;
	right: 15px;
	bottom: 0;
	transition: none;
}

.back-to-top:focus {
	background: linear-gradient(45deg, #333, #333);
	color: #fff;
	outline: none;
}

.back-to-top:hover {
	background: #333;
	color: #fff;
}

/**KM: This is the new css for the floating top button so that it doesn't overlap with the chat tab/button **/

#back2Top {
    width: 40px;
    line-height: 40px;
    overflow: hidden;
    z-index: 999;
    display: none;
    cursor: pointer;
    -moz-transform: rotate(270deg);
    -webkit-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg);
    position: fixed;
    bottom: 300px;
    right: 0;
    background-color: #f7f7f7;
    color: #333;
    text-align: center;
    font-size: 30px;
    text-decoration: none;
    border-radius: 7px 7px 0 0;
}

    #back2Top:hover {
        background-color: #f7f7f7;
        color: #af0d1d;
    }

/*--------------------------------------------------------------
# General
--------------------------------------------------------------*/

hr.red {
	border-top: 3px solid #af0d1d;
	width: 100%;
	max-width: 75px;
	margin-bottom: 10px;
	margin-top: -10px;
	text-align: left;
	display: inline-block;
}

hr.red-center {
    border-top: 3px solid #af0d1d;
    width: 100%;
    max-width: 100px;
    margin-bottom: 20px;
    /*KM text-align:center doesn't work on IE*/
    /*text-align: center;*/
    /*This code replaces 'text-align=center' since it doesn't work on IE*/
    display: block;
    margin: 0 auto;
    padding-bottom: 20px;
}

.dt-only {
	display: inline-block;
}

.md-only {
	display: none;
}

.bg-blue {
	background-color: #e7f0f4;
}

.bg-gray {
	background-color: #f7f7f7;
}

@media (max-width: 1004px) {
	.dt-only {
		display: none;
	}
	.md-only {
		display: inline-block;
	}
}

p.callout {
	font-size: 25px;
	font-style: italic;
	padding: 20px 20px 20px 40px;
	border-left: 3px solid #af0d1d;
	background-color: #e7f0f4;
}


/*----------------------------------------------------------------------------------
# Make the first description in the overview h1 instead of the tour/wedding name.
----------------------------------------------------------------------------------*/

.page-title {
    box-sizing: border-box;
    margin-top: 20px;
    margin-bottom: 20px;
    font-family: Montserrat, sans-serif;
    font-weight: 500;
    line-height: 1.2;
    color: #666666;
    font-size: 2.5rem;
    padding: 0px;
}

#myCustomDiv h1 {
    box-sizing: border-box;
    margin: 0px 0px 30px;
    padding: 0px;
    color: #666666;
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    background-color: #f7f7f7;
    font-weight: bold;
}

#myCustomDiv .header-1 {
    box-sizing: border-box;
    margin: 0px 0px 30px;
    padding: 0px;
    color: #666666;
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    background-color: #f7f7f7;
    font-weight: bold;
}

@media (max-width: 1004px) {
    #myCustomDiv h1 {
        font-size:15px;
        font-weight:bold;
    }

    #myCustomDiv .header-1 {
        font-size: 15px;
        font-weight: bold;
    }
}
/*--------------------------------------------------------------
# Links
--------------------------------------------------------------*/

    a.bttn {
        display: inline-block;
        text-transform: uppercase;
        text-decoration: none;
        font-weight: 200;
        line-height: 1.3;
        border-radius: 3px;
        font-size: 15px;
        color: #fff;
        background-color: #2ca4d5;
        padding: 15px 20px;
    }

        a.bttn:hover {
            -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
            -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
            box-shadow: 0 1px 3px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
        }

        a.bttn.full {
            width: 100% !important;
            border-top-right-radius: 0;
            border-top-left-radius: 0;
        }

            a.bttn.full:hover {
                background-color: #af0d1d;
            }

    @media (max-width: 1004px) {
        a.bttn {
            font-size: 15px;
            padding: 15px 15px;
            width: 100%;
        }
    }

    .btn-choices {
        width: 100%;
        height: 50px !important;
        font-size: 20px !important;
        background-color: transparent;
        border: 3px solid #fff;
        color: #fff;
    }

        .btn-choices:hover {
            cursor: pointer;
            background-color: #fff;
            border: 3px solid #fff;
            color: #333;
        }


    /*--------------------------------------------------------------
# Top Bar
--------------------------------------------------------------*/

    #topbar {
        background: #fff;
        padding: 10px 0;
        border-bottom: 1px solid #eee;
        border-top: 5px solid #114357;
        font-size: 14px;
        z-index: 200;
        position: absolute;
        width: 100%;
    }

        #topbar .contact-info a {
            line-height: 1;
            color: #555;
        }

            #topbar .contact-info a:hover {
                color: #af0d1d;
            }

        #topbar .contact-info i {
            color: #af0d1d;
            padding: 4px;
        }

        #topbar .contact-info .fa-phone {
            padding-left: 20px;
            margin-left: 20px;
            border-left: 1px solid #e9e9e9;
        }

        #topbar .social-links a {
            color: #555;
            padding: 4px 12px;
            display: inline-block;
            line-height: 1px;
            border-left: 1px solid #e9e9e9;
        }

            #topbar .social-links a:hover {
                color: #af0d1d;
            }

            #topbar .social-links a:first-child {
                border-left: 0;
            }

/*KM 100119: Added the Top Nav bar on mobile for phone number*/
/*KAT*/
@media (max-width: 1004px) {
    .mobile-phone {
        background: #fff;
        padding: 5px 0;
        border-bottom: 1px solid #eee;
        border-top: 1px solid #114357;
        font-size: 14px;
        z-index: 100;
        position: absolute;
        width: 100%;
    }

    .contact-info a {
        line-height: 1;
        color: #555;
    }

        .contact-info a:hover {
            color: #af0d1d;
        }

    .contact-info i {
        color: #af0d1d;
        padding: 4px;
    }
}


    /*--------------------------------------------------------------
# Header Home Page
--------------------------------------------------------------*/

    #header {
        padding: 75px 0 30px 0;
        height: 92px;
        position: fixed;
        left: 0;
        top: 0;
        right: 0;
        /*transition: all 0.5s;*/
        z-index: 10;
    }

        #header #logo {
            float: left;
        }

        #header #logo2 {
            float: left;
            padding: 5px 0;
        }

        #header #logo h1 {
            font-size: 36px;
            margin: -4px 0 0 0;
            padding: 0;
            line-height: 1;
            display: inline-block;
            font-family: "Montserrat", sans-serif;
            font-weight: 300;
            letter-spacing: 3px;
            text-transform: uppercase;
        }

            #header #logo .header-1 {
                font-size: 36px;
                margin: -4px 0 0 0;
                padding: 0;
                line-height: 1;
                display: inline-block;
                font-family: "Montserrat", sans-serif;
                font-weight: 300;
                letter-spacing: 3px;
                text-transform: uppercase;
            }

                #header #logo h1 a,
                #header #logo h1 a:hover {
                    color: #fff;
                }

            #header #logo .header-1 a,
            #header #logo .header-1 a:hover {
                color: #fff;
            }

        #header #logo2 img {
            padding: 0;
            margin: 0;
            display: block;
        }

        #header #logo img {
            display: none;
        }

        #header.header-fixed {
            background: #fff;
            padding: 20px 0;
            height: 92px;
            /*transition: all 0.5s;*/
            box-shadow: 0px 6px 9px 0px rgba(0, 0, 0, 0.06);
        }

            #header.header-fixed #logo2 img {
                display: none;
                padding: 0;
                margin: 0;
            }

            #header.header-fixed #logo img {
                display: block;
                padding: 0;
                margin: 0;
            }

            /*Kat*/
            #header.header-fixed #phone {
                display: none;
            }

@media(min-width: 1004px) {
    /*KAT*/
    #header-sub #phone1 {
        display: none;
    }
}

    @media (max-width: 1004px) {
        #header {
            /*padding: 30px 0;*/
            padding: 46px 0; /*KAT*/ /*Brings the logo and phone lower*/
        }

            #header #logo { /*KAT*/
                float: left;
                padding: 20px 0; /*Brings the logo on the sticky nav bar*/
            }

            #header #logo img {
                max-height: 30px;
            }

            #header #logo2 img {
                max-height: 30px;
            }

            #header.header-fixed {
                height: 72px;
                height: 82px; /*KAT*/ /*White sticky navigation bar*/
            }

            /*KAT*/
            #header #phone {
                /*border: 1px solid green;*/
                top: 0;
                padding: 0;
                margin: 0;
                margin-left: auto;
                margin-right: auto;
                width: 8em;
                font-size: 14px;
                padding-top: 0px;
                color: red;
            }

            #header.contact-info a {
                line-height: 1;
                color: #555;
            }

                #header.contact-info a:hover {
                    color: #af0d1d;
                }

            #header.header-fixed #phone {
                display: block;
            }
    }


    /*--------------------------------------------------------------
# Header Sub Pages
--------------------------------------------------------------*/

    #header-sub {
        padding: 75px 0 30px 0;
        height: 155px;
        position: fixed;
        left: 0;
        top: 0;
        right: 0;
        /*transition: all 0.5s;*/
        z-index: 100;
        background-color: #fff;
    }

        #header-sub #logo {
            float: left;
            padding: 12px 0; /*Brings the logo on the sticky nav bar*/
        }

        /*Kat*/
        #header-sub #logo2 {
            float: left;
            padding: 5px 0; /*Brings the logo on the sticky nav bar*/
        }

        #header-sub #logo h1 {
            font-size: 36px;
            margin: -4px 0 0 0;
            padding: 0;
            line-height: 1;
            display: inline-block;
            font-family: "Montserrat", sans-serif;
            font-weight: 300;
            letter-spacing: 3px;
            text-transform: uppercase;
        }

        #header-sub #logo .header-1 {
            font-size: 36px;
            margin: -4px 0 0 0;
            padding: 0;
            line-height: 1;
            display: inline-block;
            font-family: "Montserrat", sans-serif;
            font-weight: 300;
            letter-spacing: 3px;
            text-transform: uppercase;
        }

        #header-sub #logo2 img {
            padding: 0;
            margin: 0;
            display: block;
        }

        #header-sub #logo img {
            display: none;
        }

        #header-sub.header-fixed {
            background: #fff;
            padding: 20px 0;
            height: 92px;
            /*transition: all 0.5s;*/
            box-shadow: 0px 6px 9px 0px rgba(0, 0, 0, 0.06);
        }

            #header-sub.header-fixed #logo2 img {
                display: none;
                padding: 0;
                margin: 0;
            }

            #header-sub.header-fixed #logo img {
                display: block;
                padding: 0;
                margin: 0;
            }


/*KAT*/
#header #phone {
    display: none;
}

/*KAT*/
#header-sub.header-fixed #phone1 {
    display: none;
}

    @media (max-width: 1004px) {
        #header-sub {
            padding: 30px 0;
            /*height: 92px;*/
            height: 82px;
        }

            #header-sub #logo img {
                max-height: 30px;
            }

            #header-sub #logo2 img {
                max-height: 30px;
            }

            #header-sub.header-fixed {
                /*height: 72px;*/
                height: 82px; /*Kat*/
            }

            /*KAT*/
            #header-sub #phone1 {
                /*border: 1px solid green;*/
                top: 0;
                padding: 0;
                /*margin: 0;*/
                margin-left: auto;
                margin-right: auto;
                width: 8em;
                font-size: 14px;
                /*padding-top: 0px;*/
                /*margin-top:-20px;*/
            }

            /*KAT*/
            #header-sub.contact-info a {
                line-height: 1;
                color: #555;
            }
                /*KAT*/
                #header-sub.contact-info a:hover {
                    color: #af0d1d;
                }

            /*KAT*/
            #header-sub.header-fixed #phone1 {
                display: block;
                padding-top: 20px;
            }
    }


    /*--------------------------------------------------------------
# Tables
--------------------------------------------------------------*/

    table {
        width: 100% !important;
        border: 1px solid #f7f7f7;
        font-size: 12px;
        text-align: center;
    }

    thead tr {
        background-color: #2ca4d5;
        color: #fff;
    }

    .column1,
    .column2,
    .column3,
    .column4,
    .column5,
    .column6,
    .column7,
    .column8,
    .column9,
    .column10,
    .column11,
    .column12,
    .column13,
    .column14 {
        width: auto;
        max-width: 7%;
        padding: 10px 15px;
        font-weight: 400;
    }

    tr.gray {
        background-color: #f7f7f7;
    }

    table td,
    table th {
        border: 1px solid #f7f7f7;
    }

        table td i {
            color: #af0d1d;
            font-size: 18px !important;
        }

    @media screen and (max-width: 1400px) {
        table {
            overflow-x: auto;
            display: block;
        }
    }


    /*--------------------------------------------------------------
# Intro Section
--------------------------------------------------------------*/

    @media (min-width: 1200px) {
        #intro {
            background-attachment: fixed;
        }
    }

    #intro .carousel-item {
        width: 100%;
        height: 100vh;
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
    }

        #intro .carousel-item::before {
            content: '';
            /*background: linear-gradient(45deg, rgba(17, 67, 87, 0.5), rgba(17, 67, 87, 0.5));*/
            background: linear-gradient(rgba(0, 0, 0, 0.10), rgba(0, 0, 0, 0.10));
            position: absolute;
            height: 100%;
            width: 100%;
            top: 0;
            right: 0;
            left: 0;
            bottom: 0;
            /*border: 5px solid red;*/
        }

    #intro .carousel-container {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        position: absolute;
        bottom: 0;
        top: 0;
        left: 0;
        right: 0;
    }

    #intro .carousel-background img {
        max-width: 100%;
    }

#intro .carousel-content {
    text-align: center;
    text-shadow: -2px -1px 11px rgb(0 0 0 / 99%);
    /*border: 5px dashed red;*/
}

#intro h1 {
    margin: 30px 0 10px 0;
    padding: 0 15px;
    font-size: 100px;
    /*font-size: 2.75rem;*/
    font-weight: 800;
    line-height: 100px;
    color: #fff;
    /*color: red;*/
}

#intro .header-1 {
    margin: 30px 0 10px 0;
    padding: 0 15px;
    font-size: 100px;
    font-weight: 800;
    line-height: 100px;
    color: #fff;
}

    #intro h2 {
        margin: 30px 0 10px 0;
        padding: 0 15px;
        font-size: 48px;
        font-weight: 400;
        line-height: 56px;
        color: #fff;
    }
    
    #intro .sub-header-2 {
        margin: 30px 0 10px 0;
        padding: 0 15px;
        font-size: 48px;
        font-weight: 400;
        line-height: 56px;
        color: #fff;
    }

#intro .intro-text {
    position: absolute;
    left: 0;
    /*top:300px;*/
    top:400px;
    right: 0;
    height: 250px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    flex-direction: column;
    width: 60%;
    margin: 0 auto;
}

    @media (max-width: 1200px) {
        #intro .intro-text {
            position: absolute;
            left: 0;
            top:275px;
            right: 0;
            display: flex;
            align-items: center;
            justify-content: center;
            text-align: center;
            flex-direction: column;
            width: 80%;
            margin: 0 auto;            
        }

        #intro h1 {
            margin: 30px 0 10px 0;
            padding: 0 15px;
            font-size: 50px;
            font-weight: 800;
            line-height: 50px;
        }

        #intro .header-1 {
            margin: 30px 0 10px 0;
            padding: 0 15px;
            font-size: 50px;
            font-weight: 800;
            line-height: 50px;
        }

        #intro h2 {
            font-size: 28px;
            line-height: 36px;
        }

        #intro .sub-header-2 {
            font-size: 28px;
            line-height: 36px;
        }
    }
    
    /*Ipad Pro*/
    @media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) {
    #intro .intro-text {
        height: 250px;
    }
}


/******Kat: 6.5 - Revised for no video display (just image) on mobile version******/
@media (max-width: 500px) {
    #intro .intro-text {
        /*height: calc(40% - 100px);*/
    }
}

@media (max-width: 400px) {
    #intro .intro-text {
        /*height: calc(50% - 100px);*/
    }
}


@media (max-width: 360px) {
    #intro .intro-text {
        /*height: calc(50% - 100px);*/
    }
}


@media (max-width: 350px) {
    #intro .intro-text {
        /*height: calc(50% - 100px);*/
    }
}
/*********************************************************************/


    #intro p {
        color: #fff;
        margin: 0 auto 20px auto;
        padding: 0 15px;
        font-size: 24px;
        width: 85%;
    }

    @media (max-width: 1200px) {
        #intro h1 {
            font-size: 40px !important;
            font-weight: 800;
            line-height: 50px;
            color: #fff;
        }

        #intro .header-1 {
            font-size: 40px !important;
            font-weight: 800;
            line-height: 50px;
            color: #fff;
        }

        #intro p {
            font-size: 25px;
            line-height: 24px;
            margin-bottom: 20px;
            font-weight: 600 !important;
        }
    }

    #intro .btn-get-started {
        font-family: "Montserrat", sans-serif;
        font-weight: 500;
        font-size: 16px;
        letter-spacing: 1px;
        display: inline-block;
        padding: 8px 32px;
        border-radius: 50px;
        transition: 0.5s;
        margin: 10px;
        color: #fff;
        background: #18d26e;
    }

        #intro .btn-get-started:hover {
            background: #fff;
            color: #18d26e;
        }



/*--------------------------------------------------------------
# Full Section
--------------------------------------------------------------*/
#full {
    display: table;
    width: 100%;
    height: 415px;
}

    #full .carousel-item {
        width: 100%;
        height: 415px;
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
    }

        #full .carousel-item::before {
            content: '';
            /*background: linear-gradient(45deg, rgba(17, 67, 87, 0.5), rgba(17, 67, 87, 0.5));*/
            background: linear-gradient(rgba(0, 0, 0, 0.10), rgba(0, 0, 0, 0.10));
            position: absolute;
            height: 100%;
            width: 100%;
            top: 0;
            right: 0;
            left: 0;
            bottom: 0;
            /*border: 5px solid blue;*/
        }

    #full .carousel-container {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        position: absolute;
        bottom: 0;
        top: 0;
        left: 0;
        right: 0;
    }

    #full .carousel-background img {
        max-width: 100%;
    }

    #full .carousel-content {
        text-align: center;
        text-shadow: -2px -1px 11px rgb(0 0 0 / 99%);
        /*border: 5px dashed blue;*/
    }

    #full .carousel-content-tl {
        text-align: center;
    }

    #full h1 {
        margin: 30px 0 10px 0;
        padding: 0 15px;
        /*font-size: 65px;*/
        font-size: 3rem;
        font-weight: 800;
        line-height: 100px;
        color: #fff;
        /*color: blue;*/
    }

    #full h1:before {
        content: "\a";
        white-space: pre;
    }

    #full .header-1 {
        margin: 30px 0 10px 0;
        padding: 0 15px;
        /*font-size: 65px;*/
        font-size:3rem;
        font-weight: 800;
        /*line-height: 100px;*/
        line-height:normal;
        color: #fff;
        /*color:blue;*/
    }

        #full .header-1:before {
            content: "\a\a\a";
            white-space: pre;
        }

    #full h2 {
        margin: 30px 0 10px 0;
        padding: 0 15px;
        font-size: 48px;
        font-weight: 400;
        line-height: 56px;
        color: #fff;
    }

    #full .sub-header-2 {
        margin: 30px 0 10px 0;
        padding: 0 15px;
        font-size: 48px;
        font-weight: 400;
        line-height: 56px;
        color: #fff;
    }


@media (max-width: 1200px) {
    #full .intro-text {
        position: absolute;
        left: 0;
        top: 300px;
        right: 0;
        height: calc(50% - 300px);
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
        flex-direction: column;
        width: 100%;
        margin: 0 auto;
    }

    #full h1 {
        font-size: 35px;
        font-weight: 800;
        line-height: 50px;
        color: #fff;
    }

    #full .header-1 {
        font-size: 35px;
        font-weight: 800;
        line-height: 50px;
        color: #fff;
        /*color:blue;*/
    }

    #full h2 {
        font-size: 28px;
        line-height: 36px;
    }

    #full .sub-header-2 {
        font-size: 28px;
        line-height: 36px;
    }

    #full {
        height: 25vh; 
    }
    #full .carousel-item {
        height: 25vh; 
    }
}

#full p {
    color: #fff;
    margin: 0 auto 20px auto;
    padding: 0 15px;
    font-size: 22px;
    width: 85%;
}

@media (max-width: 600px) {
    #full h1 {
        font-size: 33px;
        font-weight: 800;
        line-height: normal;
        color: #fff;
        /*color:blue;*/
    }

    #full h1:before {
        content: "\a\a\a";
        white-space: pre;
    }

    #full .header-1 {
        font-size: 33px;
        font-weight: 800;
        line-height: normal;
        color: #fff;
        /*color:blue;*/
    }


        #full .header-1:before {
            content: "\a\a\a";
            white-space: pre;
        }

    #full p {
        font-size: 14px !important;
        line-height: 24px;
        margin-bottom: 20px;
    }

    #full {
        height: 35vh;
    }
    #full .carousel-item {
        height: 35vh;
    }
}


@media only screen and (max-device-width:1180px) and (orientation :landscape) {
    #full {
        height: 45vh;
    }

        #full .carousel-item {
            height: 45vh;
        }

        #full h1 {
            color: #fff;
            /*color: blue;*/
        }

        #full .header-1 {
            color: #fff;
            /*color: blue;*/
        }
}

@media only screen and (max-device-width:1138px) and (orientation :landscape) {
    #full {
        height: 45vh;
    }

        #full .carousel-item {
            height: 45vh;
        }

        #full h1 {
            color: #fff;
            /*color: blue;*/
        }

        #full .header-1 {
            color: #fff;
            /*color: blue;*/
        }
}

@media only screen and (max-device-width:1024px) and (orientation :landscape) {
    #full {
        height: 50vh;
    }

        #full .carousel-item {
            height: 50vh;
        }

        #full h1 {
            color: #fff;
            /*color: blue;*/
        }

        #full .header-1 {
            color: #fff;
            /*color: blue;*/
        }
}

@media only screen and (max-device-width:960px) and (orientation :landscape) {
    #full {
        height: 45vh;
    }

        #full .carousel-item {
            height: 45vh;
        }

        #full h1 {
            color: #fff;
            /*color: blue;*/
        }

        #full .header-1 {
            color: #fff;
            /*color: blue;*/
        }
}

@media only screen and (max-device-width:915px) and (orientation :landscape) {
    #full {
        height: 65vh;
    }

        #full .carousel-item {
            height: 65vh;
        }

        #full h1 {
            color: #fff;
            /*color: blue;*/
        }

        #full .header-1 {
            color: #fff;
            /*color: blue;*/
        }
}

@media only screen and (max-device-width:896px) and (orientation :landscape) {
    #full {
        height: 65vh;
    }

        #full .carousel-item {
            height: 65vh;
        }

        #full h1 {
            color: #fff;
            /*color: blue;*/
        }

        #full .header-1 {
            color: #fff;
            /*color: blue;*/
        }
}

@media only screen and (max-device-width:854px) and (orientation :landscape) {
    #full {
        height: 50vh;
    }

        #full .carousel-item {
            height: 50vh;
        }

        #full h1 {
            color: #fff;
            /*color: blue;*/
        }

        #full .header-1 {
            color: #fff;
            /*color: blue;*/
        }
}

@media only screen and (max-device-width:851px) and (orientation :landscape) {
    #full {
        height: 65vh;
    }

        #full .carousel-item {
            height: 65vh;
        }

        #full h1 {
            color: #fff;
            /*color: blue;*/
        }

        #full .header-1 {
            color: #fff;
            /*color: blue;*/
        }
}

@media only screen and (max-device-width:786px) and (orientation :landscape) {
    #full {
        height: 60vh;
    }

        #full .carousel-item {
            height: 60vh;
        }

        #full h1 {
            color: #fff;
            /*color: blue;*/
        }

        #full .header-1 {
            color: #fff;
            /*color: blue;*/
        }
}

@media only screen and (max-device-width:745px) and (orientation :landscape) {
    #full {
        height: 65vh;
    }

        #full .carousel-item {
            height: 65vh;
        }

        #full h1 {
            color: #fff;
            /*color: blue;*/
        }

        #full .header-1 {
            color: #fff;
            /*color: blue;*/
        }
}

@media only screen and (max-device-width:667px) and (orientation :landscape) {
    #full {
        height: 65vh;
    }

        #full .carousel-item {
            height: 65vh;
        }

        #full h1 {
            color: #fff;
            /*color: blue;*/
        }

        #full .header-1 {
            color: #fff;
            /*color: blue;*/
        }
}

@media only screen and (max-device-width:653px) and (orientation :landscape) {
    #full {
        height: 85vh;
    }

        #full .carousel-item {
            height: 85vh;
        }

        #full h1 {
            color: #fff;
            /*color: blue;*/
        }

        #full .header-1 {
            color: #fff;
            /*color: blue;*/
        }
}

@media only screen and (max-device-width:640px) and (orientation :landscape) {

    #full {
        height: 65vh;
    }

        #full .carousel-item {
            height: 65vh;
        }

        #full h1 {
            color: #fff;
            /*color: blue;*/
        }

        #full .header-1 {
            color: #fff;
            /*color: blue;*/
        }
}



#full .carousel-fade {
    overflow: hidden;
}

    #full .carousel-fade .carousel-inner .carousel-item {
        transition-property: opacity;
    }

    #full .carousel-fade .carousel-inner .carousel-item,
    #full .carousel-fade .carousel-inner .active.carousel-item-left,
    #full .carousel-fade .carousel-inner .active.carousel-item-right {
        opacity: 0;
    }

    #full .carousel-fade .carousel-inner .active,
    #full .carousel-fade .carousel-inner .carousel-item-next.carousel-item-left,
    #full .carousel-fade .carousel-inner .carousel-item-prev.carousel-item-right {
        opacity: 1;
        transition: 0.5s;
    }

        #full .carousel-fade .carousel-inner .carousel-item-next,
        #full .carousel-fade .carousel-inner .carousel-item-prev,
        #full .carousel-fade .carousel-inner .active.carousel-item-left,
        #full .carousel-fade .carousel-inner .active.carousel-item-right {
            left: 0;
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
        }

#full .carousel-control-prev,
#full .carousel-control-next {
    width: 10%;
}

@media (min-width: 985px) {
    #full .carousel-control-prev,
    #full .carousel-control-next {
        display: none;
    }
}

#full .carousel-control-next-icon,
#full .carousel-control-prev-icon {
    background: none;
    font-size: 32px;
    line-height: 1;
}

#full .carousel-indicators li {
    cursor: pointer;
}

#full .btn-get-started {
    font-family: "Montserrat", sans-serif;
    font-weight: 500;
    font-size: 16px;
    letter-spacing: 1px;
    display: inline-block;
    padding: 8px 32px;
    border-radius: 50px;
    transition: 0.5s;
    margin: 10px;
    color: #fff;
    background: #18d26e;
}

    #full .btn-get-started:hover {
        background: #fff;
        color: #18d26e;
    }


/**KM: mobile version display fix for Tour Listing page with form**/
@media (max-width: 1200px) {
    #full .carousel-content-tl {
        /*border: 5px solid aqua;*/
        margin-top: -165px;
    }
}

@media (max-width: 600px) {
    #full .carousel-content-tl {
        /*border: 5px solid pink;*/
        margin-top: -165px;
    }
}

@media (max-width: 500px) {
    #full .carousel-content-tl {
        /*border: 5px solid yellow;*/
    }
}

@media (max-width: 400px) {
    #full .carousel-content-tl {
        /*border: 5px solid blue;*/
        margin-top: -165px;
    }
}

@media (max-width: 360px) {
    #full .carousel-content-tl {
        /*border: 5px solid green;*/
        margin-top: -165px;
    }
}

@media (max-width: 350px) {
    #full .carousel-content-tl {
        /*border: 5px solid red;*/
        margin-top: -125px;
    }

        #full .carousel-content-tl h1 {
            font-size: 37px;
        }

        #full .carousel-content-tl .header-1 {
            font-size: 37px;
        }
}
/**KM: mobile version display fix for Tour Listing page with form**/


    /* Customize the label (the ) */

    .contain {
        display: block;
        position: relative;
        padding-left: 35px;
        margin-bottom: 12px;
        margin-left: 15px;
        cursor: pointer;
        font-size: 15px;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }


        /* Hide the browser's default checkbox */

        .contain input {
            position: absolute;
            opacity: 0;
            cursor: pointer;
            height: 0;
            width: 0;
        }


    /* Create a custom checkbox */

    .checkmark {
        position: absolute;
        top: 0;
        left: 0;
        height: 25px;
        width: 25px;
        background-color: #fff;
        border: 1px solid #ccc;
    }


    /* On mouse-over, add a grey background color */

    .contain:hover input ~ .checkmark {
        background-color: #fff;
        border: 1px solid #ccc;
    }


    /* When the checkbox is checked, add a blue background */

    .contain input:checked ~ .checkmark {
        background-color: #fff;
        border: 1px solid #ccc;
    }


    /* Create the checkmark/indicator (hidden when not checked) */

    .checkmark:after {
        content: "";
        position: absolute;
        display: none;
    }


    /* Show the checkmark when checked */

    .contain input:checked ~ .checkmark:after {
        display: block;
    }


    /* Style the checkmark/indicator */

    .contain .checkmark:after {
        left: 10px;
        top: 6px;
        width: 5px;
        height: 10px;
        border: solid #af0d1d;
        border-width: 0 2px 2px 0;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
    }


    /*--------------------------------------------------------------
# Intro Section


#intro {
	width: 100%;
	height: 100vh;
	background: linear-gradient(45deg, rgba(17, 67, 87, 0.5), rgba(17, 67, 87, 0.5)), url("../img/3000x2000-500k.jpg") center center no-repeat;
	background-size: cover;
	position: relative;
}

@media (min-width: 1200px) {
	#intro {
		background-attachment: fixed;
	}
}

#intro .intro-text {
	position: absolute;
	left: 0;
	top: 50%;
	right: 0;
	height: calc(50% - 500px);
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	flex-direction: column;
	width: 60%;
	margin: 0 auto;
}

#intro h1 {
	margin: 30px 0 10px 0;
	padding: 0 15px;
	font-size: 100px;
	font-weight: 800;
	line-height: 100px;
	color: #fff;
}

#intro h2 {
	margin: 30px 0 10px 0;
	padding: 0 15px;
	font-size: 48px;
	font-weight: 400;
	line-height: 56px;
	color: #fff;
}

@media (max-width: 1200px) {
	#intro .intro-text {
		position: absolute;
		left: 0;
		top: 300px;
		right: 0;
		height: calc(50% - 300px);
		display: flex;
		align-items: center;
		justify-content: center;
		text-align: center;
		flex-direction: column;
		width: 100%;
		margin: 0 auto;
	}
	#intro h1 {
		margin: 30px 0 10px 0;
		padding: 0 15px;
		font-size: 50px;
		font-weight: 800;
		line-height: 50px;
		color: #fff;
	}
	#intro h2 {
		font-size: 28px;
		line-height: 36px;
	}
	#intro {
		height: 100vh;
	}
}

#intro p {
	color: #fff;
	margin-bottom: 20px;
	padding: 0 15px;
	font-size: 24px;
	width: 85%;
}

@media (max-width: 1200px) {
	#intro h1 {
		font-size: 40px!important;
		font-weight: 800;
		line-height: 50px;
		color: #fff;
	}
	#intro p {
		font-size: 25px;
		line-height: 24px;
		margin-bottom: 20px;
		font-weight: 600!important;
	}
}

#intro .btn-get-started {
	font-family: "Montserrat", sans-serif;
	font-weight: 400;
	font-size: 16px;
	letter-spacing: 1px;
	display: inline-block;
	padding: 8px 28px;
	border-radius: 50px;
	transition: 0.5s;
	margin: 10px;
	border: 2px solid #fff;
	color: #fff;
}

#intro .btn-get-started:hover {
	color: #666;
	background: #fff;
}

#intro .product-screens {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	overflow: hidden;
	text-align: center;
	width: 100%;
	height: 50%;
}

#intro .product-screens img {
	box-shadow: 0px -2px 19px 4px rgba(0, 0, 0, 0.29);
}

#intro .product-screens .product-screen-1 {
	position: absolute;
	z-index: 30;
	left: calc(50% + 54px);
	bottom: 0;
	top: 30px;
}

#intro .product-screens .product-screen-2 {
	position: absolute;
	z-index: 20;
	left: calc(50% - 154px);
	bottom: 0;
	top: 90px;
}

#intro .product-screens .product-screen-3 {
	position: absolute;
	z-index: 10;
	left: calc(50% - 374px);
	bottom: 0;
	top: 150px;
}

--------------------------------------------------------------*/


    /*--------------------------------------------------------------
# Navigation Menu
--------------------------------------------------------------*/


    /* Nav Menu Essentials */

    .nav-menu,
    .nav-menu * {
        margin: 0;
        padding: 0;
        list-style: none;
    }

        .nav-menu ul {
            position: absolute;
            display: none;
            top: 100%;
            left: 0;
            z-index: 1000;
        }

        .nav-menu li {
            position: relative;
            white-space: nowrap;
        }

        .nav-menu > li {
            float: left;
        }

        .nav-menu li:hover > ul,
        .nav-menu li.sfHover > ul {
            display: block;
        }

        .nav-menu ul ul {
            top: 0;
            left: 100%;
        }

        .nav-menu ul li {
            min-width: 180px;
        }


        /* Nav Menu Sub Pages */

        .nav-menu.sub,
        .nav-menu.sub * {
            margin: 0;
            padding: 0;
            list-style: none;
        }

            .nav-menu.sub ul {
                position: absolute;
                display: none;
                top: 100%;
                left: 0;
                z-index: 99;
            }

            .nav-menu.sub li {
                position: relative;
                white-space: nowrap;
            }

            .nav-menu.sub > li {
                float: left;
            }

            .nav-menu.sub li:hover > ul,
            .nav-menu.sub li.sfHover > ul {
                display: block;
            }

            .nav-menu.sub ul ul {
                top: 0;
                left: 100%;
            }

            .nav-menu.sub ul li {
                min-width: 180px;
            }


    /* Nav Menu Arrows */

    .sf-arrows .sf-with-ul {
        padding-right: 30px;
    }

        .sf-arrows .sf-with-ul:after {
            content: "\f107";
            position: absolute;
            right: 15px;
            font-family: FontAwesome;
            font-style: normal;
            font-weight: normal;
        }

    .sf-arrows ul .sf-with-ul:after {
        content: "\f105";
    }


    /* Nav Menu Arrows Sub */

    .nav-menu.sub.sf-arrows .sf-with-ul {
        padding-right: 30px;
    }

        .nav-menu.sub.sf-arrows .sf-with-ul:after {
            content: "\f107";
            position: absolute;
            right: 15px;
            font-family: FontAwesome;
            font-style: normal;
            font-weight: normal;
        }

    .nav-menu.sub.sf-arrows ul .sf-with-ul:after {
        content: "\f105";
    }

    .navbar-dark .navbar-nav .nav-link {
        color: rgba(255, 255, 255, 1);
    }


    /* Nav Meu Container */

    #nav-menu-container {
        float: right;
        margin: 0;
    }

    @media (max-width: 985px) {
        #nav-menu-container {
            display: none;
        }
    }


    /* Nav Meu Styling Home*/

    .nav-menu a {
        padding: 20px 8px 10px 8px;
        text-decoration: none;
        display: inline-block;
        color: #fff;
        font-family: "Montserrat", sans-serif;
        font-weight: 400;
        font-size: 14px;
        outline: none;
    }

        .nav-menu a:hover {
            border-bottom: 2px solid #af0d1d;
        }

        .nav-menu a:active {
            border-bottom: 2px solid #af0d1d;
        }

    .header-fixed .nav-menu a {
        color: #666;
    }

        .header-fixed .nav-menu a:hover {
            border-bottom: 2px solid #af0d1d;
        }

        .header-fixed .nav-menu a:active {
            border-bottom: 2px solid #af0d1d;
        }

    .nav-menu > li {
        margin-left: 10px;
    }

        .nav-menu > li.menu-active {
            border-bottom: 2px solid #af0d1d;
        }

    .nav-menu ul {
        margin: 4px 0 0 0;
        padding: 10px;
        box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);
        background: #fff;
    }

        .nav-menu ul li {
            transition: 0.3s;
        }

            .nav-menu ul li a {
                padding: 10px;
                color: #666;
                transition: 0.3s;
                display: block;
                font-size: 13px;
                text-transform: none;
            }

            .nav-menu ul li:hover > a {
                color: #af0d1d;
            }

        .nav-menu ul ul {
            margin: 0;
        }


    /* Nav Meu Styling Sub Pages*/

    .nav-menu.sub a {
        padding: 20px 8px 10px 8px;
        text-decoration: none;
        display: inline-block;
        color: #666;
        font-family: "Montserrat", sans-serif;
        font-weight: 400;
        font-size: 14px;
        outline: none;
    }

        .nav-menu.sub a:hover {
            border-bottom: 2px solid #af0d1d;
        }

        .nav-menu.sub a:active {
            border-bottom: 2px solid #af0d1d;
        }

    .header-fixed .nav-menu.sub a {
        color: #666;
    }

        .header-fixed .nav-menu.sub a:hover {
            border-bottom: 2px solid #af0d1d;
        }

        .header-fixed .nav-menu.sub a:active {
            border-bottom: 2px solid #af0d1d;
        }

    .nav-menu.sub > li {
        margin-left: 10px;
    }

        .nav-menu.sub > li.menu-active {
            border-bottom: 2px solid #af0d1d;
        }

    .nav-menu.sub ul {
        margin: 4px 0 0 0;
        padding: 10px;
        box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);
        background: #fff;
    }

        .nav-menu.sub ul li {
            transition: 0.3s;
        }

            .nav-menu.sub ul li a {
                padding: 10px;
                color: #666;
                transition: 0.3s;
                display: block;
                font-size: 13px;
                text-transform: none;
            }

            .nav-menu.sub ul li:hover > a {
                color: #af0d1d;
            }

        .nav-menu.sub ul ul {
            margin: 0;
        }


    /* Mobile Nav Toggle */

    #mobile-nav-toggle {
        position: fixed;
        right: 0;
        top: 0;
        z-index: 999;
        margin: 20px 20px 0 0;
        border: 0;
        background: none;
        font-size: 24px;
        display: none;
        transition: all 0.4s;
        outline: none;
        cursor: pointer;
    }

        #mobile-nav-toggle i {
            /*color: #000;*/
            color: #aaa; /*KAT*/
        }

    @media (max-width: 985px) {
        #mobile-nav-toggle {
            display: inline;
            padding: 25px 0; /*KAT*/
        }
    }


    /* Mobile Nav Styling */

    #mobile-nav {
        position: fixed;
        top: 0;
        padding-top: 18px;
        bottom: 0;
        z-index: 998;
        background: rgba(17, 67, 87, 0.9);
        left: -260px;
        width: 260px;
        overflow-y: auto;
        transition: 0.4s;
    }

        #mobile-nav ul {
            padding: 0;
            margin: 0;
            list-style: none;
        }

            #mobile-nav ul li {
                position: relative;
            }

                #mobile-nav ul li a {
                    color: #fff;
                    font-size: 16px;
                    overflow: hidden;
                    padding: 10px 22px 10px 15px;
                    position: relative;
                    text-decoration: none;
                    width: 100%;
                    display: block;
                    outline: none;
                }

                    #mobile-nav ul li a:hover {
                        color: #2ca4d5;
                    }

                #mobile-nav ul li li {
                    padding-left: 30px;
                }

            #mobile-nav ul .menu-has-children i {
                position: absolute;
                right: 0;
                z-index: 99;
                padding: 15px;
                cursor: pointer;
                color: #aaa;
            }

                #mobile-nav ul .menu-has-children i.fas-chevron-up {
                    color: #2ca4d5;
                }

            #mobile-nav ul .menu-item-active {
                color: #2ca4d5;
            }

    #mobile-body-overly {
        width: 100%;
        height: 100%;
        z-index: 997;
        top: 0;
        left: 0;
        position: fixed;
        background: rgba(52, 59, 64, 0.9);
        display: none;
    }


    /* Mobile Nav body classes */

    body.mobile-nav-active {
        overflow: hidden;
    }

        body.mobile-nav-active #mobile-nav {
            left: 0;
        }

        body.mobile-nav-active #mobile-nav-toggle {
            color: #aaa;
        }


    /*--------------------------------------------------------------
# Sections
--------------------------------------------------------------*/


    /* Sections Header
--------------------------------*/

    .section-header .section-title {
        font-size: 32px;
        color: #111;
        text-align: center;
        font-weight: 400;
    }

    .section-header .section-description {
        text-align: center;
        padding-bottom: 40px;
        color: #777;
        font-style: italic;
    }

    .section-header .section-divider {
        display: block;
        width: 60px;
        height: 3px;
        background: #fff;
        background: linear-gradient(0deg, #666 0%, #55fabe 100%);
        margin: 0 auto;
        margin-bottom: 20px;
    }


    /* Section with background
--------------------------------*/

    .section-bg {
        background: #eff5f5;
    }




/*--------------------------------------------------------------
# PlayButton
--------------------------------------------------------------*/

.video-wrap {
    position: relative;
    width: 100%;
    margin-bottom: 10px;
}

    .video-wrap .placeholder {
        width: 100%;
    }

.play-btn:before {
    content: "WATCH VIDEO";
    bottom: -25px;
    font-size: 12px;
    font-weight: 600;
    white-space: nowrap;
    color: #FFF;
    position: absolute;
    left:0px;
}

.video-wrap .play-btn {    
    position: absolute; 
    width: 75px;
    height: 75px;
    left: 50%; 
    top: 50%;
    transform: translate(-50%, -50%);
    /* needed if using Bootstrap */
    text-align: center;
    color: #fff;
    background-color: #f46149;
    border-radius: 50px;
    transition: all .2s ease;
}

    .video-wrap .play-btn:hover,
    .video-wrap .play-btn:focus {
        color: #FFF;
        background-color: #f46149;
        cursor: pointer;
    }

.play-btn::after {
    /*Font Awesome recommends these styles https://fontawesome.com/how-to-use/on-the-web/advanced/css-pseudo-elements */
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    /* Define the font family, weight, and icon */
    font-family: FontAwesome;
    font-weight: 900;
    font-size: 35px;
    content: "\f04b";
    /* positioning tweaks */
    padding-top: 25px;
    padding-left: 10px;
   
}





    /*--------------------------------------------------------------
# Form
--------------------------------------------------------------*/

    form.home {
        min-width: 900px
    }

    .form-control {
        background-color: #f7f7f7;
        border: none;
        box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.10);
        height: 50px !important;
        border-radius: 3px;
        border: 1px solid #f7f7f7;
    }

    .btn-secondary.forms {
        width: 100%;
        height: 50px !important;
        font-size: 20px !important;
        background-color: #af0d1d;
        border: none;
    }

        .btn-secondary.forms:hover {
            cursor: pointer;
            background-color: #333;
            border: none;
        }

    .btn-secondary-blk.forms {
        width: 100%;
        height: 50px !important;
        font-size: 20px !important;
        background-color: #2ca4d5;
        border: none;
        color: #fff !important;
    }

        .btn-secondary-blk.forms:hover {
            cursor: pointer;
            background-color: #333;
            border: none;
        }

    @media (max-width: 1200px) {
        form.home {
            min-width: 100%;
        }
    }


    /* Packages Section
--------------------------------*/

    #packages {
        padding: 0;
        overflow: hidden;
    }

        #packages #packages-list {
            padding: 0;
            list-style: none;
        }

            #packages #packages-list li {
                border-bottom: 1px solid #e7e7e7;
                padding-left: 0;
                margin-left: 0;
                padding: 7px 0;
            }

            #packages #packages-list a {
                padding: 18px 0;
                display: block;
                position: relative;
                font-family: "Montserrat", sans-serif;
                font-size: 20px;
                font-weight: 400;
                line-height: 1;
                font-weight: 400;
                padding-right: 20px;
            }

            #packages #packages-list i {
                font-size: 15px;
                position: absolute;
                right: 0;
                top: 16px;
                color: #af0d1d;
            }

            #packages #packages-list p {
                margin-bottom: 20px;
            }

    @media (max-width: 768px) {
        #packages #packages-list a {
            font-size: 15px;
            font-weight: 400;
        }

        #packages #packages-list i {
            top: 13px;
        }
    }

    #packages #packages-list a.collapse {
        color: #2ca4d5;
        font-weight: 400;
    }

    #packages #packages-list a.collapsed {
        color: #114357;
        font-size: 20px;
        font-weight: 400;
    }

        #packages #packages-list a.collapsed i::before {
            content: "\f2c7" !important;
        }

    ul.packs {
        list-style: none;
        /* Remove list bullets */
        padding: 0;
        margin: 0;
    }

        ul.packs li {
            padding-left: 0;
            border-bottom: none !important;
            margin-bottom: 10px;
        }

            ul.packs li:before {
                content: "•";
                padding-right: 8px;
                color: #af0d1d;
            }

    .container-drop {
        width: 100%;
        padding-right: 0px;
        padding-left: 0px;
        margin-right: auto;
        margin-left: auto;
    }


    /* dest Section
--------------------------------*/

    #dest {
        padding: 0;
        overflow: hidden;
    }

        #dest .dest-img {
            height: 500px;
            overflow: hidden;
        }

            #dest .dest-img img {
                margin-left: 0;
                margin-right: 0;
                max-width: 100%;
                position: relative;
                top: 50%;
                transform: translateY(-50%);
            }

        #dest .pad-box {
            padding: 40px;
        }

        #dest .col.pr-0 {
            padding: 0 !important;
        }

        #dest h5 {
            color: #114357;
            font-weight: 600;
            font-size: 40px;
            margin-bottom: 10px;
        }

        #dest .sub-header-5 {
            color: #114357;
            font-weight: 600;
            font-size: 40px;
            margin-bottom: 10px;
            /*KM 7.15:Added this to replicate h5*/
            line-height: normal;
        }

    @media (max-width: 1004px) {

     #dest h5 {
        font-size: 30px;
        }
     
     #dest .sub-header-5 {
         font-size: 30px;
         /*KM 7.15:Added this to replicate h5*/
         line-height: normal;
        }
    }

        #dest h2 {
            color: #666;
            font-weight: 500;
            font-size: 25px;
        }
        
        #dest .sub-header-2 {
            color: #666;
            font-weight: 700;
            font-size: 25px;
        }

            #dest h2 span {
                color: #af0d1d;
                font-weight: 700;
            }
            
            #dest .sub-header-2 span {
                color: #af0d1d;
                font-weight: 700;
            }

        #dest .content .h2 {
            color: #333;
            font-weight: 300;
            font-size: 24px;
        }
        
        #dest .content .sub-header-2 {
        /*KM 7.15:Modified this to replicate h2*/
            color: #666;
            font-weight: 500;
            font-size: 25px;
            line-height: 1.2;
        }

        #dest .content h3 {
            color: #777;
            font-weight: 300;
            font-size: 18px;
            line-height: 26px;
            font-style: italic;
        }
        
        #dest .content .sub-header-3 {
            color: #777;
            font-weight: 300;
            font-size: 18px;
            line-height: 26px;
            font-style: italic;
        }

        #dest .content p {
            line-height: 26px;
        }

            #dest .content p:last-child {
                margin-bottom: 0;
            }

        #dest .content i {
            font-size: 15px;
            padding-left: 15px;
            color: #fff;
            font-weight: 300;
        }

        #dest .content ul {
            list-style: none;
            padding: 0;
        }

            #dest .content ul li {
                padding-bottom: 10px;
            }

    @media (max-width: 1200px) {
        #dest .dest-img {
            height: auto;
        }

            #dest .dest-img img {
                margin-left: 0;
                padding-bottom: 10px;
            }

        #dest .pad-box {
            padding: 20px 10px 30px 10px;
        }

        #dest .row.bg-blue {
            background-color: #fff;
        }

        #dest h1 {
            font-size: 30px;
        }

        #dest .header-1 {
            font-size: 30px;
        }

        #dest h2 {
            font-size: 20px;
        }

        #dest .content .sub-header-2 {
            font-size: 20px;
        }

        #dest .content p {
            font-size: 15px;
            line-height: 20px;
            font-weight: 300;
        }
    }

    .pd-right {
        padding-right: 150px;
    }

    .pd-left {
        padding-left: 150px;
    }

    .marg-50 {
        margin-top: 50px;
    }


    /* Clients Section
--------------------------------*/

    #clients {
        text-align: center;
        padding-bottom: 50px;
    }

        #clients h5 {
            color: #114357;
            font-weight: 600;
            font-size: 40px;
            margin-bottom: 10px;
        }

        #clients .sub-header-5 {
            color: #114357;
            font-weight: 600;
            font-size: 40px;
            margin-bottom: 10px;
            /*KM 7.15:Added this to replicate h5*/
            line-height: normal;
        }

@media (max-width: 1004px) {

    #clients h5 {
        font-size: 30px;
    }
    #clients .sub-header-5 {
        font-size: 30px;
        /*KM 7.15:Added this to replicate h5*/
        line-height: normal;
    }
}

    .container.brdr {
        padding: 100px 0 0 0;
        margin-top: 100px;
        border-top: 3px solid #f7f7f7;
    }

    .container.brdr-x {
        padding: 50px 0 0 0;
        margin-top: 50px;
        border-top: 0px solid #f7f7f7;
    }

    #clients img {
        max-width: 100%;
        opacity: 0.5;
        transition: 0.3s;
        padding: 25px 0 500;
    }

        #clients img:hover {
            opacity: 1;
        }

    #clients .owl-nav,
    #clients .owl-dots {
        margin-top: 5px;
        text-align: center;
    }

    #clients .owl-dot {
        display: inline-block;
        margin: 0 5px;
        width: 12px;
        height: 12px;
        border-radius: 50%;
        background-color: #ddd;
    }

        #clients .owl-dot.active {
            background-color: #af0d1d;
        }


    /*--------------------------------------------------------------
# Content Pods
--------------------------------------------------------------*/

    .content-pods {
        padding: 20px 20px 75px 20px;
    }

        .content-pods h3 {
            color: #777;
        }

        .content-pods .sub-header-3 {
            color: #777;
        }

            .content-pods h3 span {
                color: #af0d1d;
            }

        .content-pods .sub-header-3 span {
            color: #af0d1d;
        }

        .content-pods p {
            color: #666;
        }

    .box {
        background: #FFFFFF;
        padding: 0;
        overflow: hidden;
        color: #444444;
        border-radius: 0.25rem;
        box-shadow: 0 0.3125rem 0.875rem 0 rgba(129, 129, 129, 0.2) !important;
    }

    .bttm {
        position: absolute;
        bottom: 0;
        right: 0;
        left: 0;
        margin-right: 15px;
        margin-left: 15px;
    }

    @media (max-width: 1200px) {
        .box {
            margin-bottom: 20px !important;
        }

        .bttm {
            position: relative;
            bottom: 0;
            right: 0;
            left: 0;
            margin-right: 0;
            margin-left: 0;
        }

        .content-pods {
            padding: 20px 20px 0px 20px;
        }
    }


    /* details Section
--------------------------------*/

    #details {
        padding-top: 150px;
    }

#details-info {
    padding-top: 25px !important;
}

        #details-info h5 {
            color: #114357;
            font-weight: 600;
            font-size: 40px;
            margin-bottom: 10px;
        }


        #details-info .sub-header-5 {
            color: #114357;
            font-weight: 600;
            font-size: 40px;
            margin-bottom: 10px;
        }
        
        @media (max-width: 1004px) {
            #details-info h5 {
                font-size: 30px;
            }

            #details-info .sub-header-5 {
                font-size: 30px;
            }
        }

    @media (max-width: 1200px) {
        #details {
            padding-top: 90px;
        }
    }


    /*--------------------------------------------------------------
# Text Overlay
--------------------------------------------------------------*/

    .container-image {
        position: relative;
        width: 100%;
        margin-bottom: 0px;
        padding-top: 10px;
    }

    .container-image-pod {
        position: relative;
        width: 100%;
    }

    .image {
        display: block;
        width: 100%;
        height: auto;
    }

    .overlay {
        position: absolute;
        left: 0;
        top: 0;
        background: rgb(17, 67, 87);
        background: rgba(17, 67, 87, 0.75);
        color: #fff;
        width: 100%;
        transition: .5s ease;
        opacity: 0;
        color: white;
        font-size: 15px;
        padding: 15px;
        text-align: right;
        opacity: 1;
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px;
    }

    .overlay-pods {
        position: absolute;
        bottom: 0;
        background: rgb(17, 67, 87);
        background: rgba(17, 67, 87, 0.75);
        color: #fff;
        width: 100%;
        transition: .5s ease;
        opacity: 0;
        color: white;
        font-size: 25px;
        padding: 15px;
        text-align: left;
        opacity: 1;
    }

    img.rounded.pods {
        border-bottom-left-radius: 0 !important;
        border-bottom-right-radius: 0 !important;
    }

        img.rounded.pods.top {
            border-bottom-left-radius: 5px !important;
            border-bottom-right-radius: 5px !important;
            margin-bottom: 20px;
            width: auto;
            overflow: hidden;
        }

    @media (max-width: 1004px) {
        .container-image {
            padding-top: 0px;
            margin-top: -50px;
            margin-bottom: 20px;
        }

        .overlay-pods {
            font-size: 15px;
            padding: 10px;
        }
    }

    .rounded {
        border-radius: 5px !important;
    }


    /*--------------------------------------------------------------
# Detail Boxes
--------------------------------------------------------------*/

    #detail-box {
        background-color: #f7f7f7;
        padding: 20px 40px 27px 40px;
        margin-top: 1px;
        border-radius: 3px;
        -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
        -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
        /*min-height: 100%;
	height: 100%;*/
    }

        #detail-box h1 {
            margin-top: 20px;
        }

        #detail-box .header-1 {
            margin-top: 20px;
        }

        #detail-box p {
            font-size: 15px;
            line-height: 20px;
        }

            #detail-box p span {
                color: #af0d1d;
                font-size: 30px;
                font-weight: 700;
            }

    .no-pad {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    @media (max-width: 1195px) {
        #detail-box {
            margin-top: 50px;
        }
    }

    @media (max-width: 1004px) {
        #detail-box {
            margin-top: 0px;
        }
    }

    @media (max-width: 1195px) {
        #image-gallery {
            margin-top: 50px;
        }
    }

    @media (max-width: 1004px) {
        #image-gallery {
            margin-top: 0px;
        }
    }

    @media (max-width: 1004px) {
        .break-fix {
            padding-bottom: 0px !important;
        }
    }


    /*--------------------------------------------------------------
# Tabs
--------------------------------------------------------------*/

    #tabs {
        background: #2ca4d5;
        color: #333;
        border-radius: 3px;
        margin-top: 15px;
        -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.14), 0 3px 6px rgba(0, 0, 0, 0.20);
        -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.14), 0 3px 6px rgba(0, 0, 0, 0.20);
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.14), 0 3px 6px rgba(0, 0, 0, 0.20);
    }

        #tabs .nav-tabs .nav-link {
            background: #2ca4d5;
            border: 1px solid #2ca4d5;
            ;
            color: #fff;
            padding: 15px 0;
        }

            #tabs .nav-tabs .nav-link:hover {
                background: #af0d1d;
                border: 1px solid #af0d1d;
            }

        #tabs .tab-content {
            background-color: #f7f7f7;
            padding: 40px;
            border-top-left-radius: 0px;
            border-top-right-radius: 0px;
            border-bottom-left-radius: 3px;
            border-bottom-right-radius: 3px;
            height: auto;
            color: #666;
        }


    /* Contact Section
--------------------------------*/

#contact {
    padding: 25px 0;
}

        #contact .contact-info {
            margin-bottom: 20px;
            text-align: center;
        }

            #contact .contact-info i {
                font-size: 48px;
                display: inline-block;
                margin-bottom: 10px;
                color: #18d26e;
            }

            #contact .contact-info address,
            #contact .contact-info p {
                margin-bottom: 0;
                color: #000;
            }

            #contact .contact-info h3 {
                font-size: 18px;
                margin-bottom: 15px;
                font-weight: bold;
                text-transform: uppercase;
                color: #999;
            }

            #contact .contact-info .sub-header-3 {
                font-size: 18px;
                margin-bottom: 15px;
                font-weight: bold;
                text-transform: uppercase;
                color: #999;
            }

            #contact .contact-info a {
                color: #000;
            }

                #contact .contact-info a:hover {
                    color: #18d26e;
                }

        #contact .contact-address,
        #contact .contact-phone,
        #contact .contact-email {
            margin-bottom: 20px;
        }

        #contact .form #sendmessage {
            color: #18d26e;
            border: 1px solid #18d26e;
            display: none;
            text-align: center;
            padding: 15px;
            font-weight: 600;
            margin-bottom: 15px;
        }

        #contact .form #errormessage {
            color: red;
            display: none;
            border: 1px solid red;
            text-align: center;
            padding: 15px;
            font-weight: 600;
            margin-bottom: 15px;
        }

            #contact .form #sendmessage.show,
            #contact .form #errormessage.show,
            #contact .form .show {
                display: block;
            }

        #contact .form .validation {
            color: red;
            display: none;
            margin: 0 0 20px;
            font-weight: 400;
            font-size: 13px;
        }

        #contact .form input,
        #contact .form textarea {
            padding: 10px 14px;
            border-radius: 3px;
            box-shadow: none;
            font-size: 15px;
        }

        #contact .form textarea {
            height: 200px !important;
        }

        #contact .form button[type="submit"] {
            background: #af0d1d;
            border: 0;
            padding: 10px 30px;
            color: #fff;
            transition: 0.4s;
            cursor: pointer;
            border-radius: 3px;
            float: left;
        }

            #contact .form button[type="submit"]:hover {
                background: #1dc8cd;
            }


    /*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/

    #prefooter .container {
        padding: 35px 20px 0px;
        margin-top: 10px;
        border-top: 2px solid #f7f7f7;
    }

    #prefooter h3 {
        color: #114357;
    }
    
    #prefooter .sub-header-3 {
        color: #114357;
    }

    #prefooter .nav-link {
        display: block;
        padding: .5rem 0 !important;
    }

    #prefooter a.social-media-icon {
        color: #555;
        padding: 4px 12px;
        display: inline-block;
    }

        #prefooter a.social-media-icon:hover {
            color: #af0d1d;
        }


    /*#prefooter i {
	color: #e7f0f4;
}*/

    @media (max-width: 1004px) {
        #prefooter .brdr-rgt {
            border-right: 0px;
            padding-left: 0px;
        }
    }


    #footer .container {
        padding: 50px 20px;
        margin-top: 50px;
        border-top: 2px solid #f7f7f7;
    }

    #footer h3 {
        color: #114357;
    }
    
    #footer .sub-header-3 {
        color: #114357;
    }

    #footer .nav-link {
        display: block;
        padding: .5rem 0 !important;
    }

    #footer a {
        color: #666 !important;
    }

        #footer a:hover {
            color: #af0d1d !important;
        }

    #footer .brdr-rgt {
        border-right: 3px solid #f7f7f7;
        padding-left: 50px;
    }

        #footer .brdr-rgt.last {
            border-right: 0px;
            padding-left: 50px;
        }

    #footer i {
        color: #e7f0f4;
    }

    @media (max-width: 1004px) {
        #footer .brdr-rgt {
            border-right: 0px;
            padding-left: 0px;
        }
    }


    /*.social-media-links a {
    color: #555;
    padding: 4px 12px;
    display: inline-block;
    line-height: 1px;
    border-left: 1px solid #e9e9e9;
}*/

    /*.social-media-links a:hover {
    color: #af0d1d;
}*/

    /*.social-media-links a:first-child {
        border-left: 0;
}*/

    /*#footer {
	background: #fff;
	box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.1);
	padding: 30px 0;
	color: #333;
	font-size: 14px;
}

#footer .credits {
	font-size: 13px;
	color: #888;
}

#footer .footer-links a {
	color: #666;
	padding-left: 15px;
}

#footer .footer-links a:first-child {
	padding-left: 0;
}

#footer .footer-links a:hover {
	color: #1dc8cd;
}*/


    /*-----------------------------------------------------------------
# Prefooter/Social Media Email Sign Up Mobile and Desktop Display
------------------------------------------------------------------*/


    #prefooter-mobile {
        display: none;
    }

    @media screen and (max-width: 1000px) {
        #prefooter-mobile {
            display: block;
        }
    }

    #prefooter-desktop {
        display: block;
    }

    @media screen and (max-width: 1000px) {
        #prefooter-desktop {
            display: none;
        }
    }


/*-----------------------------------------------------------------
# Header Slider Mobile and Desktop Display
------------------------------------------------------------------*/


#header-slider-mobile {
    display: none;
}

@media screen and (max-width: 600px) {
    #header-slider-mobile {
        display: block;
    }
}

#header-slider-desktop {
    display: block;
}

@media screen and (max-width: 600px) {
    #header-slider-desktop {
        display: none;
    }
}


/*--------------------------------------------------------------
# COMPARE POP UP
--------------------------------------------------------------*/

    #compare-pop-up {
        background: #fff;
        box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.1);
        padding: 30px 0;
        color: #666;
        font-size: 14px;
        z-index: 1000;
        position: fixed;
        bottom: 0;
        right: 0;
        margin: 0 auto;
        width: 100%;
    }

        #compare-pop-up a.bttn {
            background: #fff;
            box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.1);
            padding: 30px 0;
            color: #666;
            font-size: 14px;
            z-index: 1000;
            position: fixed;
            bottom: 0;
            right: 0;
            margin: 0 auto;
            width: 100%;
        }


    /*--------------------------------------------------------------
# Logos
--------------------------------------------------------------*/

    .slick-slide {
        margin: 0px 20px;
    }

        .slick-slide img {
            width: 100%;
        }

    .slick-slider {
        position: relative;
        display: block;
        box-sizing: border-box;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        -webkit-touch-callout: none;
        -khtml-user-select: none;
        -ms-touch-action: pan-y;
        touch-action: pan-y;
        -webkit-tap-highlight-color: transparent;
    }

    .slick-list {
        position: relative;
        display: block;
        overflow: hidden;
        margin: 0;
        padding: 0;
    }

        .slick-list:focus {
            outline: none;
        }

        .slick-list.dragging {
            cursor: pointer;
            cursor: hand;
        }

    .slick-slider .slick-track,
    .slick-slider .slick-list {
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        -o-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    .slick-track {
        position: relative;
        top: 0;
        left: 0;
        display: block;
    }

        .slick-track:before,
        .slick-track:after {
            display: table;
            content: '';
        }

        .slick-track:after {
            clear: both;
        }

    .slick-loading .slick-track {
        visibility: hidden;
    }

    .slick-slide {
        display: none;
        float: left;
        height: 200px;
        min-height: 1px;
    }

    [dir='rtl'] .slick-slide {
        float: right;
    }

    .slick-slide img {
        display: block;
    }

    .slick-slide.slick-loading img {
        display: none;
    }

    .slick-slide.dragging img {
        pointer-events: none;
    }

    .slick-initialized .slick-slide {
        display: block;
    }

    .slick-loading .slick-slide {
        visibility: hidden;
    }

    .slick-vertical .slick-slide {
        display: block;
        height: auto;
        border: 1px solid transparent;
    }

    .slick-arrow.slick-hidden {
        display: none;
    }

    .vimeo-wrapper {
        display: table;
        width: 100%;
        height: 100vh;
        background: url("../images/1274x849-200k.jpg") no-repeat fixed center;
        background-size: cover;
        z-index: -1;
        pointer-events: none;
        overflow: hidden;
        position: relative;
        top: 0;
        left: 0;
        display: block;
    }

        .vimeo-wrapper iframe {
            width: 100vw;
            height: 56.25vw;
            /* Given a 16:9 aspect ratio, 9/16*100 = 56.25 */
            min-height: 100vh;
            min-width: 177.77vh;
            /* Given a 16:9 aspect ratio, 16/9*100 = 177.77 */
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            z-index: -1;
            display: block;
        }

    .overlay {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 0;
        background-color: rgba(0, 0, 0, 0.25);
        /*dim the background*/
    }

    div#filter {
        position: relative;
        min-height: 100vh;
        display: flex;
        align-items: center;
        justify-content: center;
        z-index: 100;
    }

    h5 {
        color: #114357;
        font-weight: 600;
        font-size: 40px;
        margin-bottom: 10px;
    }

.sub-header-5 {
    color: #114357;
    font-weight: 600;
    font-size: 40px;
    margin-bottom: 10px;
    /*KM 7.15:Added this to replicate h5*/
    line-height: normal;
}

@media (max-width: 1200px) {

    .sub-header-5 {
        font-size: 25px !important;
    }
}


@media (max-width: 600px) {

    .sub-header-5 {
        font-size: 23px !important;
    }
}

@media (max-width: 1004px) {

    h5 {
        font-size: 30px;
    }

    .sub-header-5 {
        font-size: 30px;
        /*KM 7.15:Added this to replicate h5*/
        line-height: normal;
    }
}

    #packages #packages-list a:hover {
        color: #1dc8cd !important;
    }

    #packages #packages-list a {
        color: #333 !important;
    }


    /*--------------------------------------------------------------
# Compare
--------------------------------------------------------------*/

    .compare-popup {
        position: fixed;
        width: 100%;
        bottom: 0;
        left: 0;
        display: none;
        background: #fff;
        box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.1);
        padding: 30px;
        color: #333;
        font-size: 14px;
    }

    .mini-product {
        float: left;
        margin-right: 5px;
        margin-left: 5px;
    }

    .remove-compared-product {
        float: left;
    }

    .alert__close {
        flex: 0 0 auto;
        background-image: url(../img/close.png);
        background-repeat: no-repeat;
        height: 15px;
        width: 15px;
        margin-left: auto;
        border-radius: 5px;
    }

    .bttn-content {
        font-family: "Montserrat", sans-serif;
        flex-grow: 1;
        text-transform: capitalize;
        text-decoration: none;
        font-weight: 400;
        line-height: 1.3;
        border-radius: 3px;
        font-size: 15px;
        color: #fff;
        background-color: #af0d1d;
        padding: 15px 20px;
        outline: none;
        border: none;
        margin-left: 20px;
    }

        .bttn-content:hover {
            background-color: #2ca4d5;
            -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
            -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
            box-shadow: 0 1px 3px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
            cursor: pointer;
        }

    .recordCompare {
        display: block;
        margin: 0 10px 20px 10px;
        font-family: "Montserrat", sans-serif;
        color: #114357;
        font-weight: 600;
        font-size: 20px;
    }

    img.compare-thumb {
        height: 50px;
        width: 50px;
        border-radius: 5px;
    }


    /*--------------------------------------------------------------
# Tour Details Map Image and Tour Listings Checkbox
--------------------------------------------------------------*/

    #mobile-only {
        display: none;
    }

    @media screen and (max-width: 1000px) {
        #mobile-only {
            display: block;
        }
    }

    #desktop-only {
        display: block;
    }

    @media screen and (max-width: 1000px) {
        #desktop-only {
            display: none;
        }
    }

    /*-----------------------------------------------------------------
# Wedding Details What's Included Tab Mobile and Desktop Display
------------------------------------------------------------------*/


    #whats-included-mobile {
        display: none;
    }

    @media screen and (max-width: 500px) {
        #whats-included-mobile {
            display: block;
        }
    }

    #whats-included-desktop {
        display: block;
    }

    @media screen and (max-width: 500px) {
        #whats-included-desktop {
            display: none;
        }
    }

    /*--------------------------------------------------------------
# Wedding Details What's Included Tab Image/Text Display
--------------------------------------------------------------*/

    .flex-display {
        display: flex;
    }

    .div-25-5 {
        flex: 25%;
        padding: 5px;
    }

    .div-50-25 {
        flex: 50%;
        padding: 25px;
    }

    .div-50-5 {
        flex: 50%;
        padding: 5px;
    }

    .img-whats-included {
        width: 100%;
        height: auto;
        max-width: 40px;
        display: block;
        margin-left: auto;
        margin-right: auto;
    }

    .text-center {
        text-align: center;
    }


/*--------------------------------------------------------------
#Breadcrumbs
--------------------------------------------------------------*/
    .breadcrumb {
        background-color: #FFF;
        font-size: 13px;
        padding: 5px 0px 0px 0px;
    }

    /*.breadcrumb-item + .breadcrumb-item::before {
               content: "<i class='fa fa-caret-right' aria-hidden='true'></i>";
           }*/

    .breadcrumb-item + .breadcrumb-item::before {
        content: none;
    }


/*--------------------------------------------------------------
#Wedding Listing Promo Badge
--------------------------------------------------------------*/

.wl-promo {
    position: absolute;
    left: 0px;
    top: -10px;
    background: #af0d1d;
    text-align: center;
    height: 75px;
    width: 75px;
    border-radius: 50%;
    color: white;
    padding: 15px 5px;
    font-size: 20px;
    z-index: 1;
    opacity: 0.90;
    font-weight: 500;
}


/*--------------------------------------------------------------
#Wedding Detail Promo Price
--------------------------------------------------------------*/

.package-promo-price {
    color: #af0d1d;
    font-size: 25px;
}

.package-promo-badge {
    background-color: #af0d1d;
    color: white;
    font-weight: bold;
}

.package-org-price {
    color: #666;
}

/*--------------------------------------------------------------
#Reserve Now & Pay Later
--------------------------------------------------------------*/

.separator {
    display: flex;
    align-items: center;
    text-align: center;
    font-weight: bold;
}

    .separator::before, .separator::after {
        content: '';
        flex: 1;
        border-bottom: 1px solid #CCC;
    }

    .separator::before {
        margin-right: .20em;
    }

    .separator::after {
        margin-left: .20em;
    }


.btn-rnpl.forms {
    width: 100%;
    height: 50px !important;
    font-size: 20px;
    background-color: #666666;
    color: #FFF;
    border: none;
}

    .btn-rnpl.forms:hover {
        cursor: pointer;
        background-color: #333;
        border: none;
    }

.rnpl-disc {
    font-size: medium;
    color: #666;
    text-align: center;
    border: 1px solid #CCC;
    padding: 15px;
}


/******Kat: 5.27 - I added these to fix the mobile version display******/
@media (max-width: 500px) {
    .btn-rnpl.forms {
        /*color: red;*/
    }

    .rnpl-disc {
    }
}

@media (max-width: 400px) {
    .btn-rnpl.forms {
        /*color: blue;*/
        font-size: 18px;
    }

    .rnpl-disc {
        font-size: small;
    }
}


@media (max-width: 360px) {
    .btn-rnpl.forms {
        /*color: green;*/
        font-size: 18px;
    }

    .rnpl-disc {
        font-size: small;
    }
}


@media (max-width: 350px) {
    .btn-rnpl.forms {
        /*color: yellow;*/
        font-size: 15px;
    }

    .rnpl-disc {
        font-size: x-small;
    }
}


/*--------------------------------------------------------------
# SEO page headers
--------------------------------------------------------------*/
#full-seo {
    display: table;
    width: 100%;
    height: 415px;
    /*border:5px solid red;*/
}

    #full-seo .carousel-item {
        width: 100%;
        height: 415px;
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        /*border: 5px solid red;*/
    }

        #full-seo .carousel-item::before {
            content: '';
            /*background: linear-gradient(45deg, rgba(17, 67, 87, 0.5), rgba(17, 67, 87, 0.5));*/
            background: linear-gradient(rgba(0, 0, 0, 0.10), rgba(0, 0, 0, 0.10));
            position: absolute;
            height: 100%;
            width: 100%;
            top: 0;
            right: 0;
            left: 0;
            bottom: 0;
            /*border:5px solid green;*/
        }

    #full-seo .carousel-container {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        position: absolute;
        bottom: 0;
        top: 0;
        left: 0;
        right: 0;
    }

    #full-seo .carousel-background img {
        max-width: 100%;
    }

    #full-seo .carousel-content {
        text-align: center;
        text-shadow: -2px -1px 11px rgb(0 0 0 / 99%);
    }

    #full-seo .carousel-content-tl {
        text-align: center;
        text-shadow: -2px -1px 11px rgb(0 0 0 / 99%);
        border: 5px dashed green;
    }

.seo-page-header {
    margin-top: 30px;
    margin-bottom: 10px;
    font-family: Montserrat, sans-serif;
    font-weight: 800;
    /*line-height: 100px;*/
    /*font-size: 60px;*/
    line-height:normal;
    font-size:3rem;
    padding: 0px 150px;
    text-align: center;
    color: #ffffff;
    /*color:red;*/
}

    .seo-page-header:before {
        content: "\a\a";
        white-space: pre;
        /*border:1px solid red;*/
    }

    @media (max-width: 1200px) {
        #full-seo {
        height: 25vh;
        /*border: 5px solid blue;*/
    }

        #full-seo .carousel-item {
            height: 25vh;
            /*border: 5px solid blue;*/
        }

    .seo-page-header {
        margin-top: 30px;
        line-height: normal;
        padding: 0px 15px;
        /*font-size: 38px;*/
        font-size:2.5rem;
        color: #ffffff;
        /*color: blue;*/
    }

        .seo-page-header:before {
            content: "\a";
            white-space: pre;
            /*border:1px solid blue;*/
        }

}
    @media (max-width: 1024px) {
        #full-seo {
            height: 50vh;
            /*border: 5px solid white;*/
        }

            #full-seo .carousel-item {
                height: 50vh;
                /*border: 5px solid white;*/
            }

        .seo-page-header {
            margin-top: 75px;
            line-height: normal;
            padding: 0px 15px;
            /*font-size: 38px;*/
            color: #ffffff;
            /*color: white;*/
        }
    }

    @media (max-width: 912px) {
        #full-seo {
            height: 25vh;
            /*border: 5px solid black;*/
        }

            #full-seo .carousel-item {
                height: 25vh;
                /*border: 5px solid black;*/
            }

        .seo-page-header {
            margin-top: 50px;
            color: #ffffff;            
            /*color: black;*/
        }
    }

    @media (max-width: 800px) {
        #full-seo {
            height: 25vh;
            /*border: 5px solid beige;*/
        }

            #full-seo .carousel-item {
                height: 25vh;
                /*border: 5px solid beige;*/
            }

        .seo-page-header {
            margin-top: 50px;
            color: #ffffff;
            /*color: beige;*/
        }

            .seo-page-header:before {
                content: "\a";
                white-space: pre;
                /*border:1px solid beige;*/
            }
    }

    @media (max-width: 650px) {
        #full-seo {
            height: 40vh;
            /*border: 5px solid green;*/
        }

            #full-seo .carousel-item {
                height: 40vh;
                /*border: 5px solid green;*/
            }

        .seo-page-header {
            margin-top: 50px;
            /*font-size: 35px;*/
            font-size: 2.25rem;
            /*color: green;*/
        }

            .seo-page-header:before {
                content: "\a";
                white-space: pre;
                /*border:1px solid green;*/
            }
    }

    @media (max-width: 500px) {
        #full-seo {
            height: 50vh;
            /*border: 5px solid yellow;*/
        }

            #full-seo .carousel-item {
                height: 50vh;
                /*border: 5px solid yellow;*/
            }

        .seo-page-header {
            margin-top: 45px;
            /*font-size: 35px;*/
            font-size:2.25rem;
            /*color: yellow;*/
        }

            .seo-page-header:before {
                content: "\a";
                white-space: pre;
                /*border:1px solid yellow;*/
            }
    }

    @media (max-width: 400px) {
        #full-seo {
            height: 45vh;
            /*border: 5px solid orange;*/
        }

            #full-seo .carousel-item {
                height: 45vh;
                /*border: 5px solid orange;*/
            }

        .seo-page-header {
            margin-top: 50px;
            /*font-size: 28px;*/
            font-size: 2rem;
            /*color: orange;*/
        }

            .seo-page-header:before {
                content: "\a";
                white-space: pre;
                /*border:1px solid orange;*/
            }
    }

    @media (max-width: 360px) {
        #full-seo {
            height: 55vh;
            /*border: 5px solid pink;*/
        }

            #full-seo .carousel-item {
                height: 55vh;
                /*border: 5px solid pink;*/
            }

        .seo-page-header {
            margin-top: 40px;
            /*font-size: 35px;*/
            font-size: 2.25rem;
            /*color: pink;*/
        }
            .seo-page-header:before {
                content: "\a\a";
                white-space: pre;
                /*border:1px solid pink;*/
            }
    }

    @media (max-width: 350px) {
        #full-seo {
            height: 55vh;
            /*border: 5px solid indigo;*/
        }

            #full-seo .carousel-item {
                height: 55vh;
                /*border: 5px solid indigo;*/
            }

        .seo-page-header {
            margin-top: 75px;
            /*font-size: 28px;*/
            font-size: 2.0rem;
            /*color: indigo;*/
        }
    }



@media only screen and (max-device-width:1180px) and (orientation : landscape) {
    #full-seo {
        height: 75vh;
    }

        #full-seo .carousel-item {
            height: 75vh;
        }

    .seo-page-header {
        color: #fff;
        /*color: black;*/
    }
}

@media only screen and (max-device-width:1138px) and (orientation : landscape) {
    #full-seo {
        height: 65vh;
    }

        #full-seo .carousel-item {
            height: 65vh;
        }

    .seo-page-header {
        color: #fff;
        /*color: pink;*/
    }
}

@media only screen and (max-device-width:1024px) and (orientation : landscape) {
    #full-seo {
        height: 75vh;
    }

        #full-seo .carousel-item {
            height: 75vh;
        }

    .seo-page-header {
        color: #fff;
        /*color: beige;*/
    }
}

@media only screen and (max-device-width:960px) and (orientation : landscape) {
    #full-seo {
        height: 75vh;
    }

        #full-seo .carousel-item {
            height: 75vh;
        }

    .seo-page-header {
        color: #fff;
        /*color:violet;*/
    }
}

@media only screen and (max-device-width:915px) and (orientation : landscape) {
    #full-seo {
        height: 100vh;
    }

        #full-seo .carousel-item {
            height: 100vh;
        }

    .seo-page-header {
        color: #fff;
        /*color:coral;*/
    }
}

@media only screen and (max-device-width:896px) and (orientation : landscape) {
    #full-seo {
        height: 100vh;
    }

        #full-seo .carousel-item {
            height: 100vh;
        }

    .seo-page-header {
        color: #fff;
        /*color:darkblue;*/
    }
}

@media only screen and (max-device-width:854px) and (orientation : landscape) {
    #full-seo {
        height: 100vh;
    }

        #full-seo .carousel-item {
            height: 100vh;
        }

    .seo-page-header {
        color: #fff;
        /*color:pink;*/
    }
}

@media only screen and (max-device-width:851px) and (orientation : landscape) {
    #full-seo {
        height: 100vh;
    }

        #full-seo .carousel-item {
            height: 100vh;
        }

    .seo-page-header {
        color: #fff;
        /*color:black;*/
    }
}

@media only screen and (max-device-width:786px) and (orientation : landscape) {
    #full-seo {
        height: 100vh;
    }

        #full-seo .carousel-item {
            height: 100vh;
        }

    .seo-page-header {
        color: #fff;
        /*color: aquamarine;*/
    }
}

@media only screen and (max-device-width:745px) and (orientation : landscape) {
    #full-seo {
        height: 100vh;
    }

        #full-seo .carousel-item {
            height: 100vh;
        }

    .seo-page-header {
        color: #fff;
        /*color: green;*/
    }
}

@media only screen and (max-device-width:736px) and (orientation : landscape) {
    #full-seo {
        height: 100vh;
    }

        #full-seo .carousel-item {
            height: 100vh;
        }

    .seo-page-header {
        color: #fff;
        /*color:brown;*/
    }
}

@media only screen and (max-device-width:720px) and (orientation : landscape) {
    #full-seo {
        height: 75vh;
    }

        #full-seo .carousel-item {
            height: 75vh;
        }

    .seo-page-header {
        color: #fff;
        /*color: burlywood;*/
    }
}

@media only screen and (max-device-width:667px) and (orientation : landscape) {
    #full-seo {
        height: 100vh;
    }

        #full-seo .carousel-item {
            height: 100vh;
        }

    .seo-page-header {
        color: #fff;
        /*color: yellow;*/
    }
}

@media only screen and (max-device-width:653px) and (orientation : landscape) {
    #full-seo {
        height: 150vh;
    }

        #full-seo .carousel-item {
            height: 150vh;
        }

    .seo-page-header {
        color: #fff;
        /*color: gold;*/
    }
}

@media only screen and (max-device-width:640px) and (orientation : landscape) {
    #full-seo {
        height: 100vh;
    }

        #full-seo .carousel-item {
            height: 100vh;
        }

    .seo-page-header {
        color: #fff;
        /*color: blue;*/
    }
}

@media only screen and (max-device-width:568px) and (orientation : landscape) {
    #full-seo {
        height: 135vh;
    }

        #full-seo .carousel-item {
            height: 135vh;
        }

    .seo-page-header {
        color: #fff;
        /*color: red;*/
    }
}

@media only screen and (max-device-width:480px) and (orientation:landscape) {
    #full-seo {
        height: 125vh;
    }

        #full-seo .carousel-item {
            height: 125vh;
        }

    .seo-page-header {
        color: #fff;
        /*color: dimgrey;*/
    }
}

/*--------------------------------------------------------------
# Resources Category
--------------------------------------------------------------*/
.resource-badge {
    position: absolute;
    left: 25px;
    background: #114357;
    text-align: center;
    height: 50px;
    width: 150px;
    color: #FFF;
    padding: 5px 0px;
    font-size: 13px;
    z-index: 1;
    opacity: 0.85;
    line-height: normal;
    border-radius: 0px 0px 5px 5px;
}

/*--------------------------------------------------------------
# Gift Card Link
--------------------------------------------------------------*/
.gift-card {
    line-height: normal;
    font-size: 15px;
}

.gift-card-desc {
    color: #666666;
    font-weight: bold;
}

/*--------------------------------------------------------------
# fixed <ul><li> mobile display
--------------------------------------------------------------*/
@media (max-width: 1004px) {
    li {
        font-size: 15px !important;
        font-weight: 300 !important;
    }
}