body {
    background-color: #f2f2f2;
    font-weight: 300;
    font-size: 15pt;
    color: white;
    text-align: left;
    line-height: 1.40em;
    padding: 0px;
    margin: 0px;
}

div#home-new {
   /* max-width: 1280px; */
    min-height: 100vh;
    background-color: #f2f2f2;
    margin: 0px auto;
    display: block;
}

div#home-new.forms {
    max-width: 100%;
    padding-top: 20vh;
}

img.logo {
    cursor: pointer;
}

div#header img.logo {
    margin-top: -25px;
}

div.panel img.logo {
    margin-bottom: 10px;
}

div#header.stretch {
    width: 100% !important;
    height: 80px;
    border: none;
    background-color: white;
    box-shadow: #333 0px 1px 3px;
    font-weight: normal;
    padding: 16px 20px 16px 0px !important;
    position: relative;
}

div#header.stretch div#header-inner {
    width: 100vw !important;
    max-width: 1280px;
    padding-top: 16px;
    position: relative;
    top: -16px;
    left: 12px;
}

div#header-tabs-container.right {
    width: auto !important;
    min-width: 100px !important;
    float: right;
}

div#header-mobile-icons {
    width: auto;
    float: right;
}

div#header-mobile-icons img {
    width: auto;
    height: 40px;
    margin-left: 13px;
}

div#action-bar {
    font-size: 12pt;
    padding: 12px 0px 10px 0px !important;
    margin-top: 80px;
}

div#action-bar .btn-red {
    border: 1px solid red;
    background-color: red;
    border-radius: 10px / 20px !important;
    -moz-border-radius: 10px / 20px !important;
    -webkit-border-radius: 10px / 20px !important;
    font-size: 13pt !important;
    color: white;
    line-height: 1.75em;
}

div#action-bar div.col-lg-2 {
    padding-top: 7px;
}

div#action-bar img {
    width: auto;
    height: 40px;
    margin-right: 10px;
}

div#home-new-sub-header {
    background-color: #4a90e2;
    /*
    background-image: url("/assets/img/new/home/top-bg-new.jpg?v=1");
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    */
   /* padding: 135px 0px 30px 0px; */
}

div#home-new-sub-header-inner {
    width: 100%;
    font-size: 14pt;
    padding: 0px 60px;
    margin: 0px auto;
    max-width: 1280px;
    padding-top:11%;
    padding-bottom:5%;
}

div#home-new-sub-header h1 {
    font-weight: 600;
    font-size: 40pt;
    color: white;
    margin: 0px 0px 15px 0px;
}

div#home-new-sub-header button.btn-white {
    width: 210px !important;
    height: 40px !important;
    border: 1px solid white !important;
    background: white !important;
    border-radius: 20px 20px 20px 20px !important;
    -moz-border-radius: 20px !important;
    -webkit-border-radius: 20px !important;
    font-size: 13pt;
    color: #7fcfee !important;
}

div#home-new-sub-header .btn-red {
    width: 60%;
    height: auto;
    border: 1px solid red;
    background-color: red;
    border-radius: 4px 4px 4px 4px !important;
    -moz-border-radius: 4px !important;
    -webkit-border-radius: 4px !important;
    font-size: 16pt !important;
    color: white;
    line-height: 1.30em;
    padding: 13px 0px;
}

div#home-new-sub-header .btn-red small {
    font-size: 13pt;
}

div#home-new-sub-header div.mobile-app-icons {
    text-align: center;
    margin-top: 10px;
}

div#home-new-sub-header div.mobile-app-icons img {
    width: auto;
    height: 40px;
    margin: 0px 10px;
}

.btn-action {
  /*   width: 60%;
    height: 90px !important;
    border: 3px solid white !important;
    background-color: #81b631 !important;
    border-radius: 10px 10px 10px 10px !important;
    -moz-border-radius: 10px !important;
    -webkit-border-radius: 10px !important;
    font-size: 18pt !important;
    color: white;
    line-height: 1.30em !important;
    padding: 13px 0px;
    transition: 0.10s all ease-in-out;
    -moz-transition: 0.10s all ease-in-out;
    -webkit-transition: 0.10s all ease-in-out;
    transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transform: scale(1); */
    height: unset !important;
    width: unset;
    /* height: 0px !important; */
    /* border: 3px solid white !important; */
    background-color: #DB2861 !important;
    border-radius: 10px 10px 10px 10px !important;
    -moz-border-radius: 10px !important;
    -webkit-border-radius: 10px !important;
    font-size: 22px ;
    color: white;
    line-height: 1.30em !important;
    padding: 15px 10px;
    transition: 0.10s all ease-in-out;
    -moz-transition: 0.10s all ease-in-out;
    -webkit-transition: 0.10s all ease-in-out;
    transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    font-weight: 600;
}

.btn-action:hover {
    color: white !important;
    transform: scale(1.05);
    -moz-transform: scale(1.05);
    -webkit-transform: scale(1.05);
}

.btn-action small {
    font-size: 14pt !important;
}

div.home-new-container {
    padding: 40px 0px;
    text-align: center;
    padding-bottom: 20px;
}

div.home-new-container.light {
    background-color: white;
    color: #444;
}

div.home-new-container.dark {
    border: 1px solid #4a90e2;
    background-color: #4a90e2;
    /* background: linear-gradient(to right, #81c3f3, #53cee5); */
    color: white;
}

div.home-new-container.bottom {
    font-size: 11pt;
    line-height: 2.50em;
    padding: 40px 0px 50px 0px;
}

div.home-new-container.bottom a {
    font-size: 12pt;
    margin: 0px 10px;
}

div.home-new-container h2 {
    font-weight: 300;
    font-size: 28pt;
    margin: 30px 0px;
}

div.home-new-container.light h2 {
    color: #4a90e2;
}

div.home-new-container[data-id="capture"] h2 {
    margin-top: 0px;
}

div.home-new-container[data-id="moments"] {
    text-align: left;
}

div.home-new-container img.mobile-icon {
    width: auto;
    height: 40px;
    margin: 0px 8px;
}

div.container-inner {
    max-width: 1280px;
    margin: 0px auto;
    display: block;
}

div.container-inner img {
    max-width: 100%;
}

div.community {
    height: 250px;
    vertical-align: top;
    padding: 10px;
    margin-bottom: 0px;
}

div.community img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

div#member-panels {
    width: 745px;
    text-align: center;
    margin: 0px auto;
    display: block;
}

div#member-panels img#memories {
    position: relative;
    top: -2px;
    margin-right: 30px;
    float: left;
}

div.member-panel {
    width: 375px;
    height: 90px;
    border: 1px solid white;
    background-color: white;
    border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    box-shadow: 0 1px 2px 0 rgba(0,0,0,0.16), 0 1px 3px 0 rgba(0,0,0,0.06);
    font-weight: 400;
    font-size: 11pt;
    color: #777;
    text-align: left !important;
    line-height: 1.40em;
    padding: 13px 10px;
    margin-bottom: 10px;
    float: left;
}

div.member-panel:last-child {
    margin-bottom: 0px;
}

div.member-panel img {
    margin-right: 10px;
    float: left;
}

div.member-panel h3 {
    font-weight: 300;
    font-size: 15pt;
    color: #777;
    text-align: left;
    margin: 0px 0px 5px 0px;
    float: left;
}

div.member-panel small {
    font-size: 10.5pt;
    color: #bbb;
    float: left;
}

div.member-panel div {
    position: relative;
    top: 7px;
    clear: left;
}

div.panel-new {
    width: 460px !important;
    max-width: 460px;
    border: none;
    background-color: white;
    border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    box-shadow: #ccc 0px 1px 3px, #ccc 0px 1px 3px, #ccc 0px 1px 3px, #ccc 0px 1px 3px;
    margin: 0px auto;
    display: block;
}

div.panel-new div.panel-body {
    font-size: 12pt;
    color: #444;
    text-align: center;
    padding: 30px 15px 120px 15px;
}

div#panel-signup-new div.panel-body {
    padding-bottom: 50px;
}

div.panel-new div.panel-body div#form-fields {
    width: 80%;
    line-height: 1.30em;
    margin: 0px auto;
    display: block;
}

div.panel-new div.panel-body div#form-fields small {
    font-weight: 300;
    font-size: 10.5pt;
}

div.panel-new div.panel-body div#form-fields input[type="text"],
div.panel-new div.panel-body div#form-fields input[type="password"] {
    width: 100% !important;
}

div.panel-new div.panel-body div#form-fields input[name="first_name"] {
    width: 47% !important;
    margin-right: 20px;
    display: inline-block;
}

div.panel-new div.panel-body div#form-fields input[name="last_name"] {
    width: 47% !important;
    display: inline-block;
}

div.panel-new div.panel-body a {
    color: #4a90e2;
    text-decoration: none !important;
}

div.panel-new div.panel-body small {
    font-size: 11pt;
}

div.panel-new div.panel-footer {
    border: none;
    padding: 0px;
}

div.panel-new div.panel-footer button {
    width: 100%;
    height: 44px;
    font-size: 13pt;
    position: absolute;
    left: 0px;
    bottom: 0px;
    cursor: pointer;
    z-index: 2;
}

div.panel-new div.panel-footer button:not(.half) {
    border-radius: 0px 0px 5px 5px !important;
    -moz-border-radius-topleft: 0px; -moz-border-radius-topright: 0px !important;
    -webkit-border-top-left-radius: 0px; -webkit-border-top-right-radius: 0px !important;
    background-color: #4a90e2;
    /* background: linear-gradient(to right, #80c3f2, #4cd0e3); */
}

div#about-bg-new {
    width: 100vw !important;
    height: 16.25vw;
    background-color: #4a90e2;
    /*
    background-image: url("/assets/img/new/header/contact.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    */
    position: relative;
    margin-top: -4px;
}

div#about-bg-new h1 {
    text-align: center;
    position: relative;
    margin: 6.75vw auto;
    display: block;
}

div#about-bg-new img {
    width: 300px;
    height: auto;
    margin: 115px auto 0px auto;
    display: block;
}

@media (max-width: 767px) {
    div#home-new-sub-header-inner h1 {
        font-size: 11vw !important;
    }

    div#about-bg-new img {
        margin: 140px auto 0px auto;
    }
}

div#faq {
    color: black;
}

div#site-title-thin {
    margin-bottom: 20px;
}

div#about-title {
    background-color: #ebebeb;
    font-size: 40pt;
    padding: 70px 0px;
}

div#about-text {
    color: black;
    padding-top: 40px;
}

div.contact form div.alert-success {
    width: 153px !important;
    height: 53px !important;
    border: 1px solid #4e5051 !important;
    background-color: #4e5051 !important;
    position: absolute !important;
    font-weight: 600 !important;
    font-size: 18pt !important;
    color: white !important;
    text-align: center !important;
    line-height: 1.00em !important;
    left: 50%;
    margin-left: -75px;
    margin-top: 175px;
    z-index: 2;
}

a, button, input, select {
    outline: none !important;
}

input, select {
    background-color: white !important;
    font-size: 11pt !important;
    padding-left: 0px !important;
    z-index: 2;
}

input::placeholder {
    font-size: 12pt !important;
    color: #bbb !important;
}

input::-moz-placeholder {
    font-size: 12pt !important;
    color: #bbb !important;
}

input::-webkit-placeholder {
    font-size: 12pt !important;
    color: #bbb !important;
}

input::placeholder:focus {
    color: white !important;
}

input::-moz-placeholder:focus {
    color: white !important;
}

input::-webkit-placeholder:focus {
    color: white !important;
}


@media (max-width: 767px) {
    div#home-new {
        width: 100vw !important;
        height: auto !important;
        padding-top: 0px !important;
    }

    div#header.stretch,
    div#header.stretch div#header-inner {
        width: 100vw !important;
        height: 42px;
        box-shadow: none;
        left: 0px;
        padding-right: 0px;
    }

    div#header div#header-tabs-container {
        width: 68px !important;
        margin: 0px -20px 0px 0px;
        float: right;
    }

    div#header div.tab {
        padding: 1px 0px !important;
    }

    div#header img.page-flyout {
        position: absolute;
        top: 12px;
        left: 12px;
    }

    div#home-new-sub-header {
        background-color: #4a90e2;
        /* background-image: url("/assets/img/new/home/top-bg-mobile.jpg"); */
        padding: 45px 0px 0px 0px;
        margin-top: 42px;
    }

    div#home-new-sub-header-inner {
        font-size: 14pt;
        text-align: center;
        padding: 0px 0px;
    }

    div.home-new-container {
        font-size: 14pt;
        padding: 10px 5px;
        padding-bottom:0px;
    }

    div.home-new-container[data-id="organize"],
    div.home-new-container[data-id="share"] {
        padding-left: 20px;
        padding-right: 20px;
    }
    div.home-new-container[data-id="organize"]
     {
        padding-left: 0px;
        padding-right: 0px;
    }

    div.home-new-container[data-id="moments"] {
        text-align: center;
    }

    div.home-new-container[data-id="moments"] img {
        max-width: 90%;
    }

    div.home-new-container h2 {
        font-size: 23pt;
    }

    div.home-new-container img {
        max-width: 100%;
        margin-top: 20px;
    }

    div.community {
        padding: 5px;
    }

    div.community-5 {
        margin-bottom: 35px;
    }

    div.community img {
        margin-top: 0px;
    }

    div#member-panels {
        width: 100%;
    }

    div#member-panels img#memories {
        width: 100%;
        margin: 0px 0px 7px 0px;
        float: none;
    }

    div.member-panel {
        width: 100%;
        font-size: 10pt;
    }

    div.member-panel img {
        margin-top: 0px;
    }

    div.panel-new {
        width: 100% !important;
        max-width: 100% !important;
        height: 90vh !important;
        border-radius: 0px 0px 0px 0px !important;
        -moz-border-radius: 0px !important;
        -webkit-border-radius: 0px !important;
        padding: 0px !important;
        margin: 0px !important;
        display: block !important;
    }

    div.panel-new div.panel-footer button {
        height: 80px !important;
        border-radius: 0px 0px 0px 0px !important;
        -moz-border-radius: 0px !important;
        -webkit-border-radius: 0px !important;
    }

    div#form-fields {
        width: 90% !important;
    }

    img.logo {
        width: 40vw;
        height: auto;
        position: relative;
        top: 16px;
        margin: 13vh auto 0px auto;
        display: block;
    }

    div.panel-new img.logo {
        width: 224px;
        height: 40px;
        margin-bottom: 30px;
    }

    div#flyout-header {
        height: 60px;
        background-color: #4a90e2;
        /* background: linear-gradient(to right, #80c3f2, #4cd0e3); */
        font-size: 18pt;
        padding-top: 4px;
        padding-left: 3px;
    }

    div#mobile-footer {
        display: none;
    }
}

@media (min-width: 768px) and (max-width: 1279px) {
    div#header.stretch div#header-inner {
        padding: 16px 10px !important;
    }

    div#header div.tab {
        padding: 22px 7px !important;
    }

    div#header-tabs-container {
        min-width: 300px !important;
        margin-left: 15px !important;
    }

    div#header-tabs-container a:last-child div.tab {
        padding-left: 7px !important;
    }

    div#header-mobile-icons img {
        margin-left: 0px !important;
    }
}



body {
    background: white !important;
}

div#content {
    width: 100vw !important;
    position: relative !important;
    right: 0px !important;
    margin-left: 0px !important;
    margin-right: 0px !important;
}

div.container.contact {
    width: 500px !important;
}

.underline.dark {
    width: 100% !important;
    border-bottom: 1px solid #4e5051 !important;
    background: transparent !important;
}

.box.dark {
    border: 1px solid #4e5051 !important;
    text-align: left !important;
    padding: 15px 18px;
}

#contact-form input,
#contact-form textarea {
    width: 100% !important;
}

#contact-form button {
    width: 100%;
    height: 44px !important;
    border-radius: 22px 22px 22px 22px !important;
    -moz-border-radius: 22px !important;
    -webkit-border-radius: 22px !important;
    background-color: #4a90e2;
    /* background: linear-gradient(to right, #80c3f2, #4cd0e3); */
    font-size: 12pt !important;
    line-height: 0.80em !important;
    cursor: pointer;
}

textarea::-webkit-input-placeholder {
    font-weight: normal !important;
    font-size: 12pt !important;
    color: #aaa !important;
}

div#as-seen-on {
    margin-top: 20px;
}

div#as-seen-on img {
    width: auto;
    height: 45px;
    margin-right: 20px;
    display: inline-block;
}

@media (max-width: 767px) {
    img.logo {
        margin-top: -24px !important;
    }

    div.container.contact {
        width: 94% !important;
        margin: 0px auto;
        display: block;
    }

    div#home-new-sub-header {
        margin-top: 0px;
    }

    div#home-new div#header {
       /* border-bottom: 1px solid #6fcbf2; */
    }

    div#home-new div#header img.page-flyout.left {
        width: 50px;
        height: 39px;
        padding: 10px;
        position: absolute;
        top: 0px;
        left: 0px;
    }

    div#action-bar {
        width: 100%;
        background-color: #4a90e2;
        font-weight: "Lato";
        font-weight: normal;
        font-size: 14pt;
        color: white;
        text-align: center;
        margin: 0px !important;
        position: fixed;
        top: 40px;
        left: 0px;
        z-index: 10;
    }

    div#action-bar:after {
        width: 90%;
        border-bottom: 1px solid #9cbee6;
        position: absolute;
        left: 5%;
        bottom: 0px;
        content: "";
    }

    div#action-bar img {
        margin: 5px 0px 0px 0px !important;
    }

    div#about-title {
        line-height: 1.10em;
        padding-bottom: 40px;
    }

    div#newsletter {
        padding-left: 15px;
        padding-right: 15px;
    }

    div#as-seen-on {
        margin-bottom: 20px;
    }

    div#as-seen-on img {
        height: 30px;
        margin: 0px 3px;
    }

    a.red {
        color: red !important;
    }
}