/*
Theme Name:     APEX
Theme URI:      http://www.normalagency.com/
Description:    Flatco Child Theme for APEX
Author:         Normal Agency
Author URI:     http://www.normalagency.com/
Template:       flatco
Version:        1.0
*/

/* Enter below your Customization CSS */
/*! HTML5 Boilerplate v4.3.0 | MIT License | http://h5bp.com/ */

/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html,
button,
input,
select,
textarea {
    color: #222;
}
body {
	font-family: 'Gotham SSm A', 'Gotham SSm B', Open Sans, Arial, Helvetica, sans-serif;
	font-weight: 400; font-style: normal;
	color: #393536;
	line-height: 24px;
}
html {
    font-size: 1em;
    line-height: 1.4;
}

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */
body, h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
	font-family: 'Gotham SSm A', 'Gotham SSm B', Open Sans, Arial, Helvetica, sans-serif;
	font-weight: 400; font-style: normal;
}
hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #E3E3E3;
    margin: 1em 0;
    padding: 0;
}
hr.buffer {
	margin-bottom: 30px;
}
.hr .tw-divider {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #E3E3E3;
    margin: 25px 0 10px;
    padding: 0;
}
/*
 * Remove the gap between images, videos, audio and canvas and the bottom of
 * their containers: h5bp.com/i/440
 */

audio,
canvas,
img,
video {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}

/* ==========================================================================
   Browse Happy prompt
   ========================================================================== */

.browsehappy {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */
a, a:hover {
	color: #B0007D;
}
h1, .h1 {
	font-size: 22px;
}
h1.large-title {
	font-size: 28px;
}
h2, .h2 {
	font-size: 24px;
}
h3, .h3 {
	font-size: 22px;
}
a:active, a:hover, a:focus {
	color: #B0007D;
	text-decoration: none;
}
.header {
    background-color: #231F20;
    min-height: 205px;
}
.navbar {
    background-color: #231F20;
    margin: 0;
}
.bold {
	font-weight: 700;
}
.title-border {
    background: none repeat scroll 0 0 #B0007D;
    height: 3px;
    left: 0;
    position: absolute;
    width: 30px;
}
.clients img {
	width: 100%;
}
.promo-area {
	background-color: #910067;
}
.promo-area h1 {
    color: #FFFFFF;
    font-size: 42px;
    margin: 60px 0 40px;
}
.promo-area p {
	background-color: #910067;
	color: #FFF;
	font-size: 21px;
	margin:45px 0;
}
.promo-area p a {
	color: #FFF;
	font-weight: bold;
	text-decoration: none;
}
.article-nav {
	list-style: none;
	padding: 0;
	margin: 35px 0 0;
}
.article-nav li {
	float: left;
	margin-left: 22px;
	font-size: 16px;
}
.article-nav li.active a {
	color: #B0007D;
}
.article-nav li a {
	color: #333333;
}
.article-nav li a:hover {
	color: #B0007D;
	text-decoration: none;
}
.article-nav li:first-child {
	margin: 0;
}
.navbar-toggle {
    background-color: transparent;
    border-radius: 4px 4px 4px 4px;
    float: right;
    margin-bottom: 8px;
    margin-right: 5px;
    margin-top: 15px;
    padding: 9px 10px;
    position: relative;
}
.brand {
    display: inline-block;
    width: 170px;
}
.brand img {
    margin: 10px 0;
    width: 100%;
}
/* ArticleGrid */
#ArticleGrid .mix .category-label {
	position: absolute;
	top:10px;
	right: 25px;
	background-color: #B0007D;
	font-size: 11px;
	font-weight: 400;
	color: #fff;
	line-height: 10px;
	text-transform: uppercase;
	padding: 4px 12px;
	z-index: 999;
}
#ArticleGrid .mix h3 {
	padding: 8px 10px;
	position: absolute;
	top:30px;
	font-size: 17px;
	right: 15px;
	z-index: 999;
}
#ArticleGrid .mix a  {
	color: #FFF;
	display:block;
    padding:0 0;
    text-align: right;
}
#ArticleGrid .tweet a, #ArticleGrid .quote a {
	color: #FFF;
	display: inline;
}

#ArticleGrid .tweet p a, #ArticleGrid .quote p a {
	color: #FFF;
}
#ArticleGrid .mix h3 a:hover {
	text-decoration: none;
}
#ArticleGrid .mix h3 span {
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0.8);
    color: white;
    display: inline-block;
    line-height: 1;
    margin-bottom: 3px;
    padding: 8px;
    font-size: 16px;
}
.ie8 #ArticleGrid .mix h3 span {
	background-color:#000;
}
#ArticleGrid .mix img, .team img {
	width: 100%;
	filter: grayscale(60%);
	-webkit-filter: grayscale(60%);
	-moz-filter: grayscale(60%);
	filter: grayscale(60%);
	-webkit-transition: all 500ms ease-in;
	-moz-transition: all 500ms ease-in;
	-o-transition: all 500ms ease-in;
	transition: all 500ms ease-in;
	-webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0) scale(1.0, 1.0);
}
#ArticleGrid .mix:hover img,.team:hover img {
	filter: grayscale(0%);
	-webkit-filter: grayscale(0%);
	-moz-filter: grayscale(0%);
	filter: grayscale(0%);

	-webkit-transition: all 500ms ease-in;
	-moz-transition: all 500ms ease-in;
	-o-transition: all 500ms ease-in;
	transition: all 500ms ease-in;
}
#ArticleGrid .tweet img, #ArticleGrid .quote img {
	filter: none;
	-webkit-filter: none;
	-moz-filter: none;
	filter: none;
	-webkit-backface-visibility: visible;
    -webkit-transform: none;
}
#ArticleGrid .tweet:hover img, #ArticleGrid .quote:hover img {
	filter: none;
	-webkit-filter: none;
	-moz-filter: none;
	filter: none;
}
/*
#ArticleGrid .mix:hover h3 span {
	background: none repeat scroll 0 0 rgba(255, 255, 255, 0.8);
    color: #000;

}
*/
#ArticleGrid .mix .category-label:hover {
	background-color: black;
	color: #FFF;
	cursor: pointer;
}
#ArticleGrid .tweet .category-label:hover, #ArticleGrid .quote .category-label:hover {
	background-color: #B0007D;
	color: inherit;
}
.team {
	position: relative;
}
.team .button {
    background-color: #FFFFFF;
    border: 1px solid #E3E3E3;
    display: block;
    font-size: 16px;
    font-weight: 400;
    left: auto;
    margin: 0;
    padding: 5px 10px;
    position: relative;
    text-align: center;
    outline: none;
    top: 0;
    width: 100px;
    -moz-box-shadow:    0 1px 0 10px #FFFFFF;
	-webkit-box-shadow: 0 1px 0 10px #FFFFFF;
	box-shadow: 0 1px 0 10px #FFFFFF;
}
.you-may-also .team span {
	background: none;
	bottom: 40px;
    color: #393536;
    display: inline-block;
    font-size: 16px;
    line-height: 1;
    margin-bottom: 3px;
    padding: 8px;
    position: relative;
    right: 0;
    z-index: 9;
}

.team span {
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0.8);
bottom: 40px;
    color: white;
    display: inline-block;
    font-size: 16px;
    line-height: 1;
    margin-bottom: 3px;
    padding: 8px;
    position: absolute;
    right: 25px;
    z-index: 9;
}
.ie8 .team span {
	background-color: #000;
}
.team span h3 {
    font-size: 16px !important;
    margin: 0;
    padding: 0 !important;
    position: relative !important;
    right: auto !important;
    top: auto !important;
}
.team span.position {
    bottom: 6px;
    font-size: 12px;
    position: absolute;
    right: 25px;
    text-transform: uppercase;
}
.aux-nav {
    color: #BEBEBE;
    height: 40px;
    list-style: none outside none;
    margin: 22px 0 0;
    padding: 0;
}
.aux-nav li {
    float: left;
    margin-left: 7px;
}

.aux-nav .search-container {
  overflow: hidden;
  float: right;
  width: 2.5em;
  -moz-transition: all 0.35s;
  -webkit-transition: all 0.35s;
}
.aux-nav .search-container:hover {
  width: 25em;
}
.aux-nav .search-container:hover input {
  display: inline-block;
  width: 19em;
  padding: 10px;
}

.aux-nav input {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  float: left;
  width: 0em;
  margin: 0 0 0 24px;
  margin-right: -4.5em;
  background: white;
  color: #6a5d4f;
  font-size: 1em;
  font-weight: 300;
  padding: 0px;
  border: 0;
  border-radius: 5px;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2) inset;
  -moz-transition: all 0.25s;
  -webkit-transition: all 0.25s;
}
.aux-nav input:focus {
  outline: none;
  box-shadow: 0 -1px 1px rgba(255, 255, 255, 0.25), 0 1px 5px rgba(0, 0, 0, 0.15);
}

.aux-nav .button {
  float: right;
  width: 1.75em;
  height: 1.75em;
  margin: -3px 0 0;
  text-align: center;
  font-size: 20px;
  color: #FFFFFF;
  border-radius: 50%;
}
.aux-nav .button i {
  margin-top: 0.3em;
}
.aux-nav .button:active {
  border: 0 !important;
  text-shadow: 0 0 0;
}
#MainNav {
	list-style: none;
	margin: 28px 0 0 0;
	padding: 0;
}
#MainNav li {
	color: #FFF;
	font-size: 28px;
	float: left;
	margin:0 20px 0 0;
	padding: 0;
	text-transform: lowercase;
	text-align: right;
}
#MainNav li a {
	color: #FFF;
	font-weight: 300;
}
#MainNav li.current-menu-item a {
	font-weight: 700;
}
#MainNav li a:hover {
	text-decoration: none;
	color: #B0007D;
}
.form-search {
	margin-top:20px;
}
footer {
	background-color: #231f20;
	color: #FFF;
	margin:0;
	padding-top:20px;
}
footer a {
	color: #FFFFFF;
}
footer h2 {
	font-size: 24px;
	margin: 42px 0 30px;
}

footer p {
	font-size: 14px;
}
footer {
	font-size: 14px;
}
footer ul {
	padding: 0;
	list-style: none;
}
footer .meta {
	display: none;
}
footer h4 {
	border-top: 1px solid #514F4F;
	padding:15px 0;
	margin: 0;
	line-height: 24px;
}
footer li:first-child h4:first-child {
	border:none;
	padding-top: 0;
}
footer h4 a {
	color: #FFF;
	display: block;
	font-size: 16px;
}
footer h3 {
    margin-bottom: 30px;
    margin-top: 40px;
}
footer .copyright {
   	border-top: 1px solid #514F4F;
    color: #A6A6A6;
    margin-top: 30px;
    padding-bottom: 20px;
    padding-top: 22px;
}
footer .icon-map-marker {
	display: none;
}
footer .tw-title-border {
	display: none;
}
/* STREAM */
.stream-container {
	padding: 0 40px;
	font-size: 0;
}
.stream {
	display: inline-block;
	-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: 0 16px;

}
.stream img {
	width: 100%;
}
.stream-4 {
	width: 25%;
}
/*.ls-wp-fullwidth-container {
	height: 507px;
}*/
#CareerList {
overflow:hidden;
height:200px;
}
#CareerList li {
	height:100%;
	position:relative;
	margin-right:20px;
}
#CareerList li a{
	height:100%;
	display:inline-block;
	position:relative;
	text-align:right;
}
#CareerList li img {
height: 100%;
vertical-align: middle;
filter: grayscale(60%);
-webkit-filter: grayscale(60%);
-moz-filter: grayscale(60%);
filter: grayscale(60%);
-webkit-transition: all 500ms ease-in;
-moz-transition: all 500ms ease-in;
-o-transition: all 500ms ease-in;
transition: all 500ms ease-in;
-webkit-backface-visibility: hidden;
-webkit-transform: translateZ(0) scale(1.0, 1.0);
}
#CareerList li h3 {
	padding: 8px 10px;
	position: absolute;
	top: 30px;
	font-size: 17px;
	right: 15px;
	z-index: 999;
}
#CareerList li h3 span {
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0.8);
	color: white;
	display: inline-block;
	line-height: 1;
	margin-bottom: 3px;
	padding: 8px;
	font-size: 16px;
}
/* Partners Carousel */
.tw-carousel {
	list-style: none;
	padding: 0;
	left: 0;
}
.tw-carousel-partner.list_carousel {
    margin: 0 !important;
}
.tw-carousel-partner.list_carousel li {
    margin: 0;
    width: 130px;
    height: 100px;
    text-align: center;
}
.tw-carousel-partner.list_carousel li img {
	display: block;
	height: 100px;
	margin: auto;
}
.tw-carousel-partner.list_carousel li a {
	display: block;
}
.carousel-arrow {
	position: absolute;
    right: 15px;
    top: -68px;
}
.carousel-prev {
	border: 1px solid #E3E3E3;
	padding: 5px 10px;
	display: inline-block !important;
}
.carousel-prev:hover, .carousel-next:hover {
	text-decoration: none;
}
.carousel-next {
	border: 1px solid #E3E3E3;
	padding: 5px 10px;
	display: inline-block !important;
}
.tw-carousel-partner .caroufredsel_wrapper{
    border: solid 1px #dddddd;
    border-right: none;
}
.tw-carousel-partner .caroufredsel_wrapper {
	border: none;
}
.list_carousel {
    margin: 0 -15px !important;
    position: relative;
}
.list_carousel li {
    display: block;
    float: left;
    height: auto;
    position: relative;
}
.callout-container {
	max-width: 1170px;
	margin: -30px auto 0;
	position: relative;
}
.homepage-callout-left {
	background-color: rgba(255, 255, 255, 0.8);
	cursor: pointer;
	min-height: 212px;
	position: absolute;
	width: 49%;
	left: 0;
	bottom: 12%;
	z-index: 9999;
	padding: 35px 25px;
}
.homepage-callout-left:before {
    border-color: transparent rgba(255, 255, 255, 0.8);
    border-style: solid;
    border-width: 0 0 40px 22px;
    bottom: -40px;
    content: "";
    display: block;
    position: absolute;
    right: 42%;
    width: 0;
}

.ie8 .homepage-callout-left, .ie8 .homepage-callout-right {
	background-color: #FFF;
}
.homepage-callout-right {
	background-color: rgba(255, 255, 255, 0.8);
	cursor: pointer;
	min-height: 212px;
	position: absolute;
	width: 49%;
	right: 0;
	padding: 35px 25px;
	bottom: 12%;
	z-index: 9999;
}
.homepage-callout-right:before {
   	border-color: transparent rgba(255, 255, 255, 0.8);
    border-style: solid;
    border-width: 40px 22px 0 0;
    bottom: auto;
    content: "";
    display: block;
    position: absolute;
    right: 60%;
    top: -40px;
    width: 0;
}

.homepage-callout-left h1, .homepage-callout-right h1, .homepage-callout-left h2, .homepage-callout-right h2 {
	font-size: 18px;
	line-height: 23px;
	margin: 0;
}
.homepage-callout-left p, .homepage-callout-right p {
	color: #B0007D;
	font-size: 16px;
	line-height: 23px;
	margin: 0;
}

.tw-social {
	list-style: none;
	padding: 0;
	margin: 0;
}
.tw-social li {

}
.article-nav-mobile {
    margin: 40px 0 0;
    width: 100%;
}
.social-container h4 {
	color: #B0007D;
	font-size: 16px;
	font-weight: 500;
	line-height: 24px;
	margin: 0 0 0 15px;
}
.social-container p {
    font-size: 14px;
    line-height: 24px;
    margin: 0 0 0 15px;
}
.social-container img {
	margin-right: 10px;
	margin-bottom: 75px;
}
.social-container {
	margin-bottom:45px;
	margin-top:45px;
}
.social-container-min div {
	float:left;
	margin: 5px 0px 0px 10px;
}
.social-container-min img {
	width:30px;
	height:30px;
}

#google-map {
	margin-top: 35px;
	line-height: 0;
}
.addthis_toolbox {
    background-color: #393536;
    padding: 5px;
    position: absolute;
    right: 15px;
    top: 15px;
    width: 180px;
}
.addthis_toolbox span {
    color: #FFFFFF;
    display: block;
    float: left;
    font-size: 11px;
    padding: 0 10px;
    text-transform: uppercase;
}
.addthis_toolbox a {
   display: block;
    float: left;
    border-left: 1px solid #514E4E;
}
/* Get More Button */

#GetMorePosts {
	border-bottom: 1px solid #E3E3E3;
	position: relative;
	margin-top: 35px;
	margin-bottom: 25px;
}
.get-more-posts {
	border-bottom: 1px solid #E3E3E3;
	position: relative;
	margin-top: 35px;
}
.get-more-posts .button {
    background-color: #FFFFFF;
    border: 1px solid #E3E3E3;
    display: block;
    font-size: 20px;
    left: 50%;
    margin: auto auto auto -50px;
    padding: 5px 10px;
    position: absolute;
    text-align: center;
    outline: none;
    top: -22px;
    width: 100px;
    -moz-box-shadow:    0 1px 0 10px #FFFFFF;
	-webkit-box-shadow: 0 1px 0 10px #FFFFFF;
	box-shadow: 0 1px 0 10px #FFFFFF;
}
.get-more-posts .button:hover {
	color: #231F20;
	text-decoration: none;
}
.get-more-posts .button:hover, .get-more-posts .button:focus {
	color: #231F20;
	text-decoration: none;
}
.icon-phone {                  /*  the HTML element that will be turned into a carousel */
	display: none;
	margin-top:30px;
}
#ClientList {
	display: none;
	margin-top:30px;
}
.ie8 #ClientList {
	display: block;
}
#AssociationsList {
	display: none;
	margin-top:30px;
}
.ie8 #AssociationsList {
	display: block;
}
.tw-carousel-history, .tw-carousel-history .caroufredsel_wrapper {
	height: 380px !important;
}
#HistoryList {
	height: 380px !important;
	display: none;
}
#HistoryList li {
	margin: 0 17px;
}
#HistoryList p {
	font-size: 14px;
	line-height: 24px;
}
#HistoryList h3 {
	color: #920067;
	font-size: 16px;
	line-height: 24px;
	font-weight: 500;
	margin: 0;
}
#scrollUp {
	display: none !important;
}
.tw-title-container {
	margin-bottom: 40px;
}
.tw-title-border {
	background-color: #B0007D;
	display: block;
	height: 2px;
    left: 0;
    position: relative;
    width: 35px;
}
.carousel-container {
	margin-top:20px;
}
.tax-expertise .header, .single-tw_team .header, .tax-clients .header, .tax-associations .header {
	margin-bottom: 20px;
}
.wide-view {
    background-color: #F6F6F6;
    color: #FFFFFF;
    margin-bottom: 18px;
    padding-bottom: 45px;
}
.wide-view h1, .wide-view h2 {
	color: #B0007D;
	font-size: 41px;
	margin:30px 0;
	font-weight: 500;
}
.wide-view p {
	color: #231F20;
	font-size: 19px;
	line-height: 34px;
	margin:35px 0 0 0;
}
.wide-view a {
	color: #C90394;
}
.wide-view-dark {
    background-color: #393536;
    color: #FFFFFF;
    margin-bottom: 18px;
    padding-bottom: 45px;
}
.wide-view-dark h1, .wide-view-dark h2 {
	color: #FFFFFF;
	font-size: 41px;
	margin:30px 0;
	font-weight: 500;
}
.wide-view-dark p {
	color: #FFF;
	font-size: 19px;
	line-height: 34px;
	margin:35px 0 0 0;
}
.wide-view-dark a {
	color: #C90394;
}
.wide-view-contact {
    background-color: #E6E6E6;
    color: #FFFFFF;
    margin-bottom: 18px;
    padding-bottom: 45px;
}
.wide-view-contact h1, .wide-view-contact h2 {
   	color: #B0007D;
    font-size: 41px;
    font-weight: 500;
    line-height: 48px;
    margin: 30px 0 0;
}
.wide-view-contact p {
	color: #FFF;
	font-size: 19px;
	line-height: 34px;
	margin:35px 0 0 0;
}
.wide-view-contact a {
	color: #C90394;
}



.wide-view-alt {
    background-color: #900066;
    color: #FFFFFF;
    margin-bottom: 18px;
    padding-bottom: 45px;
}
.wide-view-alt h1, .wide-view-alt h2 {
    color: #FFFFFF;
    font-size: 41px;
    margin: 30px 0 0;
    line-height: 48px;
    font-weight: 500;

}
.wide-view-alt p {
	font-size: 19px;
	margin:30px 0 0 0;
}


/* Detail Page */
.loop-image img {
	display: block;
    height: auto;
    max-width: 100%;
}
.detail-page-header h1 {
	font-size: 28px;
	margin-bottom: 25px;
}
.detail-page p {
	font-size: 16px;
}
.detail-page-header .category {
 	background-color: #B0007D;
    color: #FFFFFF;
    font-size: 11px;
    padding: 4px 12px;
    text-transform: uppercase;
}
.detail-page-header .date {
	color: #565656;
    display: inline-block;
    font-size: 11px;
    margin-left: 20px;
    text-transform: uppercase;
}
.detail-page-header .category a {
	color: #FFF;
}
.detail-page {
	margin: 5px 0 30px 0;
}
.detail-page img {
	margin-bottom: 25px;
}
.client-logo {
	width: 250px;
	display: block;
}
.client-logo img {
	margin-top:20px;
}
aside h3 {
	font-size: 19px;
	margin: 25px 0;
}
.you-may-also {
	list-style: none;
	padding: 0;
	margin: 0;
}
.you-may-also .time-posting {
	color: #565656;
    display: block;
    font-size: 11px;
	text-transform: uppercase;
	background: none;
	bottom: 0;
    color: #393536;
    display: block;
    margin:5px 0 0 0;
    padding: 0;
    position: relative;
    right: 0;
    z-index: 0;
}
.you-may-also .time-posting h4 {
	font-size: 14px;
}
.you-may-also .article-thumbnail {
	position: relative;
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
	width: 105px;
}
.you-may-also .article-thumbnail .category-label {
    background-color: #B0007D;
    color: #FFFFFF;
    font-size: 11px;
    font-weight: 400;
    padding: 4px 12px;
    position: absolute;
    right: 6px;
    text-transform: uppercase;
    top: 6px;
    line-height: 10px;
    z-index: 999;
}
.you-may-also .article-thumbnail .category-label a {
	color: #FFFFFF;
}
.dropdown-toggle, .dropdown-menu {
	width: 100%;
	text-align: left;
}
h2.position {
    font-size: 20px;
    font-weight: 400;
    line-height: 33px;
    margin: 0;
}
.twitter-name-title {
    display: block;
    font-size: 20px;
    font-weight: 400;
    line-height: 33px;
    margin: 5px 0 0;
}
/* ==========================================================================
   Helper classes
   ========================================================================== */
#ArticleGrid {
	margin: 35px 0 0 0;
}
#ArticleGrid .mix {
    position: relative;
    margin-bottom: 25px;
}
#ArticleGrid .tweet div {
	background-color: #393536;
    color: #FFFFFF;
    padding: 10px;
    position: relative;
    text-align: right;
}
#ArticleGrid .quote div {
	background-color: #920067;
    color: #FFFFFF;
    padding: 10px;
    position: relative;
    text-align: right;
}
#ArticleGrid .tweet div .time {
    display: block;
    font-size: 11px;
    margin-bottom: 12px;
    text-transform: uppercase;
}
#ArticleGrid .tweet div .category-label, #ArticleGrid .quote div .category-label {
	right: 10px
}
#ArticleGrid .tweet div .category-label a, #ArticleGrid .quote div .category-label a {
	color: #FFF;
}
#ArticleGrid .tweet div .category-label:hover, #ArticleGrid .quote div .category-label:hover {
	background-color: black;
}
#ArticleGrid .tweet div p, #ArticleGrid .quote div p {
   	left: 5px;
    margin: 0;
    position: absolute;
    right: 10px;
    top: 52px;
    width: 94%;
}
#ArticleGrid .quote div p {
    top: 80px;
}
.tw-expertise {
	padding: 0;
	list-style: none;
	font-size: 21px;
}
.expertise-container {
	margin:30px 0;
}
.expertise-container a {
  	display: block;
    font-size: 19px;
    line-height: 34px;
}
.expertise-container a:hover {
	color: #393536;
}
.relative {
	position: relative;
}
.buffer-top {
	margin-top:20px;
}
.buffer-bottom {
	margin-bottom: 10px;
}
/*
 * Image replacement
 */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    /* IE 6/7 fallback */
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */

.hidden {
    display: none !important;
    visibility: hidden;
}

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/*
 * Hide visually and from screenreaders, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.clearfix {
    *zoom: 1;
}
#floatingBarsG{
position:relative;
width:20px;
height:25px;
margin: auto;

}

.blockG{
position:absolute;
background-color:#;
width:3px;
height:8px;
-moz-border-radius:3px 3px 0 0;
-moz-transform:scale(0.4);
-moz-animation-name:fadeG;
-moz-animation-duration:0.72s;
-moz-animation-iteration-count:infinite;
-moz-animation-direction:linear;
-webkit-border-radius:3px 3px 0 0;
-webkit-transform:scale(0.4);
-webkit-animation-name:fadeG;
-webkit-animation-duration:0.72s;
-webkit-animation-iteration-count:infinite;
-webkit-animation-direction:linear;
-ms-border-radius:3px 3px 0 0;
-ms-transform:scale(0.4);
-ms-animation-name:fadeG;
-ms-animation-duration:0.72s;
-ms-animation-iteration-count:infinite;
-ms-animation-direction:linear;
-o-border-radius:3px 3px 0 0;
-o-transform:scale(0.4);
-o-animation-name:fadeG;
-o-animation-duration:0.72s;
-o-animation-iteration-count:infinite;
-o-animation-direction:linear;
border-radius:3px 3px 0 0;
transform:scale(0.4);
animation-name:fadeG;
animation-duration:0.72s;
animation-iteration-count:infinite;
animation-direction:linear;
}

#rotateG_01{
left:0;
top:9px;
-moz-animation-delay:0.27s;
-moz-transform:rotate(-90deg);
-webkit-animation-delay:0.27s;
-webkit-transform:rotate(-90deg);
-ms-animation-delay:0.27s;
-ms-transform:rotate(-90deg);
-o-animation-delay:0.27s;
-o-transform:rotate(-90deg);
animation-delay:0.27s;
transform:rotate(-90deg);
}

#rotateG_02{
left:3px;
top:3px;
-moz-animation-delay:0.36s;
-moz-transform:rotate(-45deg);
-webkit-animation-delay:0.36s;
-webkit-transform:rotate(-45deg);
-ms-animation-delay:0.36s;
-ms-transform:rotate(-45deg);
-o-animation-delay:0.36s;
-o-transform:rotate(-45deg);
animation-delay:0.36s;
transform:rotate(-45deg);
}

#rotateG_03{
left:8px;
top:1px;
-moz-animation-delay:0.45s;
-moz-transform:rotate(0deg);
-webkit-animation-delay:0.45s;
-webkit-transform:rotate(0deg);
-ms-animation-delay:0.45s;
-ms-transform:rotate(0deg);
-o-animation-delay:0.45s;
-o-transform:rotate(0deg);
animation-delay:0.45s;
transform:rotate(0deg);
}

#rotateG_04{
right:3px;
top:3px;
-moz-animation-delay:0.54s;
-moz-transform:rotate(45deg);
-webkit-animation-delay:0.54s;
-webkit-transform:rotate(45deg);
-ms-animation-delay:0.54s;
-ms-transform:rotate(45deg);
-o-animation-delay:0.54s;
-o-transform:rotate(45deg);
animation-delay:0.54s;
transform:rotate(45deg);
}

#rotateG_05{
right:0;
top:9px;
-moz-animation-delay:0.63s;
-moz-transform:rotate(90deg);
-webkit-animation-delay:0.63s;
-webkit-transform:rotate(90deg);
-ms-animation-delay:0.63s;
-ms-transform:rotate(90deg);
-o-animation-delay:0.63s;
-o-transform:rotate(90deg);
animation-delay:0.63s;
transform:rotate(90deg);
}

#rotateG_06{
right:3px;
bottom:2px;
-moz-animation-delay:0.72s;
-moz-transform:rotate(135deg);
-webkit-animation-delay:0.72s;
-webkit-transform:rotate(135deg);
-ms-animation-delay:0.72s;
-ms-transform:rotate(135deg);
-o-animation-delay:0.72s;
-o-transform:rotate(135deg);
animation-delay:0.72s;
transform:rotate(135deg);
}

#rotateG_07{
bottom:0;
left:8px;
-moz-animation-delay:0.8099999999999999s;
-moz-transform:rotate(180deg);
-webkit-animation-delay:0.8099999999999999s;
-webkit-transform:rotate(180deg);
-ms-animation-delay:0.8099999999999999s;
-ms-transform:rotate(180deg);
-o-animation-delay:0.8099999999999999s;
-o-transform:rotate(180deg);
animation-delay:0.8099999999999999s;
transform:rotate(180deg);
}

#rotateG_08{
left:3px;
bottom:2px;
-moz-animation-delay:0.9s;
-moz-transform:rotate(-135deg);
-webkit-animation-delay:0.9s;
-webkit-transform:rotate(-135deg);
-ms-animation-delay:0.9s;
-ms-transform:rotate(-135deg);
-o-animation-delay:0.9s;
-o-transform:rotate(-135deg);
animation-delay:0.9s;
transform:rotate(-135deg);
}

@-moz-keyframes fadeG{
0%{
background-color:#930166}

100%{
background-color:#}

}

@-webkit-keyframes fadeG{
0%{
background-color:#930166}

100%{
background-color:#}

}

@-ms-keyframes fadeG{
0%{
background-color:#930166}

100%{
background-color:#}

}

@-o-keyframes fadeG{
0%{
background-color:#930166}

100%{
background-color:#}

}

@keyframes fadeG{
0%{
background-color:#930166}

100%{
background-color:#}

}
/* make keyframes that tell the start state and the end state of our object */
@-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@keyframes fadeIn { from { opacity:0; } to { opacity:1; } }

.fade-in {
    opacity:0;  /* make things invisible upon start */
    -webkit-animation:fadeIn ease-in 1;  /* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time */
    -moz-animation:fadeIn ease-in 1;
    animation:fadeIn ease-in 1;

    -webkit-animation-fill-mode:forwards;  /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
    -moz-animation-fill-mode:forwards;
    animation-fill-mode:forwards;

    -webkit-animation-duration:1s;
    -moz-animation-duration:1s;
    animation-duration:1s;
}

/* Pagination */
.pagination{
    text-align: left;
}
.pagination{
    margin: 0;
	margin-bottom:30px;
}
.pagination ul {
    display: inline-block;
    margin-left: 0;
    margin-bottom: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
	padding-left:10px;
}
.pagination ul>li {
    display: inline;
	line-height:16px;
}
.pagination ul>li>a, .pagination ul>li>span {
    float: left;
    padding: 2px 12px;
    line-height: 16px;
    text-decoration: none;
    background-color: #ffffff;
    border: 1px solid #dddddd;
    border-left-width: 0;
}
.tw-pagination.pagination ul>li>a,
.tw-pagination.pagination ul>li>span{
    margin-left: 5px;
    padding: 0;
    width: 28px;
    height: 28px;
    border: 2px solid #d6d6d6;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    color: #d6d6d6;
    text-align: center;
    text-align: center;
    font-weight: bold;
    line-height: 24px;
}
.pagination ul>li>a.current, .pagination ul>li>span.current, .pagination ul>li>a:hover{
    border-color: #000;
    background: #fff;
    color: #000;
}
.tw-pagination.pagination ul>li>a.selected{
    background: #2dcb73;
    color: #fff;
}
/* Custom Media Queries */
@media (min-width: 415px) and (max-width: 479px) {
	#ArticleGrid .mix h3 span {
	    font-size: 20px;
	}

}
@media(max-width:480px) {
	.addthis_toolbox {
		position: relative;
		top: auto;
		right: auto;
		left: auto;
	}
	#ArticleGrid .mix .category-label {
		font-size:14px;
		line-height:14px;
	}
	#ArticleGrid .tweet div .time {
		font-size:14px;
		line-height:12px;
	}
	/*
	#ArticleGrid .mix {
		overflow:hidden;
	}
	#ArticleGrid .mix h3 {
		top:10px;
		padding:4px;
	}*/
	#ArticleGrid .mix h3 span {
		font-size: 22px;
		padding:8px;
	}

	#ArticleGrid .tweet div p, #ArticleGrid .quote div p {
		font-size: 20px;
		line-height:30px;
	}
	/*#ArticleGrid .tweet div .time {
		margin-bottom:4px;
	}*/
	#sidebar div.row {
		margin-left:-15px;
		margin-right:0px;
	}
	footer h4 a {
		font-size: 14px;
	}
	.homepage-callout-left {
	    margin: 15px auto 50px;
	    position: relative;
	    top: auto;
	    width: 92%;
	    left: auto;
	    bottom: auto;
	}
	.ie8 .homepage-callout-left {
		position: absolute;
	}
	.homepage-callout-right {
	    bottom: auto;
	    margin: 15px auto 20px;
	    position: relative;
	    right: auto;
	    top: auto;
	    width: 92%;
	}
	.homepage-slider .ls-wp-container {
		background-color: #BBBAB8;
		height: auto !important;
		padding-bottom: 1px;
		padding-top:1px;
	}
	.homepage-slider .ls-wp-container .ls-inner {
		display: none;
	}
	.callout-container {
		margin-top: 0;
	}

	.header {
		height: auto;
		min-height: inherit
	}
	.wide-view-alt h2 {

	}
}
@media (min-width: 481px) and (max-width: 767px) {

	#ArticleGrid .mix h3 span {
		font-size: 17px;
	}
	footer h4 a {
		font-size: 14px;
	}
	.homepage-callout-left {
	    margin: 15px auto 50px;
	    position: relative;
	    top: auto;
	    width: 92%;
	    left: auto;
	    bottom: auto;
	}
	.homepage-callout-right {
	    bottom: auto;
	    margin: 15px auto 20px;
	    position: relative;
	    right: auto;
	    top: auto;
	    width: 92%;
	}
	#layerslider_1 {
		background-color: #BBBAB8;
		height: auto !important;
		padding-bottom: 1px;
		padding-top:1px;
	}
	.homepage-slider .ls-wp-container .ls-inner {
		display: none;
	}
	.callout-container {
		margin-top: 0;
	}
	#ArticleGrid .tweet div p, #ArticleGrid .quote div p {
		font-size: 12px;
	}
	.header {
		height: auto;
		min-height: inherit
	}
}
@media(min-width:768px) {
	#ArticleGrid .mix h3 span {
		font-size: 21px;
	}
	footer h4 a {
		font-size: 14px;
	}
	#ArticleGrid .tweet div p, #ArticleGrid .quote div p {
		font-size: 17px;
	}
	#MainNav {
		margin: 28px 0 0;
	}
	#MainNav li {
		font-size: 22px;
	}
	.homepage-callout-left p, .homepage-callout-right p {
		font-size: 18px;
		line-height: 30px;
	}
	.header {
		min-height: 180px;
	}
}
@media(min-width:992px) {
	p {
		font-size: 16px;
		line-height: 24px;
	}

	#ArticleGrid .mix h3 span {
		font-size: 15px;
	}
	footer {
		font-size: 16px;
	}
	footer h4 a {
		font-size: 16px;
	}
	.homepage-callout-left h1, .homepage-callout-right h1, .homepage-callout-left h2, .homepage-callout-right h2 {
		font-size: 22px;
		line-height: 30px;
	}
	.homepage-callout-left p, .homepage-callout-right p {
		font-size: 19px;
		line-height: 30px;
	}
	.article-nav li {
		font-size: 17px;
	}
	#ArticleGrid .tweet div p, #ArticleGrid .quote div p {
		font-size: 15px;
		line-height: 24px;
	}
	#MainNav {
		margin: 52px 0 0 0;
	}
	#MainNav li {
		font-size: 28px;
	}
	.header {
		min-height: 215px;
	}
}
@media(min-width:1200px) {
	.social-container p {
    	font-size: 14px;
	}
	#ArticleGrid .mix h3 span {
		font-size: 16px;
	}
	footer {
		font-size: 16px;
	}
	footer h4 a {
		font-size: 16px;
	}
	.homepage-callout-left h1, .homepage-callout-right h1, .homepage-callout-left h2, .homepage-callout-right h2 {
		font-size: 24px;
		line-height: 30px;
	}
	.homepage-callout-left p, .homepage-callout-right p {
		font-size: 21px;
		line-height: 30px;
	}
	#MainNav li {
		font-size: 28px;
	}
}



/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 35em) {
    /* Style adjustments for viewports that meet the condition */
}

@media print,
       (-o-min-device-pixel-ratio: 5/4),
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}