/*

Theme Name: The Observer
Theme URI: 
Description: Theme for The Observer
Version: 1.0
Author: Kevin Song & Usman Group

*/
.sticky { 
	
}

.photostream {
	margin-bottom: 20px;
	clear:both;
}
.flickrstream{
	height:230px;
	overflow-y:auto;
	clear:both;
}
.flickrstream::-webkit-scrollbar { 
    display: none; 
}
.photostream a{
	color: white;
}
.photostream a:link{
	color: white;
}
.photostream a:visited{
	color: white;
}
.photostream a:active{
	color: white;
}
.photostream a:active{
	color: white;
}

.content-body img {
	margin-bottom: 20px;
}

.print-scroller img {
	border: 1px solid #cccccc;
	box-shadow: 3px 3px 6px #AAAAAA;
}

.bypostauthor {
	
}

.aligncenter {
	
}

span.tags{
	margin-top: 15px;
	display: inline-block;
}

/* Style image credit on top */
.media-credit {
	background: black;
	background: rgba(0,0,0,0.5);
	color: white !important;
	padding: 5px;
	position: absolute;
	bottom: 0;
	right: 0;
}

.media-credit-container {
	position: relative;
	overflow: hidden;
}
.media-credit a {
	color: white;
}

/* Fix for no caption*/
.media-credit {
margin-right: 2px !important;
}
.wp-caption .media-credit {
margin-right: 0px !important;
}
.media-credit-container {
margin-bottom: 25px !important;
}
.wp-caption .media-credit-container {
margin-bottom: 5px !important;
}

/* set container max-width so it works responsively */
.wp-caption {
	max-width: 100%;
}


.content-body br {
	line-height:2.75;
	margin-top: 10px;
	display: block;
}

.size-auto, 
.size-full,
.size-large,
.size-medium,
.size-thumbnail {
	max-width: 100%;
	height: auto;
}

.wp-caption-text.gallery-caption{
	display:none;
}

i.disclaimer {
	color: #898989 !important;
	font-size: 0.85em !important;
}
.tags {
	font-size: 0.85em !important;
}
article.section img{
	margin-right:10px;
}


h2.topic a .title {
	color:white;
}

.wp-caption.alignright {
	float:right;
	margin-left:10px;
}
.wp-caption.alignleft {
	float:left;
	margin-right: 10px;
}
.wp-caption.alignnone {
	float:right;
	margin-left:10px;
}

img, .media-credit-container{
	max-width:100% !important;
}

img[class*="align"],
img[class*="wp-image-"] {
    height: auto; /* Make sure images with WordPress-added height and width >attributes are scaled correctly */
}

.container.page {
	width: 60%;
	margin-left:auto;
	margin-right:auto;
	margin-bottom: 50px;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary {
  display: block;
}
audio,
canvas,
video {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}
audio:not([controls]) {
  display: none;
  height: 0;
}
[hidden] {
  display: none;
}
html {
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}
html,
button,
input,
select,
textarea {
  font-family: sans-serif;
  color: #222;
}
body {
  margin: 0;
  font-size: 1em;
  line-height: 1.4;
}
::-moz-selection {
  background: #0063be;
  color: #ffffff;
  text-shadow: none;
}
::selection {
  background: #0063be;
  color: #ffffff;
  text-shadow: none;
}
a {
  color: #00e;
}
a:visited {
  color: #551a8b;
}
a:hover {
  color: #06e;
}
a:focus {
  outline: thin dotted;
}
a:hover,
a:active {
  outline: 0;
}
abbr[title] {
  border-bottom: 1px dotted;
}
b,
strong {
  font-weight: bold;
}
blockquote {
  margin: 0;
  padding: 0;
}
dfn {
  font-style: italic;
}
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}
ins {
  background: transparent;
  color: #000;
  text-decoration: none;
}
mark {
  background: #ff0;
  color: #000;
  font-style: italic;
  font-weight: bold;
}
pre,
code,
kbd,
samp {
  font-family: monospace, serif;
  _font-family: 'courier new', monospace;
  font-size: 1em;
}
pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word;
}
q {
  quotes: none;
}
q:before,
q:after {
  content: "";
  content: none;
}
small {
  font-size: 85%;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
ul,
ol,
li {
  margin: 0;
  padding: 0;
  list-style: none;
}
dd,
dt,
dl {
  margin: 0;
}
nav ul,
nav ol {
  list-style: none;
  list-style-image: none;
  margin: 0;
  padding: 0;
}
img {
  border: 0;
  -ms-interpolation-mode: bicubic;
  vertical-align: middle;
}
svg:not(:root) {
  overflow: hidden;
}
figure {
  margin: 0;
}
form {
  margin: 0;
}
fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}
label {
  cursor: pointer;
}
legend {
  border: 0;
  *margin-left: -7px;
  padding: 0;
  white-space: normal;
}
button,
input,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  margin: 0;
  vertical-align: baseline;
  *vertical-align: middle;
}
button,
input {
  line-height: normal;
}
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  cursor: pointer;
  -webkit-appearance: button;
  *overflow: visible;
}
button[disabled],
input[disabled] {
  cursor: default;
}
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
  *width: 13px;
  *height: 13px;
}
input[type="search"] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button {
  -webkit-appearance: none;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
textarea {
  overflow: auto;
  vertical-align: top;
  resize: vertical;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
td {
  vertical-align: top;
}
h1,
h2,
h3,
h4,
h5,
h6,
p,
a,
span,
em {
  font-size: 1em;
  margin: 0;
  padding: 0;
  line-height: normal;
}
.chromeframe {
  margin: 0.2em 0;
  background: #ccc;
  color: black;
  padding: 0.2em;
}
.backface-visibility {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
}
.background-cover {
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.wordpress-logo #wpadminbar .quicklinks {
  border-left: 0 !important;
}
.wordpress-logo #wp-admin-bar-wp-logo > .ab-item .ab-icon {
  background: url(extras/ug-wp.png) no-repeat 0 0 transparent !important;
}
.wordpress-logo #wpadminbar.nojs #wp-admin-bar-wp-logo:hover > .ab-item .ab-icon,
.wordpress-logo #wpadminbar #wp-admin-bar-wp-logo.hover > .ab-item .ab-icon {
  background: url(extras/ug-wp.png) no-repeat 0 -20px transparent !important;
}
.sprite {
  background-image: url('img/sprite.png');
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  .sprite {
    background-image: url('img/sprite@2x.png');
    background-size: 300px 600px;
  }
}
.footer-top {
  background-image: url('img/footer-top.jpg');
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  .footer-top {
    background-image: url('img/footer-top@2x.jpg');
    background-size: 24px 23px;
  }
}
.nav-pattern {
  background-image: url('img/nav-line-pattern.jpg');
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  .nav-pattern {
    background-image: url('img/nav-line-pattern@2x.jpg');
    background-size: 3px 3px;
  }
}
.social-sprite {
  background-image: url('img/social-sprite.jpg');
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  .social-sprite {
    background-image: url('img/social-sprite@2x.jpg');
    background-size: 370px 351px;
  }
}
.gradient-pattern {
  background-image: url('img/gradient-line.jpg');
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  .gradient-pattern {
    background-image: url('img/gradient-line@2x.jpg');
    background-size: 24px 25px;
  }
}
.line-pattern {
  background-image: url('img/post-line-pattern.jpg');
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  .line-pattern {
    background-image: url('img/post-line-pattern@2x.jpg');
    background-size: 3px 3px;
  }
}
.number-sprite {
  /*background-image: url('img/number-sprite.png');*/
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  .number-sprite {
    /*background-image: url('img/number-sprite@2x.png');*/
    background-size: 77px 302px;
  }
}
.video-play {
  background-image: url('img/video-play.png');
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  .video-play {
    background-image: url('img/video-play@2x.png');
    background-size: 65px 40px;
  }
}
img {
  max-width: 100%;
}
body {
  color: #595959;
  font-size: 1em;
  font-family: 'Droid Serif', serif;
  font-weight: 400;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
}
a,
a:visited,
a:hover {
  text-decoration: none;
  color: #20a6d0;
}
a img {
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  -webkit-backface-visibility: hidden;
}
a img:hover {
  filter: alpha(opacity=90);
  opacity: 0.9;
}
.container {
  max-width: 1170px;
  margin: 0 auto;
  padding: 0 20px;
}
.overview .wrapper {
  width: 64%;
  float: left;
}
.detail .wrapper {
  width: 60%;
  float: left;
}
#main .container {
  overflow: hidden;
}
a.read-more {
  text-decoration: underline;
  white-space: nowrap;
  padding-right: 20px;
  position: relative;
}
a.read-more:hover {
  text-decoration: none;
}
a.read-more .arrow,
a.see-all .arrow {
  display: inline-block;
  text-indent: -9999em;
  width: 13px;
  height: 13px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background-image: url('img/sprite.png');
  background-position: 4px -121px;
  background-repeat: no-repeat;
  background-color: #20a6d0;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  a.read-more .arrow,
  a.see-all .arrow {
    background-image: url('img/sprite@2x.png');
    background-size: 300px 600px;
  }
}
a.read-more .arrow {
  position: absolute;
  right: 2px;
  top: 3px;
}
h2.topic,
h3.topic {
  width: 100%;
  position: relative;
  float: left;
  height: 43px;
  background-image: url('img/post-line-pattern.jpg');
  background-repeat: repeat;
  color: #ffffff;
  font-size: 1em;
  font-family: 'Oswald', sans-serif;
  font-weight: 700;
  font-style: normal;
  text-transform: uppercase;
  white-space: nowrap;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  h2.topic,
  h3.topic {
    background-image: url('img/post-line-pattern@2x.jpg');
    background-size: 3px 3px;
  }
}
h2.topic .title,
h3.topic .title {
  position: absolute;
  left: 0;
  top: 0;
  padding: 0 40px 0 20px;
  height: 100%;
  line-height: 43px;
  background: #1f2f5d;
}
/* /////////////////START-Header */
header {
  width: 100%;
}
header .top-nav {
  width: 100%;
  height: 30px;
  float: left;
  position: relative;
  z-index: 1000;
  background-color: #2d395c;
  background-image: -webkit-linear-gradient(top, #24366b, #2d395c);
  background-image: -moz-linear-gradient(top, #24366b, #2d395c);
  background-image: -ms-linear-gradient(top, #24366b, #2d395c);
  background-image: -o-linear-gradient(top, #24366b, #2d395c);
  background-image: linear-gradient(top, #24366b, #2d395c);
  border-bottom: 1px solid #B7B8BB;
  -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
  -o-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}
.top-nav .weather {
  float: left;
}
.top-nav .icons {
  float: right;
  margin-right: 30px;
}
.top-nav .search {
  float: left;
  position: relative;
  overflow: hidden;
  height: 30px;
  width: 30px;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.top-nav .search.reveal {
  width: 230px;
}
.top-nav .search .search-btn {
  display: block;
  text-indent: -9999em;
  background: none;
  background-image: url('img/sprite.png');
  background-position: 4px 4px;
  background-repeat: no-repeat;
  outline: none;
  border: none;
  width: 30px;
  height: 30px;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 20;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  -webkit-appearance: none;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  .top-nav .search .search-btn {
    background-image: url('img/sprite@2x.png');
    background-size: 300px 600px;
  }
}
.top-nav .search span.search-btn {
  cursor: pointer;
  z-index: 21;
}
.top-nav .search span.search-btn:hover {
  background-color: #354f9d;
}
top-nav .search.reveal span.search-btn {
  display: none;
}
.top-nav .search input.search-btn {
  z-index: 22;
  display: none;
}
.top-nav .search.reveal input.search-btn {
  display: block;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  -webkit-appearance: none;
}
.top-nav .search.reveal input.search-btn:hover {
  background-color: #1B2850;
}
.top-nav .search .search-container {
  display: none;
}
.top-nav .search.reveal .search-container {
  display: block;
}
.top-nav .search-container input.search-field {
  outline: none;
  height: 28px;
  width: 180px;
  padding: 0 10px;
  line-height: 28px;
  margin-top: 1px;
  border: none;
  color: #595959;
  font-size: 0.875em;
  font-family: 'Droid Serif', serif;
  font-weight: 400;
  font-style: normal;
  background: #fff;
  position: relative;
  z-index: 10;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  -webkit-appearance: none;
}
.top-nav ul {
  float: left;
}
.top-nav ul li {
  position: relative;
  display: inline;
}
.top-nav ul li a {
  float: left;
  width: 40px;
  height: 30px;
  text-indent: -9999em;
  background-image: url('img/sprite.png');
  background-repeat: no-repeat;
  background-position: 11px -28px;
  border-left: 1px solid #111A33;
  border-right: 1px solid #111A33;
  margin-left: -1px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  .top-nav ul li a {
    background-image: url('img/sprite@2x.png');
    background-size: 300px 600px;
  }
}
.top-nav ul li a:hover {
  background-color: #354f9d;
}
.top-nav ul li.email a {
  background-position: 9px -67px;
}
.top-nav ul li ul {
  display: none;
  position: absolute;
  float: none;
  top: 30px;
  background: #fff;
  padding-top: 10px;
  border: 1px solid #dadada;
  width: 180px;
  left: 50%;
  margin-left: -100px;
  z-index: 0;
}
.top-nav ul li:hover ul {
  display: block;
  -webkit-animation-duration: 0.2s;
  -moz-animation-duration: 0.2s;
  -o-animation-duration: 0.2s;
  animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: fadeInUp;
  -moz-animation-name: fadeInUp;
  -o-animation-name: fadeInUp;
  animation-name: fadeInUp;
}
.top-nav ul li ul li a {
  width: 160px;
  padding: 8px 10px;
  border-bottom: 1px solid #dadada;
  margin-bottom: -1px;
  color: #20a6d0;
  font-size: 0.875em;
  font-family: 'Droid Serif', serif;
  font-weight: 400;
  font-style: normal;
}
.top-nav ul li ul li a:hover {
  color: #fff;
  background: #20a6d0;
}
.top-nav ul li ul a {
  background: none;
  width: auto;
  height: auto;
  text-indent: 0;
  border: none;
  margin: 0;
}
.main-nav {
  width: 100%;
  clear: both;
  float: left;
}
.main-nav .logo-container {
  width: 100%;
  padding: 20px 0;
  border-bottom: 1px solid #fff;
  -webkit-box-shadow: inset 0 40px 60px #ffffff;
  -moz-box-shadow: inset 0 40px 60px #ffffff;
  -o-box-shadow: inset 0 40px 60px #ffffff;
  box-shadow: inset 0 40px 60px #ffffff;
  background-image: url('img/nav-line-pattern.jpg');
  background-repeat: repeat;
  position: relative;
  z-index: 0;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  .main-nav .logo-container {
    background-image: url('img/nav-line-pattern@2x.jpg');
    background-size: 3px 3px;
  }
}
.main-nav .logo-container .menu-btn {
  display: none;
  float: right;
  margin: 10px 20px 0 0;
  width: 40px;
  height: 36px;
  text-indent: -9999em;
  background-image: url('img/sprite.png');
  background-repeat: no-repeat;
  background-position: 6px -478px;
  cursor: pointer;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  .main-nav .logo-container .menu-btn {
    background-image: url('img/sprite@2x.png');
    background-size: 300px 600px;
  }
}
.main-nav .logo-container .menu-btn:hover,
.main-nav .logo-container .menu-btn.active {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
}
.main-nav .logo-container h1 {
  max-width: 300px;
  width: 100%;
  margin: 0 auto;
}
.main-nav nav {
  float: left;
  clear: both;
  width: 100%;
  border-top: 1px solid #C4C4C4;
  border-bottom: 1px solid #C4C4C4;
}
.main-nav nav ul {
  text-align: center;
  margin: 0 auto;
}
.main-nav nav ul li {
  display: inline-block;
  width: 158px;
  position: relative;
}
.main-nav nav ul li a {
  width: 100%;
  padding: 14px 0 12px 0;
  display: block;
  border-bottom: 4px solid #F05A29;
  color: #3b3b3b;
  font-size: 1.25em;
  font-family: 'Oswald', sans-serif;
  font-weight: 700;
  font-style: normal;
  text-transform: uppercase;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.main-nav nav ul li.news a {
  border-color: #f05a29;
}
.main-nav nav ul li.news.active {
  background-color: #f05a29;
}
.main-nav nav ul li.news.active:after {
  border-top: 7px solid #f05a29;
}
.main-nav nav ul li.sports a {
  border-color: #e09c19;
}
.main-nav nav ul li.sports.active {
  background-color: #e09c19;
}
.main-nav nav ul li.sports.active:after {
  border-top: 7px solid #e09c19;
}
.main-nav nav ul li.scene a {
  border-color: #539f0d;
}
.main-nav nav ul li.scene.active {
  background-color: #539f0d;
}
.main-nav nav ul li.scene.active:after {
  border-top: 7px solid #539f0d;
}
.main-nav nav ul li.viewpoint a {
  border-color: #cf274a;
}
.main-nav nav ul li.viewpoint.active {
  background-color: #cf274a;
}
.main-nav nav ul li.viewpoint.active:after {
  border-top: 7px solid #cf274a;
}
.main-nav nav ul li.multimedia a {
  border-color: #1273aa;
}
.main-nav nav ul li.multimedia.active {
  background-color: #1273aa;
}
.main-nav nav ul li.multimedia.active:after {
  border-top: 7px solid #1273aa;
}
.main-nav nav ul li a:hover {
  padding-bottom: 5px;
  border-width: 11px;
}
.main-nav nav ul li.active a:hover {
  padding-bottom: 12px;
  border-width: 4px;
}
.main-nav nav ul li.active a {
  color: #fff;
}
.main-nav nav ul li.active:after {
  position: absolute;
  content: "";
  right: 50%;
  margin-right: -7px;
  top: 100%;
  width: 0;
  height: 0;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  z-index: 1;
}
/* /////////////////End-Header */
/* /////////////////Start-Home */
#main {
  float: left;
  width: 100%;
  background-image: url('img/gradient-line.jpg');
  background-repeat: repeat-x;
  background-position: center top;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  #main {
    background-image: url('img/gradient-line@2x.jpg');
    background-size: 24px 25px;
  }
}
#main .intro {
  padding: 30px 0;
}
#main .intro .container {
  position: relative;
}
#main .intro p {
  text-align: center;
  color: #3b3b3b;
  font-size: 1em;
  font-family: 'Oswald', sans-serif;
  font-weight: 300;
  font-style: normal;
  text-transform: uppercase;
  display: block;
  padding: 0 15%;
}
#main .intro a {
  text-decoration: underline;
}
#main .intro a:hover {
  text-decoration: none;
}
#main .intro .line {
  display: block;
  text-indent: -99999em;
  background: url(img/gold-line-long.jpg) no-repeat;
  background-color: #C9A062;
  width: 138px;
  height: 1px;
  position: absolute;
  left: 30px;
  top: 14px;
}
#main .intro .line.right {
  left: auto;
  right: 30px;
}
.featured-stories {
  width: 40%;
  float: left;
  padding-right: 1%;
}
.featured-stories article.large {
  width: 100%;
  margin-bottom: 40px;
}
.featured-stories article {
  width: 48%;
  float: left;
}
.featured-stories article.last {
  float: right;
}
.featured-stories article img {
  margin-bottom: 16px;
}
.featured-stories article h2 a {
  color: #2d2d2d;
  font-size: 2em;
  font-family: 'Yanone Kaffeesatz', sans-serif;
  font-weight: 700;
  font-style: normal;
  line-height: 34px;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.featured-stories article h3 a {
  color: #2d2d2d;
  font-size: 1.25em;
  font-family: 'Yanone Kaffeesatz', sans-serif;
  font-weight: 700;
  font-style: normal;
  line-height: 22px;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.featured-stories article h2 a:hover,
.featured-stories article h3 a:hover {
  color: #20a6d0;
}
.featured-stories article p {
  font-size: .875em;
  line-height: 18px;
  margin-top: 10px;
}
.headlines {
  float: left;
  width: 22%;
  padding: 0 1%;
  border-left: 4px double #E7E7E7;
  border-right: 4px double #E7E7E7;
}
.headlines ul.stories li a {
  color: #595959;
  font-size: .875em;
  padding: 20px 0;
  line-height: 18px;
  border-bottom: 1px solid #E7E7E7;
  float: left;
  width: 100%;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.headlines ul.stories li a strong {
  display: block;
  color: #2e2e2e;
  font-size: 1.14em;
  font-family: 'Oswald', sans-serif;
  font-weight: 700;
  font-style: normal;
  margin-bottom: 10px;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.headlines ul.stories li a:hover {
  color: #3b3b3b;
}
.headlines ul.stories li a:hover strong {
  color: #20a6d0;
}
#main aside {
  float: right;
  width: 33%;
  padding-left: 1%;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
#main aside.hide {
  margin-right: -40%;
  overflow: visible;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
#main aside .ad {
  padding: 20px 10% 35px;
  background: #E9E9E9;
  margin-bottom: 20px;
  float: left;
  width: 80%;
}
#featured-sections .ad.last {
  margin-bottom: 20px;
}
#main aside .ad.last {
  margin-bottom: 20px;
  margin-top: 15px;
}
#main aside .ad.wide {
  padding: 10px 10% 20px;
}
#main aside .ad p {
  text-align: center;
  color: #3b3b3b;
  font-size: 0.75em;
  font-family: 'Oswald', sans-serif;
  font-weight: 300;
  font-style: normal;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-bottom: 10px;
}
#main aside .trending {
  width: 100%;
  clear: both;
  float: left;
  margin-bottom: 20px;
}
#main aside h2.topic {
  margin-bottom: 2px;
}
#main aside .trending li a {
  padding: 2px 0;
  float: left;
  width: 100%;
  border-bottom: 1px solid #e7e7e7;
  color: #595959;
  font-size: 0.875em;
  font-family: 'Droid Serif', serif;
  font-weight: 400;
  font-style: normal;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
#main aside .trending li a:hover,
.trending li a:hover .story-title {
  color: #3b3b3b;
  text-decoration: underline;
}
.trending li a .image {
  margin-right: 10px;
  position: relative;
  width: 107px;
  height: 56px;
  float: left;
}
.trending li a .story-title {
  float: left;
  margin: 10px 0 0 0;
  width: 60%;
}
.trending li a .image .number {
  display: block;
  text-indent: -9999em;
  position: absolute;
  left: 0;
  width: 107px;
  height: 56px;
  /*background-image: url('img/number-sprite.png');*/
  z-index: 100;
  background-repeat: no-repeat;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  .trending li a .image .number {
    /*background-image: url('img/number-sprite@2x.png');*/
    background-size: 77px 302px;
  }
}
.trending li a .image img {
  max-width: 107px;
  position: relative;
  z-index: 0;
}
/*
.trending li.one a .image .number {
  background-position: 0px 0px;
}
.trending li.two a .image .number {
  background-position: 0px -63px;
}
.trending li.three a .image .number {
  background-position: 0px -123px;
}
.trending li.four a .image .number {
  background-position: 0px -185px;
}
.trending li.five a .image .number {
  background-position: 0px -245px;
}*/
.scroller-container {
  width: 100%;
  padding: 5px 0 60px;
  float: left;
  clear: both;
}
.scroller li a {
  position: relative;
  display: block;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.scroller li .overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 1000;
  background-color: rgba(0, 0, 0, 0.5);
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.lt-ie9 .scroller li .overlay {
  background: url('img/50-opacity.png') repeat;
}
.scroller li.video .overlay {
  background-image: url('img/video-play.png');
  background-repeat: no-repeat;
  background-position: center center;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  .scroller li.video .overlay {
    background-image: url('img/video-play@2x.png');
    background-size: 65px 40px;
  }
}
.lt-ie9 .scroller li.video .overlay {
  background: url('img/ie-video.png') 0px 0px;
}
.lt-ie9 .scroller li.video a:hover .overlay {
  background: url('img/ie-video.png') 0px -230px;
}
.scroller li a:hover .overlay {
  background-color: rgba(0, 0, 0, 0);
}
.lt-ie9 .scroller li a:hover .overlay {
  background: none;
}
.scroller li .title {
  position: absolute;
  bottom: 0;
  padding: 10px 5%;
  width: 90%;
  color: #ffffff;
  font-size: 0.75em;
  font-family: 'Oswald', sans-serif;
  font-weight: 700;
  font-style: normal;
  text-transform: uppercase;
  background-color: rgba(0, 0, 0, 0.7);
}
.lt-ie9 .scroller li .title {
  background: url('img/70-opacity.png') repeat;
}
.scroller li .title .icon {
  height: 18px;
  width: 18px;
  margin-right: 5px;
  display: inline-block;
  text-indent: -9999em;
  background-image: url('img/sprite.png');
  background-repeat: no-repeat;
  background-position: 0px -277px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  .scroller li .title .icon {
    background-image: url('img/sprite@2x.png');
    background-size: 300px 600px;
  }
}
.scroller li.video .title .icon {
  background-position: 0px -231px;
}
.scroller-container .bx-wrapper .bx-controls-direction a {
  position: absolute;
  top: 50%;
  margin-top: -18px;
  outline: 0;
  width: 42px;
  height: 38px;
  text-indent: -9999px;
  z-index: 9999;
  background-image: url('img/sprite.png');
  background-repeat: no-repeat;
  background-color: #C4C4C3;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  .scroller-container .bx-wrapper .bx-controls-direction a {
    background-image: url('img/sprite@2x.png');
    background-size: 300px 600px;
  }
}
.scroller-container .bx-wrapper .bx-controls-direction a:hover {
  opacity: .8;
}
.scroller-container .bx-wrapper .bx-prev {
  left: 0;
  background-position: 14px -371px;
  cursor: pointer;
}
.scroller-container .bx-wrapper .bx-next {
  right: 0;
  background-position: 18px -320px;
  cursor: pointer;
}
/* /////////////////Start-Slider */
.bx-wrapper {
  position: relative;
  margin: 0 auto 60px;
  padding: 0;
  *zoom: 1;
}
.bx-wrapper img {
  max-width: 100%;
  display: block;
}
/* LOADER */
.bx-wrapper .bx-loading {
  min-height: 50px;
  background: url(img/bx_loader.gif) center center no-repeat #ffffff;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2000;
}
/* PAGER */
.bx-wrapper .bx-pager {
  text-align: center;
  font-size: .85em;
  font-family: Arial;
  font-weight: bold;
  color: #666;
  padding-top: 20px;
}
.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
  display: inline-block;
  *zoom: 1;
  *display: inline;
}
.bx-wrapper .bx-pager.bx-default-pager a {
  background: #666;
  text-indent: -9999px;
  display: block;
  width: 10px;
  height: 10px;
  margin: 0 5px;
  outline: 0;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
  background: #000;
}
/* DIRECTION CONTROLS (NEXT / PREV) */
.bx-wrapper .bx-controls-direction a.disabled {
  display: none;
}
/* AUTO CONTROLS (START / STOP) */
.bx-wrapper .bx-controls-auto {
  text-align: center;
}
.bx-wrapper .bx-controls-auto .bx-start {
  display: block;
  text-indent: -9999px;
  width: 10px;
  height: 11px;
  outline: 0;
  background: url(images/controls.png) -86px -11px no-repeat;
  margin: 0 3px;
}
.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active {
  background-position: -86px 0;
}
.bx-wrapper .bx-controls-auto .bx-stop {
  display: block;
  text-indent: -9999px;
  width: 9px;
  height: 11px;
  outline: 0;
  background: url(images/controls.png) -86px -44px no-repeat;
  margin: 0 3px;
}
.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active {
  background-position: -86px -33px;
}
/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
  text-align: left;
  width: 80%;
}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
  right: 0;
  width: 35px;
}
/* IMAGE CAPTIONS */
.bx-wrapper .bx-caption {
  position: absolute;
  bottom: 0;
  left: 0;
  background: #666\9;
  background: rgba(80, 80, 80, 0.75);
  width: 100%;
}
.bx-wrapper .bx-caption span {
  color: #fff;
  font-family: Arial;
  display: block;
  font-size: .85em;
  padding: 10px;
}
/* ///////////////End-Slider */
#featured-sections {
  float: left;
  clear: both;
  width: 64%;
  padding-right: 1%;
  border-right: 4px double #e7e7e7;
}
#featured-sections .ad {
  padding: 10px 4% 24px;
  width: 92%;
  background: #E9E9E9;
  margin-bottom: 20px;
  float: left;
}
#featured-sections .ad.last {
  /*margin-bottom: 0px;*/
}
#featured-sections .ad p {
  text-align: center;
  color: #3b3b3b;
  font-size: 0.75em;
  font-family: 'Oswald', sans-serif;
  font-weight: 300;
  font-style: normal;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-bottom: 6px;
}
article.section {
  width: 100%;
  float: left;
  margin-bottom: 20px;
}
article.section .title-container {
  position: relative;
  float: left;
  width: 100%;
  margin-bottom: 15px;
  overflow: hidden;
}
article.section .title-container .title {
  padding-right: 100px;
  min-width: 40px;
}
article.section.news .title-container .title {
  background-color: #f05a29;
}
article.section.sports .title-container .title {
  background-color: #e09c19;
}
article.section.scene .title-container .title {
  background-color: #539f0d;
}
article.section.viewpoint .title-container .title {
  background-color: #cf274a;
}
article.section.multimedia .title-container .title {
  background-color: #1273aa;
}
article.section .title-container .see-all {
  position: absolute;
  top: 10px;
  right: 20px;
  text-transform: uppercase;
  color: #3b3b3b;
  font-size: 0.75em;
  font-family: 'Oswald', sans-serif;
  font-weight: 700;
  font-style: normal;
}
article.section .title-container .see-all:hover {
  text-decoration: underline;
}
article.section .title-container .see-all .arrow {
  margin: 4px 0 0 4px;
}
article.section .title-container .see-social {
  position: absolute;
  top: 0;
  right: -98px;
  height: 28px;
  width: 125px;
  background-image: url('img/sprite.png');
  background-repeat: no-repeat;
  background-position: -272px -172px;
  background-color: #fff;
  -webkit-border-top-left-radius: 20px;
  -webkit-border-bottom-left-radius: 20px;
  -moz-border-radius-topleft: 20px;
  -moz-border-radius-bottomleft: 20px;
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  cursor: pointer;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  article.section .title-container .see-social {
    background-image: url('img/sprite@2x.png');
    background-size: 300px 600px;
  }
}
article.section .title-container .see-social:hover,
article.section .title-container .see-social.expand,
article.section .title-container .see-social:focus {
  right: 0px;
}
article.section .title-container .see-social li {
  text-indent: -9999px;
  width: 15px;
  height: 15px;
  margin-left: 15px;
  margin-top: 7px;
  float: left;
}
article.section .title-container .see-social li:first-child {
  margin-left: 40px;
}
article.section .title-container .see-social li a {
  background-image: url('img/sprite.png');
  background-repeat: no-repeat;
  display: block;
  height: inherit;
  width: inherit;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  article.section .title-container .see-social li a {
    background-image: url('img/sprite@2x.png');
    background-size: 300px 600px;
  }
}
article.section .title-container .see-social li a span {
  display: none !important;
}
article.section .title-container .see-social li a.email {
  background-position: -286px -149px;
}
article.section .title-container .see-social li a.email:hover {
  background-position: -264px -149px;
}
article.section .title-container .see-social li a.facebook {
  background-position: -286px -127px;
}
article.section .title-container .see-social li a.facebook:hover {
  background-position: -264px -127px;
}
article.section .title-container .see-social li a.twitter {
  background-position: -286px -104px;
}
article.section .title-container .see-social li a.twitter:hover {
  background-position: -264px -104px;
}
.news .title-container .see-all .arrow {
  background-color: #f05a29;
}
.sports .title-container .see-all .arrow {
  background-color: #e09c19;
}
.scene .title-container .see-all .arrow {
  background-color: #539f0d;
}
.viewpoint .title-container .see-all .arrow {
  background-color: #cf274a;
}
article.section img {
  float: left;
}
.viewpoint .title-container .story {
  width: 100%;
  float: left;
}
article.section .text-container {
  width: 60%;
  float: left;
}
article.section .text-container h3 {
  color: #2e2e2e;
  font-size: 1em;
  font-family: 'Oswald', sans-serif;
  font-weight: 700;
  font-style: normal;
  line-height: 20px;
  margin-bottom: 6px;
}
article.section .text-container h3 a {
  color: #2e2e2e;
  font-size: 1em;
  font-family: 'Oswald', sans-serif;
  font-weight: 700;
  font-style: normal;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
article.section .text-container h3 a:hover {
  color: #20a6d0;
}
article.section .text-container p {
  font-size: .875em;
  line-height: 18px;
}
article.section .text-container img {
  float: left;
  margin-right: 22px;
}
article.section ul.other-stories {
  float: right;
  width: 35%;
  padding-left: 2%;
  border-left: 4px double #e7e7e7;
}
article.section ul.other-stories li a {
  padding: 10px 0;
  width: 100%;
  float: left;
  border-bottom: 1px solid #e7e7e7;
  color: #595959;
  font-size: .875em;
  line-height: 18px;
}
article.section ul.other-stories li a:hover {
  text-decoration: underline;
}
aside h2.topic.twitter .title {
  background-color: #00ABF0;
  padding-right: 100px;
}
aside h2.topic.twitter .title .icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  margin: 10px 0 0 10px;
  position: absolute;
  top: 4px;
  right: 40px;
  text-indent: -9999em;
  background-image: url('img/sprite.png');
  background-repeat: no-repeat;
  background-position: 0px -434px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  aside h2.topic.twitter .title .icon {
    background-image: url('img/sprite@2x.png');
    background-size: 300px 600px;
  }
}
aside .social-links li a {
  float: left;
  width: 80%;
  padding: 0 0 0 20%;
  height: 84px;
  line-height: 84px;
  white-space: nowrap;
  color: #ffffff;
  font-size: 1em;
  font-family: 'Oswald', sans-serif;
  font-weight: 700;
  font-style: normal;
  text-transform: uppercase;
  background-image: url('img/social-sprite.jpg');
  background-repeat: no-repeat;
  margin-bottom: 5px;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  aside .social-links li a {
    background-image: url('img/social-sprite@2x.jpg');
    background-size: 370px 351px;
  }
}
aside .social-links li a:hover {
  opacity: .8;
}
aside .social-links li.facebook a {
  background-position: 0px 0px;
}
aside .social-links li.twitter a {
  background-position: 0px -89px;
}
aside .social-links li.instagram a {
  background-position: 0px -178px;
}
aside .social-links li.youtube a {
  background-position: 0px -267px;
}
.print-editions {
  float: left;
  clear: both;
  width: 100%;
  margin-top: 60px;
  background-image: url('img/gradient-line.jpg');
  background-repeat: repeat-x;
  background-position: center top;
  border-top: 1px solid #C4C4C4;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  .print-editions {
    background-image: url('img/gradient-line@2x.jpg');
    background-size: 24px 25px;
  }
}
.print-editions .section-heading {
  width: 310px;
  margin: 20px auto 40px;
  text-align: center;
  position: relative;
}
.print-editions .section-heading h2 a {
  color: #3b3b3b;
  font-size: 1.25em;
  font-family: 'Oswald', sans-serif;
  font-weight: 700;
  font-style: normal;
  text-transform: uppercase;
}
.print-editions .section-heading h2 a:hover {
  text-decoration: underline;
}
.print-editions .section-heading .line {
  display: block;
  text-indent: -99999em;
  background: url(img/gold-line.jpg) no-repeat;
  background-color: #C9A062;
  width: 86px;
  height: 1px;
  position: absolute;
  left: 0px;
  top: 14px;
}
.print-editions .section-heading .line.right {
  left: auto;
  right: 0;
}
.print-editions .print-scroller .date {
  position: absolute;
  bottom: 0;
  background: url('img/90-opacity.png') repeat;
  background: rgba(0, 0, 0, 0.9);
  color: #ffffff;
  font-size: 0.75em;
  font-family: 'Oswald', sans-serif;
  font-weight: 700;
  font-style: normal;
  text-transform: uppercase;
  text-align: center;
  padding: 10px 5%;
  width: 90%;
  display: none;
  -webkit-animation-duration: 0.2s;
  -moz-animation-duration: 0.2s;
  -o-animation-duration: 0.2s;
  animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: fadeInUp;
  -moz-animation-name: fadeInUp;
  -o-animation-name: fadeInUp;
  animation-name: fadeInUp;
}
.print-editions .print-scroller li:hover .date {
  display: block;
}
.print-editions .print-scroller .date .seperator {
  margin: 0 5px;
}
.print-editions .bx-wrapper .bx-controls-direction a {
  position: absolute;
  top: 50%;
  margin-top: -18px;
  outline: 0;
  width: 42px;
  height: 38px;
  text-indent: -9999px;
  z-index: 9999;
  background-image: url('img/sprite.png');
  background-repeat: no-repeat;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  .print-editions .bx-wrapper .bx-controls-direction a {
    background-image: url('img/sprite@2x.png');
    background-size: 300px 600px;
  }
}
.print-editions .slider-container .bx-wrapper {
  padding: 0 40px;
}
.print-editions .bx-wrapper .bx-controls-direction a:hover {
  opacity: .8;
}
.print-editions .bx-wrapper .bx-prev {
  left: 0px;
  background-position: 14px -371px;
}
.print-editions .bx-wrapper .bx-next {
  right: 0px;
  background-position: 18px -320px;
}
/* /////////////////End-Home */
/* /////////////////Start-Footer */
footer {
  width: 100%;
  float: left;
  clear: both;
  padding: 60px 0 30px;
  background-image: url('img/footer-top.jpg');
  background-repeat: repeat-x;
  background-position: left top;
  background-color: #3C3C3C;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  footer {
    background-image: url('img/footer-top@2x.jpg');
    background-size: 24px 23px;
  }
}
.your-voice {
  padding-bottom: 94px;
}
footer a {
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
footer .container {
  position: relative;
}
footer section {
  width: 28%;
  float: left;
}
footer section.middle {
  margin: 0 4%;
}
footer section.last {
  min-width: 360px;
  position: absolute;
  right: 20px;
}
footer .tagline p {
  color: #ffffff;
  font-size: 1.875em;
  font-family: 'Oswald', sans-serif;
  font-weight: 700;
  font-style: normal;
  line-height: 38px;
}
footer section p strong {
  float: left;
  color: #ffffff;
  font-size: 1em;
  font-family: 'Oswald', sans-serif;
  font-weight: 700;
  font-style: normal;
  padding-bottom: 10px;
  margin-bottom: 10px;
  width: 100%;
  border-bottom: 1px solid #868686;
}
footer section ul {
  float: left;
  width: 48%;
}
footer section ul.last {
  float: right;
}
footer section.middle ul li a {
  font-size: .875em;
  color: #fff;
}
footer section ul li a:hover {
  text-decoration: underline;
}
footer section article {
  width: 45%;
  float: left;
  margin-right: 10%;
}
footer section article .donate a.icon {
  float: left;
  width: 37px;
  height: 37px;
  text-indent: -9999em;
  background-image: url('img/sprite.png');
  background-repeat: no-repeat;
  background-position: -91px 0px;
  -webkit-transition: all 0s ease-out;
  -moz-transition: all 0s ease-out;
  -o-transition: all 0s ease-out;
  transition: all 0s ease-out;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  footer section article .donate a.icon {
    background-image: url('img/sprite@2x.png');
    background-size: 300px 600px;
  }
}
footer section article .donate a:hover {
  background-position: -91px -47px;
}
footer section article .donate p {
  float: left;
  width: 65%;
  padding-left: 4%;
  font-size: .875em;
  line-height: 18px;
  color: #fff;
}
footer section article .donate p a {
  font-size: 1em;
  color: #fff;
}
footer section article .donate p a:hover {
  text-decoration: underline;
}
footer article ul.social-buttons {
  width: 100%;
  float: left;
}
footer article ul.social-buttons li a {
  float: left;
  width: 38px;
  height: 37px;
  text-indent: -9999em;
  margin: 0 3px 10px 0px;
  background-image: url('img/sprite.png');
  background-repeat: no-repeat;
  -webkit-transition: all 0s ease-out;
  -moz-transition: all 0s ease-out;
  -o-transition: all 0s ease-out;
  transition: all 0s ease-out;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  footer article ul.social-buttons li a {
    background-image: url('img/sprite@2x.png');
    background-size: 300px 600px;
  }
}
ul.social-buttons li.facebook a {
  background-position: -133px 0px;
}
ul.social-buttons li.facebook a:hover {
  background-position: -133px -47px;
}
ul.social-buttons li.twitter a {
  background-position: -176px 0px;
}
ul.social-buttons li.twitter a:hover {
  background-position: -176px -47px;
}
ul.social-buttons li.instagram a {
  background-position: -219px 0px;
}
ul.social-buttons li.instagram a:hover {
  background-position: -219px -47px;
}
ul.social-buttons li.youtube a {
  background-position: -262px 0px;
  margin-right: 0;
}
ul.social-buttons li.youtube a:hover {
  background-position: -262px -47px;
}
footer section article.last {
  margin-right: 0;
}
footer .additional-info {
  float: left;
  clear: both;
  width: 100%;
  margin: 80px 0 0 0;
}
footer .additional-info a.logo {
  width: 11%;
  float: left;
}
footer .additional-info .contact {
  float: right;
  width: 86%;
  margin: 6px 0 0 0;
}
footer .additional-info .contact p {
  font-size: .865em;
  color: #fff;
  line-height: 18px;
}
footer .additional-info .contact .seperator {
  margin: 0 .5%;
}
footer .additional-info .contact p a {
  color: #fff;
}
footer .additional-info .contact p a:hover {
  text-decoration: underline;
}
/* /////////////////End-Footer */
/* /////////////////Overview */
.overview section h2.topic,
.overview section h3.topic {
  height: 28px;
  font-size: .8125em;
}
.overview section h2.topic .title,
.overview section h3.topic .title {
  padding-right: 20px;
  line-height: 28px;
  text-shadow: 1px 1px rgba(0, 0, 0, 0.3);
}
.overview article.section .text-container {
  width: 96%;
  padding: 0 2%;
  margin-left: 0;
}
.overview article.section .text-container p.info {
  color: #898989;
  font-size: 0.75em;
  font-family: 'Droid Serif', serif;
  font-weight: 400;
  font-style: normal;
}
.overview .featured-stories {
  width: 63%;
}
.overview .featured-stories article.large h3 a {
  color: #2d2d2d;
  font-size: 2em;
  font-family: 'Yanone Kaffeesatz', sans-serif;
  font-weight: 700;
  font-style: normal;
  line-height: 34px;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.overview .featured-stories article.large h3 a:hover {
  color: #20a6d0;
}
.overview .headlines {
  padding-right: 0;
  border-right: none;
  width: 34%;
}
.overview .headlines article.section .text-container {
  padding-top: 15px;
}
.overview .headlines article h3 a {
  color: #2e2e2e;
  font-size: 1em;
  font-family: 'Oswald', sans-serif;
  font-weight: 700;
  font-style: normal;
}
.overview aside {
  padding-left: 1%;
  border-left: 4px double #E7E7E7;
}
.overview .main-stories {
  /*margin-top: 30px;*/
  width: 100%;
  float: left;
}
.overview .main-stories article.section {
  margin-bottom: 45px;
}
.overview .main-stories article.section img {
  float: right;
  margin: 0 0 30px 30px;
}
.overview .main-stories article h3 a {
  color: #3b3b3b;
  font-size: 2em;
  font-family: 'Yanone Kaffeesatz', sans-serif;
  font-weight: 700;
  font-style: normal;
  line-height: 34px;
}
.more-stories {
  clear: left;
  padding-top: 45px;
  border-top: 1px solid #e5e5e5;
}
.more-stories a {
  color: #ffffff;
  font-size: 1em;
  font-family: 'Oswald', sans-serif;
  font-weight: 400;
  font-style: normal;
  display: block;
  width: 150px;
  padding: 15px 20px 15px 30px;
  text-transform: uppercase;
  background-color: #1f9ac1;
  background-image: -webkit-linear-gradient(top, #31add3, #1f9ac1);
  background-image: -moz-linear-gradient(top, #31add3, #1f9ac1);
  background-image: -ms-linear-gradient(top, #31add3, #1f9ac1);
  background-image: -o-linear-gradient(top, #31add3, #1f9ac1);
  background-image: linear-gradient(top, #31add3, #1f9ac1);
  border-radius: 5px;
  margin: 0 auto 45px;
  position: relative;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.more-stories a:hover {
  background-color: #27a2c9;
  background-image: -webkit-linear-gradient(top, #27a2c9, #27a2c9);
  background-image: -moz-linear-gradient(top, #27a2c9, #27a2c9);
  background-image: -ms-linear-gradient(top, #27a2c9, #27a2c9);
  background-image: -o-linear-gradient(top, #27a2c9, #27a2c9);
  background-image: linear-gradient(top, #27a2c9, #27a2c9);
}
.more-stories a span {
  text-indent: -9999px;
  background-image: url('img/sprite.png');
  background-repeat: no-repeat;
  background-position: -291px -215px;
  width: 9px;
  height: 6px;
  display: inline-block;
  position: absolute;
  right: 20px;
  top: 23px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  .more-stories a span {
    background-image: url('img/sprite@2x.png');
    background-size: 300px 600px;
  }
}
.view-archive {
  margin-bottom: 45px;
}
.view-archive a {
  position: relative;
  color: #595959;
  font-size: 0.875em;
  font-family: 'Droid Serif', serif;
  font-weight: 400;
  font-style: normal;
}
.view-archive a:hover {
  text-decoration: underline;
}
.view-archive a span {
  text-indent: -9999px;
  background-image: url('img/sprite.png');
  background-repeat: no-repeat;
  background-position: -294px -231px;
  width: 7px;
  height: 9px;
  display: inline-block;
  position: absolute;
  margin-left: 10px;
  top: 4px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  .view-archive a span {
    background-image: url('img/sprite@2x.png');
    background-size: 300px 600px;
  }
}
/* /////////////////End-Overview */
/* /////////////////Details */
.full-content {
  width: 100%;
  float: left;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
.no-side {
  margin-left: 33.33%;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
.full-content article.section {
  margin-bottom: 0;
}
.full-content .content-header {
  padding-bottom: 30px;
  margin-bottom: 30px;
  border-bottom: 1px solid #e6e6e6;
}
.full-content h2.topic {
  height: 28px;
  font-size: .8125em;
}
.full-content h2.topic .title {
  padding-right: 20px;
  line-height: 28px;
  text-shadow: 1px 1px rgba(0, 0, 0, 0.3);
}
.full-content .content-header h3 {
  color: #3b3b3b;
  font-size: 3.75em;
  font-family: 'Yanone Kaffeesatz', sans-serif;
  font-weight: 700;
  font-style: normal;
  line-height: 58px;
  margin-bottom: 30px;
}
.full-content .content-header .info {
  margin-bottom: 10px;
  color: #898989;
}
.full-content .content-header .info a.author {
  color: #20a6d0;
  text-decoration: underline;
}
.full-content .content-header .info a.author:hover {
  text-decoration: none;
}
.full-content .content-header .updated {
  color: #898989;
  font-size: 0.75em;
  font-family: 'Droid Serif', serif;
  font-weight: 400;
  font-style: italic;
}
.full-content .content-header .updated strong {
  font-weight: 700;
  color: #424c6a;
}
.full-content .content-body {
  padding-bottom: 15px;
  margin-bottom: 15px;
  border-bottom: 1px solid #e6e6e6;
}
.page {
	width: 60%;
	margin-left:auto;
	margin-right:auto;
	margin-bottom: 50px;
}
.full-content .content-body h2, .page h2, .page h1{
  color: #2d2d2d;
  font-size: 2.5em;
  font-family: 'Yanone Kaffeesatz', sans-serif;
  font-weight: 700;
  font-style: normal;
  line-height: 40px;
  margin: 45px 0 30px;
}
.full-content .content-body h3, .page h3 {
  color: #2d2d2d;
  font-size: 2.1875em;
  font-family: 'Yanone Kaffeesatz', sans-serif;
  font-weight: 700;
  font-style: normal;
  line-height: 35px;
  margin: 45px 0 30px;
}
.full-content .content-body h4, .page h4 {
  color: #2d2d2d;
  font-size: 1.875em;
  font-family: 'Yanone Kaffeesatz', sans-serif;
  font-weight: 700;
  font-style: normal;
  line-height: 30px;
  margin: 50px 0 25px;
}
.full-content .content-body h5, .page h5 {
  color: #2d2d2d;
  font-size: 1.5625em;
  font-family: 'Yanone Kaffeesatz', sans-serif;
  font-weight: 700;
  font-style: normal;
  line-height: 25px;
  margin: 50px 0 20px;
}
.full-content .content-body h6, .page h6 {
  color: #2d2d2d;
  font-size: 1.25em;
  font-family: 'Yanone Kaffeesatz', sans-serif;
  font-weight: 400;
  font-style: normal;
  line-height: 20px;
  margin: 50px 0 20px;
  text-transform: uppercase;
}
.full-content .content-body blockquote, .page blockquote {
  color: #838383;
  font-size: 1em;
  font-family: 'Droid Serif', serif;
  font-weight: 400;
  font-style: italic;
  line-height: 26px;
  margin: 0 0 20px 30px;
  padding-left: 15px;
  border-left: 5px solid #e6e6e6;
}
.full-content .content-body blockquote p, .page blockquote p {
  color: #838383;
  font-size: 1em;
  font-family: 'Droid Serif', serif;
  font-weight: 400;
  font-style: italic;
  line-height: 26px;
}
.full-content .content-body blockquote p:last-child {
  margin-bottom: 0px;
}
.full-content .content-body ul,
.full-content .content-body ol, .page ol, .page ul {
  margin-bottom: 20px;
}
.full-content .content-body li, .page li {
  margin-left: 55px;
  margin-bottom: 5px;
  color: #2d2d2d;
  font-size: 1em;
  font-family: 'Droid Serif', serif;
  font-weight: 400;
  font-style: normal;
  line-height: 26px;
}
.full-content .content-body ul li, .page ul li {
  list-style: disc;
}
.full-content .content-body ol li, .page ol li {
  list-style: decimal;
}
.full-content .content-body p, .page p {
  color: #2d2d2d;
  font-size: 1em;
  font-family: 'Droid Serif', serif;
  font-weight: 400;
  font-style: normal;
  line-height: 26px;
  margin-bottom: 20px;
}
.full-content .content-body .media-credit-container .img {
  width: 100%;
  float: left;
}
.full-content .content-body .small-image {
  width: 100%;
  max-width: 200px;
  float: right;
  margin-left: 20px;
}
.full-content .content-body .media-credit-container {
  margin-bottom: 5px;
}
.full-content .content-body .media-credit-container img {
  margin-bottom: 0px;
}
.full-content .content-body .media-credit-container .media-credit {
  /*color: #838383;*/
  font-size: 0.625em;
  font-family: 'Droid Serif', serif;
  font-weight: 400;
  font-style: normal;
  line-height: 20px;
  text-align: right;
  margin-bottom: 0px;
  padding-top: 5px;
  clear: both;
}
.full-content .content-body .media-credit-container.alignleft {
  float: left;
}
.full-content .content-body .media-credit-container.alignright {
  float: right;
}
.full-content .content-body .caption .content {
  margin: 0 0 5px;
  padding: 0 5%;
  color: #2d2d2d;
  font-size: 0.75em;
  font-family: 'Droid Serif', serif;
  font-weight: 400;
  font-style: italic;
  line-height: 20px;
}
p.wp-caption-text {
  margin: 0 0 25px !important;
  padding: 0 2% !important;
  color: #909090 !important;
  font-size: 0.75em !important;
  font-family: 'Droid Serif', serif !important;
  font-weight: 400 !important;
  font-style: italic !important;
  line-height: 20px !important;
}
.full-content .content-body .full-image {
  width: 100%;
  float: left;
}
.full-content .content-body .small-image {
  width: 100%;
  max-width: 200px;
  float: right;
  margin-left: 20px;
}
.full-content .content-body .caption {
  margin-bottom: 20px;
}
.full-content .content-body .caption img {
  margin-bottom: 0px;
}
.full-content .content-body .caption .title {
  color: #838383;
  font-size: 0.625em;
  font-family: 'Droid Serif', serif;
  font-weight: 400;
  font-style: normal;
  line-height: 20px;
  text-align: right;
  margin-bottom: 0px;
  padding-top: 5px;
  clear: both;
}
.full-content .content-body .caption .content {
  margin: 0 0 5px;
  padding: 0 5%;
  color: #2d2d2d;
  font-size: 0.75em;
  font-family: 'Droid Serif', serif;
  font-weight: 400;
  font-style: italic;
  line-height: 20px;
}
.detail #featured-sections {
  width: 100%;
  clear: none;
  padding-right: 0%;
  border: none;
  padding-bottom: 15px;
  margin-bottom: 15px;
  border-bottom: 1px solid #e6e6e6;
}
.detail aside {
  padding-left: 1%;
  border-left: 4px double #E7E7E7;
}
.share-this-story {
  padding-bottom: 15px;
  margin-bottom: 15px;
  border-bottom: 1px solid #e6e6e6;
  clear: both;
}
.share-this-story p {
  color: #3b3b3b;
  font-size: 1em;
  font-family: 'Oswald', sans-serif;
  font-weight: 300;
  font-style: normal;
}
.about-author {
  margin-bottom: 10px;
  padding-top: 10px;
  clear: both;
}
.about-author:last-child {
  margin-bottom: 80px;
}
.about-author img {
  width: 70px;
  float: left;
}
.about-author p {
  color: #838383;
  font-size: 0.8125em;
  font-family: 'Droid Serif', serif;
  font-weight: 400;
  font-style: normal;
  line-height: 22px;
  margin-left: 95px;
  margin-bottom: 20px;
}
.about-author .title {
  color: #3b3b3b;
  font-size: 1em;
  font-family: 'Oswald', sans-serif;
  font-weight: 300;
  font-style: normal;
  margin-bottom: 15px;
  margin-left: 0px;
  text-transform: uppercase;
}
a.contact-author {
  color: #ffffff;
  font-size: 0.875em;
  font-family: 'Oswald', sans-serif;
  font-weight: 700;
  font-style: normal;
  display: block;
  width: 140px;
  text-align: center;
  padding: 10px 15px;
  text-transform: uppercase;
  background-color: #1f9ac1;
  background-image: -webkit-linear-gradient(top, #31add3, #1f9ac1);
  background-image: -moz-linear-gradient(top, #31add3, #1f9ac1);
  background-image: -ms-linear-gradient(top, #31add3, #1f9ac1);
  background-image: -o-linear-gradient(top, #31add3, #1f9ac1);
  background-image: linear-gradient(top, #31add3, #1f9ac1);
  border-radius: 5px;
  margin-left: 95px;
  position: relative;
}
a.contact-author:hover {
  background-color: #27a2c9;
  background-image: -webkit-linear-gradient(top, #27a2c9, #27a2c9);
  background-image: -moz-linear-gradient(top, #27a2c9, #27a2c9);
  background-image: -ms-linear-gradient(top, #27a2c9, #27a2c9);
  background-image: -o-linear-gradient(top, #27a2c9, #27a2c9);
  background-image: linear-gradient(top, #27a2c9, #27a2c9);
  color: #fff;
}
#disqus {
  width: 100%;
  float: left;
  padding-bottom: 50px;
}
.share-this-story {
  width: 100%;
  float: left;
}
.share-this-story .title {
  display: inline-block;
  float: left;
  margin: 11px 55px 0 0;
  text-transform: uppercase;
}
.share-this-story ul {
  display: inline-block;
  float: left;
  width: 68%;
}
.share-this-story ul > li {
  height: 40px;
  width: 40px;
  display: inline-block;
  margin-right: 8%;
  position: relative;
}
.share-this-story ul > li a {
  float: none !important;
  padding: 0 !important;
}
.share-this-story ul > li a:hover {
  opacity: 1 !important;
}
.share-this-story ul > li a img {
  height: auto;
}
.share-this-story ul > li a img:hover {
  opacity: .8;
}
.share-this-story .addthis_button_facebook img {
  width: 31px;
  margin: 4.5px auto 0;
}
.share-this-story .addthis_button_twitter img {
  width: 40px;
  margin: 4px auto 0;
}
.share-this-story .addthis_button_email img {
  width: 34px;
  margin: 7.5px auto 0;
}
.share-this-story .addthis_button_google img {
  width: 35.5px;
  margin: 4px auto 0;
}
.share-this-story .addthis_button_compact img {
  width: 33px;
  margin: 3px auto 0;
}
.hide-sidebar p {
  display: inline-block;
  color: #aeaeae;
  font-size: 0.875em;
  font-family: 'Oswald', sans-serif;
  font-weight: 400;
  font-style: normal;
  background-color: #fff;
  border: 1px solid #e9e9e9;
  border-radius: 3px;
  padding: 3px 30px 3px 10px;
  margin-bottom: 15px;
  margin-left: -30px;
  text-transform: uppercase;
  cursor: pointer;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
.hide-sidebar p:hover {
  border: 1px solid #aeaeae;
}
.hide .hide-sidebar p {
  margin-left: -210px;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
.hide-sidebar p span {
  text-indent: -9999px;
  background-image: url('img/sprite.png');
  background-repeat: no-repeat;
  background-position: -294px -245px;
  width: 7px;
  height: 17px;
  display: inline-block;
  margin-right: 10px;
  -webkit-transition: all 0 ease-out;
  -moz-transition: all 0 ease-out;
  -o-transition: all 0 ease-out;
  transition: all 0 ease-out;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  .hide-sidebar p span {
    background-image: url('img/sprite@2x.png');
    background-size: 300px 600px;
  }
}
.hide-sidebar p.expanded span {
  background-position: -267px -245px;
}
/* /////////////////End-Details */
/* /////////////////Search */
.search .main-stories {
  margin-top: 30px;
  width: 64%;
  float: left;
}
.search aside {
  padding-left: 1%;
  border-left: 4px double #E7E7E7;
}
.search section h2.topic {
  height: 28px;
  font-size: .8125em;
}
.search section h2.topic .title {
  padding-right: 20px;
  line-height: 28px;
  text-shadow: 1px 1px rgba(0, 0, 0, 0.3);
}
.search .main-stories article.section {
  margin-bottom: 45px;
}
.search .main-stories article.section .text-container {
  width: 96%;
  padding: 0 2%;
  margin-left: 0;
}
.search .main-stories article.section .text-container p.info {
  margin-bottom: 10px;
}
.search article.section .text-container p.info {
  color: #898989;
  font-size: 0.75em;
  font-family: 'Droid Serif', serif;
  font-weight: 400;
  font-style: normal;
}
.search .main-stories article.section .text-container img {
  float: right;
  margin: 0 0 30px 30px;
}
.search .main-stories article h3 a {
  color: #3b3b3b;
  font-size: 2em;
  font-family: 'Yanone Kaffeesatz', sans-serif;
  font-weight: 700;
  font-style: normal;
  line-height: 34px;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.search-box {
  width: 100%;
  padding: 15px 0;
  background-color: #23356a;
}
.search-box p {
  color: #ffffff;
  font-size: 1.875em;
  font-family: 'Oswald', sans-serif;
  font-weight: 300;
  font-style: normal;
  line-height: 34px;
  float: left;
  width: 48%;
}
.search-box p strong {
  font-weight: 400;
}
.search-box p span {
  font-size: 50px;
}
.search-box form {
  float: right;
  width: 48%;
  position: relative;
  margin-top: 15px;
}
.search-box input[type="text"] {
  width: 87%;
  -webkit-appearance: none;
  -moz-appearance: none;
  padding: 10px 10% 10px 3%;
  height: 24px;
  border: 1px solid #b9b9b9;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  color: #707070;
  font-size: 1.25em;
  font-family: 'Yanone Kaffeesatz', sans-serif;
  font-weight: 400;
  font-style: normal;
  line-height: 34px;
}
.search-box input[type="submit"] {
  height: 18px;
  width: 19px;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-image: url('img/sprite.png');
  background-repeat: no-repeat;
  background-position: 0px -527px;
  text-indent: -9999px;
  border: none;
  background-color: transparent;
  position: absolute;
  top: 13px;
  right: 13px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  .search-box input[type="submit"] {
    background-image: url('img/sprite@2x.png');
    background-size: 300px 600px;
  }
}
.filter-by {
  width: 64%;
  float: left;
  padding: 30px 0 20px;
  border-bottom: 1px solid #e7e7e7;
}
.filter-by p {
  color: #363636;
  font-size: 1.125em;
  font-family: 'Oswald', sans-serif;
  font-weight: 700;
  font-style: normal;
  line-height: 24px;
  text-transform: uppercase;
  margin-bottom: 20px;
}
.filter-by ul {
  width: 100%;
  float: left;
}
.filter-by ul li {
  width: 30%;
  float: left;
  margin-right: 5%;
}
.filter-by ul li.last {
  margin-right: 0;
}
.filter-by label {
  color: #363636;
  font-size: 12px;
  font-family: 'Oswald', sans-serif;
  font-weight: 700;
  font-style: normal;
  line-height: 24px;
  margin-bottom: 5px;
  text-transform: uppercase;
}
.filter-by .select-box, .facetwp-type-dropdown {
  position: relative;
  width: 100%;
  height: 50px;
}
.filter-by .select-box .arrow {
  position: absolute;
  top: 15px;
  right: 12px;
  color: #a1a1a1;
  font-size: 10px;
}
.filter-by .select-box select, .facetwp-dropdown {
  -webkit-appearance: none;
  -moz-appearance: none;
  padding: 0 5%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  cursor: pointer;
  
  
  color: #363636;
  font-size: 1em;
  font-family: 'Oswald', sans-serif;
  font-weight: 300;
  font-style: normal;
  line-height: 24px;
  padding: 10px 6%;
  border: 1px solid #b9b9b9;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.filter-by .select-box .select {
  color: #363636;
  font-size: 1em;
  font-family: 'Oswald', sans-serif;
  font-weight: 300;
  font-style: normal;
  line-height: 24px;
  padding: 10px 6%;
  height: 20px;
  width: 86%;
  text-transform: uppercase;
  border: 1px solid #b9b9b9;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  cursor: pointer;
}
.filter-by input {
  -webkit-appearance: none;
  -moz-appearance: none;
  padding: 10px 10% 10px 10%;
  height: 20px;
  width: 80%;
  border: 1px solid #b9b9b9;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  color: #8b8b8b;
  font-size: 0.875em;
  font-family: 'Droid Serif', serif;
  font-weight: 400;
  font-style: italic;
  line-height: 24px;
}
/* /////////////////End-Search */
/* /////////////////Your-Voice */
#your-voice {
  width: 100%;
  height: 63px;
  z-index: 9999;
  -webkit-box-shadow: 0 0 5px 0 #2d2d2d;
  -moz-box-shadow: 0 0 5px 0 #2d2d2d;
  -o-box-shadow: 0 0 5px 0 #2d2d2d;
  box-shadow: 0 0 5px 0 #2d2d2d;
  position: fixed;
  bottom: 0;
  overflow: hidden;
  background-image: url('img/your-gradient.png');
  background-repeat: repeat-x;
  background-position: left top;
  background-color: #f5f5f5;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
#your-voice.expanded {
  height: 353px;
}
#your-voice .head {
  height: 31px;
  padding: 18px 0;
}
#your-voice .head img {
  width: 115px;
  float: left;
  margin-right: 45px;
}
#your-voice .head p {
  color: #2e2e2e;
  font-size: 1.125em;
  font-family: 'Oswald', sans-serif;
  font-weight: 400;
  font-style: normal;
  line-height: 18px;
  text-transform: uppercase;
  float: left;
  margin-top: 8px;
}
#your-voice .head a {
  width: 77px;
  float: right;
  color: #20a6d0;
  font-size: 0.875em;
  font-family: 'Oswald', sans-serif;
  font-weight: 700;
  font-style: normal;
  text-transform: uppercase;
  padding: 5px 10px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid #afafaf;
  background-color: #fff;
  cursor: pointer;
}
#your-voice .head a span {
  display: inline-block;
  text-indent: -9999px;
  width: 13px;
  height: 13px;
  float: right;
  margin-top: 4px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background-image: url('img/sprite.png');
  background-position: -289px -272px;
  background-repeat: no-repeat;
  background-color: #20a6d0;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  #your-voice .head a span {
    background-image: url('img/sprite@2x.png');
    background-size: 300px 600px;
  }
}
#your-voice.expanded .head a span {
  background-position: -289px -211px;
}
#your-voice .body {
  width: 100%;
  float: left;
}
#your-voice .body li {
  width: 17%;
  margin: 15px 0 30px 4%;
  float: left;
  text-align: center;
  padding: 30px 2.5% 15px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
#your-voice .body li:hover {
  background-color: #e0e0e0;
}
#your-voice .body li:first-child {
  margin-left: 0%;
}
#your-voice .body li img {
  width: 56px;
  margin-bottom: 30px;
}
#your-voice .body li p {
  color: #363636;
  font-size: 0.75em;
  font-family: 'Droid Serif', serif;
  font-weight: 400;
  font-style: normal;
  line-height: 18px;
}
#your-voice .body li p.title {
  color: #2e2e2e;
  font-size: 1.125em;
  font-family: 'Oswald', sans-serif;
  font-weight: 400;
  font-style: normal;
  text-transform: uppercase;
  margin-bottom: 10px;
}
#your-voice .body li p a {
  color: #20a6d0;
}
#your-voice .body li p a:hover {
  text-decoration: underline;
}
/* /////////////////End-Your-Voice */
#usman {
  margin-top: 15px;
  color: #fff;
  float: left;
  width: 220px;
}
#usman a {
  color: #fff;
}
#usman img {
  height: 20px;
}
@charset "UTF-8";
/*
Animate.css - http://daneden.me/animate
Licensed under the ☺ license (http://licence.visualidiot.com/)

Copyright (c) 2012 Dan Eden

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
*/
body {
  /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */

  -webkit-backface-visibility: hidden;
}
.animated.hinge {
  -webkit-animation-duration: 2s;
  -moz-animation-duration: 2s;
  -o-animation-duration: 2s;
  animation-duration: 2s;
}
@-webkit-keyframes flash {
  0%,
  50%,
  100% {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
@-moz-keyframes flash {
  0%,
  50%,
  100% {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
@-o-keyframes flash {
  0%,
  50%,
  100% {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
@keyframes flash {
  0%,
  50%,
  100% {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
.flash {
  -webkit-animation-name: flash;
  -moz-animation-name: flash;
  -o-animation-name: flash;
  animation-name: flash;
}
@-webkit-keyframes shake {
  0%,
  100% {
    -webkit-transform: translateX(0);
  }
  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translateX(-10px);
  }
  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translateX(10px);
  }
}
@-moz-keyframes shake {
  0%,
  100% {
    -moz-transform: translateX(0);
  }
  10%,
  30%,
  50%,
  70%,
  90% {
    -moz-transform: translateX(-10px);
  }
  20%,
  40%,
  60%,
  80% {
    -moz-transform: translateX(10px);
  }
}
@-o-keyframes shake {
  0%,
  100% {
    -o-transform: translateX(0);
  }
  10%,
  30%,
  50%,
  70%,
  90% {
    -o-transform: translateX(-10px);
  }
  20%,
  40%,
  60%,
  80% {
    -o-transform: translateX(10px);
  }
}
@keyframes shake {
  0%,
  100% {
    transform: translateX(0);
  }
  10%,
  30%,
  50%,
  70%,
  90% {
    transform: translateX(-10px);
  }
  20%,
  40%,
  60%,
  80% {
    transform: translateX(10px);
  }
}
.shake {
  -webkit-animation-name: shake;
  -moz-animation-name: shake;
  -o-animation-name: shake;
  animation-name: shake;
}
@-webkit-keyframes bounce {
  0%,
  20%,
  50%,
  80%,
  100% {
    -webkit-transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-30px);
  }
  60% {
    -webkit-transform: translateY(-15px);
  }
}
@-moz-keyframes bounce {
  0%,
  20%,
  50%,
  80%,
  100% {
    -moz-transform: translateY(0);
  }
  40% {
    -moz-transform: translateY(-30px);
  }
  60% {
    -moz-transform: translateY(-15px);
  }
}
@-o-keyframes bounce {
  0%,
  20%,
  50%,
  80%,
  100% {
    -o-transform: translateY(0);
  }
  40% {
    -o-transform: translateY(-30px);
  }
  60% {
    -o-transform: translateY(-15px);
  }
}
@keyframes bounce {
  0%,
  20%,
  50%,
  80%,
  100% {
    transform: translateY(0);
  }
  40% {
    transform: translateY(-30px);
  }
  60% {
    transform: translateY(-15px);
  }
}
.bounce {
  -webkit-animation-name: bounce;
  -moz-animation-name: bounce;
  -o-animation-name: bounce;
  animation-name: bounce;
}
@-webkit-keyframes tada {
  0% {
    -webkit-transform: scale(1);
  }
  10%,
  20% {
    -webkit-transform: scale(0.9) rotate(-3deg);
  }
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale(1.1) rotate(3deg);
  }
  40%,
  60%,
  80% {
    -webkit-transform: scale(1.1) rotate(-3deg);
  }
  100% {
    -webkit-transform: scale(1) rotate(0);
  }
}
@-moz-keyframes tada {
  0% {
    -moz-transform: scale(1);
  }
  10%,
  20% {
    -moz-transform: scale(0.9) rotate(-3deg);
  }
  30%,
  50%,
  70%,
  90% {
    -moz-transform: scale(1.1) rotate(3deg);
  }
  40%,
  60%,
  80% {
    -moz-transform: scale(1.1) rotate(-3deg);
  }
  100% {
    -moz-transform: scale(1) rotate(0);
  }
}
@-o-keyframes tada {
  0% {
    -o-transform: scale(1);
  }
  10%,
  20% {
    -o-transform: scale(0.9) rotate(-3deg);
  }
  30%,
  50%,
  70%,
  90% {
    -o-transform: scale(1.1) rotate(3deg);
  }
  40%,
  60%,
  80% {
    -o-transform: scale(1.1) rotate(-3deg);
  }
  100% {
    -o-transform: scale(1) rotate(0);
  }
}
@keyframes tada {
  0% {
    transform: scale(1);
  }
  10%,
  20% {
    transform: scale(0.9) rotate(-3deg);
  }
  30%,
  50%,
  70%,
  90% {
    transform: scale(1.1) rotate(3deg);
  }
  40%,
  60%,
  80% {
    transform: scale(1.1) rotate(-3deg);
  }
  100% {
    transform: scale(1) rotate(0);
  }
}
.tada {
  -webkit-animation-name: tada;
  -moz-animation-name: tada;
  -o-animation-name: tada;
  animation-name: tada;
}
@-webkit-keyframes swing {
  20%,
  40%,
  60%,
  80%,
  100% {
    -webkit-transform-origin: top center;
  }
  20% {
    -webkit-transform: rotate(15deg);
  }
  40% {
    -webkit-transform: rotate(-10deg);
  }
  60% {
    -webkit-transform: rotate(5deg);
  }
  80% {
    -webkit-transform: rotate(-5deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
  }
}
@-moz-keyframes swing {
  20% {
    -moz-transform: rotate(15deg);
  }
  40% {
    -moz-transform: rotate(-10deg);
  }
  60% {
    -moz-transform: rotate(5deg);
  }
  80% {
    -moz-transform: rotate(-5deg);
  }
  100% {
    -moz-transform: rotate(0deg);
  }
}
@-o-keyframes swing {
  20% {
    -o-transform: rotate(15deg);
  }
  40% {
    -o-transform: rotate(-10deg);
  }
  60% {
    -o-transform: rotate(5deg);
  }
  80% {
    -o-transform: rotate(-5deg);
  }
  100% {
    -o-transform: rotate(0deg);
  }
}
@keyframes swing {
  20% {
    transform: rotate(15deg);
  }
  40% {
    transform: rotate(-10deg);
  }
  60% {
    transform: rotate(5deg);
  }
  80% {
    transform: rotate(-5deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
.swing {
  -webkit-transform-origin: top center;
  -moz-transform-origin: top center;
  -o-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  -moz-animation-name: swing;
  -o-animation-name: swing;
  animation-name: swing;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes wobble {
  0% {
    -webkit-transform: translateX(0%);
  }
  15% {
    -webkit-transform: translateX(-25%) rotate(-5deg);
  }
  30% {
    -webkit-transform: translateX(20%) rotate(3deg);
  }
  45% {
    -webkit-transform: translateX(-15%) rotate(-3deg);
  }
  60% {
    -webkit-transform: translateX(10%) rotate(2deg);
  }
  75% {
    -webkit-transform: translateX(-5%) rotate(-1deg);
  }
  100% {
    -webkit-transform: translateX(0%);
  }
}
@-moz-keyframes wobble {
  0% {
    -moz-transform: translateX(0%);
  }
  15% {
    -moz-transform: translateX(-25%) rotate(-5deg);
  }
  30% {
    -moz-transform: translateX(20%) rotate(3deg);
  }
  45% {
    -moz-transform: translateX(-15%) rotate(-3deg);
  }
  60% {
    -moz-transform: translateX(10%) rotate(2deg);
  }
  75% {
    -moz-transform: translateX(-5%) rotate(-1deg);
  }
  100% {
    -moz-transform: translateX(0%);
  }
}
@-o-keyframes wobble {
  0% {
    -o-transform: translateX(0%);
  }
  15% {
    -o-transform: translateX(-25%) rotate(-5deg);
  }
  30% {
    -o-transform: translateX(20%) rotate(3deg);
  }
  45% {
    -o-transform: translateX(-15%) rotate(-3deg);
  }
  60% {
    -o-transform: translateX(10%) rotate(2deg);
  }
  75% {
    -o-transform: translateX(-5%) rotate(-1deg);
  }
  100% {
    -o-transform: translateX(0%);
  }
}
@keyframes wobble {
  0% {
    transform: translateX(0%);
  }
  15% {
    transform: translateX(-25%) rotate(-5deg);
  }
  30% {
    transform: translateX(20%) rotate(3deg);
  }
  45% {
    transform: translateX(-15%) rotate(-3deg);
  }
  60% {
    transform: translateX(10%) rotate(2deg);
  }
  75% {
    transform: translateX(-5%) rotate(-1deg);
  }
  100% {
    transform: translateX(0%);
  }
}
.wobble {
  -webkit-animation-name: wobble;
  -moz-animation-name: wobble;
  -o-animation-name: wobble;
  animation-name: wobble;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
  }
}
@-moz-keyframes pulse {
  0% {
    -moz-transform: scale(1);
  }
  50% {
    -moz-transform: scale(1.1);
  }
  100% {
    -moz-transform: scale(1);
  }
}
@-o-keyframes pulse {
  0% {
    -o-transform: scale(1);
  }
  50% {
    -o-transform: scale(1.1);
  }
  100% {
    -o-transform: scale(1);
  }
}
@keyframes pulse {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
  }
}
.pulse {
  -webkit-animation-name: pulse;
  -moz-animation-name: pulse;
  -o-animation-name: pulse;
  animation-name: pulse;
}
@-webkit-keyframes flip {
  0% {
    -webkit-transform: perspective(400px) rotateY(0);
    -webkit-animation-timing-function: ease-out;
  }
  40% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg);
    -webkit-animation-timing-function: ease-out;
  }
  50% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -webkit-animation-timing-function: ease-in;
  }
  80% {
    -webkit-transform: perspective(400px) rotateY(360deg) scale(0.95);
    -webkit-animation-timing-function: ease-in;
  }
  100% {
    -webkit-transform: perspective(400px) scale(1);
    -webkit-animation-timing-function: ease-in;
  }
}
@-moz-keyframes flip {
  0% {
    -moz-transform: perspective(400px) rotateY(0);
    -moz-animation-timing-function: ease-out;
  }
  40% {
    -moz-transform: perspective(400px) translateZ(150px) rotateY(170deg);
    -moz-animation-timing-function: ease-out;
  }
  50% {
    -moz-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -moz-animation-timing-function: ease-in;
  }
  80% {
    -moz-transform: perspective(400px) rotateY(360deg) scale(0.95);
    -moz-animation-timing-function: ease-in;
  }
  100% {
    -moz-transform: perspective(400px) scale(1);
    -moz-animation-timing-function: ease-in;
  }
}
@-o-keyframes flip {
  0% {
    -o-transform: perspective(400px) rotateY(0);
    -o-animation-timing-function: ease-out;
  }
  40% {
    -o-transform: perspective(400px) translateZ(150px) rotateY(170deg);
    -o-animation-timing-function: ease-out;
  }
  50% {
    -o-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -o-animation-timing-function: ease-in;
  }
  80% {
    -o-transform: perspective(400px) rotateY(360deg) scale(0.95);
    -o-animation-timing-function: ease-in;
  }
  100% {
    -o-transform: perspective(400px) scale(1);
    -o-animation-timing-function: ease-in;
  }
}
@keyframes flip {
  0% {
    transform: perspective(400px) rotateY(0);
    animation-timing-function: ease-out;
  }
  40% {
    transform: perspective(400px) translateZ(150px) rotateY(170deg);
    animation-timing-function: ease-out;
  }
  50% {
    transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    animation-timing-function: ease-in;
  }
  80% {
    transform: perspective(400px) rotateY(360deg) scale(0.95);
    animation-timing-function: ease-in;
  }
  100% {
    transform: perspective(400px) scale(1);
    animation-timing-function: ease-in;
  }
}
.flip {
  -webkit-backface-visibility: visible !important;
  -webkit-animation-name: flip;
  -moz-backface-visibility: visible !important;
  -moz-animation-name: flip;
  -o-backface-visibility: visible !important;
  -o-animation-name: flip;
  backface-visibility: visible !important;
  animation-name: flip;
}
@-webkit-keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotateX(-10deg);
  }
  70% {
    -webkit-transform: perspective(400px) rotateX(10deg);
  }
  100% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
}
@-moz-keyframes flipInX {
  0% {
    -moz-transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
  40% {
    -moz-transform: perspective(400px) rotateX(-10deg);
  }
  70% {
    -moz-transform: perspective(400px) rotateX(10deg);
  }
  100% {
    -moz-transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
}
@-o-keyframes flipInX {
  0% {
    -o-transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
  40% {
    -o-transform: perspective(400px) rotateX(-10deg);
  }
  70% {
    -o-transform: perspective(400px) rotateX(10deg);
  }
  100% {
    -o-transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
}
@keyframes flipInX {
  0% {
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
  40% {
    transform: perspective(400px) rotateX(-10deg);
  }
  70% {
    transform: perspective(400px) rotateX(10deg);
  }
  100% {
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
}
.flipInX {
  -webkit-backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  -moz-backface-visibility: visible !important;
  -moz-animation-name: flipInX;
  -o-backface-visibility: visible !important;
  -o-animation-name: flipInX;
  backface-visibility: visible !important;
  animation-name: flipInX;
}
@-webkit-keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
}
@-moz-keyframes flipOutX {
  0% {
    -moz-transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
  100% {
    -moz-transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
}
@-o-keyframes flipOutX {
  0% {
    -o-transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
  100% {
    -o-transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
}
@keyframes flipOutX {
  0% {
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
  100% {
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
}
.flipOutX {
  -webkit-animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  -moz-animation-name: flipOutX;
  -moz-backface-visibility: visible !important;
  -o-animation-name: flipOutX;
  -o-backface-visibility: visible !important;
  animation-name: flipOutX;
  backface-visibility: visible !important;
}
@-webkit-keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotateY(-10deg);
  }
  70% {
    -webkit-transform: perspective(400px) rotateY(10deg);
  }
  100% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
}
@-moz-keyframes flipInY {
  0% {
    -moz-transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
  40% {
    -moz-transform: perspective(400px) rotateY(-10deg);
  }
  70% {
    -moz-transform: perspective(400px) rotateY(10deg);
  }
  100% {
    -moz-transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
}
@-o-keyframes flipInY {
  0% {
    -o-transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
  40% {
    -o-transform: perspective(400px) rotateY(-10deg);
  }
  70% {
    -o-transform: perspective(400px) rotateY(10deg);
  }
  100% {
    -o-transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
}
@keyframes flipInY {
  0% {
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
  40% {
    transform: perspective(400px) rotateY(-10deg);
  }
  70% {
    transform: perspective(400px) rotateY(10deg);
  }
  100% {
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
}
.flipInY {
  -webkit-backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  -moz-backface-visibility: visible !important;
  -moz-animation-name: flipInY;
  -o-backface-visibility: visible !important;
  -o-animation-name: flipInY;
  backface-visibility: visible !important;
  animation-name: flipInY;
}
@-webkit-keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
}
@-moz-keyframes flipOutY {
  0% {
    -moz-transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
  100% {
    -moz-transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
}
@-o-keyframes flipOutY {
  0% {
    -o-transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
  100% {
    -o-transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
}
@keyframes flipOutY {
  0% {
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
  100% {
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
}
.flipOutY {
  -webkit-backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  -moz-backface-visibility: visible !important;
  -moz-animation-name: flipOutY;
  -o-backface-visibility: visible !important;
  -o-animation-name: flipOutY;
  backface-visibility: visible !important;
  animation-name: flipOutY;
}
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-moz-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-o-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.fadeIn {
  -webkit-animation-name: fadeIn;
  -moz-animation-name: fadeIn;
  -o-animation-name: fadeIn;
  animation-name: fadeIn;
}
@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}
@-moz-keyframes fadeInUp {
  0% {
    opacity: 0;
    -moz-transform: translateY(20px);
  }
  100% {
    opacity: 1;
    -moz-transform: translateY(0);
  }
}
@-o-keyframes fadeInUp {
  0% {
    opacity: 0;
    -o-transform: translateY(20px);
  }
  100% {
    opacity: 1;
    -o-transform: translateY(0);
  }
}
@keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.fadeInUp {
  -webkit-animation-name: fadeInUp;
  -moz-animation-name: fadeInUp;
  -o-animation-name: fadeInUp;
  animation-name: fadeInUp;
}
@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}
@-moz-keyframes fadeInDown {
  0% {
    opacity: 0;
    -moz-transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    -moz-transform: translateY(0);
  }
}
@-o-keyframes fadeInDown {
  0% {
    opacity: 0;
    -o-transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    -o-transform: translateY(0);
  }
}
@keyframes fadeInDown {
  0% {
    opacity: 0;
    transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.fadeInDown {
  -webkit-animation-name: fadeInDown;
  -moz-animation-name: fadeInDown;
  -o-animation-name: fadeInDown;
  animation-name: fadeInDown;
}
@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
  }
}
@-moz-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -moz-transform: translateX(-20px);
  }
  100% {
    opacity: 1;
    -moz-transform: translateX(0);
  }
}
@-o-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -o-transform: translateX(-20px);
  }
  100% {
    opacity: 1;
    -o-transform: translateX(0);
  }
}
@keyframes fadeInLeft {
  0% {
    opacity: 0;
    transform: translateX(-20px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  -moz-animation-name: fadeInLeft;
  -o-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
  }
}
@-moz-keyframes fadeInRight {
  0% {
    opacity: 0;
    -moz-transform: translateX(20px);
  }
  100% {
    opacity: 1;
    -moz-transform: translateX(0);
  }
}
@-o-keyframes fadeInRight {
  0% {
    opacity: 0;
    -o-transform: translateX(20px);
  }
  100% {
    opacity: 1;
    -o-transform: translateX(0);
  }
}
@keyframes fadeInRight {
  0% {
    opacity: 0;
    transform: translateX(20px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
.fadeInRight {
  -webkit-animation-name: fadeInRight;
  -moz-animation-name: fadeInRight;
  -o-animation-name: fadeInRight;
  animation-name: fadeInRight;
}
@-webkit-keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}
@-moz-keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -moz-transform: translateY(2000px);
  }
  100% {
    opacity: 1;
    -moz-transform: translateY(0);
  }
}
@-o-keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -o-transform: translateY(2000px);
  }
  100% {
    opacity: 1;
    -o-transform: translateY(0);
  }
}
@keyframes fadeInUpBig {
  0% {
    opacity: 0;
    transform: translateY(2000px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  -moz-animation-name: fadeInUpBig;
  -o-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig;
}
@-webkit-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}
@-moz-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -moz-transform: translateY(-2000px);
  }
  100% {
    opacity: 1;
    -moz-transform: translateY(0);
  }
}
@-o-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -o-transform: translateY(-2000px);
  }
  100% {
    opacity: 1;
    -o-transform: translateY(0);
  }
}
@keyframes fadeInDownBig {
  0% {
    opacity: 0;
    transform: translateY(-2000px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  -moz-animation-name: fadeInDownBig;
  -o-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig;
}
@-webkit-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
  }
}
@-moz-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -moz-transform: translateX(-2000px);
  }
  100% {
    opacity: 1;
    -moz-transform: translateX(0);
  }
}
@-o-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -o-transform: translateX(-2000px);
  }
  100% {
    opacity: 1;
    -o-transform: translateX(0);
  }
}
@keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    transform: translateX(-2000px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  -moz-animation-name: fadeInLeftBig;
  -o-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig;
}
@-webkit-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
  }
}
@-moz-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -moz-transform: translateX(2000px);
  }
  100% {
    opacity: 1;
    -moz-transform: translateX(0);
  }
}
@-o-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -o-transform: translateX(2000px);
  }
  100% {
    opacity: 1;
    -o-transform: translateX(0);
  }
}
@keyframes fadeInRightBig {
  0% {
    opacity: 0;
    transform: translateX(2000px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  -moz-animation-name: fadeInRightBig;
  -o-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig;
}
@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-moz-keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-o-keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.fadeOut {
  -webkit-animation-name: fadeOut;
  -moz-animation-name: fadeOut;
  -o-animation-name: fadeOut;
  animation-name: fadeOut;
}
@-webkit-keyframes fadeOutUp {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
  }
}
@-moz-keyframes fadeOutUp {
  0% {
    opacity: 1;
    -moz-transform: translateY(0);
  }
  100% {
    opacity: 0;
    -moz-transform: translateY(-20px);
  }
}
@-o-keyframes fadeOutUp {
  0% {
    opacity: 1;
    -o-transform: translateY(0);
  }
  100% {
    opacity: 0;
    -o-transform: translateY(-20px);
  }
}
@keyframes fadeOutUp {
  0% {
    opacity: 1;
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    transform: translateY(-20px);
  }
}
.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  -moz-animation-name: fadeOutUp;
  -o-animation-name: fadeOutUp;
  animation-name: fadeOutUp;
}
@-webkit-keyframes fadeOutDown {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(20px);
  }
}
@-moz-keyframes fadeOutDown {
  0% {
    opacity: 1;
    -moz-transform: translateY(0);
  }
  100% {
    opacity: 0;
    -moz-transform: translateY(20px);
  }
}
@-o-keyframes fadeOutDown {
  0% {
    opacity: 1;
    -o-transform: translateY(0);
  }
  100% {
    opacity: 0;
    -o-transform: translateY(20px);
  }
}
@keyframes fadeOutDown {
  0% {
    opacity: 1;
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    transform: translateY(20px);
  }
}
.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  -moz-animation-name: fadeOutDown;
  -o-animation-name: fadeOutDown;
  animation-name: fadeOutDown;
}
@-webkit-keyframes fadeOutLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
  }
}
@-moz-keyframes fadeOutLeft {
  0% {
    opacity: 1;
    -moz-transform: translateX(0);
  }
  100% {
    opacity: 0;
    -moz-transform: translateX(-20px);
  }
}
@-o-keyframes fadeOutLeft {
  0% {
    opacity: 1;
    -o-transform: translateX(0);
  }
  100% {
    opacity: 0;
    -o-transform: translateX(-20px);
  }
}
@keyframes fadeOutLeft {
  0% {
    opacity: 1;
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    transform: translateX(-20px);
  }
}
.fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  -moz-animation-name: fadeOutLeft;
  -o-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft;
}
@-webkit-keyframes fadeOutRight {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(20px);
  }
}
@-moz-keyframes fadeOutRight {
  0% {
    opacity: 1;
    -moz-transform: translateX(0);
  }
  100% {
    opacity: 0;
    -moz-transform: translateX(20px);
  }
}
@-o-keyframes fadeOutRight {
  0% {
    opacity: 1;
    -o-transform: translateX(0);
  }
  100% {
    opacity: 0;
    -o-transform: translateX(20px);
  }
}
@keyframes fadeOutRight {
  0% {
    opacity: 1;
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    transform: translateX(20px);
  }
}
.fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  -moz-animation-name: fadeOutRight;
  -o-animation-name: fadeOutRight;
  animation-name: fadeOutRight;
}
@-webkit-keyframes fadeOutUpBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
  }
}
@-moz-keyframes fadeOutUpBig {
  0% {
    opacity: 1;
    -moz-transform: translateY(0);
  }
  100% {
    opacity: 0;
    -moz-transform: translateY(-2000px);
  }
}
@-o-keyframes fadeOutUpBig {
  0% {
    opacity: 1;
    -o-transform: translateY(0);
  }
  100% {
    opacity: 0;
    -o-transform: translateY(-2000px);
  }
}
@keyframes fadeOutUpBig {
  0% {
    opacity: 1;
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    transform: translateY(-2000px);
  }
}
.fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  -moz-animation-name: fadeOutUpBig;
  -o-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig;
}
@-webkit-keyframes fadeOutDownBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
  }
}
@-moz-keyframes fadeOutDownBig {
  0% {
    opacity: 1;
    -moz-transform: translateY(0);
  }
  100% {
    opacity: 0;
    -moz-transform: translateY(2000px);
  }
}
@-o-keyframes fadeOutDownBig {
  0% {
    opacity: 1;
    -o-transform: translateY(0);
  }
  100% {
    opacity: 0;
    -o-transform: translateY(2000px);
  }
}
@keyframes fadeOutDownBig {
  0% {
    opacity: 1;
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    transform: translateY(2000px);
  }
}
.fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  -moz-animation-name: fadeOutDownBig;
  -o-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig;
}
@-webkit-keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
  }
}
@-moz-keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
    -moz-transform: translateX(0);
  }
  100% {
    opacity: 0;
    -moz-transform: translateX(-2000px);
  }
}
@-o-keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
    -o-transform: translateX(0);
  }
  100% {
    opacity: 0;
    -o-transform: translateX(-2000px);
  }
}
@keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    transform: translateX(-2000px);
  }
}
.fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
  -moz-animation-name: fadeOutLeftBig;
  -o-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig;
}
@-webkit-keyframes fadeOutRightBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
  }
}
@-moz-keyframes fadeOutRightBig {
  0% {
    opacity: 1;
    -moz-transform: translateX(0);
  }
  100% {
    opacity: 0;
    -moz-transform: translateX(2000px);
  }
}
@-o-keyframes fadeOutRightBig {
  0% {
    opacity: 1;
    -o-transform: translateX(0);
  }
  100% {
    opacity: 0;
    -o-transform: translateX(2000px);
  }
}
@keyframes fadeOutRightBig {
  0% {
    opacity: 1;
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    transform: translateX(2000px);
  }
}
.fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  -moz-animation-name: fadeOutRightBig;
  -o-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig;
}
@-webkit-keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.3);
  }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.05);
  }
  70% {
    -webkit-transform: scale(0.9);
  }
  100% {
    -webkit-transform: scale(1);
  }
}
@-moz-keyframes bounceIn {
  0% {
    opacity: 0;
    -moz-transform: scale(0.3);
  }
  50% {
    opacity: 1;
    -moz-transform: scale(1.05);
  }
  70% {
    -moz-transform: scale(0.9);
  }
  100% {
    -moz-transform: scale(1);
  }
}
@-o-keyframes bounceIn {
  0% {
    opacity: 0;
    -o-transform: scale(0.3);
  }
  50% {
    opacity: 1;
    -o-transform: scale(1.05);
  }
  70% {
    -o-transform: scale(0.9);
  }
  100% {
    -o-transform: scale(1);
  }
}
@keyframes bounceIn {
  0% {
    opacity: 0;
    transform: scale(0.3);
  }
  50% {
    opacity: 1;
    transform: scale(1.05);
  }
  70% {
    transform: scale(0.9);
  }
  100% {
    transform: scale(1);
  }
}
.bounceIn {
  -webkit-animation-name: bounceIn;
  -moz-animation-name: bounceIn;
  -o-animation-name: bounceIn;
  animation-name: bounceIn;
}
@-webkit-keyframes bounceInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateY(-30px);
  }
  80% {
    -webkit-transform: translateY(10px);
  }
  100% {
    -webkit-transform: translateY(0);
  }
}
@-moz-keyframes bounceInUp {
  0% {
    opacity: 0;
    -moz-transform: translateY(2000px);
  }
  60% {
    opacity: 1;
    -moz-transform: translateY(-30px);
  }
  80% {
    -moz-transform: translateY(10px);
  }
  100% {
    -moz-transform: translateY(0);
  }
}
@-o-keyframes bounceInUp {
  0% {
    opacity: 0;
    -o-transform: translateY(2000px);
  }
  60% {
    opacity: 1;
    -o-transform: translateY(-30px);
  }
  80% {
    -o-transform: translateY(10px);
  }
  100% {
    -o-transform: translateY(0);
  }
}
@keyframes bounceInUp {
  0% {
    opacity: 0;
    transform: translateY(2000px);
  }
  60% {
    opacity: 1;
    transform: translateY(-30px);
  }
  80% {
    transform: translateY(10px);
  }
  100% {
    transform: translateY(0);
  }
}
.bounceInUp {
  -webkit-animation-name: bounceInUp;
  -moz-animation-name: bounceInUp;
  -o-animation-name: bounceInUp;
  animation-name: bounceInUp;
}
@-webkit-keyframes bounceInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateY(30px);
  }
  80% {
    -webkit-transform: translateY(-10px);
  }
  100% {
    -webkit-transform: translateY(0);
  }
}
@-moz-keyframes bounceInDown {
  0% {
    opacity: 0;
    -moz-transform: translateY(-2000px);
  }
  60% {
    opacity: 1;
    -moz-transform: translateY(30px);
  }
  80% {
    -moz-transform: translateY(-10px);
  }
  100% {
    -moz-transform: translateY(0);
  }
}
@-o-keyframes bounceInDown {
  0% {
    opacity: 0;
    -o-transform: translateY(-2000px);
  }
  60% {
    opacity: 1;
    -o-transform: translateY(30px);
  }
  80% {
    -o-transform: translateY(-10px);
  }
  100% {
    -o-transform: translateY(0);
  }
}
@keyframes bounceInDown {
  0% {
    opacity: 0;
    transform: translateY(-2000px);
  }
  60% {
    opacity: 1;
    transform: translateY(30px);
  }
  80% {
    transform: translateY(-10px);
  }
  100% {
    transform: translateY(0);
  }
}
.bounceInDown {
  -webkit-animation-name: bounceInDown;
  -moz-animation-name: bounceInDown;
  -o-animation-name: bounceInDown;
  animation-name: bounceInDown;
}
@-webkit-keyframes bounceInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(30px);
  }
  80% {
    -webkit-transform: translateX(-10px);
  }
  100% {
    -webkit-transform: translateX(0);
  }
}
@-moz-keyframes bounceInLeft {
  0% {
    opacity: 0;
    -moz-transform: translateX(-2000px);
  }
  60% {
    opacity: 1;
    -moz-transform: translateX(30px);
  }
  80% {
    -moz-transform: translateX(-10px);
  }
  100% {
    -moz-transform: translateX(0);
  }
}
@-o-keyframes bounceInLeft {
  0% {
    opacity: 0;
    -o-transform: translateX(-2000px);
  }
  60% {
    opacity: 1;
    -o-transform: translateX(30px);
  }
  80% {
    -o-transform: translateX(-10px);
  }
  100% {
    -o-transform: translateX(0);
  }
}
@keyframes bounceInLeft {
  0% {
    opacity: 0;
    transform: translateX(-2000px);
  }
  60% {
    opacity: 1;
    transform: translateX(30px);
  }
  80% {
    transform: translateX(-10px);
  }
  100% {
    transform: translateX(0);
  }
}
.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  -moz-animation-name: bounceInLeft;
  -o-animation-name: bounceInLeft;
  animation-name: bounceInLeft;
}
@-webkit-keyframes bounceInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(-30px);
  }
  80% {
    -webkit-transform: translateX(10px);
  }
  100% {
    -webkit-transform: translateX(0);
  }
}
@-moz-keyframes bounceInRight {
  0% {
    opacity: 0;
    -moz-transform: translateX(2000px);
  }
  60% {
    opacity: 1;
    -moz-transform: translateX(-30px);
  }
  80% {
    -moz-transform: translateX(10px);
  }
  100% {
    -moz-transform: translateX(0);
  }
}
@-o-keyframes bounceInRight {
  0% {
    opacity: 0;
    -o-transform: translateX(2000px);
  }
  60% {
    opacity: 1;
    -o-transform: translateX(-30px);
  }
  80% {
    -o-transform: translateX(10px);
  }
  100% {
    -o-transform: translateX(0);
  }
}
@keyframes bounceInRight {
  0% {
    opacity: 0;
    transform: translateX(2000px);
  }
  60% {
    opacity: 1;
    transform: translateX(-30px);
  }
  80% {
    transform: translateX(10px);
  }
  100% {
    transform: translateX(0);
  }
}
.bounceInRight {
  -webkit-animation-name: bounceInRight;
  -moz-animation-name: bounceInRight;
  -o-animation-name: bounceInRight;
  animation-name: bounceInRight;
}
@-webkit-keyframes bounceOut {
  0% {
    -webkit-transform: scale(1);
  }
  25% {
    -webkit-transform: scale(0.95);
  }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.3);
  }
}
@-moz-keyframes bounceOut {
  0% {
    -moz-transform: scale(1);
  }
  25% {
    -moz-transform: scale(0.95);
  }
  50% {
    opacity: 1;
    -moz-transform: scale(1.1);
  }
  100% {
    opacity: 0;
    -moz-transform: scale(0.3);
  }
}
@-o-keyframes bounceOut {
  0% {
    -o-transform: scale(1);
  }
  25% {
    -o-transform: scale(0.95);
  }
  50% {
    opacity: 1;
    -o-transform: scale(1.1);
  }
  100% {
    opacity: 0;
    -o-transform: scale(0.3);
  }
}
@keyframes bounceOut {
  0% {
    transform: scale(1);
  }
  25% {
    transform: scale(0.95);
  }
  50% {
    opacity: 1;
    transform: scale(1.1);
  }
  100% {
    opacity: 0;
    transform: scale(0.3);
  }
}
.bounceOut {
  -webkit-animation-name: bounceOut;
  -moz-animation-name: bounceOut;
  -o-animation-name: bounceOut;
  animation-name: bounceOut;
}
@-webkit-keyframes bounceOutUp {
  0% {
    -webkit-transform: translateY(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateY(20px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
  }
}
@-moz-keyframes bounceOutUp {
  0% {
    -moz-transform: translateY(0);
  }
  20% {
    opacity: 1;
    -moz-transform: translateY(20px);
  }
  100% {
    opacity: 0;
    -moz-transform: translateY(-2000px);
  }
}
@-o-keyframes bounceOutUp {
  0% {
    -o-transform: translateY(0);
  }
  20% {
    opacity: 1;
    -o-transform: translateY(20px);
  }
  100% {
    opacity: 0;
    -o-transform: translateY(-2000px);
  }
}
@keyframes bounceOutUp {
  0% {
    transform: translateY(0);
  }
  20% {
    opacity: 1;
    transform: translateY(20px);
  }
  100% {
    opacity: 0;
    transform: translateY(-2000px);
  }
}
.bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  -moz-animation-name: bounceOutUp;
  -o-animation-name: bounceOutUp;
  animation-name: bounceOutUp;
}
@-webkit-keyframes bounceOutDown {
  0% {
    -webkit-transform: translateY(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateY(-20px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
  }
}
@-moz-keyframes bounceOutDown {
  0% {
    -moz-transform: translateY(0);
  }
  20% {
    opacity: 1;
    -moz-transform: translateY(-20px);
  }
  100% {
    opacity: 0;
    -moz-transform: translateY(2000px);
  }
}
@-o-keyframes bounceOutDown {
  0% {
    -o-transform: translateY(0);
  }
  20% {
    opacity: 1;
    -o-transform: translateY(-20px);
  }
  100% {
    opacity: 0;
    -o-transform: translateY(2000px);
  }
}
@keyframes bounceOutDown {
  0% {
    transform: translateY(0);
  }
  20% {
    opacity: 1;
    transform: translateY(-20px);
  }
  100% {
    opacity: 0;
    transform: translateY(2000px);
  }
}
.bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  -moz-animation-name: bounceOutDown;
  -o-animation-name: bounceOutDown;
  animation-name: bounceOutDown;
}
@-webkit-keyframes bounceOutLeft {
  0% {
    -webkit-transform: translateX(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateX(20px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
  }
}
@-moz-keyframes bounceOutLeft {
  0% {
    -moz-transform: translateX(0);
  }
  20% {
    opacity: 1;
    -moz-transform: translateX(20px);
  }
  100% {
    opacity: 0;
    -moz-transform: translateX(-2000px);
  }
}
@-o-keyframes bounceOutLeft {
  0% {
    -o-transform: translateX(0);
  }
  20% {
    opacity: 1;
    -o-transform: translateX(20px);
  }
  100% {
    opacity: 0;
    -o-transform: translateX(-2000px);
  }
}
@keyframes bounceOutLeft {
  0% {
    transform: translateX(0);
  }
  20% {
    opacity: 1;
    transform: translateX(20px);
  }
  100% {
    opacity: 0;
    transform: translateX(-2000px);
  }
}
.bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  -moz-animation-name: bounceOutLeft;
  -o-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft;
}
@-webkit-keyframes bounceOutRight {
  0% {
    -webkit-transform: translateX(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
  }
}
@-moz-keyframes bounceOutRight {
  0% {
    -moz-transform: translateX(0);
  }
  20% {
    opacity: 1;
    -moz-transform: translateX(-20px);
  }
  100% {
    opacity: 0;
    -moz-transform: translateX(2000px);
  }
}
@-o-keyframes bounceOutRight {
  0% {
    -o-transform: translateX(0);
  }
  20% {
    opacity: 1;
    -o-transform: translateX(-20px);
  }
  100% {
    opacity: 0;
    -o-transform: translateX(2000px);
  }
}
@keyframes bounceOutRight {
  0% {
    transform: translateX(0);
  }
  20% {
    opacity: 1;
    transform: translateX(-20px);
  }
  100% {
    opacity: 0;
    transform: translateX(2000px);
  }
}
.bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  -moz-animation-name: bounceOutRight;
  -o-animation-name: bounceOutRight;
  animation-name: bounceOutRight;
}
@-webkit-keyframes rotateIn {
  0% {
    -webkit-transform-origin: center center;
    -webkit-transform: rotate(-200deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: center center;
    -webkit-transform: rotate(0);
    opacity: 1;
  }
}
@-moz-keyframes rotateIn {
  0% {
    -moz-transform-origin: center center;
    -moz-transform: rotate(-200deg);
    opacity: 0;
  }
  100% {
    -moz-transform-origin: center center;
    -moz-transform: rotate(0);
    opacity: 1;
  }
}
@-o-keyframes rotateIn {
  0% {
    -o-transform-origin: center center;
    -o-transform: rotate(-200deg);
    opacity: 0;
  }
  100% {
    -o-transform-origin: center center;
    -o-transform: rotate(0);
    opacity: 1;
  }
}
@keyframes rotateIn {
  0% {
    transform-origin: center center;
    transform: rotate(-200deg);
    opacity: 0;
  }
  100% {
    transform-origin: center center;
    transform: rotate(0);
    opacity: 1;
  }
}
.rotateIn {
  -webkit-animation-name: rotateIn;
  -moz-animation-name: rotateIn;
  -o-animation-name: rotateIn;
  animation-name: rotateIn;
}
@-webkit-keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: left bottom;
    -webkit-transform: rotate(0);
    opacity: 1;
  }
}
@-moz-keyframes rotateInUpLeft {
  0% {
    -moz-transform-origin: left bottom;
    -moz-transform: rotate(90deg);
    opacity: 0;
  }
  100% {
    -moz-transform-origin: left bottom;
    -moz-transform: rotate(0);
    opacity: 1;
  }
}
@-o-keyframes rotateInUpLeft {
  0% {
    -o-transform-origin: left bottom;
    -o-transform: rotate(90deg);
    opacity: 0;
  }
  100% {
    -o-transform-origin: left bottom;
    -o-transform: rotate(0);
    opacity: 1;
  }
}
@keyframes rotateInUpLeft {
  0% {
    transform-origin: left bottom;
    transform: rotate(90deg);
    opacity: 0;
  }
  100% {
    transform-origin: left bottom;
    transform: rotate(0);
    opacity: 1;
  }
}
.rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  -moz-animation-name: rotateInUpLeft;
  -o-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft;
}
@-webkit-keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: left bottom;
    -webkit-transform: rotate(0);
    opacity: 1;
  }
}
@-moz-keyframes rotateInDownLeft {
  0% {
    -moz-transform-origin: left bottom;
    -moz-transform: rotate(-90deg);
    opacity: 0;
  }
  100% {
    -moz-transform-origin: left bottom;
    -moz-transform: rotate(0);
    opacity: 1;
  }
}
@-o-keyframes rotateInDownLeft {
  0% {
    -o-transform-origin: left bottom;
    -o-transform: rotate(-90deg);
    opacity: 0;
  }
  100% {
    -o-transform-origin: left bottom;
    -o-transform: rotate(0);
    opacity: 1;
  }
}
@keyframes rotateInDownLeft {
  0% {
    transform-origin: left bottom;
    transform: rotate(-90deg);
    opacity: 0;
  }
  100% {
    transform-origin: left bottom;
    transform: rotate(0);
    opacity: 1;
  }
}
.rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  -moz-animation-name: rotateInDownLeft;
  -o-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft;
}
@-webkit-keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: right bottom;
    -webkit-transform: rotate(0);
    opacity: 1;
  }
}
@-moz-keyframes rotateInUpRight {
  0% {
    -moz-transform-origin: right bottom;
    -moz-transform: rotate(-90deg);
    opacity: 0;
  }
  100% {
    -moz-transform-origin: right bottom;
    -moz-transform: rotate(0);
    opacity: 1;
  }
}
@-o-keyframes rotateInUpRight {
  0% {
    -o-transform-origin: right bottom;
    -o-transform: rotate(-90deg);
    opacity: 0;
  }
  100% {
    -o-transform-origin: right bottom;
    -o-transform: rotate(0);
    opacity: 1;
  }
}
@keyframes rotateInUpRight {
  0% {
    transform-origin: right bottom;
    transform: rotate(-90deg);
    opacity: 0;
  }
  100% {
    transform-origin: right bottom;
    transform: rotate(0);
    opacity: 1;
  }
}
.rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  -moz-animation-name: rotateInUpRight;
  -o-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight;
}
@-webkit-keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: right bottom;
    -webkit-transform: rotate(0);
    opacity: 1;
  }
}
@-moz-keyframes rotateInDownRight {
  0% {
    -moz-transform-origin: right bottom;
    -moz-transform: rotate(90deg);
    opacity: 0;
  }
  100% {
    -moz-transform-origin: right bottom;
    -moz-transform: rotate(0);
    opacity: 1;
  }
}
@-o-keyframes rotateInDownRight {
  0% {
    -o-transform-origin: right bottom;
    -o-transform: rotate(90deg);
    opacity: 0;
  }
  100% {
    -o-transform-origin: right bottom;
    -o-transform: rotate(0);
    opacity: 1;
  }
}
@keyframes rotateInDownRight {
  0% {
    transform-origin: right bottom;
    transform: rotate(90deg);
    opacity: 0;
  }
  100% {
    transform-origin: right bottom;
    transform: rotate(0);
    opacity: 1;
  }
}
.rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  -moz-animation-name: rotateInDownRight;
  -o-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight;
}
@-webkit-keyframes rotateOut {
  0% {
    -webkit-transform-origin: center center;
    -webkit-transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: center center;
    -webkit-transform: rotate(200deg);
    opacity: 0;
  }
}
@-moz-keyframes rotateOut {
  0% {
    -moz-transform-origin: center center;
    -moz-transform: rotate(0);
    opacity: 1;
  }
  100% {
    -moz-transform-origin: center center;
    -moz-transform: rotate(200deg);
    opacity: 0;
  }
}
@-o-keyframes rotateOut {
  0% {
    -o-transform-origin: center center;
    -o-transform: rotate(0);
    opacity: 1;
  }
  100% {
    -o-transform-origin: center center;
    -o-transform: rotate(200deg);
    opacity: 0;
  }
}
@keyframes rotateOut {
  0% {
    transform-origin: center center;
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    transform-origin: center center;
    transform: rotate(200deg);
    opacity: 0;
  }
}
.rotateOut {
  -webkit-animation-name: rotateOut;
  -moz-animation-name: rotateOut;
  -o-animation-name: rotateOut;
  animation-name: rotateOut;
}
@-webkit-keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -webkit-transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    opacity: 0;
  }
}
@-moz-keyframes rotateOutUpLeft {
  0% {
    -moz-transform-origin: left bottom;
    -moz-transform: rotate(0);
    opacity: 1;
  }
  100% {
    -moz-transform-origin: left bottom;
    -moz-transform: rotate(-90deg);
    opacity: 0;
  }
}
@-o-keyframes rotateOutUpLeft {
  0% {
    -o-transform-origin: left bottom;
    -o-transform: rotate(0);
    opacity: 1;
  }
  100% {
    -o-transform-origin: left bottom;
    -o-transform: rotate(-90deg);
    opacity: 0;
  }
}
@keyframes rotateOutUpLeft {
  0% {
    transform-origin: left bottom;
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    transform-origin: left bottom;
    transform: rotate(-90deg);
    opacity: 0;
  }
}
.rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
  -moz-animation-name: rotateOutUpLeft;
  -o-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft;
}
@-webkit-keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -webkit-transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    opacity: 0;
  }
}
@-moz-keyframes rotateOutDownLeft {
  0% {
    -moz-transform-origin: left bottom;
    -moz-transform: rotate(0);
    opacity: 1;
  }
  100% {
    -moz-transform-origin: left bottom;
    -moz-transform: rotate(90deg);
    opacity: 0;
  }
}
@-o-keyframes rotateOutDownLeft {
  0% {
    -o-transform-origin: left bottom;
    -o-transform: rotate(0);
    opacity: 1;
  }
  100% {
    -o-transform-origin: left bottom;
    -o-transform: rotate(90deg);
    opacity: 0;
  }
}
@keyframes rotateOutDownLeft {
  0% {
    transform-origin: left bottom;
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    transform-origin: left bottom;
    transform: rotate(90deg);
    opacity: 0;
  }
}
.rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
  -moz-animation-name: rotateOutDownLeft;
  -o-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft;
}
@-webkit-keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    -webkit-transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    opacity: 0;
  }
}
@-moz-keyframes rotateOutUpRight {
  0% {
    -moz-transform-origin: right bottom;
    -moz-transform: rotate(0);
    opacity: 1;
  }
  100% {
    -moz-transform-origin: right bottom;
    -moz-transform: rotate(90deg);
    opacity: 0;
  }
}
@-o-keyframes rotateOutUpRight {
  0% {
    -o-transform-origin: right bottom;
    -o-transform: rotate(0);
    opacity: 1;
  }
  100% {
    -o-transform-origin: right bottom;
    -o-transform: rotate(90deg);
    opacity: 0;
  }
}
@keyframes rotateOutUpRight {
  0% {
    transform-origin: right bottom;
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    transform-origin: right bottom;
    transform: rotate(90deg);
    opacity: 0;
  }
}
.rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
  -moz-animation-name: rotateOutUpRight;
  -o-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight;
}
@-webkit-keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    -webkit-transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    opacity: 0;
  }
}
@-moz-keyframes rotateOutDownRight {
  0% {
    -moz-transform-origin: right bottom;
    -moz-transform: rotate(0);
    opacity: 1;
  }
  100% {
    -moz-transform-origin: right bottom;
    -moz-transform: rotate(-90deg);
    opacity: 0;
  }
}
@-o-keyframes rotateOutDownRight {
  0% {
    -o-transform-origin: right bottom;
    -o-transform: rotate(0);
    opacity: 1;
  }
  100% {
    -o-transform-origin: right bottom;
    -o-transform: rotate(-90deg);
    opacity: 0;
  }
}
@keyframes rotateOutDownRight {
  0% {
    transform-origin: right bottom;
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    transform-origin: right bottom;
    transform: rotate(-90deg);
    opacity: 0;
  }
}
.rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
  -moz-animation-name: rotateOutDownRight;
  -o-animation-name: rotateOutDownRight;
  animation-name: rotateOutDownRight;
}
@-webkit-keyframes hinge {
  0% {
    -webkit-transform: rotate(0);
    -webkit-transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
  }
  20%,
  60% {
    -webkit-transform: rotate(80deg);
    -webkit-transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
  }
  40% {
    -webkit-transform: rotate(60deg);
    -webkit-transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
  }
  80% {
    -webkit-transform: rotate(60deg) translateY(0);
    opacity: 1;
    -webkit-transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
  }
  100% {
    -webkit-transform: translateY(700px);
    opacity: 0;
  }
}
@-moz-keyframes hinge {
  0% {
    -moz-transform: rotate(0);
    -moz-transform-origin: top left;
    -moz-animation-timing-function: ease-in-out;
  }
  20%,
  60% {
    -moz-transform: rotate(80deg);
    -moz-transform-origin: top left;
    -moz-animation-timing-function: ease-in-out;
  }
  40% {
    -moz-transform: rotate(60deg);
    -moz-transform-origin: top left;
    -moz-animation-timing-function: ease-in-out;
  }
  80% {
    -moz-transform: rotate(60deg) translateY(0);
    opacity: 1;
    -moz-transform-origin: top left;
    -moz-animation-timing-function: ease-in-out;
  }
  100% {
    -moz-transform: translateY(700px);
    opacity: 0;
  }
}
@-o-keyframes hinge {
  0% {
    -o-transform: rotate(0);
    -o-transform-origin: top left;
    -o-animation-timing-function: ease-in-out;
  }
  20%,
  60% {
    -o-transform: rotate(80deg);
    -o-transform-origin: top left;
    -o-animation-timing-function: ease-in-out;
  }
  40% {
    -o-transform: rotate(60deg);
    -o-transform-origin: top left;
    -o-animation-timing-function: ease-in-out;
  }
  80% {
    -o-transform: rotate(60deg) translateY(0);
    opacity: 1;
    -o-transform-origin: top left;
    -o-animation-timing-function: ease-in-out;
  }
  100% {
    -o-transform: translateY(700px);
    opacity: 0;
  }
}
@keyframes hinge {
  0% {
    transform: rotate(0);
    transform-origin: top left;
    animation-timing-function: ease-in-out;
  }
  20%,
  60% {
    transform: rotate(80deg);
    transform-origin: top left;
    animation-timing-function: ease-in-out;
  }
  40% {
    transform: rotate(60deg);
    transform-origin: top left;
    animation-timing-function: ease-in-out;
  }
  80% {
    transform: rotate(60deg) translateY(0);
    opacity: 1;
    transform-origin: top left;
    animation-timing-function: ease-in-out;
  }
  100% {
    transform: translateY(700px);
    opacity: 0;
  }
}
.hinge {
  -webkit-animation-name: hinge;
  -moz-animation-name: hinge;
  -o-animation-name: hinge;
  animation-name: hinge;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%) rotate(-120deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
  }
}
@-moz-keyframes rollIn {
  0% {
    opacity: 0;
    -moz-transform: translateX(-100%) rotate(-120deg);
  }
  100% {
    opacity: 1;
    -moz-transform: translateX(0px) rotate(0deg);
  }
}
@-o-keyframes rollIn {
  0% {
    opacity: 0;
    -o-transform: translateX(-100%) rotate(-120deg);
  }
  100% {
    opacity: 1;
    -o-transform: translateX(0px) rotate(0deg);
  }
}
@keyframes rollIn {
  0% {
    opacity: 0;
    transform: translateX(-100%) rotate(-120deg);
  }
  100% {
    opacity: 1;
    transform: translateX(0px) rotate(0deg);
  }
}
.rollIn {
  -webkit-animation-name: rollIn;
  -moz-animation-name: rollIn;
  -o-animation-name: rollIn;
  animation-name: rollIn;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollOut {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(100%) rotate(120deg);
  }
}
@-moz-keyframes rollOut {
  0% {
    opacity: 1;
    -moz-transform: translateX(0px) rotate(0deg);
  }
  100% {
    opacity: 0;
    -moz-transform: translateX(100%) rotate(120deg);
  }
}
@-o-keyframes rollOut {
  0% {
    opacity: 1;
    -o-transform: translateX(0px) rotate(0deg);
  }
  100% {
    opacity: 0;
    -o-transform: translateX(100%) rotate(120deg);
  }
}
@keyframes rollOut {
  0% {
    opacity: 1;
    transform: translateX(0px) rotate(0deg);
  }
  100% {
    opacity: 0;
    transform: translateX(100%) rotate(120deg);
  }
}
.rollOut {
  -webkit-animation-name: rollOut;
  -moz-animation-name: rollOut;
  -o-animation-name: rollOut;
  animation-name: rollOut;
}
/* originally authored by Angelo Rohit - https://github.com/angelorohit */
@-webkit-keyframes lightSpeedIn {
  0% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }
  60% {
    -webkit-transform: translateX(-20%) skewX(30deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: translateX(0%) skewX(-15deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }
}
@-moz-keyframes lightSpeedIn {
  0% {
    -moz-transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }
  60% {
    -moz-transform: translateX(-20%) skewX(30deg);
    opacity: 1;
  }
  80% {
    -moz-transform: translateX(0%) skewX(-15deg);
    opacity: 1;
  }
  100% {
    -moz-transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }
}
@-o-keyframes lightSpeedIn {
  0% {
    -o-transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }
  60% {
    -o-transform: translateX(-20%) skewX(30deg);
    opacity: 1;
  }
  80% {
    -o-transform: translateX(0%) skewX(-15deg);
    opacity: 1;
  }
  100% {
    -o-transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }
}
@keyframes lightSpeedIn {
  0% {
    transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }
  60% {
    transform: translateX(-20%) skewX(30deg);
    opacity: 1;
  }
  80% {
    transform: translateX(0%) skewX(-15deg);
    opacity: 1;
  }
  100% {
    transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }
}
.lightSpeedIn {
  -webkit-animation-name: lightSpeedIn;
  -moz-animation-name: lightSpeedIn;
  -o-animation-name: lightSpeedIn;
  animation-name: lightSpeedIn;
  -webkit-animation-timing-function: ease-out;
  -moz-animation-timing-function: ease-out;
  -o-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}
.animated.lightSpeedIn {
  -webkit-animation-duration: 0.5s;
  -moz-animation-duration: 0.5s;
  -o-animation-duration: 0.5s;
  animation-duration: 0.5s;
}
/* originally authored by Angelo Rohit - https://github.com/angelorohit */
@-webkit-keyframes lightSpeedOut {
  0% {
    -webkit-transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }
}
@-moz-keyframes lightSpeedOut {
  0% {
    -moz-transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }
  100% {
    -moz-transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }
}
@-o-keyframes lightSpeedOut {
  0% {
    -o-transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }
  100% {
    -o-transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }
}
@keyframes lightSpeedOut {
  0% {
    transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }
  100% {
    transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }
}
.lightSpeedOut {
  -webkit-animation-name: lightSpeedOut;
  -moz-animation-name: lightSpeedOut;
  -o-animation-name: lightSpeedOut;
  animation-name: lightSpeedOut;
  -webkit-animation-timing-function: ease-in;
  -moz-animation-timing-function: ease-in;
  -o-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}
.animated.lightSpeedOut {
  -webkit-animation-duration: 0.25s;
  -moz-animation-duration: 0.25s;
  -o-animation-duration: 0.25s;
  animation-duration: 0.25s;
}
/* originally authored by Angelo Rohit - https://github.com/angelorohit */
@-webkit-keyframes wiggle {
  0% {
    -webkit-transform: skewX(9deg);
  }
  10% {
    -webkit-transform: skewX(-8deg);
  }
  20% {
    -webkit-transform: skewX(7deg);
  }
  30% {
    -webkit-transform: skewX(-6deg);
  }
  40% {
    -webkit-transform: skewX(5deg);
  }
  50% {
    -webkit-transform: skewX(-4deg);
  }
  60% {
    -webkit-transform: skewX(3deg);
  }
  70% {
    -webkit-transform: skewX(-2deg);
  }
  80% {
    -webkit-transform: skewX(1deg);
  }
  90% {
    -webkit-transform: skewX(0deg);
  }
  100% {
    -webkit-transform: skewX(0deg);
  }
}
@-moz-keyframes wiggle {
  0% {
    -moz-transform: skewX(9deg);
  }
  10% {
    -moz-transform: skewX(-8deg);
  }
  20% {
    -moz-transform: skewX(7deg);
  }
  30% {
    -moz-transform: skewX(-6deg);
  }
  40% {
    -moz-transform: skewX(5deg);
  }
  50% {
    -moz-transform: skewX(-4deg);
  }
  60% {
    -moz-transform: skewX(3deg);
  }
  70% {
    -moz-transform: skewX(-2deg);
  }
  80% {
    -moz-transform: skewX(1deg);
  }
  90% {
    -moz-transform: skewX(0deg);
  }
  100% {
    -moz-transform: skewX(0deg);
  }
}
@-o-keyframes wiggle {
  0% {
    -o-transform: skewX(9deg);
  }
  10% {
    -o-transform: skewX(-8deg);
  }
  20% {
    -o-transform: skewX(7deg);
  }
  30% {
    -o-transform: skewX(-6deg);
  }
  40% {
    -o-transform: skewX(5deg);
  }
  50% {
    -o-transform: skewX(-4deg);
  }
  60% {
    -o-transform: skewX(3deg);
  }
  70% {
    -o-transform: skewX(-2deg);
  }
  80% {
    -o-transform: skewX(1deg);
  }
  90% {
    -o-transform: skewX(0deg);
  }
  100% {
    -o-transform: skewX(0deg);
  }
}
@keyframes wiggle {
  0% {
    transform: skewX(9deg);
  }
  10% {
    transform: skewX(-8deg);
  }
  20% {
    transform: skewX(7deg);
  }
  30% {
    transform: skewX(-6deg);
  }
  40% {
    transform: skewX(5deg);
  }
  50% {
    transform: skewX(-4deg);
  }
  60% {
    transform: skewX(3deg);
  }
  70% {
    transform: skewX(-2deg);
  }
  80% {
    transform: skewX(1deg);
  }
  90% {
    transform: skewX(0deg);
  }
  100% {
    transform: skewX(0deg);
  }
}
.wiggle {
  -webkit-animation-name: wiggle;
  -moz-animation-name: wiggle;
  -o-animation-name: wiggle;
  animation-name: wiggle;
  -webkit-animation-timing-function: ease-in;
  -moz-animation-timing-function: ease-in;
  -o-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}
.animated.wiggle {
  -webkit-animation-duration: 0.75s;
  -moz-animation-duration: 0.75s;
  -o-animation-duration: 0.75s;
  animation-duration: 0.75s;
}
@media only screen and (max-width: 1230px) {
  
}
@media only screen and (max-width: 959px) {
  /* /////////////////Start-Header */
  .main-nav nav ul li {
    width: 130px;
  }
  .main-nav nav ul li a {
    font-size: 1em;
  }
  /* /////////////////End-Header */
  /* /////////////////Start-Home */
  .overview .wrapper {
    width: 100%;
  }
  .detail .wrapper {
    width: 100%;
  }
  #main .intro p {
    padding: 0 20%;
  }
  .featured-stories {
    width: 64% !important;
  }
  .headlines {
    width: 33% !important;
    border-right: none;
    padding-right: 0;
  }
  .headlines ul.stories li a {
    padding: 10px 0;
  }
  #main aside {
    width: 100%;
    clear: both;
  }
  .trending-stories {
    width: 48%;
    margin-top: 40px;
    float: left;
  }
  #main aside .ad.square {
    float: left;
    width: 48%;
  }
  #main aside .ad.square.first {
    margin-top: 40px;
    float: right;
  }
  #main aside .ad {
    width: 100%;
    margin: 10px auto 20px;
    padding: 20px 0 35px;
    text-align: center;
  }
  #main aside .ad.wide {
    padding: 10px 0 20px;
  }
  #tweets iframe {
    width: 100% !important;
  }
  #featured-sections {
    width: 100%;
    padding-right: 0;
    border-right: none;
  }
  #featured-sections .ad {
    width: 92%;
    text-align: center;
  }
  aside .social-links {
    float: right;
    width: 48%;
    margin: 10px 0;
  }
  aside .social-links li a {
    margin-bottom: 15px;
  }
  #twitter-container {
    width: 100%;
    float: left;
  }
  .print-editions .bx-viewport {
    max-width: 500px !important;
    margin: 0 auto !important;
  }
  .print-editions .bx-wrapper .bx-prev {
    left: 20px;
  }
  .print-editions .bx-wrapper .bx-next {
    right: 20px;
  }
  .print-editions .print-scroller .date {
    position: relative;
    clear: both;
    float: left;
    display: block;
  }
  /* /////////////////End-Home */
  /* /////////////////Start-Footer */
  .your-voice {
    padding-bottom: 30px;
  }
  footer section.tagline {
    width: 48%;
    float: left;
  }
  footer section.middle {
    float: right;
    width: 48%;
    margin: 0;
  }
  footer section.last {
    clear: both;
    float: left;
    margin-top: 30px;
    position: relative;
    width: 100%;
    right: 0;
  }
  footer section article {
    width: 47%;
    margin-right: 5%;
  }
  footer .additional-info a.logo {
    width: 120px;
    display: block;
    float: none;
    margin: 0px auto;
  }
  footer .additional-info .contact {
    width: 100%;
    text-align: center;
  }
  /* /////////////////End-Footer */
  /* /////////////////Overview */
  .overview .main-stories {
    width: 100%;
  }
  .overview aside {
    padding-left: 0;
    border-left: none;
  }
  .view-archive {
    margin-bottom: 0;
  }
  /* /////////////////End-Overview */
  /* /////////////////Detail */
  .full-content {
    width: 100%;
    max-width: 700px;
    margin-left: auto;
    margin-right: auto;
    float: none;
  }
  #main.detail aside {
    max-width: 700px;
    margin-left: auto;
    margin-right: auto;
    float: none;
    padding-left: 0;
    border-left: none;
  }
  .detail #featured-sections {
    width: 100%;
    max-width: 700px;
    margin-left: auto;
    margin-right: auto;
    float: none;
  }
  .about-author {
    margin-bottom: 45px;
  }
  .hide-sidebar {
    display: none;
  }
  /* /////////////////End-Detail */
  /* /////////////////Search */
  .search .main-stories {
    width: 100%;
  }
  .search aside {
    padding-left: 0;
    border-left: none;
  }
  .filter-by {
    width: 100%;
  }
  .search-box p {
    width: 100%;
  }
  .search-box form {
    width: 100%;
    margin-bottom: 15px;
  }
  /* /////////////////End-Search */
  #your-voice {
    display: none;
  }
  #usman {
    float: none;
    text-align: center;
    margin-right: auto;
    margin-left: auto;
  }
  #disqus {
    max-width: 700px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0;
    padding-bottom: 0;
    float: none;
  }
}
@media only screen and (max-width: 767px), only screen and (max-device-width: 767px) {
  /* /////////////////START-Header */
  header .top-nav {
    display: none;
    margin-top: 90px;
    height: auto;
  }
  .top-nav .weather {
    width: 100%;
    margin: 10px 0 0;
    text-align: center;
  }
  .top-nav .icons {
    width: 100%;
    margin: 10px auto;
  }
  .top-nav .search {
    width: 100%;
  }
  .top-nav .search-container input.search-field {
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 30px 0 10px;
    height: 30px;
    line-height: 30px;
    margin: 0;
    border: 1px solid #BCC1D1;
  }
  .top-nav .search input.search-btn {
    display: block;
    background-color: #354F9D;
  }
  .top-nav .search .search-container {
    display: block !important;
    width: 100%;
  }
  .top-nav .search span.search-btn {
    display: none;
  }
  .top-nav ul {
    width: 100%;
    margin: 10px 0;
  }
  .top-nav ul li a {
    width: 100px;
    height: auto;
    padding: 4px 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 5px 0 0;
    border: none;
    text-indent: 20px;
    color: #ffffff;
    font-size: 0.875em;
    font-family: 'Oswald', sans-serif;
    font-weight: 700;
    font-style: normal;
    text-transform: uppercase;
  }
  .top-nav ul li ul {
    position: static;
    float: left;
    clear: both;
    margin: 0;
    width: 100%;
    padding: 4px 20px;
    color: #3b3b3b;
    font-size: 0.875em;
    font-family: 'Oswald', sans-serif;
    font-weight: 700;
    font-style: normal;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .top-nav ul li ul li a {
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .top-nav ul li:hover ul {
    display: none;
    -webkit-animation-duration: 0s;
    -moz-animation-duration: 0s;
    -o-animation-duration: 0s;
    animation-duration: 0s;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
  }
  .main-nav .logo-container {
    float: left;
    width: 100%;
    border-bottom: 1px solid #C4C4C4;
    height: 49px;
    position: absolute;
    top: 0px;
    z-index: 400;
  }
  /* push down for WP Admin Bar */
  body.admin-bar .main-nav .logo-container {
    top: 46px;
  }
  .main-nav .logo-container h1 {
    max-width: 200px;
    float: left;
    margin: 0px 0 0 20px;
  }
  .main-nav .logo-container .menu-btn {
    display: block;
  }
  .main-nav nav {
    display: none;
  }
  .main-nav nav ul li {
    width: 100%;
    border-bottom: 1px solid #fff;
  }
  .main-nav nav ul li a {
    padding: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: none;
    color: #fff;
    background: #f05a29;
  }
  .main-nav nav ul li.news a {
    background: #f05a29;
  }
  .main-nav nav ul li.sports a {
    background: #e09c19;
  }
  .main-nav nav ul li.scene a {
    background: #539f0d;
  }
  .main-nav nav ul li.viewpoint a {
    background: #cf274a;
  }
  .main-nav nav ul li.multimedia a {
    background: #1273aa;
  }
  .main-nav nav ul li a:hover {
    padding: 10px;
    border: none;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
  }
  .main-nav nav ul li.active:after {
    border: none;
  }
  /* /////////////////End-Header */
  /* /////////////////Start-Home */
  #main {
    padding-top: 90px;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
  }
  #main.active {
    padding-top: 0px;
  }
  #main .intro {
    padding: 20px 0;
    margin-bottom: 20px;
    border-bottom: 1px solid #C4C4C4;
    width: 100%;
    background: #f7f7f7;
  }
  #main .intro .line {
    display: none;
  }
  #main .intro p {
    width: 100%;
    padding: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .featured-stories {
    width: 100% !important;
  }
  .headlines {
    width: 100% !important;
    padding: 40px 0 0px;
    border: none;
  }
  #main aside .ad.square.first {
    width: 100%;
    margin-top: 20px;
  }
  .trending-stories {
    width: 100%;
    margin-top: 0px;
  }
  .trending li a .story-title {
    width: 55%;
  }
  .scroller-container {
    padding: 10px 0 30px;
  }
  article.section img:not(.size-medium):not(.size-full):not(.size-small):not(.attachment-thumbnail) {
    width: 30%;
    margin: 0 15px 15px 0;
  }
  article.section img {
	height: auto !important;
  }
  article.section .text-container {
    width: 100%;
    float: right;
    margin: 0;
  }
  article.section ul.other-stories {
    width: 100%;
    padding: 8px 0;
    margin-top: 12px;
    border: none;
    border-top: 4px double #e7e7e7;
  }
  article.section .title-container .title {
    padding-right: 20px;
  }
  #main aside .ad.square {
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  #featured-sections .ad {
    width: 100%;
    padding: 10px 0 24px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  aside .social-links {
    width: auto;
    max-width: 320px;
    float: none;
    display: block;
    margin: 0 auto;
  }
  aside .social-links li a {
    width: 100%;
    padding: 0 0 0 40px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .print-editions .slider-container .bx-wrapper {
    padding: 0 50px;
  }
  .print-editions .bx-viewport {
    max-width: 233px !important;
  }
  /* /////////////////End-Home */
  /* /////////////////Start-Footer */
  footer section.tagline {
    width: 100%;
  }
  footer .tagline p {
    font-size: 1.5em;
    line-height: 32px;
  }
  footer section.middle {
    width: 100%;
    padding: 30px 0 10px;
  }
  footer .additional-info {
    margin: 20px 0 0 0;
  }
  footer .additional-info a.logo {
    margin-bottom: 10px;
  }
  /* /////////////////End-Footer */
  /* /////////////////Overview */
  .overview .featured-stories article.large {
    margin-bottom: 0px;
  }
  .overview .featured-stories article.large img {
    width: auto;
  }
  .overview .main-stories {
    margin-top: 0px;
    padding-top: 30px;
    border-top: 1px solid #E7E7E7;
  }
  .overview .main-stories article.section img {
    float: left;
    margin: 0 5% 15px 0;
  }
  .overview .headlines article.section .text-container {
    padding-top: 0;
  }
  .overview .main-stories article a ~ h3 {
    width: 65%;
    float: right;
  }
  .overview .main-stories article h3 a {
    font-size: 1.5em;
    line-height: 28px;
  }
  .overview .headlines article {
    width: 48%;
    float: right;
  }
  .overview .headlines article:first-child {
    float: left;
  }
  .overview .headlines article img {
    width: auto;
    margin-right: 2%;
  }
  .overview .main-stories article.section .text-containter {
    padding-top: 15px;
  }
  .overview .main-stories p.info {
    margin-bottom: 10px;
    clear: both;
  }
  .overview .main-stories article.section.after-four {
    margin-bottom: 0;
  }
  .overview .main-stories article.section.after-four .title-container {
    display: none;
  }
  .overview .main-stories article.section.after-four .text-container {
    width: 100%;
    padding: 0;
  }
  .overview .main-stories article.section.after-four img {
    display: none;
  }
  .overview .main-stories article.section.after-four p {
    display: none;
  }
  .overview .main-stories article.section.after-four h3 {
    padding-bottom: 5px;
    border-bottom: 1px solid #E7E7E7;
    margin-bottom: 15px;
    width: 100%;
  }
  .overview .main-stories article.section.after-four h3 a {
    font-size: 1.25em;
  }
  .overview .main-stories article.section.after-four.last h3 {
    border-bottom: none;
    margin-bottom: 0;
  }
  .view-archive {
    margin-bottom: 100px;
  }
  .overview aside {
    display: none !important;
  }
  /* /////////////////End-Overview */
  /* /////////////////Detail */
  .full-content .content-header h3 {
    font-size: 2.5em;
    line-height: 40px;
  }
  .full-content .content-body .full-image img {
    width: 100%;
  }
  .full-content .content-body .small-image img {
    width: 100%;
  }
  .detail #featured-sections {
    clear: both;
    padding-top: 15px;
  }
  .share-this-story .title {
    float: none;
    display: block;
    margin-bottom: 15px;
  }
  .share-this-story ul {
    float: none;
    width: 100%;
    display: block;
  }
  .share-this-story ul li {
    margin-right: 4%;
  }
  .share-this-story ul li.last {
    margin-right: 0;
  }
  /* /////////////////End-Detail */
  /* /////////////////Search */
  .search .main-stories article.section .text-container img {
    float: left;
    margin: 0 5% 15px 0;
  }
  .search .main-stories article a ~ h3 {
    width: 65%;
    float: right;
  }
  .search .main-stories article h3 a {
    font-size: 1.5em;
    line-height: 28px;
  }
  .search .main-stories article.section .text-container p.info {
    clear: right;
  }
  .search .more-stories {
    margin-bottom: 100px;
  }
  .filter-by form {
    height: 0px;
    margin-top: 0;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
    overflow: hidden;
  }
  .filter-by form.expanded {
    height: 150px;
    margin-top: 20px;
  }
  .filter-by p {
    margin-bottom: 0;
    padding: 10px;
    border: 1px solid #b9b9b9;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    cursor: pointer;
    position: relative;
  }
  .filter-by p:after {
    width: 0;
    height: 0;
    border-left: 14px solid transparent;
    border-right: 14px solid transparent;
    border-top: 14px solid #363636;
    position: absolute;
    right: 15px;
    top: 10px;
    content: "";
  }
  .filter-by p.expanded:after {
    border-left: 14px solid transparent;
    border-right: 14px solid transparent;
    border-top: none;
    border-bottom: 14px solid #363636;
    top: 15px;
  }
  .filter-by ul li {
    width: 48%;
    margin-right: 0;
    float: right;
  }
  .filter-by ul li:first-child {
    float: left;
  }
  .filter-by ul li.last {
    width: 100%;
  }
  .filter-by input {
    width: 94%;
    padding-right: 2%;
    padding-left: 3%;
  }
  .search aside {
    display: none !important;
  }
  /* /////////////////End-Search */
}
@media only screen and (max-device-width: 568px), only screen and (max-width: 568px) {
  /* /////////////////Start-Home */
  .featured-stories article.large {
    border-bottom: 1px solid #E7E7E7;
    margin-bottom: 10px;
    padding-bottom: 20px;
  }
  .featured-stories article.small {
    width: 100%;
    padding-bottom: 10px;
    border-bottom: 1px solid #E7E7E7;
    margin-bottom: 10px;
    clear: both;
  }
  .featured-stories article.small.last {
    margin-bottom: 0;
  }
  .featured-stories article.small img {
    float: left;
    max-width: 35%;
    margin: 0 15px 15px 0;
  }
  .featured-stories article.small .text-container {
    width: 100%;
    float: right;
  }
  .scroller-container .bx-viewport {
    width: 290px !important;
    margin: 0 auto;
  }
  aside .social-links {
    max-width: 100%;
  }
  aside .social-links li a {
    font-size: .875em;
  }
  .print-editions .section-heading {
    width: 100%;
  }
  .print-editions .section-heading .line {
    display: none;
  }
  /* /////////////////End-Home */
  /* /////////////////Start-Footer */
  footer section.last {
    min-width: 1px;
  }
  footer section ul {
    width: 100%;
  }
  footer section article {
    width: 100%;
    margin: 10px 0;
  }
  footer .additional-info {
    border-top: 1px solid #868686;
    padding-top: 14px;
    margin-top: 10px;
  }
  footer .additional-info .contact .seperator {
    display: block;
    height: 0px;
    margin: 4px 0;
    overflow: hidden;
  }
  /* /////////////////End-Footer */
  /* /////////////////Overview */
  .overview .featured-stories article.large {
    margin-bottom: 15px;
    padding-bottom: 30px;
  }
  .overview .headlines {
    padding-top: 15px;
  }
  .overview .headlines article {
    width: 100%;
  }
  .overview .headlines article img {
    width: 30%;
  }
  .overview .headlines article.section .text-container {
    width: 66%;
    padding: 0px;
  }
  .more-stories a {
    margin-bottom: 30px;
    width: 90%;
    padding-left: 5%;
    padding-right: 5%;
  }
  .view-archive {
    text-align: center;
  }
  .view-archive a {
    margin-left: -8px;
  }
  /* /////////////////End-Overview */
  /* /////////////////Detail */
  .full-content .content-body .small-image {
    width: 100%;
    max-width: 200px;
    float: none;
    margin-left: auto;
    margin-right: auto;
  }
  .full-content .content-body li, .page li {
    margin-left: 25px;
  }
  .full-content .content-body blockquote, .page blockquote {
    margin-left: 0;
  }
  .about-author img {
    margin-right: 10px;
    margin-bottom: 10px;
  }
  .about-author p {
    margin-left: 0;
  }
  a.contact-author {
    margin-left: auto;
    margin-right: auto;
    width: 120px;
  }
  /* /////////////////End-Detail */
  /* /////////////////Overview */
  .filter-by ul li {
    width: 100%;
    margin-right: 0;
    float: right;
    margin-bottom: 10px;
  }
  .filter-by .select-box .select, .facetwp-dropdown {
    width: 90%;
    padding-left: 3%;
  }
  /* /////////////////End-Overview */
  /* /////////////////Search */
  .filter-by form.expanded {
    height: 240px;
  }
  .search .main-stories article.section .text-container p.info {
    clear: both;
  }
  /* /////////////////End-Search */
}
@media only screen and (max-device-width: 480px), only screen and (max-width: 480px) {
  
}
.ir {
  display: block;
  border: 0;
  text-indent: -999em;
  overflow: hidden;
  background-color: transparent;
  background-repeat: no-repeat;
  text-align: left;
  direction: ltr;
  *line-height: 0;
}
.ir br {
  display: none;
}
.hidden {
  display: none !important;
  visibility: hidden;
}
.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}
.invisible {
  visibility: hidden;
}
.clearfix:before,
.clearfix:after {
  content: "";
  display: table;
}
.clearfix:after {
  clear: both;
}
.clearfix {
  *zoom: 1;
}
@media print {
  * {
    background: transparent !important;
    color: black !important;
    box-shadow: none !important;
    text-shadow: none !important;
    filter: none !important;
    -ms-filter: none !important;
  }
  a,
  a:visited {
    text-decoration: underline;
  }
  a[href]:after {
    content: " (" attr(href) ")";
  }
  abbr[title]:after {
    content: " (" attr(title) ")";
  }
  .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;
  }
  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;
  }
}