@font-face {
    font-family: "Ostrich Sans Black";
    src: url("../fonts/ostrich-black-webfont.eot?") format("eot"),url("../fonts/ostrich-black-webfont.woff") format("woff"),url("../fonts/ostrich-black-webfont.ttf") format("truetype"),url("../fonts/ostrich-black-webfont.svg#OstrichSans-Black") format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Ostrich Sans Medium";
    src: url("../fonts/ostrich-regular-webfont.eot?") format("eot"),url("../fonts/ostrich-regular-webfont.woff") format("woff"),url("../fonts/ostrich-regular-webfont.ttf") format("truetype"),url("../fonts/ostrich-regular-webfont.svg#OstrichSans-Medium") format("svg");
    font-weight: normal;
    font-style: normal;
}

.nopadding {
    padding: 0;
}

.securePayment {
    width: 55%;
    margin-bottom: 15px;
}

.navbar-inverse {
    background-color: #266ec8 !important;
    border-color: #266ec8 !important;
}

.bigbold {
    text-transform: uppercase !important;
    font-family: Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 800;
}

body {
    font-family: 'Roboto', sans-serif;
}

icon1 .carousel-control.left {
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
    background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0)));
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=0);
    background-repeat: repeat-x;
}

.carousel-control.right {
    right: 0;
    left: auto;
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
    background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0)));
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=0);
    background-repeat: repeat-x;
}

.navbar-nav > li > a {
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    text-transform: uppercase;
}

.navbar-inverse .navbar-nav > li > a {
    color: #ffffff;
    font-family: 'Roboto', sans-serif;
    font-size: 15px;
    font-weight: 300;
}

.btn {
    border-radius: 0;
}

.btn-getstart {
    background-color: transparent;
    border: 2px solid #ffffff;
    color: #FFF;
    padding: 8px 50px;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 24px;
}

    .btn-getstart:hover {
        background-color: #FFF;
        color: #1D78A6;
    }

.card-container {
    width: auto;
    max-width: 244px;
    height: 370px;
    display: block;
}

    .card-container .card .front,
    .card-container .card .back {
        border: 1px solid #abbccb;
        background-color: white;
    }

.black-bg {
    background-color: #ffffff;
}

.white-bg {
    background-color: #ffffff;
    padding: 10px 15px;
    height: auto;
}

div#cardContainer1 .card-container {
    margin: 0 0 0 auto;
}

div#cardContainer2 .card-container {
    margin: 0 auto;
}

div#cardContainer3 .card-container {
    margin: 0 auto 0 0;
}

.resort-name {
    color: #284962;
    text-transform: uppercase;
    font-family: 'Roboto', sans-serif;
    font-weight: 600;
    font-size: 20px;
    text-align: center;
    line-height: 1.3;
    vertical-align: bottom;
}

.hotels {
    background-color: #E5ECF1;
    padding: 40px 0 45px 0;
    background-image: url(../images/inbetween_img.png);
    background-repeat: repeat-x;
}

.resort-para {
    margin-left: 24px;
    font-weight: 400;
    font-size: 12px;
    color: #343c49;
    text-align: left;
    line-height: 1.3;
}

.resort-bullet {
    float: left;
    text-align: left;
    max-width: 24px;
    font-size: 14px;
    padding: 0 5px;
}

    .resort-bullet span.fa.fa-check {
        color: #85bb20 !important;
    }

.resort-content {
    width: 100%;
    height: 100%;
    padding: 5px 0;
}

.resort-content-wrap {
    min-height: 110px;
}

.txtbold {
    font-weight: 600;
}

.resort-btn {
    margin-bottom: 15px;
}

.rest-btn {
    border: 2px solid #266ec8;
    background-color: transparent;
    padding: 8px 0;
    text-align: center;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 16px;
    color: #284962;
}

.rest-btn-active {
    border: 2px solid #ffffff;
    background-color: #266ec8;
    padding: 8px 0;
    text-align: center;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 16px;
    color: #FFFFFF;
}

.icons {
    position: absolute;
    top: 52%;
    left: 50%;
    transform: translate(-50%, -127%);
}

.how_works {
    color: #284962;
    font-family: 'Roboto', sans-serif;
    font-size: 30px;
    font-weight: bold;
    margin-top: 15px;
}

.how_works_para {
    padding: 10px 0;
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    font-weight: 400;
    color: #343c49;
}

.video {
    padding: 40px 0;
}

div#homevideo {
    max-width: 510px;
    max-height: 290px;
    margin: 0 auto;
}

.welcome {
    background-image: url(../images/wel.png);
    background-repeat: no-repeat;
    padding: 28px 0;
    background-size: cover;
    background-position: center top;
}

.wel-msg {
    font-size: 30px;
    color: #ffffff;
    font-family: 'Roboto', sans-serif;
    text-align: center;
    padding: 8px 0 8px;
}

.txt_light {
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
}

.dreams {
    font-family: 'Roboto', sans-serif;
    text-align: center;
    font-weight: bold;
    font-size: 18px;
    color: #4a5159;
    padding-bottom: 10px;
}

.btn-start {
    background-color: transparent;
    border: 2px solid #ffffff;
    text-align: center;
    color: #ffffff;
    padding: 8px 60px;
    font-size: 22px;
}

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

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

.navbar {
    border-radius: 0;
}

.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
    border-bottom: 2px solid #ffffff;
    background-color: transparent;
    padding-left: 0;
    padding-right: 0;
}

.navbar-brand {
    padding: 10px 15px;
}

.navbar-nav > li > a {
    padding-top: 15px;
    padding-bottom: 0px !important;
    padding-left: 0;
    padding-right: 0;
    margin: 0 9px;
}

    .navbar-nav > li > a:hover {
        border-bottom: 2px solid #ffffff;
    }

.navbar-nav > li.join-now > a {
    padding-top: 8px;
}

    .navbar-nav > li.join-now > a:hover {
        border-bottom: 0;
    }

.navbar {
    margin-bottom: 0px;
}

.rest-btn:hover {
    color: #FFFFFF;
    background-color: #266ec8;
}

.btn-start:hover {
    color: #FFFFFF;
    background-color: #266ec8;
    border: 2px solid #266ec8;
}

.discover {
    font-family: 'Roboto', sans-serif;
    color: #ffffff;
    font-size: 44px;
    font-weight: 400;
}

.img-responsive, .thumbnail > img, .thumbnail a > img, .carousel-inner > .item > img, .carousel-inner > .item > a > img {
    width: 100%;
}

.carousel-para {
    padding-bottom: 20px;
    font-family: 'Roboto', sans-serif;
    color: #ffffff;
    font-size: 16px;
    font-weight: 400;
}

.joinnow {
    background-color: #266ec8;
    border: 2px solid #ffffff;
    padding: 4px 25px;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: 18px;
}

    .joinnow:hover {
        background-color: #FFFFFF;
        color: #266ec8;
    }

.message {
    padding: 40px 0;
    background-color: #315F81;
    background-image: url(../images/blue.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

    .message fieldset {
        border: 2px solid #fff;
        padding: 0 10px;
        text-align: center;
        color: #FFF;
        font-size: 20px;
        max-width: 270px;
        line-height: 1.2;
        margin: 10px auto 0 auto;
    }

        .message fieldset p {
            padding: 0 0 20px;
        }

        .message fieldset strong {
            font-weight: 600;
        }

    .message legend {
        border: 0;
        margin: 0;
        margin-bottom: 10px;
        text-align: center;
        color: #FFF;
        font-size: 42px;
        font-family: 'Roboto', sans-serif;
        font-weight: normal;
    }

.box1, .box2, .box3, .box4 {
    color: #FFF;
    font-size: 16px;
}

    .box1 p, .box2 p, .box3 p, .box4 p {
        line-height: 20px;
    }

    .box1 strong, .box2 strong, .box3 strong, .box4 strong {
        color: #FFF;
        font-size: 18px;
        font-weight: 600;
    }

    .box1 p, .box2 p, .box3 p, .box4 p {
        margin-top: 10px;
    }

.box1 {
    margin: 0 10px 20px 0;
}

.box2 {
    margin: 0 0 20px 25px;
}

.box3 {
    margin: 20px 10px 0 0;
}

.box4 {
    margin: 20px 0 0 25px;
}

    .box1 i, .box2 i, .box3 i, .box4 i {
        font-size: 24px;
    }

.bgmap {
    background-image: url(../images/map.png);
    background-repeat: no-repeat;
    padding: 20px 0 40px;
    background-size: cover;
    background-position: center top;
}

.bgmap-head {
    color: #325B71;
    font-size: 40px;
    text-align: center;
    padding: 20px 0;
}

    .bgmap-head strong {
        font-size: 40px;
        font-weight: 900;
    }

.num, .numscroller {
    color: #3C667F;
    font-size: 99px;
    font-weight: 400;
    line-height: 50px;
    font-family: 'Roboto', sans-serif;
    padding-top: 7px;
}

.scroller1 {
    text-align: right;
}

.scroller2 {
    text-align: center;
}

.scroller3 {
    text-align: left;
}

.bgmap-txt {
    color: #484D63;
    padding: 15px 50px 0;
    font-size: 20px;
    text-align: center;
    line-height: 26px;
}

.bottom-mgs {
    background-color: #FFF;
    padding: 56px 0 40px 0;
}

.bottom-mgs-head {
    color: #284962;
    text-transform: uppercase;
    font-family: 'Roboto', sans-serif;
    font-weight: 600;
    font-size: 27px;
    margin-bottom: 20px;
    border-bottom: 1px solid #D3DBE4;
    margin-top: 0;
}

.bottom-mgs-content {
    margin-top: 25px;
    margin-right: 25px;
    line-height: 1.3;
}

.bottom-mgs p {
    font-size: 15.2px;
    color: #343c49;
    font-family: 'Roboto', sans-serif;
}

    .bottom-mgs p span {
        font-size: 15.2px;
        color: #343c49;
        font-family: 'Roboto', sans-serif;
        font-weight: 600;
        text-transform: uppercase;
    }

    .bottom-mgs p.strongtxt {
        font-size: 17px;
        color: #343c49;
        font-family: 'Roboto', sans-serif;
    }

        .bottom-mgs p.strongtxt span {
            font-size: 17px;
            color: #343c49;
            font-family: 'Roboto', sans-serif;
            font-weight: 600;
            text-transform: uppercase;
        }

            .bottom-mgs p.strongtxt span.underline {
                font-size: 17px;
                color: #343c49;
                font-family: 'Roboto', sans-serif;
                font-weight: 400;
                border-bottom: #343c49 1px solid;
                text-transform: none;
            }

.contactus {
    background-color: #E7ECF2;
    padding: 40px 0;
}

.contactus-head {
    color: #405B6E;
    font-size: 25px;
}

.contactus p {
    color: #91A2AC;
    font-size: 18px;
    padding: 10px 0;
}

.input-lg {
    border-radius: 0;
    border-color: #BCC5CC;
    margin-bottom: 10px;
}

textarea.form-control {
    height: 160px;
}

.submit-btn {
    border: 2px solid #266ec8;
    background-color: transparent;
    padding: 6px 25px;
    text-align: center;
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    color: #405B6E;
    font-weight: 600;
    margin-top: 10px;
}

    .submit-btn:hover {
        color: #FFFFFF;
        background-color: #266ec8;
    }

footer {
    background-color: #2D3542;
    /*padding: 25px 0;*/
}

.footer-logo {
    margin-top: 30px;
    margin-left: 40px;
}

#footer ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    text-align: right;
}

    #footer ul li {
        display: inline;
    }

        #footer ul li a {
            text-decoration: none;
            padding: 0 0 0 12px;
            color: #B3C1CE;
            font-family: 'Roboto', sans-serif;
            font-weight: 500;
            font-size: 14px;
        }

            #footer ul li a:hover {
                color: #fff;
            }

footer p {
    color: #B3C1CE;
    text-align: right;
    padding-top: 3px;
    font-size: 14px;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    margin-bottom: 2px;
}

.footer-bott-menu {
    color: #B3C1CE;
    text-align: right;
}

    .footer-bott-menu a {
        color: #B3C1CE;
        text-align: right;
        padding-top: 5px;
    }

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1) {
    .footerlinks a.gtfix {
        padding: 0 !important;
    }
}

@media (max-width:720px) {

    .carousel-caption {
        display: none !important;
    }
}


.download {
    text-align: center;
    padding: 20px 0;
}


.download-btn {
    background-color: #9EC83A;
    border: transparent;
    color: #ffffff;
    border-radius: 2px;
    padding: 15px 80px;
    font-family: 'Roboto', sans-serif;
    font-weight: 600;
    font-size: 20px;
}

.viral-btn {
    background-color: #ffffff;
    color: #1D78A6;
    border: transparent;
    border: 2px solid #1D78A6;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: 22px;
    padding: 10px 20px;
}

    .viral-btn:hover {
        background-color: #1D78A6;
        color: #ffffff;
    }

.enrollers {
    background-color: #266ec8;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: 18px;
    color: #ffffff;
    text-align: center;
    padding: 10px 0;
}

.enrollers-body {
    padding: 10px;
    border-left: 1px solid #D3DBE4;
    border-right: 1px solid #D3DBE4;
    border-bottom: 1px solid #D3DBE4;
    margin-bottom: 10px;
}

.enrollers, .enrollers-body {
    max-width: 265px;
    margin-left: auto;
}

.cutoff {
    background-color: #A1DD00;
    margin-top: 20px;
    color: #ffffff;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: 20px;
    text-align: center;
    padding: 10px 0;
}

.time {
    color: #1D78A6;
    font-family: 'Roboto', sans-serif;
    font-weight: 600;
    font-size: 36px;
    text-align: center;
}

.rsp {
    color: #7a92a6;
    font-family: 'Roboto', sans-serif;
    text-align: center;
    font-size: 18px;
}

.date {
    color: #7a92a6;
    font-family: 'Roboto', sans-serif;
    text-align: center;
    font-size: 18px;
    padding: 20px 0;
}

.deadline {
    color: #ff7900;
    font-family: 'Roboto', sans-serif;
    font-weight: 600;
    font-size: 23px;
}

.deadline-new {
    color: #ff7900;
    font-family: 'Roboto', sans-serif;
    font-weight: 600;
    font-size: 35px;
    line-height: 26px;
    border-bottom: 1px solid #cccccc;
    text-align: center;
    padding-top: 15px;
}

.enrollees {
    color: #1d78a6;
    font-size: 15px;
    font-family: 'Roboto', sans-serif;
    font-weight: 600;
    line-height: 26px;
}

.reservermyspot {
    background-color: #A1DD00;
    color: #ffffff;
    text-align: center;
    margin: 0 auto;
    display: block;
    font-family: 'Roboto', sans-serif;
    font-size: 18px;
    font-weight: 600;
    border: transparent;
    padding: 10px 50px;
}

    .reservermyspot:hover {
        background-color: #1D78A6;
    }

.zynheading {
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    color: #1D78A6;
    font-size: 36px;
}

.zyn-para {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    line-height: 25px;
    padding: 20px 0;
    font-size: 16px;
    color: #627a8f;
    text-align: justify;
}

#oppurtunity p {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    line-height: 25px;
    padding: 5px 0;
    font-size: 16px;
    color: #627a8f;
    text-align: justify;
}

    #oppurtunity p.padd-lt {
        padding-left: 50px;
    }

.bonus {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    color: #1d78a6;
    font-size: 36px;
}

    .bonus strong {
        font-size: 40px;
    }

.silver {
    color: #96bd36;
    float: left;
    font-family: 'Roboto', sans-serif;
    font-weight: 600;
    font-size: 16px;
    padding: 0 20px;
}

.silver-price {
    font-family: 'Roboto', sans-serif;
    font-weight: 600;
    font-size: 45px;
}

.gold {
    color: #ff7900;
    float: left;
    font-family: 'Roboto', sans-serif;
    font-weight: 600;
    font-size: 16px;
    padding: 0 20px;
}

.gold-price {
    font-family: 'Roboto', sans-serif;
    font-weight: 600;
    font-size: 45px;
}

.platinum {
    color: #1d78a6;
    font-family: 'Roboto', sans-serif;
    font-weight: 600;
    font-size: 16px;
    padding: 0 20px;
}

.platinum-price {
    font-family: 'Roboto', sans-serif;
    font-weight: 600;
    font-size: 45px;
}

.teamgrowing {
    background-color: #1D78A6;
    margin-top: 20px;
    color: #ffffff;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: 20px;
    text-align: center;
    padding: 10px 0;
}

.claimmyspot {
    background-color: #1D78A6;
    color: #ffffff;
    text-align: center;
    margin: 0 auto;
    display: block;
    font-family: 'Roboto', sans-serif;
    font-size: 18px;
    font-weight: 600;
    border: transparent;
    padding: 10px 50px;
}

.alreadyhav {
    color: #7a92a6;
    font-family: 'Roboto', sans-serif;
    text-align: center;
    font-size: 25px;
    font-weight: 300;
    font-style: italic;
}

.matrix-font {
    padding-left: 50px;
}

.matrix {
    background-image: url(../images/no1.png);
    background-repeat: no-repeat;
    min-height: 41px;
    font-size: 25px;
    color: #1d78a6;
    margin: 20px 0;
}

.matrix-bonus {
    background-image: url(../images/no2.png);
    background-repeat: no-repeat;
    min-height: 41px;
    font-size: 25px;
    color: #1d78a6;
    margin: 20px 0;
}

.spacer {
    height: 30px;
}

.spacer-10 {
    height: 10px;
}

.spacer-20 {
    height: 20px;
}

.enrollers-body .table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
    border-top: 0;
}

.table {
    margin-bottom: 0;
}

.enrollers-body td {
    color: #7993A7;
    font-weight: bold;
    text-transform: uppercase;
}

.table-responsive {
    border: 0;
}

.scroll-text {
    width: 100%;
    height: 21em;
    overflow: hidden;
}

    .scroll-text ul {
        height: 320px;
        overflow: hidden;
        margin: 0;
        padding: 0;
        list-style: none;
    }

        .scroll-text ul li {
            color: #9aadbe;
            font-weight: 400;
            text-transform: uppercase;
            margin: 2px 0;
            font-family: 'Roboto';
            font-size: 14px;
            text-align: left;
            padding: 2px 0;
            height: 24px;
            overflow: hidden;
        }

            .scroll-text ul li img {
                margin-left: 10px;
            }

            .scroll-text ul li span {
                margin-left: 10px;
            }

                .scroll-text ul li span:last-child {
                    margin-left: 25px;
                }

/** Company **/
.company-header {
    background-image: url(../images/company_bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center top;
    min-height: 250px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.company-head-txt {
    text-align: center;
    color: #FFF;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: 40px;
    padding: 75px 0;
}

.comp-top-txt {
    color: #FFFFFF;
    font-size: 45px;
    font-weight: 300;
}

.zyn-txt {
    font-size: 60px;
    font-family: 'Roboto';
    font-weight: 700;
    line-height: 1;
}

    .zyn-txt span {
        font-weight: 300;
    }

.travel {
    font-size: 60px;
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
}

.company-video {
    background-color: #FFFFFF;
    padding: 40px 0;
    font-family: 'Roboto';
}

.company-blue-band {
    background-color: #266ec8;
    color: #FFF;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: 16px;
    text-align: center;
}

    .company-blue-band .icon1, .company-blue-band .icon2, .company-blue-band .icon3 {
        min-height: 93px;
        position: relative;
    }

        .company-blue-band .icon1 span, .company-blue-band .icon2 span, .company-blue-band .icon3 span {
            justify-content: center;
            align-items: center;
            font-size: 18px;
            font-weight: 300;
            display: inline-block;
            position: absolute;
            top: 20px;
            right: 0;
            left: 5px;
        }

.company-video .video-txt {
    color: #284962;
    font-size: 25px;
}

.company-video .zyn {
    font-weight: 600;
}

.company-video .travel {
    font-size: 25px;
    font-weight: 100;
}

.ultxt {
    color: #404549;
    font-size: 18px;
    margin-top: 15px;
    margin-bottom: 10px;
}

.company-video ul {
    color: #404549;
    font-size: 16px;
    line-height: 20px;
    margin-left: 26px;
}

    .company-video ul li {
        padding-bottom: 10px;
    }

.company-video i {
    color: #92C43D;
    padding-top: 2px;
}

.company-lightblue-band {
    font-family: 'Roboto';
    padding: 30px 0;
    background-color: #F0F5F9;
}

    .company-lightblue-band p {
        color: #343c49;
        font-size: 16px;
        line-height: 1.6;
    }

.enjoy-life-head {
    font-size: 20px;
}

.container-joinnow {
    margin: 20px 0;
}

.company-lightblue-band .jonnow-btn {
    border: 2px solid #284962;
    padding: 5px 32px;
    font-size: 18px;
}

.company-lightblue-band a {
    color: #284962;
    text-decoration: none;
}

.company-lightblue-band .jonnow-btn:hover {
    border: 2px solid #284962;
    padding: 6px 28px;
    font-size: 18px;
    background-color: #284962;
    color: #FFF;
}

fieldset.title-txt-line {
    border-top: 1px solid #aaa;
    border-bottom: none;
    border-left: none;
    border-right: none;
    display: block;
    text-align: center;
    margin: 10px 0 20px 0;
    max-width: 100% !important;
}

    fieldset.title-txt-line legend {
        padding: 5px 20px;
        color: #284962;
        width: auto;
        font-family: 'Roboto', sans-serif;
        font-size: 28px;
        font-weight: 600;
        border: 0;
    }

.title-txt-line {
    text-align: center;
    font-size: 28px;
    font-family: 'Roboto', sans-serif;
    width: 100%;
    border-bottom: none;
    line-height: none;
    margin: 10px 0 25px;
    font-weight: 600;
    color: #284962;
}

    .title-txt-line span {
        background: #F0F4F8;
        padding: 0 20px;
    }

.company-white-bg {
    font-family: 'Roboto';
    padding: 20px 0 40px 0;
    background-color: #FFFFFF;
}

    .company-white-bg p {
        color: #343c49;
        font-size: 16px;
        line-height: 20px;
    }

    .company-white-bg .jonnow-btn {
        border: 2px solid #284962;
        padding: 5px 32px;
        font-size: 18px;
    }

    .company-white-bg a {
        color: #284962;
        text-decoration: none;
    }

    .company-white-bg .jonnow-btn:hover {
        border: 2px solid #284962;
        padding: 6px 28px;
        font-size: 18px;
        background-color: #284962;
        color: #FFF;
    }

.company-bottom-bg {
    background-image: url(../images/comany_bigbg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center top;
    padding: 70px 0;
}

.bot-head-txt {
    color: #FFFFFF;
    font-size: 35px;
    font-weight: 600;
    line-height: 1;
}

    .bot-head-txt span {
        font-weight: 300 !important;
    }

.company-bottom-bg p {
    color: #FFFFFF;
    font-size: 16px;
    line-height: 26px;
    padding-bottom: 20px;
}

.company-whiteband {
    padding: 15px 0;
    background-color: #fff;
}

/*** Products ***/
.products-header {
    background-repeat: no-repeat;
    display: flex;
    justify-content: center;
    align-items: center;
    background-attachment: fixed;
    z-index: 9;
}

.product-video {
    background-color: #FFFFFF;
    padding: 40px 0;
    font-family: 'Roboto';
}

    .product-video p {
        color: #485866;
        font-size: 16px;
    }

        .product-video p strong.underline {
            border-bottom: #485866 1px solid;
        }

#product-wight-bg .head-txt {
    font-size: 42px;
    color: #284962;
    font-family: 'Roboto';
    font-weight: 400;
    padding-bottom: 10px;
}

    #product-wight-bg .head-txt span {
        font-size: 42px;
        color: #284962;
        font-family: 'Roboto';
        font-weight: 300 !important;
    }

#product-wight-bg p {
    font-size: 23px;
    color: #526372;
    font-family: 'Roboto';
    font-weight: 400;
    padding-top: 20px;
}

#product-wight-bg .join-now-btn a {
    background-color: #A1DD00;
    padding: 8px 54px;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: 26px;
    color: #FFFFFF;
}

    #product-wight-bg .join-now-btn a:hover {
        background-color: #85BB20;
        color: #ffffff;
        text-decoration: none;
    }

#product-wight-bg .join-now-btn {
    margin-top: 10px;
}

.product-gray-bg {
    background-color: #F1F2F5;
    padding: 40px 0;
    font-family: 'Roboto';
}

.product-bottom-bg {
    background-image: url(../images/product_bottom_bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center top;
    padding: 50px 0;
    text-align: center;
}

.pro-head-txt {
    font-family: 'Roboto';
    font-weight: 300;
    font-size: 40px;
    color: #FFF;
    line-height: 53px;
}

.boldtxt {
    font-family: 'Roboto';
    font-weight: 600;
    font-size: 50px;
    color: #FFF;
}

.bigtxt {
    font-family: 'Roboto';
    font-weight: 600;
    font-size: 70px !important;
    text-transform: uppercase;
    color: #FFF;
}

.product-bottom-bg p {
    font-family: 'Roboto';
    font-weight: 300;
    font-size: 25px;
    color: #FFF;
    padding-top: 10px;
}

    .product-bottom-bg p span {
        font-family: 'Roboto';
        font-weight: 600;
        font-size: 25px;
        color: #FFF;
        text-transform: uppercase;
    }

.bot-joinnow-btn a {
    border: 2px solid #FFFFFF;
    padding: 12px 82px;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: 38px;
    color: #FFFFFF;
}

    .bot-joinnow-btn a:hover {
        background-color: #FFFFFF;
        color: #284962;
        text-decoration: none;
    }

.bot-joinnow-btn {
    margin-top: 10px;
}

/** Membership **/

.membership-header {
    background-image: url(../images/membership_bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center top;
    min-height: 415px;
}

.membership-head-txt {
    text-align: center;
    color: #FFF;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: 44px;
    padding: 60px 0 50px 0;
    line-height: 1.1;
}

.membership-includes {
}

.mem-includes-details {
    color: #ffffff;
}

    .mem-includes-details p {
        font-family: 'Roboto', sans-serif;
        font-weight: 400;
        font-size: 25px;
        line-height: 30px;
    }

.mem-includes {
    padding: 20px 0;
    position: relative;
}

    .mem-includes p {
        position: relative;
        color: #ffffff;
        font-size: 20px;
        font-family: 'Roboto', sans-serif;
        font-weight: 400;
        bottom: 0;
    }

    .mem-includes img {
        position: relative;
        overflow: visible;
        bottom: 0;
    }

.zyntravel {
    background-color: #F1F5F7;
    padding: 30px 0;
}

.font-light {
    font-weight: 300;
    font-family: 'Roboto', sans-serif;
}

.zyntravel-head {
    font-weight: 400;
    font-family: 'Roboto', sans-serif;
    font-size: 42px;
    color: #284962;
    padding: 20px 0;
}

.mem-zyn-img {
    max-width: 430px;
    margin-left: auto;
    margin-right: 0;
}

.vacation {
    font-weight: 500;
    font-family: 'Roboto', sans-serif;
    font-size: 20px;
    color: #4a5964;
    padding: 10px 0;
}

.travel-para {
    font-family: 'Roboto', sans-serif;
    font-size: 16.5px;
    font-weight: 300;
    color: #4a5964;
    line-height: 24px;
}

p.travel-para span {
    font-family: 'Roboto', sans-serif;
    font-size: 17px;
    font-weight: 600;
    color: #4a5964;
    line-height: 24px;
    text-transform: uppercase;
}

p.travel-para strong {
    font-family: 'Roboto', sans-serif;
    font-size: 17px;
    font-weight: 600;
    color: #4a5964;
    line-height: 24px;
}

.levels {
    background-color: #266ec8;
    padding: 20px 0;
    text-align: center;
}

.level-text {
    font-family: 'Roboto', sans-serif;
    font-size: 24px;
    color: #ffffff;
    font-weight: 300;
}

.diff-levels {
    font-size: 28px;
}

.freedom {
    padding: 50px 0;
}

.freedom-head {
    font-size: 26px;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    color: #284962;
    line-height: 1;
}

.freedom-para {
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    font-weight: 400;
    color: #44474b;
    margin-top: 20px;
}

.benefits {
    color: #284962;
    font-family: 'Roboto', sans-serif;
    font-size: 20px;
    font-weight: 400;
    padding: 10px 0;
}

.small-band {
    background-color: #E5EBF0;
    padding: 20px 0;
    margin-top: 120px;
}

    .small-band ul li {
        display: inline-block;
        list-style: none;
        padding: 0 2px;
        font-size: 16px;
        color: #284962;
    }

.freedom ul {
    color: #404549;
    font-size: 16px;
    line-height: 20px;
    margin-left: 26px;
}

    .freedom ul li {
        padding-bottom: 15px;
    }

.freedom i {
    color: #92C43D;
}

.plans {
    background-image: url(../images/plans-bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center top;
    min-height: 640px;
    padding: 70px 0 50px 0;
}

    .plans .fees {
        color: #fff;
        font-size: 12px;
    }

.checkout_blk {
    padding: 60px 0 0 0;
}

.member_ship {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

    .member_ship img {
        width: 100%;
    }

    .member_ship ul {
        padding: 30px 0 20px 0;
    }

        .member_ship ul li {
            color: #5b6b79;
            font-size: 14px;
            font-weight: 400;
            font-family: 'Roboto', sans-serif;
            line-height: 15px;
        }

            .member_ship ul li p {
                padding-left: 20px;
                background: url(../images/membership_li_before.png) no-repeat left 0;
                padding-right: 20px;
            }

            .member_ship ul li span {
                color: #1d78a6;
                text-transform: uppercase;
                font-weight: 700;
            }

.select_pack {
    padding: 0 0 20px 0;
}

    .select_pack > h1 {
        color: #1d78a6;
        font-size: 36px;
        font-weight: 400;
        font-family: 'Roboto', sans-serif;
        padding-bottom: 40px;
    }

.select_active a {
    background: #a1dd00 !important;
    color: #FFF !important;
}

.select_silver_content_active {
    border: 2px solid #a1dd00 !important;
}

.select_platinum_content_active {
    border: 2px solid #ff7900 !important;
}

.select_gold_content_active {
    border: 2px solid #356e8b !important;
}

.select_active a:hover {
    background: #AFD850 !important;
}

.select_silver_content a:hover {
    background: #a1dd00;
    color: #FFF;
}

.select_platinum_content a:hover {
    background: #a1dd00;
    color: #FFF;
}

.select_gold_content a:hover {
    background: #a1dd00;
    color: #FFF;
}


.select_silver_content {
    border: 1px solid #b7c7d4;
    background-color: #ffffff;
}

    .select_silver_content p {
        color: #647785;
        font-size: 12px;
        font-family: 'Roboto', sans-serif;
        font-weight: 400;
        padding: 15px 5px 5px 5px;
    }

    .select_silver_content h5 {
        color: #647785;
        font-size: 14px;
        font-family: 'Roboto', sans-serif;
        font-weight: 700;
    }

    .select_silver_content h4 {
        color: #647785;
        font-size: 20px;
        font-family: 'Roboto', sans-serif;
        font-weight: 700;
        margin: 5px 0;
    }

        .select_silver_content h4 span {
            color: #ff7900;
        }

    .select_silver_content ul {
        padding: 0 0 0 20px;
        margin-bottom: 0;
        margin-top: 10px;
    }

        .select_silver_content ul li {
            color: #647785;
            font-size: 14px;
            font-family: 'Roboto', sans-serif;
            font-weight: 400;
            line-height: 25px;
        }

            .select_silver_content ul li span {
                padding-right: 10px;
                color: #1d78a6;
                font-size: 16px;
                font-weight: 400;
            }

            .select_silver_content ul li small {
                color: #ff7900;
                font-family: 'Roboto', sans-serif;
                font-size: 12px;
                font-weight: 600;
            }

            .select_silver_content ul li label {
                font-family: 'Roboto', sans-serif;
                font-weight: 300;
                font-size: 12px;
                word-spacing: -2px;
            }

#selectGold .select_silver_board,
#selectSilver .select_silver_board,
#selectPlatinum .select_platinum_board {
    background: #f3ffd0;
    padding: 10px 0;
    margin: 10px 0;
}

#selectPlatinum .banner {
    margin: -5px -2px 0 -2px;
    font-size: 14pt;
    font-weight: bold;
    font-style: italic;
    color: #0970aa;
    background-color: #efefed;
    position: absolute;
    width: 102%;
    box-shadow: 0 2px 2px #777;
}

.select_silver_board h1 {
    color: #647785;
    font-size: 14px;
    text-transform: uppercase;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    margin: 0;
    padding: 0;
}

.select_silver_board p {
    color: #647785;
    font-size: 14px;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    margin: 0;
    padding: 0;
}

    .select_silver_board p span {
        color: #ff7900;
        font-family: 'Roboto', sans-serif;
        font-weight: 700;
    }

.select_silver_content a {
    background: #d4e1e8;
    border-radius: 2px;
    text-transform: uppercase;
    color: #384855;
    font-size: 16px;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    padding: 10px 40px;
    display: inline-block;
    margin: 20px 0;
    text-decoration: none;
}

.silver_membership {
    padding: 15px 0 10px 0;
    background: #a1dd00;
    position: relative;
}

    .silver_membership h1 {
        text-transform: uppercase;
        color: #fff;
        font-family: 'Roboto', sans-serif;
        font-weight: 500;
        font-size: 35px;
        margin: 0;
    }

    .silver_membership img {
        position: absolute;
        top: -7px;
        right: -10px;
        width: auto;
    }

    .silver_membership h2 {
        color: #fff;
        font-size: 16px;
        font-family: 'Roboto', sans-serif;
        font-weight: 400;
        margin: 0;
    }

    .silver_membership h3 {
        color: #fff;
        font-size: 53px;
        font-family: 'Roboto', sans-serif;
        font-weight: 400;
        margin: 0;
    }

    .silver_membership h4 {
        color: #fff;
        font-size: 15px;
        font-family: 'Roboto', sans-serif;
        font-weight: 400;
        margin: 0;
    }

    .silver_membership .divider {
        border-bottom: 1px solid #baf417;
        margin: 10px;
        box-shadow: none;
    }

.select_platinum_content {
    border: 1px solid #b7c7d4;
    background-color: #ffffff;
}

    .select_platinum_content p {
        color: #647785;
        font-size: 12px;
        font-family: 'Roboto', sans-serif;
        font-weight: 400;
        padding: 15px 5px 5px 5px;
    }

    .select_platinum_content h5 {
        color: #647785;
        font-size: 14px;
        font-family: 'Roboto', sans-serif;
        font-weight: 600;
    }

    .select_platinum_content h4 {
        color: #647785;
        font-size: 20px;
        font-family: 'Roboto', sans-serif;
        font-weight: 600;
        margin: 5px 0;
    }

        .select_platinum_content h4 span {
            color: #ff7900;
        }

    .select_platinum_content ul {
        padding: 0 2px 0 20px;
        margin-bottom: 0;
        margin-top: 10px;
    }

        .select_platinum_content ul li {
            color: #647785;
            font-size: 14px;
            font-family: 'Roboto', sans-serif;
            font-weight: 400;
            line-height: 25px;
        }

            .select_platinum_content ul li span {
                padding-right: 10px;
                color: #1d78a6;
                font-size: 16px;
                font-weight: 400;
            }

            .select_platinum_content ul li small {
                color: #ff7900;
                font-family: 'Roboto', sans-serif;
                font-size: 12px;
                font-weight: 600;
            }

            .select_platinum_content ul li label {
                font-family: 'Roboto', sans-serif;
                font-weight: 300;
                font-size: 12px;
                word-spacing: -2px;
            }

.select_platinum_board {
    background: #f3ffd0;
    padding: 10px 0;
    margin: 5px 0;
}

    .select_platinum_board h1 {
        color: #647785;
        font-size: 12px;
        text-transform: uppercase;
        font-family: 'Roboto', sans-serif;
        font-weight: 500;
        margin: 0;
        padding: 0;
        word-spacing: -2px;
    }

    .select_platinum_board p {
        color: #647785;
        font-size: 14px;
        font-family: 'Roboto', sans-serif;
        font-weight: 400;
        margin: 0;
        padding: 0;
    }

        .select_platinum_board p span {
            color: #ff7900;
            font-family: 'Roboto', sans-serif;
            font-weight: 700;
        }

.select_platinum_content a {
    background: #d4e1e8;
    border-radius: 2px;
    text-transform: uppercase;
    color: #384855;
    font-size: 16px;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    padding: 10px 40px;
    display: inline-block;
    margin: 20px 0;
    text-decoration: none;
}

.platinum_membership {
    background: #ff7900;
    padding: 15px 0 10px 0;
    position: relative;
}

    .platinum_membership h1 {
        text-transform: uppercase;
        color: #fff;
        font-family: 'Roboto', sans-serif;
        font-weight: 500;
        font-size: 35px;
        margin: 25px 0 0 0;
    }

    .platinum_membership img {
        position: absolute;
        top: -7px;
        right: -10px;
        width: auto;
    }

    .platinum_membership h2 {
        color: #fff;
        font-size: 16px;
        font-family: 'Roboto', sans-serif;
        font-weight: 400;
        margin: 0;
    }

    .platinum_membership h3 {
        color: #fff;
        font-size: 53px;
        font-family: 'Roboto', sans-serif;
        font-weight: 400;
        margin: 0;
    }

    .platinum_membership h4 {
        color: #fff;
        font-size: 15px;
        font-family: 'Roboto', sans-serif;
        font-weight: 400;
        margin: 0;
    }

    .platinum_membership .divider {
        border-bottom: 1px solid #ffa553;
        margin: 10px;
        box-shadow: none;
    }

.gold_membership {
    padding: 15px 0 10px 0;
    background: #356e8b;
    position: relative;
}

    .gold_membership h1 {
        text-transform: uppercase;
        color: #fff;
        font-family: 'Roboto', sans-serif;
        font-weight: 500;
        font-size: 35px;
        margin: 0;
    }

    .gold_membership img {
        position: absolute;
        top: -7px;
        right: -10px;
        width: auto;
    }

    .gold_membership h2 {
        color: #fff;
        font-size: 16px;
        font-family: 'Roboto', sans-serif;
        font-weight: 400;
        margin: 0;
    }

    .gold_membership h3 {
        color: #fff;
        font-size: 53px;
        font-family: 'Roboto', sans-serif;
        font-weight: 400;
        margin: 0;
    }

    .gold_membership h4 {
        color: #fff;
        font-size: 15px;
        font-family: 'Roboto', sans-serif;
        font-weight: 400;
        margin: 0;
    }

    .gold_membership .divider {
        border-bottom: 1px solid #3d7d9d;
        margin: 10px;
        box-shadow: none;
    }

    .silver_membership small,
    .gold_membership small,
    .platinum_membership small {
        color: white;
    }

/*carousel */
.carousel-caption {
    text-align: right !important;
}

.carousel-caption {
}

.slide1 {
    background-image: url(../images/slide1.png);
    background-repeat: no-repeat; /* background-size:100% auto;*/
    width: 100%;
}

.video1 {
    position: relative;
}

    .video1 video {
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        width: 100%;
        height: auto;
    }

@media (max-width: 768px) {
    .securePayment {
        width: 55%;
        margin-bottom: 15px;
    }
}

@media (max-width:456px) {
    .video1 video {
        height: 100%;
        width: auto;
    }

    .checkout .container {
        background-color: white;
        padding: 45px 15px !important;
    }

    .securePayment {
        width: initial;
        margin-bottom: 10px;
        margin-top: 10px;
    }

    .raiseSecure {
        margin-top: 0px !important;
    }
}




@media screen and (min-width:768px) {
    .carousel-caption {
        right: 0%;
    }
}

.zyn-logo {
    font-family: "Ostrich Sans Black";
    font-size: 56px;
}

.zyn-logo-change {
    font-family: "Ostrich Sans Medium";
    font-size: 60px;
}

.img-carousel { /* margin-top:470px; */
    margin-top: 15%;
    padding-bottom: 135px;
    padding-right: 10px;
}

/*@media (min-width: 768px) and (max-width: 1200px) { .package-main { margin-left:12.6667% !important; width:70.6667% !important; }
	.select_silver { width:33.3333% !important;}*/

.package-main {
    height: 300px;
    width: 673px;
    margin: 0 auto;
    float: none;
}

.silver-container {
    width: 220px;
    margin-left: auto;
    margin-right: 2px;
}

.platinum-container {
    width: 225px;
    margin-left: 2px;
    margin-right: auto;
}

.gold-container {
    width: 220px;
    margin-left: 2px;
    margin-right: 2px;
}

.text-green {
    color: #a1dd00;
}

/*

@media (min-width: 768px) {
	.package-main { margin-left:0 auto !important;}
	.select_silver { width:245px !important;}
}

@media (min-width: 1200px) {
	.package-main { margin-left:0 auto !important; width:74.6667% !important;}
	.select_silver { width:245px !important;}
}

@media (min-width: 992px) {
	.package-main { margin-left:0 auto !important; width:76.6667% !important;}
	.select_silver { width:245px !important;}
}
*/


.square-box {
    position: relative;
}

.square-content {
    position: absolute;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
}

    .square-content .p {
        font-family: 'Roboto', sans-serif;
        font-size: 25px;
        font-weight: 400;
        line-height: 24px;
        color: #ffffff;
        margin-top: 10px;
        height: 190px;
    }

        .square-content .p ul {
            font-weight: 300;
            font-family: 'Roboto', sans-serif;
            font-size: 18px;
            padding-left: 20px;
        }

            .square-content .p ul li {
                list-style-type: circle;
            }

.light-change {
    font-weight: 300;
    font-family: 'Roboto', sans-serif;
    font-size: 21px;
}

.fon-change {
    font-size: 21px;
}

.font-20 {
    font-size: 20px;
    font-weight: 400;
}

.font-19 {
    font-size: 19px;
    font-weight: 400;
}

.mem-list ul li {
    list-style: circle;
    color: #495866;
    line-height: 26px;
}

.mem-list ul {
    margin-bottom: 0;
    padding-left: 15px;
}

    .mem-list ul li strong {
        color: #284962;
    }

    .mem-list ul li i {
        padding-right: 10px;
        font-size: 10px;
        position: relative;
        top: -1px;
    }

.stroke-line {
    color: #8f9da7;
}

.stroke {
    color: #8f9da7;
}

.slide1 {
    width: 100%;
    background-size: 100% 100%;
}

.responsive-image {
    width: 100%;
    background-size: 100% 100%;
}

.join_now_btn {
    color: #ffffff;
    font-size: 14px;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    padding: 3px 0;
}

    .join_now_btn:hover {
        color: #ffffff;
    }

.span-txt {
    color: #84A0B6;
    font-size: 30px;
    display: block;
    font-weight: 400;
}

.k-txt {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 50px;
}

.box1 p, .box3 p {
    padding-right: 20px;
}

#navbar ul {
    margin-top: 2px;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    background-color: transparent;
    border-color: transparent;
    color: #284962;
    font-weight: 600;
    font-family: 'Roboto', sans-serif;
}

.nav-tabs {
    border-bottom: none;
}

/* To make Membership questions actual tabs,
   comment out the previous 2 blocks,
   comment in the following section
   and change .small-band to padding: 20px 0 0; */

/*
.nav-tabs > li.stroke {
  visibility: hidden;
}

.nav-tabs > li > a {
  border: 1px solid #8f9da7;
  border-bottom-color: transparent;
}

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  background-color: #F1F5F7;
  border: 1px solid #8f9da7;
  border-bottom-color: transparent;
}

.nav-tabs > li > a:hover {
  background-color: #F1F5F7;
  border: 1px solid #8f9da7;
  border-bottom-color: transparent;
}
*/

.nav > li > a {
    color: #284962;
}

.nav-tabs > li > a {
    line-height: 0.429;
    padding: 10px 5px;
}

.dropdown-menu {
    padding: 0;
}

    .dropdown-menu > li > a {
        color: #284962;
    }

@-webkit-keyframes fadeIn {
    from {
        opacity: 0.4;
    }

    to {
        opacity: 1;
    }
}

@-moz-keyframes fadeIn {
    from {
        opacity: 0.4;
    }

    to {
        opacity: 1;
    }
}

@keyframes fadeIn {
    from {
        opacity: 0.4;
    }

    to {
        opacity: 1;
    }
}

@keyframes scale {
    from {
        -webkit-transform: scale(0.2);
    }

    to {
        -webkit-transform: scale(1);
    }
}

@-webkit-keyframes scale {
    from {
        -webkit-transform: scale(0.2);
    }

    to {
        -webkit-transform: scale(1);
    }
}

@-moz-keyframes scale {
    from {
        -webkit-transform: scale(0.2);
    }

    to {
        -webkit-transform: scale(1);
    }
}

.fade-in {
    /*-webkit-animation:fadeIn ease-in 1;  
	-moz-animation:fadeIn ease-in 1;
	animation:fadeIn ease-in 1;	
	

	-webkit-animation-fill-mode:forwards; 
	-moz-animation-fill-mode:forwards;
	animation-fill-mode:forwards;

	-webkit-animation-duration:.5s;
	-moz-animation-duration:.5s;
	animation-duration:.5s;*/
    -webkit-animation: scale 0.5s ease-out;
    -moz-animation: scale 0.5s ease-out;
    animation: scale 0.5s ease-out;
}

    .fade-in.one {
        -webkit-animation-delay: 0s;
        -moz-animation-delay: 0s;
        animation-delay: 0s;
    }

    .fade-in.two {
        -webkit-animation-delay: 0.25s;
        -moz-animation-delay: 0.25s;
        animation-delay: 0.25s;
    }

    .fade-in.three {
        -webkit-animation-delay: 0.5s;
        -moz-animation-delay: 0.5s;
        animation-delay: 0.5s;
    }

.nav > li > a:hover, .nav > li > a:focus {
    background-color: transparent;
    border-color: transparent;
}

.navbar-inverse .navbar-toggle {
    border: 0;
    margin-right: 10px;
}

.modal-container .modal-dialog {
    /*margin: 125px auto 0 auto;*/
}

modal-container .modal-content, .modal-dialog {
    /*width: 244px;
    height: 370px;*/
}

modal-container .modal.fade {
    top: -25%;
    -webkit-transition: opacity 0.3s linear, top 0.3s ease-out;
    -moz-transition: opacity 0.3s linear, top 0.3s ease-out;
    -o-transition: opacity 0.3s linear, top 0.3s ease-out;
    transition: opacity 0.3s linear, top 0.3s ease-out;
}

.modal-container .modal.fade.in {
    top: 0%;
}

.modal-white-bg {
    background-color: #ffffff;
    padding: 10px 15px;
    height: auto;
}

.modal-resort-name {
    color: #284962;
    text-transform: uppercase;
    font-family: 'Roboto', sans-serif;
    font-weight: 600;
    font-size: 20px;
    text-align: center;
    line-height: 1.3;
    vertical-align: bottom;
}

.modal-resort-para {
    margin-left: 24px;
    font-weight: 400;
    font-size: 12px;
    color: #343c49;
    text-align: left;
    line-height: 1.3;
}

.modal-resort-bullet {
    float: left;
    text-align: left;
    max-width: 24px;
    font-size: 14px;
    padding: 0 5px;
}

    .modal-resort-bullet span.fa.fa-check {
        color: #85bb20 !important;
    }

.modal-resort-content {
    width: 100%;
    height: 100%;
    padding: 5px 0;
}

.modal-resort-content-wrap {
    min-height: 110px;
    margin: 5px 0;
}

.modal-resort-btn {
    margin-top: 10px;
    margin-bottom: 15px;
}

.modal-rest-btn {
    border: 2px solid #266ec8;
    background-color: transparent;
    padding: 8px 0;
    text-align: center;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 16px;
    color: #284962;
}

.modal-rest-btn-active {
    border: 2px solid #ffffff;
    background-color: #266ec8;
    padding: 8px 0;
    text-align: center;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 16px;
    color: #FFFFFF;
}

.checkout {
    background-color: #e5ecf2;
    color: #266ec8;
    padding-bottom: 45px;
    line-height: 1.25;
}

    .checkout .container {
        background-color: white;
        padding: 35px 30px;
    }

    .checkout .form-control,
    .checkout .input-group-addon,
    .checkout .btn {
        border-radius: 0;
        border-color: #cad1d7;
    }

    .checkout .checkout-congrats {
        font-size: 26px;
        font-weight: 400;
    }

    .checkout .cart-title {
        padding: 8px;
        font-size: 16px;
        font-weight: 500;
    }

    .checkout .cart-container {
        border: 2px solid #cad1d7;
        margin-bottom: 35px;
    }

        .checkout .cart-container th,
        .checkout .cart-container td {
            padding: 12px 8px;
        }

        .checkout .cart-container .item-separator {
            padding-top: 0;
            padding-bottom: 0;
        }

        .checkout .cart-container hr {
            border-color: #b7c7d4;
            margin: 0;
        }

.shadowbox {
    box-shadow: #D2D2D2 2px 3px 2px;
    border-color: #CCCCCC;
}

.checkout .cart-container td.item-name {
    color: #666;
    line-height: 24px;
    font-size: 16px;
    font-weight: 600;
    padding-left: 16px;
}

.checkout .cart-container td.item-description {
    color: #666;
    line-height: 24px;
    font-size: 12px;
    font-weight: 300;
}

.raiseSecure {
    margin-top: -62px;
}

footer {
    background-color: #4e4e4e;
    font-size: 12px;
    color: #aaaaaa;
    text-align: center;
    clear: both;
    height: 50px;
}

.footerlinks {
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    color: white !important;
}

    .footerlinks a.gtfix {
        color: white;
        padding: 5px;
    }

        .footerlinks a.gtfix:hover {
            color: #266ec8;
        }

footer span.gtfix {
    vertical-align: middle;
    font-weight: 400;
    position: relative;
    padding: 16px;
    margin: auto;
    display: table-cell;
}

.checkout .cart-container td.item-cost {
    line-height: 24px;
    font-size: 17px;
    font-weight: 500;
    padding-right: 16px;
}

.checkout .cart-container td.total-cost {
    font-size: 26px;
    font-weight: 500;
    padding: 5px 16px 5px 8px;
    color: #94c43e;
}

.checkout .subtotal {
    font-size: 70%;
    color: #266ec8;
}

.checkout .billing-info {
    font-size: 20px;
    font-weight: 400;
}

.checkout .billing-title {
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 14px;
}

.checkout .billing-counter {
    background-color: #b7c7d4;
    border-color: #b7c7d4;
    color: white;
    width: 34px;
    padding: 0;
    text-align: center;
}

    .checkout .billing-counter.active {
        background-color: #266ec8;
        border-color: #266ec8;
    }

.checkout .input-group {
    width: 100%;
}

.checkout .placeholder {
    color: #999;
}

.checkout .billing-actions {
    /*padding-top: 21px;*/
}

.checkout .checkout-cancel {
    border: 2px solid #cad1d7;
    color: #cad1d7;
    font-size: 14px;
    font-weight: 500;
    width: 146px;
    height: 40px;
}

.checkout .item-cost {
    color: #94c43e;
}

.checkout .checkout-cancel:hover {
    background-color: #cad1d7;
    color: white;
}

.checkout .checkout-joinnow {
    border: 2px solid #ff7200;
    border-radius: 3px;
    background-color: #ff7200;
    color: white;
    font-size: 18px;
    font-weight: 500;
    width: 100%;
    height: 50px;
}

    .checkout .checkout-joinnow:hover {
        border: 2px solid #ff7800;
        background-color: #ff7800;
    }

@media (min-width: 768px) {
    .checkout .container {
        width: 768px;
    }
}

.membership-marquee {
    position: absolute;
    height: 40px;
    padding: 10px 0 0;
    color: #b7c7d4;
    width: 100%;
    font-size: 20px;
    overflow: hidden;
}

    .membership-marquee ul {
        width: 10000px;
        margin: 0;
        padding: 0;
    }

        .membership-marquee ul li {
            width: 768px;
            list-style-type: none;
            margin: 0;
            padding: 0;
            text-align: center;
            display: inline-block;
        }

.disclaimer {
    margin: 0 auto;
    padding: 45px 10px;
}

@media (min-width: 768px) {
    .disclaimer {
        width: 768px;
    }
}

.terms {
    margin: 0 auto;
    padding: 45px 20px;
}

    .terms ol.lettered li {
        list-style-type: upper-alpha;
        margin-left: 25px;
        padding-left: 20px;
    }

    .terms ol.numbered li {
        list-style-type: decimal;
        margin-left: 25px;
        padding-left: 20px;
    }

@media (max-width:414px) {
    .checkout .checkout-congrats {
        font-size: 22px;
        font-weight: 400;
    }
}

@media (max-width:320px) {
    .checkout .checkout-congrats {
        font-size: 18px;
        font-weight: 400;
    }
}