/* =========================================================================================
									@imports	 */
html {
  box-sizing: border-box;
}

*, *::after, *::before {
  box-sizing: inherit;
}

/* =========================================================================================
									SASS Variables	 */
html {
  box-sizing: border-box;
}

*, *::after, *::before {
  box-sizing: inherit;
}

/* =========================================================================================
									SASS Variables	 */
/* =========================================================================================
									Base Styling	*/
body, html {
  margin: 0px;
  padding: 0px;
  font-family: arial;
}

.cfx, #sticky-header-nav .section-1:after, #sticky-header-nav .section-2 .item-1 .section-search:after, #sticky-header-nav .section-2:after, #sub-navigation .responsive-wrapper:after, .view-options:after, .page-article #page-content-wrapper #page-content .responsive-wrapper:after, .resources-wrapper .resources-title:after, .article-body ul:after, .list-region .lr-content .lr-video:after, .list-region .lr-content:after, .page-home .intro-section .responsive-wrapper:after, .article-grid .article-wrapper .article-container:after, .article-grid:after, #site-pagination ul.pagination li.page-item:after, #site-pagination ul.pagination:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
}

/* Clear Padding and Margin on li's*/
/* Center Object */
/* =========================================================================================
									BOURBON MIXIN's  */
/* Calc */
/* Flex */
/* =========================================================================================
									Breakpoints		*/
/* =========================================================================================
									Base Layouts	*/
/*
	@include media($mobile) {

	}
	@include media($tablet) {

	}		
	@include media($desktop) {

	}	
*/
@font-face {
  font-family: 'DINWeb-CondMedium';
  src: url("../Fonts/DINWeb-CondMedium.woff") format("woff");
}

.responsive-wrapper {
  margin: 0 auto;
  -webkit-transition: all, 0.3s;
  -moz-transition: all, 0.3s;
  transition: all, 0.3s;
}

@media screen and (min-width: 0px) {
  .responsive-wrapper {
    width: 100%;
  }
}

@media screen and (min-width: 768px) {
  .responsive-wrapper {
    width: 755px;
  }
}

@media screen and (min-width: 1320px) {
  .responsive-wrapper {
    width: 1150px;
  }
}

.article-hero-rw {
  margin: 0 auto;
  -webkit-transition: all, 0.3s;
  -moz-transition: all, 0.3s;
  transition: all, 0.3s;
}

@media screen and (min-width: 0px) {
  .article-hero-rw {
    width: 100%;
  }
}

@media screen and (min-width: 768px) {
  .article-hero-rw {
    width: 755px;
  }
}

@media screen and (min-width: 1320px) {
  .article-hero-rw {
    width: 1500px;
  }
}

.alt-title-text, #sticky-header-nav .section-2 .shn-s2-item-setup .help-text-wrapper, #sticky-header-nav .section-2 .item-1 .help-text-wrapper, #sticky-header-nav .section-2 .item-2 .help-text-wrapper, #sticky-header-nav .section-2 .item-2-on .help-text-wrapper, #sticky-header-nav .section-2 .item-3 .help-text-wrapper, #sticky-header-nav .section-2 .item-4 .help-text-wrapper {
  font-family: "DINWeb-CondMedium";
  font-size: 16px;
  font-weight: normal;
  letter-spacing: 1px;
}

.primary-font, #sticky-header-nav .section-2 .item-1 .section-search input, #sticky-header-nav #mobile-navigation .title, .filter-section-setup .filter-selected > span, .filter-section-1 .filter-selected > span, .filter-section-2 .filter-selected > span, .filter-section-3 .filter-selected > span, .filter-section-setup .filter-dropdown, .filter-section-1 .filter-dropdown, .filter-section-2 .filter-dropdown, .filter-section-3 .filter-dropdown, .filter-section-setup .filter-dropdown .filter-option, .filter-section-1 .filter-dropdown .filter-option, .filter-section-2 .filter-dropdown .filter-option, .filter-section-3 .filter-dropdown .filter-option, .filter-actions .filter-button, .view-options, .resources-wrapper .resources-title .r-title, .resources-wrapper .resources-container, .breadcrumb, .article-body h1, .article-body h2, .ad-base .ad-title, .list-region .lr-title, .list-region .lr-content .lr-video .text-region, .list-region .lr-content .lr-tag, .show-more,
.show-less, .page-home .intro-section .responsive-wrapper .section-2 h1, .article-grid .article-wrapper .article-container h2, #site-pagination ul.pagination li.page-item a {
  font-family: "DINWeb-CondMedium";
}

.secondary-font, .article-body, .article-body .article-date, .article-body p, .article-body ul, .ad-base .ad-info, .page-home .intro-section .responsive-wrapper .section-2 p, .search-result-text,
.search-result-term {
  font-family: "Georgia";
  color: #474747;
}

/* =========================================================================================
									Base Styling	*/
body, html {
  margin: 0px;
  padding: 0px;
  font-family: arial;
}

.cfx, #sticky-header-nav .section-1:after, #sticky-header-nav .section-2 .item-1 .section-search:after, #sticky-header-nav .section-2:after, #sub-navigation .responsive-wrapper:after, .view-options:after, .page-article #page-content-wrapper #page-content .responsive-wrapper:after, .resources-wrapper .resources-title:after, .article-body ul:after, .list-region .lr-content .lr-video:after, .list-region .lr-content:after, .page-home .intro-section .responsive-wrapper:after, .article-grid .article-wrapper .article-container:after, .article-grid:after, #site-pagination ul.pagination li.page-item:after, #site-pagination ul.pagination:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
}

/* Clear Padding and Margin on li's*/
/* Center Object */
/* =========================================================================================
									BOURBON MIXIN's  */
/* Calc */
/* Flex */
/* =========================================================================================
									Layout Branding	*/
/* ========================================================
						Global Template Items	*/
/*	Site Wrapper	*/
.site-wrapper {
  padding-top: 60px;
}

/*	Header	*/
#sticky-header-nav {
  height: 60px;
  display: block;
  position: fixed;
  width: 100%;
  top: 0px;
  box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
  background-color: white;
  z-index: 5;
}

@media screen and (min-width: 0px) {
  #sticky-header-nav .responsive-wrapper {
    width: 100%;
  }
}

@media screen and (min-width: 768px) {
  #sticky-header-nav .responsive-wrapper {
    width: 100%;
  }
}

@media screen and (min-width: 1500px) {
  #sticky-header-nav .responsive-wrapper {
    width: 1500px;
  }
}

#sticky-header-nav .section-1 {
  display: block;
  float: left;
}

#sticky-header-nav .section-1 .shn-s1-item-setup, #sticky-header-nav .section-1 .item-1, #sticky-header-nav .section-1 .item-2 {
  border-right: 1px solid #e1e1e1;
  display: block;
  float: left;
  height: 60px;
  background-repeat: no-repeat;
  background-position: center center;
  text-indent: -99999px;
}

#sticky-header-nav .section-1 .item-1 {
  background-image: url("img/rc_logo.png");
  width: 170px;
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
  #sticky-header-nav .section-1 .item-1 {
    background-image: url("img/rc_logo_2x.png");
    background-size: 128px 36px;
  }
}

@media screen and (min-width: 0px) {
  #sticky-header-nav .section-1 .item-1 {
    display: none;
  }
}

@media screen and (min-width: 768px) {
  #sticky-header-nav .section-1 .item-1 {
    display: block;
  }
}

#sticky-header-nav .section-1 .item-2 {
  background-image: url("img/mpr_logo.png");
  width: 220px;
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
  #sticky-header-nav .section-1 .item-2 {
    background-image: url("img/mpr_logo_2x.png");
    background-size: 186px 18px;
  }
}

@media screen and (min-width: 0px) {
  #sticky-header-nav .section-1 .item-2 {
    border-right: none;
    float: none;
    position: absolute;
    left: 50%;
    margin-left: -110px;
  }
}

@media screen and (min-width: 768px) {
  #sticky-header-nav .section-1 .item-2 {
    border-right: 1px solid #e1e1e1;
    float: left;
    position: relative;
    left: auto;
    margin-left: 0px;
  }
}

#sticky-header-nav .section-2 {
  float: right;
}

@media screen and (min-width: 0px) {
  #sticky-header-nav .section-2 {
    display: none;
  }
}

@media screen and (min-width: 768px) {
  #sticky-header-nav .section-2 {
    display: block;
  }
}

#sticky-header-nav .section-2 .shn-s2-item-setup, #sticky-header-nav .section-2 .item-1, #sticky-header-nav .section-2 .item-2, #sticky-header-nav .section-2 .item-2-on, #sticky-header-nav .section-2 .item-3, #sticky-header-nav .section-2 .item-4 {
  display: block;
  float: left;
  height: 60px;
  background-repeat: no-repeat;
  background-position: center center;
  width: 58px;
  position: relative;
  cursor: pointer;
}

#sticky-header-nav .section-2 .shn-s2-item-setup .help-text-wrapper, #sticky-header-nav .section-2 .item-1 .help-text-wrapper, #sticky-header-nav .section-2 .item-2 .help-text-wrapper, #sticky-header-nav .section-2 .item-2-on .help-text-wrapper, #sticky-header-nav .section-2 .item-3 .help-text-wrapper, #sticky-header-nav .section-2 .item-4 .help-text-wrapper {
  display: block;
  -webkit-transition: all, 0.3s;
  -moz-transition: all, 0.3s;
  transition: all, 0.3s;
  -webkit-transition-delay: 0.2s;
  -moz-transition-delay: 0.2s;
  transition-delay: 0.2s;
  position: absolute;
  top: 50px;
  width: auto;
  right: 4px;
  text-align: center;
  color: white;
  white-space: nowrap;
  max-height: 0px;
  overflow: hidden;
  opacity: 0;
}

#sticky-header-nav .section-2 .shn-s2-item-setup .help-text-wrapper .help-text, #sticky-header-nav .section-2 .item-1 .help-text-wrapper .help-text, #sticky-header-nav .section-2 .item-2 .help-text-wrapper .help-text, #sticky-header-nav .section-2 .item-2-on .help-text-wrapper .help-text, #sticky-header-nav .section-2 .item-3 .help-text-wrapper .help-text, #sticky-header-nav .section-2 .item-4 .help-text-wrapper .help-text {
  background-color: rgba(226, 0, 26, 0.9);
  display: block;
  border-radius: 4px;
  -webkit-transition: all, 0.3s;
  -moz-transition: all, 0.3s;
  transition: all, 0.3s;
  -webkit-transition-delay: 0.2s;
  -moz-transition-delay: 0.2s;
  transition-delay: 0.2s;
}

#sticky-header-nav .section-2 .shn-s2-item-setup .help-text-wrapper:after, #sticky-header-nav .section-2 .item-1 .help-text-wrapper:after, #sticky-header-nav .section-2 .item-2 .help-text-wrapper:after, #sticky-header-nav .section-2 .item-2-on .help-text-wrapper:after, #sticky-header-nav .section-2 .item-3 .help-text-wrapper:after, #sticky-header-nav .section-2 .item-4 .help-text-wrapper:after {
  content: '';
  position: absolute;
  top: 1px;
  right: 14px;
  width: 0;
  height: 0;
  border-left: 13px solid transparent;
  border-right: 13px solid transparent;
  border-bottom: 13px solid rgba(226, 0, 26, 0.9);
}

#sticky-header-nav .section-2 .shn-s2-item-setup .section-content, #sticky-header-nav .section-2 .item-1 .section-content, #sticky-header-nav .section-2 .item-2 .section-content, #sticky-header-nav .section-2 .item-2-on .section-content, #sticky-header-nav .section-2 .item-3 .section-content, #sticky-header-nav .section-2 .item-4 .section-content {
  display: none;
  width: 250px;
  background-color: rgba(0, 0, 0, 0.7);
  position: absolute;
  top: 60px;
  padding: 10px;
  text-align: center;
  right: 0px;
  border-radius: 0px 0px 4px 4px;
}

#sticky-header-nav .section-2 .shn-s2-item-setup:hover .help-text-wrapper, #sticky-header-nav .section-2 .item-1:hover .help-text-wrapper, #sticky-header-nav .section-2 .item-2:hover .help-text-wrapper, #sticky-header-nav .section-2 .item-2-on:hover .help-text-wrapper, #sticky-header-nav .section-2 .item-3:hover .help-text-wrapper, #sticky-header-nav .section-2 .item-4:hover .help-text-wrapper {
  opacity: 1;
  max-height: 100px !important;
  overflow: auto !important;
}

#sticky-header-nav .section-2 .shn-s2-item-setup:hover .help-text-wrapper .help-text, #sticky-header-nav .section-2 .item-1:hover .help-text-wrapper .help-text, #sticky-header-nav .section-2 .item-2:hover .help-text-wrapper .help-text, #sticky-header-nav .section-2 .item-2-on:hover .help-text-wrapper .help-text, #sticky-header-nav .section-2 .item-3:hover .help-text-wrapper .help-text, #sticky-header-nav .section-2 .item-4:hover .help-text-wrapper .help-text {
  padding: 15px 15px;
  margin-top: 14px;
}

#sticky-header-nav .section-2 .activate-box .section-content {
  display: block;
}

#sticky-header-nav .section-2 .activate-box .help-text-wrapper {
  display: none !important;
}

#sticky-header-nav .section-2 .item-1 {
  cursor: default;
  position: relative;
}

@media screen and (min-width: 768px) {
  #sticky-header-nav .section-2 .item-1 {
    width: 200px;
  }
}

@media screen and (min-width: 1320px) {
  #sticky-header-nav .section-2 .item-1 {
    width: 300px;
  }
}

#sticky-header-nav .section-2 .item-1 .section-search {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  padding-top: 10px;
}

#sticky-header-nav .section-2 .item-1 .section-search input {
  width: -webkit-calc(100% - 40px);
  width: calc(100% - 40px);
  width: -moz-calc(100% - 40px);
  border: 1px solid #e1e1e1;
  height: 40px;
  border-radius: 4px 0px 0px 4px;
  float: left;
  border-right: none;
  color: #474747;
  font-size: 19px;
  padding: 10px;
}

#sticky-header-nav .section-2 .item-1 .section-search #btnSearch {
  display: block;
  width: 40px;
  height: 40px;
  cursor: pointer;
  background-image: url("img/icon_search_off.png");
  background-position: center center;
  background-repeat: no-repeat;
  background-color: white;
  border: 1px solid #e1e1e1;
  border-radius: 0px 4px 4px 0px;
  float: left;
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
  #sticky-header-nav .section-2 .item-1 .section-search #btnSearch {
    background-image: url("img/icon_search_off_2x.png");
    background-size: 34px 33px;
  }
}

#sticky-header-nav .section-2 .item-1 .section-search #btnSearch:hover {
  background-image: url("img/icon_search_on.png");
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
  #sticky-header-nav .section-2 .item-1 .section-search #btnSearch:hover {
    background-image: url("img/icon_search_on_2x.png");
    background-size: 34px 33px;
  }
}

#sticky-header-nav .section-2 .item-2 {
  background-image: url("img/icon_share_off.png");
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
  #sticky-header-nav .section-2 .item-2 {
    background-image: url("img/icon_share_off_2x.png");
    background-size: 34px 33px;
  }
}

#sticky-header-nav .section-2 .item-2-on {
  background-image: url("img/icon_share_on.png");
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
  #sticky-header-nav .section-2 .item-2-on {
    background-image: url("img/icon_share_on_2x.png");
    background-size: 34px 33px;
  }
}

#sticky-header-nav .section-2 .item-3 {
  background-image: url("img/icon_email_off.png");
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
  #sticky-header-nav .section-2 .item-3 {
    background-image: url("img/icon_email_off_2x.png");
    background-size: 34px 33px;
  }
}

#sticky-header-nav .section-2 .item-4 {
  background-image: url("img/icon_help_off.png");
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
  #sticky-header-nav .section-2 .item-4 {
    background-image: url("img/icon_help_off_2x.png");
    background-size: 34px 33px;
  }
}

#sticky-header-nav .nav-drawer {
  display: block;
  background-repeat: no-repeat;
  background-position: center center;
  width: 30px;
  height: 23px;
  cursor: pointer;
  position: absolute;
  top: 18px;
  right: 15px;
  background-image: url("img/icon_drawer_off.png");
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
  #sticky-header-nav .nav-drawer {
    background-image: url("img/icon_drawer_off_2x.png");
    background-size: 30px 23px;
  }
}

@media screen and (min-width: 0px) {
  #sticky-header-nav .nav-drawer {
    display: block;
  }
}

@media screen and (min-width: 768px) {
  #sticky-header-nav .nav-drawer {
    display: none;
  }
}

#sticky-header-nav #mobile-navigation {
  display: block;
  position: fixed;
  top: 60px;
  left: 0px;
  width: 100%;
  height: -webkit-calc(100% - 60px);
  height: calc(100% - 60px);
  height: -moz-calc(100% - 60px);
  background-color: #fbfbfb;
  z-index: 100;
}

#sticky-header-nav #mobile-navigation .title {
  color: #575a5b;
  border-top: 1px solid #e1e1e1;
  display: block;
  display: block;
  padding: 13px 0px;
  padding-right: 25px;
  padding-left: 15px;
  font-weight: bold;
  text-transform: uppercase;
}

@media screen and (min-width: 0px) {
  #sticky-header-nav #mobile-navigation {
    display: none;
  }
}

@media screen and (min-width: 768px) {
  #sticky-header-nav #mobile-navigation {
    display: none !important;
  }
}

#sticky-header-nav #mobile-navigation .filter-section-1 {
  display: none;
}

#sticky-header-nav #mobile-navigation .filter-section-2 {
  float: none;
  padding-top: 0px;
  border-top: 1px solid #e1e1e1;
  margin-right: 0px;
}

#sticky-header-nav #mobile-navigation .filter-section-2 .filter-selected {
  display: none;
}

#sticky-header-nav #mobile-navigation .filter-section-2 .filter-dropdown {
  box-shadow: none;
  max-height: 100%;
  overflow: auto;
  height: 100%;
  border-radius: 0px;
  top: 0px;
  position: relative;
  background-color: #fbfbfb;
}

@media screen and (min-width: 0px) {
  #sticky-header-nav .activate-mobile-nav {
    display: block !important;
  }
}

@media screen and (min-width: 768px) {
  #sticky-header-nav .activate-mobile-nav {
    display: none !important;
  }
}

/*	Sub Navigation */
#sub-navigation {
  display: block;
  height: 65px;
  background-color: #e8e8e8;
  width: 100%;
  position: absolute;
  -webkit-transition: background-color 0.2s;
  -moz-transition: background-color 0.2s;
  transition: background-color 0.2s;
  -webkit-transition: box-shadow 0.2s;
  -moz-transition: box-shadow 0.2s;
  transition: box-shadow 0.2s;
  box-shadow: 0px 0px 3px transparent;
  z-index: 2;
}

@media screen and (min-width: 0px) {
  #sub-navigation {
    display: none;
  }
}

@media screen and (min-width: 768px) {
  #sub-navigation {
    display: block;
  }
}

.filter-section-setup, .filter-section-1, .filter-section-2, .filter-section-3 {
  display: block;
  margin-right: 20px;
  float: left;
  padding-top: 13px;
  position: relative;
  -webkit-transition: all, 0.3s;
  -moz-transition: all, 0.3s;
  transition: all, 0.3s;
}

.filter-section-setup .filter-selected, .filter-section-1 .filter-selected, .filter-section-2 .filter-selected, .filter-section-3 .filter-selected {
  background-color: #f0f0f0;
  display: block;
  height: 40px;
  box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.3);
  border-radius: 4px;
  position: relative;
  cursor: pointer;
  background-repeat: no-repeat;
  padding-right: 40px;
  background-position: center left 12px;
  -webkit-transition: all, 0.3s;
  -moz-transition: all, 0.3s;
  transition: all, 0.3s;
}

.filter-section-setup .filter-selected > span, .filter-section-1 .filter-selected > span, .filter-section-2 .filter-selected > span, .filter-section-3 .filter-selected > span {
  display: block;
  padding-left: 55px;
  padding-right: 5px;
  padding-top: 13px;
  color: #575a5b;
  -webkit-transition: all, 0.3s;
  -moz-transition: all, 0.3s;
  transition: all, 0.3s;
}

.filter-section-setup .filter-selected:after, .filter-section-1 .filter-selected:after, .filter-section-2 .filter-selected:after, .filter-section-3 .filter-selected:after {
  content: '';
  display: block;
  position: absolute;
  top: 0px;
  right: 0px;
  width: 30px;
  height: 40px;
  border-radius: 0px 4px 4px 0px;
  border-left: 1px solid #d0d0d0;
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url("img/arrow_down.png");
  -webkit-transition: all, 0.3s;
  -moz-transition: all, 0.3s;
  transition: all, 0.3s;
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
  .filter-section-setup .filter-selected:after, .filter-section-1 .filter-selected:after, .filter-section-2 .filter-selected:after, .filter-section-3 .filter-selected:after {
    background-image: url("img/arrow_down_2x.png");
    background-size: 17px 10px;
  }
}

.filter-section-setup .filter-selected:hover, .filter-section-1 .filter-selected:hover, .filter-section-2 .filter-selected:hover, .filter-section-3 .filter-selected:hover {
  box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
  background-color: #f6f6f6;
}

.filter-section-setup .filter-selected:hover:after, .filter-section-1 .filter-selected:hover:after, .filter-section-2 .filter-selected:hover:after, .filter-section-3 .filter-selected:hover:after {
  background-image: url("img/arrow_down_on.png");
  background-color: #f6f6f6;
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
  .filter-section-setup .filter-selected:hover:after, .filter-section-1 .filter-selected:hover:after, .filter-section-2 .filter-selected:hover:after, .filter-section-3 .filter-selected:hover:after {
    background-image: url("img/arrow_down_on_2x.png");
    background-size: 17px 10px;
  }
}

.filter-section-setup .filter-selected:hover > span, .filter-section-1 .filter-selected:hover > span, .filter-section-2 .filter-selected:hover > span, .filter-section-3 .filter-selected:hover > span {
  color: #DF0B25;
}

.filter-section-setup .filter-dropdown, .filter-section-1 .filter-dropdown, .filter-section-2 .filter-dropdown, .filter-section-3 .filter-dropdown {
  display: block;
  background-color: rgba(255, 255, 255, 0.98);
  border-radius: 4px 4px 4px 4px;
  top: 54px;
  position: absolute;
  min-width: 100%;
  box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.1);
  white-space: nowrap;
  max-height: 0px;
  overflow: hidden;
  -webkit-transition: all, 0.5s;
  -moz-transition: all, 0.5s;
  transition: all, 0.5s;
  z-index: 100;
}

.filter-section-setup .filter-dropdown .filter-option, .filter-section-1 .filter-dropdown .filter-option, .filter-section-2 .filter-dropdown .filter-option, .filter-section-3 .filter-dropdown .filter-option {
  color: #575a5b;
  -webkit-transition: all, 0.3s;
  -moz-transition: all, 0.3s;
  transition: all, 0.3s;
  border-bottom: 1px solid #e1e1e1;
  cursor: pointer;
  padding-left: 0px !important;
}

.filter-section-setup .filter-dropdown .filter-option a, .filter-section-1 .filter-dropdown .filter-option a, .filter-section-2 .filter-dropdown .filter-option a, .filter-section-3 .filter-dropdown .filter-option a {
  display: block;
  padding: 13px 0px;
  padding-right: 25px;
  padding-left: 55px;
  text-decoration: none;
  color: #575a5b;
}

.filter-section-setup .filter-dropdown .filter-option a:hover, .filter-section-1 .filter-dropdown .filter-option a:hover, .filter-section-2 .filter-dropdown .filter-option a:hover, .filter-section-3 .filter-dropdown .filter-option a:hover {
  color: #DF0B25;
}

.filter-section-setup .filter-dropdown .filter-option:hover, .filter-section-1 .filter-dropdown .filter-option:hover, .filter-section-2 .filter-dropdown .filter-option:hover, .filter-section-3 .filter-dropdown .filter-option:hover {
  color: #DF0B25;
}

.filter-section-setup .filter-dropdown .filter-option-selected, .filter-section-1 .filter-dropdown .filter-option-selected, .filter-section-2 .filter-dropdown .filter-option-selected, .filter-section-3 .filter-dropdown .filter-option-selected {
  color: #DF0B25;
}

.filter-section-setup .selected-cat-dog, .filter-section-1 .selected-cat-dog, .filter-section-2 .selected-cat-dog, .filter-section-3 .selected-cat-dog {
  background-image: url("img/icon_cat_dog.png");
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
  .filter-section-setup .selected-cat-dog, .filter-section-1 .selected-cat-dog, .filter-section-2 .selected-cat-dog, .filter-section-3 .selected-cat-dog {
    background-image: url("img/icon_cat_dog_2x.png");
    background-size: 33px 26px;
  }
}

.filter-section-setup .option-cat-dog, .filter-section-1 .option-cat-dog, .filter-section-2 .option-cat-dog, .filter-section-3 .option-cat-dog {
  background-image: url("img/icon_cat_dog.png");
  background-repeat: no-repeat;
  background-position: center left 12px;
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
  .filter-section-setup .option-cat-dog, .filter-section-1 .option-cat-dog, .filter-section-2 .option-cat-dog, .filter-section-3 .option-cat-dog {
    background-image: url("img/icon_cat_dog_2x.png");
    background-size: 33px 26px;
  }
}

.filter-section-setup .selected-dog, .filter-section-1 .selected-dog, .filter-section-2 .selected-dog, .filter-section-3 .selected-dog {
  background-image: url("img/icon_dog.png");
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
  .filter-section-setup .selected-dog, .filter-section-1 .selected-dog, .filter-section-2 .selected-dog, .filter-section-3 .selected-dog {
    background-image: url("img/icon_dog_2x.png");
    background-size: 33px 26px;
  }
}

.filter-section-setup .option-dog, .filter-section-1 .option-dog, .filter-section-2 .option-dog, .filter-section-3 .option-dog {
  background-image: url("img/icon_dog.png");
  background-repeat: no-repeat;
  background-position: center left 12px;
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
  .filter-section-setup .option-dog, .filter-section-1 .option-dog, .filter-section-2 .option-dog, .filter-section-3 .option-dog {
    background-image: url("img/icon_dog_2x.png");
    background-size: 33px 26px;
  }
}

.filter-section-setup .selected-cat, .filter-section-1 .selected-cat, .filter-section-2 .selected-cat, .filter-section-3 .selected-cat {
  background-image: url("img/icon_cat.png");
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
  .filter-section-setup .selected-cat, .filter-section-1 .selected-cat, .filter-section-2 .selected-cat, .filter-section-3 .selected-cat {
    background-image: url("img/icon_cat_2x.png");
    background-size: 33px 26px;
  }
}

.filter-section-setup .option-cat, .filter-section-1 .option-cat, .filter-section-2 .option-cat, .filter-section-3 .option-cat {
  background-image: url("img/icon_cat.png");
  background-repeat: no-repeat;
  background-position: center left 12px;
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
  .filter-section-setup .option-cat, .filter-section-1 .option-cat, .filter-section-2 .option-cat, .filter-section-3 .option-cat {
    background-image: url("img/icon_cat_2x.png");
    background-size: 33px 26px;
  }
}

.filter-section-setup .selected-large-articles, .filter-section-1 .selected-large-articles, .filter-section-2 .selected-large-articles, .filter-section-3 .selected-large-articles {
  background-image: url("img/icon_large_grid.png");
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
  .filter-section-setup .selected-large-articles, .filter-section-1 .selected-large-articles, .filter-section-2 .selected-large-articles, .filter-section-3 .selected-large-articles {
    background-image: url("img/icon_large_grid_2x.png");
    background-size: 25px 25px;
  }
}

.filter-section-setup .option-large-articles, .filter-section-1 .option-large-articles, .filter-section-2 .option-large-articles, .filter-section-3 .option-large-articles {
  background-image: url("img/icon_large_grid.png");
  background-repeat: no-repeat;
  background-position: center left 12px;
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
  .filter-section-setup .option-large-articles, .filter-section-1 .option-large-articles, .filter-section-2 .option-large-articles, .filter-section-3 .option-large-articles {
    background-image: url("img/icon_large_grid_2x.png");
    background-size: 25px 25px;
  }
}

.filter-section-setup .selected-detail-articles, .filter-section-1 .selected-detail-articles, .filter-section-2 .selected-detail-articles, .filter-section-3 .selected-detail-articles {
  background-image: url("img/icon_detail_grid.png");
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
  .filter-section-setup .selected-detail-articles, .filter-section-1 .selected-detail-articles, .filter-section-2 .selected-detail-articles, .filter-section-3 .selected-detail-articles {
    background-image: url("img/icon_detail_grid_2x.png");
    background-size: 25px 25px;
  }
}

.filter-section-setup .option-detail-articles, .filter-section-1 .option-detail-articles, .filter-section-2 .option-detail-articles, .filter-section-3 .option-detail-articles {
  background-image: url("img/icon_detail_grid.png");
  background-repeat: no-repeat;
  background-position: center left 12px;
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
  .filter-section-setup .option-detail-articles, .filter-section-1 .option-detail-articles, .filter-section-2 .option-detail-articles, .filter-section-3 .option-detail-articles {
    background-image: url("img/icon_detail_grid_2x.png");
    background-size: 25px 25px;
  }
}

.filter-section-setup .selected-all-articles, .filter-section-1 .selected-all-articles, .filter-section-2 .selected-all-articles, .filter-section-3 .selected-all-articles {
  background-image: url("img/icon_all_articles.png");
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
  .filter-section-setup .selected-all-articles, .filter-section-1 .selected-all-articles, .filter-section-2 .selected-all-articles, .filter-section-3 .selected-all-articles {
    background-image: url("img/icon_all_articles_2x.png");
    background-size: 25px 25px;
  }
}

.filter-section-setup .option-all-articles, .filter-section-1 .option-all-articles, .filter-section-2 .option-all-articles, .filter-section-3 .option-all-articles {
  background-image: url("img/icon_all_articles.png");
  background-repeat: no-repeat;
  background-position: center left 12px;
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
  .filter-section-setup .option-all-articles, .filter-section-1 .option-all-articles, .filter-section-2 .option-all-articles, .filter-section-3 .option-all-articles {
    background-image: url("img/icon_all_articles_2x.png");
    background-size: 25px 25px;
  }
}

@media screen and (min-width: 768px) {
  .filter-section-1 {
    width: 47%;
  }
}

@media screen and (min-width: 1320px) {
  .filter-section-1 {
    width: auto;
  }
}

@media screen and (min-width: 768px) {
  .filter-section-2 {
    width: 50%;
    margin-right: 0px;
  }
}

@media screen and (min-width: 1320px) {
  .filter-section-2 {
    width: auto;
  }
}

.filter-section-2 .filter-dropdown .filter-option a {
  padding-left: 20px;
}

.filter-section-3 {
  float: right;
  margin-right: 0px;
}

@media screen and (min-width: 0px) {
  .filter-section-3 {
    display: none;
  }
}

@media screen and (min-width: 1320px) {
  .filter-section-3 {
    display: block;
  }
}

.filter-section-3 .filter-dropdown .filter-option {
  display: block;
  padding: 13px 0px;
  padding-right: 25px;
  padding-left: 55px !important;
}

.open-dialog .filter-selected:after {
  background-color: #f6f6f6;
  background-image: url("img/x_red.png");
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
  .open-dialog .filter-selected:after {
    background-image: url("img/x_red_2x.png");
    background-size: 11px 12px;
  }
}

.open-dialog .filter-selected:hover:after {
  background-image: url("img/x_red.png");
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
  .open-dialog .filter-selected:hover:after {
    background-image: url("img/x_red_2x.png");
    background-size: 11px 12px;
  }
}

.open-dialog .filter-dropdown {
  max-height: 300px !important;
  top: 57px !important;
}

.filter-actions {
  opacity: 1;
  -webkit-transition: all, 0.3s;
  -moz-transition: all, 0.3s;
  transition: all, 0.3s;
}

@media screen and (min-width: 768px) {
  .filter-actions {
    width: auto;
    display: block;
    float: left;
  }
}

@media screen and (min-width: 1320px) {
  .filter-actions {
    width: auto;
  }
}

.filter-actions .filter-button {
  text-decoration: none;
  display: block;
  margin-right: 20px;
  float: left;
  margin-top: 13px;
  position: relative;
  padding: 0px 20px;
  padding-top: 13px;
  padding-right: 40px;
  color: #575a5b;
  -webkit-transition: all, 0.3s;
  -moz-transition: all, 0.3s;
  transition: all, 0.3s;
  background-color: #DF0B25;
  border-bottom: 2px solid #c70a21;
  color: white;
  border-radius: 4px;
  height: 40px;
  background-image: url("img/arrow_right.png");
  background-repeat: no-repeat;
  background-position: center right 10px;
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
  .filter-actions .filter-button {
    background-image: url("img/arrow_right_2x.png");
    background-size: 11px 18px;
  }
}

.filter-actions .filter-button:hover {
  background-color: #c70a21;
  border-bottom: 2px solid #ae091d;
}

.filter-hidden {
  opacity: 0;
}

.column-right .filter-section-1,
.column-right .filter-section-2 {
  width: 100%;
}

/*	Page (Basic)	*/
.site-wrapper #page-content-wrapper #page-content {
  padding-top: 100px;
  position: absolute;
  background-color: #e8e8e8;
  background-image: url("img/bg_body.png");
  background-position: top 65px left 0px;
  background-repeat: repeat-x;
  background-color: #f4f4f4;
  display: block;
  width: 100%;
  top: -5px;
}

@media screen and (min-width: 0px) {
  .site-wrapper #page-content-wrapper #page-content {
    padding: 0px 10px;
  }
}

@media screen and (min-width: 768px) {
  .site-wrapper #page-content-wrapper #page-content {
    padding: 0px 0px;
  }
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
  .site-wrapper #page-content-wrapper #page-content {
    background-image: url("img/bg_body_2x.png");
    background-size: 11px 416px;
  }
}

/*	Page (HOME)	*/
.page-home #page-content-wrapper {
  position: relative;
}

.page-home #page-content-wrapper #sub-navigation {
  top: 248px;
}

.page-home #page-content-wrapper .sub-navigation-sticky {
  position: fixed !important;
  top: 60px !important;
  background-color: rgba(232, 232, 232, 0.95) !important;
  box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.2) !important;
}

@media screen and (min-width: 0px) {
  .page-home #page-content-wrapper #page-content {
    top: 0px;
    padding-top: 30px;
    background-position: top 0px left 0px;
    background-image: none;
  }
}

@media screen and (min-width: 768px) {
  .page-home #page-content-wrapper #page-content {
    top: 248px;
    padding-top: 102px;
    background-image: url("img/bg_body.png");
    background-position: top 65px left 0px;
  }
}

@media only screen and (min-width: 768px) and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min-width: 768px) and (min--moz-device-pixel-ratio: 1.3), only screen and (min-width: 768px) and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-width: 768px) and (min-resolution: 125dpi), only screen and (min-width: 768px) and (min-resolution: 1.3dppx) {
  .page-home #page-content-wrapper #page-content {
    background-image: url("img/bg_body_2x.png");
    background-size: 11px 416px;
  }
}

.view-options {
  display: block;
  float: right;
  margin-top: 15px;
  opacity: 0;
  -webkit-animation-name: showArticle;
  -moz-animation-name: showArticle;
  animation-name: showArticle;
  -webkit-animation-delay: 0.5s;
  -moz-animation-delay: 0.5s;
  animation-delay: 0.5s;
  -webkit-animation-duration: 0.5s;
  -moz-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-timing-function: ease;
  -moz-animation-timing-function: ease;
  animation-timing-function: ease;
  -webkit-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  filter: alpha(opacity=100);
}

@media screen and (min-width: 0px) {
  .view-options {
    display: none;
  }
}

@media screen and (min-width: 1320px) {
  .view-options {
    display: block;
  }
}

.view-options .view-text {
  padding-right: 10px;
  color: #575a5b;
  display: block;
  float: left;
  padding-top: 10px;
}

.view-options .view-toggle {
  display: block;
  background-color: #d4d4d4;
  border: 1px solid #c8c8c8;
  border-radius: 40px;
  height: 37px;
  width: 80px;
  float: left;
  position: relative;
  cursor: pointer;
  box-shadow: inset 0px 0px 8px rgba(0, 0, 0, 0.1);
  overflow: hidden;
  -webkit-transition: all, 0.3s;
  -moz-transition: all, 0.3s;
  transition: all, 0.3s;
}

.view-options .view-toggle:before {
  content: "OFF";
  -webkit-transition: all, 0.3s;
  -moz-transition: all, 0.3s;
  transition: all, 0.3s;
  display: block;
  position: absolute;
  left: 41px;
  top: 10px;
  font-weight: bold;
  color: #898d8f;
}

.view-options .view-toggle:after {
  -webkit-transition: all, 0.3s;
  -moz-transition: all, 0.3s;
  transition: all, 0.3s;
  content: '';
  display: block;
  position: absolute;
  right: 45px;
  top: 2px;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background-color: white;
  box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3);
  background-image: url("img/toggle_bg.png");
  background-repeat: no-repeat;
  background-position: center center;
}

.view-options .view-toggle-state-on {
  background-color: #e1e1e1;
}

.view-options .view-toggle-state-on:before {
  left: 18px !important;
  content: "ON";
  color: #575a5b;
}

.view-options .view-toggle-state-on:after {
  right: 3px !important;
}

.filter-section-3 {
  display: none !important;
}

/*	Page (GRID)	*/
.page-grid #page-content-wrapper #page-content {
  padding-top: 160px;
}

.page-grid #page-content-wrapper #sub-navigation {
  position: fixed;
  top: 60px;
}

/*	Page (Article)	*/
.swiper-container {
  width: 100%;
  height: 100%;
}

.swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}

.page-article #page-content-wrapper {
  position: relative;
}

.page-article #page-content-wrapper .sub-navigation-sticky {
  position: fixed !important;
  top: 60px !important;
  background-color: rgba(232, 232, 232, 0.95) !important;
  box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.2) !important;
}

.page-article #page-content-wrapper #sub-navigation {
  background-color: rgba(255, 255, 255, 0.2);
}

.page-article #page-content-wrapper #page-content {
  z-index: 1;
  position: relative;
  background-image: none;
  padding-top: 0px;
  padding-bottom: 100px;
}

@media screen and (min-width: 0px) {
  .page-article #page-content-wrapper #page-content {
    padding: 0px 0px;
    border-top: 4px solid #DF0B25;
    padding-bottom: 20px;
  }
}

@media screen and (min-width: 768px) {
  .page-article #page-content-wrapper #page-content {
    padding: 0px 0px;
    padding-bottom: 40px;
  }
}

@media screen and (min-width: 1320px) {
  .page-article #page-content-wrapper #page-content {
    border-top: none;
    padding-bottom: 60px;
  }
}

.page-article #page-content-wrapper #page-content .responsive-wrapper {
  position: relative;
}

@media screen and (min-width: 768px) {
  .page-article #page-content-wrapper #page-content .responsive-wrapper {
    width: 100%;
  }
}

@media screen and (min-width: 1500px) {
  .page-article #page-content-wrapper #page-content .responsive-wrapper {
    width: 1500px;
  }
}

.page-article #page-content-wrapper #page-content .responsive-wrapper .column-left {
  min-height: 1000px;
  background-color: #fefefe;
  position: relative;
  left: 0px;
  top: 0px;
  padding: 5px 25px;
  padding-bottom: 25px;
}

@media screen and (min-width: 0px) {
  .page-article #page-content-wrapper #page-content .responsive-wrapper .column-left {
    width: 100%;
    padding: 20px 25px;
  }
}

@media screen and (min-width: 970px) {
  .page-article #page-content-wrapper #page-content .responsive-wrapper .column-left {
    width: -webkit-calc(100% - 350px);
    width: calc(100% - 350px);
    width: -moz-calc(100% - 350px);
    box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.1);
    float: left;
    top: 22px;
    border-radius: 0px 4px 4px 0px;
  }
}

@media screen and (min-width: 1320px) {
  .page-article #page-content-wrapper #page-content .responsive-wrapper .column-left {
    width: -webkit-calc(100% - 450px);
    width: calc(100% - 450px);
    width: -moz-calc(100% - 450px);
    border-top: 4px solid #58585b;
    border-radius: 0px 4px 4px 0px;
  }
}

@media screen and (min-width: 1500px) {
  .page-article #page-content-wrapper #page-content .responsive-wrapper .column-left {
    padding: 30px 25px;
    border-radius: 4px;
  }
}

.page-article #page-content-wrapper #page-content .responsive-wrapper .column-left .article-body,
.page-article #page-content-wrapper #page-content .responsive-wrapper .column-left .resources-wrapper,
.page-article #page-content-wrapper #page-content .responsive-wrapper .column-left .breadcrumb {
  width: 100%;
  margin: 0 auto;
}

@media screen and (min-width: 0px) {
  .page-article #page-content-wrapper #page-content .responsive-wrapper .column-left .article-body,
  .page-article #page-content-wrapper #page-content .responsive-wrapper .column-left .resources-wrapper,
  .page-article #page-content-wrapper #page-content .responsive-wrapper .column-left .breadcrumb {
    max-width: 730px;
  }
}

@media screen and (min-width: 1500px) {
  .page-article #page-content-wrapper #page-content .responsive-wrapper .column-left .article-body,
  .page-article #page-content-wrapper #page-content .responsive-wrapper .column-left .resources-wrapper,
  .page-article #page-content-wrapper #page-content .responsive-wrapper .column-left .breadcrumb {
    max-width: 800px;
  }
}

.page-article #page-content-wrapper #page-content .responsive-wrapper .column-right {
  position: relative;
  top: 0px;
  padding-top: 25px;
}

@media screen and (min-width: 0px) {
  .page-article #page-content-wrapper #page-content .responsive-wrapper .column-right {
    width: 100%;
    padding: 25px 25px;
  }
}

@media screen and (min-width: 768px) {
  .page-article #page-content-wrapper #page-content .responsive-wrapper .column-right {
    width: 100%;
    max-width: 730px;
    width: 100%;
    margin: 0 auto;
  }
}

@media screen and (min-width: 970px) {
  .page-article #page-content-wrapper #page-content .responsive-wrapper .column-right {
    width: 300px;
    max-width: auto;
    float: right;
    right: 30px;
    padding: 35px 0px;
  }
}

@media screen and (min-width: 1320px) {
  .page-article #page-content-wrapper #page-content .responsive-wrapper .column-right {
    width: 400px;
  }
}

.resources-wrapper {
  border: 1px solid #dcdcdc;
  margin-top: 40px;
}

.resources-wrapper .resources-title {
  display: block;
  border-bottom: 1px solid #c3c3c3;
  background-color: #f6f6f6;
  position: relative;
}

.resources-wrapper .resources-title .r-title {
  font-size: 22px;
  display: block;
  float: left;
  padding: 15px;
}

.resources-wrapper .resources-title .r-button {
  display: block;
  position: absolute;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  background-color: #cdcdcd;
  text-align: center;
  right: 10px;
  top: 13px;
  font-size: 20px;
  padding-top: 2px;
  color: white;
  cursor: pointer;
  -webkit-transition: all, 0.3s;
  -moz-transition: all, 0.3s;
  transition: all, 0.3s;
}

.resources-wrapper .resources-title .r-button:before {
  content: '';
  display: block;
  width: 16px;
  height: 4px;
  left: 50%;
  margin-left: -8px;
  border-radius: 4px;
  background-color: white;
  position: absolute;
  top: 50%;
  margin-top: -2px;
}

.resources-wrapper .resources-title .r-button:after {
  content: '';
  display: block;
  width: 16px;
  height: 4px;
  left: 50%;
  margin-left: -8px;
  border-radius: 4px;
  background-color: white;
  position: absolute;
  top: 50%;
  margin-top: -2px;
  -webkit-transition: all, 0.3s;
  -moz-transition: all, 0.3s;
  transition: all, 0.3s;
}

.resources-wrapper .resources-title .r-button:hover {
  background-color: #b3b3b3;
}

.resources-wrapper .resources-title .r-button:hover:after {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}

.resources-wrapper .resources-container {
  background-color: #f8f8f8;
  font-size: 18px;
  padding: 20px 30px;
}

.resources-wrapper .resources-container ul {
  margin: 0px;
  padding: 0px;
  list-style-type: none;
}

.resources-wrapper .resources-container ul li {
  margin: 0px;
  padding: 0px;
  display: block;
  margin-bottom: 15px;
  padding-bottom: 15px;
  border-bottom: 1px solid #e2e2e2;
  display: inline-block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  display: block;
  background-repeat: no-repeat;
  background-position: left -20px top;
  background-image: url("img/small_r_arrow.png");
  -webkit-transition: all, 0.3s;
  -moz-transition: all, 0.3s;
  transition: all, 0.3s;
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
  .resources-wrapper .resources-container ul li {
    background-image: url("img/small_r_arrow_2x.png");
    background-size: 20px 17px;
  }
}

.resources-wrapper .resources-container ul li a {
  color: #949494;
  text-decoration: none;
  -webkit-transition: all, 0.3s;
  -moz-transition: all, 0.3s;
  transition: all, 0.3s;
}

.resources-wrapper .resources-container ul li a:hover {
  color: #DF0B25;
}

.resources-wrapper .resources-container ul li .res-name {
  font-style: italic;
  color: #585858;
  margin-left: 10px;
  padding-left: 15px;
  position: relative;
  font-weight: normal;
}

.resources-wrapper .resources-container ul li .res-name:before {
  content: '';
  display: block;
  position: absolute;
  left: 0px;
  top: 5px;
  border-radius: 50%;
  width: 5px;
  height: 5px;
  background-color: #c4c4c4;
}

.resources-wrapper .resources-container ul li:last-child {
  border-bottom: none;
  margin-bottom: 0px;
  padding-bottom: 0px;
}

.rw-closed .resources-title .r-button:after {
  -webkit-transform: rotate(90deg) !important;
  -moz-transform: rotate(90deg) !important;
  -ms-transform: rotate(90deg) !important;
  -o-transform: rotate(90deg) !important;
  transform: rotate(90deg) !important;
}

.breadcrumb {
  padding: 15px 0px;
  color: #a2a2a2;
  font-size: 14px;
  letter-spacing: 1px;
  font-weight: normal;
  border-bottom: 1px solid #e5e5e5;
}

@media screen and (min-width: 0px) {
  .breadcrumb {
    display: none;
  }
}

@media screen and (min-width: 768px) {
  .breadcrumb {
    display: block;
  }
}

.breadcrumb a,
.breadcrumb span {
  display: inline-block;
  margin-right: 8px;
}

.breadcrumb a {
  text-decoration: none;
  color: #a2a2a2;
}

.breadcrumb a:hover {
  text-decoration: underline;
  color: #DF0B25;
}

.article-body {
  line-height: 1.5;
  font-size: 15px;
  letter-spacing: .5px;
}

.article-body h1 {
  margin: 0px;
  padding: 0px;
  font-weight: normal;
  font-size: 40px;
  padding: 20px 0px;
  display: block;
  color: #333333;
}

.article-body h2 {
  margin: 0px;
  padding: 0px;
  font-weight: normal;
  font-size: 30px;
  padding: 10px 0px;
  padding-top: 20px;
  display: block;
  color: #333333;
}

.article-body .article-date {
  color: #a3a3a3;
  font-style: italic;
  padding: 10px 0px;
  display: block;
  padding-top: 0px;
  font-size: 12px;
  letter-spacing: .5px;
}

.article-body a {
  color: #DF0B25;
}

.article-body p {
  line-height: 1.5;
  font-size: 15px;
  letter-spacing: .5px;
}

.article-body ul {
  line-height: 1.5;
  font-size: 15px;
  list-style-type: none;
  letter-spacing: .5px;
}

.article-body ul li {
  margin-bottom: 15px;
  position: relative;
  display: block;
}

.article-body ul li:before {
  position: absolute;
  content: '';
  left: -25px;
  top: 7px;
  width: 8px;
  height: 8px;
  background-color: #DF0B25;
  border-radius: 50%;
}

.article-body .size-100 {
  display: block;
  width: 80%;
  margin: 0 auto;
  margin-bottom: 20px;
}

/*	Right Column (Ad Section)	*/
.ad-base {
  display: block;
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.3);
  padding: 20px 10px;
  background-color: #f8f8f8;
  text-align: center;
  position: relative;
  margin-bottom: 30px;
}

.ad-base .style-1 {
  display: block;
  position: absolute;
  left: 8px;
  top: 8px;
}

.ad-base .style-1:before {
  background-color: #DF0B25;
  display: block;
  content: '';
  width: 3px;
  height: 40px;
  position: absolute;
  top: 0px;
  left: 0px;
}

.ad-base .style-1:after {
  background-color: #DF0B25;
  display: block;
  content: '';
  width: 40px;
  height: 3px;
  position: absolute;
  top: 0px;
  left: 0px;
}

.ad-base .style-2 {
  display: block;
  position: absolute;
  right: 8px;
  bottom: 8px;
}

.ad-base .style-2:before {
  background-color: #DF0B25;
  display: block;
  content: '';
  width: 3px;
  height: 40px;
  position: absolute;
  bottom: 0px;
  right: 0px;
}

.ad-base .style-2:after {
  background-color: #DF0B25;
  display: block;
  content: '';
  width: 40px;
  height: 3px;
  position: absolute;
  bottom: 0px;
  right: 0px;
}

.ad-base .ad-title {
  color: #DF0B25;
  letter-spacing: 1px;
  font-size: 40px;
  padding-top: 15px;
  padding-bottom: 15px;
}

.ad-base .ad-info {
  line-height: 1.5;
  font-size: 15px;
  padding-bottom: 20px;
}

.ad-base .ad-info a {
  color: #DF0B25;
}

.ad-base .ad-info a:hover {
  text-decoration: none;
}

/*	Right Column (List of items)	*/
.list-region {
  margin-bottom: 30px;
  padding: 10px;
}

.list-region .lr-title {
  display: block;
  border-bottom: 1px solid #e1e1e1;
  padding-bottom: 10px;
  margin-bottom: 15px;
  font-size: 20px;
  color: #333333;
}

.list-region .lr-content {
  max-height: 1000px;
  position: relative;
}

.list-region .lr-content .lr-video {
  display: block;
  text-decoration: none;
  position: relative;
  padding-bottom: 20px;
}

.list-region .lr-content .lr-video img {
  float: left;
  width: 113px;
  height: 70px;
  display: block;
  border: none;
  outline: none;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);
}

.list-region .lr-content .lr-video .text-region {
  display: block;
  color: #868686;
  font-size: 16px;
  padding-left: 135px;
  padding-right: 30px;
  line-height: 1.3;
  text-decoration: none;
  min-height: 70px;
  position: relative;
}

.list-region .lr-content .lr-video .text-region span {
  display: inline-block;
  color: #DF0B25;
  text-decoration: underline;
}

.list-region .lr-content .lr-video .text-region:after {
  content: '';
  width: 10px;
  height: 17px;
  display: block;
  background-repeat: no-repeat;
  background-position: center left;
  background-image: url("img/small_r_arrow.png");
  position: absolute;
  right: 0px;
  top: 50%;
  z-index: 1;
  margin-top: -8px;
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
  .list-region .lr-content .lr-video .text-region:after {
    background-image: url("img/small_r_arrow_2x.png");
    background-size: 20px 17px;
  }
}

.list-region .lr-content .lr-video:hover .text-region:after {
  background-position: center right;
}

.list-region .lr-content .lr-tag {
  display: block;
  float: left;
  background-color: #e1e1e1;
  text-decoration: none;
  color: white;
  border-radius: 4px;
  -webkit-transition: all, 0.3s;
  -moz-transition: all, 0.3s;
  transition: all, 0.3s;
  font-size: 16px;
  letter-spacing: 1px;
  margin-right: 10px;
  margin-bottom: 10px;
}

.list-region .lr-content .lr-tag .text-region {
  padding: 7px 15px;
  color: #868686;
}

.list-region .lr-content .lr-tag:hover {
  background-color: #DF0B25;
}

.list-region .lr-content .lr-tag:hover .text-region {
  color: white;
}

.list-region.nav .lr-title {
  margin-bottom: 0px;
}

.list-region.nav .lr-content .list-region {
  margin-bottom: 0px;
}

@media screen and (min-width: 0px) {
  .list-region.nav {
    display: none;
  }
}

@media screen and (min-width: 768px) {
  .list-region.nav {
    display: block;
  }
}

@media screen and (min-width: 1320px) {
  .list-region.nav {
    background-color: white;
    border-radius: 4px;
    box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.1);
  }
}

.collapse-module .lr-content {
  max-height: 99px;
  overflow: hidden;
}

.collapse-module .lr-content:before {
  content: '';
  display: block;
  position: absolute;
  width: 100%;
  height: 16px;
  bottom: 0px;
  z-index: 5;
  background-image: url("img/collapsed_shadow.png");
}

.show-more:before {
  content: 'Show More';
}

.show-less:before {
  content: 'Show Less';
}

.show-more,
.show-less {
  display: block;
  margin-bottom: 20px;
  padding: 20px 0px;
  text-align: center;
  cursor: pointer;
  font-size: 16px;
  text-transform: uppercase;
  color: #868686;
}

.show-more:hover,
.show-less:hover {
  text-decoration: underline;
}

/*	Intro Sections	*/
.site-wrapper #page-content-wrapper .is-bg {
  position: fixed;
  display: block;
  height: 279px;
  width: 100%;
  top: 30px;
  z-index: -2;
  background-color: black;
}

.site-wrapper #page-content-wrapper .darken-1 {
  opacity: .8;
}

.site-wrapper #page-content-wrapper .darken-2 {
  opacity: .6;
}

.site-wrapper #page-content-wrapper .darken-3 {
  opacity: .4;
}

.site-wrapper #page-content-wrapper .shift-1 {
  top: 40px;
}

.site-wrapper #page-content-wrapper .shift-2 {
  top: 50px;
}

.site-wrapper #page-content-wrapper .shift-3 {
  top: 60px;
}

.page-home .is-bg {
  height: 279px !important;
}

.page-home .intro-section {
  position: fixed;
  display: block;
  height: 279px;
  width: 100%;
  background-image: url("img/bg_intro.png");
  background-repeat: repeat-x;
  top: 30px;
  z-index: -1;
  -webkit-transition: top 1.15s, opacity 1.15s;
  -moz-transition: top 1.15s, opacity 1.15s;
  transition: top 1.15s, opacity 1.15s;
  background-color: #f6f6f6;
  opacity: 1;
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
  .page-home .intro-section {
    background-image: url("img/bg_intro_2x.png");
    background-size: 21px 248px;
  }
}

@media screen and (min-width: 0px) {
  .page-home .intro-section {
    display: none;
  }
}

@media screen and (min-width: 768px) {
  .page-home .intro-section {
    display: block;
  }
}

.page-home .intro-section .responsive-wrapper {
  padding: 0px 100px;
}

.page-home .intro-section .responsive-wrapper .section-1 {
  float: left;
  height: auto;
}

@media screen and (min-width: 0px) {
  .page-home .intro-section .responsive-wrapper .section-1 {
    display: none;
  }
}

@media screen and (min-width: 1320px) {
  .page-home .intro-section .responsive-wrapper .section-1 {
    width: 383px;
    display: block;
  }
}

.page-home .intro-section .responsive-wrapper .section-2 {
  float: right;
  display: block;
  height: 100%;
  padding: 0px 50px;
  padding-top: 110px;
  text-align: center;
}

@media screen and (min-width: 0px) {
  .page-home .intro-section .responsive-wrapper .section-2 {
    width: -webkit-calc(100% - 0px);
    width: calc(100% - 0px);
    width: -moz-calc(100% - 0px);
  }
}

@media screen and (min-width: 1320px) {
  .page-home .intro-section .responsive-wrapper .section-2 {
    width: -webkit-calc(100% - 383px);
    width: calc(100% - 383px);
    width: -moz-calc(100% - 383px);
  }
}

.page-home .intro-section .responsive-wrapper .section-2 h1 {
  margin: 0px;
  padding: 0px;
  font-size: 50px;
  letter-spacing: 1px;
  font-weight: normal;
  color: #3c3b3b;
}

.page-home .intro-section .responsive-wrapper .section-2 h1 span {
  color: #DF0B25;
}

.page-article .is-bg {
  height: 450px !important;
}

@media screen and (min-width: 0px) {
  .page-article .intro-section {
    display: none;
  }
}

@media screen and (min-width: 1320px) {
  .page-article .intro-section {
    display: block;
    display: none;
  }
}

.page-article .intro-section .swiper-wrapper .swiper-slide {
  position: relative;
  overflow: hidden;
  max-height: 500px;
}

.page-article .intro-section .swiper-wrapper .swiper-slide img {
  width: 100%;
}

.page-article .mhi-container img {
  width: 100%;
  height: auto;
  padding: 20px 0px;
}

@media screen and (min-width: 0px) {
  .page-article .mhi-container img {
    display: block;
  }
}

/*	Navigation Arrows	*/
@media screen and (min-width: 0px) {
  .site-wrapper #navigation-arrows {
    display: none;
  }
}

@media screen and (min-width: 1320px) {
  .site-wrapper #navigation-arrows {
    display: block;
  }
}

.site-wrapper #navigation-arrows .navigation-arrow-setup, .site-wrapper #navigation-arrows .arrow-prev, .site-wrapper #navigation-arrows .arrow-next {
  display: block;
  position: fixed;
  width: 55px;
  height: 55px;
  z-index: 5;
  top: 50%;
  margin-top: -25px;
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-transition: all, 0.5s;
  -moz-transition: all, 0.5s;
  transition: all, 0.5s;
  cursor: pointer;
}

.site-wrapper #navigation-arrows .arrow-prev {
  left: 25px;
  background-image: url("img/nav_arrow_left_off.png");
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
  .site-wrapper #navigation-arrows .arrow-prev {
    background-image: url("img/nav_arrow_left_off_2x.png");
    background-size: 55px 55px;
  }
}

.site-wrapper #navigation-arrows .arrow-next {
  right: 25px;
  background-image: url("img/nav_arrow_right_off.png");
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
  .site-wrapper #navigation-arrows .arrow-next {
    background-image: url("img/nav_arrow_right_off_2x.png");
    background-size: 55px 55px;
  }
}

.site-wrapper .hide-arrows .arrow-prev {
  left: 0px !important;
  opacity: 0 !important;
}

.site-wrapper .hide-arrows .arrow-next {
  right: 0px !important;
  opacity: 0 !important;
}

/*	Individual Article Setup	*/
.article-grid .article-wrapper {
  opacity: 0;
  -webkit-animation-name: showArticle;
  -moz-animation-name: showArticle;
  animation-name: showArticle;
  -webkit-animation-delay: 0.8s;
  -moz-animation-delay: 0.8s;
  animation-delay: 0.8s;
  -webkit-animation-duration: 0.5s;
  -moz-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-timing-function: ease;
  -moz-animation-timing-function: ease;
  animation-timing-function: ease;
  -webkit-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  filter: alpha(opacity=100);
}

.article-grid .article-wrapper .article-container {
  text-decoration: none;
  display: block;
  border: none;
  outline: none;
}

@media screen and (min-width: 0px) {
  .article-grid .article-wrapper .article-container {
    margin-bottom: 40px;
  }
}

@media screen and (min-width: 768px) {
  .article-grid .article-wrapper .article-container {
    min-height: 400px;
    margin-bottom: 0px;
  }
}

.article-grid .article-wrapper .article-container .image-wrapper {
  width: 100%;
  height: auto;
  position: relative;
}

.article-grid .article-wrapper .article-container .image-wrapper img {
  width: 100%;
  height: auto;
  box-shadow: 0px 0px 0px transparent;
  -webkit-transition: box-shadow 0.4s;
  -moz-transition: box-shadow 0.4s;
  transition: box-shadow 0.4s;
  border: none;
  outline: none;
}

.article-grid .article-wrapper .article-container .image-wrapper:after {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  background-image: url("img/small_thumb_gradient.png");
  background-color: transparent;
  -webkit-transition: background-color 0.8s;
  -moz-transition: background-color 0.8s;
  transition: background-color 0.8s;
  -webkit-transition-delay: 0.2s;
  -moz-transition-delay: 0.2s;
  transition-delay: 0.2s;
  background-repeat: repeat-x;
  background-position: center bottom;
  bottom: 4px;
  left: 0px;
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
  .article-grid .article-wrapper .article-container .image-wrapper:after {
    background-image: url("img/small_thumb_gradient_2x.png");
    background-size: 360px 222px;
  }
}

.article-grid .article-wrapper .article-container h2 {
  margin: 0px;
  padding: 0px;
  text-decoration: none;
  color: #333333;
  font-size: 26px;
  padding-bottom: 10px;
  font-weight: normal;
  padding-top: 10px;
}

.article-grid .article-wrapper .article-container .article-details-wrapper p {
  margin: 0px;
  padding: 0px;
  color: #333333;
  font-family: 'georgia';
  font-size: 14px;
  line-height: 1.5;
}

.article-grid .article-wrapper .article-container .article-details-wrapper .article-cta {
  text-decoration: underline;
  color: #DF0B25;
  font-family: "georgia";
  text-decoration: none;
  padding-top: 10px;
  display: inline-block;
}

.article-grid .article-wrapper .article-container .article-details-wrapper .article-cta:hover {
  text-decoration: underline;
}

.article-grid .article-wrapper .article-container:hover .image-wrapper img {
  box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.2);
}

/*	Base Grid Setup	*/
@media screen and (min-width: 768px) {
  .article-grid .article-wrapper {
    max-width: 360px;
    float: left;
  }
}

@media screen and (min-width: 768px) {
  .article-grid > div {
    margin: 0px 17px;
    padding-bottom: 50px;
  }
}

@media screen and (min-width: 768px) {
  .article-grid > div:nth-child(odd) {
    margin-left: 0px;
  }
}

@media screen and (min-width: 1320px) {
  .article-grid > div:nth-child(odd) {
    margin-left: 17px;
  }
}

@media screen and (min-width: 768px) {
  .article-grid > div:nth-child(even) {
    margin-right: 0px;
  }
}

@media screen and (min-width: 1320px) {
  .article-grid > div:nth-child(even) {
    margin-right: 17px;
  }
}

@media screen and (min-width: 1320px) {
  .article-grid > div:first-child {
    margin-left: 0px;
  }
}

@media screen and (min-width: 1320px) {
  .article-grid > div:nth-child(4),
  .article-grid > div:nth-child(7),
  .article-grid > div:nth-child(10) {
    margin-left: 0px;
  }
}

@media screen and (min-width: 1320px) {
  .article-grid > div:nth-child(3n) {
    margin-right: 0px;
  }
}

@media screen and (min-width: 1320px) {
  .large-view .article-wrapper {
    max-width: 556px;
  }
}

@media screen and (min-width: 1320px) {
  .large-view .article-wrapper .article-container {
    display: block;
    width: 556px;
    height: 343px;
    overflow: hidden;
    position: relative;
    min-height: auto;
  }
}

.large-view .article-wrapper .article-container .image-wrapper {
  z-index: 0;
}

.large-view .article-wrapper .article-container .image-wrapper:after {
  background-image: url("img/large_thumb_gradient.png");
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
  .large-view .article-wrapper .article-container .image-wrapper:after {
    background-image: url("img/large_thumb_gradient_2x.png");
    background-size: 360px 222px;
  }
}

@media screen and (min-width: 1320px) {
  .large-view .article-wrapper .article-container h2 {
    position: absolute;
    display: block;
    bottom: 33px;
    left: 25px;
    z-index: 1;
    font-size: 29px;
    color: white;
    letter-spacing: 1px;
    text-shadow: 0px 1px 5px rgba(0, 0, 0, 0.5);
    -webkit-transition-delay: 0.3s;
    -moz-transition-delay: 0.3s;
    transition-delay: 0.3s;
  }
}

@media screen and (min-width: 1320px) {
  .large-view .article-wrapper .article-container .article-details-wrapper {
    opacity: 0;
    position: absolute;
    top: 180px;
    left: 25px;
    width: 300px;
    -webkit-transition-delay: 0.3s;
    -moz-transition-delay: 0.3s;
    transition-delay: 0.3s;
  }
  .large-view .article-wrapper .article-container .article-details-wrapper p {
    color: #e4e4e4;
    margin-bottom: 20px;
  }
  .large-view .article-wrapper .article-container .article-details-wrapper .article-cta {
    background-color: #DF0B25;
    padding: 10px 20px;
    color: white;
    font-size: 20px;
    display: inline-block;
    float: left;
    border-radius: 4px;
    text-decoration: none;
    font-family: "DINWeb-CondMedium";
    letter-spacing: 1px;
  }
}

@media screen and (min-width: 1320px) {
  .large-view .article-wrapper .article-container:hover .image-wrapper:after {
    background-color: rgba(0, 0, 0, 0.5);
  }
}

@media screen and (min-width: 1320px) {
  .large-view .article-wrapper .article-container:hover h2 {
    bottom: 170px;
  }
}

@media screen and (min-width: 1320px) {
  .large-view .article-wrapper .article-container:hover .article-details-wrapper {
    opacity: 1;
  }
}

@media screen and (min-width: 1320px) {
  .large-view > div:nth-child(4),
  .large-view > div:nth-child(7),
  .large-view > div:nth-child(10) {
    margin-left: 17px !important;
  }
}

@media screen and (min-width: 1320px) {
  .large-view > div:nth-child(3n) {
    margin-right: 17px !important;
  }
}

@media screen and (min-width: 1320px) {
  .large-view > div:nth-child(odd) {
    margin-left: 0px !important;
  }
}

@media screen and (min-width: 1320px) {
  .large-view > div:nth-child(even) {
    margin-right: 0px !important;
  }
}

.search-result-text,
.search-result-term {
  line-height: 1.5;
  font-size: 15px;
  letter-spacing: .5px;
  padding-bottom: 30px;
  display: inline-block;
  font-weight: bold;
}

.search-result-term {
  color: #DF0B25;
}

#site-pagination {
  display: block;
  padding: 30px 0px;
  border-top: 1px solid #e1e1e1;
  margin-top: 30px;
}

#site-pagination ul.pagination {
  margin: 0px;
  padding: 0px;
  display: block;
  text-align: center;
}

#site-pagination ul.pagination li.page-item {
  margin: 0px;
  padding: 0px;
  display: inline-block;
  margin-right: 10px;
}

#site-pagination ul.pagination li.page-item a {
  display: block;
  padding: 15px 20px;
  font-weight: bold;
  background-color: white;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);
  text-decoration: none;
  color: #575a5b;
  -webkit-transition: all, 0.3s;
  -moz-transition: all, 0.3s;
  transition: all, 0.3s;
  border-radius: 3px;
}

#site-pagination ul.pagination li.page-item a:hover {
  background-color: #ae091d;
  color: white;
}

#site-pagination ul.pagination .active a {
  background-color: #DF0B25 !important;
  color: white !important;
}

#site-pagination ul.pagination .active a .sr-only {
  display: none;
}

#site-pagination ul.pagination:first-child a .sr-only, #site-pagination ul.pagination:last-child a .sr-only {
  padding-left: 10px;
}

@-webkit-keyframes showArticle {
  from {
    opacity: 0;
    padding-top: 20px;
  }
  to {
    opacity: 1;
    padding-top: 0px;
  }
}

@-moz-keyframes showArticle {
  from {
    opacity: 0;
    padding-top: 20px;
  }
  to {
    opacity: 1;
    padding-top: 0px;
  }
}

@keyframes showArticle {
  from {
    opacity: 0;
    padding-top: 20px;
  }
  to {
    opacity: 1;
    padding-top: 0px;
  }
}