@charset "UTF-8";
/* count styles, like seen on view page guest list */
/* mixin for three column layout like the gallery page, with an ad on the right */
/* this makes it possible to share styles without having to use the primary and secondary classes */
html {
  box-sizing: border-box;
}

*, *::after, *::before {
  box-sizing: inherit;
}

/* common colors used for yes/no/maybe states on invitations */
/* common colors used for yes/no/maybe states on invitations */
/* Colors */
/* Colors */
/* below this is new */
/* below this is new */
/* Grid settings */
/* Grid settings */
/* Breakpoints */
/* Breakpoints */
/* Minus 1 px to active on "less than 1020px" etc */
/* Minus 1 px to active on "less than 1020px" etc */
/* Type */
/* Type */
/* Layout */
/* Layout */
/**! normalize.css v2.1.1 | MIT License | git.io/normalize */
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
  display: block;
  position: relative;
}

audio, canvas, video {
  display: inline-block;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

[hidden] {
  display: none;
}

html {
  background: #fff;
  color: #000;
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

body {
  margin: 0;
}

a:focus {
  outline: thin dotted;
}
a:active, a:hover {
  outline: 0;
}

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

abbr[title] {
  border-bottom: 1px dotted;
}

b, strong {
  font-weight: bold;
}

dfn {
  font-style: italic;
}

hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}

mark {
  background: #ff0;
  color: #000;
}

code, kbd, pre, samp {
  font-family: monospace, serif;
  font-size: 1em;
}

pre {
  white-space: pre-wrap;
}

q {
  quotes: "“" "”" "‘" "’";
}

small {
  font-size: 80%;
}

sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

img {
  border: 0;
}

svg:not(:root) {
  overflow: hidden;
}

figure {
  margin: 0;
}

fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}

legend {
  border: 0;
  padding: 0;
}

button, input, select, textarea {
  font-family: inherit;
  font-size: 100%;
  margin: 0;
}

button, input {
  line-height: normal;
}

button, select {
  text-transform: none;
}

button, html input[type='button'], input[type='reset'], input[type='submit'] {
  -webkit-appearance: button;
  cursor: pointer;
}

button[disabled], html input[disabled] {
  cursor: default;
}

input[type='checkbox'], input[type='radio'] {
  box-sizing: border-box;
  padding: 0;
}
input[type='search'] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
input[type='search']::-webkit-search-cancel-button, input[type='search']::-webkit-search-decoration {
  -webkit-appearance: none;
}

button::-moz-focus-inner, input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

textarea {
  overflow: auto;
  vertical-align: top;
}

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

/* Base styles for avatar thumbnails/letterfaces */
.avatar {
  display: block;
  width: 50px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  font-size: 25px;
  text-transform: uppercase;
  color: white;
  border-radius: 100%;
  background-color: #f9f9f9;
  font-weight: bold;
  -webkit-font-smoothing: antialiased;
  /* Small variant */
  /* 180px variant */
}
.avatar:hover {
  text-decoration: none;
}
.avatar img, .avatar .letterface {
  display: block;
  width: 100%;
  height: 100%;
}
.avatar .letterface {
  background-image: url(/assets/1464809026/images/v2/web/view/avatar-disks.png);
  background-size: 100%;
  letter-spacing: 1.3px;
  padding-left: 1px;
}
.avatar .letterface.disk-1 {
  background-position: 0 0;
}
.avatar .letterface.disk-2 {
  background-position: 0 -59px;
}
.avatar .letterface.disk-3 {
  background-position: 0 -116px;
}
.avatar .letterface.disk-4 {
  background-position: 0 -174px;
}
.avatar .letterface.disk-5 {
  background-position: 0 -232px;
}
.avatar .letterface.disk-6 {
  background-position: 0 -289px;
}
.avatar .letterface.disk-7 {
  background-position: 0 -345px;
}
.avatar .letterface.disk-8 {
  background-position: 0 -404px;
}
.avatar .letterface.disk-9 {
  background-position: 0 -461px;
}
.avatar .letterface.disk-10 {
  background-position: 0 -520px;
}
.avatar.small {
  width: 32px;
  height: 32px;
  line-height: 32px;
  font-size: 16px;
}
.avatar.small .letterface {
  letter-spacing: 0;
  padding-left: 0;
}
.avatar.small .letterface.smalldisk-1 {
  background-position: 0 0;
}
.avatar.small .letterface.smalldisk-2 {
  background-position: 0 -38px;
}
.avatar.small .letterface.smalldisk-3 {
  background-position: 0 -74px;
}
.avatar.small .letterface.smalldisk-4 {
  background-position: 0 -111px;
}
.avatar.small .letterface.smalldisk-5 {
  background-position: 0 -148px;
}
.avatar.small .letterface.smalldisk-6 {
  background-position: 0 -184px;
}
.avatar.small .letterface.smalldisk-7 {
  background-position: 0 -221px;
}
.avatar.small .letterface.smalldisk-8 {
  background-position: 0 -259px;
}
.avatar.small .letterface.smalldisk-9 {
  background-position: 0 -295px;
}
.avatar.small .letterface.smalldisk-10 {
  background-position: 0 -332px;
}
.avatar.huge {
  width: 180px;
  height: 180px;
  line-height: 180px;
  font-size: 32px;
}
.avatar.huge .letterface {
  letter-spacing: 0;
  padding-left: 0;
}
.avatar.huge .letterface.disk-1 {
  background-position: 0 0;
}
.avatar.huge .letterface.disk-2 {
  background-position: 0 -38px;
}
.avatar.huge .letterface.disk-3 {
  background-position: 0 -77px;
}
.avatar.huge .letterface.disk-4 {
  background-position: 0 -115px;
}
.avatar.huge .letterface.disk-5 {
  background-position: 0 -154px;
}
.avatar.huge .letterface.disk-6 {
  background-position: 0 -192px;
}
.avatar.huge .letterface.disk-7 {
  background-position: 0 -230px;
}
.avatar.huge .letterface.disk-8 {
  background-position: 0 -269px;
}
.avatar.huge .letterface.disk-9 {
  background-position: 0 -307px;
}
.avatar.huge .letterface.disk-10 {
  background-position: 0 -307px;
}

/* Div variant (can be an anchor or a div) */
div.avatar {
  cursor: default;
}

.button-cancel {
  border: 1px solid transparent;
  border-radius: 23px;
  box-shadow: none;
  color: white;
  display: inline-block;
  font-size: 16px;
  background-color: #2c333c;
  padding: 9px 20px;
  text-decoration: none;
  text-shadow: none;
  background-clip: padding-box;
  text-align: center;
  font-weight: 400;
  margin: 0px 5px;
  height: 40px;
  outline: none;
}
.button-cancel.small {
  font-size: 14px;
  padding: 3px 10px;
  height: 27px;
  margin: 8px 6px;
}
.button-cancel:hover:not(:disabled) {
  box-shadow: none;
  cursor: pointer;
  text-decoration: none;
  color: white;
  background-color: #394048;
}
.button-cancel:active:not(:disabled) {
  border: 1px solid transparent;
  box-shadow: none;
  text-decoration: none;
  background-color: #24272b;
}
.button-cancel:hover {
  color: white;
  background-color: #394048;
}
.button-cancel:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.button-cancel:first-of-type {
  margin-left: 0;
}
.button-cancel:last-of-type {
  margin-right: 0;
}

.button-cancel-inverse {
  border: 1px solid #2c333c;
  border-radius: 23px;
  box-shadow: none;
  color: #2c333c;
  display: inline-block;
  font-size: 16px;
  background-color: transparent;
  padding: 8px 25px;
  text-decoration: none;
  text-shadow: none;
  background-clip: padding-box;
  text-align: center;
  font-weight: 400;
  margin: 0px 5px;
  height: 38px;
  outline: none;
  position: relative;
  -webkit-transition: color 0.2s;
  -moz-transition: color 0.2s;
  transition: color 0.2s;
  border-color: #cfcdd4;
}
.button-cancel-inverse.small {
  font-size: 14px;
  padding: 3px 10px;
  height: 25px;
  margin: 8px 6px;
}
.button-cancel-inverse:hover:not(:disabled) {
  box-shadow: none;
  cursor: pointer;
  text-decoration: none;
  color: #76cc2b;
  border: 1px solid #76cc2b;
  background-color: transparent;
}
.button-cancel-inverse:active:not(:disabled) {
  border: 1px solid #76cc2b;
  box-shadow: none;
  text-decoration: none;
  color: #76cc2b;
  background-color: transparent;
}
.button-cancel-inverse:hover {
  color: #76cc2b;
  background-color: transparent;
}
.button-cancel-inverse:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.button-cancel-inverse:first-of-type {
  margin-left: 0;
}
.button-cancel-inverse:last-of-type {
  margin-right: 0;
}

.button-primary {
  border: 1px solid transparent;
  border-radius: 23px;
  box-shadow: none;
  color: white;
  display: inline-block;
  font-size: 16px;
  background-color: #62ae20;
  padding: 9px 20px;
  text-decoration: none;
  text-shadow: none;
  background-clip: padding-box;
  text-align: center;
  font-weight: 400;
  margin: 0px 5px;
  height: 40px;
  outline: none;
}
.button-primary.small {
  font-size: 14px;
  padding: 3px 10px;
  height: 27px;
  margin: 8px 6px;
}
.button-primary:hover:not(:disabled) {
  box-shadow: none;
  cursor: pointer;
  text-decoration: none;
  color: white;
  background-color: #6ebf29;
}
.button-primary:active:not(:disabled) {
  border: 1px solid transparent;
  box-shadow: none;
  text-decoration: none;
  background-color: #569222;
}
.button-primary:hover {
  color: white;
  background-color: #6ebf29;
}
.button-primary:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.button-primary:first-of-type {
  margin-left: 0;
}
.button-primary:last-of-type {
  margin-right: 0;
}

.button-primary-inverse {
  border: 1px solid #62ae20;
  border-radius: 23px;
  box-shadow: none;
  color: #62ae20;
  display: inline-block;
  font-size: 16px;
  background-color: transparent;
  padding: 8px 25px;
  text-decoration: none;
  text-shadow: none;
  background-clip: padding-box;
  text-align: center;
  font-weight: 400;
  margin: 0px 5px;
  height: 38px;
  outline: none;
  position: relative;
  -webkit-transition: color 0.2s;
  -moz-transition: color 0.2s;
  transition: color 0.2s;
}
.button-primary-inverse.small {
  font-size: 14px;
  padding: 3px 10px;
  height: 25px;
  margin: 8px 6px;
}
.button-primary-inverse:hover:not(:disabled) {
  box-shadow: none;
  cursor: pointer;
  text-decoration: none;
  color: #76cc2b;
  border: 1px solid #76cc2b;
  background-color: transparent;
}
.button-primary-inverse:active:not(:disabled) {
  border: 1px solid #76cc2b;
  box-shadow: none;
  text-decoration: none;
  color: #76cc2b;
  background-color: transparent;
}
.button-primary-inverse:hover {
  color: #76cc2b;
  background-color: transparent;
}
.button-primary-inverse:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.button-primary-inverse:first-of-type {
  margin-left: 0;
}
.button-primary-inverse:last-of-type {
  margin-right: 0;
}

.button-toggle {
  position: relative;
  display: inline-block;
  height: 26px;
  margin-right: 5px;
}
.button-toggle button {
  padding-right: 30px;
}
.button-toggle:hover span:before {
  color: #62ae20;
}
.button-toggle i, .button-toggle span {
  pointer-events: none;
  display: block;
  position: absolute;
  right: 10px;
  top: 14px;
}
.button-toggle span {
  z-index: 2;
  font-family: "evite";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: auto;
  margin-right: 5px;
  text-align: center;
  height: 16px;
}
.button-toggle span.down {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
.button-toggle span:before {
  content: "";
  font-size: 6px;
  color: #62ae20;
}

.button-secondary {
  border: 1px solid transparent;
  border-radius: 23px;
  box-shadow: none;
  color: white;
  display: inline-block;
  font-size: 16px;
  background-color: #2c333c;
  padding: 9px 20px;
  text-decoration: none;
  text-shadow: none;
  background-clip: padding-box;
  text-align: center;
  font-weight: 400;
  margin: 0px 5px;
  height: 40px;
  outline: none;
}
.button-secondary.small {
  font-size: 14px;
  padding: 3px 10px;
  height: 27px;
  margin: 8px 6px;
}
.button-secondary:hover:not(:disabled) {
  box-shadow: none;
  cursor: pointer;
  text-decoration: none;
  color: white;
  background-color: #394048;
}
.button-secondary:active:not(:disabled) {
  border: 1px solid transparent;
  box-shadow: none;
  text-decoration: none;
  background-color: #24272b;
}
.button-secondary:hover {
  color: white;
  background-color: #394048;
}
.button-secondary:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.button-secondary:first-of-type {
  margin-left: 0;
}
.button-secondary:last-of-type {
  margin-right: 0;
}

.button-secondary-inverse {
  border: 1px solid #2c333c;
  border-radius: 23px;
  box-shadow: none;
  color: #2c333c;
  display: inline-block;
  font-size: 16px;
  background-color: transparent;
  padding: 8px 25px;
  text-decoration: none;
  text-shadow: none;
  background-clip: padding-box;
  text-align: center;
  font-weight: 400;
  margin: 0px 5px;
  height: 38px;
  outline: none;
  position: relative;
  -webkit-transition: color 0.2s;
  -moz-transition: color 0.2s;
  transition: color 0.2s;
  border-color: #cfcdd4;
}
.button-secondary-inverse.small {
  font-size: 14px;
  padding: 3px 10px;
  height: 25px;
  margin: 8px 6px;
}
.button-secondary-inverse:hover:not(:disabled) {
  box-shadow: none;
  cursor: pointer;
  text-decoration: none;
  color: #76cc2b;
  border: 1px solid #76cc2b;
  background-color: transparent;
}
.button-secondary-inverse:active:not(:disabled) {
  border: 1px solid #76cc2b;
  box-shadow: none;
  text-decoration: none;
  color: #76cc2b;
  background-color: transparent;
}
.button-secondary-inverse:hover {
  color: #76cc2b;
  background-color: transparent;
}
.button-secondary-inverse:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.button-secondary-inverse:first-of-type {
  margin-left: 0;
}
.button-secondary-inverse:last-of-type {
  margin-right: 0;
}

.button-postmark {
  border: 1px solid transparent;
  border-radius: 23px;
  box-shadow: none;
  color: white;
  display: inline-block;
  font-size: 16px;
  background-color: #a2198d;
  padding: 9px 20px;
  text-decoration: none;
  text-shadow: none;
  background-clip: padding-box;
  text-align: center;
  font-weight: 400;
  margin: 0px 5px;
  height: 40px;
  outline: none;
}
.button-postmark.small {
  font-size: 14px;
  padding: 3px 10px;
  height: 27px;
  margin: 8px 6px;
}
.button-postmark:hover:not(:disabled) {
  box-shadow: none;
  cursor: pointer;
  text-decoration: none;
  color: white;
  background-color: #b4219d;
}
.button-postmark:active:not(:disabled) {
  border: 1px solid transparent;
  box-shadow: none;
  text-decoration: none;
  background-color: #861b76;
}
.button-postmark:hover {
  color: white;
  background-color: #b4219d;
}
.button-postmark:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.button-postmark:first-of-type {
  margin-left: 0;
}
.button-postmark:last-of-type {
  margin-right: 0;
}

.button-major {
  border: 1px solid transparent;
  border-radius: 23px;
  box-shadow: none;
  color: white;
  display: inline-block;
  font-size: 16px;
  background-color: #62ae20;
  padding: 9px 20px;
  text-decoration: none;
  text-shadow: none;
  background-clip: padding-box;
  text-align: center;
  font-weight: 400;
  margin: 0px 5px;
  height: 40px;
  outline: none;
  float: left;
  display: block;
  margin-right: 2.35765%;
  width: 23.23176%;
  text-transform: uppercase;
}
.button-major.small {
  font-size: 14px;
  padding: 3px 10px;
  height: 27px;
  margin: 8px 6px;
}
.button-major:hover:not(:disabled) {
  box-shadow: none;
  cursor: pointer;
  text-decoration: none;
  color: white;
  background-color: #6ebf29;
}
.button-major:active:not(:disabled) {
  border: 1px solid transparent;
  box-shadow: none;
  text-decoration: none;
  background-color: #569222;
}
.button-major:hover {
  color: white;
  background-color: #6ebf29;
}
.button-major:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.button-major:first-of-type {
  margin-left: 0;
}
.button-major:last-of-type {
  margin-right: 0;
}
.button-major:last-child {
  margin-right: 0;
}

.button-facebook {
  min-width: 230px;
  border: 1px solid #3b5a9b;
  border-radius: 23px;
  box-shadow: none;
  color: #3b5a9b;
  display: inline-block;
  font-size: 16px;
  background-color: transparent;
  padding: 8px 25px;
  text-decoration: none;
  text-shadow: none;
  background-clip: padding-box;
  text-align: center;
  font-weight: 400;
  margin: 0px 5px;
  height: 38px;
  outline: none;
  position: relative;
  -webkit-transition: color 0.2s;
  -moz-transition: color 0.2s;
  transition: color 0.2s;
  background-image: url("/assets/1464809026/images/facebook/facebook_button_icon.png");
  background-position: right center;
  background-repeat: no-repeat;
  text-transform: none;
}
.button-facebook.small {
  font-size: 14px;
  padding: 3px 10px;
  height: 25px;
  margin: 8px 6px;
}
.button-facebook:hover:not(:disabled) {
  box-shadow: none;
  cursor: pointer;
  text-decoration: none;
  color: #4b6db3;
  border: 1px solid #4b6db3;
  background-color: transparent;
}
.button-facebook:active:not(:disabled) {
  border: 1px solid #4b6db3;
  box-shadow: none;
  text-decoration: none;
  color: #4b6db3;
  background-color: transparent;
}
.button-facebook:hover {
  color: #4b6db3;
  background-color: transparent;
}
.button-facebook:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.button-facebook:first-of-type {
  margin-left: 0;
}
.button-facebook:last-of-type {
  margin-right: 0;
}

.button-twitter {
  min-width: 230px;
  border: 1px solid #00aced;
  border-radius: 23px;
  box-shadow: none;
  color: #00aced;
  display: inline-block;
  font-size: 16px;
  background-color: transparent;
  padding: 8px 25px;
  text-decoration: none;
  text-shadow: none;
  background-clip: padding-box;
  text-align: center;
  font-weight: 400;
  margin: 0px 5px;
  height: 38px;
  outline: none;
  position: relative;
  -webkit-transition: color 0.2s;
  -moz-transition: color 0.2s;
  transition: color 0.2s;
  background-image: url("/assets/1464809026/images/v2/web/twitter.png");
  background-position: 193px center;
  background-repeat: no-repeat;
  text-transform: none;
}
.button-twitter.small {
  font-size: 14px;
  padding: 3px 10px;
  height: 25px;
  margin: 8px 6px;
}
.button-twitter:hover:not(:disabled) {
  box-shadow: none;
  cursor: pointer;
  text-decoration: none;
  color: #1bbdfa;
  border: 1px solid #1bbdfa;
  background-color: transparent;
}
.button-twitter:active:not(:disabled) {
  border: 1px solid #1bbdfa;
  box-shadow: none;
  text-decoration: none;
  color: #1bbdfa;
  background-color: transparent;
}
.button-twitter:hover {
  color: #1bbdfa;
  background-color: transparent;
}
.button-twitter:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.button-twitter:first-of-type {
  margin-left: 0;
}
.button-twitter:last-of-type {
  margin-right: 0;
}

.button-ghost {
  border: 1px solid white;
  border-radius: 23px;
  box-shadow: none;
  color: white;
  display: inline-block;
  font-size: 16px;
  background-color: transparent;
  padding: 8px 25px;
  text-decoration: none;
  text-shadow: none;
  background-clip: padding-box;
  text-align: center;
  font-weight: 400;
  margin: 0px 5px;
  height: 38px;
  outline: none;
  position: relative;
  -webkit-transition: color 0.2s;
  -moz-transition: color 0.2s;
  transition: color 0.2s;
}
.button-ghost.small {
  font-size: 14px;
  padding: 3px 10px;
  height: 25px;
  margin: 8px 6px;
}
.button-ghost:hover:not(:disabled) {
  box-shadow: none;
  cursor: pointer;
  text-decoration: none;
  color: #76cc2b;
  border: 1px solid #76cc2b;
  background-color: transparent;
}
.button-ghost:active:not(:disabled) {
  border: 1px solid #76cc2b;
  box-shadow: none;
  text-decoration: none;
  color: #76cc2b;
  background-color: transparent;
}
.button-ghost:hover {
  color: #76cc2b;
  background-color: transparent;
}
.button-ghost:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.button-ghost:first-of-type {
  margin-left: 0;
}
.button-ghost:last-of-type {
  margin-right: 0;
}

.link-style {
  border: 1px solid #2c333c;
  border-radius: 23px;
  box-shadow: none;
  color: #2c333c;
  display: inline-block;
  font-size: 16px;
  background-color: transparent;
  padding: 8px 25px;
  text-decoration: none;
  text-shadow: none;
  background-clip: padding-box;
  text-align: center;
  font-weight: 400;
  margin: 0px 5px;
  height: 38px;
  outline: none;
  position: relative;
  -webkit-transition: color 0.2s;
  -moz-transition: color 0.2s;
  transition: color 0.2s;
  font-weight: 400;
  font-size: 14px;
  border-color: #cfcdd4;
  padding: 3px 15px;
  height: 25px;
  margin: 8px 6px;
}
.link-style.small {
  font-size: 14px;
  padding: 3px 10px;
  height: 25px;
  margin: 8px 6px;
}
.link-style:hover:not(:disabled) {
  box-shadow: none;
  cursor: pointer;
  text-decoration: none;
  color: #76cc2b;
  border: 1px solid #76cc2b;
  background-color: transparent;
}
.link-style:active:not(:disabled) {
  border: 1px solid #76cc2b;
  box-shadow: none;
  text-decoration: none;
  color: #76cc2b;
  background-color: transparent;
}
.link-style:hover {
  color: #76cc2b;
  background-color: transparent;
}
.link-style:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.link-style:first-of-type {
  margin-left: 0;
}
.link-style:last-of-type {
  margin-right: 0;
}

.segmented-control {
  position: relative;
  display: inline-block;
  border: 1px solid #cfcdd4;
  font-style: normal;
  font-weight: normal;
  text-decoration: none;
  overflow: hidden;
  margin: 0.8em auto;
  border-radius: 20px;
  color: #2c333c;
  -webkit-transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -webkit-transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
  -moz-transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
  transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
  -webkit-tap-highlight-color: transparent;
}
.segmented-control > input {
  position: absolute;
  left: -10000px;
  opacity: 0;
}
.segmented-control > input[type='radio'] ~ label:before {
  opacity: 0;
}
.segmented-control > input[type='radio'] ~ label:hover:before, .segmented-control > input[type='radio'] ~ label:hover:after {
  opacity: 1;
}
.segmented-control > input[type='radio']:checked ~ label:hover:after {
  opacity: 0;
}
.segmented-control > input:disabled:nth-child(1) ~ label:nth-of-type(1) {
  opacity: 0.3;
  cursor: not-allowed;
}
.segmented-control > input:nth-child(1):checked ~ label:nth-of-type(1):after, .segmented-control > input:nth-child(1):checked ~ label:nth-of-type(1):before {
  opacity: 1;
}
.segmented-control > input:nth-child(1):checked ~ label:first-of-type:nth-last-of-type(1):after, .segmented-control > input:nth-child(1):checked ~ label:first-of-type:nth-last-of-type(1):before, .segmented-control > input:nth-child(1):checked ~ label:first-of-type:nth-last-of-type(1) ~ label:after, .segmented-control > input:nth-child(1):checked ~ label:first-of-type:nth-last-of-type(1) ~ label:before {
  left: 0%;
}
.segmented-control > input:nth-child(1):checked ~ label:first-of-type:nth-last-of-type(2):after, .segmented-control > input:nth-child(1):checked ~ label:first-of-type:nth-last-of-type(2):before, .segmented-control > input:nth-child(1):checked ~ label:first-of-type:nth-last-of-type(2) ~ label:after, .segmented-control > input:nth-child(1):checked ~ label:first-of-type:nth-last-of-type(2) ~ label:before {
  left: 0%;
}
.segmented-control > input:nth-child(1):checked ~ label:first-of-type:nth-last-of-type(3):after, .segmented-control > input:nth-child(1):checked ~ label:first-of-type:nth-last-of-type(3):before, .segmented-control > input:nth-child(1):checked ~ label:first-of-type:nth-last-of-type(3) ~ label:after, .segmented-control > input:nth-child(1):checked ~ label:first-of-type:nth-last-of-type(3) ~ label:before {
  left: 0%;
}
.segmented-control > input ~ label:nth-of-type(1):after, .segmented-control > input ~ label:nth-of-type(1):before {
  left: 0%;
}
.segmented-control > input ~ label:nth-of-type(1):after, .segmented-control > input ~ label:nth-of-type(1):before {
  left: 0%;
}
.segmented-control > input ~ label:nth-of-type(1):after, .segmented-control > input ~ label:nth-of-type(1):before {
  left: 0%;
}
.segmented-control > input:disabled:nth-child(2) ~ label:nth-of-type(2) {
  opacity: 0.3;
  cursor: not-allowed;
}
.segmented-control > input:nth-child(2):checked ~ label:nth-of-type(2):after, .segmented-control > input:nth-child(2):checked ~ label:nth-of-type(2):before {
  opacity: 1;
}
.segmented-control > input:nth-child(2):checked ~ label:first-of-type:nth-last-of-type(2):after, .segmented-control > input:nth-child(2):checked ~ label:first-of-type:nth-last-of-type(2):before, .segmented-control > input:nth-child(2):checked ~ label:first-of-type:nth-last-of-type(2) ~ label:after, .segmented-control > input:nth-child(2):checked ~ label:first-of-type:nth-last-of-type(2) ~ label:before {
  left: 50%;
}
.segmented-control > input:nth-child(2):checked ~ label:first-of-type:nth-last-of-type(3):after, .segmented-control > input:nth-child(2):checked ~ label:first-of-type:nth-last-of-type(3):before, .segmented-control > input:nth-child(2):checked ~ label:first-of-type:nth-last-of-type(3) ~ label:after, .segmented-control > input:nth-child(2):checked ~ label:first-of-type:nth-last-of-type(3) ~ label:before {
  left: 33.33333%;
}
.segmented-control > input ~ label:nth-of-type(2):after, .segmented-control > input ~ label:nth-of-type(2):before {
  left: 50%;
}
.segmented-control > input ~ label:nth-of-type(2):after, .segmented-control > input ~ label:nth-of-type(2):before {
  left: 33.33333%;
}
.segmented-control > input:disabled:nth-child(3) ~ label:nth-of-type(3) {
  opacity: 0.3;
  cursor: not-allowed;
}
.segmented-control > input:nth-child(3):checked ~ label:nth-of-type(3):after, .segmented-control > input:nth-child(3):checked ~ label:nth-of-type(3):before {
  opacity: 1;
}
.segmented-control > input:nth-child(3):checked ~ label:first-of-type:nth-last-of-type(3):after, .segmented-control > input:nth-child(3):checked ~ label:first-of-type:nth-last-of-type(3):before, .segmented-control > input:nth-child(3):checked ~ label:first-of-type:nth-last-of-type(3) ~ label:after, .segmented-control > input:nth-child(3):checked ~ label:first-of-type:nth-last-of-type(3) ~ label:before {
  left: 66.66667%;
}
.segmented-control > input ~ label:nth-of-type(3):after, .segmented-control > input ~ label:nth-of-type(3):before {
  left: 66.66667%;
}
.segmented-control > label {
  display: inline-block;
  padding: 0 12px;
  cursor: pointer;
  float: left;
  line-height: 38px;
  font-size: 16px;
  font-style: inherit;
  font-weight: inherit;
  text-decoration: inherit;
  height: 38px;
  -webkit-transition-property: none;
  -moz-transition-property: none;
  transition-property: none;
  -webkit-transition-duration: inherit;
  -moz-transition-duration: inherit;
  transition-duration: inherit;
  -webkit-transition-timing-function: inherit;
  -moz-transition-timing-function: inherit;
  transition-timing-function: inherit;
}
.segmented-control > label:before, .segmented-control > label:after {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.segmented-control > label:after {
  color: white;
  content: attr(data-value);
  text-align: center;
  padding: inherit;
  z-index: 10;
  font-style: inherit;
  text-decoration: inherit;
  font-weight: inherit;
  opacity: 0;
  -webkit-transition-property: opacity, left;
  -moz-transition-property: opacity, left;
  transition-property: opacity, left;
  -webkit-transition-duration: inherit;
  -moz-transition-duration: inherit;
  transition-duration: inherit;
  -webkit-transition-timing-function: inherit;
  -moz-transition-timing-function: inherit;
  transition-timing-function: inherit;
}
.segmented-control > label:after, .segmented-control > label {
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  box-sizing: border-box;
}
.segmented-control > label:before {
  content: "";
  color: inherit;
  background: #62ae20;
  border-radius: 20px;
  -webkit-transition-property: left;
  -moz-transition-property: left;
  transition-property: left;
  -webkit-transition-duration: inherit;
  -moz-transition-duration: inherit;
  transition-duration: inherit;
  -webkit-transition-timing-function: inherit;
  -moz-transition-timing-function: inherit;
  transition-timing-function: inherit;
}
.segmented-control > label:first-of-type:nth-last-of-type(1), .segmented-control > label:first-of-type:nth-last-of-type(1):after, .segmented-control > label:first-of-type:nth-last-of-type(1):before, .segmented-control > label:first-of-type:nth-last-of-type(1) ~ label, .segmented-control > label:first-of-type:nth-last-of-type(1) ~ label:after, .segmented-control > label:first-of-type:nth-last-of-type(1) ~ label:before {
  width: 100%;
}
.segmented-control > label:first-of-type:nth-last-of-type(2), .segmented-control > label:first-of-type:nth-last-of-type(2):after, .segmented-control > label:first-of-type:nth-last-of-type(2):before, .segmented-control > label:first-of-type:nth-last-of-type(2) ~ label, .segmented-control > label:first-of-type:nth-last-of-type(2) ~ label:after, .segmented-control > label:first-of-type:nth-last-of-type(2) ~ label:before {
  width: 50%;
}
.segmented-control > label:first-of-type:nth-last-of-type(3), .segmented-control > label:first-of-type:nth-last-of-type(3):after, .segmented-control > label:first-of-type:nth-last-of-type(3):before, .segmented-control > label:first-of-type:nth-last-of-type(3) ~ label, .segmented-control > label:first-of-type:nth-last-of-type(3) ~ label:after, .segmented-control > label:first-of-type:nth-last-of-type(3) ~ label:before {
  width: 33.33333%;
}
.segmented-control.italic, .segmented-control .italic {
  font-style: italic;
}
.segmented-control.bold, .segmented-control .bold {
  font-weight: bold;
}
.segmented-control.underline, .segmented-control .underline {
  text-decoration: underline;
}
.segmented-control.line-through, .segmented-control .line-through {
  text-decoration: line-through;
}

.nav-tabs {
  position: relative;
  display: inline-block;
  border: 1px solid #cfcdd4;
  font-style: normal;
  font-weight: normal;
  text-decoration: none;
  overflow: hidden;
  margin: 10px auto;
  border-radius: 20px;
  color: #2c333c;
  -webkit-transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -webkit-transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
  -moz-transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
  transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
  -webkit-tap-highlight-color: transparent;
}
.nav-tabs > input {
  position: absolute;
  left: -10000px;
  opacity: 0;
}
.nav-tabs > input[type='radio'] ~ label:before {
  opacity: 0;
}
.nav-tabs > input[type='radio'] ~ label:hover:before, .nav-tabs > input[type='radio'] ~ label:hover:after {
  opacity: 1;
}
.nav-tabs > input[type='radio']:checked ~ label:hover:after {
  opacity: 0;
}
.nav-tabs > input:disabled:nth-child(1) ~ label:nth-of-type(1) {
  opacity: 0.3;
  cursor: not-allowed;
}
.nav-tabs > input:nth-child(1):checked ~ label:nth-of-type(1):after, .nav-tabs > input:nth-child(1):checked ~ label:nth-of-type(1):before {
  opacity: 1;
}
.nav-tabs > input:nth-child(1):checked ~ label:first-of-type:nth-last-of-type(1):after, .nav-tabs > input:nth-child(1):checked ~ label:first-of-type:nth-last-of-type(1):before, .nav-tabs > input:nth-child(1):checked ~ label:first-of-type:nth-last-of-type(1) ~ label:after, .nav-tabs > input:nth-child(1):checked ~ label:first-of-type:nth-last-of-type(1) ~ label:before {
  left: 0%;
}
.nav-tabs > input:nth-child(1):checked ~ label:first-of-type:nth-last-of-type(2):after, .nav-tabs > input:nth-child(1):checked ~ label:first-of-type:nth-last-of-type(2):before, .nav-tabs > input:nth-child(1):checked ~ label:first-of-type:nth-last-of-type(2) ~ label:after, .nav-tabs > input:nth-child(1):checked ~ label:first-of-type:nth-last-of-type(2) ~ label:before {
  left: 0%;
}
.nav-tabs > input:nth-child(1):checked ~ label:first-of-type:nth-last-of-type(3):after, .nav-tabs > input:nth-child(1):checked ~ label:first-of-type:nth-last-of-type(3):before, .nav-tabs > input:nth-child(1):checked ~ label:first-of-type:nth-last-of-type(3) ~ label:after, .nav-tabs > input:nth-child(1):checked ~ label:first-of-type:nth-last-of-type(3) ~ label:before {
  left: 0%;
}
.nav-tabs > input ~ label:nth-of-type(1):after, .nav-tabs > input ~ label:nth-of-type(1):before {
  z-index: 0;
  left: 0%;
}
.nav-tabs > input ~ label:nth-of-type(1):after, .nav-tabs > input ~ label:nth-of-type(1):before {
  z-index: 0;
  left: 0%;
}
.nav-tabs > input ~ label:nth-of-type(1):after, .nav-tabs > input ~ label:nth-of-type(1):before {
  z-index: 0;
  left: 0%;
}
.nav-tabs > input:disabled:nth-child(2) ~ label:nth-of-type(2) {
  opacity: 0.3;
  cursor: not-allowed;
}
.nav-tabs > input:nth-child(2):checked ~ label:nth-of-type(2):after, .nav-tabs > input:nth-child(2):checked ~ label:nth-of-type(2):before {
  opacity: 1;
}
.nav-tabs > input:nth-child(2):checked ~ label:first-of-type:nth-last-of-type(2):after, .nav-tabs > input:nth-child(2):checked ~ label:first-of-type:nth-last-of-type(2):before, .nav-tabs > input:nth-child(2):checked ~ label:first-of-type:nth-last-of-type(2) ~ label:after, .nav-tabs > input:nth-child(2):checked ~ label:first-of-type:nth-last-of-type(2) ~ label:before {
  left: 50%;
}
.nav-tabs > input:nth-child(2):checked ~ label:first-of-type:nth-last-of-type(3):after, .nav-tabs > input:nth-child(2):checked ~ label:first-of-type:nth-last-of-type(3):before, .nav-tabs > input:nth-child(2):checked ~ label:first-of-type:nth-last-of-type(3) ~ label:after, .nav-tabs > input:nth-child(2):checked ~ label:first-of-type:nth-last-of-type(3) ~ label:before {
  left: 33.33333%;
}
.nav-tabs > input ~ label:nth-of-type(2):after, .nav-tabs > input ~ label:nth-of-type(2):before {
  z-index: 0;
  left: 50%;
}
.nav-tabs > input ~ label:nth-of-type(2):after, .nav-tabs > input ~ label:nth-of-type(2):before {
  z-index: 0;
  left: 33.33333%;
}
.nav-tabs > input:disabled:nth-child(3) ~ label:nth-of-type(3) {
  opacity: 0.3;
  cursor: not-allowed;
}
.nav-tabs > input:nth-child(3):checked ~ label:nth-of-type(3):after, .nav-tabs > input:nth-child(3):checked ~ label:nth-of-type(3):before {
  opacity: 1;
}
.nav-tabs > input:nth-child(3):checked ~ label:first-of-type:nth-last-of-type(3):after, .nav-tabs > input:nth-child(3):checked ~ label:first-of-type:nth-last-of-type(3):before, .nav-tabs > input:nth-child(3):checked ~ label:first-of-type:nth-last-of-type(3) ~ label:after, .nav-tabs > input:nth-child(3):checked ~ label:first-of-type:nth-last-of-type(3) ~ label:before {
  left: 66.66667%;
}
.nav-tabs > input ~ label:nth-of-type(3):after, .nav-tabs > input ~ label:nth-of-type(3):before {
  z-index: 0;
  left: 66.66667%;
}
.nav-tabs > label {
  display: inline-block;
  padding: 0 12px;
  cursor: pointer;
  float: left;
  line-height: 26px;
  font-size: 14px;
  font-style: inherit;
  font-weight: inherit;
  text-decoration: inherit;
  height: 26px !important;
  -webkit-transition-property: none;
  -moz-transition-property: none;
  transition-property: none;
  -webkit-transition-duration: inherit;
  -moz-transition-duration: inherit;
  transition-duration: inherit;
  -webkit-transition-timing-function: inherit;
  -moz-transition-timing-function: inherit;
  transition-timing-function: inherit;
}
.nav-tabs > label:before, .nav-tabs > label:after {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.nav-tabs > label:after {
  color: white;
  content: attr(data-value);
  text-align: center;
  padding: inherit;
  z-index: 10;
  font-style: inherit;
  text-decoration: inherit;
  font-weight: inherit;
  opacity: 0;
  -webkit-transition-property: opacity, left;
  -moz-transition-property: opacity, left;
  transition-property: opacity, left;
  -webkit-transition-duration: inherit;
  -moz-transition-duration: inherit;
  transition-duration: inherit;
  -webkit-transition-timing-function: inherit;
  -moz-transition-timing-function: inherit;
  transition-timing-function: inherit;
}
.nav-tabs > label:after, .nav-tabs > label {
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  box-sizing: border-box;
}
.nav-tabs > label:before {
  content: "";
  color: inherit;
  background: #9ea0ab;
  border-radius: 20px;
  -webkit-transition-property: left;
  -moz-transition-property: left;
  transition-property: left;
  -webkit-transition-duration: inherit;
  -moz-transition-duration: inherit;
  transition-duration: inherit;
  -webkit-transition-timing-function: inherit;
  -moz-transition-timing-function: inherit;
  transition-timing-function: inherit;
}
.nav-tabs > label:first-of-type:nth-last-of-type(1), .nav-tabs > label:first-of-type:nth-last-of-type(1):after, .nav-tabs > label:first-of-type:nth-last-of-type(1):before, .nav-tabs > label:first-of-type:nth-last-of-type(1) ~ label, .nav-tabs > label:first-of-type:nth-last-of-type(1) ~ label:after, .nav-tabs > label:first-of-type:nth-last-of-type(1) ~ label:before {
  width: 100%;
}
.nav-tabs > label:first-of-type:nth-last-of-type(2), .nav-tabs > label:first-of-type:nth-last-of-type(2):after, .nav-tabs > label:first-of-type:nth-last-of-type(2):before, .nav-tabs > label:first-of-type:nth-last-of-type(2) ~ label, .nav-tabs > label:first-of-type:nth-last-of-type(2) ~ label:after, .nav-tabs > label:first-of-type:nth-last-of-type(2) ~ label:before {
  width: 50%;
}
.nav-tabs > label:first-of-type:nth-last-of-type(3), .nav-tabs > label:first-of-type:nth-last-of-type(3):after, .nav-tabs > label:first-of-type:nth-last-of-type(3):before, .nav-tabs > label:first-of-type:nth-last-of-type(3) ~ label, .nav-tabs > label:first-of-type:nth-last-of-type(3) ~ label:after, .nav-tabs > label:first-of-type:nth-last-of-type(3) ~ label:before {
  width: 33.33333%;
}
.nav-tabs.italic, .nav-tabs .italic {
  font-style: italic;
}
.nav-tabs.bold, .nav-tabs .bold {
  font-weight: bold;
}
.nav-tabs.underline, .nav-tabs .underline {
  text-decoration: underline;
}
.nav-tabs.line-through, .nav-tabs .line-through {
  text-decoration: line-through;
}

.button-group {
  display: inline-block;
  border: 1px solid #cfcdd4;
  font-style: normal;
  text-decoration: none;
  overflow: hidden;
  margin: 10px auto;
  border-radius: 20px;
  box-shadow: none;
  background-color: white;
  padding: 0 6px;
  background-clip: padding-box;
  text-align: center;
  font-weight: 400;
  height: 27px;
  outline: none;
}
.button-group::after {
  clear: both;
  content: "";
  display: table;
}
.button-group > li.small {
  color: #2c333c;
  border: none;
  float: left;
  border-radius: 0;
  padding: 3px 10px;
  line-height: 27px;
  margin: 0;
}
.button-group > li.small:not(:last-child) {
  border-right: 1px solid #cfcdd4;
}
.button-group > li.small:hover {
  cursor: pointer;
  border: none;
}
.button-group > li.small:hover:not(:last-child) {
  border-right: 1px solid #cfcdd4;
}

/* common colors used for yes/no/maybe states on invitations */
/* common colors used for yes/no/maybe states on invitations */
/* Colors */
/* Colors */
/* below this is new */
/* below this is new */
/* Grid settings */
/* Grid settings */
/* Breakpoints */
/* Breakpoints */
/* Minus 1 px to active on "less than 1020px" etc */
/* Minus 1 px to active on "less than 1020px" etc */
/* Type */
/* Type */
/* Layout */
/* Layout */
form input[type=date], form input[type=time], form input[type=date]::-webkit-inner-spin-button, form input[type=time]::-webkit-inner-spin-button, form input[type=date]::-webkit-outer-spin-button, form input[type=time]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
}
form input[type=date]::-webkit-calendar-picker-indicator {
  display: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
}
form input[type=search] {
  box-shadow: none;
  background-color: #fff;
  box-sizing: border-box;
  padding-right: 33px;
}
form .search-holder {
  position: relative;
  margin-top: 15px;
}
form .search-holder span.search-icon {
  background-repeat: no-repeat;
  background-position: right center;
  display: inline-block;
  position: absolute;
  right: 15px;
  top: 21px;
  width: 17px;
  height: 17px;
}
form .error-message {
  border: 1px solid #eccdcd;
  background: #ffebeb;
  color: #ff394a;
  padding: 5px;
  margin: 5px 0;
}
form .error-message span {
  color: inherit;
}
form .error-message.hidden {
  display: none;
}
form .divider {
  float: left;
  display: block;
  margin-right: 2.35765%;
  width: 100%;
  text-align: center;
  color: #666e76;
  text-transform: uppercase;
  letter-spacing: 1px;
  padding: 0 5px;
  margin: 10px 0;
  position: relative;
}
form .divider:last-child {
  margin-right: 0;
}
form .divider:before {
  content: "";
  border-bottom: 1px solid #d6d4db;
  height: 0;
  width: 44%;
  position: absolute;
  left: 0;
  top: 7px;
}
form .divider:after {
  content: "";
  border-bottom: 1px solid #d6d4db;
  height: 0;
  width: 44%;
  position: absolute;
  right: 0;
  top: 7px;
}
form .checkbox {
  width: 100%;
  padding: 5px 0;
}
form .checkbox input {
  width: auto;
}

form label {
  font-size: 11px;
}
form input {
  font-size: 14px;
  padding: 7px;
  box-shadow: none;
  background: #fff;
  margin: 0;
  width: 100%;
}
form input::-webkit-input-placeholder {
  font-size: 14px;
  color: #9ea0ab;
}
form input::-moz-placeholder {
  font-size: 14px;
  color: #9ea0ab;
}
form input:-moz-placeholder {
  font-size: 14px;
  color: #9ea0ab;
}
form input:-ms-input-placeholder {
  font-size: 14px;
  color: #9ea0ab;
}
form input[type="color"], form input[type="date"], form input[type="datetime"], form input[type="datetime-local"], form input[type="email"], form input[type="month"], form input[type="number"], form input[type="password"], form input[type="search"], form input[type="tel"], form input[type="text"], form input[type="time"], form input[type="url"], form input[type="week"], form textarea {
  text-align: left;
  border: 1px solid #d6d4db;
  height: 35px;
  padding: 7px;
  border-radius: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
}
form .error-message {
  border: 1px solid #eccdcd;
  background: #ffebeb;
  color: #ff0000;
  padding: 7px;
  margin: 5px 0;
  float: left;
  display: block;
  margin-right: 2.35765%;
  width: 100%;
}
form .error-message:last-child {
  margin-right: 0;
}
form .divider {
  float: left;
  display: block;
  margin-right: 2.35765%;
  width: 100%;
  text-align: center;
  color: #666e76;
  text-transform: uppercase;
  letter-spacing: 1px;
  padding: 0 5px;
  margin: 10px 0;
  position: relative;
}
form .divider:last-child {
  margin-right: 0;
}
form .divider:before {
  content: "";
  border-bottom: 1px solid #d6d4db;
  height: 0;
  width: 44%;
  position: absolute;
  left: 0;
  top: 7px;
}
form .divider:after {
  content: "";
  border-bottom: 1px solid #d6d4db;
  height: 0;
  width: 44%;
  position: absolute;
  right: 0;
  top: 7px;
}

.select-holder {
  height: 35px;
  border: 1px solid #d6d4db;
  position: relative;
  border-radius: 0;
  border: 1px solid #d6d4db;
  margin: 0;
}
.select-holder span {
  text-align: center;
  width: 1em;
  z-index: -1;
  border-radius: 2px;
}
.select-holder select {
  position: relative;
  width: 100%;
  height: 33px;
  padding: 5px 9px 5px 10px;
  border-radius: 2px;
  color: #000;
  font-size: 14px;
  background: #fff;
  box-shadow: none;
  border: 0 none;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  -moz-appearance: none;
}
.select-holder select.unselected {
  color: #9ea0ab;
}
.select-holder i, .select-holder span {
  pointer-events: none;
  display: block;
  position: absolute;
  right: 10px;
  top: 10px;
}
.select-holder label + select + span {
  right: 3px;
  top: 7px;
  z-index: 2;
}
.select-holder span {
  z-index: 2;
  font-family: "evite";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: auto;
  text-align: center;
}
.select-holder span:before {
  content: "";
  font-size: 6px;
  color: #9ea0ab;
}
.select-holder label + select + i, .select-holder label + select + span {
  top: 35px;
}

.select-holder + div {
  float: left;
  display: block;
  margin-right: 2.35765%;
  width: 48.82117%;
  margin-right: 0;
}
.select-holder + div:last-child {
  margin-right: 0;
}

select {
  position: relative;
  width: 100%;
  height: 48px;
  padding: 14px;
  border-radius: 0;
  color: #666e76;
  font-size: 14px;
  background: #fff;
  box-shadow: none;
  border: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
}

:-moz-any(.select-holder):before {
  background-color: #fff;
  /* this is necessary for overcome the caret default browser */
  pointer-events: none;
  /* https://developer.mozilla.org/en-US/docs/Web/CSS/pointer-events */
  z-index: 1;
  /* this is necessary for overcome the pseudo element */
}

textarea {
  width: 100%;
  height: 130px;
  padding: 7px;
  border-radius: 0;
  margin: 5px 0;
  font-size: 14px;
  background: #fff;
  box-shadow: none;
  border: 1px solid #d6d4db;
  resize: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
}
textarea::-webkit-input-placeholder {
  font-size: 14px;
  color: #9ea0ab;
}
textarea::-moz-placeholder {
  font-size: 14px;
  color: #9ea0ab;
}
textarea:-moz-placeholder {
  font-size: 14px;
  color: #9ea0ab;
}
textarea:-ms-input-placeholder {
  font-size: 14px;
  color: #9ea0ab;
}

#foo:checked::before, input[type="radio"], input[type="checkbox"] {
  width: auto;
  position: absolute;
  clip: rect(0, 0, 0, 0);
  clip: rect(0 0 0 0);
}

#foo:checked:hover, input[type="checkbox"]:hover {
  cursor: pointer;
}

#foo:checked, input[type="radio"] + label {
  width: 100%;
  height: 30px;
  display: block;
}
#foo:checked span, input[type="radio"] + label span {
  background-image: url("/assets/1464809026/images/v2/web/radio.png");
  background-size: 20px;
  background-position: 0 -21px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  float: left;
  width: 25px;
  height: 20px;
}

input[type="radio"]:checked + label span {
  background-image: url("/assets/1464809026/images/v2/web/radio.png");
  background-size: 20px;
  background-position: 0 0;
}

#foo:checked, input[type="checkbox"] + label {
  width: 100%;
  height: 20px;
  display: block;
  font-size: 12px;
}
#foo:checked span, input[type="checkbox"] + label span {
  background-image: url("/assets/1464809026/images/v2/web/check.png");
  background-position: 0 -21px;
  background-repeat: no-repeat;
  background-size: 20px 83px;
  overflow: hidden;
  display: block;
  float: left;
  width: 30px;
  height: 20px;
  margin-top: -2px;
}

#foo:checked span + span, input[type="checkbox"] + label span + span {
  float: none;
  width: auto;
  height: auto;
  background: none;
  display: inline;
  margin: 0;
}

input[type="checkbox"] {
  width: auto;
}
input[type="checkbox"]:disabled + label span {
  background-position: 0 -42px;
}

input[type="checkbox"]:checked:disabled + label span {
  background-position: 0 -63px;
}

input[type="checkbox"]:checked + label span {
  background-position: 0 0;
}

.input-row {
  padding: 5px 0;
}

.form-field {
  position: relative;
  padding: 5px 0;
}
.form-field.inline {
  display: inline-block;
  width: auto;
}
.form-field .inline {
  display: inline-block;
  width: auto;
}
.form-field .inline label {
  display: inline-block;
  width: auto;
}
.form-field label {
  display: block;
  line-height: 15px;
  vertical-align: middle;
  color: #2c333c;
}
.form-field.form-inline label {
  display: inline-block;
  width: 90px;
  margin: auto 3px;
  text-align: right;
}
.form-field.form-inline.checkbox label {
  width: 100%;
  margin: 0;
  text-align: left;
}
.form-field input, .form-field textarea {
  vertical-align: middle;
}
.form-field input:-moz-placeholder {
  font-family: "Lato", Arial, sans-serif;
  color: #ccc;
}
.form-field textarea:-moz-placeholder {
  font-family: "Lato", Arial, sans-serif;
  color: #ccc;
}
.form-field input::-webkit-input-placeholder {
  font-family: "Lato", Arial, sans-serif;
  color: #ccc;
}
.form-field textarea::-webkit-input-placeholder {
  font-family: "Lato", Arial, sans-serif;
  color: #ccc;
}
.form-field select[disabled] {
  background: #eee;
  color: #9ea0ab;
}
.form-field input:focus, .form-field textarea:focus {
  border-color: #9ea0ab;
}
.form-field .help-block {
  display: block;
  margin: 5px 0 5px 120px;
  font-size: 11px;
  color: #9ea0ab;
}
.form-field .help-inline {
  display: inline-block;
}
.form-field ul.errorlist {
  margin: 0;
  padding: 0;
}
.form-field ul.errorlist li {
  font-size: 12px !important;
  display: block;
  padding: 4px 5px 4px 25px;
  margin: 0 0 3px 0;
  border: 1px solid #eccdcd;
  background: #ffebeb;
  color: #ff0000;
}
.form-field ul.errorlist li a {
  color: white;
  text-decoration: underline;
}

div.form-errors {
  color: #FBFBFB;
  font-weight: 700;
  background-color: #ffa500;
  padding: 14px;
  margin-bottom: 20px;
  border: 1px #ccc;
}
div.form-errors p {
  font-size: 15px;
}
div.form-errors ul {
  padding: 1em 1em 0 1em;
}
div.form-errors li {
  list-style: disc;
  padding: none;
  margin: 0 0 1em 0;
}

.form-checkbox label:hover {
  cursor: pointer;
}

.yes-no-toggle {
  font-size: 14px;
  display: inline-block;
  border: 1px solid #ddd;
  border-radius: 23px;
  position: relative;
  height: 36px;
}
.yes-no-toggle:hover {
  cursor: pointer;
}
.yes-no-toggle input {
  left: 0;
  margin: 0;
  opacity: 0;
  padding: 0;
  position: absolute;
  z-index: 3;
  width: 100%;
  height: 36px !important;
  /* IE */
  zoom: 1;
  filter: alpha(opacity=0);
}
.yes-no-toggle input:checked {
  z-index: 0;
}
.yes-no-toggle input:checked ~ .switch {
  left: 0;
}
.yes-no-toggle input:checked + label {
  color: #fff !important;
}
.yes-no-toggle input ~ :checked ~ .switch {
  left: 50%;
}
.yes-no-toggle label {
  font-size: 14px !important;
  display: inline !important;
  position: relative;
  top: 0;
  z-index: 2;
  font-family: Lato, Arial, sans-serif;
  padding: 0 18px;
  line-height: 36px !important;
}
.yes-no-toggle label:hover {
  cursor: pointer;
}
.yes-no-toggle .switch {
  background: #62ae20;
  display: inline-block;
  float: left;
  position: absolute;
  z-index: 1;
  width: 50%;
  top: 0;
  border-radius: 23px;
  line-height: 36px;
}

textarea.legal {
  vertical-align: top;
  height: 80px;
}

body.modal {
  min-width: 382px;
  height: auto;
  border: 1px solid #ddd;
}
body.modal > iframe {
  display: none;
}

a.close-modal {
  display: block;
  position: absolute;
  top: 5px;
  right: 5px;
  width: 25px;
  height: 25px;
}

.modal-header {
  height: 65px;
  background: #fff;
  text-align: center;
  padding: 8px 0;
}
.modal-header h1 {
  margin: 0 0;
}

.close_window {
  font-size: 25px;
  background: #fff;
  text-align: right;
  padding: 2px 10px;
}
.close_window a {
  color: #000000;
}

.modal-message {
  padding: 0 21px;
  background: #fbfbfb;
  height: 40px;
  line-height: 40px;
  text-align: center;
}

.modal-body {
  width: 100%;
  padding: 0 40px 20px;
  background: #fff;
  overflow: auto;
  zoom: 1;
}
.modal-body p, .modal-body .success_message {
  line-height: 17px;
  text-align: center;
  color: #666e76;
}
.modal-body .form-field.inline {
  width: 100%;
}
.modal-body .form-field.inline .select-holder {
  float: left;
  display: block;
  margin-right: 2.35765%;
  width: 48.82117%;
}
.modal-body .form-field.inline .select-holder:last-child {
  margin-right: 0;
}
.modal-body .form-field.inline .form-field {
  float: left;
  display: block;
  margin-right: 2.35765%;
  width: 48.82117%;
  margin-right: 0;
  padding: 0;
}
.modal-body .form-field.inline .form-field:last-child {
  margin-right: 0;
}
.modal-body input {
  width: 100%;
}

/* common validation error messages */
.error_message {
  display: none;
  clear: both;
  margin: 5px 0;
  padding: 5px;
  background: #ffebeb;
  color: #e50000;
  line-height: 1.3em;
  font-weight: 400;
  text-align: center;
}
.error_message span.error {
  display: block;
}

body.warning p {
  margin-left: 80px;
  text-align: left;
  padding: -10px 11px 12px 11px;
}
body.warning p + p {
  padding: 11px 11px 12px 11px;
}

.modal-footer {
  height: 70px;
  padding: 0 40px;
  background: white;
  text-align: center;
}
.modal-footer > button, .modal-footer a {
  min-width: 120px;
  float: none;
  display: inline-block;
}
.modal-footer > button:nth-child(2), .modal-footer a:nth-child(2) {
  margin-right: 0;
}
.modal-footer > button:nth-child(2):first-of-type, .modal-footer a:nth-child(2):first-of-type {
  display: inline-block;
  float: none;
}
.modal-footer .buttons {
  min-width: 300px;
  max-width: 520px;
  position: relative;
  margin: 0 auto;
}
.modal-footer .buttons button, .modal-footer .buttons a {
  min-width: 120px;
}

body.page-login {
  width: 390px;
}
body.page-login #facebook_login {
  text-align: center;
  margin-bottom: 15px;
  padding-bottom: 15px;
  border-bottom: 1px solid #e3e3e3;
}
body.page-login #facebook_login .btn_facebook {
  margin: 10px 0 5px;
}
body.page-login p.forgot_password {
  text-align: center;
  margin-top: 10px;
  font-size: 11px;
}
body.page-login .form-field {
  position: relative;
  width: 100%;
}
body.page-login .form-field input {
  width: 100%;
}
body.page-login .form-field.rememberMe {
  font-size: 11px;
  /* for ie compatibility, the height must be set to whatever */
  /* size IE decides to draw the checkbox at */
}

body.recaptcha {
  width: 525px;
  height: 375px !important;
  background: #fff;
}
body.recaptcha .form-field {
  margin: 3px 0;
}
body.recaptcha .form-field label {
  width: 190px;
}
body.recaptcha .form-field input {
  width: 80px;
}
body.recaptcha #recaptcha_area {
  padding-top: 17px;
  max-height: 130px;
}
body.recaptcha #recaptcha_image {
  box-sizing: content-box;
}
body.recaptcha #recaptcha_area * {
  box-sizing: content-box;
}

body.solvecaptcha {
  width: 410px;
  min-height: 420px;
}
body.solvecaptcha #adcopy-outer #adcopy_response {
  height: auto;
}
body.solvecaptcha #adcopy-puzzle-image {
  margin: 0 auto;
}
body.solvecaptcha .form-field {
  margin: 3px 0;
}
body.solvecaptcha .form-field label {
  width: 190px;
}
body.solvecaptcha .form-field input {
  width: 80px;
}
body.solvecaptcha #recaptcha_area {
  padding-top: 17px;
  max-height: 130px;
}
body.solvecaptcha #recaptcha_image {
  box-sizing: content-box;
}
body.solvecaptcha #recaptcha_area * {
  box-sizing: content-box;
}

body.modal-register {
  width: 800px;
  background: #fff;
}
body.modal-register .modal-message {
  line-height: 13px;
  height: 65px;
  padding: 10px 40px 0;
  margin-bottom: 20px;
}
body.modal-register .modal-message .pull-right {
  margin-top: 7px;
}
body.modal-register .form-field {
  clear: both;
  padding: 5px 0;
  width: 100%;
}
body.modal-register .form-field label {
  text-align: left;
  width: 315px;
  height: 50px;
  margin: 0;
  font-size: 11px;
  float: left;
  line-height: 20px;
}
body.modal-register .form-field input {
  line-height: 1;
  font-size: 14px;
  padding: 4px 15px;
  width: 100%;
}
body.modal-register .form-field input[type="checkbox"] {
  background: none repeat scroll 0 0 transparent;
  float: none;
  margin-right: 5px;
  width: auto;
}
body.modal-register p {
  margin: 20px 0;
}
body.modal-register select {
  font-size: 14px;
  padding: 3px 2px;
}
body.modal-register .primary {
  float: left;
  width: 360px;
  padding-right: 20px;
}
body.modal-register .secondary {
  float: right;
  width: 360px;
  padding-left: 20px;
}
body.modal-register.modal_registration_profile .primary {
  border: none;
  width: 250px;
}
body.modal-register .birthday select, body.modal-register .gender select {
  width: 106px;
}
body.modal-register .birthday select#id_birth_day, body.modal-register .birthday select#id_birth_year {
  width: 70px;
  margin-left: 5px;
}
body.modal-register .country {
  width: 150px;
  margin-right: 10px;
  float: left;
}
body.modal-register .country .select-holder {
  width: 100%;
}
body.modal-register .zipCode {
  clear: none;
  float: left;
  width: 140px;
}
body.modal-register .zipCode input {
  width: 140px;
}
body.modal-register .password p {
  clear: both;
  text-align: left;
  color: #999;
  line-height: 17px;
  font-size: 10px;
}
body.modal-register div.remember_me, body.modal-register div.emailOptIn {
  clear: none;
  float: left;
  display: inline;
  margin: 0;
  height: 50px;
  width: 315px;
}
body.modal-register div.remember_me label, body.modal-register div.emailOptIn label {
  float: none;
  font-size: 11px;
  line-height: 15px;
  text-align: left;
  display: inline;
}
body.modal-register div.remember_me input, body.modal-register div.emailOptIn input {
  float: left;
  border: 0;
}
body.modal-register p.terms {
  float: left;
  margin-top: 0;
  width: 100%;
  line-height: 15px;
  text-align: left;
  clear: both;
  padding: 8px 0;
  font-size: 11px;
  color: #ccc;
}
body.modal-register p.terms a {
  color: #999;
}
body.modal-register .modal_message {
  text-align: left;
}
body.modal-register #facebook_account_auth {
  margin-top: 0;
}
body.modal-register #facebook_account_auth div.loader {
  position: absolute;
  right: 149px;
  top: 6px;
  width: 50px;
}
body.modal-register .gender {
  width: 100%;
}
body.modal-register .gender > label {
  width: 90px;
  margin: 7px 10px 3px 0;
  vertical-align: middle;
  line-height: 12px;
}
body.modal-register .gender ul {
  margin: 0;
  float: left;
  list-style: none;
}
body.modal-register .gender ul li {
  margin: 3px 10px 3px 0;
  width: 75px;
  float: left;
}
body.modal-register .gender label {
  height: 20px;
  width: auto;
}
body.modal-register .gender input {
  width: auto;
  margin-right: 5px;
  vertical-align: middle;
}
body.modal-register .form-field label {
  font-size: 11px;
}
body.modal-register .column {
  float: left;
  margin-right: 20px;
  padding-right: 20px;
  border-right: 1px solid #eee;
}
body.modal-register .column:last-child {
  margin-right: 0;
  padding-right: 0;
  border-right: 0;
}
body.modal-register .pull-left {
  float: left;
}
body.modal-register .pull-right {
  float: right;
}

body.upload_main_image {
  width: 470px;
  overflow-x: hidden;
}
body.upload_main_image div.photo_wrap {
  background: url("/assets/1464809026/images/bg_uploaded_image.png") repeat scroll 0 0 transparent;
  border: 1px solid #E6E6E6;
  border-radius: 5px 5px 5px 5px;
  height: 332px;
  padding: 5px;
  position: relative;
  text-align: center;
  width: 372px;
}
body.upload_main_image .browse {
  margin: 10px 0;
  text-align: center;
}
body.upload_main_image .browse a {
  cursor: pointer;
  display: block;
  margin: 0 auto;
  overflow: hidden;
  position: relative;
  width: 60px;
}
body.upload_main_image .browse #image_input {
  cursor: pointer;
  height: 100%;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  position: absolute;
  right: 0;
  width: auto;
}
body.upload_main_image p.note {
  color: #CCCCCC;
  font-size: 11px;
  padding: 10px 0;
  text-align: center;
}
body.upload_main_image #mainimage {
  max-width: 360px;
  max-height: 320px;
  overflow: hidden;
}
body.upload_main_image div.loader {
  height: 266px;
  background-position: center center;
}

body.dialog {
  width: 480px;
}
body.dialog .modal-body .message-icon {
  float: left;
  padding-right: 20px;
}
body.dialog .modal-body .message {
  white-space: pre-line;
}

body.captcha {
  width: 505px;
}
body.captcha .form-field.form-inline {
  margin: 0;
}
body.captcha .form-field.form-inline label {
  width: 215px;
  display: inline-block;
  text-align: right;
  font-weight: bold;
}
body.captcha .form-field.form-inline input {
  width: 80px;
}
body.captcha #phone_number {
  width: 132px;
  margin-left: 5px;
}

body.verify {
  width: 505px;
}

h1 {
  font-size: 30px;
  font-weight: 300;
  color: #2c333c;
}

h2 {
  margin: 20px 0 30px;
  font-size: 14px;
  font-weight: 400;
  color: #2c333c;
}

h3 {
  font-size: 14px;
}

h4 {
  font-size: 11px;
  margin: 13px 0;
}

a {
  text-decoration: none;
  color: #4DB8EB;
  cursor: pointer;
}
a:hover {
  color: #c0e6f8;
  text-decoration: underline;
}

li > a, a.ui-link {
  text-decoration: none;
  color: #2c333c;
  cursor: pointer;
  -webkit-transition: color 0.2s;
  -moz-transition: color 0.2s;
  transition: color 0.2s;
}
li > a:hover, a.ui-link:hover {
  color: #62ae20;
  text-decoration: none;
}

p {
  margin: 3px 0;
}

@font-face {
  font-family: "evite";
  font-style: normal;
  font-weight: normal;
  src: url("/assets/1464809026/fonts/evite/evite.eot?#iefix") format("embedded-opentype"), url("/assets/1464809026/fonts/evite/evite.woff2") format("woff2"), url("/assets/1464809026/fonts/evite/evite.woff") format("woff"), url("/assets/1464809026/fonts/evite/evite.ttf") format("truetype"), url("/assets/1464809026/fonts/evite/evite.svg#evite") format("svg");
}
[class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: "evite";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: .2em;
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}

.icon-tick:before {
  content: '\e800';
}

/* '' */
.icon-picture:before {
  content: '\e801';
}

/* '' */
.icon-tick-2:before {
  content: '\e802';
}

/* '' */
.icon-facebook:before {
  content: '\e803';
}

/* '' */
.icon-comment:before {
  content: '\e804';
}

/* '' */
.icon-download:before {
  content: '\e805';
}

/* '' */
.icon-twitter:before {
  content: '\e806';
}

/* '' */
.icon-pinterest:before {
  content: '\e807';
}

/* '' */
.icon-share:before {
  content: '\e808';
}

/* '' */
.icon-heart:before {
  content: '\e809';
}

/* '' */
.icon-link:before {
  content: '\e80a';
}

/* '' */
.icon-cancel:before {
  content: '\e80b';
}

/* '' */
.icon-arrow-left:before {
  content: '\e80c';
}

/* '' */
.icon-arrow-right:before {
  content: '\e80d';
}

/* '' */
.icon-print:before {
  content: '\e80e';
}

/* '' */
.icon-popup:before {
  content: '\e80f';
}

/* '' */
.icon-th-large:before {
  content: '\e810';
}

/* '' */
.icon-th:before {
  content: '\e811';
}

/* '' */
.icon-left-circled:before {
  content: '\e812';
}

/* '' */
.icon-right-circled:before {
  content: '\e813';
}

/* '' */
.icon-filter:before {
  content: '\e814';
}

/* '' */
.icon-x:before {
  content: '\e815';
}

/* '' */
.icon-edit:before {
  content: '\e816';
}

/* '' */
.icon-edit_event:before {
  content: '\e817';
}

/* '' */
.icon-check:before {
  content: '\e818';
}

/* '' */
.icon-change_design:before {
  content: '\e819';
}

/* '' */
.icon-arrow:before {
  content: '\e81a';
}

/* '' */
.icon-evite_logo:before {
  content: '\e81b';
}

/* '' */
.icon-view_invitation:before {
  content: '\e81c';
}

/* '' */
.icon-search:before {
  content: '\e81d';
}

/* '' */
.icon-plus_icon:before {
  content: '\e81e';
}

/* '' */
.icon-message_guests:before {
  content: '\e81f';
}

/* '' */
.icon-kids:before {
  content: '\e820';
}

/* '' */
.icon-facebook-1:before {
  content: '\e821';
}

/* '' */
.icon-adult:before {
  content: '\e822';
}

/* '' */
.icon-adult:before {
  font-size: 17px;
  width: 6px;
  color: #9ea0ab;
}

.icon-kids:before {
  font-size: 15px;
  width: 6px;
  color: #9ea0ab;
}

.icon-message_guests:before {
  font-size: 17px;
  width: auto;
  color: #9ea0ab;
}

.icon-plus_icon:before {
  font-size: 17px;
  width: auto;
  color: #9ea0ab;
}

.icon-search:before {
  font-size: 16px;
  color: #666;
  width: auto;
}

.icon-view_invitation:before {
  font-size: 16px;
  width: auto;
  color: #9ea0ab;
}

.icon-x:before {
  font-size: 9px;
  width: auto;
  color: #9ea0ab;
}

.icon-evite_logo:before {
  width: auto;
  color: #9ea0ab;
}

.icon-arrow:before {
  font-size: 6px;
  width: auto;
  color: #9ea0ab;
}

.icon-change_design:before {
  width: auto;
  color: #9ea0ab;
}

.icon-check:before {
  width: auto;
  color: #9ea0ab;
}

.icon-edit_event:before {
  font-size: 20px;
  width: auto;
  color: #9ea0ab;
}

.icon-edit:before {
  font-size: 14px;
  width: auto;
  color: #9ea0ab;
}

.loading-large {
  background: url(/assets/1464809026/images/v2/web/circle.png);
  width: 50px;
  height: 50px;
  margin: 10px auto;
  -webkit-animation: spin 1s linear infinite;
  -moz-animation: spin 1s linear infinite;
  animation: spin 1s linear infinite;
}

@-webkit-keyframes spin {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}
@-moz-keyframes spin {
  from {
    -moz-transform: rotate(0deg);
  }
  to {
    -moz-transform: rotate(360deg);
  }
}
@keyframes spin {
  from {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.loading-container {
  width: 100%;
  padding: 30px 0 50px;
  background: white;
}
.loading-container p {
  text-align: center;
  font-size: 14px;
  color: #9ea0ab;
  font-weight: 700;
}

.slide-list {
  position: relative;
  display: block;
  overflow: hidden;
  width: 100%;
}
.slide-list .slide {
  position: relative;
  width: 100%;
  height: 100%;
  top: 0;
  z-index: 1;
  opacity: 0;
  display: none;
}
.slide-list .slide.active {
  opacity: 1;
  display: inline-block;
}

.page-list {
  z-index: 15;
  display: block;
  height: 20px;
}
.page-list li {
  cursor: pointer;
  border-radius: 10px;
  border: 1px solid #3d3d3f;
  display: block;
  float: right;
  height: 10px;
  margin: 5px;
  width: 10px;
}
.page-list li.active {
  background-color: #3d3d3d;
  height: 4px;
  margin-top: 8px;
  width: 4px;
}

/* count styles, like seen on view page guest list */
/* mixin for three column layout like the gallery page, with an ad on the right */
/* this makes it possible to share styles without having to use the primary and secondary classes */
/* common colors used for yes/no/maybe states on invitations */
/* common colors used for yes/no/maybe states on invitations */
/* Colors */
/* Colors */
/* below this is new */
/* below this is new */
/* Grid settings */
/* Grid settings */
/* Breakpoints */
/* Breakpoints */
/* Minus 1 px to active on "less than 1020px" etc */
/* Minus 1 px to active on "less than 1020px" etc */
/* Type */
/* Type */
/* Layout */
/* Layout */
/* Comments panel */
.comments-panel {
  height: 100%;
  margin-top: -155px;
  padding-top: 155px;
}
@media screen and (max-width: 767px) {
  .comments-panel {
    display: none;
    position: absolute;
    left: 1%;
    bottom: 0;
    z-index: 300;
    width: 98%;
    margin: 0;
    padding: 0;
    font-weight: normal;
  }
}

@media screen and (max-width: 767px) {
  .comments-active .comments-panel {
    display: block;
    -webkit-animation: fadeInUp 0.3s ease-in-out;
    -moz-animation: fadeInUp 0.3s ease-in-out;
    animation: fadeInUp 0.3s ease-in-out;
  }
}
/* Comments */
.comments-panel #slideshow-comments-wrap {
  max-height: 100%;
  overflow-y: scroll;
  position: relative;
  margin: 0;
  padding: 0;
  list-style: none;
  -webkit-overflow-scrolling: touch;
}
.comments-panel #slideshow-comments-wrap::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 7px;
}
.comments-panel #slideshow-comments-wrap::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background-color: rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, 0.5);
}
@media screen and (max-width: 767px) {
  .comments-panel #slideshow-comments-wrap {
    position: absolute;
    bottom: 142px;
    width: 100%;
    max-height: 50%;
    padding: 10px;
    background-color: #fff;
    border-radius: 3px 3px 0 0;
  }
}
.comments-panel #slideshow-comments-wrap .message-container {
  margin-bottom: 10px;
}
.comments-panel #slideshow-comments-wrap .message-container span.username {
  font-weight: bold;
}
.comments-panel #slideshow-comments-wrap .message-container .timestamp {
  font-style: italic;
  font-size: 11px;
  line-height: 17px;
  color: #9ea0ab;
}

.comments-panel .view-all-comments {
  text-align: center;
  padding-bottom: 17px;
  margin-bottom: 20px;
  border-bottom: dashed 1px #ddd;
}
@media screen and (max-width: 767px) {
  .comments-panel .view-all-comments {
    padding-bottom: 10px;
  }
}

.comments-panel .view-all-comments a {
  margin: 0;
}

.no-comments .comments-panel ul {
  text-align: center;
}

.comments-panel li {
  margin: 0 0 20px 0;
}

.comments-panel li:last-child {
  margin: 0;
}

.comments-panel .message .meta .remove {
  display: none;
}

/* Comment form */
.comments-panel .comment-form {
  margin-top: 20px;
  padding-top: 20px;
  border-top: solid 1px #eee;
}
@media screen and (max-width: 767px) {
  .comments-panel .comment-form {
    position: absolute;
    bottom: 84px;
    width: 100%;
    padding: 10px;
    margin: 0;
    background-color: #ddd;
    border-top: none;
    border-radius: 0 0 3px 3px;
  }
  .comments-panel .comment-form:after, .comments-panel .comment-form:before {
    top: 100%;
    left: 18px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
  }
  .comments-panel .comment-form:after {
    border-color: rgba(255, 255, 255, 0);
    border-top-color: #ddd;
    border-width: 10px;
    margin-left: -10px;
  }
  .comments-panel .comment-form:before {
    border-color: rgba(221, 221, 221, 0);
    border-top-color: #666;
    border-width: 11px;
    margin-left: -11px;
  }
}

.comments-panel form {
  position: relative;
}

.comments-panel input[type=text] {
  width: 100%;
  height: auto;
  padding: 10px 100px 10px 10px;
  margin: 0;
  border-radius: 100px;
  border: solid 1px #ddd;
}

.comments-panel input[type=submit] {
  position: absolute;
  right: 0;
  top: 0;
  width: 100px;
  height: 100%;
  padding: 0;
  margin: 0;
  border: none;
  background-color: #62ae20;
  color: #fff;
  border-radius: 0 100px 100px 0;
}

.comments-panel.comment-posting input[type=submit] {
  opacity: 0.5;
  cursor: wait;
}

/* Slideshow details panel */
#post-panel {
  position: absolute;
  right: 0;
  top: 0;
  width: 30%;
  height: 100%;
  padding: 20px;
}
@media screen and (max-width: 767px) {
  #post-panel {
    width: 100%;
    padding: 0;
  }
}

/* post details */
#slideshow-details {
  display: block;
}
@media screen and (max-width: 767px) {
  #slideshow-details {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 500;
    width: 100%;
    padding: 8px 10px 4px 10px;
    font-weight: normal;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.8);
    color: #fff;
  }
}

#event-gallery .title {
  font-weight: bold;
  background-color: #333;
  margin: -20px -20px 20px -20px;
  padding: 20px 40px 20px 20px;
  color: #fff;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
}
@media screen and (max-width: 767px) {
  #event-gallery .title {
    background-color: transparent;
    margin: 0;
    padding: 0 0 8px 0;
    border-bottom: solid 1px #ddd;
  }
}

#event-gallery .title small {
  display: block;
  font-weight: normal;
}
@media screen and (max-width: 767px) {
  #event-gallery .title small {
    display: inline-block;
  }
}

/* Action buttons */
#event-gallery .action-buttons {
  display: none;
  float: left;
  font-size: 18px;
  padding-top: 8px;
}
@media screen and (max-width: 767px) {
  #event-gallery .action-buttons {
    display: block;
  }
}

#event-gallery .action-buttons a {
  display: inline-block;
  color: #ccc;
}

#event-gallery .action-buttons .button-comment {
  display: none;
}
@media screen and (max-width: 767px) {
  #event-gallery .action-buttons .button-comment {
    display: inline-block;
  }
}

#event-gallery.comments-active .button-comment {
  color: #62ae20;
}

#event-gallery .action-buttons span {
  margin-right: 12px;
}

/* Social stats */
#event-gallery .social-stats {
  display: none;
}
@media screen and (max-width: 767px) {
  #event-gallery .social-stats {
    display: block;
    float: right;
    margin: 4px 0 0 0;
    padding: 0;
    list-style: none;
    font-size: 10px;
    text-align: right;
    cursor: pointer;
  }
}

#event-gallery .no-comments .social-stats {
  display: none;
}

html.slideshow-open,
html.slideshow-open body {
  overflow: hidden;
}

/* Gallery
-------------------------------------------------- */
#event-gallery {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10000;
  width: 100%;
  height: 100%;
  font-size: 14px;
  background-color: #fff;
}
@media screen and (max-width: 767px) {
  #event-gallery {
    width: 100%;
    font-size: 13px;
    -webkit-font-smoothing: antialiased;
  }
}

/* Slideshow
-------------------------------------------------- */
#event-slideshow {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 300;
  width: 70%;
  height: 100%;
  overflow: hidden;
  background-color: #111;
  -webkit-font-smoothing: antialiased;
  -webkit-user-select: none;
}
@media screen and (max-width: 767px) {
  #event-slideshow {
    width: 100%;
  }
}

#event-slideshow .slides {
  position: relative;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
}

#event-slideshow .slide {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  cursor: -webkit-grab;
  cursor: -moz-grab;
  cursor: grab;
}

.swipeshow-grabbed #event-slideshow .slide {
  cursor: -webkit-grabbing;
  cursor: -moz-grabbing;
  cursor: grabbing;
}

#event-slideshow .slide .slideshow-photo {
  position: relative;
  z-index: 300;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}

/* Close button */
#event-gallery .slideshow-close {
  position: absolute;
  top: 6px;
  right: 6px;
  z-index: 500;
  padding: 10px;
  font-size: 16px;
  text-decoration: none;
  font-weight: bold;
  border-radius: 100%;
  -webkit-transition: background-color 0.2s ease-out;
  -moz-transition: background-color 0.2s ease-out;
  transition: background-color 0.2s ease-out;
  -webkit-transition-delay: 0.2s;
  -moz-transition-delay: 0.2s;
  transition-delay: 0.2s;
}
@media screen and (max-width: 767px) {
  #event-gallery .slideshow-close {
    -webkit-transition: none;
    -moz-transition: none;
    transition: none;
  }
}
#event-gallery .slideshow-close:hover {
  background-color: #444;
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  transition-delay: 0s;
}
@media screen and (max-width: 767px) {
  #event-gallery .slideshow-close:hover {
    background-color: transparent;
  }
}
#event-gallery .slideshow-close:active {
  background-color: #ef5323;
}
@media screen and (max-width: 767px) {
  #event-gallery .slideshow-close:active {
    background-color: transparent;
  }
}

#event-gallery .icon-cancel {
  display: block;
  color: #fff;
}
@media screen and (max-width: 767px) {
  #event-gallery .icon-cancel {
    display: none;
  }
}

#event-gallery .close-text {
  display: none;
}
@media screen and (max-width: 767px) {
  #event-gallery .close-text {
    display: block;
    top: -5px;
    right: -5px;
    padding: 0 10px;
    line-height: 28px;
    font-size: 14px;
    color: #eee;
    background-color: #222;
    background-color: rgba(0, 0, 0, 0.5);
    border-radius: 3px;
    border: solid 1px #ddd;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.8);
  }
}

/* Prev/next buttons */
/* Only shows on desktop view */
@media screen and (max-width: 767px) {
  #event-gallery .prev-next {
    display: none;
  }
}
#event-gallery .prev-next a {
  position: absolute;
  top: 0;
  left: 0;
  width: 45%;
  height: 100%;
  text-align: center;
  color: #000;
  outline: none;
}

#event-gallery .prev-next a.next {
  left: auto;
  right: 0;
  width: 55%;
}

#event-gallery .prev-next a span {
  position: absolute;
  top: 50%;
  left: -60px;
  width: 50px;
  line-height: 50px;
  margin-top: -25px;
  font-size: 34px;
  border-radius: 100px;
  opacity: 0.1;
  background-color: #fff;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
#event-gallery .prev-next a span:before {
  margin: 0;
}

#event-gallery .prev-next a.next span {
  left: auto;
  right: -60px;
}

#event-gallery .prev-next a:hover span {
  opacity: 0.65;
}

#event-gallery .prev-next:hover a span {
  left: 10px;
  -webkit-transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  transition-duration: 0.2s;
}

#event-gallery .prev-next:hover a.next span {
  left: auto;
  right: 10px;
}

#event-gallery .prev-next-text {
  display: none;
}

.carousel {
  position: relative;
  overflow: hidden;
}
.carousel div.name {
  display: none;
}
.carousel.grid_carousel div.name {
  display: block;
  color: #666e76;
  font-weight: bold;
  padding: 12px 0;
  text-align: center;
}
.carousel.grid_carousel .carousel-item {
  padding: 0;
}
.carousel li {
  display: block;
}
.carousel .carousel_dropdown select {
  margin-right: 7px;
}
.carousel .loader {
  display: block;
  background: url(/assets/1464809026/images/ajax-loader-small.gif) no-repeat left center;
  width: 60px;
  height: 20px;
  line-height: 20px;
  padding-left: 10px;
  color: #666e76;
  font-size: 11px;
  padding-top: 0;
  margin: 50px auto;
}

.carousel-wrap .carousel-page {
  float: left;
  width: 978px;
  height: 100px;
  padding: 0 8px;
}
.carousel-wrap .carousel-item {
  float: left;
  display: inline-block;
  text-align: center;
  height: 100px;
  padding: 10px 6px;
  position: relative;
}
.carousel-wrap .carousel-item a {
  position: relative;
  display: block;
}
.carousel-wrap .carousel-item .printable {
  background: url("/assets/1464809026/images/gallery/print_icon.png") no-repeat;
  position: absolute;
  bottom: 0;
  right: 0;
  width: 29px;
  height: 29px;
}
.carousel-wrap .thumbnail {
  display: block;
  padding: 4px;
  border: 1px solid #ccc;
  box-shadow: 0 1px 2px #ddd;
}
.carousel-wrap .thumbnail:hover {
  border-color: #62ae20;
  cursor: pointer;
}
.carousel-wrap .thumbnail img {
  display: block;
  width: 170px;
  height: 70px;
}

.carousel-grid-2 li li:nth-child(odd) {
  clear: left;
}

.center-wrap {
  text-align: center;
  line-height: 25px;
}

.carousel-previous {
  left: 410px;
  width: 35px;
  height: 30px;
  background: url(/assets/1464809026/images/v2/web/left-arrow-nav.png) no-repeat;
}
.carousel-previous:hover {
  opacity: 0.9;
}

.carousel-next {
  right: 410px;
  width: 25px;
  height: 25px;
  background: url(/assets/1464809026/images/v2/web/right-arrow-nav.png) no-repeat;
}
.carousel-next:hover {
  opacity: 0.9;
}

.carousel-single .carousel-wrap {
  margin: 15px 18px 5px;
}

.carousel-wrap .selected img {
  background: #62ae20;
}

.occasion_sidebar .carousel-control, .search-results .carousel-control {
  position: absolute;
  bottom: 10px;
  display: block;
  width: 35px;
  height: 30px;
  border: none;
  text-indent: -100000px;
  cursor: pointer;
  vertical-align: middle;
  z-index: 10;
}
.occasion_sidebar .carousel-pagination p, .search-results .carousel-pagination p {
  display: inline;
}
.occasion_sidebar .carousel-pagination a, .search-results .carousel-pagination a {
  border: 1px solid #666e76;
  border-radius: 10px;
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 0 2px 0;
  text-indent: -100000px;
  vertical-align: middle;
}
.occasion_sidebar .carousel-pagination a.active, .search-results .carousel-pagination a.active {
  background-color: #666e76;
  height: 4px;
  width: 4px;
}

.carousel-pagination p {
  display: inline;
}
.carousel-pagination a.carousel-button {
  border: 1px solid #666e76;
  border-radius: 10px;
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 0 2px 0;
  text-indent: -100000px;
  vertical-align: middle;
}
.carousel-pagination a.carousel-button.active {
  background-color: #666e76;
  height: 4px;
  width: 4px;
}

.carousel-control {
  border: 1px solid #666e76;
  border-radius: 10px;
  display: inline-block;
  width: 35px;
  height: 30px;
  border: none;
  text-indent: -100000px;
  cursor: pointer;
  vertical-align: middle;
  z-index: 10;
}

.carousel-single .carousel-wrap {
  margin: 15px 18px 5px;
}

.carousel-wrap .selected img {
  background: #62ae20;
}

.carousel-control[href="#"] {
  cursor: default;
  pointer-events: none;
}

/*----------------------------------------
 *    HELP TOOLTIP STYLES
 *---------------------------------------- */
.help-text {
  background: #ddd;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  color: #000;
  padding: 2px 5px 1px 5px;
  width: 10px;
  text-decoration: none;
  font-size: 12px;
}

.tooltip, arrow:after {
  background: #f9f9f9;
  border: 1px solid #ddd;
}

.abbr {
  border-bottom: 1px dotted #0077aa;
  cursor: help;
  color: #02699a;
  /* fix for IE suckage - flickering on mouse enter/leave */
  background-color: white;
  background: white url(image_server/hIEfix.png});
}

.tooltip {
  pointer-events: none;
  display: none;
  position: absolute;
  padding: 10px;
  color: #000;
  margin-top: 20px;
  text-decoration: none;
  width: 130px;
  -moz-box-shadow: 0 0 3px #f0f0f0;
  -webkit-box-shadow: 0 0 3px #f0f0f0;
  box-shadow: 0 0 3px #f0f0f0;
  z-index: 998;
  font-size: 12px;
  text-align: left;
  margin-left: 700px;
}
.tooltip.active {
  margin-left: 0px;
  display: inline-block;
}
.tooltip.out {
  display: none;
  margin-left: 700px;
}
.tooltip.right:before {
  content: " ";
  position: absolute;
  left: -22px;
  top: 16px;
  border: 11px solid;
  border-color: transparent #ddd transparent transparent;
}
.tooltip.right:after {
  content: " ";
  position: absolute;
  left: -20px;
  top: 17px;
  border: 10px solid;
  border-color: transparent #f9f9f9 transparent transparent;
}
.tooltip.below {
  overflow: visible;
}
.tooltip.below .arrow {
  position: absolute;
  top: -11px;
  display: block;
  width: 11px;
  height: 11px;
  background: url(/assets/1464809026/images/tooltip_top.png) no-repeat;
}

/* Dates */
.ui-datepicker {
  z-index: 20010;
}

#ui-datepicker-div {
  z-index: 20100;
}

.ui-datepicker {
  display: none;
  *width: 17em;
  background: #fff;
  border: 1px solid #bdbdbd;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  -moz-box-shadow: 0 1px 2px #ccc;
  -webkit-box-shadow: 0 1px 2px #ccc;
  box-shadow: 0 1px 2px #ccc;
  font-size: 11px;
}
.ui-datepicker .ui-datepicker-header {
  background: #bfbfbf url(/assets/1464809026/images/calendar_nav.gif) bottom;
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  line-height: 25px;
}
.ui-datepicker .ui-datepicker-header a {
  display: block;
  width: 27px;
  height: 25px;
  text-indent: -1000000px;
  background: url(/assets/1464809026/images/calendar_nav.gif);
}
.ui-datepicker .ui-datepicker-header a.ui-datepicker-prev {
  float: left;
}
.ui-datepicker .ui-datepicker-header a:hover.ui-datepicker-prev {
  background-position: 0 -25px;
}
.ui-datepicker .ui-datepicker-header a.ui-datepicker-next {
  float: right;
  background-position: 0 -50px;
}
.ui-datepicker .ui-datepicker-header a:hover.ui-datepicker-next {
  background-position: 0 -75px;
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-title {
  text-align: center;
}
.ui-datepicker table {
  margin-bottom: 4px;
}
.ui-datepicker thead {
  border-bottom: 1px solid #eee;
  border-top: 1px solid #999;
}
.ui-datepicker th {
  color: #999;
  padding: 8px 6px;
}
.ui-datepicker td {
  padding: 0 3px;
}
.ui-datepicker td span, .ui-datepicker td a {
  display: block;
  padding: 4px;
  text-align: center;
  color: #333;
}
.ui-datepicker td.ui-state-disabled span {
  color: #ccc;
}
.ui-datepicker td.ui-datepicker-current-day a {
  color: #fff;
  background: url(/assets/1464809026/images/btn_primary.gif);
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  -moz-box-shadow: 0 1px 1px #eee;
  -webkit-box-shadow: 0 1px 1px #eee;
  box-shadow: 0 1px 1px #eee;
}
.ui-datepicker td:hover a {
  color: #fff;
  background: url(/assets/1464809026/images/btn_grey.gif);
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  -moz-box-shadow: 0 1px 1px #eee;
  -webkit-box-shadow: 0 1px 1px #eee;
  box-shadow: 0 1px 1px #eee;
  text-decoration: none;
}
.ui-datepicker .ui-datepicker-cover {
  display: none;
}

.numbered-pagination {
  text-align: center;
}
.numbered-pagination a {
  display: inline-block;
  color: #333;
  vertical-align: middle;
}
.numbered-pagination a.page-control {
  font-size: 30px;
}
.numbered-pagination a.page-button {
  width: 34px;
  padding: 7px 0;
  font-size: 13px;
}
.numbered-pagination a.page-button.active {
  border-radius: 1px;
  border: solid 2px #aaa;
  background-color: #fafafa;
}
.numbered-pagination a.disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.simple-carousel {
  position: relative;
}
.simple-carousel .inner {
  overflow: hidden;
}
.simple-carousel .inner ul {
  width: 1000%;
  text-align: center;
}
.simple-carousel .inner ul::after {
  clear: both;
  content: "";
  display: table;
}
.simple-carousel .inner ul li {
  float: left;
  width: 2%;
  padding: 0 0.1%;
}
.simple-carousel .inner ul li.double-wide {
  width: 4%;
}
.simple-carousel .inner ul li a {
  display: block;
  color: #62ae20;
  font-size: 15px;
  line-height: 1.4;
}
.simple-carousel .inner ul li a span {
  display: block;
  color: #111;
  font-size: 13px;
}
.simple-carousel .inner ul li img {
  display: block;
  width: 100%;
  margin-bottom: 10px;
  border: solid 2px #fff;
  border-radius: 2px;
}
.simple-carousel .next, .simple-carousel .previous {
  position: absolute;
  top: 0;
  left: -30px;
  height: 100%;
  padding: 10px;
  color: #999;
  cursor: pointer;
  -webkit-transition: color 0.25s linear;
  -moz-transition: color 0.25s linear;
  transition: color 0.25s linear;
}
.simple-carousel .next:hover, .simple-carousel .previous:hover {
  color: #62ae20;
}
.simple-carousel .next.disabled, .simple-carousel .previous.disabled {
  cursor: default;
  opacity: 0.1;
}
.simple-carousel .next.disabled:hover, .simple-carousel .previous.disabled:hover {
  color: #999;
}
.simple-carousel .next i, .simple-carousel .previous i {
  display: block;
  position: relative;
  top: 50%;
  margin-top: -35px;
}
.simple-carousel .next i:before, .simple-carousel .previous i:before {
  font-size: 50px;
  margin: 0;
  width: auto;
}
.simple-carousel .next {
  left: auto;
  right: -30px;
}

div.time-picker {
  margin-top: 0;
  position: absolute;
  height: 200px;
  width: 4em;
  /* needed for IE */
  overflow: auto;
  background: #fff;
  border: 1px solid #999;
  z-index: 20000;
  font-size: 1.1em;
  zoom: 1;
}
div.time-picker-12hours {
  width: 100px;
  /* needed for IE */
}
div.time-picker ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
div.time-picker li {
  padding: 2px 0 2px 10px;
  cursor: pointer;
  font-size: 14px;
  line-height: 20px;
}
div.time-picker li.selected {
  background: #D6F1B2;
  color: #333;
}

html {
  height: 100%;
}

html, body {
  min-height: 100%;
  background: #f8f5fa;
  position: relative;
}

body {
  font-size: 12px;
  color: #666e76;
  font-family: "Lato", Arial, sans-serif;
  width: 100%;
}
body > img {
  display: none;
  visibility: hidden;
}

body.box-well {
  background-color: #ece9ee;
}
@media screen and (max-width: 1279px) {
  body.box-well {
    min-width: 1020px;
  }
}
body.box-well .page-wrap {
  max-width: 1280px;
  margin: 0 auto;
}
@media screen and (max-width: 1279px) {
  body.box-well .page-wrap {
    max-width: 1020px;
  }
}

.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}

* html .clearfix, *:first-child + html .clearfix {
  zoom: 1;
}

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

/* loading */
div.loader {
  text-align: center;
  font-size: 12px;
  color: #666;
  background: url(/assets/1464809026/images/ajax-loader-large.gif) no-repeat top center;
  padding-top: 55px;
}

div#scrolling-header {
  position: relative;
  z-index: 1100;
}
@media screen and (max-width: 1019px) {
  div#scrolling-header {
    display: none;
  }
}

.loading {
  display: block;
  padding: 90px 90px 50px;
  font-size: 1.1em;
  color: #999;
  text-align: center;
}

.container {
  margin: 0 auto;
  max-width: 980px;
  position: relative;
}

.shell {
  top: auto;
}

.no-leaderboard #header .advertisement {
  display: none;
}

.hidden {
  display: none;
}

.relative {
  position: relative;
}

.error-message {
  background: none repeat scroll 0 0 #FFEBEB;
  border: 1px solid #ECCDCD;
  border-radius: 2px 2px 2px 2px;
  clear: both;
  color: #E50000;
  font-weight: normal;
  line-height: 1.3em;
  margin: 5px 0;
  padding: 5px;
  text-align: center;
}

.warning-message {
  background: none repeat scroll 0 0 #fffc94;
  border: 1px solid #ccad00;
  border-radius: 2px 2px 2px 2px;
  clear: both;
  color: #ad8e00;
  font-weight: normal;
  line-height: 1.3em;
  margin: 5px 0;
  padding: 5px;
  text-align: center;
}

.form-field label.validation-error {
  color: red;
  font-style: italic;
  font-weight: normal;
  font-size: 12px;
  clear: left;
  float: left;
}

.form-field.invalid label {
  color: #E50000;
}

.pull-left {
  float: left;
}

.pull-right {
  float: right;
}

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

.badge {
  background: #2fa1bd;
  color: #fff;
  padding: 4px 4px 1px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  -moz-box-shadow: 0 1px 3px #124c5a inset;
  -webkit-box-shadow: 0 1px 3px #124c5a inset;
  box-shadow: 0 1px 3px #124c5a inset;
  font-size: 9px;
  font-family: "Lato", Arial, sans-serif;
}

/* header */
/* structural stuff */
body > div.container {
  min-height: 500px;
  height: auto !important;
}
body > div.container div#content {
  position: relative;
  clear: both;
}

div#page {
  background-color: #f8f5fa;
  position: relative;
  z-index: 2;
}
div#page::after {
  clear: both;
  content: "";
  display: table;
}

#adskin {
  width: 100%;
}

#ad_ad-east {
  width: 160px;
  height: 600px;
  float: right;
  margin: 20px;
}

#ad_ad-skinny {
  height: 68px;
  text-align: center;
  /* original color: background-color: #73AC0B */
  background-color: #7AB60D;
  padding: 4px;
}
#ad_ad-skinny iframe {
  margin: auto;
  width: 970px;
}

#ad_ad-north iframe {
  height: 90px;
}

div.advertisement {
  text-align: center;
  position: relative;
  z-index: 1;
}
div.advertisement div.leaderboard {
  min-height: 110px;
  margin: 0 auto;
  border: none;
}
div.advertisement div.leaderboard iframe {
  margin: 0 auto;
}
div.advertisement div#ad-north-rsvp {
  width: 728px;
}
div.advertisement div#ad-north {
  padding: 10px 0;
}

#ad_ad-skinny iframe {
  height: 60px;
}

#ad_ad-tip > div > iframe {
  display: block;
  margin: 0 auto;
}

#ad_ad-rail > div > iframe {
  display: block;
  margin: 0 auto;
}

#ad_ad-300x250 iframe, #ad_ad-300x250-gallery iframe {
  height: 250px;
}

#ad_ad-skin iframe {
  height: 1px !important;
  visibility: hidden !important;
}

/* jquery ui autocomplete */
.ui-autocomplete {
  position: absolute;
  max-height: 200px;
  background: #fff;
  border: 1px solid #ccc;
  overflow: auto;
}

.ui-menu-item a {
  display: block;
  padding: 3px;
  font-size: 13px;
  color: #666;
  text-decoration: none;
}
.ui-menu-item .ui-state-hover {
  background: #D6F1B2;
  color: #333;
}

/* semantic replacement for the primary/secondary/tertiary mess */
aside.left {
  position: relative;
  float: left;
  padding: 0;
  border-radius: 10px 0 0 0;
  -moz-border-radius: 10px 0 0 0;
  -webkit-border-radius: 10px 0 0 0;
}

article.middle {
  float: left;
  background: none repeat scroll 0 0 transparent;
  border: medium none;
  border-radius: 0 0 0 0;
  margin: 0 0 0 1px;
  padding: 0 0 20px;
}

aside.right {
  border-radius: 0 10px 0 0;
  background: none repeat scroll 0 0 transparent;
  float: left;
}

.social_icon {
  display: block;
  width: 22px;
  height: 22px;
  text-indent: -100000px;
  background: url("/assets/1464809026/images/social_icons_sprite.png") 0 0 no-repeat;
}
.social_icon.facebook {
  background-position: 0 0;
}
.social_icon.twitter {
  background-position: -22px 0;
}
.social_icon.pinterest {
  background-position: -44px 0;
}
.social_icon.google {
  background-position: -66px 0;
}
.social_icon.itunes {
  background-position: -88px 0;
}
.social_icon.android {
  background-position: -110px 0;
}

#footer .footer_mobile {
  margin-left: 40px;
}
#footer .footer_social li, #footer .footer_mobile li {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  border: none;
  margin: 8px 0;
  font-size: 11px;
  line-height: 23px;
}
#footer .footer_social a, #footer .footer_mobile a {
  margin: 3px !important;
}
#footer .footer_social iframe {
  margin: 0 7px 1px;
  vertical-align: middle;
  *zoom: 1;
}

/* ads */
div.ad iframe {
  -moz-user-select: none;
}

div.site-warning {
  width: 100%;
  height: 40px;
  overflow: hidden;
  border-bottom: 2px solid #D4C790;
  font-family: sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 40px;
  color: #6d6647;
  text-align: center;
  background: #FAF4AF;
}
div.site-warning a {
  color: green;
  text-decoration: underline;
  white-space: nowrap;
}

/*----------------------------------------- */
/*         CMS Content Page Layout          */
/*----------------------------------------- */
.layout-spacer {
  height: 40px;
}

.cms-HERO .button-primary {
  text-transform: none;
}

.center-layout {
  max-width: 1020px;
  margin: 0 auto;
  padding: 0 20px;
}

.content-container {
  max-width: 1020px;
  margin-left: auto;
  margin-right: auto;
}
.content-container::after {
  clear: both;
  content: "";
  display: table;
}

.content-row {
  max-width: 1020px;
  margin-left: auto;
  margin-right: auto;
  padding: 0 20px;
  margin: 20px auto;
}
.content-row::after {
  clear: both;
  content: "";
  display: table;
}
.content-row .cms-HR hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #e1e1e1;
  margin: 1em 0;
  padding: 0;
}
.content-row .cms-TEXT a {
  color: #62ae20;
  white-space: nowrap;
  font-size: 14px;
  line-height: 24px;
  margin-top: 10px;
}
.content-row .cms-TEXT h2 {
  color: #666e76;
  font-family: "Lato", Arial, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 40px;
  margin-top: 0px;
  margin-bottom: 0;
}
.content-row::after {
  clear: both;
  content: "";
  display: table;
}
.content-row .content-group {
  padding: 0;
  margin: 0;
}
.content-row img {
  width: 100%;
}
.content-row a.caption span, .content-row p {
  font-size: 14px;
}
.content-row a {
  cursor: default;
}
.content-row a[href] {
  cursor: pointer;
}
.content-row a.caption {
  color: #62ae20;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 14px;
  line-height: 24px;
  margin-top: 10px;
}
.content-row a[href]:hover {
  opacity: 0.9;
  text-decoration: none;
}
.content-row a span.link {
  margin-top: 10px;
  line-height: 24px;
}
.content-row a p {
  color: #666e76;
  line-height: 24px;
}
.content-row .grid_1 {
  float: left;
  display: block;
  margin-right: 2.35765%;
  width: 6.17215%;
}
.content-row .grid_1:last-child {
  margin-right: 0;
}
@media screen and (max-width: 499px) {
  .content-row .grid_1 {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 48.82117%;
  }
  .content-row .grid_1:last-child {
    margin-right: 0;
  }
}
.content-row .grid_2 {
  float: left;
  display: block;
  margin-right: 2.35765%;
  width: 14.70196%;
}
.content-row .grid_2:last-child {
  margin-right: 0;
}
@media screen and (max-width: 499px) {
  .content-row .grid_2 {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 48.82117%;
  }
  .content-row .grid_2:last-child {
    margin-right: 0;
  }
}
.content-row .grid_3 {
  float: left;
  display: block;
  margin-right: 2.35765%;
  width: 23.23176%;
}
.content-row .grid_3:last-child {
  margin-right: 0;
}
@media screen and (max-width: 373px) {
  .content-row .grid_3 {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 100%;
    margin-bottom: 20px;
  }
  .content-row .grid_3:last-child {
    margin-right: 0;
  }
}
@media screen and (max-width: 499px) {
  .content-row .grid_3 {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 48.82117%;
  }
  .content-row .grid_3:last-child {
    margin-right: 0;
  }
}
.content-row .grid_4 {
  float: left;
  display: block;
  margin-right: 2.35765%;
  width: 31.76157%;
}
.content-row .grid_4:last-child {
  margin-right: 0;
}
@media screen and (max-width: 373px) {
  .content-row .grid_4 {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 100%;
    margin-bottom: 20px;
  }
  .content-row .grid_4:last-child {
    margin-right: 0;
  }
}
@media screen and (max-width: 499px) {
  .content-row .grid_4 {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 100%;
    margin-bottom: 20px;
  }
  .content-row .grid_4:last-child {
    margin-right: 0;
  }
}
.content-row .grid_5 {
  float: left;
  display: block;
  margin-right: 2.35765%;
  width: 40.29137%;
}
.content-row .grid_5:last-child {
  margin-right: 0;
}
@media screen and (max-width: 499px) {
  .content-row .grid_5 {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 100%;
    margin-bottom: 20px;
  }
  .content-row .grid_5:last-child {
    margin-right: 0;
  }
}
.content-row .grid_6 {
  float: left;
  display: block;
  margin-right: 2.35765%;
  width: 48.82117%;
}
.content-row .grid_6:last-child {
  margin-right: 0;
}
@media screen and (max-width: 767px) {
  .content-row .grid_6 {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 100%;
    margin-bottom: 20px;
  }
  .content-row .grid_6:last-child {
    margin-right: 0;
  }
}
.content-row .grid_7 {
  float: left;
  display: block;
  margin-right: 2.35765%;
  width: 57.35098%;
}
.content-row .grid_7:last-child {
  margin-right: 0;
}
@media screen and (max-width: 499px) {
  .content-row .grid_7 {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 100%;
    margin-bottom: 20px;
  }
  .content-row .grid_7:last-child {
    margin-right: 0;
  }
}
.content-row .grid_8 {
  float: left;
  display: block;
  margin-right: 2.35765%;
  width: 65.88078%;
}
.content-row .grid_8:last-child {
  margin-right: 0;
}
@media screen and (max-width: 499px) {
  .content-row .grid_8 {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 100%;
    margin-bottom: 20px;
  }
  .content-row .grid_8:last-child {
    margin-right: 0;
  }
}
.content-row .grid_9 {
  float: left;
  display: block;
  margin-right: 2.35765%;
  width: 74.41059%;
}
.content-row .grid_9:last-child {
  margin-right: 0;
}
@media screen and (max-width: 499px) {
  .content-row .grid_9 {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 100%;
    margin-bottom: 20px;
  }
  .content-row .grid_9:last-child {
    margin-right: 0;
  }
}
.content-row .grid_10 {
  float: left;
  display: block;
  margin-right: 2.35765%;
  width: 82.94039%;
}
.content-row .grid_10:last-child {
  margin-right: 0;
}
@media screen and (max-width: 767px) {
  .content-row .grid_10 {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 100%;
  }
  .content-row .grid_10:last-child {
    margin-right: 0;
  }
}
.content-row .grid_11 {
  float: left;
  display: block;
  margin-right: 2.35765%;
  width: 91.4702%;
}
.content-row .grid_11:last-child {
  margin-right: 0;
}
@media screen and (max-width: 767px) {
  .content-row .grid_11 {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 65.88078%;
  }
  .content-row .grid_11:last-child {
    margin-right: 0;
  }
}
.content-row .grid_12 {
  float: left;
  display: block;
  margin-right: 2.35765%;
  width: 100%;
}
.content-row .grid_12:last-child {
  margin-right: 0;
}
.content-row .push_1 {
  margin-left: 8.5298%;
}
.content-row .push_2 {
  margin-left: 17.05961%;
}
.content-row .push_3 {
  margin-left: 25.58941%;
}
.content-row .push_4 {
  margin-left: 34.11922%;
}
.content-row .push_5 {
  margin-left: 42.64902%;
}
.content-row .push_6 {
  margin-left: 51.17883%;
}
.content-row .push_7 {
  margin-left: 59.70863%;
}
.content-row .push_8 {
  margin-left: 68.23843%;
}
.content-row .push_9 {
  margin-left: 76.76824%;
}
.content-row .push_10 {
  margin-left: 85.29804%;
}
.content-row .push_11 {
  margin-left: 93.82785%;
}
.content-row .pull_1 {
  margin-left: -8.5298%;
}
.content-row .pull_2 {
  margin-left: -17.05961%;
}
.content-row .pull_3 {
  margin-left: -25.58941%;
}
.content-row .pull_4 {
  margin-left: -34.11922%;
}
.content-row .pull_5 {
  margin-left: -42.64902%;
}
.content-row .pull_6 {
  margin-left: -51.17883%;
}
.content-row .pull_7 {
  margin-left: -59.70863%;
}
.content-row .pull_8 {
  margin-left: -68.23843%;
}
.content-row .pull_9 {
  margin-left: -76.76824%;
}
.content-row .pull_10 {
  margin-left: -85.29804%;
}
.content-row .pull_11 {
  margin-left: -93.82785%;
}
.content-row .content-preview, .content-row .caption {
  line-height: 24px;
}
.content-row h3 {
  color: #666e76;
  font-family: "Lato", Arial, sans-serif;
  font-size: 30px;
  font-weight: 300;
  line-height: 73px;
  margin-top: 0px;
  margin-bottom: 0;
  overflow: hidden;
  text-align: center;
}

#ad_ad-south {
  width: 728px;
  position: relative;
  margin: 60px auto;
}

/* Grid >> Children (Alpha ~ First, Omega ~ Last) */
/* ---------------------------------------------------------------------------------------------------- */
.omega {
  margin-right: 0;
}

/* Fixed aspect ratio content blocks */
.aspect-wrapper {
  z-index: 2;
  display: inline-block;
  position: relative;
  overflow: hidden;
  width: 100%;
}
.aspect-wrapper .aspect-content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.aspect-wrapper .aspect-content .aspect-image {
  width: 100%;
  height: auto;
}

div.site-warning-bar {
  background-color: #dfdfdf;
  height: 30px;
  position: relative;
}
div.site-warning-bar p {
  color: #666e76;
  line-height: 30px;
  vertical-align: middle;
  text-align: center;
  margin: 0;
}
div.site-warning-bar a {
  color: #0181BD;
  display: inline-block;
  font-size: 11px;
}
div.site-warning-bar a.close {
  position: absolute;
  top: 0;
  right: 15px;
  width: 15px;
  height: 15px;
  display: block;
}

.logo {
  background: url(/assets/1464809026/images/v2/web/logo-green.png);
  background-position: 0 2px;
  background-repeat: no-repeat;
  background-image: url(/assets/1464809026/images/v2/web/logo-green.svg);
  display: inline-block;
  margin-right: 25px;
  width: 84px;
  height: 41px;
  background-size: 84px 40px;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/1464809026/images/v2/web/logo-green.png', sizingMethod='scale');
}
.logo.white {
  width: 90px;
  height: 40px;
  background-size: 90px 40px;
  background: url(/assets/1464809026/images/v2/web/logo-white.svg);
  background-image: url(/assets/1464809026/images/v2/web/logo-white.png);
}

.fixFixed header#header {
  position: absolute !important;
}

header#header {
  background: #fff;
  font-size: 11px;
  min-width: 1020px;
  padding: 0;
  position: fixed;
  width: 100%;
  left: 0;
  -webkit-transform: translateZ(0);
  z-index: 1200;
}
@media screen and (max-width: 1019px) {
  header#header {
    min-width: 100%;
  }
}
header#header.shadow .shadow-container {
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
  height: 1px;
  margin-top: -3px;
}
header#header a:hover {
  opacity: 0.9;
}
header#header .logo {
  float: left;
}
@media screen and (max-width: 1019px) {
  header#header .logo {
    float: none;
    display: block;
    margin: 0 auto;
  }
}
header#header #ad-north-wrapper {
  padding-top: 5px;
  overflow: hidden;
  height: 101px;
}
header#header ul.suggestions_list {
  font-size: 14px;
  color: black;
  display: none;
  position: absolute;
  right: 27px;
  top: 39px;
  width: 190px;
  text-align: left;
  background-color: white;
  box-shadow: 1px 1px 1px 1px lightgrey;
  padding: 0px;
}
header#header ul.suggestions_list li {
  padding-left: 12px;
  cursor: pointer;
  display: flex;
}
header#header ul.suggestions_list li.selected {
  color: #62ae20;
}
header#header div.site-warning-bar {
  background-color: #e5e5e5;
  height: 30px;
  position: relative;
}
header#header div.site-warning-bar p {
  color: #666e76;
  line-height: 30px;
  vertical-align: middle;
  text-align: center;
}
header#header div.site-warning-bar a {
  color: #0181BD;
  display: inline-block;
  font-size: 11px;
}
header#header div.site-warning-bar a.close {
  position: absolute;
  top: 0;
  right: 15px;
  width: 15px;
  height: 15px;
  display: block;
}

html.admin header#header, html.admin #header-nav, html.admin .nav-container {
  background: #ff9999;
}

/* This handles the active state on the top nav. */
/* TODO: Simplify our sass specificity so this nonsense isn't necessary. */
.cards header#header .nav-container #navigation > ul > li > a#cards {
  color: #62ae20;
}

.mobile-apps header#header .nav-container #navigation > ul > li > a#mobile_apps {
  color: #62ae20;
}

.no-show header#header .nav-container #navigation > ul > li > a#create_invitation, .cards header#header .nav-container #navigation > ul > li > a#create_invitation, .mobile-apps header#header .nav-container #navigation > ul > li > a#create_invitation {
  color: #666;
}
.no-show header#header .nav-container #navigation > ul > li > a#create_invitation:hover, .cards header#header .nav-container #navigation > ul > li > a#create_invitation:hover, .mobile-apps header#header .nav-container #navigation > ul > li > a#create_invitation:hover {
  color: #62ae20;
}

header#header .nav-container {
  max-width: 1280px;
  padding: 5px 20px;
  position: relative;
  margin: 0 auto;
  height: 50px;
  line-height: 40px;
  z-index: 100;
  zoom: 1;
}
@media screen and (max-width: 1019px) {
  header#header .nav-container {
    padding-left: 10px;
    padding-right: 10px;
  }
}
@media screen and (max-width: 1019px) {
  header#header .nav-container #navigation {
    display: none;
  }
}
header#header .nav-container #navigation > ul > li {
  float: left;
  height: 49px;
  margin-right: 35px;
  position: relative;
  z-index: 1;
}
header#header .nav-container #navigation > ul > li > a {
  text-transform: uppercase;
  font-size: 12px;
  word-spacing: 3px;
  padding-right: 3px;
}
header#header .nav-container #navigation > ul > li > a .menu {
  min-width: 200px;
}
header#header .nav-container #navigation a#create_invitation {
  color: #62ae20;
}
header#header .nav-container li {
  position: relative;
}
header#header .nav-container li.more {
  background: url(/assets/1464809026/images/v2/web/nav-drop.png) right top no-repeat;
  float: left;
  padding-right: 15px;
  height: 49px;
}
header#header .nav-container li.more:hover ul.menu {
  display: block;
}
header#header .nav-container li.more:hover ul.menu li:first-child {
  margin-top: -10px;
}
header#header .nav-container li ul.menu {
  position: absolute;
  display: none;
  background: #fff;
  box-shadow: 0px 2px 2px 0px rgba(100, 100, 100, 0.2);
  -webkit-box-shadow: 0px 2px 2px 0px rgba(100, 100, 100, 0.2);
  top: 45px;
  left: -21px;
  min-width: 140px;
}
header#header .nav-container li ul.menu li {
  line-height: 29px;
}
header#header .nav-container li ul.menu li a {
  display: block;
  padding: 0px 20px;
  white-space: nowrap;
}
header#header .nav-container li ul.menu li:last-of-type {
  padding-bottom: 10px;
}
header#header .nav-container li ul.menu li:first-of-type {
  margin-top: -10px;
}
header#header .nav-container li ul.menu:hover {
  display: block;
}
header#header a, header#header span {
  font-size: 14px;
}
header#header a {
  text-decoration: none;
}
header#header a:hover {
  text-decoration: none;
}
header#header a:active {
  text-decoration: none;
}
header#header #account {
  float: right;
}
@media screen and (max-width: 1019px) {
  header#header #account {
    float: none;
    position: absolute;
    right: 10px;
    top: 5px;
  }
}
@media screen and (max-width: 1019px) and (max-width: 499px) {
  header#header #account {
    display: none;
  }
}

header#header #account ul > li > a, header#header #account ul > li span {
  text-transform: uppercase;
  font-size: 12px;
}
header#header #account ul > li.signout {
  display: block;
  float: left;
  margin-left: 20px;
}
@media screen and (max-width: 767px) {
  header#header #account ul > li.signout {
    display: none;
  }
}
header#header #account ul.logged_in .full_name {
  color: #2c333c;
  cursor: pointer;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 115px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
header#header #account .register, header#header #account .signin {
  float: right;
  margin-right: 20px;
}
header#header #account .signin {
  margin-right: 0;
}
header#header #account #search_box {
  position: relative;
  float: left;
}
@media screen and (max-width: 1019px) {
  header#header #account #search_box {
    display: none;
  }
}
header#header #account #search_box .search-icon {
  background: url(/assets/1464809026/images/icon_search.png) -20px 0 no-repeat;
  display: block;
  height: 20px;
  position: absolute;
  right: 30px;
  top: 10px;
  width: 20px;
  cursor: pointer;
}
header#header #account #search_box .search-icon.open {
  background-position: 6px 0;
}
header#header #account #search_box .search {
  color: #2c333c;
  border: 0;
  background-color: #f6f6f6;
  border-radius: 20px;
  position: absolute;
  right: 21px;
  font-size: 14px;
  height: 35px;
  line-height: 17px;
  width: 190px;
  padding: 0 30px 0 15px;
  margin-top: 2px;
}
@media screen and (max-width: 767px) {
  header#header #account #search_box .search {
    width: 150px;
  }
}
header#header #account #search_box .search::-webkit-input-placeholder {
  color: #9ea0ab;
}
header#header #account #search_box .search:-moz-placeholder {
  color: #9ea0ab;
}
header#header #account #search_box .search::-moz-placeholder {
  color: #9ea0ab;
}
header#header #account #search_box .search:-ms-input-placeholder {
  color: #9ea0ab;
}
header#header #account #search_box .search::-ms-clear {
  display: none;
}

.side-menu-button {
  display: none;
}
.side-menu-button:hover {
  color: #666;
}
@media screen and (max-width: 1019px) {
  .side-menu-button {
    display: block;
    position: absolute;
    left: 10px;
    top: 9px;
    padding: 0 12px;
    line-height: 30px;
    border: solid 1px #aaa;
    border-radius: 3px;
    text-transform: uppercase;
    color: #666;
  }
}

span.tri {
  position: absolute;
  left: 155px;
  top: -3px;
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid #fff;
}

.cards span.tri {
  left: 252px;
}

.mobile-apps span.tri {
  left: 588px;
}

.subnav {
  background-color: #cfcdd4;
}
.subnav::after {
  clear: both;
  content: "";
  display: table;
}

.no-show .subnav {
  display: none;
}

#gallery-nav {
  max-width: 1280px;
  margin: 0 auto;
  white-space: nowrap;
  font-size: 14px;
  text-transform: capitalize;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
#gallery-nav > ul {
  padding: 0 0 0 120px;
  cursor: default;
}
#gallery-nav > ul::after {
  clear: both;
  content: "";
  display: table;
}
#gallery-nav > ul > li {
  float: left;
}
#gallery-nav > ul > li > a, #gallery-nav > ul > li span {
  display: block;
  padding: 17px 16px;
}
#gallery-nav > ul > li > ul {
  display: none;
  position: absolute;
  z-index: 50;
  padding: 3px 0 12px;
  background-color: #e5e5e5;
  border-radius: 0 0 3px 3px;
}
#gallery-nav > ul > li > ul a {
  display: block;
  padding: 5px 16px;
  min-width: 175px;
}
#gallery-nav > ul > li:hover {
  color: #62ae20;
}
#gallery-nav > ul > li:hover > span {
  background-color: #e5e5e5;
}
#gallery-nav > ul > li:hover > ul {
  display: block;
}

.footer-wrap {
  position: relative;
  z-index: 1000;
  width: 100%;
  text-align: center;
  color: #c2c2c2;
  font-weight: 100;
  font-family: "Lato", Arial, sans-serif !important;
  background-color: #f8f5fa;
}
.footer-wrap::after {
  clear: both;
  content: "";
  display: table;
}

#footer {
  max-width: 1280px;
  margin: 0 auto;
  padding: 60px 20px 0;
  background-color: #f8f5fa;
}
@media screen and (max-width: 1279px) {
  #footer {
    max-width: 1020px;
  }
}
@media screen and (max-width: 499px) {
  #footer {
    padding-left: 10px;
    padding-right: 10px;
  }
}
#footer ul {
  margin: 0;
  padding: 0;
}
#footer a {
  color: #808080;
  font-size: 13px;
}
#footer a:hover {
  opacity: 0.9;
  color: #62ae20;
  text-decoration: none;
}
#footer .button-primary-inverse {
  font-size: 12px;
  height: auto;
  padding: 5.5px 22px;
  font-weight: 100;
}
#footer input {
  width: 200px;
  border-style: hidden;
  /* Firefox 19+ */
  /* IE10 */
  /* when the placeholder polyfill is active it adds this class */
}
#footer input::-webkit-input-placeholder {
  color: #c2c2c2;
  font-size: 12px;
  font-weight: 100;
  padding-left: 8px;
}
#footer input:-moz-placeholder {
  color: #c2c2c2;
  font-size: 12px;
  font-weight: 100;
  padding-left: 8px;
}
#footer input.placeholder {
  color: #c2c2c2;
  font-size: 12px;
  font-weight: 100;
  padding-left: 8px;
}
#footer input::-moz-placeholder {
  color: #c2c2c2;
  font-size: 12px;
  font-weight: 100;
  padding-left: 8px;
}
#footer input:-ms-input-placeholder {
  color: #c2c2c2;
  font-size: 12px;
  font-weight: 100;
  padding-left: 8px;
}
#footer input.placeholder {
  color: #c2c2c2;
  font-size: 12px;
  font-weight: 100;
  padding-left: 8px;
}

#footer .home-row .top-row {
  border-bottom-style: inset;
  border-bottom-width: thin;
  font-size: 12.5px;
  margin-bottom: 20px;
  padding-bottom: 20px;
}
#footer .home-row li {
  display: inline-block;
  vertical-align: middle;
  padding-left: 12px;
}
#footer .home-row li:first-child {
  padding-left: 0;
}
@media screen and (max-width: 499px) {
  #footer .home-row .social {
    padding-bottom: 20px;
  }
}
#footer .home-row .social, #footer .home-row .apps {
  display: inline-block;
}
@media screen and (max-width: 499px) {
  #footer .home-row .social, #footer .home-row .apps {
    display: block;
  }
}
#footer .home-row .social a, #footer .home-row .apps a {
  text-decoration: none;
  background: url(/assets/1464809026/images/v2/web/evite-sprite2.png) no-repeat;
  display: block;
}
#footer .home-row .social a.facebook, #footer .home-row .apps a.facebook {
  background-position: -5px -36px;
  height: 26px;
  width: 14px;
}
#footer .home-row .social a.facebook:hover, #footer .home-row .apps a.facebook:hover {
  background-position: -28px -36px;
}
#footer .home-row .social a.twitter, #footer .home-row .apps a.twitter {
  background-position: -5px -69px;
  height: 22px;
  width: 22px;
}
#footer .home-row .social a.twitter:hover, #footer .home-row .apps a.twitter:hover {
  background-position: -37px -69px;
}
#footer .home-row .social a.pinterest, #footer .home-row .apps a.pinterest {
  background-position: -5px -98px;
  height: 25px;
  width: 18px;
}
#footer .home-row .social a.pinterest:hover, #footer .home-row .apps a.pinterest:hover {
  background-position: -33px -98px;
}
#footer .home-row .social a.instagram, #footer .home-row .apps a.instagram {
  background-position: -51px -36px;
  height: 27px;
  width: 23px;
}
#footer .home-row .social a.instagram:hover, #footer .home-row .apps a.instagram:hover {
  background-position: -84px -36px;
}
#footer .home-row .social a.youtube, #footer .home-row .apps a.youtube {
  background-position: -117px -67px;
  height: 24px;
  width: 31px;
}
#footer .home-row .social a.youtube:hover, #footer .home-row .apps a.youtube:hover {
  background-position: -117px -36px;
}
#footer .home-row .social a.itunes, #footer .home-row .apps a.itunes {
  background-position: -68px -4px;
  height: 24px;
  width: 18px;
}
#footer .home-row .social a.itunes:hover, #footer .home-row .apps a.itunes:hover {
  background-position: -97px -4px;
}
#footer .home-row .social a.android, #footer .home-row .apps a.android {
  background-position: -5px -6px;
  height: 22px;
  width: 21px;
}
#footer .home-row .social a.android:hover, #footer .home-row .apps a.android:hover {
  background-position: -36px -6px;
}
#footer .home-row .social a.windows, #footer .home-row .apps a.windows {
  background-position: -69px -71px;
  height: 23px;
  width: 23px;
}
#footer .home-row .social a.windows:hover, #footer .home-row .apps a.windows:hover {
  background-position: -125px -5px;
}
#footer .home-row .social li:last-child {
  padding-right: 20px;
  margin-right: 20px;
  border-right: solid 1px #e6e6e6;
}
@media screen and (max-width: 499px) {
  #footer .home-row .social li:last-child {
    border: none;
    padding-right: 0;
    margin-right: 0;
  }
}

#footer .second-row .links {
  text-align: left;
  float: left;
}
@media screen and (max-width: 1019px) {
  #footer .second-row .links {
    padding-bottom: 40px;
    text-align: center;
    float: none;
  }
}
@media screen and (max-width: 1019px) {
  #footer .second-row .links li {
    padding: 0 12px;
  }
}
#footer .second-row .links a {
  padding-left: 7px;
}
@media screen and (max-width: 1019px) {
  #footer .second-row .links a {
    padding: 0;
  }
}
#footer .second-row li {
  margin-bottom: 10px;
}
#footer .second-row li#green-logo {
  padding-left: 0;
  margin-bottom: 0;
}
@media screen and (max-width: 1019px) {
  #footer .second-row li#green-logo {
    display: block;
    padding: 0 0 20px;
  }
}
#footer .second-row li#green-logo .footer-logo {
  margin-right: 0;
  padding-left: 0;
  background-position: 0 0;
  background-repeat: no-repeat;
  background-image: url(/assets/1464809026/images/v2/web/logo-green.svg);
  display: inline-block;
  width: 86px;
  height: 41px;
  background-size: cover;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/1464809026/images/v2/web/logo-green.png', sizingMethod='scale');
}

#footer .second-row .newsletter-signup {
  float: right;
  text-align: left;
}
@media screen and (max-width: 1019px) {
  #footer .second-row .newsletter-signup {
    text-align: center;
    float: none;
  }
}
#footer .second-row .newsletter-signup li {
  padding-left: 0;
}
#footer .second-row .newsletter-signup input {
  padding: 8px;
  font-size: 12px;
}
#footer .second-row .newsletter-signup button {
  margin-left: 8px;
}
#footer .second-row .newsletter-signup #subscribe_message {
  display: block;
  font-size: 13px;
  color: #808080;
  padding-bottom: 10px;
}
#footer .second-row .newsletter-signup #newsletter-feedback {
  display: block;
  padding: 8px 0;
  font-size: 14px;
}
#footer .second-row .newsletter-signup #newsletter-feedback span {
  display: none;
}
#footer .second-row .newsletter-signup #newsletter-feedback #error_message {
  font-size: 12px;
  color: #ec5656;
}
#footer .second-row .newsletter-signup #newsletter-feedback #success_message {
  line-height: 28px;
  color: #62ae20;
}

#footer .legal {
  clear: both;
  width: 100%;
  font-size: 12px;
  font-weight: 100;
  padding: 10px 0 30px;
  line-height: 18px;
}
@media screen and (max-width: 1019px) {
  #footer .legal .legal-links {
    display: block;
  }
}
#footer .legal a {
  font-size: 12px;
  margin: 3px;
}

#footer .version_id {
  font-size: 11px;
  width: 120px;
  margin: 0 auto;
  color: #f8f5fa;
}
#footer .version_id:hover {
  cursor: default;
  color: #9ea0ab;
}

.event-list {
  font-weight: 100;
}
.event-list li.event {
  padding: 20px 0 15px 5px;
  border-bottom: 1px solid #e3e3e3;
}
.event-list li.event .date, .event-list li.event .time, .event-list li.event .recurring-date, .event-list li.event .next-occurrence {
  font-size: 14px;
  color: #AAAAAA;
}
.event-list li.event .date, .event-list li.event .time {
  font-style: italic;
  margin: 0;
}
.event-list li.event .time {
  padding-left: 5px;
}
.event-list li.event .next-occurrence {
  float: right;
}
.event-list li.event .next-occurrence .recurring-image {
  background: url("/assets/1464809026/images/recurring_icon.png") no-repeat;
  padding: 3px 10px 3px 15px;
}
.event-list li.event div.title {
  margin-top: 8px;
}
.event-list li.event h4.title {
  display: inline;
  font-size: 16px;
}
.event-list li.event h4.title a {
  color: #2c333c;
}
.event-list li.event h4.title span {
  color: #0181BD;
  font-weight: normal;
}
.event-list li.event h4.title span.canceled {
  color: #e50000;
}
.event-list li.event .updates {
  font-style: italic;
  margin-left: 28px;
  color: #c0c0c0;
}
.event-list li.event p.from-host {
  font-size: 14px;
}
.event-list li.event .options {
  font-size: 14px;
}
.event-list li.event .options .host-options-label {
  font-weight: 400;
  color: #AAAAAA;
  margin-right: 5px;
}
.event-list li.event .options li {
  display: inline-block;
}
.event-list li.event .options li:last-of-type a {
  border-right: 0;
  margin-right: 0;
}
.event-list li.event .options li a {
  padding-right: 10px;
  margin-right: 6px;
  border-right: 1px solid #9ea0ab;
}
.event-list li.event .rsvp-status {
  padding: 5px 7px 0 20px;
  float: right;
}
.event-list li.event .rsvp-status.yes {
  color: #71AB0B;
}
.event-list li.event .rsvp-status.maybe {
  color: #ECB700;
}
.event-list li.event .rsvp-status.no {
  color: #F60000;
}
.event-list li.event .rsvp-status.undecided {
  color: #9ea0ab;
}
.event-list li.event ul.recurring-list {
  border-bottom: 1px solid #e3e3e3;
  border-top: 1px solid #e3e3e3;
  font-size: 14px;
  margin-top: 15px;
}
.event-list li.event ul.recurring-list li {
  padding-bottom: 10px;
  padding-top: 10px;
}
.event-list li.event ul.recurring-list li.recurring-list-header .header {
  color: #AAAAAA;
  font-weight: normal;
}
.event-list li.event ul.recurring-list li.recurring-list-header .header:hover {
  color: #62ae20;
}
.event-list li.event ul.recurring-list li.recurring-list-header .occurrence {
  margin-left: 10px;
}
.event-list li.event ul.recurring-list li.recurring-list-header .edit-all-recurring, .event-list li.event ul.recurring-list li.recurring-list-header .cancel-all-recurring {
  border-left: 1px solid #9ea0ab;
  margin-left: 10px;
  padding-left: 10px;
}
.event-list li.event ul.recurring-list li.recurring-list-item {
  font-size: 12px;
  border-top: 1px dotted grey;
  padding-left: 24px;
  list-style: initial;
  list-style-position: inside;
}
.event-list li.event ul.recurring-list li.recurring-list-item .date {
  color: inherit;
  font-size: 12px;
  font-style: normal;
}
.event-list li.event ul.recurring-list li.recurring-list-item:nth-of-type(1n+5) {
  display: none;
}
.event-list li.event ul.recurring-list li.recurring-list-item a.cancel-one-recurring, .event-list li.event ul.recurring-list li.recurring-list-item a.edit-one-recurring {
  border-left: 1px solid grey;
  margin-left: 7px;
  line-height: 13px;
  padding-left: 7px;
  display: inline-block;
}

#events .profile_events h1, #past-events .profile_events h1 {
  font-size: 27px;
  color: #000000;
  margin-bottom: 12px;
  clear: both;
}

.resize-outer-div {
  text-align: center;
  margin-top: -9px;
}
.resize-outer-div .resize-recurring-list {
  background-color: white;
  padding-left: 5px;
  padding-right: 5px;
}

body.p_preview div.preload {
  display: none;
}

#invitation {
  display: inline-block;
  color: #fff;
  font-family: Georgia, Times, serif;
  background: #fff;
  width: 100%;
  height: 100%;
  font-size: 12px;
}
#invitation h1 {
  margin: 0;
}
#invitation h1 span {
  line-height: 1em;
  font-family: inherit;
}
#invitation span {
  line-height: 1em;
  font-family: inherit;
}
#invitation .attribution {
  position: absolute;
  right: 10px;
  bottom: -73px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10px;
}
#invitation .bg_mid {
  margin: 0 auto;
}
#invitation .countdown {
  float: left;
  display: none;
  margin: 0 20px 0 10px;
}
#invitation .counter {
  display: none;
  float: left;
  margin-top: 15px;
  text-align: center;
  width: 100%;
  padding-bottom: 12px;
  background: url(/assets/1464809026/images/bg_counter_shadow.png) bottom no-repeat;
}
#invitation .inner {
  padding: 20px 0;
  margin: 0 auto;
  position: relative;
  width: 980px;
}
#invitation .locationName {
  text-decoration: underline;
}
#invitation .hostName:hover, #invitation a#map_link:hover {
  text-decoration: underline !important;
}
#invitation #upload_image_links {
  z-index: 2;
}
#invitation #event_image .main_image_mask {
  display: none;
  z-index: 1;
}
#invitation #event_image #upload_image_links #change_image {
  position: absolute;
  display: block;
  width: 48px;
  height: 51px;
  right: 0;
  bottom: 0;
  background: url(/assets/1464809026/images/change_image.png) no-repeat;
  z-index: 10;
}

body #invitation .wrapper {
  padding-bottom: 90px;
}

.classic #invitation h1, .neo #invitation h1 {
  margin-bottom: 20px;
  font-size: 28px;
  font-weight: bold;
}

.classic #invitation #event_image, .neo #invitation #event_image {
  position: relative;
  float: right;
  display: inline;
}

body.p_view_invite #invitation #event_image img {
  display: block;
  background: #333;
}

#invitation.no_main_image #event_image {
  display: none;
}

body.view_invite #invitation #upload_image_links, body.p_view_invite #invitation #upload_image_links {
  display: none;
}
body.p_preview #invitation.upload_images #upload_image_links {
  display: block;
}

.classic #invitation {
  font-family: Arial, Helvetica, sans-serif;
  background-repeat: repeat;
}
.classic #invitation h1 {
  color: inherit;
}
.classic #invitation #event_details {
  min-height: 280px !important;
  width: 495px !important;
}
.classic #invitation .event_info {
  width: 370px;
}
.classic #invitation .countdown {
  float: right;
  display: inline;
}
.classic #invitation .calendar {
  float: left;
  display: inline;
  width: 6.5em;
  padding: 0 2px 2px;
  border-radius: 1px 1px 4px 4px;
  -moz-border-radius: 1px 1px 4px 4px;
  -webkit-border-top-left-radius: 1px;
  -webkit-border-top-right-radius: 1px;
  -webkit-border-bottom-left-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
  box-shadow: 0 2px 3px #000;
  -moz-box-shadow: 0 2px 3px #000;
  -webkit-box-shadow: 0 2px 3px #000;
}
.classic #invitation .calendar .month {
  padding: 0 0.2em;
  border-radius: 1px 1px 0 0;
  -moz-border-radius: 1px 1px 0 0;
  -webkit-border-top-left-radius: 1px;
  -webkit-border-top-right-radius: 1px;
  -webkit-border-bottom-left-radius: 0;
  webkit-border-bottom-right-radius: 0;
}
.classic #invitation .calendar .day {
  background: #fff;
  color: #333;
  border-radius: 1px 1px 4px 4px;
  -moz-border-radius: 1px 1px 4px 4px;
  -webkit-border-top-left-radius: 1px;
  -webkit-border-top-right-radius: 1px;
  -webkit-border-bottom-left-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
}
.classic #invitation .event_info, .classic #invitation .neo #invitation .event_info {
  float: left;
}
.classic #invitation #event_details, .classic #invitation .neo #invitation #event_details {
  float: left;
  display: inline;
  overflow: hidden;
  position: relative;
  width: 495px;
  padding: 20px;
  background: url(/assets/1464809026/images/event_form_bg/mid.png);
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}
.classic #invitation #event_details li, .classic #invitation .neo #invitation #event_details li {
  clear: both;
  list-style: none;
  padding: 0.2em 0;
  font-size: 1.2em;
  font-style: italic;
  line-height: 1.4em;
}
.classic #invitation #event_details li strong, .classic #invitation .neo #invitation #event_details li strong {
  display: inline-block;
  width: 65px;
  padding-right: 10px;
  text-align: right;
}
.classic #invitation #event_details li, .classic #invitation .neo #invitation #event_details li {
  overflow: hidden;
}
.classic #invitation #event_details li strong, .classic #invitation .neo #invitation #event_details li strong {
  float: left;
}
.classic #invitation #event_details li div, .classic #invitation .neo #invitation #event_details li div {
  float: left;
  width: 295px;
}
.classic #invitation #event_details li span.locationName, .classic #invitation .neo #invitation #event_details li span.locationName {
  display: block;
}
.classic #invitation #event_message ul, .classic #invitation .neo #invitation #event_message ul {
  padding-left: 20px;
}
.classic #invitation #event_message li, .classic #invitation .neo #invitation #event_message li {
  list-style: disc;
  padding: 0;
  margin: 0;
  font-size: 1em;
  font-style: normal;
  line-height: 1.4em;
}

body #invitation #event_details li.address a {
  text-decoration: none;
  cursor: pointer;
}

#invitation a.toggle {
  display: none !important;
  float: right;
  padding: 3px 0;
}

* html #invitation .counter {
  background: none;
}

#invitation .counter .wrapper {
  white-space: nowrap;
  background: none;
  padding-bottom: 0;
}
#invitation .counter strong {
  display: block;
  margin: 0.4em 0;
  text-align: center;
  font-family: Georgia, Times, serif;
  font-size: 0.9em;
  font-style: italic;
}
#invitation .counter .unit {
  position: relative;
  display: inline-block;
  width: 44px;
  height: 52px;
  background: url(/assets/1464809026/images/bg_counter_unit.png) top no-repeat;
  font-family: Arial, Helvetica, sans-serif;
}
#invitation .counter .wide .countdownDays {
  width: 66px;
  background: url(/assets/1464809026/images/bg_counter_unit_wide.png) top no-repeat;
}
#invitation .counter .unit strong {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 44px;
  margin: 0;
  display: block;
  font-size: 0.8em;
  font-style: normal;
  font-weight: normal;
  font-family: Arial, Helvetica, sans-serif;
}
#invitation .counter .wide .countdownDays strong {
  width: 66px;
}
#invitation .counter .unit span {
  display: block;
  line-height: 40px;
  font-size: 1.4em;
  letter-spacing: 0.6em;
  padding-left: 0.5em;
  text-shadow: 0 0 2px #fff;
  color: #000;
}
#invitation .counter .wide .countdownMinutes {
  display: none;
}
#invitation .calendar {
  width: auto;
  margin: 0 auto;
  text-align: center;
  font-family: Arial, Helvetica, sans-serif;
}
#invitation .calendar .month {
  display: block;
  font-size: 1em;
  font-weight: bold;
  line-height: 1.8em;
  text-transform: uppercase;
  text-shadow: none;
}
#invitation .calendar .day {
  display: block;
  font-size: 4em;
  font-weight: bold;
  line-height: 1.2em;
  text-shadow: none;
}

* html .classic #invitation #event_details {
  background: none;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/1464809026/images/event_form_bg/mid.png', sizingMethod="scale");
}

.neo #invitation .counter {
  display: block;
}
.neo #invitation .event_info {
  width: 385px;
}
.neo #invitation #event_details {
  width: 580px !important;
  background: none;
}

* html .neo #invitation #event_details {
  filter: none;
}

.neo #invitation #event_details li strong {
  width: 55px;
}
.neo #invitation #event_details li.host div, .neo #invitation #event_details li.phone div, .neo #invitation #event_details li.address div, .neo #invitation #event_details li.time div {
  width: 320px;
}
.neo #invitation .countdown {
  float: left;
  width: 162px;
  display: inline;
}
.neo #invitation .calendar {
  height: 122px;
  background: url(/assets/1464809026/images/calendar.png) 50% no-repeat;
}
.neo #invitation .calendar .month {
  height: 40px;
  line-height: 40px;
  color: #666;
  text-shadow: 0 0 1px #fff;
  font-size: 1.1em;
}
.neo #invitation .calendar .day {
  height: 70px;
  line-height: 70px;
  font-size: 5em;
  color: #000;
}

.postcard #invitation .bg_mid {
  width: 740px;
  height: 420px;
  margin: 0 auto;
}
.postcard #invitation #event_image {
  display: none;
}

.postcard_short #invitation .bg_mid {
  width: 740px;
  height: 340px;
  margin: 0 auto;
}
.postcard_short #invitation #event_image {
  display: none;
}

.panel #invitation .bg_mid {
  width: 980px;
  height: 340px;
}
.panel #invitation #event_image {
  display: none;
}

.full #invitation .bg_mid {
  width: 980px;
  height: 420px;
}
.full #invitation #event_image {
  display: none;
}

.full_short #invitation .bg_mid {
  width: 980px;
  height: 340px;
}
.full_short #invitation #event_image {
  display: none;
}

.big_and_tall #invitation .bg_mid {
  width: 980px;
  height: 600px;
}
.big_and_tall #invitation #event_image {
  display: none;
}

.high-z {
  z-index: 9000002;
}

.action-bar {
  z-index: 4;
  background-color: white;
  background-color: rgba(255, 255, 255, 0.9);
  -webkit-transform: translate3d(0 0 0);
  transform: translate3d(0 0 0);
  border-bottom: 1px solid #eee;
  border-top: 1px solid #eee;
}
.action-bar.fixed {
  position: fixed !important;
  top: 65px;
  width: 100%;
  z-index: 1001;
}

.blurred-template {
  position: absolute;
  top: -20px;
  left: 0;
  right: 0;
  -webkit-filter: blur(10px);
  filter: blur(10px);
  opacity: 0.15;
  z-index: 1;
  transform: translate3d(0 0 0);
  -webkit-transform: translate3d(0 0 0);
}
.blurred-template #design-template {
  height: auto !important;
  margin-top: -110px;
  -webkit-transform: translate3d(0 0 0);
  transform: translate3d(0 0 0);
}

.blurred-template #design-template {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
}

.design-template-wrapper {
  width: 100%;
  z-index: 1;
  -webkit-backface-visibility: hidden;
}

.flyout-container {
  position: relative;
  max-width: 980px;
  margin: 0 auto;
}

#upload_queue ul li .thumbnail img {
  width: 100px;
  height: auto;
}
#upload_queue .upload-progress {
  padding-bottom: 10px;
  display: none;
  height: 30px;
}
#upload_queue .upload-progress #progress_text {
  text-align: center;
  font-size: 14px;
  color: #62ae20;
  margin: 2px 0;
}
#upload_queue .progress-container {
  background: #ddd;
  width: 100%;
  overflow: hidden;
}
#upload_queue .progress-container .progress-indicator {
  display: block;
  height: 5px;
  width: 0;
  background: #62ae20;
}

/* Masonry panels
-------------------------------------------------- */
.mason-wrap {
  position: relative;
  z-index: 200;
  padding: 10px;
  background-color: #fff;
  margin-bottom: 20px;
  border: 1px solid #ddd;
  display: none;
  text-align: center;
}
.mason-wrap .no-photos-notice {
  font-size: 14px;
  display: none;
}
.mason-wrap .no-photos-notice span {
  font-size: 90px;
  color: #cfcdd4;
}
.mason-wrap .no-photos-notice b {
  font-size: 22px;
  line-height: 50px;
}
.mason-wrap.no-photos .no-photos-notice {
  display: block;
}

#mason-panels {
  padding: 0.5%;
}
#mason-panels::after {
  clear: both;
  content: "";
  display: table;
}

#mason-panels .panel {
  float: left;
  width: 32%;
  padding: 3px;
  border: 1px solid #ddd;
  min-height: 75px;
  margin: 0.66%;
  background-color: #fff;
  position: relative;
  -webkit-animation: fadeIn 0.5s linear;
  -moz-animation: fadeIn 0.5s linear;
  animation: fadeIn 0.5s linear;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  transition-property: transform;
  -webkit-transition-duration: 0.15s;
  -moz-transition-duration: 0.15s;
  transition-duration: 0.15s;
  -webkit-transition-timing-function: ease-out;
  -moz-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
#mason-panels .panel:hover, #mason-panels .panel:active {
  -webkit-transform: scale(1.01);
  -moz-transform: scale(1.01);
  -ms-transform: scale(1.01);
  -o-transform: scale(1.01);
  transform: scale(1.01);
}
@media screen and (max-width: 960px) {
  #mason-panels .panel {
    width: 24%;
  }
}
@media screen and (max-width: 510px) {
  #mason-panels .panel {
    width: 49%;
  }
}

#mason-panels .panel a {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 200;
  text-decoration: none;
  background-position: center center;
  background-size: cover;
}

#mason-panels .panel img {
  display: block;
  width: 100%;
}

.mason-wrap .cta {
  padding-bottom: 0;
}

.mason-wrap .more-photos {
  display: none;
}

.mason-wrap.show-more .more-photos {
  display: inline-block;
}

.mason-wrap.loading-more .more-photos {
  display: none;
}

.loading-photos {
  display: none;
}

.mason-wrap.loading-more .loading-photos {
  display: block;
  position: relative;
  height: 32px;
  margin-bottom: 20px;
}

.file-upload-masked {
  text-align: center;
  display: inline-block;
  margin-top: 1em;
}
.file-upload-masked label {
  display: inline-block;
  position: relative;
  cursor: pointer;
  overflow: hidden;
}
.file-upload-masked input {
  position: absolute;
  top: 0;
  left: -100%;
  width: 200%;
  height: 100%;
  padding: 0;
  opacity: 0;
  cursor: pointer;
}

section {
  padding-bottom: 40px;
}

#side_menu {
  position: fixed;
  top: 0;
  overflow-x: hidden;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: none;
  z-index: 2100;
  width: 272px;
  height: 100%;
  padding-top: 20px;
  background: #414446 url(/assets/1464809026/images/v2/mobile/menu_bg@2x.png) top left;
  background-position: fixed;
  background-size: 272px 100%;
  box-shadow: 3px 0px 5px 0px rgba(0, 0, 0, 0.3);
  -webkit-font-smoothing: antialiased;
  -webkit-transform: translate(-292px, 0);
  -moz-transform: translate(-292px, 0);
  -ms-transform: translate(-292px, 0);
  -o-transform: translate(-292px, 0);
  transform: translate(-292px, 0);
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  transition-property: transform;
  -webkit-transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -webkit-transition-timing-function: ease-in;
  -moz-transition-timing-function: ease-in;
  transition-timing-function: ease-in;
}
#side_menu .container {
  position: relative;
  padding: 0 20px 15px;
  max-width: 1020px;
  margin-left: auto;
  margin-right: auto;
}
#side_menu .container::after {
  clear: both;
  content: "";
  display: table;
}
#side_menu .accordion-nav {
  cursor: pointer;
  margin: 0 0 1px 0;
  color: #fff;
  padding: 15px 20px;
  font-weight: 700;
  font-size: 14px;
  line-height: 14px;
  text-align: left;
  background: rgba(0, 0, 0, 0.45);
}
#side_menu .accordion-nav span {
  margin-right: 15px;
  float: right;
  width: 15px;
  height: 15px;
  background: url(/assets/1464809026/images/v2/web/view/arrow_icon.png);
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: right top;
  position: relative;
}
#side_menu .accordion-nav.inactive {
  background: rgba(0, 0, 0, 0.25);
}
#side_menu .accordion-nav.inactive span {
  background-position: right bottom;
}
#side_menu header {
  padding-bottom: 20px;
}
#side_menu header::after {
  clear: both;
  content: "";
  display: table;
}
#side_menu header .search-holder {
  position: relative;
  margin-top: 0px;
  margin-bottom: 10px;
}
#side_menu header .button-primary, #side_menu header .button-secondary, #side_menu header .button-primary-inverse {
  width: 48%;
  float: left;
  padding-left: 0;
  padding-right: 0;
  margin: 5px 1%;
}
#side_menu header .button-create {
  width: 100%;
  margin: 0 0 10px;
  float: none;
}
#side_menu header .sign-out {
  display: block;
  margin: 0 auto;
  font-weight: bold;
  text-transform: capitalize;
  font-size: 14px;
  text-align: center;
  padding: 17px;
  color: #62ae20;
}
#side_menu .collapsed .category-list {
  display: none;
}
#side_menu .category-list {
  padding-bottom: 10px;
  -webkit-transition-property: display;
  -moz-transition-property: display;
  transition-property: display;
  -webkit-transition-duration: 0.8s;
  -moz-transition-duration: 0.8s;
  transition-duration: 0.8s;
  -webkit-transition-timing-function: ease-in;
  -moz-transition-timing-function: ease-in;
  transition-timing-function: ease-in;
}
#side_menu .category-list a {
  font-size: 14px;
  display: block;
  padding: 14px 20px;
  color: #fff;
}
#side_menu .category-list a:hover, #side_menu .category-list a :active {
  color: #ccc;
}
#side_menu .search-holder #search {
  padding-left: 15px;
  padding-right: 30px;
  border-radius: 100px;
}
#side_menu .search-holder > span {
  position: absolute;
  top: 10px;
  right: 7px;
}

.content-mask {
  display: none;
}

.side-menu-active #side_menu {
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
}
.side-menu-active .content-mask {
  display: block;
  position: fixed;
  top: 0;
  left: 272px;
  z-index: 2100;
  width: 100%;
  height: 100%;
}

.signed-in-primary {
  float: left;
  display: block;
  margin-right: 2.35765%;
  width: 65.88078%;
  height: 250px;
  padding: 30px 40px;
  background: #fff;
  margin-top: 50px;
}
.signed-in-primary:last-child {
  margin-right: 0;
}

.signed-in-secondary {
  float: left;
  display: block;
  margin-right: 2.35765%;
  width: 31.76157%;
  margin-right: 0;
  height: 250px;
  margin-top: 50px;
}
.signed-in-secondary:last-child {
  margin-right: 0;
}
.signed-in-secondary .ad {
  width: 300px;
  height: 250px;
}

.recurring-image {
  background: url("/assets/1464809026/images/recurring_icon.png") no-repeat;
  padding: 0px 10px 3px 18px;
}

#next_event h1 {
  display: block;
  font-size: 20px;
  margin-top: 0;
  margin-bottom: 0;
}
#next_event .event {
  margin-top: 20px;
}
#next_event .event::after {
  clear: both;
  content: "";
  display: table;
}
#next_event .event .thumbnail {
  float: left;
  margin-right: 20px;
  width: 170px;
  height: 131px;
}
#next_event .event .thumbnail img {
  width: auto;
  height: auto;
  max-width: 170px;
  max-height: 131px;
  margin-right: 0;
  -ms-interpolation-mode: bicubic;
}
#next_event .event .details {
  overflow: hidden;
  width: 250px;
  max-width: 250px;
  float: left;
  margin-right: 20px;
}
#next_event .event .details td:first-child {
  width: 60px;
}
#next_event .event .details td {
  vertical-align: top;
  padding-bottom: 13px;
  width: 200px;
  max-width: 200px;
  overflow: hidden;
}
#next_event .event .details label {
  float: right;
  font-size: 14px;
  font-weight: 700;
  margin: 0 10px 0 0;
  text-align: right;
  color: #2c333c;
}
#next_event .event .details a {
  display: block;
  overflow: hidden;
  max-width: 200px;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #62ae20;
}
#next_event .event .details p {
  font-size: 14px;
  line-height: 17px;
  text-align: left;
  margin: 0;
  display: block;
  overflow: hidden;
  color: #666e76;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 200px;
  max-width: 200px;
}
#next_event .event .event-time {
  float: right;
}
#next_event .event .event-time .cal {
  border: 1px solid #666e76;
  margin-top: -10px;
  text-align: center;
  width: 70px;
  height: 82px;
}
#next_event .event .event-time .cal .month {
  background-color: #666e76;
  color: white;
  font-size: 20px;
  height: 40px;
  margin: 0;
  line-height: 40px;
  text-transform: uppercase;
}
#next_event .event .event-time .cal .day {
  color: #666e76;
  font-size: 20px;
  line-height: 40px;
  margin: 0;
}
#next_event .event .event-time .time {
  margin: 5px 0;
  text-align: center;
}
#next_event .options {
  display: block;
  clear: both;
}
#next_event .options ul {
  clear: both;
}
#next_event .options ul li {
  display: block;
  float: right;
  margin-right: 18px;
  margin-bottom: 0;
}
#next_event .options ul li:first-of-type {
  margin-right: 0;
}
#next_event .options ul li:first-of-type:after {
  content: "";
  margin-left: 0;
}
#next_event .no_events {
  clear: both;
  zoom: 1;
  padding: 20px 50px 20px 200px;
  background: url(/assets/1464809026/images/icon_calendar_big.png) 90px 40px no-repeat;
  overflow: hidden;
}
#next_event .no_events h4 {
  font-size: 14px;
  color: #666e76;
  margin-bottom: 5px;
}
#next_event .no_events div {
  float: left;
}
#next_event .no_events div span {
  line-height: 25px;
}
#next_event .no_events div .create-invitation {
  width: 230px;
}
#next_event .footer {
  padding: 20px 0;
  text-align: center;
}

h3.upcoming_event_heading {
  overflow: hidden;
}
h3.upcoming_event_heading span {
  float: left;
}
h3.upcoming_event_heading a {
  float: right;
  font-size: 11px;
  font-weight: normal;
}

#home_page .section {
  position: relative;
  margin-bottom: 20px;
  padding: 0;
  color: #999;
  font-size: 11px;
  clear: both;
}
#home_page .section img.loader {
  margin: 20px auto;
  display: block;
}
#home_page .section ul {
  position: relative;
}

.profile_events ul {
  position: relative;
}

#home_page .section h3, .profile_events h3 {
  font-size: 16px;
  line-height: 40px;
  color: #666e76;
  margin-bottom: 0;
  padding: 0 15px;
  border: 1px solid #e3e3e3;
  background: #FAFAFA;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  zoom: 1;
}

#home_page .section li a:focus {
  text-decoration: underline;
}

#home_page .section a.thumb img {
  background: #fff;
  display: block;
  width: 154px;
  height: 122px;
  margin-right: 2px;
  border: 1px solid #ccc;
  padding: 4px;
  -moz-box-shadow: 0 1px 2px #ccc;
  -webkit-box-shadow: 0 1px 2px #ccc;
  box-shadow: 0 1px 2px #ccc;
}
#home_page .section a:hover.thumb img {
  border: 1px solid #71AB0B;
}
#home_page #occasions ul {
  overflow: hidden;
  padding: 0 10px;
}
#home_page #occasions .templates {
  position: absolute;
  top: 20px;
  right: 0;
  overflow: hidden;
  padding: 0;
  text-align: center;
  padding-bottom: 5px;
}

#banner {
  margin: 18px auto;
  width: 980px;
}

.action-module {
  float: left;
  display: block;
  margin-right: 2.35765%;
  width: 31.76157%;
  margin-right: 0;
  height: 250px;
  position: relative;
  background-color: #fff;
  font-family: "Lato", Arial, sans-serif;
  padding: 40px;
  margin-top: 50px;
}
.action-module:last-child {
  margin-right: 0;
}
.action-module h4 {
  font-family: inherit;
  text-transform: uppercase;
  font-weight: 700;
  letter-spacing: 1px;
  font-size: 16px;
  margin: 0 0 10px 0;
}
.action-module p {
  font-family: inherit;
  font-weight: 300;
  line-height: 24px;
  font-size: 17px;
}
.action-module a.button-primary {
  margin-top: 35px;
  text-transform: none;
  color: #fff;
  font-size: 16px;
  font-family: inherit;
  font-weight: 300;
  width: 100%;
}

.homepage-signed-out #page {
  background: -webkit-linear-gradient(top, rgba(246, 246, 246, 0.8) 0%, #f6f6f6 100%);
  background: linear-gradient(to bottom, rgba(246, 246, 246, 0.8) 0%, #f6f6f6 100%);
}

.hp-so-wrap {
  max-width: 1280px;
  min-width: 1020px;
  margin: 0 auto;
}
.hp-so-wrap .titleblock {
  padding: 50px 20px 40px;
  color: #111;
  text-align: center;
  -webkit-font-variant-ligatures: common-ligatures;
  font-variant-ligatures: common-ligatures;
  -webkit-font-feature-settings: "kern";
  font-feature-settings: "kern";
  font-kerning: normal;
}
.hp-so-wrap .titleblock h1 {
  margin: 0;
  color: #111;
  font-size: 70px;
  font-weight: bold;
  letter-spacing: -1px;
}
.hp-so-wrap .titleblock h2 {
  margin: 0;
  color: #111;
  font-size: 36px;
  font-weight: 100;
}
.hp-so-wrap .search-wrap {
  width: 715px;
  margin: 0 auto 20px;
  text-align: center;
}
.hp-so-wrap .search-wrap form {
  border-radius: 100px;
  overflow: hidden;
  border: solid 1px #fff;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2);
  position: relative;
}
.hp-so-wrap .search-wrap form input {
  outline: none;
}
.hp-so-wrap .search-wrap form .search-input {
  width: 100%;
  height: auto;
  padding: 0 150px 0 60px;
  height: 62px;
  border: 0;
  font-size: 18px;
  background: #fff url(/assets/1464809026/images/v2/web/homepage/icon-search.png) no-repeat 20px center;
}
.hp-so-wrap .search-wrap form .search-input::-webkit-input-placeholder {
  font-size: 18px;
  color: #e2e2e2;
}
.hp-so-wrap .search-wrap form .search-submit {
  position: absolute;
  right: 0;
  top: 0;
  width: auto;
  padding: 0 2em;
  border: 0;
  line-height: 62px;
  font-size: 18px;
  font-weight: bold;
  background-color: #62ae20;
  color: #fff;
  border-radius: 100px;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
}
.hp-so-wrap .search-wrap .suggestion-search {
  position: relative;
  text-align: left;
}
.hp-so-wrap .search-wrap .suggestion-search .suggestions_list {
  display: none;
  position: absolute;
  z-index: 100;
  left: 43px;
  top: 63px;
  width: 75%;
  padding: 5px;
  font-size: 14px;
  color: black;
  background-color: #fff;
  border: solid 1px #fff;
  box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
  border-radius: 0 0 5px 5px;
}
.hp-so-wrap .search-wrap .suggestion-search .suggestions_list li {
  padding: 10px 12px;
  cursor: pointer;
}
.hp-so-wrap .search-wrap .suggestion-search .suggestions_list li.selected {
  background-color: #f9f9f9;
  border-radius: 5px;
  color: #62ae20;
}
.hp-so-wrap .search-wrap .top-searches {
  padding: 15px 0;
  font-size: 14px;
  color: #000;
}
.hp-so-wrap .search-wrap .top-searches h3, .hp-so-wrap .search-wrap .top-searches ul, .hp-so-wrap .search-wrap .top-searches li {
  display: inline-block;
}
.hp-so-wrap .search-wrap .top-searches h3 {
  margin: 0;
  text-transform: uppercase;
}
.hp-so-wrap .search-wrap .top-searches li {
  margin-left: 12px;
}
.hp-so-wrap .search-wrap .top-searches li a {
  text-decoration: underline;
  color: #000;
}
.hp-so-wrap .hp-carousel {
  padding: 40px 0;
  margin: 0 40px;
  position: relative;
}
.hp-so-wrap .hp-carousel h3 {
  font-size: 26px;
  color: #636363;
  text-transform: uppercase;
  font-weight: 100;
  margin: 0 0 0.8em 1%;
}
.hp-so-wrap .browse-ideas ul {
  text-align: left;
}
.hp-so-wrap .tabbed-info-panels h2 {
  text-align: center;
  margin: 0;
  padding: 40px 0;
  font-size: 45px;
  font-weight: 100;
  color: #111;
}
.hp-so-wrap .tabbed-info-panels .panels-nav {
  text-align: center;
  padding-bottom: 20px;
}
.hp-so-wrap .tabbed-info-panels .panels-nav li {
  display: inline-block;
}
.hp-so-wrap .tabbed-info-panels .panels-nav a {
  display: block;
  width: 150px;
  padding: 70px 0 20px;
  color: #636363;
  font-size: 14px;
  position: relative;
  outline: none;
  background: url(/assets/1464809026/images/v2/web/homepage/sprite-info-panels.png) no-repeat center -885px;
}
.hp-so-wrap .tabbed-info-panels .panels-nav .active a:after {
  bottom: -21px;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(115, 169, 33, 0);
  border-bottom-color: #73a921;
  border-width: 15px;
  margin-left: -15px;
  -webkit-animation: pullUp 0.2s ease-out;
  -moz-animation: pullUp 0.2s ease-out;
  animation: pullUp 0.2s ease-out;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  animation-fill-mode: both;
}
.hp-so-wrap .tabbed-info-panels .panels-nav .handcrafted a {
  background-position: center -1037px;
}
.hp-so-wrap .tabbed-info-panels .panels-nav .handcrafted a:after {
  border-bottom-color: #e84167;
}
.hp-so-wrap .tabbed-info-panels .panels-nav .do-it-yourself a {
  background-position: center -1187px;
}
.hp-so-wrap .tabbed-info-panels .panels-nav .do-it-yourself a:after {
  border-bottom-color: #29a2c6;
}
.hp-so-wrap .tabbed-info-panels .panels-nav .premium a {
  background-position: center -1331px;
}
.hp-so-wrap .tabbed-info-panels .panels-nav .premium a:after {
  border-bottom-color: #fcbb50;
}
.hp-so-wrap .tabbed-info-panels .panels-nav .donations a {
  background-position: center -1482px;
}
.hp-so-wrap .tabbed-info-panels .panels-nav .donations a:after {
  border-bottom-color: #ab6cba;
}
.hp-so-wrap .tabbed-info-panels .panels-nav .mobile-apps a {
  background-position: center -1633px;
}
.hp-so-wrap .tabbed-info-panels .panels-nav .active a, .hp-so-wrap .tabbed-info-panels .panels-nav a:hover {
  color: #4c4747;
}
.hp-so-wrap .tabbed-info-panels .panels-nav .active.about-evite a, .hp-so-wrap .tabbed-info-panels .panels-nav .about-evite a:hover {
  background-position: center 15px;
}
.hp-so-wrap .tabbed-info-panels .panels-nav .active.handcrafted a, .hp-so-wrap .tabbed-info-panels .panels-nav .handcrafted a:hover {
  background-position: center -137px;
}
.hp-so-wrap .tabbed-info-panels .panels-nav .active.do-it-yourself a, .hp-so-wrap .tabbed-info-panels .panels-nav .do-it-yourself a:hover {
  background-position: center -287px;
}
.hp-so-wrap .tabbed-info-panels .panels-nav .active.premium a, .hp-so-wrap .tabbed-info-panels .panels-nav .premium a:hover {
  background-position: center -431px;
}
.hp-so-wrap .tabbed-info-panels .panels-nav .active.donations a, .hp-so-wrap .tabbed-info-panels .panels-nav .donations a:hover {
  background-position: center -582px;
}
.hp-so-wrap .tabbed-info-panels .panels-nav .active.mobile-apps a, .hp-so-wrap .tabbed-info-panels .panels-nav .mobile-apps a:hover {
  background-position: center -733px;
}
.hp-so-wrap .tabbed-info-panels section {
  display: none;
  min-height: 500px;
  padding: 70px 50% 20px 6%;
  color: #fff;
  font-size: 16px;
  line-height: 1.6;
  background-color: #73a921;
  position: relative;
  overflow: hidden;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
}
@media screen and (max-width: 1279px) {
  .hp-so-wrap .tabbed-info-panels section {
    padding-right: 60%;
  }
}
.hp-so-wrap .tabbed-info-panels section.active {
  display: block;
}
.hp-so-wrap .tabbed-info-panels section.pink {
  background-color: #e84167;
}
.hp-so-wrap .tabbed-info-panels section.blue {
  background-color: #29a2c6;
}
.hp-so-wrap .tabbed-info-panels section.orange {
  background-color: #fcbb50;
}
.hp-so-wrap .tabbed-info-panels section.purple {
  background-color: #ab6cba;
}
.hp-so-wrap .tabbed-info-panels section h3 {
  font-weight: 100;
  font-size: 40px;
  margin: 0 0 0.4em;
}
.hp-so-wrap .tabbed-info-panels section p {
  margin-bottom: 1em;
}
.hp-so-wrap .tabbed-info-panels section ul {
  margin: 0 0 2em 1em;
  padding: 0 0 0 1em;
  list-style: initial;
}
.hp-so-wrap .tabbed-info-panels section .video-wrapper {
  position: absolute;
  top: 90px;
  right: 50px;
  width: 40%;
}
.hp-so-wrap .tabbed-info-panels section .bg-img {
  display: block;
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 0;
}
.hp-so-wrap .tabbed-info-panels section .bg-img.pull-up {
  -webkit-animation: pullUp 0.2s ease-out 0.3s;
  -moz-animation: pullUp 0.2s ease-out 0.3s;
  animation: pullUp 0.2s ease-out 0.3s;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  animation-fill-mode: both;
}
.hp-so-wrap .tabbed-info-panels section .bg-img.pull-left {
  -webkit-animation: pullLeft 0.2s ease-out 0.3s;
  -moz-animation: pullLeft 0.2s ease-out 0.3s;
  animation: pullLeft 0.2s ease-out 0.3s;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  animation-fill-mode: both;
}
@media screen and (max-width: 1279px) {
  .hp-so-wrap .tabbed-info-panels section .bg-img {
    max-width: 550px;
  }
}
.hp-so-wrap .tabbed-info-panels section .button-ghost {
  line-height: 1.2;
}
.hp-so-wrap .tabbed-info-panels section .button-ghost:hover {
  color: #fff;
  border-color: #fff;
}

/* Pull up */
@-webkit-keyframes pullUp {
  0% {
    -webkit-transform: translateY(100%);
  }
  100% {
    -webkit-transform: translateY(0);
  }
}
@-moz-keyframes pullUp {
  0% {
    -moz-transform: translateY(100%);
  }
  100% {
    -moz-transform: translateY(0);
  }
}
@keyframes pullUp {
  0% {
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -o-transform: translateY(100%);
    transform: translateY(100%);
  }
  100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
}
/* Pull from right */
@-webkit-keyframes pullLeft {
  0% {
    -webkit-transform: translateX(100%);
  }
  100% {
    -webkit-transform: translateX(0);
  }
}
@-moz-keyframes pullLeft {
  0% {
    -moz-transform: translateX(100%);
  }
  100% {
    -moz-transform: translateX(0);
  }
}
@keyframes pullLeft {
  0% {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%);
  }
  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}
#bg {
  z-index: 1;
  top: 65px;
  position: fixed;
  left: 0;
  right: 0;
  overflow: hidden;
  height: 1050px;
  text-align: center;
}

#ad_ad-signin iframe {
  width: 1440px;
  height: 1050px;
  position: absolute;
  left: 50%;
  margin-left: -720px;
}

body.glogin {
  background: #fff !important;
}
body.glogin header#header {
  padding-top: 15px;
  padding-bottom: 10px;
  background: #fff;
}
body.glogin .floating-promo {
  position: fixed;
  z-index: 2;
  bottom: -6px;
  left: 50%;
  margin-left: -35%;
  display: none;
}
body.glogin section {
  float: left;
  display: block;
  margin-right: 2.35765%;
  width: 48.82117%;
  position: relative;
  margin-top: 80px;
  z-index: 2;
}
body.glogin section:last-child {
  margin-right: 0;
}
body.glogin section#ad_clickable_area {
  margin-right: 0;
  float: left;
}
body.glogin section#login_area {
  margin-right: 0;
  float: right;
  max-width: 415px;
  padding: 35px 50px 40px 50px;
  background: rgba(255, 255, 255, 0.9);
  background: #fff\9;
  text-align: center;
}
body.glogin section#login_area form .login-header {
  float: none;
  display: block;
  margin: 0 auto 20px;
}
body.glogin section#login_area form input {
  float: left;
  display: block;
  margin-right: 2.35765%;
  width: 100%;
  float: none;
}
body.glogin section#login_area form input:last-child {
  margin-right: 0;
}
body.glogin section#login_area form .button-facebook {
  float: left;
  display: block;
  margin-right: 2.35765%;
  width: 100%;
}
body.glogin section#login_area form .button-facebook:last-child {
  margin-right: 0;
}
body.glogin section#login_area form a.forgot_password {
  float: left;
  display: block;
  margin-right: 2.35765%;
  width: 100%;
  text-align: center;
  font-weight: 700;
  display: block;
  margin: 8px 0;
}
body.glogin section#login_area form a.forgot_password:last-child {
  margin-right: 0;
}
body.glogin section#login_area form .button-group .button-primary-inverse, body.glogin section#login_area form .button-group .button-primary {
  float: left;
  display: block;
  margin-right: 2.35765%;
  width: 48.82117%;
}
body.glogin section#login_area form .button-group .button-primary-inverse:last-child, body.glogin section#login_area form .button-group .button-primary:last-child {
  margin-right: 0;
}
body.glogin section#login_area form .button-group button.button-primary {
  margin-right: 0;
}
body.glogin.modal-login section#login_area {
  float: None;
  margin: 0 auto;
}

.secondary {
  float: right;
  height: 270px;
  position: relative;
  width: 250px;
}
.secondary button {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}

.primary {
  float: left;
}

.button-primary.register {
  margin: 20px auto;
  display: block;
  width: 290px;
  max-width: unset;
}

a.button-facebook {
  display: block;
  margin: 20px auto !important;
}

div.auth-page {
  background: none repeat scroll 0 0 #FFFFFF;
  border: 1px solid #E8E8E8;
  border-radius: 10px;
  box-shadow: 0 1px 0 #9ea0ab;
  margin: 20px auto;
  overflow: hidden;
  padding: 0;
  width: 980px;
}
div.auth-page .message {
  line-height: 20px;
  padding-bottom: 10px;
  height: 25px;
}

.page-login .wrapper {
  width: 250px;
  margin: 40px auto;
  position: relative;
}

.page-reset-password .wrapper {
  width: 300px;
  margin: 40px auto;
  position: relative;
  text-align: center;
}
.page-reset-password .wrapper .form-field {
  text-align: left;
}
.page-reset-password .wrapper .form-field input {
  width: 300px;
}
.page-reset-password .wrapper h1 {
  font-size: 26px;
  margin: 0 0 1em 0;
}
.page-reset-password .wrapper span.helptext {
  display: block;
  clear: both;
  text-align: left;
  color: #999;
  line-height: 17px;
  font-size: 10px;
}
.page-reset-password .wrapper div.buttons {
  margin: 1em 0 0 0;
}

.page-login div.buttons {
  text-align: right;
  width: 200px;
  margin: 40px auto;
}

.page-register div.buttons {
  text-align: right;
  margin: 40px auto;
}

.page-register .title {
  height: 40px;
  line-height: 40px;
  padding: 0 21px;
}

.form-field {
  margin: auto;
}
.form-field.rememberMe label {
  display: inline-block;
  margin-left: 5px;
}
.form-field.rememberMe input, .form-field.rememberMe label {
  font-size: 11px;
  float: left;
}

#register_form {
  margin: auto;
  padding: 10px 20px 40px 40px;
  width: 570px;
}
#register_form .primary {
  width: 250px;
  border: none;
}
#register_form .divider {
  width: 235px;
  display: block;
  float: none;
  margin: 20px auto;
}
#register_form .register-submit {
  border-top: 1px solid #ddd;
  margin-top: 15px;
  padding-top: 15px;
}
#register_form .register-submit .buttons {
  margin: 0;
}
#register_form p.terms {
  margin: 0 auto;
  float: none;
  width: 75%;
  text-align: center;
}
#register_form .form-field {
  clear: both;
  float: left;
  margin: 5px 0;
  padding: 0;
}
#register_form .form-field .birthday select, #register_form .form-field .gender select {
  width: 106px;
}
#register_form .form-field .birthday select#id_birth_day, #register_form .form-field .birthday select#id_birth_year {
  width: 70px;
  margin-left: 5px;
}
#register_form .form-field.country {
  width: 149px;
  margin-right: 10px;
}
#register_form .form-field.country select {
  width: 147px;
}
#register_form .form-field.zip_code {
  clear: none;
  float: left;
  width: 90px;
}
#register_form .form-field.zip_code label, #register_form .form-field.zip_code input {
  width: 90px;
}
#register_form .secondary .email_newsletter {
  height: 50px;
}
#register_form .secondary .form-field {
  float: left;
}
#register_form .secondary label {
  width: 258px;
}
#register_form .buttons button {
  width: 120px;
}
#register_form div.remember_me label, #register_form div.emailOptIn label {
  width: auto;
  display: inline;
}
#register_form div.remember_me input, #register_form div.emailOptIn input {
  border: 0;
  margin-left: 5px;
}
#register_form .form-field {
  position: relative;
}
#register_form .form-field label {
  text-align: left;
  margin: 0;
  font-size: 11px;
}
#register_form .form-field input {
  float: left;
  line-height: 1;
  width: 250px;
}
#register_form .form-field input[type="checkbox"] {
  background: none repeat scroll 0 0 transparent;
  float: none;
  margin-right: 5px;
  width: auto;
}
#register_form .form-field span.required {
  display: none;
}
#register_form .form-field.invalid label {
  color: #E50000;
}
#register_form .form-field .helptext {
  display: block;
  clear: both;
  text-align: left;
  color: #999;
  line-height: 17px;
  font-size: 10px;
}
#register_form .form-field.gender {
  width: 100%;
}
#register_form .form-field.gender ul {
  float: left;
}
#register_form .form-field.gender ul li {
  float: right;
}
#register_form .form-field.gender ul li label {
  width: auto;
  margin: 7px 10px 3px 0;
  vertical-align: middle;
  line-height: 18px;
}
#register_form .form-field.gender ul li input {
  width: auto;
  margin-right: 5px;
  vertical-align: middle;
}

p.terms {
  float: left;
  margin-left: 20px;
  width: 45%;
  line-height: 15px;
  text-align: left;
  clear: both;
  padding: 8px 0;
  font-size: 11px;
  color: #ccc;
}
p.terms a {
  color: #999;
}

#hint {
  font-size: 14px;
  float: left;
  white-space: nowrap;
}
#hint a {
  color: #62ae20;
}

#header_spacer {
  height: 54px;
}

.design_gallery {
  box-sizing: border-box;
  max-width: 1280px;
  min-width: 1020px;
  margin: 0 auto 100px;
  padding: 0 20px;
  overflow: hidden;
}
.design_gallery .gallery-header {
  padding: 20px 0 40px;
}
.design_gallery .gallery-header::after {
  clear: both;
  content: "";
  display: table;
}
.design_gallery .gallery-header h1 {
  float: left;
  color: #2c333c;
  margin: 0;
}
.design_gallery .gallery-header .advertisement.sponsor {
  float: left;
  padding: 5px;
  background: none repeat scroll 0 0 #f8f5fa;
  height: 46px;
  overflow: hidden;
  width: 250px;
}
.design_gallery .gallery-header p {
  clear: both;
  font-size: 14px;
}

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

.design_gallery .template-wrap::after {
  clear: both;
  content: "";
  display: table;
}

.design_gallery {
  position: relative;
}
.design_gallery .gallery-filters {
  float: left;
  width: 14%;
  padding: 0 10px 0 0;
  border-right: solid 1px #ddd;
  color: #333;
}
.design_gallery .gallery-filters .clear-filters {
  display: none;
}
.design_gallery .gallery-filters .clear-filters #reset_button {
  margin: -3px 0 0;
  height: auto;
  font-size: 12px;
  white-space: nowrap;
}
.design_gallery .gallery-filters h4 {
  font-size: 13px;
  margin: 0;
  font-weight: 600;
  color: #333;
}
.design_gallery .gallery-filters h4 i {
  display: none;
}
.design_gallery .gallery-filters ul {
  margin: 5px 0 24px;
}
.design_gallery .gallery-filters ul label {
  cursor: pointer;
  display: block;
  font-size: 12px;
  margin: 5px 0;
  padding: 3px 0;
  text-transform: capitalize;
}
.design_gallery .gallery-filters ul label span {
  width: 26px;
}
.design_gallery .gallery-filters ul label:hover {
  color: #62ae20;
  -webkit-transition: color 0.2s ease-out;
  -moz-transition: color 0.2s ease-out;
  transition: color 0.2s ease-out;
}
.design_gallery .gallery-filters .button-primary {
  margin-top: 0;
}
.design_gallery .gallery-filters .reset-filters {
  display: block;
  padding: 5px 0;
  text-align: center;
}

@media screen and (max-width: 1279px) {
  .design_gallery {
    padding-top: 50px;
  }
  .design_gallery .gallery-filters {
    float: none;
    border: none;
    padding: 0;
    position: absolute;
    z-index: 600;
    top: 0;
    left: 0;
    width: 100%;
    background-color: #eee;
    text-align: center;
    -webkit-tap-highlight-color: transparent;
  }
  .design_gallery .gallery-filters fieldset {
    display: inline-block;
    height: 46px;
    padding: 15px 20px;
    margin-right: -3px;
    border-left: solid 1px #d1d1d1;
    /* Inline variant */
    /* Dropdown variant */
  }
  .design_gallery .gallery-filters fieldset:first-child {
    border-left: none;
  }
  .design_gallery .gallery-filters fieldset.clear-filters {
    position: absolute;
    border-left: none;
    -webkit-animation: fadeIn 0.2s linear;
    -moz-animation: fadeIn 0.2s linear;
    animation: fadeIn 0.2s linear;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    animation-fill-mode: both;
  }
  .design_gallery .gallery-filters fieldset h4 span.extra {
    display: none;
  }
  .design_gallery .gallery-filters fieldset h4 i {
    margin-left: 5px;
  }
  .design_gallery .gallery-filters fieldset h4 i::before {
    font-size: 7px;
  }
  .design_gallery .gallery-filters fieldset h4 i.icon-arrow {
    display: inline-block;
  }
  .design_gallery .gallery-filters fieldset label {
    margin-top: -15px;
    padding-top: 15px;
    font-size: 13px;
  }
  .design_gallery .gallery-filters fieldset input:checked + label {
    color: #62ae20;
  }
  .design_gallery .gallery-filters fieldset.inline h4 {
    display: none;
  }
  .design_gallery .gallery-filters fieldset.inline ul {
    margin: 0;
  }
  .design_gallery .gallery-filters fieldset.inline li {
    display: inline-block;
    margin-right: 20px;
  }
  .design_gallery .gallery-filters fieldset.inline li:last-child {
    margin-right: 0;
  }
  .design_gallery .gallery-filters fieldset.dropdown {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }
  .design_gallery .gallery-filters fieldset.dropdown h4 {
    cursor: default;
    font-weight: normal;
    position: relative;
  }
  .design_gallery .gallery-filters fieldset.dropdown ul {
    display: none;
    -webkit-animation: fadeIn 0.1s linear;
    -moz-animation: fadeIn 0.1s linear;
    animation: fadeIn 0.1s linear;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    animation-fill-mode: both;
  }
  .design_gallery .gallery-filters fieldset.dropdown.filtered .icon-arrow::before {
    color: #62ae20;
    font-weight: bold;
  }
  .design_gallery .gallery-filters fieldset.dropdown.filtered h4 {
    color: #62ae20;
  }
  .design_gallery .gallery-filters fieldset.dropdown:hover {
    background-color: #fff;
    -webkit-transition: background-color 0.1s linear;
    -moz-transition: background-color 0.1s linear;
    transition: background-color 0.1s linear;
  }
  .design_gallery .gallery-filters fieldset.dropdown:hover h4::after {
    content: " ";
    display: block;
    width: 300%;
    height: 50px;
    position: absolute;
    left: -100%;
    top: -10px;
  }
  .design_gallery .gallery-filters fieldset.dropdown:hover ul {
    display: block;
    position: absolute;
    top: 40px;
    left: 0;
    background-color: #fff;
    width: 100%;
    padding: 30px 10px;
    text-align: center;
    border-bottom: solid 1px #eee;
  }
  .design_gallery .gallery-filters fieldset.dropdown:hover ul::after {
    content: " ";
    display: block;
    width: 100%;
    height: 40px;
    position: absolute;
    bottom: -40px;
  }
  .design_gallery .gallery-filters fieldset.dropdown:hover ul li {
    display: inline-block;
    margin-right: 15px;
  }
  .design_gallery .gallery-filters fieldset.dropdown:hover ul li:last-child {
    margin-right: 0;
  }
}
.design_gallery .templates-list {
  float: right;
  width: 85%;
}
@media screen and (max-width: 1279px) {
  .design_gallery .templates-list {
    width: 100%;
  }
}
.design_gallery .templates-list.partner {
  padding-left: 0px !important;
}
.design_gallery .templates-list.partner li {
  width: 50% !important;
}
@media screen and (max-width: 1279px) {
  .design_gallery .templates-list {
    padding: 0;
  }
}
.design_gallery .templates-list ul {
  margin-bottom: 50px;
}
.design_gallery .templates-list ul::after {
  clear: both;
  content: "";
  display: table;
}
.design_gallery .templates-list ul li {
  width: 33.33%;
  padding: 10px;
  float: left;
  position: relative;
  overflow: hidden;
  -webkit-animation: fadeIn 0.3s ease-in;
  -moz-animation: fadeIn 0.3s ease-in;
  animation: fadeIn 0.3s ease-in;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  animation-fill-mode: both;
}
.design_gallery .templates-list ul li:nth-child(1) {
  -webkit-animation-delay: 0.1s;
  -moz-animation-delay: 0.1s;
  animation-delay: 0.1s;
}
.design_gallery .templates-list ul li:nth-child(2) {
  -webkit-animation-delay: 0.2s;
  -moz-animation-delay: 0.2s;
  animation-delay: 0.2s;
}
.design_gallery .templates-list ul li:nth-child(3) {
  -webkit-animation-delay: 0.3s;
  -moz-animation-delay: 0.3s;
  animation-delay: 0.3s;
}
.design_gallery .templates-list ul li:nth-child(4) {
  -webkit-animation-delay: 0.4s;
  -moz-animation-delay: 0.4s;
  animation-delay: 0.4s;
}
.design_gallery .templates-list ul li a {
  display: block;
}
.design_gallery .templates-list ul li img {
  display: block;
  width: 100%;
}
.design_gallery .templates-list ul li .template-info {
  font-size: 13px;
  margin: 15px 0 0;
  padding: 3px 0 0;
  border-top: solid 1px #ddd;
}
.design_gallery .templates-list ul li .template-info .template-type {
  color: #15ace1;
  text-transform: uppercase;
}
.design_gallery .templates-list ul li:hover {
  background-color: #fff;
}
.design_gallery .templates-list ul li.advertisement.gal300x250 {
  overflow: visible;
  text-align: left;
}
.design_gallery .templates-list ul li.advertisement:hover {
  background-color: transparent;
}
.design_gallery .templates-list ul li li.advertisement {
  margin-top: 25px;
}
.design_gallery .templates-list ul.pm li {
  width: 25%;
}
.design_gallery .templates-list ul.pm li .template-info {
  margin: 15px 10px 0;
}
.design_gallery .templates-list ul.has-advertisement .template {
  margin-top: 30px;
}
.design_gallery .templates-list ul .ad {
  float: left;
}

.design_gallery .numbered-pagination {
  padding-bottom: 40px;
}

.design_gallery #seo {
  padding: 20px 0;
  font-size: 11px;
  font-weight: 100;
  color: #555555;
  line-height: 1.6;
}
.design_gallery #seo::after {
  clear: both;
  content: "";
  display: table;
}
.design_gallery #seo .column {
  display: table-cell;
  width: 36%;
  padding: 15px 20px 5px;
  vertical-align: top;
}
@media screen and (max-width: 1019px) {
  .design_gallery #seo .column {
    width: 72%;
    float: left;
  }
}
@media screen and (max-width: 767px) {
  .design_gallery #seo .column {
    display: block;
    width: 100%;
    float: none;
  }
}
.design_gallery #seo .column:first-child {
  width: 28%;
  padding: 20px 25px;
  font-size: 12px;
  background-color: #f1f1f1;
}
@media screen and (max-width: 767px) {
  .design_gallery #seo .column:first-child {
    width: 100%;
  }
}
.design_gallery #seo h1 {
  font-size: 15px;
  margin: 0 0 1.5em;
  font-weight: 400;
  color: #71ab09;
}
.design_gallery #seo h2 {
  font-size: 14px;
  margin: 0 0 0.8em;
}
.design_gallery #seo p {
  margin: 0 0 1em;
}

.design_gallery #partner_message {
  text-align: center;
  color: #cfcdd4;
  font-size: 11px;
  margin-bottom: 20px;
  line-height: 1.4em;
}

.design_gallery .no-results {
  font-size: 20px;
  padding: 30px 110px 50px;
  text-align: center;
  line-height: 30px;
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
#profile_nav {
  background: url("/assets/1464809026/images/profile/nav_bg.png") repeat-x scroll 0 0 transparent;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  height: 40px;
  margin: 0 auto;
  padding: 0 20px;
  width: 980px;
}
#profile_nav li {
  background: url("/assets/1464809026/images/profile/tab_divider.png") no-repeat scroll right 4px transparent;
  float: left;
  height: 44px;
  margin: -3px 0 -1px;
  width: 180px;
}
#profile_nav li a {
  text-decoration: none;
  background-position: 52px 15px;
  background-repeat: no-repeat;
  color: #6D6D6D;
  display: block;
  font-size: 11px;
  font-weight: bold;
  height: 43px;
  padding-left: 25px;
  padding-top: 17px;
  text-align: center;
  text-shadow: 1px 1px 1px #FFFFFF;
  text-transform: uppercase;
  width: 180px;
}
#profile_nav li.my_profile a {
  background-image: url("/assets/1464809026/images/profile/icon_my_profile_off.png");
}
#profile_nav li.events a {
  background-image: url("/assets/1464809026/images/profile/icon_events_off.png");
  background-position: 55px 14px;
}
#profile_nav li.contacts a {
  background-image: url("/assets/1464809026/images/profile/icon_contacts_off.png");
  background-position: 47px 14px;
}
#profile_nav li.settings a {
  background-image: url("/assets/1464809026/images/profile/icon_settings_off.png");
  background-position: 52px 14px;
}
#profile_nav li.on.my_profile a, #profile_nav li:hover.my_profile a {
  background-image: url("/assets/1464809026/images/profile/icon_my_profile.png");
}
#profile_nav li.on.events a, #profile_nav li:hover.events a {
  background-image: url("/assets/1464809026/images/profile/icon_events.png");
}
#profile_nav li.on.contacts a, #profile_nav li:hover.contacts a {
  background-image: url("/assets/1464809026/images/profile/icon_contacts.png");
}
#profile_nav li.on.settings a, #profile_nav li:hover.settings a {
  background-image: url("/assets/1464809026/images/profile/icon_settings.png");
}
#profile_nav li.on {
  background-color: #FFFFFF;
  border-right: 0 none;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  color: #7F7F7F;
  background: none repeat scroll 0 0 transparent;
}
#profile_nav li.on a {
  background-color: #FFFFFF;
  border-right: 0 none;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  color: #7F7F7F;
}

#profile div.main {
  float: left;
  padding: 40px;
  width: 740px;
  border-left: 1px solid #ccc;
  min-height: 635px;
}
#profile div.main h2 {
  background: none repeat scroll 0 0 #FAFAFA;
  border: 1px solid #E3E3E3;
  border-radius: 3px 3px 3px 3px;
  color: #666e76;
  font-size: 14px;
  margin-bottom: 14px;
  margin-top: 0;
  padding: 10px 13px;
  position: relative;
}
#profile div.main h2 label {
  font-size: 11px;
  float: right;
  font-weight: normal;
  position: absolute;
  right: 0;
  top: 0;
}
#profile div.main h2 label input {
  width: 177px;
  margin-left: 5px;
  line-height: 15px;
  font-size: 14px !important;
}
#profile div.main div.saved h2 {
  background-color: #f0f188;
  text-align: center;
}
#profile .empty {
  margin: 1em 0;
}
#profile.my_profile #sidebar div.photo {
  position: relative;
  overflow: hidden;
  text-align: center;
}
#profile.my_profile #sidebar div.photo input {
  cursor: pointer;
  width: 110px;
  height: 300px;
  font-size: 300px;
  background: transparent;
  border: none;
  margin: 0;
  opacity: 0;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 20;
  -ms-filter: "alpha(opacity=0)";
}
#profile.my_profile #sidebar div.photo .remove-profile {
  margin-left: 20px;
}
#profile.my_profile #sidebar div.photo .over {
  color: #62ae20;
}
#profile.my_profile #sidebar div.photo #image_options {
  height: 24px;
  bottom: 18px;
  left: 8px;
  right: 9px;
  display: inline-block;
}
#profile.my_profile #sidebar div.photo #image_options .remove_profile_photo {
  z-index: 1000;
  cursor: pointer;
  margin: 0 0 0 5px;
}
#profile.my_profile #sidebar div.privacy_settings {
  padding: 14px;
  float: left;
}
#profile.my_profile #sidebar div.privacy_settings h3 {
  margin: 0 0 1em 0;
  padding-left: 17px;
}
#profile.my_profile #sidebar div.privacy_settings label {
  display: none;
}
#profile.my_profile #sidebar div.privacy_settings ul {
  padding: 0 0 0 5px;
}
#profile.my_profile #sidebar div.privacy_settings ul label {
  display: inline;
}
#profile.my_profile #sidebar div.privacy_settings ul li {
  margin-bottom: 0.6em;
}
#profile.my_profile #sidebar div.privacy_settings ul li input {
  margin: 3px 6px 0 5px;
  float: left;
}
#profile.my_profile #sidebar div.privacy_settings span.required {
  display: none;
}
#profile.my_profile div.form-field {
  position: relative;
  clear: both;
  min-height: 46px;
}
#profile.my_profile div.form-field label {
  position: relative;
}
#profile.my_profile div.form-field span.required {
  top: 4px;
  left: -4px;
}
#profile.my_profile div.form-field input {
  font-family: inherit;
}
#profile.my_profile div.form-field .errorlist {
  display: block;
  width: 328px;
  margin-left: 112px;
}
#profile.my_profile div.main label {
  float: left;
  font-weight: bold;
  text-align: left;
  padding: 6px;
}
#profile.my_profile div.information label {
  width: 160px;
  text-align: right;
  padding-right: 10px;
}
#profile.my_profile div.information input[type="text"] {
  width: 300px;
}
#profile.my_profile div.about label, #profile.my_profile div.location label {
  padding-right: 10px;
  width: 170px;
  text-align: right;
}
#profile.my_profile div.about input[type="text"], #profile.my_profile div.location input[type="text"] {
  width: 300px;
}
#profile.my_profile div.location {
  /* don't show the help text for autocomplete */
}
#profile.my_profile div.location .ui-helper-hidden-accessible {
  display: none;
}
#profile.my_profile div.birth_year, #profile.my_profile div.birth_month, #profile.my_profile div.birth_day {
  width: auto;
  display: inline;
  padding: 0;
}
#profile.my_profile div.birth_year .select-holder, #profile.my_profile div.birth_month .select-holder, #profile.my_profile div.birth_day .select-holder {
  width: 90px;
  float: left;
  margin-right: 15px;
}
#profile.my_profile div.birth_year .clearfix, #profile.my_profile div.birth_month .clearfix, #profile.my_profile div.birth_day .clearfix {
  display: none;
}
#profile.my_profile .birth_year .select-holder {
  margin-right: 0;
}
#profile.my_profile div.birth_year span.required, #profile.my_profile div.birth_day span.required {
  display: none;
}
#profile.my_profile div.birth_year label, #profile.my_profile div.birth_day label {
  display: none;
}
#profile.my_profile .gender .errorlist li {
  float: none;
}
#profile.my_profile .gender ul {
  display: block;
  width: 320px;
}
#profile.my_profile .gender ul li {
  padding-top: 5px;
  float: left;
}
#profile.my_profile .gender ul label {
  margin-right: 18px;
  line-height: 20px;
  font-weight: normal;
  float: none;
  width: auto;
  padding: 0;
}

#profile-form .form-field .select-holder {
  width: 300px;
  float: left;
}

#profile_page {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  background: #fff;
  border-bottom-left-radius: 7px;
  border-bottom-right-radius: 7px;
  border-color: #E8E8E8;
  border-image: none;
  border-right: 1px solid #E8E8E8;
  border-style: none solid solid;
  border-width: 0 1px 1px;
  color: #666e76;
  height: auto !important;
  margin: 0 auto;
  min-height: 633px;
  width: 980px;
}
#profile_page ul#shared_events {
  margin-top: -10px;
  padding: 0 10px 10px;
}
#profile_page ul#shared_events li {
  background-position: 92px 13px;
  padding: 12px 0 0 10px;
}
#profile_page ul#shared_events li.event {
  min-height: 48px;
  border-bottom: 1px solid #E3E3E3;
  clear: both;
  margin: 0;
  position: relative;
}
#profile_page ul#shared_events .title {
  color: #333333;
  font-size: 14px;
  font-weight: bold;
  padding-left: 0;
  width: 280px;
}
#profile_page ul#shared_events .title a {
  color: #000000;
}
#profile_page ul#shared_events .date {
  color: #9ea0ab;
  line-height: 22px;
  position: absolute;
  font-size: 12px;
  left: 420px;
  text-align: left;
  top: 12px;
  width: 80px;
}
#profile_page ul#shared_events .time {
  left: 420px;
  text-align: left;
  top: 34px;
  color: #9ea0ab;
  position: absolute;
  width: 80px;
}
#profile_page ul#shared_events .host {
  padding-left: 0;
  line-height: 22px;
}
#profile_page ul.question_answers {
  padding: 0 20px 20px;
}
#profile_page ul.question_answers li {
  margin-bottom: 1em;
}
#profile_page div.ad {
  border-bottom-right-radius: 7px;
  float: right;
  padding: 20px;
  width: 200px;
}
#profile_page div.buttons {
  border-top: 1px solid #E5E5E5;
  padding: 12px 0;
}
#profile_page .profile_locked {
  border: 1px solid #E3E3E3;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  padding: 35px 8px 67px 94px;
}
#profile_page .profile_locked h1 {
  color: #000000;
  font-size: 18px;
  line-height: 1.2em;
  margin-bottom: 38px;
}
#profile_page .profile_locked p {
  float: left;
}
#profile_page .profile_locked a {
  float: right;
  margin: 0 95px 15px auto;
  white-space: nowrap;
  width: auto;
  vertical-align: middle;
}
#profile_page .profile_locked div.clearfix {
  margin-bottom: 10px;
}

.email_settings #profile_page,
.phone_settings #profile_page,
.verify_phone #profile_page,
.sms_settings #profile_page,
.notifications #profile_page,
.change_password #profile_page,
.social_networks #profile_page,
.manage_blocks #profile_page,
.ink_order_history #profile_page,
.pm_order_history #profile_page {
  background: url("/assets/1464809026/images/profile/3_column_bg_settings.png") repeat-y scroll 0 0 transparent;
}
.email_settings #profile_page .main,
.phone_settings #profile_page .main,
.verify_phone #profile_page .main,
.sms_settings #profile_page .main,
.notifications #profile_page .main,
.change_password #profile_page .main,
.social_networks #profile_page .main,
.manage_blocks #profile_page .main,
.ink_order_history #profile_page .main,
.pm_order_history #profile_page .main {
  border: none;
}

.ink_order_history #profile_page .main,
.pm_order_history #profile_page .main {
  width: 560px;
}

#profile.no-profile #profile_page {
  border-top-left-radius: 7px;
  border-top-right-radius: 7px;
  background: #ffffff;
  padding-top: 3em;
}
#profile.no-profile p {
  text-align: center;
}

#profile.events div.main {
  width: 775px;
  border: none;
  padding: 27px 0 0 21px;
}
#profile.events div.main .no_events {
  clear: both;
  zoom: 1;
  min-height: 70px;
  padding: 20px 50px 20px 200px;
  background: url(/assets/1464809026/images/icon_calendar_big.png) 90px 20px no-repeat;
  overflow: hidden;
}
#profile.events div.main .no_events h4 {
  font-size: 16px;
  color: #666e76;
  margin-bottom: 5px;
}
#profile.events div.main .no_events div {
  float: left;
  width: 200px;
}
#profile.events div.main .no_events div span {
  line-height: 25px;
}
#profile.events #show-past {
  padding-bottom: 10px;
  text-align: center;
}

#email_settings table {
  width: 100%;
}
#email_settings table tr td {
  vertical-align: top;
}
#email_settings #email_settings-form table {
  width: 100%;
}
#email_settings #email_settings-form table .form-field {
  padding: 0;
}
#email_settings .primary-account {
  padding-bottom: 20px;
  height: 45px;
}
#email_settings .primary-account .group p {
  margin-top: 13px;
  font-size: 14px;
  color: #2c333c;
  display: inline-block;
  padding-bottom: 17px;
  width: 220px;
  white-space: nowrap;
  vertical-align: top;
  text-overflow: ellipsis;
  overflow: hidden;
}
#email_settings .primary-account .group form {
  float: right;
}
#email_settings .primary-account .group span {
  display: block;
  float: right;
}
#email_settings .additional-accounts {
  padding: 20px 0 20px 0;
  border-top: 1px solid #cfcdd4;
  border-bottom: 1px solid #cfcdd4;
}
#email_settings .additional-accounts .merge_unavailable {
  background: none repeat scroll 0 0 #EDF9FF;
  border: 1px solid #CCCCCC;
  border-radius: 4px 4px 4px 4px;
  clear: both;
  color: #000000;
  font-size: 12px;
  font-weight: bold;
  padding: 8px 0;
  text-align: center;
  width: 440px;
  margin: 30px 0 0 65px;
}
#email_settings .additional-accounts > p {
  font-size: 14px;
  margin: 10px 0;
}
#email_settings .email .form-field {
  padding: 0;
  clear: both;
  margin-bottom: 1em;
}
#email_settings .email .form-field input {
  float: left;
}
#email_settings .email .form-field label {
  float: right;
  display: block;
  width: 327px;
  color: black;
  font-size: 13px;
}
#email_settings .email .form-field .required {
  display: none;
}
#email_settings .email button {
  margin-top: 20px;
}
#email_settings .email div.group {
  float: left;
  margin-left: 20px;
  width: 350px;
}
#email_settings .add-email, #email_settings .notifications {
  padding-top: 20px;
}
#email_settings .notifications {
  border-top: 1px solid #cfcdd4;
}
#email_settings .add-email {
  padding-bottom: 20px;
}

h4.legend {
  color: #666e76;
  display: block;
  float: left;
  font-size: 14px;
  font-weight: bold;
  text-align: right;
  width: 140px;
}

.extra-emails {
  padding-bottom: 20px;
}

div.group {
  float: left;
  margin-left: 20px;
  position: relative;
  width: 500px;
}
div.group p {
  font-size: 14px;
  color: #2c333c;
}
div.group p.email-address {
  display: inline-block;
  width: 280px;
  line-height: 35px;
  white-space: nowrap;
  vertical-align: top;
  text-overflow: ellipsis;
  overflow: hidden;
}
div.group .remove-btn {
  display: inline-block;
  margin-left: 10px;
}

.legend-offset {
  margin: 10px 0 0 160px;
}

#phone_settings p.welcome, #verify_phone p.welcome {
  font-size: 13px;
  color: #2c333c;
  margin-bottom: 20px;
  line-height: 16px;
}
#phone_settings form span.required, #verify_phone form span.required {
  display: none;
}
#phone_settings form label, #verify_phone form label {
  color: #666e76;
  display: block;
  float: left;
  line-height: 32px;
  font-size: 14px;
  font-weight: bold;
  margin: 0;
  text-align: right;
  width: 120px;
}
#phone_settings form input, #verify_phone form input {
  float: left;
  width: 200px;
  font-family: inherit;
  margin: 0 0 0 10px;
}
#phone_settings form span.helptext, #verify_phone form span.helptext {
  clear: left;
  color: #9ea0ab;
  display: inline-block;
  font-size: 11px;
  line-height: 13px;
  margin: 5px 0 0 130px;
}
#phone_settings form ul.errorlist, #verify_phone form ul.errorlist {
  margin-left: 130px;
}
#phone_settings form ul.errorlist li, #verify_phone form ul.errorlist li {
  width: 176px;
}
#phone_settings form div.buttons, #verify_phone form div.buttons {
  border: none;
  padding: none;
  clear: left;
  margin: 0 0 0 130px;
}

#sms_settings p.welcome {
  font-size: 13px;
  color: #2c333c;
  margin-bottom: 20px;
}
#sms_settings div.sms {
  float: left;
  margin-left: 10px;
  width: 360px;
}
#sms_settings div.sms div.sms_guest_invite_core {
  padding-top: 0;
}
#sms_settings div.sms input {
  float: left;
  margin-right: 5px;
}
#sms_settings div.sms label {
  font-size: 13px;
  color: #2c333c;
  display: inline;
}
#sms_settings div.sub-section {
  border-top: 1px solid #cfcdd4;
  padding-top: 20px;
}
#sms_settings div.buttons {
  border: none;
}
#sms_settings div.current-phone {
  padding-bottom: 20px;
}
#sms_settings div.current-phone span.number {
  color: #2c333c;
  font-size: 13px;
  float: left;
  margin-left: 10px;
}
#sms_settings div.current-phone button.delete {
  display: block;
  clear: both;
  margin-left: 150px;
  margin-top: 5px;
  float: left;
}

#change_password span.required {
  display: none;
}
#change_password label {
  color: #666e76;
  display: block;
  float: left;
  font-size: 13px;
  font-weight: bold;
  margin: 0;
  padding: 3px 0;
  text-align: right;
  width: 140px;
}
#change_password input {
  float: left;
  margin-left: 20px;
  width: 250px;
}
#change_password ul.errorlist {
  margin-left: 160px;
}
#change_password ul.errorlist li {
  width: 230px;
}

#profile {
  margin-top: 20px;
}

#sidebar {
  border-bottom-left-radius: 7px;
  border-top-left-radius: 7px;
  float: left;
  width: 218px;
  min-height: 633px;
}
#sidebar div.photo {
  background: none repeat scroll 0 0 #F9F9F9;
  border: 1px solid #E6E6E6;
  border-radius: 3px 3px 3px 3px;
  height: auto !important;
  min-height: 108px;
  padding: 4px;
}
#sidebar div.photo img {
  box-shadow: 0 1px 0 #CCCCCC;
  width: 180px;
}
#sidebar div.photo .letterface.huge {
  background-image: url(/assets/1464809026/images/v2/web/view/180_avatars.png);
  color: white;
  box-shadow: none;
  border-radius: 60px;
  background-size: 100%;
}
#sidebar div.photo .letterface.huge span.letters {
  display: block;
  font-size: 6em;
  line-height: 2.25em;
  text-align: center;
  text-transform: uppercase;
  width: 175px;
}
#sidebar div.photo .letterface.huge.disk-1 {
  background-position: 2px 3px;
}
#sidebar div.photo .letterface.huge.disk-2 {
  background-position: 2px -160px;
}
#sidebar div.photo .letterface.huge.disk-3 {
  background-position: 2px -321px;
}
#sidebar div.photo .letterface.huge.disk-4 {
  background-position: -1px -478px;
}
#sidebar div.photo .letterface.huge.disk-5 {
  background-position: -1px -632px;
}
#sidebar div.photo .letterface.huge.disk-6 {
  background-position: -1px -793px;
}
#sidebar div.photo .letterface.huge.disk-7 {
  background-position: -1px -948px;
}
#sidebar div.photo .letterface.huge.disk-8 {
  background-position: -1px -1102px;
}
#sidebar div.photo .letterface.huge.disk-9 {
  background-position: -1px -1257px;
}
#sidebar div.primary {
  border-bottom: 1px solid #ccc;
  width: 218px;
  padding: 14px;
}
#sidebar div.primary > .remove_profile_photo {
  display: block;
  font-size: 11px;
  margin: 5px 0;
  text-align: center;
}
#sidebar div.secondary {
  width: 100%;
  text-align: center;
}
#sidebar div.secondary a {
  margin: 6px auto;
}
#sidebar h3 {
  margin-top: 20px;
  margin-bottom: 0;
  color: #9ea0ab;
  font-size: 14px;
  padding-left: 5px;
}
#sidebar ul.details {
  padding: 20px 0 0 5px;
}
#sidebar ul.details li {
  margin-bottom: 1em;
}
#sidebar.settings {
  padding-top: 20px;
  padding-left: 15px;
  width: 217px;
}
#sidebar ul li {
  padding: 0;
}
#sidebar ul li a {
  display: block;
  line-height: 22px;
  padding-left: 10px;
  font-size: 14px;
}
#sidebar ul li a.on {
  font-weight: bold;
  color: #62ae20;
}
#sidebar div.nav ul {
  margin-left: 5px;
}
#sidebar div.nav ul li {
  padding-top: 10px;
}

#facebook_account_auth {
  margin-top: 20px;
  width: 290px;
}

#social_networks div.facebook .link {
  padding: 2px 0 1px 22px;
  display: block;
  color: #0181BD;
  font-size: 13px;
}
#social_networks div.facebook .remove {
  margin-top: 6px;
  display: block;
}

div.section {
  margin-bottom: 20px;
}
div.section.information {
  padding-left: 10px;
}

ul.ui-autocomplete {
  /* highlight every other row */
}
ul.ui-autocomplete li:nth-of-type(even) {
  background: #f8f5fa;
}
ul.ui-autocomplete li {
  line-height: 2.3em;
}
ul.ui-autocomplete a.ui-state-focus {
  color: #666e76;
  background-color: #ddd;
}
ul.ui-autocomplete span.name {
  width: 200px;
  overflow: hidden;
}
ul.ui-autocomplete span.address {
  float: right;
  width: 106px;
  overflow: hidden;
}

.heading {
  overflow: hidden;
  border-bottom: 2px inset #AAAAAA;
}
.heading .profile_events h1 {
  color: #999;
  font-size: 16px;
  margin-bottom: 1em;
  float: left;
  text-transform: capitalize;
}
.heading #event_nav {
  padding-left: 245px;
}
.heading #event_nav li:first-child a {
  -moz-border-radius: 5px 0 0 5px;
  -webkit-border-radius: 5px 0 0 5px;
  border-radius: 5px 0 0 5px;
}
.heading #event_nav li {
  float: left;
}
.heading #event_nav li a.active {
  color: white;
  background: #62ae20;
  border-color: transparent;
  -moz-box-shadow: 0 1px 1px #666e76 inset;
  -webkit-box-shadow: 0 1px 1px #666e76 inset;
  box-shadow: 0 1px 1px #666e76 inset;
}
.heading #event_nav li a {
  display: block;
  width: 141px;
  height: 25px;
  color: #999;
  font-size: 13px;
  font-weight: 100;
  text-decoration: none;
  background: white;
  border: 1px solid #bdbdbd;
  text-align: center;
  line-height: 25px;
  -moz-border-radius: 0 5px 5px 0;
  -webkit-border-radius: 0 5px 5px 0;
  border-radius: 0 5px 5px 0;
}

#profile.block_host #profile_page {
  background: url("/assets/1464809026/images/profile/2_column_bg.png") repeat-y scroll 0 0 transparent;
}
#profile.block_host #profile_page p {
  margin: 1em 0 1em 0;
}
#profile.block_host #profile_page button {
  margin: 0 10px;
}

#profile.verify_email #profile_page {
  background: url("/assets/1464809026/images/profile/2_column_bg.png") repeat-y scroll 0 0 transparent;
}
#profile.verify_email div.main {
  width: 740px;
  border: none;
}
#profile.verify_email p {
  margin: 1em 0 1em 0;
}
#profile.verify_email button {
  margin: 0 10px;
}
#profile.verify_email #verify-email-form {
  text-align: center;
}
#profile.verify_email #verify-email-form .form-field label {
  width: 350px;
  float: left;
  font-size: 14px;
  text-align: right;
  line-height: 23px;
  vertical-align: middle;
}
#profile.verify_email #verify-email-form .form-field input {
  float: left;
  margin-left: 20px;
  width: 290px;
}

#profile #profile_page #email_settings .main {
  border: none;
}
#profile #profile_page #id-contact-body .no_contacts {
  display: block;
  margin: 0 auto;
  width: 275px;
}
#profile #profile_page #id-contact-body .no_contacts#no_search {
  width: 310px;
}

.order-history li {
  margin: 20px 0;
  border-bottom: 1px solid #ddd;
}
.order-history li div {
  margin-bottom: 10px;
}
.order-history li div:last-of-type {
  margin-bottom: 20px;
}
.order-history li div h3 {
  display: inline-block;
}
.order-history li div label {
  width: 140px;
  margin-right: 20px;
  display: inline-block;
  text-align: right;
  color: #aaa;
}
.order-history li div p {
  display: inline-block;
}

aside.sidebar {
  margin: 20px 20px 0 0;
  width: 160px;
  float: right;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  padding: 20px;
  border: 1px solid #ddd;
  background: #fff;
}
aside.sidebar h3 {
  margin: 0 0 15px 0;
  font-size: 14px;
}
aside.sidebar a {
  margin: 15px auto 0;
  text-align: center;
}
aside.sidebar p {
  margin: 0 0 15px 0;
  line-height: 18px;
}
aside.sidebar p:last-of-type {
  margin: 0;
}
aside.sidebar p span {
  font-weight: bold;
  padding-right: 10px;
}

.profile_contacts #connection_selector input.text {
  margin: 0;
  padding: 3px;
  font-family: inherit;
  border: 1px solid #ccc;
  font-size: 1.1em;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-box-shadow: 0 2px 2px #E3E3E3 inset;
  -webkit-box-shadow: 0 2px 2px #E3E3E3 inset;
  box-shadow: 0 2px 2px #E3E3E3 inset;
  -webkit-background-clip: padding-box;
}

div.profile_page #shared_events li {
  background-position: 10px 15px no-repeat;
  background-position: 92px 13px;
}
div.profile_page #shared_events li.text {
  padding: 12px 0 10px 10px;
  font-size: 12px;
}
div.profile_page #shared_events li.loader {
  padding: 0;
  text-align: center;
  color: #666e76;
  background: url("/assets/1464809026/images/ajax-loader-large.gif") no-repeat top center;
  padding-top: 55px !important;
}
div.profile_page ul#shared_events {
  padding: 0 10px 10px 10px;
  margin-top: -10px !important;
}
div.profile_page ul#shared_events li {
  padding: 12px 0 0 10px;
  background-position: 92px 13px;
}
div.profile_page ul#shared_events .title {
  font-weight: bold;
  color: #333;
  font-size: 14px;
  width: 280px;
  padding-left: 0;
}
div.profile_page ul#shared_events .date {
  left: 420px;
  text-align: left;
  font-size: 12px;
  top: 12px;
}

div.profile_contacts {
  position: relative;
}
div.profile_contacts div#display_contacts {
  width: 100%;
  border-bottom-right-radius: 7px;
  border-bottom-left-radius: 7px;
  background: url(/assets/1464809026/images/profile/3_column_bg_contacts.png) repeat-y;
  overflow: hidden;
  min-height: 633px;
}
div.profile_contacts div#display_contacts div.contacts_heading {
  height: 39px;
  background: url(/assets/1464809026/images/profile/contacts_header.png) repeat-x;
  border-bottom: 1px solid #d9d9d9;
}
div.profile_contacts div#display_contacts div.contacts_heading h1 {
  float: left;
  color: #999;
  font-size: 17px;
  margin: 10px 0 0 20px;
}
div.profile_contacts div#display_contacts div.contacts_heading .button-secondary-inverse {
  margin: 6px 10px 0 0;
  float: right;
}
div.profile_contacts div#display_contacts div.contacts_heading .divider-line {
  margin: 5px 10px 0 0;
  float: right;
  width: 1px;
  background: #ddd;
  height: 28px;
}
div.profile_contacts div#display_contacts div.contacts_heading .create_label {
  margin: 13px 10px 0 0;
  float: right;
}
div.profile_contacts div#display_contacts div.list_col {
  width: 600px;
  float: left;
}
div.profile_contacts div#display_contacts div.right_col {
  width: 179px;
  float: left;
}
div.profile_contacts div#display_contacts div.selector_col {
  width: 199px;
  float: left;
}
div.profile_contacts div#display_contacts div.selector_col div.search_holder {
  margin: 6px 0 6px 10px;
  float: left;
}
div.profile_contacts div#display_contacts div.selector_col div.search_holder .cancellable_textbox {
  width: 175px;
  height: 27px;
  border-radius: 14px;
  border: 1px solid #ccc;
  position: relative;
}
div.profile_contacts div#display_contacts div.selector_col div.search_holder .cancellable_textbox #contact_search {
  position: absolute;
  margin: 0;
  padding: 4px;
  width: 135px;
  height: 25px;
  border: 0;
  left: 30px;
  /* Firefox 19+ */
  /* IE10 */
  /* when the placeholder polyfill is active it adds this class */
}
div.profile_contacts div#display_contacts div.selector_col div.search_holder .cancellable_textbox #contact_search::-webkit-input-placeholder {
  color: #c2c2c2;
  font-size: 12px;
  font-weight: 100;
  padding-left: 8px;
}
div.profile_contacts div#display_contacts div.selector_col div.search_holder .cancellable_textbox #contact_search:-moz-placeholder {
  color: #c2c2c2;
  font-size: 12px;
  font-weight: 100;
  padding-left: 8px;
}
div.profile_contacts div#display_contacts div.selector_col div.search_holder .cancellable_textbox #contact_search.placeholder {
  color: #c2c2c2;
  font-size: 12px;
  font-weight: 100;
  padding-left: 8px;
}
div.profile_contacts div#display_contacts div.selector_col div.search_holder .cancellable_textbox #contact_search::-moz-placeholder {
  color: #c2c2c2;
  font-size: 12px;
  font-weight: 100;
  padding-left: 8px;
}
div.profile_contacts div#display_contacts div.selector_col div.search_holder .cancellable_textbox #contact_search:-ms-input-placeholder {
  color: #c2c2c2;
  font-size: 12px;
  font-weight: 100;
  padding-left: 8px;
}
div.profile_contacts div#display_contacts div.selector_col div.search_holder .cancellable_textbox #contact_search.placeholder {
  color: #c2c2c2;
  font-size: 12px;
  font-weight: 100;
  padding-left: 8px;
}
div.profile_contacts div#display_contacts div.selector_col div.search_holder .cancellable_textbox div.search_icon {
  padding: 10px 9px;
  background: url("/assets/1464809026/images/icon_search.png") no-repeat;
  background-position: right center;
  position: absolute;
  left: 8px;
  top: 3px;
}
div.profile_contacts div#display_contacts div.selector_col div.search_holder .cancellable_textbox a.cancel {
  display: none;
  padding: 10px;
  background: url("/assets/1464809026/images/icon_search.png") no-repeat;
  position: absolute;
  background-position: left center;
  right: 2px;
  top: 1px;
}
div.profile_contacts div#display_contacts div.selector_col ul#group_selection {
  padding: 9px;
  float: left;
  clear: left;
  border-top: 1px solid #eee;
  width: 100%;
}
div.profile_contacts div#display_contacts div.selector_col ul#group_selection li {
  margin: 0;
  font-size: 12px;
}
div.profile_contacts div#display_contacts div.selector_col ul#group_selection a {
  color: #666e76;
  display: block;
  cursor: pointer;
  height: 23px;
  line-height: 22px;
  width: 180px;
  padding: 0 0 0 10px;
  overflow: hidden;
}
div.profile_contacts div#display_contacts div.selector_col ul#group_selection a.active {
  background: url(/assets/1464809026/images/profile/bg_selected_group.png) no-repeat;
  color: #fff;
  font-weight: bold;
}
div.profile_contacts div#display_contacts div.selector_col ul#group_selection a:hover.active {
  color: #fff !important;
  text-decoration: none;
}
div.profile_contacts div#display_contacts div#manage_group {
  float: left;
  width: 580px;
  padding: 11px 10px;
  font-size: 11px;
  display: none;
}

.profile_contacts #connection_selector ul.no_contacts li {
  text-align: center;
  padding: 20px 0;
}
.profile_contacts #connection_selector ul.no_contacts li p {
  font-size: 14px;
  margin: 3em 0 1em 0;
}
.profile_contacts #connection_selector ul li {
  height: auto;
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  text-overflow: ellipsis;
  float: left;
}
.profile_contacts #connection_selector ul li.select {
  padding-top: 5px;
}
.profile_contacts .contact-list ul#contacts_loading {
  display: none;
}
.profile_contacts .contact-list ul#contacts_loading li {
  text-align: center;
  padding: 20px 0;
}
.profile_contacts .contact-list .select {
  border-left: 0 !important;
}
.profile_contacts .contact-list .edit, .profile_contacts .contact-list .remove {
  text-align: center !important;
  width: 150px;
}
.profile_contacts #connection_selector ul.profile-contacts-header {
  border: 0;
}
.profile_contacts #connection_selector ul.profile-contacts-header li {
  float: left;
  display: block;
  width: 160px;
  background-color: #F9F9F9;
  vertical-align: middle;
  font-weight: normal;
  font-size: 11px;
  height: 40px;
  text-align: left;
  line-height: 19px;
  border-right: 1px solid #ececec !important;
  border-left: 1px solid #fff;
  border-bottom: 1px solid #ececec;
  padding-top: 11px;
  padding-bottom: 4px;
}
.profile_contacts #connection_selector ul.profile-contacts-header li a.sort {
  font-size: 11px;
}
.profile_contacts #connection_selector ul.profile-contacts-header li.search {
  padding-left: 10px;
}
.profile_contacts #connection_selector ul.profile-contacts-header li.select {
  width: 52px;
}
.profile_contacts #connection_selector ul.profile-contacts-header li.select span {
  margin-left: 10px;
}
.profile_contacts #connection_selector ul.profile-contacts-header li.name {
  padding-left: 10px;
  width: 160px;
}
.profile_contacts #connection_selector ul.profile-contacts-header li.email {
  padding-left: 10px;
  width: 202px;
}
.profile_contacts #connection_selector ul.profile-contacts-header li.edit {
  width: 76px;
}
.profile_contacts #connection_selector ul.profile-contacts-header li.remove {
  width: 90px;
  border-right: 0;
}
.profile_contacts #connection_selector ul#id-contact-body {
  width: 580px;
  float: left;
  cursor: default;
}
.profile_contacts #connection_selector ul#id-contact-body > li:nth-child(even) {
  background: #f9f9f9;
}
.profile_contacts #connection_selector ul#id-contact-body > li:hover {
  background: #ffffcc;
}
.profile_contacts #connection_selector ul#id-contact-body > li.selected:hover {
  background: #d6f1b2;
}
.profile_contacts #connection_selector ul#id-contact-body > li > ul.row li.edit a {
  margin: 0 auto !important;
  width: 30px;
  text-align: center;
}
.profile_contacts #connection_selector ul#id-contact-body > li > ul.row li.edit a.save_link {
  display: none;
  margin-right: 0 !important;
}
.profile_contacts #connection_selector ul#id-contact-body > li > ul.row li {
  font-size: 12px;
  width: 164px;
  display: block;
  float: left;
  height: auto;
  line-height: 19px;
  white-space: nowrap;
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  text-overflow: ellipsis;
  padding: 8px 0 6px 10px;
}
.profile_contacts #connection_selector ul#id-contact-body > li > ul.row li a {
  color: #0181bd;
  font-size: 12px;
}
.profile_contacts #connection_selector ul#id-contact-body > li > ul.row li.remove a.remove_x {
  margin: 0 auto !important;
  display: block;
  background: url(/assets/1464809026/images/profile/icon_remove_contact.png);
  width: 9px;
  height: 9px;
  overflow: hidden;
}
.profile_contacts #connection_selector ul#id-contact-body > li > ul.row li.remove a.cancel_link {
  display: none;
  width: 40px;
}
.profile_contacts #connection_selector ul#id-contact-body > li > ul.row li.select {
  width: 52px;
  padding-top: 10px;
  padding-left: 0;
}
.profile_contacts #connection_selector ul#id-contact-body > li > ul.row li.select span {
  margin-left: 10px;
}
.profile_contacts #connection_selector ul#id-contact-body > li > ul.row li.name {
  width: 162px !important;
  display: block;
}
.profile_contacts #connection_selector ul#id-contact-body > li > ul.row li.email {
  width: 198px;
}
.profile_contacts #connection_selector ul#id-contact-body > li > ul.row li.edit {
  padding-left: 0;
  width: 77px;
}
.profile_contacts #connection_selector ul#id-contact-body > li > ul.row li.remove {
  padding-left: 0;
  padding-top: 14px;
  width: 90px;
  border-right: 0;
}
.profile_contacts div#contacts_selected_sender {
  margin-top: 10px;
  background: #fff;
  -moz-box-shadow: 0px 3px 3px #ccc;
  border: 1px solid #c1c1c1;
  width: 178px;
  float: right;
}
.profile_contacts div#contacts_selected_sender.fixed {
  margin-top: -80px;
  position: fixed;
}
.profile_contacts div#contacts_selected_sender div {
  padding: 8px 10px;
  overflow: hidden;
}
.profile_contacts div#contacts_selected_sender div a.button-primary {
  display: block;
  width: 126px;
  margin: 0 auto;
}
.profile_contacts div#contacts_selected_sender div.header {
  font-size: 12px;
  font-weight: bold;
  color: #666e76;
  border-bottom: 1px solid #d7d7d7;
  background: url(/assets/1464809026/images/profile/bg_contacts_send_header.png) repeat-x;
}
.profile_contacts div#contacts_selected_sender div.header span {
  float: left;
  margin-right: 5px;
  line-height: 19px;
  white-space: nowrap;
}
.profile_contacts div#contacts_selected_sender div.header strong {
  background: url(/assets/1464809026/images/guestlist/bg_yes_total.png);
  float: left;
  background-color: transparent;
  background-repeat: no-repeat;
  font-size: 12px;
  border-radius: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  color: #fff;
  line-height: 20px;
  text-align: center;
  width: 33px;
  margin: 0 7px 0 0;
}
.profile_contacts div#contacts_selected_sender div.body {
  font-size: 11px;
  padding: 16px 8px;
}
.profile_contacts div#contacts_selected_sender div.buttons {
  padding: 16px 0 6px 0;
}
.profile_contacts div#contacts_selected_sender div.buttons a {
  margin-bottom: 10px;
}
.profile_contacts #contacts_selected_sender_wrapper {
  position: absolute;
  top: 39px;
  right: 10px;
  z-index: 2;
  display: block;
  width: 180px;
}
.profile_contacts #contacts_selected_sender_wrapper.bottom {
  top: auto;
  bottom: 14px;
}
.profile_contacts #contacts_selected_sender.fixed {
  position: fixed;
  margin-top: -229px;
}
.profile_contacts .connection_selector input.text {
  width: 145px;
}

#connection_import_login {
  padding: 17px 20px;
  position: relative;
}
#connection_import_login .login_entry {
  padding: 8px 10px;
  line-height: 20px;
  background: #f8ffec;
  border: 1px solid #e3e3e3;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
#connection_import_login .login_entry p {
  font-size: 10px;
  font-style: italic;
  line-height: 20px;
  color: #999;
  text-align: right;
}
#connection_import_login h3 {
  color: #999;
  font-size: 16px;
  line-height: 20px;
  padding-left: 22px;
  background: url(/assets/1464809026/images/secure_lock.png) top left no-repeat;
  padding-bottom: 17px;
}
#connection_import_login h3 span {
  font-size: 11px !important;
  font-weight: normal;
  margin-left: 5px;
}
#connection_import_login .email_providers {
  height: 40px;
  zoom: 1;
}
#connection_import_login .email_providers .btn-secondary {
  margin: 0 4px 0 0;
}
#connection_import_login .email_providers .btn-secondary:last-child {
  margin: 0;
}
#connection_import_login .email_providers .last {
  margin: 0 !important;
}
#connection_import_login .email_providers .selected {
  background-position: 0 50px;
  box-shadow: 0 2px 3px #ddd inset;
  -moz-box-shadow: 0 2px 3px #ddd inset;
  -webkit-box-shadow: 0 2px 3px #ddd inset;
}
#connection_import_login .email_providers img {
  vertical-align: middle;
}
#connection_import_login .email_providers a {
  padding: 0 6px;
}
#connection_import_login .email_providers a img.profile {
  display: none;
}
#connection_import_login .email_providers a span {
  display: block;
  background-image: url(/assets/1464809026/images/import_icons/icons.png);
  background-repeat: no-repeat;
  text-indent: -100000px;
}
#connection_import_login .email_providers #gmail {
  width: 40px;
}
#connection_import_login .email_providers #hotmail span {
  width: 46px;
  background-position: 0 -25px;
}
#connection_import_login .email_providers #outlook span {
  width: 46px;
  background-position: 0 -27px;
}
#connection_import_login .email_providers #yahoo span {
  width: 46px;
  background-position: 0 -50px;
}
#connection_import_login .email_providers #aol span {
  width: 27px;
  background-position: 0 -75px;
}
#connection_import_login .email_providers #facebook {
  background: url(/assets/1464809026/images/facebook/facebook_btn.png) right no-repeat;
  border-color: #5779BD;
}
#connection_import_login .email_providers #facebook span {
  width: 35px;
  background-position: 0 -100px;
}

body.p_create_guests #connection_import_login .email_providers #facebook {
  display: none;
}

#connection_import_login {
  position: relative;
}
#connection_import_login .login_entry .import_connections {
  float: right;
  margin-top: 4px;
}
#connection_import_login .login_entry .form_field {
  width: 100%;
}
#connection_import_login .login_entry .form_field label {
  width: 60px;
  margin-right: 10px;
}
#connection_import_login .login_entry .form_field input {
  width: 265px;
}
#connection_import_login .help_text {
  font-size: 16px;
  color: #cccccc;
  left: 218px;
  line-height: 350px;
  position: absolute;
  text-align: center;
  top: 0;
  font-weight: bold;
  width: 777px;
}
#connection_import_login #upload_csv {
  position: absolute;
  top: 0px;
  left: 240px;
  width: 695px;
}
#connection_import_login #upload_csv #upload_csv_input {
  text-align: center;
}
#connection_import_login #upload_csv .upload-csv-button {
  position: relative;
  overflow: hidden;
  margin: 10px;
  z-index: 2;
}
#connection_import_login #upload_csv .upload-csv-button span {
  padding: 0 30px;
}
#connection_import_login #upload_csv .upload-csv-button input.upload {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  padding: 0;
  cursor: pointer;
  opacity: 0;
  z-index: 1;
  height: 40px;
}
#connection_import_login #upload_csv .csv-status-message {
  display: inline-block;
  margin: 20px auto;
  padding: 10px;
  border: 1px solid #DDD;
}
#connection_import_login #upload_csv .csv-status-message:empty {
  display: none;
}
#connection_import_login #upload_csv .csv-status-message.error {
  border-color: #e50000;
}

body.p_create_guests #connection_import_login .help_text {
  line-height: 100px;
}

#connection_import_login .profile_message {
  display: none;
}
#connection_import_login #import_login_loader {
  display: none;
  text-align: center;
  z-index: 10;
  top: -20px;
  left: -20px;
  position: absolute;
  width: 463px;
  height: 320px;
  background: #fff;
  opacity: 0.8;
}
#connection_import_login #import_login_loader img {
  margin-top: 115px;
}
#connection_import_login .login_entry .error_message {
  display: none;
  clear: both;
  margin: 5px 0;
  padding: 5px;
  background: #ffebeb;
  color: #e50000;
  line-height: 1.3em;
  text-align: center;
  border: 1px solid #eccdcd;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
}
#connection_import_login .login_entry .error_message span.error {
  display: block;
  font-size: 12px;
}

.profile_contacts #import_contacts {
  -webkit-border-bottom-right-radius: 7px;
  -webkit-border-bottom-left-radius: 7px;
  -moz-border-radius-bottomright: 7px;
  -moz-border-radius-bottomleft: 7px;
  border-bottom-right-radius: 7px;
  border-bottom-left-radius: 7px;
  display: none;
  min-height: 400px;
}
.profile_contacts #connection_import_login {
  padding: 0;
}
.profile_contacts #connection_import_login h3 {
  display: none;
}
.profile_contacts #connection_import_login .email_providers {
  width: 220px;
  float: left;
  height: auto;
}
.profile_contacts #connection_import_login .email_providers a {
  width: 218px !important;
  display: block !important;
  height: 70px !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  border-bottom: 1px solid #dcdcdc !important;
}
.profile_contacts #connection_import_login .email_providers a.btn-secondary {
  background: url(/assets/1464809026/images/profile/bg_import_selected.png) repeat-x !important;
}
.profile_contacts #connection_import_login .email_providers a.selected {
  background-position: 0 -70px !important;
  -moz-box-shadow: none;
}
.profile_contacts #connection_import_login .login_entry {
  position: relative;
  background: #fff;
  width: 360px;
  padding: 29px;
  height: auto;
  border: 1px solid #ccc;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  float: right;
  margin: 60px 160px 0 0;
}
.profile_contacts #connection_import_login .store_message {
  display: none;
}
.profile_contacts #connection_import_login .profile_message {
  display: block;
  border-bottom: 1px solid #eee;
  padding-bottom: 14px;
  margin-bottom: 20px;
}
.profile_contacts #connection_import_login .login_entry h4 {
  font-size: 16px;
}
.profile_contacts #connection_import_login .login_entry p {
  text-align: left;
  font-style: normal;
}
.profile_contacts #connection_import_login #import_login_loader {
  height: 360px;
  left: 220px;
  width: 760px;
  top: 0;
}
.profile_contacts #connection_selector .name, .profile_contacts #connection_selector .email {
  line-height: 20px;
}

#import_contacts #connection_selector th.search, #import_contacts #connection_selector .select {
  display: none;
}
#import_contacts #connections_wrapper {
  left: 240px;
  position: absolute;
  overflow-y: scroll;
  height: 550px;
}

#connection_selector .avatar {
  float: left;
  width: 20px;
  height: 20px;
  margin-right: 10px;
  line-height: 20px;
}

#import_contacts .email_providers a span {
  width: auto !important;
  line-height: 70px;
  background-repeat: no-repeat;
  background-position: 50% !important;
}
#import_contacts .email_providers a#facebook span {
  background-image: url(/assets/1464809026/images/profile/email_providers/facebook.png);
}
#import_contacts .email_providers a#gmail span {
  background-image: url(/assets/1464809026/images/profile/email_providers/gmail.png);
}
#import_contacts .email_providers a#outlook span, #import_contacts .email_providers a#live span {
  background-image: url(/assets/1464809026/images/profile/email_providers/outlook.png);
}
#import_contacts .email_providers a#yahoo span {
  background-image: url(/assets/1464809026/images/profile/email_providers/yahoo.png);
}
#import_contacts .email_providers a#aol span {
  background-image: url(/assets/1464809026/images/profile/email_providers/aol.png);
}
#import_contacts .email_providers a#evite span {
  background-image: url(/assets/1464809026/images/v2/web/logo-green.png);
  background-size: 84px 40px;
}
#import_contacts .email_providers a#csv span {
  background-image: url(/assets/1464809026/images/import_icons/upload_csv.png);
}

#connection_selector ul {
  width: 100%;
}
#connection_selector ul .select {
  width: 16px;
}
#connection_selector .table_placeholder li {
  padding: 77px 0;
  text-align: center;
  color: #999;
  font-size: 16px;
  font-weight: bold;
  vertical-align: middle;
}
#connection_selector .table_placeholder li:hover {
  background-color: #fff;
  cursor: default;
}
#connection_selector .add_to_contacts {
  color: #9a9a9a;
  font-size: 11px;
  width: 120px;
}
#connection_selector .add_to_contacts a {
  display: block;
  font-size: 12px;
}
#connection_selector .add_to_contacts .spinner {
  position: relative;
}
#connection_selector .add_to_contacts .spinner img {
  position: absolute;
  top: -3px;
  left: -8px;
}
#connection_selector .add_to_contacts {
  display: none;
  text-align: center;
}
#connection_selector li a {
  margin: 0 !important;
  text-shadow: none;
}
#connection_selector .group_selection {
  float: left;
  width: 200px;
  padding: 0;
  line-height: 21px;
}
#connection_selector .group_selection label {
  display: none;
}
#connection_selector .group_selection select {
  font-size: 13px;
  max-width: 200px;
}
#connection_selector #import_contact_list.selected li, #connection_selector #import_contact_list.selected:hover li {
  background: #d6f1b2;
}
#connection_selector #import_contact_list > li {
  margin-left: 1px;
}
#connection_selector #import_contact_list > li:nth-child(even) {
  background: #f9f9f9;
}
#connection_selector #import_contact_list > li ul .name {
  width: 255px;
}
#connection_selector #import_contact_list > li ul .email {
  width: 335px;
}
#connection_selector #import_contact_list > li ul .add_to_contacts {
  width: 118px;
  text-align: center;
  font-size: 12px;
  line-height: 20px;
}
#connection_selector #import_contact_list > li ul:hover li {
  background-color: #ffc;
  cursor: pointer;
}
#connection_selector #import_contact_list > li ul li {
  text-align: left;
  padding: 5px 10px;
  white-space: nowrap;
  overflow: hidden;
  display: block;
  float: left;
  height: 30px;
}
#connection_selector #import_contact_list > li ul li a {
  margin: 0 !important;
  color: #666e76;
  text-shadow: none;
  font-size: 0.9em;
}
#connection_selector #import_contact_list > li ul li.add_to_contacts a {
  color: #0181BD;
}
#connection_selector .search {
  background: #f9f9f9 url(/assets/1464809026/images/bg_table_header.gif) top repeat-x;
  padding: 5px 3px;
}
#connection_selector .search .data_provider {
  float: left;
  margin: 3px 0 0 3px;
}
#connection_selector .search div.cancellable_textbox {
  float: right;
}
#connection_selector .headings li {
  background: #f9f9f9;
  border: 1px solid #ccc;
  border-width: 0px 0px 1px 1px;
  font-weight: normal;
  display: block;
  float: left;
  line-height: 20px;
  padding: 5px 10px;
}
#connection_selector .headings li.name {
  width: 255px;
}
#connection_selector .headings li.email {
  width: 335px;
}
#connection_selector .headings li.remove {
  width: 120px;
}
#connection_selector li a.asc {
  padding-right: 14px;
  background: url(/assets/1464809026/images/sort_down.png) right no-repeat;
}
#connection_selector li a.desc {
  padding-right: 14px;
  background: url(/assets/1464809026/images/sort_up.png) right no-repeat;
}
#connection_selector .name div, #connection_selector .email div {
  width: 150px;
  overflow: hidden;
  line-height: 20px;
}

#connections_wrapper h3.contacts_unavailable {
  padding: 40px;
  text-align: center;
  font-size: 14px;
  color: #666e76;
}

#connection_selector #connection_loader {
  display: none;
  text-align: center;
  z-index: 10;
  top: -20px;
  left: -20px;
  position: absolute;
  width: 463px;
  height: 320px;
  background: #fff;
  opacity: 0.8;
}
#connection_selector #connection_loader img {
  margin-top: 115px;
}

#import_login_wrapper {
  clear: both;
  border: 1px solid #d3d3d3;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -moz-box-shadow: 0 2px 2px #E3E3E3 inset;
  -webkit-box-shadow: 0 2px 2px #E3E3E3 inset;
  box-shadow: 0 2px 2px #E3E3E3 inset;
  display: none;
  height: 235px;
}

* html #import_login_wrapper {
  background: url(/assets/1464809026/images/bg_formfield.gif) top repeat-x;
}

.profile_contacts #connection_selector input.text {
  margin: 0;
  padding: 3px;
  font-family: inherit;
  border: 1px solid #ccc;
  font-size: 1.1em;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-box-shadow: 0 2px 2px #E3E3E3 inset;
  -webkit-box-shadow: 0 2px 2px #E3E3E3 inset;
  box-shadow: 0 2px 2px #E3E3E3 inset;
  -webkit-background-clip: padding-box;
}

.profile_contacts {
  position: relative;
}
.profile_contacts #display_contacts {
  width: 100%;
  -webkit-border-bottom-right-radius: 7px;
  -webkit-border-bottom-left-radius: 7px;
  -moz-border-radius-bottomright: 7px;
  -moz-border-radius-bottomleft: 7px;
  border-bottom-right-radius: 7px;
  border-bottom-left-radius: 7px;
  background: url(/assets/1464809026/images/profile/3_column_bg_contacts.png) repeat-y;
  overflow: hidden;
  min-height: 400px;
}
.profile_contacts .contacts_heading {
  height: 39px;
  background: url(/assets/1464809026/images/profile/contacts_header.png) repeat-x;
  border-bottom: 1px solid #d9d9d9;
}
.profile_contacts .search_holder {
  margin: 6px 0 6px 10px;
  float: left;
}
.profile_contacts .contacts_heading h1 {
  float: left;
  color: #999;
  font-size: 17px;
  margin: 10px 0 0 20px;
}
.profile_contacts .contacts_heading .import_contacts {
  margin: 6px 10px 0 0;
  float: right;
}
.profile_contacts .contacts_heading .divider {
  margin: 5px 10px 0 0;
  float: right;
  width: 1px;
  background: #ddd;
  height: 28px;
}
.profile_contacts .contacts_heading .create_label {
  margin: 13px 10px 0 0;
  float: right;
}
.profile_contacts .selector_col {
  width: 199px;
  float: left;
}
.profile_contacts #select_group {
  padding: 9px;
  float: left;
  clear: left;
  border-top: 1px solid #eee;
  width: 100%;
}
.profile_contacts #select_group li {
  margin: 0;
}
.profile_contacts #select_group a {
  color: #666e76;
  cursor: pointer;
  display: block;
  cursor: pointer;
  height: 23px;
  line-height: 22px;
  width: 171px;
  padding: 0 0 0 10px;
  overflow: hidden;
}
.profile_contacts #select_group a.active {
  background: url(/assets/1464809026/images/profile/bg_selected_group.png) no-repeat;
  color: #fff;
  font-weight: bold;
}
.profile_contacts #select_group a:hover.active {
  color: #fff !important;
  text-decoration: none;
}
.profile_contacts #manage_group {
  float: left;
  width: 580px;
  padding: 11px 10px;
  font-size: 11px;
  display: none;
}
.profile_contacts .table {
  border: 0 !important;
  float: left;
  width: 580px;
  overflow: hidden;
}
.profile_contacts .table th, .profile_contacts .table td {
  padding: 5px;
  border: 0 !important;
}
.profile_contacts .table th {
  vertical-align: middle;
  font-weight: normal;
  font-size: 11px;
  text-align: left;
  border: 1px solid #ececec !important;
  padding-top: 6px !important;
  padding-bottom: 7px !important;
}
.profile_contacts .table th a.sort {
  font-size: 11px;
}
.profile_contacts .table th.search {
  padding-left: 10px !important;
}
.profile_contacts .table tr:nth-child(even) {
  background: #fff;
}
.profile_contacts .table tr.stripe {
  background-color: #f9f9f9;
}
.profile_contacts .table tr.hidden {
  display: none;
}
.profile_contacts .phone_string {
  line-height: 19px;
}

.p_profileprivate .table tr.no_contacts {
  display: none;
}

.profile_contacts #connection_selector.no_contacts li {
  text-align: center;
  padding: 20px 0;
}
.profile_contacts #connection_selector.no_contacts li p {
  font-size: 14px;
  margin: 3em 0 1em 0;
}
.profile_contacts #connection_selector.no_contacts li a {
  color: #000;
}
.profile_contacts #connection_selector li {
  height: auto;
  text-overflow: ellipsis;
}
.profile_contacts #connection_selector .select {
  padding-top: 5px;
}
.profile_contacts .table #contacts_loading {
  display: none;
}
.profile_contacts .table #contacts_loading li {
  text-align: center;
  padding: 20px 0;
}
.profile_contacts .table .select {
  border-left: 0 !important;
}
.profile_contacts .table .edit, .profile_contacts .table .remove {
  text-align: center !important;
  width: 70px;
}
.profile_contacts #connection_selector ul li.edit a {
  display: block;
  margin: 0 auto !important;
  width: 30px;
  text-align: center;
}
.profile_contacts #connection_selector ul li.edit a.save_link {
  display: none;
  margin-right: 0 !important;
}
.profile_contacts #connection_selector ul li.edit a li a {
  color: #0181bd;
  font-size: 12px;
}
.profile_contacts #connection_selector ul li.edit a li.remove a.remove_x {
  margin: 0 auto !important;
  display: block;
  background: url(/assets/1464809026/images/profile/icon_remove_contact.png);
  width: 9px;
  height: 9px;
  overflow: hidden;
}
.profile_contacts #connection_selector ul li.edit a li.remove a.cancel_link {
  display: none;
  width: 40px;
}
.profile_contacts #contacts_selected_sender {
  margin-top: 10px;
  background: #fff;
  -moz-box-shadow: 0px 3px 3px #ccc;
  border: 1px solid #c1c1c1;
  width: 178px;
  float: right;
}
.profile_contacts #contacts_selected_sender div {
  padding: 8px 10px;
  overflow: hidden;
}
.profile_contacts #contacts_selected_sender .header {
  font-weight: bold;
  color: #666e76;
  border-bottom: 1px solid #d7d7d7;
  background: url(/assets/1464809026/images/profile/bg_contacts_send_header.png) repeat-x;
}
.profile_contacts #contacts_selected_sender .header span {
  float: left;
  margin-right: 5px;
  line-height: 19px;
  white-space: nowrap;
}
.profile_contacts #contacts_selected_sender .header strong {
  background: url(/assets/1464809026/images/guestlist/bg_yes_total.png);
  float: left;
  background-color: transparent;
  background-repeat: no-repeat;
  font-size: 12px;
  border-radius: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  color: #fff;
  line-height: 20px;
  text-align: center;
  width: 33px;
  margin: 0 7px 0 0;
}
.profile_contacts #contacts_selected_sender .btn-primary {
  display: block;
  width: 126px;
  margin: 0 auto;
}
.profile_contacts #contacts_selected_sender .body {
  font-size: 11px;
  border-bottom: 1px solid #f0f0f0;
  padding: 16px 8px;
}
.profile_contacts #contacts_selected_sender .buttons {
  padding: 16px 0 6px 0;
}
.profile_contacts #contacts_selected_sender .buttons a {
  margin-bottom: 10px;
}
.profile_contacts #contacts_selected_sender_wrapper {
  position: absolute;
  top: 39px;
  right: 10px;
  z-index: 2;
  display: block;
  width: 180px;
}
.profile_contacts #contacts_selected_sender.fixed {
  position: fixed;
  margin-top: -229px;
}
.profile_contacts .connection_selector input.text {
  width: 145px;
}

.show-adskin {
  background-position: center 101px;
  background-repeat: no-repeat;
}
@media screen and (max-width: 1019px) {
  .show-adskin {
    background-position: center 50px;
  }
}

#hero_image {
  max-width: 980px;
  width: 100%;
  position: relative;
  padding: 0px;
}
#hero_image img {
  width: 100%;
}

.partner_gallery .template {
  margin-bottom: 40px;
}

/*# sourceMappingURL=app.css.map */