html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block; }

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after {
  content: '';
  content: none; }

q:before, q:after {
  content: '';
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

header, section, footer, aside, nav, main, article, figure {
  display: block; }

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

::selection {
  color: white;
  background: rgba(18, 167, 223, 0.9); }

::-moz-selection {
  color: white;
  background: rgba(18, 167, 223, 0.9); }

/* CSS Document */
/* structure */
div {
  position: relative;
  height: auto;
  overflow: visible; }

html, body {
  width: 100%;
  min-width: 100%;
  margin: 0;
  z-index: 0;
  background-color: #f2f2f2;
  font-family: "Gotham SSm A", "Gotham SSm B"; }

.full-width {
  width: 100%;
  min-width: 600px; }
  .full-width:before, .full-width:after {
    content: "";
    display: table; }
  .full-width:after {
    clear: both; }
  @media only screen and (min-width: 320px) and (max-width: 480px) {
    .full-width {
      width: 100%;
      min-width: 100%;
      margin: 0; } }

.fixed-width {
  width: 90%;
  padding: 0 5%;
  margin: 0 auto;
  min-width: 432px;
  max-width: 1080px; }
  .fixed-width:before, .fixed-width:after {
    content: "";
    display: table; }
  .fixed-width:after {
    clear: both; }
  @media only screen and (min-width: 320px) and (max-width: 480px) {
    .fixed-width {
      min-width: 0; } }

/* columns */
.row {
  clear: both;
  padding-top: 40px;
  padding-bottom: 40px; }
  @media only screen and (min-width: 320px) and (max-width: 480px) {
    .row {
      padding-top: 20px;
      padding-bottom: 20px; } }

.column {
  float: left;
  margin-right: 3%;
  text-align: left; }

@media only screen and (min-width: 320px) and (max-width: 480px) {
  #content .column {
    float: none;
    margin-right: 0;
    clear: both;
    width: 100%; } }

@media only screen and (min-width: 480px) and (max-width: 1024px) {
  #content .column.to_two {
    width: 46%;
    margin-right: 2%;
    margin-left: 2%; } }

.column.one {
  width: 100%;
  margin-right: 0;
  float: none; }

.column.two {
  width: 48.5%; }

.column.three {
  width: 32.5%;
  margin-right: 0.8%; }

.column.thirds {
  width: 65.6%; }

.column.four {
  width: 22.7%; }

.column.four.remain-three {
  width: 74.3%; }

.column.five {
  width: 17.6%; }

.column.five.remain-four {
  width: 79.4%; }

.column.six {
  width: 14.1%; }

.column.last {
  margin-right: 0; }

.column.full {
  margin-right: 0; }

.column.two.full {
  width: 50%; }

.column.three.full {
  width: 33.3%; }

.column.thirds.full {
  width: 66.6%; }

.column.four.full {
  width: 25%; }

.column.five.full {
  width: 20%; }

.column.six.full {
  width: 16.6%; }

.column.two.filter {
  width: 46%;
  margin-left: 2%;
  margin-right: 2%; }

.column.three.filter {
  width: 31.3%;
  margin-left: 1%;
  margin-right: 1%; }

.column.four.filter {
  width: 23%;
  margin-left: 1%;
  margin-right: 1%; }

.column.five.filter {
  width: 18%;
  margin-left: 1%;
  margin-right: 1%; }

.column_set {
  margin-bottom: 20px; }
  .column_set:before, .column_set:after {
    content: "";
    display: table; }
  .column_set:after {
    clear: both; }
  @media only screen and (min-width: 480px) and (max-width: 1024px) {
    .column_set:before, .column_set:after {
      content: "";
      display: block; }
    .column_set:after {
      clear: none; } }

@media only screen and (min-width: 320px) and (max-width: 480px) {
  #content .fixed-width .column.full {
    width: 90%;
    padding: 5% 5%; } }

@media only screen and (min-width: 320px) and (max-width: 480px) {
  #content .full-width .column.full {
    width: 90%;
    padding: 5% 5%;
    padding-top: 40px;
    padding-bottom: 40px; } }

.clear {
  clear: both; }

nav ul {
  list-style: none;
  margin: 0;
  padding: 0;
  text-align: right; }
  nav ul li {
    display: inline-block; }
    nav ul li:hover ul.sub-menu {
      display: block;
      z-index: 100; }
    nav ul li a {
      display: block;
      text-decoration: none; }
    nav ul li ul.sub-menu {
      display: none;
      position: absolute;
      text-align: left; }
      nav ul li ul.sub-menu li {
        display: block;
        clear: both; }

@media only screen and (min-width: 320px) and (max-width: 480px) {
  nav.header_menu {
    display: none; } }

span#mobile-nav {
  display: none; }

@media only screen and (max-width: 768px) {
  nav.header_menu.visi-nav {
    display: block;
    float: none;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 100; }
    nav.header_menu.visi-nav ul {
      position: relative;
      clear: both;
      width: 100%;
      display: block;
      text-align: left;
      margin: 0;
      padding: 0; }
      nav.header_menu.visi-nav ul li {
        position: relative;
        clear: both;
        width: 100%;
        display: block;
        text-align: left;
        margin: 0;
        padding: 0; }
        nav.header_menu.visi-nav ul li ul {
          position: relative;
          clear: both;
          width: 100%;
          display: block;
          text-align: left;
          margin: 0;
          padding: 0; }
          nav.header_menu.visi-nav ul li ul li {
            position: relative;
            clear: both;
            width: 100%;
            display: block;
            text-align: left;
            margin: 0;
            padding: 0; } }
.video {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden; }
  .video iframe, .video object, .video embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

nav.header_menu {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%); }
  nav.header_menu ul {
    text-align: center; }
    nav.header_menu ul li a {
      padding: 12px 2px 2px 5px;
      color: #000000;
      font-size: 13px;
      font-weight: 700;
      text-transform: uppercase;
      font-family: "Gotham SSm A", "Gotham SSm B";
      letter-spacing: 0px; }
      @media only screen and (min-width: 480px) and (max-width: 1024px) {
        nav.header_menu ul li a {
          font-size: 11px; } }
      nav.header_menu ul li a:hover {
        color: #df3416; }
      nav.header_menu ul li a:active {
        color: #12a7df; }
    nav.header_menu ul li a.selected {
      padding: 12px 2px 2px 5px;
      color: #000000;
      font-size: 12px;
      font-weight: 700;
      text-transform: uppercase;
      font-family: "Gotham SSm A", "Gotham SSm B";
      letter-spacing: 0px;
      color: #12a7df; }
    nav.header_menu ul li.current_page_item a {
      color: #FFFFFF; }
    nav.header_menu ul li.search {
      background-color: #12a7df;
      border-radius: 50%;
      width: 40px;
      height: 40px;
      text-align: center; }
      nav.header_menu ul li.search a {
        padding-top: 9px; }
      nav.header_menu ul li.search i {
        color: #FFFFFF;
        font-size: 20px; }
      @media only screen and (max-width: 768px) {
        nav.header_menu ul li.search {
          display: none; } }
    nav.header_menu ul li ul.sub-menu {
      padding: 10px;
      background-color: #0a003c; }
      nav.header_menu ul li ul.sub-menu li a {
        color: #FFFFFF; }
        nav.header_menu ul li ul.sub-menu li a:hover {
          color: #df3416; }
    @media only screen and (min-width: 480px) and (max-width: 1024px) {
      nav.header_menu ul {
        padding: 10px 3px 10px 3px; } }
    @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
      nav.header_menu ul {
        padding: 10px 1px 10px 1px; } }
    @media only screen and (max-width: 1024px) {
      nav.header_menu ul {
        padding: 10px 1px 10px 1px; } }
    @media only screen and (max-width: 768px) {
      nav.header_menu ul {
        display: none; } }

nav.footer_menu ul {
  text-align: center;
  margin-bottom: 10px; }
  nav.footer_menu ul li {
    border-right: solid 1px #9b9c9e; }
    nav.footer_menu ul li a {
      padding: 0px 5px 0px 3px;
      color: #9b9c9e;
      font-size: 14px;
      font-weight: 100;
      font-family: "Gotham SSm A", "Gotham SSm B";
      letter-spacing: 1px; }
      nav.footer_menu ul li a:hover {
        background-color: #df3416;
        color: #FFFFFF; }
  nav.footer_menu ul li:last-of-type {
    border-right: none; }

span#mobile-nav {
  -webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  -ms-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out; }
  @media only screen and (max-width: 768px) {
    span#mobile-nav {
      position: absolute;
      right: 10px;
      top: 15px;
      display: block;
      cursor: pointer;
      z-index: 1001;
      background: #FFFFFF;
      font-family: "Gotham SSm A", "Gotham SSm B";
      color: #000000;
      height: 70px;
      width: 70px;
      line-height: 80px;
      text-align: center;
      z-index: 101; }
      span#mobile-nav:hover {
        background-color: #FFFFFF;
        color: #df3416; } }

div.search-button {
  display: none; }
  @media only screen and (max-width: 768px) and (min-width: 0px) {
    div.search-button {
      display: inline;
      position: absolute;
      right: 80px;
      top: 28px;
      color: #FFFFFF;
      background-color: #12a7df;
      border-radius: 50%;
      padding: 10px; } }
  div.search-button i {
    font-size: 22px;
    color: #FFFFFF; }

nav.header_menu.visi-nav {
  margin-top: 100px;
  z-index: 100;
  padding: 0px 0px;
  top: 0%;
  -webkit-transform: translateY(0%);
  -ms-transform: translateY(0%);
  transform: translateY(0%); }
  nav.header_menu.visi-nav ul {
    background: #0a003c;
    padding-top: 0px; }
    nav.header_menu.visi-nav ul li a {
      color: #FFFFFF;
      padding-left: 20px;
      padding-top: 4px;
      padding-bottom: 4px; }
      nav.header_menu.visi-nav ul li a:hover {
        color: #f2f2f2; }
    nav.header_menu.visi-nav ul li:hover {
      background-color: #df3416;
      color: #0a003c; }
    nav.header_menu.visi-nav ul li ul li a:hover {
      color: #f2f2f2; }

h1, h2, h3, h4, h5, h6 {
  font-family: "Gotham SSm A", "Gotham SSm B";
  font-weight: 700;
  color: #0a003c;
  padding-bottom: 20px;
  text-transform: none;
  text-align: center;
  line-height: 1.3;
  letter-spacing: 0px;
  margin-bottom: 0px; }

h1 {
  font-size: 160%; }

h2 {
  font-size: 200%;
  text-align: left;
  text-transform: none;
  color: #df3416;
  font-weight: 400; }

h2.sm {
  font-size: 140%;
  color: #df3416; }

h3 {
  font-size: 120%;
  text-transform: none;
  font-weight: 400;
  text-align: left;
  padding-bottom: 20px;
  padding-top: 15px; }

h4 {
  font-size: 150%;
  text-transform: none;
  text-align: left; }

h5 {
  font-size: 100%; }

h1.alt {
  color: #f2f2f2;
  line-height: 1.3; }

h2.alt {
  color: #f2f2f2; }

h3.alt {
  color: #f2f2f2; }

h4.alt {
  color: #f2f2f2; }

h5.alt {
  color: #f2f2f2; }

p {
  font-size: 13px;
  font-size: 0.8125rem;
  font-family: "Gotham SSm A", "Gotham SSm B";
  font-weight: 400;
  line-height: 1.4;
  color: #0a003c;
  text-align: left;
  font-style: normal;
  letter-spacing: 0px;
  margin-bottom: 15px; }

p.small {
  font-size: 12px; }
  p.small em {
    font-style: italic; }

p.alt {
  color: #12a7df; }

p.quote {
  font-family: "Gotham SSm A", "Gotham SSm B";
  font-weight: 100;
  font-size: 20px;
  line-height: 1;
  color: #12a7df;
  text-align: center; }

p.post_tags {
  text-align: center;
  line-height: 1.6;
  font-weight: 400;
  font-size: 13px;
  margin-bottom: 20px; }

span.upper {
  text-transform: uppercase; }

span.resize {
  font-size: 160%; }

span.space {
  margin-right: 20px; }

b {
  font-weight: 700; }

strong {
  font-weight: 400; }

i {
  font-style: italic; }

p br {
  margin-bottom: 0px; }

p strong {
  font-weight: 700; }
p b {
  font-weight: 700; }
p i {
  font-style: italic; }

ul {
  display: block;
  list-style-type: disc;
  margin-before: 1em;
  margin-after: 1em;
  margin-start: 0;
  margin-end: 0;
  padding-start: 40px;
  margin-left: 20px; }
  ul li {
    font-size: 13px;
    font-size: 0.8125rem;
    font-family: "Gotham SSm A", "Gotham SSm B";
    font-weight: 100;
    line-height: 1.4;
    color: #0a003c;
    text-align: left;
    letter-spacing: 0px; }

ul.social {
  list-style: none;
  text-align: center;
  width: 250px;
  margin: auto;
  padding-top: 10px;
  -webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  -ms-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out; }
  ul.social li {
    margin-left: 10px;
    margin-right: 10px;
    display: inline-block; }
    ul.social li i {
      color: #12a7df;
      -webkit-transition: all 300ms ease-in-out;
      -moz-transition: all 300ms ease-in-out;
      -ms-transition: all 300ms ease-in-out;
      -o-transition: all 300ms ease-in-out;
      transition: all 300ms ease-in-out; }
      ul.social li i:hover {
        color: #df3416; }

ul.social.top {
  list-style: none;
  text-align: center;
  width: 100px;
  margin: auto;
  padding-top: 0px;
  -webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  -ms-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out; }
  ul.social.top li {
    margin-left: 3px;
    margin-right: 3px;
    display: inline-block; }
    ul.social.top li i {
      color: #f2f2f2;
      -webkit-transition: all 300ms ease-in-out;
      -moz-transition: all 300ms ease-in-out;
      -ms-transition: all 300ms ease-in-out;
      -o-transition: all 300ms ease-in-out;
      transition: all 300ms ease-in-out; }
      ul.social.top li i:hover {
        color: #df3416; }

ul {
  display: block;
  list-style-type: disc;
  margin-before: 1em;
  margin-after: 1em;
  margin-start: 0;
  margin-end: 0;
  padding-start: 40px;
  margin-left: 20px; }
  ul li {
    font-size: 13px;
    font-size: 0.8125rem;
    font-family: "Gotham SSm A", "Gotham SSm B";
    font-weight: 100;
    line-height: 1.4;
    color: #0a003c;
    text-align: left;
    letter-spacing: 0px; }

a {
  color: #12a7df;
  text-decoration: none;
  font-family: "Gotham SSm A", "Gotham SSm B"; }
  a:hover {
    color: #0a003c; }

a, input[type="submit"], a.button, input.button {
  -webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  -ms-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out; }

/* Buttons */
a.button, .gform_wrapper .gform_footer input[type=submit] {
  display: block;
  margin: auto;
  margin-bottom: 7px;
  width: 96%;
  max-width: 275px;
  padding: 16px 0px 16px 0px;
  padding-left: 4%;
  background-color: #12a7df;
  background-repeat: no-repeat;
  background-position: right center;
  color: #FFFFFF;
  text-align: left;
  text-decoration: none;
  font-family: "Gotham SSm A", "Gotham SSm B";
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
  cursor: pointer;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  border-radius: 0px; }
  a.button:hover, .gform_wrapper .gform_footer input[type=submit]:hover {
    background-color: #df3416;
    color: #FFFFFF;
    cursor: ponter; }

a.button.alt {
  background-color: #f2f2f2;
  color: #FFFFFF; }
  a.button.alt:hover {
    background-color: #0a003c;
    color: #FFFFFF; }

span.button {
  display: block;
  margin: auto;
  margin-bottom: 7px;
  width: 96%;
  max-width: 275px;
  padding: 0;
  padding-left: 2%;
  padding-right: 2%;
  background-color: #12a7df;
  cursor: pointer; }
  span.button:hover {
    background-color: #df3416; }
  span.button a {
    color: #FFFFFF;
    padding: 16px 5%;
    text-transform: uppercase;
    font-weight: 700;
    display: block;
    width: 90%; }
  span.button i {
    float: right;
    color: #FFFFFF;
    font-size: 20px;
    margin-right: 10px; }
  span.button p.count {
    display: inline;
    float: right;
    font-size: 16px;
    color: #FFFFFF;
    margin-right: 10px;
    font-weight: 700; }

/*  
	FORMS
*/
input[type="submit"],
input[type="button"] {
  -webkit-appearance: none; }

::-webkit-input-placeholder {
  color: #0a003c; }
  ::-webkit-input-placeholder:focus {
    color: #FFFFFF; }

.gform_wrapper {
  font-family: "Gotham SSm A", "Gotham SSm B";
  width: 350px;
  float: left; }
  @media only screen and (min-width: 320px) and (max-width: 480px) {
    .gform_wrapper {
      width: 80%; } }
  .gform_wrapper .gform_body ul {
    list-style: none;
    margin: 0;
    padding: 0; }
    .gform_wrapper .gform_body ul li input, .gform_wrapper .gform_body ul li textarea, .gform_wrapper .gform_body ul li select {
      background-color: #12a7df;
      border: solid 1px #f2f2f2;
      border-radius: 0px;
      margin-bottom: 10px;
      font-size: 13px;
      font-weight: 100;
      font-family: "Gotham SSm A", "Gotham SSm B";
      color: #0a003c; }
    .gform_wrapper .gform_body ul li input, .gform_wrapper .gform_body ul li textarea {
      outline: none;
      width: 96%;
      padding-left: 2%;
      padding-right: 2%;
      padding-top: 10px;
      padding-bottom: 10px; }
      .gform_wrapper .gform_body ul li input:focus, .gform_wrapper .gform_body ul li textarea:focus {
        border-color: solid 1px #f2f2f2;
        background-color: #0a003c;
        color: #FFFFFF; }
    .gform_wrapper .gform_body ul li select {
      width: 100%;
      -webkit-appearance: none;
      -webkit-border-radius: 0px;
      height: 45px;
      text-indent: 2%; }
    .gform_wrapper .gform_body ul li select[multiple="multiple"] {
      height: 100px; }
    .gform_wrapper .gform_body ul li .gfield_radio {
      margin-bottom: 20px; }
      .gform_wrapper .gform_body ul li .gfield_radio li {
        height: 25px;
        padding-top: 5px; }
        .gform_wrapper .gform_body ul li .gfield_radio li input[type="radio"] {
          float: left;
          width: 10%; }
        .gform_wrapper .gform_body ul li .gfield_radio li label {
          display: block;
          margin-top: 2px;
          width: 100%; }
    .gform_wrapper .gform_body ul li .gfield_checkbox {
      margin-bottom: 20px; }
      .gform_wrapper .gform_body ul li .gfield_checkbox li {
        height: 25px;
        padding-top: 5px; }
        .gform_wrapper .gform_body ul li .gfield_checkbox li input[type=checkbox] {
          float: left;
          width: 10%; }
        .gform_wrapper .gform_body ul li .gfield_checkbox li label {
          display: block;
          margin-top: 2px;
          width: 100%; }
  .gform_wrapper .gform_body .gfield_description {
    width: 100%;
    text-align: center;
    font-weight: 100; }
  .gform_wrapper label.gfield_label {
    display: none;
    color: #0a003c;
    margin-bottom: 4px; }
  .gform_wrapper .gform_heading {
    width: 100%; }
    .gform_wrapper .gform_heading .gform_description {
      display: block;
      width: 100%;
      text-align: center;
      font-weight: 100;
      margin-bottom: 20px; }
  .gform_wrapper .gform_footer {
    width: 100%; }
    .gform_wrapper .gform_footer input[type=submit] {
      width: 100%;
      border: none; }

.gform_validation_container {
  display: none; }

.validation_message {
  color: #ca3c3c; }

div.validation_error {
  padding: 10px;
  color: #FFF;
  background-color: #6f2720; }

a.logo {
  position: relative;
  float: left;
  margin-top: 13px;
  cursor: pointer;
  min-height: 72px;
  width: 194px;
  z-index: 10000;
  text-transform: capitalize;
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url(http://static.edie.net/images/logos/logo.png);
  overflow: hidden;
  text-indent: -9000px;
  display: block; }
  @media screen and (-webkit-min-device-pixel-ratio: 2), screen and (max--moz-device-pixel-ratio: 2) {
    a.logo {
      background-image: url(http://static.edie.net/images/logos/logo-retina.png);
      background-size: 194px 72px; } }
  @media only screen and (min-width: 320px) and (max-width: 480px) {
    a.logo {
      width: 50%;
      margin-top: 7px;
      background-image: url(http://static.edie.net/images/logos/logo.png);
      background-size: 194px 72px; } }
  @media only screen and (min-width: 320px) and (max-width: 480px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 320px) and (max-width: 480px) and (max--moz-device-pixel-ratio: 2) {
    a.logo {
      background-image: url(http://static.edie.net/images/logos/logo-retina.png);
      background-size: 194px 72px; } }

  @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
    a.logo {
      width: 194px;
      background-image: url(http://static.edie.net/images/logos/logo-smart.png);
      background-size: 194px 72px; } }
  @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (max--moz-device-pixel-ratio: 2) {
    a.logo {
      background-image: url(http://static.edie.net/images/logos/logo-retina.png);
      background-size: 194px 72px; } }

#hero {
  width: 500px;
  position: relative;
  z-index: 1; }
  #hero .bx-wrapper {
    height: 100%; }
    #hero .bx-wrapper .bx-viewport {
      height: 100% !important; }
      #hero .bx-wrapper .bx-viewport #hero-carousel {
        height: 500px; }
        #hero .bx-wrapper .bx-viewport #hero-carousel .carousel-slide {
          height: 500px;
          background-size: cover;
          background-position: center;
          background-repeat: no-repeat; }

#carousel {
  overflow: auto;
  margin-bottom: 60px; }
  #carousel .carousel-slide {
    overflow: auto; }
  #carousel .caption {
    position: absolute;
    bottom: 0; }

.pagination {
  width: 80%;
  margin: auto;
  height: 70px;
  	/*.previous a {
  		left:0px;
  		padding: 15px 0px 15px 30px;
  		text-align: center;
  		text-decoration: none;
  		background-image: url(images/arrow_alt.png);
  		background-repeat: no-repeat;
  		background-position: left center;
  		@include breakpoint(small-screen)   
  		{ 	
  			padding: 15px 0px 15px 0px;
  		}
  	}
  
  	.next a {
  		right:0px;
  		text-align: center;
  		text-decoration: none;
  		background-repeat: no-repeat;
  		background-position: right center;
  	}*/ }
  .pagination .previous a, .pagination .next a {
    position: absolute;
    text-decoration: none !important;
    display: block;
    min-width: 200px;
    max-width: 300px;
    background-color: #0a003c;
    color: #303030;
    padding: 15px 0px 15px 0px;
    font-family: "Gotham SSm A", "Gotham SSm B";
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 700;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    border-radius: 2px; }
    .pagination .previous a:hover, .pagination .next a:hover {
      background-color: #f2f2f2;
      color: #FFFFFF; }
    @media only screen and (max-width: 320px) {
      .pagination .previous a, .pagination .next a {
        position: relative;
        margin: auto;
        width: 250px;
        margin-bottom: 10px; } }

.pagination-container {
  width: 100%;
  margin-top: 20px;
  margin-bottom: 20px;
  background-color: #e0e1e3; }
  .pagination-container:before, .pagination-container:after {
    content: "";
    display: table; }
  .pagination-container:after {
    clear: both; }
  .pagination-container a.page-numbers, .pagination-container span.page-numbers.current {
    display: block;
    float: left;
    font-family: "Gotham SSm A", "Gotham SSm B";
    font-size: 14px;
    font-weight: 400;
    width: 60px;
    height: 60px;
    border-right: solid 1px #FFFFFF;
    line-height: 60px;
    text-align: center;
    background-color: #e0e1e3;
    color: #000000; }
    .pagination-container a.page-numbers:hover, .pagination-container span.page-numbers.current:hover {
      background-color: #0a003c;
      color: #f2f2f2; }
  .pagination-container .page-numbers.current {
    background-color: #98999b; }
  .pagination-container a.prev.page-numbers {
    line-height: 70px;
    background-color: #e0e1e3;
    font-size: 10px; }
    .pagination-container a.prev.page-numbers i {
      color: #98999b; }
    .pagination-container a.prev.page-numbers:hover {
      background-color: #0a003c;
      color: #f2f2f2; }
  .pagination-container a.next.page-numbers {
    line-height: 70px;
    font-size: 10px;
    float: right;
    background-color: #e0e1e3;
    border-left: solid 1px #FFFFFF;
    border-right: none; }
    .pagination-container a.next.page-numbers i {
      color: #98999b; }
    .pagination-container a.next.page-numbers:hover {
      background-color: #0a003c;
      color: #f2f2f2; }
  .pagination-container a.page-numbers.last {
    border: none;
    width: 58px; }

.bx-controls {
  position: absolute;
  top: 45%;
  padding-left: 5%;
  padding-right: 5%;
  width: 90%; }
  .bx-controls .bx-controls-direction {
    clear: both;
    overflow: hidden;
    z-index: 10000; }
    .bx-controls .bx-controls-direction a.bx-prev {
      float: left;
      width: 60px;
      height: 60px;
      line-height: 70px;
      color: #f2f2f2;
      text-align: center;
      border-radius: 50%;
      background-color: rgba(48, 48, 48, 0.8); }
    .bx-controls .bx-controls-direction a.bx-next {
      float: right;
      width: 60px;
      height: 60px;
      line-height: 70px;
      color: #f2f2f2;
      text-align: center;
      border-radius: 50%;
      background-color: rgba(48, 48, 48, 0.8); }

#header_ {
  background-color: #0a003c; }
  #header_:before, #header_:after {
    content: "";
    display: table; }
  #header_:after {
    clear: both; }

#colors_ .column.five {
  height: 150px; }
  #colors_ .column.five h1, #colors_ .column.five h2, #colors_ .column.five h3, #colors_ .column.five h4, #colors_ .column.five h5, #colors_ .column.five h6 {
    text-align: center;
    margin-top: 20px; }
    @media only screen and (min-width: 320px) and (max-width: 480px) {
      #colors_ .column.five h1, #colors_ .column.five h2, #colors_ .column.five h3, #colors_ .column.five h4, #colors_ .column.five h5, #colors_ .column.five h6 {
        margin-top: 0px;
        padding-bottom: 10px; } }
  @media only screen and (min-width: 320px) and (max-width: 480px) {
    #colors_ .column.five {
      height: 50px; } }

#color-one {
  background-color: #0a003c; }
  #color-one h5 {
    color: #12a7df; }

#color-two {
  background-color: #f2f2f2; }
  #color-two h5 {
    color: #0a003c; }

#color-three {
  background-color: #e0e1e3; }
  #color-three h5 {
    color: #0a003c; }

#color-four {
  background-color: #df3416; }
  #color-four h5 {
    color: #12a7df; }

#color-five {
  background-color: #12a7df; }
  #color-five h5 {
    color: #12a7df; }

.heading1 {
  background-color: #12a7df; }

.heading2 {
  background-color: #12a7df; }

#pcont_ {
  background-color: #df3416; }

#paragraph_alt {
  background-color: #e0e1e3; }

#quote_ {
  background-color: #f2f2f2; }
  #quote_ h2 {
    color: #0a003c; }

#buttons_ {
  background-color: #12a7df; }

#content {
  position: relative;
  z-index: 0; }

/* Google ad MPU */
div#google_ads_div_Edie_RH_MPU_ad_wrapper {
  padding-bottom: 13px;
  display: inline-block;
  vertical-align: top;
  padding-top: 20px; }

.advert-container-box {
  width: 100%;
  padding-top: 20px;
  padding-bottom: 20px;
  background-color: #e0e1e3; }
  .advert-container-box .advert {
    max-width: 720px;
    width: 100%;
    height: auto;
    height: auto;
    margin: auto; }

a em {
  color: #6da122; }

.block.un-fixed.most-read {
  max-width: 100%;
  width: 100%; }

@media only screen and (max-width: 768px) and (min-width: 0px) {
  .block.un-fixed.most-read {
    width: 100% !important; } }

/*Custom Mobile Styles*/
@media only screen and (max-width: 1080px) and (min-width: 0px) {
  .content-wrapper {
    text-align: center; } }

@media only screen and (max-width: 1080px) and (min-width: 0px) {
  .mobile-hide {
    display: none !important; } }

@media only screen and (max-width: 1080px) and (min-width: 0px) {
  .sidebar.left.mobile-hide {
    display: none !important; } }

.mobile {
  display: none !important; }
  @media only screen and (max-width: 1080px) and (min-width: 0px) {
    .mobile {
      display: block !important; } }

/*Custom Styles*/
ol {
  list-style: decimal;
  margin-left: 24px;
  padding-bottom: 15px; }

p.Quotations em strong {
  font-style: italic; }

p em {
  font-style: italic !important; }

#at20mc {
  position: static; }

.img-bottom .block {
  padding-bottom: 128px; }
.img-bottom img {
  position: absolute;
  bottom: 0;
  left: 0; }

.logo-holder-wrapper {
  background-color: #f2f2f2;
  text-align: center;
  padding-bottom: 10px; }
  .logo-holder-wrapper h2 {
    font-size: 22px;
    text-align: center; }
  .logo-holder-wrapper .logo-holder {
    max-width: 1080px;
    display: block;
    margin: 0 auto;
    text-align: center; }
    .logo-holder-wrapper .logo-holder img {
      padding-left: 10px;
      padding-right: 10px;
      vertical-align: middle; }

.margin-top {
  margin-top: 58px; }

.home.download-home .wrapper .sidebar {
  position: relative;
  width: 300px;
  margin-left: -300px;
  padding-top: 15px;
  margin-top: 0px;
  float: right;
  overflow: hidden; }
  @media only screen and (max-width: 768px) {
    .home.download-home .wrapper .sidebar {
      margin-left: 0px;
      width: 100%; } }

.highlight {
  color: #12a7df !important; }

.blue-button {
  border: none;
  display: block;
  margin-bottom: 7px;
  width: 100%;
  padding: 20px 0px 16px 0px;
  background-color: #12a7df;
  color: #FFFFFF;
  text-align: center;
  text-decoration: none;
  font-family: "Gotham SSm A", "Gotham SSm B";
  font-size: 14px;
  font-weight: 700;
  margin-top: 10px;
  text-transform: uppercase;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  border-radius: 0px; }

a.selected {
  color: #12a7df !important; }

.blue-button-half {
  width: 49%;
  display: inline-block;
  border: solid 1px #cbcbcb;
  background-color: #12A7DF;
  text-align: center;
  margin-bottom: 10px;
  padding-top: 20px;
  padding-bottom: 20px;
  font-size: 16px;
  color: #fff; }

.blue-button-third {
  width: 98%;
  display: inline-block;
  background-color: #12A7DF;
  text-align: center;
  margin-bottom: 10px;
  padding-top: 20px;
  padding-bottom: 20px;
  font-size: 16px;
  color: #fff; }

h2.blue-button {
  border: none;
  display: block;
  margin-bottom: 7px;
  width: 100%;
  padding: 20px 0px 16px 0px;
  background-color: #12a7df;
  color: #FFFFFF !important;
  text-align: center;
  text-decoration: none;
  font-family: "Gotham SSm A", "Gotham SSm B";
  font-size: 14px;
  font-weight: 700;
  margin-top: 10px;
  text-transform: uppercase;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  border-radius: 0px; }

/*End of custom styles*/
.inner {
  padding-left: 17px;
  padding-right: 17px;
  padding-top: 17px;
  padding-bottom: 17px;
  overflow: auto; }

.inner.thin {
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 5px;
  padding-bottom: 5px;
  overflow: auto; }

.home .wrapper .sidebar {
  position: relative;
  width: 300px;
  margin-left: -300px;
  padding-top: 5px;
  margin-top: 0px;
  float: right;
  overflow: hidden; }
  @media only screen and (max-width: 768px) {
    .home .wrapper .sidebar {
      margin-left: 0px;
      width: 100%; } }

.section {
  max-width: 1080px;
  width: 100%;
  margin: auto;
  padding-top: 40px;
  padding-bottom: 30px; }

.panel .content-wrapper .three-block h2 {
  padding-top: 0;
  padding-bottom: 5px; }

.block-holder {
  display: block;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 10px; }
  .block-holder a.three-block {
    display: inline-block;
    display: flex;
    width: 100%;
    max-width: 32.5%;
    vertical-align: top;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
    .block-holder a.three-block .column.three {
      width: 95%; }
    .block-holder a.three-block img {
      max-width: 100%; }
    .block-holder a.three-block .link-block img {
      margin-top: 20px; }
    @media only screen and (max-width: 768px) {
      .block-holder a.three-block .link-block {
        max-width: 400px; } }
  .block-holder a.four-block {
    display: inline-block;
    display: flex;
    width: 25%; }
    .block-holder a.four-block .link-block.column.four {
      width: 100%; }
    .block-holder a.four-block img {
      max-width: 100%; }
  .block-holder .three-block {
    display: inline-block;
    display: flex;
    width: 33%; }
    .block-holder .three-block .column.three {
      width: 95%; }
    .block-holder .three-block h2 {
      padding-top: 0; }
    .block-holder .three-block img {
      max-width: 100%; }
  .block-holder .block-third {
    display: inline-block;
    display: flex;
    width: 100%;
    margin-right: 0; }
    .block-holder .block-third .column.three {
      width: 95%; }
    .block-holder .block-third img {
      max-width: 100%; }
    @media only screen and (max-width: 1080px) and (min-width: 0px) {
      .block-holder .block-third {
        width: 49%;
        margin-top: 10px !important; } }
  .block-holder .block-half {
    display: flex !important;
    max-width: 536px !important;
    height: inherit !important; }
    .block-holder .block-half img {
      max-width: 100%; }
  .block-holder .featured.block-half {
    margin-right: 7px !important; }
    .block-holder .featured.block-half img {
      max-width: 100%; }
  .block-holder .block-quarter {
    display: flex !important;
    max-width: 259px !important;
    height: inherit !important;
    margin-bottom: 0 !important; }
    .block-holder .block-quarter img {
      max-width: 100%; }
    @media only screen and (max-width: 1080px) and (min-width: 0px) {
      .block-holder .block-quarter {
        display: inline-block !important;
        max-width: 249px !important;
        height: inherit !important;
        margin-bottom: 0 !important;
        margin-top: 10px !important;
        margin: 0 auto !important;
        text-align: center; } }
  .block-holder .column.two.block-half a {
    display: inline-block;
    display: flex; }
    .block-holder .column.two.block-half a .inner {
      align-items: stretch; }
      .block-holder .column.two.block-half a .inner h2 {
        padding-left: 0;
        margin-left: 0; }
  .block-holder .column.two.block-half img {
    max-width: 100%; }
  .block-holder .column.two.block-quarter a {
    display: inline-block;
    display: flex; }
    .block-holder .column.two.block-quarter a .inner {
      align-items: stretch; }
      .block-holder .column.two.block-quarter a .inner .name {
        margin-bottom: 0; }
      .block-holder .column.two.block-quarter a .inner .name-body {
        margin-bottom: 125px;
        padding-top: 10px; }
  .block-holder .column.two.block-quarter img {
    position: absolute;
    left: 0;
    bottom: 0;
    max-width: 239px;
    max-height: 152px;
    padding-left: 10px;
    padding-right: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    max-width: 100%; }

.search-training {
  padding-top: 18px; }
  .search-training form {
    margin-bottom: 0; }
  .search-training form fieldset input[type="text"], .search-training form fieldset input[type="password"], .search-training form fieldset textarea {
    width: 70%;
    background-color: #FFFFFF;
    border: none;
    box-shadow: 0 0 3px #cbcbcb;
    margin-top: 7px;
    margin-bottom: 7px;
    padding-top: 13px;
    padding-bottom: 13px;
    padding-left: 3%;
    font-style: italic;
    font-size: 16px;
    color: #9b9c9e;
    font-family: "Gotham SSm A", "Gotham SSm B";
    display: inline-block; }
  .search-training form fieldset input[type="submit"] {
    border: none;
    display: inline-block;
    margin-bottom: 7px;
    width: 26%;
    padding: 15px 0px 14px 0px;
    background-color: #12a7df;
    background-repeat: no-repeat;
    background-position: right center;
    color: #FFFFFF;
    text-align: center;
    text-decoration: none;
    font-family: "Gotham SSm A", "Gotham SSm B";
    font-size: 14px;
    font-weight: 700;
    margin-top: 10px;
    text-transform: uppercase;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    border-radius: 0px; }

.wrapper.categories {
  padding-bottom: 30px; }

.wrapper.trending {
  margin-top: -60px; }

.wrapper.features .content-wrapper .block-third:nth-child(3n-2) {
  margin-left: 0; }
.wrapper.features .content-wrapper .block-third:nth-child(3n-1) {
  margin-left: 5px; }
.wrapper.features h1 {
  color: #df3416;
  text-align: left; }

.wrapper.whole-blocks .content-wrapper {
  background-color: #FFFFFF; }

/*Features and Topics styling*/
@media only screen and (max-width: 1080px) and (min-width: 0px) {
  .wrapper.features .content-wrapper {
    max-width: 536px;
    margin: 0 auto;
    float: none !important; } }

.wrapper {
  max-width: 1080px;
  width: 100%;
  margin: auto;
  position: relative;
  z-index: 0; }
  .wrapper .content-wrapper .main-content .story .inner .story-excerpt p {
    margin-left: 0; }
  .wrapper h2 {
    padding-bottom: 5px;
    padding-top: 15px; }
  .wrapper a h3 {
    color: #12a7df; }
    .wrapper a h3 em {
      color: #6da122; }
  .wrapper .sidebar.topic-sidebar {
    padding-top: 0;
    margin-top: -10px; }
  .wrapper .header-padding {
    padding-left: 20px; }
  .wrapper .content-wrapper {
    background-color: transparent; }
    @media only screen and (max-width: 1080px) and (min-width: 0px) {
      .wrapper .content-wrapper {
        max-width: 768px;
        margin: 0 auto;
        float: none !important; } }
    .wrapper .content-wrapper .story {
      box-shadow: none; }
  .wrapper .whole-block {
    width: 100%;
    background-color: #FFFFFF;
    margin-bottom: 10px; }
  .wrapper .block-half {
    max-width: 536px;
    display: inline-block;
    vertical-align: top;
    padding: 17px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #fff; }
    .wrapper .block-half h2 {
      text-transform: none;
      text-align: left;
      font-size: 24px;
      font-weight: bold;
      padding-bottom: 10px;
      padding-top: 5px;
      color: #000000; }
  .wrapper .block-half.small {
    padding-bottom: 25px;
    padding-bottom: 25px;
    margin-bottom: 25px;
    max-width: 533px;
    width: 50%;
    margin-left: 10px; }
    .wrapper .block-half.small:nth-child(2n-1) {
      margin-left: 0; }
    .wrapper .block-half.small img {
      display: inline-block !important;
      width: initial !important; }
    .wrapper .block-half.small h2 {
      text-transform: none;
      text-align: left;
      font-size: 16px;
      font-weight: bold;
      padding-bottom: 10px;
      padding-top: 5px;
      color: #000000; }
  .wrapper .block-quarter {
    max-width: 257px;
    padding-left: 19px;
    display: inline-block;
    vertical-align: top;
    padding: 17px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #fff;
    margin-left: 9px;
    margin-bottom: 15px; }
    .wrapper .block-quarter h2 {
      text-transform: none;
      text-align: left;
      font-size: 18px;
      font-weight: bold;
      padding-bottom: 10px;
      padding-top: 5px;
      color: #000000; }
    .wrapper .block-quarter p {
      padding-left: 10px; }
  .wrapper .block-quarter.first {
    margin-left: 0; }
  .wrapper .equal {
    min-height: 398px; }
    @media only screen and (max-width: 1080px) and (min-width: 0px) {
      .wrapper .equal {
        margin: 0 auto;
        margin-top: 10px;
        margin-bottom: 10px; } }
  .wrapper .block-third {
    max-width: 350px;
    display: inline-block;
    margin: 0 auto;
    vertical-align: top;
    margin-left: 9px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 17px;
    background-color: #fff; }
    .wrapper .block-third:nth-child(1) {
      margin-left: 0; }
      @media only screen and (max-width: 768px) {
        .wrapper .block-third:nth-child(1) {
          margin-left: 10px; } }
      @media only screen and (max-width: 1080px) and (min-width: 0px) {
        .wrapper .block-third:nth-child(1) {
          display: block;
          margin: 0 auto; } }
    @media only screen and (max-width: 1080px) and (min-width: 0px) {
      .wrapper .block-third {
        margin-top: 10px;
        display: block;
        margin: 0 auto; } }
    .wrapper .block-third h2 {
      text-transform: none;
      text-align: left;
      font-size: 18px;
      font-weight: bold;
      padding-bottom: 10px;
      padding-top: 5px;
      color: #000000; }
  .wrapper .block-third.mpu {
    background-color: transparent;
    position: relative;
    min-height: 297px; }
    .wrapper .block-third.mpu .block-third-wrapper-holder {
      height: 100%;
      width: 86%;
      position: absolute; }
      .wrapper .block-third.mpu .block-third-wrapper-holder .block-third-wrapper {
        display: table;
        height: 100%;
        width: 100%; }
        .wrapper .block-third.mpu .block-third-wrapper-holder .block-third-wrapper .table-inner {
          display: table-cell;
          vertical-align: middle; }
          .wrapper .block-third.mpu .block-third-wrapper-holder .block-third-wrapper .table-inner img {
            margin-top: -20px; }
  .wrapper .sidebar .block.auto-height {
    border-bottom: solid 1px #f2f2f2;
    display: block; }
    .wrapper .sidebar .block.auto-height img {
      display: block;
      padding-bottom: 10px; }
  .wrapper .sidebar h2 {
    text-align: left;
    padding-left: 20px;
    padding-bottom: 0;
    padding-top: 10px;
    font-size: 140%;
    font-weight: 400;
    color: #df3416; }
  .wrapper .sidebar h2.red {
    color: #df3416 !important; }
  .wrapper .news-sidebar {
    padding-top: 51px; }
  .wrapper .category-nav {
    background-color: #fff;
    max-width: 1080px;
    margin-left: 20px; }
    .wrapper .category-nav ul {
      margin-bottom: 25px;
      margin-left: 0;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      padding: 10px; }
    .wrapper .category-nav li {
      display: inline-block;
      text-align: center;
      width: 33%;
      margin: 0 auto;
      vertical-align: top;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      padding-left: 5px;
      padding-right: 5px;
      padding-top: 15px;
      padding-bottom: 15px; }
      .wrapper .category-nav li:active {
        background-color: #12A7DF; }
    .wrapper .category-nav .active {
      background-color: #12A7DF; }
    .wrapper .category-nav a {
      color: #000000;
      font-size: 12px;
      font-weight: 700;
      text-transform: uppercase;
      font-family: "Gotham SSm A", "Gotham SSm B";
      letter-spacing: 0px;
      width: 100%;
      padding-bottom: 5px;
      padding-top: 5px; }
      .wrapper .category-nav a:hover {
        color: #df3416; }
  .wrapper .block.auto-height {
    display: inline-block;
    max-width: 331px;
    margin: 0 auto;
    vertical-align: top;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 20px;
    padding: 10px;
    background-color: #fff;
    margin-bottom: 25px;
    margin-left: 25px; }
    .wrapper .block.auto-height img {
      display: block; }
  .wrapper .content-wrapper.right {
    float: left;
    width: 100%; }
    .wrapper .content-wrapper.right .main-content.right {
      margin-left: 300px;
      margin-right: 0px;
      clear: both;
      overflow: auto; }
      @media only screen and (max-width: 768px) {
        .wrapper .content-wrapper.right .main-content.right {
          margin-left: 0px; } }
      @media only screen and (max-width: 1080px) and (min-width: 0px) {
        .wrapper .content-wrapper.right .main-content.right {
          margin-left: 0px; } }
  .wrapper .content-wrapper {
    float: left;
    width: 100%;
    background-color: transparent; }
    @media only screen and (max-width: 768px) {
      .wrapper .content-wrapper {
        text-align: center; } }
    .wrapper .content-wrapper .main-content {
      margin-right: 310px;
      clear: both;
      overflow: auto; }
      @media only screen and (max-width: 768px) {
        .wrapper .content-wrapper .main-content {
          margin-right: 0px; } }
      @media only screen and (max-width: 1080px) and (min-width: 0px) {
        .wrapper .content-wrapper .main-content {
          margin-right: 0px; } }
      .wrapper .content-wrapper .main-content .story {
        width: 100%;
        background-color: #FFFFFF;
        margin-bottom: 10px;
        margin-top: 10px;
        box-shadow: none; }
        .wrapper .content-wrapper .main-content .story h2 {
          text-transform: none;
          text-align: left;
          font-size: 18px;
          font-weight: bold;
          padding-bottom: 10px;
          padding-top: 5px;
          color: #000000; }
        .wrapper .content-wrapper .main-content .story img {
          float: left;
          margin-right: 15px;
          max-width: 100%; }
        .wrapper .content-wrapper .main-content .story p {
          margin-left: 241px; }
        .wrapper .content-wrapper .main-content .story .inner {
          min-height: 128px; }
          .wrapper .content-wrapper .main-content .story .inner p {
            margin-left: 240px; }
            @media only screen and (max-width: 650px) and (min-width: 0px) {
              .wrapper .content-wrapper .main-content .story .inner p {
                margin-left: 0px; } }
        .wrapper .content-wrapper .main-content .story span.button {
          display: block;
          margin: auto;
          margin-bottom: 7px;
          width: 27%;
          max-width: 275px;
          padding: 0;
          padding-left: 2%;
          padding-top: 10px;
          padding-bottom: 10px;
          padding-right: 2%;
          background-color: #12a7df;
          color: #fff;
          cursor: pointer;
          text-align: center;
          float: right; }
      .wrapper .content-wrapper .main-content .story.blue {
        background-color: #0a003c;
        color: #fff; }
        .wrapper .content-wrapper .main-content .story.blue .inner h2,
        .wrapper .content-wrapper .main-content .story.blue .inner p,
        .wrapper .content-wrapper .main-content .story.blue .inner a {
          color: #FFFFFF; }
        .wrapper .content-wrapper .main-content .story.blue .inner-right h2,
        .wrapper .content-wrapper .main-content .story.blue .inner-right p,
        .wrapper .content-wrapper .main-content .story.blue .inner-right a {
          color: #FFFFFF; }
      .wrapper .content-wrapper .main-content .story.featured img {
        width: 470px;
        height: 266px;
        max-width: 100%; }
        @media only screen and (max-width: 768px) {
          .wrapper .content-wrapper .main-content .story.featured img {
            display: block;
            margin: 0 auto;
            float: none;
            max-width: 100%;
            width: 100%;
            height: initial; } }
      .wrapper .content-wrapper .main-content .story.featured p {
        display: block;
        margin-left: 480px;
        float: none; }
        @media only screen and (max-width: 768px) {
          .wrapper .content-wrapper .main-content .story.featured p {
            max-width: 100%;
            width: 100%;
            display: block; } }
        @media only screen and (max-width: 1080px) and (min-width: 0px) {
          .wrapper .content-wrapper .main-content .story.featured p {
            display: inline-block;
            padding-top: 10px;
            margin-left: 0;
            float: none; } }
      .wrapper .content-wrapper .main-content .story.featured h2 {
        font-size: 24px; }
        @media only screen and (max-width: 768px) {
          .wrapper .content-wrapper .main-content .story.featured h2 {
            clear: left; } }
  .wrapper .sidebar.left {
    position: relative;
    width: 300px;
    margin-right: -300px;
    margin-left: 0px;
    float: left;
    overflow: hidden;
    clear: both;
    z-index: 100; }
    @media only screen and (max-width: 768px) {
      .wrapper .sidebar.left {
        margin-right: 0px;
        width: 100%; } }
  .wrapper .sidebar.left.tabs {
    position: relative;
    width: 315px;
    margin-right: -315px;
    margin-left: 0px;
    float: left;
    overflow: hidden;
    clear: both;
    z-index: 100; }
    @media only screen and (max-width: 768px) {
      .wrapper .sidebar.left.tabs {
        margin-right: 0px;
        width: 100%; } }
  .wrapper .sidebar {
    position: relative;
    width: 300px;
    margin-left: -300px;
    padding-top: 13px;
    margin-top: 0px;
    float: right;
    overflow: hidden; }
    @media only screen and (max-width: 1080px) and (min-width: 0px) {
      .wrapper .sidebar {
        width: 100% !important;
        margin-left: 0 !important;
        display: block !important;
        float: none !important;
        margin: 0 auto !important;
        padding-top: 5px !important;
        overflow: hidden !important;
        margin-bottom: 10px;
        text-align: center; } }
    .wrapper .sidebar h2 {
      font-size: 22px;
      color: #000; }
    .wrapper .sidebar .trans-block {
      width: 280px;
      margin: auto;
      padding: 10px 9px;
      margin-top: 10px;
      margin-bottom: 10px; }
      .wrapper .sidebar .trans-block h3 {
        padding-bottom: 20px;
        font-weight: 700; }
      .wrapper .sidebar .trans-block form {
        margin-top: 15px; }
    .wrapper .sidebar .block {
      width: 280px;
      min-height: 250px;
      margin: auto;
      padding: 10px 9px;
      background-color: #FFFFFF;
      margin-top: 10px;
      margin-bottom: 10px;
      box-shadow: none; }
      @media only screen and (max-width: 1080px) and (min-width: 0px) {
        .wrapper .sidebar .block {
          display: inline-block; } }
      .wrapper .sidebar .block img {
        margin-top: 5px;
        margin-bottom: 5px;
        margin: 0 auto;
        max-width: 100%; }
      .wrapper .sidebar .block h3 {
        font-size: 15px;
        color: #df3416;
        padding-top: 0px; }
      .wrapper .sidebar .block h2 {
        font-size: 16px;
        color: #000000;
        font-weight: 700;
        padding-bottom: 10px;
        padding-top: 0px;
        padding-left: 0; }
    .wrapper .sidebar .block.auto-height {
      min-height: 0; }
    .wrapper .sidebar .block.un-fixed {
      min-height: 100px;
      max-height: none; }
      .wrapper .sidebar .block.un-fixed img {
        display: block;
        margin: auto;
        max-width: 100%;
        width: auto;
        padding-bottom: 10px; }
        @media only screen and (max-width: 768px) and (min-width: 0px) {
          .wrapper .sidebar .block.un-fixed img {
            display: none; } }
      .wrapper .sidebar .block.un-fixed h2 {
        padding-top: 0px; }
    .wrapper .sidebar .block.left {
      width: 275px; }
    .wrapper .sidebar .button-block {
      margin-top: 20px;
      margin-bottom: 20px; }
  .wrapper .other-stories {
    position: relative;
    width: 298px;
    margin-left: -300px;
    max-height: 175px;
    min-height: 163px;
    float: right;
    overflow: hidden;
    margin-top: 13px;
    margin-bottom: 10px;
    background-color: #FFFFFF;
    /*		box-shadow: 0 0 3px $color-eight;*/ }
    @media only screen and (max-width: 768px) {
      .wrapper .other-stories {
        width: 100%;
        min-height: 30px;
        margin-top: 0px;
        margin-bottom: 30px; }
        .wrapper .other-stories ul li {
          text-align: center; } }
  .wrapper a.read-more {
    display: block;
    width: 99.5%;
    border: solid 1px #cbcbcb;
    background-color: #FFFFFF;
    text-align: center;
    margin-bottom: 10px;
    padding-top: 20px;
    padding-bottom: 20px;
    font-size: 16px;
    color: #000000; }
    .wrapper a.read-more:hover {
      color: #df3416; }
  .wrapper a.read-more.side {
    display: block;
    width: 99%;
    border: solid 1px #cbcbcb;
    background-color: #FFFFFF;
    text-align: center;
    margin-bottom: 10px;
    padding-top: 20px;
    padding-bottom: 20px;
    font-size: 16px;
    color: #000000; }
    .wrapper a.read-more.side:hover {
      color: #df3416; }
  .wrapper .section.featured-posts {
    padding-bottom: 0;
    margin-bottom: -25px; }

.sidebar a.mpu {
  padding-bottom: 13px;
  display: block; }
.sidebar h1 {
  text-align: left;
  padding-left: 20px;
  padding-bottom: 0;
  padding-top: 10px;
  font-size: 140%;
  font-weight: 400;
  color: #df3416; }
.sidebar h2 {
  text-align: left;
  padding-left: 20px;
  padding-bottom: 0;
  padding-top: 10px;
  font-size: 140%;
  font-weight: 400;
  color: #df3416; }
.sidebar .sidebar-inner {
  background-color: #FFFFFF; }
  .sidebar .sidebar-inner .block.auto-height img {
    width: 262px;
    height: 148px;
    max-width: 100%; }
.sidebar .auto-height {
  border-top: solid 1px #f2f2f2; }
  .sidebar .auto-height:first-child {
    border-top: none; }

.inner-content {
  margin-top: 30px;
  margin-bottom: 30px; }
  .inner-content h2 {
    font-size: 18px;
    color: #000000;
    font-weight: 700; }

.panel.transparent {
  background-color: transparent; }
  .panel.transparent .section {
    margin-top: -70px; }

.panel.clear-blocks .content-wrapper {
  background-color: transparent; }
.panel.clear-blocks .section {
  padding-top: 0px; }

.panel.blue-header h3 {
  color: #12a7df; }
  .panel.blue-header h3 em {
    color: #6da122; }
.panel.blue-header .section {
  padding-top: 0px !important; }

.panel {
  width: 100%;
  background-color: #e0e1e3;
  padding-top: 0;
  padding-bottom: 50px; }
  .panel .header-padding {
    padding-left: 20px; }
  .panel .sidebar-links {
    padding-left: 30px;
    border-left: solid 1px #efefef;
    margin-top: 0px; }
    @media only screen and (max-width: 550px) and (min-width: 0px) {
      .panel .sidebar-links {
        border-left: none;
        padding-left: 10px; } }
  .panel .trending {
    padding-top: 0;
    padding-top: 0; }
    .panel .trending .content-wrapper {
      margin-bottom: 40px; }
  .panel .content-wrapper {
    background-color: #FFFFFF; }
    .panel .content-wrapper:first-child {
      margin-top: 20px; }
    .panel .content-wrapper:last-child {
      margin-bottom: 0; }
    .panel .content-wrapper .story {
      box-shadow: none; }
    .panel .content-wrapper h2 {
      padding-bottom: 15px;
      padding-top: 30px; }
  .panel .content-wrapper.transparent {
    background-color: transparent; }
    @media only screen and (max-width: 1080px) and (min-width: 0px) {
      .panel .content-wrapper.transparent {
        background-color: transparent;
        max-width: 560px;
        margin: 0 auto;
        float: none;
        padding-bottom: 10px;
        text-align: center; } }
    .panel .content-wrapper.transparent .block-quarter {
      margin-left: 10px;
      height: 390px; }
      @media only screen and (max-width: 1080px) and (min-width: 0px) {
        .panel .content-wrapper.transparent .block-quarter {
          margin: 0 auto;
          margin-top: 10px !important; } }
    .panel .content-wrapper.transparent .block-quarter.small {
      min-height: 0;
      height: inherit; }
      .panel .content-wrapper.transparent .block-quarter.small:first-child {
        margin-left: 0; }
        @media only screen and (max-width: 768px) {
          .panel .content-wrapper.transparent .block-quarter.small:first-child {
            margin-left: 10px;
            margin-top: 10px; } }
      @media only screen and (max-width: 1080px) and (min-width: 0px) {
        .panel .content-wrapper.transparent .block-quarter.small {
          margin: 0 auto;
          margin-top: 10px; } }
    .panel .content-wrapper.transparent .block-half {
      height: 397px; }
    .panel .content-wrapper.transparent .block-half.large {
      max-width: 536px;
      display: inline-block !important; }
      @media only screen and (max-width: 1080px) and (min-width: 0px) {
        .panel .content-wrapper.transparent .block-half.large {
          margin-left: 10px;
          margin-top: 10px; } }
    .panel .content-wrapper.transparent .sidebar-links {
      border-left: 0;
      padding-left: 10px; }
      .panel .content-wrapper.transparent .sidebar-links li {
        padding-top: 5px; }
  .panel .block-half {
    max-width: 516px;
    display: inline-block;
    vertical-align: top;
    padding-left: 45px;
    padding-right: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: #fff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
    @media only screen and (max-width: 1080px) and (min-width: 0px) {
      .panel .block-half {
        padding-left: 20px; } }
    .panel .block-half img {
      display: block;
      margin: 0 auto;
      padding-top: 17px;
      padding-bottom: 17px;
      max-width: 100%;
      width: 100%; }
    .panel .block-half h2 {
      font-size: 24px;
      padding-top: 0;
      text-transform: none;
      text-align: left;
      font-weight: bold;
      color: #000000; }
  .panel .block-quarter {
    max-width: 256px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-right: 0;
    display: inline-block;
    vertical-align: top;
    background-color: #fff; }
    .panel .block-quarter:last-child {
      margin-right: 0; }
    .panel .block-quarter img {
      display: block;
      margin: 0 auto;
      padding-top: 17px; }
    .panel .block-quarter h2 {
      margin-left: 0;
      padding-left: 10px;
      text-transform: none;
      text-align: left;
      font-size: 18px;
      font-weight: bold;
      color: #000000; }
    .panel .block-quarter .sidebar-links li {
      border-bottom: solid 1px #f2f2f2;
      padding-top: 10px;
      padding-bottom: 15px;
      margin-top: 10px; }
      .panel .block-quarter .sidebar-links li:last-child {
        border-bottom: none; }
  .panel .block-half.small {
    padding-bottom: 0px;
    margin-top: 0px;
    margin-bottom: 0;
    max-width: 530px;
    width: 49%;
    margin-left: 10px; }
    .panel .block-half.small:nth-child(2n-1) {
      margin-left: 0; }
    @media only screen and (max-width: 1080px) and (min-width: 0px) {
      .panel .block-half.small {
        padding-bottom: 0px;
        margin-top: 0px;
        margin-bottom: 0;
        max-width: 530px;
        width: 100%;
        margin-left: 10px; } }
    .panel .block-half.small img {
      display: inline-block; }
    .panel .block-half.small h2 {
      display: inline-block;
      font-size: 100%;
      width: 58%;
      vertical-align: top;
      padding-top: 15px; }
  .panel .sidebar .block.auto-height {
    display: block;
    background-color: transparent; }
    .panel .sidebar .block.auto-height img {
      display: block; }
  .panel .sidebar .inner {
    padding-left: 51px; }
  .panel .news-sidebar {
    padding-top: 0;
    margin-top: 15px; }

.subscribe-container {
  width: 100%;
  margin: auto;
  max-width: 1080px; }
  .subscribe-container .subscribe {
    margin: auto;
    margin-left: 5px;
    margin-right: 5px;
    background-color: #0a003c;
    position: relative;
    clear: both;
    overflow: auto; }
    .subscribe-container .subscribe .title {
      margin-top: 15px;
      margin-bottom: 15px;
      width: 25%;
      float: left; }
      .subscribe-container .subscribe .title p {
        color: #FFFFFF;
        text-align: center;
        margin-bottom: 0px; }
        .subscribe-container .subscribe .title p span {
          color: #df3416;
          font-size: 16px; }
      @media only screen and (max-width: 768px) {
        .subscribe-container .subscribe .title {
          width: 100%; } }
    .subscribe-container .subscribe .form-cont {
      width: 75%;
      float: left; }
      @media only screen and (max-width: 768px) {
        .subscribe-container .subscribe .form-cont {
          width: 100%; } }
      .subscribe-container .subscribe .form-cont form.subcribe-form {
        margin-top: 15px;
        margin-bottom: 15px; }
        .subscribe-container .subscribe .form-cont form.subcribe-form input[type='text'], .subscribe-container .subscribe .form-cont form.subcribe-form input[type='password'] {
          float: left;
          width: 33%;
          margin-top: 0px;
          margin-bottom: 0px;
          margin-left: 1%; }
        .subscribe-container .subscribe .form-cont form.subcribe-form input[type='submit'] {
          float: left;
          width: 23%;
          margin-left: 0.5%;
          padding-top: 14px;
          padding-bottom: 14px;
          text-align: center;
          margin-top: 0px;
          margin-bottom: 0px;
          padding-left: 0px;
          padding-right: 0px; }

.advert-break {
  background-color: #0a003c;
  width: 100%;
  overflow: auto;
  margin-bottom: 0; }
  .advert-break .advert-content-box {
    max-width: 1080px;
    width: 100%;
    margin: auto;
    height: 400px;
    overflow: hidden; }
    .advert-break .advert-content-box .close-advert {
      position: relative;
      margin-top: 10px;
      right: 0px;
      width: 100%;
      height: 0;
      cursor: pointer; }
      .advert-break .advert-content-box .close-advert p {
        font-size: 14px;
        color: #FFFFFF;
        text-align: right;
        text-shadow: 0 0 6px #000;
        padding-right: 10px; }
        .advert-break .advert-content-box .close-advert p i {
          color: #FFFFFF; }
      .advert-break .advert-content-box .close-advert img {
        display: block;
        margin: 0 auto; }

.opinion.last {
  margin-right: 0; }

.opinion {
  background-color: #FFFFFF;
  min-height: 300px;
  width: 22.7%;
  float: left;
  margin-right: 2.5%;
  position: relative;
  margin-bottom: 10px;
  box-shadow: 0 0 3px #cbcbcb; }
  @media only screen and (max-width: 768px) {
    .opinion {
      width: 46%;
      margin-left: 2%;
      margin-right: 0%; } }
  .opinion .inner {
    position: relative;
    border: 15px solid #FFF;
    min-height: 260px;
    padding: 0 0 20px 0;
    margin: 0px;
    overflow: visible;
    background-size: contain;
    background-position: center bottom; }
    .opinion .inner .quote {
      background-color: #FFFFFF;
      padding-bottom: 2px;
      width: 100%; }
      .opinion .inner .quote p {
        color: #12a7df;
        font-style: italic;
        font-size: 14px;
        font-weight: 700;
        z-index: 1;
        margin-bottom: 5px; }
    .opinion .inner .headshot {
      position: absolute;
      width: 100%;
      top: 0px;
      bottom: 0px;
      background-repeat: no-repeat;
      background-position: center;
      background-size: cover; }
  .opinion .inner.no-image .quote p {
    font-size: 20px; }
  .opinion .name {
    position: absolute;
    bottom: 0px;
    width: 100%;
    font-size: 14px;
    padding-top: 15px;
    background-color: #FFFFFF; }

@media only screen and (min-width: 320px) and (max-width: 480px) {
  .column.two.filter {
    width: 92% !important;
    padding-left: 2%;
    margin: 0%;
    padding-right: 0%;
    margin-left: 0% !important;
    margin-right: 0% !important; } }

.listing {
  min-height: 82px;
  margin-bottom: 5px; }
  .listing:before, .listing:after {
    content: "";
    display: table; }
  .listing:after {
    clear: both; }
  @media only screen and (min-width: 320px) and (max-width: 480px) {
    .listing {
      width: 95%;
      margin-right: 0%;
      margin-left: 0%; } }
  .listing .event-date {
    width: 80px;
    height: 80px;
    border: solid 1px #cbcbcb;
    background-color: #FFFFFF;
    text-align: center;
    float: left;
    margin-right: 15px;
    margin-bottom: 10px; }
    .listing .event-date p {
      text-align: center; }
      .listing .event-date p span {
        font-size: 22px;
        font-weight: 700;
        font-family: "Gotham SSm A", "Gotham SSm B"; }
  .listing .title {
    margin-top: 15px; }
    .listing .title p {
      font-weight: bold;
      font-size: 16px; }
  .listing p.place {
    margin-bottom: 3px;
    padding-bottom: 0px; }
  .listing img {
    max-width: 100px;
    width: 100%;
    float: left;
    margin-right: 10px; }

.listing.blog img {
  max-width: 100px;
  width: 100%;
  float: left;
  margin-right: 10px;
  margin-bottom: 10px; }
.listing.blog .title {
  margin-top: 0px; }
  .listing.blog .title p {
    font-weight: bold;
    font-size: 16px;
    margin-bottom: 3px; }
  .listing.blog .title p.name {
    font-size: 12px;
    font-weight: none; }

.jobs-listing .title {
  margin-top: 0px; }

.vertical-align {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%); }

.social-block {
  background-color: #0a003c;
  text-align: center;
  color: #df3416;
  padding-top: 24px;
  padding-bottom: 23px;
  margin-bottom: 10px;
  font-size: 20px; }

.link-block.column.four {
  margin-bottom: 15px; }
  .link-block.column.four h2 {
    font-size: 14px; }

.link-block {
  background-color: #FFFFFF;
  margin-bottom: 7px;
  margin-top: 7px;
  box-shadow: 0 0 3px #cbcbcb;
  min-height: 260px;
  max-width: 260px; }
  @media only screen and (min-width: 320px) and (max-width: 480px) {
    .link-block {
      float: none; } }
  .link-block h2 {
    font-size: 16px;
    color: #000000;
    padding-bottom: 0px;
    font-weight: 700;
    line-height: 1.4;
    padding-bottom: 0px !important;
    padding-top: 0px !important; }
  .link-block img {
    max-width: 100%;
    margin-top: 7px;
    margin-bottom: 10px; }
  .link-block a {
    font-size: 16px; }
  .link-block p.meta {
    color: #12a7df;
    font-size: 16px;
    margin-bottom: 0px;
    height: 50px; }
    .link-block p.meta em {
      color: #6da122; }

.link-block {
  background-color: #FFFFFF;
  margin-bottom: 7px;
  margin-top: 7px;
  box-shadow: 0 0 3px #cbcbcb;
  min-height: 110px; }

.white_bg {
  position: absolute;
  height: 100%;
  background-color: white;
  width: 40%;
  left: 0px;
  top: 13px;
  box-shadow: 0 0 3px #cbcbcb; }
  @media only screen and (max-width: 768px) {
    .white_bg {
      display: none; } }

.white_bg-right {
  position: absolute;
  height: 100%;
  background-color: white;
  width: 40%;
  right: 0px;
  top: 13px;
  box-shadow: 0 0 3px #cbcbcb; }
  @media only screen and (max-width: 768px) {
    .white_bg-right {
      display: none; } }

.post.right {
  width: 98%;
  margin-left: 2%;
  /*padding-bottom: 100px;*/
  overflow-x: hidden; }

.post.right.tabs {
  margin-top: 5px;
  padding-bottom: 0px;
  margin-bottom: 3px; }
  .post.right.tabs .read-more {
    margin-bottom: 28px; }

.post {
  background-color: #FFFFFF;
  box-shadow: 0 0 3px #cbcbcb;
  margin-top: 13px;
  width: 98%;
  overflow: hidden;
  overflow-x: hidden; }
  .post h1 {
    color: #000000;
    text-align: left;
    font-size: 25px; }
  .post h2 {
    color: #000000;
    text-align: left;
    font-size: 18px;
    font-weight: 700;
    padding-bottom: 14px;
    padding-top: 14px; }
  .post h2.sm {
    font-size: 140%;
    color: #df3416;
    margin-top: 20px;
    font-weight: 400; }
  .post p {
    padding-bottom: 0; }
  .post .inner p {
    padding-bottom: 0; }
  .post img {
    max-width: 100%;
    display: block; }
  .post .caption {
    background-color: #e0e1e3;
    padding: 10px 2%;
    position: relative;
    bottom: 0;
    width: 96%; }
    .post .caption p {
      margin: 0;
      padding: 0; }
  @media only screen and (max-width: 768px) {
    .post {
      width: 100%;
      box-shadow: 0 0 3px #cbcbcb; } }

.comments-block {
  background-color: #e0e1e3;
  margin-top: 50px; }
  .comments-block h2 {
    color: #df3416; }
  .comments-block .comment {
    padding-bottom: 15px;
    padding-top: 15px;
    border-top: 1px solid #9b9c9e; }
    .comments-block .comment p.meta {
      text-transform: uppercase;
      font-weight: 700;
      margin-top: 5px;
      margin-bottom: 5px;
      padding-bottom: 0px; }
    .comments-block .comment p {
      margin-bottom: 0; }

.supplier-links {
  background-color: #f2f2f2;
  padding-top: 15px;
  padding-bottom: 15px;
  margin-bottom: 40px; }
  @media only screen and (max-width: 768px) {
    .supplier-links {
      padding: 0; } }
  .supplier-links ul {
    list-style: none;
    display: table;
    margin: 0;
    width: 100%;
    text-align: center; }
    @media only screen and (max-width: 768px) {
      .supplier-links ul {
        display: block; } }
    .supplier-links ul li {
      display: table-cell;
      text-align: center;
      border-right: solid 2px #12a7df; }
      @media only screen and (max-width: 768px) {
        .supplier-links ul li {
          border-right: none;
          border-bottom: solid 2px #12a7df;
          display: block;
          text-align: left;
          padding: 5px 0; } }
      .supplier-links ul li a {
        padding: 0px 7px 0px 7px;
        font-weight: 700;
        text-transform: uppercase; }
    .supplier-links ul li:last-of-type {
      border-right: none; }
    @media only screen and (max-width: 768px) {
      .supplier-links ul li:last-of-type {
        border-bottom: none; } }
    .supplier-links ul li.no-border {
      border-right: none;
      border-bottom: none; }
    .supplier-links ul li.no-border:hover {
      background-color: transparent; }

.supplier-page h1, .download-page h1 {
  text-align: left;
  color: #000000;
  font-size: 22px; }

.download-page .main-content .inner {
  padding: 30px; }
.download-page img {
  max-width: 100%; }
.download-page .c_greyUnder {
  color: #7e7e7e;
  margin-top: -20px; }

.results-page .wrapper .content-wrapper .main-content .story.featured img {
  width: 226px;
  height: 128px;
  max-width: 100%; }

.story-page.single-devices .panel .sidebar-links {
  padding-left: 0;
  border-left: none;
  margin-top: 0px;
  border-top: none; }

.results-page p.results {
  font-size: 22px;
  font-weight: 700; }
.results-page .white_bg-right {
  display: none; }
.results-page .wrapper .sidebar .trans-block {
  width: 280px;
  margin: auto;
  padding: 10px 9px;
  margin-top: 10px;
  margin-bottom: 10px;
  text-align: left; }
.results-page .story img {
  position: absolute; }
.results-page .story .story-excerpt {
  margin-left: 245px; }
  .results-page .story .story-excerpt p.category {
    color: #303030;
    margin-bottom: 3px; }
    .results-page .story .story-excerpt p.category a {
      font-weight: 700; }
      .results-page .story .story-excerpt p.category a span {
        font-weight: 400;
        color: #9b9c9e; }
  .results-page .story .story-excerpt p {
    margin-bottom: 0px;
    padding-bottom: 0px; }
  .results-page .story .story-excerpt span.button {
    color: #FFFFFF;
    display: inline-block;
    float: right;
    text-transform: uppercase;
    margin-top: 10px;
    padding: 10px 15px;
    font-weight: 700;
    width: auto; }
.results-page .story.featured {
  background-color: #0a003c !important; }
  .results-page .story.featured img {
    width: 226px;
    height: 128px;
    max-width: 100%; }
  .results-page .story.featured .story-excerpt {
    margin-left: 245px; }
    .results-page .story.featured .story-excerpt p.featured {
      color: #df3416;
      margin-bottom: 0px; }
    .results-page .story.featured .story-excerpt p.category {
      color: #FFFFFF;
      margin-bottom: 3px; }
    .results-page .story.featured .story-excerpt h2 {
      color: #FFFFFF;
      font-size: 24px; }
    .results-page .story.featured .story-excerpt p {
      color: #FFFFFF;
      margin-left: 0; }
    .results-page .story.featured .story-excerpt span.button {
      display: inline-block;
      float: right;
      text-transform: uppercase;
      margin-top: 10px;
      padding: 10px 15px;
      font-weight: 700;
      width: auto; }

.wrapper .content-wrapper .main-content .story.featured .inner .story-excerpt p {
  margin-left: 0; }

.suppliers-page .search-bar .inner {
  overflow: visible; }

.search-bar {
  width: 100%;
  background-color: #0a003c;
  min-height: 70px;
  margin-bottom: 20px; }
  .search-bar form.search {
    margin-top: 0px;
    margin-bottom: 0px; }
    .search-bar form.search input[type='text'] {
      float: left;
      width: 66%;
      margin-top: 0px;
      margin-bottom: 0px; }
    .search-bar form.search input[type='submit'] {
      float: left;
      width: 30%;
      padding-top: 14px;
      padding-bottom: 13px;
      text-align: center;
      margin-top: 0px;
      margin-bottom: 0px;
      padding-left: 0px;
      padding-right: 0px;
      max-height: 46px;
      min-height: 45px; }

ul.sidebar-links {
  list-style: none;
  margin: 0;
  vertical-align: top; }
  ul.sidebar-links li {
    border-bottom: solid 1px #f2f2f2;
    padding-top: 10px;
    padding-bottom: 10px; }
    ul.sidebar-links li a {
      color: #000000;
      cursor: pointer;
      font-size: 15px; }
      ul.sidebar-links li a:hover {
        color: #12a7df; }
  ul.sidebar-links li:last-of-type {
    border-bottom: none; }

.overlay-outer {
  background-color: rgba(242, 242, 242, 0.9);
  position: fixed;
  height: 0;
  width: 100%;
  z-index: 9999;
  top: 0; }

.overlay {
  position: absolute;
  width: 100%;
  overflow: hidden;
  height: 0%;
  z-index: 10000; }
  .overlay .overlay-container {
    /*max-width: 1080px;*/
    width: 100%;
    margin: auto;
    text-align: center;
    background-color: #fff;
    margin-top: -30px;
    padding-bottom: 50px; }
    .overlay .overlay-container p {
      text-align: center; }
    .overlay .overlay-container .close {
      position: relative;
      margin-top: 30px;
      right: 0px;
      width: 100%;
      height: 50px;
      cursor: pointer; }
      .overlay .overlay-container .close p {
        font-size: 18px;
        text-align: right; }
    .overlay .overlay-container .overlay-area {
      width: 100%;
      margin-top: 30px;
      z-index: 1; }
      .overlay .overlay-container .overlay-area h2 {
        text-align: center;
        color: #000; }
      .overlay .overlay-container .overlay-area form {
        width: 100%;
        margin: auto;
        max-width: 500px;
        margin-top: 0; }
        .overlay .overlay-container .overlay-area form fieldset input {
          padding-top: 10px;
          padding-bottom: 10px;
          font-size: 18px; }

.overlay.open {
  overflow: visible; }

h3 a {
  font-size: 18px;
  color: #12a7df; }

form {
  margin-top: 30px;
  margin-bottom: 30px; }
  form fieldset input[type="text"], form fieldset input[type="password"], form fieldset textarea {
    width: 97%;
    background-color: #FFFFFF;
    border: none;
    box-shadow: 0 0 3px #cbcbcb;
    margin-top: 7px;
    margin-bottom: 7px;
    padding-top: 13px;
    padding-bottom: 13px;
    padding-left: 3%;
    font-style: italic;
    font-size: 16px;
    color: #9b9c9e;
    font-family: "Gotham SSm A", "Gotham SSm B"; }
  form fieldset input[type="text"].datefield {
    font-size: 14px; }
  form fieldset label {
    font-family: "Gotham SSm A", "Gotham SSm B"; }
  form fieldset textarea {
    height: 130px; }
  form fieldset input[type="submit"] {
    border: none;
    display: block;
    margin-bottom: 7px;
    width: 100%;
    padding: 20px 0px 16px 0px;
    padding-left: 6%;
    background-color: #12a7df;
    /*		background-image: url(images/arrow.png);*/
    background-repeat: no-repeat;
    background-position: right center;
    color: #FFFFFF;
    text-align: left;
    text-decoration: none;
    font-family: "Gotham SSm A", "Gotham SSm B";
    font-size: 14px;
    font-weight: 700;
    margin-top: 10px;
    text-transform: uppercase;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    border-radius: 0px; }
    form fieldset input[type="submit"]:hover {
      background-color: #df3416;
      color: #FFFFFF;
      cursor: pointer; }

.comment-form form {
  margin-top: 10px; }
  .comment-form form fieldset input[type="submit"] {
    max-width: 200px;
    text-align: center;
    padding-left: 0px; }

form.refine {
  margin-top: 0px; }
  form.refine .field {
    margin-bottom: 15px;
    margin-top: 15px; }
    form.refine .field input[type="text"] {
      width: 100px;
      margin-top: 0px;
      margin-bottom: 0px; }
    form.refine .field i {
      color: #12a7df;
      margin-right: 5px; }

.button.category {
  margin-top: 10px;
  margin-bottom: 0px;
  padding-left: 0px;
  text-align: center;
  width: 32.3%;
  max-width: 500px;
  margin-right: 1%;
  float: left; }
  @media only screen and (min-width: 320px) and (max-width: 480px) {
    .button.category {
      width: 49%; } }

ul.tabs_list {
  list-style: none;
  margin-left: 0px; }
  ul.tabs_list li.ui-state-active a {
    background-color: #FFFFFF;
    color: #000000;
    box-shadow: 0 0 3px #cbcbcb; }
  ul.tabs_list li {
    margin-left: 0px; }
    ul.tabs_list li a.button {
      margin-left: 2px;
      margin-right: 0px;
      width: 100%;
      min-width: 100%;
      box-shadow: 0 0 3px #cbcbcb; }

.suppliers-page .search-bar {
  margin-top: 20px; }
  .suppliers-page .search-bar h2 {
    font-size: 20px; }
  .suppliers-page .search-bar form.search {
    margin-top: 0px;
    margin-bottom: 0px; }
    .suppliers-page .search-bar form.search input[type='text'], .suppliers-page .search-bar form.search input[type='password'] {
      float: left;
      width: 31.3%;
      margin-right: 1%;
      margin-top: 0px;
      margin-bottom: 0px;
      padding-left: 1%;
      padding-right: 0px; }
    .suppliers-page .search-bar form.search select {
      float: left;
      width: 32.3%;
      padding-left: 1%;
      margin-right: 1%;
      height: 45px;
      -webkit-appearance: none;
      border: none;
      border-radius: 0px;
      font-style: italic;
      font-size: 16px;
      color: #9b9c9e;
      font-family: "Gotham SSm A", "Gotham SSm B"; }
    .suppliers-page .search-bar form.search input[type='submit'] {
      float: left;
      width: 32.3%;
      margin-right: 1%;
      padding-top: 14px;
      padding-bottom: 13px;
      text-align: center;
      margin-top: 0px;
      margin-bottom: 0px;
      padding-left: 0px;
      padding-right: 0px;
      max-height: 46px;
      min-height: 45px; }

.search-bar-drop {
  background-color: #0a003c;
  margin-top: 20px; }
  .search-bar-drop h2 {
    font-size: 20px; }
  .search-bar-drop form.search {
    margin-top: 0px;
    margin-bottom: 0px; }
    .search-bar-drop form.search input[type='text'] {
      float: left;
      width: 31.3%;
      margin-right: 1%;
      margin-top: 0px;
      margin-bottom: 0px;
      padding-left: 1%;
      padding-right: 0px; }
    .search-bar-drop form.search select {
      float: left;
      width: 32.3%;
      padding-left: 1%;
      margin-right: 1%;
      height: 45px;
      -webkit-appearance: none;
      border: none;
      border-radius: 0px;
      font-style: italic;
      font-size: 16px;
      color: #9b9c9e;
      font-family: "Gotham SSm A", "Gotham SSm B"; }
    .search-bar-drop form.search input[type='submit'] {
      float: left;
      width: 32.3%;
      margin-right: 1%;
      padding-top: 14px;
      padding-bottom: 13px;
      text-align: center;
      margin-top: 0px;
      margin-bottom: 0px;
      padding-left: 0px;
      padding-right: 0px;
      max-height: 46px;
      min-height: 45px; }

.section.topics {
  padding-top: 0;
  margin-top: 70px; }
  .section.topics .sidebar {
    margin-top: -39px; }
    @media only screen and (min-width: 320px) and (max-width: 480px) {
      .section.topics .sidebar {
        width: 49%; } }
  .section.topics .wrapper .content-wrapper .main-content {
    margin-top: -65px; }

.section.featured-posts .column.two img {
  width: 100%; }
.section.featured-posts .column.two .featured-blog {
  background-color: #FFFFFF;
  color: #000000;
  box-shadow: 0 0 3px #cbcbcb; }
  .section.featured-posts .column.two .featured-blog h2 {
    font-size: 16px;
    color: #000000;
    padding-bottom: 0px;
    font-weight: 700;
    line-height: 1.4;
    padding-bottom: 0px !important;
    padding-top: 0px !important; }
.section.featured-posts .column.two .featured-blog.main img {
  margin-bottom: 20px; }
.section.featured-posts .column.two .featured-blog.main h2 {
  font-size: 20px; }
@media only screen and (max-width: 768px) {
  .section.featured-posts .column.two.featured {
    width: 100%; }
    .section.featured-posts .column.two.featured .featured-blog {
      margin-bottom: 20px; } }

.blogs-home .panel {
  margin-bottom: 40px; }
.blogs-home .link-block.column.four h2:first-child {
  height: 75px; }

.story a.button {
  float: right;
  text-align: center;
  padding-left: 0px;
  padding-right: 0px;
  margin-right: 10px;
  max-width: 200px;
  margin-bottom: 0px;
  padding: 10px 0px 10px 0px; }
  @media only screen and (min-width: 320px) and (max-width: 480px) {
    .story a.button {
      float: none !important;
      display: block;
      margin-bottom: 5px; } }

.story-tags ul {
  list-style: none;
  margin-left: 0px;
  display: table;
  width: 95%;
  margin: auto;
  padding-top: 10px;
  padding-bottom: 10px; }
  @media only screen and (min-width: 320px) and (max-width: 480px) {
    .story-tags ul {
      display: block; } }
  .story-tags ul li {
    margin-left: 0px;
    display: table-cell;
    position: relative;
    z-index: 0; }
    @media only screen and (min-width: 320px) and (max-width: 480px) {
      .story-tags ul li {
        display: block; } }

.suppliers-subcategory .other-stories {
  position: relative;
  width: 298px;
  margin-left: -300px;
  max-height: 363px;
  min-height: 163px; }
  @media only screen and (max-width: 768px) {
    .suppliers-subcategory .other-stories {
      width: 100%;
      min-height: 30px;
      margin-top: 0px;
      margin-bottom: 30px; }
      .suppliers-subcategory .other-stories ul li {
        text-align: center; } }

#content iframe.twitter-timeline {
  margin: 5px auto !important;
  width: 295px !important; }

.image-wrap {
  position: relative;
  float: left;
  margin-right: 30px;
  margin-bottom: 20px;
  max-width: 100%; }

.image-wrap.old-image {
  max-width: 300px; }

.white_bg_inner {
  background-color: #fff;
  box-shadow: 0 0 3px #cbcbcb;
  position: absolute;
  right: 320px;
  top: 13px;
  width: 70%; }
  @media only screen and (max-width: 768px) {
    .white_bg_inner {
      display: none; } }

.story-page .post {
  box-shadow: none; }

.story-page .white_bg_inner {
  background-color: #fff;
  box-shadow: 0 0 3px #cbcbcb;
  position: absolute;
  right: 320px;
  top: 13px;
  width: 100vw;
  height: 100%;
  display: block; }
  @media only screen and (max-width: 768px) {
    .story-page .white_bg_inner {
      display: none; } }
.story-page .panel {
  border-top: solid 20px #F2F2F2; }

.right-sidebar-template.blogger .white_bg_inner {
  background-color: #fff;
  box-shadow: 0 0 3px #cbcbcb;
  position: absolute;
  right: 320px;
  top: 13px;
  width: 100vw;
  height: 100%;
  display: block; }
  @media only screen and (max-width: 768px) {
    .right-sidebar-template.blogger .white_bg_inner {
      display: none; } }
.right-sidebar-template.blogger .panel {
  border-top: solid 20px #F2F2F2; }

#content.story-page {
  overflow: visible !important; }
  #content.story-page .wrapper {
    overflow: visible !important; }
    #content.story-page .wrapper .content-wrapper {
      overflow: visible !important;
      padding-bottom: 20px; }
      #content.story-page .wrapper .content-wrapper .main-content {
        overflow: visible !important; }
        #content.story-page .wrapper .content-wrapper .main-content .post {
          overflow: visible !important;
          overflow-x: visible !important; }
          #content.story-page .wrapper .content-wrapper .main-content .post .inner {
            overflow: visible !important; }

a.mpu img {
  margin-left: auto;
  margin-right: auto;
  display: block; }

ul.supplier-categories {
  list-style: none;
  margin: 0;
  padding: 0;
  font-size: 12px;
  text-transform: none; }
  ul.supplier-categories li {
    display: inline-block;
    width: 33.3%;
    margin-right: 0;
    float: left;
    position: relative; }
    ul.supplier-categories li a.button.category {
      margin-right: 0;
      width: 97%;
      font-size: 12px;
      padding: 0;
      height: auto;
      display: block;
      text-align: left;
      margin-top: 5px;
      background: transparent;
      float: none; }
      ul.supplier-categories li a.button.category span {
        display: inline-block;
        text-transform: none; }
    ul.supplier-categories li ul {
      display: none;
      position: absolute;
      width: 100%;
      margin: 0;
      background-color: #303030; }
      ul.supplier-categories li ul li {
        display: block;
        width: 100%;
        clear: both;
        line-height: normal;
        margin: 0;
        float: none; }
        ul.supplier-categories li ul li a.button.category {
          margin: 0 !important;
          background-color: #303030;
          font-size: 12px;
          height: auto;
          padding: 3px 0 !important;
          display: block;
          float: none; }
          ul.supplier-categories li ul li a.button.category span {
            text-align: left;
            padding-left: 15px;
            padding-right: 15px; }
    ul.supplier-categories li:hover {
      background-color: #df3416; }
      ul.supplier-categories li:hover ul {
        display: block;
        position: absolute;
        z-index: 1; }
        ul.supplier-categories li:hover ul li:hover {
          background-color: transparent; }
          ul.supplier-categories li:hover ul li:hover a.button.category {
            color: #df3416; }
  ul.supplier-categories li.no-border:hover {
    background-color: transparent; }

.search-bar-wrapper {
  z-index: 1; }

.wrapper.tab h2.sm {
  margin-top: 0; }
.wrapper.tab a.read-more {
  clear: both;
  width: 99%;
  margin-top: 15px; }

.story-tags span.fa-check-circle {
  color: #6ca021;
  z-index: 1; }

.suppliers-subcategory .wrapper .content-wrapper .main-content {
  margin-right: 0; }
  .suppliers-subcategory .wrapper .content-wrapper .main-content .story {
    margin: 0; }
  .suppliers-subcategory .wrapper .content-wrapper .main-content .inner .story .inner {
    width: 70%;
    float: left;
    padding: 0 0 17px 0; }
    @media only screen and (max-width: 768px) {
      .suppliers-subcategory .wrapper .content-wrapper .main-content .inner .story .inner {
        width: 100%;
        clear: both; } }
    .suppliers-subcategory .wrapper .content-wrapper .main-content .inner .story .inner img {
      padding-left: 17px;
      padding-top: 17px; }
    .suppliers-subcategory .wrapper .content-wrapper .main-content .inner .story .inner h2 {
      padding-top: 17px;
      padding-left: 17px;
      padding-right: 17px; }
    .suppliers-subcategory .wrapper .content-wrapper .main-content .inner .story .inner p {
      padding-left: 17px;
      padding-right: 17px;
      margin-left: 0; }
  .suppliers-subcategory .wrapper .content-wrapper .main-content .inner .story .inner.no-links {
    width: 100%;
    float: none; }
  .suppliers-subcategory .wrapper .content-wrapper .main-content .story-tags {
    clear: both;
    float: none; }
  .suppliers-subcategory .wrapper .content-wrapper .main-content .story-tags.tags-top {
    background-color: #0a003c;
    color: #FFFFFF; }
    .suppliers-subcategory .wrapper .content-wrapper .main-content .story-tags.tags-top ul li {
      color: #FFFFFF; }
      .suppliers-subcategory .wrapper .content-wrapper .main-content .story-tags.tags-top ul li a {
        color: #12a7df; }
  .suppliers-subcategory .wrapper .content-wrapper .main-content .inner-right {
    float: right;
    width: 30%;
    padding-bottom: 15px; }
    @media only screen and (max-width: 768px) {
      .suppliers-subcategory .wrapper .content-wrapper .main-content .inner-right {
        width: 100%;
        clear: both; } }
    .suppliers-subcategory .wrapper .content-wrapper .main-content .inner-right ul {
      padding-right: 17px;
      padding-top: 7px;
      padding-left: 17px; }
      .suppliers-subcategory .wrapper .content-wrapper .main-content .inner-right ul a {
        padding-left: 0;
        padding-right: 0; }
    .suppliers-subcategory .wrapper .content-wrapper .main-content .inner-right a {
      padding-left: 17px;
      padding-right: 17px; }
  .suppliers-subcategory .wrapper .content-wrapper .main-content .story-tags {
    background-color: #f2f2f2; }

.embedded {
  display: inline-block;
  padding: 17px;
  background-color: #f2f2f2;
  width: auto;
  margin: 0 0 17px 0;
  max-width: 266px; }
  .embedded h3, .embedded h2, .embedded h1, .embedded h4 {
    padding-top: 0;
    padding-bottom: 10px; }
  .embedded .image-wrap {
    margin: 0; }
  @media only screen and (max-width: 1600px) and (min-width: 1366px) {
    .embedded {
      padding: 0px; } }
  @media only screen and (max-width: 1366px) and (min-width: 0px) {
    .embedded {
      padding: 0px; } }

.embedded.left {
  float: left;
  margin-right: 17px;
  position: absolute;
  left: -277px; }
  @media only screen and (max-width: 10000px) and (min-width: 1600px) {
    .embedded.left {
      float: left;
      margin-right: 17px;
      position: absolute;
      left: -287px;
      background-color: #fff;
      margin-top: -17px; } }
  @media only screen and (max-width: 1600px) and (min-width: 1366px) {
    .embedded.left {
      float: none;
      margin-right: 15px;
      display: inline-block;
      position: static;
      left: 0;
      width: 100%;
      max-width: 95%;
      background-color: #fff;
      margin-top: 0; } }
  @media only screen and (max-width: 1366px) and (min-width: 0px) {
    .embedded.left {
      float: none;
      margin-right: 15px;
      display: inline-block;
      position: static;
      left: 0;
      width: 100%;
      max-width: 95%;
      background-color: #fff;
      margin-top: 0; } }
  .embedded.left .social {
    width: 227px;
    margin-left: -40px; }

.embedded.right {
  float: right;
  margin-left: 17px; }

.embedded.center {
  margin-left: auto;
  margin-right: auto;
  max-width: auto;
  display: block; }

.quote {
  display: inline-block;
  max-width: 290px; }
  .quote p {
    font-style: italic;
    font-weight: bold;
    font-size: 1.6em; }

.quote.right {
  float: right;
  margin-left: 27px; }

.quote.left {
  float: left;
  margin-right: 27px; }

.quote.center {
  display: block;
  width: 100%;
  text-align: center;
  max-width: 100%; }
  .quote.center p {
    text-align: center; }

span.check-bg {
  display: block;
  position: absolute;
  z-index: 0;
  background-color: white;
  width: 12px;
  height: 12px;
  top: 1px;
  left: 1px;
  -webkit-border-radius: 6px;
  border-radius: 6px; }

#scroll-box {
  background-color: #fff;
  padding: 15px;
  position: fixed;
  right: 0;
  top: 286px;
  width: 120px;
  z-index: 1;
  box-shadow: 0 0 3px #cbcbcb; }
  @media only screen and (max-width: 1280px) {
    #scroll-box {
      margin: 10px auto;
      overflow: visible;
      position: relative;
      top: 0;
      width: 268px; } }

#tabs.no-tabs .content-wrapper.right {
  margin-left: 0; }

#tabs.no-tabs .main-content.right {
  margin-left: 0;
  padding: 10px; }

#tabs.no-tabs .post.right.tabs {
  margin-left: 0;
  width: 100%; }

.no-margin {
  margin-left: 0 !important; }

.story time {
  text-align: left;
  display: block;
  padding-bottom: 5px; }

.full-story {
  background-color: #0A003C;
  margin-top: 10px; }
  .full-story img {
    display: block;
    margin: 0 auto;
    width: 100%;
    max-width: 100%; }
  .full-story h1 {
    color: #fff; }
  .full-story h2 {
    color: #12A7DF; }
  .full-story p {
    color: #fff; }

.text-align {
  max-width: 1080px;
  display: block;
  margin: 0 auto;
  text-align: left; }
  @media only screen and (max-width: 1080px) and (min-width: 768px) {
    .text-align {
      max-width: 770px; } }

/* ----------------------------------- Ipad Styling ------------------------------------ */
@media only screen and (max-width: 1080px) and (min-width: 768px) {
  a.logo {
    position: relative;
    float: left;
    margin-top: 25px;
    margin-left: 10px;
    cursor: pointer;
    min-height: 42px;
    width: 113px;
    z-index: 10000;
    text-transform: capitalize;
    background-position: center center;
    background-repeat: no-repeat;
    background-image: url(../images/logos/logo.png);
    overflow: hidden;
    text-indent: -9000px;
    display: block;
    background-size: cover; }

  .wrapper .sidebar .block {
    width: 100% !important;
    min-height: 250px;
    margin: auto;
    padding: 10px 9px;
    background-color: #FFFFFF;
    margin-top: 10px;
    margin-bottom: 10px;
    box-shadow: none; }

  .wrapper .sidebar.top-pick a {
    height: 100%;
    display: block;
    margin: 0 auto;
    max-width: 300px; }

  .wrapper .sidebar.top-pick .block {
    min-height: 250px;
    margin: auto;
    padding: 10px 9px;
    background-color: #FFFFFF;
    margin-top: 10px;
    margin-bottom: 10px;
    box-shadow: none;
    vertical-align: top; }

  .features-home .wrapper.features .content-wrapper {
    max-width: 100% !important;
    margin: 0 auto !important;
    float: none !important; }
    .features-home .wrapper.features .content-wrapper .block-half.large {
      max-width: 73.3% !important; }
    .features-home .wrapper.features .content-wrapper .block-half.equal {
      display: flex !important;
      max-width: 100% !important;
      height: inherit !important; }
    .features-home .wrapper.features .content-wrapper .block-quarter.equal.img-bottom {
      display: inline-block !important;
      width: 100%;
      max-width: 49% !important;
      min-height: 0; }
      .features-home .wrapper.features .content-wrapper .block-quarter.equal.img-bottom .block {
        padding-bottom: 0 !important; }
    .features-home .wrapper.features .content-wrapper .block-quarter.equal.img-bottom img {
      max-width: 100%;
      width: 100%;
      position: static; }
    .features-home .wrapper.features .content-wrapper .block-quarter {
      display: inline-block !important;
      max-width: 24% !important;
      height: inherit !important;
      margin-bottom: 0 !important;
      margin-top: 10px !important;
      margin: 0 auto !important;
      text-align: center; }
    .features-home .wrapper.features .content-wrapper .block-quarter {
      margin-top: 10px !important; }
    .features-home .wrapper.features .content-wrapper .block-quarter.sidebar-links-holder {
      width: 100% !important;
      max-width: 100% !important; }
      .features-home .wrapper.features .content-wrapper .block-quarter.sidebar-links-holder li {
        display: inline-block;
        max-width: 20%; }

  .story-page .white_bg_inner {
    display: none; }

  /* First sidebar */
  .wrapper .sidebar .block {
    width: 19%;
    display: inline-block; }

  .sidebar a.mpu {
    padding-bottom: 13px;
    display: inline-block;
    vertical-align: top;
    padding-top: 20px; }

  /*Most read sidebar*/
  .block.un-fixed.most-read {
    width: 100%;
    text-align: left;
    max-width: 758px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }

  /*Supplier content sidebar*/
  .block.un-fixed.supplier-content {
    width: 100%;
    float: right;
    text-align: left;
    max-width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 12.5%;
    padding-right: 12.5%; }

  /*Trending Section*/
  .section.trending .content-wrapper .block-half {
    max-width: 64% !important; }

  .panel .trending .block-quarter.sidebar-links-holder {
    width: 100%;
    max-width: 100% !important;
    padding-left: 0;
    padding-right: 0;
    margin-left: 0;
    padding-top: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 10px;
    padding-right: 10px; }
    .panel .trending .block-quarter.sidebar-links-holder ul.sidebar-links {
      width: 100%;
      padding-left: 0;
      border-left: none;
      border-top: solid 1px #efefef; }
      .panel .trending .block-quarter.sidebar-links-holder ul.sidebar-links li {
        border-bottom: none;
        padding-top: 10px;
        padding-bottom: 15px;
        margin-top: 10px;
        max-width: 24%;
        display: inline-block;
        vertical-align: top; }

  ul.sidebar-links {
    width: 100%;
    padding-left: 0;
    border-left: none;
    border-top: solid 1px #efefef; }
    ul.sidebar-links li {
      border-bottom: none;
      padding-top: 10px;
      padding-bottom: 15px;
      margin-top: 10px;
      max-width: 24%;
      display: inline-block;
      vertical-align: top; }

  .panel .block-quarter .sidebar-links li {
    border-bottom: none; }

  /*Blogger profile*/
  .right-sidebar-template .sidebar.left {
    max-width: 600px; }
  .right-sidebar-template .block.un-fixed.left {
    width: 275px;
    display: inline-block; }
  .right-sidebar-template .trans-block.un-fixed {
    display: inline-block;
    vertical-align: top; }
  .right-sidebar-template .wrapper .sidebar .button-block {
    margin-top: 20px;
    margin-bottom: 20px;
    display: inline-block;
    vertical-align: top; }
  .right-sidebar-template .block-holder .block-quarter {
    display: inline-block !important;
    max-width: 270px !important;
    height: inherit !important;
    margin-bottom: 0 !important;
    margin-top: 10px !important;
    margin: 0 auto !important;
    text-align: center;
    margin-top: 10px !important; }
  .right-sidebar-template span.button {
    display: block;
    margin: auto;
    margin-bottom: 7px;
    width: 96%;
    max-width: 280px;
    padding: 0;
    padding-left: 2%;
    padding-right: 2%;
    background-color: #12a7df;
    cursor: pointer; }
  .right-sidebar-template .panel .content-wrapper.transparent {
    background-color: transparent;
    max-width: 720px;
    margin: 0 auto;
    float: none;
    padding-bottom: 10px;
    text-align: center; }
    .right-sidebar-template .panel .content-wrapper.transparent .block-third {
      max-width: 32%;
      display: inline-block;
      margin: 0 auto;
      vertical-align: top;
      margin-left: 9px;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      padding: 17px;
      background-color: #fff; }
  .right-sidebar-template .block-holder .block-quarter {
    display: inline-block !important;
    max-width: 49% !important;
    height: inherit !important;
    margin-bottom: 0 !important;
    margin-top: 10px !important;
    margin: 0 auto !important;
    text-align: center;
    margin-top: 10px !important; }

  .right-sidebar-template.blogger .sidebar.left {
    max-width: 600px; }
  .right-sidebar-template.blogger .sidebar .button-block {
    margin-top: 20px;
    margin-bottom: 20px;
    display: inline-block;
    vertical-align: top;
    float: right;
    width: 50%; }
  .right-sidebar-template.blogger .block.un-fixed.left {
    width: 275px;
    display: inline-block; }
  .right-sidebar-template.blogger .trans-block.un-fixed {
    display: inline-block;
    vertical-align: top; }
  .right-sidebar-template.blogger .wrapper .sidebar .button-block {
    margin-top: 20px;
    margin-bottom: 20px;
    display: inline-block;
    vertical-align: top; }
  .right-sidebar-template.blogger .block-holder .block-quarter {
    display: inline-block !important;
    max-width: 49% !important;
    height: inherit !important;
    margin-bottom: 0 !important;
    margin-top: 10px !important;
    margin: 0 auto !important;
    text-align: center;
    margin-top: 10px !important; }
  .right-sidebar-template.blogger span.button {
    display: block;
    margin: auto;
    margin-bottom: 7px;
    width: 96%;
    max-width: 280px;
    padding: 0;
    padding-left: 2%;
    padding-right: 2%;
    background-color: #12a7df;
    cursor: pointer; }

  .blogs-home .panel .content-wrapper.transparent {
    background-color: transparent;
    max-width: 720px;
    margin: 0 auto;
    float: none;
    padding-bottom: 10px;
    text-align: center; }
  .blogs-home .column.two.featured.block-half {
    width: 100%;
    max-width: 100% !important; }
  .blogs-home .sidebar.left {
    max-width: 600px; }
  .blogs-home .block.un-fixed.left {
    width: 275px;
    display: inline-block; }
  .blogs-home .trans-block.un-fixed {
    display: inline-block;
    vertical-align: top; }
  .blogs-home .wrapper .sidebar .button-block {
    margin-top: 20px;
    margin-bottom: 20px;
    display: inline-block;
    vertical-align: top; }
  .blogs-home .block-holder .block-quarter {
    display: inline-block !important;
    max-width: 270px !important;
    height: inherit !important;
    margin-bottom: 0 !important;
    margin-top: 10px !important;
    margin: 0 auto !important;
    text-align: center;
    margin-top: 10px !important; }
  .blogs-home span.button {
    display: block;
    margin: auto;
    margin-bottom: 7px;
    width: 96%;
    max-width: 280px;
    padding: 0;
    padding-left: 2%;
    padding-right: 2%;
    background-color: #12a7df;
    cursor: pointer; }
  .blogs-home .panel .content-wrapper.transparent {
    background-color: transparent;
    max-width: 720px;
    margin: 0 auto;
    float: none;
    padding-bottom: 10px;
    text-align: center; }
    .blogs-home .panel .content-wrapper.transparent .block-third {
      max-width: 32%;
      display: inline-block;
      margin: 0 auto;
      vertical-align: top;
      margin-left: 9px;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      padding: 17px;
      background-color: #fff; }
  .blogs-home .block-holder .block-quarter {
    display: inline-block !important;
    max-width: 49% !important;
    height: inherit !important;
    margin-bottom: 0 !important;
    margin-top: 10px !important;
    margin: 0 auto !important;
    text-align: center;
    margin-top: 10px !important; }

  .download-home .wrapper .sidebar .block {
    width: 30%;
    display: block; }

  .download-home sidebar-innner h1 {
    text-align: center; }

  .story-page .content-wrapper.transparent {
    max-width: 768px !important; }
  .story-page .sidebar a.mpu {
    margin-bottom: 0;
    padding-bottom: 0;
    padding-top: 7px; }
  .story-page .content-wrapper.block-holder {
    text-align: center;
    display: block;
    margin: 0 auto; }
  .story-page .wrapper .sidebar {
    width: 100% !important;
    margin-left: 0 !important;
    display: block !important;
    float: none !important;
    margin: 0 auto !important;
    padding-top: 5px !important;
    overflow: hidden !important;
    margin-bottom: 10px;
    text-align: center;
    max-width: 740px; }
  .story-page .wrapper .block-third {
    max-width: 32%;
    width: 100%;
    display: inline-block;
    margin-top: 0;
    margin: 0 auto;
    vertical-align: top;
    margin-left: 9px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 17px;
    background-color: #fff;
    margin: 0 auto; }
  .story-page .block-holder .block-half {
    max-width: 100% !important; }

  .home .story time {
    text-align: left;
    display: block;
    padding-bottom: 5px; }

  .content-wrapper.transparent.block-holder .block-quarter.small {
    width: 50% !important;
    max-width: 49% !important; }
  .content-wrapper.transparent.block-holder .block-quarter.equal {
    max-width: 47% !important;
    margin: 0 auto !important;
    margin-left: 0px !important;
    margin-right: 10px !important; }

  .content-wrapper.transparent .block-half {
    margin-bottom: 10px; }
  .content-wrapper.transparent .block-quarter.equal {
    max-width: 50% !important;
    margin: 0 auto !important;
    margin-left: 0px !important;
    margin-right: 0px !important; }

  .wrapper.features-home .content-wrapper {
    max-width: 768px !important; }
  .wrapper.features-home .block-holder .block-half {
    display: !important;
    max-width: 100% !important;
    margin: 0 auto;
    margin-bottom: 10px; }
    .wrapper.features-home .block-holder .block-half img {
      max-width: 100%;
      width: 100%; }
  .wrapper.features-home .block-holder .block-quarter.equal.img-bottom {
    display: inline-block !important;
    width: 100%;
    max-width: 49%; }
    .wrapper.features-home .block-holder .block-quarter.equal.img-bottom p {
      margin-left: 0; }
    .wrapper.features-home .block-holder .block-quarter.equal.img-bottom img {
      max-width: 100%;
      width: 100%; }
  .wrapper.features-home .block-holder .block-third {
    max-width: 31% !important;
    margin-bottom: 10px; }
    .wrapper.features-home .block-holder .block-third img {
      max-width: 100%;
      width: 100%; }
  .wrapper.features-home .block-holder .block-quarter {
    max-width: 24% !important; }
    .wrapper.features-home .block-holder .block-quarter img {
      max-width: 100%;
      width: 100%; }

  /*Image sizing*/
  main.home .block-holder a.three-block {
    display: inline-block;
    display: flex;
    width: 32.5%;
    max-width: 32.5%;
    vertical-align: top; }

  .block-quarter.small img {
    max-width: 100%;
    width: 100%; }

  .block-half {
    display: !important;
    max-width: 100% !important;
    margin: 0 auto;
    margin-bottom: 10px; }
    .block-half img {
      max-width: 100%;
      width: 100%; }

  .block-quarter.equal.img-bottom {
    display: inline-block !important;
    width: 100%;
    max-width: 49%; }
    .block-quarter.equal.img-bottom p {
      margin-left: 0; }
    .block-quarter.equal.img-bottom img {
      max-width: 100%;
      width: 100%; }

  .block-third {
    max-width: 31% !important;
    margin-bottom: 10px; }
    .block-third img {
      max-width: 100%;
      width: 100%; }

  .block-quarter {
    max-width: 24% !important; }
    .block-quarter img {
      max-width: 100%;
      width: 100%; }

  .sidebar-inner.single {
    background-color: #fff;
    margin-top: 10px; }
    .sidebar-inner.single .block.auto-height {
      width: 40%; }

  .news-home .wrapper .sidebar .block.auto-height {
    border-bottom: none;
    display: inline-block;
    width: 17.5% !important;
    vertical-align: bottom; }
    .news-home .wrapper .sidebar .block.auto-height img {
      max-width: 100%;
      width: auto; }
  .news-home .wrapper .sidebar-inner h1 {
    text-align: center; }

  .story-page.single .other-stories {
    width: 100% !important;
    max-width: 100% !important;
    min-height: 0 !important;
    margin: 0 !important;
    max-height: inherit !important;
    position: static !important;
    float: none !important;
    margin-left: 0 !important; }
  .story-page.single .panel .sidebar-links {
    border-top: none;
    border-left: none;
    padding-left: 0; }
  .story-page.single .wrapper .sidebar {
    max-width: 768px; }
  .story-page.single ul.sidebar-links li {
    max-width: 49.5%;
    width: 100%; }

  .supplier-page .white_bg-right {
    display: none; }
  .supplier-page .block.un-fixed.left {
    vertical-align: top; }

  .suppliers-subcategory .wrapper .content-wrapper .main-content .inner .story .inner {
    width: 100%;
    float: left;
    padding: 0 0 17px 0; }
  .suppliers-subcategory ul.sidebar-links li {
    border-bottom: none;
    padding-top: 10px;
    padding-bottom: 15px;
    margin-top: 10px;
    max-width: 29%;
    display: inline-block; }
  .suppliers-subcategory .story a.button {
    float: left;
    text-align: center;
    margin-left: 20px;
    padding-left: 0px;
    padding-right: 0px;
    margin-right: 10px;
    max-width: 200px;
    margin-bottom: 0px;
    padding: 10px 0px 10px 0px; }
  .suppliers-subcategory .wrapper .content-wrapper .main-content .inner-right {
    width: 100%;
    padding-bottom: 15px; }

  .features-home .wrapper .block-third {
    margin-top: 10px;
    display: inline-block;
    margin: 0 auto; }
  .features-home ul.sidebar-links li {
    border-bottom: none;
    padding-top: 10px;
    padding-bottom: 15px;
    margin-top: 10px;
    max-width: 100%;
    display: inline-block; }
  .features-home .panel .block-half.small {
    padding-bottom: 0px;
    margin-top: 0px;
    margin-bottom: 0;
    max-width: 530px;
    width: 49%;
    display: inline-block; }
    .features-home .panel .block-half.small img {
      padding-right: 10px; }
  .features-home .content-wrapper.block-holder {
    margin-top: 10px; }

  nav.header_menu ul {
    padding: 10px 1px 10px 1px;
    padding-right: 10px; } }
/* ----------------------------------- Ipad Styling ------------------------------------ */
@media only screen and (max-width: 768px) and (min-width: 0px) {
  /*Supplier content sidebar*/
  .block.un-fixed.supplier-content {
    width: 100%;
    float: right;
    text-align: left;
    max-width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 12.5%;
    padding-right: 12.5%; }

  .panel .block-quarter.small {
    margin-left: 0; }

  /*Blogger profile*/
  .right-sidebar-template.blogger .block-holder .block-quarter {
    display: inline-block !important;
    max-width: 270px !important;
    height: inherit !important;
    margin-bottom: 0 !important;
    margin-top: 10px !important;
    margin: 0 auto !important;
    text-align: center; } }
/* ----------------------------------- Ipad Styling ------------------------------------ */
@media only screen and (max-width: 480px) and (min-width: 0px) {
  a.logo {
    position: relative;
    float: left;
    margin-top: 25px;
    margin-left: 10px;
    cursor: pointer;
    min-height: 42px;
    width: 113px;
    z-index: 10000;
    text-transform: capitalize;
    background-position: center center;
    background-repeat: no-repeat;
    background-image: url(../images/logos/logo.png);
    overflow: hidden;
    text-indent: -9000px;
    display: block;
    background-size: cover; }

  .wrapper .content-wrapper .main-content .story img {
    width: 100%;
    max-width: 100%; }

  .sidebar {
    width: 100% !important;
    max-width: 100% !important; }

  .block-holder a.three-block .link-block {
    max-width: 100% !important; }
    .block-holder a.three-block .link-block img {
      max-width: 100% !important;
      width: 100% !important; }

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

  .block-third {
    max-width: 100% !important;
    width: 100% !important;
    margin-left: 4px !important; }
    .block-third img {
      max-width: 100%;
      width: 100%; }

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

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

  .block-holder {
    display: flex !important;
    flex-wrap: wrap !important;
    margin-bottom: 10px !important; }
    .block-holder a.three-block {
      display: flex !important;
      width: 100% !important;
      max-width: 100% !important; }
      .block-holder a.three-block .column.three {
        width: 100% !important; }
      .block-holder a.three-block img {
        max-width: 100% !important; }
      .block-holder a.three-block .link-block img {
        margin-top: 20px !important; } }
  @media only screen and (max-width: 480px) and (min-width: 0px) and (max-width: 480px) and (min-width: 0px) {
    .block-holder {
      display: block !important; } }
@media only screen and (max-width: 480px) and (min-width: 0px) {
    .block-holder a.four-block {
      display: flex !important;
      width: 100% !important; }
      .block-holder a.four-block .link-block.column.four {
        width: 100% !important; }
      .block-holder a.four-block img {
        max-width: 100% !important; }
    .block-holder .three-block {
      display: flex !important;
      width: 100% !important; }
      .block-holder .three-block .column.three {
        width: 100% !important; }
      .block-holder .three-block h2 {
        padding-top: 0 !important; }
      .block-holder .three-block img {
        max-width: 100% !important; }
    .block-holder .block-third {
      display: flex !important;
      width: 100% !important;
      margin-right: 0 !important; }
      .block-holder .block-third .column.three {
        width: 100% !important; }
      .block-holder .block-third img {
        max-width: 100% !important; }
      .block-holder .block-third .block-half {
        display: flex !important;
        max-width: 100% !important;
        height: inherit !important; }
        .block-holder .block-third .block-half img {
          max-width: 100% !important; }
      .block-holder .block-third .featured.block-half {
        margin-right: 0px !important; }
        .block-holder .block-third .featured.block-half img {
          max-width: 100% !important; }
      .block-holder .block-third .block-quarter {
        display: flex !important;
        max-width: 100% !important;
        height: inherit !important;
        margin-bottom: 0 !important; }
        .block-holder .block-third .block-quarter img {
          max-width: 100% !important; }
      .block-holder .block-third .column.two.block-half a {
        display: flex !important; }
        .block-holder .block-third .column.two.block-half a .inner {
          align-items: stretch !important; }
          .block-holder .block-third .column.two.block-half a .inner h2 {
            padding-left: 0 !important;
            margin-left: 0 !important; }
      .block-holder .block-third .column.two.block-half img {
        max-width: 100% !important; }
      .block-holder .block-third .column.two.block-quarter a {
        display: flex !important; }
        .block-holder .block-third .column.two.block-quarter a .inner {
          align-items: stretch !important; }
          .block-holder .block-third .column.two.block-quarter a .inner .name {
            margin-bottom: 0 !important; }
          .block-holder .block-third .column.two.block-quarter a .inner .name-body {
            margin-bottom: 125px !important;
            padding-top: 10px !important; }
      .block-holder .block-third .column.two.block-quarter img {
        position: absolute !important;
        left: 0 !important;
        bottom: 0 !important;
        max-width: 100% !important;
        padding-left: 10px !important;
        padding-right: 10px !important;
        -webkit-box-sizing: border-box !important;
        -moz-box-sizing: border-box !important;
        box-sizing: border-box !important;
        max-width: 100% !important; } }
/* Updates */
@media only screen and (max-width: 768px) and (min-width: 0px) {
  .suppliers-page .wrapper .sidebar.left.tabs {
    max-width: 752px;
    padding-left: 15px; } }
.suppliers-page .wrapper .sidebar .block.un-fixed img {
  display: block;
  margin: auto;
  max-width: 100%;
  width: auto;
  max-width: 275px; }
@media only screen and (max-width: 1080px) and (min-width: 0px) {
  .suppliers-page .wrapper .content-wrapper {
    max-width: 100%;
    margin: 0 auto;
    float: none !important; }
  .suppliers-page .wrapper .sidebar .block {
    display: inline-block;
    vertical-align: top; } }
.suppliers-page .supplier-page-logo {
  display: inline-block;
  width: 45%;
  margin-top: 30px; }
.suppliers-page .supplier-page-button-block {
  display: inline-block;
  width: 45%; }
.suppliers-page .sidebar.left.tabs {
  max-width: 480px; }
@media only screen and (max-width: 480px) and (min-width: 320px) {
  .suppliers-page #content .column {
    float: none;
    margin-right: 0;
    clear: both;
    width: 100%;
    display: block;
    margin: 0 auto !important; } }

.suppliers-subcategory .story {
  overflow: hidden; }

@media only screen and (max-width: 768px) and (min-width: 0px) {
  .results-page .story.featured .story-excerpt {
    margin-left: 245px;
    display: block;
    float: none;
    margin: 0 auto;
    padding-top: 150px; } }
@media only screen and (max-width: 768px) and (min-width: 0px) {
  .results-page .story .story-excerpt {
    margin-left: 245px;
    display: block;
    margin: 0 auto;
    padding-top: 150px; } }

.download-page .wrapper .content-wrapper.right {
  float: left;
  width: 72%;
  margin-left: 300px;
  max-width: 768px; }
.download-page .wrapper .content-wrapper.right .main-content.right {
  margin-left: 0;
  margin-right: 0px;
  clear: both;
  overflow: auto;
  width: 100%; }
.download-page .wrapper .sidebar.left {
  position: absolute;
  width: 300px;
  margin-right: -300px;
  margin-left: 0px;
  float: left;
  overflow: hidden;
  clear: both;
  z-index: 100;
  top: 0;
  left: 0; }
.download-page .wrapper .sidebar .trans-block {
  width: 280px;
  margin: 0;
  padding: 10px 9px;
  margin-top: 10px;
  margin-bottom: 10px; }
.download-page #content {
  position: relative;
  z-index: 0;
  padding-right: 50px; }
@media only screen and (max-width: 800px) and (min-width: 0px) {
  .download-page .wrapper .sidebar .trans-block {
    width: 280px;
    margin: 0 auto;
    padding: 10px 9px;
    margin-top: 10px;
    margin-bottom: 10px; }
  .download-page .wrapper .sidebar.left {
    position: static;
    width: 300px;
    margin-right: -300px;
    margin-left: 0px;
    float: left;
    overflow: hidden;
    clear: both;
    z-index: 100;
    top: 0;
    left: 0; }
  .download-page .wrapper .content-wrapper.right {
    float: left;
    width: 100%;
    margin-left: 0;
    max-width: 100%; }
  .download-page #content {
    position: relative;
    z-index: 0;
    padding-right: 15px; } }

/*Div Blocks*/
.topics .block-holder div.three-block {
  display: inline-block;
  display: flex;
  width: 100%;
  max-width: 32.5%;
  vertical-align: top;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.topics .block-holder div.three-block .column.three {
  width: 95%; }

@media only screen and (max-width: 480px) and (min-width: 0px) {
  .topics .block-holder div.three-block {
    max-width: 100%; }

  .topics .block-holder div.three-block .column.three {
    margin-left: auto !important;
    margin-right: auto !important; } }
.topics .block-holder div.three-block .column.three .inner a {
  cursor: pointer;
  z-index: 100; }

.topics .block-holder div.three-block .column.three .inner a.meta {
  cursor: pointer;
  z-index: 100;
  display: block;
  height: 50px;
  line-height: 1.4; }

.top-bar {
  background-color: #303030;
  height: 40px;
  width: 100%;
  z-index: 10000; }
  .top-bar .top-bar-cont {
    width: 100%;
    max-width: 1080px;
    margin: auto;
    color: #FFFFFF; }
    .top-bar .top-bar-cont .welcome {
      float: left;
      margin-right: 4px;
      height: 40px;
      width: 20%; }
      .top-bar .top-bar-cont .welcome p {
        color: #FFFFFF;
        line-height: 40px; }
    .top-bar .top-bar-cont .social-cont {
      max-height: 40px;
      float: right;
      line-height: 40px; }
    .top-bar .top-bar-cont .login {
      float: right; }
      .top-bar .top-bar-cont .login a {
        font-size: 0.8125rem;
        max-height: 40px;
        line-height: 40px;
        padding: 15px 15px 10px 15px;
        background-color: #000000;
        color: #FFFFFF; }
        .top-bar .top-bar-cont .login a:hover {
          color: #df3416; }

#header-span {
  background-color: #FFFFFF;
  height: 100px;
  width: 100%;
  z-index: 1; }
  #header-span header {
    position: relative;
    max-width: 1080px;
    width: 100%;
    height: 100px;
    margin: auto;
    z-index: 1; }
  @media only screen and (min-width: 320px) and (max-width: 480px) {
    #header-span header.fixed-width {
      padding: 0% 0%;
      margin: 0;
      width: 100%; } }

#footer-span {
  height: 215px;
  margin-top: 25px;
  background-color: #303030; }
  #footer-span footer {
    padding-top: 30px;
    max-width: 1080px;
    width: 100%;
    margin: auto; }