/* Sticky footer styles
--------------------------------------------------*/
html,body {
  height: 100%; /* The html and body elements cannot have any padding or margin. */
}
body {
  padding-top: 50px !important;
  font-size: 16px;
  color: #38495b;
}

::-webkit-input-placeholder {
  font-weight: 200;
}
 
::-moz-placeholder {
  font-weight: 200;
}

.textInput {
    color: #000;
    background-color: #F8F9F9;
    font-size: 20px;
    font-weight: 100;
    -webkit-font-smoothing: antialiased;
    width: 100%;
    height: 50px;
    margin-bottom: 10px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #DFE2E6;
    border-top: 1px solid #9EA7B1;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 20px 10px 0 10px;
    font-size: 18px;
    font: 18px/20px "proxima-nova",sans-serif;
    -webkit-transition: border 300ms ease;
    -moz-transition: border 300ms ease;
    -ms-transition: border 300ms ease;
    -o-transition: border 300ms ease;
    transition: border 300ms ease;
}
.inputLabel {
    float: left;
    position: relative;
    text-transform:uppercase;
    font-weight: 100;
    top: -56px;
    letter-spacing: 1px;
    left: 11px;
    font: 10px/20px "proxima-nova",sans-serif;
    color: #55606E;
    margin-bottom: -20px;
    -webkit-transition: color 300ms ease;
    -moz-transition: color 300ms ease;
    -ms-transition: color 300ms ease;
    -o-transition: color 300ms ease;
    transition: color 300ms ease;
}
.textInput.error {
    border: 1px solid #FFABAB;
border-top: 1px solid #FF9090;
}

.inputError {
    float: right;
    position: relative;
    text-transform:uppercase;
    font-weight: 100;
    top: -56px;
    letter-spacing: 1px;
    right: 11px;
    font: 10px/20px "AvenirNextLTW02-Regular","Helvetica Neue",Helvetica,Arial,Sans-serif;
    color: #55606E;
    margin-bottom: -20px;
    -webkit-transition: color 300ms ease;
    -moz-transition: color 300ms ease;
    -ms-transition: color 300ms ease;
    -o-transition: color 300ms ease;
    transition: color 300ms ease;
}

.btn {
    border-radius: 3px !important;
}

#footer .btn-primary {
    background-color: #4cc0e1;
    border-color: #4cc0e1;
    font-weight: 600;
}

#footer .btn-primary:hover {
    background-color: #85D9F1;
    border-color: #85D9F1;
}

#footer .btn-primary {
    color: #38495b !important;
}
.trynow {
    letter-spacing: 4px !important;
    padding-top: 3px;
    margin-bottom: -1px;
}
.btn-primary {
    color: #FFF;
    background-color: #455565;
    border-color: #455565;
    font-weight: 400;
    font-size: 14px;
}
.btn-primary:hover {
    background-color: #6E7C8A;
    border-color: #6E7C8A;
}

.btn-warning {
    color: #FFF;
    background-color: #f4793b;
    border-color: #f4793b;
    font-weight: 400;
    font-size: 14px;
}
.btn-warning:hover {
    background-color: #F18E5C;
    border-color: #F18E5C;
}

.api_connect {
    margin-top: 9px !important;
    padding: 7px 10px 6px;
}



.navbar-default {
    background-color: #fff;
    border-color: #E7E7E7;
    font-size: 14px;
    font-weight: 500;
    text-transform:uppercase;
}
.navbar-nav>li>a {
    font-weight: 600;
    font-size: 12px;
}
.navbar-nav .dropdown-menu>li>a{
    font-weight: 600;
    font-size: 12px;
}

.navbar-trynow a {
    padding: 7px 9px 5px 10px !important;
    margin-top: 8px;
    color: #FFF !important;
    font-weight: 600 !important;
}
.navbar-trynow a:hover {
    color:#38495b !important;
}
/* Wrapper for page content to push down footer */
#wrap {
  height: auto; /* Negative indent footer by its height */
}

/* Set the fixed height of the footer here */
#footer {
	height: 200px;
	background-color: #38495b;
	color: #FFF;
	padding:20px 0;
	text-align: center;
}
#footer a:link{
  color: #FFF;
}
#footer a:visited{
  color: #FFF;
}
#footer hr{
    border:0px;
    height:1px;
    background-color: #62707e;
    margin:40px 0;
}
#footer h1{
    color:#f68e5a;
    font-size: 60px;
    letter-spacing: 0px;
}
#footer h3{
    letter-spacing:4px;
    font-weight: 100;
    line-height: 60px;
    text-transform:uppercase;
}
#footer h4 {
    font-weight:300 !important;
    text-transform:uppercase;
    letter-spacing:3px;
}
#footer h5 {
    font-size: 12px;
    font-weight:100 !important;
    text-transform:uppercase;
    letter-spacing:1px;
}
.footer-info{
    text-align: left;
    font-weight: 400;
    font-size: 12px;
    text-transform:uppercase;
}
.footer-info big{
    color:#a8adb3;
    font-weight: 300;
    line-height:40px;
    letter-spacing: 3px;
    font-size: 14px;
}
.footer-info ul {
    padding-left: 16px;
}
.footer-info li {
    padding: 5px 0;
    color: #a8adb3;
}
.footer-info .fa-fw {
    text-align: left;
}
h1 {
    font-weight:200 !important;
    text-transform:uppercase;
}
/* Smartphones (portrait) ----------- */
@media all and (max-width : 767px) {
    /* Styles */
    #footer h1 {
        font-size: 32px;
    }
    h4 {
      font-size: 12px !important;
    }
    #wrap {
      margin: 0 auto -1600px; /* Pad bottom by footer height */
      padding: 0 0 1600px;
    }
    /* Set the fixed height of the footer here */
    #footer {
      height: 1600px;
    }
}
@media all and (max-width: 480px) {


}

/* LOGIN / SIGNUP 
-------------------------------------------------- */
.eventbrite-landing {
    background: #f4793b;
    color: #fff;

}
.eventbrite-landing p {
    font-weight: 200;
}
.eventbrite-landing .loginbox .btn-primary {
    color: #FFF;
    background-color: #9b4d25;
    border-color: #9b4d25;
    font-weight: 300;
    text-transform: uppercase;
}
.eventbrite-landing .loginbox .btn-primary:hover {
    background-color: #5F2608;
    border-color: #5F2608;
}
.panel-login {
    background: transparent !important;
}
.panel-login .panel-body{
    background: transparent !important;
}
.loginbox {
    text-align: center;
}
.loginbox h3 {
    text-transform: uppercase;
    font-weight: 100;
}
.login-header {
    padding:10px 0 40px;
    text-transform: uppercase;
    color: #a2aab2;
    font-size: 12px;
    font-weight: 400;
}
.login-header a {
    color: #455565;
}
.loginbox .btn-primary {
    color: #FFF;
    background-color: #455565;
    border-color: #455565;
    font-weight: 300;
}
.loginbox .btn-primary:hover {
    background-color: #25384B;
    border-color: #25384B;
}


.loginbox .btn-warning {
    color: #FFF;
    background-color: #f4793b;
    border-color: #f4793b;
    font-weight: 300;
}
.loginbox .btn-warning:hover {
    background-color: #E7560D;
    border-color: #E7560D;
}


/* BLOCKS
-------------------------------------------------- */

.generic-block p {
    line-height: 30px;
    margin-top: 30px;
    text-align: left;
}
.generic-block h1 {
    text-align: left;
}
.info-block {
    min-height: 500px;
}
.info-block h1, .info-block h2{
    letter-spacing: 7px;
    text-transform:uppercase;
    font-weight: 200;
}
.info-block-padder {
    padding-top:40px;
    padding-bottom:60px;
}

.advert-block {
    min-height: 540px;
    text-align: left;
}
.advert-block h1, .advert-block h2{
    letter-spacing: 0px;
    text-transform:uppercase;
    font-weight: 600 !important;
}
.advert-block h5{
    letter-spacing: 1px;
    line-height: 25px;
    font-weight:200;

}
.advert-block-padder {
    margin-top: -40px;
    margin-bottom: 40px;
}

.info-trio {
    text-align: center;
    margin-bottom: 90px;
}
.info-trio h4 {
    font-weight: 200 !important;
    color: #7e8893;
    text-transform:uppercase;
    letter-spacing: 4px;
}
.info-trio .img-wrapper{
    height: 80px;
    position: relative; 
}
.info-trio .img-wrapper img{
  overflow: auto;
  margin: auto auto 20px;
  position: absolute;
  top: 0; left: 0; bottom: 0; right: 0;
}
.video-block {
    margin: 60px 0 20px;
}

.video-block .container{
    background: url('../img/video_plch.jpg') no-repeat;
    height: 320px;
    text-align: center;
}

.video-block .container a { 
    margin-top: 100px;
    width: 300px;
    height: 80px;
    background-color: #f37767;
    border-color: #f37767;
    font-size: 20px;
    text-transform:uppercase;
    line-height: 56px;
    letter-spacing: 1px;
}
.video-block .container a img {
    padding-right:10px;
} 
.video-block .container a:hover {
    background-color: #f2614e;
    border-color: #f2614e;
}
.rental-block {
    margin-bottom: 40px;
    text-align: center;
    color: #fff;
    cursor: pointer;
}
.rental-block h2 {
    letter-spacing: 7px;
    font-weight: 100;
}
.rental-block h4 {
    letter-spacing: 1px;
    font-weight: 200;
}
.rental-block .container {
    background-color: #79c7db;
    min-height: 300px;
}
.rental-block .container:hover {
    background-color: #46BCDA;
}

.features-block {
    min-height: 650px;
    text-align: center;
    background: #455565;
    background-color: #455565;
    color: #fff;
}
.features-half-block {
    min-height: 350px;
}
.features-block-padder {
    padding-top:40px;
    padding-bottom:60px;
}
.features-block h1, .features-block h2{
    letter-spacing: 7px;
    text-transform:uppercase;
    font-weight: 200;
}
.features-block p {
    color: #a3b1bf;
    font-size: 13px;
}
.features-block h4 {
    font-size: 16px;
    text-transform:uppercase;
    font-weight: 500;
}
.features-block .img-wrapper{
    height: 100px;
    position: relative;
}

.features-block .img-wrapper img{
  overflow: auto;
  margin: auto;
  position: absolute;
  top: 0; left: 0; bottom: 0; right: 0;
}

.products-block {
    text-align:center;
}
.products-block h1 {
    font-weight:200 !important;
    color: #38495b;
    letter-spacing: 7px;
}
.products-block h2 {
    font-weight:300 !important;
    color: #38495b;
    font-size:24px;
    letter-spacing:1px;
}
.products-block h3 {
    font-weight:100 !important;
    color: #;
    line-height:40px;
    font-size: 20px;
}

.products-block p {
    font-weight: 300;
    color: #38495b;
}

.products-block h4 {
    letter-spacing: 2px;
    text-transform:uppercase;
    color: #38495b;
    font-weight: 400 !important;
}
.products-block .withborder{
    padding-bottom: 15px;
    border-bottom: 1px solid #79C7DB;
line-height:normal;
}

.panel-badge {
    background: transparent !important;
}
.panel-badge .panel-heading {
    background: url('../img/badgetop.png') no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.panel-badge .panel-heading h4{
    margin-top: 25px;
    text-transform: uppercase;
    color: #FFF;
    font-weight: 100;
    letter-spacing: 3px;
}
.panel-badge .panel-body {
    background-color: #fff;
    border-radius: 0 0 4px 4px;
}
.learnmore {
    font-size: 12px;
    font-weight: 600;
    color: #38495b;
    line-height: 24px;
    text-transform:uppercase;
}
.learnmore .fa {
    color: #4cc0e1;
    font-weight: 600;
}

/* CASE STUDIES
-------------------------------------------------- */
.case-study-block {
    text-align: left;
}

.case-studies {
    min-height: 580px !important;
}
.case-studies .row{
    padding-top:120px;
}
.case-studies .numbers {
    color: #fff;
    font-weight: 100;
    letter-spacing: -5px !important;
    font-size:100px;
}
.case-studies h2 {
    color: #79c7db;
    font-weight: 600;
    letter-spacing: 0px;
}

.case-study {
    min-height: 580px !important;
}
.case-study .row{
    padding-top:120px;
}
.case-study .numbers {
    color: #fff;
    font-weight: 100;
    letter-spacing: -5px !important;
    font-size:80px;
}
.case-study .numbers-mid {
    color: #fff;
    font-weight: 100;
    letter-spacing: -5px !important;
    font-size:100px;
}
.case-study h2 {
    color: #79c7db;
    font-weight: 600;
    letter-spacing: 0px;
}

.case-study-box {
    background: #f7f8f9;
    border: 1px solid #f7f8f9;
    min-height: 200px;
    cursor: pointer;
}

.case-study-box:hover {
    background: #38495b;
    color: #fff !important;
    border: 1px solid #38495b;
}
.case-study-box:hover p,.case-study-box:hover a,.case-study-box:hover h2{
    color: #fff !important;
}

.case-study-box p {
    padding: 0 40px;
    font-size: 14px;
}
.case-study-box h2 {
    padding-top: 10px;
    letter-spacing: 0px;
}
.case-study-box .header-img {
    height: 200px;
}
.case-study-quote-block {
    margin-bottom:50px;
    background: #ebf7fa;
    padding: 20px 40px;
    min-height:200px;
    text-align: center;
}
.case-study-quote-block h2 {
    line-height: 40px;
    font-weight: 100 !important;
    letter-spacing: 0px;
    font-style: italic;
}
.case-study-quote-block big {
    font-weight: 600;
}
.case-study-quote-block h5 {
    font-weight: 900;
    padding-top: 10px;
}
/* IMPORT MODE
-------------------------------------------------- */
.lp-im-top {
    background: #f2bd68;
    background-color: #f2bd68;
}
.lp-im-top h1 {
    font-weight: 600 !important;
    color: #9f7d46 !important;
    letter-spacing: 1px !important;
}
.lp-im-top h3 {
    margin-top:2px;
    font-weight: 400; 
    color: #9f7d46;
    letter-spacing: 1px;
}
.lp-im-top h4 {
    margin-top: 60px;
    font-weight: 200 !important;
    color: #fff !important;
    letter-spacing: 1px !important;
    text-transform:uppercase;
}
.lp-im-top p {
    color: #fff;
    font-size: 16px;
    font-weight: 200;
}

.lp-im-top .btn-primary {
    color: #FFF;
    background-color: #9f7d46;
    border-color: #9f7d46;
}
.lp-im-top .btn-primary:hover {
    background-color: #8A6730;
    border-color: #8A6730;
}

.lp-im-securitymatters .img-wrapper{
    height: 200px;
    position: relative;
}

.lp-im-securitymatters .img-wrapper img{
  overflow: auto;
  margin: auto 0 40px 0;
  position: absolute;
  top: 0; left: 0; bottom: 0; right: 0;
}
.lp-im-advert{
    background: url('../img/import_adv.jpg') no-repeat scroll 0px 0px / cover transparent;
    color: #fff;
}
.lp-im-advert .row {
    padding: 140px 0 0 40px;
}
.lp-im-advert .btn-default {
    margin-top:10px;
    color: #FFF;
    background-color: transparent;
    border-color: #fff;
    text-transform:uppercase;
}
.lp-im-advert .btn-default:hover {
    background-color: #fff;
    color: #000;
}
/* GUESTLIST
-------------------------------------------------- */
.lp-gl-top {
    background: #90c8eb;
    background-color: #90c8eb;
}
.lp-gl-top h1 {
    font-weight: 600 !important;
    color: #547990 !important;
    letter-spacing: 1px !important;
}
.lp-gl-top h3 {
    margin-top:2px;
    font-weight: 400; 
    color: #547990;
    letter-spacing: 1px;
}
.lp-gl-top h4 {
    margin-top: 60px;
    font-weight: 200 !important;
    color: #fff !important;
    letter-spacing: 1px !important;
    text-transform:uppercase;
}
.lp-gl-top p {
    color: #fff;
    font-size: 16px;
    font-weight: 200;
}

.lp-gl-top .btn-primary {
    color: #FFF;
    background-color: #547990;
    border-color: #547990;
}
.lp-gl-top .btn-primary:hover {
    background-color: #3D657E;
    border-color: #3D657E;
}
.lp-gl-securitymatters .img-wrapper{
    height: 200px;
    position: relative;
}

.lp-gl-securitymatters .img-wrapper img{
  overflow: auto;
  margin: auto 0 40px 0;
  position: absolute;
  top: 0; left: 0; bottom: 0; right: 0;
}
.lp-gl-advert{
    background: url('../img/banner_images/banner_image_14_wt.jpg') no-repeat scroll 0px 0px / cover transparent;
    color: #fff;
}
.lp-gl-advert .row {
    padding: 140px 0 0 40px;
}
.lp-gl-advert .btn-default {
    margin-top:10px;
    color: #FFF;
    background-color: transparent;
    border-color: #fff;
    text-transform:uppercase;
}
.lp-gl-advert .btn-default:hover {
    background-color: #fff;
    color: #000;
}
/* REPORTS
-------------------------------------------------- */
.lp-rp-top {
    background: #aed872;
    background-color: #aed872;
}
.lp-rp-top h1 {
    font-weight: 600 !important;
    color: #647d40 !important;
    letter-spacing: 1px !important;
}
.lp-rp-top h3 {
    margin-top:2px;
    font-weight: 400; 
    color: #647d40;
    letter-spacing: 1px;
}
.lp-rp-top h4 {
    margin-top: 60px;
    font-weight: 200 !important;
    color: #fff !important;
    letter-spacing: 1px !important;
    text-transform:uppercase;
}
.lp-rp-top p {
    color: #fff;
    font-size: 16px;
    font-weight: 200;
}

.lp-rp-top .btn-primary {
    color: #FFF;
    background-color: #647d40;
    border-color: #647d40;
}
.lp-rp-top .btn-primary:hover {
    background-color: #4B612A;
    border-color: #4B612A;
}
.lp-rp-securitymatters .img-wrapper{
    height: 200px;
    position: relative;
}

.lp-rp-securitymatters .img-wrapper img{
  overflow: auto;
  margin: auto 0 40px 0;
  position: absolute;
  top: 0; left: 0; bottom: 0; right: 0;
}

.lp-rp-advert{
    background: url('../img/banner_images/banner_image_08_wt.jpg') no-repeat scroll 0px 0px / cover transparent;
    color: #fff;
}
.lp-rp-advert .row {
    padding: 140px 0 0 40px;
}
.lp-rp-advert .btn-default {
    margin-top:10px;
    color: #FFF;
    background-color: transparent;
    border-color: #fff;
    text-transform:uppercase;
}
.lp-rp-advert .btn-default:hover {
    background-color: #fff;
    color: #000;
}

/* MULTI-SESSION
-------------------------------------------------- */
.lp-ms-top {
    background: #e0bfb6;
    background-color: #e0bfb6;
}
.lp-ms-top h1 {
    font-weight: 600 !important;
    color: #957b74 !important;
    letter-spacing: 1px !important;
}
.lp-ms-top h3 {
    margin-top:2px;
    font-weight: 400; 
    color: #957b74;
    letter-spacing: 1px;
}
.lp-ms-top h4 {
    margin-top: 60px;
    font-weight: 200 !important;
    color: #fff !important;
    letter-spacing: 1px !important;
    text-transform:uppercase;
}
.lp-ms-top p {
    color: #fff;
    font-size: 16px;
    font-weight: 200;
}

.lp-ms-top .btn-primary {
    color: #FFF;
    background-color: #957b74;
    border-color: #957b74;
}
.lp-ms-top .btn-primary:hover {
    background-color: #7E584E;
    border-color: #7E584E;
}
.lp-ms-securitymatters .img-wrapper{
    height: 200px;
    position: relative;
}

.lp-ms-securitymatters .img-wrapper img{
  overflow: auto;
  margin: auto 0 40px 0;
  position: absolute;
  top: 0; left: 0; bottom: 0; right: 0;
}
.lp-ms-advert{
    background: url('../img/multisession_adv.jpg') no-repeat scroll 0px 0px / cover transparent;
    color: #fff;
}
.lp-ms-advert .row {
    padding: 140px 0 0 40px;
}
.lp-ms-advert .btn-default {
    margin-top:10px;
    color: #FFF;
    background-color: transparent;
    border-color: #fff;
    text-transform:uppercase;
}
.lp-ms-advert .btn-default:hover {
    background-color: #fff;
    color: #000;
}

/* REGISTRATION
-------------------------------------------------- */
.lp-rg-top {
    background: #f19450;
    background-color: #f19450;
}
.lp-rg-top h1 {
    font-weight: 600 !important;
    color: #ad6627 !important;
    letter-spacing: 1px !important;
}
.lp-rg-top h3 {
    margin-top:2px;
    font-weight: 400; 
    color: #ad6627;
    letter-spacing: 1px;
}
.lp-rg-top h4 {
    margin-top: 60px;
    font-weight: 200 !important;
    color: #fff !important;
    letter-spacing: 1px !important;
    text-transform:uppercase;
}
.lp-rg-top p {
    color: #fff;
    font-size: 16px;
    font-weight: 200;
}

.lp-rg-top .btn-primary {
    color: #FFF;
    background-color: #ad6627;
    border-color: #ad6627;
}
.lp-rg-top .btn-primary:hover {
    background-color: #7E584E;
    border-color: #7E584E;
}
.lp-rg-securitymatters .img-wrapper{
    height: 200px;
    position: relative;
}

.lp-rg-securitymatters .img-wrapper img{
  overflow: auto;
  margin: auto 0 40px 0;
  position: absolute;
  top: 0; left: 0; bottom: 0; right: 0;
}
.lp-rg-advert{
    background: url('../img/banner_images/banner_image_12_wt.jpg') no-repeat scroll 0px 0px / cover transparent;
    color: #fff;
}
.lp-rg-advert .row {
    padding: 140px 0 0 40px;
}
.lp-rg-advert .btn-default {
    margin-top:10px;
    color: #FFF;
    background-color: transparent;
    border-color: #fff;
    text-transform:uppercase;
}
.lp-rg-advert .btn-default:hover {
    background-color: #fff;
    color: #000;
}

/* KIOSK MODE
-------------------------------------------------- */
.lp-ki-top {
    background: #819bf1;
    background-color: #819bf1;
}
.lp-ki-top h1 {
    font-weight: 600 !important;
    color: #435ba7 !important;
    letter-spacing: 1px !important;
}
.lp-ki-top h3 {
    margin-top:2px;
    font-weight: 400; 
    color: #435ba7;
    letter-spacing: 1px;
}
.lp-ki-top h4 {
    margin-top: 60px;
    font-weight: 200 !important;
    color: #fff !important;
    letter-spacing: 1px !important;
    text-transform:uppercase;
}
.lp-ki-top p {
    color: #fff;
    font-size: 16px;
    font-weight: 200;
}

.lp-ki-top .btn-primary {
    color: #FFF;
    background-color: #435ba7;
    border-color: #435ba7;
}
.lp-ki-top .btn-primary:hover {
    background-color: #324788;
    border-color: #324788;
}
.lp-ki-securitymatters .img-wrapper{
    height: 200px;
    position: relative;
}

.lp-ki-securitymatters .img-wrapper img{
  overflow: auto;
  margin: auto 0 40px 0;
  position: absolute;
  top: 0; left: 0; bottom: 0; right: 0;
}
.lp-ki-advert{
    background: url('../img/kiosk_adv.jpg') no-repeat scroll 0px 0px / cover transparent;
    color: #fff;
}
.lp-ki-advert .row {
    padding: 140px 0 0 40px;
}
.lp-ki-advert .btn-default {
    margin-top:10px;
    color: #FFF;
    background-color: transparent;
    border-color: #fff;
    text-transform:uppercase;
}
.lp-ki-advert .btn-default:hover {
    background-color: #fff;
    color: #000;
}
/* LEAD RETRIEVAL MODE
-------------------------------------------------- */
.lp-lr-top {
    background: #313129;
    background-color: #313129;
}
.lp-lr-top h1 {
    font-weight: 600 !important;
    color: #938f4e !important;
    letter-spacing: 1px !important;
}
.lp-lr-top h3 {
    margin-top:2px;
    font-weight: 400; 
    color: #938f4e;
    letter-spacing: 1px;
}
.lp-lr-top h4 {
    margin-top: 60px;
    font-weight: 200 !important;
    color: #fff !important;
    letter-spacing: 1px !important;
    text-transform:uppercase;
}
.lp-lr-top p {
    color: #fff;
    font-size: 16px;
    font-weight: 200;
}

.lp-lr-top .btn-primary {
    color: #FFF;
    background-color: #938f4e;
    border-color: #938f4e;
}
.lp-lr-top .btn-primary:hover {
    background-color: #747033;
    border-color: #747033;
}
.lp-lr-securitymatters .img-wrapper{
    height: 200px;
    position: relative;
}

.lp-lr-securitymatters .img-wrapper img{
  overflow: auto;
  margin: auto 0 40px 0;
  position: absolute;
  top: 0; left: 0; bottom: 0; right: 0;
}
.lp-lr-advert{
    background: url('../img/banner_images/banner_image_11_wt.jpg') no-repeat scroll 0px 0px / cover transparent;
    color: #fff;
}
.lp-lr-advert .row {
    padding: 140px 0 0 40px;
}
.lp-lr-advert .btn-default {
    margin-top:10px;
    color: #FFF;
    background-color: transparent;
    border-color: #fff;
    text-transform:uppercase;
}
.lp-lr-advert .btn-default:hover {
    background-color: #fff;
    color: #000;
}
/* BADGE PRINTING
-------------------------------------------------- */
.lp-bp-top {
    background: #79d8c5;
    background-color: #79d8c5;

}
.lp-bp-top h1 {
    font-weight: 600 !important;
    color: #4e9486 !important;
    letter-spacing: 1px !important;
}
.lp-bp-top h3 {
    margin-top:2px;
    font-weight: 400; 
    color: #4e9486;
    letter-spacing: 1px;
}
.lp-bp-top h4 {
    margin-top: 60px;
    font-weight: 200 !important;
    color: #fff !important;
    letter-spacing: 1px !important;
    text-transform:uppercase;
}
.lp-bp-top p {
    color: #fff;
    font-size: 16px;
    font-weight: 200;
}
.lp-bp-top .btn-primary {
    color: #FFF;
    background-color: #4e9486;
    border-color: #4e9486;
}
.lp-bp-top .btn-primary:hover {
    background-color: #0A4146;
    border-color: #0A4146;
}
.lp-bp-sizematters .img-wrapper{
    height: 200px;
    position: relative;
}

.lp-bp-sizematters .img-wrapper img{
  overflow: auto;
  margin: auto 0;
  position: absolute;
  top: 0; left: 0; bottom: 0; right: 0;
}

.lp-bp-sizematters ul {
    padding-left: 16px;
}
.lp-bp-sizematters li {
    padding: 5px 0;
    color: #79C7DB;
}
.lp-bp-sizematters a:link{
    color:#38495B;
}
.lp-bp-sizematters a:visited{
    color:#38495B;
}
.lp-bp-sizematters a:hover{
    color:#79C7DB;
}


.lp-bp-advert{
    background: url('../img/banner_images/banner_image_15_wt.jpg') no-repeat scroll 0px 0px / cover transparent;
    color: #fff;
}
.lp-bp-advert .row {
    padding: 140px 0 0 40px;
}
.lp-bp-advert .btn-default {
    margin-top:10px;
    color: #FFF;
    background-color: transparent;
    border-color: #fff;
    text-transform:uppercase;
}
.lp-bp-advert .btn-default:hover {
    background-color: #fff;
    color: #000;
}
.lp-bp-advert2{
    background: url('../img/bp_wristband_bck.jpg') no-repeat scroll center center / cover transparent;
    color: #fff;
    text-align: center;
}
.lp-bp-advert2 h4{
    letter-spacing: 3px;
    font-weight:200;

}
/* GENERIC LP's
-------------------------------------------------- */
#top-header.lp-generic p {
    
}
#top-header.lp-generic h3 {
    font-weight: 300;
    color: #fff;
}
#top-header.lp-generic h4 {
    line-height: 25px;
}
/* INDEXPAGE
-------------------------------------------------- */
#top-header {
    text-align: center;
    background-position: 0px 0px;
}
#top-header h1 {
    color: #fff;
    letter-spacing:1px;
    font-weight: 500 !important;
}
.info-block-bg {
	background: url('../img/banner_images/8-.jpg') no-repeat scroll center center / cover transparent;
	}
.responses-block-bg {
	background: url('../img/banner_images/banner_image_08_wt.jpg') no-repeat scroll center center / cover transparent;
	}
#top-header h4 {
    color: #fff;
    letter-spacing:0px;
    font-weight: 200;
}
#top-header-clients {
    text-align: center;
    background-color: #f7f8f9;
    min-height:100px;
    border-bottom:1px solid #d4d4d4;
}
#top-header .item {
    padding: 60px 0;
}
#top-header .item-container p {
    color: #FFF;
    padding-right: 30px;
    line-height: 25px;
    font-weight: 100;
}
#top-header .btn-default {
    margin-top:10px;
    color: #FFF;
    background-color: transparent;
    border-color: #fff;
    text-transform:uppercase;
}
#top-header .btn-default:hover {
    background-color: #fff;
    color: #000;
}
#callus-header {
    text-align: center;
    background: url('../img/imgbck2.jpg') no-repeat scroll center center / cover transparent;
}
#our-counter {
	min-height:200px;
	background-color: #7e8893;
	text-align: center;
	font-size:160px;
	color: #edeeef;
	font-weight: 200;
	text-transform:uppercase;
}
#our-counter h2 {
    letter-spacing: 7px;
    text-transform:uppercase;
    font-weight: 200;
}
#our-clients {
    background-color: #f7f8f9;
    text-align: center;
}
#our-clients h1 {
    letter-spacing: 7px;
}
#callus-header {
    color: #fff;
}
#callus-header h1 {
    letter-spacing: 7px;
}
#callus-header h2 {
    letter-spacing: 3px;
    text-transform:uppercase;
    font-weight: 100;
}
#callus-header h3 {
    text-transform:uppercase;
    font-weight: 100;
    font-size: 50px;
}
#callus-header h4 {
    font-weight: 100;
    letter-spacing: 1px;
}

.mp-product-box {
	min-height: 300px;
}
.mp-product-trans {
  /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";

  /* IE 5-7 */
  filter: alpha(opacity=40);

  /* Netscape */
  -moz-opacity: 0.4;

  /* Safari 1.x */
  -khtml-opacity: 0.4;

  /* Good browsers */
  opacity: 0.4;
}


.mp-product-box h2 {
    font-size: 30px;
    letter-spacing: 0px;
    font-weight: 300 !important;
    color: #000;
    color: rgba(0, 0, 0, 0.6);
    text-align: left;

}
.mp-product-wrapper {
    border-radius: 3px;
    padding:10px 25px;
}
.mp-product-box .img-wrapper{
    height: 160px;
    position: relative;
}
.mp-product-box .img-wrapper img{
  overflow: auto;
  margin: auto auto 20px auto;
  position: absolute;
  top: 0; left: 0; bottom: 0; right: 0;
}

.mp-product-box p {
    color: #fff;
    font-size: 15px;
    text-align: left;
    letter-spacing: 0px;
}
.mp-product-box .learnmore {
    font-size: 12px;
    font-weight: 600;
    color: #000;
    color: rgba(0, 0, 0, 0.6);
    line-height: 24px;
    text-transform:uppercase;
}
.mp-product-box .learnmore .fa {
    color: #000;
    color: rgba(0, 0, 0, 0.6);
    font-weight: 600;
}

.mp-product-guestlist {
    background: #90c8eb;
}
.mp-product-kiosk {
    background: #819bf1;
}
.mp-product-reports {
    background: #aed872;
}
.mp-product-leadretrieval {
    background: #99998a;
}
.mp-product-import {
    background: #f2bd68;
}
.mp-product-multisession {
    background: #e0bfb6;
}
.mp-product-registration{
    background: #f19450;
}
.mp-product-badgeprinting {
    background: #79d8c5;
}

.mp-product-guestlist .ribbon-white {
    color: #90c8eb;
}
.mp-product-kiosk .ribbon-white {
    color: #819bf1;
}
.mp-product-reports .ribbon-white {
    color: #aed872;
}
.mp-product-leadretrieval .ribbon-white {
    color: #99998a;
}
.mp-product-import .ribbon-white {
    color: #f2bd68;
}
.mp-product-multisession .ribbon-white {
    color: #e0bfb6;
}
.mp-product-registration .ribbon-white {
    color: #f19450;
}
.mp-product-badgeprinting .ribbon-white {
    color: #79d8c5;
}

/* Smartphones (portrait) ----------- */
@media all and (max-width : 767px) {
    /* Styles */
    #our-counter {
        font-size:60px;
    }
}

/* HEART PULSE
-------------------------------------------------- */

.withLove {
  font-size:12px;
  overflow: hidden;
  text-align: center;
  padding-bottom: 2em;
  cursor: default;
  color: #616c84;
    font-weight:600 !important;
    text-transform:uppercase;
    letter-spacing:1px;
}

.withLove * {
  display: inline-block;
}
.withLove .alpha {
  text-align: right;
}
.withLove .omega {
  text-align: left;
}
.withLove .heart {
  margin: 0 -2px;
  position: relative;
  z-index: 3;
  -webkit-animation: throb 1.33s ease-in-out infinite;
  animation: throb 1.33s ease-in-out infinite;
}
.withLove .heart path {
  fill: #fff;
}
@media all and (min-width: 300px) {
  .withLove .heart {
    width: 20px;
    height: 20px;
    top: 5px;
  }
}
@media all and (min-width: 460px) {
  .withLove .heart {
    top: 5px;
    width: 20px;
    height: 20px;
  }
}

@-webkit-keyframes throb {
  0% {
    -webkit-transform: scale(1);
  }

  50% {
    -webkit-transform: scale(0.85);
  }

  100% {
    -webkit-transform: scale(1);
  }
}

@keyframes throb {
  0% {
    transform: scale(1);
  }

  50% {
    transform: scale(0.85);
  }

  100% {
    transform: scale(1);
  }
}

/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */

/* Carousel base class */
.carousel {
  height: 500px;
  text-align: left;
}
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
  z-index: 10;
}

/* Declare heights because of positioning of img element */
.carousel .item {
  height: 500px;
}
.carousel-inner > .item > img {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  height: 500px;
}

/* imgslides-block */
.imgslides-block {
    margin-bottom: 40px;
    margin-top: -50px;
}
.imgslides-block .carousel {
  height: 520px;
  text-align: left;
}
/* Since positioning the image, we need to help out the caption */
.imgslides-block .carousel-caption {
  z-index: 10;
}
/* Declare heights because of positioning of img element */
.imgslides-block .carousel .item {
  height: 520px;
}
.imgslides-block .carousel-inner > .item > img {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  height: 520px;
}


/* Scanner
-------------------------------------------------- */
#qrcode {
    width:127px;
    height:127px;
    background: url('../img/qrcode.png') no-repeat scroll rgba(0, 0, 0, 0);
    position:relative;
}
.bouncer {
    margin-top:-5px;
    left: -70px;
    position: absolute;
    width: 266px;
    height: 35px;
    background: url('../img/qrscanner.png') no-repeat scroll rgba(0, 0, 0, 0);
    top:40px;
}


/*-----------------------
-----Scrollimations------
------------------------*/
.scrollimation.fade-in{
    opacity:0;
    -webkit-transition:opacity 0.6s ease-out;
    transition:opacity 0.6s ease-out;
}

.scrollimation.fade-in.in{
    opacity:1;
}

.scrollimation.scale-in{
    opacity:0;
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -ms-transform: scale(0.5);
    transform:scale(0.5);
    -webkit-transition: -webkit-transform .6s cubic-bezier(.17,.89,.67,1.57), opacity .6s ease-out;
    transition: transform .6s cubic-bezier(.17,.89,.67,1.57), opacity .6s ease-out;
}

.scrollimation.scale-in.in{
    opacity:1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform:scale(1);
}

.scrollimation.fade-right{
    opacity:0;
    -webkit-transform: translateX(-100px);
    -moz-transform: translateX(-100px);
    -ms-transform: translateX(-100px);
    transform:translateX(-100px);
    -webkit-transition: -webkit-transform .4s ease-out,opacity .4s ease-out;
    transition: transform .4s ease-out,opacity .4s ease-out;
}

.scrollimation.fade-right.in{
    opacity:1;
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    -ms-transform: translateX(0px);
    transform:translateX(0px);
}

.scrollimation.fade-left{
    opacity:0;
    -webkit-transform: translateX(100px);
    -moz-transform: translateX(100px);
    -ms-transform: translateX(100px);
    transform:translateX(100px);
    -webkit-transition: -webkit-transform .4s ease-out,opacity .4s ease-out;
    transition: transform .4s ease-out,opacity .4s ease-out;
}

.scrollimation.fade-left.in{
    opacity:1;
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    -ms-transform: translateX(0px);
    transform:translateX(0px);
}

.scrollimation.fade-up{
    opacity:0;
    -webkit-transform: translateY(100px);
    -moz-transform: translateY(100px);
    -ms-transform: translateY(100px);
    transform:translateY(100px);
    -webkit-transition: -webkit-transform .4s ease-out,opacity .4s ease-in;
    transition: transform .4s ease-out,opacity .4s ease-in-out;
}

.scrollimation.fade-up.in{
    opacity:1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform:translateY(0px);
}

.scrollimation.d1{
    transition-delay:.2s;
}

.scrollimation.d2{
    transition-delay:.4s;
}

.scrollimation.d3{
    transition-delay:.6s;
}

.scrollimation.d4{
    transition-delay:.8s;
}

.touch .scrollimation.fade-in{
    opacity:1;
}

.touch .scrollimation.scale-in{
    opacity:1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform:scale(1);
}

.touch .scrollimation.fade-right{
    opacity:1;
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    -ms-transform: translateX(0px);
    transform:translateX(0px);
}

.touch .scrollimation.fade-left{
    opacity:1;
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    -ms-transform: translateX(0px);
    transform:translateX(0px);
}

.touch .scrollimation.fade-up{
    opacity:1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform:translateY(0px);
}

/* Steps Container  */
.onboard {
    text-align: center;
}
.onboard .upload {
    color: #455565 !important;
    text-transform: uppercase;
}
.onboard h1 {
    text-transform: uppercase;
    letter-spacing: 4px;
}
.onboard p {
    color: #808892;
}
.onboard h5 {
    text-align: left;
    text-transform: uppercase;
    font-weight: 600;
}
.onboard .btn-primary {
    color: #FFF;
    background-color: #455565;
    border-color: #455565;
    font-weight: 300;
    text-transform: uppercase;
}
.onboard .btn-primary:hover {
    background-color: #25384B;
    border-color: #25384B;
}

.onboard-option {
    min-height: 290px;
    padding: 20px 30px;
    margin:25px 0;
    border-radius: 4px;
    text-align: left;
    position: relative;
}
.onboard-option.smaller {
    min-height: 220px !important;
    cursor: pointer;
}
.onboard-option.smaller p {
    color: #fff;
    font-weight: 200;
}
.onboard-option h2 {
    color: #fff;
    font-weight: 200;
}
.onboard-option h3 {
    color: #fff;
    font-weight: 200;
}
.onboard-option .btn-warning {
    color: #f19450;
    background-color: #fff;
    border-color: #fff;
    font-weight: 300;
    text-transform: uppercase;
}
.onboard-option .btn-warning:hover {
    background-color: #25384B;
    border-color: #25384B;
}


.wizard-steps {
  display:table;
  width:100%;
  position:relative;
  list-style:none;
  margin:0;
  padding:20px 0 40px;
}

.wizard-steps li {
  display:table-cell;
  width:1%;
  text-align:center;
}

.wizard-steps li.active::before,.wizard-steps li.active .step {
  border-color:#79d8c5;
}

.wizard-steps li:first-child::before {
  max-width:51%;
  left:50%;
}

.wizard-steps li::before {
  display:block;
  content:'';
  width:100%;
  height:1px;
  font-size:0;
  overflow:hidden;
  border-top:2px solid #d4d8db;
  position:relative;
  top:21px;
  z-index:1;
}

.wizard-steps li.active .step {
  color: #79d8c5;
}

.wizard-steps li .step {
  border:5px solid #d4d8db;
  border-image-source:initial;
  border-image-slice:initial;
  border-image-width:initial;
  border-image-outset:initial;
  border-image-repeat:initial;
  color:#d4d8db;
  font-size:15px;
  border-radius:100%;
  background-color:#FFF;
  position:relative;
  z-index:2;
  display:inline-block;
  width:40px;
  height:40px;
  line-height:30px;
  text-align:center;
}


.wizard-steps li .title {
  display:block;
  margin-top:4px;
  max-width:100%;
  color:#d4d8db;
  font-size:14px;
  z-index:104;
  text-align:center;
  table-layout:fixed;
  word-wrap:break-word;
  font-weight: 500;
  text-transform: uppercase;
}
.wizard-steps li.active .title {
    color: #79d8c5;
}

.wizard-steps li:last-child::before {
  max-width:50%;
  width:50%;
}

/* Boarding Eventbrite */
.eventbrite-import{
    background:#f19450;
    padding:30px 30px;
    text-align: left;
    border-radius: 4px;
}

.eventbrite-import h3{
  font-size:40px;
  color:#fff;
  margin-top:20px;
}

.eventbrite-import p{
    font-size:13px;
    color: #fff;
    margin-bottom:30px;
}

.eventbrite-import .btn-primary {
    background-color: #fff;
    border-color: #fff;
    font-weight: 600;
    color:#f19450;
}

.eventbrite-import .btn-primary:hover {
    background-color: #fff;
    border-color: #FFB177;
    color:#FFB177;
}



/* Fix for ui.bootstrap */

.modal-backdrop.am-fade {
  opacity: .5;
  transition: opacity .15s linear;
  &.ng-enter {
    opacity: 0;
    &.ng-enter-active {
      opacity: .5;
    }
  }
  &.ng-leave {
    opacity: .5;
    &.ng-leave-active {
      opacity: 0;
    }
  }
}

.circular {
	width: 150px;
	height: 150px;
	border-radius: 75px;
	-webkit-border-radius: 75px;
	-moz-border-radius: 75px;
	}

div.clear
{
    clear: both;
}

div.product-chooser{

}

    div.product-chooser.disabled div.product-chooser-item
	{
		zoom: 1;
		filter: alpha(opacity=60);
		opacity: 0.6;
		cursor: default;
	}

	div.product-chooser div.product-chooser-item{
		padding: 11px;
		border-radius: 6px;
		cursor: pointer;
		position: relative;
		border: 1px solid #efefef;
		margin-bottom: 10px;
        margin-left: 10px;
        margin-right: 10x;
	}

	div.product-chooser div.product-chooser-item.selected{
		border: 4px solid #428bca;
		background: #efefef;
		padding: 8px;
		filter: alpha(opacity=100);
		opacity: 1;
	}

		div.product-chooser div.product-chooser-item img{
			padding: 0;
		}

		div.product-chooser div.product-chooser-item span.title{
			display: block;
			margin: 10px 0 5px 0;
			font-weight: bold;
			font-size: 12px;
		}

		div.product-chooser div.product-chooser-item span.description{
			font-size: 12px;
		}

		div.product-chooser div.product-chooser-item input{
			position: absolute;
			left: 0;
			top: 0;
			visibility:hidden;
		}

/* ---------- Ribbons --------------------- */


.rbn {
  -webkit-box-shadow: 0px 0px 8px #000000;
  -moz-box-shadow: 0px 0px 8px #000000;
  box-shadow: 0px 0px 8px #000000;
  overflow: hidden;
  padding: 3px 0;
  position: absolute;
  position: relative;
  text-align: center;
  width: 214px;
  z-index: 999;
}
.rbn span,
.rbn a {
  border-bottom: 1px dashed rgba(255, 255, 255, 0.6);
  border-top: 1px dashed rgba(255, 255, 255, 0.6);
  color: #ffffff;
  display: block;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 13px;
  padding: 10px 0;
  text-decoration: none;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.6);
}
.rbn.rbn-fixed {
  position: fixed;
}
.rbn.rbn-top-left {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  left: -47px;
  top: 37px;
}
.rbn.rbn-top-right {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  right: -47px;
  top: 37px;
}
.rbn.rbn-bottom-right {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  bottom: 37px;
  right: -47px;
}
.rbn.rbn-bottom-left {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  bottom: 37px;
  left: -47px;
}
.rbn.rbn-blue {
  background: #0064cd;
  background: -moz-linear-gradient(top, #007afb 0%, #0064cd 20%, #0064cd 80%, #007afb 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #007afb), color-stop(20%, #0064cd), color-stop(80%, #0064cd), color-stop(100%, #007afb));
  background: -webkit-linear-gradient(top, #007afb 0%, #0064cd 20%, #0064cd 80%, #007afb 100%);
  background: -o-linear-gradient(top, #007afb 0%, #0064cd 20%, #0064cd 80%, #007afb 100%);
  background: -ms-linear-gradient(top, #007afb 0%, #0064cd 20%, #0064cd 80%, #007afb 100%);
  background: linear-gradient(top bottom, #007afb 0%, #0064cd 20%, #0064cd 80%, #007afb 100%);
}
.rbn.rbn-green {
  background: #6a9417;
  background: -moz-linear-gradient(top, #86bc1d 0%, #6a9417 20%, #6a9417 80%, #86bc1d 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #86bc1d), color-stop(20%, #6a9417), color-stop(80%, #6a9417), color-stop(100%, #86bc1d));
  background: -webkit-linear-gradient(top, #86bc1d 0%, #6a9417 20%, #6a9417 80%, #86bc1d 100%);
  background: -o-linear-gradient(top, #86bc1d 0%, #6a9417 20%, #6a9417 80%, #86bc1d 100%);
  background: -ms-linear-gradient(top, #86bc1d 0%, #6a9417 20%, #6a9417 80%, #86bc1d 100%);
  background: linear-gradient(top bottom, #86bc1d 0%, #6a9417 20%, #6a9417 80%, #86bc1d 100%);
}
.rbn.rbn-red {
  background: #9d261d;
  background: -moz-linear-gradient(top, #c42f24 0%, #9d261d 20%, #9d261d 80%, #c42f24 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #c42f24), color-stop(20%, #9d261d), color-stop(80%, #9d261d), color-stop(100%, #c42f24));
  background: -webkit-linear-gradient(top, #c42f24 0%, #9d261d 20%, #9d261d 80%, #c42f24 100%);
  background: -o-linear-gradient(top, #c42f24 0%, #9d261d 20%, #9d261d 80%, #c42f24 100%);
  background: -ms-linear-gradient(top, #c42f24 0%, #9d261d 20%, #9d261d 80%, #c42f24 100%);
  background: linear-gradient(top bottom, #c42f24 0%, #9d261d 20%, #9d261d 80%, #c42f24 100%);
}
.rbn.rbn-orange {
  background: #da8815;
  background: -moz-linear-gradient(top, #eb9e32 0%, #da8815 20%, #da8815 80%, #eb9e32 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eb9e32), color-stop(20%, #da8815), color-stop(80%, #da8815), color-stop(100%, #eb9e32));
  background: -webkit-linear-gradient(top, #eb9e32 0%, #da8815 20%, #da8815 80%, #eb9e32 100%);
  background: -o-linear-gradient(top, #eb9e32 0%, #da8815 20%, #da8815 80%, #eb9e32 100%);
  background: -ms-linear-gradient(top, #eb9e32 0%, #da8815 20%, #da8815 80%, #eb9e32 100%);
  background: linear-gradient(top bottom, #eb9e32 0%, #da8815 20%, #da8815 80%, #eb9e32 100%);
}
.rbn.rbn-pink {
  background: #c3325f;
  background: -moz-linear-gradient(top, #d25179 0%, #c3325f 20%, #c3325f 80%, #d25179 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d25179), color-stop(20%, #c3325f), color-stop(80%, #c3325f), color-stop(100%, #d25179));
  background: -webkit-linear-gradient(top, #d25179 0%, #c3325f 20%, #c3325f 80%, #d25179 100%);
  background: -o-linear-gradient(top, #d25179 0%, #c3325f 20%, #c3325f 80%, #d25179 100%);
  background: -ms-linear-gradient(top, #d25179 0%, #c3325f 20%, #c3325f 80%, #d25179 100%);
  background: linear-gradient(top bottom, #d25179 0%, #c3325f 20%, #c3325f 80%, #d25179 100%);
}
.rbn.rbn-purple {
  background: #7a43b6;
  background: -moz-linear-gradient(top, #9162c5 0%, #7a43b6 20%, #7a43b6 80%, #9162c5 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #9162c5), color-stop(20%, #7a43b6), color-stop(80%, #7a43b6), color-stop(100%, #9162c5));
  background: -webkit-linear-gradient(top, #9162c5 0%, #7a43b6 20%, #7a43b6 80%, #9162c5 100%);
  background: -o-linear-gradient(top, #9162c5 0%, #7a43b6 20%, #7a43b6 80%, #9162c5 100%);
  background: -ms-linear-gradient(top, #9162c5 0%, #7a43b6 20%, #7a43b6 80%, #9162c5 100%);
  background: linear-gradient(top bottom, #9162c5 0%, #7a43b6 20%, #7a43b6 80%, #9162c5 100%);
}
.rbn.rbn-black {
  background: #2b2b2b;
  background: -moz-linear-gradient(top, #424242 0%, #2b2b2b 20%, #2b2b2b 80%, #424242 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #424242), color-stop(20%, #2b2b2b), color-stop(80%, #2b2b2b), color-stop(100%, #424242));
  background: -webkit-linear-gradient(top, #424242 0%, #2b2b2b 20%, #2b2b2b 80%, #424242 100%);
  background: -o-linear-gradient(top, #424242 0%, #2b2b2b 20%, #2b2b2b 80%, #424242 100%);
  background: -ms-linear-gradient(top, #424242 0%, #2b2b2b 20%, #2b2b2b 80%, #424242 100%);
  background: linear-gradient(top bottom, #424242 0%, #2b2b2b 20%, #2b2b2b 80%, #424242 100%);
}

.ribbonwrapper {
    position: relative;
    z-index: 90;
}

.ribbon-wrapper-recommended {
    width: 100px;
    height: 100px;
    overflow: hidden;
    position: absolute;
    top: -3px;
    left: -3px;
}

.ribbon-white {
    font-size: 12px;
    font-weight: 900;
    color: #333;
    text-align: center;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    position: relative;
    padding: 4px 0;
    right: 29px;
    top: 30px;
    width: 140px;
    background-color: #FFF;
    color: #38495B;
    text-transform: uppercase;
    z-index: 90;
}

.ribbon-white:before {
    right: 0;
}
.ribbon-white:after {
    left: 0;
}


/* Listing Boomset & Eventbrite Events */
#eventbrite-event-list .search-result {
    padding: 20px;
    margin: 0 20px;
    border-bottom: 1px solid #dfe4ea;
}
#eventbrite-event-list .search-result {
    display:block;
}
#eventbrite-event-list .search-date {
    color: #38495b;
    font-weight: 100;
}
#eventbrite-event-list .search-time {
    padding-top:4px;
    color: #b4db7e;
    text-transform: uppercase;
    font-weight: 100;
}
#eventbrite-event-list .search-event-name {
    color: #38495b;
    font-size: 20px;
}
#eventbrite-event-list .search-event-group {
    color: #92dccc;
    text-transform: uppercase;
    font-size: 12px;
}


.profile-tab-content .tab-pane{
    padding-top:20px;
}


/* on/off switch design */
.onoffswitch {
    position: relative; width: 90px;
    -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;
}
.onoffswitch-checkbox {
    display: none;
}
.onoffswitch-label {
    display: block; overflow: hidden; cursor: pointer;
    border: 2px solid #FFFFFF; border-radius: 20px;
}
.onoffswitch-inner {
    display: block; width: 200%; margin-left: -100%;
    -moz-transition: margin 0.3s ease-in 0s; -webkit-transition: margin 0.3s ease-in 0s;
    -o-transition: margin 0.3s ease-in 0s; transition: margin 0.3s ease-in 0s;
}
.onoffswitch-inner:before, .onoffswitch-inner:after {
    display: block; float: left; width: 50%; height: 30px; padding: 0; line-height: 30px;
    font-size: 14px; color: white; font-family: Trebuchet, Arial, sans-serif; font-weight: bold;
    -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}
.onoffswitch-inner:before {
    content: "ON";
    padding-left: 10px;
    background-color: #C7EDE5; color: #64A99B;
}
.onoffswitch-inner:after {
    content: "OFF";
    padding-right: 10px;
    background-color: #EEEEEE; color: #999999;
    text-align: right;
}
.onoffswitch-switch {
    display: block; width: 18px; margin: 6px;
    background: #FFFFFF;
    border: 2px solid #FFFFFF; border-radius: 20px;
    position: absolute; top: 0; bottom: 0; right: 56px;
    -moz-transition: all 0.3s ease-in 0s; -webkit-transition: all 0.3s ease-in 0s;
    -o-transition: all 0.3s ease-in 0s; transition: all 0.3s ease-in 0s;
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
    margin-left: 0;
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
    right: 0px;
}