@font-face {
	font-family: "quicksandbold";
	src: url("../fonts/quicksand-bold-webfont.eot");
	src: url("../fonts/quicksand-bold-webfont.eot?#iefix") format("embedded-opentype"),
		url("../fonts/quicksand-bold-webfont.woff2") format("woff2"),
		url("../fonts/quicksand-bold-webfont.woff") format("woff"),
		url("../fonts/quicksand-bold-webfont.ttf") format("truetype"),
		url("../fonts/quicksand-bold-webfont.svg#quicksandbold") format("svg");
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: "quicksandregular";
	src: url("../fonts/quicksand-regular-webfont.eot");
	src: url("../fonts/quicksand-regular-webfont.eot?#iefix") format("embedded-opentype"),
		url("../fonts/quicksand-regular-webfont.woff2") format("woff2"),
		url("../fonts/quicksand-regular-webfont.woff") format("woff"),
		url("../fonts/quicksand-regular-webfont.ttf") format("truetype"),
		url("../fonts/quicksand-regular-webfont.svg#quicksandregular") format("svg");
	font-weight: normal;
	font-style: normal;
}
html {box-sizing: border-box;}
*, *:before, *:after {box-sizing: inherit;}
* {
	margin:0;
	padding:0;
	max-height:100000px;
}
ul, ol, dl, p, h1, h2, h3, h4, h5, h6, address, form, table, blockquote, applet, embed, object, iframe, frameset, mejs-container{margin:0 0 14px;}
h1, h2, h3, h4, h5, h6{font-style:normal;}
html, body, div, span, applet, embed, object, iframe, frameset,
p, q, blockquote, sub, sup, a, abbr, acronym, font, img, small, center,
h1, h2, h3, h4, h5, h6, b, strong, big, u, ins,
i, cite, em, var, dfn, address, s, strike, del,
dl, dt, dd, ol, ul, li, pre, code, kbd, samp, tt,
fieldset, legend, form, label, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, footer, header,
hgroup, menu, nav, section, summary, time, mark, audio,video{
	border:0;
	background:none;
}
body {
	/*color:#7d7d7d;*/
    color: #181818;
	font:13px/1.154 "Source Sans Pro", Arial, Helvetica, sans-serif;
	background:#000;
	min-width:320px;
	-webkit-text-size-adjust:100%;
	-ms-text-size-adjust:none;
}
body#article-page {
    color: #7d7d7d !important;
}
article, aside, details, figcaption, figure, footer, header, main, nav, section, summary {display: block;}
a {
	color:#492f92;
	outline:none;
	text-decoration:none;
}
a:hover {text-decoration:underline;}
img{
	max-width: 100%;
	height: auto;
	vertical-align:top;
}
video, iframe, object, embed{max-width: 100%;}
input, textarea, select {
	font:100% "Source Sans Pro", Arial, Helvetica, sans-serif;
	vertical-align:middle;
	color:#000;
	margin: 0 6px 0 0;
}
.controls label{margin:0 10px 10px 0;}
textarea {
	overflow: auto;
	resize: vertical;
	vertical-align: top;
}
input[type="text"],
input[type="tel"],
input[type="zip"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea{
	background:#fff;
	margin: 0;
	-webkit-appearance:none;
	border:1px solid #e5e5e5;
	padding:3px 4px;
}
label{vertical-align:middle;}
button::-moz-focus-inner,
input::-moz-focus-inner {
	padding:0;
	border:0;
}
div.control-group label.hasTooltip {
	display: inline !important;
}
#user-registration.form-horizontal .control-label, form.form-horizontal .control-label {
	text-align: left !important;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
	border-radius:0;
	background: #00a9cc;
	color:#fff;
	height: 32px;
    margin: 10px 0;
    /*min-width: 100px;*/
	border:none;
	text-align:center;
}
button:hover,
html input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover{opacity:0.7;}
input[type="search"] {-webkit-appearance: none;}
input[type="search"]::-webkit-search-cancel-button {-webkit-appearance: none;}
input[type="search"]::-webkit-search-decoration {display:none;}
b, strong, th{font-weight:bold;}
h1{font-size:200%;}
h2{font-size:150%;}
h3{font-size:120%;}
h4{font-size:110%;}
h5{font-size:100%;}
h6{font-size:90%;}
i, cite, em, var, dfn, address{font-style:italic;}
u, ins {text-decoration: underline;}
s, strike, del {text-decoration: line-through;}
blockquote, blockquote:before, blockquote:after, q, q:before, q:after {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: "";}
blockquote{
	border-left:4px solid #ccc;
	padding-left:10px;
	margin-left:14px;
}
sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
sup {top: -0.5em;}
sub {bottom: -0.25em;}
table, caption, tbody, tfoot, thead, tr, th, td{
	border-collapse: collapse;
	border-spacing: 0;
}
th, td{
/*	border:1px solid #ccc;*/
	padding:3px 7px;
	text-align:left;
	vertical-align:top;
}
th{
	border-color:#999;
	text-align:center;
	vertical-align:middle;
}
ul{ margin-left:1px; }
ul, ol{ padding-left:3em; }
ul ul,
ul ol,
ol ul,
ol ol{
	padding-left:3em;
	margin:0;
}
ul.tags {padding-left:0}
ul>li{list-style-type:disc;}
ul.tags > li {
    list-style-type: none;
	float: left;
}
dl dt{
	float:left;
	clear:left;
	padding-right:4px;
	font-weight:bold;
}
#system-message div.alert.alert-message {
	background: #DFF0D8;
	border:3px solid #D6E9C6;
	color:#3C763D;
}
#system-message div.alert.alert-notice {
	background:#C3D2E5;
	border: 3px solid #84A7DB;
	color: #0055BB;
}
#system-message div.alert.alert-error {
	background:#F2DEDE;
	border: 3px solid #EBCCD1;
	color:#A94442;
}
#system-message div.alert.alert-warning {
	background:#EfE7b8;
	border: 3px solid #F0DC7E;
	color:#C00;
}
#system-message .alert-heading {
	display: none;
}
#system-message p.alert-message,
#system-message div.alert div.alert-message,
#system-message div.alert div.alert-notice,
#system-message div.alert div.alert-error,
#system-message div.alert div.alert-warning {
	margin-top:1em;
	margin-bottom:1em;
}

@media (max-width: 767px) {
    .caret-mobile {
        position: relative;
    }
    .caret-mobile:after {
        content: "";
        position: absolute;
        top: 5px;
        right: -25px;
        background: url(../images/sprite.png) no-repeat -220px 0;
        width: 12px;
        height: 11px;
    }
    :hover > .caret-mobile:after {
        background-position: -236px 0;
        width: 12px;
        height: 14px;
        right: -25px;
        top: 4px;
    }
    .open .caret-mobile:hover:after,
    .open .caret-mobile:after {
        background-position: -267px 0;
        width: 12px;
        height: 8px;
        right: -25px;
        top: 7px;
    }
}
.aligncenter {text-align: center;}
img.aligncenter {
	display: block;
	margin: 0 auto;
}
.spacer{padding:20px;}
.alignleft {float: left;}
.alignright {float: right;}
.nav:after,#nav:after,
.header-frame:after,
.container:after,
#header:after{
	content:"";
	display:block;
	clear:both;
}
#header,
#main{background:#fff;}
.mobile-visible{display:none !important;}
.desktop-visible{display:block !important;}
.desktop-hidden{display:none !important;}
#header{
	border-bottom:7px solid #e01d3d !important;
	position:relative;
	z-index:100;
	padding: 27px 0 0;
}
.container{
        width:auto;
	padding:0 10px;
	margin:0 auto;
	max-width: 1116px;
	position:relative;
}
.header-frame{margin:0 0 -9px;}
.header-holder{
	float:right;
	width:203px;
	margin:0 0 0 10px;
	text-align:right;
}
.banner-ad {
 /*  display: block;
  margin-left: auto;
  margin-right: auto;*/
  margin-bottom: 20px;
  text-align: center;

}

.banner-468 {
    border: 1px solid #ccc;
    overflow: visible;
    position: absolute;
    right: 9px;
    top: 0;
    width: 468px;
}
.social-networks{
	padding:0;
	margin: 21px 0 12px;
}
.social-networks li{
	list-style:none;
	display:inline-block;
	vertical-align:top;
	margin: 0 0 0 6px;
}
.social-networks a{
	text-indent:-9999px;
	overflow:hidden;
	background: url(../images/sprite.png) no-repeat;
	display:block;
	text-align:left;
}
.social-networks .facebook{
	background-position:0 -1px;
	width: 29px;
	height: 29px;
	margin: 1px 5px 0 0;
}
.social-networks .pinterest{
	background-position:-42px 0;
	width: 29px;
	height: 29px;
}
.social-networks .twitter{
	background-position:-80px -3px;
	width: 33px;
	height: 26px;
	margin: 3px 0 0;
}
.social-networks .instagram{
	background-position:-122px 0;
	width: 31px;
	height: 32px;
}
.social-networks a:hover{opacity:0.7;}
.login{
	margin: 0 3px 9px 0;
	padding:0;
	font-size:15px;
}
.login li{
	list-style:none;
	padding: 0 0 0 10px;
	position:relative;
	display:inline-block;
	vertical-align:top;
}
.login li:after{
	content:"";
	position:absolute;
	left: 4px;
    top: 2px;
	width:1px;
	height:14px;
	background:#492f92;
}
.login li:first-child{padding:0;}
.login li:first-child:after{background:none;}
.search-form{
	border:1px solid #e4e4e4;
	border-radius:1px;
	overflow:hidden;
	-webkit-box-shadow: 3px 3px 3px rgba(33, 33, 33, .15) inset;
    box-shadow: 3px 3px 3px rgba(33, 33, 33, .15) inset;
	background:#fff;
	margin: 0 -1px 0 0;
}
div.login form.well div.control-label {
	text-align: left;
}
#header .search-form{margin-left:5px; margin-bottom: 10px;}
#footer .search-form{
	-webkit-box-shadow: none;
	box-shadow: none;
}
.email-form .text,
.search-form .text{overflow:hidden;}
.email-form input[type="text"],
.email-form input[type="search"],
.search-form input[type="text"],
.search-form input[type="search"]{
	-webkit-appearance: none;
	display:block;
	padding: 5px 10px;
	background:none;
	border:none;
	height: 34px;
	width: 100%;
	font:15px/24px "Source Sans Pro", Arial, Helvetica, sans-serif;
	color:#7a7a7a;
	outline:none;
	margin:0;
	border-radius:0;
	text-transform:uppercase;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}
.search-form input[type="text"],
.search-form input[type="search"]{opacity:0.4;}
input[type="search"]::-webkit-search-cancel-button {-webkit-appearance: none;}
input[type="email"]::-webkit-input-placeholder,
input[type="text"]::-webkit-input-placeholder,
input[type="search"]::-webkit-input-placeholder {color:#7a7a7a;}
input[type="email"]:-moz-placeholder,
input[type="text"]:-moz-placeholder,
input[type="search"]:-moz-placeholder {color:#7a7a7a;}
input[type="email"]::-moz-placeholder,
input[type="text"]::-moz-placeholder,
input[type="search"]::-moz-placeholder {
	color:#7a7a7a;
	opacity: 1;
}
input[type="email"]:-ms-input-placeholder,
input[type="text"]:-ms-input-placeholder,
input[type="search"]:-ms-input-placeholder {color:#7a7a7a;}
.search-form input[type="submit"]{
	float:right;
	border:0;
	margin: 9px 8px 0 0;
	padding: 0;
	background: url(../images/sprite.png) no-repeat 0 -55px;
	width: 17px;
	height: 18px;
	text-indent:-9999px;
	overflow:hidden;
	min-width:0;
}
.logo{
	display:inline-block;
	vertical-align:bottom;
	width:342px;
	height:79px;
	margin: 0 -13px 0 0;
}
.logo img{display:block;}
.slogan{
	display:inline-block;
	vertical-align:bottom;
	max-width:410px;
	font-style:italic;
	font-size:18px;
	line-height:1;
}
.slogan a:hover{text-decoration: none;}

/*=======================================
========== Main Navbar Top ==============
=========================================*/
#header .navbar-collapse {
	padding-right: 0px;
	padding-left: 0px;
}
#header .navbar-toggle {
	padding-top: 0px;
	padding-right: 0px;
	margin-top: 0px;
	margin-right: 0px;
	height: auto;
}
#header .navbar-toggle .icon-bar {
    width: 42px;
    height: 6px;
    background-color: #fdbb2f;
    margin-bottom: 8px;
}
#header .navbar-toggle .icon-bar:last-child {
	margin-bottom: 0px;
}
#nav{
	display:table;
	margin: 31px 0 0;
}
#nav .accordion{
	padding:0;
	margin:0;
}
#nav .accordion>li{
	list-style:none;
	display:table-cell;
	vertical-align:bottom;
	padding: 0 0 0 86px;
}
#nav .accordion>li>div{position:relative;}
#nav .accordion>li:first-child{padding:0;}
#nav .accordion>li>div>a{
	display:block;
	text-transform:uppercase;
	color:#000;
	font:16px "quicksandbold", sans-serif;
	position:relative;
	margin:0 0 22px;
	max-width:154px;
}
#nav .accordion>li.active>div>a,
#nav .accordion>li>div:hover>a,
#nav .accordion>li>div>a:hover{
	text-decoration:none;
	padding:0 0 22px;
	margin:0;
}
#nav .accordion>li>div>a:after{
	content:"";
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	height:10px;
	background:#00d0e3;
	display:none;
}
#nav .accordion>li.active>div>a:after,
#nav .accordion>li>div:hover>a:after,
#nav .accordion>li>div>a:hover:after{display:block;}
#nav .accordion .slide{
	padding: 14px 5px 15px 12px;
	width:205px !important;
	background:#fff;
	border:2px solid #00d0e3;
	margin:-2px 0 0;
}
#nav .accordion .style02 .slide{width:171px !important;}
#nav .accordion .style03 .slide{width:153px !important;}
#nav .accordion .style04 .slide{width:181px !important;}
#nav .accordion .style05 .slide{width:127px !important;}
.accordion .slide{
	position:absolute;
	left:-9999px;
	top:-9999px;
 }
.accordion>li>div:hover .slide{
	left:0 !important;
	top:100% !important;
}
#nav .accordion .slide ul{
	padding:0;
	margin:0;
	font-size:15px;
}
#nav .accordion .slide li{
	list-style:none;
	margin:18px 0 0;
}
#nav .accordion .slide li:first-child{margin:0;}
#nav .accordion .slide a{color:#000;}
#main{
	padding: 0 0 39px;
	position:relative;
	z-index:2;
}
.opener span {
white-space: nowrap;
}
/* end nav */

.slideshow {
	position: relative;
	min-height: 501px;
	background:#00a8cb;
	color:#fff;
	font-size:21px;
	line-height:1.524;
	margin: 0 0 30px;
	overflow:hidden;
}
.slideshow .slide,
.slideshow .container,
.slideshow .img-holder,
/*.slideshow .slideset{height:100%;}*/
.slideshow .slide {
/*	position: absolute;*/
	z-index: 1;
/*	left: 0;
	top: 0;*/
	width:100%;
}
.slideshow .slide.active {z-index: 2;}
.slideshow.not-enough-slides a.btn-prev,
.slideshow.not-enough-slides a.btn-next {visibility: hidden;}
.slideshow p{
	margin:0;
	letter-spacing:1px;
}
.slideshow h1{
	color:#fff;
	font:61px/1 "quicksandregular", sans-serif;
	letter-spacing: -3px;
	margin: 0 72px 31px -4px;
	word-spacing: -2px;
}
.slideshow .block{
	float:left;
	padding: 80px 0 10px;
	width: 53%;
	position:relative;
	z-index:2;
}
.slideshow .img-holder{
	float: right;
	margin: 0 -4px 0 0;
	position: relative;
	width: 40%;
	padding: 72px 0 0;
}
.slideshow .img-holder:after{
	content:"";
	position:absolute;
	top:0;
	right:-250px;
	background:url(../images/bg-shadow.jpg) no-repeat;
	width:672px;
	height:500px;
}
.slideshow .img-holder img{
	position:relative;
	z-index:1;
}
.slideshow .slide a{ color: #000000; }
.slideshow .slide a:hover{ text-decoration: none; }
.post-outline-black {
	outline: 1px solid black;
}
.post{
	padding:0;
	list-style:none;
	margin: 0 -2% -11px -1%;
}
.post li{
	display:inline-block;
	vertical-align:top;
	/*-webkit-box-shadow: 4px 4px 5px rgba(33, 33, 33, .1);
	box-shadow: 4px 4px 5px rgba(33, 33, 33, .1);*/
	position:relative;
	width: 31.1%;
	margin: 0 0.9% 18px;
	max-height: 351px;
	overflow: hidden;
	float: left;
}
.post p{
    font-family: 'PT Sans', sans-serif;
}
.link-video{
	padding:0 0 0 28px;
	position:relative;
}
.link-video:after{
	content:"";
	position:absolute;
	top: 5px;
	left:0;
	background: url(../images/sprite.png) no-repeat -175px 0;
	width: 24px;
	height: 20px;
}
.post p{margin:0;}
.post .box img{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
.post .holder{
    color:#7d7d7d;
	margin: 0 auto;
	/*padding: 0 14px 17px 15px;
	padding: 0 14px 17px 14px;*/
	/*height:350px;*/
/*	width:316px; */
	overflow:hidden;
}
.holder img {
	width: 334px;
	border: 1px solid lightgrey;
}
.post .holder.full{margin: 0; padding: 0; height:inherit; width:initial;}
.post .title{
	display:block;
	text-transform:uppercase;
	font:15px/1 "quicksandbold", sans-serif;
	color:#fff;
	margin: 0 0 15px;
	padding: 0 0 2px 14px;
}
.post .style-purple{border:1px solid #4a3193;}
.post .style-purple .title{background:#4a3193;}
.post .style-yellow{border:1px solid #fdbb30;}
.post .style-yellow .title{background:#fdbb30;}
.post .img{
	display:block;
	margin:0 0 8px;
	height:inherit;
	width:inherit;
}
.post .holder.full .img{
	margin:0;
}
.post h2{
	margin:0 0 10px;
	font-size:25px;
	line-height:1;
	font-weight:normal;
}
.post h2 a{color:#1c1c1c;}
.link{
	background:#00a8cb;
	color:#fff;
	text-transform:uppercase;
	display:inline-block;
	vertical-align:top;
	font:12px/1 "quicksandbold", sans-serif;
	margin: 3px 0 5px;
	padding: 2px 4px;
}
#article-page a.link {
	background: none;
}
.link:hover{
	text-decoration:none;
	background:#04b8de;
}
.post .style-gray{
	background:#f1f1f1;
	/*padding: 21px 24px;*/
	border: 1px solid #f1f1f1;
        box-shadow: none;
}
.post .box{padding:0;}
.link-holder{text-align:right;clear:both;}
.more{
	display:inline-block;
	vertical-align:top;
	position:relative;
	font:18px/1 "quicksandbold", sans-serif;
	text-transform:uppercase;
	padding:0 20px 0 0;
}
.more:before{
	content:"";
	position:absolute;
	right: -1px;
	top: 2px;
	width:15px;
	height:15px;
	background:#492f92;
	border-radius:50%;
}
.more:after{
	content:"";
	position:absolute;
	top:50%;
	margin: -2px 0 0;
	right: 1px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 7px 5.5px 0 5.5px;
	border-color: #ffffff transparent transparent transparent;
}
#footer{
	position:relative;
	padding:0;
	color:#fff;
	overflow:hidden;
	font-family: "quicksandregular", sans-serif;
}
#footer a{color:#fff;}
.footer-holder{
	height:47px;
	position:fixed;
	bottom:0;
	left:0;
	width:100%;
	text-align:right;
	padding: 6px 0 0;
	z-index: 10;
	background-color:#E31836;
}
#footer .social-networks{
	float:left;
	margin:0;
}
#footer .social-networks li:first-child{margin:0;}
#footer .social-networks li{margin:0 0 0 5px;}
.email-form{
	display:inline-block;
	vertical-align:top;
	margin: 0 -2px 0 0;
}
.email-form label{
	display:inline-block;
	vertical-align:top;
	color:#fff;
	font:16px/1 "quicksandbold", sans-serif;
	text-transform:uppercase;
	margin: 10px 5px 0 0;
	width: 245px;
}
.email-box{
	overflow:hidden;
	display:inline-block;
	vertical-align:top;
	background:#fff;
	width: 266px;
/*        width:100%;*/
}
.email-form input[type="submit"]{
	float:right;
	border:0;
	margin: 6px 4px 0 0;
	padding: 0 2px;
	color:#fff;
	width:45px;
	height:23px;
	background: #FAB941;
	font-size:10px;
	text-transform:uppercase;
}
.email-form input[type="submit"]:hover{opacity:0.7;}
.email-form input[type="text"],
.email-form input[type="email"]{
	border:none;
	display: block;
	font-size: 14px;
	height: 34px;
	line-height: 20px;
	padding: 7px 10px;
	width: 100%;
}
.newsletter-title{
   color:#fff;
}

.footer-frame{
	background:#8e8e8e;
	padding: 0 0 51px;
}
.footer-frame .container{
	padding: 34px 10px 0 10px;
	overflow:hidden;
}
#footer .holder{
	width:100%;
	float:left;
}
.nav-holder{margin:0 183px 0 0;}
#footer .accordion .slide{
	position:static !important;
	width:100% !important;
}
#footer .accordion .opener{display:none;}
#footer .accordion ul,
#footer .accordion,
.navigation ul,
.footer-navigation ul{
	padding:0;
	margin:0;
	overflow:hidden;
}
.footer-navigation .accordion ul li{margin:10px 0 0;}
.footer-navigation .accordion ul li:first-child{margin:0;}
.navigation ul{font-size:16px;}
.footer-navigation ul{font-size:14px;}
#footer .accordion li,
.navigation ul li,
.footer-navigation li{list-style:none;}
.navigation ul li,
.footer-navigation>.accordion>li{
	float:left;
	margin: 0 0 0 1.9%;
	width: 18%;
}
.navigation ul li:first-child,
.footer-navigation>.accordion>li:first-child{
	margin:0;
	width:15%;
}
.footer-navigation{
	margin:0 0 20px;
	/*letter-spacing:-1px;*/
}
.footer-navigation h2{
	text-transform:uppercase;
	font-size:14px;
	margin: 0 0 14px;
}
#footer .frame{
	font-size: 10px;
	line-height: 1;
	float:right;
	width: 176px;
	margin: 2px -10px 0 -100%;
}
#footer .frame h2{
	margin: 0 0 9px;
	font-size:16px;
}
#footer .accordion{
	font-size:12px;
	margin: 0 0 64px;
}
#footer p{margin:0 0 10px;}
#footer .frame .accordion{margin: 0 0 85px;}
#footer .frame li{margin:0 0 6px;}
.item-page,
.blog{
	/*padding:20px 10px; PAC*/
	overflow:hidden;
	font-size:14px;
}
h1,
.search h1,
.blog h1{color: #1C1C1C;}
.dropdown-menu{
	padding:0;
	margin:0 0 10px;
	font-size:15px;
}
.dropdown-menu li{
	margin:0 0 5px;
	list-style:none;
}
.dropdown-menu li > a {
	cursor: pointer;
}
#store-container #app.roster #match_region ul#matches,
#matches.dropdown-menu {
	border: 1px solid rgba(0, 128, 0, 0.55);
	box-shadow: 0 6px 12px rgba(0, 128, 0, 0.247);
	background-clip: padding-box;
	background-color: #fff;
	border-radius: 4px;
}
.createdby{
	font-size:14px;
	display:block;
	margin:0 0 10px;
}
.items-leading{margin:0 0 20px;}
.img-intro-left{margin:0 0 10px;}
.pagination {
	display: inline-block;
	padding-left: 0;
	margin: 20px 20px;
	border-radius: 4px;
}

.pager{
	padding:0;
	margin:0;
	text-align: right;
}
.pager li{
	list-style:none;
	display:inline-block;
	margin:0 5px 0 0;
	/* width:10px; */
}

.pager li > a, .pager li > span {
	width: 20px;
	font:  15px "quicksandregular",sans-serif;
	text-align: center;
	color: #999;
	font-weight: bold;
	padding: 2px 5px;
	text-decoration: none;
	border: 1.5px solid #999;
	border-radius: 2px;
}

.pager li > span {
	color: #fff;
	background-color: #999;
}

.ordering-box,
.phrases-box{margin:0 0 10px;}
.chzn-container-single .chzn-single span{line-height: 19px;}
.chzn-container .chzn-results li.active-result.highlighted{background:#00d0e3;}
.ordering-box label{margin:0 10px 0 0;}
.only label{
	display:inline-block;
	vertical-align:top;
	margin:0 10px 10px 0;
}
.chzn-container{min-width: 120px;}

#navbar-collapse-main.collapse {
	height: inherit !important;
    position: inherit !important;
    transition: inherit !important;
}


/*=====================================
     Blog column and article styles
-----------------------------------------*/
.page-title{
    background:#00A8CC;
    color:#fff;
    padding:20px;
    margin-bottom:20px;
}
.page-title-img{
/*    background:url(../images/bg-shadow-title.jpg) #00A8CC no-repeat;
    background-attachment: fixed;
    background-position: right; */
background: #00a8cc; /* Old browsers */
background: -moz-linear-gradient(left,  #00a8cc 0%, #00a8cc 66%, #01e1ed 84%, #01e1ed 86%, #00a8cc 98%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#00a8cc), color-stop(66%,#00a8cc), color-stop(84%,#01e1ed), color-stop(86%,#01e1ed), color-stop(98%,#00a8cc)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  #00a8cc 0%,#00a8cc 66%,#01e1ed 84%,#01e1ed 86%,#00a8cc 98%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  #00a8cc 0%,#00a8cc 66%,#01e1ed 84%,#01e1ed 86%,#00a8cc 98%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  #00a8cc 0%,#00a8cc 66%,#01e1ed 84%,#01e1ed 86%,#00a8cc 98%); /* IE10+ */
background: linear-gradient(to right,  #00a8cc 0%,#00a8cc 66%,#01e1ed 84%,#01e1ed 86%,#00a8cc 98%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00a8cc', endColorstr='#00a8cc',GradientType=1 ); /* IE6-9 */

}


.menu-heading{
   color: #fff;
    font: 61px/1 "quicksandregular",sans-serif;
    letter-spacing: -3px;
    margin: 0 72px 31px -4px;
    word-spacing: -2px;
    clear: both;

    padding: 0 0px 0 0;
    position: absolute;
    top: -90px;
    left:0px;
    font-size: 50px;
}
.no-left-pad{
    padding-left:0;
}
.no-right-pad{
    padding-right:0;
}
.no-top-pad {
    padding-top:0;
}

.item-title{
    clear:both;
    color:red;
}
.tag-title {
    color:blue;
}
.article-container{
    border:2px solid yellow;
    width:350px;
    height:350px;
    float:left;
    margin-right:5px;
}

/*
 * Hide Page x of x in article view.
 */
.pagenavcounter {
	display: none;
}

.pagination-start {
	display: none !important;
}

.pagination-next {
	display: none !important;
}

.pagination-end {
	display: none !important;
}

.pagination-prev {
	display: none !important;
}

/*========================================
    Topic Pages
------------------------------------------*/
.topic-heading{
    color: #fff;
    font: 61px/1 "quicksandregular",sans-serif;
    letter-spacing: -3px;
}

.topics .post .same-width{
    max-width: 355px;
    min-width: 308px;
    width:auto;
    padding-bottom:20px;
    max-height:355px;
}

/*
Removed this for the following ticket
https://basecamp.com/1856450/projects/461533/todos/280654347
.topics .post img{
    padding-bottom: 12px;
}
*/

.topic-column{
    width:67%;
    padding-left:0;
    padding-right:0;
    float:left;
	margin-top:-1.5em;
	min-height: 25px;
}
.sidebar-column{
    width:32%;
    padding-left:1%;
    float:left;
	margin-top: -1.5em;
	padding-top: 1.5em;
}

.top-ad-content{
    min-width: 280px;
    max-width: 698px;
    margin: 5px auto 7px auto;
}
.sponsor-ad{
    background-color: #eee;
    padding:5px;
    margin-top:18px;
    max-width: 724px;
}
.sponsor-ad img{

}
.sponsor-ad-title{
    text-transform: uppercase;
    font: 13px "quicksandregular",sans-serif;
    font-weight: 900;
    padding-left: 9px;
    color:#000;
}
/*========================================
    Blog layout
------------------------------------------*/

.blog {
    margin-top: 20px;
    min-width: 310px;
}
.blog .post {
    margin-left: 0;
}
.blog .post img {
    padding-bottom: 5px;
}
.blog .post .author {
    margin-top: -3px;
    margin-bottom: 3px;
    font-style: normal;
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: -0.01em;
    color: #797979;
}
.blog .post .holder .jcomments-links {
    display: none;
}

.blog-article .intro-text .date {
    line-height: 1.2em;
    margin-top: -6px;
    margin-bottom: 30px;
}
.blog-article .intro-text .author {
    line-height: 1.2em;
}
.blog-article .intro-text .author img {
    display: inline-block;
    float: left;
    height: 50px;
    margin-right: 10px;
}
/*========================================
    Articles
------------------------------------------*/
.tags{
     margin:15px 0px 15px 0;
}
div.tags {
    margin-bottom: 15px !important;
}
.a2a_kit {
	clear: both;
	padding-top:10px;
}
.article-labels{
    border: #A7A8AC solid 1px;
    margin-left:3px;
    padding:2px;
    color: #A7A8AC;
    line-height: 23px;
}
#article-page .label-info{
    border: #A7A8AC solid 1px;
    margin-left:3px;
    padding:2px;
    color: #A7A8AC;
    background-color: #fff;
    line-height: 26px;
}
#article-page .label{
    border-radius: 0;
    font-size: 100%;
    font-weight: normal;
}
#article-page {
    background-color: #fff;
}

.article-heading{
   color: #000;
    font: 57px/1 "quicksandregular",sans-serif;
    letter-spacing: -3px;
    margin: 15px 72px 31px -4px;
    word-spacing: -2px;
    clear: both;

}

.intro-text{
    font-weight: 500;
    font-size:22px;
    line-height:32px;
}

.author{
    font-style: italic;
    font-size: 16px;
}

#modified-date {
	font-style: italic;
	font-size: 16px;
}

#modified-date-byline {
	font-style: italic;
	font-size: 16px;
	margin-top: -25px;
}

.facebook-hrp {
	overflow:hidden;
	background: url(../images/facebook-logo-bottom.png) no-repeat !important;
	display:block;
	text-align:left;
}

.instagram-hrp {
	overflow:hidden;
	background: url(../images/instagram-logo-bottom.png) no-repeat !important;
	display:block;
	text-align:left;
}

.pinterest-hrp {
	overflow:hidden;
	background: url(../images/pinterest-logo-bottom.png) no-repeat !important;
	display:block;
	text-align:left;
}

.social{
    margin:10px 0;
}

.facebook{
    background: #2E578F;
    width:100%;
    height:30px;
}

.twitter{
    background:#1DA8D3;
    width:100%;
    height:30px;
}

.pinterest{
    background:#CC2829;
    width:100%;
    height:30px;
}

.articleBody p{
    font-size: 16px;
    line-height:23px;
}

.articleBody a {
    text-decoration: underline;
    color: #00A7CC;
}

.articleBody h4{
    font-size:25px;
    color:#00A7CC;
}
.caption{
    text-transform: uppercase;
    margin:2px 0 10px 0;
    color: #7d7d7d;
}
.social-big{
  display: inline-block;
  width: 24%;
  height: 30px;
  margin-top: 5px;
  margin-bottom:15px;
}
.social-small{
    display: inline-block;
    width:12%;
    height: 30px;
    margin-top:5px;

}

.facebook-style{
    color:#fff;
    font-size: 26px;
    text-align: center;
    background-color: #2E578F;
}

.twitter-style{
    color:#fff;
    font-size: 26px;
    text-align: center;
    background-color:#1DA8D3;
}
.pinterest-style{
    color:#fff;
    font-size: 26px;
    text-align: center;
    background-color: #CC2829;
}

.email-button{
    color:#fff;
    font-size: 26px;
    text-align: center;
    background-color:#D2D3D5;
}
.print-button{
    color:#fff;
    font-size: 26px;
    text-align: center;
    background-color:#D2D3D5;
}
.comment-tab{
    background-color:#A8A9AD;
    width:100%;
    margin-bottom:20px;
    padding-left:10px;
}
.comment-tab a:hover{
    text-decoration: underline;
    color:#fff;
}
.comment-style{
    font-weight: 700;
    line-height: 1.5em;
    color:#fff;
    text-transform: uppercase;
}
.comment-tab a>span{
  display: inline-block;
  vertical-align: top;
  position: relative;
  padding: 0 16px 0 0;
}
.comment-tab a>span:after{
  content: "";
  position: absolute;
  top: 5px;
  right: 0;
  background: url(../images/arrow_right.gif) no-repeat 0 0;
  width: 7px;
  height: 11px;
}
.comment-tab a[aria-expanded=true]>span:after{
  background: url(../images/arrow_down.gif) no-repeat 0 0;
  width: 12px;
  height: 8px;
  right: -5px;
  top: 7px;
}

.end-of-article-signup .newsletter-title {
	font-size: 18px;
}

.end-of-article-signup {
	background-color: #00a9ca;
	padding: 15px;

}
.end-of-article-signup .email-form {
	width: 70%
}

.end-of-article-signup #jform_email {
	display: inline-block;
	width: 75%
}
.end-of-article-signup #signup {
	display: inline-block;
	background-color: #fdbb2f;
	width: 20%;
	font-size: 17px;
	font-weight: bold;
	color: #000;
	height: 34px;
	margin: 0 0 0 10px;
}

/*========================================
    Related articles
------------------------------------------*/
.related-links a:link{
    font-size: 1.1em;
    color:#000;

}

.relatedArticles {
	margin-top: 35px;
	margin-bottom: 10px;
}

/*========================================
    Right sidebar
------------------------------------------*/
.right-sidebar .email-form fieldset{
    background:#00a8cb;
}
.right-sidebar .email-form{
    border:1px solid #00a8cb;
}
.right-sidebar .email-form label{
	margin:2px 5px;
}
.right-sidebar .email-form  .email-box {
    width: 100% !important;
}
.ads{
	margin: 0 auto 8px auto;
	width: 350px;
	border-top: 16px solid #F1F1F1;
	border-right: 25px solid #F1F1F1;
	border-bottom: 16px solid #F1F1F1;
	border-left: 25px solid #F1F1F1;
}
.adtablet{
	margin: 14px auto 14px 8px;
	width: 332px;
	border: 16px solid #F1F1F1;
}
/* admobile shows up only in mobile size */
.admobile {
	width: 332px;
	margin: 14px auto;
	border: 16px solid #F1F1F1;
}
.ads iframe,
.adtablet iframe,
.admobile iframe {
	margin-bottom: 0px;
}
#adtablet{margin-top:20px;}
.trending-title{
    background-color: #4A3193;
    display:inline-block;
    vertical-align:top;
    color:#fff;
    font:16px/1 "quicksandbold", sans-serif;
    text-transform:uppercase;
    padding:2px 5px;
    width: 100%;
}
.trending{
    margin-bottom:20px;
    margin-top:20px;
}
.media-object {
    height:auto;
}

.right-sidebar h3{
    background-color: #4A3193;
    display:inline-block;
    vertical-align:top;
    color:#fff;
    font:16px/1 "quicksandbold", sans-serif;
    text-transform:uppercase;
    padding:2px 5px;
    width: 100%;
    margin-bottom:0px;
}

.selected-articles{
    margin-top: 10px;
    margin-bottom:20px;
}
/* Hack for BS 3.3.1 for display in chrome */
.media-body {
width: 100%;
}
.media-left{
    width:120px;
    min-width:120px;
	/* firefox doesn't constrain img width contained in .media-left without float: left */
	float: left;
}
.trending .media-left{
	max-height: 64px;
}

/* Google ads */
.google-ads{
    width:300px;
    margin-left: auto;
    margin-right:auto;
    position: relative;
   /* top: 50%;
    transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);*/
   top: 20px;
}
/* ensure that google ads are accommodated */
.same-width{
    /*min-width: 345px;*/
    /*min-width:48%;*/
   /* margin-right:12px;*/
   min-width:351px;
}


/*========================================
    Newsletter
------------------------------------------*/
.newsletter{
    width:83%;
}
.newsletter-main-title{
    font-family:Arial, Helvetica, sans-serif;
    font-size: 40px;
    font-weight: 600;
    color: #00a9cc;
    line-height:50px;
    margin: 30px 0;

}
.newsletter .newsletter-title{
    display:none;
}
.newsletter .email-box {
    border: 1px #000 solid;
    margin:20px 0;
}
.newsletter .email-form input[type="submit"]{
    /*Crome issue with button 2px out*/
    width:63px;
}
.newsletter p {
    color: #000;
    font-size: 18px;
    line-height: 27px;
    font-weight: 600;
}
.sample-news img{
  margin:20px 0;
}

/*--- Bootstrap fixes --*/
.alert-error {
  background-color:#F2DEDE;
  border-color:#EBCCD1;
  color:#A94442;
}

.alert {
  border:1px solid transparent;
  border-radius:4px;
  margin:20px 0;
  padding:5px;
}
/*========================================
======== Screen Size   ===================
==========================================*/

@media (max-width: 1200px) {
    .navbar{
         margin-bottom: 0 !important;
        margin-left: 0px;
        margin-right: 0;
        margin-top: 18px;
        padding-top: 0px;
    }



    /*horizontal spacing between top nav items*/
    .nav > li > a {
        padding:0 43px 0 0;
    }

    /*push the entire container down so the blue hover lines up with yellow*/
    .container-fluid {
        padding-right: 0;
        padding-left:0;
       position: relative;
        top: 13px;
    }
    /*padding between the parent and child drop down*/
    .navbar-nav > li > .dropdown-menu {
        border-top-left-radius: 0;
        border-top-right-radius: 0;
        margin-top: 6px;
    }

    /* Blue underline which lines up with the yellow line */
    a:focus.dropdown-toggle>span,
    a:active.dropdown-toggle>span{
        padding-bottom: 13px;
        border-bottom: 9px solid rgb(0, 208, 227);
    }

}
@media only screen and (max-width:1120px){
    #article-page .topics .container .full-width {
        width:50%;
    }
    .topics .container{
        width:753px;
    }
    .topic-column{
        width:100%;
    }
    .sidebar-column{
        width:50%;
    }
    .top-ad-content{
        max-width:698px;
    }
    .hidden-tablet{
        visibility: hidden;
    }
    .sponsor-ad{
        margin-bottom: 10px;
        max-width: 734px;
    }

	#nav .accordion > li > div > a{font-size:13px;}
	#nav .accordion > li{padding: 0 0 0 43px;}
	.post{margin: 0 -1% -11px;}
	.post .holder {
		font-size:95%;
		padding-bottom:5px;
	}
	/* The image bottom 'border' (part of the image for full pto 'ad' images) doesn't display without this. */
	.post .holder.full a {padding-bottom: 1px;}
	.post .holder.full img {max-height: 100%;}
	.post li h2 {font-size: 175%;}
}
@media only screen and (max-width:1055px){
	/* Ensures the article blocks are centred when viewport is between 1024 and 1055px wide */
	/* At this size, there are 2 columns showing and if we don't do this the columns will be left-aligned */
	.post {
		margin: 0 auto -11px;
		width: 68%;
	}
        /*This is a fix for the topics pages to fix the fix (above)for the home page to stop centre columm
        overlapping teh side column*/

        .topic-column .post {
            margin: 0 auto +20px;
            width:100%;
        }
}
/* */
/* The following applies if the document is smaller than 1024 pixels wide */
/* These rules apply predominantly to tablets */
@media only screen and (max-width:1024px){
	.desktop-visible{display:none !important;}
	.desktop-hidden{display:block !important;}
	#header .container{padding: 0 15px;}
	.logo{
		display: block;
		margin:0 0 8px;
	}
	.social-networks{margin-top:-3px;}
	#nav{
		width:100%;
		margin: 26px 0 0;
        }
	#nav .accordion > li > div > a{margin: 0 0 19px;}
	#nav .accordion > li{padding: 0 0 0 43px;}
	#nav .accordion>li.active>div>a,
	#nav .accordion>li>div:hover>a,
	#nav .accordion>li>div>a:hover{padding:0 0 19px;}
	#nav .accordion .slide{width:169px !important;}
	#nav .accordion .style02 .slide{width:141px !important;}
	#nav .accordion .style03 .slide{width:126px !important;}
	#nav .accordion .style04 .slide{width:149px !important;}
	#nav .accordion .style05 .slide{width:105px !important;}
	#nav .accordion .slide ul{font-size:12px;}
	#nav .accordion .slide{padding: 10px 5px 13px 10px;}
	#nav .accordion .slide li{margin: 15px 0 0;}
	#main{padding: 0 0 42px;}

        .ads{
            margin-left:10px;
            margin-bottom:10px;
            margin-top:0;
            margin-right:20px;
        }
        .fixed-sidebar-column .ads,
        .filesharing .ads {
            margin-left: auto;
            margin-right: auto;
        }
        .adstablet{
            margin-bottom: 15px;
			border: 16px solid #F1F1F1;
		}
        .topics .post .same-width{
            max-height:355px;
            width:355px;
        }
	.slideshow{
		font-size:17px;
		line-height:22px;
		min-height:317px;
		margin: 0 0 24px;
	}
	.slideshow .block{
		padding: 38px 0 10px 23px;
		width: 57%;
	}
	.slideshow h1{
		font-size:50px;
		margin-bottom:19px;
		margin-right:0;
	}
	.slideshow .img-holder{
		margin: 0 13px 0 0;
		padding: 40px 0 0;
		width: 39%;
		max-width:287px;
	}
	.post,
	.link-holder{
		width: 100%;
		max-width: 735px;
		margin:0 auto;
	}
	#main .post{
		margin: 0 auto -11px;
		overflow:hidden;
	}
	.post li{
		margin: 0 23px 18px 0;
		float:left;
		/*width:352px;*/
		/*Width for tablet to enable ipad to have two columns of posts*/
		width:344px;
	}
	.post li:nth-child(2n){margin-right:0;}
	/* Cancelling the image bottom 'border' for media max-width:1120px. */
	.post .holder.full a {padding-bottom: 0;}
	/* Right post list items need right margin of 4px to show drop shadow */
	/*.post li.same-height-right{margin-right:4px;}*/
	/*.post li:nth-child(2n){margin-right:4px;}*/
	/* Balance up the left margin for left post list items */
	/*.post li:same-height-left{margin-left:4px;}*/
	/*.post li:nth-child(1n){margin-left:4px;}*/
	#main .container{padding:0 12px;}
	#main>.container{padding:0;}
	.more{margin: 0 5px 0 0;}
	#footer{padding:0;}
	.footer-frame .container{padding-right:10px;}
	#footer .frame,
	.footer-holder{position:static;}
	#footer .frame{
		width:100%;
		margin:0;
	}
	#footer .frame .accordion{
		float: left;
		margin: 0 2% 0 0;
		width: 37%;
	}
	.copyright{overflow:hidden;}
	.navigation{margin:0 0 25px;}
	#footer .social-networks{margin: 0 0 0 5px;}
	.email-form{margin: 0 0px 0 0;}
	.footer-navigation h2{
		font-size:11px;
		margin: 0 0 13px;
	}
	.footer-navigation ul{font-size:11px;}
	#footer .frame{float:none;}
	.footer-frame .container{padding: 18px 14px 0;}
	.navigation ul li:first-child,
	.footer-navigation > .accordion > li:first-child{width: 16%;}
	.navigation ul li,
	.footer-navigation > .accordion > li {width: 19%;}
	#footer .holder{float:none;}
	.nav-holder{margin:0;}
	.footer-navigation{letter-spacing:0;}
	#footer .accordion{margin: 0 0 33px;}
	.navigation ul{font-size: 13px;}
	.navigation{margin: 0 0 38px;}
	.footer-frame{padding: 0 0 16px;}
}
/* Fitting in with the use of hidden-sm and .hidden-xs bootstrap classe */
@media only screen and (max-width:992px){
	.article-heading{
		 font: 47px/1 "quicksandregular",sans-serif;
		 letter-spacing: -3px;
	 }
}


/* */
/* The following rules apply if the document is greater than 753 pixels wide */
/* We introduced a collapsable main navbar for mobile (i.e., 753 pixels or narrower). */
/* If the navbar is collapsed at this smaller width and then the viewport is widened, the blue .slideshow */
/* will not show because of the bootstrap javascript adds display:none to the element's style - so this */
/* rule overrides that, so that the slideshow will show on wider viewports. */
/* N.B., this is an edge case, but it fixes it, so worth the rule. */
@media only screen and (min-width:754px){
	.slideshow {
		display: block !important;
	}
}

/* */
/* The following rules apply if the document is between 753 pixels and 768 pixels wide */
/* These rules apply predominantly to mobiles */
/* These rules are included because we have set things up so that the breakpoints are slightly */
/* different to the default bootstrap breakpoints and these rules fill an 'irregularity' which */
/* has been introduced by that difference */
/* The #navbar-collapse-main rule belows forces the navbar-collapse-main to show. Over 753 pixels
/* wide the navbar toggle icon does not show, so this rule ensures the main navigation always */
/* shows when no toggle is available */
/* This rule interacts with the 'mobile-visible' class which has been applied to the button.navbar-toggle element */
@media only screen and (min-width:754px) and (max-width:768px){
	#navbar-collapse-main {
		display: block !important;
		height: auto !important;
		overflow: visible !important;
		visibility: visible !important;
	}
}

/* */
/* The following rules apply if the document is smaller than 753 pixels wide */
/* These rules apply predominantly to mobiles */
@media only screen and (max-width:753px){
	body{
		font-size:11px;
		line-height:12px;
	}
	.mobile-visible{display:block !important;}
	.desktop-visible{display:none !important;}
	.desktop-hidden{display:block !important;}
        .hidden-mobile{ display: none !important;}
	.header-holder{
		display:none;
	}
	#header{
		border:none;
		padding: 12px 0 33px;
	}
	#header .container{padding: 0 13px;}
	#header .search-form{display:none;	}
	.login{margin-bottom:17px;}
	.logo{
		height: 69px;
		width: 299px;
		margin: 0 0 15px;
	}
	.slogan{font-size:15px;}
	.accordion>li.drop-active>div .slide{
		display:block;
		position:static;
		width:100%;
	}
	.accordion>li>div:hover .slide{
		display:none;
		left:-9999px !important;
		top:-9999px !important;
        }
	#nav{
		display:block;
		border-top:3px solid #fdbb30;
		margin: 25px 0 0;
        }
	#nav .accordion > li{
		display:block;
		border-bottom:3px solid #fdbb30;
		padding:0;
	}
	#nav .accordion .slide{margin:0;}
	#nav .accordion>li.active>div>a:after,
	#nav .accordion>li>div:hover>a:after,
	#nav .accordion>li>div>a:hover:after{display:none;}
	#nav .accordion .style02 .slide,
	#nav .accordion .style03 .slide,
	#nav .accordion .style04 .slide,
	#nav .accordion .style05 .slide,
	#nav .accordion .slide{
		border:none;
		width:100% !important;
		padding: 8px 5px 13px 8px;
        }
	#nav .accordion>li.active>div>a,
	#nav .accordion>li>div:hover>a,
	#nav .accordion>li>div>a:hover,
	#nav .accordion > li>div > a{
		display:block;
		padding: 8px 10px;
		margin:0;
		max-width:100%;
        }
	#nav .accordion > li>div > a>span{
		display:inline-block;
		vertical-align:top;
		position:relative;
		padding: 0 16px 0 0;
        }
	#nav .accordion > li>div > a>span:after{
		content:"";
		position:absolute;
		top: 5px;
		right:0;
		background: url(../images/sprite.png) no-repeat -220px 0;
		width: 7px;
		height: 11px;
        }
	#nav .accordion > li>div > a:hover>span:after{background-position: -220px -20px;}
	#nav .accordion > li.drop-active>div > a>span:after{
		background-position: -267px 0;
		width: 12px;
		height: 8px;
		right: -5px;
		top: 7px;
        }
	#nav .accordion > li>div > a:hover,
	#nav .accordion > li.drop-active>div > a{
		background:#fdbb30;
		color:#fff;
        }
	#nav .accordion > li > div > a{
		margin:0;
		font-size:16px;
        }
	#nav .accordion .slide ul{font-size: 15px;}
	#nav .accordion .slide li {margin: 18px 0 0;}
	.social-networks {margin: -3px -3px 15px 0;}
	.slideshow{
		font-size:15px;
		line-height:20px;
		min-height: 213px;
		height:auto;
	}
	.slideshow h1{
		font-size:38px;
		margin-bottom: 9px;
	}
	.slideshow .block{
		float:none;
		width:100%;
		padding: 29px 0 10px;
	}
	.slideshow .img-holder{display:none;}
        .article-heading{
            color: #000;
             font: 37px/1 "quicksandregular",sans-serif;
             letter-spacing: -3px;
             margin: 10px 20px 31px -4px;
             word-spacing: -2px;
             clear: both;

         }
         .page-title {
            background: none repeat scroll 0 0 #00a8cb;
            color: #fff;
            margin-bottom: 30px;
            padding: 17px;

        }

        #article-page .post .holder{
            width:305px;
            margin:0;
        }

         .topic-heading{
             font-size: 40px;

         }
         .topics .container{
            width:340px;
        }
        .topics .post .style-gray{
            height:300px;
        }
        .topics .post .same-width{
            max-height:305px;
            width:305px;
        }
        .same-width{
            min-width:290px;
            max-width: 300px;
        }
        .page-title-img{
/*      background:url(../images/bg-shadow-title.jpg) #00A8CC no-repeat;
        background-attachment: fixed;
        background-position: right; */
        background: #00a8cc; /* Old browsers */
        background: -moz-linear-gradient(left,  #00a8cc 0%, #00a8cc 66%, #01e1ed 84%, #01e1ed 86%, #00a8cc 98%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, right top, color-stop(0%,#00a8cc), color-stop(66%,#00a8cc), color-stop(84%,#01e1ed), color-stop(86%,#01e1ed), color-stop(98%,#00a8cc)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(left,  #00a8cc 0%,#00a8cc 66%,#01e1ed 84%,#01e1ed 86%,#00a8cc 98%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(left,  #00a8cc 0%,#00a8cc 66%,#01e1ed 84%,#01e1ed 86%,#00a8cc 98%); /* Opera 11.10+ */
        background: -ms-linear-gradient(left,  #00a8cc 0%,#00a8cc 66%,#01e1ed 84%,#01e1ed 86%,#00a8cc 98%); /* IE10+ */
        background: linear-gradient(to right,  #00a8cc 0%,#00a8cc 66%,#01e1ed 84%,#01e1ed 86%,#00a8cc 98%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00a8cc', endColorstr='#00a8cc',GradientType=1 ); /* IE6-9 */
}
        .sponsor-ad{

            margin-top:1px;
            min-width: 308px;
            margin-bottom:10px;
            visibility: visible;
        }
        .sponsor-ad-title{
            text-transform: uppercase;
            font: 12px "quicksandregular",sans-serif;
            font-weight: bold;
            visibility: visible;
            padding-left: 9px;
            color:#000;
        }
        .sponsor-ad img{
            width:280px;
            visibility: visible;
        }
        .top-ad-content{
            max-width: 280px;
            margin: 5px auto 7px auto;
        }
	.post li:nth-child(2n),
	.post li{
		width:299px;
		margin: 0 auto 15px;
		display:block;
		float:none;
	}
	#main .container {padding: 0 10px;}
	.post{margin: 0 auto -3px;}
	.post .title{font-size:12px;}
	.post li h2{font-size:21px;}
	#main {padding: 0 0 18px;}
	.login {margin: 0 0 19px;}
	.login li:after{top:0;}
	#footer .social-networks{display:none;}
	.footer-holder{
		text-align:left;
		background:#8e8e8e;
		height:auto;
		padding: 6px 0 28px;
	}
	.email-box,
	.email-form{
		display:block;
		margin:0;
	}
	.email-box{width: 100%;}
	.navigation ul li,
	.footer-navigation > .accordion > li{
		float:none;
		width:100%;
		margin:0;
	}
	#footer .accordion h2 span{display:none;}
	#footer .accordion .opener{
		display:inline-block;
		vertical-align:top;
		padding: 0 17px 0 0;
		position:relative;
	}
	#footer .accordion .opener:after{
		content:"";
		position:absolute;
		top: 2px;
		right:0;
		background: url(../images/sprite.png) no-repeat -238px 0;
		width: 7px;
		height: 12px;
	}
	#footer .accordion .drop-active .opener:after{
		background-position: -267px 0;
		width: 12px;
		height: 8px;
		top: 4px;
	}
	#footer .accordion .slide{display:none !important;}
	#footer .accordion .drop-active .slide{display:block !important;}
	#footer .frame .accordion{
		float:none;
		width:100%;
		margin: 0 0 17px;
	}
	.email-form label{margin-bottom:4px;}
	.footer-frame .container,
	#footer .container{padding: 0 13px 0 11px;}
	.footer-navigation h2{
		text-transform:none;
		font-size:16px;
		line-height:1;
		margin:0;
	}
	.footer-navigation>.accordion>li{
		margin: 6px 0 0;
		overflow: hidden;
	}
	.footer-navigation>.accordion>li:first-child{margin:0;}
	#footer .accordion .slide{
		width:100% !important;
		margin: 10px 0 5px;
	}
	.navigation ul li:first-child,
	.footer-navigation > .accordion > li:first-child{width:100%;}
	#footer .accordion {margin: 0;}
	.footer-navigation{margin: 0 0 16px;}
	#footer .search-form input[type="text"],
	#footer .search-form input[type="search"]{height: 33px;}
	#footer .search-form{margin: 0 102px 22px 0;}
	.navigation ul{font-size:16px;}
	.navigation ul li:first-child,
	.navigation ul li{margin:0 0 10px;}
	.navigation {margin: 0 0 20px;}
	.footer-frame {padding: 0 0 6px;}
	.email-form input[type="submit"]{margin: 6px 6px 0 0;}

	/* adtablet border does not show in mobile size */
	.adtablet{
		margin: 14px auto 14px 8px;
		width: 332px;
		border: 0;
	}
	.related-links {
		margin-top: 10px;
		margin-bottom: 20px;
	}
	.related-links a:link {
		font-size: 1.1em;
		line-height: 1.1em;
	}

	.end-of-article-signup .email-form {
		width: 100%
	}

	.end-of-article-signup #jform_email {
		width: 100%
	}
	.end-of-article-signup #signup {
		width: 30%;
		margin: 10px 0 0 0;
		float: left;
	}
}

/* */
/* The following rules apply if the document is smaller than 500 pixels wide */
/* These rules apply predominantly to mobiles */
@media only screen and (max-width:500px){
	.logo{
		height: auto;
		width: 199px;
	}
	.slogan{font-size:15px;}
}

a.video_icon{
	padding-left: 28px;
	background: url('/images/video_icon.png') no-repeat 0 5px;
}

p.sponsored-link{
	display: inline-block;
	color: #FFFFFF;
	background-color: #00d0e3;
	padding: 0 0.5em;
	margin-bottom: 0.3em;
        word-spacing: 4px;
}


/* Spinner for load more */
.spinner{
    padding: 10px;
}

.loading {
  margin: 1px auto 10px;
  width: 100px;
  text-align: center;
}

.loading > div {
  width: 18px;
  height: 18px;
  background-color: #333;

  border-radius: 100%;
  display: inline-block;
  -webkit-animation: bouncedelay 1.4s infinite ease-in-out;
  animation: bouncedelay 1.4s infinite ease-in-out;
  /* Prevent first frame from flickering when animation starts */
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.loading .bounce1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}

.loading .bounce2 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}

@-webkit-keyframes bouncedelay {
  0%, 80%, 100% { -webkit-transform: scale(0.0) }
  40% { -webkit-transform: scale(1.0) }
}

@keyframes bouncedelay {
  0%, 80%, 100% {
    transform: scale(0.0);
    -webkit-transform: scale(0.0);
  } 40% {
    transform: scale(1.0);
    -webkit-transform: scale(1.0);
  }
}

/* Blurbs displayed in the middle of articles */
.article-blurb {
	border: 1px solid #A7A8AC;
	margin-top: 5px;
}

.article-blurb-title {
    background-color: #A7A8AC;
    display:inline-block;
    vertical-align:top;
    color:#fff;
    font:16px/1 "quicksandbold", sans-serif;
    text-transform:uppercase;
    padding:2px 5px;
    width: 100%;
}
.article-blurb-body {
	margin: 1.5em auto;
	text-align: center;
}
.article-blurb-body p {
	white-space: nowrap;
	margin-top: 1em;
	margin-bottom: 1em;
}
.article-blurb-body p a {
	color: #7d7d7d;
}

/*
Hide old style blurbs.
This enables editorial to update to new article blurbs on production without showing the old blurbs.
*/
div#blurb-right,
div#blurb {
	display: none !important;
}
/*
 * back 2 school signup modal
 */
.b2s-signup-modal {
    background: #492f92;
    text-align: center;
    height: 100%;
    color: #fff;
    font: 16px "quicksandbold", sans-serif;
    padding-top: 40px;
    box-sizing: border-box;
}
.b2s-signup-modal > * {
    display: block;
}
.b2s-signup-modal img {
    display: inline-block;
    margin: 10px auto;
}
.b2s-signup-modal a {
    color: inherit;
    cursor: pointer;
    font-size: 13px;
}
.b2s-signup-modal p {
    margin: 10px auto;
    max-width: 532px;
}

.hidden {
	display: none;
}


#store-container .help-inline.error {
    color: #a94442;
	font-size: 12px;
	display: inline-block;
}

#store-container #payment-details {
	border-bottom: 1px solid #ccc;
	padding: 15px 0 10px 0;
	margin-bottom: 15px;
}

.same-height {
	min-height: 351px;
}
/* +++++++++++++++++ Breadcrumbs  +++++++++++++++++++++++++++  */
.breadcrumbs {
	padding: 0;
	margin: 10px 10px 18px 0;
	list-style: none;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.breadcrumbs li {
	display: inline-block;
	margin: 0 10px 0 0;
}

/* filesharing frontpage */

.topic-column.full-width {
    width: 100%;
}
.filesharing.frontpage .dynamic-columns-container {
    margin-top: 20px;
}
.filesharing.frontpage .dynamic-column {
    border-right: 1px solid #a9a9a8;
    border-left: 1px solid #a9a9a8;
    margin-right: -1px;
}
.filesharing.frontpage .dynamic-column.first{
    border-left: none;
}
.filesharing.frontpage .dynamic-column.last{
    border-right: none;
}
.filesharing.frontpage .parent-category h2,
#edocman-upload .parent-category h2 {
    color: #fff;
    padding: 2px 3%;
    background: #fdbb30;
    text-transform: uppercase;
    font-size: 15px;
    letter-spacing: 0.06em;
    font-weight: normal;
    margin-bottom: 15px;
}
.filesharing.frontpage .parent-category p {
    padding: 0 3%;
    margin: 0 auto 6px;
    font-size: 14px;
}
.filesharing.frontpage .parent-category h2 a,
.filesharing.frontpage .parent-category p a{
    color: inherit;
}
.filesharing.frontpage .parent-category .subcategories {
    position: relative;
}
.filesharing.frontpage .parent-category .category-image {
    display: table;
    float: right;
    width: 108px;
    height: 67px;
    border: 1px solid #acacac;
    margin-bottom: 4px;
    margin-left: 4px;
}
.filesharing.frontpage .parent-category .category-image .image-wrap {
    display: table-cell;
    padding: 6px;
    vertical-align: middle;
    text-align: center;
    width: 100%;
    height: 100%;
}
.filesharing.frontpage .parent-category .category-image img {
    max-width: 100%;
    max-height: 100%;
}
.filesharing.frontpage .item-padding {
    margin-bottom: 20px;
    padding: 0 15px 20px;
}
.filesharing.frontpage .want-to-share {
    border-top: 1px solid #a9a9a8;
    border-right: 1px solid #a9a9a8;
    margin-left: -1px;
    clear: none;
    font-size: 24px;
    padding: 15px 30px;
}
.filesharing.frontpage .want-to-share a {
    color: #00a8cb;
}
.filesharing.frontpage .ads {
    /*width: auto!important;*/
    /*margin: 15px;*/
}
@media (min-width: 768px) {
    .filesharing.frontpage .parent-category .subcategories {
        display: block !important;
    }
}
@media (max-width: 767px) {
    .filesharing.frontpage .dynamic-column {
        border: none;
    }
    .filesharing.frontpage .parent-category h2 {
        padding-top: 10px;
        padding-bottom: 10px;
        background: #fff;
        color: #000;
        margin-bottom: 3px;
        font-family: quicksandbold, sans-serif;
        font-size: 16px;
        letter-spacing: 0;
    }
    .filesharing.frontpage .parent-category.open h2 {
        background: #fdbb30;
        color: #fff;
    }
    .filesharing.frontpage .parent-category h2:hover {
        background: #fdbb30;
    }
    .filesharing.frontpage .parent-category .subcategories {
        display: none;
        padding: 5px 0 15px;
    }
    .filesharing.frontpage .parent-category .subcategories .trending-file {
        display: block;
    }
    .filesharing.frontpage .parent-category .subcategories .trending-file-image {
        display: none;
    }
    .filesharing.frontpage .parent-category p,
    .filesharing.frontpage .parent-category .subcategories .trending-file p {
        display: inline-block;
        float: left;
        clear: left;
        padding: 0.5em 5%;
        margin-bottom: 0.2em;
        color: #000;
    }
    .filesharing.frontpage .item-padding {
        padding-bottom: 0;
    }
}
.see-all-categories {
	color: #00a8cb;
	font-size: 14px;
	line-height: 1.6em;
	padding-top: 5px;
}

/* filesharing category */

.topic-heading .pre-title {
    font-size: 20px;
    display: block;
    letter-spacing: 0;
}
.filesharing #edocman-categories {
    color: #070707;
    font-size: 14px;
    line-height: 1.6em;
    padding: 0 0 15px;
}
.filesharing .see-all-categories {
	padding-top: 0;
}
.filesharing #edocman-categories .category-image{
    float: right;
    max-width: 50%;
}
.filesharing #edocman-categories a {
    color: #00a8cb;
    display: inline-block;
    margin: 0 3px;
}
.filesharing #edocman-documents .edocman-document a {
    color: #00a8cb;
}
.filesharing #edocman-documents .edocman-document a.getit {
    color: #fff;
    background: #00a8cb;
    display: inline-block;
    padding: 0.4em 0.6em 0.5em;
    font-family: "quicksandregular",sans-serif;
    font-weight: bold;
    font-size: 14px;
    line-height: 1em;
    letter-spacing: 0.05em;
}
.filesharing #edocman-documents .edocman-description {
    display: table-cell;
    vertical-align: top;
    background: transparent;
    border-radius: 0 ;
    margin: 0;
    padding: 0 0 0 20px;
    text-align: left;
    border: none;
}
.filesharing #edocman-documents h3.edocman-document-title {
    font-size: 18px;
    line-height: 1.1em;
    display: block;
    float: none!important;
    margin: 0px 0 10px 0;
    min-height: 0;
}
.filesharing #edocman-documents .link-holder {
    margin-top: 30px;
}
.filesharing.category .want-to-share {
    margin: 20px 0;
    font-size: 20px;
}
.filesharing.category .want-to-share a {
    color: #00a8cb;
}
.filesharing.category .spinner {
    padding: 0;
}
.filesharing #edocman-documents .want-to-share a {
    color: #00a8cb;
}
.filesharing #edocman-documents .edocman-document {
    display: table;
    margin-top: 20px;
    margin-bottom: 0;
    padding-bottom: 20px;
    border-bottom: 1px solid #7f7f7f;
}
.filesharing .edocman-description-details {
    text-align: left;
    margin-bottom: 10px;
}
.filesharing .edocman-image-left {
    display: table-cell;
    vertical-align: top;
    width: 150px;
    height: 150px;
}
.filesharing .edocman-image-left .frame{
    vertical-align: middle;
    display: table-cell;
    width: 150px;
	max-width: 150px;
    height: 150px;
    text-align: center;
    border: 1px solid #acacac;
}
.filesharing .edocman-image-left .wrap{
    overflow: hidden;
    max-height: 150px;
}
.filesharing .edocman-image-left .wrap img{
    max-width: 100%;
    float: none!important;
    margin: auto!important;
}
.filesharing .edocman-description {
    display: table-cell;
}
.filesharing .edocman-description .labels {
    margin: 0 6px;
}
.filesharing .edocman-description .label-new{
    display: inline-block;
    vertical-align: middle;
    padding: 1px 3px;
    background: #acacac;
    color: #fff;
    margin: 7px 0 8px 6px;
    font-size: 80%;
    width: auto;
    height: auto;
    line-height: 1.4em;
    min-height: 0;
    float: none;
}
.filesharing .edocman-description .label-new:first-child {
    margin-left: 0;
}
.filesharing .edocman-description .label-new.hot{
    background: #ed1c24;
    text-transform: uppercase;
    margin: -1px 0 0 9px;
}
.filesharing .edocman-description .label-new.pto-today{
    background: #00AACD;
}
.filesharing .edocman-description .label-new.spanish{
    background: #DE6200;
    text-transform: uppercase;
}
.filesharing .edocman-document-statisticsh {
    margin-bottom: 7px;
}
.filesharing #edocman-documents .edocman-document .members {
    color: #00a8cb;
    position: relative;
    padding-right: 20px;
    display: inline-block;
    font-size: 12px;
}
.filesharing #edocman-documents .edocman-document .members img {
    margin-bottom: 2px;
    margin-right: 2px;
}
.filesharing #edocman-documents .edocman-document .members span {
    display: inline-block;
    background-color: #acacac;
    color: #fff;
    border-radius: 10px;
    width: 15px;
    height: 15px;
    text-align: center;
    font-family: quicksandregular, sans-seif;
    line-height: 1.2em;
    text-decoration: none;
    margin-left: 3px;
}
.filesharing #edocman-documents .edocman-document .members:hover:after {
    content: 'Click for more information about PTO Today Plus and members-only offerings';
    position: absolute;
    color: #000;
    padding: 1.1em 1.7em;
    left: 100%;
    top: 0;
    background: #ddd;
    font-family: quicksandregular, sans-seif;
    font-weight: bold;
    font-size: 11px;
    width: 17em;
    text-align: left;
    line-height: 1.8em;
}

@media (max-width: 768px) {

    .filesharing .edocman-document {
        position: relative;
    }
    .filesharing .edocman-description .labels {
        display: block;
        margin: 0;
    }
    .filesharing .edocman-image-left {
        padding-bottom: 40px;
    }
    .filesharing #edocman-documents .edocman-taskbar {
        position: absolute;
        left: 0;
        top: 157px;
        max-width: 150px;
    }
}

/* filesharing document page */

.column-wrapper {
    display: table;
    width: 100%;
    table-layout: auto;
}
.main-column,
.fixed-sidebar-column {
    display: table-cell;
    vertical-align: top;
}
.main-column {
    width: auto;
}
.fixed-sidebar-column {
    width: 360px;
    padding-left: 15px;
}
@media (max-width: 767px) {

    .column-wrapper {
        display: block;
    }
    .main-column,
    .fixed-sidebar-column {
        display: block;
    }
    .main-column {
        width: auto;
    }
    .fixed-sidebar-column {
        width: auto;
        padding-left: 0;
        text-align: center;
    }
    .fixed-sidebar-column .module {
        display: inline-block;
        margin-left: auto;
        margin-right: auto;
        text-align: left;
    }
}
#edocman-document-page {
    position: relative;
    padding-left: 220px;
    transition: none;
}
.edocman-document-categories {
    margin-top: 10px;
}
.edocman-document-categories span a {
    display: inline-block;
    border-radius: 0;
    font-size: 100%;
    font-weight: normal;
    border: #A7A8AC solid 1px;
    margin-left: 3px;
    margin-bottom: 6px;
    padding: 0 3px;
    color: #A7A8AC;
    background-color: #fff;
    line-height: 24px;
}
#edocman-document-page .item-image {
    display: table;
    position: absolute;
    top: 0;
    left: 0;
    width: 200px;
    height: 200px;
}
#edocman-document-page .item-image .frame {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    height: 100%;
    border: 1px solid #acacac;
}
#edocman-document-page .item-image .wrap {
    overflow: hidden;
    text-align: center;
    max-height: 200px;
}
#edocman-document-page a.getit {
    color: #fff;
    background: #00a8cb;
    display: inline-block;
    padding: 0.4em 0.6em 0.5em;
    font-family: "quicksandregular",sans-serif;
    font-weight: bold;
    font-size: 17px;
    line-height: 1em;
    letter-spacing: 0.05em;
}
#edocman-document-page .big-link {
	display: block;
	margin: 0 0 15px;
	font-size: 20px;
	color: #000;
	line-height: 1.2em;
}
#edocman-document-page .big-link a {
    color: #00a8cb;
}
.edocman-box-heading {
    background: none;
    border: none;
}
.edocman-box-heading h1 {
    font: 47px/1 "quicksandregular",sans-serif;
    margin: 20px 0;
}
#edocman-document-page .edocman-taskbar li:first-child {
    margin-top: 0!important;
}
#edocman-document-page .edocman-description {
    padding: 0;
    border: none;
    text-align: left;
}
#edocman-document-page .edocman-description h2 {
    line-height: 1.4em;
}
#edocman-document-page .edocman-description .edocman-description-details {
    border: none;
    text-align: left;
}
#edocman-document-page .edocman-description #edocman-document-info .table > tbody > tr > td{
	border: none;
	padding: 4px 8px 4px 0;
	display: inline-block;
	width: auto;
	font-size: 16px;
	height: auto;
}
@media (max-width: 992px) {
    #edocman-document-page {
        padding-left: 0;
    }
    #edocman-document-page .item-image {
        position: relative;
        margin-bottom: 20px;
    }
}
.filesharing .more {
    margin-top: 20px;
}

.module.trending-files .trending-file {
    display: table;
    margin-bottom: 10px;
}
.module.trending-files h2 {
    color: #fff;
    padding: 2px 3%;
    background: #fdbb30;
    text-transform: uppercase;
    font-size: 15px;
    letter-spacing: 0.06em;
    font-weight: normal;
    margin-bottom: 15px;
}
.module.trending-files .trending-file p {
    padding: 0 3%;
    margin: 0 auto 6px;
    font-size: 14px;
}
.module.trending-files h2 a,
.module.trending-files .trending-file p a{
    color: inherit;
}
.module.trending-files .trending-file-link {
    display: table-cell;
    vertical-align: top;
    font-size: 17px;
    color: #1c1c1c;
}
.module.trending-files .trending-file-image {
    display: table-cell;
    width: 120px;
}
.module.trending-files .trending-file-image .frame {
    display: table-cell;
    vertical-align: middle;
    width: 120px;
    height: 70px;
    border: 1px solid #c4c4c5;
}
.module.trending-files .trending-file-image .frame .wrap {
    max-height: 70px;
    overflow: hidden;
    text-align: center;
}
.module.trending-files .trending-file-image .frame .wrap img {
    margin: 0 auto;
}


.followup-articles {
    margin: 20px 0;
    max-width: 320px;
}
.followup-articles a {
    display: block;
    margin-bottom: 24px;
    color: #171717;
    font-size: 15px;
}
.followup-articles a img {
    display: block;
    margin-bottom: 6px;
}
@media (max-width: 767px) {
    .followup-articles {
        margin-left: auto;
        margin-right: auto;
    }
}


.plus_login_form ul {
	border-radius: 0;
	border-top: 6px solid #FDBB30;
	top: 109%;
}
.plus_login_form li {
	max-width: none;
	padding: 10px 15px 0 !important;
	width: 295px;
}
.plus_login_form h3 {
	margin-bottom: 10px !important;
}
.plus_login_form input{
	height: 30px;
	line-height: 1.2em;
	padding: 3px 4px;
	margin: 6px 0 2px;
	border: 1px solid #acacac;
	outline: none;
	box-sizing: border-box;
	display: inline-block;
	font-size: 16px;
	border-right: none;
	-webkit-border-radius:0;
	-moz-border-radius:0;
	border-radius:0;
}
.plus_login_form .login-button {
	border: 1px solid #00a9cc;
	padding-left: 5px;
	padding-right: 6px;
}
.plus_login_form .form-login-password {
	margin:0;
}

.invalid
{
  border-color:red!important;
}
table.contentpaneopen td {
  border:none;
}

.cat-list-row0, .cat-list-row1 {
    display: block;
    list-style: outside none none;
    margin-bottom: 10px;
}

#system-message .alert .close {
	right: 0px;
}

#edocman-upload label.hasTooltip {
	display: inline-block !important;
}

#edocman-upload .document-title,
#edocman-upload .document-filename,
#edocman-upload .document-language {
	margin-bottom: 15px;
}

#edocman-upload input.button[value="Done"],
#edocman-upload input.button[value="Cancel"] {
	padding-left: 10px;
	padding-right: 10px;
}

 /* Zine-kit alternative layout */

.kit-pages{
    padding-right: 1em;
}
.kit-image{
    margin:8px 20px 3px 0;
}

#kit .kit-pages .kit-image{
    margin:8px 10px 3px 0;
    min-width:180px;
    height:180px;
}

.kit-pages .btn-info{
    border-radius: 0px;
    font-size: 1.0em;
    margin:1em 0 1em 0;
}

#kit h1.article-heading{
    font-size: 49px;
}

.kit-pages .btn-info a:link{
    background-color: #00a8cb;
    border:#00a8cb;
    color:#fff;
}

.kit-box {
    border: solid 1px #00a8cb;
    margin-top:1.0em;
    font-size: 0.8em;
    padding-left: 0.5em;
    display: block;
    overflow:hidden;
}

.kit-box h2{
    color:#00a8cb;
    font-size: 1.2em;
    font-weight:800;
    padding: 10px 0 0 5px;
    margin-bottom:0px;
}

.kit-box table{
    margin-bottom: 0;
}

.kit-box ul{
    padding-left: 15px;
    margin-bottom: 0;
}

#kit-page-bottom a:link{
    color:#00a8cb !important;
    text-decoration: underline;
}

.kit-pages-bottom a:visited {
    color:#00a8cb !important;
    text-decoration: underline;
}

.kit-pages-bottom a:hover {
    color:#00a8cb !important;
    text-decoration: underline;
}

.kit-sidebar .ads{
    margin:0 0 10px 0;
    text-align: left;
}

/*Fix for text overlapping the image*/
@media (max-width:1120px) and (min-width:991px) {
    #kit .kit-pages > .row > .col-md-9 {
        width:70%;
        margin-left:4%;
    }
}​
/*full width layout*/
#fw .no-margin-right {
    margin-right: 0;
}

#fw .no-left-pad {
    padding-left: 0;
}

#fw .article-heading{
    font-size: 48px;
}

#fw .kit-box {
    border: solid 1px #00a8cb;

    font-size: 0.8em;
    padding-left: 0.5em;
    display: block;
    overflow:hidden;
}

#fw ul{
    padding-left: 19px;
    margin: 0 0 0 6px;
}

#fw li {
    line-height: 1.2em;
    padding: 0.4em 0;
}
#fw .no-margin-left {
    margin-left: 0;
}

#fw .landscape-img {
    padding-top:20px;
}

#fw .container {
    padding-left: 0;
}

#fw-page p a:link{
    color:#00a8cb !important;
    text-decoration: underline;
}

.fw-page-links a:visited {
    color:#00a8cb !important;
    text-decoration: underline;
}

.fw-page-links a:hover {
    color:#00a8cb !important;
    text-decoration: underline;
}

/*
* Zine-blank-slate
*/
.blank-slate .article-heading{
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 400;
    letter-spacing: 0px;
    padding-top:20px;
}
.blank-slate .btsboot{
    float:right;

}
.blank-slate .italics{
    font-style: italic;
}

.blank-slate p{
    font-size: 22px;
    color: #636363;
    padding-bottom:15px;
}

.blank-slate .pad-right{
    padding-right:20px;
}

.blank-slate .pad-top {
    margin-top: 16px;
}

.blank-slate .video-holder{
    padding-top:20px;
    padding-bottom:20px;
}

.blank-slate .link-blue{
    color: #22b4d2;
    text-decoration: underline;
}

.blank-slate .blocks {
    padding-left: 10px;
}

.blank-slate .blocks p{
    color:#ffffff;
    font-size:20px;
    padding-left: 15px;
    padding-right:15px;
    padding-top:10px;
    font-weight: 600;
    line-height: 26px;
}

.blank-slate .blocks .col-md-4{
    padding-left:8px;
    padding-right:8px;
}

.blank-slate .col-block{

}

.blank-slate .block-tall{
    min-height:690px;
}

.blank-slate .block-tall img{
    width: 90%;
    height: 90%;
    margin: 0 auto;
    display:block;
    padding:0;
}

.blank-slate .block-square{
    height: 337px;
}

.blank-slate .block-heading{
    color:#ffffff;
    font-size: 40px;
    font-weight: 600;
    padding-left: 15px;
    padding-right: 15px;
    padding-top:35px;
    padding-bottom:10px;
}

.blank-slate .block-star{
    height:337px;
    border: solid 2px #ed147f;
}

.blank-slate .blocks .block-star img {
    padding-top:10px;
}

.blank-slate .blocks .block-star p{
    color: #4b4b4b;
    font-size: 24px;
    line-height: 32px;
    font-weight: 400;
    margin-bottom:0;
}

.blank-slate .blocks .block-star .hash{
   color:#ed1f7f;
   font-size:32px;
   margin-bottom:0;
}

.blank-slate .sub-heading{
    padding-left: 15px;
    padding-top: 30px;
}

.blank-slate .sub-heading p{
    font-size: 36px;
    font-weight: 700;
}

@media (max-width:1024px) and (min-width:753px){
    .blank-slate .block-heading{

        padding-top:20px;
    }
    .blank-slate .blocks .block-star p{
        font-size: 20px;
        line-height: 28px;
    }
}

@media (max-width: 753px) {
    .blank-slate p{
        font-size:14px;
    }
    .blank-slate .btsboot{
        float:left;
        margin-bottom:20px;
    }
    .blank-slate .blocks p{
        font-size:14px;
    }
    .blank-slate .block-heading{
        font-size:24px;
        line-height:28px;
        padding-top:20px;
    }
    .blank-slate .blocks .block-tall img{
        display:none;
    }

    .blank-slate .block-tall{
        min-height:230px;
        margin-right:15px;
    }

    .blank-slate .block-square{
        height: 230px;
        margin-right:15px;
    }

    .blank-slate .sm-space{
        margin-top:16px;
    }

    .blank-slate .sub-heading p{
        font-size:22px;
        line-height:28px;
        font-weight: 400;
    }
    .blank-slate .block-star{
        margin-right:15px;
    }

    .blank-slate .blocks .block-star p{
        font-size: 20px;
        line-height: 28px;
    }
}

#article-page .expo {
	padding-top: 25px;
}

/*#article-page .expo img.expo-logo {
	margin: 20px 0;
}*/

#article-page .expo h1.article-heading {
	font-size: 52px;
	margin-bottom: 10px;
}
#article-page p.date-location {
	font-size: 1.9em;
	font-weight: bold;
	line-height: 1.1em;
	letter-spacing: 0.8px;
}

#article-page div.bordered-section {
	margin: 30px 0;
	border: 1px solid #00A7CC;
	padding: 15px 20px 7px 20px;
}

#article-page div.bordered-section .heading {
	font-weight: bold;
	color: #00A7CC;
	font-size: 1.5em;
	margin-bottom: 12px;
}

#article-page div.bordered-section p {
	color: #7E7E7E;
	font-size: 1.2em;
	line-height: 1.1em;
	margin-bottom: 8px;
}

#article-page div.bordered-section .label {
	padding: 0;
	font-weight: bold;
	color: #7E7E7E;
	white-space: normal;
}

#article-page div.exhibitors .exhibitor {
	color: #7E7E7E;
	font-size: 1.2em;
	margin: 25px 0;
}

#article-page div.exhibitors .exhibitor a {
	color: #00A7CC;
}

#article-page div.exhibitors .exhibitor span.sponsor-highlight {
	color: #6e53ba;
	font-weight: bold;
}

#article-page .logos {
	border-top: 1px solid #7E7E7E;
	margin-bottom: 35px;
}

#article-page .logos p.heading {
	font-size: 1.5em;
	font-weight: bold;
	color: #7E7E7E;
	margin-top: 20px;
	margin-bottom: 15px;
}

#article-page .logos p.sponsor-heading {
	font-size: 1.2em;
	font-weight: bold;
	color: #7E7E7E;
	margin-top: 45px;
	margin-bottom: 25px;

}

@media only screen and (max-width: 753px) {
	#article-page .logos a {
		display: block;
		margin-bottom: 25px;
    }
}

/* ===== Kunena Board Styles ====== */
body.noheader .page-title.page-title-img {
    display: none;
}

body.noheader .right-sidebar{
    margin-top:10px;
}

#Kunena {
    margin-top:2em;
}

#Kunena #div-gpt-ad-1332343954427-5,
#Kunena #div-gpt-ad-1332343954427-7{
    margin:20px 0 20px 0;
}

@media (max-width: 753px) {
    body.noheader .topic-column{
        width:100% !important;
    }
}

#store-container {
	margin-bottom: 10px;
	padding-right: 15px;
}

#store-container h3 {
    color: rgb(0, 167, 200);
    font-size: 2em;
    padding: 0;
    line-height: 145%;
}

#store-container #app.roster h3.form-sub-header {
    color: #000000;
}

#store-container h4 {
    font-size: 1.5em;
}

#store-container #app {
	position: relative;
}

#store-container .form-header {
	margin-bottom: 25px;
}


#store-container .products-info {
	margin-bottom: 35px;
}

#store-container #app p,
#store-container .products-info p,
#store-container .form-description p {
    padding-bottom: 5px;
    color: rgb(75, 75, 75);
    margin: 0;
    font-size: 1.3em;
    line-height: 1.2em;
}

#store-container .product-info {
	margin-bottom: 25px;
}

#store-container .product-info p {
	margin: 0.5em 0;
}
#store-container .product-info p.product-title {
	font-weight: bold;
}

#store-container .btn-container {
	margin-top: 20px;
}

.hidden {
	display: none;
}

#store-container #app.roster #attendees-region {
	margin-top: 45px;
}

#store-container #attendees-header {
	position: relative;
	/*height: 45px;*/
}

#store-container .attendees-info-header {
	margin-top: 0px;
	font-weight: bold;
	color: #000000;
	line-height: 1.5em;
}

#store-container .addl-attendees-header {
	margin-top: 30px;
	font-weight: bold;
	color: #000000;
	line-height: 1.5em;
}

#store-container .attendees-info-headings {
	margin-bottom: 4px;
}

#store-container #attendees-details {
	margin-top: 15px;
}

#store-container #attendees-details .donotknow-group {
	padding-top: 12px;
}

#store-container #app.roster #add-officer {
	margin-top: 10px;
    color: rgb(0, 167, 200);
	font-size: 1.4em;
	display: inline-block;
	text-decoration: underline;
}

#store-container #app.roster #add-officer:hover {
	color: #E2E2E2;
}

#store-container #alert-region.alert {
    position: absolute;
    top: 7%;
    right: 20px;
    z-index: 1200;
	margin-top: 0px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}

#store-container #app.roster #alert-region.alert {
	border-color: #A94442;
}

body #store-container .alert-dismissible {
  padding-right: 35px;
}

#store-container #alert-region.alert button.close {
	height: auto;
	margin-top: 0px;
}

#store-container button.button,
#store-container a.button {
    font-size: 12px;
    display: inline-block;
    background-color: #f8ce6c;
    /*vertical-align: bottom;*/
	margin-top: 10px;
	margin-left: 15px;
    border: 1px solid #00A9CA;
    padding: 2px 20px;
    color: #000000;
    font-weight: bold;
    text-decoration: none;
	cursor: pointer;
	height: auto;
}

#store-container button.button[disabled="disabled"],
#store-container a.button.disabled {
    background-color: #FBF2DC;
    border: 1px solid #C1F0F9;
    color: #AAA;
    cursor: default;
	height: auto;
}

#store-container input,
#store-container select {
	padding: 3px 4px;
}

#store-container input#email {
	width: 100%;
}

#store-container input#donotknow,
#store-container input#registrantattending {
	width: auto;
	display: inline-block;
	margin-top: 0px;
}

#store-container input#registrantattending {
	/*margin-left: 10px;*/
}

#store-container .attendees-info-details .attending {
	margin-left: 8px;
}

#store-container input,
#store-container select,
#store-container textarea {
    border: 1px solid #A6A6A6;
	font-size: 1.2em;
}

#store-container .has-error input,
#store-container .has-error select,
#store-container .has-error textarea,
#store-container input.invalid,
#store-container select.invalid,
#store-container textarea.invalid {
    border: 1px solid #ff0000;
    background: #F2DEDE;
}

#store-container input.valid,
#store-container select.valid,
#store-container textarea.valid {
    border: 1px solid #00ff00;
    background: #DEF2DE;
}

#store-container .find-container .dropdown-menu {
    background: white;
    border-radius: 4px;
    border: 2px solid #000;
    left: 0;
    margin-left: 0;
    padding: 0;
    max-height: 200px;
    overflow-y: scroll;
    width: 100%;
}

#store-container .form-group {
	margin-bottom: 8px;
}

#store-container .has-error .form-control {
    color: #a94442;
    border-color: #a94442;
}

#store-container .form-inline .form-control {
    width: 100%;
}

#store-container .form-control {
    padding: 3px 4px;
    height: auto;
	border-radius: 0px;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	-moz-transition-property: none;
	-webkit-transition-property: none;
	-o-transition-property: none;
	transition-property: none;
}

#store-container .form-group.required::after {
	color: #a94442;
    content: "*";
	position: absolute;
	top: 0px;
	right: 6px;
	font-weight: bold;
}

#store-container #quantity-division {
	text-align: center;
}

#store-container .center-block {
	display: block;
}
#store-container #coupon-detail {
	border: 1px solid #ccc;
	padding: 16px;
    margin-top: -21px;
}

#store-container #billing-detail {
	display: inline-block;
	border: 1px solid #ccc;
	padding: 25px;
}

#store-container label {
	width: 100px;
}

#store-container .inline label {
	width: auto;
}

#store-container #card-type{
	font-size: 20pt;
    vertical-align: middle;
    margin-left: 10px;
}

.forms_button {
	background-color: #08a5ce;
	border: 1px solid #08a5ce !important;
	border-radius: 3px !important;
	color: #fff;
	cursor: pointer;
	font-weight: bold;
	height: 3em;
}

button.forms_button.btn {
	padding: 4px 12px;
}

#store-container button.forms_button.btn[name="find-school"] {
	margin: 0;
	padding: 4px 10px;
	height: auto;
}

#store-container #find-school-zip {
	width: auto;
	display: inline-block;
}

#store-container #school-region {
	margin-top: 15px;
}

#store-container select#school {
	width: 100%;
/*	width: auto;
	max-width: 100%;*/
}

#store-container .school-not-found {
	margin-top: 1em;
}

#store-container button#coupon-submit {
	margin-top: 0px;
	margin-left: 10px;
}

#store-container .inline .label-like {
	display: inline-block;
	vertical-align: top;
	width: 100px;
	margin-bottom: 5px;
	font-weight: bold;
}

#store-container div.sidebyside {
	display: inline-block;
	vertical-align: top;
	margin-right: 6px;
}

#store-container div.sidebyside input,
#store-container div.sidebyside label {
	display: block;
	margin-right: 0px;
}
#store-container div.sidebyside label {
	margin: 0 auto;
	text-align: center;
}

#store-container .ajax-loader {
	display: none;
	width: auto;
	height: 25px;
	vertical-align: middle;
	margin: 0 0 0 5px;
	padding: 0;
}

#store-container .ajax-loader.loading {
	display: inline-block;
}

#store-container .ajax-loader img {
	height: inherit;
}

#store-container #order-confirmation address {
	font-style: normal;
}

#store-container #payment-view .sidebyside label[for="exp_mo"].required,
#store-container #payment-view .sidebyside label[for="exp_yr"].required {
	margin-top: 4px;
}

#store-container #payment-view label.required::after {
	color: #ff0000;
	content: "*";
	line-height: 50%;
	vertical-align: top;
	padding-left: 4px;
}

#store-container #app .confirmation-details p,
#store-container #app .payment-address p {
	margin-bottom: 10px;
}

#store-container #app .payment-address address p {
	margin-bottom: 0px;
}


#store-container label[for="pay_by_check"] {
	font-size: 135%;
	margin-bottom: 0;
	padding-left: 5px;
	width: auto;
}

@media (max-width: 767px) {
#store-container #attendees-details .row {
	margin-bottom: 25px;
}
#store-container #attendees-details .donotknow-group {
	padding-top: 0px;
}
}

#store-container #billing-info .error-message {
	display: none;
	color: #ff0000;
	font-size: 85%;
	padding-left: 102px;
    margin-top: 2px;
}

#store-container #billing-info input.invalid + .error-message {
	display: block;
}

#store-container #attendees-details select {
	padding-top: 4px;
}

@media (min-width: 768px) {
#store-container #attendees-details .row {
	margin-right: -8px;
	margin-left: -8px;
}

#store-container #app.roster #attendees-details .col-sm-11,
#store-container #app.roster #attendees-details .col-sm-3,
#store-container #app.roster #attendees-details .col-sm-2,
#store-container #app.roster #attendees-details .col-sm-1 {
	padding-right: 8px;
	padding-left: 8px;
}
#store-container #app.roster #attendees-details .form-group.required::after {
	right: 0px;
}
}

#store-container #attendees-details .remove-officer {
	text-align: right;
}

#store-container #attendees-details .remove-officer-img {
	padding-right: 5px;
	padding-top: 6px;
}

#store-container #attendees-details .hover-me:hover {
	opacity: 0.5;
}

#store-container #attendees-details .message_region {
	position: relative;
}

#store-container .message_region.open .dropdown-menu:before {
	content: "";
	position: absolute;
	background: url(/images/left-arrow-white.png) no-repeat;
	width: 10px;
	height: 15px;
	border: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
	left: -10px;
	top: 56px;
	z-index: 9999;
}

#store-container .message_region .dropdown-menu {
	opacity: .9;
	margin-left: 45%;
	border: none;
	border-top: #08a5ce 8px solid;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	-webkit-box-shadow: 0 3px 70px rgba(0, 0, 0, 0.4);
	-moz-box-shadow: 0 3px 70px rgba(0, 0, 0, 0.4);
	box-shadow: 0 3px 70px rgba(0, 0, 0, 0.4);
	top: -57px;
	/*padding: 15px 25px;*/
	padding: 5px 20px 15px 20px;
	text-align: center;
}

#store-container #attendees-details .message_region .btn-container {
	margin-top: 10px;
}

#store-container #match_region .profile-match.dropdown-menu {
	position: relative;
	width: 100%;
	margin-top: -8px;
}

#store-container #match_region ul#matches {
	width: 100%;
	margin: 0px;
	padding: 0px;
}

#store-container #match_region ul#matches li {
	margin: 0px;
	padding: 5px;
}

#store-container #match_region ul#matches li:hover {
	background-color: #E2E2E2;
}

#store-container #app.roster #match_region ul#matches li#person_caption:hover {
	background-color: transparent;
}

#sbox-window {
	/*padding: 0px;*/
	margin-bottom: -10px;
	box-sizing: content-box;
}

#sbox-content iframe {
	margin-bottom: 0px;
}

#store-container #person_caption {
	font-weight: bolder;
	padding: .5em 0 0 1em;
}

/* Expo Extras Page */
.expoextra .page-title {
	display: none;
}
.expoextra .topics {
	margin-top: 30px;
}
.expoextra .expo-extras img{
	float:left;
}
.expoextra .expo-extras .top{
	display: table;
}
.expoextra .expo-extras .top .header{
	display: table-row;
}
.expoextra .expo-extras .top .expo-logo{
	display: table-cell;
	vertical-align: middle;
	padding-right: 20px;
}
.expoextra .expo-extras h2{
	font: 38px/1em quicksandregular, sans-serif;
	color: #000;
	letter-spacing: -0.05em;
	display: table-cell;
	vertical-align: bottom;
}
.expoextra .expo-extras p.intro{
	margin-top: 20px;
}
.expoextra .expo-extras p.intro,
.expoextra .expo-extras .tools h4{
	font-size: 21px;
	line-height: 1.3em;
	font-weight: bold;
	color: #7d7d7d;
}
.expoextra .expo-extras hr.light{
	border-color: #acacac;
}
.expoextra .expo-extras h3{
	font: 32px/1em quicksandbold, sans-serif;
	color: #000;
	letter-spacing: -0.05em;
}
.expoextra .expo-extras .tools img{
	margin-bottom: 20px;
}
.expoextra .expo-extras .tools .left{
	margin-right: 20px;
	max-width: 160px;
}
.expoextra .expo-extras .tools div.left{
	display: inline-block;
	width: 110px;
	height: 110px;
	background: purple;
	border-radius: 999px;
	text-align: center;
	padding-top: 21px;
	margin-bottom: 8px;
}
.expoextra .expo-extras .tools .left.purple{
	background: #9f247f;
	float:left;
}
.expoextra .expo-extras .tools .left.violet{
	background: #492f92;
	float:left;
}
.expoextra .expo-extras .tools .left.green{
	background: #80c141;
	float:left;
}
.expoextra .expo-extras .tools .left.yellow{
	background: #fdb930;
	float:left;
}
.expoextra .expo-extras .tools .left span{
	display: block;
	font-size: 40px;
	color: #fff;
	line-height: 0.84em;
	font-family: quicksandbold, sans-serif;
	letter-spacing: -0.1em;
}
.expoextra .expo-extras .tools .left span:last-child{
	font-family: quicksandregular, sans-serif;
	font-size: 46px;
}
.expoextra .expo-extras .tools .text-wrap {
	display: table-cell;
}
.expoextra .expo-extras .tools .download{
	font-family: quicksandbold, sans-serif;
	color: #fff;
	background: #00A8CB;
	font-size: 16px;
	padding: 8px 12px;
	min-width: 120px;
	display: inline-block;
	text-align: center;
	margin-bottom: 30px;
}

/* events/expos */
.register_button_top  a {display:inline; background:url(/images/events/register_bg.png) repeat-x; float:left;  border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -webkit-border-radius:5px; padding:9px  23px; margin:0px; font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#fff;}
.register_button_top  a:hover {text-decoration:underline;}
@media (max-width: 767px){
	.expoextra .topic-column {
		width: 100%;
	}
	.expoextra .expo-extras .top h2,
	.expoextra .expo-extras .top .expo-logo,
	.expoextra .expo-extras .tools .text-wrap{
		display: block;
		margin-bottom: 10px;
	}
	.expoextra .expo-extras .tools img {
		margin-bottom: 5px;
	}
	.expoextra .expo-extras .tools h4 {
		margin-bottom: 7px;
	}
	.expoextra .expo-extras .tools .download {
		margin-bottom: 10px;
	}
}

/* */
/* The following rules apply if the document is smaller than 500 pixels wide */
/* These rules apply predominantly to mobiles */
@media only screen and (max-width:500px){
	.dropdown-menu{
		padding:0;
		margin:0 0 10px;
		font-size:13px;
	}
}

.sponsor_header {
	position: relative;
	border-top: 20px solid #F1F1F1;
    border-right: 12px solid #F1F1F1;
    border-bottom: 10px solid #F1F1F1;
    border-left: 12px solid #F1F1F1;
}
.sponsor_header_category {
	margin-bottom: 15px;
}
.sponsor_header_document {
	margin-top: 15px;
}

/* the following are required by IE11 */
.container .sponsor_header_document .img-responsive,
.container .sponsor_header_category .img-responsive {
	width: 100%;
}

.sponsor_header p {
	position: absolute;
	top: -17px;
	color: #000000;
}

@media (max-width: 424px) {
	.hidden-xxs {
		display: none !important;
	}
	.visible-xxs-block {
		display: block !important;
		visibility: visible !important;
	}
}

.hrp-kit-content-block {
    border: 5px solid yellow;
    padding: 30px;
}
.hrp-kit-btn {
    background-color: #e01d3d;
    border: none;
    color: white;
    padding: 12px 12px;
    text-align: center;
    height: 56px;
    font-weight: 700;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    width: 190px;
}