/* for debugging overflow
div { border: 1px solid red;}
*/
/*
[data-braintree-id="card-view-icons"] {display: none; }
*/


/* hide arrows in number input fields
Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

/* FONTS *******************/
html, body {
  font-family: 'Open Sans', sans-serif;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  height: 100%;    
}

h1 {
  font: 700 34px/1.4 'Open Sans', Helvetica, sans-serif;
  margin-top: 0px;
}

h2 {
  font: 700 32px/1.2 'Open Sans Condensed', Helvetica, sans-serif;
  margin: 0;
  text-transform: uppercase;
}

h3 {
  color: #499B4A;
  font: 300 22px/1.2 'Open Sans Bold Condensed', Helvetica, sans-serif;
  margin: -4px 0 1px 0;
}

h4 {
  color: #ffffff;
  font: 600 38px/1.2 'Open Sans', Helvetica, sans-serif;
  margin: 16px;
}

h5 {
    font: 100 36px/1.5 'Open Sans', Helvetica, sans-serif;
}

h6 {
    font: 400 30px/1.5 'Open Sans', Helvetica, sans-serif;
    font-weight: 400;
}

a.buttons-collection {
    margin-left: 1em;
}
label.error {
    font-weight: 100;
    color: red;
    overflow: hidden;
}

.ellipsis {
    white-space: nowrap;
    width: 50px;
    overflow: hidden;
    text-overflow: ellipsis;
}
.StripeElement {
    box-sizing: border-box;
    height: 32px;
    padding: 8px 12px;
    border: 1px solid transparent;
    border-radius: 4px;
    background-color: white;
    box-shadow: 0 1px 3px 0 #7e8793;
    -webkit-transition: box-shadow 150ms ease;
    transition: box-shadow 150ms ease;
}

.StripeElement--focus {
    box-shadow: 0 1px 3px 0 #cfd7df;
}

.StripeElement--invalid {
    border-color: #fa755a;
}

.StripeElement--webkit-autofill {
    background-color: #fefde5 !important;
}

.event-img {
    display: block;
    margin-right: 5px;
    float: left;
}

.box {
    padding: 0 5px 0 5px;
    height: 110px;
    box-sizing: content-box;
}
.recent-event-box {
    width: 140px;
    min-height: 140px;
    padding: 8px;
    box-sizing: content-box;
}
.recent-event-box-inside {
    background-color: #ffffff;
    position: relative;
    overflow: hidden;
    border-radius: 4px;
    box-shadow: rgba(0, 0, 0, 0.06) 0px 4px 4px 0px, rgba(0, 0, 0, 0.12) 0px 0px 4px 0px;
    border: medium none;
    height: 100%;
    /*border-color: #ccc;*/
    padding: 20px 5px 20px 5px;
    text-align: center;
}

.doc-link {
    color: #fff;
    font: 100 18px/1.2 'Open Sans Condensed', Helvetica, sans-serif;
    white-space: nowrap;
}

.doc-link:hover {
    color: #000000;
}
.row-bottom-border {
    border-bottom: 1px solid darkgray;
    padding-bottom: 5px;
}

.row-top-margin {
    margin-top: 5px;
}
.row-bottom-margin {
    margin-bottom: 5px;
}
.row-hover:hover {
    background-color: #dcdcdc;
}
.glyphicon-search {
    font-size: 20px;
    margin-right: 10px;
}


/* helpers *******************/
.btn-outline {
    color: #ffffff;
    background-color: transparent;
    border-color: #ffffff;
    border-radius: 5px;
}

.btn-outline:hover, .btn-outline:focus, .btn-outline:active {
color: #000000;
background-color: #fff;
border-color: #fff;
}

.btn-outline-black {
    color: #000000;
    background-color: transparent;
    border-color: #000000;
    border-radius: 5px;
}

.btn-outline-black:hover, .btn-outline-black:focus, .btn-outline-black:active {
    color: #ffffff;
    background-color: #000;
    border-color: #000;
}

.td-link a
{
    display:block;
    text-decoration:none;
}
.td-link:hover, .td-link:focus, .td-link:active
{
    color: #652d90;
    background-color: #652d90;
}
.td-purple-half-left {
    background-color: #652d90;
    background: -webkit-gradient(linear, left top, right top, color-stop(50%,#FFF), color-stop(50%,#652d90));
    background: -moz-linear-gradient(left center, #FFF 50%, #652d90 50%);
    background: -o-linear-gradient(left, #FFF 50%, #652d90 50%);
    background: linear-gradient(to right, #FFF 50%, #652d90 50%);

}

.td-purple {
    background-color: #499B4A;
}
.td-purple a{
    display:block;
    width:100%;
}
.td-black {
    background-color: #000000;
}

.btn-submit-purple-big {
    color: #ffffff;
    background-color: #499B4A;
    border-color: #499B4A;
    border-radius: 5px;
    margin-bottom: 20px;
    text-transform: uppercase;
}

.btn-submit-purple-big:hover, .btn-submit-purple-big:focus, .btn-submit-purple-big:active {
color: #499B4A;
background-color: #fff;
border-color: #499B4A;
}

.btn-white-purple-big {
    color: #499B4A;
    background-color: #ffffff;
    border-color: #ffffff;
    border-radius: 5px;
    margin-bottom: 40px;
    text-transform: uppercase;
}

.btn-white-purple-big:hover, .btn-white-purple-big:focus, .btn-white-purple-big:active {
color: #ffffff;
background-color: #499B4A;
}

.btn-submit-purple-sm {
    color: #ffffff;
    background-color: #499B4A;
    border-color: #499B4A;
    border-radius: 5px;
    margin-top: 6px;
    text-transform: uppercase;
}

.btn-submit-purple-sm:hover, .btn-submit-purple-sm:focus, .btn-submit-purple-sm:active {
    color: #499B4A;
    background-color: #fff;
    border-color: #499B4A;
}

.btn-home-purple {
    color: #ffffff;
    background-color: #652d90;
    border-color: #652d90;
    border-radius: 0;
    text-transform: uppercase;
}

.btn-home-purple:hover, .btn-home-purple:focus, .btn-home-purple:active {
    color: #652d90;
    background-color: #fff;
    border-color: #652d90;
}

.txt-purple{
    color: #652d90;
}
.txt-brown{
    color: #c27e46;
}

.btn-submit-brown-big {
    color: #ffffff;
    background-color: #c27e46;
    border-color: #c27e46;
    border-radius: 0;
    margin-bottom: 40px;
    text-transform: uppercase;
}

.btn-submit-brown-big:hover, .btn-submit-brown-big:focus, .btn-submit-brown-big:active {
color: #c27e46;
background-color: #ffffff;
border-color: #c27e46;
}

.btn-submit-brown-sm {
    color: #ffffff;
    background-color: #c27e46;
    border-color: #c27e46;
    border-radius: 0;
    margin-bottom: 10px;
    text-transform: uppercase;
}

.btn-submit-brown-sm:hover, .btn-submit-brown-sm:focus, .btn-submit-brown-sm:active {
color: #c27e46;
background-color: #ffffff;
border-color: #c27e46;
}

.btn-submit-black-sm {
    color: #ffffff;
    background-color: #000000;
    border-color: #000000;
    border-radius: 0;
    text-transform: uppercase;
}

.btn-submit-black-sm:hover, .btn-submit-black-sm:focus, .btn-submit-black-sm:active {
color: #000000;
background-color: #ffffff;
border-color: #000000;
}
.gst-event-search {
    display: flex;
    -moz-box-align: stretch;
    align-items: stretch;
    padding: 0px;
}
.btn-submit-gst {
    color: #ffffff;
    background-color: #18A5D2;
    border-color: #18A5D2;
    border-radius: 0;
    text-transform: uppercase;
}

.btn-submit-gst:hover, .btn-submit-gst:focus, .btn-submit-gst:active {
    color: #18A5D2;
    background-color: #ffffff;
    border-color: #18A5D2;
}
.btn-gst {
    color: #18A5D2;
    background-color: transparent;
    border-color: #18A5D2;
}

.btn-gst:hover, .btn-gst:focus, .btn-gst:active {
    color: #ffffff;
    background-color: #18A5D2;
    border-color: #18A5D2;
}


.btn-smorgads {
    color: #18A5D2;
    background-color: transparent;
    border-color: #18A5D2;
}

.btn-smorgads:hover, .btn-smorgads:focus, .btn-smorgads:active {
color: #ffffff;
background-color: #18A5D2;
border-color: #18A5D2;
}

.clear-padding {
    padding: 0;
}

.clear-margins {
    margin: 0;
}

.hide-it {
    display: none;
}

.j-tron {
    margin-left: auto;
    margin-right: auto;
}

.j-tron-halt {
    max-width: 1920px;
}

sup {
    vertical-align: super;
    font-size: smaller;
}

.txt-hide {
    display: none;
}

.full-width {
    width: 100%;
}

.row .no-gutters {
  margin-right: 0;
  margin-left: 0;
}
.row .no-gutters > [class^="col-"],
.row .no-gutters > [class*=" col-"] {
  padding-right: 0;
  padding-left: 0;
}

.row-fluid {
    position: relative;
}

.circle {
    background: #c27e46;
    border-radius: 50px;
    color: #fff;
    font: 600 42px/1.0 'Open Sans', Helvetica, sans-serif;
    font-style: italic;
    height:60px;
    line-height:60px;
    text-align:center;
    width:60px;
}
.circle-black {
    background: #000000;
    border-radius: 50px;
    color: #fff;
    font: 600 42px/1.0 'Open Sans', Helvetica, sans-serif;
    font-style: italic;
    height:60px;
    line-height:60px;
    text-align:center;
    width:60px;
}
.circle-container {
    padding-left:34%;
    margin-bottom:20px;
}

.text-right-768 {
    text-align: left;
}

/* home page *********************************/

/* navbar ********************/
.navbar-static-top {
    /*background:rgba(51,0,1,0.3);*/
    background:rgba(0,0,0,0);
    background-size: 100%;
    border-color: transparent;
    position: relative;
    margin-bottom: 0;
    height: 57px;
    text-align: left;
    /*visibility: hidden;*/
}

.nav-tagline-home {
    font: 400 18px/1.4 'Open Sans', Helvetica, sans-serif;
    color: #499B4A;
}
.nav-tagline {
    display: none;
    text-align: left;
    padding-left: 10px;
}

.nav-tagline a {
  color: #ffffff;
  text-decoration:none;
  padding: 20px;
}
.nav-tagline a:hover, .nav-tagline a:focus, .nav-tagline a:active {
/*  background:rgba(51,0,1,0.3);*/
  color: #499B4A;
  padding-bottom: 16px;
}

.navbar-buttons {
    position: absolute;
    right: 10px;
    top: 12px;
}

.navbar-buttons button {
    margin-left: 20px;
    height: 30px;
    padding: 0 20px;
    font: 100 14px/1.2 'Open Sans Condensed Light', Helvetica, sans-serif;
}

.navbar span {
    color: #ffffff;
    font: 100 17px/1.4 'Open Sans', Helvetica, sans-serif;
    padding: 15px 0 15px;
}

/* navbar ********************/

.navbar-fixed, .navbar-fixed-top, .navbar-fixed-inside {
    background: #499B4A url('../images/Birchmount-Network-Icon-Black-sm.png') no-repeat 10px 0px;
    border-color: transparent;
    border-radius: 0;
    margin-bottom: 0;
    height: 56px;
    text-align: center;
}

.navbar-fixed-inside-anycard {
    background: #009f8b url('https://www.anycard.ca/templates/v2/assets/img/logo.png') no-repeat 10px 0px;
    /*background-size: 20%;*/
    border-color: transparent;
    border-radius: 0;
    margin-bottom: 0;
    height: 56px;
    text-align: center;
}
.navbar-fixed-inside-star {
    background: #499B4A url('../images/logo-blk50.png') no-repeat 10px 0px;
    /*background-size: 20%;*/
    border-color: transparent;
    border-radius: 0;
    margin-bottom: 0;
    height: 56px;
    text-align: center;
}

.navbar-logo {
    left: 5px;
    position: absolute;
    top: 5px;
}

/* bxSlider *****************/
.slider-container {
    position: relative;
    bottom: -4px;
}

.bx-wrapper {
    /*bottom: 76px;*/
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
    top: -6px;
}

.bxSlider {
  margin: 0;
  padding: 0;
}

.bx-default-pager {
    background-color: #666667;
    opacity: .8;
}

/* carousel overlay ********/
.carousel-overlay {
    bottom: 0;
    color: #ffffff;
    left: 0;
    margin-left: auto;
    margin-right: auto;
    /*max-width: 1300px;*/
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
}

.carousel-callout {
    /*background:rgba(0,0,0,0.3);*/
    background-size: 100%;
    font: 700 16px/1.2 'Open Sans Bold Condensed', Helvetica, sans-serif;
    padding: 10px 30px;
    margin-top:18%;
    margin-left:14%;
    margin-right: 2%;
    text-align: left;
    visibility: hidden;

}
.carousel-callout-right {
    background:rgba(0,0,0,0.5);
    background-size: 100%;
    font: 700 16px/1.2 'Open Sans Bold Condensed', Helvetica, sans-serif;
    padding: 10px 30px;
    margin-top:80%;
    margin-right: 6%;
    text-align: left;
    visibility: hidden;

}
.carousel-callout-left {
    background:rgba(0,0,0,0.5);
    background-size: 100%;
    font: 700 16px/1.2 'Open Sans Bold Condensed', Helvetica, sans-serif;
    padding: 10px 30px;
    margin-top:80%;
    margin-left: 6%;
    text-align: right;
    visibility: hidden;

}
.carousel-callout-heading {
    text-transform: uppercase;
    font: 100 16px/1.2 'Open Sans Bold Condensed', Helvetica, sans-serif;
    margin-top: 20%;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.9), 0 0 25px rgba(0, 0, 0, 0.8), 0 0 5px rgba(0, 0, 0, 0.6);
}
.carousel-callout-inner {
    font-size: 24px;
    font-size: 1.5vw;
    font-weight: 700;
    margin-bottom: 10px;
/*    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.6);*/
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.9), 0 0 25px rgba(0, 0, 0, 0.8), 0 0 5px rgba(0, 0, 0, 0.6);
    display: none;
}
.carousel-caption {
 background: rgba(0, 0, 0, 0.3);
}

.carousel-callout-vid {
    margin-bottom: 10px;
    display: none;
}
.carousel-callout-vid:active, .carousel-callout-vid:focus, .carousel-callout-vid:visited {
    color: #ffffff;
    background-color: #ffffff;
}

.carousel-callout-pic {
    margin-top:53%;
    visibility: hidden;
}
.carousel-callout-search {
  font-size: 12px;
  font-weight: normal;
  margin: 20px;
  padding-left: 0px;
  padding-right: 0px;
}

.carousel-callout-button {
    padding: 5px 10px;
    display: inline-block;
    width: 280px;
}

.logo-container {
    /*background: url('../images/logo-1300.png') no-repeat;*/
    display: inline;
    position: relative;
}

.logo {
    position: absolute;
    left: 10%;
    max-width: 10%;
    top: 20%;
}

#counter {
    position: relative;
    display: inline;
}
#over {
    position:absolute;
    left:33%;
    top:43%;
    max-width: 10%;
}

.daterange { position: relative; }
.daterange i {
  position: absolute; bottom: 10px; right: 10px; top: auto; cursor: pointer;
}


/* revolutionizes **********/
.revolutionizes-container {
    /*background: url('../images/Smorgads-home-targeting.jpg);*/
    background-repeat:no-repeat;
    background-size:cover;
    background-position: top left;
    position: relative;

}

.parallax {
    /* The image used */
    background-image: url('../images/about-us-bkg.jpg');

    /* Set a specific height */
    min-height: 400px;

    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.parallax-content {
    background-color: transparent;
    color: #ffffff;
}
.about-us-container {
    background: url('../images/about-us-bkg.jpg');
    background-repeat:no-repeat;
    background-size:cover;
    background-position: top left;
    position: relative;
    min-height:100%;
}

.targeting-container {
    background: url('../images/Smorgads-home-targeting.jpg');
    background-repeat:no-repeat;
    background-size:cover;
    background-position: top left;
}

.pricing-container-inside {
    background: url('../images/Smorgads-pricing.jpg');
    background-repeat:no-repeat;
    background-size:cover;
    background-position: center;
}
.corporate-accounts-container-inside {
    background: url('../images/Smorgads-corporate.jpg');
    background-repeat:no-repeat;
    background-size:cover;
    background-position: center;
}

.corporate-container, .corporate-container-inside {
    background: url('../images/Smorgads-home-corporate.jpg');
    background-repeat:no-repeat;
    background-size:cover;
    background-position: center;
}

.seller-container-inside {
    background: url('../images/Smorgads-selling-media.jpg');
    background-repeat:no-repeat;
    background-size:cover;
    background-position: center;
}

.buyer-container-inside {
    background: url('../images/Smorgads-buying-media.jpg');
    background-repeat:no-repeat;
    background-size:cover;
    background-position: center;
}

.designer-container-inside {
    background: url('../images/Smorgads-designing-media.jpg');
    background-repeat:no-repeat;
    background-size:cover;
    background-position: center;
}

.mainstreet-container-inside {
    background: url('../images/Smorgads-main-street.jpg');
    background-repeat:no-repeat;
    background-size:cover;
    background-position: center;
}

.sports-container-inside {
    background: url('../images/Smorgads-fundraising.jpg');
    background-repeat:no-repeat;
    background-size:cover;
    background-position: center;
}

.realestate-container-inside {
    background: url('../images/Smorgads-business-to-home.jpg');
    background-repeat:no-repeat;
    background-size:cover;
    background-position: center;
}

.nichepubs-container-inside {
    background: url('../images/Smorgads-niche.jpg');
    background-repeat:no-repeat;
    background-size:cover;
    background-position: center;
}

.remnant-container-inside {
    background: url('../images/Smorgads-remnant.jpg');
    background-repeat:no-repeat;
    background-size:cover;
    background-position: center;
}

.traditional-container-inside {
    background: url('../images/Smorgads-traditional.jpg');
    background-repeat:no-repeat;
    background-size:cover;
    background-position: center;
}

.novel-container-inside {
    background: url('../images/Smorgads-novel.jpg');
    background-repeat:no-repeat;
    background-size:cover;
    background-position: center;
}

.event-container-inside {
    background: url('../images/Smorgads-event.jpg');
    background-repeat:no-repeat;
    background-size:cover;
    background-position: center;
}

.events-container-inside {
    background: url('../images/Smorgads-events.jpg');
    background-repeat:no-repeat;
    background-size:cover;
    background-position: center;
}

.help-container-inside {
    background: url('../images/Smorgads-learning.jpg');
    background-repeat:no-repeat;
    background-size:cover;
    background-position: center;
}

.revolutionizes-container h2, .corporate-container h2 {
  font: 700 28px/1.2 'Open Sans', Helvetica, sans-serif; 
  margin-top: 20px;
  text-transform: uppercase;
  text-shadow: -1px 0 white, 0 1px white, 1px 0 white, 0 -1px white;
}

.revolutionizes-container h3, .corporate-container h2 {
  font: 300 34px/1.2 'Open Sans Condensed', Helvetica, sans-serif;
}

.corporate-container h2 {
  font: 700 44px/1.2 'Open Sans Condensed', Helvetica, sans-serif;
  margin-top: 50px;
  text-transform: uppercase;
  text-shadow: -1px 0 white, 0 1px white, 1px 0 white, 0 -1px white;
}

.corporate-container h2 {
  font: 300 34px/1.2 'Open Sans Condensed', Helvetica, sans-serif;
}

.corporate-callout {
    padding: 20px 10px;
}


.corporate-callout ul {
    list-style-type: none;
    padding: 20px 0 20px 10px;
    visibility: hidden;
    font-size: 18px;
}

.corporate-callout ul li {
    list-style: square inside url('../images/bullet.png');
    /*
    list-style-image: url('..images/bullet.png');
    list-style-type: none;
    */
}

.bullets {
    text-shadow: -1px 0 white, 0 1px white, 1px 0 white, 0 -1px white;
}

.btn-corp-more {
    margin-bottom: 40px;
    color: #ffffff;
    background:rgba(51,51,51,0.3);
    border-radius: 0;
}

.btn-corp-more:hover {
    background:rgba(51,0,1,0.3);
    color: #ffffff;
    border-radius: 0;
}


/* banner ******************/
.banner {
    display: block;
    position: relative;
    text-align: center;
    margin-bottom: 40px;
}

/* boxbrow ***************/  
.boxbrow {  
  background:rgba(64,64,65,1);  
  color: #fff;  
  font: 100 8px/1.2 'Open Sans Condensed', Helvetica, sans-serif;  
  margin-bottom: 20px;  
  padding: 2px 10px;  
  text-align: center;  
} 

/* linkboxes *************/
.linkbox {
    text-align: center;
    margin-bottom: 20px;
    padding: 20px;
    height: 250px;
}

.linkbox:hover {
    cursor: pointer;
}

.linkbox-1 {
  background: url('../images/Smorgads-Image-5-unhovered.jpg');
  background-size:cover;
}

.linkbox-1:hover {
  background: url('../images/Smorgads-Image-5-hovered.jpg');
  background-size:cover;
}

.linkbox-2 {
  background: url('../images/Smorgads-Image-6-unhovered.jpg');
  background-size:cover;
}

.linkbox-2:hover {
  background: url('../images/Smorgads-Image-6-hovered.jpg');
  background-size:cover;
}

.linkbox-3 {
  background: url('../images/Smorgads-Image-7-unhovered.jpg');
  background-size:cover;
}

.linkbox-3:hover {
  background: url('../images/Smorgads-Image-7-hovered.jpg');
  background-size:cover;
}

.linkbox a {
  color: #ffffff;
  font: 100 12px/1.2 'Open Sans Condensed', Helvetica, sans-serif;
  padding: 20px 0;
  text-decoration: none;	
}

.linkbox a:hover {
  color: #532a0f;
  font: 100 12px/1.2 'Open Sans Condensed', Helvetica, sans-serif;
  padding: 20px 0;
  text-decoration: none;	
}

.home-hide-media-buyer {
    display:none;
}
.home-show-media-buyer {
    display:block;
}

.home-about-us {
    background:rgba(238,238,238,.4);
    font: 400 24px/1.2 'Open Sans', Helvetica, sans-serif;
    text-align: left;
    padding:40px;
    max-height: 400px;
}
.home-about-us h2 {
    font: 700 32px/1.2 'Open Sans bold', Helvetica, sans-serif;
    padding-top:40px;
    padding-bottom:20px;
}
.home-quotes {
    padding-top:60px;
    padding-right:40px;
    padding-left:40px;
    max-height: 400px;
}
.home-media-ops {
    background-color: #c27e46;
    text-align: center;
    padding:20px;
    color: #ffffff;
}
.home-stars {
    padding-top:30px;
    padding-bottom:30px;
    padding-right:40px;
    padding-left:40px;
}

.home-sell-img-sm {
    position: relative;
  text-align: center;
    display: none;
}
.home-sell-img-lg {
    position: relative;
  text-align: center;
    display: none;
}
.home-buy-img-lg {
    position: relative;
  text-align: center;
    display: block;
}
.home-buy-img {
    color: #ffffff;
    background-color: #C5B0F7;
}
/* slide-boxes *************/
.slide-boxes {
    position: relative;
}

.slide-box {
    background-color: #532a0f;
    color: #ffffff;
    height: 300px;
    padding: 60px;
    margin-bottom: 20px;
}

.slide-box-top {
    bottom: 0;
    background-color: #ffffff;
    border: 2px solid #58585a;
    color: #58585a;
    height: 300px;
    left: 0;
    margin-left: 15px;
    margin-right: 15px;

    position: absolute;
    right: 0;
    top: 0;
}

.slide-box-top h5 {
    padding: 15%;
}

.slide-box-small-top {
    bottom: 0;
    background-color: #404041;
    border: 2px solid #ffffff;
    color: #ffffff;
    left: 0;
    margin-left: 15px;
    margin-right: 15px;
    padding-left: 6px;
    padding-right: 6px;
    position: absolute;
    right: 0;
    top: 0;
}

.slide-box-top h5,
.slide-box-small-top h6 {
    text-align: center;
}

.slide-box-small-top h6 {
    margin:40% 0;

}

.slide-box-top-container {
    position: relative;
    display: block;
    overflow: hidden;
}

.slide-box-small-bg {
    background-color: #ffffff;
    padding: 40px;
}

.slide-box-small {
  background-color: #b0662b;
  margin-top: 20px;
  padding: 18%;
}

.slide-box-small p {
    text-align: center;
}

.slide-box-link {
    color: #ffffff;
    display: block;
    margin-top: 20px;
    text-align: center;
    text-decoration: underline;
    width: 100%;
}

.slide-box-link:hover {
    color: #ffffff;
}

.slide-box-link:visited {
    color: #ffffff;
}


/* signup button **********/
.signup-button {
    text-align: center;
}

.signup-button-corporate {
    margin-top: 10px;
    text-align: center;
}

.btn-abso-free {
    margin-bottom: 60px;
}

.btn-abso-free-corp {
    margin: 80px auto;
}

.btn-signup {
    background-color: #499B4A;
    border-color: #499B4A;
    border-radius: 0;
    color: #ffffff;
}

/* signup button nav *****/
.btn-signup-nav {
    display: none;
}
.welcome-nav {
    visibility: hidden;
    color: #ffffff;
    display: none;
}
.welcome-nav a, .welcome-nav a:hover, .welcome-nav a:focus, .welcome-nav a:active, .welcome-nav a:visited {
    color: #ffffff;
}
.btn-sell-nav {
    display: none;
}

/* heading ***************/
.heading{
    text-align: center;
}

.heading-why {
    margin: 20px auto;
}

.heading-targeting {
    margin: 0 auto 40px;
}

.heading-start {
    margin: 40px auto 0;
}

.heading-corp {
    margin: 80px auto;
}

.heading-learn {
    margin: 60px auto;
}

/* targeting engine *******/
.targeting-engine {
    /*margin-bottom: 60px;*/
}

.targeting-engine img {
    /*margin-bottom: 40px;*/
}

.targeting-engine h3 {
    color: #000000;
    text-align: center;
    font: 600 24px/1.2 'Open Sans', Helvetica, sans-serif;
}

.targeting-callout-left {
    padding: 40px;
    text-align: center;
}

.targeting-callout-right {
    padding: 40px;
    text-align: center;
}

.targeting-engine div {
    height: 100%;
}

.bg-targeting-engine {
    /*background: rgba(51,0,1,0.3);*/
    background-size:cover;
    background-position: top right;
    text-align: right;
}

.bg-targeting-engine img {  
    margin-bottom: 60px;
}  

/* why smorgads *******/
.why {
    color: #ffffff;
    display: block;
    position: relative;
}

.hide-why {
    display: none;
}
.hide-label {
    display: none;
}

.main-street, 
.sponsorship, 
.real-estate, 
.niche-publications {
    display: block;
    position: relative;
}

.col-left {
    float: left;
    min-width: 160px;
    width: 50%;
}

.col-right {
    float: right;
    min-width: 160px;
    width: 50%;
}

.main-street-content, 
.sponsorship-content, 
.real-estate-content, 
.niche-publications-content {
    display: block;
    position: absolute;
    bottom: 0;
    top: 0;
    width: 95%;
}

.btn-right {
    bottom: 0;
    margin-right: 40px;
    margin-bottom: 40px;
    position: absolute;
    right: 0;
}

.btn-left {
    bottom: 0;
    margin-left: 40px;
    margin-bottom: 40px;
    position: absolute;
    left: 0;
}

.feature-left {
    background: url('../images/navbar-static-bg.png') no-repeat;
    background-size: 100%;
    bottom: 0;
    left: 0;
    margin-bottom: 10px;
    margin-left: 10px;
/*	max-width: 440px;*/
    padding: 10px;
    position: absolute;
    width: 80%;

}

.feature-left p, .feature-right p {
    font: 400 18px/1.2 'Open Sans Condensed', Helvetica, sans-serif;
    padding: 0 10px;
}


.feature-link {
    text-align: center;
}

.feature-link a {
    color: #ffffff;
    font: 400 22px/1.2 'Open Sans Condensed', Helvetica, sans-serif;
    text-transform: uppercase;
    text-decoration: none;
}

.feature-right {
    background: url('../images/navbar-static-bg.png') no-repeat;
    background-size: 100%;
    bottom: 0;
    right: 0;
    margin-bottom: 10px;
    margin-right: 10px;
/*	max-width: 440px;*/
    padding: 10px;
    position: absolute;
    width: 80%;
}

.hide-niche {
    display: none;
}

.start-container {
    background-color: #ffffff;
}

.start-container h1 {
    color: #404041;
}

.link-button {
    text-align: center;
    /*background-color: #ffffff;*/
    padding: 20px 0;
}

.link-button button {
    background-color: transparent;
    width: 100%;
}

.link-button button:hover, .link-button button:active, .link-button button:focus {
    background-color: transparent;
  color: #532a0f;
    width: 100%;
    border-color: transparent;
}

.link-button button {
    background-color: transparent;
    width: 100%;
}

.btn-start {
    border-color: transparent;
    padding: 80px 10px;
    font: 300 28px/1.2 'Open Sans Condensed', Helvetica, sans-serif;
}

.footer-anycard, .footer-anycard a {
    background-color: #009f8b;
    color: #009f8b;
    margin-top: 0px;
    overflow: hidden;
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: center;
}
.footer {
    background-color: #499B4A;
    margin-top: 0px;
    overflow: hidden;
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: center;
}

.foot-links {
    margin-bottom: 10px;
    margin-top: 5px;
}

.foot-link {
    padding: 5px 20px;
}

.footer a {
    color: #ffffff;
    padding: 10px 0;
    text-decoration: none;

}

.footer a:hover {
    color: #ffffff;
}

.footer a:visited {
    color: #ffffff;
}

.social-links {
    text-align: center;
}

/* inside pages ******************************/

.inside {
    padding-top: 0px;
}

.nav-menu {
    /*background-color: purple;*/
    padding-left: 0;
}

.nav-menu li a, .nav-menu li a:visited  {
    color: #000000;
    font: 300 22px/1.2 'Open Sans Condensed', Helvetica, sans-serif;
}

.nav-menu li a:hover {
    background: rgb(186, 203, 140);
    /*color: #499B4A;*/
}
/*
.dropdown-toggle {
    background-color: #fff;
}
*/
.nav .open>a,
.nav .open>a:hover,
.nav .open>a:focus {
    background-color:#BACB8C;
    border-color:#BACB8C;
}


.notification-link {
    padding: 20px 15px 0;
}

.search-menu {
    display: none;
}

.burger-menu {
    display: inline-block;
}

button.burger-menu {
    border-radius: 0;
    margin: 0 10px 0 20px;
    padding: 6px 8px;
}

button.burger-menu:hover, button.burger-menu:visited {
    background-color: #BACB8C !important;
}

.burger-menu-hide {
    display: inline-block;
}

button.burger-menu-hide {
    border-radius: 0;
    margin: 0 10px 0 20px;
    padding: 6px 8px;
}

button.burger-menu-hide:hover, button.burger-menu-hide:visited {
    background-color: #BACB8C !important;
}

.navbar-fixed-inside {
    /*position: fixed;*/
    width: 100%;
    z-index: 999;
}

.navbar span.icon-bar {
    padding: 0;
    background-color: #fff !important;
}

.navbar-default .navbar-toggle .iconbar {
    background-color: #fff;
}

#menubar {
    background-color: #fff;
    box-shadow: 0px 2px 4px #e3e3e3;
    /*position: fixed;*/
    top: 56px;
    width: 100%;
    z-index: 99;
}
.menubar-indent {
    margin-left: -15px;
}
.corporate-callout-title {
    background:rgba(51,0,1,0.3);
    float: right;
    /*
    margin-top: 240px;
    margin-bottom: 60px;
    */
    margin: 130px 16px 60px 0;
    text-align: center;
}

.corporate-callout-title h1 {
    color: #fff;
    font: 100 48px/1.2 'Open Sans Condensed', Helvetica, sans-serif;
    margin: 4px 40px;
    text-transform: uppercase;
}

.corporate-callout-title p {
    background:rgba(0,0,0,1);
    color: #fff;
    font: 100 24px/1.2 'Open Sans Condensed', Helvetica, sans-serif;

    padding: 10px;

    margin: 0 auto;
    text-transform: none;
    /*visibility: hidden;*/

}

.corporate-benefits {
    background:rgba(194,126,70,0.9);
    text-align: center;
    /*float: left;*/
    margin-left: 10px;
    padding: 2px 0;
    width: 300px;

}

.corporate-benefits h2 {
    color: #fff;
    font: 100 38px/1.2 'Open Sans Condensed', Helvetica, sans-serif;
    margin: 10px 20px;
    min-height: 60px;
    text-transform: none;

}

.callouts {
    background-color: red;
}

.callout-corporate-benefits {
    background:rgba(194,126,70,0.9);
    bottom: 2px;
    display: block;
    /*float: left;*/
    margin-left: 10px;
    margin-bottom: 80px;
    padding-bottom: 20px;
    position: relative;
    text-align: center;
    width: 300px;
}

ul.benefits-bullets {
    background-color: #fff;
    border: 2px solid #151213;
    list-style-type: none;
    margin-left: 20px;
    padding-bottom: 20px;
    padding-left: 0;
    text-align: left;
    width: 260px;
}

ul.benefits-bullets li {
    background: url('../images/check.png') no-repeat 8px 10px;
    background-size: 12%;
    margin-left: 2px
}

ul.benefits-bullets li span {
    color: #2a1a14;
    display: block;
    font: 100 24px/1.4 'Open Sans Condensed', Helvetica, sans-serif;
    padding: 4px 0 4px 50px;
}
ul.home-bullets {
  background-color: #fff;
  /*border: 2px solid #151213;*/
  list-style-type: none;
  margin-left: 20px;
  padding-top: 10px;
  padding-left: 0;
  text-align: left;
}

ul.home-bullets li {
  background: url('../images/check.png') no-repeat 0px 6px;
  background-size: 6%;
  margin-left: 2px
}

ul.home-bullets li span {
  color: #2a1a14;
  display: block;
  font: 100 20px/1.2 'Open Sans Condensed', Helvetica, sans-serif;
  padding: 5px 0 5px 50px;
}

.callout-help {
    background-color: #5d3333;
    display: block;
    /*float: left;*/
    margin-left: 10px;
    margin-bottom: 80px;
    padding-bottom: 20px;
    text-align: center;
    width: 300px;
}

.callout-help h2 {
    color: #fff;
    font: 100 38px/1.2 'Open Sans Condensed', Helvetica, sans-serif;
    margin: 10px 20px;
    padding: 10px;
    min-height: 60px;
    text-transform: none;
}

.callout-help div.tab-content {
    background-color: #fff;
    margin: 0 20px 20px;
}

.callout-help ul.nav-tabs {
    margin: 0 20px;
}

.callout-help ul.nav-tabs li {
    background-color: #000;
    border-radius: 0;
    width: 33.3%
}

.callout-help ul.nav-tabs li:active {
    background-color: #fff;
    border-radius: 0;
}

.nav-tabs-help li a {
    color: #fff;
}

.tab-pane {
    padding: 10px;
    text-align: left;
}
.tab-pane a:hover {
    cursor: pointer;
}

.callout-board {
    background: #c27e46 url('/gst/images/logo-white_orig.png') no-repeat 48px 10px;
    background-size: 35%;
    /*float: left;*/
    margin-left: 10px;
    margin-bottom: 80px;
    padding-bottom: 20px;
    text-align: center;
    width: 300px;
}

.callout-board h2 {
    color: #fff;
    font: 100 38px/1.2 'Open Sans Condensed', Helvetica, sans-serif;
    margin-left: 110px;
}

ul.callout-board-items {
    background-color: #fff;
    border: 2px solid #151213;
    list-style-type: none;
    margin-left: 20px;
    padding: 20px;
    text-align: center;
    width: 260px;
}

ul.callout-board-items li {
    color: #5d3333;
    font: 100 18px/1.4 'Open Sans Condensed', Helvetica, sans-serif;
}

ul.callout-board-items li a, ul.callout-board-items li a:visited {
    color: #151213;
    text-decoration: underline;
}

ul.callout-board-items li a:hover {
    color: #c27e46;
}

.inside-content .banner {
    color: #5e5e5f;
    font: 600 22px/1.4 'Open Sans', Helvetica, sans-serif;
    font-style: italic;
    padding: 20px;
  margin-right: 20px;
}

.inside-content h3 {
  font: 600 24px/1.2 'Open Sans Condensed', Helvetica, sans-serif;
  margin-bottom: 10px;
}

.inside-content p {
  margin-bottom: 20px;
}

.modal-dialog-85 {
    margin: 30px auto;
    width: 85%;
}

.modal-dialog-wide {
    margin: 30px auto;
    width: 800px;
}
.modal-header {
    background: #499B4A;
    color: #ffffff;
}

h4.modal-title {
  font: 100 38px/1.2 'Open Sans Condensed', Helvetica, sans-serif;
}

.title-italic {
  font: 200 28px/1.2 'Open Sans Condensed', Helvetica, sans-serif;
  font-style: italic;
  text-align: center;
}


/* signup *********************************/

.social-div {
    text-align: left;
    padding-left: 38px;
    margin-bottom: 10px;
    overflow: hidden;
}

.submit-central {
    text-align: center;
}

.submit-central fieldset {
    margin: 20px 0 20px;
}

.submit-central h1 {
    font: 800 30px/1.4 'Open Sans', Helvetica, sans-serif;
    text-align: center;
}

.submit-central h3 {
    color: #636466;
    font: 400 26px/1.4 'Open Sans Condenced', Helvetica, sans-serif;
    font-style: italic;
    margin: 60px 0 0;
}

.cbx-group {
  padding-left: 20px;
  margin-top: 60px;
  text-align: left;
}

.cbx-label {
    font: 300 22px/1.2 'Open Sans Condenced', Helvetica, sans-serif;
  padding-top: 20px;
}

.submit-central .checkbox {
    margin-bottom: 20px;
}

.submit-central .pledge {
    font: 600 20px/1.2 'Open Sans', Helvetica, sans-serif;
    margin-bottom: 60px;
}

.submit-central p {

}

.form-background {
    background-color: #9d9d9d;
}

.form-background-create-listing {
    background-color: #9d9d9d;
}

.form-header {
    color: #fff;
  font: 300 26px/1.2 'Open Sans Condensed', Helvetica, sans-serif;
  font-style: italic;
  margin: 0 0 10px ;	
  text-align: center;
}
/*causing Linked in api to break
.form-header span {
    display: inline-block;
    margin: 40px 20px 0 0;
}
*/
.form-header-icon {
    height: 44px;
    margin: 40px 20px 40px 0;
    width: 44px;

}

.control-label {
    color: #fff;
    font: 100 18px/1.2 'Open Sans Condensed', Helvetica, sans-serif;
    white-space: nowrap;
}
.control-label-link a {
    color: #ffffff;
}


.control-label-dark {
    color: #636466;
    font: 100 20px/1.2 'Open Sans Condensed', Helvetica, sans-serif;
    white-space: nowrap;
}

.success, .login {
    background-color: #bb6e2f;
    max-width: 868px;
    padding: 0;
}

.success-left, .login-left {
    color: #fff;
    height: 100%;
    padding-bottom: 20px;
    text-align: center;
}

.success-right {
    background: #ffffff url('../images/bg-modal-success.jpg') no-repeat 0 0;
    background-position: center;
    background-size: cover;
    color: #fff;
    text-align: center;
    padding:10px
}

.login-right {
    background: #ffffff url('../images/bg-modal-login.jpg') no-repeat 0 0;
    background-position: center;
    background-size: cover;
    color: #fff;
    text-align: center;
}

.login-image {
    background: #ffffff url('../images/bg-linkbox-3.png') no-repeat 0 0;
    background-position: center;
    background-size: cover;
    padding-bottom: 12%;
    color: #fff;
    text-align: right;
}

.forgot-password {
    background: #ffffff url('../images/Cards-forgot-password.jpg') no-repeat 0 0;
    background-position: center;
    background-size: cover;
    padding-bottom: 12%;
    color: #fff;
    text-align: right;
}
.reset-password {
    background: #ffffff url('../images/Cards-reset-password.jpg') no-repeat 0 0;
    background-position: center;
    background-size: cover;
    padding-bottom: 12%;
    color: #fff;
    text-align: right;
}
.change-password {
    background: #ffffff url('../images/Cards-reset-password.jpg') no-repeat 0 0;
    background-position: center;
    background-size: cover;
    padding-bottom: 12%;
    color: #fff;
    text-align: right;
}
.admin-form {
    background: #ffffff url('../images/photo-1525072124541-6237cc05f4f7.jpg') no-repeat 0 0;
    background-position: center;
    background-size: cover;
    /*padding-bottom: 18%;*/
    color: #7e8793;
    text-align: right;
}
.egift-form {
    background-position: center;
    background-size: cover;
    padding-bottom: 5%;
    color: #499B4A;
    text-align: left;
}
.egift-basic {
    background: #ffffff url('../images/Cards-Image-5-unhovered.jpg') no-repeat 0 0;
    background-position: center;
    background-size: cover;
}
.egift-xmas {
    background: #ffffff url('../images/eGift-xmas1.jpg') no-repeat 0 0;
    background-position: center;
    background-size: cover;
}
.egift-bday {
    background: #ffffff url('../images/eGift-Happy-Birthday.png') no-repeat 0 0;
    background-position: center;
    background-size: cover;
}
.egift-merch-image {
    background-color: #ffffff;
    background-position: center;
    background-repeat:no-repeat;
    background-size: contain;
    padding-bottom: 20%;
}

.users-title h1 {
    padding: 0 20px 40px 0;
    text-align: right;
    font: 600 60px/1.2 'Open Sans Condensed', Helvetica, sans-serif;
}

.success {
    max-width: 868px;
    padding: 0;
}

.dashboard-link {
    color: #fff;
    margin-bottom: 60px;
    text-decoration: underline;
    text-transform: uppercase;
}

.dashboard-link:hover,
.dashboard-link:focus, 
.dashboard-link:active  {
    color: #fff;
}

.success .nav-tagline {
    padding-top: 10px;
}

.signup-success, .login-modal-title {
    padding: 0 20px 140px 0;
    text-align: right;
}

.login-modal-title {
    padding: 0 0 0 20px;
    text-align: right;
}

.login-modal-social {
    text-align: left;
}

.login-modal-social h3 {
    color: #fff;
    font: 200 26px/1.2 'Open Sans Condensed', Helvetica, sans-serif;
    font-style: italic;
    margin-bottom: 4px;
}

.login-right h4 {
    color: #fff;
    font: 200 26px/1.2 'Open Sans Condensed', Helvetica, sans-serif;
    font-style: italic;
    margin: 21px 0 4px 80px;
    text-align: left;
}

.signup-success h1, .login-modal-title h1 {
    font: 600 60px/1.2 'Open Sans Condensed', Helvetica, sans-serif;
}

.signup-success p {
    font: 600 26px/1.2 'Open Sans Condensed', Helvetica, sans-serif;
}

.success-right h2, 
.success-left h2, 
.login-left h2,
.login-right h2 {
    color: #fff;
  font: 200 26px/1.2 'Open Sans Condensed', Helvetica, sans-serif;
  font-style: italic;
  padding: 0 20px;
  text-align: center;
  text-transform: none;
}

.logo-modal {
    margin: 30px auto;
}

.btn-login-modal {
    text-align: right;
}

.login-modal-forgot {
    text-align: left;
}

.login-modal-forgot a {
    color: #ffffff;
}

.login-modal-forgot a:hover, 
.login-modal-forgot a:visited, 
.login-modal-forgot a:active {
    color: #ffffff;
}
.login-modal-forgot a:hover{
    font-weight: bold;
    text-decoration: none;
}

.logo-link {
    background: transparent;
    height: 48px;
    left: 0;
    position: absolute;
    top: 0px;
    width: 220px;
}

.sidebar-create-listing {
    padding: 0;
}

.sidebar-create-listing h1 {
    color: #fff;
    font: 700 50px/1.2 'Open Sans Condensed', Helvetica, sans-serif;
    margin: 10px 30px 40px 0;
    text-align: right;
}

.sidebar-create-listing h2 {
    color: #fff;
    font: 700 35px/1.2 'Open Sans Condensed', Helvetica, sans-serif;
    font-style: italic;
    margin-bottom: 50px;
    text-align: center;
}

.sidebar-create-listing span {
    display: block;
    font-size: 20px;
    margin-top: 6px;
}

.main-create-listing {
    background-color: #ffffff;
    height: 100%;
    overflow: hidden;
}
.form-background-search-listing
 {
    position: relative;
    display: block;
    overflow: hidden;
}

.plan-listing-header {
    margin-bottom: 20px;
    position: relative;
    text-align: center;
}

.listing-header {
    background: #ffffff url('../images/340000px.png') no-repeat 0 0;
    background-position: center;
    background-size: cover;
    color: #fff;
    margin-bottom: 5px;
    position: relative;
    text-align: left;
}

.create-listing-header {
    background: #ffffff url('../images/bg-create-meadia-listing.jpg') no-repeat 0 0;
    background-position: center;
    background-size: cover;
    color: #fff;
    margin-bottom: 20px;
    position: relative;
    text-align: center;
}


.create-listing-header h2 {
    color: #fff;
    font: 200 26px/1.2 'Open Sans Condensed', Helvetica, sans-serif;
    font-style: italic;
    margin-top: 60px;

}

.create-listing-header button {
    color: #fff;
    margin: 40px;
    position: relative;
    right: 0;

}

.step1, 
.step2, 
.step3 {
    background-color: #ffffff;
}

.btn-sidebar {
    background-color: #c27e46;
    border: none;
    border-radius: 0;
    font: 200 38px/1.2 'Open Sans Condensed', Helvetica, sans-serif;
    font-style: italic;
    outline: none;
    position: relative;
    text-align: left;
    width: 100%;
    z-index: 99;
}

.btn-sidebar:active,
.btn-sidebar:focus,
.btn-sidebar:hover,
.btn-sidebar:visited {
    background-color: #808080;
    border: none;
    border-radius: 0;
    outline: none;
    position: relative;
    text-align: left;
    width: 100%;
}

.btn-sidebar span {
    display: inline;
    font-size: 26px;
    margin-left: 20px;
}

.btn-shift {
    top: -15px;
    left: 30px;
}

.submit-media-listing {
    margin: 60px 10px 40px;
    text-align: center;
}

.step-drawer {
    background-color: #fff;
    position: relative;
    /*top: -62px;*/
}

.step-drawer p {
    color: #636466;
    font: 200 24px/1.2 'Open Sans Condensed', Helvetica, sans-serif;
    font-style: italic;
    padding: 0 10px 30px 30px;
}

.sidebar-item {
    background-color: #fff;
    position: relative;
    margin-bottom: 30px;
}

.sidebar-item-2 {
    position: relative;
}

.control-section-header {
    position: relative;
    background-size: 94%;
    margin-bottom: 20px;
    min-height: 100px;
    left: 15px
}

.control-section-header-1 {
    background: #ffffff url('../images/bg-control-section-header-1.png') no-repeat 0 0;
}
.control-section-header-2 {
    background: #ffffff url('../images/bg-control-section-header-2.png') no-repeat 0 0;
}
.control-section-header-3 {
    background: #ffffff url('../images/bg-control-section-header-3.png') no-repeat 0 0;
}

.control-section-header h1 {
    color: #925621;
    font: 300 36px/1.2 'Open Sans Condensed', Helvetica, sans-serif;
    text-align: right;
}

.control-section-header h2 {
    font: 200 20px/1.2 'Open Sans Condensed', Helvetica, sans-serif;
    font-style: italic;
    text-align: right;
}

.control-label-group {
  color: #340000;
  font: 200 18px/1.2 'Open Sans Condensed', Helvetica, sans-serif;
  font-style: italic;
  font-weight: bold;
}

.form-tooltip-icon {
    height: 22px;
    width: 22px;
}

.input-group-addon {
  background-color: #c27e46;
  border-color: #c27e46;
  font: 100 16px/1.0 'Open Sans Condensed', Helvetica, sans-serif;
}

.input-group-addon a {
    color: #fff;
  text-decoration: none;
}

.input-group-addon a:active,
.input-group-addon a:focus,
.input-group-addon a:hover,
.input-group-addon a:visited {
    color: #fff;
  text-decoration: none;
}

.input-group-addon-default {
    background-color: #eee;
    border-color: #ccc;
}

.input-group-sublabel {
    font: 400 20px/1.2 'Open Sans Condensed', Helvetica, sans-serif;
    font-style: italic;
    margin-top: 10px;
    text-align: left;
}

.input-caboose {
    margin-bottom: 60px;
}

.form-element-txt-spacer {
    display: block;
    margin: 10px;
}

.ultimatum {
    color: #340000;
  font: 200 18px/1.2 'Open Sans Condensed', Helvetica, sans-serif;
  font-style: italic;
    text-align: left;
    margin-top: 6px;
}

.remove-multimedia {
    margin: 10px 0 10px 4px;
}

.saveSearch {
    text-align: center;
}

.ticketPrice {
    color: #18A5D2;
    font-weight: bold;
}
.ticketFees {
    color: #727272;
    font-size: 1.2rem;
    font-weight: normal;
}

.list-group-notification {
    border-left-color: #fff;
    border-right-color: #fff;
    position: relative;
}

.list-group-notification:first-child {
    border-top-color: #fff;
}

.list-group-notification:last-child {
    border-bottom-color: #fff;
}

.list-group-buttons {
    position: absolute;
    right: 20px;
    top: 6px;
}

.list-group-buttons .glyphicon {
    font-size: 22px;
    margin-left: 10px;
}

label.label-notifications > input { 
  display:none;
}

label.label-notifications > input + span { 
    color: #ddd;
  cursor:pointer;
  border:2px solid transparent;
}

label.label-notifications > input:checked + span { /* (CHECKED) IMAGE STYLES */
  color: #c27e46;
}

label.label-news-updates {
    margin-left: 30px;
    margin-bottom: 10px;
}

.section-auction {
    margin-bottom: 20px;
}

.section-news-and-updates {
    margin-bottom: 40px;
}

.section-news-and-updates p,
.section-auction p {
    margin-top: 40px;

  color: #636466;
  font: 100 20px/1.2 'Open Sans Condensed', Helvetica, sans-serif;
  white-space: nowrap;

}

/* ticker **********/
.tickercontainer { /* the outer div */
/* width: 738px; */
height: 27px; 
padding: 0;
overflow: hidden; 
margin-top: -50px
}
.tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */
position: relative;
padding-left: 10px;
padding-right: 10px;
top: 8px;
height: 18px;
/*width: 718px;*/
overflow: hidden;
}
ul.newsticker { /* that's your list */
/*Transitions have been added in order set css3 transitions; and have linear easing. Changing these lines you might have unexpected results */
-webkit-transition: all 0s linear;
-moz-transition: all 0s linear;
-o-transition: all 0s linear;
transition: all 0s linear;
position: relative;
margin-left: 20px;
/*color: #925621;*/
font: bold 12px Verdana;
list-style-type: none;
margin: 0;
padding: 0;

}
ul.newsticker li {
float: left; /* important: display inline gives incorrect results when you check for elem's width */
margin: 0;
padding-right: 15px;
/*background: #fff;*/
}
ul.newsticker a {
white-space: nowrap;
color: #925621;
text-decoration: none;
margin: 0 10px 0 0;
}
ul.newsticker a:hover {
color: #532a0f;
text-decoration: none;
cursor: pointer;
}
ul.newsticker span {
margin: 0 10px 0 0;
} 

.slide-out-div {
    padding: 20px;
    width: 250px;
    background: #ccc;
    border: #c27e46 1px solid;
}

.button-dropdown:hover {
    display: block;
}

.chart-stats {
  width: 500px;
  height: 450px;
}


#cover-spin {
    position:fixed;
    width:100%;
    left:0;right:0;top:0;bottom:0;
    background-color: rgba(255,255,255,0.7);
    z-index:9999;
    display:block;
}

@-webkit-keyframes spin {
	from {-webkit-transform:rotate(0deg);}
	to {-webkit-transform:rotate(360deg);}
}

@keyframes spin {
	from {transform:rotate(0deg);}
	to {transform:rotate(360deg);}
}

#cover-spin::after {
    content:'';
    display:block;
    position:absolute;
    left:48%;top:40%;
    width:40px;height:40px;
    border-style:solid;
    border-color:#499B4A;
    border-top-color:transparent;
    border-width: 4px;
    border-radius:50%;
    -webkit-animation: spin .8s linear infinite;
    animation: spin .8s linear infinite;
}

















































/* media queries *****************************/


/* 400 **************************************************************************************/
@media (min-width: 400px) {
    .txt-hide {
        display: inline-block;
    }

    .slide-box-small p {
        font-size: 18px;
    }

    .slide-box-small-top h6 {
        margin:30% 0;
    }

    .navbar-logo {
        left: 15px;
    }
/*
    .navbar-fixed, .navbar-fixed-top {
        background: #000000 url('../images/logo-white_orig.png') no-repeat 15px 5px;

    }

    .navbar-fixed-inside {
        background: #000000 url('../images/logo-white_orig.png') no-repeat 15px 5px;
    }
*/
    .carousel-callout {
        font: 100 16px/1.2 'Open Sans Bold Condensed', Helvetica, sans-serif;
        margin-top:18%;
    }
    .carousel-callout-right {
        font: 100 16px/1.2 'Open Sans Bold Condensed', Helvetica, sans-serif;
    }
    .carousel-callout-left {
        font: 100 16px/1.2 'Open Sans Bold Condensed', Helvetica, sans-serif;
    }
    .carousel-callout-heading {
        font: 100 21px/1.2 'Open Sans Bold Condensed', Helvetica, sans-serif;
    }
    h6 {
        font: 400 21px/1.2 'Open Sans', Helvetica, sans-serif;
    }

    .navbar-buttons {
        right: 20px;
    }

    .linkbox a, .linkbox a:hover {
        font: 100 20px/1.2 'Open Sans Condensed', Helvetica, sans-serif;
    }

    .revolutionizes-container {
        background-position: top right;
    }

    .nav-menu {
        /*padding-left: 46px;*/
    }

    #menubar {
        box-shadow: none;
    }

    .corporate-benefits, .callout-corporate-benefits, .callout-help, .callout-board {
        margin-left: 15%;
    }

.boxbrow {
    font: 100 12px/1.2 'Open Sans Condensed', Helvetica, sans-serif;
  }

  .chart-stats {
    width: 300px;
    height: 300px;
  }

}

/* 500 **************************************************************************************/
@media (min-width: 500px) {
    /* signup button nav *****/
    .btn-signup-nav {
        display: inline-block;
    }
  .welcome-nav {
    float: left;
    padding-top: 5px;
    visibility: visible;
        display: inline-block;
  }

    .slide-box-small-top h6 {
        margin:20% 0;

    }

  .bxSlider {
    margin: 0;
    padding: 0;
    visibility: visible;
  }

    .carousel-callout {
        font: 100 21px/1.2 'Open Sans Bold Condensed', Helvetica, sans-serif;
        margin-top:18%;
        margin-right: 2%;
    }
    .carousel-callout-right {
        font: 100 21px/1.2 'Open Sans Bold Condensed', Helvetica, sans-serif;
    }
    .carousel-callout-left {
        font: 100 21px/1.2 'Open Sans Bold Condensed', Helvetica, sans-serif;
    }

    .carousel-callout-inner {
        font-size: 18px;
        font-size: 2.0vw;
        display: block;
    }

    .carousel-callout-pic {
        visibility: visible;
    }

    .linkbox a, .linkbox a:hover {
        font: 100 26px/1.2 'Open Sans Condensed', Helvetica, sans-serif;
    }

    ul.home-bullets li span {
        font: 100 24px/1.4 'Open Sans Condensed', Helvetica, sans-serif;
    }

    .home-sell-img-sm {
    position: relative;
    text-align: center;
    display: none;
  }
  .home-sell-img-lg {
    position: relative;
    text-align: center;
    display: block;
  }
  .home-buy-img-sm {
    position: relative;
    text-align: center;
    display: none;
  }
  .home-buy-img-lg {
    position: relative;
    text-align: center;
    display: block;
  }
  .home-sell-img {
    background: url('../images/HomeSellHorizontal.png') no-repeat;
    background-position: center center;
    background-size: cover;
    width: 1253px;
    height: 467px;
  
  }

    .corporate-callout ul {
        visibility: visible;
    }

.boxbrow {
    font: 100 18px/1.2 'Open Sans Condensed', Helvetica, sans-serif;
  }


}


@media (min-width: 560px) {
    .carousel-callout {
        margin-top:18%;
    }

}

@media (min-width: 650px) {
    .carousel-callout {
        margin-top:18%;
        margin-left:30%;
    }

    .corporate-container h2 {
      margin-top: 20px;
    }

}

@media (max-width: 767px) {
    .paymentdetails {
        width: auto !important;
    }
    .paymentdetails  h3 {
        margin: 0 3px 9px 13px;
    }
    #formCardPay .col-xs-5 { width: auto !important;}
}

/* 768 **************************************************************************************/
/* small devices (tablets) *******************/
@media (min-width: 768px) {
    .btn-sell-nav {
        display: inline-block;
    }
    .nav-tagline {
        display: inline-block;
    }
    .slide-box {
        height: 360px;
        margin: 0;
        padding: 60px 20px;
    }

    .slide-box-top {
        height: 360px;
    }

    .slide-box-small {
        padding: 18%;
        margin-top: 20px;
    }

    .slide-box-small p {
        font-size: 20px;
    }
      .carousel-callout-vid {
        display: inline-block;
      }
    .circle-container {
        padding-left:38%;
    }

    .hide-why {
        display: block;
    }
    .hide-label {
        display: block;
    }

    .btn-signup {
        padding: 10px 80px;
    }

    .callout-container-right {
        bottom: 0;
        position: relative;
    }

    .targeting-callout-left {
        padding-right: 0;
        padding-top: 0;
        text-align: center;
    }

    .targeting-callout-right {
        padding-bottom: 0;
        padding-left: 0;
        position: absolute;
        text-align: center;
        top: 60px;
    }

    .foot-links {
        margin-bottom: 0;
        margin-top: 0;
    }

    .foot-link {
        border: none;
    }

    .home-hide-media-buyer {
        display:block;
    }
    .home-show-media-buyer {
        display:none;
    }

    h6 {
        font: 400 24px/1.2 'Open Sans', Helvetica, sans-serif;
    }
    .carousel-callout-heading {
        font: 700 36px/1.2 'Open Sans Bold Condensed', Helvetica, sans-serif;
    }
    .carousel-callout {
        font: 100 24px/1.2 'Open Sans Bold Condensed', Helvetica, sans-serif;
        margin-top:18%;
        margin-left:49%;
        margin-right: 2%;
    }
    .carousel-callout-right {
        font: 100 24px/1.2 'Open Sans Bold Condensed', Helvetica, sans-serif;
    }
    .carousel-callout-left {
        font: 100 24px/1.2 'Open Sans Bold Condensed', Helvetica, sans-serif;
    }
  .carousel-callout-button {
    padding: 10px 30px;
  }

    .linkbox a, .linkbox a:hover {
        font: 100 30px/1.2 'Open Sans Condensed', Helvetica, sans-serif;
    }

    ul.home-bullets li span {
        font: 100 20px/1.2 'Open Sans Condensed', Helvetica, sans-serif;
    }

    .burger-menu {
        display: none;
    }

    #menubar {
        display: block;
        visibility: visible;
    }

    #menubar .navbar-toggle .icon-bar {
        padding: 0;
    }

    .inside {
        padding-top: 0;
    }

  .boxbrow {
    font: 100 28px/1.2 'Open Sans Condensed', Helvetica, sans-serif;
  }

  .revolutionizes-container h2, .corporate-container h2 {
    font: 700 34px/1.2 'Open Sans', Helvetica, sans-serif;
  }

    .control-label-dark {
        text-align: right;
    }

    .ultimatum {
        text-align: right;
    }

    .form-inline .form-control {
      width: 100%;
    }

    .text-right-768 {
        text-align: right;
    }

  .chart-stats {
    width: 350px;
    height: 350px;
  }

}

/* 850 **************************************************************************************/
@media (min-width: 850px) {
    .carousel-callout {
        font: 700 28px/1.2 'Open Sans Bold Condensed', Helvetica, sans-serif;
        margin-left:54%;
        visibility: visible;
    }

    .feature-left, .feature-right {
        margin-bottom: 10px;
    }

    .corporate-callout {
        padding: 30px 50px;
    }

}


/* 992 **************************************************************************************/
/* medium devices (desktops) *****************/
@media (min-width: 992px) {

    .admin-form {
        padding-bottom: 20%;
    }
    .egift-form {
        padding-bottom: 20%;
    }

    .search-menu {
        padding: 10px 5px 0;
        display: table;
    }

    .slide-box {
        /*height: 420px;*/
        padding: 80px 20px;
    }

    .slide-box-top {
        /*height: 420px;*/
    }

    .slide-box-small {
        height: 280px;
    }

    .feature-right h4, .feature-left h4 {
        font-size: 36px;
    }

    .slide-box-small-top h6 {
        margin:40% 0;

    }
    .circle-container {
        padding-left:40%;
    }

    .slide-box-small p {
        font-size: 14px;
    }

    .targeting-callout-right {
        top: 200px;
    }

    .carousel-callout-heading {
        font: 700 48px/1.2 'Open Sans Bold Condensed', Helvetica, sans-serif;
    }
  .carousel-callout-inner {
    font-size: 24px;
    font-size: 1.5vw;
  }
  .carousel-callout-right {
    font: 700 28px/1.2 'Open Sans Bold Condensed', Helvetica, sans-serif;
    visibility: visible;
  }
  .carousel-callout-left {
    font: 700 28px/1.2 'Open Sans Bold Condensed', Helvetica, sans-serif;
    visibility: visible;
  }

    ul.home-bullets li span {
        font: 100 24px/1.4 'Open Sans Condensed', Helvetica, sans-serif;
    }

    .linkbox {
        margin-left: auto;
        margin-right: auto;
        height: 350px;

    }

    .linkbox a, .linkbox a:hover {
        font: 100 46px/1.2 'Open Sans Condensed', Helvetica, sans-serif;
    }

    .hide-niche {
        display: inline;
    }

    .btn-start {
        font: 300 38px/1.2 'Open Sans Condensed', Helvetica, sans-serif;
    }

    .corporate-callout {
        padding: 80px;
    }

    .corporate-container h2 {
      margin-top: 20px;
    }

  .chart-stats {
    width: 400px;
    height: 400px;
  }


}

/* 1100 *************************************************************************************/
@media (min-width: 1100px) {

    .carousel-callout-pic {
        margin-left:8%;
    }

    .feature-left p, .feature-right p {
        font: 400 22px/1.2 'Open Sans Condensed', Helvetica, sans-serif;

    }
}

/* 1200 *************************************************************************************/
/* large devices (desktops) ******************/
@media (min-width: 1200px) {
    .slide-box {
        /*height: 380px;*/
    }
    .circle-container {
        padding-left:42%;
    }

    .carousel-callout {
        font: 700 34px/1.2 'Open Sans Bold Condensed', Helvetica, sans-serif;
        margin-top:28%;
        margin-left:59%;
        margin-right: 2%;
    }
    .carousel-callout-right {
        font: 700 34px/1.2 'Open Sans Bold Condensed', Helvetica, sans-serif;
    }
    .carousel-callout-left {
        font: 700 34px/1.2 'Open Sans Bold Condensed', Helvetica, sans-serif;
    }

    .slide-box-top {
        /*height: 380px;*/
    }

    .linkbox a, .linkbox a:hover {
        font: 100 52px/1.2 'Open Sans Condensed', Helvetica, sans-serif;
    }

    .corporate-callout {
        padding: 100px;
    }

    .corporate-benefits, .callout-corporate-benefits, .callout-help, .callout-board {
        width: 360px;
    }

    ul.benefits-bullets, ul.callout-board-items {
        width: 320px;
    }

    ul.benefits-bullets li {
        background-size: 10%
    }

  .corporate-callout-title {
    margin: 130px 16px 100px 0;
  }

  .chart-stats {
    width: 500px;
    height: 450px;
  }

}

/* 1300 *************************************************************************************/
/* large devices (desktops) ******************/

@media (min-width: 1300px) {
    .carousel-callout {
        margin-left:69%;
        margin-right: 2%;
    }

    .corporate-benefits, .callout-corporate-benefits, .callout-help, .callout-board {
        width: 360px;
    }

    ul.benefits-bullets, ul.callout-board-items {
        width: 320px;
    }

  .corporate-callout-title {
    margin: 130px 16px 160px 0;
  }

    ul.home-bullets li span {
        font: 100 24px/1.6 'Open Sans Condensed', Helvetica, sans-serif;
    }

}


/* 1400 *************************************************************************************/
/* large devices (desktops) ******************/

@media (min-width: 1400px) {
    .carousel-callout {
        margin-left:69%;
        margin-right: 2%;
    }

/*
    .burger-menu {
        display: none;
    }

    #menubar {
        display: block;
        visibility: visible;
    }

    #menubar .navbar-toggle .icon-bar {
        padding: 0;
    }
*/
    .corporate-benefits, .callout-corporate-benefits, .callout-help, .callout-board {
        width: 420px;
    }

    ul.benefits-bullets, ul.callout-board-items {
        width: 380px;
    }

  .chart-stats {
    width: 650px;
    height: 550px;
  }

}


@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {  
   /* IE10+ specific styles go here */  
   .j-tron-halt-ie {
    max-width: none;
   }

}

.paymentdetails {
    margin-left: auto;
    margin-right: auto;
    width: 1070px;
  }

.terms_conditions{
    margin-left: auto;
    margin-right: auto;
    width: 76em;
}

.camera_scan {
    margin-left: auto;
    margin-right: auto;
    width: 94em;
}

#spence_button_parent {
    float: left;
  }

  .store-page-main .process-payment-main {
    border-top: 1px solid #c3c4c6;
    margin-top: 30px;
    display: block;
    float: left;
    padding-top: 30px;
}

.detail-content h2 {
    border: none;
}
.detail-content h2 {
    margin: 0;
    font-size: 30px;
    color: #0a0c31;
    font-weight: 600;
    font-family: 'Baskervville' !important;
}

.store-page-main .contat-form-main {
    border: 1px solid #c1c1c2;
    border-radius: 10px;
    padding: 0 20px;
    display: flex;
    margin-bottom: 5px;
}

.store-page-main .contat-form-main span {
    min-width: 26px;
}

.store-page-main .contat-form-main .form-control {
    color: #6b6b6b;
    font-size: 16px;
    font-weight: 500;
}
.store-page-main .shadow-none {
    box-shadow: none !important;
}

.store-page-main .contat-form-main {
    border: 1px solid #c1c1c2;
    border-radius: 10px;
    padding: 0 20px;
    display: flex;
    margin-bottom: 5px;
}
.required {
    text-align: center;
    margin-top: 22px;
}
.store-page-main .terms label {
    font-weight: 400;
    font-size: 14px;
}
.stripe {
    text-align: center;
    margin-top: 20px;
}
.store-page-main .contat-form-main .form-control {
    border-top: 0;
    border-left: 0;
    border-right: 0; 
}
.store-page-main .stripe p {
    font-size: 14px;
    font-weight: 500;
    line-height: normal;
    color: #000202;
    margin-bottom: 0;
}
.store-page-main .stripe p a {
    font-size: 24px;
    font-weight: bold;
    line-height: normal;
    color: #6a5eff;
    margin-left: 10px;
}
.store-page-main .terms a {
    color: #42782e;
    font-weight: bold;
}
.store-page-main .btn-primary {
    background-color: #42782e !important;
}
.balance {
    color: #42782e;
    margin-left: 15px;
    font-weight: bold;
}
.control-label-card {
    color: #000000;
    font: 200 20px/1.2 'Open Sans Condensed', Helvetica, sans-serif;
}
#spence_button {
    background-color: #42782e !important;
}
.card-title h1 {
    padding: 0 20px 40px 0;
    font: 600 40px/1.2 'Open Sans Condensed', Helvetica, sans-serif;
    color: #499B4A;
}

/*3rd level submenu*/
.dropdown-menu .dropdown-menu {
    left: 100%;
}
.dropdown-menu .dropdown-menu.dropdown-top--placement {
    top:0;
}
.dropdown-menu .dropdown-menu.dropdown-bottom--placement {
    top:unset;
    bottom: 0;
}
.rotate-270 {
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    transform: rotate(270deg);
}

