/* styles for components */
/*********************
  Section Heading
*********************/
/* line 12, ../scss/components.scss */
.section-heading {
  background: #e3120b;
  padding-bottom: 0.3125rem;
}

/* line 13, ../scss/components.scss */
.section-heading h3 {
  margin: 0.625rem auto;
  font: 1.5rem Officina, sans-serif;
  line-height: 1.75rem;
  /*max-width:19em;*/
}

/* line 14, ../scss/components.scss */
.section-heading a {
  color: #fff;
}

/* line 15, ../scss/components.scss */
.section-heading a.all {
  display: inline-block;
  text-align: center;
  text-decoration: none;
  margin-top: 0.625rem;
}

/* line 16, ../scss/components.scss */
.section-heading a.all i {
  font-size: 1.5rem;
  color: #8A1B02;
}

/* line 17, ../scss/components.scss */
.section-heading a.all div {
  display: block;
  text-transform: uppercase;
  font: 1rem Officina, sans-serif;
  line-height: 1.25rem;
  margin-right: 1.25rem;
  position: relative;
  top: -7px;
}

@media only screen and (min-width: 37.501em) {
  /* line 19, ../scss/components.scss */
  .section-heading {
    padding-bottom: 0.625rem;
  }

  /* line 20, ../scss/components.scss */
  .section-heading h3 {
    font-size: 1.875rem;
    line-height: 2.1875rem;
  }

  /* line 21, ../scss/components.scss */
  .section-heading a.all i {
    font-size: 1.875rem;
  }
}
@media only screen and (min-width: 61.875em) {
  /* line 24, ../scss/components.scss */
  .section-heading h3 {
    margin-left: 8.875rem;
    font-size: 2.1875rem;
    line-height: 2.5rem;
  }
}
/*********************
  Article Block
*********************/
/* line 31, ../scss/components.scss */
.article-block {
  margin-bottom: 1.875rem;
  color: #4a4a4a;
}

/* line 32, ../scss/components.scss */
.article-block .headline {
  font: 1.75rem Officina, sans-serif;
  line-height: 2.125rem;
  margin-bottom: 1.75rem;
  color: #4a4a4a;
  letter-spacing: -1px;
}

/* line 33, ../scss/components.scss */
.article-block .headline .flytitle {
  color: #e3120b;
  display: block;
  font: bold 1.125rem Officina, sans-serif;
  line-height: 1.375rem;
}

/* line 34, ../scss/components.scss */
.article-block .rubric {
  color: #4a4a4a;
  margin-bottom: 0.5rem;
  font: 1.125rem Officina, sans-serif;
  line-height: 1.375rem;
}

/* line 35, ../scss/components.scss */
.article-block .source {
  color: #888;
  margin-bottom: 1.75rem;
  font: 1rem Officina, sans-serif;
  line-height: 1.125rem;
}

/* line 36, ../scss/components.scss */
.article-block .copy {
  font: 1.375rem Georgia, sans-serif;
  line-height: 2.25rem;
}

/* line 37, ../scss/components.scss */
.article-block .copy-main, .article-block .copy-main p {
  color: #333;
  font-size: 1.125rem;
  line-height: 1.625rem;
}

/* line 38, ../scss/components.scss */
.article-block .copy p {
  margin: 0 auto 1rem;
}

/* line 39, ../scss/components.scss */
.article-block .copy p:last-child {
  margin-bottom: 0;
}

/* line 40, ../scss/components.scss */
.article-block .copy canvas, .article-block .copy .chart-title {
  background-color: #D5E3E9;
}

/* line 41, ../scss/components.scss */
.article-block .copy .chart-title {
  font: 0.875rem Officina, sans-serif;
  color: #000;
  padding: 0.625rem 0 0.3125rem 1.5625rem;
  display: block;
}

/* line 42, ../scss/components.scss */
.article-block .img img {
  width: 100%;
  margin: 0;
}

@media only screen and (min-width: 37.501em) and (max-width: 61.874em) {
  /* line 44, ../scss/components.scss */
  .article-block .copy-main, header.article-block {
    max-width: 50rem;
    margin-left: auto;
    margin-right: auto;
  }

  /* line 45, ../scss/components.scss */
  .article-block .headline {
    font-size: 2.125rem;
    line-height: 2.5rem;
    margin-bottom: 2.125rem;
  }

  /* line 46, ../scss/components.scss */
  .article-block .headline .flytitle {
    font-size: 1.25rem;
    line-height: 1.875rem;
  }

  /* line 47, ../scss/components.scss */
  .article-block .rubric {
    font-size: 1.25rem;
    line-height: 1.625rem;
  }

  /* line 48, ../scss/components.scss */
  .article-block .source {
    font-size: 1rem;
    line-height: 1.25rem;
  }

  /* line 49, ../scss/components.scss */
  .article-block .copy .chart-title {
    padding-bottom: 1rem;
  }
}
@media only screen and (max-width: 46.874em) {
  /* line 52, ../scss/components.scss */
  .ad-medium {
    width: 100%;
    background-color: #f0f0f0;
    text-align: center;
  }
}
@media only screen and (min-width: 46.875em) and (max-width: 61.874em) {
  /* line 55, ../scss/components.scss */
  .ad-medium {
    float: right;
    margin: 0 0 0.5rem 0.5rem;
  }

  /* line 56, ../scss/components.scss */
  .article-block .copy p {
    max-width: 37.5em;
  }

  /* line 57, ../scss/components.scss */
  header.article-block {
    max-width: 42.5em;
  }
}
@media only screen and (min-width: 61.875em) {
  /* line 60, ../scss/components.scss */
  header.article-block {
    margin-left: 8.875rem;
  }

  /* line 61, ../scss/components.scss */
  .article-block .headline {
    font-size: 2.5rem;
    line-height: 3rem;
    margin-bottom: 2.5rem;
  }

  /* line 62, ../scss/components.scss */
  .article-block .headline .flytitle {
    font-size: 1.375rem;
    line-height: 2.5rem;
  }

  /* line 63, ../scss/components.scss */
  .article-block .rubric {
    font-size: 1.375rem;
    line-height: 1.75rem;
  }

  /* line 64, ../scss/components.scss */
  .article-block .source {
    font-size: 1.125rem;
    line-height: 1.25rem;
  }

  /* line 65, ../scss/components.scss */
  .article-block .copy-main, .article-block .copy-main p {
    font-size: 1.25rem;
    line-height: 2.125rem;
  }
}
/*********************
  Prev/Next
*********************/
/* line 72, ../scss/components.scss */
.prevnext {
  margin-bottom: 1.875rem;
  font: 1rem Officina, sans-serif;
  line-height: 1.25rem;
  color: #4a4a4a;
  border: 1px dotted #4a4a4a;
  border-width: 1px 0;
}

/* line 73, ../scss/components.scss */
.prevnext a {
  color: #4a4a4a;
  display: block;
  text-decoration: none;
}

/* line 74, ../scss/components.scss */
.prevnext a:after {
  content: "";
  display: block;
  clear: both;
}

/* line 75, ../scss/components.scss */
.prevnext .prev a {
  padding: 0.625rem 0.9375rem 0.625rem 0;
  text-align: right;
}

/* line 76, ../scss/components.scss */
.prevnext .next a {
  padding: 0.625rem 0;
}

/* line 77, ../scss/components.scss */
.prevnext .prev .img {
  float: left;
  margin: 0 0.9375rem 0 0;
  max-width: 75px;
}

/* line 78, ../scss/components.scss */
.prevnext .next .img {
  float: right;
  margin: 0 0 0 0.9375rem;
  max-width: 75px;
}

/* line 79, ../scss/components.scss */
.prevnext .direction {
  text-transform: uppercase;
  font-size: 1.125rem;
}

/* line 80, ../scss/components.scss */
.prevnext .prev .direction:before, .prevnext .next .direction:after {
  content: "\2039";
  font-size: 1.875rem;
  line-height: 0;
  color: #e3120b;
  font-weight: bold;
  margin: 0 0.5rem;
}

/* line 81, ../scss/components.scss */
.prevnext .next .direction:after {
  content: "\203a";
}

/* line 82, ../scss/components.scss */
.prevnext .headline {
  padding-top: 0.5rem;
  color: #707070;
}

/* line 83, ../scss/components.scss */
.prevnext .headline strong {
  color: #4a4a4a;
}

@media only screen and (min-width: 37.501em) {
  /* line 85, ../scss/components.scss */
  .prevnext .next a {
    padding-left: 0.9375rem;
  }

  /* line 86, ../scss/components.scss */
  .prevnext a:hover {
    background: #dadada;
  }

  /* line 87, ../scss/components.scss */
  .prevnext a:hover .headline {
    color: #4a4a4a;
  }
}
@media only screen and (min-width: 46.875em) and (max-width: 61.874em) {
  /* line 90, ../scss/components.scss */
  .prevnext {
    max-width: 42.5em;
    margin: auto;
  }
}
@media only screen and (min-width: 61.875em) {
  /* line 93, ../scss/components.scss */
  article .prevnext {
    margin-left: 8.875rem;
  }
}
/*********************
  Editor's choice
*********************/
/* line 100, ../scss/components.scss */
.editors-choice {
  margin-bottom: 1.875rem;
  border-bottom: 1px solid #ccc;
}

/* line 101, ../scss/components.scss */
.editors-choice .header {
  background: #333;
}

/* line 102, ../scss/components.scss */
.editors-choice h3 {
  background: #e3120b;
  color: #fff;
  padding: 0.5625rem 0.5rem;
  margin: 0;
  font: 1.125rem Officina, sans-serif;
  line-height: 1.375rem;
  width: 40%;
  float: left;
}

/* line 103, ../scss/components.scss */
.editors-choice h4 {
  color: #fff;
  padding: 0.5625rem 0.5rem;
  margin: 0;
  font: 1.125rem Officina, sans-serif;
  line-height: 1.375rem;
  width: 60%;
  float: left;
}

/* line 104, ../scss/components.scss */
.editors-choice .headline {
  font: bold 1rem Officina, sans-serif;
  line-height: 1.25rem;
  margin-bottom: 0.2rem;
  color: #4a4a4a;
}

/* line 105, ../scss/components.scss */
.editors-choice .rubric {
  font: 1rem Officina, sans-serif;
  line-height: 1.25rem;
  color: #707070;
}

/* line 106, ../scss/components.scss */
.editors-choice ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

/* line 107, ../scss/components.scss */
.editors-choice ul li {
  margin: 0;
  padding: 0;
  line-height: 1.25rem;
  clear: both;
  border-bottom: 1px dotted #4a4a4a;
}

/* line 108, ../scss/components.scss */
.editors-choice ul li a {
  text-decoration: none;
  display: block;
  position: relative;
}

/* line 109, ../scss/components.scss */
.editors-choice ul li a:after {
  clear: both;
  display: block;
  content: "";
}

/* line 110, ../scss/components.scss */
.editors-choice ul li .img {
  float: left;
  width: 40%;
}

/* line 111, ../scss/components.scss */
.editors-choice ul li .txt {
  float: left;
  width: 60%;
  margin: 0;
  padding: 0.5rem 1rem 1rem 0.5rem;
  color: #4a4a4a;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 40%;
  right: 0;
  overflow: hidden;
}

@media only screen and (max-width: 37.5em) and (min-width: 481px) {
  /* line 113, ../scss/components.scss */
  .editors-choice h3 {
    width: 30%;
  }

  /* line 114, ../scss/components.scss */
  .editors-choice h4 {
    width: 70%;
  }

  /* line 115, ../scss/components.scss */
  .editors-choice ul li .img {
    width: 30%;
  }

  /* line 116, ../scss/components.scss */
  .editors-choice ul li .txt {
    width: 70%;
    left: 30%;
  }
}
@media only screen and (min-width: 37.501em) and (max-width: 61.874em) {
  /* line 119, ../scss/components.scss */
  .editors-choice h3 {
    width: 25%;
  }

  /* line 120, ../scss/components.scss */
  .editors-choice h4 {
    width: 75%;
  }

  /* line 121, ../scss/components.scss */
  .editors-choice ul li {
    width: 20% !important;
    float: left;
    clear: none;
    border-bottom: none;
  }

  /* line 122, ../scss/components.scss */
  .editors-choice ul li .img, .editors-choice ul li .txt {
    float: none;
    width: 100%;
  }

  /* line 123, ../scss/components.scss */
  .editors-choice ul li a {
    position: static;
  }

  /* line 124, ../scss/components.scss */
  .editors-choice ul li a:hover {
    background: #dadada;
  }

  /* line 125, ../scss/components.scss */
  .editors-choice ul li a:hover .rubric {
    color: #4a4a4a;
  }

  /* line 126, ../scss/components.scss */
  .editors-choice ul li .txt {
    position: static;
    overflow: auto;
  }
}
@media only screen and (min-width: 61.875em) {
  /* line 129, ../scss/components.scss */
  .editors-choice h3 {
    width: 30%;
    font-size: 2.1875rem;
    line-height: 2.5rem;
    font-weight: normal;
    padding: 0.9375rem;
  }

  /* line 130, ../scss/components.scss */
  .editors-choice h4 {
    width: 50%;
    font-size: 2.1875rem;
    line-height: 2.5rem;
    font-weight: normal;
    padding: 0.9375rem;
  }

  /* line 131, ../scss/components.scss */
  .editors-choice .link {
    width: 19%;
    text-align: right;
    float: left;
  }

  /* line 132, ../scss/components.scss */
  .editors-choice .link a i {
    color: #fff;
    line-height: 4.375rem;
    font-size: 1.875rem;
  }

  /* line 133, ../scss/components.scss */
  .editors-choice ul li {
    width: 20% !important;
    float: left;
    clear: none;
    border-bottom: none;
  }

  /* line 134, ../scss/components.scss */
  .editors-choice ul li .img, .editors-choice ul li .txt {
    float: none;
    width: 100%;
  }

  /* line 135, ../scss/components.scss */
  .editors-choice ul li a {
    position: static;
  }

  /* line 136, ../scss/components.scss */
  .editors-choice ul li a:hover {
    background: #dadada;
  }

  /* line 137, ../scss/components.scss */
  .editors-choice ul li a:hover .rubric {
    color: #4a4a4a;
  }

  /* line 138, ../scss/components.scss */
  .editors-choice ul li .txt {
    position: static;
    overflow: auto;
  }

  /* line 139, ../scss/components.scss */
  .editors-choice .headline {
    font: bold 1.375rem Officina, sans-serif;
    line-height: 1.625rem;
    margin-bottom: 0.2rem;
  }

  /* line 140, ../scss/components.scss */
  .editors-choice .rubric {
    font: 1.375rem Officina, sans-serif;
    line-height: 1.625rem;
    color: #888;
  }
}
/*********************
  Most Popular
*********************/
/* line 147, ../scss/components.scss */
.most-popular {
  margin-bottom: 1.875rem;
}

/* line 148, ../scss/components.scss */
.most-popular h3 {
  background: #dadada;
  color: #4a4a4a;
  font: bold 1.125rem Officina, sans-serif;
  line-height: 2.5rem;
  padding: 0 0.9375rem;
  margin: 0;
}

/* line 149, ../scss/components.scss */
.most-popular ol {
  margin: 0;
  padding: 0;
  list-style: none;
}

/* line 150, ../scss/components.scss */
.most-popular li {
  margin: 0;
  padding: 0;
  border-bottom: 1px dotted #4a4a4a;
}

/* line 151, ../scss/components.scss */
.most-popular li a .txt {
  position: relative;
  padding: 0.3125rem 0;
  padding-left: 2.125rem;
  display: block;
  color: #707070;
  font: 1rem Officina, sans-serif;
  line-height: 1.25rem;
  min-height: 2.25rem;
}

/* line 152, ../scss/components.scss */
.most-popular li a .txt .count {
  display: block;
  position: absolute;
  top: 0.375rem;
  left: 0;
  background: red;
  color: #fff;
  height: 1.5rem;
  width: 1.5rem;
  border-radius: 1.5rem;
  text-align: center;
  font: bold 1.125rem Officina, sans-serif;
  line-height: 1.375rem;
}

/* line 153, ../scss/components.scss */
.most-popular .flytitle {
  font-weight: bold;
  color: #4a4a4a;
}

@media only screen and (min-width: 37.501em) {
  /* line 155, ../scss/components.scss */
  .most-popular li a:hover .txt {
    background: #dadada;
    color: #4a4a4a;
  }
}
@media only screen and (min-width: 46.875em) and (max-width: 61.874em) {
  /* line 158, ../scss/components.scss */
  .most-popular {
    max-width: 42.5em;
    margin: 1.875rem auto;
  }
}
/*********************
  Cookie bar
*********************/
/* line 164, ../scss/components.scss */
.cookie-bar {
  background: #eee;
  font: 0.75rem arial, sans-serif;
  line-height: 1rem;
  padding: 0.3125rem 0;
  border-bottom: 1px solid #888;
}

/* line 165, ../scss/components.scss */
.cookie-bar a {
  color: inherit;
  text-decoration: underline;
}

/* line 166, ../scss/components.scss */
.cookie-bar .text2 {
  display: none;
}

/* line 167, ../scss/components.scss */
.cookie-bar a.close {
  color: #333;
  text-decoration: none;
  font-size: 1.25rem;
  line-height: 0;
}

/* line 168, ../scss/components.scss */
.cookie-bar a.close i {
  font-size: 1.25rem;
  line-height: 0.9375rem;
  vertical-align: middle;
}

@media only screen and (min-width: 37.501em) {
  /* line 170, ../scss/components.scss */
  .cookie-bar .text2 {
    display: inline;
  }
}
/*********************
  Social Share Bar / Article Layout
*********************/
/* line 177, ../scss/components.scss */
.copy-main {
  float: none;
}

/* line 178, ../scss/components.scss */
.copy-sidebar.fixed2btm {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 0 13px;
  z-index: 9999999;
}

/* line 179, ../scss/components.scss */
.copy-sidebar h3, .copy-sidebar ul, .copy-sidebar li {
  display: inline;
}

@media only screen and (min-width: 61.875em) {
  /* line 181, ../scss/components.scss */
  .copy:after {
    content: "";
    display: block;
    clear: both;
  }

  /* line 182, ../scss/components.scss */
  .copy-sidebar {
    width: 8.875rem;
    float: left;
    background: #eef;
  }

  /* line 183, ../scss/components.scss */
  .copy-main {
    width: calc(100% - 8.875rem);
    float: right;
  }

  /* line 184, ../scss/components.scss */
  .copy-sidebar h3, .copy-sidebar ul, .copy-sidebar li {
    display: block;
  }
}
/*********************
  Social Media
*********************/
/*@-webkit-keyframes fadeIn {
	from {opacity:0; height:0;}
	to {opacity:1; height:50px;}
}
@keyframes fadeIn {
	from {opacity:0; height:0;}
	to {opacity:1; height:50px;}
}
@-webkit-keyframes fadeOut {
	from {opacity:1; height:50px;}
	to {opacity:0; height:0;}
}
@keyframes fadeOut {
	from {opacity:1; height:50px;}
	to {opacity:0; height:0;}
}*/
/* line 207, ../scss/components.scss */
.social1 {
  background: rgba(0, 0, 0, 0.8);
  text-align: center;
}

/* line 208, ../scss/components.scss */
.social1 h3 {
  display: none;
}

/* line 209, ../scss/components.scss */
.social1 ul, .social1 li {
  list-style: none;
  margin: 0;
  padding: 0.3125rem 0;
  display: inline-block;
  text-align: center;
}

/* line 210, ../scss/components.scss */
.social1 ul {
  display: block;
}

/* line 211, ../scss/components.scss */
.social1 a {
  color: #fff;
  background: #929ca2;
  border-radius: 50%;
  width: 2.1875rem;
  height: 2.1875rem;
  font-size: 1.5625rem;
  display: block;
  margin: 0 8px;
}

/* line 212, ../scss/components.scss */
.social1 a:hover {
  background: #E3120B;
}

/* line 213, ../scss/components.scss */
.social1 a.facebook {
  background: #3B5999;
}

/* line 214, ../scss/components.scss */
.social1 a.twitter {
  background: #55ACEE;
}

/* line 215, ../scss/components.scss */
.social1 a.google {
  background: #DD4B39;
}

/* line 216, ../scss/components.scss */
.social1 a.linkedin {
  background: #54A3CC;
}

/* line 217, ../scss/components.scss */
.social1 a.linkedin i {
  margin-left: 0.125rem;
}

/* line 218, ../scss/components.scss */
.social1 li.morea a {
  display: none;
}

/* line 219, ../scss/components.scss */
.social1 li a i.icon-bubble {
  padding-left: 0.3125rem;
}

/* line 220, ../scss/components.scss */
.social1 li a i span.social-num-comments {
  color: #000;
  font: bold 14px Officina sans-serif;
  position: relative;
  right: 1.25rem;
  top: -0.375rem;
}

/* line 221, ../scss/components.scss */
.social1 ul.article-tools {
  display: none;
}

@media only screen and (min-width: 61.875em) {
  /* line 223, ../scss/components.scss */
  .social1 {
    background: transparent;
    padding: 0 0.625rem;
    text-align: left;
  }

  /* line 224, ../scss/components.scss */
  .social1 h3 {
    display: block;
    font: 1rem Officina, sans-serif;
    line-height: 2rem;
    color: #888;
    text-transform: uppercase;
  }

  /* line 225, ../scss/components.scss */
  .social1 ul, .social1 li {
    display: block;
  }

  /* line 226, ../scss/components.scss */
  .social1 a {
    display: block;
    float: none;
    margin: 0 0 0.625rem;
  }

  /* line 227, ../scss/components.scss */
  .social1 li.morea a {
    display: block;
  }
}
/*********************
  Footer 
*********************/
/* line 234, ../scss/components.scss */
.footer-global {
  margin-top: 3rem;
  background-color: #333;
  padding-bottom: 1rem;
}

/* line 235, ../scss/components.scss */
.footer-global .columns {
  padding: 0.625rem 1.25rem;
}

/* line 236, ../scss/components.scss */
.footer-global ul {
  list-style: none;
  margin: 0;
  font-family: Officina, sans-serif;
}

/* line 237, ../scss/components.scss */
.footer-global ul li a {
  display: block;
}

/* line 238, ../scss/components.scss */
.footer-global ul li a:hover {
  color: #fff;
}

/* line 239, ../scss/components.scss */
.footer-global .row.footer-bottom {
  padding: 0.625rem 1.25rem;
  border-top: 1px solid #4a4a4a;
  margin-top: 0.625rem;
}

/* line 240, ../scss/components.scss */
.footer-global .columns.footer-left {
  padding: 0.625rem 1.25rem;
}

/* line 241, ../scss/components.scss */
.footer-bottom ul li {
  float: left;
  margin-right: 0.625rem;
  font-size: 1rem;
  font-weight: normal;
  line-height: 1.875rem;
}

/* line 242, ../scss/components.scss */
.footer-bottom ul li, .footer-bottom ul li a {
  color: #b0bec5;
}

/* line 243, ../scss/components.scss */
.footer-bottom .copyright {
  font-size: 0.8125rem;
  line-height: 1.125rem;
}

/* line 244, ../scss/components.scss */
.footer-left ul li {
  padding-right: 0.625rem;
  margin-right: 0.625rem;
  float: left;
}

/* line 245, ../scss/components.scss */
.footer-left ul li:last-child {
  border-right: none;
  padding-right: 0;
  margin-right: 0;
}

/* line 246, ../scss/components.scss */
.footer-left ul li a {
  color: #f5a816;
  font-family: Officina, sans-serif;
  font-size: 1.375rem;
  line-height: 2.5rem;
}

/* line 247, ../scss/components.scss */
.footer-right ul li a {
  color: #b0bec5;
  line-height: 1.75rem;
  font-size: 0.9375rem;
}

/* line 248, ../scss/components.scss */
.footer-right {
  border-top: 1px solid #b0bec5;
}

/* line 249, ../scss/components.scss */
.footer-right ul.social-follow {
  float: left;
  margin-top: 0.625rem;
}

/* line 250, ../scss/components.scss */
.footer-right ul.social-follow li {
  float: left;
  margin-right: 0.8125rem;
  width: auto;
  line-height: 1.5625rem;
}

/* line 251, ../scss/components.scss */
.footer-right ul.social-follow li:last-child {
  margin-right: 0;
}

/* line 252, ../scss/components.scss */
.footer-right ul li i {
  color: #fff;
  font-size: 2.25rem;
  margin-right: 0.3125rem;
}

/* line 253, ../scss/components.scss */
.footer-right ul.social-follow li:nth-child(odd) {
  clear: none;
}

/* line 254, ../scss/components.scss */
.footer-right li a span {
  background-color: #fff;
  border-radius: 50%;
  display: block;
}

/* line 255, ../scss/components.scss */
.footer-right li a span i {
  color: #333;
  font-size: 2rem;
  position: relative;
  left: 0.1875rem;
  top: 0.1875rem;
}

/* line 256, ../scss/components.scss */
.footer-right li a span i.icon-youtube {
  top: 0.25rem;
  left: 0.3125rem;
  font-size: 1.875rem;
}

/* line 257, ../scss/components.scss */
.footer-right li a span i.icon-linkedin1 {
  font-size: 1.875rem;
}

/* line 258, ../scss/components.scss */
.footer-right h3 {
  font-size: 1.375rem;
  line-height: 2.5rem;
  margin: 0 0.625rem 0 0;
  color: #fff;
  float: left;
  font-family: Officina, sans-serif;
}

/* line 259, ../scss/components.scss */
.footer-right ul.footer-list li {
  float: left;
  width: 50%;
}

/* line 260, ../scss/components.scss */
.footer-right ul.footer-list li a {
  font-size: 1rem;
  line-height: 1.875rem;
}

/* line 261, ../scss/components.scss */
.footer-right ul.footer-list li:nth-child(odd) {
  clear: both;
}

@media only screen and (min-width: 37.501em) and (max-width: 61.874em) {
  /* line 263, ../scss/components.scss */
  .footer-right h3 {
    margin-top: 0.4375rem;
  }

  /* line 264, ../scss/components.scss */
  .footer-bottom .copyright {
    font-size: 1rem;
    line-height: 1.875rem;
  }
}
@media only screen and (min-width: 61.875em) {
  /* line 267, ../scss/components.scss */
  .footer-right {
    border-left: 1px solid #90a4ae;
    border-top: none;
  }

  /* line 268, ../scss/components.scss */
  .footer-right h3 {
    float: none;
    font-size: 1.75rem;
    line-height: 2.5rem;
  }

  /* line 269, ../scss/components.scss */
  .footer-right ul.footer-list li a {
    font-size: 1.25rem;
    line-height: 2.5rem;
  }

  /* line 270, ../scss/components.scss */
  .footer-right ul.social-follow {
    float: left;
    margin-top: 0.3125rem;
  }

  /* line 271, ../scss/components.scss */
  .footer-left ul li {
    padding-right: 0;
    margin-right: 0;
    border-right: none;
    float: none;
  }

  /* line 272, ../scss/components.scss */
  .footer-left ul li a {
    color: #f5a816;
    font-family: Officina, sans-serif;
    font-size: 1.75rem;
    line-height: 2.5rem;
  }

  /* line 273, ../scss/components.scss */
  .footer-global .columns {
    padding: 0.625rem 1.25rem 0 1.25rem;
  }

  /* line 274, ../scss/components.scss */
  .footer-global .columns.footer-left {
    padding: 0.625rem 1.25rem 0 1.875rem;
  }

  /* line 275, ../scss/components.scss */
  .footer-global .row.footer-bottom {
    padding: 0.625rem 1.875rem;
  }

  /* line 276, ../scss/components.scss */
  .footer-bottom ul li {
    float: left;
    margin-right: 1.25rem;
    font-size: 1rem;
    line-height: 1.25rem;
  }

  /* line 277, ../scss/components.scss */
  .footer-bottom .copyright {
    font-size: 1rem;
    line-height: 1.25rem;
  }
}
/*********************
  Comments
*********************/
/* line 283, ../scss/components.scss */
.comments input, .comments textarea, .comments button {
  -webkit-appearance: none;
  -webkit-border-radius: 0;
}

/* line 284, ../scss/components.scss */
.comments {
  color: #4a4a4a;
  font: 1rem Officina, sans-serif;
  line-height: 1.25rem;
}

/* line 285, ../scss/components.scss */
.comments a {
  color: #059486;
}

/* line 286, ../scss/components.scss */
.comments p {
  margin-bottom: 0.625rem;
}

/* line 287, ../scss/components.scss */
.comments textarea {
  color: #d29ca2;
  margin: 0.625rem 0;
  font-size: 0.875rem;
  padding: 0.3125rem;
}

/* line 288, ../scss/components.scss */
.comments .comments-num {
  background-color: #dadada;
  color: #4a4a4a;
  font: bold 1.125rem Officina, sans-serif;
  line-height: 1.375rem;
  padding: 0.5625rem 0.9375rem;
}

/* line 289, ../scss/components.scss */
.comments .comments-num span {
  color: #929ca2;
  font-weight: normal;
}

/* line 290, ../scss/components.scss */
.comments .comments-button {
  color: #fff;
  font: 1rem Officina, sans-serif;
  border: none;
  padding: 0.3125rem 1.875rem;
  cursor: pointer;
}

/* line 291, ../scss/components.scss */
.comments .comments-button-submit {
  background-color: #059486;
}

/* line 292, ../scss/components.scss */
.comments .comments-button-cancel {
  background-color: #939CA5;
}

/* line 293, ../scss/components.scss */
.comments .comments-new {
  width: 100%;
  padding: 0.5625rem 0;
  font-weight: normal;
  font-size: 1.125rem;
  line-height: 1.375rem;
}

/* line 294, ../scss/components.scss */
.comments .comments-area-form {
  background-color: #dadada;
  padding: 1.25rem;
  display: none;
  clear: both;
}

/* line 295, ../scss/components.scss */
.comments .comments-area-form.new-comment {
  border-top: 1px solid #fff;
}

/* line 296, ../scss/components.scss */
.comments .new-comment label {
  display: none;
}

/* line 297, ../scss/components.scss */
.comments .sort-by label {
  display: inline;
  font-size: 1rem;
}

/* line 298, ../scss/components.scss */
.comments .comments-single-comment {
  border-bottom: 1px dotted #4a4a4a;
  margin: 0.9375rem 0;
  padding-bottom: 1.25rem;
}

/* line 299, ../scss/components.scss */
.comments .comments-single-comment:last-child {
  border-bottom: none;
}

/* line 300, ../scss/components.scss */
.comments .comments-single-comment.reply-expanded .comment-reply, .comments .comments-single-comment.report-expanded .comment-report-abuse {
  background-color: #dadada;
  padding-bottom: 0.3125rem;
}

/* line 301, ../scss/components.scss */
.comments h3 {
  color: #4a4a4a;
  font: bold 1.125rem Officina, sans-serif;
  line-height: 1.375rem;
  margin-bottom: 0.3125rem;
}

/* line 302, ../scss/components.scss */
.comments #comments-guidelines {
  font: 1rem Officina, sans-serif;
  line-height: 1.25rem;
}

/* line 303, ../scss/components.scss */
.comments .comment-header {
  color: #929ca2;
  font: 1rem Officina, sans-serif;
  line-height: 1.25rem;
}

/* line 304, ../scss/components.scss */
.comments .comment-header a {
  color: #4a4a4a;
  font-weight: bold;
}

/* line 305, ../scss/components.scss */
.comments .comment-header span.created {
  display: block;
  margin-top: 0.3125rem;
}

/* line 306, ../scss/components.scss */
.comments .comment-body {
  color: #4a4a4a;
  font: 1rem Officina, sans-serif;
  line-height: 1.25rem;
  clear: both;
  display: inline-block;
}

/* line 307, ../scss/components.scss */
.comments .comment-body p {
  font: inherit !important;
}

/* line 308, ../scss/components.scss */
.comments .comment-footer ul {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
}

/* line 309, ../scss/components.scss */
.comments .comment-footer ul li {
  float: right;
  width: 30%;
  text-align: center;
  padding-top: 0.3125rem;
}

/* line 310, ../scss/components.scss */
.comments .comment-footer ul li a {
  color: #929ca2;
  font-size: 1rem;
  font-family: Officina, sans-serif;
}

/* line 311, ../scss/components.scss */
.comments .comment-footer ul li.comment-reply {
  float: left;
  padding-top: 0;
}

/* line 312, ../scss/components.scss */
.comments .comment-footer ul li.comment-reply a {
  color: #059486;
  float: left;
  padding: 0.3125rem;
}

/* line 313, ../scss/components.scss */
.comments .comment-footer ul li.comment-recommend {
  width: 40%;
}

/* line 314, ../scss/components.scss */
.comments .comments-load-more {
  background-color: #059486;
  clear: both;
  text-align: center;
}

/* line 315, ../scss/components.scss */
.comments .comments-load-more a {
  color: #fff;
  font: 1.125rem Officina, sans-serif;
  line-height: 1.375rem;
  padding: 0.5625rem 0;
  display: block;
}

/* line 316, ../scss/components.scss */
.comments .comment-forms label {
  display: none;
}

/* line 317, ../scss/components.scss */
.comments .comments-area-form-reply {
  display: none;
  clear: both;
  width: 100%;
  margin-top: -1%;
}

/* line 318, ../scss/components.scss */
.comments .comment-large-right {
  clear: both;
  width: 100%;
  margin-top: 0.9375rem;
}

/* line 319, ../scss/components.scss */
.comments .icon-reply {
  border-radius: 50%;
  background-color: #059486;
  color: #fff;
  padding: 0.3125rem;
}

@media only screen and (min-width: 37.501em) and (max-width: 61.874em) {
  /* line 321, ../scss/components.scss */
  .comments #sort-comments {
    border: none;
    font: 1rem Officina, sans-serif;
  }
}
@media only screen and (min-width: 37.501em) {
  /* line 324, ../scss/components.scss */
  .comments .comments-num {
    float: left;
    width: 80%;
  }

  /* line 325, ../scss/components.scss */
  .comments .comments-new-button {
    float: left;
    width: 20%;
    background-color: #059486;
  }

  /* line 326, ../scss/components.scss */
  .comments .sort-by {
    padding: 0.9375rem 0;
    font: normal 1rem Officina, sans-serif;
    border-bottom: 1px dotted #4a4a4a;
  }

  /* line 327, ../scss/components.scss */
  .comments #sort-comments {
    width: auto;
    margin-bottom: 0;
  }
}
@media only screen and (min-width: 46.875em) and (max-width: 61.874em) {
  /* line 330, ../scss/components.scss */
  .comments {
    max-width: 42.5em;
    margin: auto;
  }
}
@media only screen and (min-width: 61.875em) {
  /* line 333, ../scss/components.scss */
  .comments {
    margin-left: 8.875rem;
  }

  /* line 334, ../scss/components.scss */
  .comments .row {
    margin-left: 0;
    margin-right: 0;
  }

  /* line 335, ../scss/components.scss */
  .comments .columns, .comments .column {
    padding-left: 0;
    padding-right: 0;
  }

  /* line 336, ../scss/components.scss */
  .comments .comments-num {
    font-size: 2.1875rem;
    line-height: 2.5rem;
    padding: 0.9375rem;
  }

  /* line 337, ../scss/components.scss */
  .comments .comments-new {
    padding: 0.9375rem 0;
    font-size: 1.375rem;
    line-height: 2.5rem;
  }

  /* line 338, ../scss/components.scss */
  .comments .comment-large-left {
    float: left;
    width: 24%;
  }

  /* line 339, ../scss/components.scss */
  .comments .comment-large-right {
    clear: none;
    float: left;
    width: 76%;
    margin-top: 0;
  }

  /* line 340, ../scss/components.scss */
  .comments .comment-footer ul li {
    float: right;
    line-height: 2.25rem;
  }

  /* line 341, ../scss/components.scss */
  .comments .comment-footer .comment-reply {
    width: 30%;
    float: left;
    text-align: left;
  }

  /* line 342, ../scss/components.scss */
  .comments .comment-body, .comments .comment-header, .comments .coment-footer {
    padding: 0 1%;
  }

  /* line 343, ../scss/components.scss */
  .comments .comments-load-more a {
    font: 1.375rem Officina, sans-serif;
    line-height: 2.5rem;
    padding: 0.9375rem 0;
  }

  /* line 344, ../scss/components.scss */
  .comments .comments-single-comment .comment-report-abuse {
    padding-right: 0.625rem;
  }
}