/* Reset -------------------------------------------------- */
@import url('../../css/fonts-kit.css');
html {
    margin: 0;
    padding: 0;
    border: 0;
}

body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer, header, hgroup, nav, section {
    margin: 0;
    padding: 0;
    border: 0;
}

article, aside, dialog, figure, footer, header, hgroup, nav, section {
    display: block;
}

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

blockquote:before, blockquote:after, q:before, q:after {
    content: '';
}

blockquote, q {
    quotes: "" "";
}

a {
    text-decoration: none;
}

    a img {
        border: none;
    }

:focus {
    outline: 0;
}

body {
    background-color: #f8f8f8;
}

.page-wrapper {
    width: 100%;
}


@font-face {
    font-family: 'proxima_novalight';
    src: url(/fonts/proximanova-light-webfont.eot);
    src: url(/fonts/proximanova-light-webfont.eot?#iefix) format('embedded-opentype'), url(/fonts/proximanova-light-webfont.woff) format('woff'), url(/fonts/proximanova-light-webfont.ttf) format('truetype'), url(/fonts/proximanova-light-webfont.svg#proxima_novalight) format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'proxima_nova_condensedSBdIt';
    src: url(/fonts/proximanovacond-semiboldit-webfont.eot);
    src: url(/fonts/proximanovacond-semiboldit-webfont.eot?#iefix) format('embedded-opentype'), url(/fonts/proximanovacond-semiboldit-webfont.woff) format('woff'), url(/fonts/proximanovacond-semiboldit-webfont.ttf) format('truetype'), url(/fonts/proximanovacond-semiboldit-webfont.svg#proxima_nova_condensedSBdIt) format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'proxima_nova_rgregular';
    src: url(/fonts/proximanova-regular-webfont.eot);
    src: url(/fonts/proximanova-regular-webfont.eot?#iefix) format('embedded-opentype'), url(/fonts/proximanova-regular-webfont.woff) format('woff'), url(/fonts/proximanova-regular-webfont.ttf) format('truetype'), url(/fonts/proximanova-regular-webfont.svg#proxima_nova_rgregular) format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'proxima_novablack';
    src: url(/fonts/proximanova-black-webfont.eot);
    src: url(/fonts/proximanova-black-webfont.eot?#iefix) format('embedded-opentype'), url(/fonts/proximanova-black-webfont.woff) format('woff'), url(/fonts/proximanova-black-webfont.ttf) format('truetype'), url(/fonts/proximanova-black-webfont.svg#proxima_novablack) format('svg');
    font-weight: normal;
    font-style: normal;
}


header.headerNew {
    background-color: #131313 !important;
}

/* header ----------------------------------------------- */
/*#main-header { position:fixed; width:100%; height:95px; background-color:#131313; z-index:99999; }*/
#main-header {
    position: relative !important;
    width: 100% !important;
    background-color: black;
    z-index: 99999 !important;
}


    /*#main-header .logo { width:177px; height:auto; margin:28px 0 0 0; }*/
    #main-header .logo {
        height: auto;
        margin: 0;
    }

p.mistakeText a {
    font-weight: 600;
    text-shadow: none;
    color: #6d6d6d;
    text-decoration: none;
}

p.mistakeText {
    text-align: left;
    color: #959595;
    font-size: 18px;
    line-height: 24px;
    font-weight: 300;
    font-family: 'proxima_novalight';
    padding: 25px 0 0 0;
}
/* nav ------------------------------------------------- */
#main-header .nav-outer {
    float: right;
    width: 100%;
    margin: 40px 0 0 0;
    background: transparent;
}

.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    border: none;
}

.navbar-default {
    border: none;
    background: transparent;
}

    .navbar-default .navbar-nav > li > a {
        color: #fff;
        text-transform: uppercase;
        font-size: 16px;
        padding: 0 8px;
    }

        .navbar-default .navbar-nav > li > a:hover {
            color: #fff;
        }

.navbar {
    margin-bottom: 0px;
}

.navbar-nav {
    float: right !important;
}

/* banner ------------------------------------------------- */
#main-banner {
    margin: 0px 0 0 0;
    background: url(https://grouptogethersite.blob.core.windows.net/siteres/banner-thumbnail.png) center center no-repeat;
    background-size: cover;
    height: 245px;
}

    #main-banner .banner-menu {
        margin: 70px 0 0 0;
    }

        #main-banner .banner-menu ul {
            display: block;
        }

            #main-banner .banner-menu ul li {
                float: left;
                width: 103px;
                height: 103px;
                list-style-type: none;
                margin: 0 30px 10px 0;
            }

                #main-banner .banner-menu ul li:first-child {
                    margin:;
                }

                #main-banner .banner-menu ul li a {
                    background-size: contain;
                    display: table-cell;
                    vertical-align: middle;
                    width: 103px;
                    height: auto;
                }

                    #main-banner .banner-menu ul li a span {
                        display: none;
                        width: 100%;
                        text-align: center;
                    }

                #main-banner .banner-menu ul li:first-child a {
                    background: url(https://grouptogether.blob.core.windows.net/siteres/setup-1.png) left top no-repeat;
                    height: 103px;
                    width: 103px;
                }

                #main-banner .banner-menu ul li.active:first-child a {
                    background: url(https://grouptogether.blob.core.windows.net/siteres/setup-2.png) left top no-repeat;
                }

                #main-banner .banner-menu ul li.act:first-child a {
                    background: url(https://grouptogether.blob.core.windows.net/siteres/setup-3.png) left top no-repeat;
                }

                #main-banner .banner-menu ul li:first-child + li a {
                    background: url(https://grouptogether.blob.core.windows.net/siteres/invitation-1.png) left top no-repeat;
                    height: 103px;
                    width: 103px;
                }

                #main-banner .banner-menu ul li:first-child + li.active a {
                    background: url(https://grouptogether.blob.core.windows.net/siteres/invitation-2.png) left top no-repeat;
                }

                #main-banner .banner-menu ul li:first-child + li.act a {
                    background: url(https://grouptogether.blob.core.windows.net/siteres/invitation-3.png) left top no-repeat;
                }

                #main-banner .banner-menu ul li:first-child + li + li a {
                    background: url(https://grouptogether.blob.core.windows.net/siteres/groupcard-1.png) left top no-repeat;
                    height: 103px;
                    width: 103px;
                }

                #main-banner .banner-menu ul li:first-child + li + li.active a {
                    background: url(https://grouptogether.blob.core.windows.net/siteres/groupcard-2.png) left top no-repeat;
                }

                #main-banner .banner-menu ul li:first-child + li + li.act a {
                    background: url(https://grouptogether.blob.core.windows.net/siteres/groupcard-3.png) left top no-repeat;
                }

                #main-banner .banner-menu ul li:first-child + li + li + li a {
                    background: url(https://grouptogether.blob.core.windows.net/siteres/add_friends-1.png) left top no-repeat;
                    height: 103px;
                    width: 103px;
                }

                #main-banner .banner-menu ul li:first-child + li + li + li.active a {
                    background: url(https://grouptogether.blob.core.windows.net/siteres/add_friends-2.png) left top no-repeat;
                }

                #main-banner .banner-menu ul li:first-child + li + li + li.act a {
                    background: url(https://grouptogether.blob.core.windows.net/siteres/add_friends-3.png) left top no-repeat;
                }

                #main-banner .banner-menu ul li:first-child + li + li + li + li a {
                    height: 103px;
                    width: 103px;
                    background: url(../images/trackbtn-1.png) left top no-repeat;
                }

                #main-banner .banner-menu ul li:first-child + li + li + li + li a {
                    height: 103px;
                    width: 103px;
                    background: url(../../../images/trackbtn-1.png) left top no-repeat;
                }

                #main-banner .banner-menu ul li:first-child + li + li + li + li.active a {
                    background: url(../../../images/trackbtn-2.png) left top no-repeat;
                }

                #main-banner .banner-menu ul li:first-child + li + li + li + li.act a {
                    background: url(https://grouptogether.blob.core.windows.net/siteres/setup-3.png) left top no-repeat;
                }




/* content ------------------------------------------------- */
#content {
    display: inline-block;
    width: 100%;
    padding: 35px 0;
}

    #content .content-detail {
        margin: 0px;
        padding: 15px 0;
    }

    #content .content-heading {
        text-align: left;
        color: #131313;
        font-size: 30px;
        line-height: 24px;
        padding: 0 0 18px 0;
        font-weight: 300;
    }

    #content .abouthegift-detail {
        background-color: #fff;
        padding: 0 25px 25px 25px;
        margin: 0 0 50px 0;
    }

        #content .abouthegift-detail p {
            text-align: left;
            color: #959595;
            font-size: 18px;
            line-height: 24px;
            font-weight: 300;
            font-family: 'proxima_novalight';
            padding: 25px 0 0 0;
        }

        #content .abouthegift-detail div {
            text-align: left;
            color: #959595;
            font-size: 18px;
            line-height: 24px;
            font-weight: 300;
            font-family: 'proxima_novalight';
            padding: 25px 0 0 0;
        }

.iconRibbon {
    background-color: #05eaed;
    border-radius: 30px;
    text-align: center;
    margin-right: 12px;
    width: 32px;
    height: 32px;
}

    .iconRibbon i {
        color: #fff !important;
        font-size: 1.2em !important;
        margin-right: 0 !important;
        padding-top: 6px;
    }

#content .abouthegift-detail p:last-child {
}

#content .contribute-grp {
}

    #content .contribute-grp p {
        text-align: left;
        color: #000000b5;
        font-size: 16px;
        line-height: 24px;
        font-weight: 600;
        padding: 0 0 20px 0;
        letter-spacing: -.5px;
    }

        #content .contribute-grp p span {
            display: inline-block;
            width: 100%;
            font-weight: 400;
            color: #959595;
            margin-top: 8px;
        }

@-moz-document url-prefix() {
    #content .contribute-grp p {
        font-size: 17px;
    }
}

#content .checkbox-outer {
    margin: 0 0 12px 0;
}
    /*#content .checkbox-outer input[type="radio"] { float:left; width:19px; height:19px; border-radius:50%; background-color:#e6e7e8; }
#content .checkbox-outer label { float:left; width:auto; text-align:left; color:#131313; font-size:18px; line-height:24px; padding:0 0 0 8px; font-weight:300; }*/
    #content .checkbox-outer input[type="radio"] {
        display: none;
    }

    #content .checkbox-outer label {
        text-align: left;
        color: #131313;
        font-size: 18px;
        line-height: 24px;
        padding: 0 0 0 8px;
        font-weight: 300;
    }

    #content .checkbox-outer input[type="radio"] + label span {
        display: inline-block;
        width: 20px;
        height: 20px;
        margin: 0px 4px 0 0;
        vertical-align: top;
        background: url(/images/GT_images/images/check_radio_sheet1.png) left top no-repeat;
        cursor: pointer;
        font-weight: 300;
    }

    #content .checkbox-outer input[type="radio"]:checked + label span {
        background: url(https://grouptogether.blob.core.windows.net/siteres/check_radio_sheet1.png) -20px top no-repeat;
    }

#content .contribute-grp input[type="text"] {
    display: inline-block;
    width: 110px !important;
    height: 33px;
    text-align: right;
    font-size: 18px;
    color: #959595;
    padding: 5px 8px 5px 8px;
    border: 1px solid #ebebeb;
    background-color: #fff;
    margin: 5px 0 0 0;
}

#content .fixed-amount {
}

    #content .fixed-amount h4 {
        text-align: left;
        color: #131313;
        font-size: 18px;
        line-height: 26px;
    }

#content .fixed-amount {
    text-align: left;
    color: #131313;
    font-size: 18px;
    line-height: 24px;
    font-weight: 300;
}

    #content .fixed-amount input[type="text"] {
        display: inline-block;
        width: 66px;
        height: 33px;
        border: 1px solid #05eaed;
        background-color: #fff;
        padding-left: 12px;
        margin: 5px 0 0 0;
        /*text-align: center;*/
        -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
        transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    }

    #content .fixed-amount input:focus {
        border-color: #05eaed;
        outline: 0;
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075), 0 0 8px rgba(102,175,233,0.6);
        box-shadow: inset 0 1px 1px rgba(0,0,0,0.075), 0 0 8px rgba(102,175,233,0.6);
    }

    #content .fixed-amount span {
        display: inline-block;
        width: auto;
        text-align: left;
        color: #959595;
        font-size: 18px;
        line-height: 24px;
    }

#content .form-row {
    margin: 0;
    margin-left: 0;
}

    #content .form-row ul {
    }

        #content .form-row ul li {
            display: inline-block;
            width: 139px;
            height: 40px;
        }

            #content .form-row ul li a {
                display: inline-block;
                width: 100%;
                height: auto;
                text-align: center;
                text-decoration: none;
                line-height: 40px;
                color: #000;
                font-size: 18px;
                line-height: 40px;
                background-color: #e7e7e8;
                text-transform: uppercase;
                font-weight: 300;
                border: none;
            }

            #content .form-row ul li:last-child a {
                background-color: #05eaed;
                margin: 0;
            }

            #content .form-row ul li button {
                display: inline-block;
                width: 100%;
                height: auto;
                text-align: center;
                text-decoration: none;
                color: #000;
                font-size: 18px;
                line-height: 40px;
                background-color: #e7e7e8;
                margin: 0 0 0 22px;
                text-transform: uppercase;
                font-weight: 300;
                border: none;
            }

            #content .form-row ul li:last-child button {
                display: inline-block;
                width: 100%;
                height: auto;
                text-align: center;
                text-decoration: none;
                color: #000;
                font-size: 18px;
                background-color: #e7e7e8;
                text-transform: uppercase;
                font-weight: 300;
                border: none;
                background-color: #05eaed;
                margin: 0 0 0 22px;
                line-height: 38px;
            }

            #content .form-row ul li:first-child button {
                margin: 0px;
            }

            #content .form-row ul li:last-child input[type="button"] {
            }

.contribute-grp > div p {
    width: auto;
    text-align: left;
    display: inline-block;
    font-size: 18px;
    color: 000;
    line-height: 24px;
    padding: 0px;
}

#content .bck-next-btns {
    display: block;
}

    #content .bck-next-btns ul li {
        width: 139px;
    }


#content .giftsummary-title {
    float: left;
    width: 100%;
    padding: 10px 20px;
    background-color: #e7e7e8;
    text-align: left;
    color: #131313;
    font-size: 18px;
    margin: 0;
}

    #content .giftsummary-title span {
        color: #131313;
        font-size: 18px;
        margin: 0 0 0 -3px;
    }

#content .semicolon-txt {
    display: inline-block;
    width: auto;
    color: #131313;
    font-size: 18px;
    margin: 0px;
    text-align: left;
}

    #content .semicolon-txt span {
        display: inline-block;
        color: #131313;
        font-size: 18px;
        line-height: 24px;
        font-weight: 600;
        margin: 0 0 0 1px;
    }

#content .giftsummary-donation {
    float: left;
    width: 100%;
    padding: 10px 20px;
    background-color: #82f4f6;
    text-align: left;
    color: #131313;
    font-size: 18px;
    margin: 0;
}

#content .donation-left {
    float: left;
    width: 100%;
}

    #content .donation-left span {
        font-weight: 600;
    }

#content .donation-right {
    float: right;
}

    #content .donation-right img {
        width: 65px;
        height: auto;
    }

#content .summary-collected {
    float: left;
    width: 100%;
    padding: 10px 20px;
    background-color: #d1d2d4;
    text-align: left;
    color: #131313;
    font-size: 18px;
    margin: 0;
}

    #content .summary-collected span {
        display: inline-block;
        font-weight: 600;
    }

#content .summary-target {
    float: left;
    width: 100%;
    padding: 10px 20px;
    background-color: #bcbdc0;
    text-align: left;
    color: #131313;
    font-size: 18px;
    margin: 0;
}

#content .summarytarget-left {
    float: left;
    width: auto;
    text-align: left;
    color: #131313;
    font-size: 18px;
    line-height: 24px;
}

#content .summarytarget-right {
    float: right;
    width: 70%;
}

#content .summarytarget-left p {
    display: inline-block;
    text-align: left;
    color: #131313;
    font-size: 18px;
    line-height: 24px;
}

.target-text {
    font-weight: bold !important;
    padding-left: 5px !important;
}

#content .summarytarget-right img {
    float: right;
    width: 231px;
    height: auto;
}

#content .content-subheading {
    text-align: left;
    color: #131313;
    font-size: 30px;
    line-height: 24px;
    padding: 40px 0 20px 0;
    font-weight: 300;
    font-family: 'proxima_novalight';
}

div#aeCollectionItemsDiv input {
    text-shadow: 0.2px 0px 0.1px rgba(0, 0, 0, 0.21);
}

div.middle {
    width: 305px;
    background-repeat: repeat-y;
    position: fixed;
    top: 80px;
    margin-top: -10px;
    right: 120px;
    height: 380px;
    background-color: #f8f8f8;
    border: 1px solid #959595;
}

.inlineedit-btns {
    margin-top: 10px;
}

/* your rsvp ------------------------------------------------- */
/*#content .rsvp-inviteexample { background-color:#e1e6df; }*/
#content .rsvp-inviteexample img {
    float: right;
    width: 100%;
    height: auto;
    margin: 0;
}

#content .rsvp-inviteexamplenew img {
    margin: 42px 0 0 0;
}


/* your detail ------------------------------------------------- */
#content .yourdetail-detail {
    background-color: #fff;
    padding: 25px;
    margin: 0 0 30px 0;
}

    #content .yourdetail-detail p {
        text-align: left;
        color: #959595;
        font-size: 18px;
        line-height: 24px;
        padding: 0 0 3px 0;
        font-weight: 300;
    }

#content .youdetail-inner {
    margin: 0 0 20px 0;
}

    #content .youdetail-inner label {
        float: left;
        width: 100%;
        text-align: left;
        color: #131313;
        font-size: 18px;
        line-height: 24px;
        font-weight: 400;
        padding-bottom: 5px;
        font-family: 'proxima_novalight';
    }
/*#content .youdetail-inner input[type="text"] { display:inline-block; width:100%; border:1px solid #ccc; background-color:#fff; text-align:left; color:#131313; font-size:16px; padding:0 2%; }*/
#content .number-attending {
    display: inline-block;
    width: 65px !important;
    height: 35px;
    border: 1px solid #ccc;
    background-color: #fff;
    text-align: center;
    color: #131313;
    font-size: 16px;
    float: left;
}

#content .number-attending-error {
    width: 405px !important;
    height: 35px;
    float: left;
    padding: 13px;
}


/* about the group gift ------------------------------------------------- */
#content .example-message {
    margin: 42px 0 0 0;
}

    #content .example-message img {
        width: 100%;
        height: auto;
    }

#content .groupgift-detail {
    display: inline-block;
    width: 100%;
    margin: 0 0 20px 0;
    border-bottom: 1px solid #cecece !important;
    padding-bottom: 15px;
    padding-top: 25px;
}

#content .fixed-amountspan {
    width: 100%;
    margin: 10px 0 0 0;
}

.noborder {
    border: 0 !important;
}

/* your summary ------------------------------------------------- */
#content .groupcard-example {
    margin: 42px 0 0 0;
}

    #content .groupcard-example img {
        width: 100%;
        height: auto;
    }


/* contribution details ------------------------------------------------- */
#content .payment-options-detail {
    display: inline-block;
    width: 100%;
    background-color: #fff;
    border: 1px solid #ccc;
}

    #content .payment-options-detail label {
        float: left;
        width: auto;
        text-align: left;
        color: #131313;
        font-size: 16px;
        line-height: 23px;
        padding-right: 15px;
        padding: 0 0 0 10px;
    }

#content .payment-optionsinner {
    float: right;
    width: 210px;
}

#content .payment-option1 {
    float: left;
    width: 45px;
    margin: 5px 0 5px 15px;
}

    #content .payment-option1 input[type="checkbox"] {
        float: left;
        width: 16px;
        height: 16px;
        margin: 0px;
    }

    #content .payment-option1 img {
        float: right;
        width: 24px;
        height: auto;
    }

#content .contribution-detail {
    display: inline-block;
    width: 100%;
    background-color: #fff;
    margin: 25px 0 0 0;
}

    #content .contribution-detail ul {
        height: 100px;
    }

        #content .contribution-detail ul li {
            list-style-type: none;
            width: 100%;
        }

            #content .contribution-detail ul li label {
                float: left;
                width: auto;
                text-align: left;
                color: #131313;
                font-size: 16px;
                line-height: 30px;
                padding: 0 0 0 10px;
                font-weight: 300;
            }

            #content .contribution-detail ul li span {
                float: right;
                width: auto;
                text-align: left;
                color: #131313;
                font-size: 16px;
                line-height: 24px;
                padding: 0 10px 0 0;
            }

            #content .contribution-detail ul li:first-child {
                display: inline-block;
                width: 100%;
                background-color: #e5e5e5;
                border: 1px solid #ccc;
                border-bottom: none;
            }

                #content .contribution-detail ul li:first-child + li + li {
                    display: inline-block;
                    width: 100%;
                    background-color: #e5e5e5;
                    border: 1px solid #ccc;
                }

#content .contributor-detail {
    margin: 30px 0 0 0;
}

#content .contributor-row {
    margin: 0 0 10px 0;
}

    #content .contributor-row label {
        display: inline-block;
        width: 100%;
        text-align: left;
        color: #131313;
        font-size: 15px;
        line-height: 24px;
        font-weight: 400;
    }

    #content .contributor-row input[type="text"] {
        display: inline-block;
        width: 100%;
        background-color: #fff;
        border: 1px solid #ccc;
        padding: 1% 2%;
        text-align: left;
        color: #131313;
        font-size: 12px;
    }

#content .contributor-selectfields {
    width: 170px;
}

    #content .contributor-selectfields select {
        float: left;
        width: 40px;
        height: 20px;
        background-color: #fff;
        border: 1px solid #ccc;
        margin: 0 0 0 8px;
        font-size: 13px;
        color: #131313;
        text-align: left;
    }

        #content .contributor-selectfields select:first-child {
            margin: 0px;
        }

    #content .contributor-selectfields input[type="text"] {
        float: left;
        width: 40px;
        height: 20px;
        background-color: #fff;
        border: 1px solid #ccc;
        text-align: center;
        color: #131313;
        font-size: 13px;
        line-height: 18px;
        margin: 0 0 0 8px;
    }

    #content .contributor-selectfields a img {
        float: left;
        width: 10px;
        height: auto;
        margin: 0 0 0 5px;
    }

#content .playnow-btn {
    float: left;
    margin: 25px 0 0 0;
}

    #content .playnow-btn a {
        display: inline-block;
        text-decoration: none;
        text-align: center;
        text-transform: uppercase;
        width: 80px;
        height: 24px;
        line-height: 24px;
        color: #131313;
        font-size: 13px;
        background-color: #05eaed;
    }

#content .contribution-box1 {
    padding: 17px 20px 15px 25px;
    background-color: #e5e5e5;
    background-color: #e7e7e8;
    text-align: left;
    color: #131313;
    font-size: 18px;
    line-height: 24px;
    margin: 0 0 15px 0;
}

    #content .contribution-box1 span {
        display: inline-block;
        width: 100%;
        text-align: left;
        color: #131313;
        font-size: 18px;
        font-weight: 600;
    }

#content .contribution-box2 {
    display: inline-block;
    width: 100%;
    padding: 23px 20px 24px 25px;
    background-color: #82f5f6;
    text-align: left;
    color: #131313;
    font-size: 18px;
    line-height: 24px;
    margin: 0 0 15px 0;
}

#content .contribution-box3 {
    padding: 23px 20px 24px 25px;
    background-color: #ccc;
    text-align: left;
    color: #131313;
    font-size: 18px;
    line-height: 24px;
    margin: 0 0 15px 0;
}


/* groupcard for marnie ------------------------------------------------- */
#content .youdetail-inner input[type="text"] {
    display: inline-block;
    width: 100%;
    height: 35px;
    border: 1px solid #ccc;
    background-color: #fff;
    text-align: left;
    color: #131313;
    font-size: 16px;
    padding: 1% 2%;
}

#content .youdetail-inner textarea {
    display: inline-block;
    width: 100%;
    height: 57px;
    border: 1px solid #ccc;
    background-color: #fff;
    text-align: left;
    color: #131313;
    font-size: 16px;
    padding: 0 2%;
    resize: none;
}

#content .upload-photoouter {
    margin: 17px 0 0 0;
}

    #content .upload-photoouter h4 {
        text-align: left;
        color: #131313;
        font-size: 18px;
        line-height: 26px;
    }

#content .upload-photodetail {
    padding: 0 0 6px 0;
}

    #content .upload-photodetail a {
        display: inline-block;
        text-decoration: none;
        background: url(https://grouptogether.blob.core.windows.net/siteres/browse-btn.png) left top no-repeat;
        width: 39px;
        height: 12px;
        border: 1px solid #808080;
    }

    #content .upload-photodetail label {
        display: inline-block;
        text-align: left;
        color: #131313;
        font-size: 16px;
        line-height: 24px;
        font-weight: 300;
        padding: 0 0 0 5px;
    }

#content .upload-facebook {
}

    #content .upload-facebook a {
        display: inline-block;
        background: url(https://grouptogether.blob.core.windows.net/siteres/facebook-btn.png) left no-repeat;
        width: 40px;
        height: 15px;
        text-decoration: none;
        border: none;
    }

    #content .upload-facebook label {
        display: inline-block;
        text-align: left;
        color: #131313;
        font-size: 16px;
        line-height: 24px;
        font-weight: 300;
        padding: 0 0 0 5px;
    }


/* thankyou ------------------------------------------------- */
#content .finish-btn {
    float: left;
}

    #content .finish-btn a {
        display: inline-block;
        width: 140px;
        height: 40px;
        background-color: #05eaed;
        text-align: center;
        text-transform: uppercase;
        line-height: 40px;
        color: #131313;
        font-size: 20px;
        text-decoration: none;
    }

#content .share-thelove-cont h2 {
    text-align: left;
    color: #131313;
    font-size: 30px;
    line-height: 18px;
    font-weight: 300;
    font-family: 'proxima_novalight';
}

#content .share-thelove-cont {
    float: left;
    margin: 30px 0;
    width: 100%;
}

    #content .share-thelove-cont h5 {
        text-align: left;
        color: #131313;
        font-size: 18px;
        line-height: 26px;
        padding: 0 0 10px 0;
    }

    #content .share-thelove-cont ul {
        display: block;
        margin: 10px 0 0 0;
    }

        #content .share-thelove-cont ul li {
            display: inline-block;
            width: 32px;
            height: auto;
            margin: 0 0 0 5px;
        }

            #content .share-thelove-cont ul li:first-child {
            }

            #content .share-thelove-cont ul li a img {
                width: 100%;
                height: auto;
            }

#content .contributing-thumbnail {
    width: 100%;
    background-color: #ffe5ff;
}

    #content .contributing-thumbnail img {
        width: auto;
        height: auto;
    }

.contributing-thumbnail .cont-area {
    width: 100%;
    height: auto;
    background-color: #ffe5ff;
    position: relative;
    float: left;
    border: 12px #000 solid;
}

.contributing-thumbnail .cont-bubble {
    /*position: absolute; 
  left: 0px;
   top: 0px;*/
    width: 100%;
    height: auto;
    /*display: table;*/
    padding: 80px 0;
}

    .contributing-thumbnail .cont-bubble h3 {
        /*display: table-cell;*/
        vertical-align: middle;
        text-align: center;
        font-weight: 600;
        font-size: 24px;
        padding: 20px;
        text-transform: uppercase;
        /*margin-bottom:40px;*/
    }

        .contributing-thumbnail .cont-bubble h3.collection_title_style {
            margin: 40px 0 0 0;
            width: 100%;
        }

        .contributing-thumbnail .cont-bubble h3.slogan_style {
            margin: 0;
            width: 100%;
        }

/* group-card ----------------------------------------------- */
.img_pop {
    float: left;
    width: 100%;
}


/* group card ------------------------------------------------- */
.groupcard-form {
}

    .groupcard-form input[type="text"] {
        display: inline-block;
        width: 100%;
        display: inline-block;
        width: 100%;
        height: 45px;
        border: 1px solid #ccc;
        background-color: #fff;
        text-align: left;
        color: #131313;
        font-size: 16px;
        padding: 1% 2%;
        margin-bottom: 30px;
        border-radius: 5px;
    }

    .groupcard-form textarea {
        margin-top: 2px;
        width: 100% !important;
        font-size: medium;
        padding-left: 10px;
        height: 80px;
        padding-top: 7px;
        border: 1px solid #cccccc;
        border-radius: 5px;
        resize: none;
        margin-bottom: 35px;
    }

    .groupcard-form p {
        float: left;
        width: 100%;
        text-align: left;
        color: #131313;
        font-size: 14px;
        line-height: 24px;
        font-family: 'proxima_novalight';
        font-weight: 400;
        padding-bottom: 5px;
    }

        .groupcard-form p span {
            color: #cb6840;
        }

.browse-button-outer {
    width: 93px; /*font-family: 'Source Sans Pro', sans-serif;*/
    float: left;
}

    .browse-button-outer a {
        display: inline-block;
        width: 100%;
        height: 25px;
        background-color: #3179b4;
        border-radius: 3px;
        -webkit-border-radius: 3px;
        -ms-border-radius: 3px;
        -o-border-radius: 3px;
        text-align: center;
        text-decoration: none;
        color: #fff;
        font-size: 13px;
        line-height: 24px;
    }

.facebook-label {
}

    .facebook-label a {
        float: left;
        width: 93px;
        background-color: #4d6bbb;
        height: 25px;
        border-radius: 3px;
    }

        .facebook-label a img {
            float: left;
            padding: 3px;
        }

        .facebook-label a i {
            float: left;
            padding: 3px;
            color: #fff;
            font-size: 21px;
        }

        .facebook-label a p {
            color: #fff;
            margin-top: 0;
            float: left;
            font-size: 13px;
            line-height: 24px;
            width: auto;
            margin-left: 4px;
        }

    .facebook-label > p {
        margin-top: 2px;
        float: left;
        margin-left: 6px;
        font-size: 13px;
        color: #131313;
        width: auto;
        font-weight: normal;
        line-height: 24px;
    }

.groupcard-cont {
}


/* footer ------------------------------------------------- */
#main-footer {
    float: left;
    width: 100%;
    height: auto;
    background-color: #131313;
}

#main-footer {
    min-height: 94px;
    background-color: #131313;
}

    #main-footer .logo {
        width: 177px;
        height: auto;
        margin: 32px 0 0 0;
    }

    #main-footer .nav-outer {
        margin: 33px 0 0 0;
    }

    #main-footer .footer-btm-list {
        display: inline-block;
        width: 100%;
        padding: 25px 0 0 0;
    }

        #main-footer .footer-btm-list ul {
            float: right;
        }

            #main-footer .footer-btm-list ul li {
                display: inline-block;
                text-align: left;
                color: #fff;
                font-size: 16px;
                line-height: 40px;
                padding: 0 5px;
            }

                #main-footer .footer-btm-list ul li a {
                    text-decoration: none;
                    color: #fff;
                    font-size: 16px;
                }

.gc_heading {
    font-family: 'proxima_novalight';
    font-size: 40px;
    color: #131313;
    text-align: center;
    margin-bottom: 22px;
}

.gc_subheading {
    font-family: 'proxima_nova_rgregular';
    font-size: 20px;
    color: #131313;
    text-align: center;
    line-height: 25px;
    margin-bottom: 20px;
}

.gc_comment_name {
    float: right;
    width: 89%;
    text-align: left;
    font-family: 'proxima_nova_rgregular';
    font-size: 12px;
    color: #131313;
    font-weight: 800;
    margin: 4px 0 0 0 !important;
    padding: 0 !important;
    word-wrap: break-word;
}

.hidden {
    display: none;
}


/* Group Card Css Imran Khatak*/

#firstCommentDiv {
    position: absolute;
    margin: 15px 0 0 670px;
}

.col-left {
    width: 500px !important;
}

.col-right {
    width: 570px !important;
    background-color: #eee;
}

.gc_comment_box {
    background-color: #fff;
    height: auto;
    padding: 5px;
    margin-bottom: 5px;
}

.gc_comment_img {
}

.gc_links {
    font-family: 'proxima_novalight';
    font-size: 12px;
    color: #131313;
    font-weight: 800;
    margin: 0 !important;
    padding: 0 !important;
}

.gc_comment {
    font-family: 'proxima_novalight';
    font-size: 12px;
    font-weight: 100;
    color: #959595;
    line-height: 15px;
    margin: 0 !important;
    padding: 0 !important;
}

.box_left {
    background-color: #ddd;
    min-height: 300px;
    padding: 20px;
}

.box_right {
    display: block;
    background-color: transparent;
    padding: 22px 20px 35px 20px;
    padding: 16px;
    border: 2px solid #05eaed;
    margin-bottom: 0 !important;
}

.box-rightouter {
    background-image: url(https://grouptogethersite.blob.core.windows.net/siteres/bg_pat.png);
    padding: 18px;
    clear: both;
    text-align: center;
    margin-top: 12px;
    max-width: 540px;
}

.btn-share-facebook {
    background-color: #507cbe;
}

.btn-share-twitter {
    background-color: #63cdf1;
}

.btn-share-email {
    background-color: #c2c4c4;
}

.btn-share {
    width: 200px;
    border-radius: 0 !important;
    border: none;
    float: left;
    clear: left;
    margin: 0;
    padding: 0;
    margin-bottom: 18px;
    text-align: left;
    padding: 10px 0;
    /* margin-left: 15px; */
}

    .btn-share > i {
        color: #fff;
        font-size: 24px;
        padding: 0 0 0 20px;
        width: 20px;
        display: inline-block;
    }

    .btn-share > span {
        color: #fff;
        font-size: 18px;
        margin-left: 30px;
        width: 100%;
        text-align: center;
    }

.spredHeading h2 {
    margin-bottom: 10px;
}

.img_grid {
    width: 99%;
    margin: 0 auto;
}

.payN-padding {
    padding: 0 0px 30px !important;
    margin-top: -10px;
}

.img_thumb {
    width: 65px;
    height: 65px;
    margin: 0 !important;
    padding: 0 !important;
    float: left;
}

.nick_outr_cont .box-rightouter {
    margin-top: 58px !important;
}

.img_thumb img {
    width: 100% !important;
}

.thumb_color_1 {
    background-color: #82f4f6;
}

.thumb_color_2 {
    background-color: #c0f9fa;
}

.grid_user_name {
    width: 76px !important;
    height: 76px !important;
    display: table-cell;
    vertical-align: middle;
    float: none;
    font-family: 'proxima_novalight';
    font-size: 14px;
    color: #131313;
    line-height: 14px;
    word-wrap: break-word;
    overflow: hidden;
    padding: 1px;
}

.media img {
    width: 35px !important;
    height: 35px !important;
}




.list-unstyled {
    padding-left: 0;
    list-style: none
}

.nickimg-right {
}

@media (max-width:1300px) {
    .gc_comment_name {
        float: right;
        width: 85%;
    }
}

@media (max-width:640px) {

    .gc_comment_name {
        width: 87%;
    }
}


@media (max-width:480px) {

    .gc_comment_name {
        width: 78%;
    }
}

.hyphenate {
    /*-ms-word-break: break-all;
    word-break: break-all;*/
    /*Non standard for webkit*/
    word-wrap: break-word;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
}

.btn-gt-color {
    text-align: center;
    text-decoration: none;
    color: #000;
    font-size: 18px;
    background-color: #05EAED;
    margin: 0px;
    text-transform: uppercase;
    font-weight: 300;
    border-radius: 0;
}

    .btn-gt-color:hover {
        background-color: #06BFC2;
    }

.gt-error {
    text-align: center !important;
    padding: 10px 0 !important;
}

.password-input {
    text-align: left;
    display: inline-block;
    width: 100%;
    height: 40px;
    background-color: #F8F8F8;
    border: 1px solid #CCC;
    font-size: 16px;
    color: #131313;
    padding: 10px 15px;
    border-radius: 0;
}

#content .content-detail-edit {
    margin: 0px;
    padding: 0px 0 30px 0;
}

.pt-40 {
    padding-top: 40px !important;
}

.pt-5 {
    padding-top: 5px !important;
}
.button-navy {
    background: #1e2437;
    color: #fff;
    font-size: 17px;
    font-weight: 600;
    padding: 14px 28px;
    margin: 10px auto;
    display: block;
    max-width: 290px;
    text-align: center;
    font-family: 'Modern Era TRIAL' !important;
    border-radius: 5px;
    transition-property: background-color,border-color,color,fill,stroke,opacity,box-shadow,transform;
    transition-property: background-color,border-color,color,transform;
    transition-duration: .2s;
}
    .button-navy:hover, .button-navy:focus {
        background: #1e2437;
        color: #fff;
      
    }
    .button-navy:active {
        --transform-translate-x: 0;
        --transform-translate-y: 0;
        --transform-rotate: 0;
        --transform-skew-x: 0;
        --transform-skew-y: 0;
        --transform-scale-x: 1;
        --transform-scale-y: 1;
        transform: translateX(var(--transform-translate-x)) translateY(var(--transform-translate-y)) rotate(var(--transform-rotate)) skewX(var(--transform-skew-x)) skewY(var(--transform-skew-y)) scaleX(var(--transform-scale-x)) scaleY(var(--transform-scale-y));
        --transform-scale-x: .95;
        --transform-scale-y: .95;
    }
.thanks {
    text-align: center !important;
    font-family:'Modern Era TRIAL' !important;
}
.thanks img{
    max-width: 100%;
}
    .thanks p {
        color: #000000 !important;
        font-size: 18px !important;
        line-height: 24px !important;
        font-weight: 300 !important;
        font-family: 'Modern Era TRIAL' !important;
        padding: 5px 0 0 0 !important;
    }
    .thanks h2 {
        margin-top: 15px;
        display: block;
        color: #000000;
        font-family: Recoleta !important;
        font-size: 36px;
    }
    .thanks p.green {
        color: #5ec8d2 !important;
    }

@media(max-width : 550px) {
    .button-navy {
        
        font-size: 14px;
        
    }
}

/*/ thank you new card /*/
.thankyou-card-content {
    padding-left: 60px;
    padding-top: 35px;
}

.abouthegift-detaill {
    background-color: #FFFFFF;
    padding: 30px;
}

.tcc-head h2, .tcc-content h2 {
    font-family: Modern Era TRIAL !important;
    font-style: normal;
    font-weight: 500;
    font-size: 36px;
    line-height: 45px;
    color: #1E2437;
    margin-top: 0;
}

.tcc-head p {
    font-size: 18px !important;
    line-height: 30px !important;
    padding: 0 !important;
    font-weight: 500 !important;
}

.tcc-head {
    margin-bottom: 40px;
}

.tcc-content ul {
    padding: 0;
    list-style-type: none;
    padding-left: 25px;
}

    .tcc-content ul li {
        text-align: left;
        font-size: 18px;
        line-height: 26px;
        padding: 0;
        font-weight: 500;
        position: relative;
        padding-left: 18px;
    }
.thankyou-card-content.text-sm-left {
    text-align: left;
}

        .tcc-content ul li:before {
            font-family: "Font Awesome 5 Free";
            font-weight: 700;
            content: "\f111";
            font-size: 5px;
            position: absolute;
            left: 0;
            top: 0;
        }

.tcc-btn a {
    width: 290px;
    padding: 20px 5px;
    background: #7fe2dc;
    border-radius: 50px;
    display: inline-block;
    font-weight: 500;
    font-size: 20px;
    text-align: center;
    color: #243040;
    transition: all ease 0.3s;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    margin-top: 70px;
}

.thankyou-card-image {
    width: 100%;
    max-width: 100%;
}

.tcc-btn a:hover {
    background-color: #46cac2;
    text-decoration: none;
}

@media(max-width : 1200px) {
    .abouthegift-detaill {
        background-color: #FFFFFF;
        padding: 25px 25px 25px 25px;
    }

    .tcc-head h2, .tcc-content h2 {
        font-size: 30px;
        line-height: 40px;
    }

    .thankyou-card-content {
        padding-left: 20px;
        padding-top: 20px;
    }

    .tcc-btn a {
        padding: 18px 5px;
        margin-top: 68px;
    }
}

@media(max-width : 991px) {
    .tcc-head h2, .tcc-content h2 {
        font-size: 24px;
        line-height: 30px;
    }

    .tcc-head p {
        font-size: 16px !important;
    }

    .tcc-content ul li {
        font-size: 16px;
        line-height: 24px;
    }

    .tcc-content ul {
        padding-left: 16px;
    }

    .tcc-head {
        margin-bottom: 30px;
    }

    .tcc-btn a {
        padding: 8px 5px;
        margin-top: 35px;
        font-size: 16px;
        width: 240px;
    }
}

@media(max-width : 767px) {
    .thankyou-card-content.text-sm-left {
        text-align: center;
    }
    .tcc-content {
        margin: 30px auto 0;
        max-width: 275px;
    }
    .thankyou-card-content {
        padding-right: 10px;
        padding-left: 10px;
    }

    .abouthegift-detaill {
        padding: 15px 15px 15px 15px;
    }

    .tcc-content ul {
        padding-left: 5px;
        padding-top: 8px;
    }

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