/*
Theme Name: BPS
Theme URI: http://www.bioproscheduler.com
Author: Jujama, Inc.
Author URI: http://www.jujama.com
Version: 1.3.1
*/


/* #Site Styles
================================================== */
#main {}
#homepage {}
#page {
	padding: 50px 0;
}
#wrapper {}
.textcenter {
	text-align: center;
}
.textright {
	text-align: right;
}
#header {}
#topbar {
	background-color: #dedede;
}
#phonenumber, #phonenumber a, #phonenumber a:visited {
    color: #535353;
    font-size: 13px;
    font-weight: bold;
    padding-top: 5px;
    text-transform: uppercase;
}
#phonenumber a:hover {}
#smicons {
    padding-top: 3px;
}
#smicons ul {
    margin: 0;
    padding: 5px 0 0;
}
#smicons ul li {
    display: inline;
    margin: 0;
    padding-left: 4px;
}
#smicons ul li a {}
#clientlogin {
    color: #3F3F3F;
    font-size: 11px;
    padding-top: 5px;
    padding-bottom: 5px;
    text-transform: uppercase;
}
#clientlogin a {
    background-color: #ffffff;
    color: #3F3F3F;
    font-size: 11px;
    font-weight: 700;
    padding: 5px 10px;
}
#clientlogin a:hover {
    background-color: #E53629;
    color: #ffffff;
    text-decoration: none;
}
#clientlogin ul {
    margin: 0;
}
#clientlogin ul li {
    /*border-left: 1px solid #a3a3a3; */
    display: inline;
    font-size: 14px;
    margin-left: 10px;
    padding-left: 10px;
}
#clientlogin ul li:first-child {
    border: medium none;
    margin: 0;
    padding: 0;
}
#clientlogin ul li strong {
    font-weight: 600;
}
#headbar {
    padding: 45px 0px;
}
#logo {
    padding-bottom: 6px;
}
.tagline {
    margin-left: 3px;
    margin-top: -10px;
    font-size: 11px;
}
#logo img {
    max-width: 100%;
}
.menuteal, .menuteal a {
	color: #a4dfe9 !important;
}
#navbar ul {
    margin: 20px 0px 0px;
    text-align: right;
    width: 100%;
}
#navbar ul li {
    display: inline;
    padding: 17px 0;
    margin-bottom: 0;
}
#navbar ul li a {
    color: #3F3F3F;
    font-size: 16px;
    font-weight: 400;
    padding: 23px 11px 16px;
    text-decoration: none;
    text-transform: uppercase;
}
#navbar ul li:last-child a {
    padding-right: 0;
}
#navbar ul li a:hover, #navbar ul li:hover a {
    color: #E53629;
}
#navbar ul li:hover {position: relative;}
#navbar ul li ul {display: none;}
#navbar ul li:hover ul {
    /*background-color: #d1d1d1;
    border-top: 4px solid #eb901a;*/
    display: block;
    left: -50%;
    margin: 0;
    position: absolute;
    text-align: left;
    top: 48px;
    width: 375px;
    z-index: 5000;
    border-radius: 5px;
}
#navbar ul li:hover ul li {
    background-color: #dedede;
    transition: all .15s linear;
    display: block;
    padding: 15px 40px;
}
    #navbar ul li:hover ul li:hover {
        border-radius: 5px;
        background-color: #fff;
        transform: scale(1.05);
        box-shadow: 0 2px 4px rgba(3,27,78,.06);
        text-decoration: none;
    }
#navbar ul li:hover ul li a {
    font-size: 20px;
    font-weight: 600;
    color: #414141;
    border: medium none;
    display: block;
    padding: 0 !important;
    text-decoration: none;
    text-transform: none;
}
    #navbar ul li:hover ul li a span {
        font-weight: 400;
        font-size: 16px;
        display: block;
        margin-top: 10px;
        line-height: 1.2;
    }

#navbar ul > li > a:after { content: '\00a0\00a0\25bc'; }
#navbar ul li > a:only-child:after { content: ''; }
#navbar .chevron { color: #dedede; }

   #navbar ul li.button {
    margin-left: 50px;
}
#navbar ul li.button a, #navbar ul li.button a:visited, .button a, .button a:visited {
    padding: 8px;
    color: #3F3F3F;
    border: 2px solid #3F3F3F;
    padding: 8px 8px;
    border-radius: 8px;
    font-weight: 800;
}
#navbar ul li.button a:hover, .button a:hover {
    background-color: #E53629;
    color: #FFFFFF;
    border: 2px solid #FFFFFF;
}
.fullsizehide {
    display: none !important;
}
.nav, .nav ul, .nav li {
    list-style: none;
}
.nav ul {
    padding: 0;
    margin: 0 0 0 18px;
}
.nav {
    margin-bottom: 10px;
    margin-top: 15px;
    padding: 4px;
    text-align: left;
}
.nav > li {
    margin: 4px 0;
}
.nav > li li {
    margin: 2px 0;
}
.nav a {
    /* color: #ffffff !important; */
    display: block;
    outline: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    text-decoration: none;
}
.nav li > a > span {
    float: right;
    font-size: 10px;
}
.nav li > a:hover > span {
    color: #fff;
}
.nav li > a > span:after {
    content: 'expand \25be';
}
.nav li.open > a > span:after {
    content: 'collapse \25b4';
}
.nav a:hover, .nav li.active > a {
    background-color: #251A06;
    color: #FFFFFF;
}
.nav > li.active > a  {
    background-color: #4D90FE;
}
.nav li a {
    font-size: 12px;
    line-height: 18px;
    padding: 2px 10px;
}
.nav > li > a {
    font-size: 14px;
    line-height: 20px;
    padding: 4px 10px;
}
#responsivenav {
	float: right;
}
#responsivemenucontent {
	max-width: 480px;
}
#bannerwrap {

}
#banner {
    /* min-height: 456px; */
    min-height: 750px;
}
#bannercontent {
	padding-top: 175px;
}
#banner h1 {
    color: #ffffff;
	font-size: 76px;
	line-height: 76px;
	font-weight: 600;
}
#bannertext h2 {
    color: #ffffff;
    font-size: 35px;
    line-height: 30px;
    padding: 8px 0 9px;
}
#bannertext p {
    font-size: 24px;
    line-height: 30px;
    color: #ffffff;
}
.tealbtn {
    background-color: #ffffff;
    float: left;
    font-size: 18px;
    text-align: center;
    text-transform: uppercase;
    border-radius: 4px;
}
.tealbtn a {
    color: #ffffff !important;
    display: block;
    padding: 14px 32px;
    font-weight: 600;
}
.orangebtn {
    /*background-color: #fcb929;*/
    background-color: #7AC63E;
    color: #fff;
    float: left;
    font-size: 22px;
    text-align: center;
    text-transform: uppercase;
    border-radius: 4px;    
}
.orangebtn a, .orangebtn a:visited {
    /*color: #3d3d3d !important;*/
    color: #fff;
    display: block;
    padding: 14px 32px;
    font-weight: 600;
}
.orangebtnsm {
    /*background-color: #eb901a;*/
    background-color: #7AC63E;
    float: left;
    font-size: 15px;
    text-align: center;
    text-transform: uppercase;
    border-radius: 4px;
}
.orangebtnsm a, .orangebtnsm a:visited {
    /*color: #000000 !important; */
    color: #fff !important;
    display: block;
    padding: 9px 18px;
    font-weight: 600;
}
.tealbtnsm {
    background-color: #0495b9;
    font-size: 15px;
    text-align: center;
    text-transform: uppercase;
    border-radius: 4px;
}
.tealbtnsm a {
    color: #ffffff !important;
    display: block;
    padding: 9px 18px;
    font-weight: 600;
}
.bannerbtnone {
	margin-right: 20px;
	margin-bottom: 10px;
}
.bannerbtntwo {
	margin-bottom: 10px;
}
#footerwrapper {
	background-color: #000000;
}
#footer {
	padding: 0 0 25px;
	color: #d1d1d1;
	font-size: 14px;
}
#ftinfo {}
#footer .orangebtn {
    font-size: 15px;
}
#footer .orangebtn a {
    padding: 9px 18px;
}
.fthead {
    font-weight: 600;
    padding: 25px 0 13px;
    text-transform: uppercase;
}
#ftinfo ul {
    clear: both;
    padding-top: 25px;
    margin: 0;
}
#ftinfo ul li {
	float: none;
	width: 100%;
}
.ftlinks .email a {
    color: #E79747;
}
#ftsmicons {}
#ftsmicons ul {
	margin-bottom: 0;
}
#ftsmicons ul li {
    display: inline-block;
    padding-right: 9px;
    margin: 0;
}
#ftsmicons ul li a {}
#newsletter {}
#newsletter form {
    margin-top: 18px;
}
#newstext {
	line-height: 21px;
}
#newsemail, #newsletter .newsemail {
    background-color: #ffffff;
    border: medium none;
    color: #a0a0a0;
    float: left;
    font-size: 13px;
    font-weight: 300 !important;
    height: 43px;
    padding: 0 8px;
    width: 58%;
}
#newsbtn, #newsletter .wpcf7-submit {
    background-color: #ffffff;
    border-bottom: 5px solid #ffffff;
    border-left: 1px solid #828282;
    border-right: none;
    border-top: 5px solid #ffffff;
    color: #4e4e4e;
    float: left;
    font-size: 13px;
    font-weight: 600;
    height: 43px;
    padding: 0 7px 0;
    text-transform: uppercase;
    border-radius: 4px;
    background-image: none;
    -webkit-appearance: none;
    cursor: pointer;
}
.newsemail .wpcf7-text {
    color: #a0a0a0;
    width: 95%;
    height: 16px;
    border: none;
    margin-top: 13px;
}
#newsletter div.wpcf7-mail-sent-ok {
    border: medium none;
    font-size: 12px;
    line-height: 17px;
    margin: 20px 0 0;
    padding: 0;
    width: 180px;
}
#ftnav {}
#ftnav ul {
	margin: 0;
}
#ftnav ul li {
	font-size: 16px !important;
}
.ftlinks ul {}
.ftlinks li {
	line-height: 22px;
	margin: 0;
	float: left;
	width: 50%;
}
.ftlinks li a {
	color: #d1d1d1;
}
.ftlinks li a:hover {
	text-decoration: underline;
}
#copyright {
    clear: both;
    font-size: 13px;
    font-weight: 400;
    padding-top: 22px;
}
#ftcert {}

/* #HomePage Styles
================================================== */
#homelayout img {
    max-width: 100%;
    height: auto;
}
#homeblock {}
#homeblock.whiteblock {
    overflow: hidden;
    padding-bottom: 50px;
}
#homeblock ul {
    margin-top: 28px;
}
#homeblock ul li {
	float: left; 
	width: 45%;
	margin-bottom: 12px;
	line-height: 25px;
}
h3.maintitle {
    color: #000000;
    font-size: 28px;
    font-weight: 600;
    line-height: 33px;
    margin-bottom: 18px;
}
#homeblock .homecontent {
    padding-right: 20px;
}
#iconblock {
	color: #FFF;
	font-size: 25px;
	font-weight: 200;
	letter-spacing: .03em;
	padding: 50px 0;
}
#iconblock span {
	font-size: 20px;
	font-weight: 300;
	line-height: 21px;
}
#iconblocktext {
    font-weight: 600;
	padding: 11px 0;
}
.dkgrayblock {
	background-color: #000000;
	padding: 10px 0;
}
#whatwedo {}
#whatwedo.whiteblock {
    padding: 50px 0px;
}
.whiteblock h1 {}
.homecontent {
	padding: 50px 0;
	line-height: 27px;
}
.homeimg {}
.homeimg img {}
.grayblock {
    background-color: #e6e6e6;
    padding: 20px 0 0;
}
.casestudies {}
.casestudies h4 {}
.casestudies ul {
	margin: 20px 0;
}
.casestudies ul li:last-child {
	padding-right: 0;
}
.casestudies ul li {
    display: inline-block;
    padding-right: 43px;
}
.divided {}
.divided.border.right {
    border-left: 1px solid #bcbcbc;
}
.divided.right {
    padding-left: 30px;
}
.divided.border.left {
    border-right: 1px solid #bcbcbc;
}
.divided.left {
    padding-right: 30px;
}

/* #Page Styles
================================================== */
#content img {
    max-width: 100%;
    height: auto;
}
.post {
    border-bottom: 1px solid #dddddd;
    margin-bottom: 20px !important;
    padding-bottom: 20px;
}
.post strong {
    font-weight: 800px;
}
.post-thumbnail {
    height: 500px;
}
.postauthor {
    font-size: 13px;
    font-weight: 400;
    line-height: 17px;
}
.postauthor img {
	border-radius: 50px;
}
.infopost {
    border: 1px solid #e5e5e5;
    margin-bottom: 20px;
    padding: 15px 15px 20px;
}
.infopost h3 span {
	font-size: 14px;
}
.infoexcerpt {
	line-height: 21px;
	font-size: 14px;
}
.infolink {
	font-size: 14px;
}
.pubdate {
	font-size: 13px; 
	line-height: 17px; 
	font-weight: 400;
}
.pubdate span {
	font-weight: 300; 
	font-style:italic;
}
#testimonials {
    background: url("images/quotebg.png") no-repeat scroll right -8px #ececec;
    border: 5px double #fff;
    padding: 35px 20px;
}
#testimonials h2 {
	font-size: 19px;
	margin-bottom: 0;
}
.testimonialscontrols {
	padding-bottom: 9px;
}
.testimonialscontrols div.prev div, .testimonialscontrols div.next div {
	height: 18px;
	width: 9px;
	background-image: url(images/arrows.png);
	background-repeat: no-repeat;
	background-color: transparent;
	margin-top: 5px;
}
.testimonialscontrols div.prev {
	float: left;
}
.testimonialscontrols div.next {
	float: right;
}
#test_prev, #test_next {
    color: #414141;
    font-size: 13px;
    padding: 0 4px;
    text-transform: uppercase;
}
#test_prev div {
	background-position: left 0;
	float: left;
}
#test_next div {
	background-position: right 0;
	float: right;
}
#testimonialblock {
	overflow: hidden;
}
#testimonialblock li {
	line-height: 19px;
	font-size: 13px;
}
.teammember {
	padding-bottom: 40px;
}
.teamtitle span {
	font-size: 14px;
}
.teamcontent {
	line-height: 21px;
	font-size: 14px;
}
.teamlink a {
	font-size: 14px;
}
.keyfeatures {}
.keyfeatures ul {}
.keyfeatures ul li {
	background: url("images/bullet.png") no-repeat scroll left 6px transparent;
	padding-left: 25px;
}
.highlights {}
/* .keyfeatures h3, .highlights h3, .meetingstats h3 {
    color: #f16724;
} */
.single-study h2 {
    font-size: 31px;
    line-height: 31px;
}
.casestudyimg {}
.casestudyimg img {}
.meetingstats {
    font-weight: 15px;
    font-weight: 600;
}
#custperspective {
	background-color: #ececec;
	border: 5px double #fff;
	padding: 35px 20px;	
}
.custimage {}
.custcontent {
	font-size: 13px;
	line-height: 19px;
    padding: 15px 0;
    font-weight: 400;
}
.custbyline {
	font-size: 13px;
	line-height: 17px;
}
.additionalcontent {
    background-color: #f8f8f8;
    border: 5px double #ffffff;
    font-size: 14px;
    line-height: 21px;
    padding: 35px 20px;
}
.myth {}
.myth div {
	display: none;
	width: 100%;
}
.myth li {
    padding: 2px 0 4px;
    border-bottom: solid 1px #DDDDDD;
    cursor: pointer;
    display: inline-block;
    width: 100%;
}
.myth li p {
	line-height: 25px;
}
.myth li h4 {
	margin-bottom: 13px;
    background: url("images/plus.png") no-repeat left 7px transparent;
    padding-left: 20px;
}
.myth li.active h4 {
    background: url(images/minus.png) no-repeat left 7px transparent;
    padding-left: 20px;
}
.packages .orangebtnsm, .packages .tealbtnsm {
	margin: 0 auto;
}
.packages td {
	background-color: #f6f6f6;
	border: 1px solid #c5c5c5;
	color: #e1e1e1;
	line-height: 19px;
	padding: 4px 14px;
	vertical-align: middle;
	width: 25%;
	font-size: 18px;
	font-weight: 300 !important;
	text-align: center;
}
.packages td:first-child {
	background-color: #187797;
	color: #f5f5f5;
	border: solid 1px #5a8fa1;
	text-align: left;
}
.packages th.basic, .packages .subhead.basic {
	background-color: #ffd042;
}
.packages th.basicplus, .packages .subhead.basicplus {
	background-color: #ffb72b;
}
.packages th.premium, .packages .subhead.premium {
	background-color: #ffa61f;
}
.packages th.premium {
    position: relative;
}
.packages th.premium .bestbadge {
    background: url("images/best-banner.png") no-repeat scroll right 0 transparent;
    height: 45px;
    position: absolute;
    right: 5px;
    top: -3px;
    width: 40px;
}
.packages h2 {
    margin-bottom: 2px;
}
.packages th {
    padding: 12px 0 0;
}
.packages td.subhead {
    background: none;
    border: none ;
    color: #000000;
    padding: 3px 15px 16px !important;
    text-align: center;
    font-size: 14px;
}
.packages td.white {
	background-color: transparent !important;
	border: none !important;
}
.packages .check::after{
	content: "•";
	color: #52b262;
	font-size: 40px;
}
.packages .check {
	/*background: url(images/package-check.png) no-repeat 0 0 transparent;
	height: 13px;
	width: 17px;
	margin: 0 auto;*/
}
.packages .no {
	/*background: url(images/package-no.png) no-repeat 0 0 transparent;
	width: 12px;
	height: 12px;
	margin: 0 auto;*/
}
.packages .add {
	/*background: url(images/package-add.png) no-repeat 0 0 transparent;
	width: 12px;
	height: 11px;
	margin: 0 auto;*/
}
.demobtnmobile {
	display: none;
}
.bottom {
	vertical-align: bottom !important;
}
.small, .description {
	font-size: 13px;
	line-height: 17px;
}
.quartercontent {
    min-height: 345px;
}
.portfolio {
	background-color: #e6e6e6;
}

/* #Multi-Block Page Styles
================================================== */
#multiblock {}
#multiblock img {
    max-width: 100%;
    height: auto;
}
#multiblock img.multiblockicon {
    width: 72px;
}
#multiblock .grayblock img.multiblockicon {
    width: 180px;
}
#multiblock p {
	margin: 0 0 25px 0;
	font-size: 17px;
	line-height: 28px;
}
#multiblock h2 { color: #000000; font-size: 22px; font-weight: 600; line-height: 27px; margin-bottom: 18px; letter-spacing: -0.01em;}
#multiblock h3 { color: #000000; font-size: 31px; font-weight: 600; line-height: 37px; margin-bottom: 24px;}
#multiblock h4 { color: #000000; font-size: 23px; font-weight: 600; line-height: 25px; margin-bottom: 11px;}
#multiblock h5 { color: #f16724; font-size: 19px; line-height: 26px; font-weight: 300; margin-bottom: 11px;}
#multiblock h6 { font-size: 15px; line-height: 24px; font-weight: 600; margin-bottom: 17px; text-transform: uppercase;}
.tealblock {
    background-color: #000;
	padding: 100px 0px 100px;
	background-repeat: no-repeat;
	background-size: cover;
}
.tealblock h1.mainbannerheadline {
	color: #ffffff;
}
h1.mainbannerheadline {
	color: #000000;
	font-size: 39px;
	font-weight: 600;
	line-height: 47px;
	margin-bottom: 18px;
}
.tealblock .maintext p {
	color: #ffffff;
}
.maintext p {
	font-size: 23px !important;
	color: #000000;
	line-height: 32px !important;
	margin-bottom: 31px !important;
}
h3.mainheadline {
	text-align: center;
}
.iconimg {
	margin-top: 31px;
}
.twocolwhiteblock {
	padding-top: 64px;
}
#multiblock .whiteblock {
	padding: 100px 0 100px;
}
#multiblock .grayblock {
	background-color: #f5f5f5;
	padding: 100px 0 100px;
}
#testimonialslg {
	padding: 0 !important;
}
#testimonialslg #testimonials {
	background: url("images/quotebg.png") no-repeat scroll right -8px #f5f5f5;
	border: none;
	padding: 48px 0 29px;
}
#testimonialslg #testimonials .caroufredsel_wrapper {
	padding-bottom: 45px;
}
#testimonialslg #testimonials h2 {
	font-size: 19px;
	margin-bottom: 0;
}
#testimonialslg .testimonialscontrols {
	padding-bottom: 9px;
}
#testimonialslg .testimonialscontrols div.prev div, .testimonialscontrols div.next div {
	height: 18px;
	width: 9px;
	background-image: url(images/arrows.png);
	background-repeat: no-repeat;
	background-color: transparent;
	margin-top: 5px;
}
#testimonialslg .testimonialscontrols div.prev {
	float: left;
}
#testimonialslg .testimonialscontrols div.next {
	float: right;
}
#testimonialslg #test_prev, #test_next {
    color: #414141;
    font-weight: 400;
    font-size: 16px;
    padding: 0 4px;
    text-transform: uppercase;
}
#testimonialslg #test_prev div {
	background-position: left 0;
	float: left;
}
#testimonialslg #test_next div {
	background-position: right 0;
	float: right;
}
#testimonialslg #testimonialblock li {
	line-height: 19px;
	font-size: 13px;
	overflow: hidden !important;
	height: 215px !important;
}


/* #Form Styles
================================================== */
.contactform {}
.contactform label, .contactform .label {
    font-size: 14px;
    font-weight: 600;
}
.contactform .columns input {
	width: 82%;
}
.contactform input {
    font-size: 16px;
	padding: 10px;
	background-color: #FFFFFF;
	border: 1px solid #d2d2d2;
	width: 92%;
	margin-bottom: 15px;
}
.contactform option {
    padding: 10px;
}
.contactform select {
    font-size: 16px;
    background-color: #ffffff;
    border: 1px solid #d2d2d2;
    margin-bottom: 15px;
    padding: 0 6px;
    width: 300px;
}
.contactform textarea {
	width: 92%;
	margin-bottom: 15px;
	border: 1px solid #d2d2d2;
	padding: 10px;
}
.contactform button {
    background-color: #7AC63E;
    border: medium none;
    color: #ffffff;
    float: left;
    font-family: "Lato",sans-serif;
    font-size: 15px;
    margin-right: 7px;
    padding: 7px 18px;
    text-transform: uppercase;
    cursor: pointer;
}
.contactform button.reset {
	background-color: #B4B4B4;
}
.contactform .g-recaptcha {}
#clientloginform {
    min-height: 220px;
}
#contentwrapper {
    background: url("images/clientloginbg.jpg") no-repeat scroll center center #f89d16;
    min-height: 511px;
}
.formcaptcha {
    border: 1px solid #f47723;
    margin-bottom: 5px;
    padding: 7px 3px 0;
    text-align: center;
    width: 110px;
}
.submitbtn input {
    background-color: #58a6b0 !important;
    border: medium none !important;
    color: #ffffff;
    cursor: pointer;
    font-family: "Lato",sans-serif;
    font-size: 15px;
    text-transform: uppercase;
    width: 180px !important;
    border-radius: 4px;
	font-weight: 600;
}
.listbox .submitbtn input {
    width: 201px !important;
}
.bloglist li {
    line-height: 24px;
}
.bloglist {
	margin: 25px;
}

/* #Blog Post Styles
================================================== */

.blog .meta {
    margin: 20px 0px;
    font-weight: 600;
}
.blog .postimage {
    margin-bottom: 20px;
}

.blog .postlink {
    font-weight: 600;
}

/* Bulldog */
.post-template-tmpt-bulldog-single-post h1 {
    font-size: 48px;
    line-height: 60px;
    margin: 22px 0px 22px 0px;

}
    .post-template-tmpt-bulldog-single-post .subtitle {
        font-size: 22px;
        color: #838383;
        font-weight: 600;
        margin-bottom: 12px;
    }

    .post-template-tmpt-bulldog-single-post .author {
        text-transform: uppercase;
        text-align: center;
        margin: 40px 0px;
    }

    .post-template-tmpt-bulldog-single-post .author .date {
        text-transform: none;
    }

    .post-template-tmpt-bulldog-single-post .post .postcontent p, .post-template-tmpt-bulldog-single-post .post .postcontent ol li, .post-template-tmpt-bulldog-single-post .post .postcontent ul li {
        font-size: 21px;
    }

/* German Shepherd */
.post-template-default .post-thumbnail {
    margin-bottom: 40px;
}
.post-template-tmpt-shepherd-single-post .titlearea {
    margin: 40px 0px 75px 0px;
    height: 400px;
}
.post-template-tmpt-shepherd-single-post .category {
    text-transform: uppercase;
    font-size: 18px;
    color: rgba(0, 0, 0, 0.60);
    font-weight: 600;
}
.post-template-tmpt-shepherd-single-post .category a {
    color: rgba(0, 0, 0, 0.60);
}
.post-template-tmpt-shepherd-single-post h1 {
    font-size: 48px;
    width: 75%;
    line-height: 60px;
    margin-top: 0px; padding-top: 0px;
}
.post-template-tmpt-shepherd-single-post .post-thumbnail {
    height: 400px;
}
.post-template-tmpt-shepherd-single-post .author {
    margin-top: 20px;
}
.post-template-tmpt-shepherd-single-post .author .avatar img {
    border-radius: 50%;
    width: 50px;
    height: 50px;
}
.post-template-tmpt-shepherd-single-post .author .meta p {
    padding: 0px; margin: 0px;
}
.post-template-tmpt-shepherd-single-post .author .meta p.date {
    font-size: 13px;
    color: rgba(0, 0, 0, 0.60);
    font-weight: 600;
}
.post-template-tmpt-shepherd-single-post .subtitle {
    font-size: 22px;
    color: rgba(0, 0, 0, 0.50);
    font-weight: 600;
    margin: 40px 0px;
    width: 75%;
}

/* Mutt */
.post-template-tmpt-mutt-single-post h1 {
    font-size: 48px;
    width: 75%;
    line-height: 60px;
    margin-top: 0px; padding-top: 0px;
}
.post-template-tmpt-mutt-single-post .author {
    font-weight: 600;
    margin: 30px 0px;
}

/* Dachshund */
.post-template-tmpt-dachshund-single-post .postcontent h3 {
    font-size: 20px;
}

/* Blog Author Profile Box */
.author-profile {
    margin-top: 50px;
    padding: 30px;
}
.author-profile .author-name {
    font-weight: 600;
}
.author-profile .author-name span {
    display: block;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 12px;
}
.author-profile p {
    font-size: 18px;
    margin-top: 0px;
}
.author-profile .avatar {
    border-radius: 50%;
}
/* End Blog Author Profile Box */

.post-template-tmpt-weimaraner-single-post .post-thumbnail {
    margin: 40px 0px;
    height: initial;
}

/* Poodle */
.post-template-tmpt-poodle-single-post .video {
    width: 100%;
    margin-bottom: 40px;
}
.post-template-tmpt-poodle-single-post h1 {
    font-size: 24px;
}
.post-template-tmpt-poodle-single-post .postcontent {
    font-size: 16px;
}

/* Sidebar */
.blog-sidebar .widget ul li {
    font-size: 16px;
    margin-bottom: 10px;
}
.blog-sidebar form, .video-sidebar form {
    margin-bottom: 25px;
}

.blog-sidebar input[type="text"], .video-sidebar input[type="text"] {
    font-size: 16px;
    color: #3F3F3F;
    border: 1px solid #eeeeee;
    padding: 4px;
}

.blog-sidebar input[type="submit"], .video-sidebar input[type="submit"] {
    font-size: 18px;
    font-weight: 600;
    padding: 5px 8px;
    border-radius: 5px;
    border: 1px solid #eeeeee;
    background-color: #fff;
}

.blog-sidebar label, .video-sidebar label {
    display: none;
}

/* All post templates */
.postcontent img {
    max-width: 100%;
    margin: 50px 0px 15px 0px;
}

/* #Promo Styles
================================================== */
.madnessbanner {
    background: transparent url("http://www.jujama.com/wp-content/uploads/madness-promo.jpg") no-repeat scroll 0 51px;
    height: 407px !important;
    margin-bottom: 35px;
    margin-top: -34px;
    width: 988px !important;
}
.madnessbanner a {
    cursor: pointer;
    display: block;
    margin-top: 52px;
    padding: 356px 0 0;
}
.promobanner {
    background: url("http://www.jujama.com/wp-content/uploads/appbg.jpg") no-repeat scroll 0 51px transparent;
    margin-top: -34px;
}
.promocode {
    background-color: #ffffff;
    border: 1px solid #d2d2d2;
    font-weight: 600;
    padding: 10px;
    width: 92%;
}
.disclaimer {
    font-size: 13px;
    line-height: 19px;
}
.features {
	padding: 9px 0 12px 45px !important;
}
.gaming {
	background: url(images/feature-gaming.png) no-repeat 0 8px transparent !important;
}
.polling {
	background: url(images/feature-polling.png) no-repeat 3px 4px transparent !important;
}
.beacons {
	background: url(images/feature-beacons.png) no-repeat 0 4px transparent !important;
}
.networking {
	background: url(images/feature-networking.png) no-repeat 0 2px transparent !important;
}
.tablets {
	background: url(images/feature-tablets.png) no-repeat 5px 4px transparent !important;
}
.promobtn .tealbtn {
    float: none !important;
    font-size: 16px;
    line-height: 19px;
    margin: 0 0 16px 51px;
    padding-right: 16px;
    width: 180px;
}
.promobtn .tealbtn .downarrow {
    background: url("images/downarrow.png") no-repeat scroll right center transparent;
}
.backtotoplink {
    font-size: 16px;
    line-height: 19px;
}

/* #Media Queries
================================================== */
		
	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {
        #navbar ul li a {padding: 23px 9px 22px !important;}
        .tabletshow, .fullsizehide {display: block !important;}
        .tablethide {display: none !important;}
		#bannercontent {padding-top: 47px; min-height: 503px;}
		.tealbtn, .orangebtn {font-size: 17px;}
		.tealbtn a, .orangebtn a {padding: 9px 15px;}
		#ftcert img {max-width: 90%; height: auto;}
		#smicons ul li {padding-left: 8px;}
		#responsivemenubtn {cursor: pointer; float: right; margin-top: -50px; width: 100px; text-align: right; color: #838383; font-size: 12px;}
		#responsivemenubtn img {vertical-align: middle;}
		#iconblockimg img {padding-top: 21px;}
		#homeblock.whiteblock {height: auto; overflow: visible;}
		#homeblock ul li {float: none; width: 98%;}
		input {-webkit-appearance: none; border-radius: 0 !important;}
		.quartercontent {min-height: 495px;}
		#clientlogin ul li {margin-left: 3px; padding-left: 5px;}
		.madnessbanner {background: transparent url("http://www.jujama.com/wp-content/uploads/madness-promo-tablet.jpg") no-repeat scroll 0 51px; height: 376px !important; margin-bottom: 25px; margin-top: -34px; width: 988px !important;}
        .madnessbanner a {cursor: pointer; display: block; margin-top: 52px; padding: 324px 0 0;}
        .promohead {margin: 0 auto; text-align: center; width: 595px;}
	}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {
	    .mobilecenter {text-align: center !important;}
	    .mobilehide {display: none !important;}
	    .fullsizehide {display: block !important;}
	    .fullsize {display: none !important;}
	    .mobilesize {display: block !important;}
		#headbar {padding: 8px 0 9px;}
		#topbar {padding: 8px 0 16px;}
		/* #logo {margin: -23px 0 0 !important;} */
		.tagline {margin-top: -8px !important;}
		#ftcert img {max-width: 90%; height: auto;}
		#smicons ul {padding: 12px 0 3px;}
        #smicons ul li {padding-left: 19px;}
        #mobilenav.nav li.button {display:none;}
		#phonenumber, #phonenumber a {font-size: 15px;}
		#clientlogin, #clientlogin a {font-size: 14px;}
		#bannercontent {display: block; padding: 25px 0 10px; min-height: 525px;}
		#bannerwrap .container{background: none !important;}
		#responsivemenubtn {cursor: pointer; margin: 0 auto; width: 100px; color: #838383; font-size: 12px;}
		#responsivemenubtn img {vertical-align: middle;}
		.alignleft, .alignright {float: none !important; margin: 0 !important;}
		.teammember, .infopost {border-bottom: 1px solid #e5e5e5; border-top: none !important; border-right: none !important; border-left: none !important; padding: 0 0 20px !important; margin-bottom: 0 !important;}
		.mobiletoppad {padding-top: 20px !important;}
		#banner h1 {font-size: 45px; line-height: 45px; text-align: center;}
		#bannertext h2, #bannertext {font-size: 23px; line-height: 2px; text-align: center;}
		.orangebtn {float: none !important;}
		#banner {min-height: 0 !important;}
		#bannercontent {min-height: 0 !important;}
		#iconblock {font-size: 21px; text-align: center;}
		#iconblock span {font-size: 17px;}
		#homeblock.whiteblock {height: auto; overflow: visible; padding: 30px 0;}
		#homeblock ul li {float: none; width: 98%;}
		.homeimg {overflow: hidden;}
		#homeblock .homecontent {padding-top: 0;}
		.casestudies ul li {display: block; text-align: center; padding: 0;}
		.divided.border.left {border-bottom: 1px solid #bcbcbc; border-right: none;}
		.divided.left {padding-bottom: 20px; padding-right: 0;}
		.divided.border.right {border-top: 1px solid #bcbcbc; border-left: none;}
		.divided.right {padding-top: 20px; padding-left: 0;}
		.demobtnmobile {display: block !important; margin-top: 7px;}
		.packages td.subhead {font-size: 0;}
		.packages th {vertical-align: middle; height: 184px;}
		th.basic h2 {left: 14px;}
		th.basic h2, th.basicplus h2, th.premium h2 {-o-transform: rotate(270deg); margin: 0; position: absolute; bottom: -47px; transform-origin: top left; -webkit-transform: rotate(270deg); -moz-transform: rotate(270deg); -o-transform: rotate(270deg); left: 1px; text-align: left; width: 206px; font-size: 20px; z-index: 5000;}
		.packages th.basic, .packages th.basicplus, .packages th.premium {position: relative;}
		.contactform .columns input {width: 92%;}
		input {-webkit-appearance: none; border-radius: 0 !important;}
		.quartercontent {min-height: 0;}
		.madnessbanner {background: transparent url("http://www.jujama.com/wp-content/uploads/madness-promo-mobile.jpg") no-repeat scroll 0 51px; height: 618px !important; margin: -54px auto 14px; width: 300px !important;}
		.madnessbanner a {cursor: pointer; display: block; margin-top: 52px; padding: 565px 0 0;}
		.promohead {font-size: 27px;}
	}


	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {
		.promobtn .tealbtn {margin-left: 113px;}
	}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {
		
	}




/* #Base 960 Grid
================================================== */

    .container                                  { position: relative; width: 1008px; margin: 0 auto; padding: 0; }
    .container .column,
    .container .columns                         { float: left; display: inline; margin-left: 10px; margin-right: 10px; }
    .row                                        { margin-bottom: 20px; }

    /* Nested Column Classes */
    .column.alpha, .columns.alpha               { margin-left: 0; }
    .column.omega, .columns.omega               { margin-right: 0; }

    /* Base Grid */
    .container .one.column,
    .container .one.columns                     { width: 43px;  }
    .container .two.columns                     { width: 106px; }
    .container .three.columns                   { width: 169px; }
    .container .four.columns                    { width: 232px; }
    .container .five.columns                    { width: 295px; }
    .container .six.columns                     { width: 358px; }
    .container .seven.columns                   { width: 421px; }
    .container .eight.columns                   { width: 484px; }
    .container .nine.columns                    { width: 547px; }
    .container .ten.columns                     { width: 610px; }
    .container .eleven.columns                  { width: 673px; }
    .container .twelve.columns                  { width: 736px; }
    .container .thirteen.columns                { width: 799px; }
    .container .fourteen.columns                { width: 862px; }
    .container .fifteen.columns                 { width: 925px; }
    .container .sixteen.columns                 { width: 988px; }

    .container .one-third.column, .container .one-third.columns                { width: 316px; }
    .container .two-thirds.column, .container .two-thirds.columns               { width: 652px; }

    /* Offsets */
    .container .offset-by-one                   { padding-left: 63px;  }
    .container .offset-by-two                   { padding-left: 126px; }
    .container .offset-by-three                 { padding-left: 189px; }
    .container .offset-by-four                  { padding-left: 252px; }
    .container .offset-by-five                  { padding-left: 315px; }
    .container .offset-by-six                   { padding-left: 378px; }
    .container .offset-by-seven                 { padding-left: 441px; }
    .container .offset-by-eight                 { padding-left: 504px; }
    .container .offset-by-nine                  { padding-left: 567px; }
    .container .offset-by-ten                   { padding-left: 630px; }
    .container .offset-by-eleven                { padding-left: 693px; }
    .container .offset-by-twelve                { padding-left: 756px; }
    .container .offset-by-thirteen              { padding-left: 819px; }
    .container .offset-by-fourteen              { padding-left: 882px; }
    .container .offset-by-fifteen               { padding-left: 945px; }



/* #Tablet (Portrait)
================================================== */

    /* Note: Design for a width of 768px */

    @media only screen and (min-width: 768px) and (max-width: 959px) {
        .container                                  { width: 768px; }
        .container .column,
        .container .columns                         { margin-left: 10px; margin-right: 10px;  }
        .column.alpha, .columns.alpha               { margin-left: 0; margin-right: 10px; }
        .column.omega, .columns.omega               { margin-right: 0; margin-left: 10px; }
        .alpha.omega                                { margin-left: 0; margin-right: 0; }

        .container .one.column,
        .container .one.columns                     { width: 28px; }
        .container .two.columns                     { width: 76px; }
        .container .three.columns                   { width: 124px; }
        .container .four.columns                    { width: 172px; }
        .container .five.columns                    { width: 220px; }
        .container .six.columns                     { width: 268px; }
        .container .seven.columns                   { width: 316px; }
        .container .eight.columns                   { width: 364px; }
        .container .nine.columns                    { width: 412px; }
        .container .ten.columns                     { width: 460px; }
        .container .eleven.columns                  { width: 508px; }
        .container .twelve.columns                  { width: 556px; }
        .container .thirteen.columns                { width: 604px; }
        .container .fourteen.columns                { width: 652px; }
        .container .fifteen.columns                 { width: 700px; }
        .container .sixteen.columns                 { width: 748px; }

        .container .one-third.column, .container .one-third.columns                { width: 236px; }
        .container .two-thirds.column, .container .two-thirds.columns               { width: 492px; }

        /* Offsets */
        .container .offset-by-one                   { padding-left: 48px; }
        .container .offset-by-two                   { padding-left: 96px; }
        .container .offset-by-three                 { padding-left: 144px; }
        .container .offset-by-four                  { padding-left: 192px; }
        .container .offset-by-five                  { padding-left: 240px; }
        .container .offset-by-six                   { padding-left: 288px; }
        .container .offset-by-seven                 { padding-left: 336px; }
        .container .offset-by-eight                 { padding-left: 384px; }
        .container .offset-by-nine                  { padding-left: 432px; }
        .container .offset-by-ten                   { padding-left: 480px; }
        .container .offset-by-eleven                { padding-left: 528px; }
        .container .offset-by-twelve                { padding-left: 576px; }
        .container .offset-by-thirteen              { padding-left: 624px; }
        .container .offset-by-fourteen              { padding-left: 672px; }
        .container .offset-by-fifteen               { padding-left: 720px; }
    }


/*  #Mobile (Portrait)
================================================== */

    /* Note: Design for a width of 320px */

    @media only screen and (max-width: 767px) {
        .container { width: 300px; }
        .container .columns,
        .container .column { margin: 0; }

        .container .one.column,
        .container .one.columns,
        .container .two.columns,
        .container .three.columns,
        .container .four.columns,
        .container .five.columns,
        .container .six.columns,
        .container .seven.columns,
        .container .eight.columns,
        .container .nine.columns,
        .container .ten.columns,
        .container .eleven.columns,
        .container .twelve.columns,
        .container .thirteen.columns,
        .container .fourteen.columns,
        .container .fifteen.columns,
        .container .sixteen.columns,
        .container .one-third.column,
        .container .one-third.columns,
        .container .two-thirds.column,
        .container .two-thirds.columns  { width: 300px; }

        /* Offsets */
        .container .offset-by-one,
        .container .offset-by-two,
        .container .offset-by-three,
        .container .offset-by-four,
        .container .offset-by-five,
        .container .offset-by-six,
        .container .offset-by-seven,
        .container .offset-by-eight,
        .container .offset-by-nine,
        .container .offset-by-ten,
        .container .offset-by-eleven,
        .container .offset-by-twelve,
        .container .offset-by-thirteen,
        .container .offset-by-fourteen,
        .container .offset-by-fifteen { padding-left: 0; }

    }


/* #Mobile (Landscape)
================================================== */

    /* Note: Design for a width of 480px */

    @media only screen and (min-width: 480px) and (max-width: 767px) {
        .container { width: 420px; }
        .container .columns,
        .container .column { margin: 0; }

        .container .one.column,
        .container .one.columns,
        .container .two.columns,
        .container .three.columns,
        .container .four.columns,
        .container .five.columns,
        .container .six.columns,
        .container .seven.columns,
        .container .eight.columns,
        .container .nine.columns,
        .container .ten.columns,
        .container .eleven.columns,
        .container .twelve.columns,
        .container .thirteen.columns,
        .container .fourteen.columns,
        .container .fifteen.columns,
        .container .sixteen.columns,
        .container .one-third.column,
        .container .one-third.columns,
        .container .two-thirds.column,
        .container .two-thirds.columns { width: 420px; }
    }


/* #Clearing
================================================== */

    /* Self Clearing Goodness */
    .container:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }

    /* Use clearfix class on parent to clear nested columns,
    or wrap each row of columns in a <div class="row"> */
    .clearfix:before,
    .clearfix:after,
    .row:before,
    .row:after {
      content: '\0020';
      display: block;
      overflow: hidden;
      visibility: hidden;
      width: 0;
      height: 0; }
    .row:after,
    .clearfix:after {
      clear: both; }
    .row,
    .clearfix {
      zoom: 1; }

    /* You can also use a <br class="clear" /> to clear columns */
    .clear {
      clear: both;
      display: block;
      overflow: hidden;
      visibility: hidden;
      width: 0;
      height: 0;
    }


/* #Reset & Basics (Inspired by E. Meyers)
================================================== */
	html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
		margin: 0;
		padding: 0;
		border: 0;
		font-size: 100%;
		font: inherit;
		vertical-align: baseline; }
	article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
		display: block; }
	ol, ul {
		list-style: none; }
	blockquote, q {
		quotes: none; }
	blockquote:before, blockquote:after,
	q:before, q:after {
		content: '';
		content: none; }
	table {
		border-collapse: collapse;
		border-spacing: 0; }


/* #Basic Styles
================================================== */
	body {
		background-color: #ffffff;
		font: 15px/25px 'Lato', sans-serif;
		font-weight: 300;
		color: #444;
		-webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
		-webkit-text-size-adjust: 100%; }


/* #Typography
================================================== */
	h1, h2, h3, h4, h5, h6 { color: #333; }
	h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; }
	h1 { color: #000000; font-size: 28px; font-weight: 600; line-height: 33px; margin-bottom: 18px;}
	h2 { color: #000000; font-size: 22px; font-weight: 600; line-height: 27px; margin-bottom: 18px; letter-spacing: -0.01em;}
	h3 { color: #000000; font-size: 18px; font-weight: 600; line-height: 21px; margin-bottom: 13px;}
	h4 { color: #000000; font-size: 15px; font-weight: 600; line-height: 19px; margin-bottom: 3px;}
	h5 { color: #E53629; font-size: 15px; line-height: 19px; font-weight: 400; margin-bottom: 3px;}
	h6 { font-size: 15px; line-height: 24px; font-weight: 600;}

	p { margin: 0 0 16px 0; font-size: 18px; font-weight: 400; }
	p img { margin: 0; }
	p.lead { font-size: 21px; line-height: 27px; color: #777;  }
	.wp-caption-text {font-size: 13px; line-height: 17px; color: #696868; }

	em { font-style: italic; }
	strong { font-weight: 800; }
	small { font-size: 80%; }
	.strikethrough {text-decoration: line-through;}
	.graytext {color: #838383;}

/*	Blockquotes  */
	blockquote, blockquote p { font-size: 17px; line-height: 24px; color: #777; font-style: italic; }
	blockquote { margin: 0 0 20px; padding: 9px 20px 0 19px; border-left: 1px solid #ddd; }
	blockquote cite { display: block; font-size: 12px; color: #555; }
	blockquote cite:before { content: "\2014 \0020"; }
	blockquote cite a, blockquote cite a:visited, blockquote cite a:visited { color: #555; }

	hr { border: solid #ddd; border-width: 1px 0 0; clear: both; margin: 10px 0 30px; height: 0; }


/* #Links
================================================== */
	a { color: #E53629; text-decoration: none; outline: 0; }
	a:visited {color: #E53629;}
	a:hover, a:focus { text-decoration: underline; }
	p a, p a:visited { line-height: inherit; }


/* #Lists
================================================== */
	ul, ol { margin-bottom: 20px; }
	ul { list-style: none outside; }
	ol { list-style: decimal; }
	ol, ul.square, ul.circle, ul.disc { margin-left: 30px; }
	ul.square { list-style: square outside; }
	ul.circle { list-style: circle outside; }
	ul.disc { list-style: disc outside; }
	ul ul, ul ol,
	ol ol, ol ul { margin: 8px 0 8px 20px; font-size: 90%;  }
	ul ul li, ul ol li,
	ol ol li, ol ul li { margin-bottom: 6px; }
	li { margin-bottom: 17px; font-weight: 400; font-size: 18px; }
	.check li {
		background: url(images/bulletcheck.png) no-repeat left 2px transparent;
		padding-left: 27px;
	}
	.bullet li {
		background: url("images/bullet.png") no-repeat scroll left 8px transparent;
		padding-left: 20px;
	}
	.steps {
		margin: 30px;
	}
	.steps li {
		padding-bottom: 17px;
	}
	.list {
		margin: 25px;
	}
	.list li {
		padding-bottom: 0;
	}
	.linkbox, .listbox {
		background-color: #ececec;
		border: 5px double #fff;
		padding: 35px 20px;
	}
	.linkbox ul {}
	.linkbox ul li {
	    background: url("images/bulletlink.png") no-repeat scroll left 9px transparent;
		font-weight: 400;
		padding-left: 16px;
	}
	.linkbox ul li a {}
	.linkbox ul li a:hover {}
	.linkbox ul li ul li {
		font-weight: 300;
	}
	.calloutbox {
		font-size: 13px;
		line-height: 19px;
		background-color: #ececec;
		border: 5px double #fff;
		padding: 35px 20px;
	}

/* #Images
================================================== */

	img.scale-with-grid {
		max-width: 100%;
		height: auto; }
	.alignright {
		float: right;
		margin-left: 20px;
		margin-bottom: 15px;
	}
	.alignleft {
		float: left;
		margin-right: 20px;
		margin-bottom: 15px;
	}
	.teamimg img, img.circle {
		border: 4px double #ddd;
		border-radius: 160px;
		max-width: 95% !important;
	}
	
/* #Paging
================================================== */	
.nav-previous {
    float: left;
    text-align: left;
    width: 50%;
}
.nav-next {
    float: right;
    text-align: right;
    width: 50%;
}
.nav-previous div {
    background: url(images/arrows.png) no-repeat left 0 transparent;
    width: 11px;
    height: 18px;
    float: left;
    margin-right: 11px;
    margin-top: 5px;
}
.nav-next div {
    background: url(images/arrows.png) no-repeat right 0 transparent;
    width: 11px;
    height: 18px;
    float: right;
    margin-left: 11px;
    margin-top: 5px;
}
.nav-previous a, .nav-next a {
    color: #414141 !important;
    font-weight: 400;
}

/* #Plugin Overrides
================================================== */	
#snippet-box {display: none !important;}



#events {
    width: 100%; margin: 0 auto;
    font-size: 28px;
    font-weight: 600;
    padding: 25px;
    text-align: center;
  }
  #events p {
    font-size: 14px;
  }
  
  /* The slider itself */
  .slidercontainer {
      text-align: center;
  }
  .slider {
      -webkit-appearance: none;  /* Override default CSS styles */
      appearance: none;
      width: 90%; /* Full-width */
      height: 15px; /* Specified height */
      border-radius: 5;
      background: #d3d3d3; /* Grey background */
      outline: none; /* Remove outline */
      opacity: 0.7; /* Set transparency (for mouse-over effects on hover) */
      -webkit-transition: .2s; /* 0.2 seconds transition on hover */
      transition: opacity .2s;
  }
  
  /* Mouse-over effects */
  .slider:hover {
      opacity: 1; /* Fully shown on mouse-over */
  }
  
  /* The slider handle (use -webkit- (Chrome, Opera, Safari, Edge) and -moz- (Firefox) to override default look) */ 
  .slider::-webkit-slider-thumb {
      -webkit-appearance: none; /* Override default look */
      appearance: none;
      width: 25px; /* Set a specific slider handle width */
      height: 25px; /* Slider handle height */
      background: #7AC63E; /* Green background */
      border-radius: 5;
      cursor: pointer; /* Cursor on hover */
  }
  
  .slider::-moz-range-thumb {
      width: 25px; /* Set a specific slider handle width */
      height: 25px; /* Slider handle height */
      background: #4CAF50; /* Green background */
      cursor: pointer; /* Cursor on hover */
  }
  
  #plans { margin: 0 auto; }
  .plan { 
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
      padding: 20px;
    }
    .plan.core {
        
    }
    .plan h2 {
        text-align: center;
    }
    .plan p {
        font-size: 15px;
        font-style: italic;
    }
    .plan .button {
        margin: 20px auto;
        text-align: center;
    }
  .price {
    margin: 30px 0px;
    padding: 30px 0px;
    border-bottom: 4px solid #E53629;
    text-align: center;
    font-size: 20px;
    font-weight: 600;
    border-radius: 5px;
  }
  .perEventCost {
    background-color: #fff;
    text-align: center;
    font-style: italic;
    border-radius: 5px;
  }
  .numEvents {
      text-align: center;
      margin-bottom: 10px;
  }
  .numEvents input {
      text-align: center;
      font-size: 22px;
      padding: 10px;
      background-color: none;
      width: 25px;
      border: none;
      border-bottom: 2px solid #414141;
  }
  .numEvents {
      font-size: 22px;
      font-weight: 600;
  }

.addon .regular-checkbox {
	display: none;
}

.addon label {
    display: inline;
}

.addon  .regular-checkbox + label {
	background-color: #fafafa;
	border: 1px solid #cacece;
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);
	padding: 9px;
	border-radius: 3px;
	display: inline-block;
	position: relative;
}

.addon .regular-checkbox + label:active, .addon .regular-checkbox:checked + label:active {
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);
}

.addon .regular-checkbox:checked + label {
	background-color: #e9ecee;
	border: 1px solid #adb8c0;
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1);
	color: #99a1a7;
}

.addon .regular-checkbox:checked + label:after {
	content: '\2714';
	font-size: 14px;
	position: absolute;
	top: 0px;
	left: 3px;
	color: #99a1a7;
}


.addon .big-checkbox + label {
	padding: 18px;
}

.addon .big-checkbox:checked + label:after {
	font-size: 28px;
	left: 6px;
}