/* GLOBAL STYLES
-------------------------------------------------- */
body { font:16px 'Klint W01'; font-size: 16px; font-weight: 0; color: #5a5a5a; }
.h1, .h2, .h3, h1, h2, h3 { padding-top: 20px; padding-bottom: 15px; } 
a { color: #546898; text-transform: uppercase; }
a:hover {color: #100e31; text-transform: uppercase; }
a, a:hover { text-decoration: none; font-size: 18px; }
p {font-weight: 200; text-align: center; }
h2, h2 a, h2 a:hover  {font-weight: 600; font-size: 40px; text-transform: uppercase; }
input { margin-bottom: 10px; }

.home h2{ text-align: center;}

.home-spacer{height:114px; background:#100E31;}
.back-to-top{position:fixed;bottom:100px;right:50px;display:none;z-index:9999;}

.responsive-utility{position:fixed; bottom:0; background-color:white; display:none;}

.row-centered { text-align: center; }
.col-centered { display: inline-table; float: none; margin-right: -4px; }
.p-left-0 { padding-left: 0; }
.pad-left-15 { padding-left: 15px; }
.m-bottom-15 { margin-bottom: 15px; }
.m-bottom-25 { margin-bottom: 25px; }
.m-bottom-50 { margin-bottom: 50px; }

.navy {color: #243f71; }

.main-nav>li { margin-left:20px;} 
.navbar { border-radius: 0; }
.navbar-header {  margin: 18px 18px; }
.navbar-nav { margin: 0; }
.navbar-toggle { margin-right: 0; }
.navbar-default { border: none; border-radius: none; }
.navbar-collapse.in { overflow-y: visible;}
.container>.navbar-collapse { margin-right: 0; margin-left: 0; }
.btn-primary, .spotter-btn{font-size:16px; font-weight: 400; background:#efe171;background:-moz-linear-gradient(top,#efe171 0,#ecd048 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#efe171),color-stop(100%,#ecd048));background:-webkit-linear-gradient(top,#efe171 0,#ecd048 100%);background:-o-linear-gradient(top,#efe171 0,#ecd048 100%);background:-ms-linear-gradient(top,#efe171 0,#ecd048 100%);background:linear-gradient(to bottom,#efe171 0,#ecd048 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#efe171', endColorstr='#ecd048', GradientType=0);border:2px solid #efe172;padding:20px 18px; }
.btn-primary:hover, .spotter-btn:hover{font-size:16px;color:#243f71;background:#ecd048;background:-moz-linear-gradient(top,#ecd048 0,#efe171 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#ecd048),color-stop(100%,#efe171));background:-webkit-linear-gradient(top,#ecd048 0,#efe171 100%);background:-o-linear-gradient(top,#ecd048 0,#efe171 100%);background:-ms-linear-gradient(top,#ecd048 0,#efe171 100%);background:linear-gradient(to bottom,#ecd048 0,#efe171 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ecd048', endColorstr='#efe171', GradientType=0);border:2px solid #efe172;padding:20px 18px; }
.spotter-primary-btn{font-family:'Klint W01';font-size:14px;font-weight:400;color:#685dba;text-transform:uppercase;display:inline-block;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;cursor:pointer; border:1px solid #685dba;-webkit-border-radius:5px;border-radius:5px;text-align:center;-o-text-overflow:clip;text-overflow:clip;background:-webkit-linear-gradient(-90deg,#1b174e 0,#1b1750 100%) 50% 50%;background:-moz-linear-gradient(180deg,#1b174e 0,#1b1750 100%) 50% 50%;background:linear-gradient(180deg,#1b174e 0,#1b1750 100%) 50% 50%;-webkit-background-origin:padding-box;background-origin:padding-box;-webkit-background-clip:border-box;background-clip:border-box;-webkit-background-size:auto auto;background-size:auto auto;}
.spotter-primary-btn:hover{font-family:'Klint W01';font-size:14px;font-weight:400;text-transform:uppercase;display:inline-block;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;cursor:pointer;padding:20px 35px;border:1px solid #fff;-webkit-border-radius:5px;border-radius:5px;color:#fff;text-align:center;-o-text-overflow:clip;text-overflow:clip;background:-webkit-linear-gradient(-90deg,#1b174e 0,#1b1750 100%) 50% 50%;background:-moz-linear-gradient(180deg,#1b174e 0,#1b1750 100%) 50% 50%;background:linear-gradient(180deg,#1b174e 0,#1b1750 100%) 50% 50%;-webkit-background-origin:padding-box;background-origin:padding-box;-webkit-background-clip:border-box;background-clip:border-box;-webkit-background-size:auto auto;background-size:auto auto;}

.nav .btn-primary{font-size:16px; padding:10px 20px;}
.nav .open>a:hover { border-color: transparent; }

a:hover { font-family: 'Klint W01'; color: #100e31; text-transform: uppercase; }

.BlogPostArchive a, .BlogRecentPost a{text-transform:none; display:block; border-bottom:1px solid #EEE; padding-bottom:10px; font-size:14px;}



.navbar-brand { background: url(../svg/spotter-logo.svg) no-repeat; background-size:auto 100%; text-indent: -999px; }
.main-header .spotter-secondary-nav {background: #f4f4f4; /* Old browsers */
background: -moz-linear-gradient(top,  #f4f4f4 0%, #f3f3f3 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f4f4f4), color-stop(100%,#f3f3f3)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #f4f4f4 0%,#f3f3f3 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #f4f4f4 0%,#f3f3f3 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #f4f4f4 0%,#f3f3f3 100%); /* IE10+ */
background: linear-gradient(to bottom,  #f4f4f4 0%,#f3f3f3 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#f3f3f3',GradientType=0 ); /* IE6-9 */
; border-bottom: #e7e7e8 solid 1px; 
position:fixed; top:0; z-index:99;
width:100%;
}
.main-header a {font-size: 16px; color: #546898; text-transform: uppercase; padding-top: 0; padding-bottom: 0; line-height: 30px;}
.main-header a:hover {color: #100e31; text-transform: uppercase; }
.main-header .secondary-nav a { color: #8b8c8d; font-weight: 200; border-left: #e7e7e8 solid 1px; padding:8px 13px; border-right:#fff solid 1px; }
.main-header .secondary-nav {border-left:#fff solid 1px; border-right: #e7e7e8 solid 1px;}


.home-hero h1 { font:200 39px 'Klint W01'; color: #fff;}
.home-hero .hero-text {color: #fff; text-transform: uppercase; font-weight: 800; line-height: 60px;}
.home-hero .spotter-tablet {  position: relative; right: 0; float:right; }
.home-hero .spotter-tablet img { position: relative; transform:rotate(3deg);}

.jumbotron {background:#60adbe url('../img/industrial-bg.jpg') no-repeat; background-size: cover; margin-bottom: 0;}
.jumbotron.yellow{background:url('../img/yellow-masthead-bg.png') no-repeat; background-size: cover;}

.notice{background-color:#62AEBE; color:white; position:relative; z-index:9;}
.notice h3{font-weight:400;}
.notice p, .notice span {font-size:12px; line-height:18px;}
.notice *, .notice h4, .notice a:hover{text-transform:initial;}
.notice a{font-size:16px; margin-right:5px; color:#685dba;}
.notice a:hover{color:#82bac9;}
.notice p{margin-bottom:0px;}


.testimonials p {font-weight: 200; }
.testimonials .quote-person { font-weight: 700; margin-top: 50px; }
.testimonials .quote-company { font-weight: 200; font-style: italic;  }
.carousel-indicators .active { background-color: #d7e8ee; } 
.carousel-indicators li { border: solid 2px #d7e8ee; }
.testimonials .carousel-caption { border-top: 2px solid #596182; border-bottom: 2px solid #4c5783;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#4c5783), to(#596182));
  background-image: -webkit-linear-gradient(#4c5783, #596182);
  background-image:
      -moz-linear-gradient(#4c5783, #596182),
      -moz-linear-gradient(#4c5783, #596182);
  background-image:
      -o-linear-gradient(#4c5783, #596182),
      -o-linear-gradient(#4c5783, #596182);
  background-image: 
      linear-gradient(#4c5783, #596182),
      linear-gradient(#4c5783, #596182);
  -moz-background-size: 2px 100%;
  background-size: 2px 100%;
  background-position: 0 0, 100% 0;
  background-repeat: no-repeat;}
.spotter-row { text-align: center; }
.spotter-item { float: none; display: inline-block; }


.home-bg {
    background: #F2F2F2;
  ;
  }

.simple-bg {
 background: url('../svg/bg-prism.svg') center center no-repeat;
    background-size: cover;
  }

  .simple-bg:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-image: linear-gradient(to bottom right,#fff,#e5e5e5);
    opacity: .2; 
  }

.large-thumb { margin: 0 auto; }
.home .large-thumb h2, h2, h2 a { color: #243f71; }
.large-thumb h3 {font-weight: 400; color: #243f71; }
.large-thumb p {color: #243f71; }

.small-thumb { background: url(../svg/benefits/benefits-bg.svg); background-repeat: no-repeat; position: relative; z-index: 2;}
.small-thumb h2 { color: #fff; }
.small-thumb h3 {font-weight: 500; text-transform: uppercase; color: #fff; }
.small-thumb p { font-weight: 200; color: #fff; }

.call-out {background: url(../img/industrial-bg.jpg); background-repeat: no-repeat; background-size: cover; padding-top: 50px; }
.call-out h2 { color: #fff; padding-top: 75px; }
.call-out p {font-weight: 300; color: #fff;}
.call-out.yellow{background: url('../img/yellow-masthead-bg.png'); background-size: cover;}
.call-out.yellow .btn-primary{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#433e68+0,221f53+100 */
background: #433e68; /* Old browsers */
background: -moz-linear-gradient(top,  #433e68 0%, #221f53 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#433e68), color-stop(100%,#221f53)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #433e68 0%,#221f53 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #433e68 0%,#221f53 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #433e68 0%,#221f53 100%); /* IE10+ */
background: linear-gradient(to bottom,  #433e68 0%,#221f53 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#433e68', endColorstr='#221f53',GradientType=0 ); /* IE6-9 */

border:1px solid #221F53; padding:10px 20px;}
.call-out.yellow .btn-primary:hover{color:#FFF;}


.main-footer { background: #100e31; /* Old browsers */ background: -moz-linear-gradient(left,  #100e31 0%, #1b1851 50%, #100e31 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right top, color-stop(0%,#100e31), color-stop(50%,#1b1851), color-stop(100%,#100e31)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(left,  #100e31 0%,#1b1851 50%,#100e31 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(left,  #100e31 0%,#1b1851 50%,#100e31 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(left,  #100e31 0%,#1b1851 50%,#100e31 100%); /* IE10+ */ background: linear-gradient(to right,  #100e31 0%,#1b1851 50%,#100e31 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#100e31', endColorstr='#100e31',GradientType=1 ); /* IE6-9 */ padding-top: 120px; padding-bottom: 105px; }
.main-footer h3 {font-weight: 400; color: #fff; text-transform: uppercase; }
.main-footer p {font-weight: 400; color: #fff; padding-top: 40px;}
.main-footer form .form-group { padding-bottom: 15px; }
.main-footer input, .main-footer textarea { color: #0d0c2f; background: #675acc; border: none; }
.main-footer input::-webkit-input-placeholder, .main-footer textarea::-webkit-input-placeholder{color: #0d0c2f; }
.main-footer input:-moz-placeholder, .main-footer textarea:-moz-placeholder {color: #0d0c2f; }
.main-footer input::-moz-placeholder, .main-footer textarea::-moz-placeholder {color: #0d0c2f; }
.main-footer input:-ms-input-placeholder, .main-footer textarea:-ms-input-placeholder {color: #0d0c2f; }

.main-footer .social-text {font-weight: 400; font-style: italic; padding-top: 15px; }
.main-footer .social-icons  { color: #685dba; }
.main-footer .social-icons:hover { color: #fff;}
.social-networks { padding-top: 0px; }

footer { padding: 15px 15px; background-color: #08071e; }
footer p { color: #685dba; text-transform: uppercase; text-align: left; } 
footer a { color: #685dba; text-transform: uppercase; }

/* CUSTOMIZE THE NAVBAR
-------------------------------------------------- */

/* Special class on .container surrounding .navbar, used for positioning it into place. */
.navbar-wrapper {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 20;
}

/* Flip around the padding for proper display in narrow viewports */
.navbar-wrapper > .container {
  padding-right: 0;
  padding-left: 0;
}
.navbar-wrapper .navbar {
  padding: 40px 0; 
}
.navbar-wrapper .navbar .container {
  width: auto;
}




/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
  z-index: 10;
}

/* Declare heights because of positioning of img element */
.dark {color:white; background: #100e31; /* Old browsers */ background: -moz-linear-gradient(left,  #100e31 0%, #1b1851 50%, #100e31 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right top, color-stop(0%,#100e31), color-stop(50%,#1b1851), color-stop(100%,#100e31)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(left,  #100e31 0%,#1b1851 50%,#100e31 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(left,  #100e31 0%,#1b1851 50%,#100e31 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(left,  #100e31 0%,#1b1851 50%,#100e31 100%); /* IE10+ */ background: linear-gradient(to right,  #100e31 0%,#1b1851 50%,#100e31 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#100e31', endColorstr='#100e31',GradientType=1 ); /* IE6-9 */ }

.dark.solid{background: #100e31;}

.dark .border{border:1px solid #243f71;}

.carousel-inner > .item > img {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  height: 500px;
}


/* MARKETING CONTENT
-------------------------------------------------- */

/* Center align the text within the three columns below the carousel */
.marketing .col-md-4 {
  margin-bottom: 20px;
  text-align: center;
}
.marketing h2 {
  font-weight: normal;
}
.marketing .col-md-4 p {
  margin-right: 10px;
  margin-left: 10px;
}


/* Featurettes
------------------------- */

.featurette-divider {
  margin: 80px 0; /* Space out the Bootstrap <hr> more */
}

/* Thin out the marketing headings */
.featurette-heading {
  font-weight: 300;
  line-height: 1;
  letter-spacing: -1px;
}

/* Testimonial 
------------------------- */
.spotter-marker { margin: 0 0 30px 0; }


/* Memberships 
------------------------- */
.memberships { 
    text-align: center; 
    padding: 30px 0px 50px 0px;
}

.memberships h3 {
    margin-bottom: 50px;
}

.gbria {
    margin-top: -35px;
}
    

/* Benefits 
------------------------- */
.benefits { text-align: center; }

/* Pricing 
------------------------- */
.call-out { text-align: center; }

/* RESPONSIVE CSS
-------------------------------------------------- */

/* THANK YOU
-------------------------------------------------- */

.masthead, .masthead h2{color:white; position:relative; z-index:7;}
.masthead *{text-align:left;}
.content{text-align:left; padding:194px 0 80px 0;}
.home.content{ padding:114px 0 0 0;}


/* HARDWARE
-------------------------------------------------- */
.hardware-item, .hardware-item p{text-align:left!important;}
.hardware-bottom{margin:0px;}
.small-thumb.cases{ background: url(../svg/cases-bg.svg) no-repeat top;}

.poplet-images a{background:#FFF; display:inline-block; padding:5px;}

.content.full-width{ 
    padding:114px 0px 0px 0px;
}

.responsiveTabs{padding-top:20px; margin-bottom: 100px;}
.tab-content{background-color:white; border:1px solid #ddd; border-width:0 1px 1px 1px; padding:30px;}

.nav-tabs>li>a, .r-tabs-accordion-title{font-size:16px; background: #fbfbfc; /* Old browsers */
background: -moz-linear-gradient(top, #fbfbfc 0%, #e8e8e9 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fbfbfc), color-stop(100%,#e8e8e9)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #fbfbfc 0%,#e8e8e9 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #fbfbfc 0%,#e8e8e9 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #fbfbfc 0%,#e8e8e9 100%); /* IE10+ */
background: linear-gradient(to bottom, #fbfbfc 0%,#e8e8e9 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbfbfc', endColorstr='#e8e8e9',GradientType=0 ); /* IE6-9 */ border:1px solid #ddd; border-width:1px 1px 0 1px;}

.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover, .r-tabs-accordion-title{background:white; border-bottom:0;}
.nav-tabs{border-bottom:1px solid #FFF;}
.r-tabs-accordion-title{padding:10px;}
.r-tabs-accordion-title a{display:block;}


.small-thumb.cases .tab-content{background-color:#60ADBD; border:1px solid #3E8A9A; border-width:0 1px 1px 1px; padding:30px;}

.small-thumb.cases .nav-tabs>li>a, .small-thumb.cases .r-tabs-accordion-title{font-size:16px; color:#FFF;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#5facbe+0,3f8698+100 */
background: #5facbe; /* Old browsers */
background: -moz-linear-gradient(top,  #5facbe 0%, #3f8698 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5facbe), color-stop(100%,#3f8698)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #5facbe 0%,#3f8698 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #5facbe 0%,#3f8698 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #5facbe 0%,#3f8698 100%); /* IE10+ */
background: linear-gradient(to bottom,  #5facbe 0%,#3f8698 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5facbe', endColorstr='#3f8698',GradientType=0 ); /* IE6-9 */

 border:1px solid #3E8A9A; border-width:1px 1px 0 1px;}
.small-thumb.cases .r-tabs-accordion-title a{color:#FFF;}

.small-thumb.cases .nav-tabs>li.active>a, .small-thumb.cases .nav-tabs>li.active>a:focus, .small-thumb.cases .nav-tabs>li.active>a:hover, .small-thumb.cases .r-tabs-accordion-title{background:#60ADBD;}
.small-thumb.cases .nav-tabs{border-bottom:1px solid #3E8A9A;}

/* Card Styles for In the News */

.card {
  position: relative;
  display: block;
  margin-bottom: .75rem;
  background-color: #f2f2f2;
  border: none;
  border-radius: .25rem;
}

.card-block {
  padding: 1.25rem;
}

.card-title {
  font-size: 16px;
    line-height: 24px;
    color: #515151;
    margin-bottom: 20px;
}

.card-subtitle {
  margin-top: -.375rem;
  margin-bottom: 0;
}

.card-text {
    color: #777;
    font-weight: normal;
}

.source {
    color: #515151;
    font-weight: 500;
}

.excerpt {
    margin-top: 10px;
}

.card-text:last-child {
  margin-bottom: 0;
}

.card-text a {
    font-size: 14px;
    font-weight: 400;
    text-align: left;
}

.card-link:hover {
  text-decoration: none;
}

.card-link + .card-link {
  margin-left: 1.25rem;
}

.card > .list-group:first-child .list-group-item:first-child {
  border-radius: .25rem .25rem 0 0;
}

.card > .list-group:last-child .list-group-item:last-child {
  border-radius: 0 0 .25rem .25rem;
}

.card-header {
  padding: .75rem 1.25rem;
  background-color: #f5f5f5;
  border-bottom: 1px solid #e7e7e8;
}

.card-header:first-child {
  border-radius: .25rem .25rem 0 0;
}

.card-footer {
  padding: .75rem 1.25rem;
  background-color: #f5f5f5;
  border-top: 1px solid #e5e5e5;
}

.card-footer:last-child {
  border-radius: 0 0 .25rem .25rem;
}

.card-img {
  border-radius: .25rem;
}

.card-img-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 1.25rem;
}

.card-img-top {
  border-radius: .25rem .25rem 0 0;
    border-bottom: 1px solid #eaeaea;
}

.card-img-bottom {
  border-radius: 0 0 .25rem .25rem;
}

 .card-deck .pagination {
        display: none;
    }


@media (min-width: 544px) {
  .card-deck {
    display: table;
    table-layout: fixed;
    border-spacing: 1.25rem 0;
  }
  .card-deck .card {
    display: table-cell;
    width: 1%;
    vertical-align: top;
  }
  .card-deck-wrapper {
    margin-right: -1.25rem;
    margin-left: -1.25rem;
        padding: 20px 0px;
  }
    
   
}

/* Forum Styles */
table.forum .forum {
    margin: 0px;
}

table.forum td {
    font-size: inherit;
    vertical-align: middle;
}

.forum-container h1 a {
    font-size: 24px;
    color: #243f71;
}

table.topic-list a {
    color: #221f53;
}

table.topic-list a:hover {
    color: #345ba3;
}



table.topic-list th {
    text-transform: uppercase;
            font-size: 12px;
    background: #a0c9d4;
    color: #FFF;
    font-weight: 500;

}

table.topic-list .replies, table.topic-list .views, table.topic-list .date {
        font-size: 12px;
    font-weight: 500;
    text-align: center;
}

table.topic-list .name {
    font-weight: 500;
}

table.topic-list .name a {
    text-transform: none;
    font-weight: 500;
    font-size: 16px;
}

ul.cap-top .user {
    font-size: 12px;
}

.forum-posts-container .breadcrumb, .breadcrumb a {
    font-size: inherit;
    background: none;
    font-size: 12px;
    color: #939598;
}

.forum-posts-container h1 a {
    text-transform: none;
}

.forum-posts-container h2 {
    background: #a0c9d4;
    border: none;
    padding: 6px 9px;
    color: #fff;
}

.forum-posts-container h3.name {
    font-size: 14px;
    color: #345ba3;
}

.forum-posts-container .total-posts {
    font-size: 14px;
}

ul.cap-top li.user, ul.cap-bottom li.nav-page {
    width: auto;
}

div.forum-posts-container div.post-list a {
    color: #eaa535;
    font-weight: bold;
    font-size: 16px;
}

div.forum-registration a {
    font-size: 12px;
    font-weight: 500;
    color: #eaa535;
}

div.forum-registration h2 {
    font-size: 24px;
    font-weight: normal;
    text-transform: none;
    color: #636466;
    margin-top: 0px;
}

.forum-h1 {
    margin-top: -65px;
}

.forum-registration input.cat_button {
    background-color: #345ba3;
    color: #FFF;
    padding: 6px 12px;
    border: none;
}


ul.cap-top li.user a {
    font-size:14px;
    font-weight: 500;
    color: #eaa535;
}

.forum-posts-container {
    margin-top: -40px;
}

.system-message, .system-error-message {
    padding: 30px;
}

.system-message > p {
    text-align: left;
}

.system-message a:link, .system-error-message a:link {
   font-size:14px;
    font-weight: 500;
    color: #eaa535;
}    

/* Extra small devices (phones, less than 768px) */


.landing-page{}
.landing-page .container-fluid{text-align: center; padding:60px; position:relative; z-index:9999;}

@media (max-width : 768px){
    
.home.content{ padding:68px 0px 0px 0px;}

.content.full-width{ padding:114px 0px;}
.content.full-width .jumbotron{border-radius:0;}
.content.full-width .container-fluid{padding:0;}
.content.full-width .container-fluid .item-content{padding:40px 0px 200px 0px; margin-bottom:-100px;}


.benefit a{color:#FFF;}
.benefit a:hover{text-decoration:underline;}

#catblogoutput{padding-right:40px;}
.post-body{margin-bottom:80px;}
.post-body h2{font-size:30px;}
.post-body h3{font-size:20px; margin-top:60px;}
.post-body img{margin:20px 0px; border:1px solid #EEE;}

.meta-info{padding-bottom:20px; display:block;}

.BlogRecentPost li, .BlogPostArchive li{padding:0; margin:0;}
.BlogRecentPost li a, .BlogPostArchive li a{ border-bottom:1px solid #EEE; padding:20px 10px; display:block;}
.BlogRecentPost li a:hover, .BlogPostArchive li a:hover{background:#EEE;}


.memberships img { 
    text-align: center; 
    margin-top: 60px;
}
    
.memberships h3 {
        margin-bottom: -25px;

    }

}


@media (max-width : 320px){
.fancybox-type-iframe .fancybox-inner{width:100%!important;}
.fancybox-opened{width:90%!important;}
.landing-page .container-fluid{padding:0;}
}

@media (max-width : 480px){
.fancybox-type-iframe .fancybox-inner{width:100%!important;}
.fancybox-opened{width:90%!important;}
.landing-page .container-fluid{padding:10px;}
}



/* Custom, iPhone Retina */
@media (min-width : 320px){
body { background-color: #fff; }
h1 { font-size: 18px; }
h2 { font-size: 32px; }
h3 { font-size: 22px; line-height: 30px;  padding: 0 0 0 0; }
.home h3{ text-align: center;}
p {  font-size: 16px; line-height: 22px; font-weight: 200; text-align: center; }

.navbar { margin-bottom: 0; min-height: 0; border-top:1px solid #e7e7e8;}
.navbar-nav>li>a { padding: 10px 0; }
.navbar-toggle { margin-top: 0; margin-bottom: 0; padding:7px; }
.navbar-toggle .collapsed { margin-top: 0; margin-bottom: 0; }
.container>.navbar-header { margin-right: 0; margin-left: 0; }
/* .main-header .navbar-header {  margin: 15px 15px; }*/
.navbar-brand{height:30px; width:125px;}

.home-hero{position:relative; z-index:7;}
.home-hero .message{text-align:center;}
.home-hero h1 { font-size: 20px; font-weight: 400; padding: 5px 0 0 0;  }
.home-hero .jumbotron p { font-size: 32px; line-height: 30px;}
.home-hero .spotter-btn { font-size: 14px; padding: 11px 12px; }

.notice .border{padding:10px 30px;}
.notice h3{margin-top:5px; text-transform:uppercase; font-size:16px;}
.notice h4{text-align:center; margin-bottom:0;}
.notice h4 span{display:block; font-style:italic;}

.testimonials .item { height: 210px; }
.dark {padding:20px 0;}
.testimonials .carousel-caption { border: none; background-image: none; padding: 0; padding-top: 0; top: 50px; right: 5%; left: 5%; }
.testimonials .carousel-caption p { font-size: 12px; }
.testimonials .carousel-caption .quote-person { margin: 25px 0 0 0; }
.testimonials .carousel-caption .quote-company { }

.large-thumb .container { padding-top:0; padding-bottom:40px;}
.large-thumb img { height: 175px; }

.small-thumb { background:#DA903A }

.small-thumb p { margin: 0px; }
.small-thumb h2 { padding-bottom: 0; margin-top:0;}
.small-thumb .container{padding-bottom:50px;}
.small-thumb .img-circle {height: 90px; margin: 25px 0 0 0; }



.call-out { padding: 45px 0;  }
.call-out h2 { margin: 0 0 0 0; padding-top: 0; }
.call-out p { margin: -5px 50px 10px 50px; font-weight: 400; }

.main-footer { padding: 30px 0; }
.main-footer p { padding: 10px 15px; }
.main-footer .spotter-primary-btn, .main-footer #contact-us .spotter-primary-btn { padding: 8px 30px; }




}




/* Extra Small Devices, Phones */
@media (min-width : 480px){
body { background-color: #fff; }
h2 { font-size: 42px; }
h3 { font-size: 24px;  padding: 0 0 0 0;  }
p {  font-size: 16px; font-weight: 200; text-align: center; }
.home-hero h1 { font-size: 24px; margin: 45px 0 5px 0; }
.home-hero .jumbotron p { font-size: 54px; line-height: 52px;  }
.testimonials .carousel-caption { top: 75px; }
.testimonials .carousel-caption p { font-size: 16px; } 
/*.small-thumb p, .large-thumb { margin: 0px 175px; }*/
.small-thumb {background-size: 115%; }

.notice h4 span{display:inline;}

.memberships img { 
    text-align: center; 
    margin-top: 60px;
}
    
.memberships h3 {
        margin-bottom: -25px;

    }


}


/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) { 
body{ background-color: #fff; }
h2 { font-size: 48px; } 
h3 { font-size: 24px; }
.home h3{ text-align: center;}
p { font-size: 18px; } 
/*.home-hero, .testimonials, .large-thumb, .small-thumb, .call-out, .main-footer { margin: 125px 0; }*/
.main-header .navbar-brand { width: 170px; }
.main-header .navbar-header { margin-left: 15px;}
.main-header .main-nav{margin-top:15px;}

.home-hero .jumbotron{ position:relative; overflow:hidden; padding:30px 15px;}
.home-hero .hero-image { height: 500px; }
.home-hero .spotter-tablet{height:340px; text-align:center; float:none;}
.home-hero .message{text-align:center;}
.home-hero h1 {font-weight: 200;  40px; padding-top: 10px; margin:0 0 10px 0; } 

.notice{padding:30px 0;}

.testimonials .item { height: 390px; }
.testimonials .spotter-marker { height: 30px; width: 30px; }
.testimonials.carousel{padding:50px 0;}
.testimonials.carousel .item {}
.testimonials .carousel-caption { top:50px; right: 5%; left: 5%; bottom: 80px; border: none; background-image: none; }
.testimonials .carousel-caption  p { font-size: 22px; margin-bottom: -10px; padding-top: 5px;} 


.large-thumb h2{margin-bottom:0px; margin-top:30px;}
.large-thumb p { margin: 0 135px; }

.col-centered{display:block; float:left; margin-right:inherit;}
.small-thumb .img-circle {margin: 75px 0 0 0;}
.small-thumb h2 { padding-top: 40px; }
.small-thumb .container{padding-bottom:80px;}

.main-footer p { font-size: 18px; padding: 0 0 10px 0; }
.call-out {padding: 50px 0; }
.main-footer h3 { text-align: center; padding: 25px 0 15px 0; }

}

@media (max-width:992px){
	.small-thumb .container{background-color:#DA903A; width:100%;}
	.small-thumb.cases .container{background-color:#62AEBE;}
}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) { 
body{ background-color: #fff; }
h2 { font-size: 48px; }
h3 { font-size: 24px;  padding: 0 0 0 0;  }
p {  font-size: 16px; font-weight: 200; text-align: center; line-height:22px; }

.navbar-brand{height:40px;}
.main-header .main-nav{margin-top:20px;}

.home-hero .message{text-align:left; float:left; margin-top:40px;}
.home-hero .message p{text-align:left;}
.home-hero h1 { font-size: 42px; font-weight: 400; margin-bottom: 10px; padding-top: 45px; } 
.home-hero .spotter-tablet img { height: 659px; transform:rotate(3deg); }
.home-hero p.hero-text { font-size: 72px; line-height: 65px; }
.home-hero .spotter-btn { font-size: 18px; padding: 16px 24px; margin-bottom:50px; }
.home-hero .spotter-tablet {height:auto; float:right;}
.home-hero .spotter-tablet img { height: 395px; position:relative; right:-70px;}

.notice *, .notice h4{text-align:left; margin-top: 0px;}
.notice h3{margin-top:20px; font-size:22px;}

.testimonials .carousel { height: 550px; }
.testimonials .spotter-marker { height: 40px; width: 40px; }
.testimonials .carousel , .testimonials .item { }
.testimonials .carousel-caption { top: 55px; right: 8%; left: 8%; border: none; background-image: none; }
.testimonials .carousel-caption  p {} 

.large-thumb h2 {margin-top: 20px; }
.large-thumb .large-icon { height: 210px; }
.large-thumb p { margin: 0; }

.small-thumb { background: url(../svg/benefits/benefits-bg.svg) no-repeat;}
.small-thumb .container{background-color:transparent; padding-bottom:30px;}
.small-thumb p { padding: 0 10px; margin: 0;}
.small-thumb h2 { padding-top: 50px; }
.small-thumb .img-circle { height: 175px; margin: 90px 0 0 0; }
.main-footer p { font-size: 16px; font-weight:300; line-height:24px; padding: 0 0 15px 0; text-align:left; }
.call-out h2 { padding-top: 160px; }
.main-footer h3 { text-align: center; padding: 25px 0 15px 0; }

.call-out {margin-top:-125px; padding:0; height:400px;}
.call-out .container { padding-top: 0; }
.call-out p { font-size: 28px; }

.main-footer h3 { text-align: left; }
.main-footer .col-lg-6, .main-footer .col-xs-12  { padding-left: 0; }
    
.memberships .gbria { 
    margin-top: 35px;
}
    
}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) { 
body{ background-color: #fff; } 
h2 { font-size: 48px; }
h3 { font-size: 24px;  padding: 0 0 0 0;  }
p {  font-size: 16px; font-weight: 200; text-align: left; }


.small-thumb p, .large-thumb p, .testimonials p, .call-out p { text-align: center; }

.home-hero .jumbotron {padding:30px 20px; }
.home-hero .message{margin-top:60px; margin-left: 16px;}
.home-hero .spotter-tablet{}
.home-hero .spotter-tablet img { height: 500px; }
.home-hero .spotter-btn { font-size: 18px; padding: 16px 24px; }

.carousel {padding:100px 0;}

.large-thumb {text-align: center; padding: 0px 0px 20px 0px; }
.large-thumb h2 { padding-bottom: 0px; }
.large-thumb .large-icon { height: 325px; }
.large-thumb .answer { margin: 0; }
.large-thumb .answer p{margin:0 20px;}

.small-thumb .container{padding-bottom:200px;}

.benefit{padding:0 30px;}
.small-thumb h2 { padding: 60px 0; }
.small-thumb h3 { margin: 12px 0; }
.small-thumb .img-circle { height: 140px; width: 140px; margin: 75px 0 0 0; }
.main-footer input {}
}

@media (min-width: 992px) and (max-width:1336px){
.home-hero h1 {font-size:30px; margin-bottom:5px;}
.home-hero p.hero-text {font-size:50px; line-height:52px;}
.home-hero .spotter-tablet img { height: 395px; position:relative; right:10px;}
}

@media(min-width:1580px){
.home-hero .jumbotron{padding:30px 150px;}
.home-hero .spotter-tablet{right:0;}
}