body {
  font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 16px;
  background-color: #ffffff;
  color: #46484a;
}

a {
  color: #59a0d7;
}

h1 {
  font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 4rem;
  font-weight: 600;
}

h2 {
  font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 2.8rem;
  font-weight: 600;
}

h3 {
  font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 2rem;
  font-weight: 600; 
}

h4 {
  font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1rem;
  font-weight: 700;
  text-transform: uppercase; 
}

p, ul, li{
  color: #696b6e;
  font-size: 1rem; 
}

/* ----------------------------------------------------- 
  Style Classes
----------------------------------------------------- */

/* TEXT */

.emphasis {
  font-family: Georgia, Times, 'Times New Roman';
  font-style: italic;
  color: #59a0d7; 
}

.points_emphasis{
  color:#00914d;
  font-weight: bold;
}

.emph{
    color:#00914d;
}

.highlight {
    background-color: #fff2ac;
    background-image: linear-gradient(to right, #ffe359 0%, #fff2ac 100%);
}

.highlight2 {
    background-color: #9fc2fc;
    background-image: linear-gradient(to right, #79aafc 0%, #9fc2fc 100%);
}

.flashit{
  color:#00914d;
    -webkit-animation: flash linear 1.5s infinite;
    animation: flash linear 1.5s infinite;
}
@-webkit-keyframes flash {
    0% { opacity: 1; } 
    50% { opacity: .3; } 
    100% { opacity: 1; }
}
@keyframes flash {
    0% { opacity: 1; } 
    50% { opacity: .3; } 
    100% { opacity: 1; }
}

.justify-center {
  display: flex;
  align-items: center;
  justify-content: center; 
}

.divider {
  display: block;
  width: 6rem;
  height: 0.3rem;
  background-color: #dfe1e5;
  margin: 2rem auto; 
}


/* BACKGROUND COLORS */
.alt-background {
  background: #f7f7f8; 
}

.bg-primary {
  background-color: #59a0d7 !important; 
}

.bg-secondary {
  background-color: #46484a !important; 
}

.border{
  border:1px solid #d8d8d8;
}

/* ELEMENTS */
.constrain-width {
  max-width: 45rem;
  margin: 0 auto; 
}

.container-fluid {
  padding-right: 0;
  padding-left: 0;
}

.rounded-corners {
  border-radius: .3rem; 
}

.content_holder{
  margin-top:30px;
  background: #fff;
  padding:40px 30px 30px 30px;
  border-radius:4px;
  border:1px solid #d8d8d8;
  min-height:20rem;
}

.with_nav{
  margin-top:0;
  border-top:0;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}
.box {
  background: #fff;
  box-shadow: 0 0.2rem 2rem rgba(0, 0, 0, 0.05);
  padding: 1rem;
  margin-bottom: 0rem;
  border-radius: .3rem;
}

.box a{
  text-decoration: none;
}

.tip-service-box{
  padding:0;
  background: #fff;
  border-radius: .3rem;
  border:1px solid #d8d8d8;
}

.tip-service-box-inside{
  padding:1rem;
}

.tip-service-box-buttons{
  margin-top:1rem;
  padding-top:0.5rem;
  border-top:1px solid #ccc;
  text-align: center;
}

.tip-service-box-buttons a{
  margin:2px;
}

.tip-service-box h3{
  font-size:1.2rem;
  padding-top:1rem;
  text-align: center
}

.tip-service-box img{
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}

.tip-service-box a{
}

.col-item {
  margin-top: 2rem;
  margin-bottom: 0rem;
}

.col-item img {
}

.col-item span.col-item-title{
  display:block;
  font-size: 1rem;
  height:3rem;
  font-weight: bold;
  text-align: center;
  margin: 0; padding:0;
}

.col-item span.col-item-subtitle{
  display: block;
}

.col-item span.col-item-total {
  float:right;
}



#proofing_notice{
  width:720px;
  margin:0 auto;
}

.marquee {
  display:none;
  overflow: hidden;
  background: #111;
  color:#fff;
  padding:16px;
  font-size:24px;
  font-weight: bold;
  cursor: pointer;
}

.marquee span{
  padding-right:20px;
}

.marquee span.paws{
  padding-right:60px;
}

.subopac{
  background: rgba(0,0,0,0.6);
  padding:30px;
}

.logindetails{
  border:1px solid #ccc;
  padding:20px;
  margin-bottom:15px;
}

.filter-button-holder{
  padding:0.73rem !important;
}

#btnGroupDrop1, #btnGroupDrop2{
  border: 0;
  background:none;
  cursor:pointer;
}

.filter-button-holder label{
  color:#fff;
  font-weight: bold;
  display:inline-block;
  font-size:0.75rem !important;
  text-transform: uppercase;
  font-weight: 700;
}

.filter-button-holder input{
  display:inline-block;
  width:auto;
  padding:5px;
  background:#d8d8d8;
}

.filterbuttons div{
  margin-right: 5px;
}

.supportbox{
  margin-top:1rem;
  background: #fff;
  border-radius: 9px;
  padding:20px;
}

ul.pillsmall li {
  font-size: 0.75rem;
  padding:7px 10px;
}

ul.pillsmall li a{
}


ul.pillsquare li {
  width:100px;
  text-align:center;
  background:#e4e4e4;
  border:1px solid #fff;
  border-radius: 4px;
}

ul.pillsquare li a:hover{
  background:#59a0d7;
  color:#fff;
}



ul.pillfilter li {
  text-align:center;
  font-size:0.8rem;
}

ul.pillfilter li a{
  background:#e4e4e4;
  border:1px solid #fff;
  border-radius: 4px;
  padding: 5px;
}

ul.pillfilter li a:hover{
  background:#59a0d7;
  color:#fff;
}







.social {
  margin: 0 auto;
  padding: 0; 
}

.social li {
  display: inline-block; 
}

.social li a {
  width:40px;
  height:40px;
  display: inline-block;
  text-align: center;
  text-decoration: none;
  background: #fff;
  color: #696b6e;
  font-size: 1.4rem; 
  padding:0.3rem;
  border-radius: 4px;
}

.social li a:hover {
  color: #59a0d7;
  border-color: #59a0d7; 
}

.social li a.facebook{
  background:#3b5998;
  color:#fff;
}
.social li a.facebook:hover{
  background:#2d4473;
}

.social li a.twitter{
  background:#00aced;
  color:#fff;
}

.social li a.twitter:hover{
  background:#0087ba;
}

.social li a.google{
  background:#dd4b39;
  color:#fff;
}

.social li a.google:hover{
  background:#c23321;
}

/* ----------------------------------------------------- 
  Form Items
----------------------------------------------------- */

.form_holder{
  margin-top:-10px;
  background: #fff;
  padding:40px 30px 30px 30px;
  border-radius:9px;
}

.form-control-custom {
  border: 0.1rem solid #dfe1e5;
  width: 100%;
  padding: 1rem;
  font-size: .9rem;
  color: #696b6e;
  border-radius: .3rem; 
}

.form-control-custom:focus {
  border: 0.1rem solid #59a0d7;
  outline: none; 
}

#captchavalue{
  display:block;
  height:0;
  width: 0;
  border:0;
  visibility: none;
}

.g-recaptcha{
  padding:10px 15px 20px;
}

span.error{
  color:#f00;
  margin-left:10px;
  float:right;
}

.error:before{
  font-family: "Font Awesome 5 Free";
  content: "\f071";
  padding-right: 5px;
  font-size:0.8rem;
}

#termsaccepted input.error:before{
 content: "";
}
#termsaccepted-error{
  color:#f00;
  float:right;
}


/* ----------------------------------------------------- 
  BUTTONS
----------------------------------------------------- */

.pill-btn {
  border-radius: 499rem !important; 
}

.btn-primary, .btn-outline-primary, .btn-secondary, .btn-outline-secondary, .btn-white, .btn-outline-white, .btn-success, .btn-outline-success, .btn-info, .btn-outline-info, .btn-warning, .btn-outline-warning, .btn-danger, .btn-outline-danger {
  font-size: .75rem;
  text-transform: uppercase;
  font-weight: 700;
  border-radius: .3rem; 
}

.btn-outline-primary, .btn-outline-secondary, .btn-outline-white, .btn-outline-success, .btn-outline-info, .btn-outline-warning, .btn-outline-danger {
  border-width: 0.15rem; 
}

.btn-lg {
  padding: 1.1rem 2.5rem;
  font-size: .9rem; 
}

.btn-primary, .btn-primary:hover, .btn-primary:focus, .btn-primary:active {
  background-color: #59a0d7;
  border-color: #59a0d7; 
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active {
  background-color: #4089c1;
  border-color: #4089c1; 
}

.btn-outline-primary, .btn-outline-primary:visited {
  color: #59a0d7;
  border-color: #59a0d7;
  background: none; 
}

.btn-outline-primary:hover, .btn-outline-primary:focus, .btn-outline-primary:active {
  background-color: #59a0d7;
  border-color: #59a0d7;
  color: #fff; 
}

.btn-secondary {
  border-color: #696b6e;
  background-color: #696b6e;
  color: #fff; 
}

.btn-secondary:hover, .btn-secondary:focus, .btn-secondary:active {
  border-color: #46484a;
  background-color: #46484a;
  color: #fff; 
}

.btn-outline-secondary, .btn-outline-secondary:visited {
  color: #696b6e;
  border-color: #696b6e;
  background: none; 
}

.btn-outline-secondary:hover, .btn-outline-secondary:focus, .btn-outline-secondary:active {
  border-color: #696b6e;
  background: #696b6e;
  color: #fff; 
}

.btn-white {
  border-color: #fff;
  background-color: #fff;
  color: #46484a; 
}

.btn-white:hover, .btn-white:focus, .btn-white:active {
  border-color: #dfe1e5;
  background-color: #dfe1e5;
  color: #46484a; 
}

.btn-outline-white, .btn-outline-white:visited {
  background: none;
  color: #fff;
  border-color: #fff; 
}

.btn-outline-white:hover, .btn-outline-white:focus, .btn-outline-white:active {
  color: #46484a;
  background: #fff; 
}


/* ----------------------------------------------------- 
  Navigation
----------------------------------------------------- */


a.navbar-brand, a.logo {
  font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #fff !important;
  font-size: 2rem;
  font-weight: bold;
  margin-top: 0; 
}

a.logo:hover, a.logo:active, a.logo:focus {
  text-decoration: none; 
}

li.nav-item .btn {
  margin-top: .2rem;
  margin-left: .4rem; 
}

li.nav-item .btn-white{
  color: #46484a; 
}

.navbar li{
  font-size: 0.9rem; 
}
.navbar li a {
  text-decoration: none;
}

.navbar li a i{
  color:#d6d6d6;
  font-size: 1rem; 
}

.navbar li a i.fa-circle{
  background:#fff;
  border-radius: 12px;
  border:1px solid #d1213f;
}
.navbar li a i.fa-horse-head, .navbar li a i.fa-circle{
  color:#d1213f;
}

.navbar li a i.head-betfan{
  color:#ffc;
}

.navbar li a i.fa-chevron-circle-down{
  color:#41caf4;
}
.navbar li a i.fa-chart-line{
  color:#22d278;
}

.navbar li a i.fa-trophy{
  color:#d3ad23;
}

.navbar li a i.fa-globe-europe{
  background:#21d17f;
  border-radius: 12px;
  border:1px solid #4286f4;
}
.navbar li a i.fa-globe-europe{
  color:#4286f4;
}

.navbar li a i.fa-sign-in-alt, .navbar li a i.fa-sign-out-alt{
  color:#21d17f;
}


.navbar li a i.fa-info-circle{
  color:#634288;
}

.navbar li a i.fa-user{
  color:#d1218d;
}

.navbar li a i.fa-thumbs-up{
color:#428884;
}


.navbar li a i.fa-users{
color:#424688;
}

.navbar li a i.fa-user-plus{
color:#ba357c;
}


.bg-dark{
  background: #111!important;
}

.navbarfix{
  padding:35px;
}


.navbar .dropdown.show {
  position:static;
}

.navbar .dropdown-toggle::after{
  display: none;
}

.navbar .dropdown-menu {
  width:100%;
  left:0;
  right:0;
  top:75px;
  display:none;
  border-radius: 0;
  background: #222;
  padding:2rem;
}

.navbar .dropdown-menu.show{
  display:block;
}

.navbar .dropdown-menu h4{
  color:#fff;
}

.navbar .dropdown-menu h4.second{
  padding-top:1.2rem;
}

.navbar .dropdown-menu li a{
  color:#e4e4e4;
}

.navbar .dropdown-menu li a:hover{
  color:#59a0d7;
}

.navbar .dropdown-menu li:before{
  font-family: "Font Awesome 5 Free";
  content: "\f0da";
  display: inline-block;
  margin-right:5px;
}

#sub_menu{
  padding:2rem 0 1.2rem 0;
  background:#222;
  -webkit-box-shadow: 0 2px 6px 6px #242424;
  -moz-box-shadow: 0 2px 6px 6px #242424;
  box-shadow: 0 2px 6px 6px #242424;
}

#sub_menu .capture_list_items{
  padding-right:2rem;
}
#sub_menu .capture_list_items span{
  color:#00914d;
  font-weight: bold;
}

#sub_menu .winners li a{
  display: block;
  width: 100%;
  border-bottom:1px solid #696b6e;
}

#sub_menu .winners li:before{
  content: none;
}

.topbar{
  margin-top: -134.5px;
  padding:0;
}

.topbar ul{
  padding:0;
  margin-left:20px;
}
.topbar li{
  margin:0.5rem;
  margin-bottom:0;
  padding:0.2rem;
}

.topbar li.active{
  color:#111;
  background: #fff;
  border-top-right-radius: 3px;
  border-top-left-radius: 4px;
}

.topbar li a{
  color:#d6d6d6 !important;
}

.topbar li a:hover{
  color:#59a0d7 !important;
}


.topbar li.active a.nav-link, .secondary-nav li.active i, .topbar li.active a.nav-link, .secondary-nav li i{
  color:#444!important;
}

/* ----------------------------------------------------- 
Shared Layout
----------------------------------------------------- */

section {
  padding:5rem 0;
}

section h2{
  text-align: center;
}

/** COVERS */
.cover {
  background: #2b2d34 url('/assets/images/betfan/covers/horse.jpg') center;
  background-size: cover;
  width: 100%;
  color: #fff;
  padding-top:3rem;
  padding-bottom:3rem;
}

.cover h1{
  margin:0; padding:0;
  color:#fff;
}

.cover p.lead{
  color:#fff;
}

.cover-horse{
  background: url('/assets/images/betfan/covers/horse.jpg') center;
}

.cover-football{
  background: url('/assets/images/betfan/covers/football.jpg') center;
}

.col-feature{ 
  margin:0; padding:0; 
  font-size:1.1rem;
}

.col-feature .box{
  margin:1rem;
}

.col-feature span{
  margin:0; padding:0; 
  display:block;
}

.col-feature span.feature-title{
  font-size:1.1rem;
}

.col-feature span.feature-horse{
  font-weight:bold; 
  font-size:1.2rem;
}

.col-feature span.feature-points{
  font-weight:bold; 
  color:yellow; 
  font-size:2rem;
}

.col-feature span.feature-button-holder{
  margin-top:2rem;
}


.titlecover {
  background: #2b2d34 url('/assets/images/betfan/covers/horse.jpg') center;
  background-size: cover;
  height: auto;
  border-radius: 0;
  width: 100%;
  color: #fff;
}

.titlecover h1, .titlecover p{
  margin:0; padding:0;
}

.titlecover h1{
  font-size: 3rem;
  font-weight: 800;
}

.titlecover h3{
  font-size:4rem;
}
.titlecover p{
  color:#fff;
}

#tpcover{
  padding:8rem 0;
}
#tpcover, .tpcover{
  background: url("/assets/images/bgd/tp/tipsterplanet1.jpg") center center fixed;
}

#tpcover h1, #tpcover h2, #tpcover h3, #tpcover p, #tpcover span{
  color:#fff;
  padding:0; margin:0;
}

#tpcover span{
  display: block;
  font-size:1.2rem;
}

#tpcover h1{
  font-size:6rem;
}

#tpcover h2{
  font-size:1.6rem;
  margin-bottom:1rem;
}

#tp-tagline{
  margin:0; padding:0;
  background-color:#1b2f58;
  text-align: center;
}

#tp-tagline p{
  color:#fff;
  font-size:1.2rem;
  padding:1rem;
  margin:0;
}

#tp-about{
  margin:0;
  padding:2rem 0;
  background: #ededed;
  border-bottom:1px solid #d8d8d8;
}

.tp-box{
  background:#fff;
  border:1px solid #d8d8d8;
  padding:3rem;
  margin-bottom:2rem;
}



/* ----------------------------------------------------- 
Table and Others
----------------------------------------------------- */
.toplist{
  width:100%;
  display:block;
  border:1px solid #111;
}

.toplist div{
  display: inline-block;
  width:10%;
}

/* ----------------------------------------------------- 
Layout Sections
----------------------------------------------------- */

/* Shared */
.default{
  background: #ededed; 
}

.cta-2 {
  color: #46484a;
  padding: 5rem 0;
}
.cta-2 p {
  color: #696b6e;
}
.cta-2 form.subscribe {
  max-width: 40rem;
  margin: 0 auto;
}
.cta-2 .btn {
  width: 100%; 
}
    
.cta-5 {
color: #46484a;
padding: 4rem 0;
}
.cta-5 p {
  color: #696b6e; 
}
.cta-5 form.subscribe {
  max-width: 40rem;
  margin: 0 auto; 
}
.cta-5 .btn {
  width: 100%; 
}

#result-cta{
  background:#ededed url(/assets/images/betfan/proofingbanners/horse.jpg) center right;
  margin-bottom: 1rem;
  border-radius: 1rem;
}

#result-cta .col-lg-8, #result-cta .col-lg-4{
    padding:2rem;
}

.proof-cta-overlay{
  background-image: -webkit-linear-gradient(30deg, #f4f4f4 83%, transparent 0%);
}

a.btn-proof-cta{
  border:1px solid #45874f;
  background: #45874f;
  color:#fff;
  font-weight: bold;
}



#result-cta h3{
  margin-top:2rem;
}
#result-cta h3, #result-cta p {
  color: #46484a;
  font-weight: 600;
}


/* HOME PAGE */
.capture_intro p, .capture_intro ul, .capture_intro li, .capture_intro h3{
  color:#f8f8f8;
}

.capture_intro h3{
  font-size:1.5rem;
}

ul.capture_list_items{
  text-align: left;
}

ul.capture_list_items span{
  float:right;
}

#home_toppreformers{
  background: #ededed;
}

#home_toppreformers .box {
  padding: 2rem;
  margin-bottom: 2rem; 
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border:1px solid #d8d8d8;
}

#home_toppreformers .col-top img {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

#home_toppreformers span{
  font-size:2rem;
}

#getting_started{
  border-top:1px solid #d8d8d8;
  border-bottom:1px solid #d8d8d8;
}

#getting_started p{
  font-size:1rem;
}

#getting_started .btn, .btn-hollow{
  padding:1rem;
  margin:0 0.2rem;
}

#our_partners{
  background: #ededed;
}

#our_partners .box{
  background:#fff;
  border:1px solid #d8d8d8;
  border-radius: 0;
  margin:1rem;
}



#bookieoffers{
  background: #fff;
  border-top:1px solid #d8d8d8;
}

#betfanoffers{
  background: #fff;
}

#latestnews{
  border-top:1px solid #d8d8d8;
  background: #ededed;
}

#latestnews .box{
  margin-bottom:15px;
  border:1px solid #d8d8d8;
}

.news_title, .news_date{ 
  display:block;
  font-size: 1.2rem;
  font-weight: bold;
  text-align: center;
  margin: 1rem 0;
}

.news_date{
  color:#696b6e;
}

/*
  - Tips PAGES
 */
#tip_navigation, {
  padding:2rem 0.5rem;
}

.proofing_navigation {
  padding:0.5rem;
}

#tip_navigation a, .proofing_navigation a{
  color:#383838;
  font-size:2rem;
  text-decoration: none;
}

#tip_navigation a:hover i, .proofing_navigation a:hover i{
  color:#59a0d7;
}

/*
  - SALES PAGES
*/
#newsales{
  padding:2rem 0; margin:0;
  background: 
  linear-gradient(rgba(0, 0, 0, 0.45), rgba(0, 0, 0, 0.45)),
  url(/assets/images/betfan/sites/test/) fixed top;
  background-size:cover;
}

#newsales p, #newsales li{
  font-size:1.2rem;
}

#newsales h2{
  font-size:1.5rem;
  font-weight: bold;
}

#newsales h3{
  font-size:1.4rem;
  font-weight: bold;
}

.darker{
  background:rgba(0,0,0,0.5);
}

.scroller{
  padding:0;
  background:#111;
}

.specialoffer{
  background:#f00;
  color:#fff;
  padding:8px 16px;
  display: block;
  font-weight: bold;
  text-align: center;
  font-size:1.5rem;
}

.specialoffer .countdown-item, .specialoffer .countdown-number, .specialoffer .countdown-label{
  display: inline-block;
  padding-right:4px;
}

.specialoffer-summary img{
}

#countdown .countdown{
  text-align: center;
  padding:1rem 0;
  margin-bottom:1rem;
}

#countdown .countdown-item{
  display: inline-block;
  width:20%;
  padding:20px;
}

#countdown .countdown-number{
  background:#f7f7f7;
  font-size:2rem;
  padding:20px;
  border-radius: 5px;
  color:#111;
}

#countdown .countdown-label{
  background:#111;
  color:#fff;
  font-size:1.2rem;
  padding:10px;
  border-radius: 5px;
}

#salespage-holder{
  padding:0;
  margin:0;
  margin-bottom:2rem;
}
#salespage-header, #salespage-body, #salespage-footer{
  padding:0;
  margin:0;
}

#salespage-faqs{
  background: #fff;
  border-radius: 0;
  color: #111;
  padding: 5rem 0;
}

#salespage-faqs h1 {
  font-weight: 200; 
}

#salespage-faqs p.lead {
  margin: 2rem auto;
  color: rgba(255, 255, 255, 0.75); 
}

#salespage-faqs .cover-container {
  display: table;
  height: 100%;
  min-height: 28rem;
  margin: 0 auto; 
}

#salespage-content{
  margin:0;
  border:0;
  background:#fff;
  padding:30px;
}

#proofing_graph{
  width:inherit;
  min-height: 500px;
  padding:0 20px;
  margin:20px 0;
}

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

h4.proofing-headline-total{
  text-align:center;
  color:green;
  margin-bottom:2rem;
  font-size:1.4rem;
}

#pricing-table {
  padding: 1rem 0;
  margin:1rem 0;
  background: #efefef; 
}

#pricing-table .col-pricing-table {
  background: #fff;
  margin:0;
  padding: 0;
  padding-bottom: 1rem;
  border-radius: .4rem; 
  border:1px solid #111;
}

#pricing-table .col-pricing-table .plan-header {
  width: 100%;
  border-bottom: 0.1rem solid #dfe1e5;
  margin: 0;
  padding: 1rem .5rem;
}

#pricing-table .col-pricing-table h2.plan-price {
  color: #46484a;
  margin: 0;
  font-weight: 200; 
}

#pricing-table .col-pricing-table h2.plan-price small {
  font-weight: 200;
  font-size: 1.5rem;
}

#pricing-table .col-pricing-table ul.plan-feature-list {
  list-style: none;
  padding: 1rem;
  margin-top: 1rem;
}

#pricing-table .col-pricing-table ul.plan-feature-list li {
  color: #696b6e;
  margin: 0;
  padding:0;
  font-size:1.2rem;
}

#pricing-table .col-pricing-table ul.plan-feature-list li:nth-child(2n+0) {
  border-top:1px solid #ddd;
  margin-top:0.5rem;
  padding-top:0.5rem;
}



#pricing-table .col-pricing-table ul.plan-feature-list li span {
  display:block;
}

#pricing-table .popular{
  border:1px solid #28a745;
}

#pricing-table .popbadge{
  display: block;
  text-align: center;
  position: absolute;
  top:-6px;
  left: 50%;
  transform: translateX(-50%);
}

a.btn-buy{
  color:#fff;
  background:#111;
  text-transform: uppercase;
  font-size:1rem;
  font-weight: bold;
}

#salespage-footer{
  padding:0;
  margin:0;
  margin-bottom:20px;
}

.bestvalue{
  color:#f00;
}

/*
  - Blog
*/

.blog_holder{
  margin-top:-10rem;
}

.blog_sidebar{
  margin-top:6rem;
  padding-left:30px;
}

.widget{

}
.widget-title{
  text-transform: uppercase;
}
.blog_post{
  font-size:1.2rem;
}

.blog-item{
  border-top:1px solid #d8d8d8;
  padding-top:1.5rem;
}

.blog-item h3{
  font-size:1.4rem;
}

.blog_date{
  font-size:1.2rem;
  font-weight: bold;
  margin:0; padding:0;
  color:#cdcdcd;
}


.sidebar-latestnews-list li a{
  display: block;
  text-decoration: none;
  font-weight: bold;
  padding:3px 0;
}
.sidebar-latestnews-list li:last-child a {
    border:0;
}

/*
  - PROOFING
*/

#proofing_chart{
}

.proofing-totals-summary{
  margin-top:30px;
  margin-bottom:30px;
}

.proofing_total_box{
  background: #efefef;
  border-radius: 9px;
  text-align: center;
}

.proofing_totals_title{
  display:block;
  font-size: 1.3rem;
}
.proofing_totals_points{
  display:block;
  font-size: 3rem;
}

.proofing-dates-nav li {
  border-bottom: 1px solid #f7f7f7;
}


/*
  - FOOTER
*/
.footer {
  background: #222;
  width: 100%;
  color: #fff;
  padding-top: 4rem;
  padding-bottom: .5rem; 
}

.footer .container-fluid {
  padding: 0; 
}

.footer .divider {
  background: #2a2a2a;
  width: 100%;
  height: .1rem;
  margin: 2rem 0 1.5rem 0;
}

.footer p{
  padding:0;
  margin-top: 1rem;
}

.footer ul.nav-footer {
  float: left !important;
  padding: 0;
  width: 100%; 
}

.footer ul.nav-footer li {
  display: block;
  float: left;
  margin-top: .5rem;
  width: 100%; 
}

.footer ul.nav-footer .nav-link {
  color: #a0a0a0;
  padding: 0;
}

.footer ul.nav-footer .nav-link:hover {
  color: #59a0d7;
}

.footer .copyright {
  color: #a0a0a0; 
}

#flags span{
  width:2rem;
  height:2rem;
  border-radius: 5px;
  border:1px solid #3b3b3b;
}

/*
@media (max-width: 767.98px) {}
@media (max-width: 991.98px) {}
 */



@media screen and (max-width: 767.98px) {

  section{
    margin:0;
    padding:1rem 0;
  }
  .default{
    margin:0;
  }

  .topbar{
    margin-top: 0;
  }

  .topbar ul{
    padding:0;
    margin:0;
    border:1px solid #333;
  }
  .topbar li{
    margin:0;
    padding:0;
    width:50%;
    text-align: center;
    
  }

  .topbar li.active{
    color:#111;
    background: #fff;
    border-radius: 0;
  }

  .topbar li a{
    color:#d6d6d6 !important;
  }

  .topbar li a:hover{
    color:#59a0d7 !important;
  }


  .topbar li.active a.nav-link, .secondary-nav li.active i, .topbar li.active a.nav-link, .secondary-nav li i{
    color:#444!important;
  }





  .tip-service-box{
    margin-bottom:2rem;
  }
  .filterbuttons div{
    margin-bottom: 5px;
  }

  .table-container table td.jockey-trainer {
    padding-left: 10px;
  }
  .table-container table th.jockey-trainer{
    padding:0 40px
  }
  .racing-form-container{
    display:inline
  }

  .form_holder{
    margin-top:20px;
  }

  .footer .nav-footer {
    width: auto;
    display: inline;
  }

}


@media (max-width: 768px) { 
  #newsales{
    padding:0; margin:0;
  }
  .container{
    margin-top:0;
    margin-bottom:0;
    padding:0;
  }

  #salespage-header{
    margin-top:0;
    padding-top:1px;
  }

  #salespage-body{
    padding-bottom:0;
  }

  #salespage-footer{
    margin-bottom:0;
    padding-bottom:0;
  }
}


@media (min-width: 768px) {
  .salespage-image-header img{
   width: 1200px;
  }
}

@media (min-width: 992px) {
  .salespage-image-header img{
    width: 1200px;
  }
}

@media (min-width: 1200px) {
  .salespage-image-header img{
    width: 1200px;
  }

}


.chat_ib h5{ font-size:1rem; color:#464646; padding:5px 0 0 0;}
.chat_ib h5 span{ font-size:0.75rem; float:right;}
.chat_ib p{ font-size:1.1rem; color:#989898; margin:auto}
.chat_img {
  float: left;
  font-size:4rem;
  border:1px solid #111;
  color:#fff;
  padding:1rem;
  border-radius: 4px;
}

.chat_img.user{ 
  background-color: Dodgerblue;
  border-color:Dodgerblue;
}

.chat_img.staff{
  background-color: Mediumslateblue;
  border-color:Mediumslateblue;
}


.chat_ib {
  float: left;
  padding: 0 0 0 15px;
  width: 88%;
}

.chat_people{ overflow:hidden; clear:both;}
.chat_list {
  border-bottom: 1px dotted #c4c4c4;
  margin: 0;
  padding: 3rem 1rem;
}

.update-nag{
  text-align: left;
  background-color: #fff;
  border:1px solid #e3e3e3;
  margin:1rem 0;
}

.update-nag > .update-split{
  display: inline-block;
  background: #337ab7;
  float: left;
  color: #fff!important;
  text-align: center;
  padding:6px 12px;
}

.update-nag > .update-text{
  display: inline-block;
  text-align: left;
  padding:6px 12px;
}

.update-nag > .update-split.update-success{
  background: #5cb85c!important;
}

.update-nag > .update-split.update-danger{
  background: #d9534f!important;
}

.update-nag > .update-split.update-info{
  background: #5bc0de!important;
}



.speech-bubble {
  position: relative;
  background: #00aabb;
  border-radius: .4em;
  color:#fff;
  padding:1rem;
  margin-top:2rem;
}

.speech-bubble p{
  color:#fff;
  font-size:1rem;
  margin:0!important;
  padding:0.5rem!important;
  line-height: 1.5rem!important;
}

.speech-bubble:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 15%;
  width: 0;
  height: 0;
  border: 1.219em solid transparent;
  border-top-color: #00aabb;
  border-bottom: 0;
  border-left: 0;
  margin-left: -0.609em;
  margin-bottom: -1.219em;
}


.modal_ice_inside{
  background: #000;
  color:#fff;
  padding:20px;
}

.modal_ice_inside .btn{
  background-color: #8CBCD2;
  border-color: #8CBCD2;
}

.modal_ice_inside .btn:hover{
  background-color: #589ebe;
}

.modal_ice_inside h3{
  text-align: center;
  font-size: 1.2rem;
}

.modal_ice_inside p{
  color:#fff;
}


#getting-started{
  background-color: #589ebe;
  font-size: 2rem;
  text-align:center;
  margin-bottom:15px;
}

#slotholder{
  background: #f3f3fc;
  margin:0 auto;
  padding:1rem;
  text-align: center;
}
#viewbox {
    overflow: hidden;
    width: 300px;
    height: 250px;
    position: relative;
    margin:0 auto;
    padding:0;
}
#viewbox .wrapper {
    position: relative;
}
#viewbox ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
#viewbox li {
  display: block;
  width: 300px;
  height: 250px;
  text-align: center;
  font-size: 170px;
  margin: 0; padding;0
}