/**
 * body: top level container
 */
body {
  background-color: #ffffff !important;
  background: url("http://socialsign.in/media/prod/assets/62e37d0c-3dc7-11e8-bac6-22000b4c83e3.jpg") no-repeat center top;
  background-size: cover;
  /* font-family: "Helvetica", Arial; */
}

.background-image {
    display: none;
}

.container-fluid.spot .top-branding .brand .branding img {
  margin: 0 auto ;
  zoom: 1;
}

/**
 * global text style 
 * will effect all text
 * in this location 
 */
p, h1, h2, h3, h4, button, a {
  color: #414042;
}

#email_suggestion {
    color: #414042;
}
a.suggestion{
  color: #555555;
}
/**
 * global link hover style
 */
a:hover {
  color: #414042; }

/**
 * headline text
 * (Connect with SocialSign.in)
 */
h3 {
  font-weight: 600; }

/**
 * button styles
 */
 
.survey-button {
  border: 2px solid #2b3990 !important;
  background: #2b3990 !important;
 }
 
.survey-button:hover {
  border: 2px solid #222e7a !important;
  background: #222e7a !important;
 }
 
.survey-button:active, .survey-button:focus {
  border: 2px solid #2b3990 !important;
  background: #222e7a !important;
 }
 
/**
 * cta green button
 */
button.btn.btn-green, a.btn.btn-green {
  border: 2px solid #2b3990;
  color: #fff;
  background: #2b3990; }

button.btn-green:hover, a.btn-green:hover {
  border-color: #2b3990 !important;
  color: #fff !important;
  background: #222e7a !important;
  box-shadow: none; }

button.btn-green:active, a.btn-green:active,
button.btn-green:focus, a.btn-green:focus {
  border-color: #222e7a !important;
  color: #fff !important;
  background: #222e7a !important;
  box-shadow: none;
  text-decoration: none; }

/**
 * btn-acid
 * (email connect button)
 */
button.btn-acid, a.btn-acid {
  border: 2px solid #2b3990 !important;
  color: #fff;
  background: #2b3990 !important;
  box-shadow: none !important; }

button.btn-acid:hover, a.btn-acid:hover {
  border-color: #222e7a !important;
  color: #fff;
  background: #222e7a !important;
  box-shadow: none !important; }

button.btn-acid:active, a.btn-acid:active,
button.btn-acid:focus, a.btn-acid:focus {
  border-color: #222e7a !important;
  color: #fff;
  background: #222e7a !important;
  box-shadow: none !important;
  text-decoration: none; }

/**
 * fb buttons
 */
.container-fluid.spot-email .btn-fb:active,
.container-fluid.spot .signin .signinbody .btn.fb:active,
.container-fluid.spot-email .btn-fb:focus,
.container-fluid.spot .signin .signinbody .btn.fb:focus {
  box-shadow: inset 0px 0px 0px 2px #5887d3; }

/**
 * skip and access the web link
 */
button.access-the-web, a.access-the-web {
  color: #fff; }

/**
 * wave gradient background
 * small layout only 
 */
.container-fluid.spot .fade-out-graphic {
  background: transparent; }

/**
 * sign in body text
 */
.container-fluid.spot .signin {
  background: transparent !important; }

.signinbody h3, .signinbody h4, .emailsignup h3, .emailsignup p {
    color: #2e2f33 !important;
}



/**
 * terms style
 */
.container-fluid.spot .signin .signinbody .terms {
  color: #414042 !important;
  opacity: 1 !important; }

.container-fluid.spot-email p {
  color: #414042 !important;
  opacity: 1 !important; }
/**
 * terms link style
 */
.container-fluid.spot .signin .signinbody .terms a, .container-fluid.spot-email .footerp a {
  color: #555555 !important; }

.container-fluid.spot .signin .signinbody .terms a:hover, .container-fluid.spot-email .footerp a:hover {
  color: #414042 !important; }

/**
 * branding image (profile image)
 */
/*img.custom-branding {
  display: none; }*/

/**
 * help and business link styles
 */
.container-fluid.spot .signin .footer .footerp a {
  color: #555555 !important; }

.container-fluid.spot .signin .footer .footerp a:hover {
  color: #414042; }

/**
 * help and business container styles
 */
.container-fluid.spot .signin .footer .footerp {
  opacity: 1; }

/**
 * Sign up and sign in page
 */
/**
 * background
 */
.container-fluid.spot-email {
  background-color: #ffffff;
  background: url("http://socialsign.in/media/prod/assets/6b77dddc-3dc7-11e8-b348-22000b4c83e3.jpg") no-repeat center top;
  background-size: cover; }

.container-fluid.spot-email a.back-button {
  color: #000; }
  
.container-fluid.spot-email form input::placeholder {
  border-color: #555555 !important;
  color: #555555 !important; }

.container-fluid.spot-email form input {
  color: #414042 !important; }
  
.container-fluid.spot-email form input:focus {
  border-color: #2b3990 !important;
  color: #414042 !important; }

.container-fluid.spot-email .darkbg {
  background: none; }

.container-fluid.spot-email form button.btn-dark {
  border: 2px solid #2b3990;
  color: #fff;
  background: #2b3990;
}

.container-fluid.spot-email form button.btn-dark:hover {
  border-color: #2b3990;
  color: #fff;
  background: #222e7a;
  box-shadow: none; }

.container-fluid.spot-email form button.btn-dark:active,
.container-fluid.spot-email form button.btn-dark:focus {
  border-color: #222e7a;
  color: #fff;
  background: #222e7a;
  box-shadow: none;
  text-decoration: none; }

.container-fluid.spot-email .or p {
  color: #555555 !important; }

.container-fluid.spot-email .or .col-xs-5 {
  border-bottom: 1px solid #555555;
  opacity: 0.3; }

.need-help a {
  color: #414042; }

/**
 * mobile tabs
 */
 
 .container-fluid.spot-email-header a#email-sign-up-button.active {
    color: #fff;
    background: #222222;
    box-shadow: none;
 }
.container-fluid.spot-email-header {
  background: #414042; }

.container-fluid.spot-email-header a {
  color: #FFF;
  background: #414042; }

.container-fluid.spot-email-header a.active {
  background: #fff;
  color: #ff2344;
  box-shadow: none; }

.container-fluid.spot-email-header .col-xs-2 {
  background: #414042; }

.parsley-error-list li {
  text-align: left;
  color: #c00030; }

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
  font: 100% 'Open Sans', "Lucida Grande", Helvetica, Arial, sans-serif;
  font-style: italic;
  color: rgba(0, 0, 0, 0.5);
  font-size: 14px;
  font-weight: 300;
  text-align: left; }

input:-moz-placeholder, textarea:-moz-placeholder {
  font: 100% 'Open Sans', "Lucida Grande", Helvetica, Arial, sans-serif;
  font-style: italic;
  color: rgba(0, 0, 0, 0.5);
  font-size: 14px;
  font-weight: 300;
  text-align: left; }

input::-moz-placeholder, textarea::-moz-placeholder {
  font: 100% 'Open Sans', "Lucida Grande", Helvetica, Arial, sans-serif;
  font-style: italic;
  color: rgba(0, 0, 0, 0.5);
  font-size: 14px;
  font-weight: 300;
  text-align: left; }

input:-ms-input-placeholder, textarea:-ms-input-placeholder {
  font: 100% 'Open Sans', "Lucida Grande", Helvetica, Arial, sans-serif;
  font-style: italic;
  color: rgba(0, 0, 0, 0.5);
  font-size: 14px;
  font-weight: 300;
  text-align: left; }

/**
 * terms text
 */
.container-fluid.spot-email .footerp {
  opacity: 1; }

.container-fluid.spot-email .footer .footerp .terms {
  opacity: 1; }

.container-fluid.spot-email .footerp a {
  color: #fff; }

.container-fluid.spot-email .footerp a:hover {
  color: #faff00; }

.container-fluid.spot-email .footerp a:active,
.container-fluid.spot-email .footerp a:focus {
  color: #faff00;
  text-decoration: none; }

/**
 * Cards
 */
/**
 * main container
 * includes the wave background
 */
.multiple-card-layout {
  background-color: #ffffff;
  background: url("http://socialsign.in/media/prod/assets/6b77dddc-3dc7-11e8-b348-22000b4c83e3.jpg") no-repeat center top;
  background-size: cover; }

/**
 * green card button
 * NOTE: !importants are added because if an stylesheet placement
 *       they should not be normally used and will not be required
 *       after the next push (05/21/15)
 */
 
.multiple-card-layout h4.message {
    color: #414042 !important;
}
 
.ssi-card {
    -webkit-box-shadow: 0px 1px 8px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 1px 8px 0px rgba(0,0,0,0.2);
    box-shadow: 0px 1px 8px 0px rgba(0,0,0,0.2);
 }
.ssi-card .ssi-card-content-container a {
  background: #2b3990 !important;
  border: 1px solid #2b3990 !important;
  color: #fff !important; }

.ssi-card .ssi-card-content-container a:hover {
  border: 1px solid #2b3990 !important;
  color: #FFF !important;
  background: #222e7a !important; }

.ssi-card .ssi-card-content-container a:active,
.ssi-card .ssi-card-content-container a:focus {
  border: 1px solid #222e7a !important;
  color: #FFF !important;
  background: #222e7a !important;
  text-decoration: none !important; }


.ssi-card .ssi-card-content-container h2 {
  color: #2b3990 !important;
}

.ssi-card .ssi-card-content-container p {
  color: #414042 !important;
}


/**
* Survey Cards
*/

.ssi-card.survey .ssi-card-content-container h2 {
  font-size: 22px !important;
  line-height: 1.25em;
  font-weight: bold;
  flex-grow: 1;
  height: auto;
  padding: 47px 20px 50px;
  text-align: center;
  text-transform: uppercase;
  position: relative;
  top: -40px;
  width: 100%;
  margin: 0 auto;
  background: url("/media/prod/assets/831b1218-48c8-11e8-a709-22000b4c83e3.jpg") no-repeat;
  background-size: cover;
  background-position: 50% 47%;
  color: #ffffff !important;
  }

.ssi-card.survey .ssi-card-image-container {
    background: #ffffff !important;
}

.ssi-card.survey .ssi-card-content-container p {
  position: relative;
  display: none;
  top: 0px;
  color: #ffffff00 !important;
  font-size: 12px;
  line-height: 1.25em;
  overflow: visible;
  text-align: center;
  text-transform: uppercase;
  font-weight: 700;
  font-family: 'Raleway';
}



/**
 * checkbox
 */
#custom_checkbox_container label {
  color: #000; }

/**
 * loading screen
 */
.loading-screen {
  background: #FFF; }

.loading-screen .loading-icon {
  filter: invert(100%);
  -webkit-filter: invert(100%); }

/**
 * skip and access the web button
 */
button.access-the-web, a.access-the-web {
  background: rgba(0, 0, 0, 0.3);
  border: 1px solid rgba(255, 255, 255, 0.2);
  color: #fff; }
  button.access-the-web:hover, a.access-the-web:hover {
    border-color: rgba(255, 255, 255, 0.5);
    color: #fff;
    background: rgba(0, 0, 0, 0.6); }
  button.access-the-web:active, button.access-the-web:focus, a.access-the-web:active, a.access-the-web:focus {
    border-color: rgba(255, 255, 255, 0.5);
    color: #fff;
    background: rgba(0, 0, 0, 0.6); }

/**
 * footer bar
 */
.footer {
  background: rgba(0, 0, 0, 0.2) !important; }
.footer p, .footerp p {
  color: #2e2f33 !important; }
.footer .footerp a {
  color: #333438 !important; }
.footer .footerp a:hover {
  color: #2e2f33 !important; }
.footer .footerp a:active, .footer .footerp a:focus {
  color: #2e2f33 !important; }

/**
 * on off switch
 */
.onoffswitch-label p {
  line-height: 19px; }

.onoffswitch-switch-on {
  border: 2px solid rgba(255, 255, 255, 0);
  color: #222222; }

.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch-on {
  border-color: #222222;
  color: #222222; }

.onoffswitch-switch-off {
  border-color: #222222;
  color: #222222; }

.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch-off {
  border: 2px solid rgba(255, 255, 255, 0);
  color: #222222; }

.ssi-card .card-overlay {
  background-color: #00385f; }

/**
 * desktop / tablet layout only
 */
@media (min-width: 769px){

body {
  background-color: #ffffff !important;
  background: url("http://socialsign.in/media/prod/assets/62e37d0c-3dc7-11e8-bac6-22000b4c83e3.jpg") no-repeat left top;
  background-size: 50%;
  /* font-family: "Helvetica", Arial; */
}

.container-fluid.spot .top-branding .brand .branding img {
	zoom: 1.5;
	margin-top: -70px;
}
    
.container-fluid.spot .signin {
  background: #ffffff !important; }
}

input, textarea {
    border: 1px solid #555555 !important;
    color: #2e2f33 !important;
}

input::placeholder, textarea::placeholder {
    color: #555555 !important;
}

input:hover, textarea:hover {
    border: 1px solid #222e7a !important;
}