.box-select-option-selected {
    opacity:                    1 ! important;
    -ms-filter:                 "alpha(opacity=100)";
    -ms--webkit-filter:         "alpha(opacity=100)";
    filter:                     alpha(opacity=100);
    -webkit-filter:             alpha(opacity=100);
    zoom:                       1;
    font-weight:                bold;
}
.box-select-option {
    text-align:                 center;
    text-decoration:            none ! important;
    color:                      rgb(51, 51, 51) ! important;
    display:                    block;
    float:                      left;
    opacity:                    0.5;
    -ms-filter:                 "alpha(opacity=50)";
    -ms--webkit-filter:         "alpha(opacity=50)";
    filter:                     alpha(opacity=50);
    -webkit-filter:             alpha(opacity=50);
    zoom:                       1;
    font-size:                  13pt;
    width:                      auto;
    min-width:                  42px;
    margin-top:                 12px;
    padding:                    10px 24px 9px;
    background:                 rgb(232, 225, 221) none repeat scroll 0px 0px;
}
#main-nav div a.lang:hover {
    color: #ffd7d7 !important;
}
div#language_links {
    background: #ef413e none repeat scroll 0 0;
    border-radius: 0 0 3px;
    bottom: -20px;
    left: 0;
    padding: 5px 0 4px 22px;
    position: absolute;
    text-align: center;
}
#main-nav div#language_links a {
    font-size: 15pt;
    text-align: center;
}
a.lang.active {
    border-bottom: 0 none !important;
    color: #ffd7d7 !important;
}
div.gift-err {
    color:                      rgb(255, 255, 255);
    font-weight:                bold;
    padding:                    10px 40px;
    display:                    none;
    margin:                     0px -40px 30px;
    background:                 rgb(245, 73, 30) none repeat scroll 0px 0px;
}
div.modal {
    position:                   fixed;
    top:                        0px;
    width:                      100%;
    height:                     100%;
    display:                    none;
    background:                 rgba(30, 27, 25, 0.5) none repeat scroll 0px 0px;
    right:                      0px;
    margin:                     0px auto;
    left:                       0px ! important;
    z-index:                    100;
}
div.cnct-process-shell.active {
    z-index:                    10;
    opacity:                    1;
    -ms-filter:                 "alpha(opacity=100)";
    -ms--webkit-filter:         "alpha(opacity=100)";
    filter:                     alpha(opacity=100);
    -webkit-filter:             alpha(opacity=100);
    zoom:                       1;
}
div.cnct-process-shell {
    position:                   absolute;
    left:                       0px;
    background:                 rgba(255, 255, 255, 0.86) none repeat scroll 0% 0%;
    width:                      100%;
    transition:                 all 0.3s ease 0s;
    -moz-transition:            all 0.3s ease 0s;
    -webkit-transition:         all 0.3s ease 0s;
    -o-transition:              all 0.3s ease 0s;
    opacity:                    0;
    -ms-filter:                 "alpha(opacity=0)";
    -ms--webkit-filter:         "alpha(opacity=0)";
    filter:                     alpha(opacity=0);
    -webkit-filter:             alpha(opacity=0);
    zoom:                       1;
    z-index:                    -1;
    height:                     100%;
    top:                        0px;
    box-sizing:                 border-box;
    -moz-box-sizing:            border-box;
    -webkit-box-sizing:         border-box;
}
.cnct-process-shell div {
    background:                 rgb(255, 255, 255) none repeat scroll 0% 0%;
    text-align:                 center;
    border:                     2px solid rgb(241, 236, 223);
    font-style:                 italic;
    font-size:                  15pt;
    padding:                    16px;
    width:                      87%;
    margin:                     170px auto;
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch::before {
    background:                 rgb(98, 219, 241) none repeat scroll 0px 0px;
    border-radius:              50%;
    -moz-border-radius:         50%;
    -webkit-border-radius:      50%;
    content:                    "";
    height:                     9px;
    left:                       5px;
    position:                   absolute;
    top:                        6px;
    width:                      9px;
}
.contentainer_page h1:first-of-type {
    font-size:                  34pt;
    font-style:                 italic;
    margin-bottom:              120px;
    margin-top:                 -140px;
    text-align:                 center;
    width:                      100%;
}
.onoffswitch-switch::before {
    background:                 rgb(209, 219, 221) none repeat scroll 0px 0px;
    border-radius:              50%;
    -moz-border-radius:         50%;
    -webkit-border-radius:      50%;
    content:                    "";
    height:                     9px;
    left:                       5px;
    position:                   absolute;
    top:                        6px;
    transition:                 all 0.2s ease 0s;
    -moz-transition:            all 0.2s ease 0s;
    -webkit-transition:         all 0.2s ease 0s;
    -o-transition:              all 0.2s ease 0s;
    width:                      9px;
}
.if-mobile {
    display:                    none ! important;
}
header#main-header {
    background:                 rgb(236, 31, 62) none repeat scroll 0px 0px;
    border-bottom:              10px solid rgb(76, 67, 72);
    box-sizing:                 border-box;
    -moz-box-sizing:            border-box;
    -webkit-box-sizing:         border-box;
    left:                       0px;
    padding-top:                3px;
    position:                   fixed;
    top:                        0px;
    transition:                 all 0.2s ease 0s;
    -moz-transition:            all 0.2s ease 0s;
    -webkit-transition:         all 0.2s ease 0s;
    -o-transition:              all 0.2s ease 0s;
    width:                      100%;
    z-index:                    25;
    height:                     74px;
}
.is-logged-in span.logged-in {
    display:                    block;
}
span.logged-in {
    display:                    none;
}
input.form-inp[name="first_name"], input.form-inp[name="last_name"] {
    width:                      170px;
}
.modal-register input.form-inp[name="email"] {
    width:                      362px;
}
input.inp-long[type="text"] {
    width:                      460px;
}
.is-controls input[type="text"] {
    text-align:                 center;
    display:                    inline;
    margin-right:               -5px;
    margin-top:                 0px;
    font-size:                  10pt;
    width:                      30px;
    height:                     15px;
    border-radius:              3px 0px 0px 3px;
    -moz-border-radius:         3px 0px 0px 3px;
    -webkit-border-radius:      3px 0px 0px 3px;
}
.su-panel input[type="text"] {
    height:                     auto;
    border-radius:              0px;
    -moz-border-radius:         0px;
    -webkit-border-radius:      0px;
    border:                     2px solid rgb(147, 142, 145);
    width:                      100%;
    box-sizing:                 border-box;
    -moz-box-sizing:            border-box;
    -webkit-box-sizing:         border-box;
    font-family:                ff-good-headline-web-pro-con;
    text-transform:             uppercase;
    text--webkit-transform:     uppercase;
    color:                      rgb(61, 168, 222);
    font-weight:                normal;
    font-size:                  19pt;
    padding:                    12px 13px;
}
input.text-inp[type="text"], .message-box {
    border:                     2px solid rgb(238, 236, 227);
    margin-bottom:              22px;
}
textarea.message-box {
    height:                     130px;
    width:                      420px;
}
.amt-shell::before {
    content:                    "$";
    display:                    block;
    height:                     99px;
    position:                   absolute;
    font-size:                  16pt;
    left:                       10px;
    top:                        8px;
    color:                      rgb(204, 200, 192);
    width:                      20px;
    z-index:                    100;
}
input.amount-inp {
    padding-left:               30px ! important;
    width:                      101px ! important;
    position:                   relative;
}
input.cc-inp-cvv {
    width:                      80px ! important;
    margin-right:               100px ! important;
}
textarea[name="note"] {
    width:                      330px;
    height:                     120px;
}
input[type="text"], input[type="password"], textarea, input[type="number"] {
    border:                     1px solid rgb(222, 227, 231);
    border-radius:              2px;
    -moz-border-radius:         2px;
    -webkit-border-radius:      2px;
    display:                    block;
    font-family:                brandon-grotesque;
    font-size:                  13pt;
    font-weight:                500;
    height:                     24px;
    margin-top:                 4px;
    padding:                    6px;
    width:                      216px;
    color:                      rgb(119, 110, 93);
}
div#primary-links a {
    margin-right:               10px;
    font-weight:                500;
    color:                      rgb(191, 183, 174);
}
div#primary-links {
    float:                      right;
    margin-top:                 11px;
}
div.contentainer-centered-box.contentainer {
    width:                      720px;
}
div.crumbs.contentainer {
    margin-top:                 -12px;
    margin-bottom:              -10px;
}
div.crumbs a:hover {
    border-color:               rgb(218, 215, 204);
}
div.crumbs a {
    text-decoration:            none;
    border-bottom:              2px solid rgb(239, 237, 229);
}
div.crumbs a, div.crumbs span {
    color:                      rgb(166, 164, 158);
}
div.crumbs span {
    padding:                    0px 10px;
}
div.contentainer {
    margin:                     0px auto;
    width:                      1200px;
}
.primary-nav a:hover::before {
    background:                 rgb(255, 255, 255) none repeat scroll 0% 0%;
}
.primary-nav a::before {
    content:                    "";
    position:                   absolute;
    left:                       0px;
    right:                      0px;
    margin:                     0px auto;
    z-index:                    -1;
    width:                      190px;
    height:                     40px;
    background:                 rgb(236, 31, 62) none repeat scroll 0% 0%;
    transition:                 all 0.2s ease 0s;
    -moz-transition:            all 0.2s ease 0s;
    -webkit-transition:         all 0.2s ease 0s;
    -o-transition:              all 0.2s ease 0s;
    top:                        -10px;
}
.primary-nav a:hover {
    color:                      rgb(236, 31, 62);
}
.primary-nav a {
    width:                      33%;
    display:                    block;
    float:                      left;
    color:                      rgb(255, 255, 255);
    text-align:                 center;
    position:                   relative;
    transition:                 all 0.2s ease 0s;
    -moz-transition:            all 0.2s ease 0s;
    -webkit-transition:         all 0.2s ease 0s;
    -o-transition:              all 0.2s ease 0s;
    margin-top:                 4px;
    font-size:                  15pt;
    text-transform:             uppercase;
    text--webkit-transform:     uppercase;
}
nav#top-nav a {
    text-decoration:            none;
    font-family:                ff-good-headline-web-pro-con;
}
nav#top-nav {
    padding:                    16px 25px;
    font-family:                ff-good-headline-web-pro-con;
}
#app-header a#logo {
    font-size:                  18px;
}
span.logo {
    color:                      rgb(33, 173, 248);
    font-style:                 normal;
}
a#logo {
    font-size:                  36px;
    text-decoration:            none;
    color:                      rgb(255, 255, 255);
    float:                      left;
    transition:                 all 0.2s ease 0s;
    -moz-transition:            all 0.2s ease 0s;
    -webkit-transition:         all 0.2s ease 0s;
    -o-transition:              all 0.2s ease 0s;
    margin-bottom:              5px;
    text-transform:             uppercase;
    text--webkit-transform:     uppercase;
    margin-top:                 -6px;
}
#footer-credits a:hover {
    opacity:                    1;
    -ms-filter:                 "alpha(opacity=100)";
    -ms--webkit-filter:         "alpha(opacity=100)";
    filter:                     alpha(opacity=100);
    -webkit-filter:             alpha(opacity=100);
    zoom:                       1;
}
#footer-credits a {
    color:                      rgb(197, 56, 13);
    opacity:                    0.5;
    -ms-filter:                 "alpha(opacity=50)";
    -ms--webkit-filter:         "alpha(opacity=50)";
    filter:                     alpha(opacity=50);
    -webkit-filter:             alpha(opacity=50);
    zoom:                       1;
    transition:                 all 0.2s ease 0s;
    -moz-transition:            all 0.2s ease 0s;
    -webkit-transition:         all 0.2s ease 0s;
    -o-transition:              all 0.2s ease 0s;
}
footer a {
    text-decoration:            none;
    margin-right:               10px;
    font-weight:                400;
    color:                      rgb(150, 168, 186);
}
.app-mode footer {
    display:                    none;
}
body > footer {
    border-top:                 1px solid rgb(236, 236, 236);
    bottom:                     0px;
    left:                       0px;
    padding:                    22px 0px;
    position:                   absolute;
    text-align:                 center;
    width:                      100%;
}
.scrolled div#content_shell, .subpage #content_shell {
    padding-top:                83px;
}
#page-invite div#content_shell {
    padding-top:                0px;
}
#content_shell {
    margin:                     0px auto;
    height:                     100%;
    position:                   relative;
    width:                      100%;
    padding-top:                197px;
    transition:                 all 0.2s ease 0s;
    -moz-transition:            all 0.2s ease 0s;
    -webkit-transition:         all 0.2s ease 0s;
    -o-transition:              all 0.2s ease 0s;
}
div#footer-credits {
    margin-top:                 5px;
    font-size:                  10pt;
    font-weight:                400;
    color:                      rgb(150, 168, 186);
}
.is-logged-in span.logged-out {
    display:                    none;
}
span.logged-out {
    display:                    block;
}
input[type="submit"]:hover {
    opacity:                    1;
    -ms-filter:                 "alpha(opacity=100)";
    -ms--webkit-filter:         "alpha(opacity=100)";
    filter:                     alpha(opacity=100);
    -webkit-filter:             alpha(opacity=100);
    zoom:                       1;
}
input[type="submit"] {
    cursor:                     pointer;
    border:                     0px none;
}
div.field {
    float:                      left;
    margin-right:               10px;
}
div.field-row {
    clear:                      both;
}
#page_content label.sub-label {
    font-weight:                normal;
    font-size:                  11pt;
}
#page_content label {
    clear:                      both;
    display:                    block;
    font-size:                  14pt;
    font-weight:                600;
    margin-bottom:              4px;
    font-family:                brandon-grotesque;
    color:                      rgb(142, 129, 128);
}
main {
    position:                   relative;
    width:                      100%;
    height:                     100%;
}
h1 {
    font-weight:                600;
    text-align:                 center;
    font-size:                  32pt;
    margin:                     40px auto;
}
b {
    font-weight:                800;
    position:                   relative;
}
div#footer-links {
    margin-bottom:              10px;
}
.centered-content-box h2 {
    background:                 rgb(255, 255, 255) none repeat scroll 0% 0%;
    border-bottom:              1px solid rgb(217, 217, 217);
    font-size:                  29pt;
    margin:                     -60px -60px 30px;
    padding:                    21px 60px;
}
.modal-content h2 {
    margin-bottom:              18px;
}
.modal-content h2:first-child {
    margin-top:                 0px;
}
span.rotate90 {
    position:                   relative;
    left:                       20px;
    transform:                  rotateZ(90deg);
    -webkit-transform:          rotateZ(90deg);
    -moz-transform:             rotateZ(90deg);
    -moz--webkit-transform:     rotateZ(90deg);
    -webkit-transform:          rotateZ(90deg);
    -webkit--webkit-transform:  rotateZ(90deg);
    -o-transform:               rotateZ(90deg);
    -o--webkit-transform:       rotateZ(90deg);
    display:                    inline-block;
}
span.emoji-sad {
    background:                 transparent url("/images/sad.png") repeat scroll 0% 0% / 100% auto;
}
span.emoji-happy {
    background:                 transparent url("/images/happy.png") repeat scroll 0% 0%;
    top:                        8px ! important;
}
span.emoji {
    display:                    inline-block;
    width:                      40px;
    height:                     40px;
    margin-left:                9px;
    position:                   relative;
    top:                        5px;
    background-size:            100% auto;
    -webkit-background-size:    100% auto;
}
.letter-shell h2 {
    text-align:                 center;
    font-size:                  34pt;
}
.block h2 {
    font-size:                  27pt;
    font-style:                 italic;
}
.story-section.ss-dbl h2 {
    margin-top:                 -130px;
}
.story-section h2 {
    text-align:                 center;
    clear:                      both;
    margin-top:                 -210px;
    margin-bottom:              90px;
}
.story-shell h2 {
    clear:                      both;
    text-align:                 center;
    margin-bottom:              35px;
}
h2 {
    margin:                     5px 0px;
    font-size:                  40px;
    font-weight:                600;
}
#logo span, .logo span {
    color:                      rgb(150, 168, 186);
}
a.button:hover {
    background:                 rgb(255, 61, 36) none repeat scroll 0px 0px;
}
a.rsvp-start-btn.button {
    margin:                     50px auto 19px;
    display:                    block;
    text-align:                 center;
    font-style:                 italic;
    font-size:                  19pt;
    padding:                    11px 13px 15px;
}
.rsvp-yes-btn.button, .rsvp-no-btn {
    float:                      left;
    display:                    block;
    text-align:                 center;
    margin-right:               10px;
    width:                      146px;
}
a.rsvp-no-btn.button {
    margin-right:               0px;
    background:                 rgb(137, 105, 100) none repeat scroll 0px 0px;
}
#mult-rsvp-form input[type="submit"] {
    margin:                     42px auto 0px;
    display:                    block;
    width:                      350px;
}
input.save-button[type="submit"] {
    display:                    block;
    margin:                     0px auto ! important;
    width:                      350px;
}
.form-row input[type="submit"] {
    margin-top:                 20px;
}
.block a.button-small {
    display:                    inline-block;
    text-align:                 center;
    margin:                     -11px auto 20px;
    width:                      345px;
}
a.button.button-small {
    font-size:                  15pt;
    padding:                    9px 52px;
}
a.button, input[type="submit"], button {
    padding:                    10px 52px;
    text-decoration:            none;
    transition:                 all 0.2s ease 0s;
    -moz-transition:            all 0.2s ease 0s;
    -webkit-transition:         all 0.2s ease 0s;
    -o-transition:              all 0.2s ease 0s;
    cursor:                     pointer;
    margin-right:               3px;
    font-size:                  16pt;
    font-weight:                600;
    background:                 rgb(255, 61, 36) none repeat scroll 0px 0px;
    color:                      rgb(255, 255, 255);
    font-family:                brandon-grotesque;
}
.is-admin div.centered-content-box {
    margin-top:                 28px;
}
#page-admin_attendees div.centered-content-box {
    width:                      900px;
}
.centered-content-box {
    padding:                    60px;
    border-radius:              3px;
    -moz-border-radius:         3px;
    -webkit-border-radius:      3px;
    text-align:                 left;
    width:                      600px;
    left:                       0px;
    transition:                 all 0.4s ease 0s;
    -moz-transition:            all 0.4s ease 0s;
    -webkit-transition:         all 0.4s ease 0s;
    -o-transition:              all 0.4s ease 0s;
    margin:                     30px auto 40px;
    background:                 rgb(251, 251, 251) none repeat scroll 0px 0px;
    border:                     4px solid rgba(238, 232, 226, 0.63);
}
.centered-content-box h2 p {
    font-size:                  12pt;
    padding:                    7px 60px;
    font-weight:                normal;
    background:                 rgb(234, 234, 234) none repeat scroll 0px 0px;
    border-top:                 1px solid rgb(227, 227, 227);
    text-transform:             none;
    text--webkit-transform:     none;
    color:                      rgb(129, 112, 130);
    margin:                     23px -60px -21px;
}
div#world {
    background:                 rgb(249, 245, 241) none repeat scroll 0px 0px;
}
div.dummybody {
    position:                   relative;
    min-height:                 100%;
    height:                     100%;
}
body.lock-scroll {
    overflow-y:                 hidden;
}
html.scrolled #main-nav, html.subpage #main-nav {
    padding:                    30px;
}
html, body {
    height:                     100%;
    padding:                    0px;
    margin:                     0px;
}
.is-admin h3 {
    clear:                      both;
    font-family:                proxima-nova;
    font-weight:                bold;
    margin-bottom:              6px;
    margin-top:                 20px;
    font-size:                  18pt;
    color:                      rgb(147, 142, 145);
}
html .is-public .no-bot-margin {
    margin-bottom:              14px;
}
html .is-public h3.bigger {
    font-weight:                bold;
    font-size:                  24pt;
}
#rsvp-panel h3 {
    margin-bottom:              12px;
}
#page-invite h3 {
    text-align:                 center;
    font-weight:                500;
}
html .is-public h3 {
    font-size:                  20pt;
    line-height:                115%;
    font-weight:                600;
    text-align:                 left;
    margin:                     29px 0px -10px;
}
a.modal-close {
    position:                   absolute;
    right:                      25px;
    text-decoration:            none;
    top:                        35px;
    z-index:                    100;
}
a.modal-close::before {
    content:                    "x";
    display:                    block;
    position:                   relative;
    text-decoration:            none;
    font-size:                  22pt;
    font-family:                brandon-grotesque;
    font-weight:                100;
    text-align:                 center;
    padding:                    0px 12px 0px 14px;
    height:                     37px;
    opacity:                    0.7;
    -ms-filter:                 "alpha(opacity=70)";
    -ms--webkit-filter:         "alpha(opacity=70)";
    filter:                     alpha(opacity=70);
    -webkit-filter:             alpha(opacity=70);
    zoom:                       1;
    right:                      -16px;
    top:                        -25px;
    color:                      rgb(142, 138, 128);
    cursor:                     pointer;
}
h1 a:hover {
    opacity:                    1;
    -ms-filter:                 "alpha(opacity=100)";
    -ms--webkit-filter:         "alpha(opacity=100)";
    filter:                     alpha(opacity=100);
    -webkit-filter:             alpha(opacity=100);
    zoom:                       1;
}
h1 a {
    font-size:                  12pt;
    font-weight:                300;
    margin-left:                10px;
    position:                   relative;
    top:                        -5px;
    color:                      rgb(33, 173, 248);
    opacity:                    0.5;
    -ms-filter:                 "alpha(opacity=50)";
    -ms--webkit-filter:         "alpha(opacity=50)";
    filter:                     alpha(opacity=50);
    -webkit-filter:             alpha(opacity=50);
    zoom:                       1;
    transition:                 all 0.15s ease 0s;
    -moz-transition:            all 0.15s ease 0s;
    -webkit-transition:         all 0.15s ease 0s;
    -o-transition:              all 0.15s ease 0s;
}
div.right-nav {
    float:                      right;
}
h2 a::before {
    position:                   absolute;
    content:                    "";
    display:                    block;
    z-index:                    10;
    width:                      1px;
    height:                     85px;
    background:                 rgb(242, 242, 242) none repeat scroll 0px 0px;
    left:                       -28px;
    top:                        -29px;
}
h2 a {
    position:                   relative;
    border-radius:              4px;
    -moz-border-radius:         4px;
    -webkit-border-radius:      4px;
    text-decoration:            none;
    font-weight:                normal;
    margin-left:                92px;
    float:                      right;
    padding:                    6px 9px;
    display:                    block;
    background:                 rgb(255, 255, 255) none repeat scroll 0px 0px;
    font-size:                  12pt;
    margin-right:               -34px;
    color:                      rgb(139, 139, 139);
    text-transform:             none;
    text--webkit-transform:     none;
    top:                        7px;
    font-family:                brandon-grotesque;
}
.list-row a {
    float:                      right;
    box-sizing:                 border-box;
    -moz-box-sizing:            border-box;
    -webkit-box-sizing:         border-box;
    padding-left:               10px;
    text-decoration:            none;
    height:                     29px;
    font-size:                  11pt;
    margin-left:                4px;
    color:                      rgb(129, 129, 129);
    background:                 rgb(238, 238, 238) none repeat scroll 0px 0px;
    padding-top:                8px;
    margin-top:                 -4px;
    padding-right:              9px;
}
.addtocalendar a.atcb-link, .addtocalendar a.atcb-link:hover, .addtocalendar a.atcb-link:active, .addtocalendar a.atcb-link:focus {
    background:                 rgb(61, 168, 222) none repeat scroll 0px 0px;
    border-radius:              0px;
    -moz-border-radius:         0px;
    -webkit-border-radius:      0px;
    font-family:                ff-good-headline-web-pro-con;
    height:                     23px;
    padding-top:                8px;
    text-transform:             uppercase;
    text--webkit-transform:     uppercase;
    width:                      130px;
    top:                        0px;
    left:                       0px;
    font-weight:                normal;
    font-size:                  16pt;
}
#page_content a.atcb-item-link:hover {
    background:                 rgb(252, 214, 43) none repeat scroll 0% 0%;
    border-left:                0px none;
    margin-left:                -3px;
    margin-right:               -1px;
    padding-left:               13px;
    color:                      rgb(76, 67, 72);
}
.user_list a:hover {
    background:                 rgb(247, 241, 240) none repeat scroll 0% 0%;
}
.user_list a.selected {
    color:                      rgb(255, 247, 247);
    background:                 rgb(255, 61, 36) none repeat scroll 0px 0px;
}
.user_list a {
    display:                    block;
    padding:                    9px;
    text-decoration:            none;
}
a.home-depot::before {
    background:                 transparent url("/images/homedepot.png?112") repeat scroll 0px 0px / 100% auto ! important;
    width:                      90px ! important;
    height:                     90px ! important;
    opacity:                    0.6 ! important;
    -ms-filter:                 "alpha(opacity=60)";
    -ms--webkit-filter:         "alpha(opacity=60)";
    filter:                     alpha(opacity=60);
    -webkit-filter:             alpha(opacity=60);
    zoom:                       1;
    top:                        34px ! important;
}
a {
    color:                      rgb(221, 60, 54);
    text-decoration:            none;
}
div.clear {
    clear:                      both;
}
div.form-error {
    display:                    none;
}
div.form-section {
    clear:                      both;
    margin-bottom:              10px;
}
.form-box {
    float:                      left;
    margin-right:               14px;
    margin-bottom:              14px;
}
.options-list span.null {
    display:                    block;
    margin-top:                 14px;
    box-sizing:                 border-box;
    -moz-box-sizing:            border-box;
    -webkit-box-sizing:         border-box;
    background:                 rgba(255, 255, 255, 0.72) none repeat scroll 0px 0px;
    text-align:                 center;
    margin-bottom:              12px;
    border-top:                 1px solid rgba(101, 198, 242, 0.17);
    border-left:                1px solid rgba(101, 198, 242, 0.17);
    border-right:               1px solid rgba(101, 198, 242, 0.17);
    padding:                    44px 14px 46px;
    font-size:                  12pt;
    color:                      rgb(137, 161, 170);
    font-family:                proxima-nova;
}
div.modal-close::before {
    content:                    "x";
}
div.modal-close {
    position:                   absolute;
    font-size:                  19pt;
    display:                    block;
    border-radius:              50%;
    -moz-border-radius:         50%;
    -webkit-border-radius:      50%;
    text-align:                 center;
    height:                     38px;
    padding-top:                2px;
    padding-left:               1px;
    width:                      39px;
    cursor:                     pointer;
    border:                     0px solid rgb(237, 237, 237);
    background:                 transparent none repeat scroll 0% 0%;
    font-family:                proxima-nova;
    color:                      rgb(255, 255, 255);
    top:                        25px;
    right:                      15px;
}
div.option-row:last-of-type, .list-row:last-of-type {
    border-bottom:              1px solid rgb(222, 235, 242);
}
.options-list ul {
    list-style:                 outside none none;
    padding-left:               0px;
    margin-top:                 0px;
    margin-bottom:              0px;
}
li.sortable-chosen {
    border-left:                1px solid rgba(255, 255, 255, 0);
    border-right:               1px solid rgba(255, 255, 255, 0);
    background:                 rgb(255, 255, 255) none repeat scroll 0px 0px;
    border-color:               rgba(255, 255, 255, 0);
    margin-left:                -1px;
    color:                      rgb(157, 174, 180);
}
.sortable-ghost {
    opacity:                    1;
    -ms-filter:                 "alpha(opacity=100)";
    -ms--webkit-filter:         "alpha(opacity=100)";
    filter:                     alpha(opacity=100);
    -webkit-filter:             alpha(opacity=100);
    zoom:                       1;
}
.sortable-ghost {
    background:                 rgb(0, 0, 0) none repeat scroll 0% 0%;
}
.ghost {
    background:                 rgb(0, 0, 0) none repeat scroll 0% 0%;
}
.sort-ghost {
    background:                 rgba(245, 254, 255, 0.29) none repeat scroll 0px 0px ! important;
}
ul li.list-sub-head {
    border-width:               1px 0px;
    padding-left:               0px;
    padding-bottom:             8px;
    padding-top:                12px;
}
.option-row, .list-row {
    background:                 rgb(255, 255, 255) none repeat scroll 0px 0px;
    border-width:               1px;
    border-style:               solid;
    border-color:               rgb(225, 233, 239);
    margin-top:                 -1px;
    font-family:                brandon-grotesque;
    padding:                    10px 9px 14px 12px;
}
div.handle div {
    border-radius:              3px;
    -moz-border-radius:         3px;
    -webkit-border-radius:      3px;
    left:                       0px;
    position:                   relative;
    width:                      21px;
    margin-bottom:              4px;
    background:                 rgb(171, 171, 171) none repeat scroll 0px 0px;
    padding:                    0px;
    height:                     2px;
}
div.handle {
    float:                      left;
    margin-left:                -12px;
    padding:                    15px 12px 12px;
    margin-top:                 -14px;
}
div#page_content {
    padding-top:                40px;
    width:                      100%;
    position:                   relative;
}
.side-tab.active {
    background:                 rgb(252, 214, 43) none repeat scroll 0px 0px;
}
.attendee-list span.float-right {
    background:                 rgb(247, 247, 247) none repeat scroll 0% 0%;
    margin-top:                 -4px;
    font-size:                  11pt;
    padding:                    7px 12px 3px;
}
span.float-right {
    float:                      right;
}
.list-row span {
    text-overflow:              ellipsis;
    -o-text-overflow:           ellipsis;
    -ms-text-overflow:          ellipsis;
    display:                    inline-block;
    white-space:                nowrap;
    height:                     19px;
    overflow:                   hidden;
    color:                      rgb(76, 67, 72);
    width:                      auto;
    max-width:                  441px;
    margin-top:                 1px;
    margin-bottom:              -7px;
}
h2.heading div {
    color:                      rgb(154, 164, 164);
    font-size:                  16pt;
}
h2.heading div:first-of-type {
    margin-top:                 5px;
}
.letter-content p.small {
    font-size:                  12pt;
    margin-top:                 -15px;
    font-style:                 italic;
    opacity:                    0.8;
    -ms-filter:                 "alpha(opacity=80)";
    -ms--webkit-filter:         "alpha(opacity=80)";
    filter:                     alpha(opacity=80);
    -webkit-filter:             alpha(opacity=80);
    zoom:                       1;
}
#done-panel p {
    font-size:                  27pt;
    font-weight:                800;
    color:                      rgba(74, 55, 45, 0.79);
    text-shadow:                1px 1px 1px rgba(255, 255, 255, 0.91), 0px 0px 6px rgba(69, 40, 27, 0.38);
}
.letter-content p {
    text-align:                 center;
    font-size:                  15pt;
}
.letter p {
    font-size:                  17pt;
}
.block p {
    font-size:                  14pt;
}
p {
    line-height:                120%;
    font-size:                  15pt;
}
.modal p {
    margin-bottom:              15px;
    width:                      500px;
    line-height:                128%;
    font-size:                  18pt;
}
.modal p:first-of-type {
    margin-top:                 10px;
}
.vcenter {
    display:                    table;
}
.vcenter div {
    display:                    table-cell;
    font-family:                proxima-nova;
    font-size:                  14pt;
    padding:                    10px 20px 17px;
    text-align:                 center;
    text-indent:                0px;
    vertical-align:             middle;
}
p.dear {
    font-style:                 italic;
    font-size:                  27pt;
    font-weight:                600;
}
.story-section p {
    padding:                    0px 80px;
}
.story-section p:last-of-type {
    margin-bottom:              0px ! important;
}
.is-public #page_content p {
    color:                      rgb(111, 88, 85);
    margin-bottom:              31px;
    line-height:                130%;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display:                    block;
}
body {
    line-height:                1;
}
.is-public ul {
    padding-left:               0px;
    margin-left:                10px;
    margin-top:                 1px;
}
ol, ul {
    list-style:                 outside none none;
}
blockquote, q {
    quotes:                     none;
}
blockquote::before, blockquote::after, q::before, q::after {
    content:                    none;
}
td.delete-user.confirm::before {
    position:                   absolute;
    top:                        0px;
    background:                 rgb(164, 60, 60) none repeat scroll 0px 0px;
    content:                    "You sure?";
    box-sizing:                 border-box;
    -moz-box-sizing:            border-box;
    -webkit-box-sizing:         border-box;
    display:                    block;
    color:                      rgb(255, 255, 255);
    font-weight:                bold;
    left:                       -80px;
    height:                     38px;
    width:                      121px;
    padding-top:                12px;
}
td.delete-user:hover {
    background:                 rgb(164, 60, 60) none repeat scroll 0% 0%;
    color:                      rgb(255, 255, 255);
}
td.delete-user {
    position:                   relative;
    cursor:                     pointer;
    transition:                 all 0.2s ease 0s;
    -moz-transition:            all 0.2s ease 0s;
    -webkit-transition:         all 0.2s ease 0s;
    -o-transition:              all 0.2s ease 0s;
}
table.attendee-list th, table.attendee-list td {
    text-align:                 center;
    padding:                    7px;
    font-size:                  11pt;
}
table.attendee-list {
    font-family:                proxima-nova;
    box-sizing:                 border-box;
    -moz-box-sizing:            border-box;
    -webkit-box-sizing:         border-box;
    margin-left:                -60px;
    width:                      722px;
}
table.language-tbl th, table.language-tbl td {
    text-align:                 center;
    padding:                    10px 20px;
}
table.language-tbl {
    margin:                     0px auto 50px;
    width:                      570px;
}
table {
    border-collapse:            collapse;
    border-spacing:             0px;
}
.modal label {
    font-weight:                bold;
    font-size:                  15pt;
    display:                    block;
    margin-top:                 5px;
}
#page_content li.atcb-item a {
    font-family:                proxima-nova;
    margin-top:                 0px;
    margin-right:               0px;
    margin-bottom:              0px;
    color:                      rgb(75, 66, 72);
    padding:                    4px 10px;
}
.is-public #page_content ul li {
    list-style-type:            disc;
}
#page_content li.atcb-item {
    font-family:                proxima-nova ! important;
    list-style-type:            none ! important;
    margin:                     0px ! important;
    width:                      auto ! important;
}
.is-public #page_content block li {
    width:                      auto;
}
.is-public #page_content .block li {
    width:                      auto;
    font-size:                  14pt;
}
.is-public #page_content li {
    list-style-position:        outside;
    margin-left:                16px;
    padding-left:               2px;
    font-family:                brandon-grotesque;
    line-height:                160%;
    margin-bottom:              0px;
    width:                      470px;
    font-size:                  15pt;
}
span.addtocalendar {
    position:                   absolute;
    left:                       0px;
    right:                      0px;
    display:                    block;
    margin:                     0px auto ! important;
    border:                     8px solid rgb(255, 255, 255);
    width:                      180px;
    bottom:                     -27px;
}
div.left-content {
    margin-right:               330px;
}
div.result-section {
    margin-top:                 20px;
    min-height:                 250px;
}
.result-section p {
    display:                    block;
}
div.result-section::before {
    background-position:        right top;
    background-repeat:          no-repeat;
    color:                      rgb(147, 142, 145);
    float:                      left;
    font-family:                proxima-nova;
    font-size:                  15pt;
    font-weight:                bold;
    margin-left:                -250px;
    margin-top:                 15px;
    text-align:                 right;
    width:                      200px;
}
img.align-right {
    float:                      right;
    width:                      438px;
    margin-left:                48px;
}
img.generic-header {
    width:                      100%;
    display:                    block;
    margin-top:                 -168px;
}
hr {
    border:                     1px solid rgb(33, 173, 248);
    margin:                     40px -70px;
}
img.align-left {
    float:                      left;
    margin-right:               40px;
}
#page-invite div#world, #success-image {
    background:                 transparent url("/images/main.jpg") no-repeat fixed center bottom / cover;
    height:                     100%;
    position:                   relative;
    transition:                 background-image 0.2s ease 0s;
    -moz-transition:            background-image 0.2s ease 0s;
    -webkit-transition:         background-image 0.2s ease 0s;
    -o-transition:              background-image 0.2s ease 0s;
}
body {
    height:                     100%;
    padding:                    0px;
    margin:                     0px;
    font-family:                "brandon-grotesque";
    color:                      rgb(111, 88, 85);
    background:                 rgb(249, 245, 241) none repeat scroll 0px 0px;
}
div.letter-content.open {
    opacity:                    1;
    -ms-filter:                 "alpha(opacity=100)";
    -ms--webkit-filter:         "alpha(opacity=100)";
    filter:                     alpha(opacity=100);
    -webkit-filter:             alpha(opacity=100);
    zoom:                       1;
    transform:                  rotateX(0deg);
    -webkit-transform:          rotateX(0deg);
    -moz-transform:             rotateX(0deg);
    -moz--webkit-transform:     rotateX(0deg);
    -webkit-transform:          rotateX(0deg);
    -webkit--webkit-transform:  rotateX(0deg);
    -o-transform:               rotateX(0deg);
    -o--webkit-transform:       rotateX(0deg);
    z-index:                    100;
}
div.letter-content.close {
    transform:                  rotateX(-93deg);
    -webkit-transform:          rotateX(-93deg);
    -moz-transform:             rotateX(-93deg);
    -moz--webkit-transform:     rotateX(-93deg);
    -webkit-transform:          rotateX(-93deg);
    -webkit--webkit-transform:  rotateX(-93deg);
    -o-transform:               rotateX(-93deg);
    -o--webkit-transform:       rotateX(-93deg);
    opacity:                    0;
    -ms-filter:                 "alpha(opacity=0)";
    -ms--webkit-filter:         "alpha(opacity=0)";
    filter:                     alpha(opacity=0);
    -webkit-filter:             alpha(opacity=0);
    zoom:                       1;
    transition:                 all 0.2s ease-in-out 0s, opacity 0.2s ease-in-out 0s;
    -moz-transition:            all 0.2s ease-in-out 0s, opacity 0.2s ease-in-out 0s;
    -webkit-transition:         all 0.2s ease-in-out 0s, opacity 0.2s ease-in-out 0s;
    -o-transition:              all 0.2s ease-in-out 0s, opacity 0.2s ease-in-out 0s;
}
div#done-panel h2 {
    font-size:                  60pt;
    color:                      rgb(255, 61, 36);
    text-shadow:                1px 1px 1px rgba(255, 255, 255, 0.65), 0px 0px 6px rgba(69, 40, 27, 0.53);
}
div#done-panel {
    border-radius:              50%;
    -moz-border-radius:         50%;
    -webkit-border-radius:      50%;
    width:                      420px;
    padding-top:                59px;
    margin:                     0px;
    left:                       100px;
    background:                 transparent none repeat scroll 0% 0%;
    border:                     0px none;
    box-shadow:                 none;
    -moz-box-shadow:            none;
    -webkit-box-shadow:         none;
    top:                        120px;
}
div.letter-content {
    margin:                     0px auto;
    top:                        64px;
    transform:                  rotateX(93deg);
    -webkit-transform:          rotateX(93deg);
    -moz-transform:             rotateX(93deg);
    -moz--webkit-transform:     rotateX(93deg);
    -webkit-transform:          rotateX(93deg);
    -webkit--webkit-transform:  rotateX(93deg);
    -o-transform:               rotateX(93deg);
    -o--webkit-transform:       rotateX(93deg);
    opacity:                    0;
    -ms-filter:                 "alpha(opacity=0)";
    -ms--webkit-filter:         "alpha(opacity=0)";
    filter:                     alpha(opacity=0);
    -webkit-filter:             alpha(opacity=0);
    zoom:                       1;
    transition:                 all 0.2s ease-in-out 0s, opacity 0.5s ease-in-out 0s;
    -moz-transition:            all 0.2s ease-in-out 0s, opacity 0.5s ease-in-out 0s;
    -webkit-transition:         all 0.2s ease-in-out 0s, opacity 0.5s ease-in-out 0s;
    -o-transition:              all 0.2s ease-in-out 0s, opacity 0.5s ease-in-out 0s;
    padding:                    30px 60px;
    box-sizing:                 border-box;
    -moz-box-sizing:            border-box;
    -webkit-box-sizing:         border-box;
    background:                 rgba(255, 255, 252, 0.95) none repeat scroll 0px 0px padding-box;
    box-shadow:                 0px 0px 14px rgba(0, 0, 0, 0.1);
    -moz-box-shadow:            0px 0px 14px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow:         0px 0px 14px rgba(0, 0, 0, 0.1);
    position:                   absolute;
    left:                       0px;
    right:                      0px;
    border:                     20px solid rgba(255, 255, 249, 0.64);
    width:                      671px;
}
div.letter-shell {
    perspective:                1000px;
    -webkit-perspective:        1000px;
    position:                   relative;
    top:                        -20px;
}
.centered-content-box div.status.open {
    margin-top:                 -30px;
}
.centered-content-box div.status {
    margin:                     0px -60px 24px;
    text-align:                 center;
}
div.status.open {
    padding:                    12px;
}
div.status.success {
    background:                 rgb(240, 244, 234) none repeat scroll 0px 0px;
    border-bottom:              1px solid rgb(228, 235, 217);
}
div.user_list {
    background:                 rgb(255, 255, 255) none repeat scroll 0% 0%;
    height:                     200px;
    overflow:                   auto;
    width:                      290px;
    border:                     1px solid rgb(241, 239, 239);
}
.onoffswitch {
    position:                   relative;
    -moz-user-select:           none;
    float:                      right;
    width:                      75px;
}
.onoffswitch-checkbox {
    display:                    none;
}
.onoffswitch-label {
    display:                    block;
    overflow:                   hidden;
    cursor:                     pointer;
    border-radius:              20px;
    -moz-border-radius:         20px;
    -webkit-border-radius:      20px;
    border:                     0px none;
}
.onoffswitch-inner {
    display:                    block;
    width:                      200%;
    margin-left:                -100%;
    transition:                 margin 0.3s ease-in 0s;
    -moz-transition:            margin 0.3s ease-in 0s;
    -webkit-transition:         margin 0.3s ease-in 0s;
    -o-transition:              margin 0.3s ease-in 0s;
}
.onoffswitch-inner::before, .onoffswitch-inner::after {
    display:                    block;
    float:                      left;
    width:                      50%;
    height:                     30px;
    padding:                    0px;
    line-height:                30px;
    color:                      white;
    box-sizing:                 border-box;
    -moz-box-sizing:            border-box;
    -webkit-box-sizing:         border-box;
    font-family:                brandon-grotesque;
    font-size:                  20px;
    font-weight:                500;
}
.onoffswitch-inner::before {
    color:                      rgb(255, 255, 255);
    padding-left:               15px;
    padding-top:                0px;
    content:                    "Yes!";
    background-color:           rgb(0, 173, 177);
}
.onoffswitch-inner::after {
    background-color:           rgb(231, 238, 239);
    color:                      rgb(153, 153, 153);
    content:                    "No";
    padding-right:              18px;
    padding-top:                1px;
    text-align:                 right;
}
.onoffswitch-switch {
    display:                    block;
    width:                      19px;
    margin:                     5.5px;
    background:                 rgb(255, 255, 255) none repeat scroll 0% 0%;
    position:                   absolute;
    bottom:                     0px;
    border-radius:              20px;
    -moz-border-radius:         20px;
    -webkit-border-radius:      20px;
    transition:                 all 0.3s ease-in 0s;
    -moz-transition:            all 0.3s ease-in 0s;
    -webkit-transition:         all 0.3s ease-in 0s;
    -o-transition:              all 0.3s ease-in 0s;
    right:                      45px;
    top:                        -1px;
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
    margin-left:                0px;
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
    right:                      0px;
}
div.included {
    float:                      right;
    width:                      290px;
    font-weight:                600;
    color:                      rgb(142, 129, 128);
}
div#region-shell {
    width:                      230px;
    margin-top:                 -1px;
}
div#success-image {
    transition:                 opacity 0.2s ease 0s;
    -moz-transition:            opacity 0.2s ease 0s;
    -webkit-transition:         opacity 0.2s ease 0s;
    -o-transition:              opacity 0.2s ease 0s;
    opacity:                    0;
    -ms-filter:                 "alpha(opacity=0)";
    -ms--webkit-filter:         "alpha(opacity=0)";
    filter:                     alpha(opacity=0);
    -webkit-filter:             alpha(opacity=0);
    zoom:                       1;
    position:                   absolute;
    top:                        0px;
    left:                       0px;
    width:                      100%;
    background:                 transparent url("/images/success.jpg") no-repeat fixed center top / cover;
    z-index:                    0;
    display:                    none;
}
span.rsvp-name {
    font-weight:                bold;
    position:                   relative;
    font-size:                  18pt;
    top:                        1px;
}
div.mult-rsvp-row {
    clear:                      both;
    margin-bottom:              24px;
}
nav#main-nav #nav-right a:last-of-type {
    margin-right:               0px;
}
.scrolled #main-nav div a#nav-logo span, .subpage #main-nav div #nav-logo span {
    opacity:                    0;
    -ms-filter:                 "alpha(opacity=0)";
    -ms--webkit-filter:         "alpha(opacity=0)";
    filter:                     alpha(opacity=0);
    -webkit-filter:             alpha(opacity=0);
    zoom:                       1;
}
.scrolled #main-nav div a#nav-logo, .subpage #main-nav div #nav-logo {
    transform:                  scale(0.65);
    -webkit-transform:          scale(0.65);
    -moz-transform:             scale(0.65);
    -moz--webkit-transform:     scale(0.65);
    -webkit-transform:          scale(0.65);
    -webkit--webkit-transform:  scale(0.65);
    -o-transform:               scale(0.65);
    -o--webkit-transform:       scale(0.65);
    top:                        -10px;
}
#mobile-nav a#nav-logo {
    margin-right:               0px ! important;
    margin-left:                0px ! important;
    top:                        -5px;
    margin-bottom:              -11px ! important;
    width:                      110px ! important;
    height:                     57px ! important;
    transform:                  scale(0.65);
    -webkit-transform:          scale(0.65);
    -moz-transform:             scale(0.65);
    -moz--webkit-transform:     scale(0.65);
    -webkit-transform:          scale(0.65);
    -webkit--webkit-transform:  scale(0.65);
    -o-transform:               scale(0.65);
    -o--webkit-transform:       scale(0.65);
}
#main-nav div a#nav-logo {
    right:                      0px;
    left:                       0px;
    margin:                     0px auto ! important;
    position:                   absolute;
    background:                 transparent url("/images/logo_red.png?9981") repeat scroll 0px 0px / 100% auto;
    height:                     100px;
    width:                      194px;
    top:                        29px;
    transform:                  scale(1);
    -webkit-transform:          scale(1);
    -moz-transform:             scale(1);
    -moz--webkit-transform:     scale(1);
    -webkit-transform:          scale(1);
    -webkit--webkit-transform:  scale(1);
    -o-transform:               scale(1);
    -o--webkit-transform:       scale(1);
    transition:                 all 0.2s ease 0s;
    -moz-transition:            all 0.2s ease 0s;
    -webkit-transition:         all 0.2s ease 0s;
    -o-transition:              all 0.2s ease 0s;
}
nav#main-nav div a:hover {
    color:                      rgb(255, 255, 255);
    opacity:                    1;
    -ms-filter:                 "alpha(opacity=100)";
    -ms--webkit-filter:         "alpha(opacity=100)";
    filter:                     alpha(opacity=100);
    -webkit-filter:             alpha(opacity=100);
    zoom:                       1;
}
#main-nav div a.active {
    border-bottom:              2px solid rgb(252, 140, 140);
    padding-bottom:             11px;
    margin-bottom:              -14px;
}
#mobile-nav-menu a {
    opacity:                    1;
    -ms-filter:                 "alpha(opacity=100)";
    -ms--webkit-filter:         "alpha(opacity=100)";
    filter:                     alpha(opacity=100);
    -webkit-filter:             alpha(opacity=100);
    zoom:                       1;
    text-align:                 center;
    display:                    block ! important;
    padding:                    10px 20px;
    color:                      rgb(247, 222, 222) ! important;
}
nav#main-nav div a, #mobile-nav a {
    color:                      rgb(255, 162, 162);
    display:                    inline-block;
    font-size:                  17pt;
    margin-right:               30px;
    position:                   relative;
    text-decoration:            none;
    top:                        -2px;
    transition:                 all 0.2s ease 0s;
    -moz-transition:            all 0.2s ease 0s;
    -webkit-transition:         all 0.2s ease 0s;
    -o-transition:              all 0.2s ease 0s;
}
#page-invite nav#main-nav {
    display:                    none;
}
nav#main-nav {
    background:                 rgb(239, 65, 62) none repeat scroll 0% 0%;
    color:                      rgb(255, 162, 162);
    position:                   fixed;
    width:                      100%;
    box-sizing:                 border-box;
    -moz-box-sizing:            border-box;
    -webkit-box-sizing:         border-box;
    padding:                    87px 30px;
    transition:                 all 0.2s ease 0s;
    -moz-transition:            all 0.2s ease 0s;
    -webkit-transition:         all 0.2s ease 0s;
    -o-transition:              all 0.2s ease 0s;
    z-index:                    100;
}
div#nav-right {
    float:                      right;
}
div#nav-left {
    float:                      left;
}
div#elprat-banner {
    background:                 transparent url("/images/elprat.jpg?12") no-repeat scroll center center / cover;
}
div.banner-w-content {
    position:                   relative;
    margin-bottom:              50px;
    margin-top:                 50px;
}
div#food-banner {
    background:                 transparent url("/images/tapas.jpg") no-repeat scroll center center / cover;
}
div#subway-banner {
    background:                 transparent url("/images/subway.jpg") no-repeat scroll center center / cover;
}
div#secret-banner {
    background:                 transparent url("/images/secret.jpg") no-repeat scroll center center / cover;
}
div#city-banner {
    background:                 transparent url("/images/espana.jpg") no-repeat scroll center center / cover;
}
.block div.banner-w-content {
    margin-right:               -40px;
    border-top:                 0px none;
    width:                      100%;
    margin-left:                -40px;
    margin-top:                 -40px;
    box-sizing:                 content-box;
    -moz-box-sizing:            content-box;
    -webkit-box-sizing:         content-box;
    padding:                    40px;
    height:                     175px;
}
.block div.banner-w-content::before {
    border:                     0px none;
    box-shadow:                 0px -4px 0px rgba(203, 199, 195, 0.48), 0px -1px rgba(130, 118, 107, 0.55), 0px 1px 0px rgba(214, 205, 191, 0.37), 0px 1px rgba(130, 118, 107, 0.33);
    -moz-box-shadow:            0px -4px 0px rgba(203, 199, 195, 0.48), 0px -1px rgba(130, 118, 107, 0.55), 0px 1px 0px rgba(214, 205, 191, 0.37), 0px 1px rgba(130, 118, 107, 0.33);
    -webkit-box-shadow:         0px -4px 0px rgba(203, 199, 195, 0.48), 0px -1px rgba(130, 118, 107, 0.55), 0px 1px 0px rgba(214, 205, 191, 0.37), 0px 1px rgba(130, 118, 107, 0.33);
}
div#caldes-banner {
    background:                 transparent url("/images/caldes.jpg") no-repeat scroll center center / cover;
}
div#story-banner {
    background:                 transparent url("/images/story/story-banner.jpg") no-repeat scroll center center / cover;
    margin-top:                 -40px;
    margin-bottom:              100px;
}
div#elmas-banner::before, .banner-w-content::before {
    box-shadow:                 0px -5px 0px rgba(214, 205, 191, 0.38), 0px -1px rgba(130, 118, 107, 0.33), 0px 5px 0px rgba(214, 205, 191, 0.37), 0px 1px rgba(130, 118, 107, 0.33);
    -moz-box-shadow:            0px -5px 0px rgba(214, 205, 191, 0.38), 0px -1px rgba(130, 118, 107, 0.33), 0px 5px 0px rgba(214, 205, 191, 0.37), 0px 1px rgba(130, 118, 107, 0.33);
    -webkit-box-shadow:         0px -5px 0px rgba(214, 205, 191, 0.38), 0px -1px rgba(130, 118, 107, 0.33), 0px 5px 0px rgba(214, 205, 191, 0.37), 0px 1px rgba(130, 118, 107, 0.33);
    content:                    "";
    height:                     100%;
    left:                       0px;
    position:                   absolute;
    top:                        0px;
    width:                      100%;
    z-index:                    10;
}
div#elmas-banner {
    background:                 transparent url("/images/elmas.jpg") no-repeat scroll center center / cover;
    position:                   relative;
    margin-bottom:              50px;
    box-sizing:                 border-box;
    -moz-box-sizing:            border-box;
    -webkit-box-sizing:         border-box;
}
#home-banner span {
    font-size:                  36pt;
}
.block div.banner span {
    font-size:                  40pt;
    text-shadow:                2px 2px 2px rgb(33, 31, 28), 2px 2px 12px rgb(33, 31, 28);
    bottom:                     14px;
    padding-left:               22px;
}
div.banner span {
    font-weight:                bold;
    display:                    block;
    position:                   absolute;
    z-index:                    10;
    left:                       0px;
    margin:                     0px auto;
    width:                      100%;
    font-style:                 italic;
    color:                      rgb(255, 250, 245);
    padding-left:               40px;
    bottom:                     31px;
    text-shadow:                2px 2px 2px rgb(52, 48, 43);
    font-size:                  54pt;
    box-sizing:                 border-box;
    -moz-box-sizing:            border-box;
    -webkit-box-sizing:         border-box;
}
div#termes-banner {
    background:                 transparent url("/images/termes.jpg?12") no-repeat scroll center center / cover;
    position:                   relative;
}
div#group-banner {
    background:                 transparent url("/images/group.jpg?12") no-repeat scroll center center / cover;
}
div.banner {
    width:                      100%;
    height:                     480px;
    margin-left:                auto;
    margin-right:               auto;
    max-width:                  1500px;
}
div#home-banner {
    margin-top:                 -40px;
    background:                 transparent url("/images/banner.jpg") no-repeat scroll center center / cover;
    box-shadow:                 0px 5px 0px rgba(214, 205, 191, 0.65), 0px 1px 0px rgba(91, 80, 71, 0.65);
    -moz-box-shadow:            0px 5px 0px rgba(214, 205, 191, 0.65), 0px 1px 0px rgba(91, 80, 71, 0.65);
    -webkit-box-shadow:         0px 5px 0px rgba(214, 205, 191, 0.65), 0px 1px 0px rgba(91, 80, 71, 0.65);
    margin-bottom:              80px;
    position:                   relative;
}
div.center_head_1 {
    font-weight:                600;
    font-style:                 italic;
    font-size:                  36pt;
}
div.center_head_2.center_head {
    margin-top:                 30px;
    font-weight:                600;
    opacity:                    0.8;
    -ms-filter:                 "alpha(opacity=80)";
    -ms--webkit-filter:         "alpha(opacity=80)";
    filter:                     alpha(opacity=80);
    -webkit-filter:             alpha(opacity=80);
    zoom:                       1;
    line-height:                120%;
    font-size:                  26pt;
    width:                      510px;
}
div.center_head_3.center_head {
    margin-top:                 30px;
    font-style:                 italic;
    font-size:                  21pt;
    opacity:                    0.6;
    -ms-filter:                 "alpha(opacity=60)";
    -ms--webkit-filter:         "alpha(opacity=60)";
    filter:                     alpha(opacity=60);
    -webkit-filter:             alpha(opacity=60);
    zoom:                       1;
}
div.center_head {
    width:                      500px;
    margin:                     0px auto 18px;
    text-align:                 center;
}
#nav-logo span {
    position:                   absolute;
    font-style:                 italic;
    text-align:                 center;
    font-size:                  15pt;
    width:                      219px;
    margin-left:                -22px;
    font-weight:                100;
    color:                      rgb(255, 187, 187);
    bottom:                     -36px;
    opacity:                    1;
    -ms-filter:                 "alpha(opacity=100)";
    -ms--webkit-filter:         "alpha(opacity=100)";
    filter:                     alpha(opacity=100);
    -webkit-filter:             alpha(opacity=100);
    zoom:                       1;
    transition:                 all 0.2s ease 0s;
    -moz-transition:            all 0.2s ease 0s;
    -webkit-transition:         all 0.2s ease 0s;
    -o-transition:              all 0.2s ease 0s;
}
#page-travel-guide div.letter {
    margin-top:                 40px;
}
div.letter {
    padding:                    15px 70px;
    margin:                     90px auto 0px;
    width:                      640px;
    position:                   relative;
    z-index:                    3;
    border:                     20px solid rgb(242, 238, 229);
    background:                 rgb(254, 253, 251) none repeat scroll 0px 0px padding-box;
}
.block-shell .block {
    float:                      none;
    background:                 rgb(255, 255, 255) none repeat scroll 0px 0px;
    border:                     3px solid rgba(242, 237, 225, 0.42);
    width:                      100%;
    padding:                    40px;
    margin-right:               0px;
    margin-bottom:              23px;
}
#page-travel-guide .block:nth-of-type(2n) {
    margin-right:               0px;
}
div.block {
    background:                 rgb(255, 255, 255) none repeat scroll 0px 0px;
    border:                     3px solid rgba(242, 237, 225, 0.42);
    box-shadow:                 0px 0px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow:            0px 0px 0px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow:         0px 0px 0px rgba(0, 0, 0, 0.1);
    box-sizing:                 border-box;
    -moz-box-sizing:            border-box;
    -webkit-box-sizing:         border-box;
    float:                      left;
    margin-bottom:              100px;
    margin-right:               2%;
    padding:                    40px;
    width:                      48%;
}
div#ff1 {
    width:                      200px;
    height:                     200px;
    opacity:                    0.6;
    -ms-filter:                 "alpha(opacity=60)";
    -ms--webkit-filter:         "alpha(opacity=60)";
    filter:                     alpha(opacity=60);
    -webkit-filter:             alpha(opacity=60);
    zoom:                       1;
    z-index:                    1;
    left:                       70px;
    top:                        80px;
    background-size:            200px auto;
    -webkit-background-size:    200px auto;
    background-position:        center center;
}
div#ff3 {
    opacity:                    0.3;
    -ms-filter:                 "alpha(opacity=30)";
    -ms--webkit-filter:         "alpha(opacity=30)";
    filter:                     alpha(opacity=30);
    -webkit-filter:             alpha(opacity=30);
    zoom:                       1;
    top:                        -40px;
    right:                      160px;
}
div#ff4 {
    width:                      130px;
    opacity:                    0.6;
    -ms-filter:                 "alpha(opacity=60)";
    -ms--webkit-filter:         "alpha(opacity=60)";
    filter:                     alpha(opacity=60);
    -webkit-filter:             alpha(opacity=60);
    zoom:                       1;
    right:                      110px;
    height:                     130px;
}
div.firework.wait {
    height:                     0px ! important;
    width:                      0px ! important;
    padding-left:               50%;
    opacity:                    0 ! important;
    -ms-filter:                 "alpha(opacity=0)";
    -ms--webkit-filter:         "alpha(opacity=0)";
    filter:                     alpha(opacity=0);
    -webkit-filter:             alpha(opacity=0);
    zoom:                       1;
}
div.firework {
    width:                      100px;
    position:                   absolute;
    background:                 transparent url("/images/firework1.png") repeat scroll center center / 100% auto;
    height:                     100px;
    opacity:                    1;
    -ms-filter:                 "alpha(opacity=100)";
    -ms--webkit-filter:         "alpha(opacity=100)";
    filter:                     alpha(opacity=100);
    -webkit-filter:             alpha(opacity=100);
    zoom:                       1;
    transition:                 height 0.2s ease 0s, width 0.2s ease 0s, opacity 0.5s ease 0s;
    -moz-transition:            height 0.2s ease 0s, width 0.2s ease 0s, opacity 0.5s ease 0s;
    -webkit-transition:         height 0.2s ease 0s, width 0.2s ease 0s, opacity 0.5s ease 0s;
    -o-transition:              height 0.2s ease 0s, width 0.2s ease 0s, opacity 0.5s ease 0s;
}
div.firework-shell {
    position:                   relative;
    background:                 transparent none repeat scroll 0% 0%;
}
div#ff2 {
    opacity:                    0.3;
    -ms-filter:                 "alpha(opacity=30)";
    -ms--webkit-filter:         "alpha(opacity=30)";
    filter:                     alpha(opacity=30);
    -webkit-filter:             alpha(opacity=30);
    zoom:                       1;
    transform:                  rotate(10deg);
    -webkit-transform:          rotate(10deg);
    -moz-transform:             rotate(10deg);
    -moz--webkit-transform:     rotate(10deg);
    -webkit-transform:          rotate(10deg);
    -webkit--webkit-transform:  rotate(10deg);
    -o-transform:               rotate(10deg);
    -o--webkit-transform:       rotate(10deg);
    left:                       160px;
    top:                        40px;
}
a.amazon::before, a.home-depot::before {
    background:                 transparent url("/images/amazon.png?112") repeat scroll 0px 0px / 100% auto;
    content:                    "";
    height:                     52px;
    left:                       0px;
    margin:                     0px auto;
    opacity:                    0.6;
    -ms-filter:                 "alpha(opacity=60)";
    -ms--webkit-filter:         "alpha(opacity=60)";
    filter:                     alpha(opacity=60);
    -webkit-filter:             alpha(opacity=60);
    zoom:                       1;
    position:                   absolute;
    right:                      0px;
    width:                      170px;
    top:                        56px;
}
a.gift-card:nth-of-type(3n) {
    margin-right:               0px;
}
a.gift-card, .gift-open {
    background:                 rgba(254, 248, 248, 0.56) none repeat scroll 0px 0px;
    border:                     3px solid rgb(252, 224, 223);
    border-radius:              10px;
    -moz-border-radius:         10px;
    -webkit-border-radius:      10px;
    display:                    block;
    float:                      left;
    height:                     158px;
    position:                   relative;
    margin-right:               15px;
    width:                      272px;
}
div.contentainer_page {
    width:                      800px;
    background:                 rgb(255, 255, 255) none repeat scroll 0% 0%;
    box-sizing:                 border-box;
    -moz-box-sizing:            border-box;
    -webkit-box-sizing:         border-box;
    border-style:               solid;
    border-color:               rgb(247, 244, 240);
    padding:                    0px 110px 60px;
    border-width:               4px;
    margin:                     180px auto 80px;
}
#page_content div.h-note p {
    font-size:                  13pt;
    margin-bottom:              8px;
    margin-top:                 8px;
    color:                      rgb(171, 147, 145);
}
.block div.h-note {
    line-height:                140%;
    font-weight:                bold;
    margin-bottom:              0px;
    font-size:                  15pt;
    padding:                    30px;
}
div.h-note {
    font-size:                  10pt;
    clear:                      both;
    padding:                    15px 22px;
    margin-bottom:              60px;
    margin-top:                 20px;
    font-style:                 italic;
    background:                 rgb(252, 247, 244) none repeat scroll 0px 0px;
}
.block img {
    width:                      100%;
}
div.block-shell {
    float:                      left;
    width:                      48%;
    margin-right:               2%;
}
.slide-hidden {
    height:                     0px ! important;
    overflow:                   hidden;
    padding-top:                0px ! important;
    padding-bottom:             0px ! important;
    opacity:                    0;
    -ms-filter:                 "alpha(opacity=0)";
    -ms--webkit-filter:         "alpha(opacity=0)";
    filter:                     alpha(opacity=0);
    -webkit-filter:             alpha(opacity=0);
    zoom:                       1;
}
div.contact-success {
    font-size:                  24pt;
    padding:                    20px;
    background:                 rgb(240, 247, 216) none repeat scroll 0% 0%;
    color:                      rgb(113, 122, 83);
    font-weight:                600;
    transition:                 all 0.2s ease 0s;
    -moz-transition:            all 0.2s ease 0s;
    -webkit-transition:         all 0.2s ease 0s;
    -o-transition:              all 0.2s ease 0s;
    height:                     36px;
    opacity:                    1;
    -ms-filter:                 "alpha(opacity=100)";
    -ms--webkit-filter:         "alpha(opacity=100)";
    filter:                     alpha(opacity=100);
    -webkit-filter:             alpha(opacity=100);
    zoom:                       1;
}
form.question-form {
    height:                     460px;
}
div#sagrada-banner {
    background:                 transparent url("/images/sagrada.jpg") no-repeat scroll center center / cover;
}
a.gift-open {
    height:                     50px;
    text-align:                 center;
    padding-bottom:             0px;
    font-size:                  16pt;
    margin-bottom:              10px;
    width:                      565px;
    font-weight:                bold;
    padding-top:                27px;
    color:                      rgb(200, 122, 120);
}
div.modal-content {
    margin:                     100px auto;
    background:                 rgb(254, 253, 251) none repeat scroll 0px 0px padding-box;
    border:                     20px solid rgba(242, 238, 229, 0.84);
    width:                      610px;
}
.modal div.form-row {
    margin-bottom:              12px;
}
.amt-shell {
    position:                   relative;
}
#modal-lang div.modal-lang-content {
    padding-top: 30px;
}
a.lang-btn {
    background: #f8f8f2 none repeat scroll 0 0;
    border-bottom: 3px solid rgba(157, 156, 135, 0.08);
    display: block;
    font-size: 26pt;
    margin-top: 8px;
    padding: 32px;
    text-align: center;
}
div.modal-gift-content, div.modal-lang-content {
    position:                   relative;
    box-sizing:                 border-box;
    -moz-box-sizing:            border-box;
    -webkit-box-sizing:         border-box;
    padding:                    60px 40px 30px;
}
div.gift-success {
    transition:                 all 0.2s ease 0s;
    -moz-transition:            all 0.2s ease 0s;
    -webkit-transition:         all 0.2s ease 0s;
    -o-transition:              all 0.2s ease 0s;
    overflow:                   hidden;
    opacity:                    1;
    -ms-filter:                 "alpha(opacity=100)";
    -ms--webkit-filter:         "alpha(opacity=100)";
    filter:                     alpha(opacity=100);
    -webkit-filter:             alpha(opacity=100);
    zoom:                       1;
    height:                     273px;
}
div.gift-success.hidden {
    height:                     0px;
    opacity:                    0;
    -ms-filter:                 "alpha(opacity=0)";
    -ms--webkit-filter:         "alpha(opacity=0)";
    filter:                     alpha(opacity=0);
    -webkit-filter:             alpha(opacity=0);
    zoom:                       1;
}
div.gift-pay.hidden {
    height:                     0px;
    opacity:                    0;
    -ms-filter:                 "alpha(opacity=0)";
    -ms--webkit-filter:         "alpha(opacity=0)";
    filter:                     alpha(opacity=0);
    -webkit-filter:             alpha(opacity=0);
    zoom:                       1;
}
div.gift-pay {
    transition:                 all 0.2s ease 0s;
    -moz-transition:            all 0.2s ease 0s;
    -webkit-transition:         all 0.2s ease 0s;
    -o-transition:              all 0.2s ease 0s;
    overflow:                   hidden;
    height:                     490px;
    opacity:                    1;
    -ms-filter:                 "alpha(opacity=100)";
    -ms--webkit-filter:         "alpha(opacity=100)";
    filter:                     alpha(opacity=100);
    -webkit-filter:             alpha(opacity=100);
    zoom:                       1;
}
form#gift-form {
    margin-top:                 40px;
}
img.img-cat {
    width:                      460px;
    margin:                     0px auto;
}
img.img-bcn {
    margin:                     0px auto;
}
img.rimg {
    float:                      right;
    margin-right:               -170px;
    width:                      340px;
    margin-left:                60px;
}
img.c-flag {
    float:                      right;
    margin:                     4px -150px 30px 50px;
    width:                      360px;
}
img.ci-flag {
    float:                      left;
    clear:                      left;
    margin:                     13px 40px 50px -145px;
    width:                      370px;
}
img.gotico-map {
    margin-left:                -71px;
    width:                      703px;
}
img.metro-img {
    width:                      100%;
}
img.taxi-img {
    width:                      100%;
}
img.guell-img {
    width:                      100%;
}
img.batllo-img {
    width:                      100%;
}
img.ramblas-img {
    width:                      100%;
}
img.boqueria-img {
    width:                      100%;
}
img.musica-img {
    width:                      100%;
    margin-bottom:              30px;
}
img.barceloneta-img, img.tibidabo-img {
    width:                      100%;
}
img.wimg {
    width:                      100%;
}
.nimg {
    border:                     5px solid rgb(249, 245, 241);
    display:                    block;
    margin-bottom:              30px;
}
img.img-time {
    border:                     5px solid rgb(249, 245, 241);
    width:                      420px;
    margin:                     0px auto;
    display:                    block;
}
img.img-barrios {
    width:                      100%;
    margin-bottom:              20px;
}
div.story-section.ss-dbl {
    clear:                      none;
    margin-bottom:              80px;
    width:                      570px;
}
div.ss-left {
    float:                      left;
}
div.ss-right {
    float:                      right;
}
div#story-bar {
    margin-top:                 0px;
}
div.story-section {
    background:                 rgb(255, 255, 255) none repeat scroll 0% 0%;
    line-height:                140%;
    font-size:                  15pt;
    clear:                      both;
    margin:                     0px auto 90px;
    padding:                    80px 0px;
    width:                      680px;
}
.story-section img {
    margin:                     -80px 0px 50px;
    width:                      100%;
}
div.story-shell {
    width:                      1200px;
    margin:                     0px auto;
}
div.mpanel-active.mpanel {
    display:                    block;
}
div.mpanel {
    display:                    none;
}
form#contributor-form {
    margin-top:                 28px;
}
.language-tbl tr:nth-of-type(2n) {
    background:                 rgb(255, 245, 250) none repeat scroll 0% 0%;
}
img.sagradafamilia-img {
    width:                      100%;
}
div.box-select-shell {
    display:                    block;
    height:                     60px;
}
div.admin-nav {
    margin:                     -30px -60px 30px;
    padding:                    0px 20px;
    background:                 rgb(248, 247, 245) none repeat scroll 0px 0px;
    border-bottom:              1px solid rgb(228, 227, 224);
}
li.inv-addr {
    margin-bottom:              20px;
    padding:                    5px 20px;
    background:                 rgb(241, 241, 241) none repeat scroll 0px 0px;
    border-bottom:              2px solid rgb(232, 228, 228);
}
li.inv-addr p.no-address {
    font-size:                  15pt;
    text-transform:             uppercase;
    text--webkit-transform:     uppercase;
    background:                 rgb(238, 189, 189) none repeat scroll 0% 0%;
    padding:                    6px 10px;
    font-style:                 italic;
}
li.inv-addr p {
    font-size:                  11pt;
    margin:                     2px 0px;
}
* {
    line-height:                inherit;
}