@charset "UTF-8";
/***********************************************************/
/***************************** Colours *********************/
/***********************************************************/
/* Colour */
/* Variables */
/* Button */
/* Style */
/* Article */
/* The Work */
/* Jobs */
/* Social Bar */
/* Bulletin */
/* Magazine */
/* Most Read */
/***********************************************************/
/***************************** Font ************************/
/***********************************************************/
/* Font Size */
/***********************************************************/
/********************* GROUP and GRID **********************/
/***********************************************************/
/* Variables */
/* section[role="main"] */
/* 2 Columns - Left Side */
/* 2 Columns - Right Side */
/* 1 Column */
/***********************************************************/
/***************************** Global Margin ***************/
/***********************************************************/
/* Set 01 Margin Format [Large Spacing]*/
/* Set 02 Margin Format [Small Spacing] */
/* Set 03 Margin Format [Special Spacing] */
/* Set 01 Footer Margin Format [Large Spacing] */
/***********************************************************/
/***************************** Global Elements *************/
/***********************************************************/
/* Border */
/* Shadow */
/* Column Width */
/* Media Width */
/* Module's General Margin Top */
/* Module's General Padding Top and Bottom */
/* Module's General Padding Left and Right */
/***********************************************************/
/***************************** List Article Format *********/
/***********************************************************/
/* General Format */
/* Basic Style */
/* style01 - Top Feature */
/* style02 - 1 Column at small, 2 Columns at medium-up */
/* style03 - 1 Column at small, 2 columns at medium, 3 Columns at large-up */
/* style04 - 1 Column at small, 2 columns at medium, 3 Columns at large-up, without image */
/* style05 - 1 Column at small, 2 columns at medium, 4 Columns at large-up */
/* style06 - 1 Column at small-up */
/* style02 - transform */
/* style07 - 1 Column at small-up */
/* group2 format */
/* style08 - 1 Column at small-up */
/* group2 format */
/***********************************************************/
/***************************** Module Control **************/
/***********************************************************/
/* MPU */
/* News Featured */
/* The Work */
/* Jobs */
/* Social Bar */
/* Bulletin */
/* Magazine */
/* Most Read */
/* Form */
/**************************************************/
/******************* Box Shadow *******************/
/****************** _mixins.scss ******************/
/**************************************************/
/******************** Transform *******************/
/****************** _mixins.scss ******************/
/**************************************************/
/******************* Transition *******************/
/****************** _mixins.scss ******************/
/**************************************************/
/******************** Flex Box ********************/
/****************** _mixins.scss ******************/
/**************************************************/
/********************* Feature ********************/
/****************** _mixins.scss ******************/
/******************* Transition *******************/
/****************** mixins.scss ******************/
/***********************************************************/
/***************************** Colours *********************/
/***********************************************************/
/* Colour */
/* Variables */
/* Button */
/* Style */
/* Article */
/* The Work */
/* Jobs */
/* Social Bar */
/* Bulletin */
/* Magazine */
/* Most Read */
/***********************************************************/
/***************************** Font ************************/
/***********************************************************/
/* Font Size */
/***********************************************************/
/********************* GROUP and GRID **********************/
/***********************************************************/
/* Variables */
/* section[role="main"] */
/* 2 Columns - Left Side */
/* 2 Columns - Right Side */
/* 1 Column */
/***********************************************************/
/***************************** Global Margin ***************/
/***********************************************************/
/* Set 01 Margin Format [Large Spacing]*/
/* Set 02 Margin Format [Small Spacing] */
/* Set 03 Margin Format [Special Spacing] */
/* Set 01 Footer Margin Format [Large Spacing] */
/***********************************************************/
/***************************** Global Elements *************/
/***********************************************************/
/* Border */
/* Shadow */
/* Column Width */
/* Media Width */
/* Module's General Margin Top */
/* Module's General Padding Top and Bottom */
/* Module's General Padding Left and Right */
/***********************************************************/
/***************************** List Article Format *********/
/***********************************************************/
/* General Format */
/* Basic Style */
/* style01 - Top Feature */
/* style02 - 1 Column at small, 2 Columns at medium-up */
/* style03 - 1 Column at small, 2 columns at medium, 3 Columns at large-up */
/* style04 - 1 Column at small, 2 columns at medium, 3 Columns at large-up, without image */
/* style05 - 1 Column at small, 2 columns at medium, 4 Columns at large-up */
/* style06 - 1 Column at small-up */
/* style02 - transform */
/* style07 - 1 Column at small-up */
/* group2 format */
/* style08 - 1 Column at small-up */
/* group2 format */
/***********************************************************/
/***************************** Module Control **************/
/***********************************************************/
/* MPU */
/* News Featured */
/* The Work */
/* Jobs */
/* Social Bar */
/* Bulletin */
/* Magazine */
/* Most Read */
/* Form */
/***********************************************************/
/***************************** Colours *********************/
/***********************************************************/
/* Colour */
/* Variables */
/* Button */
/* Style */
/* Article */
/* The Work */
/* Jobs */
/* Social Bar */
/* Bulletin */
/* Magazine */
/* Most Read */
/***********************************************************/
/***************************** Font ************************/
/***********************************************************/
/* Font Size */
/***********************************************************/
/********************* GROUP and GRID **********************/
/***********************************************************/
/* Variables */
/* section[role="main"] */
/* 2 Columns - Left Side */
/* 2 Columns - Right Side */
/* 1 Column */
/***********************************************************/
/***************************** Global Margin ***************/
/***********************************************************/
/* Set 01 Margin Format [Large Spacing]*/
/* Set 02 Margin Format [Small Spacing] */
/* Set 03 Margin Format [Special Spacing] */
/* Set 01 Footer Margin Format [Large Spacing] */
/***********************************************************/
/***************************** Global Elements *************/
/***********************************************************/
/* Border */
/* Shadow */
/* Column Width */
/* Media Width */
/* Module's General Margin Top */
/* Module's General Padding Top and Bottom */
/* Module's General Padding Left and Right */
/***********************************************************/
/***************************** List Article Format *********/
/***********************************************************/
/* General Format */
/* Basic Style */
/* style01 - Top Feature */
/* style02 - 1 Column at small, 2 Columns at medium-up */
/* style03 - 1 Column at small, 2 columns at medium, 3 Columns at large-up */
/* style04 - 1 Column at small, 2 columns at medium, 3 Columns at large-up, without image */
/* style05 - 1 Column at small, 2 columns at medium, 4 Columns at large-up */
/* style06 - 1 Column at small-up */
/* style02 - transform */
/* style07 - 1 Column at small-up */
/* group2 format */
/* style08 - 1 Column at small-up */
/* group2 format */
/***********************************************************/
/***************************** Module Control **************/
/***********************************************************/
/* MPU */
/* News Featured */
/* The Work */
/* Jobs */
/* Social Bar */
/* Bulletin */
/* Magazine */
/* Most Read */
/* Form */
.fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

/* makes the font 33% larger relative to the icon container */
.fa-lg {
  font-size: 1.33333333em;
  line-height: 0.75em;
  vertical-align: -15%; }

.fa-2x {
  font-size: 2em; }

.fa-3x {
  font-size: 3em; }

.fa-4x {
  font-size: 4em; }

.fa-5x {
  font-size: 5em; }

.fa-fw {
  width: 1.28571429em;
  text-align: center; }

.fa-ul {
  padding-left: 0;
  margin-left: 2.14285714em;
  list-style-type: none; }

.fa-ul > li {
  position: relative; }

.fa-li {
  position: absolute;
  left: -2.14285714em;
  width: 2.14285714em;
  top: 0.14285714em;
  text-align: center; }

.fa-li.fa-lg {
  left: -1.85714286em; }

.fa-border {
  padding: .2em .25em .15em;
  border: solid 0.08em #eeeeee;
  border-radius: .1em; }

.fa-pull-left {
  float: left; }

.fa-pull-right {
  float: right; }

.fa.fa-pull-left {
  margin-right: .3em; }

.fa.fa-pull-right {
  margin-left: .3em; }

/* Deprecated as of 4.4.0 */
.pull-right {
  float: right; }

.pull-left {
  float: left; }

.fa.pull-left {
  margin-right: .3em; }

.fa.pull-right {
  margin-left: .3em; }

.fa-spin {
  -webkit-animation: fa-spin 2s infinite linear;
  animation: fa-spin 2s infinite linear; }

.fa-pulse {
  -webkit-animation: fa-spin 1s infinite steps(8);
  animation: fa-spin 1s infinite steps(8); }

@-webkit-keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg); } }

@keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg); } }

.fa-rotate-90 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg); }

.fa-rotate-180 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg); }

.fa-rotate-270 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg); }

.fa-flip-horizontal {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
  -webkit-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  transform: scale(-1, 1); }

.fa-flip-vertical {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
  -webkit-transform: scale(1, -1);
  -ms-transform: scale(1, -1);
  transform: scale(1, -1); }

:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical {
  filter: none; }

.fa-stack {
  position: relative;
  display: inline-block;
  width: 2em;
  height: 2em;
  line-height: 2em;
  vertical-align: middle; }

.fa-stack-1x,
.fa-stack-2x {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center; }

.fa-stack-1x {
  line-height: inherit; }

.fa-stack-2x {
  font-size: 2em; }

.fa-inverse {
  color: #ffffff; }

/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
   readers do not read off random characters that represent icons */
.fa-glass:before {
  content: "\f000"; }

.fa-music:before {
  content: "\f001"; }

.fa-search:before {
  content: "\f002"; }

.fa-envelope-o:before {
  content: "\f003"; }

.fa-heart:before {
  content: "\f004"; }

.fa-star:before {
  content: "\f005"; }

.fa-star-o:before {
  content: "\f006"; }

.fa-user:before {
  content: "\f007"; }

.fa-film:before {
  content: "\f008"; }

.fa-th-large:before {
  content: "\f009"; }

.fa-th:before {
  content: "\f00a"; }

.fa-th-list:before {
  content: "\f00b"; }

.fa-check:before {
  content: "\f00c"; }

.fa-remove:before,
.fa-close:before,
.fa-times:before {
  content: "\f00d"; }

.fa-search-plus:before {
  content: "\f00e"; }

.fa-search-minus:before {
  content: "\f010"; }

.fa-power-off:before {
  content: "\f011"; }

.fa-signal:before {
  content: "\f012"; }

.fa-gear:before,
.fa-cog:before {
  content: "\f013"; }

.fa-trash-o:before {
  content: "\f014"; }

.fa-home:before {
  content: "\f015"; }

.fa-file-o:before {
  content: "\f016"; }

.fa-clock-o:before {
  content: "\f017"; }

.fa-road:before {
  content: "\f018"; }

.fa-download:before {
  content: "\f019"; }

.fa-arrow-circle-o-down:before {
  content: "\f01a"; }

.fa-arrow-circle-o-up:before {
  content: "\f01b"; }

.fa-inbox:before {
  content: "\f01c"; }

.fa-play-circle-o:before {
  content: "\f01d"; }

.fa-rotate-right:before,
.fa-repeat:before {
  content: "\f01e"; }

.fa-refresh:before {
  content: "\f021"; }

.fa-list-alt:before {
  content: "\f022"; }

.fa-lock:before {
  content: "\f023"; }

.fa-flag:before {
  content: "\f024"; }

.fa-headphones:before {
  content: "\f025"; }

.fa-volume-off:before {
  content: "\f026"; }

.fa-volume-down:before {
  content: "\f027"; }

.fa-volume-up:before {
  content: "\f028"; }

.fa-qrcode:before {
  content: "\f029"; }

.fa-barcode:before {
  content: "\f02a"; }

.fa-tag:before {
  content: "\f02b"; }

.fa-tags:before {
  content: "\f02c"; }

.fa-book:before {
  content: "\f02d"; }

.fa-bookmark:before {
  content: "\f02e"; }

.fa-print:before {
  content: "\f02f"; }

.fa-camera:before {
  content: "\f030"; }

.fa-font:before {
  content: "\f031"; }

.fa-bold:before {
  content: "\f032"; }

.fa-italic:before {
  content: "\f033"; }

.fa-text-height:before {
  content: "\f034"; }

.fa-text-width:before {
  content: "\f035"; }

.fa-align-left:before {
  content: "\f036"; }

.fa-align-center:before {
  content: "\f037"; }

.fa-align-right:before {
  content: "\f038"; }

.fa-align-justify:before {
  content: "\f039"; }

.fa-list:before {
  content: "\f03a"; }

.fa-dedent:before,
.fa-outdent:before {
  content: "\f03b"; }

.fa-indent:before {
  content: "\f03c"; }

.fa-video-camera:before {
  content: "\f03d"; }

.fa-photo:before,
.fa-image:before,
.fa-picture-o:before {
  content: "\f03e"; }

.fa-pencil:before {
  content: "\f040"; }

.fa-map-marker:before {
  content: "\f041"; }

.fa-adjust:before {
  content: "\f042"; }

.fa-tint:before {
  content: "\f043"; }

.fa-edit:before,
.fa-pencil-square-o:before {
  content: "\f044"; }

.fa-share-square-o:before {
  content: "\f045"; }

.fa-check-square-o:before {
  content: "\f046"; }

.fa-arrows:before {
  content: "\f047"; }

.fa-step-backward:before {
  content: "\f048"; }

.fa-fast-backward:before {
  content: "\f049"; }

.fa-backward:before {
  content: "\f04a"; }

.fa-play:before {
  content: "\f04b"; }

.fa-pause:before {
  content: "\f04c"; }

.fa-stop:before {
  content: "\f04d"; }

.fa-forward:before {
  content: "\f04e"; }

.fa-fast-forward:before {
  content: "\f050"; }

.fa-step-forward:before {
  content: "\f051"; }

.fa-eject:before {
  content: "\f052"; }

.fa-chevron-left:before {
  content: "\f053"; }

.fa-chevron-right:before {
  content: "\f054"; }

.fa-plus-circle:before {
  content: "\f055"; }

.fa-minus-circle:before {
  content: "\f056"; }

.fa-times-circle:before {
  content: "\f057"; }

.fa-check-circle:before {
  content: "\f058"; }

.fa-question-circle:before {
  content: "\f059"; }

.fa-info-circle:before {
  content: "\f05a"; }

.fa-crosshairs:before {
  content: "\f05b"; }

.fa-times-circle-o:before {
  content: "\f05c"; }

.fa-check-circle-o:before {
  content: "\f05d"; }

.fa-ban:before {
  content: "\f05e"; }

.fa-arrow-left:before {
  content: "\f060"; }

.fa-arrow-right:before {
  content: "\f061"; }

.fa-arrow-up:before {
  content: "\f062"; }

.fa-arrow-down:before {
  content: "\f063"; }

.fa-mail-forward:before,
.fa-share:before {
  content: "\f064"; }

.fa-expand:before {
  content: "\f065"; }

.fa-compress:before {
  content: "\f066"; }

.fa-plus:before {
  content: "\f067"; }

.fa-minus:before {
  content: "\f068"; }

.fa-asterisk:before {
  content: "\f069"; }

.fa-exclamation-circle:before {
  content: "\f06a"; }

.fa-gift:before {
  content: "\f06b"; }

.fa-leaf:before {
  content: "\f06c"; }

.fa-fire:before {
  content: "\f06d"; }

.fa-eye:before {
  content: "\f06e"; }

.fa-eye-slash:before {
  content: "\f070"; }

.fa-warning:before,
.fa-exclamation-triangle:before {
  content: "\f071"; }

.fa-plane:before {
  content: "\f072"; }

.fa-calendar:before {
  content: "\f073"; }

.fa-random:before {
  content: "\f074"; }

.fa-comment:before {
  content: "\f075"; }

.fa-magnet:before {
  content: "\f076"; }

.fa-chevron-up:before {
  content: "\f077"; }

.fa-chevron-down:before {
  content: "\f078"; }

.fa-retweet:before {
  content: "\f079"; }

.fa-shopping-cart:before {
  content: "\f07a"; }

.fa-folder:before {
  content: "\f07b"; }

.fa-folder-open:before {
  content: "\f07c"; }

.fa-arrows-v:before {
  content: "\f07d"; }

.fa-arrows-h:before {
  content: "\f07e"; }

.fa-bar-chart-o:before,
.fa-bar-chart:before {
  content: "\f080"; }

.fa-twitter-square:before {
  content: "\f081"; }

.fa-facebook-square:before {
  content: "\f082"; }

.fa-camera-retro:before {
  content: "\f083"; }

.fa-key:before {
  content: "\f084"; }

.fa-gears:before,
.fa-cogs:before {
  content: "\f085"; }

.fa-comments:before {
  content: "\f086"; }

.fa-thumbs-o-up:before {
  content: "\f087"; }

.fa-thumbs-o-down:before {
  content: "\f088"; }

.fa-star-half:before {
  content: "\f089"; }

.fa-heart-o:before {
  content: "\f08a"; }

.fa-sign-out:before {
  content: "\f08b"; }

.fa-linkedin-square:before {
  content: "\f08c"; }

.fa-thumb-tack:before {
  content: "\f08d"; }

.fa-external-link:before {
  content: "\f08e"; }

.fa-sign-in:before {
  content: "\f090"; }

.fa-trophy:before {
  content: "\f091"; }

.fa-github-square:before {
  content: "\f092"; }

.fa-upload:before {
  content: "\f093"; }

.fa-lemon-o:before {
  content: "\f094"; }

.fa-phone:before {
  content: "\f095"; }

.fa-square-o:before {
  content: "\f096"; }

.fa-bookmark-o:before {
  content: "\f097"; }

.fa-phone-square:before {
  content: "\f098"; }

.fa-twitter:before {
  content: "\f099"; }

.fa-facebook-f:before,
.fa-facebook:before {
  content: "\f09a"; }

.fa-github:before {
  content: "\f09b"; }

.fa-unlock:before {
  content: "\f09c"; }

.fa-credit-card:before {
  content: "\f09d"; }

.fa-feed:before,
.fa-rss:before {
  content: "\f09e"; }

.fa-hdd-o:before {
  content: "\f0a0"; }

.fa-bullhorn:before {
  content: "\f0a1"; }

.fa-bell:before {
  content: "\f0f3"; }

.fa-certificate:before {
  content: "\f0a3"; }

.fa-hand-o-right:before {
  content: "\f0a4"; }

.fa-hand-o-left:before {
  content: "\f0a5"; }

.fa-hand-o-up:before {
  content: "\f0a6"; }

.fa-hand-o-down:before {
  content: "\f0a7"; }

.fa-arrow-circle-left:before {
  content: "\f0a8"; }

.fa-arrow-circle-right:before {
  content: "\f0a9"; }

.fa-arrow-circle-up:before {
  content: "\f0aa"; }

.fa-arrow-circle-down:before {
  content: "\f0ab"; }

.fa-globe:before {
  content: "\f0ac"; }

.fa-wrench:before {
  content: "\f0ad"; }

.fa-tasks:before {
  content: "\f0ae"; }

.fa-filter:before {
  content: "\f0b0"; }

.fa-briefcase:before {
  content: "\f0b1"; }

.fa-arrows-alt:before {
  content: "\f0b2"; }

.fa-group:before,
.fa-users:before {
  content: "\f0c0"; }

.fa-chain:before,
.fa-link:before {
  content: "\f0c1"; }

.fa-cloud:before {
  content: "\f0c2"; }

.fa-flask:before {
  content: "\f0c3"; }

.fa-cut:before,
.fa-scissors:before {
  content: "\f0c4"; }

.fa-copy:before,
.fa-files-o:before {
  content: "\f0c5"; }

.fa-paperclip:before {
  content: "\f0c6"; }

.fa-save:before,
.fa-floppy-o:before {
  content: "\f0c7"; }

.fa-square:before {
  content: "\f0c8"; }

.fa-navicon:before,
.fa-reorder:before,
.fa-bars:before {
  content: "\f0c9"; }

.fa-list-ul:before {
  content: "\f0ca"; }

.fa-list-ol:before {
  content: "\f0cb"; }

.fa-strikethrough:before {
  content: "\f0cc"; }

.fa-underline:before {
  content: "\f0cd"; }

.fa-table:before {
  content: "\f0ce"; }

.fa-magic:before {
  content: "\f0d0"; }

.fa-truck:before {
  content: "\f0d1"; }

.fa-pinterest:before {
  content: "\f0d2"; }

.fa-pinterest-square:before {
  content: "\f0d3"; }

.fa-google-plus-square:before {
  content: "\f0d4"; }

.fa-google-plus:before {
  content: "\f0d5"; }

.fa-money:before {
  content: "\f0d6"; }

.fa-caret-down:before {
  content: "\f0d7"; }

.fa-caret-up:before {
  content: "\f0d8"; }

.fa-caret-left:before {
  content: "\f0d9"; }

.fa-caret-right:before {
  content: "\f0da"; }

.fa-columns:before {
  content: "\f0db"; }

.fa-unsorted:before,
.fa-sort:before {
  content: "\f0dc"; }

.fa-sort-down:before,
.fa-sort-desc:before {
  content: "\f0dd"; }

.fa-sort-up:before,
.fa-sort-asc:before {
  content: "\f0de"; }

.fa-envelope:before {
  content: "\f0e0"; }

.fa-linkedin:before {
  content: "\f0e1"; }

.fa-rotate-left:before,
.fa-undo:before {
  content: "\f0e2"; }

.fa-legal:before,
.fa-gavel:before {
  content: "\f0e3"; }

.fa-dashboard:before,
.fa-tachometer:before {
  content: "\f0e4"; }

.fa-comment-o:before {
  content: "\f0e5"; }

.fa-comments-o:before {
  content: "\f0e6"; }

.fa-flash:before,
.fa-bolt:before {
  content: "\f0e7"; }

.fa-sitemap:before {
  content: "\f0e8"; }

.fa-umbrella:before {
  content: "\f0e9"; }

.fa-paste:before,
.fa-clipboard:before {
  content: "\f0ea"; }

.fa-lightbulb-o:before {
  content: "\f0eb"; }

.fa-exchange:before {
  content: "\f0ec"; }

.fa-cloud-download:before {
  content: "\f0ed"; }

.fa-cloud-upload:before {
  content: "\f0ee"; }

.fa-user-md:before {
  content: "\f0f0"; }

.fa-stethoscope:before {
  content: "\f0f1"; }

.fa-suitcase:before {
  content: "\f0f2"; }

.fa-bell-o:before {
  content: "\f0a2"; }

.fa-coffee:before {
  content: "\f0f4"; }

.fa-cutlery:before {
  content: "\f0f5"; }

.fa-file-text-o:before {
  content: "\f0f6"; }

.fa-building-o:before {
  content: "\f0f7"; }

.fa-hospital-o:before {
  content: "\f0f8"; }

.fa-ambulance:before {
  content: "\f0f9"; }

.fa-medkit:before {
  content: "\f0fa"; }

.fa-fighter-jet:before {
  content: "\f0fb"; }

.fa-beer:before {
  content: "\f0fc"; }

.fa-h-square:before {
  content: "\f0fd"; }

.fa-plus-square:before {
  content: "\f0fe"; }

.fa-angle-double-left:before {
  content: "\f100"; }

.fa-angle-double-right:before {
  content: "\f101"; }

.fa-angle-double-up:before {
  content: "\f102"; }

.fa-angle-double-down:before {
  content: "\f103"; }

.fa-angle-left:before {
  content: "\f104"; }

.fa-angle-right:before {
  content: "\f105"; }

.fa-angle-up:before {
  content: "\f106"; }

.fa-angle-down:before {
  content: "\f107"; }

.fa-desktop:before {
  content: "\f108"; }

.fa-laptop:before {
  content: "\f109"; }

.fa-tablet:before {
  content: "\f10a"; }

.fa-mobile-phone:before,
.fa-mobile:before {
  content: "\f10b"; }

.fa-circle-o:before {
  content: "\f10c"; }

.fa-quote-left:before {
  content: "\f10d"; }

.fa-quote-right:before {
  content: "\f10e"; }

.fa-spinner:before {
  content: "\f110"; }

.fa-circle:before {
  content: "\f111"; }

.fa-mail-reply:before,
.fa-reply:before {
  content: "\f112"; }

.fa-github-alt:before {
  content: "\f113"; }

.fa-folder-o:before {
  content: "\f114"; }

.fa-folder-open-o:before {
  content: "\f115"; }

.fa-smile-o:before {
  content: "\f118"; }

.fa-frown-o:before {
  content: "\f119"; }

.fa-meh-o:before {
  content: "\f11a"; }

.fa-gamepad:before {
  content: "\f11b"; }

.fa-keyboard-o:before {
  content: "\f11c"; }

.fa-flag-o:before {
  content: "\f11d"; }

.fa-flag-checkered:before {
  content: "\f11e"; }

.fa-terminal:before {
  content: "\f120"; }

.fa-code:before {
  content: "\f121"; }

.fa-mail-reply-all:before,
.fa-reply-all:before {
  content: "\f122"; }

.fa-star-half-empty:before,
.fa-star-half-full:before,
.fa-star-half-o:before {
  content: "\f123"; }

.fa-location-arrow:before {
  content: "\f124"; }

.fa-crop:before {
  content: "\f125"; }

.fa-code-fork:before {
  content: "\f126"; }

.fa-unlink:before,
.fa-chain-broken:before {
  content: "\f127"; }

.fa-question:before {
  content: "\f128"; }

.fa-info:before {
  content: "\f129"; }

.fa-exclamation:before {
  content: "\f12a"; }

.fa-superscript:before {
  content: "\f12b"; }

.fa-subscript:before {
  content: "\f12c"; }

.fa-eraser:before {
  content: "\f12d"; }

.fa-puzzle-piece:before {
  content: "\f12e"; }

.fa-microphone:before {
  content: "\f130"; }

.fa-microphone-slash:before {
  content: "\f131"; }

.fa-shield:before {
  content: "\f132"; }

.fa-calendar-o:before {
  content: "\f133"; }

.fa-fire-extinguisher:before {
  content: "\f134"; }

.fa-rocket:before {
  content: "\f135"; }

.fa-maxcdn:before {
  content: "\f136"; }

.fa-chevron-circle-left:before {
  content: "\f137"; }

.fa-chevron-circle-right:before {
  content: "\f138"; }

.fa-chevron-circle-up:before {
  content: "\f139"; }

.fa-chevron-circle-down:before {
  content: "\f13a"; }

.fa-html5:before {
  content: "\f13b"; }

.fa-css3:before {
  content: "\f13c"; }

.fa-anchor:before {
  content: "\f13d"; }

.fa-unlock-alt:before {
  content: "\f13e"; }

.fa-bullseye:before {
  content: "\f140"; }

.fa-ellipsis-h:before {
  content: "\f141"; }

.fa-ellipsis-v:before {
  content: "\f142"; }

.fa-rss-square:before {
  content: "\f143"; }

.fa-play-circle:before {
  content: "\f144"; }

.fa-ticket:before {
  content: "\f145"; }

.fa-minus-square:before {
  content: "\f146"; }

.fa-minus-square-o:before {
  content: "\f147"; }

.fa-level-up:before {
  content: "\f148"; }

.fa-level-down:before {
  content: "\f149"; }

.fa-check-square:before {
  content: "\f14a"; }

.fa-pencil-square:before {
  content: "\f14b"; }

.fa-external-link-square:before {
  content: "\f14c"; }

.fa-share-square:before {
  content: "\f14d"; }

.fa-compass:before {
  content: "\f14e"; }

.fa-toggle-down:before,
.fa-caret-square-o-down:before {
  content: "\f150"; }

.fa-toggle-up:before,
.fa-caret-square-o-up:before {
  content: "\f151"; }

.fa-toggle-right:before,
.fa-caret-square-o-right:before {
  content: "\f152"; }

.fa-euro:before,
.fa-eur:before {
  content: "\f153"; }

.fa-gbp:before {
  content: "\f154"; }

.fa-dollar:before,
.fa-usd:before {
  content: "\f155"; }

.fa-rupee:before,
.fa-inr:before {
  content: "\f156"; }

.fa-cny:before,
.fa-rmb:before,
.fa-yen:before,
.fa-jpy:before {
  content: "\f157"; }

.fa-ruble:before,
.fa-rouble:before,
.fa-rub:before {
  content: "\f158"; }

.fa-won:before,
.fa-krw:before {
  content: "\f159"; }

.fa-bitcoin:before,
.fa-btc:before {
  content: "\f15a"; }

.fa-file:before {
  content: "\f15b"; }

.fa-file-text:before {
  content: "\f15c"; }

.fa-sort-alpha-asc:before {
  content: "\f15d"; }

.fa-sort-alpha-desc:before {
  content: "\f15e"; }

.fa-sort-amount-asc:before {
  content: "\f160"; }

.fa-sort-amount-desc:before {
  content: "\f161"; }

.fa-sort-numeric-asc:before {
  content: "\f162"; }

.fa-sort-numeric-desc:before {
  content: "\f163"; }

.fa-thumbs-up:before {
  content: "\f164"; }

.fa-thumbs-down:before {
  content: "\f165"; }

.fa-youtube-square:before {
  content: "\f166"; }

.fa-youtube:before {
  content: "\f167"; }

.fa-xing:before {
  content: "\f168"; }

.fa-xing-square:before {
  content: "\f169"; }

.fa-youtube-play:before {
  content: "\f16a"; }

.fa-dropbox:before {
  content: "\f16b"; }

.fa-stack-overflow:before {
  content: "\f16c"; }

.fa-instagram:before {
  content: "\f16d"; }

.fa-flickr:before {
  content: "\f16e"; }

.fa-adn:before {
  content: "\f170"; }

.fa-bitbucket:before {
  content: "\f171"; }

.fa-bitbucket-square:before {
  content: "\f172"; }

.fa-tumblr:before {
  content: "\f173"; }

.fa-tumblr-square:before {
  content: "\f174"; }

.fa-long-arrow-down:before {
  content: "\f175"; }

.fa-long-arrow-up:before {
  content: "\f176"; }

.fa-long-arrow-left:before {
  content: "\f177"; }

.fa-long-arrow-right:before {
  content: "\f178"; }

.fa-apple:before {
  content: "\f179"; }

.fa-windows:before {
  content: "\f17a"; }

.fa-android:before {
  content: "\f17b"; }

.fa-linux:before {
  content: "\f17c"; }

.fa-dribbble:before {
  content: "\f17d"; }

.fa-skype:before {
  content: "\f17e"; }

.fa-foursquare:before {
  content: "\f180"; }

.fa-trello:before {
  content: "\f181"; }

.fa-female:before {
  content: "\f182"; }

.fa-male:before {
  content: "\f183"; }

.fa-gittip:before,
.fa-gratipay:before {
  content: "\f184"; }

.fa-sun-o:before {
  content: "\f185"; }

.fa-moon-o:before {
  content: "\f186"; }

.fa-archive:before {
  content: "\f187"; }

.fa-bug:before {
  content: "\f188"; }

.fa-vk:before {
  content: "\f189"; }

.fa-weibo:before {
  content: "\f18a"; }

.fa-renren:before {
  content: "\f18b"; }

.fa-pagelines:before {
  content: "\f18c"; }

.fa-stack-exchange:before {
  content: "\f18d"; }

.fa-arrow-circle-o-right:before {
  content: "\f18e"; }

.fa-arrow-circle-o-left:before {
  content: "\f190"; }

.fa-toggle-left:before,
.fa-caret-square-o-left:before {
  content: "\f191"; }

.fa-dot-circle-o:before {
  content: "\f192"; }

.fa-wheelchair:before {
  content: "\f193"; }

.fa-vimeo-square:before {
  content: "\f194"; }

.fa-turkish-lira:before,
.fa-try:before {
  content: "\f195"; }

.fa-plus-square-o:before {
  content: "\f196"; }

.fa-space-shuttle:before {
  content: "\f197"; }

.fa-slack:before {
  content: "\f198"; }

.fa-envelope-square:before {
  content: "\f199"; }

.fa-wordpress:before {
  content: "\f19a"; }

.fa-openid:before {
  content: "\f19b"; }

.fa-institution:before,
.fa-bank:before,
.fa-university:before {
  content: "\f19c"; }

.fa-mortar-board:before,
.fa-graduation-cap:before {
  content: "\f19d"; }

.fa-yahoo:before {
  content: "\f19e"; }

.fa-google:before {
  content: "\f1a0"; }

.fa-reddit:before {
  content: "\f1a1"; }

.fa-reddit-square:before {
  content: "\f1a2"; }

.fa-stumbleupon-circle:before {
  content: "\f1a3"; }

.fa-stumbleupon:before {
  content: "\f1a4"; }

.fa-delicious:before {
  content: "\f1a5"; }

.fa-digg:before {
  content: "\f1a6"; }

.fa-pied-piper:before {
  content: "\f1a7"; }

.fa-pied-piper-alt:before {
  content: "\f1a8"; }

.fa-drupal:before {
  content: "\f1a9"; }

.fa-joomla:before {
  content: "\f1aa"; }

.fa-language:before {
  content: "\f1ab"; }

.fa-fax:before {
  content: "\f1ac"; }

.fa-building:before {
  content: "\f1ad"; }

.fa-child:before {
  content: "\f1ae"; }

.fa-paw:before {
  content: "\f1b0"; }

.fa-spoon:before {
  content: "\f1b1"; }

.fa-cube:before {
  content: "\f1b2"; }

.fa-cubes:before {
  content: "\f1b3"; }

.fa-behance:before {
  content: "\f1b4"; }

.fa-behance-square:before {
  content: "\f1b5"; }

.fa-steam:before {
  content: "\f1b6"; }

.fa-steam-square:before {
  content: "\f1b7"; }

.fa-recycle:before {
  content: "\f1b8"; }

.fa-automobile:before,
.fa-car:before {
  content: "\f1b9"; }

.fa-cab:before,
.fa-taxi:before {
  content: "\f1ba"; }

.fa-tree:before {
  content: "\f1bb"; }

.fa-spotify:before {
  content: "\f1bc"; }

.fa-deviantart:before {
  content: "\f1bd"; }

.fa-soundcloud:before {
  content: "\f1be"; }

.fa-database:before {
  content: "\f1c0"; }

.fa-file-pdf-o:before {
  content: "\f1c1"; }

.fa-file-word-o:before {
  content: "\f1c2"; }

.fa-file-excel-o:before {
  content: "\f1c3"; }

.fa-file-powerpoint-o:before {
  content: "\f1c4"; }

.fa-file-photo-o:before,
.fa-file-picture-o:before,
.fa-file-image-o:before {
  content: "\f1c5"; }

.fa-file-zip-o:before,
.fa-file-archive-o:before {
  content: "\f1c6"; }

.fa-file-sound-o:before,
.fa-file-audio-o:before {
  content: "\f1c7"; }

.fa-file-movie-o:before,
.fa-file-video-o:before {
  content: "\f1c8"; }

.fa-file-code-o:before {
  content: "\f1c9"; }

.fa-vine:before {
  content: "\f1ca"; }

.fa-codepen:before {
  content: "\f1cb"; }

.fa-jsfiddle:before {
  content: "\f1cc"; }

.fa-life-bouy:before,
.fa-life-buoy:before,
.fa-life-saver:before,
.fa-support:before,
.fa-life-ring:before {
  content: "\f1cd"; }

.fa-circle-o-notch:before {
  content: "\f1ce"; }

.fa-ra:before,
.fa-rebel:before {
  content: "\f1d0"; }

.fa-ge:before,
.fa-empire:before {
  content: "\f1d1"; }

.fa-git-square:before {
  content: "\f1d2"; }

.fa-git:before {
  content: "\f1d3"; }

.fa-y-combinator-square:before,
.fa-yc-square:before,
.fa-hacker-news:before {
  content: "\f1d4"; }

.fa-tencent-weibo:before {
  content: "\f1d5"; }

.fa-qq:before {
  content: "\f1d6"; }

.fa-wechat:before,
.fa-weixin:before {
  content: "\f1d7"; }

.fa-send:before,
.fa-paper-plane:before {
  content: "\f1d8"; }

.fa-send-o:before,
.fa-paper-plane-o:before {
  content: "\f1d9"; }

.fa-history:before {
  content: "\f1da"; }

.fa-circle-thin:before {
  content: "\f1db"; }

.fa-header:before {
  content: "\f1dc"; }

.fa-paragraph:before {
  content: "\f1dd"; }

.fa-sliders:before {
  content: "\f1de"; }

.fa-share-alt:before {
  content: "\f1e0"; }

.fa-share-alt-square:before {
  content: "\f1e1"; }

.fa-bomb:before {
  content: "\f1e2"; }

.fa-soccer-ball-o:before,
.fa-futbol-o:before {
  content: "\f1e3"; }

.fa-tty:before {
  content: "\f1e4"; }

.fa-binoculars:before {
  content: "\f1e5"; }

.fa-plug:before {
  content: "\f1e6"; }

.fa-slideshare:before {
  content: "\f1e7"; }

.fa-twitch:before {
  content: "\f1e8"; }

.fa-yelp:before {
  content: "\f1e9"; }

.fa-newspaper-o:before {
  content: "\f1ea"; }

.fa-wifi:before {
  content: "\f1eb"; }

.fa-calculator:before {
  content: "\f1ec"; }

.fa-paypal:before {
  content: "\f1ed"; }

.fa-google-wallet:before {
  content: "\f1ee"; }

.fa-cc-visa:before {
  content: "\f1f0"; }

.fa-cc-mastercard:before {
  content: "\f1f1"; }

.fa-cc-discover:before {
  content: "\f1f2"; }

.fa-cc-amex:before {
  content: "\f1f3"; }

.fa-cc-paypal:before {
  content: "\f1f4"; }

.fa-cc-stripe:before {
  content: "\f1f5"; }

.fa-bell-slash:before {
  content: "\f1f6"; }

.fa-bell-slash-o:before {
  content: "\f1f7"; }

.fa-trash:before {
  content: "\f1f8"; }

.fa-copyright:before {
  content: "\f1f9"; }

.fa-at:before {
  content: "\f1fa"; }

.fa-eyedropper:before {
  content: "\f1fb"; }

.fa-paint-brush:before {
  content: "\f1fc"; }

.fa-birthday-cake:before {
  content: "\f1fd"; }

.fa-area-chart:before {
  content: "\f1fe"; }

.fa-pie-chart:before {
  content: "\f200"; }

.fa-line-chart:before {
  content: "\f201"; }

.fa-lastfm:before {
  content: "\f202"; }

.fa-lastfm-square:before {
  content: "\f203"; }

.fa-toggle-off:before {
  content: "\f204"; }

.fa-toggle-on:before {
  content: "\f205"; }

.fa-bicycle:before {
  content: "\f206"; }

.fa-bus:before {
  content: "\f207"; }

.fa-ioxhost:before {
  content: "\f208"; }

.fa-angellist:before {
  content: "\f209"; }

.fa-cc:before {
  content: "\f20a"; }

.fa-shekel:before,
.fa-sheqel:before,
.fa-ils:before {
  content: "\f20b"; }

.fa-meanpath:before {
  content: "\f20c"; }

.fa-buysellads:before {
  content: "\f20d"; }

.fa-connectdevelop:before {
  content: "\f20e"; }

.fa-dashcube:before {
  content: "\f210"; }

.fa-forumbee:before {
  content: "\f211"; }

.fa-leanpub:before {
  content: "\f212"; }

.fa-sellsy:before {
  content: "\f213"; }

.fa-shirtsinbulk:before {
  content: "\f214"; }

.fa-simplybuilt:before {
  content: "\f215"; }

.fa-skyatlas:before {
  content: "\f216"; }

.fa-cart-plus:before {
  content: "\f217"; }

.fa-cart-arrow-down:before {
  content: "\f218"; }

.fa-diamond:before {
  content: "\f219"; }

.fa-ship:before {
  content: "\f21a"; }

.fa-user-secret:before {
  content: "\f21b"; }

.fa-motorcycle:before {
  content: "\f21c"; }

.fa-street-view:before {
  content: "\f21d"; }

.fa-heartbeat:before {
  content: "\f21e"; }

.fa-venus:before {
  content: "\f221"; }

.fa-mars:before {
  content: "\f222"; }

.fa-mercury:before {
  content: "\f223"; }

.fa-intersex:before,
.fa-transgender:before {
  content: "\f224"; }

.fa-transgender-alt:before {
  content: "\f225"; }

.fa-venus-double:before {
  content: "\f226"; }

.fa-mars-double:before {
  content: "\f227"; }

.fa-venus-mars:before {
  content: "\f228"; }

.fa-mars-stroke:before {
  content: "\f229"; }

.fa-mars-stroke-v:before {
  content: "\f22a"; }

.fa-mars-stroke-h:before {
  content: "\f22b"; }

.fa-neuter:before {
  content: "\f22c"; }

.fa-genderless:before {
  content: "\f22d"; }

.fa-facebook-official:before {
  content: "\f230"; }

.fa-pinterest-p:before {
  content: "\f231"; }

.fa-whatsapp:before {
  content: "\f232"; }

.fa-server:before {
  content: "\f233"; }

.fa-user-plus:before {
  content: "\f234"; }

.fa-user-times:before {
  content: "\f235"; }

.fa-hotel:before,
.fa-bed:before {
  content: "\f236"; }

.fa-viacoin:before {
  content: "\f237"; }

.fa-train:before {
  content: "\f238"; }

.fa-subway:before {
  content: "\f239"; }

.fa-medium:before {
  content: "\f23a"; }

.fa-yc:before,
.fa-y-combinator:before {
  content: "\f23b"; }

.fa-optin-monster:before {
  content: "\f23c"; }

.fa-opencart:before {
  content: "\f23d"; }

.fa-expeditedssl:before {
  content: "\f23e"; }

.fa-battery-4:before,
.fa-battery-full:before {
  content: "\f240"; }

.fa-battery-3:before,
.fa-battery-three-quarters:before {
  content: "\f241"; }

.fa-battery-2:before,
.fa-battery-half:before {
  content: "\f242"; }

.fa-battery-1:before,
.fa-battery-quarter:before {
  content: "\f243"; }

.fa-battery-0:before,
.fa-battery-empty:before {
  content: "\f244"; }

.fa-mouse-pointer:before {
  content: "\f245"; }

.fa-i-cursor:before {
  content: "\f246"; }

.fa-object-group:before {
  content: "\f247"; }

.fa-object-ungroup:before {
  content: "\f248"; }

.fa-sticky-note:before {
  content: "\f249"; }

.fa-sticky-note-o:before {
  content: "\f24a"; }

.fa-cc-jcb:before {
  content: "\f24b"; }

.fa-cc-diners-club:before {
  content: "\f24c"; }

.fa-clone:before {
  content: "\f24d"; }

.fa-balance-scale:before {
  content: "\f24e"; }

.fa-hourglass-o:before {
  content: "\f250"; }

.fa-hourglass-1:before,
.fa-hourglass-start:before {
  content: "\f251"; }

.fa-hourglass-2:before,
.fa-hourglass-half:before {
  content: "\f252"; }

.fa-hourglass-3:before,
.fa-hourglass-end:before {
  content: "\f253"; }

.fa-hourglass:before {
  content: "\f254"; }

.fa-hand-grab-o:before,
.fa-hand-rock-o:before {
  content: "\f255"; }

.fa-hand-stop-o:before,
.fa-hand-paper-o:before {
  content: "\f256"; }

.fa-hand-scissors-o:before {
  content: "\f257"; }

.fa-hand-lizard-o:before {
  content: "\f258"; }

.fa-hand-spock-o:before {
  content: "\f259"; }

.fa-hand-pointer-o:before {
  content: "\f25a"; }

.fa-hand-peace-o:before {
  content: "\f25b"; }

.fa-trademark:before {
  content: "\f25c"; }

.fa-registered:before {
  content: "\f25d"; }

.fa-creative-commons:before {
  content: "\f25e"; }

.fa-gg:before {
  content: "\f260"; }

.fa-gg-circle:before {
  content: "\f261"; }

.fa-tripadvisor:before {
  content: "\f262"; }

.fa-odnoklassniki:before {
  content: "\f263"; }

.fa-odnoklassniki-square:before {
  content: "\f264"; }

.fa-get-pocket:before {
  content: "\f265"; }

.fa-wikipedia-w:before {
  content: "\f266"; }

.fa-safari:before {
  content: "\f267"; }

.fa-chrome:before {
  content: "\f268"; }

.fa-firefox:before {
  content: "\f269"; }

.fa-opera:before {
  content: "\f26a"; }

.fa-internet-explorer:before {
  content: "\f26b"; }

.fa-tv:before,
.fa-television:before {
  content: "\f26c"; }

.fa-contao:before {
  content: "\f26d"; }

.fa-500px:before {
  content: "\f26e"; }

.fa-amazon:before {
  content: "\f270"; }

.fa-calendar-plus-o:before {
  content: "\f271"; }

.fa-calendar-minus-o:before {
  content: "\f272"; }

.fa-calendar-times-o:before {
  content: "\f273"; }

.fa-calendar-check-o:before {
  content: "\f274"; }

.fa-industry:before {
  content: "\f275"; }

.fa-map-pin:before {
  content: "\f276"; }

.fa-map-signs:before {
  content: "\f277"; }

.fa-map-o:before {
  content: "\f278"; }

.fa-map:before {
  content: "\f279"; }

.fa-commenting:before {
  content: "\f27a"; }

.fa-commenting-o:before {
  content: "\f27b"; }

.fa-houzz:before {
  content: "\f27c"; }

.fa-vimeo:before {
  content: "\f27d"; }

.fa-black-tie:before {
  content: "\f27e"; }

.fa-fonticons:before {
  content: "\f280"; }

.fa-reddit-alien:before {
  content: "\f281"; }

.fa-edge:before {
  content: "\f282"; }

.fa-credit-card-alt:before {
  content: "\f283"; }

.fa-codiepie:before {
  content: "\f284"; }

.fa-modx:before {
  content: "\f285"; }

.fa-fort-awesome:before {
  content: "\f286"; }

.fa-usb:before {
  content: "\f287"; }

.fa-product-hunt:before {
  content: "\f288"; }

.fa-mixcloud:before {
  content: "\f289"; }

.fa-scribd:before {
  content: "\f28a"; }

.fa-pause-circle:before {
  content: "\f28b"; }

.fa-pause-circle-o:before {
  content: "\f28c"; }

.fa-stop-circle:before {
  content: "\f28d"; }

.fa-stop-circle-o:before {
  content: "\f28e"; }

.fa-shopping-bag:before {
  content: "\f290"; }

.fa-shopping-basket:before {
  content: "\f291"; }

.fa-hashtag:before {
  content: "\f292"; }

.fa-bluetooth:before {
  content: "\f293"; }

.fa-bluetooth-b:before {
  content: "\f294"; }

.fa-percent:before {
  content: "\f295"; }

.fa-gitlab:before {
  content: "\f296"; }

.fa-wpbeginner:before {
  content: "\f297"; }

.fa-wpforms:before {
  content: "\f298"; }

.fa-envira:before {
  content: "\f299"; }

.fa-universal-access:before {
  content: "\f29a"; }

.fa-wheelchair-alt:before {
  content: "\f29b"; }

.fa-question-circle-o:before {
  content: "\f29c"; }

.fa-blind:before {
  content: "\f29d"; }

.fa-audio-description:before {
  content: "\f29e"; }

.fa-volume-control-phone:before {
  content: "\f2a0"; }

.fa-braille:before {
  content: "\f2a1"; }

.fa-assistive-listening-systems:before {
  content: "\f2a2"; }

.fa-asl-interpreting:before,
.fa-american-sign-language-interpreting:before {
  content: "\f2a3"; }

.fa-deafness:before,
.fa-hard-of-hearing:before,
.fa-deaf:before {
  content: "\f2a4"; }

.fa-glide:before {
  content: "\f2a5"; }

.fa-glide-g:before {
  content: "\f2a6"; }

.fa-signing:before,
.fa-sign-language:before {
  content: "\f2a7"; }

.fa-low-vision:before {
  content: "\f2a8"; }

.fa-viadeo:before {
  content: "\f2a9"; }

.fa-viadeo-square:before {
  content: "\f2aa"; }

.fa-snapchat:before {
  content: "\f2ab"; }

.fa-snapchat-ghost:before {
  content: "\f2ac"; }

.fa-snapchat-square:before {
  content: "\f2ad"; }

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

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

/************* FONTS ********************/
@font-face {
  font-family: 'Lato';
  src: url("../eot/lato-light.eot");
  src: url("../eot/lato-lightd41d.eot?#iefix") format("embedded-opentype"), url("../woff/lato-light.woff") format("woff"), url("../ttf/lato-light.ttf") format("truetype"), url("../svg/lato-light.svg#LatoLight") format("svg");
  font-weight: 300;
  font-style: normal; }

@font-face {
  font-family: 'Lato';
  src: url("../eot/lato-regular.eot");
  src: url("../eot/lato-regulard41d.eot?#iefix") format("embedded-opentype"), url("../woff/lato-regular.woff") format("woff"), url("../ttf/lato-regular.ttf") format("truetype"), url("../svg/lato-regular.svg#LatoRegular") format("svg");
  font-weight: 400;
  font-style: normal; }

@font-face {
  font-family: 'Lato';
  src: url("../eot/lato-bold.eot");
  src: url("../eot/lato-boldd41d.eot?#iefix") format("embedded-opentype"), url("../woff/lato-bold.woff") format("woff"), url("../ttf/lato-bold.ttf") format("truetype"), url("../svg/lato-bold.svg#LatoBold") format("svg");
  font-weight: 700;
  font-style: normal; }

@font-face {
  font-family: 'Lato';
  src: url("../eot/lato-black-webfont.eot");
  src: url("../lato-black-webfonteotd41d.html?#iefix") format("embedded-opentype"), url("../woff/lato-black-webfont.woff") format("woff"), url("../ttf/lato-black-webfont.ttf") format("truetype"), url("../svg/lato-black-webfont.svg#LatoBold") format("svg");
  font-weight: 900;
  font-style: normal; }

@font-face {
  font-family: 'Lato';
  src: url("../eot/lato-italic.eot");
  src: url("../eot/lato-italicd41d.eot?#iefix") format("embedded-opentype"), url("../woff/lato-italic.woff") format("woff"), url("../ttf/lato-italic.ttf") format("truetype"), url("../svg/lato-italic.svg#LatoItalic") format("svg");
  font-weight: 400;
  font-style: italic; }

@font-face {
  font-family: 'Lato';
  src: url("../eot/lato-bolditalic.eot");
  src: url("../eot/lato-bolditalicd41d.eot?#iefix") format("embedded-opentype"), url("../woff/lato-bolditalic.woff") format("woff"), url("../ttf/lato-bolditalic.ttf") format("truetype"), url("../svg/lato-bolditalic.svg#LatoBoldItalic") format("svg");
  font-weight: 700;
  font-style: italic; }

@font-face {
  font-family: 'FontAwesome';
  src: url("../eot/fontawesome-webfont914c.eot?v=4.6.1");
  src: url("../eot/fontawesome-webfontd41d.eot?#iefix&v=4.6.1") format("embedded-opentype"), url("../woff/fontawesome-webfont914c.woff?v=4.6.1") format("woff"), url("../ttf/fontawesome-webfont914c.ttf?v=4.6.1") format("truetype"), url("../svg/fontawesome-webfont914c.svg?v=4.6.1#fontawesomeregular") format("svg");
  font-weight: 400;
  font-style: normal; }

@font-face {
  font-family: 'Material Icons';
  src: url("../eot/materialicons-regular.eot");
  src: local("Material Icons"), local("MaterialIcons-Regular"), url("../woff/materialicons-regular.woff") format("woff"), url("../ttf/materialicons-regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal; }

/***********************************************************/
/***************************** Colours *********************/
/***********************************************************/
/* Colour */
/* Variables */
/* Button */
/* Style */
/* Article */
/* The Work */
/* Jobs */
/* Social Bar */
/* Bulletin */
/* Magazine */
/* Most Read */
/***********************************************************/
/***************************** Font ************************/
/***********************************************************/
/* Font Size */
/***********************************************************/
/********************* GROUP and GRID **********************/
/***********************************************************/
/* Variables */
/* section[role="main"] */
/* 2 Columns - Left Side */
/* 2 Columns - Right Side */
/* 1 Column */
/***********************************************************/
/***************************** Global Margin ***************/
/***********************************************************/
/* Set 01 Margin Format [Large Spacing]*/
/* Set 02 Margin Format [Small Spacing] */
/* Set 03 Margin Format [Special Spacing] */
/* Set 01 Footer Margin Format [Large Spacing] */
/***********************************************************/
/***************************** Global Elements *************/
/***********************************************************/
/* Border */
/* Shadow */
/* Column Width */
/* Media Width */
/* Module's General Margin Top */
/* Module's General Padding Top and Bottom */
/* Module's General Padding Left and Right */
/***********************************************************/
/***************************** List Article Format *********/
/***********************************************************/
/* General Format */
/* Basic Style */
/* style01 - Top Feature */
/* style02 - 1 Column at small, 2 Columns at medium-up */
/* style03 - 1 Column at small, 2 columns at medium, 3 Columns at large-up */
/* style04 - 1 Column at small, 2 columns at medium, 3 Columns at large-up, without image */
/* style05 - 1 Column at small, 2 columns at medium, 4 Columns at large-up */
/* style06 - 1 Column at small-up */
/* style02 - transform */
/* style07 - 1 Column at small-up */
/* group2 format */
/* style08 - 1 Column at small-up */
/* group2 format */
/***********************************************************/
/***************************** Module Control **************/
/***********************************************************/
/* MPU */
/* News Featured */
/* The Work */
/* Jobs */
/* Social Bar */
/* Bulletin */
/* Magazine */
/* Most Read */
/* Form */
/**************************************************/
/******************* Box Shadow *******************/
/****************** _mixins.scss ******************/
/**************************************************/
/******************** Transform *******************/
/****************** _mixins.scss ******************/
/**************************************************/
/******************* Transition *******************/
/****************** _mixins.scss ******************/
/**************************************************/
/******************** Flex Box ********************/
/****************** _mixins.scss ******************/
/**************************************************/
/********************* Feature ********************/
/****************** _mixins.scss ******************/
/******************* Transition *******************/
/****************** mixins.scss ******************/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent; }

body {
  line-height: 1; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block; }

nav ul {
  list-style: none; }

a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent; }

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

input, select {
  vertical-align: middle; }

body {
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: none; }

sup {
  vertical-align: super;
  font-size: .8em;
  line-height: .7em; }

sub {
  vertical-align: sub;
  font-size: .8em;
  line-height: .7em; }

.ellipsis {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap; }

.flexbox {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -moz-flex;
  display: -webkit-flex;
  display: flex; }

.avoidBreaking {
  -webkit-column-break-inside: avoid;
  page-break-inside: avoid;
  break-inside: avoid; }

body {
  background-color: #fff;
  color: #000;
  font-weight: 400;
  font-style: normal;
  font-size: 18px;
  font-size: 1rem;
  line-height: 1.3125; }

.clearfix:after, .bulletinsModuleBox .contentWrapper:after, .zone:after, .genericModule > footer:after, .textHtmlModule .contactUs:after, .unsubscribe .radioGroup:after, .unsubscribe .radioGroup > div:after, #articleDetail.eventPage #articleFull #articleMain #articleWrap .eventInfo ul li:after {
  content: "";
  clear: both;
  display: block;
  visibility: hidden;
  height: 0px; }

.mobHide, .hide-in-mobile {
  display: none; }

.hide {
  display: none; }

.mobShow, .show-in-mobile {
  display: block; }

.white-popup {
  background: #FFF;
  padding: 20px 30px;
  text-align: center;
  max-width: 650px;
  margin: 40px auto;
  position: relative;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px; }

@media only screen and (min-width: 600px) {
  #outerWrap {
    overflow-x: hidden; }
  #wrap {
    background-color: transparent; }
  #main {
    overflow: visible; }
  .tableWrapper {
    height: auto; }
  .tableScroller {
    width: auto; }
  .mobHide, .hide-in-mobile {
    display: block; }
  .mobShow, .magGlassNew, .show-in-mobile {
    display: none; } }

/***********************************************************/
/********************* Header Banner ***********************/
/***********************************************************/
.header-banner {
  background-repeat: no-repeat;
  background-position: center center;
  display: block;
  text-align: center;
  height: 90px;
  width: 100%;
  padding: 30px 20px; }
  .header-banner h1 {
    text-shadow: 0px 0px 7px #323232;
    font-weight: 900;
    font-style: normal;
    color: #fff;
    margin-bottom: 10px;
    font-size: 65px;
    font-size: 3.61111rem; }
  .header-banner h2 {
    font-weight: 400;
    font-style: normal;
    color: #fff;
    font-size: 18px;
    font-size: 1rem; }

/***********************************************************/
/*************************** BUTTONS ***********************/
/***********************************************************/
.button, a.primary, a.secondary, a.inactive, a.default {
  cursor: pointer;
  display: block;
  border-radius: 0;
  border: 0;
  margin: 0 auto;
  max-width: 200px;
  padding: .2rem .3rem;
  text-align: center;
  text-decoration: none;
  transition: color .2s, background-color .2s;
  -webkit-appearance: none; }

.button.primary, a.button.primary, a.primary {
  background: #C5001D;
  font-weight: 400;
  font-style: normal;
  font-size: 18px;
  font-size: 1rem;
  color: #F9F9F9; }
  .button.primary:hover, a.button.primary:hover, a.primary:hover {
    background: #9D0114;
    text-decoration: none; }

.button.secondary, a.button.secondary, a.secondary {
  background: #3C3C3C;
  font-weight: 400;
  font-style: normal;
  font-size: 18px;
  font-size: 1rem;
  color: #F9F9F9; }
  .button.secondary:hover, a.button.secondary:hover, a.secondary:hover {
    background: #1C1C1C;
    text-decoration: none; }

.button.inactive, a.button.inactive, a.inactive {
  background: #E4E4E4;
  font-weight: 400;
  font-style: normal;
  font-size: 18px;
  font-size: 1rem;
  color: #9B9B9B; }
  .button.inactive:hover, a.button.inactive:hover, a.inactive:hover {
    background: #E4E4E4;
    text-decoration: none; }

.button.default, a.button.default, a.default {
  background-color: #fff;
  border: 1px solid #000;
  border-radius: 0;
  color: #000; }

/***********************************************************/
/***************************** Colours *********************/
/***********************************************************/
/* Colour */
/* Variables */
/* Button */
/* Style */
/* Article */
/* The Work */
/* Jobs */
/* Social Bar */
/* Bulletin */
/* Magazine */
/* Most Read */
/***********************************************************/
/***************************** Font ************************/
/***********************************************************/
/* Font Size */
/***********************************************************/
/********************* GROUP and GRID **********************/
/***********************************************************/
/* Variables */
/* section[role="main"] */
/* 2 Columns - Left Side */
/* 2 Columns - Right Side */
/* 1 Column */
/***********************************************************/
/***************************** Global Margin ***************/
/***********************************************************/
/* Set 01 Margin Format [Large Spacing]*/
/* Set 02 Margin Format [Small Spacing] */
/* Set 03 Margin Format [Special Spacing] */
/* Set 01 Footer Margin Format [Large Spacing] */
/***********************************************************/
/***************************** Global Elements *************/
/***********************************************************/
/* Border */
/* Shadow */
/* Column Width */
/* Media Width */
/* Module's General Margin Top */
/* Module's General Padding Top and Bottom */
/* Module's General Padding Left and Right */
/***********************************************************/
/***************************** List Article Format *********/
/***********************************************************/
/* General Format */
/* Basic Style */
/* style01 - Top Feature */
/* style02 - 1 Column at small, 2 Columns at medium-up */
/* style03 - 1 Column at small, 2 columns at medium, 3 Columns at large-up */
/* style04 - 1 Column at small, 2 columns at medium, 3 Columns at large-up, without image */
/* style05 - 1 Column at small, 2 columns at medium, 4 Columns at large-up */
/* style06 - 1 Column at small-up */
/* style02 - transform */
/* style07 - 1 Column at small-up */
/* group2 format */
/* style08 - 1 Column at small-up */
/* group2 format */
/***********************************************************/
/***************************** Module Control **************/
/***********************************************************/
/* MPU */
/* News Featured */
/* The Work */
/* Jobs */
/* Social Bar */
/* Bulletin */
/* Magazine */
/* Most Read */
/* Form */
/**************************************************/
/******************* Box Shadow *******************/
/****************** _mixins.scss ******************/
/**************************************************/
/******************** Transform *******************/
/****************** _mixins.scss ******************/
/**************************************************/
/******************* Transition *******************/
/****************** _mixins.scss ******************/
/**************************************************/
/******************** Flex Box ********************/
/****************** _mixins.scss ******************/
/**************************************************/
/********************* Feature ********************/
/****************** _mixins.scss ******************/
/******************* Transition *******************/
/****************** mixins.scss ******************/
html {
  font-size: 18px !important; }

body {
  background-color: #fff;
  color: #1C1C1C;
  font-family: "Lato", "Noto Sans CJK JP", "Noto Sans SC", Helvetica, Arial, Hiragino Kaku Gothic, Osaka, Meiryo, MS PGothic, PingFang SC, Heiti SC, Apple LiGothic, Microsoft YaHei, SimHei, NSimSun, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 18px;
  font-size: 1rem;
  line-height: 1.3125; }

#outerWrap {
  -webkit-transition: .4s right;
  -moz-transition: .4s right;
  -ms-transition: .4s right;
  -o-transition: .4s right;
  transition: .4s right;
  right: 0;
  position: relative;
  width: 100%;
  z-index: 1; }

.h, h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
  font-weight: 400;
  font-style: normal;
  line-height: 1.16;
  margin: 0; }

.h em {
  color: #fc0802;
  font-weight: 300;
  font-style: normal;
  text-transform: uppercase; }

.altHeading {
  font-weight: 400;
  font-style: normal; }

h1, .h1 {
  font-size: 30.6px;
  font-size: 1.7rem; }

h2, .h2 {
  font-size: 27px;
  font-size: 1.5rem; }

h3, .h3 {
  font-size: 25.2px;
  font-size: 1.4rem; }

h4, .h4 {
  font-size: 23.4px;
  font-size: 1.3rem; }

h5, .h5 {
  font-size: 21.6px;
  font-size: 1.2rem; }

h6, .h6 {
  font-size: 19.8px;
  font-size: 1.1rem; }

a {
  color: #9D0114;
  text-decoration: none; }

a:hover, a:active {
  text-decoration: underline; }

html.pageMedium {
  font-size: 16px;
  font-size: 0.88889rem; }

html.pageLarge {
  font-size: 17px;
  font-size: 0.94444rem; }

html.pageLargest {
  font-size: 18px;
  font-size: 1rem; }

#textSize {
  clear: both;
  margin-top: 10px; }

#textSize a {
  margin-left: 10px;
  color: #06c;
  text-decoration: none;
  font-weight: 700;
  font-style: normal; }

#textSize a.pageMedium {
  font-size: 18px;
  font-size: 1rem; }

#textSize a.pageLarge {
  font-size: 21.6px;
  font-size: 1.2rem; }

#textSize a.pageLargest {
  font-size: 25.2px;
  font-size: 1.4rem; }

html #textSize a.pageMedium, html.pageLarge #textSize a.pageLarge, html.pageLargest #textSize a.pageLargest {
  color: #cb2229; }

html.pageLarge #textSize a.pageMedium, html.pageLargest #textSize a.pageMedium {
  color: #06c; }

.x-small {
  font-size: 14.4px;
  font-size: 0.8rem; }

small, .small {
  font-size: 16.2px;
  font-size: 0.9rem; }

.medium {
  font-size: 18px;
  font-size: 1rem; }

.large {
  font-size: 28.8px;
  font-size: 1.6rem; }

.x-large {
  font-size: 36px;
  font-size: 2rem; }

.xx-large {
  font-size: 36px;
  font-size: 2rem; }

b, strong {
  font-weight: 700;
  font-style: normal; }

i, em {
  font-weight: 400;
  font-style: italic; }

p, p.summary, figure, table, blockquote, .accessMessage, ol, ul, dl, .block {
  margin: 10px 0 30px 0; }

ul li, ol li, dl dd {
  margin-left: 22px; }

.inner, #gridMain, #textSize, #mainFooter, #loginArea {
  background-color: #fff;
  margin: 0 auto;
  max-width: 1242px; }

.inner, #textSize, #mainFooter {
  padding: 10px; }

.inner {
  background-color: transparent; }

#masthead {
  padding-bottom: 0; }

#wrap {
  background-color: #fff; }

.slideHeader {
  position: relative; }

.slideHeader:after {
  content: "";
  position: absolute;
  width: 0;
  height: 0; }

.slideHeader:after {
  top: 30%;
  left: 95%;
  margin: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid #000; }

.promo, .box {
  border-width: 1px;
  border-style: solid;
  overflow: hidden; }

.promo, .box {
  border-color: #e5e5e5;
  padding: 30px; }

figure img {
  max-width: 100%; }

figure figcaption {
  font-size: 16.2px;
  font-size: 0.9rem;
  color: #898989;
  font-weight: 400;
  font-style: italic; }

input {
  font-family: "Lato", "Noto Sans CJK JP", "Noto Sans SC", Helvetica, Arial, Hiragino Kaku Gothic, Osaka, Meiryo, MS PGothic, PingFang SC, Heiti SC, Apple LiGothic, Microsoft YaHei, SimHei, NSimSun, sans-serif;
  font-size: 18px;
  font-size: 1rem;
  border: 1px solid #ccc;
  color: #888;
  padding: .3em; }

input::-webkit-input-placeholder {
  color: #888; }

input:-moz-placeholder {
  color: #888; }

input::-moz-placeholder {
  color: #888; }

input:-ms-input-placeholder {
  color: #888; }

select {
  font-family: "Lato", "Noto Sans CJK JP", "Noto Sans SC", Helvetica, Arial, Hiragino Kaku Gothic, Osaka, Meiryo, MS PGothic, PingFang SC, Heiti SC, Apple LiGothic, Microsoft YaHei, SimHei, NSimSun, sans-serif; }

#errorMessage, .field-validation-error {
  color: #9D0114; }

#errorMessage a, .field-validation-error a {
  text-decoration: underline; }

@font-face {
  font-family: 'icomoon';
  src: url("../ttf/icomoon9778.ttf?wm5krm") format("truetype"), url("../woff/icomoon9778.woff?wm5krm") format("woff"), url("../icomoon9778.html?wm5krm#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block; }

.icon {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Enable Ligatures ================ */
  letter-spacing: 0;
  -webkit-font-feature-settings: "liga";
  -moz-font-feature-settings: "liga=1";
  -moz-font-feature-settings: "liga";
  -ms-font-feature-settings: "liga" 1;
  font-feature-settings: "liga";
  -webkit-font-variant-ligatures: discretionary-ligatures;
  font-variant-ligatures: discretionary-ligatures;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.icon-instagram:before {
  content: "\e938"; }

.icon-tick:before {
  content: "\e932"; }

.icon-checked:before {
  content: "\e932"; }

.icon-audio:before {
  content: "\e930"; }

.icon-whatsapp:before {
  content: "\e927"; }

.icon-sun:before {
  content: "\e91a"; }

.icon-youtube:before {
  content: "\e933"; }

.icon-home:before {
  content: "\e91b"; }

.icon-image:before {
  content: "\e91c"; }

.icon-calendar:before {
  content: "\e91d"; }

.icon-bubble:before {
  content: "\e91e"; }

.icon-quotes-left:before {
  content: "\e91f"; }

.icon-quotes-right:before {
  content: "\e920"; }

.icon-stats-bars:before {
  content: "\e921"; }

.icon-play_circle_filled:before {
  content: "\e928"; }

.icon-pause_circle_filled:before {
  content: "\e937"; }

.icon-first_page:before {
  content: "\e935"; }

.icon-last_page:before {
  content: "\e936"; }

.icon-language:before {
  content: "\e934"; }

.icon-email:before {
  content: "\e92e"; }

.icon-exit_to_app:before {
  content: "\e900"; }

.icon-logout:before {
  content: "\e901"; }

.icon-create:before {
  content: "\e902"; }

.icon-bedtime:before {
  content: "\e903"; }

.icon-error_outline:before {
  content: "\e904"; }

.icon-video:before {
  content: "\e905"; }

.icon-web:before {
  content: "\e906"; }

.icon-location:before {
  content: "\e907"; }

.icon-add_circle_outline:before {
  content: "\e908"; }

.icon-clear:before {
  content: "\e909"; }

.icon-navigate_before:before {
  content: "\e90a"; }

.icon-navigate_next:before {
  content: "\e90b"; }

.icon-arrow_back:before {
  content: "\e90c"; }

.icon-arrow_drop_down:before {
  content: "\e90d"; }

.icon-arrow_drop_up:before {
  content: "\e90e"; }

.icon-arrow_forward:before {
  content: "\e90f"; }

.icon-expand_less:before {
  content: "\e910"; }

.icon-expand_more:before {
  content: "\e911"; }

.icon-arrow_upward:before {
  content: "\e912"; }

.icon-arrow_downward:before {
  content: "\e913"; }

.icon-arrow_left:before {
  content: "\e914"; }

.icon-arrow_right:before {
  content: "\e915"; }

.icon-bookmark:before {
  content: "\e916"; }

.icon-bookmark_outline:before {
  content: "\e917"; }

.icon-search:before {
  content: "\e918"; }

.icon-share:before {
  content: "\e919"; }

.icon-ai_audio:before {
  content: "\e931"; }

.icon-webinar:before {
  content: "\e922"; }

.icon-menu:before {
  content: "\e923"; }

.icon-arrow_first:before {
  content: "\e92d"; }

.icon-arrow_last:before {
  content: "\e924"; }

.icon-clean_circle:before {
  content: "\e925"; }

.icon-user:before {
  content: "\e926"; }

.icon-x:before {
  content: "\e92f"; }

.icon-facebook:before {
  content: "\e929"; }

.icon-rss:before {
  content: "\e92a"; }

.icon-linkedin:before {
  content: "\e92b"; }

.icon-wechat:before {
  content: "\e92c"; }

/***********************************************************/
/***************************** Colours *********************/
/***********************************************************/
/* Colour */
/* Variables */
/* Button */
/* Style */
/* Article */
/* The Work */
/* Jobs */
/* Social Bar */
/* Bulletin */
/* Magazine */
/* Most Read */
/***********************************************************/
/***************************** Font ************************/
/***********************************************************/
/* Font Size */
/***********************************************************/
/********************* GROUP and GRID **********************/
/***********************************************************/
/* Variables */
/* section[role="main"] */
/* 2 Columns - Left Side */
/* 2 Columns - Right Side */
/* 1 Column */
/***********************************************************/
/***************************** Global Margin ***************/
/***********************************************************/
/* Set 01 Margin Format [Large Spacing]*/
/* Set 02 Margin Format [Small Spacing] */
/* Set 03 Margin Format [Special Spacing] */
/* Set 01 Footer Margin Format [Large Spacing] */
/***********************************************************/
/***************************** Global Elements *************/
/***********************************************************/
/* Border */
/* Shadow */
/* Column Width */
/* Media Width */
/* Module's General Margin Top */
/* Module's General Padding Top and Bottom */
/* Module's General Padding Left and Right */
/***********************************************************/
/***************************** List Article Format *********/
/***********************************************************/
/* General Format */
/* Basic Style */
/* style01 - Top Feature */
/* style02 - 1 Column at small, 2 Columns at medium-up */
/* style03 - 1 Column at small, 2 columns at medium, 3 Columns at large-up */
/* style04 - 1 Column at small, 2 columns at medium, 3 Columns at large-up, without image */
/* style05 - 1 Column at small, 2 columns at medium, 4 Columns at large-up */
/* style06 - 1 Column at small-up */
/* style02 - transform */
/* style07 - 1 Column at small-up */
/* group2 format */
/* style08 - 1 Column at small-up */
/* group2 format */
/***********************************************************/
/***************************** Module Control **************/
/***********************************************************/
/* MPU */
/* News Featured */
/* The Work */
/* Jobs */
/* Social Bar */
/* Bulletin */
/* Magazine */
/* Most Read */
/* Form */
/**************************************************/
/******************* Box Shadow *******************/
/****************** _mixins.scss ******************/
/**************************************************/
/******************** Transform *******************/
/****************** _mixins.scss ******************/
/**************************************************/
/******************* Transition *******************/
/****************** _mixins.scss ******************/
/**************************************************/
/******************** Flex Box ********************/
/****************** _mixins.scss ******************/
/**************************************************/
/********************* Feature ********************/
/****************** _mixins.scss ******************/
/******************* Transition *******************/
/****************** mixins.scss ******************/
.magGlass {
  background: transparent url(../png/prisearch.png) no-repeat 0 0;
  background-size: 100%;
  display: block;
  overflow: hidden;
  height: 21px;
  text-indent: 999px;
  width: 21px; }

.active .magGlass, .magGlass.active {
  background-position: 0 bottom !important; }

.pill {
  background: #fc0802;
  border-radius: 5px;
  color: #fff;
  display: block;
  float: left;
  margin: 0 10px 5px 0;
  padding: 2px 8px; }

.pill a {
  color: #fff !important; }

blockquote {
  background: #f9f9f9;
  border-left: 5px solid #ccc;
  padding: 10px; }

blockquote p {
  display: inline; }

blockquote p:before {
  color: #ccc;
  content: "“";
  font-size: 4em;
  line-height: 0;
  margin-right: 5px;
  vertical-align: -.4em; }

blockquote p:after {
  color: #ccc;
  content: "”";
  font-size: 4em;
  line-height: 0;
  margin-left: 5px;
  vertical-align: -.7em; }

blockquote cite {
  color: #fc0802;
  display: block;
  font-size: 14.4px;
  font-size: 0.8rem; }

/***********************************************************/
/*************************** TABLE *************************/
/***********************************************************/
table {
  border: 1px solid #e6e6e6; }
  table td, table th {
    border: 1px solid #e6e6e6;
    padding: 5px; }
  table th {
    background-color: #ededed;
    border-color: #ccc;
    font-weight: normal;
    text-align: center; }
  table tr {
    background-color: #fff; }
  table tr:nth-child(even) {
    background-color: #fcfcfc; }
  table tr:hover {
    background-color: #f9f9f9; }
  table tfoot td {
    font-weight: normal;
    line-height: 1;
    padding: 10px 5px;
    text-align: center; }

.tableWrapper {
  position: relative;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  overflow: auto;
  height: 300px; }

.tableScroller {
  width: 640px;
  padding: 0;
  overflow: hidden; }

.tableScroller table {
  width: 100%; }

.fluid-width-video-wrapper {
  width: 100%;
  position: relative;
  padding: 0; }

.fluid-width-video-wrapper iframe, .fluid-width-video-wrapper object, .fluid-width-video-wrapper embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.clearfix:before, .bulletinsModuleBox .contentWrapper:before, .zone:before, .genericModule > footer:before, .textHtmlModule .contactUs:before, .unsubscribe .radioGroup:before, .unsubscribe .radioGroup > div:before, #articleDetail.eventPage #articleFull #articleMain #articleWrap .eventInfo ul li:before, .clearfix:after, .bulletinsModuleBox .contentWrapper:after, .zone:after, .genericModule > footer:after, .textHtmlModule .contactUs:after, .unsubscribe .radioGroup:after, .unsubscribe .radioGroup > div:after, #articleDetail.eventPage #articleFull #articleMain #articleWrap .eventInfo ul li:after {
  content: "";
  display: table; }

.clearfix:after, .bulletinsModuleBox .contentWrapper:after, .zone:after, .genericModule > footer:after, .textHtmlModule .contactUs:after, .unsubscribe .radioGroup:after, .unsubscribe .radioGroup > div:after, #articleDetail.eventPage #articleFull #articleMain #articleWrap .eventInfo ul li:after {
  clear: both; }

.a11y {
  display: inline;
  height: 0;
  left: -5000px;
  overflow: hidden;
  position: absolute;
  top: -2000px;
  width: 0; }

/***********************************************************/
/*************************** TABS **************************/
/***********************************************************/
.tabs {
  width: 100%;
  margin: 0 0 10px; }
  .tabs .tabNode {
    padding: 10px; }
  .tabs ul.tabList {
    zoom: 1;
    list-style: none;
    margin: 0;
    padding: 0;
    border-bottom: 1px solid #3b3b3b;
    clear: both;
    display: block; }
  .tabs ul.tabList li {
    float: left;
    border-left: 1px solid #3b3b3b;
    border-right: 1px solid #3b3b3b;
    border-top: 1px solid #3b3b3b;
    display: inline;
    margin: 0 0 0 5px;
    padding: 0;
    font-weight: 700;
    font-style: normal; }
  .tabs ul.tabList li a {
    color: #333;
    display: inline-block;
    text-decoration: none;
    padding: 5px 10px; }
  .tabs ul.tabList li.selected a {
    background: #fff;
    padding: 4px 10px 6px;
    position: relative;
    top: 1px; }
  .tabs ul.tabList:after {
    visibility: hidden;
    clear: both;
    content: ".";
    height: 0;
    display: block; }

.toggleHeader {
  cursor: pointer; }

.toggleHeader .toggle {
  background-size: 16px 34px;
  height: 23px;
  background: transparent url(../png/arrowspritewhite.png) no-repeat right -18px;
  background-size: 16px 34px;
  font-weight: 400;
  font-style: normal;
  padding-right: 30px; }

.toggleHeader .toggle.expanded {
  background-position: right 6px !important; }

@media only screen and (min-width: 400px) {
  .w200 {
    width: 200px; }
  .w300 {
    width: 300px; }
  .w400 {
    max-width: 400px; } }

@media only screen and (min-width: 768px) {
  #outerWrap {
    overflow-x: hidden; }
  #wrap {
    background-color: transparent; }
  #main {
    overflow: visible; }
  .tableWrapper {
    height: auto; }
  .tableScroller {
    width: auto; }
  .mobHide {
    display: block; }
  .mobShow {
    display: none; } }

@media only screen and (min-width: 960px) {
  body {
    font-size: 18px;
    font-size: 1rem; }
  h1, .h1 {
    font-size: 29px;
    font-size: 1.61111rem; }
  h2, .h2 {
    font-size: 27px;
    font-size: 1.5rem; }
  h3, .h3 {
    font-size: 25px;
    font-size: 1.38889rem; }
  h4, .h4 {
    font-size: 23px;
    font-size: 1.27778rem; }
  h5, .h5 {
    font-size: 21px;
    font-size: 1.16667rem; }
  h6, .h6 {
    font-size: 20px;
    font-size: 1.11111rem; }
  .searchForm .searchSubmit {
    font-size: 15px;
    font-size: 0.83333rem; }
  figure figcaption {
    font-size: 16px;
    font-size: 0.88889rem; }
  blockquote cite {
    font-size: 14px;
    font-size: 0.77778rem; }
  .medium {
    font-size: 16px;
    font-size: 0.88889rem; }
  small, .small {
    font-size: 15px;
    font-size: 0.83333rem; }
  .x-small {
    font-size: 14px;
    font-size: 0.77778rem; }
  .large {
    font-size: 25px;
    font-size: 1.38889rem; }
  .x-large {
    font-size: 30px;
    font-size: 1.66667rem; }
  .xx-large {
    font-size: 47px;
    font-size: 2.61111rem; }
  #textSize {
    display: none; }
  #mainFooter, #container {
    overflow: visible; } }

/***********************************************************/
/********************** NAVIGATION *************************/
/***********************************************************/
.js .subNav, .js #topNav, .js #globalFollow {
  display: none; }

.js #responsiveNavigation .subNav, .js #responsiveNavigation #topNav, .js #responsiveNavigation #globalFollow {
  display: block; }

@media only screen and (min-width: 768px) {
  nav li {
    float: left;
    position: static; }
  nav li:last-child a, nav li.last a {
    padding-right: 0; }
  nav li:last-child:after, nav li.last:after {
    display: none; }
  .js #topNav {
    display: block; }
  #topNav li {
    display: block;
    margin-left: 10px; }
  #topNav li:after {
    height: 1em; }
  #topNav a {
    padding: 0; }
  #topNav #accountActions {
    background: #fff; }
  .navSection {
    -webkit-transition: .4s max-height;
    -moz-transition: .4s max-height;
    -ms-transition: .4s max-height;
    -o-transition: .4s max-height;
    transition: .4s max-height;
    background: #181716;
    box-shadow: 0 0 5px 0 #181716;
    left: 0;
    max-height: 0;
    overflow: hidden;
    position: absolute;
    right: 0; }
  .active .navSection {
    max-height: 200px !important; }
  #searchDdl {
    border-width: 0 !important;
    position: static !important; }
  #searchDdl .fauxLink {
    overflow: hidden;
    position: relative;
    text-indent: -999px;
    width: 20px; }
  #searchDdl .fauxLink:after {
    left: 65% !important; }
  #searchDdl .navMagGlass {
    left: 50%;
    margin: -15px 0 0 -18px;
    position: absolute;
    top: 50%; }
  #searchDdl #siteSearch {
    color: #fff;
    margin: 0; } }

@media only screen and (min-width: 980px) {
  #responsiveNavigation {
    max-width: none; }
  #primaryNav {
    font-size: 21px;
    font-size: 1.16667rem; } }

/***********************************************************/
/*************************** TITLE *************************/
/***********************************************************/
#advertTop {
  background: #181716;
  line-height: 0;
  text-align: center; }

#t101Ad {
  margin: 0 auto; }

#t101Ad .adWrapper {
  padding: 5px;
  max-width: 970px;
  margin-left: auto;
  margin-right: auto; }

#masthead {
  -webkit-box-shadow: 0 8px 6px -8px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 8px 6px -8px rgba(0, 0, 0, 0.2);
  box-shadow: 0 8px 6px -8px rgba(0, 0, 0, 0.2);
  background: #fff;
  border-bottom: 1px solid #e6e6e6;
  z-index: 999; }

#masthead #title figure {
  margin: 0; }

#masthead #title h2 {
  line-height: 0;
  margin: 0; }

#masthead #title span {
  display: block;
  text-indent: -99999px; }

#masthead #title img {
  max-width: none;
  width: 159px; }

#masthead .headerUK #title {
  background: transparent url(../png/campaignspriteuk.png) no-repeat 0 0;
  background-size: 100%;
  display: block;
  margin: 0 auto;
  text-align: center;
  width: 159px; }

#masthead #title {
  background: transparent url(../png/logosprite.png) no-repeat 0 0;
  background-size: 100%;
  display: block;
  height: 46px;
  margin: 0 auto;
  text-align: center;
  width: 159px; }

/***********************************************************/
/*********************** Site Search ***********************/
/***********************************************************/
#siteSearch {
  -webkit-transition: max-height .25s ease;
  -moz-transition: max-height .25s ease;
  -ms-transition: max-height .25s ease;
  -o-transition: max-height .25s ease;
  transition: max-height .25s ease;
  color: #fff;
  max-height: 0;
  overflow: hidden; }
  @media only screen and (max-width: 599px) {
    #siteSearch {
      position: absolute;
      z-index: 900;
      left: 0;
      width: 100%; } }

#siteSearch.active {
  max-height: 300px; }

#siteSearch form {
  -webkit-transition: max-height .25s ease;
  -moz-transition: max-height .25s ease;
  -ms-transition: max-height .25s ease;
  -o-transition: max-height .25s ease;
  transition: max-height .25s ease;
  background: #181716;
  margin: 10px;
  padding: 20px; }

#siteSearch input {
  font-weight: 400;
  font-style: normal;
  font-size: 19.8px;
  font-size: 1.1rem;
  background: #3c3c3b; }

#siteSearch .searchSubmit {
  font-size: 16.2px;
  font-size: 0.9rem;
  line-height: 14.58px;
  line-height: 0.81rem;
  background: #181716;
  border-color: #fff;
  color: #fff; }

#siteSearch .searchSubmit:hover {
  background: #fff;
  color: #000; }

#siteSearchFilters {
  font-size: 16.2px;
  font-size: 0.9rem;
  display: none;
  margin-top: 25px;
  padding: 0 10%; }

#siteSearchFilters ul {
  list-style: none;
  margin: 0 auto;
  width: 200px; }

#siteSearchFilters li {
  margin: 10px 0; }

#siteSearchFilters input {
  margin: 0 10px 0 50px; }

/***********************************************************/
/*********************** Mobile Search *********************/
/***********************************************************/
#mobSearch {
  border: 0 solid #fff;
  border-width: 10px 12px 21px 12px;
  cursor: pointer;
  float: right;
  margin-bottom: -30px; }

#mobSearch.active {
  background-color: #181716;
  border-color: #181716; }

#mobNavHeader {
  background: #fff;
  overflow: hidden;
  padding: 10px; }

#mobNavHeader #mobNavLogo {
  float: left; }

#mobNavHeader .mobNavButton {
  float: right; }

#f201Ad {
  margin: 0; }

/***********************************************************/
/************************* COPY RIGHT **********************/
/***********************************************************/
#copyrightUK, #copyright {
  font-size: 16.2px;
  font-size: 0.9rem;
  text-align: center;
  margin-top: 0; }

#copyrightUK p, #copyright p {
  margin-bottom: 0;
  color: #fff;
  margin: 30px 0; }

#copyrightUK p span, #copyright p span {
  margin: 0 .35em; }

#copyrightUK strong, #copyright strong {
  display: block;
  margin-top: 20px; }

#copyrightUK a, #copyright a {
  font-weight: 400;
  font-style: normal; }

#copyrightUK a:hover, #copyright a:hover, #copyrightUK a:active, #copyright a:active {
  color: #e6e6e6; }

@media only screen and (min-width: 660px) {
  .footerStrip .x-large {
    display: inline !important; } }

@media only screen and (min-width: 768px) {
  #t101Ad {
    padding: 18px 0; }
  #mobSearch {
    display: none; }
  #siteSearchFilters {
    padding: 0 5%; }
  #siteSearchFilters ul, #siteSearchFilters li, #siteSearchFilters input, #siteSearchFilters label {
    display: inline; }
  #siteSearchFilters ul {
    width: auto; }
  #siteSearchFilters li {
    float: none;
    margin: 0; }
  /***********************************************************/
  /******************* HEADER TITLE AND STICKY ***************/
  /***********************************************************/
  #masthead {
    border-bottom: 1px solid #e6e6e6;
    box-shadow: none;
    overflow: visible;
    position: relative; }
  #masthead .inner {
    padding: 0 10px;
    position: relative; }
  #masthead .headerUK #title {
    -webkit-transition: width .25s ease, height .25s ease;
    -moz-transition: width .25s ease, height .25s ease;
    -ms-transition: width .25s ease, height .25s ease;
    -o-transition: width .25s ease, height .25s ease;
    transition: width .25s ease, height .25s ease;
    margin: 15px 25px 0 0;
    clear: both;
    float: left;
    height: auto;
    text-align: left;
    padding: 5% 11%;
    position: relative;
    width: 75px;
    z-index: 2; }
  #masthead #title {
    -webkit-transition: width .25s ease, height .25s ease;
    -moz-transition: width .25s ease, height .25s ease;
    -ms-transition: width .25s ease, height .25s ease;
    -o-transition: width .25s ease, height .25s ease;
    transition: width .25s ease, height .25s ease;
    clear: both;
    float: left;
    height: auto;
    margin: 0 25px 0 0;
    text-align: left;
    padding: 5% 11%;
    position: relative;
    width: 75px;
    z-index: 2; }
  #masthead #title figure {
    float: none; }
  #masthead #title img {
    width: 100%; }
  #masthead .slideHeader {
    display: none; }
  #masthead.sticky {
    border: 0;
    border: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0; }
  #masthead.sticky #primaryNav {
    border-bottom: 1px solid #e6e6e6; }
  #masthead.sticky .inner {
    padding: 10px; }
  #masthead.sticky .headerUK #title, #masthead.sticky #title {
    background-position: 0 bottom;
    background-size: 218%;
    clear: none;
    height: 45px;
    margin: 0 30px 10px 0;
    padding: 0;
    width: 161px; }
  #masthead.sticky .headerUK #title {
    height: 40px; }
  #masthead.sticky #accountActions.slideBox {
    -webkit-transition: max-height .25s ease;
    -moz-transition: max-height .25s ease;
    -ms-transition: max-height .25s ease;
    -o-transition: max-height .25s ease;
    transition: max-height .25s ease;
    max-height: 0;
    overflow: hidden !important; }
  #masthead.sticky #accountActions.slideBox.active {
    max-height: 200px; }
  #masthead.sticky .ddl.active a, #masthead.sticky .ddl.active .fauxLink {
    border-bottom: 5px solid #181716; }
  #masthead.sticky #searchDdl {
    border-width: 0 1px 0 0 !important; }
  #masthead.sticky #globalFollow {
    padding: 15px 0 0 0;
    display: block; }
  #masthead.sticky #globalFollow .mobHide {
    display: none; }
  #masthead.sticky #topNav {
    padding: 11px 20px 4px 0; }
  #masthead.sticky #accountActions {
    position: absolute; }
  #masthead.sticky #accountActions li {
    float: none;
    margin: 0;
    padding: 10px; }
  #masthead.sticky .slideHeader {
    display: block;
    padding: 0 10px 10px 10px;
    cursor: pointer; }
  #masthead.sticky #responsiveNavigation {
    clear: none;
    margin: 0; }
  #masthead.sticky #responsiveNavigation .fauxLink, #masthead.sticky #responsiveNavigation a {
    padding: 10px 20px;
    -webkit-transform: translateZ(0); }
  #masthead.sticky #primaryNav {
    font-size: 18px;
    font-size: 1rem; }
  #masthead.sticky #primaryNav li:first-child {
    border-width: 0 1px 0 0; }
  #masthead.sticky .magGlass {
    height: 18px;
    margin-top: -10px;
    width: 18px; }
  #masthead.sticky .magGlass :after {
    left: 60%;
    top: 36%; }
  #masthead.sticky .subNavCurrent {
    max-height: 0;
    overflow: hidden; } }

@media only screen and (min-width: 1000px) {
  #masthead #title {
    clear: none;
    height: 100px;
    padding: 0;
    margin: 30px 35px 0 0;
    width: 348px; }
  #masthead .headerUK #title {
    clear: none;
    height: 100px;
    padding: 0;
    margin: 45px 35px 0 0;
    width: 348px; } }

@media print {
  #footerWrap footer, #topNav, #responsiveNavigation, .showcase, .ad, .a11y, #textSize, aside#related, .related, #complementary, #sharingTools {
    display: none; }
  #advertTop, #siteSearch, #affilNav, nav, #topNav, #responsiveNavigation, .group2, .sharingTools, aside.genericModule, .textHtmlModule, #CM8SlideExpandButton_0, #CM8SlideCollapseButton_0, #checkm8Cont_0, #footerWrap, #cookieCompliance, #mainFooter, #networkBarWrap, #vvvSticky, #headerLeft, #headerRight, #articleBody .moreButton {
    display: none !important; }
  #title {
    float: none !important; }
  .borderBox {
    border: 0 !important; }
  #wrap, #masthead {
    border: 0 !important; }
  .group1 {
    width: 100% !important;
    float: none !important; }
  article #articleBody {
    page-break-after: always;
    font-weight: 400 !important;
    font-style: normal !important; }
  article #articleBody p, #articleHead header h2.summary, article h2, section#articleWrap p {
    font-weight: 400 !important;
    font-style: normal !important; }
  body {
    font-weight: 400 !important;
    font-style: normal !important;
    background-color: #fff !important;
    background-image: none !important;
    color: #000 !important;
    margin: 1em 2em;
    padding: 0 !important;
    text-align: left;
    float: none !important;
    width: auto !important; }
  h1, h2, h3, h4, h5, h6, caption, legend {
    font-weight: 700 !important;
    font-style: normal !important;
    text-align: left;
    line-height: 1.2;
    margin-bottom: .5em; }
  p, ul, ol, dl, blockquote, hr, fieldset, table, .mainImage {
    margin-bottom: 1.5em; }
  li ul, li ol, dl dl, td p {
    margin-bottom: 0; }
  a {
    color: #666 !important;
    text-decoration: none !important; }
  .lte8 #title h2 span, .lte8 ul li#navControl, .lte8 ul li#signInOut, .lte8 ul li#register, .lte8 ul li#bulletins, .lte8 ul li.cms, .lte8 #articleImage, .lte8 #relatedArticles, .lte8 #moreOnThisTopic, .lte8 .related {
    display: none; } }

/***********************************************************/
/***************************** Colours *********************/
/***********************************************************/
/* Colour */
/* Variables */
/* Button */
/* Style */
/* Article */
/* The Work */
/* Jobs */
/* Social Bar */
/* Bulletin */
/* Magazine */
/* Most Read */
/***********************************************************/
/***************************** Font ************************/
/***********************************************************/
/* Font Size */
/***********************************************************/
/********************* GROUP and GRID **********************/
/***********************************************************/
/* Variables */
/* section[role="main"] */
/* 2 Columns - Left Side */
/* 2 Columns - Right Side */
/* 1 Column */
/***********************************************************/
/***************************** Global Margin ***************/
/***********************************************************/
/* Set 01 Margin Format [Large Spacing]*/
/* Set 02 Margin Format [Small Spacing] */
/* Set 03 Margin Format [Special Spacing] */
/* Set 01 Footer Margin Format [Large Spacing] */
/***********************************************************/
/***************************** Global Elements *************/
/***********************************************************/
/* Border */
/* Shadow */
/* Column Width */
/* Media Width */
/* Module's General Margin Top */
/* Module's General Padding Top and Bottom */
/* Module's General Padding Left and Right */
/***********************************************************/
/***************************** List Article Format *********/
/***********************************************************/
/* General Format */
/* Basic Style */
/* style01 - Top Feature */
/* style02 - 1 Column at small, 2 Columns at medium-up */
/* style03 - 1 Column at small, 2 columns at medium, 3 Columns at large-up */
/* style04 - 1 Column at small, 2 columns at medium, 3 Columns at large-up, without image */
/* style05 - 1 Column at small, 2 columns at medium, 4 Columns at large-up */
/* style06 - 1 Column at small-up */
/* style02 - transform */
/* style07 - 1 Column at small-up */
/* group2 format */
/* style08 - 1 Column at small-up */
/* group2 format */
/***********************************************************/
/***************************** Module Control **************/
/***********************************************************/
/* MPU */
/* News Featured */
/* The Work */
/* Jobs */
/* Social Bar */
/* Bulletin */
/* Magazine */
/* Most Read */
/* Form */
/**************************************************/
/******************* Box Shadow *******************/
/****************** _mixins.scss ******************/
/**************************************************/
/******************** Transform *******************/
/****************** _mixins.scss ******************/
/**************************************************/
/******************* Transition *******************/
/****************** _mixins.scss ******************/
/**************************************************/
/******************** Flex Box ********************/
/****************** _mixins.scss ******************/
/**************************************************/
/********************* Feature ********************/
/****************** _mixins.scss ******************/
/******************* Transition *******************/
/****************** mixins.scss ******************/
/***********************************************************/
/***************************** Colours *********************/
/***********************************************************/
/* Colour */
/* Variables */
/* Button */
/* Style */
/* Article */
/* The Work */
/* Jobs */
/* Social Bar */
/* Bulletin */
/* Magazine */
/* Most Read */
/***********************************************************/
/***************************** Font ************************/
/***********************************************************/
/* Font Size */
/***********************************************************/
/********************* GROUP and GRID **********************/
/***********************************************************/
/* Variables */
/* section[role="main"] */
/* 2 Columns - Left Side */
/* 2 Columns - Right Side */
/* 1 Column */
/***********************************************************/
/***************************** Global Margin ***************/
/***********************************************************/
/* Set 01 Margin Format [Large Spacing]*/
/* Set 02 Margin Format [Small Spacing] */
/* Set 03 Margin Format [Special Spacing] */
/* Set 01 Footer Margin Format [Large Spacing] */
/***********************************************************/
/***************************** Global Elements *************/
/***********************************************************/
/* Border */
/* Shadow */
/* Column Width */
/* Media Width */
/* Module's General Margin Top */
/* Module's General Padding Top and Bottom */
/* Module's General Padding Left and Right */
/***********************************************************/
/***************************** List Article Format *********/
/***********************************************************/
/* General Format */
/* Basic Style */
/* style01 - Top Feature */
/* style02 - 1 Column at small, 2 Columns at medium-up */
/* style03 - 1 Column at small, 2 columns at medium, 3 Columns at large-up */
/* style04 - 1 Column at small, 2 columns at medium, 3 Columns at large-up, without image */
/* style05 - 1 Column at small, 2 columns at medium, 4 Columns at large-up */
/* style06 - 1 Column at small-up */
/* style02 - transform */
/* style07 - 1 Column at small-up */
/* group2 format */
/* style08 - 1 Column at small-up */
/* group2 format */
/***********************************************************/
/***************************** Module Control **************/
/***********************************************************/
/* MPU */
/* News Featured */
/* The Work */
/* Jobs */
/* Social Bar */
/* Bulletin */
/* Magazine */
/* Most Read */
/* Form */
.hide-in-mobile {
  display: none; }
  @media only screen and (min-width: 600px) {
    .hide-in-mobile {
      display: block; } }

.show-in-mobile {
  display: block; }
  @media only screen and (min-width: 600px) {
    .show-in-mobile {
      display: none !important; } }

@media only screen and (min-width: 600px) {
  .hidden-nav-btn {
    display: none !important; } }

@media only screen and (min-width: 600px) {
  .hide-navMoreBtn {
    display: none !important; } }

nav ul, nav li {
  margin: 0;
  padding: 0; }

nav ul {
  list-style: none; }
  @media only screen and (max-width: 599px) {
    nav ul {
      margin-left: 10px;
      margin-right: 10px; } }

@media only screen and (min-width: 600px) {
  nav li {
    float: left;
    position: static; } }

@media only screen and (min-width: 600px) {
  nav li:last-child a {
    padding-right: 0; } }

@media only screen and (min-width: 600px) {
  nav li:last-child:after {
    display: none; } }

nav li ul {
  overflow: hidden;
  margin-left: 0;
  margin-right: 0; }

nav .fauxLink, nav a {
  display: block;
  padding: .6em 1em; }

#newMastHead {
  border: none !important; }
  @media only screen and (min-width: 600px) {
    #newMastHead {
      background: #FFFFFF;
      width: 100%;
      position: absolute;
      z-index: 999;
      border-bottom: 1px solid #e6e6e6;
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      -ms-box-shadow: none;
      -o-box-shadow: none;
      box-shadow: none; } }
  #newMastHead .inner {
    padding: 10px; }
    @media only screen and (min-width: 600px) {
      #newMastHead .inner {
        max-width: 1280px;
        position: relative;
        margin-left: auto;
        margin-right: auto;
        padding: 0;
        border-bottom: 1px solid #eaeaea; } }
  @media only screen and (min-width: 600px) {
    #newMastHead .sticky {
      border: 0;
      left: 0;
      position: fixed;
      right: 0;
      top: 0; } }

.mobNavButton img {
  background: #E2000B;
  display: block;
  padding: 14px;
  width: 14px; }

.subNav {
  overflow: hidden;
  -webkit-transition: max-height .3s ease;
  -moz-transition: max-height .3s ease;
  -ms-transition: max-height .3s ease;
  -o-transition: max-height .3s ease;
  transition: max-height .3s ease; }
  @media only screen {
    .subNav {
      max-height: 0; } }
  @media only screen and (min-width: 600px) {
    .subNav {
      font-size: 14px;
      font-size: 0.77778rem;
      max-height: 0;
      margin-top: 5px;
      position: absolute;
      z-index: 1000;
      left: 0;
      right: 0;
      border: 0; } }
  .subNav ul {
    clear: both; }
    @media only screen and (min-width: 600px) {
      .subNav ul li {
        margin: 5px 0; } }
    @media only screen and (min-width: 600px) {
      .subNav ul li a {
        color: #000; } }

.active .subNav {
  max-height: 500px; }

#register-btn {
  font-size: 14px;
  font-size: 0.77778rem;
  line-height: 18px;
  line-height: 1rem;
  float: right;
  margin: 22px 0 0 0;
  position: relative;
  z-index: 2; }
  @media only screen and (min-width: 768px) {
    #register-btn {
      margin-right: 10px; } }
  #register-btn a {
    font-weight: 400;
    font-style: normal;
    font-size: 14px;
    font-size: 0.77778rem;
    line-height: 18px;
    line-height: 1rem;
    width: 80px;
    padding: 15px; }

#globalFollow {
  font-size: 14px;
  font-size: 0.77778rem;
  line-height: 18px;
  line-height: 1rem;
  float: right;
  list-style: none;
  position: relative;
  z-index: 2;
  margin: 22px 10px 0 0; }
  #globalFollow > span {
    font-weight: 400;
    font-style: normal;
    line-height: 18px;
    line-height: 1rem;
    padding: 15px 0;
    float: left;
    display: none; }
    @media only screen and (min-width: 980px) {
      #globalFollow > span {
        display: inline; } }
  #globalFollow ul {
    display: inline; }
    #globalFollow ul li {
      float: left;
      margin: 7.5px 0 7.5px 4px; }
      #globalFollow ul li:first-child {
        margin-left: 0; }
        @media only screen and (min-width: 980px) {
          #globalFollow ul li:first-child {
            margin-left: 7px; } }
      #globalFollow ul li a {
        padding: 0; }
        #globalFollow ul li a:hover {
          text-decoration: none; }
        #globalFollow ul li a .icon {
          font-size: 21.6px;
          font-size: 1.2rem;
          text-align: center;
          color: #FFFFFF;
          background: #3C3C3C;
          display: block;
          width: 33px;
          height: 33px;
          padding: 7px 0;
          border-radius: 16.5px;
          box-sizing: border-box; }
          #globalFollow ul li a .icon:hover {
            background: #9D0114;
            color: #FFFFFF; }

#topNav {
  font-size: 14px;
  font-size: 0.77778rem;
  line-height: 18px;
  line-height: 1rem;
  float: right;
  overflow: visible;
  position: relative;
  z-index: 2;
  margin: 22px 10px 0 0; }
  #topNav .slideHeader {
    font-weight: 400;
    font-style: normal;
    line-height: 18px;
    line-height: 1rem;
    color: #1C1C1C;
    padding: 15px 15px 15px 10px;
    cursor: pointer;
    cursor: pointer; }
    @media only screen and (min-width: 1020px) {
      #topNav .slideHeader {
        display: none; } }
    #topNav .slideHeader:after {
      content: "";
      position: absolute;
      top: 47.5%;
      left: 100%;
      margin-left: -12px;
      border-left: 4px solid transparent;
      border-right: 4px solid transparent;
      border-top: 4px solid #000; }
    #topNav .slideHeader:hover {
      color: #000000; }
  #topNav .slideBox {
    background-color: #FFFFFF;
    max-height: 0;
    width: 80px;
    position: absolute;
    overflow-x: overlay;
    overflow-y: hidden;
    -webkit-transition: max-height .5s ease;
    -moz-transition: max-height .5s ease;
    -ms-transition: max-height .5s ease;
    -o-transition: max-height .5s ease;
    transition: max-height .5s ease; }
    @media only screen and (min-width: 1020px) {
      #topNav .slideBox {
        background-color: transparent;
        max-height: none;
        width: auto;
        padding: 15px 0;
        position: static; } }
    #topNav .slideBox li {
      margin: 0 10px 15px 10px;
      float: none;
      display: block; }
      @media only screen and (min-width: 1020px) {
        #topNav .slideBox li {
          display: inline;
          margin: 0; } }
      @media only screen and (min-width: 1020px) {
        #topNav .slideBox li:before {
          content: "|";
          margin: 0 3px 0 3px; } }
      #topNav .slideBox li a {
        color: #1C1C1C; }
        @media only screen and (min-width: 1020px) {
          #topNav .slideBox li a {
            display: inline; } }
      #topNav .slideBox li.red-btn a {
        color: #E2000B; }
        #topNav .slideBox li.red-btn a:hover {
          color: #D0021B; }
      #topNav .slideBox li.account-header {
        position: relative;
        display: none; }
        #topNav .slideBox li.account-header:after {
          content: "";
          position: absolute;
          top: 47.5%;
          left: 95%;
          margin-left: -12px;
          border-left: 4px solid transparent;
          border-right: 4px solid transparent;
          border-top: 4px solid #fff; }
    #topNav .slideBox.active {
      max-height: 140px;
      padding-bottom: 10px;
      top: 9px;
      -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.5);
      -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.5);
      box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.5); }
      #topNav .slideBox.active li {
        margin: 0;
        padding: 7px 10px; }
      #topNav .slideBox.active .account-header {
        background-color: #000;
        color: #fff;
        display: block; }

.sticky #topNav .slideHeader {
  display: block; }

@media only screen and (min-width: 1020px) {
  .sticky #topNav .slideBox {
    width: 80px;
    padding: 0;
    top: 8px;
    position: absolute; } }

@media only screen and (min-width: 1020px) {
  .sticky #topNav .slideBox:after {
    display: none; } }

@media only screen and (min-width: 1020px) {
  .sticky #topNav .slideBox li {
    display: block;
    padding: 7px 10px; } }

@media only screen and (min-width: 1020px) {
  .sticky #topNav .slideBox li:before {
    display: none; } }

@media only screen and (min-width: 1020px) {
  .sticky #topNav .slideBox li a {
    display: block; } }

.sticky #topNav .slideBox li .account-header {
  display: none; }

.sticky #topNav .slideBox.active .account-header {
  display: block; }

#regionBox {
  font-size: 14px;
  font-size: 0.77778rem;
  line-height: 18px;
  line-height: 1rem;
  margin: 22px 0 0 0;
  float: right; }
  #regionBox ul {
    list-style: none;
    padding: 15px 0;
    margin: 0; }
    #regionBox ul li {
      line-height: 18px;
      line-height: 1rem;
      margin: 0;
      position: relative;
      display: inline; }
      #regionBox ul li:after {
        font-family: 'FontAwesome';
        content: '\f111';
        font-size: 5.4px;
        font-size: 0.3rem;
        line-height: 18px;
        line-height: 1rem;
        vertical-align: middle; }
        @media screen and (min-width: 0\0) {
          #regionBox ul li:after {
            display: inline-block;
            margin-top: -2px; } }
      #regionBox ul li a, #regionBox ul li span {
        font-weight: 700;
        font-style: normal;
        font-size: 14px;
        font-size: 0.77778rem;
        line-height: 18px;
        line-height: 1rem; }
      #regionBox ul li a {
        color: #000000;
        padding: 0 2px; }
        #regionBox ul li a:hover, #regionBox ul li a:focus, #regionBox ul li a:active {
          background: #1C1C1C;
          text-decoration: none;
          color: #FFFFFF; }
        #regionBox ul li a.active {
          background: #D0021B;
          color: #FFFFFF;
          padding: 0 2px;
          cursor: default;
          pointer-events: none; }
          #regionBox ul li a.active:hover, #regionBox ul li a.active:focus, #regionBox ul li a.active:active {
            text-decoration: none; }
      #regionBox ul li:first-child:after, #regionBox ul li:last-child:after {
        display: none; }

#navControl {
  float: left; }

#dropdownNavigation {
  font-weight: 400;
  font-style: normal;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 1000;
  display: block;
  max-height: 0%;
  overflow: hidden;
  -webkit-transition: max-height .5s ease;
  -moz-transition: max-height .5s ease;
  -ms-transition: max-height .5s ease;
  -o-transition: max-height .5s ease;
  transition: max-height .5s ease; }
  #dropdownNavigation.navActive {
    max-height: 100%; }
  @media only screen and (min-width: 600px) {
    #dropdownNavigation {
      background: transparent;
      border-top: 1px solid #eaeaea;
      padding-left: 10px;
      padding-right: 10px;
      margin: 88px 0 0;
      position: relative;
      z-index: 1;
      top: auto;
      right: auto;
      clear: both;
      overflow: visible;
      box-sizing: border-box; } }
  @media only screen and (min-width: 600px) {
    #dropdownNavigation:hover {
      z-index: 10; } }
  #dropdownNavigation #mobNavHeader {
    background: #FFFFFF;
    overflow: hidden;
    padding: 10px; }
    #dropdownNavigation #mobNavHeader #mobNavLogo {
      text-indent: -99999px;
      position: absolute;
      display: block; }
      #dropdownNavigation #mobNavHeader #mobNavLogo:after {
        content: "";
        width: 159px;
        height: 46px;
        background-image: url(../png/logosprite_asia.png);
        background-size: 100%;
        position: absolute;
        top: -3px;
        left: 0;
        display: block; }
    #dropdownNavigation #mobNavHeader .mobNavButton {
      float: right; }

#primaryNav {
  background: #1C1C1C;
  /* this tag seems no use */ }
  @media only screen and (min-width: 600px) {
    #primaryNav {
      font-weight: 400;
      font-style: normal;
      font-size: 21.6px;
      font-size: 1.2rem;
      background-color: #FFFFFF;
      margin: 0 auto;
      max-width: 100%; } }
  #primaryNav:before, #primaryNav:after {
    content: "";
    display: table; }
  #primaryNav:after {
    content: "";
    display: table;
    clear: both; }
  @media only screen and (min-width: 600px) {
    #primaryNav:hover ~ .navOverlay {
      opacity: 1;
      visibility: visible; } }
  #primaryNav a {
    padding: .6em;
    display: block; }
    #primaryNav a:hover, #primaryNav a:active, #primaryNav a:focus {
      text-decoration: none; }
  #primaryNav > ul {
    margin-left: 10px;
    margin-right: 10px; }
    @media only screen and (min-width: 600px) {
      #primaryNav > ul {
        margin-left: 0;
        margin-right: 0;
        clear: both; } }
    #primaryNav > ul:after {
      content: "";
      display: block;
      clear: both; }
    #primaryNav > ul > li {
      border-top: 1px solid #E4E4E4;
      border-color: #9B9B9B;
      position: relative;
      /*
			&.ddNav{
				.subNav {
					max-height: 0;
					-webkit-transition: max-height .5s ease;
					-moz-transition: max-height .5s ease;
					-ms-transition: max-height .5s ease;
					-o-transition: max-height .5s ease;
					transition: max-height .5s ease;
				}
			}
			&.ddNav{
				&.active{
					.subNav {
						max-height: 100%;
						-webkit-transition: max-height .5s ease;
						-moz-transition: max-height .5s ease;
						-ms-transition: max-height .5s ease;
						-o-transition: max-height .5s ease;
						transition: max-height .5s ease;
					}
				}
				
			}
			*/ }
      @media only screen and (min-width: 600px) {
        #primaryNav > ul > li {
          color: #FFFFFF;
          border: 0;
          list-style-type: none;
          display: inline-block;
          position: static;
          padding: 5px 0; } }
      #primaryNav > ul > li:first-child {
        border-top: none; }
        @media only screen and (min-width: 600px) {
          #primaryNav > ul > li:first-child {
            border-width: 0 1px; } }
        @media only screen and (min-width: 600px) {
          #primaryNav > ul > li:first-child a {
            border-left: 0; } }
      @media only screen and (min-width: 600px) {
        #primaryNav > ul > li:nth-last-child(2) a {
          border-right: 1px solid #eaeaea; } }
      @media only screen and (min-width: 600px) {
        #primaryNav > ul > li:nth-last-child(2):hover a {
          border-color: #000; } }
      @media only screen and (min-width: 600px) {
        #primaryNav > ul > li:hover, #primaryNav > ul > li:active {
          background: #000000; } }
      @media only screen and (min-width: 600px) {
        #primaryNav > ul > li:hover > a, #primaryNav > ul > li:hover > a:hover, #primaryNav > ul > li:hover > a:active, #primaryNav > ul > li:hover > a:focus, #primaryNav > ul > li:active > a, #primaryNav > ul > li:active > a:hover, #primaryNav > ul > li:active > a:active, #primaryNav > ul > li:active > a:focus {
          color: #FFFFFF;
          border-color: #000000; } }
      @media only screen and (min-width: 600px) {
        #primaryNav > ul > li:hover .subNav, #primaryNav > ul > li:active .subNav {
          max-height: 100%; } }
      #primaryNav > ul > li.premium {
        background: #C5001D; }
        @media only screen and (max-width: 599px) {
          #primaryNav > ul > li.premium {
            margin-left: -10px;
            margin-right: -10px; }
            #primaryNav > ul > li.premium > a {
              padding-left: 1.2em;
              padding-right: 1.2em; } }
        #primaryNav > ul > li.premium:hover {
          background-color: #9D0114; }
        #primaryNav > ul > li.premium > a, #primaryNav > ul > li.premium > a:hover, #primaryNav > ul > li.premium > a:active, #primaryNav > ul > li.premium > a:focus {
          color: #FFFFFF; }
        #primaryNav > ul > li.premium:hover > a, #primaryNav > ul > li.premium:hover > a:hover, #primaryNav > ul > li.premium:hover > a:active, #primaryNav > ul > li.premium:hover > a:focus, #primaryNav > ul > li.premium:active > a, #primaryNav > ul > li.premium:active > a:hover, #primaryNav > ul > li.premium:active > a:active, #primaryNav > ul > li.premium:active > a:focus {
          color: #FFFFFF; }
        @media only screen and (max-width: 599px) {
          #primaryNav > ul > li.premium + li {
            border-top: none; } }
      @media only screen and (min-width: 600px) {
        #primaryNav > ul > li.currentPage-active {
          background-color: #1c1c1c; } }
      @media only screen and (min-width: 600px) {
        #primaryNav > ul > li.currentPage-active > a {
          color: #FFFFFF;
          border-color: #000000; } }
      #primaryNav > ul > li > a {
        font-weight: 700;
        font-style: normal;
        color: #FFFFFF; }
        @media only screen and (min-width: 600px) {
          #primaryNav > ul > li > a {
            font-weight: 400;
            font-style: normal;
            color: #000000;
            padding: .5em 2.1em;
            border-left: 1px solid #e6e6e6; } }
        #primaryNav > ul > li > a:hover, #primaryNav > ul > li > a:active, #primaryNav > ul > li > a:focus {
          color: #5e5e5e; }
      #primaryNav > ul > li .subNav ul li {
        border-top: 1px solid #E4E4E4;
        border-color: #3C3C3C;
        margin-left: 10px;
        margin-right: 10px;
        position: relative; }
        @media only screen and (min-width: 600px) {
          #primaryNav > ul > li .subNav ul li {
            border: 0; } }
        #primaryNav > ul > li .subNav ul li a {
          font-weight: 400;
          font-style: normal;
          color: #9B9B9B; }
          @media only screen and (min-width: 600px) {
            #primaryNav > ul > li .subNav ul li a {
              color: #FFFFFF;
              padding: 15px; } }
      #primaryNav > ul > li .subNav .subNavLink {
        line-height: 0;
        text-indent: -9999px;
        text-align: center;
        position: absolute;
        top: 0;
        right: 0;
        width: 5%;
        padding: 0 .6em;
        overflow: hidden; }
        #primaryNav > ul > li .subNav .subNavLink:after {
          font-family: 'FontAwesome';
          content: "\f078";
          color: #E2000B;
          line-height: 45px;
          text-indent: 0;
          text-align: right;
          display: block; }
      #primaryNav > ul > li.active .subNav .subNavLink:after {
        content: "\f077"; }
      @media only screen and (min-width: 600px) {
        #primaryNav > ul > li > ul > li:first-child a {
          padding-left: 0; } }
      @media only screen and (min-width: 600px) {
        #primaryNav > ul > li > ul > li:last-child a {
          padding-right: 0; } }
      @media only screen and (min-width: 600px) {
        #primaryNav > ul > li > ul > li a {
          padding: .6em 1em .5em;
          color: #FFFFFF; } }
      @media only screen and (min-width: 600px) {
        #primaryNav > ul > li > ul > li a:hover {
          text-decoration: underline; } }
      @media only screen and (max-width: 599px) {
        #primaryNav > ul > li.show-in-mobile > a[href="#"] {
          pointer-events: none;
          cursor: default; }
          #primaryNav > ul > li.show-in-mobile > a[href="#"] + .subNav .subNavLink {
            width: 100%;
            box-sizing: border-box; } }
    @media only screen and (min-width: 600px) {
      #primaryNav > ul #searchDdl.active {
        background-color: #000000;
        box-shadow: none; } }
    @media only screen and (min-width: 600px) {
      #primaryNav > ul #searchDdl.active .fauxLink {
        color: #E2000B;
        border-color: #000000; } }
    @media only screen and (min-width: 600px) {
      #primaryNav > ul #searchDdl:hover .fauxLink {
        border-color: #000000; } }
    @media only screen and (min-width: 600px) {
      #primaryNav > ul #searchDdl .fauxLink {
        padding-right: 10px !important;
        border-left: 1px solid #e6e6e6; } }
    #primaryNav > ul .currentPage-active {
      background: transparent; }
      #primaryNav > ul .currentPage-active > a {
        color: #fff;
        border-color: #000; }
  @media only screen and (min-width: 600px) {
    #primaryNav .ddl.active {
      background: #181716;
      border: 0;
      box-shadow: 0 0 5px 0 #181716; } }
  @media only screen and (min-width: 600px) {
    #primaryNav .ddl.active > .fauxLink, #primaryNav .ddl.active > a {
      color: #fc0802; }
      #primaryNav .ddl.active > .fauxLink:after, #primaryNav .ddl.active > a:after {
        border-top-color: #fc0802; } }
  @media only screen and (min-width: 600px) {
    #primaryNav .ddl > .fauxLink, #primaryNav .ddl > a {
      padding-right: 45px !important;
      position: relative;
      -webkit-transform: translateZ(0); } }
  @media only screen and (min-width: 600px) {
    #primaryNav .ddl ul {
      font-weight: 400;
      font-style: normal;
      font-size: 18px;
      font-size: 1rem;
      background-color: #181716;
      position: absolute;
      z-index: 99;
      clear: both; } }
  @media only screen and (min-width: 600px) {
    #primaryNav .ddl ul li {
      border: 0; } }
  @media only screen and (min-width: 600px) {
    #primaryNav .ddl ul li:after {
      content: '';
      display: none; } }
  @media only screen and (min-width: 600px) {
    #primaryNav .ddl ul li a {
      color: #FFFFFF;
      padding: 20px; } }

.magGlass, .magGlassNew {
  background: transparent url(../png/prisearch.png) no-repeat 0 0;
  background-size: 100%;
  display: block;
  overflow: hidden;
  height: 21px;
  text-indent: 999px;
  width: 21px; }

.active .magGlass, .magGlass.active, .magGlassNew.active {
  background-position: 0 bottom !important; }

@media only screen and (min-width: 600px) {
  #dropdownNavigation #primaryNav .ddl > a {
    padding-right: 2.5em !important; }
  #dropdownNavigation #primaryNav .ddNav > a {
    position: relative;
    padding-right: 2.5em; }
    #dropdownNavigation #primaryNav .ddNav > a:after {
      font-family: 'FontAwesome';
      font-size: 12px;
      font-size: 0.66667rem;
      color: #000000;
      content: '\f078';
      display: block;
      position: absolute;
      top: 8px;
      right: 15px; }
  #dropdownNavigation #primaryNav .ddNav:hover a:after {
    color: #FFFFFF; }
  #dropdownNavigation #primaryNav ul:not(.touch) .ddItem .subNav {
    display: block;
    max-height: 0;
    margin-top: 5px; }
  #dropdownNavigation #primaryNav ul:not(.touch) .ddItem:hover .subNav {
    max-height: 600%; }
  #dropdownNavigation #primaryNav ul.touch .ddItem:hover .subNav {
    display: none; }
  #dropdownNavigation #primaryNav ul.touch .ddItem.active, #dropdownNavigation #primaryNav ul.touch .ddItem.active .navSection {
    background: #9b9b9b; }
  #dropdownNavigation #primaryNav ul.touch .ddItem.active a, #dropdownNavigation #primaryNav ul.touch .ddItem.active .navSection a {
    border-color: #9b9b9b;
    color: #fff; }
  #dropdownNavigation #primaryNav ul.touch .ddItem.active a:after, #dropdownNavigation #primaryNav ul.touch .ddItem.active .navSection a:after {
    color: #fff; }
  #dropdownNavigation #primaryNav ul.touch .ddItem.active .subNav, #dropdownNavigation #primaryNav ul.touch .ddItem.active .navSection .subNav {
    display: block;
    margin-top: 5px; }
  #dropdownNavigation #primaryNav ul.touch .ddItem.active .subNav ul, #dropdownNavigation #primaryNav ul.touch .ddItem.active .navSection .subNav ul, #dropdownNavigation #primaryNav ul.touch .ddItem.active .subNav li, #dropdownNavigation #primaryNav ul.touch .ddItem.active .navSection .subNav li {
    background: #9b9b9b; }
  #dropdownNavigation #primaryNav li.active {
    /*background-color: #fff;*/ }
  #dropdownNavigation #primaryNav .sticky #primaryNav .ddl > a:after, #dropdownNavigation #primaryNav .sticky #primaryNav .ddl > .fauxLink:after {
    top: 44%; }
  #dropdownNavigation .subNavCurrentPage {
    background: #000;
    border: 0;
    display: block; }
    #dropdownNavigation .subNavCurrentPage ul:before, #dropdownNavigation .subNavCurrentPage ul:after {
      content: "";
      display: table; }
    #dropdownNavigation .subNavCurrentPage ul:after {
      clear: both; }
    #dropdownNavigation .subNavCurrentPage li a {
      color: #fff;
      text-decoration: none;
      padding: .9em 1em;
      border: 0; }
    #dropdownNavigation .subNavCurrentPage li a:hover {
      text-decoration: underline; }
    #dropdownNavigation .subNavCurrentPage li.first {
      margin-left: 15px; }
  #dropdownNavigation .subNav {
    border: 0;
    transition: .8s max-height;
    left: 0;
    max-height: 0;
    overflow: hidden;
    position: absolute;
    right: 0; }
    #dropdownNavigation .subNav ul {
      border: 0 !important;
      padding: 0;
      margin: 0;
      border: 1px solid #000;
      background: #000; }
    #dropdownNavigation .subNav li {
      color: #fff;
      margin: 0; }
  #dropdownNavigation #primaryNav .navCurrent {
    background: #000; }
  #dropdownNavigation #primaryNav .navCurrent a {
    color: #fff;
    border-color: #000 !important;
    position: relative; }
  #dropdownNavigation #primaryNav .subNavActive a {
    padding-right: 35px; }
  #dropdownNavigation #primaryNav .subNavActive a:after {
    color: #fff;
    content: '';
    position: absolute;
    top: 1px;
    right: 15px;
    font-size: 25px;
    font-size: 1.38889rem;
    display: block;
    font-family: 'FontAwesome'; }
  #dropdownNavigation #primaryNav, #dropdownNavigation .subNavCurrentPage {
    font-size: 14.13px;
    font-size: 0.785rem; }
  #dropdownNavigation #primaryNav #searchDdl .fauxLink .navMagGlass, #dropdownNavigation .subNavCurrentPage #searchDdl .fauxLink .navMagGlass {
    top: 7px;
    margin: 0;
    left: 17px; }
  #dropdownNavigation #primaryNav .ddItem:active a, #dropdownNavigation .subNavCurrentPage .ddItem:active a {
    color: #fff; }
  #dropdownNavigation #primaryNav .ddl .navSection, #dropdownNavigation .subNavCurrentPage .ddl .navSection {
    box-shadow: none;
    font-size: 14.13px;
    font-size: 0.785rem; }
  #dropdownNavigation #primaryNav .ddl .navSection li a, #dropdownNavigation .subNavCurrentPage .ddl .navSection li a {
    font-weight: 400; }
  #dropdownNavigation #primaryNav .ddl .navSection li:hover, #dropdownNavigation .subNavCurrentPage .ddl .navSection li:hover {
    background: 0; }
  #dropdownNavigation #searchDdl:hover {
    background: #181716;
    border: 0;
    cursor: pointer; }
    #dropdownNavigation #searchDdl:hover > #siteSearch {
      display: block; }
    #dropdownNavigation #searchDdl:hover .fauxLink > .magGlass {
      background-position: 0 bottom !important; }
    #dropdownNavigation #searchDdl:hover .fauxLink:after {
      display: none; }
  #dropdownNavigation #responsiveNavigation .subNav .subNavLink, #dropdownNavigation .subNav .subNavLink {
    display: none; }
  #dropdownNavigation .fauxLink {
    padding: 7px 25px; }
  #dropdownNavigation .fauxLink:after {
    display: none; }
  #dropdownNavigation .navSection {
    margin-top: 5px; }
  #dropdownNavigation .navSection .ddNav a:hover {
    font-weight: 700; }
  #dropdownNavigation .navSection .ddNav a:after {
    display: none; }
  #dropdownNavigation #searchDdl #siteSearch {
    margin-top: 5px; }
  #dropdownNavigation #searchDdl:hover {
    background: #181716;
    border: 0; }
  #dropdownNavigation #searchDdl:hover > #siteSearch {
    display: block; }
  #dropdownNavigation #searchDdl:hover .fauxLink > .magGlass {
    background-position: 0 bottom !important; }
  #dropdownNavigation #searchDdl:hover .fauxLink:after {
    display: none; } }

@media only screen and (min-width: 600px) and (max-width: 767px) {
  nav .fauxLink, nav a {
    padding: 0; } }

.slideHeader {
  position: relative; }

@media only screen and (min-width: 768px) and (max-width: 800px) {
  #newMastHead .CampaignBridgeHeader {
    position: absolute;
    width: 100%; } }

#newMastHead .headerUK #title, #newMastHead .CampaignBridgeHeader #title {
  background: transparent url(../png/logosprite_asia.png) no-repeat 0 0;
  background-size: 100%;
  background-position: 0 -4px;
  display: block;
  margin: 0 auto;
  text-align: center;
  width: 159px;
  box-sizing: content-box; }
  @media only screen and (min-width: 600px) {
    #newMastHead .headerUK #title, #newMastHead .CampaignBridgeHeader #title {
      margin: 10px 0 10px 0; } }
  #newMastHead .headerUK #title h2, #newMastHead .CampaignBridgeHeader #title h2 {
    visibility: hidden; }

#newMastHead #title {
  background: transparent url(../logosprite.html) no-repeat 0 0;
  background-size: 100%;
  display: block;
  height: 46px;
  margin: 0 auto;
  text-align: center;
  width: 159px; }

@media only screen and (min-width: 600px) {
  #mobSearch {
    display: none; }
  #siteSearchFilters {
    padding: 0 5%; }
  #siteSearchFilters ul, #siteSearchFilters li, #siteSearchFilters input, #siteSearchFilters label {
    display: inline; }
  #siteSearchFilters ul {
    width: auto; }
  #siteSearchFilters li {
    float: none; }
  #masthead .inner .CampaignBridgeHeader #title, #newMastHead .inner .CampaignBridgeHeader #title {
    clear: none;
    margin-left: 2%; }
  #masthead .headerUK #title, #newMastHead .headerUK #title, #masthead .CampaignBridgeHeader #title, #newMastHead .CampaignBridgeHeader #title, #masthead #title, #newMastHead #title {
    -webkit-transition: all .25s ease;
    /* no enough space for effect */
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease;
    clear: both;
    float: left;
    height: auto;
    margin: 15px 0 5px 0;
    text-align: left;
    padding: 5% 11%;
    position: relative;
    width: 65px;
    z-index: 2; }
  #masthead .headerUK #title figure, #newMastHead .headerUK #title figure, #masthead .CampaignBridgeHeader #title figure, #newMastHead .CampaignBridgeHeader #title figure, #masthead #title figure, #newMastHead #title figure {
    float: none; }
  #masthead .headerUK #title img, #newMastHead .headerUK #title img, #masthead .CampaignBridgeHeader #title img, #newMastHead .CampaignBridgeHeader #title img, #masthead #title img, #newMastHead #title img {
    width: 100%; }
  /* 
	#masthead .slideHeader,#newMastHead .slideHeader {
		display: none;


	} */
  #newMastHead #title figure {
    margin: 0; }
  #newMastHead #title h2 {
    line-height: 0;
    margin: 0; }
  #newMastHead #title span {
    display: block;
    text-indent: -99999px; }
  #newMastHead #title img {
    max-width: none;
    width: 159px; } }

.navSection {
  -webkit-transition: .4s max-height;
  -moz-transition: .4s max-height;
  -ms-transition: .4s max-height;
  -o-transition: .4s max-height;
  transition: .4s max-height;
  background: #181716;
  box-shadow: 0 0 5px 0 #181716;
  left: 0;
  max-height: 0;
  overflow: hidden;
  position: absolute;
  right: 0; }

.active .navSection {
  max-height: 200px !important; }

#searchDdl {
  border-width: 0 !important;
  position: static !important; }
  #searchDdl .fauxLink {
    overflow: hidden;
    position: relative;
    text-indent: -999px;
    width: 20px; }
  #searchDdl .fauxLink:after {
    left: 65% !important; }
  #searchDdl .navMagGlass {
    left: 50%;
    margin: -15px 0 0 -18px;
    position: absolute;
    top: 50%; }
  #searchDdl #siteSearch {
    color: #fff;
    margin: 0;
    z-index: 2;
    -webkit-transition-delay: .3s;
    -moz-transition-delay: .3s;
    -ms-transition-delay: .3s;
    -o-transition-delay: .3s;
    transition-delay: .3s; }

@media only screen and (min-width: 400px) {
  #newMastHead #globalFollow {
    display: none; }
  #newMastHead.sticky #globalFollow {
    display: none; } }

@media only screen and (min-width: 600px) {
  #masthead.sticky, #newMastHead.sticky {
    border: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0; }
  #masthead.sticky #primaryNav, #newMastHead.sticky #primaryNav {
    border-bottom: 1px solid #e6e6e6; }
  #masthead.sticky .inner, #newMastHead.sticky .inner {
    padding: 10px; }
  #masthead.sticky .headerUK #title, #newMastHead.sticky .headerUK #title, #masthead.sticky .CampaignBridgeHeader #title, #newMastHead.sticky .CampaignBridgeHeader #title, #masthead.sticky #title, #newMastHead.sticky #title {
    background-size: 100%;
    clear: none;
    height: auto;
    margin: 22px 30px 10px 0;
    padding: 22.5px 43px;
    width: 75px; }
  #masthead.sticky .CampaignBridgeHeader #title, #newMastHead.sticky .CampaignBridgeHeader #title {
    margin: 22px 30px 10px 2%; }
  #masthead.sticky .headerUK #title, #newMastHead.sticky .headerUK #title {
    height: 40px; }
  #masthead.sticky #accountActions.slideBox, #newMastHead.sticky #accountActions.slideBox {
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease;
    max-height: 0;
    overflow: hidden !important; }
  #masthead.sticky #accountActions.slideBox.active, #newMastHead.sticky #accountActions.slideBox.active {
    max-height: 200px; }
  #masthead.sticky #searchDdl, #newMastHead.sticky #searchDdl {
    border-width: 0 1px 0 0 !important; }
  #masthead.sticky #globalFollow .mobHide, #newMastHead.sticky #globalFollow .mobHide {
    display: none; }
  #masthead.sticky #responsiveNavigation, #newMastHead.sticky #responsiveNavigation {
    clear: none;
    margin: 0; }
  #masthead.sticky #responsiveNavigation .fauxLink, #newMastHead.sticky #responsiveNavigation .fauxLink, #masthead.sticky #responsiveNavigation a, #newMastHead.sticky #responsiveNavigation a {
    padding: 10px 20px;
    -webkit-transform: translateZ(0); }
  #masthead.sticky #primaryNav, #newMastHead.sticky #primaryNav {
    font-size: 18px;
    font-size: 1rem; }
  #masthead.sticky #primaryNav li:first-child, #newMastHead.sticky #primaryNav li:first-child {
    border-width: 0 1px 0 0; }
  #masthead.sticky .magGlass, #newMastHead.sticky .magGlass {
    height: 18px;
    margin-top: -10px;
    width: 18px; }
  #masthead.sticky .magGlass :after, #newMastHead.sticky .magGlass :after {
    left: 60%;
    top: 36%; }
  #masthead.sticky .subNavCurrent, #newMastHead.sticky .subNavCurrent {
    max-height: 0;
    overflow: hidden; }
  #newMastHead.sticky {
    border-bottom: 1px solid #e6e6e6;
    margin-left: auto;
    margin-right: auto; }
  #newMastHead.sticky #primaryNav {
    font-size: 14.13px;
    font-size: 0.785rem;
    border-bottom: 0; }
  #newMastHead.sticky .inner {
    padding: 0; } }

@media only screen and (min-width: 600px) {
  #masthead #accountActions.slideBox, #newMastHead #accountActions.slideBox {
    -webkit-transition: max-height .25s ease;
    -moz-transition: max-height .25s ease;
    -ms-transition: max-height .25s ease;
    -o-transition: max-height .25s ease;
    transition: max-height .25s ease; } }

@media only screen and (min-width: 768px) {
  #masthead #globalFollow, #newMastHead #globalFollow {
    display: block; }
  #masthead.sticky #globalFollow, #newMastHead.sticky #globalFollow {
    display: block; } }

#paddingHead {
  background-color: #FFFFFF; }
  @media only screen {
    #paddingHead {
      display: none; } }
  @media only screen and (min-width: 600px) {
    #paddingHead {
      display: block;
      min-height: 131.125px; } }
  #paddingHead .inner {
    padding: 0;
    max-width: 1280px; }
  #paddingHead .CampaignBridgeHeader {
    padding-bottom: 44.125px; }
    @media only screen and (min-width: 600px) {
      #paddingHead .CampaignBridgeHeader #title {
        width: 159px;
        padding: 5% 11%;
        display: block;
        margin: 20px 25px 0 2%; } }

@media only screen and (min-width: 600px) {
  #newMastHead-sticky-wrapper, #newMastHead-sticky-wrapper.sticky-wrapper, #newMastHead-sticky-wrapper.sticky {
    height: auto !important; } }

#newMastHead-sticky-wrapper.sticky-wrapper {
  height: auto !important; }

@media only screen and (max-width: 599px) {
  #newMastHead.sticky {
    position: static !important; } }

/***********************************************************/
/***************************** Colours *********************/
/***********************************************************/
/* Colour */
/* Variables */
/* Button */
/* Style */
/* Article */
/* The Work */
/* Jobs */
/* Social Bar */
/* Bulletin */
/* Magazine */
/* Most Read */
/***********************************************************/
/***************************** Font ************************/
/***********************************************************/
/* Font Size */
/***********************************************************/
/********************* GROUP and GRID **********************/
/***********************************************************/
/* Variables */
/* section[role="main"] */
/* 2 Columns - Left Side */
/* 2 Columns - Right Side */
/* 1 Column */
/***********************************************************/
/***************************** Global Margin ***************/
/***********************************************************/
/* Set 01 Margin Format [Large Spacing]*/
/* Set 02 Margin Format [Small Spacing] */
/* Set 03 Margin Format [Special Spacing] */
/* Set 01 Footer Margin Format [Large Spacing] */
/***********************************************************/
/***************************** Global Elements *************/
/***********************************************************/
/* Border */
/* Shadow */
/* Column Width */
/* Media Width */
/* Module's General Margin Top */
/* Module's General Padding Top and Bottom */
/* Module's General Padding Left and Right */
/***********************************************************/
/***************************** List Article Format *********/
/***********************************************************/
/* General Format */
/* Basic Style */
/* style01 - Top Feature */
/* style02 - 1 Column at small, 2 Columns at medium-up */
/* style03 - 1 Column at small, 2 columns at medium, 3 Columns at large-up */
/* style04 - 1 Column at small, 2 columns at medium, 3 Columns at large-up, without image */
/* style05 - 1 Column at small, 2 columns at medium, 4 Columns at large-up */
/* style06 - 1 Column at small-up */
/* style02 - transform */
/* style07 - 1 Column at small-up */
/* group2 format */
/* style08 - 1 Column at small-up */
/* group2 format */
/***********************************************************/
/***************************** Module Control **************/
/***********************************************************/
/* MPU */
/* News Featured */
/* The Work */
/* Jobs */
/* Social Bar */
/* Bulletin */
/* Magazine */
/* Most Read */
/* Form */
/**************************************************/
/******************* Box Shadow *******************/
/****************** _mixins.scss ******************/
/**************************************************/
/******************** Transform *******************/
/****************** _mixins.scss ******************/
/**************************************************/
/******************* Transition *******************/
/****************** _mixins.scss ******************/
/**************************************************/
/******************** Flex Box ********************/
/****************** _mixins.scss ******************/
/**************************************************/
/********************* Feature ********************/
/****************** _mixins.scss ******************/
/******************* Transition *******************/
/****************** mixins.scss ******************/
/***********************************************************/
/***************************** Colours *********************/
/***********************************************************/
/* Colour */
/* Variables */
/* Button */
/* Style */
/* Article */
/* The Work */
/* Jobs */
/* Social Bar */
/* Bulletin */
/* Magazine */
/* Most Read */
/***********************************************************/
/***************************** Font ************************/
/***********************************************************/
/* Font Size */
/***********************************************************/
/********************* GROUP and GRID **********************/
/***********************************************************/
/* Variables */
/* section[role="main"] */
/* 2 Columns - Left Side */
/* 2 Columns - Right Side */
/* 1 Column */
/***********************************************************/
/***************************** Global Margin ***************/
/***********************************************************/
/* Set 01 Margin Format [Large Spacing]*/
/* Set 02 Margin Format [Small Spacing] */
/* Set 03 Margin Format [Special Spacing] */
/* Set 01 Footer Margin Format [Large Spacing] */
/***********************************************************/
/***************************** Global Elements *************/
/***********************************************************/
/* Border */
/* Shadow */
/* Column Width */
/* Media Width */
/* Module's General Margin Top */
/* Module's General Padding Top and Bottom */
/* Module's General Padding Left and Right */
/***********************************************************/
/***************************** List Article Format *********/
/***********************************************************/
/* General Format */
/* Basic Style */
/* style01 - Top Feature */
/* style02 - 1 Column at small, 2 Columns at medium-up */
/* style03 - 1 Column at small, 2 columns at medium, 3 Columns at large-up */
/* style04 - 1 Column at small, 2 columns at medium, 3 Columns at large-up, without image */
/* style05 - 1 Column at small, 2 columns at medium, 4 Columns at large-up */
/* style06 - 1 Column at small-up */
/* style02 - transform */
/* style07 - 1 Column at small-up */
/* group2 format */
/* style08 - 1 Column at small-up */
/* group2 format */
/***********************************************************/
/***************************** Module Control **************/
/***********************************************************/
/* MPU */
/* News Featured */
/* The Work */
/* Jobs */
/* Social Bar */
/* Bulletin */
/* Magazine */
/* Most Read */
/* Form */
/***********************************************************/
/***************************** FOOTER **********************/
/***********************************************************/
.footerWrap {
  color: #fff;
  background-color: #333;
  /*.footerWrap+.footerWrap {
		background-color: #393939;
		background-image: -webkit-gradient(linear, center top, left bottom, from(#333), to(#393939));
		background-image: -webkit-linear-gradient(top, #333, #393939);
		background-image: -moz-linear-gradient(top, #333, #393939);
		background-image: -o-linear-gradient(top, #333, #393939);
		background-image: linear-gradient(to bottom, #333, #393939);
		margin-top: 0;
    }*/ }
  .footerWrap a {
    color: #fff; }
    .footerWrap a:hover {
      text-decoration: none; }
  .footerWrap .footerStrip {
    text-align: center; }
    .footerWrap .footerStrip.inner {
      padding: 10px; }
    .footerWrap .footerStrip a {
      font-weight: 300;
      font-style: normal;
      text-transform: uppercase;
      color: #fff;
      padding: 0;
      overflow: initial; }
    .footerWrap .footerStrip ul {
      margin-top: 0;
      margin-bottom: 0; }
    .footerWrap .footerStrip li {
      font-weight: 300;
      font-style: normal;
      margin-top: 30px;
      -webkit-transition: all .3s ease;
      -moz-transition: all .3s ease;
      -ms-transition: all .3s ease;
      -o-transition: all .3s ease;
      transition: all .3s ease; }
      @media only screen and (min-width: 600px) {
        .footerWrap .footerStrip li {
          float: none; } }
      @media only screen and (min-width: 768px) {
        .footerWrap .footerStrip li {
          float: left;
          width: 30%;
          margin: 20px 0; } }
      @media only screen and (min-width: 768px) {
        .footerWrap .footerStrip li:first-child {
          margin-left: 0;
          margin-right: 4%; } }
      @media only screen and (min-width: 1040px) {
        .footerWrap .footerStrip li:first-child {
          width: 38%; } }
      @media only screen and (min-width: 1240px) {
        .footerWrap .footerStrip li:first-child {
          width: 37%; } }
      @media only screen and (min-width: 1040px) {
        .footerWrap .footerStrip li:nth-child(2) {
          width: 28%; } }
      @media only screen and (min-width: 1240px) {
        .footerWrap .footerStrip li:nth-child(2) {
          width: 29%; } }
      @media only screen and (min-width: 768px) {
        .footerWrap .footerStrip li:last-child {
          float: right; } }
      @media only screen and (min-width: 1040px) {
        .footerWrap .footerStrip li:last-child {
          width: 26%; } }
      @media only screen and (min-width: 1240px) {
        .footerWrap .footerStrip li:last-child {
          width: 26%; } }
    .footerWrap .footerStrip i {
      color: #929292;
      font-size: 1.5em;
      margin: 0 0 10px 0; }
    .footerWrap .footerStrip em {
      font-weight: 400;
      font-style: normal;
      color: #fff;
      margin-left: 10px; }
      @media only screen and (min-width: 768px) {
        .footerWrap .footerStrip em {
          display: block; } }
    .footerWrap .footerStrip .fa {
      font-family: 'FontAwesome';
      font-style: normal;
      font-weight: normal;
      color: #fff;
      display: inline-block; }
    .footerWrap .footerStrip .reset-size {
      font-size: 1rem; }
    .footerWrap .footerStrip .x-large {
      font-weight: 400 !important;
      font-style: normal !important;
      font-size: 23px;
      font-size: 1.27778rem;
      line-height: .8;
      text-transform: uppercase;
      color: #fff; }
      @media only screen and (min-width: 660px) {
        .footerWrap .footerStrip .x-large {
          display: inline !important; } }
  @media only screen and (min-width: 960px) {
    .footerWrap .footerStripLink {
      text-align: left; } }
  .footerWrap .footerStripLink a {
    display: block; }
    @media only screen and (min-width: 960px) {
      .footerWrap .footerStripLink a {
        overflow: initial;
        line-height: 1.7rem;
        font-size: 19px; } }
    @media only screen and (min-width: 960px) {
      .footerWrap .footerStripLink a .x-large {
        display: block !important; } }
  @media only screen and (min-width: 960px) {
    .footerWrap .footerStripLink i {
      font-size: 2.8em;
      float: left;
      margin-right: 20px; } }
  .footerWrap .footerStripLink li:first-child {
    text-align: left; }
  .footerWrap .footerStripLink .linkPrompt {
    font-family: 'Lato', Helvetica, Arial, sans-serif;
    /* special case must use Lato Bold*/
    font-weight: 700;
    text-decoration: none !important;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.7);
    line-height: 1.6;
    color: #fff;
    background-color: #fc0802;
    vertical-align: middle;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
    padding: 0 .3em;
    margin-left: .5em; }
    @media only screen and (min-width: 960px) {
      .footerWrap .footerStripLink .linkPrompt {
        margin-left: .5em; } }
    .footerWrap .footerStripLink .linkPrompt.linkPrompt-Light {
      background-color: #fc0802;
      color: #fff; }

#footerWrap {
  color: #fff;
  background-color: #000;
  margin-top: 0;
  /*.globalFooterBar {
		li:first-child {
			text-transform: none;
			@media only screen and (min-width:768px) {
				font-size: 19px;
				line-height: 1.7;
				text-align: center;
				padding-top: 25px;
			}
			@media only screen and (min-width:960px) {
				text-align: right!important;
				text-transform: none;
				padding-top: 0;
			}
			@media only screen and (min-width:1240px) {
				font-size: 26px;
				text-align: right;
				text-transform: none;
				line-height: 1.3;
			}
			.x-large {
				text-transform: none;
				display: inline;
				@media only screen and (min-width:768px) {
					font-size: 25px;
					line-height: 1.16;
					display: block!important;
				}
				@media only screen and (min-width:1240px) {
					font-size: 37px;
					line-height: .8;
				}
			}
		}
	}*/ }
  #footerWrap a {
    color: #fff;
    text-decoration: none; }
  #footerWrap #mainFooter {
    background-color: transparent;
    padding: 10px; }
    @media only screen and (min-width: 768px) {
      #footerWrap #mainFooter {
        padding: 20px 10px; } }
    @media only screen and (min-width: 768px) {
      #footerWrap #mainFooter .footerInfo {
        float: left;
        width: 400px;
        margin-right: 50px;
        max-width: 45%; } }
    #footerWrap #mainFooter .footerInfo .socialbar {
      text-transform: uppercase;
      text-align: center;
      color: #fc0802;
      margin-top: 20px; }
      @media only screen and (min-width: 768px) {
        #footerWrap #mainFooter .footerInfo .socialbar {
          font-weight: 300;
          font-style: normal;
          border: 1px solid #fff;
          padding: 25px;
          clear: both; } }
      @media only screen and (min-width: 960px) {
        #footerWrap #mainFooter .footerInfo .socialbar {
          text-align: left;
          padding: 25px;
          display: flex;
          flex-flow: row wrap;
          justify-content: center;
          align-items: center; } }
      #footerWrap #mainFooter .footerInfo .socialbar ul {
        list-style: none;
        margin-top: 10px;
        display: block; }
        @media only screen and (min-width: 960px) {
          #footerWrap #mainFooter .footerInfo .socialbar ul {
            display: inline;
            margin-top: 0; } }
      #footerWrap #mainFooter .footerInfo .socialbar li {
        font-weight: 300;
        font-style: normal;
        display: inline;
        line-height: 1.5;
        margin: 0 9px; }
        #footerWrap #mainFooter .footerInfo .socialbar li a:hover {
          text-decoration: none; }
          #footerWrap #mainFooter .footerInfo .socialbar li a:hover i {
            text-decoration: none; }
        @media only screen and (min-width: 960px) {
          #footerWrap #mainFooter .footerInfo .socialbar li {
            vertical-align: text-bottom;
            margin: 0 7px; }
            #footerWrap #mainFooter .footerInfo .socialbar li:last-child {
              margin-right: 0; } }
    #footerWrap #mainFooter .footerInfo #copyright {
      font-size: 16.2px;
      font-size: .9rem;
      text-align: center;
      margin-top: 0; }
      @media only screen and (min-width: 768px) {
        #footerWrap #mainFooter .footerInfo #copyright {
          margin: 0 20px 0 0; } }
      @media only screen and (min-width: 960px) {
        #footerWrap #mainFooter .footerInfo #copyright {
          text-align: left !important; } }
      @media only screen and (min-width: 960px) {
        #footerWrap #mainFooter .footerInfo #copyright img {
          margin-right: 10px;
          vertical-align: middle; } }
      #footerWrap #mainFooter .footerInfo #copyright p {
        margin-bottom: 0;
        color: #fff;
        margin: 30px 0; }
        #footerWrap #mainFooter .footerInfo #copyright p span {
          margin: 0 .35em; }
        #footerWrap #mainFooter .footerInfo #copyright p strong {
          display: block;
          margin-top: 20px; }
          @media only screen and (min-width: 960px) {
            #footerWrap #mainFooter .footerInfo #copyright p strong {
              display: inline; } }
      #footerWrap #mainFooter .footerInfo #copyright a {
        font-weight: 400;
        font-style: normal; }
        #footerWrap #mainFooter .footerInfo #copyright a:hover, #footerWrap #mainFooter .footerInfo #copyright a:active {
          color: #e6e6e6; }
    #footerWrap #mainFooter #footerNav {
      font-size: 17.1px;
      font-size: .95rem;
      line-height: 1.5;
      overflow: hidden;
      text-shadow: 1px 1px 2px #000; }
      #footerWrap #mainFooter #footerNav dt {
        margin: 0 0 3px;
        font-weight: 700;
        font-style: normal;
        color: #a2a2a2; }
      #footerWrap #mainFooter #footerNav dd {
        margin: 0; }
        #footerWrap #mainFooter #footerNav dd li {
          display: block;
          margin-left: 0; }
          #footerWrap #mainFooter #footerNav dd li a {
            color: #fff; }
            #footerWrap #mainFooter #footerNav dd li a:hover {
              text-decoration: none;
              color: red; }
      #footerWrap #mainFooter #footerNav a {
        display: inline;
        margin-right: 2px;
        padding: 0; }
      @media only screen and (min-width: 768px) {
        #footerWrap #mainFooter #footerNav .footerModuleGroup {
          display: flex;
          gap: 1rem;
          flex-flow: row wrap; } }
      @media only screen and (min-width: 768px) {
        #footerWrap #mainFooter #footerNav .footerModuleGroup dl {
          margin: 0; } }

/***********************************************************/
/***************************** Colours *********************/
/***********************************************************/
/* Colour */
/* Variables */
/* Button */
/* Style */
/* Article */
/* The Work */
/* Jobs */
/* Social Bar */
/* Bulletin */
/* Magazine */
/* Most Read */
/***********************************************************/
/***************************** Font ************************/
/***********************************************************/
/* Font Size */
/***********************************************************/
/********************* GROUP and GRID **********************/
/***********************************************************/
/* Variables */
/* section[role="main"] */
/* 2 Columns - Left Side */
/* 2 Columns - Right Side */
/* 1 Column */
/***********************************************************/
/***************************** Global Margin ***************/
/***********************************************************/
/* Set 01 Margin Format [Large Spacing]*/
/* Set 02 Margin Format [Small Spacing] */
/* Set 03 Margin Format [Special Spacing] */
/* Set 01 Footer Margin Format [Large Spacing] */
/***********************************************************/
/***************************** Global Elements *************/
/***********************************************************/
/* Border */
/* Shadow */
/* Column Width */
/* Media Width */
/* Module's General Margin Top */
/* Module's General Padding Top and Bottom */
/* Module's General Padding Left and Right */
/***********************************************************/
/***************************** List Article Format *********/
/***********************************************************/
/* General Format */
/* Basic Style */
/* style01 - Top Feature */
/* style02 - 1 Column at small, 2 Columns at medium-up */
/* style03 - 1 Column at small, 2 columns at medium, 3 Columns at large-up */
/* style04 - 1 Column at small, 2 columns at medium, 3 Columns at large-up, without image */
/* style05 - 1 Column at small, 2 columns at medium, 4 Columns at large-up */
/* style06 - 1 Column at small-up */
/* style02 - transform */
/* style07 - 1 Column at small-up */
/* group2 format */
/* style08 - 1 Column at small-up */
/* group2 format */
/***********************************************************/
/***************************** Module Control **************/
/***********************************************************/
/* MPU */
/* News Featured */
/* The Work */
/* Jobs */
/* Social Bar */
/* Bulletin */
/* Magazine */
/* Most Read */
/* Form */
/**************************************************/
/******************* Box Shadow *******************/
/****************** _mixins.scss ******************/
/**************************************************/
/******************** Transform *******************/
/****************** _mixins.scss ******************/
/**************************************************/
/******************* Transition *******************/
/****************** _mixins.scss ******************/
/**************************************************/
/******************** Flex Box ********************/
/****************** _mixins.scss ******************/
/**************************************************/
/********************* Feature ********************/
/****************** _mixins.scss ******************/
/******************* Transition *******************/
/****************** mixins.scss ******************/
/***********************************************************/
/***************************** Colours *********************/
/***********************************************************/
/* Colour */
/* Variables */
/* Button */
/* Style */
/* Article */
/* The Work */
/* Jobs */
/* Social Bar */
/* Bulletin */
/* Magazine */
/* Most Read */
/***********************************************************/
/***************************** Font ************************/
/***********************************************************/
/* Font Size */
/***********************************************************/
/********************* GROUP and GRID **********************/
/***********************************************************/
/* Variables */
/* section[role="main"] */
/* 2 Columns - Left Side */
/* 2 Columns - Right Side */
/* 1 Column */
/***********************************************************/
/***************************** Global Margin ***************/
/***********************************************************/
/* Set 01 Margin Format [Large Spacing]*/
/* Set 02 Margin Format [Small Spacing] */
/* Set 03 Margin Format [Special Spacing] */
/* Set 01 Footer Margin Format [Large Spacing] */
/***********************************************************/
/***************************** Global Elements *************/
/***********************************************************/
/* Border */
/* Shadow */
/* Column Width */
/* Media Width */
/* Module's General Margin Top */
/* Module's General Padding Top and Bottom */
/* Module's General Padding Left and Right */
/***********************************************************/
/***************************** List Article Format *********/
/***********************************************************/
/* General Format */
/* Basic Style */
/* style01 - Top Feature */
/* style02 - 1 Column at small, 2 Columns at medium-up */
/* style03 - 1 Column at small, 2 columns at medium, 3 Columns at large-up */
/* style04 - 1 Column at small, 2 columns at medium, 3 Columns at large-up, without image */
/* style05 - 1 Column at small, 2 columns at medium, 4 Columns at large-up */
/* style06 - 1 Column at small-up */
/* style02 - transform */
/* style07 - 1 Column at small-up */
/* group2 format */
/* style08 - 1 Column at small-up */
/* group2 format */
/***********************************************************/
/***************************** Module Control **************/
/***********************************************************/
/* MPU */
/* News Featured */
/* The Work */
/* Jobs */
/* Social Bar */
/* Bulletin */
/* Magazine */
/* Most Read */
/* Form */
/**************************************************/
/******************* Box Shadow *******************/
/****************** _mixins.scss ******************/
/**************************************************/
/******************** Transform *******************/
/****************** _mixins.scss ******************/
/**************************************************/
/******************* Transition *******************/
/****************** _mixins.scss ******************/
/**************************************************/
/******************** Flex Box ********************/
/****************** _mixins.scss ******************/
/**************************************************/
/********************* Feature ********************/
/****************** _mixins.scss ******************/
/******************* Transition *******************/
/****************** mixins.scss ******************/
/***********************************************************/
/***************************** Colours *********************/
/***********************************************************/
/* Colour */
/* Variables */
/* Button */
/* Style */
/* Article */
/* The Work */
/* Jobs */
/* Social Bar */
/* Bulletin */
/* Magazine */
/* Most Read */
/***********************************************************/
/***************************** Font ************************/
/***********************************************************/
/* Font Size */
/***********************************************************/
/********************* GROUP and GRID **********************/
/***********************************************************/
/* Variables */
/* section[role="main"] */
/* 2 Columns - Left Side */
/* 2 Columns - Right Side */
/* 1 Column */
/***********************************************************/
/***************************** Global Margin ***************/
/***********************************************************/
/* Set 01 Margin Format [Large Spacing]*/
/* Set 02 Margin Format [Small Spacing] */
/* Set 03 Margin Format [Special Spacing] */
/* Set 01 Footer Margin Format [Large Spacing] */
/***********************************************************/
/***************************** Global Elements *************/
/***********************************************************/
/* Border */
/* Shadow */
/* Column Width */
/* Media Width */
/* Module's General Margin Top */
/* Module's General Padding Top and Bottom */
/* Module's General Padding Left and Right */
/***********************************************************/
/***************************** List Article Format *********/
/***********************************************************/
/* General Format */
/* Basic Style */
/* style01 - Top Feature */
/* style02 - 1 Column at small, 2 Columns at medium-up */
/* style03 - 1 Column at small, 2 columns at medium, 3 Columns at large-up */
/* style04 - 1 Column at small, 2 columns at medium, 3 Columns at large-up, without image */
/* style05 - 1 Column at small, 2 columns at medium, 4 Columns at large-up */
/* style06 - 1 Column at small-up */
/* style02 - transform */
/* style07 - 1 Column at small-up */
/* group2 format */
/* style08 - 1 Column at small-up */
/* group2 format */
/***********************************************************/
/***************************** Module Control **************/
/***********************************************************/
/* MPU */
/* News Featured */
/* The Work */
/* Jobs */
/* Social Bar */
/* Bulletin */
/* Magazine */
/* Most Read */
/* Form */
/***********************************************************/
/************************* JOBS MODULE *********************/
/***********************************************************/
/***********************************************************/
/********************* THE WORK MODULE *********************/
/***********************************************************/
/***********************************************************/
/********************* BULLETIN MODULE *********************/
/***********************************************************/
.bulletinsModuleBox .contentWrapper {
  font-size: 16px;
  font-size: 0.88889rem; }
  .bulletinsModuleBox .contentWrapper ul li {
    list-style: none;
    padding: 0;
    margin: 0 0 10px 0;
    float: left; }
    .bulletinsModuleBox .contentWrapper ul li a {
      color: #3C3C3C; }
    @media only screen {
      .bulletinsModuleBox .contentWrapper ul li {
        width: 100%; } }
    @media only screen and (min-width: 600px) {
      .bulletinsModuleBox .contentWrapper ul li {
        width: 50%; } }

.bulletinsModuleBox .btn a.button {
  margin: 10px 0 20px 0; }

/***********************************************************/
/********************* MOSTREAD MODULE *********************/
/***********************************************************/
/***********************************************************/
/***************************** Colours *********************/
/***********************************************************/
/* Colour */
/* Variables */
/* Button */
/* Style */
/* Article */
/* The Work */
/* Jobs */
/* Social Bar */
/* Bulletin */
/* Magazine */
/* Most Read */
/***********************************************************/
/***************************** Font ************************/
/***********************************************************/
/* Font Size */
/***********************************************************/
/********************* GROUP and GRID **********************/
/***********************************************************/
/* Variables */
/* section[role="main"] */
/* 2 Columns - Left Side */
/* 2 Columns - Right Side */
/* 1 Column */
/***********************************************************/
/***************************** Global Margin ***************/
/***********************************************************/
/* Set 01 Margin Format [Large Spacing]*/
/* Set 02 Margin Format [Small Spacing] */
/* Set 03 Margin Format [Special Spacing] */
/* Set 01 Footer Margin Format [Large Spacing] */
/***********************************************************/
/***************************** Global Elements *************/
/***********************************************************/
/* Border */
/* Shadow */
/* Column Width */
/* Media Width */
/* Module's General Margin Top */
/* Module's General Padding Top and Bottom */
/* Module's General Padding Left and Right */
/***********************************************************/
/***************************** List Article Format *********/
/***********************************************************/
/* General Format */
/* Basic Style */
/* style01 - Top Feature */
/* style02 - 1 Column at small, 2 Columns at medium-up */
/* style03 - 1 Column at small, 2 columns at medium, 3 Columns at large-up */
/* style04 - 1 Column at small, 2 columns at medium, 3 Columns at large-up, without image */
/* style05 - 1 Column at small, 2 columns at medium, 4 Columns at large-up */
/* style06 - 1 Column at small-up */
/* style02 - transform */
/* style07 - 1 Column at small-up */
/* group2 format */
/* style08 - 1 Column at small-up */
/* group2 format */
/***********************************************************/
/***************************** Module Control **************/
/***********************************************************/
/* MPU */
/* News Featured */
/* The Work */
/* Jobs */
/* Social Bar */
/* Bulletin */
/* Magazine */
/* Most Read */
/* Form */
/**************************************************/
/******************* Box Shadow *******************/
/****************** _mixins.scss ******************/
/**************************************************/
/******************** Transform *******************/
/****************** _mixins.scss ******************/
/**************************************************/
/******************* Transition *******************/
/****************** _mixins.scss ******************/
/**************************************************/
/******************** Flex Box ********************/
/****************** _mixins.scss ******************/
/**************************************************/
/********************* Feature ********************/
/****************** _mixins.scss ******************/
/******************* Transition *******************/
/****************** mixins.scss ******************/
/***********************************************************/
/*************************** GLOBAL *************************/
/***********************************************************/
.skin #outerWrap, .skin #outerWrap.skin {
  cursor: pointer; }

.skin #container, .skin #container.skin {
  max-width: 1240px;
  margin-left: auto;
  margin-right: auto;
  cursor: default; }

.skin #newMastHead, .skin #newMastHead.skin {
  max-width: 1240px; }

.skin .footerWrap, .skin .footerWrap.skin, .skin #footerWrap, .skin #footerWrap.skin {
  max-width: 1240px;
  margin-left: auto;
  margin-right: auto; }

header, footer {
  clear: both; }

.clearfix:before, .bulletinsModuleBox .contentWrapper:before, .zone:before, .genericModule > footer:before, .textHtmlModule .contactUs:before, .unsubscribe .radioGroup:before, .unsubscribe .radioGroup > div:before, #articleDetail.eventPage #articleFull #articleMain #articleWrap .eventInfo ul li:before, .clearfix:after, .bulletinsModuleBox .contentWrapper:after, .zone:after, .genericModule > footer:after, .textHtmlModule .contactUs:after, .unsubscribe .radioGroup:after, .unsubscribe .radioGroup > div:after, #articleDetail.eventPage #articleFull #articleMain #articleWrap .eventInfo ul li:after {
  content: "";
  display: table; }

.clearfix:after, .bulletinsModuleBox .contentWrapper:after, .zone:after, .genericModule > footer:after, .textHtmlModule .contactUs:after, .unsubscribe .radioGroup:after, .unsubscribe .radioGroup > div:after, #articleDetail.eventPage #articleFull #articleMain #articleWrap .eventInfo ul li:after {
  clear: both; }

.a11y {
  display: inline;
  height: 0;
  left: -5000px;
  overflow: hidden;
  position: absolute;
  top: -2000px;
  width: 0; }

.moreLink, .subscribeModule .moduleContent .packagesWrapper > .item > .item-footer .reg-btn, .formModule .submit, .formModule .btn a, .formModule .btn .moreLink {
  font-weight: 400;
  font-style: normal;
  font-size: 18px;
  font-size: 1rem;
  line-height: 20.7px;
  line-height: 1.15rem;
  text-align: center;
  color: #F9F9F9;
  background-color: #C5001D;
  display: block;
  padding: .736em .7em;
  margin: 0 auto;
  width: 145px;
  box-sizing: border-box;
  cursor: pointer;
  transition: color .2s, background-color .2s;
  -webkit-appearance: none;
  -moz-appearance: none; }
  .moreLink:hover, .subscribeModule .moduleContent .packagesWrapper > .item > .item-footer .reg-btn:hover, .formModule .submit:hover, .formModule .btn a:hover, .formModule .btn .moreLink:hover, .moreLink:focus, .subscribeModule .moduleContent .packagesWrapper > .item > .item-footer .reg-btn:focus, .formModule .submit:focus, .formModule .btn a:focus, .formModule .btn .moreLink:focus {
    color: #F9F9F9;
    background-color: #9D0114;
    text-decoration: none; }
  .moreLink.second, .subscribeModule .moduleContent .packagesWrapper > .item > .item-footer .second.reg-btn, .formModule .second.submit, .formModule .btn a.second, .formModule .btn .second.moreLink {
    color: #F9F9F9;
    background-color: #3C3C3C; }
    .moreLink.second:hover, .subscribeModule .moduleContent .packagesWrapper > .item > .item-footer .second.reg-btn:hover, .formModule .second.submit:hover, .formModule .btn a.second:hover, .moreLink.second:focus, .subscribeModule .moduleContent .packagesWrapper > .item > .item-footer .second.reg-btn:focus, .formModule .second.submit:focus, .formModule .btn a.second:focus {
      color: #F9F9F9;
      background-color: #1C1C1C; }
  .moreLink.inactive, .subscribeModule .moduleContent .packagesWrapper > .item > .item-footer .inactive.reg-btn, .formModule .inactive.submit, .formModule .btn a.inactive, .formModule .btn .inactive.moreLink {
    color: #9B9B9B;
    background-color: #E4E4E4; }
  .moreLink.white, .subscribeModule .moduleContent .packagesWrapper > .item > .item-footer .white.reg-btn, .formModule .white.submit, .formModule .btn a.white, .formModule .btn .white.moreLink {
    color: #1C1C1C;
    background-color: #FFFFFF;
    border: 1px solid #E4E4E4;
    border-color: #1C1C1C; }
    .moreLink.white:hover, .subscribeModule .moduleContent .packagesWrapper > .item > .item-footer .white.reg-btn:hover, .formModule .white.submit:hover, .formModule .btn a.white:hover, .moreLink.white:focus, .subscribeModule .moduleContent .packagesWrapper > .item > .item-footer .white.reg-btn:focus, .formModule .white.submit:focus, .formModule .btn a.white:focus {
      color: #FFFFFF;
      background-color: #1C1C1C;
      border: 1px solid #E4E4E4;
      border-color: #1C1C1C; }
  .moreLink.left, .subscribeModule .moduleContent .packagesWrapper > .item > .item-footer .left.reg-btn, .formModule .left.submit, .formModule .btn a.left, .formModule .btn .left.moreLink {
    margin-left: 0; }

.red {
  color: #E2000B; }

.uppercase {
  text-transform: uppercase; }

@media screen and (min-width: 0\0) {
  .ie-clearfix:before, .ie-clearfix:after {
    content: "";
    display: table;
    clear: both; } }

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .ie-clearfix:before, .ie-clearfix:after {
    content: none; } }

.show-in-xlarge {
  display: none; }
  @media only screen and (min-width: 960px) {
    .show-in-xlarge {
      display: block; } }

.hide-in-xlarge {
  display: block; }
  @media only screen and (min-width: 960px) {
    .hide-in-xlarge {
      display: none; } }

/***********************************************************/
/********************* GROUP and GRID **********************/
/***********************************************************/
section[role="main"] {
  max-width: 1280px;
  background-color: #FFFFFF;
  clear: both;
  overflow: hidden !important; }
  @media only screen {
    section[role="main"] {
      margin: 0 auto 0 auto;
      padding: 0 0 15px 0; } }
  @media only screen and (min-width: 600px) {
    section[role="main"] {
      margin: 0 auto 0 auto;
      padding: 0 0 25px 0; } }
  @media only screen and (min-width: 768px) {
    section[role="main"] {
      margin: 0 auto 0 auto;
      padding: 0 0 25px 0; } }
  @media only screen and (min-width: 960px) {
    section[role="main"] {
      margin: 0 auto 0 auto;
      padding: 0 0 25px 0; } }

/* 1 column / 100 % width 
class="groups"
	class="zone grid3"

*/
.groups {
  width: 100%;
  clear: both;
  overflow: hidden; }

@media only screen {
  .grid3 {
    padding-left: 10px;
    padding-right: 10px; } }

@media only screen and (min-width: 600px) {
  .grid3 {
    padding-left: 10px;
    padding-right: 10px; } }

@media only screen and (min-width: 768px) {
  .grid3 {
    padding-left: 10px;
    padding-right: 10px; } }

@media only screen and (min-width: 960px) {
  .grid3 {
    padding-left: 10px;
    padding-right: 10px; } }

@media only screen and (min-width: 1040px) {
  .grid3 {
    padding-left: 20px;
    padding-right: 20px; } }

/* 2 columns - left side 66.66% */
@media only screen {
  .group1 {
    width: 100%;
    padding-top: 0; } }

@media only screen and (min-width: 600px) {
  .group1 {
    width: 100%;
    padding-top: 0; } }

@media only screen and (min-width: 768px) {
  .group1 {
    width: 100%;
    padding-top: 0; } }

@media only screen and (min-width: 960px) {
  .group1 {
    width: 66.66667%;
    padding-top: 0;
    float: left; } }

@media only screen and (min-width: 1040px) {
  .group1 {
    width: 66.79688%; } }

@media only screen {
  .grid1 {
    padding-left: 10px;
    padding-right: 10px; } }

@media only screen and (min-width: 600px) {
  .grid1 {
    padding-left: 10px;
    padding-right: 10px; } }

@media only screen and (min-width: 768px) {
  .grid1 {
    padding-left: 10px;
    padding-right: 10px; } }

@media only screen and (min-width: 960px) {
  .grid1 {
    padding-left: 10px;
    padding-right: 10px; } }

@media only screen and (min-width: 1040px) {
  .grid1 {
    padding-left: 10px;
    padding-right: 20px; } }

/* 2 columns - right side 33.33% */
@media only screen {
  .group2 {
    width: 100%;
    padding-top: 0; } }

@media only screen and (min-width: 600px) {
  .group2 {
    width: 100%;
    padding-top: 0; } }

@media only screen and (min-width: 768px) {
  .group2 {
    width: 100%;
    padding-top: 0; } }

@media only screen and (min-width: 960px) {
  .group2 {
    width: 33.33333%;
    padding-top: 0;
    float: right; } }

@media only screen and (min-width: 1040px) {
  .group2 {
    width: 33.20313%; } }

@media only screen {
  .grid2 {
    padding-left: 10px;
    padding-right: 10px; } }

@media only screen and (min-width: 600px) {
  .grid2 {
    padding-left: 10px;
    padding-right: 10px; } }

@media only screen and (min-width: 768px) {
  .grid2 {
    padding-left: 10px;
    padding-right: 10px; } }

@media only screen and (min-width: 960px) {
  .grid2 {
    padding-left: 10px;
    padding-right: 10px; } }

@media only screen and (min-width: 1040px) {
  .grid2 {
    padding-left: 20px;
    padding-right: 10px; } }

/* Additional class for blance with for left right side 50% */
@media only screen and (min-width: 960px) {
  .halfWidth {
    width: 50%; } }

@media only screen and (min-width: 960px) {
  .halfWidth .grid1 {
    padding-right: 10px; } }

@media only screen and (min-width: 1040px) {
  .halfWidth .grid1 {
    padding-right: 10px; } }

@media only screen and (min-width: 960px) {
  .halfWidth .grid2 {
    padding-left: 10px; } }

@media only screen and (min-width: 1040px) {
  .halfWidth .grid2 {
    padding-left: 10px; } }

/* Additional class for group1 clear: none;*/
.noClear {
  clear: none; }

/* Left side's left columns */
@media only screen and (min-width: 768px) {
  .firstBlock {
    float: left;
    width: 48.775%; } }

/* Left side's right columns */
@media only screen {
  .secondBlock {
    margin-top: 15px; } }

@media only screen and (min-width: 600px) {
  .secondBlock {
    margin-top: 25px; } }

@media only screen and (min-width: 768px) {
  .secondBlock {
    margin-top: 0;
    float: right;
    width: 48.775%; } }

/***********************************************************/
/***************************** Story Content ***************/
/***********************************************************/
/* Base List Article Type */
.storyContent {
  width: 100%;
  background-color: #FFFFFF;
  border: 1px solid #E4E4E4;
  box-sizing: border-box;
  clear: both;
  text-overflow: ellipsis; }
  @media only screen {
    .storyContent {
      margin-top: 15px; } }
  @media only screen and (min-width: 600px) {
    .storyContent {
      margin-top: 25px; } }
  @media only screen and (min-width: 768px) {
    .storyContent {
      margin-top: 25px; } }
  @media only screen and (min-width: 960px) {
    .storyContent {
      margin-top: 25px; } }
  .storyContent.sponsor {
    background-color: #F9F9F9; }
  .storyContent:first-child {
    margin-top: 0; }
  .storyContent .mediaWrapper {
    float: left;
    position: relative;
    width: 35%;
    min-width: 112px;
    max-width: 269px;
    overflow: hidden; }
    .storyContent .mediaWrapper figure {
      margin: 0; }
      .storyContent .mediaWrapper figure img {
        width: 100%;
        height: auto;
        display: block; }
      .storyContent .mediaWrapper figure a:hover, .storyContent .mediaWrapper figure a:focus {
        text-decoration: none; }
    .storyContent .mediaWrapper .sponsorFlag {
      display: none;
      font-size: 12px;
      font-size: 0.66667rem;
      line-height: 30px;
      line-height: 1.66667rem;
      text-transform: uppercase;
      color: #9D0114;
      position: absolute;
      top: 0;
      right: 0; }
      .storyContent .mediaWrapper .sponsorFlag a {
        color: #9D0114; }
      .storyContent .mediaWrapper .sponsorFlag a:hover {
        color: #9D0114; }
  .storyContent .contentWrapper {
    position: relative;
    box-sizing: border-box;
    overflow: hidden; }
    @media only screen {
      .storyContent .contentWrapper {
        padding: 10px 10px; } }
    @media only screen and (min-width: 600px) {
      .storyContent .contentWrapper {
        padding: 15px 15px;
        min-height: 0; } }
    @media only screen and (min-width: 768px) {
      .storyContent .contentWrapper {
        padding: 15px 15px; } }
    @media only screen and (min-width: 960px) {
      .storyContent .contentWrapper {
        padding: 15px 15px; } }
    @media only screen {
      .storyContent .contentWrapper > *:first-child {
        margin-top: 0 !important; } }
    .storyContent .contentWrapper .dateAndTags {
      font-weight: 400;
      font-style: normal;
      font-size: 12px;
      font-size: 0.66667rem;
      line-height: 18px;
      line-height: 1rem;
      word-break: break-all;
      color: #9D0114; }
      .storyContent .contentWrapper .dateAndTags .articleTags {
        text-transform: uppercase;
        color: #9D0114; }
        .storyContent .contentWrapper .dateAndTags .articleTags a {
          color: #9D0114; }
        .storyContent .contentWrapper .dateAndTags .articleTags:after {
          content: ", ";
          color: #1C1C1C;
          margin-left: 0;
          margin-right: .25em; }
        .storyContent .contentWrapper .dateAndTags .articleTags:last-of-type:after {
          content: "|";
          margin-left: 1em;
          margin-right: 1em; }
          @media only screen and (max-width: 599px) {
            .storyContent .contentWrapper .dateAndTags .articleTags:last-of-type:after {
              display: none; } }
          @media only screen and (min-width: 600px) and (max-width: 767px) {
            .storyContent .contentWrapper .dateAndTags .articleTags:last-of-type:after {
              display: inline; } }
      .storyContent .contentWrapper .dateAndTags .date {
        color: #9B9B9B;
        white-space: nowrap; }
        @media only screen {
          .storyContent .contentWrapper .dateAndTags .date {
            display: none; } }
        @media only screen and (min-width: 600px) {
          .storyContent .contentWrapper .dateAndTags .date {
            display: inline; } }
    .storyContent .contentWrapper .author {
      font-weight: 400;
      font-style: normal;
      font-size: 12px;
      font-size: 0.66667rem;
      line-height: 18px;
      line-height: 1rem;
      word-break: break-all;
      color: #1C1C1C;
      clear: both;
      list-style: none;
      margin: 0;
      display: none; }
      @media only screen and (min-width: 600px) {
        .storyContent .contentWrapper .author {
          display: block; } }
      .storyContent .contentWrapper .author span {
        margin: 0;
        padding-bottom: 5px;
        display: inline; }
        .storyContent .contentWrapper .author span:after {
          content: ", ";
          color: #1C1C1C;
          margin-left: 0;
          margin-right: .25em;
          display: inline; }
        .storyContent .contentWrapper .author span:last-child:after {
          display: none; }
        .storyContent .contentWrapper .author span a {
          color: #1C1C1C; }
    .storyContent .contentWrapper h3 {
      font-weight: 400;
      font-style: normal;
      font-size: 16px;
      font-size: 0.88889rem;
      line-height: 21px;
      line-height: 1.16667rem;
      color: #1C1C1C;
      clear: both; }
      @media only screen {
        .storyContent .contentWrapper h3 {
          margin-top: 5px; } }
      @media only screen and (min-width: 600px) {
        .storyContent .contentWrapper h3 {
          font-size: 23px;
          font-size: 1.27778rem;
          line-height: 30.1875px;
          line-height: 1.67708rem;
          margin-top: 15px; } }
      @media only screen and (min-width: 768px) {
        .storyContent .contentWrapper h3 {
          margin-top: 15px; } }
      @media only screen and (min-width: 960px) {
        .storyContent .contentWrapper h3 {
          margin-top: 15px; } }
      .storyContent .contentWrapper h3 a {
        color: #1C1C1C; }
        .storyContent .contentWrapper h3 a:focus {
          text-decoration: none; }
    .storyContent .contentWrapper h3 + p {
      color: #3C3C3C;
      clear: both;
      margin-bottom: 0;
      display: none; }
      @media only screen {
        .storyContent .contentWrapper h3 + p {
          margin-top: 15px;
          font-weight: 300;
          font-style: normal;
          font-size: 14px;
          font-size: 0.77778rem;
          line-height: 18.375px;
          line-height: 1.02083rem; } }
      @media only screen and (min-width: 600px) {
        .storyContent .contentWrapper h3 + p {
          font-weight: 400;
          font-style: normal;
          font-size: 16px;
          font-size: 0.88889rem;
          line-height: 21px;
          line-height: 1.16667rem;
          margin-top: 15px; } }
      @media only screen and (min-width: 768px) {
        .storyContent .contentWrapper h3 + p {
          margin-top: 15px; } }
      @media only screen and (min-width: 960px) {
        .storyContent .contentWrapper h3 + p {
          margin-top: 15px; } }

.ribbon {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
  overflow: hidden;
  width: 60px;
  height: 60px;
  text-align: right;
  pointer-events: none; }
  @media only screen and (min-width: 768px) {
    .ribbon {
      width: 85px;
      height: 85px; } }
  .ribbon span {
    font-weight: 700;
    font-style: normal;
    font-size: 10px;
    font-size: 0.55556rem;
    line-height: 20px;
    line-height: 1.11111rem;
    color: #FFFFFF;
    text-align: center;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    width: 120px;
    display: block;
    background: #E2000B;
    position: absolute;
    top: 11px;
    right: -41px; }
    @media only screen and (min-width: 768px) {
      .ribbon span {
        font-size: 15px;
        font-size: 0.83333rem;
        line-height: 30px;
        line-height: 1.66667rem;
        top: 14px;
        right: -33px; } }

.storyContent.premium .mediaWrapper .ribbon {
  display: block; }
  .storyContent.premium .mediaWrapper .ribbon span {
    box-shadow: 0 3px 10px -5px black; }

/* option class for .storyContent */
.storyContent.showIntro > .contentWrapper h3 + p {
  display: block; }

.storyContent.hideArticleTags > .contentWrapper span.articleTags {
  display: none; }

/* Advance List Article Type - Base on .storyContent */
/* Left side format */
@media only screen {
  .storyContent.style01 {
    margin-top: 15px; } }

@media only screen and (min-width: 600px) {
  .storyContent.style01 {
    margin-top: 25px; } }

@media only screen and (min-width: 768px) {
  .storyContent.style01 {
    margin-top: 25px; } }

@media only screen and (min-width: 960px) {
  .storyContent.style01 {
    margin-top: 25px; } }

.storyContent.style01:first-child {
  margin-top: 0; }

.storyContent.style01 .mediaWrapper {
  float: none;
  width: 100%;
  max-width: none; }
  @media only screen and (min-width: 768px) {
    .storyContent.style01 .mediaWrapper {
      float: left;
      width: 48.775%; } }
  @media only screen {
    .storyContent.style01 .mediaWrapper .icoVideo a:before, .storyContent.style01 .mediaWrapper .icoGallery a:before, .storyContent.style01 .mediaWrapper .icoAudio a:before {
      font-size: 36px;
      font-size: 2rem;
      padding: 5px 25px 5px 30px;
      border-radius: 10px;
      top: 20px;
      left: 20px; } }

@media only screen {
  .storyContent.style01 .contentWrapper {
    padding: 10px 20px; } }

@media only screen and (min-width: 600px) {
  .storyContent.style01 .contentWrapper {
    padding: 10px 20px;
    min-height: 0; } }

@media only screen and (min-width: 768px) {
  .storyContent.style01 .contentWrapper {
    padding: 20px 20px; } }

@media only screen and (min-width: 960px) {
  .storyContent.style01 .contentWrapper {
    padding: 20px 20px; } }

.storyContent.style01 .contentWrapper .dateAndTags .articleTags:last-of-type:after {
  display: inline; }

.storyContent.style01 .contentWrapper .dateAndTags .date {
  display: inline; }

.storyContent.style01 .contentWrapper .author {
  display: block; }

.storyContent.style01 .contentWrapper h3 {
  font-size: 23px;
  font-size: 1.27778rem;
  line-height: 30.1875px;
  line-height: 1.67708rem; }
  @media only screen {
    .storyContent.style01 .contentWrapper h3 {
      margin-top: 15px; } }
  @media only screen and (min-width: 600px) {
    .storyContent.style01 .contentWrapper h3 {
      margin-top: 15px; } }
  @media only screen and (min-width: 768px) {
    .storyContent.style01 .contentWrapper h3 {
      margin-top: 15px; } }
  @media only screen and (min-width: 960px) {
    .storyContent.style01 .contentWrapper h3 {
      margin-top: 15px; } }

.storyContent.style01.premium .mediaWrapper .ribbon {
  display: block;
  width: 85px;
  height: 85px; }
  .storyContent.style01.premium .mediaWrapper .ribbon span {
    font-size: 15px;
    font-size: 0.83333rem;
    line-height: 30px;
    line-height: 1.66667rem;
    top: 14px;
    right: -33px; }

/* Advance List Article Type - Base on .storyContent */
/* Left side format */
.storyContent.style02 {
  clear: none; }
  @media only screen {
    .storyContent.style02 {
      margin-top: 15px; } }
  @media only screen and (min-width: 600px) {
    .storyContent.style02 {
      margin-top: 25px;
      width: 48.775%;
      float: left; }
      .storyContent.style02:nth-child(odd) {
        clear: both; }
      .storyContent.style02:nth-child(even) {
        float: right; } }
  @media only screen and (min-width: 768px) {
    .storyContent.style02 {
      margin-top: 25px; } }
  @media only screen and (min-width: 960px) {
    .storyContent.style02 {
      margin-top: 25px; } }
  @media only screen {
    .storyContent.style02:first-child {
      margin-top: 0; } }
  @media only screen and (min-width: 600px) {
    .storyContent.style02:nth-child(2) {
      margin-top: 0; } }
  .storyContent.style02 .mediaWrapper {
    width: 35%; }
    @media only screen and (min-width: 600px) {
      .storyContent.style02 .mediaWrapper {
        float: none;
        width: 100%;
        max-width: none; } }
    @media only screen {
      .storyContent.style02 .mediaWrapper .icoVideo a:before, .storyContent.style02 .mediaWrapper .icoGallery a:before, .storyContent.style02 .mediaWrapper .icoAudio a:before {
        font-size: 36px;
        font-size: 2rem;
        padding: 5px 25px 5px 30px;
        border-radius: 10px;
        top: 20px;
        left: 20px; } }
  @media only screen {
    .storyContent.style02 .contentWrapper {
      padding: 10px 10px; } }
  @media only screen and (min-width: 600px) {
    .storyContent.style02 .contentWrapper {
      padding: 10px 15px;
      min-height: 0; } }
  @media only screen and (min-width: 768px) {
    .storyContent.style02 .contentWrapper {
      padding: 15px 15px; } }
  @media only screen and (min-width: 960px) {
    .storyContent.style02 .contentWrapper {
      padding: 15px 15px; } }
  @media only screen and (min-width: 600px) {
    .storyContent.style02 .contentWrapper .dateAndTags .articleTags:last-of-type:after {
      display: none; } }
  @media only screen and (min-width: 768px) {
    .storyContent.style02 .contentWrapper .dateAndTags .articleTags:last-of-type:after {
      display: inline; } }
  @media only screen and (min-width: 600px) {
    .storyContent.style02 .contentWrapper .dateAndTags .date {
      display: none; } }
  @media only screen and (min-width: 768px) {
    .storyContent.style02 .contentWrapper .dateAndTags .date {
      display: inline; } }
  @media only screen and (min-width: 600px) {
    .storyContent.style02 .contentWrapper .author {
      display: none; } }
  @media only screen and (min-width: 768px) {
    .storyContent.style02 .contentWrapper .author {
      display: block; } }
  .storyContent.style02 .contentWrapper h3 {
    font-size: 16px;
    font-size: 0.88889rem;
    line-height: 21px;
    line-height: 1.16667rem; }
    @media only screen {
      .storyContent.style02 .contentWrapper h3 {
        margin-top: 5px; } }
    @media only screen and (min-width: 600px) {
      .storyContent.style02 .contentWrapper h3 {
        margin-top: 5px; } }
    @media only screen and (min-width: 768px) {
      .storyContent.style02 .contentWrapper h3 {
        margin-top: 5px; } }
    @media only screen and (min-width: 960px) {
      .storyContent.style02 .contentWrapper h3 {
        margin-top: 5px; } }

/* Left side's left columns format - Combine with .secondBlock .style06 to use */
@media only screen {
  .firstBlock .storyContent.style02 {
    margin-top: 0;
    width: 100% !important; } }

.firstBlock .storyContent.style02 .mediaWrapper {
  max-width: none; }
  @media only screen {
    .firstBlock .storyContent.style02 .mediaWrapper {
      width: 100%;
      float: none; } }

.storyContent.style02.premium .mediaWrapper .ribbon {
  display: block;
  width: 85px;
  height: 85px; }
  .storyContent.style02.premium .mediaWrapper .ribbon span {
    font-size: 15px;
    font-size: 0.83333rem;
    line-height: 30px;
    line-height: 1.66667rem;
    top: 14px;
    right: -33px; }

/* Advance List Article Type - Base on .storyContent */
/* Left side format */
.storyContent.style03, .theWorkList .moduleContent .mpu {
  clear: none; }
  @media only screen {
    .storyContent.style03, .theWorkList .moduleContent .mpu {
      margin-top: 15px; } }
  @media only screen and (min-width: 600px) {
    .storyContent.style03, .theWorkList .moduleContent .mpu {
      margin-top: 25px;
      width: 48.775%;
      float: left; } }
  @media only screen and (min-width: 600px) and (max-width: 767px) {
    .storyContent.style03:nth-child(odd), .theWorkList .moduleContent .mpu:nth-child(odd) {
      clear: both; }
    .storyContent.style03:nth-child(even), .theWorkList .moduleContent .mpu:nth-child(even) {
      margin-left: 2.45%;
      float: left; } }
  @media only screen and (min-width: 768px) {
    .storyContent.style03, .theWorkList .moduleContent .mpu {
      margin-top: 25px;
      width: 31.7%; }
      .storyContent.style03:nth-child(3n+1), .theWorkList .moduleContent .mpu:nth-child(3n+1) {
        clear: both; }
      .storyContent.style03:nth-child(3n+2), .theWorkList .moduleContent .mpu:nth-child(3n+2) {
        margin-left: 2.45%; }
      .storyContent.style03:nth-child(3n), .theWorkList .moduleContent .mpu:nth-child(3n) {
        margin-left: 2.45%;
        float: left; } }
  @media only screen and (min-width: 960px) {
    .storyContent.style03, .theWorkList .moduleContent .mpu {
      margin-top: 25px; } }
  @media only screen {
    .storyContent.style03:first-child, .theWorkList .moduleContent .mpu:first-child {
      margin-top: 0; } }
  @media only screen and (min-width: 600px) {
    .storyContent.style03:nth-child(2), .theWorkList .moduleContent .mpu:nth-child(2) {
      margin-top: 0; } }
  @media only screen and (min-width: 768px) {
    .storyContent.style03:nth-child(3), .theWorkList .moduleContent .mpu:nth-child(3) {
      margin-top: 0; } }
  .storyContent.style03 .mediaWrapper, .theWorkList .moduleContent .mpu .mediaWrapper {
    width: 35%; }
    @media only screen and (min-width: 600px) {
      .storyContent.style03 .mediaWrapper, .theWorkList .moduleContent .mpu .mediaWrapper {
        float: none;
        width: 100%;
        max-width: none; } }
    @media only screen {
      .storyContent.style03 .mediaWrapper .icoVideo a:before, .theWorkList .moduleContent .mpu .mediaWrapper .icoVideo a:before, .storyContent.style03 .mediaWrapper .icoGallery a:before, .theWorkList .moduleContent .mpu .mediaWrapper .icoGallery a:before, .storyContent.style03 .mediaWrapper .icoAudio a:before, .theWorkList .moduleContent .mpu .mediaWrapper .icoAudio a:before {
        font-size: 16px;
        font-size: 0.88889rem;
        padding: 5px 15px 5px 15px;
        border-radius: 5px;
        top: 5px;
        left: 5px; } }
    @media only screen and (min-width: 600px) {
      .storyContent.style03 .mediaWrapper .icoVideo a:before, .theWorkList .moduleContent .mpu .mediaWrapper .icoVideo a:before, .storyContent.style03 .mediaWrapper .icoGallery a:before, .theWorkList .moduleContent .mpu .mediaWrapper .icoGallery a:before, .storyContent.style03 .mediaWrapper .icoAudio a:before, .theWorkList .moduleContent .mpu .mediaWrapper .icoAudio a:before {
        font-size: 23px;
        font-size: 1.27778rem;
        padding: 7px 20px 7px 22px;
        border-radius: 7px;
        top: 10px;
        left: 10px; } }
  @media only screen {
    .storyContent.style03 .contentWrapper, .theWorkList .moduleContent .mpu .contentWrapper {
      padding: 10px 10px; } }
  @media only screen and (min-width: 600px) {
    .storyContent.style03 .contentWrapper, .theWorkList .moduleContent .mpu .contentWrapper {
      padding: 10px 10px;
      min-height: 0; } }
  @media only screen and (min-width: 768px) {
    .storyContent.style03 .contentWrapper, .theWorkList .moduleContent .mpu .contentWrapper {
      padding: 10px 10px; } }
  @media only screen and (min-width: 960px) {
    .storyContent.style03 .contentWrapper, .theWorkList .moduleContent .mpu .contentWrapper {
      padding: 10px 10px; } }
  @media only screen and (min-width: 600px) {
    .storyContent.style03 .contentWrapper .dateAndTags .articleTags:last-of-type:after, .theWorkList .moduleContent .mpu .contentWrapper .dateAndTags .articleTags:last-of-type:after {
      display: none; } }
  @media only screen and (min-width: 1040px) {
    .storyContent.style03 .contentWrapper .dateAndTags .articleTags:last-of-type:after, .theWorkList .moduleContent .mpu .contentWrapper .dateAndTags .articleTags:last-of-type:after {
      display: inline; } }
  @media only screen and (min-width: 600px) {
    .storyContent.style03 .contentWrapper .dateAndTags .date, .theWorkList .moduleContent .mpu .contentWrapper .dateAndTags .date {
      display: none; } }
  @media only screen and (min-width: 1040px) {
    .storyContent.style03 .contentWrapper .dateAndTags .date, .theWorkList .moduleContent .mpu .contentWrapper .dateAndTags .date {
      display: inline; } }
  @media only screen and (min-width: 600px) {
    .storyContent.style03 .contentWrapper .author, .theWorkList .moduleContent .mpu .contentWrapper .author {
      display: none; } }
  .storyContent.style03 .contentWrapper h3, .theWorkList .moduleContent .mpu .contentWrapper h3 {
    font-size: 16px;
    font-size: 0.88889rem;
    line-height: 21px;
    line-height: 1.16667rem; }
    @media only screen {
      .storyContent.style03 .contentWrapper h3, .theWorkList .moduleContent .mpu .contentWrapper h3 {
        margin-top: 5px; } }
    @media only screen and (min-width: 600px) {
      .storyContent.style03 .contentWrapper h3, .theWorkList .moduleContent .mpu .contentWrapper h3 {
        margin-top: 5px; } }
    @media only screen and (min-width: 768px) {
      .storyContent.style03 .contentWrapper h3, .theWorkList .moduleContent .mpu .contentWrapper h3 {
        margin-top: 5px; } }
    @media only screen and (min-width: 960px) {
      .storyContent.style03 .contentWrapper h3, .theWorkList .moduleContent .mpu .contentWrapper h3 {
        margin-top: 5px; } }

.storyContent.style03.premium .mediaWrapper .ribbon, .theWorkList .moduleContent .premium.mpu .mediaWrapper .ribbon {
  display: block; }
  @media only screen and (min-width: 600px) {
    .storyContent.style03.premium .mediaWrapper .ribbon, .theWorkList .moduleContent .premium.mpu .mediaWrapper .ribbon {
      width: 85px;
      height: 85px; } }
  @media only screen and (min-width: 600px) {
    .storyContent.style03.premium .mediaWrapper .ribbon span, .theWorkList .moduleContent .premium.mpu .mediaWrapper .ribbon span {
      font-size: 15px;
      font-size: 0.83333rem;
      line-height: 30px;
      line-height: 1.66667rem;
      top: 14px;
      right: -33px; } }

/* Advance List Article Type - Base on .storyContent */
/* Left side format */
.storyContent.style04 {
  clear: none;
  border: none;
  border-bottom: 1px solid #E4E4E4; }
  @media only screen {
    .storyContent.style04 {
      margin-top: 0; } }
  @media only screen and (min-width: 600px) {
    .storyContent.style04 {
      margin-top: 25px;
      width: 48.775%;
      float: left; } }
  @media only screen and (min-width: 600px) and (max-width: 767px) {
    .storyContent.style04:nth-child(odd) {
      clear: both; }
    .storyContent.style04:nth-child(even) {
      margin-left: 2.45%;
      float: left; } }
  @media only screen and (min-width: 768px) {
    .storyContent.style04 {
      margin-top: 25px;
      width: 31.7%;
      float: left; }
      .storyContent.style04:nth-child(3n+1) {
        clear: both; }
      .storyContent.style04:nth-child(3n+2) {
        margin-left: 2.45%; }
      .storyContent.style04:nth-child(3n) {
        margin-left: 2.45%;
        float: left; } }
  @media only screen and (min-width: 960px) {
    .storyContent.style04 {
      margin-top: 25px; } }
  @media only screen {
    .storyContent.style04:first-child {
      margin-top: 0; } }
  @media only screen and (min-width: 600px) {
    .storyContent.style04:nth-child(2) {
      margin-top: 0; } }
  @media only screen and (min-width: 768px) {
    .storyContent.style04:nth-child(3) {
      margin-top: 0; } }
  .storyContent.style04 .mediaWrapper {
    display: none; }
  @media only screen {
    .storyContent.style04 .contentWrapper {
      padding: 10px 10px;
      min-height: 0; } }
  @media only screen and (min-width: 600px) {
    .storyContent.style04 .contentWrapper {
      padding: 10px 10px; } }
  @media only screen and (min-width: 768px) {
    .storyContent.style04 .contentWrapper {
      padding: 10px 10px; } }
  @media only screen and (min-width: 960px) {
    .storyContent.style04 .contentWrapper {
      padding: 10px 10px; } }
  @media only screen and (min-width: 600px) {
    .storyContent.style04 .contentWrapper .dateAndTags .articleTags:last-of-type:after {
      display: none; } }
  @media only screen and (min-width: 1040px) {
    .storyContent.style04 .contentWrapper .dateAndTags .articleTags:last-of-type:after {
      display: inline; } }
  @media only screen and (min-width: 600px) {
    .storyContent.style04 .contentWrapper .dateAndTags .date {
      display: none; } }
  @media only screen and (min-width: 1040px) {
    .storyContent.style04 .contentWrapper .dateAndTags .date {
      display: inline; } }
  @media only screen and (min-width: 600px) {
    .storyContent.style04 .contentWrapper .author {
      display: none; } }
  .storyContent.style04 .contentWrapper h3 {
    font-size: 16px;
    font-size: 0.88889rem;
    line-height: 21px;
    line-height: 1.16667rem; }
    @media only screen {
      .storyContent.style04 .contentWrapper h3 {
        margin-top: 5px; } }
    @media only screen and (min-width: 600px) {
      .storyContent.style04 .contentWrapper h3 {
        margin-top: 5px; } }
    @media only screen and (min-width: 768px) {
      .storyContent.style04 .contentWrapper h3 {
        margin-top: 5px; } }
    @media only screen and (min-width: 960px) {
      .storyContent.style04 .contentWrapper h3 {
        margin-top: 5px; } }

@media only screen {
  .storyContent.style04.sponsor .contentWrapper {
    padding-left: 10px; } }

@media only screen and (min-width: 600px) {
  .storyContent.style04.sponsor .contentWrapper {
    padding-left: 10px; } }

@media only screen and (min-width: 768px) {
  .storyContent.style04.sponsor .contentWrapper {
    padding-left: 10px; } }

@media only screen and (min-width: 960px) {
  .storyContent.style04.sponsor .contentWrapper {
    padding-left: 10px; } }

.storyContent.style04.premium .contentWrapper {
  min-height: 60px; }
  .storyContent.style04.premium .contentWrapper .dateAndTags {
    margin-right: 45px; }
  .storyContent.style04.premium .contentWrapper h3 {
    margin-right: 25px; }
  .storyContent.style04.premium .contentWrapper .ribbon {
    display: block; }
    @media only screen and (min-width: 768px) {
      .storyContent.style04.premium .contentWrapper .ribbon {
        width: 60px;
        height: 60px; } }
    @media only screen and (min-width: 768px) {
      .storyContent.style04.premium .contentWrapper .ribbon span {
        font-size: 10px;
        font-size: 0.55556rem;
        line-height: 20px;
        line-height: 1.11111rem;
        top: 11px;
        right: -41px; } }

/* Advance List Article Type - Base on .storyContent */
/* Left side format */
.storyContent.style05, .group1 .articleRelated .moduleContent .storyContent, .group1 .jusPublishedModule .moduleContent .storyContent, .group1 .articleInThisIssue .moduleContent .storyContent {
  clear: none; }
  @media only screen {
    .storyContent.style05, .group1 .articleRelated .moduleContent .storyContent, .group1 .jusPublishedModule .moduleContent .storyContent, .group1 .articleInThisIssue .moduleContent .storyContent {
      margin-top: 15px; } }
  @media only screen and (min-width: 600px) {
    .storyContent.style05, .group1 .articleRelated .moduleContent .storyContent, .group1 .jusPublishedModule .moduleContent .storyContent, .group1 .articleInThisIssue .moduleContent .storyContent {
      margin-top: 25px;
      margin-left: 2.45%;
      width: 48.775%;
      float: left; } }
  @media only screen and (min-width: 600px) and (max-width: 767px) {
    .storyContent.style05:nth-child(odd), .group1 .articleRelated .moduleContent .storyContent:nth-child(odd), .group1 .jusPublishedModule .moduleContent .storyContent:nth-child(odd), .group1 .articleInThisIssue .moduleContent .storyContent:nth-child(odd) {
      clear: both;
      margin-left: 0; }
    .storyContent.style05:nth-child(even), .group1 .articleRelated .moduleContent .storyContent:nth-child(even), .group1 .jusPublishedModule .moduleContent .storyContent:nth-child(even), .group1 .articleInThisIssue .moduleContent .storyContent:nth-child(even) {
      float: right; } }
  @media only screen and (min-width: 768px) {
    .storyContent.style05, .group1 .articleRelated .moduleContent .storyContent, .group1 .jusPublishedModule .moduleContent .storyContent, .group1 .articleInThisIssue .moduleContent .storyContent {
      margin-top: 25px;
      margin-left: 2.45%;
      width: 23.1625%;
      float: left; }
      .storyContent.style05:nth-child(4n+1), .group1 .articleRelated .moduleContent .storyContent:nth-child(4n+1), .group1 .jusPublishedModule .moduleContent .storyContent:nth-child(4n+1), .group1 .articleInThisIssue .moduleContent .storyContent:nth-child(4n+1) {
        margin-left: 0;
        clear: both; }
      .storyContent.style05:nth-child(4n), .group1 .articleRelated .moduleContent .storyContent:nth-child(4n), .group1 .jusPublishedModule .moduleContent .storyContent:nth-child(4n), .group1 .articleInThisIssue .moduleContent .storyContent:nth-child(4n) {
        float: right; } }
  @media only screen and (min-width: 960px) {
    .storyContent.style05, .group1 .articleRelated .moduleContent .storyContent, .group1 .jusPublishedModule .moduleContent .storyContent, .group1 .articleInThisIssue .moduleContent .storyContent {
      margin-top: 25px; } }
  @media only screen {
    .storyContent.style05:first-child, .group1 .articleRelated .moduleContent .storyContent:first-child, .group1 .jusPublishedModule .moduleContent .storyContent:first-child, .group1 .articleInThisIssue .moduleContent .storyContent:first-child {
      margin-top: 0; } }
  @media only screen and (min-width: 600px) {
    .storyContent.style05:nth-child(2), .group1 .articleRelated .moduleContent .storyContent:nth-child(2), .group1 .jusPublishedModule .moduleContent .storyContent:nth-child(2), .group1 .articleInThisIssue .moduleContent .storyContent:nth-child(2) {
      margin-top: 0; } }
  @media only screen and (min-width: 768px) {
    .storyContent.style05:nth-child(3), .group1 .articleRelated .moduleContent .storyContent:nth-child(3), .group1 .jusPublishedModule .moduleContent .storyContent:nth-child(3), .group1 .articleInThisIssue .moduleContent .storyContent:nth-child(3), .storyContent.style05:nth-child(4), .group1 .articleRelated .moduleContent .storyContent:nth-child(4), .group1 .jusPublishedModule .moduleContent .storyContent:nth-child(4), .group1 .articleInThisIssue .moduleContent .storyContent:nth-child(4) {
      margin-top: 0; } }
  .storyContent.style05 .mediaWrapper, .group1 .articleRelated .moduleContent .storyContent .mediaWrapper, .group1 .jusPublishedModule .moduleContent .storyContent .mediaWrapper, .group1 .articleInThisIssue .moduleContent .storyContent .mediaWrapper {
    width: 35%; }
    @media only screen and (min-width: 600px) {
      .storyContent.style05 .mediaWrapper, .group1 .articleRelated .moduleContent .storyContent .mediaWrapper, .group1 .jusPublishedModule .moduleContent .storyContent .mediaWrapper, .group1 .articleInThisIssue .moduleContent .storyContent .mediaWrapper {
        float: none;
        width: 100%;
        max-width: none; } }
    @media only screen {
      .storyContent.style05 .mediaWrapper .icoVideo a:before, .group1 .articleRelated .moduleContent .storyContent .mediaWrapper .icoVideo a:before, .group1 .jusPublishedModule .moduleContent .storyContent .mediaWrapper .icoVideo a:before, .group1 .articleInThisIssue .moduleContent .storyContent .mediaWrapper .icoVideo a:before, .storyContent.style05 .mediaWrapper .icoGallery a:before, .group1 .articleRelated .moduleContent .storyContent .mediaWrapper .icoGallery a:before, .group1 .jusPublishedModule .moduleContent .storyContent .mediaWrapper .icoGallery a:before, .group1 .articleInThisIssue .moduleContent .storyContent .mediaWrapper .icoGallery a:before, .storyContent.style05 .mediaWrapper .icoAudio a:before, .group1 .articleRelated .moduleContent .storyContent .mediaWrapper .icoAudio a:before, .group1 .jusPublishedModule .moduleContent .storyContent .mediaWrapper .icoAudio a:before, .group1 .articleInThisIssue .moduleContent .storyContent .mediaWrapper .icoAudio a:before {
        font-size: 16px;
        font-size: 0.88889rem;
        padding: 5px 15px 5px 15px;
        border-radius: 5px;
        top: 5px;
        left: 5px; } }
  @media only screen {
    .storyContent.style05 .contentWrapper, .group1 .articleRelated .moduleContent .storyContent .contentWrapper, .group1 .jusPublishedModule .moduleContent .storyContent .contentWrapper, .group1 .articleInThisIssue .moduleContent .storyContent .contentWrapper {
      padding: 10px 10px; } }
  @media only screen and (min-width: 600px) {
    .storyContent.style05 .contentWrapper, .group1 .articleRelated .moduleContent .storyContent .contentWrapper, .group1 .jusPublishedModule .moduleContent .storyContent .contentWrapper, .group1 .articleInThisIssue .moduleContent .storyContent .contentWrapper {
      padding: 10px 10px;
      min-height: 0; } }
  @media only screen and (min-width: 768px) {
    .storyContent.style05 .contentWrapper, .group1 .articleRelated .moduleContent .storyContent .contentWrapper, .group1 .jusPublishedModule .moduleContent .storyContent .contentWrapper, .group1 .articleInThisIssue .moduleContent .storyContent .contentWrapper {
      padding: 10px 10px; } }
  @media only screen and (min-width: 960px) {
    .storyContent.style05 .contentWrapper, .group1 .articleRelated .moduleContent .storyContent .contentWrapper, .group1 .jusPublishedModule .moduleContent .storyContent .contentWrapper, .group1 .articleInThisIssue .moduleContent .storyContent .contentWrapper {
      padding: 10px 10px; } }
  @media only screen and (min-width: 600px) {
    .storyContent.style05 .contentWrapper .dateAndTags .articleTags:last-of-type:after, .group1 .articleRelated .moduleContent .storyContent .contentWrapper .dateAndTags .articleTags:last-of-type:after, .group1 .jusPublishedModule .moduleContent .storyContent .contentWrapper .dateAndTags .articleTags:last-of-type:after, .group1 .articleInThisIssue .moduleContent .storyContent .contentWrapper .dateAndTags .articleTags:last-of-type:after {
      display: none; } }
  @media only screen and (min-width: 600px) {
    .storyContent.style05 .contentWrapper .dateAndTags .date, .group1 .articleRelated .moduleContent .storyContent .contentWrapper .dateAndTags .date, .group1 .jusPublishedModule .moduleContent .storyContent .contentWrapper .dateAndTags .date, .group1 .articleInThisIssue .moduleContent .storyContent .contentWrapper .dateAndTags .date {
      display: none; } }
  @media only screen and (min-width: 600px) {
    .storyContent.style05 .contentWrapper .author, .group1 .articleRelated .moduleContent .storyContent .contentWrapper .author, .group1 .jusPublishedModule .moduleContent .storyContent .contentWrapper .author, .group1 .articleInThisIssue .moduleContent .storyContent .contentWrapper .author {
      display: none; } }
  .storyContent.style05 .contentWrapper h3, .group1 .articleRelated .moduleContent .storyContent .contentWrapper h3, .group1 .jusPublishedModule .moduleContent .storyContent .contentWrapper h3, .group1 .articleInThisIssue .moduleContent .storyContent .contentWrapper h3 {
    font-size: 16px;
    font-size: 0.88889rem;
    line-height: 21px;
    line-height: 1.16667rem; }
    @media only screen {
      .storyContent.style05 .contentWrapper h3, .group1 .articleRelated .moduleContent .storyContent .contentWrapper h3, .group1 .jusPublishedModule .moduleContent .storyContent .contentWrapper h3, .group1 .articleInThisIssue .moduleContent .storyContent .contentWrapper h3 {
        margin-top: 5px; } }
    @media only screen and (min-width: 600px) {
      .storyContent.style05 .contentWrapper h3, .group1 .articleRelated .moduleContent .storyContent .contentWrapper h3, .group1 .jusPublishedModule .moduleContent .storyContent .contentWrapper h3, .group1 .articleInThisIssue .moduleContent .storyContent .contentWrapper h3 {
        margin-top: 5px; } }
    @media only screen and (min-width: 768px) {
      .storyContent.style05 .contentWrapper h3, .group1 .articleRelated .moduleContent .storyContent .contentWrapper h3, .group1 .jusPublishedModule .moduleContent .storyContent .contentWrapper h3, .group1 .articleInThisIssue .moduleContent .storyContent .contentWrapper h3 {
        margin-top: 5px; } }
    @media only screen and (min-width: 960px) {
      .storyContent.style05 .contentWrapper h3, .group1 .articleRelated .moduleContent .storyContent .contentWrapper h3, .group1 .jusPublishedModule .moduleContent .storyContent .contentWrapper h3, .group1 .articleInThisIssue .moduleContent .storyContent .contentWrapper h3 {
        margin-top: 5px; } }

.storyContent.style05.premium .mediaWrapper .ribbon, .group1 .articleRelated .moduleContent .premium.storyContent .mediaWrapper .ribbon, .group1 .jusPublishedModule .moduleContent .premium.storyContent .mediaWrapper .ribbon, .group1 .articleInThisIssue .moduleContent .premium.storyContent .mediaWrapper .ribbon {
  display: block; }
  @media only screen and (min-width: 600px) and (max-width: 767px) {
    .storyContent.style05.premium .mediaWrapper .ribbon, .group1 .articleRelated .moduleContent .premium.storyContent .mediaWrapper .ribbon, .group1 .jusPublishedModule .moduleContent .premium.storyContent .mediaWrapper .ribbon, .group1 .articleInThisIssue .moduleContent .premium.storyContent .mediaWrapper .ribbon {
      width: 85px;
      height: 85px; } }
  @media only screen and (min-width: 768px) {
    .storyContent.style05.premium .mediaWrapper .ribbon, .group1 .articleRelated .moduleContent .premium.storyContent .mediaWrapper .ribbon, .group1 .jusPublishedModule .moduleContent .premium.storyContent .mediaWrapper .ribbon, .group1 .articleInThisIssue .moduleContent .premium.storyContent .mediaWrapper .ribbon {
      width: 60px;
      height: 60px; } }
  @media only screen and (min-width: 600px) and (max-width: 767px) {
    .storyContent.style05.premium .mediaWrapper .ribbon span, .group1 .articleRelated .moduleContent .premium.storyContent .mediaWrapper .ribbon span, .group1 .jusPublishedModule .moduleContent .premium.storyContent .mediaWrapper .ribbon span, .group1 .articleInThisIssue .moduleContent .premium.storyContent .mediaWrapper .ribbon span {
      font-size: 15px;
      font-size: 0.83333rem;
      line-height: 30px;
      line-height: 1.66667rem;
      top: 14px;
      right: -33px; } }
  @media only screen and (min-width: 768px) {
    .storyContent.style05.premium .mediaWrapper .ribbon span, .group1 .articleRelated .moduleContent .premium.storyContent .mediaWrapper .ribbon span, .group1 .jusPublishedModule .moduleContent .premium.storyContent .mediaWrapper .ribbon span, .group1 .articleInThisIssue .moduleContent .premium.storyContent .mediaWrapper .ribbon span {
      font-size: 10px;
      font-size: 0.55556rem;
      line-height: 20px;
      line-height: 1.11111rem;
      top: 11px;
      right: -41px; } }

/* Advance List Article Type - Base on .storyContent */
/* Left side format */
@media only screen {
  .storyContent.style06 {
    margin-top: 15px; } }

@media only screen and (min-width: 600px) {
  .storyContent.style06 {
    margin-top: 25px; } }

@media only screen and (min-width: 768px) {
  .storyContent.style06 {
    margin-top: 15px; } }

@media only screen and (min-width: 960px) {
  .storyContent.style06 {
    margin-top: 15px; } }

.storyContent.style06:first-child {
  margin-top: 0; }

.storyContent.style06 .mediaWrapper {
  width: 40.765%;
  max-width: 170px; }
  @media only screen {
    .storyContent.style06 .mediaWrapper .icoVideo a:before, .storyContent.style06 .mediaWrapper .icoGallery a:before, .storyContent.style06 .mediaWrapper .icoAudio a:before {
      font-size: 16px;
      font-size: 0.88889rem;
      padding: 5px 15px 5px 15px;
      border-radius: 5px;
      top: 5px;
      left: 5px; } }

@media only screen and (min-width: 600px) {
  .storyContent.style06 .contentWrapper .dateAndTags .articleTags:last-of-type:after {
    display: none; } }

@media only screen and (min-width: 1040px) {
  .storyContent.style06 .contentWrapper .dateAndTags .articleTags:last-of-type:after {
    display: inline; } }

@media only screen and (min-width: 600px) {
  .storyContent.style06 .contentWrapper .dateAndTags .date {
    display: none; } }

@media only screen and (min-width: 1040px) {
  .storyContent.style06 .contentWrapper .dateAndTags .date {
    display: inline; } }

@media only screen and (min-width: 600px) {
  .storyContent.style06 .contentWrapper .author {
    display: none; } }

.storyContent.style06 .contentWrapper h3 {
  font-size: 16px;
  font-size: 0.88889rem;
  line-height: 21px;
  line-height: 1.16667rem; }
  @media only screen {
    .storyContent.style06 .contentWrapper h3 {
      margin-top: 5px; } }
  @media only screen and (min-width: 600px) {
    .storyContent.style06 .contentWrapper h3 {
      margin-top: 5px; } }
  @media only screen and (min-width: 768px) {
    .storyContent.style06 .contentWrapper h3 {
      margin-top: 5px; } }
  @media only screen and (min-width: 960px) {
    .storyContent.style06 .contentWrapper h3 {
      margin-top: 5px; } }

/* Left side's right columns format - Combine with .secondBlock .style06 to use */
.secondBlock .storyContent .mediaWrapper .icoVideo a:before, .secondBlock .storyContent .mediaWrapper .icoGallery a:before, .secondBlock .storyContent .mediaWrapper .icoAudio a:before {
  font-size: 16px;
  font-size: 0.88889rem;
  padding: 5px 15px 5px 15px;
  border-radius: 5px;
  top: 5px;
  left: 5px; }

.storyContent.style06.premium .mediaWrapper .ribbon {
  display: block; }
  @media only screen and (min-width: 768px) {
    .storyContent.style06.premium .mediaWrapper .ribbon {
      width: 60px;
      height: 60px; } }
  @media only screen and (min-width: 768px) {
    .storyContent.style06.premium .mediaWrapper .ribbon span {
      font-size: 10px;
      font-size: 0.55556rem;
      line-height: 20px;
      line-height: 1.11111rem;
      top: 11px;
      right: -41px; } }

/* Advance List Article Type - Base on .storyContent */
/* Left side format */
@media only screen {
  .storyContent.style07 {
    margin-top: 15px; } }

@media only screen and (min-width: 600px) {
  .storyContent.style07 {
    margin-top: 15px; } }

@media only screen and (min-width: 768px) {
  .storyContent.style07 {
    margin-top: 15px; } }

@media only screen and (min-width: 960px) {
  .storyContent.style07 {
    margin-top: 15px; } }

.storyContent.style07:first-child {
  margin-top: 0; }

.storyContent.style07 .mediaWrapper {
  width: 35%;
  max-width: 170px; }
  @media only screen {
    .storyContent.style07 .mediaWrapper .icoVideo a:before, .storyContent.style07 .mediaWrapper .icoGallery a:before, .storyContent.style07 .mediaWrapper .icoAudio a:before {
      font-size: 16px;
      font-size: 0.88889rem;
      padding: 5px 15px 5px 15px;
      border-radius: 5px;
      top: 5px;
      left: 5px; } }

@media only screen {
  .storyContent.style07 .contentWrapper {
    padding: 10px 10px; } }

@media only screen and (min-width: 600px) {
  .storyContent.style07 .contentWrapper {
    padding: 10px 10px; } }

@media only screen and (min-width: 768px) {
  .storyContent.style07 .contentWrapper {
    padding: 15px 12px; } }

@media only screen and (min-width: 960px) {
  .storyContent.style07 .contentWrapper {
    padding: 15px 12px; } }

@media only screen and (min-width: 600px) {
  .storyContent.style07 .contentWrapper .author {
    display: none; } }

.storyContent.style07 .contentWrapper h3 {
  font-size: 16px;
  font-size: 0.88889rem;
  line-height: 21px;
  line-height: 1.16667rem; }
  @media only screen {
    .storyContent.style07 .contentWrapper h3 {
      margin-top: 5px; } }
  @media only screen and (min-width: 600px) {
    .storyContent.style07 .contentWrapper h3 {
      margin-top: 5px; } }
  @media only screen and (min-width: 768px) {
    .storyContent.style07 .contentWrapper h3 {
      margin-top: 5px; } }
  @media only screen and (min-width: 960px) {
    .storyContent.style07 .contentWrapper h3 {
      margin-top: 5px; } }

/* Right side format */
@media only screen and (min-width: 768px) {
  .group2 .storyContent.style07 {
    margin-top: 10px; } }

@media only screen and (min-width: 960px) {
  .group2 .storyContent.style07 {
    margin-top: 10px; } }

.group2 .storyContent.style07:first-child {
  margin-top: 0; }

@media only screen and (min-width: 768px) {
  .group2 .storyContent.style07 .mediaWrapper {
    width: 40%; } }

@media only screen and (min-width: 768px) {
  .group2 .storyContent.style07 .contentWrapper {
    padding: 15px 12px; } }

@media only screen and (min-width: 960px) {
  .group2 .storyContent.style07 .contentWrapper {
    padding: 15px 12px; } }

@media only screen and (min-width: 960px) {
  .group2 .storyContent.style07 .contentWrapper .dateAndTags .articleTags:last-of-type:after {
    display: none; } }

@media only screen and (min-width: 1040px) {
  .group2 .storyContent.style07 .contentWrapper .dateAndTags .articleTags:last-of-type:after {
    display: inline; } }

@media only screen and (min-width: 960px) {
  .group2 .storyContent.style07 .contentWrapper .dateAndTags .date {
    display: none; } }

@media only screen and (min-width: 1040px) {
  .group2 .storyContent.style07 .contentWrapper .dateAndTags .date {
    display: inline; } }

.storyContent.style07.premium .mediaWrapper .ribbon {
  display: block; }
  @media only screen and (min-width: 768px) {
    .storyContent.style07.premium .mediaWrapper .ribbon {
      width: 60x;
      height: 60px; } }
  @media only screen and (min-width: 768px) {
    .storyContent.style07.premium .mediaWrapper .ribbon span {
      font-size: 10px;
      font-size: 0.55556rem;
      line-height: 20px;
      line-height: 1.11111rem;
      top: 11px;
      right: -41px; } }

/* Advance List Article Type - Base on .storyContent */
/* Left side format */
.storyContent.style08 {
  clear: none;
  border: none;
  border-bottom: 1px solid #E4E4E4; }
  @media only screen {
    .storyContent.style08 {
      margin-top: 15px; } }
  @media only screen and (min-width: 600px) {
    .storyContent.style08 {
      margin-top: 25px;
      float: left; } }
  @media only screen and (min-width: 960px) {
    .storyContent.style08 {
      margin-top: 25px; } }
  .storyContent.style08:first-child {
    margin-top: 0; }
  .storyContent.style08 .mediaWrapper {
    display: none; }
  @media only screen {
    .storyContent.style08 .contentWrapper {
      padding: 10px 10px;
      padding-top: 0;
      padding-left: 0;
      min-height: 0; } }
  @media only screen and (min-width: 600px) {
    .storyContent.style08 .contentWrapper {
      padding: 10px 10px;
      padding-top: 0;
      padding-left: 0; } }
  @media only screen and (min-width: 768px) {
    .storyContent.style08 .contentWrapper {
      padding: 15px 12px;
      padding-top: 0;
      padding-left: 0; } }
  @media only screen and (min-width: 960px) {
    .storyContent.style08 .contentWrapper {
      padding: 15px 12px;
      padding-top: 0;
      padding-left: 0; } }
  @media only screen and (min-width: 600px) {
    .storyContent.style08 .contentWrapper .dateAndTags .articleTags:last-of-type:after {
      display: none; } }
  @media only screen and (min-width: 1040px) {
    .storyContent.style08 .contentWrapper .dateAndTags .articleTags:last-of-type:after {
      display: inline; } }
  @media only screen and (min-width: 600px) {
    .storyContent.style08 .contentWrapper .dateAndTags .date {
      display: none; } }
  @media only screen and (min-width: 1040px) {
    .storyContent.style08 .contentWrapper .dateAndTags .date {
      display: inline; } }
  @media only screen and (min-width: 600px) {
    .storyContent.style08 .contentWrapper .author {
      display: none; } }
  .storyContent.style08 .contentWrapper h3 {
    font-size: 16px;
    font-size: 0.88889rem;
    line-height: 21px;
    line-height: 1.16667rem; }
    @media only screen {
      .storyContent.style08 .contentWrapper h3 {
        margin-top: 5px; } }
    @media only screen and (min-width: 600px) {
      .storyContent.style08 .contentWrapper h3 {
        margin-top: 5px; } }
    @media only screen and (min-width: 768px) {
      .storyContent.style08 .contentWrapper h3 {
        margin-top: 5px; } }
    @media only screen and (min-width: 960px) {
      .storyContent.style08 .contentWrapper h3 {
        margin-top: 5px; } }

/* Right side format */
@media only screen and (min-width: 768px) {
  .group2 .storyContent.style08 {
    margin-top: 25px; } }

@media only screen and (min-width: 960px) {
  .group2 .storyContent.style08 {
    margin-top: 25px; } }

.group2 .storyContent.style08:first-child {
  margin-top: 0; }

@media only screen and (min-width: 768px) {
  .group2 .storyContent.style08 .mediaWrapper {
    width: 56.6667%; } }

@media only screen {
  .group2 .storyContent.style08 .mediaWrapper .icoVideo a:before, .group2 .storyContent.style08 .mediaWrapper .icoGallery a:before, .group2 .storyContent.style08 .mediaWrapper .icoAudio a:before {
    font-size: 16px;
    font-size: 0.88889rem;
    padding: 5px 15px 5px 15px;
    border-radius: 5px;
    top: 5px;
    left: 5px; } }

@media only screen and (min-width: 768px) {
  .group2 .storyContent.style08 .contentWrapper {
    padding: 15px 12px;
    padding-top: 0;
    padding-left: 0; } }

@media only screen and (min-width: 960px) {
  .group2 .storyContent.style08 .contentWrapper {
    padding: 15px 12px;
    padding-top: 0;
    padding-left: 0; } }

.storyContent.style08.premium .contentWrapper .dateAndTags {
  margin-right: 45px; }

.storyContent.style08.premium .contentWrapper h3 {
  margin-right: 25px; }

.storyContent.style08.premium .contentWrapper .ribbon {
  display: block; }
  @media only screen and (min-width: 768px) {
    .storyContent.style08.premium .contentWrapper .ribbon {
      width: 85px;
      height: 85px; } }
  @media only screen and (min-width: 768px) {
    .storyContent.style08.premium .contentWrapper .ribbon span {
      font-size: 15px;
      font-size: 0.83333rem;
      line-height: 30px;
      line-height: 1.66667rem;
      top: 14px;
      right: -33px; } }

/* Advance List Article Type - Base on .storyContent */
/* Jobs list page use */
.storyContent.job .mediaWrapper {
  box-sizing: border-box;
  max-width: 265px; }
  @media only screen {
    .storyContent.job .mediaWrapper {
      display: none; } }
  @media only screen and (min-width: 600px) {
    .storyContent.job .mediaWrapper {
      max-width: 265px;
      padding: 15px 15px;
      padding-left: 0;
      float: right;
      display: block; } }
  @media only screen and (min-width: 768px) {
    .storyContent.job .mediaWrapper {
      max-width: 265px;
      padding: 15px 15px;
      padding-left: 0; } }
  @media only screen and (min-width: 960px) {
    .storyContent.job .mediaWrapper {
      max-width: 265px;
      padding: 15px 15px;
      padding-left: 0; } }
  .storyContent.job .mediaWrapper figure {
    min-height: 25px;
    width: 70%;
    margin-left: auto;
    margin-right: auto; }
    .storyContent.job .mediaWrapper figure img {
      width: auto;
      margin-left: auto;
      margin-right: auto; }
  .storyContent.job .mediaWrapper .moreLink, .storyContent.job .mediaWrapper .subscribeModule .moduleContent .packagesWrapper > .item > .item-footer .reg-btn, .subscribeModule .moduleContent .packagesWrapper > .item > .item-footer .storyContent.job .mediaWrapper .reg-btn, .storyContent.job .mediaWrapper .formModule .submit, .formModule .storyContent.job .mediaWrapper .submit, .storyContent.job .mediaWrapper .formModule .btn a, .formModule .btn .storyContent.job .mediaWrapper a {
    margin-top: 10px; }

@media only screen {
  .storyContent.job .contentWrapper {
    float: none;
    width: 100%; } }

@media only screen and (min-width: 600px) {
  .storyContent.job .contentWrapper {
    float: left;
    width: 65%; } }

/* Advance List Article Type - Base on .storyContent */
/* Jobs list page use */
@media only screen and (max-width: 599px) {
  .storyContent.searchItem .mediaWrapper {
    max-width: 100%;
    width: 100%;
    float: none; } }

@media only screen and (max-width: 599px) {
  .storyContent.searchItem .mediaWrapper .icoVideo a:before, .storyContent.searchItem .mediaWrapper .icoGallery a:before, .storyContent.searchItem .mediaWrapper .icoAudio a:before {
    font-size: 36px;
    font-size: 2rem;
    padding: 5px 25px 5px 30px;
    border-radius: 10px;
    top: 20px;
    left: 20px; } }

@media only screen and (max-width: 599px) {
  .storyContent.searchItem .contentWrapper .date {
    display: inline; } }

@media only screen and (max-width: 599px) {
  .storyContent.searchItem .contentWrapper .author {
    display: block; } }

.storyContent.searchItem .contentWrapper .author span {
  color: #9B9B9B; }
  .storyContent.searchItem .contentWrapper .author span a {
    color: #9B9B9B;
    pointer-events: none;
    cursor: default; }

@media only screen and (max-width: 599px) {
  .storyContent.searchItem .contentWrapper h3 {
    font-size: 23px;
    font-size: 1.27778rem;
    line-height: 30.1875px;
    line-height: 1.67708rem;
    margin-top: 15px; } }

.storyContent.searchItem .contentWrapper h3 .highlight {
  font-weight: 400;
  font-style: normal;
  background-color: #E4E4E4;
  padding: 0 3px; }

.storyContent.searchItem .contentWrapper h3 + p {
  color: #666666; }
  @media only screen and (max-width: 599px) {
    .storyContent.searchItem .contentWrapper h3 + p {
      font-size: 16px;
      font-size: 0.88889rem;
      line-height: 21px;
      line-height: 1.16667rem; } }
  .storyContent.searchItem .contentWrapper h3 + p .highlight {
    background-color: #E4E4E4;
    padding: 0 3px; }

.storyContent.searchItem.premium .ribbon {
  display: block; }
  @media only screen and (max-width: 599px) {
    .storyContent.searchItem.premium .ribbon {
      width: 85px;
      height: 85px; } }
  @media only screen and (max-width: 599px) {
    .storyContent.searchItem.premium .ribbon span {
      font-size: 15px;
      font-size: 0.83333rem;
      line-height: 30px;
      line-height: 1.66667rem;
      top: 14px;
      right: -33px; } }

.storyContent.workSearchItem {
  background-color: #1C1C1C; }
  .storyContent.workSearchItem .contentWrapper .dateAndTags .articleTags {
    color: #E2000B; }
    .storyContent.workSearchItem .contentWrapper .dateAndTags .articleTags a {
      color: #E2000B; }
  .storyContent.workSearchItem .contentWrapper .dateAndTags .date {
    color: #FFFFFF; }
  .storyContent.workSearchItem .contentWrapper .author span {
    color: #FFFFFF; }
    .storyContent.workSearchItem .contentWrapper .author span a {
      color: #FFFFFF; }
  .storyContent.workSearchItem .contentWrapper h3 {
    color: #FFFFFF; }
    .storyContent.workSearchItem .contentWrapper h3 a {
      color: #FFFFFF; }
  .storyContent.workSearchItem .contentWrapper h3 + p {
    color: #9B9B9B; }
    .storyContent.workSearchItem .contentWrapper h3 + p .highlight {
      color: #9d9d9d;
      background-color: #565656; }

/***********************************************************/
/***************************** Ad Module *******************/
/***********************************************************/
/* Base Module Type - Ad use */
.mpu {
  display: block;
  width: 100%;
  box-sizing: border-box; }
  @media only screen {
    .mpu {
      margin-top: 15px; } }
  @media only screen and (min-width: 600px) {
    .mpu {
      margin-top: 25px; } }
  @media only screen and (min-width: 768px) {
    .mpu {
      margin-top: 25px; } }
  @media only screen and (min-width: 960px) {
    .mpu {
      margin-top: 25px; } }

/* Advance Module Type - Base on .mpu for The Work list page */
.theWorkList .moduleContent .mpu {
  border: none;
  box-sizing: border-box;
  position: relative; }
  @media only screen and (min-width: 600px) {
    .theWorkList .moduleContent .mpu {
      border: 1px solid #E4E4E4; } }
  @media only screen and (min-width: 600px) and (max-width: 664px) {
    .theWorkList .moduleContent .mpu {
      border: none;
      float: none;
      clear: none;
      width: 100%;
      min-height: 0;
      margin-top: 15px; }
      .theWorkList .moduleContent .mpu:first-child {
        margin-top: 0; }
      .theWorkList .moduleContent .mpu:nth-child(2n) {
        margin-left: 0; } }
  @media only screen and (min-width: 768px) and (max-width: 959px) {
    .theWorkList .moduleContent .mpu {
      width: 48.775%; }
      .theWorkList .moduleContent .mpu:nth-child(3n+1) {
        margin-left: 0;
        clear: none; }
      .theWorkList .moduleContent .mpu:nth-child(3n+2) {
        margin-left: 0; }
      .theWorkList .moduleContent .mpu:nth-child(3n) {
        margin-left: 0;
        float: left; }
      .theWorkList .moduleContent .mpu:nth-child(odd) {
        clear: both; }
      .theWorkList .moduleContent .mpu:nth-child(even) {
        margin-left: 2.45%;
        float: left; } }
    @media only screen and (min-width: 768px) and (max-width: 959px) and (-webkit-min-device-pixel-ratio: 0) {
      .theWorkList .moduleContent .mpu:nth-child(even) {
        margin-left: 0; } }
  @media only screen and (min-width: 768px) and (max-width: 959px) {
      .theWorkList .moduleContent .mpu:nth-child(3) {
        margin-top: 25px; } }
  @media only screen and (min-width: 960px) {
    .theWorkList .moduleContent .mpu {
      min-height: 445px;
      width: 31.7%; }
      .theWorkList .moduleContent .mpu:nth-child(3) {
        margin-top: 0; }
      .theWorkList .moduleContent .mpu:nth-child(3n+1) {
        clear: both; } }
    @media only screen and (min-width: 960px) and (-webkit-min-device-pixel-ratio: 0) {
      .theWorkList .moduleContent .mpu:nth-child(3n+1) {
        margin-left: 0; } }
  @media only screen and (min-width: 960px) and (-webkit-min-device-pixel-ratio: 0) {
    .theWorkList .moduleContent .mpu:nth-child(3n+2) {
      margin-left: 0; } }
  @media only screen and (min-width: 960px) and (-webkit-min-device-pixel-ratio: 0) {
    .theWorkList .moduleContent .mpu:nth-child(3n) {
      margin-left: 0; } }
  @media only screen and (min-width: 960px) and (max-width: 999px) {
    .theWorkList .moduleContent .mpu {
      min-height: 415px;
      width: 48.775%; }
      .theWorkList .moduleContent .mpu:nth-child(3n+1) {
        clear: none; }
      .theWorkList .moduleContent .mpu:nth-child(3n+2) {
        margin-left: 0; }
      .theWorkList .moduleContent .mpu:nth-child(3n) {
        float: left; }
      .theWorkList .moduleContent .mpu:nth-child(3) {
        margin-top: 25px; }
      .theWorkList .moduleContent .mpu:nth-child(odd) {
        clear: both;
        margin-left: 0; } }
    @media only screen and (min-width: 960px) and (max-width: 999px) and (-webkit-min-device-pixel-ratio: 0) {
      .theWorkList .moduleContent .mpu:nth-child(odd) {
        margin-left: 0; } }
  @media only screen and (min-width: 960px) and (max-width: 999px) {
      .theWorkList .moduleContent .mpu:nth-child(even) {
        margin-left: 2.45%;
        float: left; } }
    @media only screen and (min-width: 960px) and (max-width: 999px) and (-webkit-min-device-pixel-ratio: 0) {
      .theWorkList .moduleContent .mpu:nth-child(even) {
        margin-left: 0; } }
  @media only screen and (min-width: 999px) {
    .theWorkList .moduleContent .mpu:nth-child(3n+2):last-child {
      margin-left: 2.45%; } }
  @media only screen and (min-width: 600px) {
    .theWorkList .moduleContent .mpu .ad {
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
      -moz-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      -o-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%); } }
  @media only screen and (min-width: 600px) and (max-width: 664px) {
    .theWorkList .moduleContent .mpu .ad {
      position: static;
      top: auto;
      left: auto;
      -webkit-transform: none;
      -moz-transform: none;
      -ms-transform: none;
      -o-transform: none;
      transform: none; } }

/* Align center for Ad */
.ad {
  margin: 0 auto;
  line-height: 0;
  text-align: center; }
  .ad img {
    max-width: 100%;
    height: auto; }

/* Hide Ad */
.noAd {
  display: none; }

#r1301Ad .adWrapper, #r2302Ad .adWrapper {
  max-width: 300px;
  margin-left: auto;
  margin-right: auto; }

/* Top Ad */
#advertTop {
  background: #181716;
  line-height: 0;
  text-align: center;
  overflow: hidden;
  box-sizing: border-box;
  width: 100%; }
  @media only screen {
    #advertTop {
      min-height: 60px; } }
  @media only screen and (min-width: 730px) {
    #advertTop {
      min-height: 100px; } }

#topAd.ad {
  margin: 0;
  padding: 18px 0; }

/* Bottom Ad */
#advertBodyBottom {
  background-color: #F9F9F9;
  clear: both;
  width: 100%;
  overflow: hidden;
  box-sizing: border-box; }
  @media only screen {
    #advertBodyBottom {
      padding-top: 10px;
      padding-bottom: 10px;
      padding-left: 10px;
      padding-right: 10px; } }
  @media only screen and (min-width: 768px) {
    #advertBodyBottom {
      padding-top: 15px;
      padding-bottom: 15px; } }
  @media only screen and (min-width: 1040px) {
    #advertBodyBottom {
      padding-left: 20px;
      padding-right: 20px; } }

/***********************************************************/
/***************************** Module Control **************/
/***********************************************************/
/* Base Module Type */
.topModule {
  display: block;
  position: relative;
  float: left;
  box-sizing: border-box;
  overflow: hidden; }
  @media only screen {
    .topModule {
      width: 50%;
      height: 135px;
      margin-top: 3px; } }
  @media only screen and (min-width: 600px) {
    .topModule {
      height: 175px; } }
  @media only screen and (min-width: 768px) {
    .topModule {
      height: 230px; } }
  @media only screen and (min-width: 960px) {
    .topModule {
      width: 25%;
      height: 212px;
      border-left: solid 3px #FFFFFF; } }
  .topModule a {
    display: block;
    background-size: cover;
    background-position: center;
    width: 100%;
    height: inherit; }
  .topModule .text {
    position: absolute;
    pointer-events: none;
    width: 100%;
    box-sizing: border-box; }
    @media only screen {
      .topModule .text {
        bottom: 10px;
        left: 20px;
        padding-right: 40px; }
      @-moz-document url-prefix() {
        .topModule .text {
          left: 10px;
          padding-right: 20px; } } }
    @media only screen and (min-width: 960px) {
      .topModule .text {
        bottom: 20px; } }
    .topModule .text .promoted {
      font-weight: 300;
      font-style: normal;
      font-size: 14px;
      font-size: 0.77778rem;
      text-transform: uppercase;
      color: #FFFFFF;
      background-color: rgba(28, 28, 28, 0.8);
      line-height: 22px;
      padding: 2px 10px;
      margin-left: -10px;
      display: inline; }

@-moz-document url-prefix() {
  .topModule .text .promoted {
    margin-left: 0;
    padding: 2px 10px; } }
    .topModule .text .textBox {
      margin-top: 10px; }

@-moz-document url-prefix() {
  .topModule .text .textBox {
    border-left: 22px solid rgba(28, 28, 28, 0.8); } }
      .topModule .text .textBox h3 {
        display: inline;
        font-weight: 700;
        font-style: normal;
        color: #FFFFFF;
        background-color: rgba(28, 28, 28, 0.8);
        box-shadow: 10px 0 0 rgba(28, 28, 28, 0.8), -10px 0 0 rgba(28, 28, 28, 0.8); }
        @media only screen {
          .topModule .text .textBox h3 {
            font-size: 16px;
            font-size: 0.88889rem;
            line-height: 22px;
            padding-top: 2px;
            padding-bottom: 3px; } }
        @media only screen and (min-width: 600px) {
          .topModule .text .textBox h3 {
            font-size: 18px;
            font-size: 1rem;
            line-height: 25px;
            padding-top: 2px;
            padding-bottom: 2px; } }

@-moz-document url-prefix() {
  .topModule .text .textBox h3 {
    box-shadow: none; }
    @media only screen {
      .topModule .text .textBox h3 {
        padding-top: 4px;
        padding-bottom: 1px; } }
    @media only screen and (min-width: 600px) {
      .topModule .text .textBox h3 {
        padding-top: 2px;
        padding-bottom: 2px; } } }

@-moz-document url-prefix() {
  .topModule .text .textBox h3 strong {
    position: relative;
    left: -10px; } }
  .topModule:first-child {
    display: block;
    position: relative; }
    @media only screen {
      .topModule:first-child {
        float: none;
        width: 100%;
        height: 270px;
        margin-top: 0; } }
    @media only screen and (min-width: 600px) {
      .topModule:first-child {
        height: 350px;
        margin-top: 30px; } }
    @media only screen and (min-width: 960px) {
      .topModule:first-child {
        float: left;
        width: 50%;
        height: 427px;
        border-left: none; } }
    .topModule:first-child a {
      display: block;
      background-size: cover;
      background-position: center;
      width: 100%;
      height: inherit; }
    .topModule:first-child .text {
      position: absolute;
      pointer-events: none;
      width: 100%;
      box-sizing: border-box; }
      @media only screen {
        .topModule:first-child .text {
          bottom: 10px;
          left: 20px;
          padding-right: 40px; }
        @-moz-document url-prefix() {
          .topModule:first-child .text {
            left: 10px;
            padding-right: 20px; } } }
      @media only screen and (min-width: 600px) {
        .topModule:first-child .text {
          bottom: 20px; } }
      @media only screen and (min-width: 1040px) {
        .topModule:first-child .text {
          left: 35px;
          padding-right: 70px; }
        @-moz-document url-prefix() {
          .topModule:first-child .text {
            left: 25px;
            padding-right: 50px; } } }
      .topModule:first-child .text .promoted {
        font-weight: 300;
        font-style: normal;
        font-size: 14px;
        font-size: 0.77778rem;
        color: #FFFFFF;
        background-color: rgba(28, 28, 28, 0.8);
        line-height: 22px;
        padding: 2px 10px;
        margin-left: -10px;
        display: inline; }

@-moz-document url-prefix() {
  .topModule:first-child .text .promoted {
    margin-left: 0;
    padding: 2px 10px; } }
      .topModule:first-child .text .textBox {
        margin-top: 10px; }

@-moz-document url-prefix() {
  .topModule:first-child .text .textBox {
    border-left: 22px solid rgba(28, 28, 28, 0.8); } }
        .topModule:first-child .text .textBox h3 {
          display: inline;
          font-weight: 900;
          font-style: normal;
          color: #FFFFFF;
          background-color: rgba(28, 28, 28, 0.8);
          box-shadow: 10px 0 0 rgba(28, 28, 28, 0.8), -10px 0 0 rgba(28, 28, 28, 0.8); }
          @media only screen {
            .topModule:first-child .text .textBox h3 {
              font-size: 22px;
              font-size: 1.22222rem;
              line-height: 33px;
              padding-top: 0;
              padding-bottom: 0; } }
          @media only screen and (min-width: 600px) {
            .topModule:first-child .text .textBox h3 {
              font-size: 30px;
              font-size: 1.66667rem;
              line-height: 43px;
              padding-top: 0;
              padding-bottom: 0; } }

@-moz-document url-prefix() {
  .topModule:first-child .text .textBox h3 {
    box-shadow: none; }
    @media only screen {
      .topModule:first-child .text .textBox h3 {
        padding-bottom: .5px; } }
    @media only screen and (min-width: 600px) {
      .topModule:first-child .text .textBox h3 {
        line-height: 44px;
        padding-top: 0;
        padding-bottom: 1px; } } }

@-moz-document url-prefix() {
  .topModule:first-child .text .textBox h3 strong {
    position: relative;
    left: -10px; } }
        .topModule:first-child .text .textBox p {
          display: inline;
          font-weight: 700;
          font-style: normal;
          color: #FFFFFF;
          background-color: rgba(28, 28, 28, 0.8);
          box-shadow: 10px 0 0 rgba(28, 28, 28, 0.8), -10px 0 0 rgba(28, 28, 28, 0.8); }
          @media only screen {
            .topModule:first-child .text .textBox p {
              font-size: 16px;
              font-size: 0.88889rem;
              line-height: 21px;
              padding-top: 2px;
              padding-bottom: 2px; } }

@-moz-document url-prefix() {
  .topModule:first-child .text .textBox p {
    box-shadow: none; }
    @media only screen {
      .topModule:first-child .text .textBox p {
        line-height: 22px;
        padding-top: 3px;
        padding-bottom: 3px; } } }
          .topModule:first-child .text .textBox p strong {
            font-weight: 300;
            font-style: normal; }

@-moz-document url-prefix() {
  .topModule:first-child .text .textBox p strong {
    position: relative;
    left: -10px; } }
    .topModule:first-child.icoVideo a:before, .topModule:first-child.icoGallery a:before, .topModule:first-child.icoAudio a:before {
      font-size: 36px;
      font-size: 2rem;
      padding: 5px 25px 5px 30px;
      border-radius: 10px;
      top: 20px;
      left: 20px; }
  @media only screen and (min-width: 960px) {
    .topModule:nth-child(2), .topModule:nth-child(3) {
      margin-top: 30px; } }
  @media only screen {
    .topModule:nth-child(2), .topModule:nth-child(4) {
      border-right: solid 1px #FFFFFF; } }
  @media only screen {
    .topModule:nth-child(3), .topModule:nth-child(5) {
      border-left: solid 2px #FFFFFF; } }

.topModule.premium:first-child .ribbon {
  display: block;
  width: 85px;
  height: 85px; }
  .topModule.premium:first-child .ribbon span {
    font-size: 15px;
    font-size: 0.83333rem;
    line-height: 30px;
    line-height: 1.66667rem;
    top: 14px;
    right: -33px; }

.topModule.premium .ribbon {
  display: block; }
  @media only screen and (min-width: 600px) {
    .topModule.premium .ribbon {
      width: 85px;
      height: 85px; } }
  @media only screen and (min-width: 600px) {
    .topModule.premium .ribbon span {
      font-size: 15px;
      font-size: 0.83333rem;
      line-height: 30px;
      line-height: 1.66667rem;
      top: 14px;
      right: -33px; } }

.topModuleMobile {
  margin-top: 0 !important; }
  .topModuleMobile .moduleContent:nth-child(2) .storyContent .mediaWrapper {
    width: 48.775%; }

.topModuleMobile .storyContent.premium .mediaWrapper .ribbon {
  display: block; }
  @media only screen and (min-width: 480px) {
    .topModuleMobile .storyContent.premium .mediaWrapper .ribbon {
      width: 85px;
      height: 85px; } }
  @media only screen and (min-width: 480px) {
    .topModuleMobile .storyContent.premium .mediaWrapper .ribbon span {
      font-size: 15px;
      font-size: 0.83333rem;
      line-height: 30px;
      line-height: 1.66667rem;
      top: 14px;
      right: -33px; } }

/* Base Module Type - General use*/
@media only screen {
  .genericModule {
    margin-top: 15px; } }

@media only screen and (min-width: 600px) {
  .genericModule {
    margin-top: 25px; } }

@media only screen and (min-width: 768px) {
  .genericModule {
    margin-top: 25px; } }

@media only screen and (min-width: 960px) {
  .genericModule {
    margin-top: 25px; } }

.genericModule p {
  font-size: 16px;
  font-size: 0.88889rem; }

.genericModule > figure:last-child, .genericModule > table:last-child, .genericModule > blockquote:last-child, .genericModule > dl:last-child, .genericModule > ol:last-child, .genericModule > ul:last-child, .genericModule > p:last-child {
  margin-bottom: 0; }

.genericModule > header {
  display: block;
  width: 100%; }
  .genericModule > header h1 {
    font-weight: 700;
    font-style: normal;
    font-size: 30px;
    font-size: 1.66667rem;
    line-height: 36px;
    line-height: 2rem;
    color: #1C1C1C; }
    @media only screen {
      .genericModule > header h1 {
        padding-top: 0;
        padding-bottom: 15px; } }
    @media only screen and (min-width: 600px) {
      .genericModule > header h1 {
        padding-top: 0;
        padding-bottom: 25px; } }
    @media only screen and (min-width: 768px) {
      .genericModule > header h1 {
        padding-top: 0;
        padding-bottom: 25px; } }
    @media only screen and (min-width: 960px) {
      .genericModule > header h1 {
        padding-top: 0;
        padding-bottom: 25px; } }
  .genericModule > header h2 {
    font-weight: 300;
    font-style: normal;
    text-transform: uppercase;
    text-align: center;
    color: #1C1C1C;
    display: table-cell;
    vertical-align: middle;
    height: 70px;
    width: 1%; }
    @media only screen {
      .genericModule > header h2 {
        font-size: 26px;
        font-size: 1.44444rem; } }
    @media only screen and (min-width: 960px) {
      .genericModule > header h2 {
        font-size: 20px;
        font-size: 1.11111rem; } }
  .genericModule > header h3 {
    font-weight: 700;
    font-style: normal; }

.genericModule > footer {
  margin: 10px 0 20px; }

/* Article Gallery */
#articleGallery .icoVideo a:before {
  font-size: 16px;
  font-size: 0.88889rem;
  padding: 5px 15px 5px 15px;
  border-radius: 5px;
  top: 5px;
  left: 5px; }

/* Home Page Control */
.home .genericModule.hotTopicModule {
  margin-top: 30px; }
  @media only screen and (min-width: 960px) {
    .home .genericModule.hotTopicModule {
      margin-top: 0; } }

/* .moduleContent Modification */
header + .moduleContent {
  margin-top: 0 !important; }

@media only screen {
  .moduleContent {
    margin-top: 15px; } }

@media only screen and (min-width: 600px) {
  .moduleContent {
    margin-top: 25px; } }

@media only screen and (min-width: 768px) {
  .moduleContent {
    margin-top: 25px; } }

@media only screen and (min-width: 960px) {
  .moduleContent {
    margin-top: 25px; } }

.moduleContent:first-child {
  margin-top: 0; }

@media only screen {
  .moduleContent > footer {
    margin-top: 15px;
    margin-bottom: 15px; } }

@media only screen and (min-width: 600px) {
  .moduleContent > footer {
    margin-top: 25px;
    margin-bottom: 25px; } }

@media only screen and (min-width: 768px) {
  .moduleContent > footer {
    margin-top: 25px;
    margin-bottom: 25px; } }

@media only screen and (min-width: 960px) {
  .moduleContent > footer {
    margin-top: 25px;
    margin-bottom: 25px; } }

@media only screen {
  .moduleContent .more {
    margin-top: 15px; } }

@media only screen and (min-width: 600px) {
  .moduleContent .more {
    margin-top: 25px; } }

@media only screen and (min-width: 768px) {
  .moduleContent .more {
    margin-top: 25px; } }

@media only screen and (min-width: 960px) {
  .moduleContent .more {
    margin-top: 25px; } }

.moduleContent .more:empty {
  margin-top: 0 !important; }

/* Base Module Type - Static page module */
.textHtmlModule {
  font-weight: 400;
  font-style: normal;
  font-size: 16px;
  font-size: 0.88889rem;
  line-height: 21px;
  line-height: 1.16667rem;
  color: #1C1C1C; }
  @media only screen {
    .textHtmlModule {
      margin-top: 15px; } }
  @media only screen and (min-width: 600px) {
    .textHtmlModule {
      margin-top: 25px; } }
  @media only screen and (min-width: 768px) {
    .textHtmlModule {
      margin-top: 25px; } }
  @media only screen and (min-width: 960px) {
    .textHtmlModule {
      margin-top: 25px; } }
  .textHtmlModule h1, .textHtmlModule h2, .textHtmlModule h3, .textHtmlModule h4, .textHtmlModule h5 {
    font-weight: 700;
    font-style: normal; }
  .textHtmlModule > header {
    display: block;
    width: 100%; }
    .textHtmlModule > header h1 {
      font-size: 30px;
      font-size: 1.66667rem;
      line-height: 36px;
      line-height: 2rem; }
      @media only screen {
        .textHtmlModule > header h1 {
          padding-top: 0;
          padding-bottom: 15px; } }
      @media only screen and (min-width: 600px) {
        .textHtmlModule > header h1 {
          padding-top: 0;
          padding-bottom: 25px; } }
      @media only screen and (min-width: 768px) {
        .textHtmlModule > header h1 {
          padding-top: 0;
          padding-bottom: 25px; } }
      @media only screen and (min-width: 960px) {
        .textHtmlModule > header h1 {
          padding-top: 0;
          padding-bottom: 25px; } }
  .textHtmlModule h3 {
    font-size: 23px;
    font-size: 1.27778rem;
    line-height: 30.1875px;
    line-height: 1.67708rem; }
  .textHtmlModule h4 {
    font-size: 18px;
    font-size: 1rem;
    line-height: 23.625px;
    line-height: 1.3125rem; }
  .textHtmlModule p {
    font-size: 16px;
    font-size: 0.88889rem;
    line-height: 21px;
    line-height: 1.16667rem;
    margin-top: 0;
    margin-bottom: 2em; }
  .textHtmlModule ul li {
    font-size: 15px;
    font-size: 0.83333rem;
    line-height: 19.6875px;
    line-height: 1.09375rem; }
  .textHtmlModule .box {
    background-color: #F9F9F9;
    padding: 30px;
    margin-bottom: 2em;
    box-sizing: border-box; }
    .textHtmlModule .box p:last-child {
      margin-bottom: 0; }
  .textHtmlModule .contactUs {
    margin-bottom: 1.5em; }
    .textHtmlModule .contactUs h4 {
      clear: both;
      margin-bottom: 1em; }
    .textHtmlModule .contactUs div {
      clear: both; }
      @media only screen and (min-width: 768px) {
        .textHtmlModule .contactUs div p {
          width: 48.775%; } }
      @media only screen and (min-width: 768px) {
        .textHtmlModule .contactUs div p:nth-child(odd) {
          float: left; } }
      @media only screen and (min-width: 768px) {
        .textHtmlModule .contactUs div p:nth-child(even) {
          float: right; } }

/* Advance Module Type - Base on .genericModule */
/* Left side format */
@media only screen {
  .topFeatureModule {
    margin-top: 15px; } }

@media only screen and (min-width: 600px) {
  .topFeatureModule {
    margin-top: 25px; } }

@media only screen and (min-width: 768px) {
  .topFeatureModule {
    margin-top: 25px; } }

@media only screen and (min-width: 960px) {
  .topFeatureModule {
    margin-top: 25px; } }

.topFeatureModule .moduleContent {
  /*
		&:nth-child(3) {
			&:after {
				@media only screen and (min-width:768px) {
					content: "";
					width: $listArticleS03Width-large;
					flex: auto;
				}
			}
			@media only screen and (min-width:600px) {
				@include flexbox();
			}
			.storyContent {
				@media screen and (-webkit-min-device-pixel-ratio:0) {margin-left: 0;}
				&:first-child {
					@media only screen {display: none;}
					@media only screen and (min-width:600px) {display: block;}
					@media only screen and (min-width:768px) {display: none;}
				}
				&:nth-child(7):last-child {
					@media only screen {display: block;}
					@media only screen and (min-width:600px) {display: none;}
					@media only screen and (min-width:768px) {display: block;}
				}
				&:nth-child(4) {
					@media only screen and (min-width:768px) {margin-top: 0;}
				}
				&:nth-child(3n) {
					@media only screen and (min-width:768px) {
						float: left;
						margin-left: $listArticleS04Grid;
						@media screen and (-webkit-min-device-pixel-ratio:0) {margin-left: 0;}
					}
				}
				&:nth-child(3n+1) {
					@media only screen and (min-width:768px) {
						float: left;
						clear: none;
						margin-left: $listArticleS04Grid;
						@media screen and (-webkit-min-device-pixel-ratio:0) {margin-left: 0;}
					}
				}
				&:nth-child(3n+2) {
					@media only screen and (min-width:768px) {
						clear: both;
						margin-left: 0;
					}
				}
				&:nth-child(3n):last-child {
					@media only screen and (min-width:768px) {
						max-width: $listArticleS04Width-large;
						margin-left: $listArticleS04Grid;
					}
				}
			}
		}
		*/ }
  @media only screen and (max-width: 599px) {
    .topFeatureModule .moduleContent:first-child .storyContent .mediaWrapper {
      width: 35%;
      float: left; }
    .topFeatureModule .moduleContent:first-child .storyContent .contentWrapper {
      padding: 10px 10px; }
      .topFeatureModule .moduleContent:first-child .storyContent .contentWrapper .dateAndTags .articleTags:last-of-type:after {
        display: none; }
      .topFeatureModule .moduleContent:first-child .storyContent .contentWrapper .dateAndTags .date {
        display: none; }
      .topFeatureModule .moduleContent:first-child .storyContent .contentWrapper h3 {
        font-size: 16px;
        font-size: 0.88889rem;
        line-height: 21px;
        line-height: 1.16667rem;
        margin-top: 5px; }
      .topFeatureModule .moduleContent:first-child .storyContent .contentWrapper h3 + p {
        display: none; } }
  @media only screen and (min-width: 600px) {
    .topFeatureModule .moduleContent:first-child .storyContent .mediaWrapper {
      width: 48.775%;
      float: left; } }
  @media only screen and (min-width: 768px) {
    .topFeatureModule .moduleContent:nth-child(2):after {
      content: "";
      width: 31.7%;
      flex: auto; } }
  @media only screen and (min-width: 600px) {
    .topFeatureModule .moduleContent:nth-child(2) {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-flex-flow: row wrap;
      flex-flow: row wrap;
      -webkit-justify-content: space-between;
      justify-content: space-between; } }
  @media screen and (-webkit-min-device-pixel-ratio: 0) {
    .topFeatureModule .moduleContent:nth-child(2) .storyContent {
      margin-left: 0; } }
  @media only screen and (min-width: 600px) {
    .topFeatureModule .moduleContent:nth-child(2) .storyContent:nth-child(9):last-child {
      display: none; } }
  @media only screen and (min-width: 768px) {
    .topFeatureModule .moduleContent:nth-child(2) .storyContent:nth-child(9):last-child {
      display: block; } }
  @media only screen and (min-width: 768px) {
    .topFeatureModule .moduleContent:nth-child(2) .storyContent:nth-child(3n+2):last-child {
      max-width: 31.7%;
      margin-left: 2.45%; } }

@media only screen and (min-width: 960px) {
  .topFeatureModule + .genericModule.hotTopicModule {
    margin-top: 30px; } }

/* Advance Module Type - Base on .genericModule */
/* Left side format and News list page */
@media only screen {
  .newsModule .moduleContent .storyContent {
    margin-top: 15px; } }

@media only screen and (min-width: 600px) {
  .newsModule .moduleContent .storyContent {
    margin-top: 20px; } }

@media only screen and (min-width: 768px) {
  .newsModule .moduleContent .storyContent {
    margin-top: 20px; } }

@media only screen and (min-width: 960px) {
  .newsModule .moduleContent .storyContent {
    margin-top: 20px; } }

.newsModule .moduleContent .storyContent:first-child {
  margin-top: 0; }

/* Advance Module Type - Base on .genericModule */
/* The Wrok list page module */
/* need to review this section breakpoint */
@media only screen and (min-width: 665px) {
  .theWorkList .moduleContent {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between; }
    .theWorkList .moduleContent:after {
      content: "";
      flex: auto;
      width: 48.775%; } }
    @media only screen and (min-width: 665px) and (min-width: 999px) {
      .theWorkList .moduleContent:after {
        width: 31.7%; } }

.theWorkList .moduleContent .storyContent {
  border: none;
  background-color: #1C1C1C; }
  @media only screen and (min-width: 600px) {
    .theWorkList .moduleContent .storyContent {
      min-height: 415px; } }
  @media only screen and (min-width: 600px) and (max-width: 664px) {
    .theWorkList .moduleContent .storyContent {
      float: none;
      clear: none;
      width: 100%;
      min-height: 0;
      margin-top: 15px; }
      .theWorkList .moduleContent .storyContent:first-child {
        margin-top: 0; }
      .theWorkList .moduleContent .storyContent:nth-child(2n) {
        margin-left: 0; } }
  @media only screen and (min-width: 768px) and (max-width: 959px) {
    .theWorkList .moduleContent .storyContent {
      width: 48.775%; }
      .theWorkList .moduleContent .storyContent:nth-child(3n+1) {
        margin-left: 0;
        clear: none; }
      .theWorkList .moduleContent .storyContent:nth-child(3n+2) {
        margin-left: 0; }
      .theWorkList .moduleContent .storyContent:nth-child(3n) {
        margin-left: 0;
        float: left; }
      .theWorkList .moduleContent .storyContent:nth-child(odd) {
        clear: both; }
      .theWorkList .moduleContent .storyContent:nth-child(even) {
        margin-left: 2.45%;
        float: left; } }
    @media only screen and (min-width: 768px) and (max-width: 959px) and (-webkit-min-device-pixel-ratio: 0) {
      .theWorkList .moduleContent .storyContent:nth-child(even) {
        margin-left: 0; } }
  @media only screen and (min-width: 768px) and (max-width: 959px) {
      .theWorkList .moduleContent .storyContent:nth-child(3) {
        margin-top: 25px; } }
  @media only screen and (min-width: 960px) {
    .theWorkList .moduleContent .storyContent {
      min-height: 445px; }
      .theWorkList .moduleContent .storyContent:nth-child(3) {
        margin-top: 0; }
      .theWorkList .moduleContent .storyContent:nth-child(3n+1) {
        clear: both; } }
    @media only screen and (min-width: 960px) and (-webkit-min-device-pixel-ratio: 0) {
      .theWorkList .moduleContent .storyContent:nth-child(3n+1) {
        margin-left: 0; } }
  @media only screen and (min-width: 960px) and (-webkit-min-device-pixel-ratio: 0) {
    .theWorkList .moduleContent .storyContent:nth-child(3n+2) {
      margin-left: 0; } }
  @media only screen and (min-width: 960px) and (-webkit-min-device-pixel-ratio: 0) {
    .theWorkList .moduleContent .storyContent:nth-child(3n) {
      margin-left: 0; } }
  @media only screen and (min-width: 960px) and (max-width: 999px) {
    .theWorkList .moduleContent .storyContent {
      width: 48.775%; }
      .theWorkList .moduleContent .storyContent:nth-child(3n+1) {
        margin-left: 0;
        clear: none; }
      .theWorkList .moduleContent .storyContent:nth-child(3n+2) {
        margin-left: 0; }
      .theWorkList .moduleContent .storyContent:nth-child(3n) {
        margin-left: 0;
        float: left; }
      .theWorkList .moduleContent .storyContent:nth-child(odd) {
        clear: both; }
      .theWorkList .moduleContent .storyContent:nth-child(even) {
        margin-left: 2.45%;
        float: left; } }
    @media only screen and (min-width: 960px) and (max-width: 999px) and (-webkit-min-device-pixel-ratio: 0) {
      .theWorkList .moduleContent .storyContent:nth-child(even) {
        margin-left: 0; } }
  @media only screen and (min-width: 960px) and (max-width: 999px) {
      .theWorkList .moduleContent .storyContent:nth-child(3) {
        margin-top: 25px; } }
  @media only screen and (min-width: 999px) {
    .theWorkList .moduleContent .storyContent:nth-child(3n+2):last-child {
      margin-left: 2.45%; } }
  @media only screen {
    .theWorkList .moduleContent .storyContent .mediaWrapper {
      float: none;
      width: 100%;
      max-width: none; } }
  @media only screen {
    .theWorkList .moduleContent .storyContent .mediaWrapper .icoVideo a:before, .theWorkList .moduleContent .storyContent .mediaWrapper .icoGallery a:before, .theWorkList .moduleContent .storyContent .mediaWrapper .icoAudio a:before {
      font-size: 36px;
      font-size: 2rem;
      padding: 5px 25px 5px 30px;
      border-radius: 10px;
      top: 20px;
      left: 20px; } }
  .theWorkList .moduleContent .storyContent .contentWrapper {
    padding: 20px;
    background-color: #1C1C1C; }
    .theWorkList .moduleContent .storyContent .contentWrapper .dateAndTags .articleTags {
      color: #E2000B; }
      .theWorkList .moduleContent .storyContent .contentWrapper .dateAndTags .articleTags:last-of-type:after {
        display: inline;
        color: #9B9B9B; }
      .theWorkList .moduleContent .storyContent .contentWrapper .dateAndTags .articleTags a {
        color: #E2000B; }
    .theWorkList .moduleContent .storyContent .contentWrapper .dateAndTags .date {
      display: inline;
      color: #FFFFFF; }
    .theWorkList .moduleContent .storyContent .contentWrapper .author {
      display: block; }
      .theWorkList .moduleContent .storyContent .contentWrapper .author span {
        color: #FFFFFF; }
        .theWorkList .moduleContent .storyContent .contentWrapper .author span a {
          color: #FFFFFF; }
          .theWorkList .moduleContent .storyContent .contentWrapper .author span a:hover, .theWorkList .moduleContent .storyContent .contentWrapper .author span a:focus {
            color: #FFFFFF; }
    .theWorkList .moduleContent .storyContent .contentWrapper h3 {
      font-size: 24px;
      font-size: 1.33333rem;
      line-height: 27.84px;
      line-height: 1.54667rem;
      color: #FFFFFF;
      margin-top: 15px; }
      .theWorkList .moduleContent .storyContent .contentWrapper h3 a {
        color: #FFFFFF; }
        .theWorkList .moduleContent .storyContent .contentWrapper h3 a:hover, .theWorkList .moduleContent .storyContent .contentWrapper h3 a:focus {
          color: #FFFFFF; }
    .theWorkList .moduleContent .storyContent .contentWrapper h3 + p {
      font-size: 18px;
      font-size: 1rem;
      line-height: 23.625px;
      line-height: 1.3125rem;
      color: #9B9B9B; }

.theWorkList > footer {
  margin-top: 0; }
  @media only screen {
    .theWorkList > footer {
      padding-top: 15px; } }
  @media only screen and (min-width: 600px) {
    .theWorkList > footer {
      padding-top: 25px; } }
  @media only screen and (min-width: 600px) and (max-width: 639px) {
    .theWorkList > footer {
      padding-top: 15px; } }
  @media only screen and (min-width: 768px) {
    .theWorkList > footer {
      padding-top: 25px; } }
  @media only screen and (min-width: 960px) {
    .theWorkList > footer {
      padding-top: 25px; } }

/* Right side format */
.theWorkModule {
  background-color: #1C1C1C; }
  @media only screen {
    .theWorkModule {
      margin-top: 15px;
      padding: 25px 20px;
      padding-top: 0; } }
  @media only screen and (min-width: 600px) {
    .theWorkModule {
      margin-top: 25px;
      padding: 25px 20px;
      padding-top: 0; } }
  @media only screen and (min-width: 768px) {
    .theWorkModule {
      margin-top: 25px;
      padding: 25px 20px;
      padding-top: 0; } }
  @media only screen and (min-width: 960px) {
    .theWorkModule {
      margin-top: 25px;
      padding: 30px 10px;
      padding-top: 0; } }
  @media only screen and (min-width: 1040px) {
    .theWorkModule {
      padding-left: 24px;
      padding-right: 24px; } }
  .theWorkModule > header > h2 {
    color: #FFFFFF;
    line-height: 75px;
    line-height: 4.16667rem; }
  @media only screen {
    .theWorkModule > footer {
      margin-top: 25px; } }
  @media only screen and (min-width: 600px) {
    .theWorkModule > footer {
      margin-top: 25px; } }
  @media only screen and (min-width: 768px) {
    .theWorkModule > footer {
      margin-top: 30px; } }
  @media only screen and (min-width: 960px) {
    .theWorkModule > footer {
      margin-top: 30px; } }
  .theWorkModule > footer .moreLink, .theWorkModule > footer .subscribeModule .moduleContent .packagesWrapper > .item > .item-footer .reg-btn, .subscribeModule .moduleContent .packagesWrapper > .item > .item-footer .theWorkModule > footer .reg-btn, .theWorkModule > footer .formModule .submit, .formModule .theWorkModule > footer .submit, .theWorkModule > footer .formModule .btn a, .formModule .btn .theWorkModule > footer a, .theWorkModule > footer .formModule .btn .moreLink, .formModule .btn .theWorkModule > footer .moreLink {
    color: #1C1C1C;
    background-color: #FFFFFF;
    border: solid 1px #9B9B9B; }
    .theWorkModule > footer .moreLink:hover, .theWorkModule > footer .subscribeModule .moduleContent .packagesWrapper > .item > .item-footer .reg-btn:hover, .subscribeModule .moduleContent .packagesWrapper > .item > .item-footer .theWorkModule > footer .reg-btn:hover, .theWorkModule > footer .formModule .submit:hover, .formModule .theWorkModule > footer .submit:hover, .theWorkModule > footer .formModule .btn a:hover, .formModule .btn .theWorkModule > footer a:hover, .formModule .btn .theWorkModule > footer .moreLink:hover {
      color: #F9F9F9;
      background-color: #1C1C1C; }
  @media only screen and (min-width: 960px) {
    .theWorkModule .moduleContent .firstBlock, .theWorkModule .moduleContent .secondBlock {
      float: none;
      width: 100%; } }
  .theWorkModule .moduleContent .firstBlock .storyContent, .theWorkModule .moduleContent .secondBlock .storyContent {
    background-color: #1C1C1C;
    border: none; }
    .theWorkModule .moduleContent .firstBlock .storyContent .contentWrapper *, .theWorkModule .moduleContent .secondBlock .storyContent .contentWrapper * {
      color: #FFFFFF; }
      @media only screen {
        .theWorkModule .moduleContent .firstBlock .storyContent .contentWrapper *, .theWorkModule .moduleContent .secondBlock .storyContent .contentWrapper * {
          font-weight: 300 !important;
          font-style: normal !important; } }
      @media only screen and (min-width: 768px) {
        .theWorkModule .moduleContent .firstBlock .storyContent .contentWrapper *, .theWorkModule .moduleContent .secondBlock .storyContent .contentWrapper * {
          font-weight: 400 !important;
          font-style: normal !important; } }
    .theWorkModule .moduleContent .firstBlock .storyContent .contentWrapper h3, .theWorkModule .moduleContent .secondBlock .storyContent .contentWrapper h3 {
      font-size: 18px;
      font-size: 1rem;
      line-height: 23.625px;
      line-height: 1.3125rem; }
  @media only screen {
    .theWorkModule .moduleContent .firstBlock .storyContent .mediaWrapper .icoVideo a:before, .theWorkModule .moduleContent .firstBlock .storyContent .mediaWrapper .icoGallery a:before, .theWorkModule .moduleContent .firstBlock .storyContent .mediaWrapper .icoAudio a:before {
      font-size: 36px;
      font-size: 2rem;
      padding: 5px 25px 5px 30px;
      border-radius: 10px;
      top: 20px;
      left: 20px; } }
  .theWorkModule .moduleContent .firstBlock .storyContent .contentWrapper {
    padding-left: 0;
    padding-right: 0; }
    @media only screen {
      .theWorkModule .moduleContent .firstBlock .storyContent .contentWrapper {
        padding-top: 10px; } }
    @media only screen and (min-width: 600px) {
      .theWorkModule .moduleContent .firstBlock .storyContent .contentWrapper {
        padding-top: 10px;
        padding-bottom: 0; } }
    @media only screen and (min-width: 768px) {
      .theWorkModule .moduleContent .firstBlock .storyContent .contentWrapper {
        padding-top: 10px; } }
    @media only screen and (min-width: 960px) {
      .theWorkModule .moduleContent .firstBlock .storyContent .contentWrapper {
        padding-top: 10px; } }
    .theWorkModule .moduleContent .firstBlock .storyContent .contentWrapper .dateAndTags {
      display: none; }
    .theWorkModule .moduleContent .firstBlock .storyContent .contentWrapper .author {
      display: none; }
  @media only screen {
    .theWorkModule .moduleContent .secondBlock {
      margin-top: 15px; } }
  @media only screen and (min-width: 600px) {
    .theWorkModule .moduleContent .secondBlock {
      margin-top: 25px; } }
  @media only screen and (min-width: 768px) {
    .theWorkModule .moduleContent .secondBlock {
      margin-top: 0; } }
  @media only screen and (min-width: 960px) {
    .theWorkModule .moduleContent .secondBlock {
      margin-top: 25px; } }
  @media only screen {
    .theWorkModule .moduleContent .secondBlock .storyContent {
      margin-top: 15px; } }
  @media only screen and (min-width: 600px) {
    .theWorkModule .moduleContent .secondBlock .storyContent {
      margin-top: 25px; } }
  @media only screen and (min-width: 768px) {
    .theWorkModule .moduleContent .secondBlock .storyContent {
      margin-top: 15px; } }
  @media only screen and (min-width: 960px) {
    .theWorkModule .moduleContent .secondBlock .storyContent {
      margin-top: 15px; } }
  .theWorkModule .moduleContent .secondBlock .storyContent:first-child {
    margin-top: 0; }
  @media only screen and (min-width: 768px) and (max-width: 959px) {
    .theWorkModule .moduleContent .secondBlock .storyContent:nth-child(4), .theWorkModule .moduleContent .secondBlock .storyContent:nth-child(5), .theWorkModule .moduleContent .secondBlock .storyContent:nth-child(6) {
      display: none; } }
  @media only screen {
    .theWorkModule .moduleContent .secondBlock .storyContent .mediaWrapper {
      width: 40.765%; } }
  @media only screen and (min-width: 600px) {
    .theWorkModule .moduleContent .secondBlock .storyContent .mediaWrapper {
      width: 40.765%;
      float: left; } }
  @media only screen and (min-width: 768px) {
    .theWorkModule .moduleContent .secondBlock .storyContent .mediaWrapper {
      width: 40.765%; } }
  @media only screen and (min-width: 960px) {
    .theWorkModule .moduleContent .secondBlock .storyContent .mediaWrapper {
      width: 40.765%; } }
  @media only screen and (min-width: 1040px) {
    .theWorkModule .moduleContent .secondBlock .storyContent .mediaWrapper {
      width: 50%; } }
  @media only screen {
    .theWorkModule .moduleContent .secondBlock .storyContent .mediaWrapper .icoVideo a:before, .theWorkModule .moduleContent .secondBlock .storyContent .mediaWrapper .icoGallery a:before, .theWorkModule .moduleContent .secondBlock .storyContent .mediaWrapper .icoAudio a:before {
      font-size: 16px;
      font-size: 0.88889rem;
      padding: 5px 15px 5px 15px;
      border-radius: 5px;
      top: 5px;
      left: 5px; } }
  .theWorkModule .moduleContent .secondBlock .storyContent .contentWrapper {
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 0; }
    @media only screen {
      .theWorkModule .moduleContent .secondBlock .storyContent .contentWrapper {
        padding-left: 8px; } }
    @media only screen and (min-width: 600px) {
      .theWorkModule .moduleContent .secondBlock .storyContent .contentWrapper {
        padding-left: 8px; } }
    @media only screen and (min-width: 768px) {
      .theWorkModule .moduleContent .secondBlock .storyContent .contentWrapper {
        padding-left: 8px; } }
    @media only screen and (min-width: 960px) {
      .theWorkModule .moduleContent .secondBlock .storyContent .contentWrapper {
        padding-left: 8px; } }
    .theWorkModule .moduleContent .secondBlock .storyContent .contentWrapper .dateAndTags {
      display: none; }
    .theWorkModule .moduleContent .secondBlock .storyContent .contentWrapper .author {
      display: none; }
    .theWorkModule .moduleContent .secondBlock .storyContent .contentWrapper h3 {
      margin-top: 0; }

/* Advance Module Type - Base on .genericModule */
.jobsLayout > header figure {
  float: right;
  margin-bottom: 0; }

.jobsLayout > header * {
  overflow: hidden; }

.jobsLayout .moduleContent {
  clear: both; }

@media only screen {
  .jobsLayout > footer {
    margin-top: 15px;
    margin-bottom: 15px; } }

@media only screen and (min-width: 600px) {
  .jobsLayout > footer {
    margin-top: 25px;
    margin-bottom: 25px; } }

@media only screen and (min-width: 768px) {
  .jobsLayout > footer {
    margin-top: 25px;
    margin-bottom: 25px; } }

@media only screen and (min-width: 960px) {
  .jobsLayout > footer {
    margin-top: 25px;
    margin-bottom: 25px; } }

/* Advance Module Type - Base on .genericModule */
.jobsModule {
  background-color: #F9F9F9;
  position: relative; }
  @media only screen {
    .jobsModule {
      margin-top: 15px;
      padding: 25px 20px;
      padding-top: 0; } }
  @media only screen and (min-width: 600px) {
    .jobsModule {
      margin-top: 25px;
      padding: 25px 20px;
      padding-top: 0; } }
  @media only screen and (min-width: 768px) {
    .jobsModule {
      margin-top: 25px;
      padding: 50px 20px;
      padding-top: 0; } }
  @media only screen and (min-width: 960px) {
    .jobsModule {
      margin-top: 25px;
      margin-bottom: 25px;
      padding: 60px 20px;
      padding-top: 0; } }
  @media only screen {
    .jobsModule .moduleContent {
      margin-left: 0;
      margin-right: 0;
      margin-bottom: 35px;
      position: relative; } }
  @media only screen and (min-width: 600px) {
    .jobsModule .moduleContent {
      margin-left: 0;
      margin-right: 0; } }
  @media only screen and (min-width: 768px) {
    .jobsModule .moduleContent {
      margin-top: 10px !important;
      margin-left: 0;
      margin-right: 0;
      margin-bottom: 0; } }
  @media only screen and (min-width: 960px) {
    .jobsModule .moduleContent {
      margin-top: 10px !important;
      margin-left: 0;
      margin-right: 0; } }
  .jobsModule .moduleContent .carousel-nav {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    pointer-events: none;
    top: 0; }
    .jobsModule .moduleContent .carousel-nav .flex-prev, .jobsModule .moduleContent .carousel-nav .flex-next {
      font-family: 'FontAwesome';
      font-size: 60px;
      font-size: 3.33333rem;
      line-height: 105px;
      line-height: 5.83333rem;
      font-style: normal;
      font-weight: normal;
      text-indent: -9999px;
      text-align: center;
      color: #1C1C1C;
      background-color: #F9F9F9;
      display: block;
      width: 45px;
      height: 100%;
      padding: 0;
      position: absolute;
      overflow: hidden;
      box-sizing: border-box;
      pointer-events: all;
      outline: none; }
      .jobsModule .moduleContent .carousel-nav .flex-prev:hover, .jobsModule .moduleContent .carousel-nav .flex-prev:focus, .jobsModule .moduleContent .carousel-nav .flex-next:hover, .jobsModule .moduleContent .carousel-nav .flex-next:focus {
        text-decoration: none; }
      .jobsModule .moduleContent .carousel-nav .flex-prev:hover, .jobsModule .moduleContent .carousel-nav .flex-next:hover {
        color: #9D0114; }
      .jobsModule .moduleContent .carousel-nav .flex-prev:after, .jobsModule .moduleContent .carousel-nav .flex-next:after {
        text-indent: 0;
        width: 100%;
        display: block;
        position: absolute;
        top: 50%;
        -webkit-transform: translate(0, -50%);
        -moz-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        -o-transform: translate(0, -50%);
        transform: translate(0, -50%); }
    @media only screen {
      .jobsModule .moduleContent .carousel-nav .flex-prev {
        border-right: 1px solid #E4E4E4;
        left: -20px; } }
    @media only screen and (min-width: 600px) {
      .jobsModule .moduleContent .carousel-nav .flex-prev {
        left: -20px; } }
    @media only screen and (min-width: 768px) {
      .jobsModule .moduleContent .carousel-nav .flex-prev {
        border-right: none;
        left: -20px; } }
    @media only screen and (min-width: 960px) {
      .jobsModule .moduleContent .carousel-nav .flex-prev {
        left: -20px; } }
    .jobsModule .moduleContent .carousel-nav .flex-prev:after {
      content: "\f104"; }
    @media only screen {
      .jobsModule .moduleContent .carousel-nav .flex-next {
        border-left: 1px solid #E4E4E4;
        right: -20px; } }
    @media only screen and (min-width: 600px) {
      .jobsModule .moduleContent .carousel-nav .flex-next {
        right: -20px; } }
    @media only screen and (min-width: 768px) {
      .jobsModule .moduleContent .carousel-nav .flex-next {
        border-left: none;
        right: -20px; } }
    @media only screen and (min-width: 960px) {
      .jobsModule .moduleContent .carousel-nav .flex-next {
        right: -20px; } }
    .jobsModule .moduleContent .carousel-nav .flex-next:after {
      content: "\f105"; }
    .jobsModule .moduleContent .carousel-nav .carousel-pagination {
      text-align: center;
      width: 100%;
      position: absolute;
      bottom: -25px;
      list-style-type: none;
      margin-bottom: 0;
      pointer-events: all; }
      .jobsModule .moduleContent .carousel-nav .carousel-pagination ol {
        margin-bottom: 0; }
      .jobsModule .moduleContent .carousel-nav .carousel-pagination li {
        display: inline-block;
        margin: 0;
        float: none; }
        .jobsModule .moduleContent .carousel-nav .carousel-pagination li.carousel-active a:before {
          content: "\f111"; }
        .jobsModule .moduleContent .carousel-nav .carousel-pagination li a {
          font-family: 'FontAwesome';
          font-size: 14px;
          font-size: 0.77778rem;
          line-height: 14px;
          line-height: 0.77778rem;
          font-style: normal;
          font-weight: normal;
          text-align: center;
          color: #1C1C1C;
          overflow: hidden;
          width: 14px;
          height: 14px;
          padding: 0;
          margin: 0 1px; }
          .jobsModule .moduleContent .carousel-nav .carousel-pagination li a:before {
            display: block;
            content: "\f1db"; }
          .jobsModule .moduleContent .carousel-nav .carousel-pagination li a:hover, .jobsModule .moduleContent .carousel-nav .carousel-pagination li a:focus {
            text-decoration: none;
            color: #9D0114; }
            .jobsModule .moduleContent .carousel-nav .carousel-pagination li a:hover:before, .jobsModule .moduleContent .carousel-nav .carousel-pagination li a:focus:before {
              content: "\f111"; }
          .jobsModule .moduleContent .carousel-nav .carousel-pagination li a.flex-active {
            color: #9D0114; }
            .jobsModule .moduleContent .carousel-nav .carousel-pagination li a.flex-active:before {
              content: "\f111"; }
  @media only screen {
    .jobsModule .moduleContent .flex-viewport {
      margin-left: 25px;
      margin-right: 25px; } }
  .jobsModule .moduleContent ul {
    list-style-type: none;
    margin: 0; }
    @media only screen {
      .jobsModule .moduleContent ul {
        width: 600%; } }
    @media only screen and (min-width: 768px) {
      .jobsModule .moduleContent ul {
        width: 300%; } }
    @media only screen and (min-width: 960px) {
      .jobsModule .moduleContent ul {
        width: 200%; } }
    .jobsModule .moduleContent ul li {
      float: left;
      margin-left: 0;
      width: 16.6667%;
      box-sizing: border-box; }
      @media only screen and (min-width: 768px) {
        .jobsModule .moduleContent ul li {
          border-left: 1px solid #E4E4E4; } }
      @media only screen and (min-width: 768px) {
        .jobsModule .moduleContent ul li:nth-child(2n+1) {
          border-left: none; } }
      @media only screen and (min-width: 768px) {
        .jobsModule .moduleContent ul li:nth-child(2n) {
          border-left: 1px solid #E4E4E4; } }
      @media only screen and (min-width: 960px) {
        .jobsModule .moduleContent ul li:nth-child(2n) {
          border-left: none; } }
      @media only screen and (min-width: 960px) {
        .jobsModule .moduleContent ul li:nth-child(3n), .jobsModule .moduleContent ul li:nth-child(3n+2) {
          border-left: 1px solid #E4E4E4; } }
      @media only screen and (min-width: 960px) {
        .jobsModule .moduleContent ul li:nth-child(3n+1) {
          border-left: none; } }
      .jobsModule .moduleContent ul li .jobsWrapper {
        font-weight: 400;
        font-style: normal;
        width: inherit;
        box-sizing: border-box;
        padding-top: 10px;
        padding-bottom: 10px; }
        @media only screen {
          .jobsModule .moduleContent ul li .jobsWrapper {
            display: table-cell;
            vertical-align: middle;
            padding-left: 10px;
            padding-right: 10px; } }
        @media only screen and (min-width: 600px) {
          .jobsModule .moduleContent ul li .jobsWrapper {
            padding-left: 20px;
            padding-right: 20px; } }
        @media only screen and (min-width: 768px) {
          .jobsModule .moduleContent ul li .jobsWrapper {
            display: block;
            vertical-align: baseline;
            padding-left: 40px;
            padding-right: 40px; } }
        @media only screen and (min-width: 960px) {
          .jobsModule .moduleContent ul li .jobsWrapper {
            padding-left: 40px;
            padding-right: 40px; } }
        .jobsModule .moduleContent ul li .jobsWrapper h6, .jobsModule .moduleContent ul li .jobsWrapper .h6 {
          display: block;
          font-size: 18px;
          font-size: 1rem;
          line-height: 23.625px;
          line-height: 1.3125rem;
          font-weight: 700;
          font-style: normal;
          color: #1C1C1C; }
          @media only screen {
            .jobsModule .moduleContent ul li .jobsWrapper h6, .jobsModule .moduleContent ul li .jobsWrapper .h6 {
              text-align: center; } }
          @media only screen and (min-width: 768px) {
            .jobsModule .moduleContent ul li .jobsWrapper h6, .jobsModule .moduleContent ul li .jobsWrapper .h6 {
              text-align: left; } }
          .jobsModule .moduleContent ul li .jobsWrapper h6:hover, .jobsModule .moduleContent ul li .jobsWrapper .h6:hover {
            color: #1C1C1C; }
        .jobsModule .moduleContent ul li .jobsWrapper .jobSalary, .jobsModule .moduleContent ul li .jobsWrapper .jobLocation {
          font-size: 16px;
          font-size: 0.88889rem;
          line-height: 21px;
          line-height: 1.16667rem;
          color: #666;
          display: block; }
          @media only screen {
            .jobsModule .moduleContent ul li .jobsWrapper .jobSalary, .jobsModule .moduleContent ul li .jobsWrapper .jobLocation {
              text-align: center; } }
          @media only screen and (min-width: 768px) {
            .jobsModule .moduleContent ul li .jobsWrapper .jobSalary, .jobsModule .moduleContent ul li .jobsWrapper .jobLocation {
              text-align: left; } }
  @media only screen and (min-width: 768px) {
    .jobsModule footer {
      width: 145px;
      position: absolute;
      top: 15px;
      right: 25px;
      z-index: 1; } }

/* Right side format */
.group2 .jobsSideModule {
  background-color: #F9F9F9;
  border: 1px solid #E4E4E4; }
  @media only screen {
    .group2 .jobsSideModule {
      margin-top: 15px;
      padding: 25px 20px;
      padding-top: 0; } }
  @media only screen and (min-width: 600px) {
    .group2 .jobsSideModule {
      margin-top: 25px;
      padding: 25px 20px;
      padding-top: 0; } }
  @media only screen and (min-width: 768px) {
    .group2 .jobsSideModule {
      margin-top: 25px;
      padding: 0 20px; } }
  @media only screen and (min-width: 960px) {
    .group2 .jobsSideModule {
      margin-top: 25px;
      padding: 0 20px; } }
  @media only screen and (min-width: 768px) {
    .group2 .jobsSideModule {
      padding-bottom: 25px; } }
  @media only screen and (min-width: 960px) {
    .group2 .jobsSideModule {
      padding-bottom: 30px; } }
  .group2 .jobsSideModule .moduleContent {
    margin-left: 0;
    margin-right: 0;
    height: auto; }
    @media only screen and (min-width: 768px) {
      .group2 .jobsSideModule .moduleContent {
        margin-top: 0 !important; } }
    .group2 .jobsSideModule .moduleContent ul {
      list-style-type: none;
      margin: 0;
      width: 100%; }
      .group2 .jobsSideModule .moduleContent ul li {
        margin-left: 0;
        width: 100%;
        border-top: 1px solid #E4E4E4; }
        @media only screen and (min-width: 768px) {
          .group2 .jobsSideModule .moduleContent ul li {
            border-left: none; } }
        .group2 .jobsSideModule .moduleContent ul li:first-child {
          border-top: none; }
          .group2 .jobsSideModule .moduleContent ul li:first-child .jobsWrapper {
            margin-top: 0;
            padding-top: 0; }
        @media only screen and (min-width: 768px) {
          .group2 .jobsSideModule .moduleContent ul li:last-child {
            border-right: none; } }
        .group2 .jobsSideModule .moduleContent ul li .jobsWrapper {
          font-weight: 400;
          font-style: normal;
          width: auto;
          height: auto;
          display: block; }
          @media only screen {
            .group2 .jobsSideModule .moduleContent ul li .jobsWrapper {
              padding: 20px 0; } }
          @media only screen and (min-width: 600px) {
            .group2 .jobsSideModule .moduleContent ul li .jobsWrapper {
              padding: 20px 0; } }
          @media only screen and (min-width: 768px) {
            .group2 .jobsSideModule .moduleContent ul li .jobsWrapper {
              padding: 20px 0; } }
          @media only screen and (min-width: 960px) {
            .group2 .jobsSideModule .moduleContent ul li .jobsWrapper {
              padding: 20px 0; } }
          .group2 .jobsSideModule .moduleContent ul li .jobsWrapper h6, .group2 .jobsSideModule .moduleContent ul li .jobsWrapper .h6 {
            font-weight: 700;
            font-style: normal;
            font-size: 18px;
            font-size: 1rem;
            line-height: 23.625px;
            line-height: 1.3125rem;
            color: #1C1C1C;
            display: block; }
            .group2 .jobsSideModule .moduleContent ul li .jobsWrapper h6:hover, .group2 .jobsSideModule .moduleContent ul li .jobsWrapper .h6:hover {
              color: #1C1C1C; }
          .group2 .jobsSideModule .moduleContent ul li .jobsWrapper .jobSalary, .group2 .jobsSideModule .moduleContent ul li .jobsWrapper .jobLocation {
            font-size: 16px;
            font-size: 0.88889rem;
            line-height: 21px;
            line-height: 1.16667rem;
            color: #666;
            display: block; }
  .group2 .jobsSideModule footer {
    margin: 0; }

/* Block Module Type - for .socialBarModule and .bulletinModule at large-only */
@media only screen and (min-width: 768px) and (max-width: 959px) {
  .blockModule {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between; } }

/* Advance Module Type - Base on .genericModule */
/* Right side format */
.socialBarModule {
  background-color: #F9F9F9;
  box-sizing: border-box;
  border: 1px solid #E4E4E4; }
  @media only screen {
    .socialBarModule {
      margin-top: 15px;
      padding: 20px 20px;
      padding-top: 0; } }
  @media only screen and (min-width: 600px) {
    .socialBarModule {
      margin-top: 25px;
      padding: 20px 20px;
      padding-top: 0; } }
  @media only screen and (min-width: 768px) {
    .socialBarModule {
      margin-top: 25px;
      padding: 20px 20px;
      padding-top: 0; } }
  @media only screen and (min-width: 960px) {
    .socialBarModule {
      margin-top: 25px;
      padding: 20px 20px;
      padding-top: 0; } }
  @media only screen and (min-width: 960px) {
    .socialBarModule header h2 {
      line-height: 55px;
      line-height: 3.05556rem; } }
  .socialBarModule .moduleContent {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-justify-content: center;
    justify-content: center;
    text-align: center; }
    .socialBarModule .moduleContent .moreLink, .socialBarModule .subscribeModule .moduleContent .packagesWrapper > .item > .item-footer .reg-btn, .subscribeModule .socialBarModule .moduleContent .packagesWrapper > .item > .item-footer .reg-btn, .socialBarModule .moduleContent .formModule .submit, .formModule .socialBarModule .moduleContent .submit, .socialBarModule .moduleContent .formModule .btn a, .formModule .btn .socialBarModule .moduleContent a {
      width: 40px;
      height: 40px;
      color: #3C3C3C;
      background-color: #FFFFFF;
      display: inline-block;
      border: solid 1px #3C3C3C;
      border-radius: 40px;
      box-sizing: border-box;
      display: flex;
      justify-content: center;
      align-items: center;
      margin: 10px 5% 0; }
      @media only screen and (min-width: 320px) {
        .socialBarModule .moduleContent .moreLink, .socialBarModule .subscribeModule .moduleContent .packagesWrapper > .item > .item-footer .reg-btn, .subscribeModule .socialBarModule .moduleContent .packagesWrapper > .item > .item-footer .reg-btn, .socialBarModule .moduleContent .formModule .submit, .formModule .socialBarModule .moduleContent .submit, .socialBarModule .moduleContent .formModule .btn a, .formModule .btn .socialBarModule .moduleContent a {
          margin: 10px 5% 0; } }
      @media only screen and (min-width: 400px) {
        .socialBarModule .moduleContent .moreLink, .socialBarModule .subscribeModule .moduleContent .packagesWrapper > .item > .item-footer .reg-btn, .subscribeModule .socialBarModule .moduleContent .packagesWrapper > .item > .item-footer .reg-btn, .socialBarModule .moduleContent .formModule .submit, .formModule .socialBarModule .moduleContent .submit, .socialBarModule .moduleContent .formModule .btn a, .formModule .btn .socialBarModule .moduleContent a {
          margin: 0 1%; } }
      @media only screen and (min-width: 960px) {
        .socialBarModule .moduleContent .moreLink, .socialBarModule .subscribeModule .moduleContent .packagesWrapper > .item > .item-footer .reg-btn, .subscribeModule .socialBarModule .moduleContent .packagesWrapper > .item > .item-footer .reg-btn, .socialBarModule .moduleContent .formModule .submit, .formModule .socialBarModule .moduleContent .submit, .socialBarModule .moduleContent .formModule .btn a, .formModule .btn .socialBarModule .moduleContent a {
          margin: 10px 5% 0; } }
      @media only screen and (min-width: 1200px) {
        .socialBarModule .moduleContent .moreLink, .socialBarModule .subscribeModule .moduleContent .packagesWrapper > .item > .item-footer .reg-btn, .subscribeModule .socialBarModule .moduleContent .packagesWrapper > .item > .item-footer .reg-btn, .socialBarModule .moduleContent .formModule .submit, .formModule .socialBarModule .moduleContent .submit, .socialBarModule .moduleContent .formModule .btn a, .formModule .btn .socialBarModule .moduleContent a {
          margin: 0 1%; } }
      .socialBarModule .moduleContent .moreLink:hover, .socialBarModule .subscribeModule .moduleContent .packagesWrapper > .item > .item-footer .reg-btn:hover, .subscribeModule .socialBarModule .moduleContent .packagesWrapper > .item > .item-footer .reg-btn:hover, .socialBarModule .moduleContent .formModule .submit:hover, .formModule .socialBarModule .moduleContent .submit:hover, .socialBarModule .moduleContent .formModule .btn a:hover, .formModule .btn .socialBarModule .moduleContent a:hover, .socialBarModule .moduleContent .moreLink:focus, .socialBarModule .subscribeModule .moduleContent .packagesWrapper > .item > .item-footer .reg-btn:focus, .subscribeModule .socialBarModule .moduleContent .packagesWrapper > .item > .item-footer .reg-btn:focus, .socialBarModule .moduleContent .formModule .submit:focus, .formModule .socialBarModule .moduleContent .submit:focus, .socialBarModule .moduleContent .formModule .btn a:focus, .formModule .btn .socialBarModule .moduleContent a:focus {
        text-decoration: none;
        color: #FFFFFF;
        background-color: #9D0114;
        border-color: #9D0114; }

/* Home page use advance format */
@media only screen and (min-width: 768px) and (max-width: 959px) {
  .group2.home .socialBarModule {
    width: 48.775%;
    float: left;
    min-height: 229px; } }

@media only screen and (min-width: 768px) and (max-width: 959px) {
  .group2.home .socialBarModule header {
    margin-top: 36px; } }

/* Advance Module Type - Base on .genericModule */
/* Right side format */
.group2 .bulletinModule {
  background-color: #F9F9F9;
  box-sizing: border-box;
  border: 1px solid #E4E4E4; }
  @media only screen {
    .group2 .bulletinModule {
      margin-top: 15px;
      padding: 30px 20px; } }
  @media only screen and (min-width: 600px) {
    .group2 .bulletinModule {
      margin-top: 25px;
      padding: 30px 20px; } }
  @media only screen and (min-width: 768px) {
    .group2 .bulletinModule {
      margin-top: 25px;
      padding: 20px 20px; } }
  @media only screen and (min-width: 960px) {
    .group2 .bulletinModule {
      margin-top: 25px;
      padding: 20px 20px; } }
  .group2 .bulletinModule .moduleContent div {
    font-weight: 400;
    font-style: normal;
    text-align: center; }
    .group2 .bulletinModule .moduleContent div p {
      font-size: 16px;
      font-size: 0.88889rem;
      line-height: 21px;
      line-height: 1.16667rem; }
      .group2 .bulletinModule .moduleContent div p.big {
        font-weight: 700;
        font-style: normal;
        font-size: 18px;
        font-size: 1rem;
        line-height: 23.625px;
        line-height: 1.3125rem; }
      .group2 .bulletinModule .moduleContent div p .uppercase {
        font-size: 20px;
        font-size: 1.11111rem;
        line-height: 26.25px;
        line-height: 1.45833rem;
        display: block; }
  .group2 .bulletinModule > footer {
    margin: 0; }

/* Home page use advance format */
@media only screen and (min-width: 768px) and (max-width: 959px) {
  .group2.home .bulletinModule {
    width: 48.775%;
    float: right;
    min-height: 229px; } }

/* Advance Module Type - Base on .genericModule */
/* Left side format */
.eventList.upcomingEvents > header {
  position: relative; }
  .eventList.upcomingEvents > header > .moreLink, .subscribeModule .moduleContent .packagesWrapper > .item > .item-footer .eventList.upcomingEvents > header > .reg-btn, .formModule .eventList.upcomingEvents > header > .submit, .formModule .btn .eventList.upcomingEvents > header > a, .formModule .btn .eventList.upcomingEvents > header > .moreLink {
    font-weight: 700;
    font-style: normal;
    color: #C5001D;
    background-color: #FFFFFF;
    width: 155px;
    padding-top: .5em;
    padding-bottom: .5em;
    border: 1px solid #E4E4E4;
    border-color: #C5001D; }
    @media only screen {
      .eventList.upcomingEvents > header > .moreLink, .subscribeModule .moduleContent .packagesWrapper > .item > .item-footer .eventList.upcomingEvents > header > .reg-btn, .formModule .eventList.upcomingEvents > header > .submit, .formModule .btn .eventList.upcomingEvents > header > a, .formModule .btn .eventList.upcomingEvents > header > .moreLink {
        width: 100%;
        margin-bottom: 15px; } }
    @media only screen and (min-width: 600px) {
      .eventList.upcomingEvents > header > .moreLink, .subscribeModule .moduleContent .packagesWrapper > .item > .item-footer .eventList.upcomingEvents > header > .reg-btn, .formModule .eventList.upcomingEvents > header > .submit, .formModule .btn .eventList.upcomingEvents > header > a, .formModule .btn .eventList.upcomingEvents > header > .moreLink {
        width: 150px;
        margin-bottom: 0;
        position: absolute;
        top: 0;
        right: 0;
        z-index: 1; } }
    .eventList.upcomingEvents > header > .moreLink:hover, .subscribeModule .moduleContent .packagesWrapper > .item > .item-footer .eventList.upcomingEvents > header > .reg-btn:hover, .formModule .eventList.upcomingEvents > header > .submit:hover, .formModule .btn .eventList.upcomingEvents > header > a:hover, .formModule .btn .eventList.upcomingEvents > header > .moreLink:hover {
      color: #FFFFFF;
      background-color: #C5001D;
      transition: color .2s, background-color .2s; }
    .eventList.upcomingEvents > header > .moreLink > :first-child, .subscribeModule .moduleContent .packagesWrapper > .item > .item-footer .eventList.upcomingEvents > header > .reg-btn > :first-child, .formModule .eventList.upcomingEvents > header > .submit > :first-child, .formModule .btn .eventList.upcomingEvents > header > a > :first-child, .formModule .btn .eventList.upcomingEvents > header > .moreLink > :first-child {
      float: right;
      margin-top: 7px; }
      @media only screen {
        .eventList.upcomingEvents > header > .moreLink > :first-child, .subscribeModule .moduleContent .packagesWrapper > .item > .item-footer .eventList.upcomingEvents > header > .reg-btn > :first-child, .formModule .eventList.upcomingEvents > header > .submit > :first-child, .formModule .btn .eventList.upcomingEvents > header > a > :first-child, .formModule .btn .eventList.upcomingEvents > header > .moreLink > :first-child {
          display: none; } }
      @media only screen and (min-width: 600px) {
        .eventList.upcomingEvents > header > .moreLink > :first-child, .subscribeModule .moduleContent .packagesWrapper > .item > .item-footer .eventList.upcomingEvents > header > .reg-btn > :first-child, .formModule .eventList.upcomingEvents > header > .submit > :first-child, .formModule .btn .eventList.upcomingEvents > header > a > :first-child, .formModule .btn .eventList.upcomingEvents > header > .moreLink > :first-child {
          display: block; } }
      .eventList.upcomingEvents > header > .moreLink > :first-child:before, .subscribeModule .moduleContent .packagesWrapper > .item > .item-footer .eventList.upcomingEvents > header > .reg-btn > :first-child:before, .formModule .eventList.upcomingEvents > header > .submit > :first-child:before, .formModule .btn .eventList.upcomingEvents > header > a > :first-child:before, .formModule .btn .eventList.upcomingEvents > header > .moreLink > :first-child:before {
        content: "file_download";
        font-family: "Material Icons";
        font-size: 24px;
        font-size: 1.33333rem;
        line-height: 24px;
        line-height: 1.33333rem;
        vertical-align: middle;
        text-rendering: optimizeLegibility;
        -moz-osx-font-smoothing: grayscale;
        font-feature-settings: 'liga'; }
    .eventList.upcomingEvents > header > .moreLink > :nth-child(2), .subscribeModule .moduleContent .packagesWrapper > .item > .item-footer .eventList.upcomingEvents > header > .reg-btn > :nth-child(2), .formModule .eventList.upcomingEvents > header > .submit > :nth-child(2), .formModule .btn .eventList.upcomingEvents > header > a > :nth-child(2), .formModule .btn .eventList.upcomingEvents > header > .moreLink > :nth-child(2) {
      font-size: 14px;
      font-size: 0.77778rem;
      vertical-align: middle; }
      @media only screen {
        .eventList.upcomingEvents > header > .moreLink > :nth-child(2), .subscribeModule .moduleContent .packagesWrapper > .item > .item-footer .eventList.upcomingEvents > header > .reg-btn > :nth-child(2), .formModule .eventList.upcomingEvents > header > .submit > :nth-child(2), .formModule .btn .eventList.upcomingEvents > header > a > :nth-child(2), .formModule .btn .eventList.upcomingEvents > header > .moreLink > :nth-child(2) {
          line-height: 24px;
          line-height: 1.33333rem; } }
      @media only screen and (min-width: 600px) {
        .eventList.upcomingEvents > header > .moreLink > :nth-child(2), .subscribeModule .moduleContent .packagesWrapper > .item > .item-footer .eventList.upcomingEvents > header > .reg-btn > :nth-child(2), .formModule .eventList.upcomingEvents > header > .submit > :nth-child(2), .formModule .btn .eventList.upcomingEvents > header > a > :nth-child(2), .formModule .btn .eventList.upcomingEvents > header > .moreLink > :nth-child(2) {
          line-height: 16px;
          line-height: 0.88889rem;
          display: block;
          overflow: hidden; } }
      .eventList.upcomingEvents > header > .moreLink > :nth-child(2):after, .subscribeModule .moduleContent .packagesWrapper > .item > .item-footer .eventList.upcomingEvents > header > .reg-btn > :nth-child(2):after, .formModule .eventList.upcomingEvents > header > .submit > :nth-child(2):after, .formModule .btn .eventList.upcomingEvents > header > a > :nth-child(2):after, .formModule .btn .eventList.upcomingEvents > header > .moreLink > :nth-child(2):after {
        content: "file_download";
        font-family: "Material Icons";
        font-size: 24px;
        font-size: 1.33333rem;
        line-height: 24px;
        line-height: 1.33333rem;
        vertical-align: middle;
        text-rendering: optimizeLegibility;
        -moz-osx-font-smoothing: grayscale;
        font-feature-settings: 'liga';
        margin-left: 10px; }
        @media only screen {
          .eventList.upcomingEvents > header > .moreLink > :nth-child(2):after, .subscribeModule .moduleContent .packagesWrapper > .item > .item-footer .eventList.upcomingEvents > header > .reg-btn > :nth-child(2):after, .formModule .eventList.upcomingEvents > header > .submit > :nth-child(2):after, .formModule .btn .eventList.upcomingEvents > header > a > :nth-child(2):after, .formModule .btn .eventList.upcomingEvents > header > .moreLink > :nth-child(2):after {
            display: inline-block; } }
        @media only screen and (min-width: 600px) {
          .eventList.upcomingEvents > header > .moreLink > :nth-child(2):after, .subscribeModule .moduleContent .packagesWrapper > .item > .item-footer .eventList.upcomingEvents > header > .reg-btn > :nth-child(2):after, .formModule .eventList.upcomingEvents > header > .submit > :nth-child(2):after, .formModule .btn .eventList.upcomingEvents > header > a > :nth-child(2):after, .formModule .btn .eventList.upcomingEvents > header > .moreLink > :nth-child(2):after {
            display: none; } }

.eventList .moduleContent .storyContent .contentWrapper .location {
  font-weight: 400;
  font-style: normal;
  font-size: 12px;
  font-size: 0.66667rem;
  line-height: 18px;
  line-height: 1rem;
  word-break: break-all;
  color: #9B9B9B;
  clear: both;
  list-style: none;
  margin: 0;
  display: none; }
  @media only screen and (min-width: 600px) {
    .eventList .moduleContent .storyContent .contentWrapper .location {
      display: block; } }

.eventModule .moduleContent .storyContent .contentWrapper .author {
  display: block; }
  .eventModule .moduleContent .storyContent .contentWrapper .author span {
    color: #9B9B9B; }

/* Advance Module Type - Base on .genericModule */
/* Back Issue Page format */
.magazineList .moduleContent .storyContent .mediaWrapper {
  max-width: 160px; }

/* Left side format */
.magazineModule {
  background-color: #FFFFFF;
  box-sizing: border-box;
  border: 1px solid #E4E4E4; }
  @media only screen {
    .magazineModule {
      margin-top: 15px;
      padding: 30px 20px;
      padding-top: 0; } }
  @media only screen and (min-width: 600px) {
    .magazineModule {
      margin-top: 25px;
      padding: 30px 20px;
      padding-top: 0; } }
  @media only screen and (min-width: 768px) {
    .magazineModule {
      margin-top: 25px;
      padding: 20px 20px;
      padding-top: 0; } }
  @media only screen and (min-width: 960px) {
    .magazineModule {
      margin-top: 25px;
      margin-top: 25px;
      padding: 20px 20px;
      padding-top: 0; } }
  .magazineModule .moduleContent .storyContent {
    border: none; }
  .magazineModule .moduleContent .firstBlock .storyContent {
    background-color: transparent; }
    .magazineModule .moduleContent .firstBlock .storyContent .mediaWrapper {
      max-width: 200px; }
      @media only screen {
        .magazineModule .moduleContent .firstBlock .storyContent .mediaWrapper {
          float: none;
          width: 50%;
          margin: 0 auto; } }
      @media only screen and (min-width: 600px) {
        .magazineModule .moduleContent .firstBlock .storyContent .mediaWrapper {
          float: left;
          width: 50%;
          margin: 0; } }
      @media only screen and (min-width: 960px) {
        .magazineModule .moduleContent .firstBlock .storyContent .mediaWrapper {
          width: 35%; } }
      @media only screen and (min-width: 1040px) {
        .magazineModule .moduleContent .firstBlock .storyContent .mediaWrapper {
          width: 50%; } }
    .magazineModule .moduleContent .firstBlock .storyContent .contentWrapper {
      padding-top: 0;
      padding-bottom: 0; }
      @media only screen {
        .magazineModule .moduleContent .firstBlock .storyContent .contentWrapper {
          margin-top: 25px;
          text-align: center; } }
      @media only screen and (min-width: 600px) {
        .magazineModule .moduleContent .firstBlock .storyContent .contentWrapper {
          margin-top: 0;
          text-align: left; } }
      .magazineModule .moduleContent .firstBlock .storyContent .contentWrapper h3 {
        font-size: 23px;
        font-size: 1.27778rem;
        line-height: 30.1875px;
        line-height: 1.67708rem;
        color: #1C1C1C; }
        @media only screen {
          .magazineModule .moduleContent .firstBlock .storyContent .contentWrapper h3 {
            font-size: 23px;
            font-size: 1.27778rem;
            line-height: 30.1875px;
            line-height: 1.67708rem; } }
        @media only screen and (min-width: 960px) {
          .magazineModule .moduleContent .firstBlock .storyContent .contentWrapper h3 {
            font-size: 20px;
            font-size: 1.11111rem;
            line-height: 26.25px;
            line-height: 1.45833rem; } }
        .magazineModule .moduleContent .firstBlock .storyContent .contentWrapper h3:hover, .magazineModule .moduleContent .firstBlock .storyContent .contentWrapper h3:focus {
          color: #1C1C1C; }
      @media only screen {
        .magazineModule .moduleContent .firstBlock .storyContent .contentWrapper .viewLink {
          margin-top: 5px; } }
      @media only screen and (min-width: 600px) {
        .magazineModule .moduleContent .firstBlock .storyContent .contentWrapper .viewLink {
          margin-top: 15px; } }
      @media only screen and (min-width: 768px) {
        .magazineModule .moduleContent .firstBlock .storyContent .contentWrapper .viewLink {
          margin-top: 15px; } }
      @media only screen and (min-width: 768px) {
        .magazineModule .moduleContent .firstBlock .storyContent .contentWrapper .viewLink {
          margin-top: 15px; } }
      .magazineModule .moduleContent .firstBlock .storyContent .contentWrapper .viewLink a {
        color: #1C1C1C;
        white-space: nowrap; }
        @media only screen {
          .magazineModule .moduleContent .firstBlock .storyContent .contentWrapper .viewLink a {
            font-size: 18px;
            font-size: 1rem;
            line-height: 23.625px;
            line-height: 1.3125rem;
            margin-left: 10px;
            margin-right: 10px;
            display: inline-block; } }
        @media only screen and (min-width: 600px) {
          .magazineModule .moduleContent .firstBlock .storyContent .contentWrapper .viewLink a {
            display: block;
            margin-left: 0;
            margin-right: 0; } }
        @media only screen and (min-width: 768px) {
          .magazineModule .moduleContent .firstBlock .storyContent .contentWrapper .viewLink a {
            font-size: 16px;
            font-size: 0.88889rem;
            line-height: 21px;
            line-height: 1.16667rem; } }
        .magazineModule .moduleContent .firstBlock .storyContent .contentWrapper .viewLink a:hover, .magazineModule .moduleContent .firstBlock .storyContent .contentWrapper .viewLink a:focus {
          color: #1C1C1C; }
      @media only screen {
        .magazineModule .moduleContent .firstBlock .storyContent .contentWrapper .btn {
          margin-top: 15px; } }
      @media only screen and (min-width: 600px) {
        .magazineModule .moduleContent .firstBlock .storyContent .contentWrapper .btn {
          margin-top: 25px; } }
      .magazineModule .moduleContent .firstBlock .storyContent .contentWrapper .btn .moreLink, .magazineModule .subscribeModule .moduleContent .firstBlock .storyContent .contentWrapper .btn .packagesWrapper > .item > .item-footer .reg-btn, .subscribeModule .magazineModule .moduleContent .firstBlock .storyContent .contentWrapper .btn .packagesWrapper > .item > .item-footer .reg-btn, .magazineModule .subscribeModule .moduleContent .packagesWrapper > .item > .item-footer .firstBlock .storyContent .contentWrapper .btn .reg-btn, .subscribeModule .magazineModule .moduleContent .packagesWrapper > .item > .item-footer .firstBlock .storyContent .contentWrapper .btn .reg-btn, .magazineModule .moduleContent .firstBlock .storyContent .contentWrapper .btn .formModule .submit, .formModule .magazineModule .moduleContent .firstBlock .storyContent .contentWrapper .btn .submit, .magazineModule .moduleContent .firstBlock .storyContent .contentWrapper .formModule .btn a, .formModule .magazineModule .moduleContent .firstBlock .storyContent .contentWrapper .btn a {
        color: #F9F9F9;
        background-color: #3C3C3C;
        max-width: 200px;
        width: 100%; }
        @media only screen and (min-width: 600px) {
          .magazineModule .moduleContent .firstBlock .storyContent .contentWrapper .btn .moreLink, .magazineModule .subscribeModule .moduleContent .firstBlock .storyContent .contentWrapper .btn .packagesWrapper > .item > .item-footer .reg-btn, .subscribeModule .magazineModule .moduleContent .firstBlock .storyContent .contentWrapper .btn .packagesWrapper > .item > .item-footer .reg-btn, .magazineModule .subscribeModule .moduleContent .packagesWrapper > .item > .item-footer .firstBlock .storyContent .contentWrapper .btn .reg-btn, .subscribeModule .magazineModule .moduleContent .packagesWrapper > .item > .item-footer .firstBlock .storyContent .contentWrapper .btn .reg-btn, .magazineModule .moduleContent .firstBlock .storyContent .contentWrapper .btn .formModule .submit, .formModule .magazineModule .moduleContent .firstBlock .storyContent .contentWrapper .btn .submit, .magazineModule .moduleContent .firstBlock .storyContent .contentWrapper .formModule .btn a, .formModule .magazineModule .moduleContent .firstBlock .storyContent .contentWrapper .btn a {
            margin-left: 0; } }
        .magazineModule .moduleContent .firstBlock .storyContent .contentWrapper .btn .moreLink:hover, .magazineModule .subscribeModule .moduleContent .firstBlock .storyContent .contentWrapper .btn .packagesWrapper > .item > .item-footer .reg-btn:hover, .subscribeModule .magazineModule .moduleContent .firstBlock .storyContent .contentWrapper .btn .packagesWrapper > .item > .item-footer .reg-btn:hover, .magazineModule .subscribeModule .moduleContent .packagesWrapper > .item > .item-footer .firstBlock .storyContent .contentWrapper .btn .reg-btn:hover, .subscribeModule .magazineModule .moduleContent .packagesWrapper > .item > .item-footer .firstBlock .storyContent .contentWrapper .btn .reg-btn:hover, .magazineModule .moduleContent .firstBlock .storyContent .contentWrapper .btn .formModule .submit:hover, .formModule .magazineModule .moduleContent .firstBlock .storyContent .contentWrapper .btn .submit:hover, .magazineModule .moduleContent .firstBlock .storyContent .contentWrapper .formModule .btn a:hover, .formModule .magazineModule .moduleContent .firstBlock .storyContent .contentWrapper .btn a:hover, .magazineModule .moduleContent .firstBlock .storyContent .contentWrapper .btn .moreLink:focus, .magazineModule .subscribeModule .moduleContent .firstBlock .storyContent .contentWrapper .btn .packagesWrapper > .item > .item-footer .reg-btn:focus, .subscribeModule .magazineModule .moduleContent .firstBlock .storyContent .contentWrapper .btn .packagesWrapper > .item > .item-footer .reg-btn:focus, .magazineModule .subscribeModule .moduleContent .packagesWrapper > .item > .item-footer .firstBlock .storyContent .contentWrapper .btn .reg-btn:focus, .subscribeModule .magazineModule .moduleContent .packagesWrapper > .item > .item-footer .firstBlock .storyContent .contentWrapper .btn .reg-btn:focus, .magazineModule .moduleContent .firstBlock .storyContent .contentWrapper .btn .formModule .submit:focus, .formModule .magazineModule .moduleContent .firstBlock .storyContent .contentWrapper .btn .submit:focus, .magazineModule .moduleContent .firstBlock .storyContent .contentWrapper .formModule .btn a:focus, .formModule .magazineModule .moduleContent .firstBlock .storyContent .contentWrapper .btn a:focus {
          color: #F9F9F9;
          background-color: #1C1C1C; }
  .magazineModule .moduleContent .secondBlock {
    position: relative; }
    @media only screen {
      .magazineModule .moduleContent .secondBlock {
        margin-top: 25px; } }
    @media only screen and (min-width: 600px) {
      .magazineModule .moduleContent .secondBlock {
        margin-top: 25px; } }
    @media only screen and (min-width: 768px) {
      .magazineModule .moduleContent .secondBlock {
        margin-top: 0; } }
    @media only screen and (min-width: 960px) {
      .magazineModule .moduleContent .secondBlock {
        margin-top: 0; } }
    @media only screen {
      .magazineModule .moduleContent .secondBlock {
        border-top: 1px solid #E4E4E4; }
        .magazineModule .moduleContent .secondBlock:before {
          background-color: #FFFFFF;
          border: 1px solid #E4E4E4;
          border-right: none;
          border-bottom: none;
          content: "";
          display: block;
          position: absolute;
          width: 20px;
          height: 20px;
          transform: rotate(45deg);
          transform-origin: 0 0;
          top: -15px;
          left: 50%;
          z-index: 1; } }
    @media only screen and (min-width: 768px) {
      .magazineModule .moduleContent .secondBlock {
        min-height: 230px;
        padding-top: 0;
        padding-left: 20px;
        border-top: none;
        border-left: 1px solid #E4E4E4;
        box-sizing: border-box; }
        .magazineModule .moduleContent .secondBlock:before {
          background-color: #FFFFFF;
          border: 1px solid #E4E4E4;
          border-right: none;
          border-bottom: none;
          content: "";
          display: block;
          position: absolute;
          width: 20px;
          height: 20px;
          transform: rotate(-45deg);
          transform-origin: 0 0;
          top: 50%;
          left: -16px;
          z-index: 1; } }
    @media only screen and (min-width: 1040px) {
      .magazineModule .moduleContent .secondBlock {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-flow: row wrap;
        flex-flow: row wrap;
        -webkit-justify-content: space-between;
        justify-content: space-between; } }
    @media only screen and (min-width: 1040px) {
      .magazineModule .moduleContent .secondBlock:after {
        content: "";
        width: 48.775%;
        flex: auto; } }
    .magazineModule .moduleContent .secondBlock .storyContent {
      position: relative;
      z-index: 2;
      margin-top: 0; }
      @media only screen {
        .magazineModule .moduleContent .secondBlock .storyContent {
          border-bottom: 1px solid #E4E4E4; } }
      @media only screen and (min-width: 1040px) {
        .magazineModule .moduleContent .secondBlock .storyContent {
          float: left;
          clear: none;
          border-top: 1px solid #E4E4E4;
          border-bottom: none;
          width: 48.775%;
          margin-top: 0; } }
  @media only screen and (min-width: 1040px) and (-webkit-min-device-pixel-ratio: 0) {
    .magazineModule .moduleContent .secondBlock .storyContent {
      margin-left: 0; } }
      .magazineModule .moduleContent .secondBlock .storyContent:not(.sponsor) {
        background-color: transparent; }
      @media only screen and (min-width: 1040px) {
        .magazineModule .moduleContent .secondBlock .storyContent:first-child, .magazineModule .moduleContent .secondBlock .storyContent:nth-child(2) {
          border-top: none; } }
      .magazineModule .moduleContent .secondBlock .storyContent:first-child {
        margin-top: 0; }
      @media only screen and (min-width: 1040px) {
        .magazineModule .moduleContent .secondBlock .storyContent:nth-child(2n) {
          float: right; } }
      @media only screen and (min-width: 1040px) {
        .magazineModule .moduleContent .secondBlock .storyContent:nth-child(2n+1) {
          clear: both; } }
      .magazineModule .moduleContent .secondBlock .storyContent:last-child {
        border-bottom: none; }
      .magazineModule .moduleContent .secondBlock .storyContent .mediaWrapper {
        max-width: none; }
        @media only screen {
          .magazineModule .moduleContent .secondBlock .storyContent .mediaWrapper {
            display: none; } }
        @media only screen and (min-width: 1040px) {
          .magazineModule .moduleContent .secondBlock .storyContent .mediaWrapper {
            display: block;
            float: none;
            width: 100%; } }
        @media only screen {
          .magazineModule .moduleContent .secondBlock .storyContent .mediaWrapper .icoVideo a:before, .magazineModule .moduleContent .secondBlock .storyContent .mediaWrapper .icoGallery a:before, .magazineModule .moduleContent .secondBlock .storyContent .mediaWrapper .icoAudio a:before {
            font-size: 16px;
            font-size: 0.88889rem;
            padding: 5px 15px 5px 15px;
            border-radius: 5px;
            top: 5px;
            left: 5px; } }
      @media only screen {
        .magazineModule .moduleContent .secondBlock .storyContent .contentWrapper {
          padding-left: 10px;
          padding-right: 10px; } }
      @media only screen and (min-width: 600px) {
        .magazineModule .moduleContent .secondBlock .storyContent .contentWrapper {
          padding-left: 10px;
          padding-right: 10px; } }
      @media only screen and (min-width: 768px) {
        .magazineModule .moduleContent .secondBlock .storyContent .contentWrapper {
          padding-left: 10px;
          padding-right: 10px; } }
      @media only screen and (min-width: 960px) {
        .magazineModule .moduleContent .secondBlock .storyContent .contentWrapper {
          padding-left: 10px;
          padding-right: 10px; } }
      @media only screen and (min-width: 1040px) {
        .magazineModule .moduleContent .secondBlock .storyContent .contentWrapper {
          padding-top: 11.25px; } }
      .magazineModule .moduleContent .secondBlock .storyContent .contentWrapper h3 {
        font-size: 14px;
        font-size: 0.77778rem;
        line-height: 18.375px;
        line-height: 1.02083rem;
        margin-top: 0; }
    @media only screen and (min-width: 1040px) {
      .magazineModule .moduleContent .secondBlock .storyContent.premium:first-child .contentWrapper .ribbon, .magazineModule .moduleContent .secondBlock .storyContent.premium:nth-child(2) .contentWrapper .ribbon {
        display: none; } }
    @media only screen and (min-width: 1040px) {
      .magazineModule .moduleContent .secondBlock .storyContent.premium:first-child .contentWrapper h3, .magazineModule .moduleContent .secondBlock .storyContent.premium:nth-child(2) .contentWrapper h3 {
        margin-right: 0; } }
    .magazineModule .moduleContent .secondBlock .storyContent.premium .mediaWrapper .ribbon {
      display: block; }
      @media only screen and (min-width: 768px) {
        .magazineModule .moduleContent .secondBlock .storyContent.premium .mediaWrapper .ribbon {
          width: 60px;
          height: 60px; } }
      @media only screen and (min-width: 768px) {
        .magazineModule .moduleContent .secondBlock .storyContent.premium .mediaWrapper .ribbon span {
          font-size: 10px;
          font-size: 0.55556rem;
          line-height: 20px;
          line-height: 1.11111rem;
          top: 11px;
          right: -41px; } }
    .magazineModule .moduleContent .secondBlock .storyContent.premium .contentWrapper {
      min-height: 55px; }
      @media only screen {
        .magazineModule .moduleContent .secondBlock .storyContent.premium .contentWrapper h3 {
          margin-right: 50px; } }
      @media only screen and (min-width: 1040px) {
        .magazineModule .moduleContent .secondBlock .storyContent.premium .contentWrapper h3 {
          margin-right: 33px; } }
      .magazineModule .moduleContent .secondBlock .storyContent.premium .contentWrapper .ribbon {
        display: block; }
        @media only screen and (min-width: 768px) {
          .magazineModule .moduleContent .secondBlock .storyContent.premium .contentWrapper .ribbon {
            width: 60px;
            height: 60px; } }
        @media only screen and (min-width: 768px) {
          .magazineModule .moduleContent .secondBlock .storyContent.premium .contentWrapper .ribbon span {
            font-size: 10px;
            font-size: 0.55556rem;
            line-height: 20px;
            line-height: 1.11111rem;
            top: 11px;
            right: -41px; } }

/* Advance Module Type - Base on .genericModule */
/* Left side format */
.group1 .mostReadModule {
  background-color: #F9F9F9;
  box-sizing: border-box;
  border: 1px solid #E4E4E4;
  clear: both; }
  @media only screen {
    .group1 .mostReadModule {
      margin-top: 15px;
      padding: 30px 20px;
      padding-top: 0; } }
  @media only screen and (min-width: 600px) {
    .group1 .mostReadModule {
      margin-top: 25px;
      padding: 30px 20px;
      padding-top: 0; } }
  @media only screen and (min-width: 768px) {
    .group1 .mostReadModule {
      padding: 20px 20px;
      padding-top: 0; } }
  @media only screen and (min-width: 960px) {
    .group1 .mostReadModule {
      margin-top: 25px;
      padding: 20px 20px;
      padding-top: 0; } }
  @media only screen {
    .group1 .mostReadModule .moduleContent {
      margin-top: 0 !important; } }
  @media only screen and (min-width: 600px) {
    .group1 .mostReadModule .moduleContent {
      margin-top: 0 !important; } }
  @media only screen and (min-width: 768px) {
    .group1 .mostReadModule .moduleContent {
      margin-top: 0 !important; } }
  @media only screen and (min-width: 960px) {
    .group1 .mostReadModule .moduleContent {
      margin-top: 0 !important; } }
  .group1 .mostReadModule .moduleContent .storyContent {
    background-color: transparent;
    border: none;
    border-bottom: 1px solid #E4E4E4;
    position: relative; }
    @media only screen {
      .group1 .mostReadModule .moduleContent .storyContent {
        margin-top: 0;
        padding-top: 15px; } }
    @media only screen and (min-width: 600px) {
      .group1 .mostReadModule .moduleContent .storyContent {
        padding-top: 15px; } }
    @media only screen and (min-width: 768px) {
      .group1 .mostReadModule .moduleContent .storyContent {
        margin-top: 15px;
        padding-top: 0; } }
    @media only screen and (min-width: 960px) {
      .group1 .mostReadModule .moduleContent .storyContent {
        padding-top: 15px;
        margin-top: 0; } }
    @media only screen {
      .group1 .mostReadModule .moduleContent .storyContent .mediaWrapper {
        display: none; } }
    .group1 .mostReadModule .moduleContent .storyContent .contentWrapper {
      position: static;
      padding: 0; }
      @media only screen {
        .group1 .mostReadModule .moduleContent .storyContent .contentWrapper {
          margin-bottom: 15px; } }
      @media only screen and (min-width: 600px) {
        .group1 .mostReadModule .moduleContent .storyContent .contentWrapper {
          margin-bottom: 15px; } }
      @media only screen and (min-width: 768px) {
        .group1 .mostReadModule .moduleContent .storyContent .contentWrapper {
          margin-bottom: 15px; } }
      @media only screen and (min-width: 960px) {
        .group1 .mostReadModule .moduleContent .storyContent .contentWrapper {
          margin-bottom: 15px; } }
      @media only screen and (min-width: 768px) and (max-width: 959px) {
        .group1 .mostReadModule .moduleContent .storyContent .contentWrapper {
          min-height: 100px; } }
      .group1 .mostReadModule .moduleContent .storyContent .contentWrapper h3 {
        font-size: 18px;
        font-size: 1rem;
        line-height: 23.625px;
        line-height: 1.3125rem;
        color: #1C1C1C;
        margin-top: 0; }
        @media only screen {
          .group1 .mostReadModule .moduleContent .storyContent .contentWrapper h3 {
            padding-left: 60px;
            padding-right: 15px; } }
        @media only screen and (min-width: 600px) {
          .group1 .mostReadModule .moduleContent .storyContent .contentWrapper h3 {
            padding-left: 60px;
            padding-right: 15px; } }
        @media only screen and (min-width: 768px) {
          .group1 .mostReadModule .moduleContent .storyContent .contentWrapper h3 {
            padding-left: 60px;
            padding-right: 15px; } }
        @media only screen and (min-width: 960px) {
          .group1 .mostReadModule .moduleContent .storyContent .contentWrapper h3 {
            padding-left: 60px;
            padding-right: 15px; } }
        .group1 .mostReadModule .moduleContent .storyContent .contentWrapper h3 a {
          color: #1C1C1C; }
          .group1 .mostReadModule .moduleContent .storyContent .contentWrapper h3 a:hover {
            color: #1C1C1C; }
        .group1 .mostReadModule .moduleContent .storyContent .contentWrapper h3 span {
          font-size: 32px;
          font-size: 1.77778rem;
          line-height: 32px;
          line-height: 1.77778rem;
          text-align: center;
          color: #9B9B9B;
          width: 45px;
          position: absolute;
          left: 0; }
    .group1 .mostReadModule .moduleContent .storyContent.premium .contentWrapper h3 {
      margin-right: 35px; }
    .group1 .mostReadModule .moduleContent .storyContent.premium .ribbon {
      display: block;
      width: 60px;
      height: 60px; }
      .group1 .mostReadModule .moduleContent .storyContent.premium .ribbon span {
        font-size: 10px;
        font-size: 0.55556rem;
        line-height: 20px;
        line-height: 1.11111rem;
        top: 11px;
        right: -41px; }
  .group1 .mostReadModule .moduleContent .firstBlock .storyContent:first-child, .group1 .mostReadModule .moduleContent .secondBlock .storyContent:first-child {
    margin-top: 0; }
  .group1 .mostReadModule .moduleContent .firstBlock .storyContent:last-child, .group1 .mostReadModule .moduleContent .secondBlock .storyContent:last-child {
    border-bottom: none; }
  @media only screen and (min-width: 768px) {
    .group1 .mostReadModule .moduleContent .firstBlock .storyContent .contentWrapper, .group1 .mostReadModule .moduleContent .secondBlock .storyContent .contentWrapper {
      margin-left: -10px;
      padding-left: 10px; } }
  .group1 .mostReadModule .moduleContent .firstBlock {
    margin-top: 0; }
    .group1 .mostReadModule .moduleContent .firstBlock figure {
      display: none; }
    @media only screen {
      .group1 .mostReadModule .moduleContent .firstBlock {
        width: 100%;
        display: block; } }
    @media only screen and (min-width: 768px) {
      .group1 .mostReadModule .moduleContent .firstBlock {
        width: 48.775%;
        display: block;
        float: left; } }
  .group1 .mostReadModule .moduleContent .secondBlock {
    margin-top: 0; }
    @media only screen {
      .group1 .mostReadModule .moduleContent .secondBlock {
        width: 100%;
        display: block; } }
    @media only screen and (min-width: 768px) {
      .group1 .mostReadModule .moduleContent .secondBlock {
        width: 48.775%;
        display: block;
        float: right; } }
    @media only screen and (min-width: 768px) {
      .group1 .mostReadModule .moduleContent .secondBlock .storyContent .contentWrapper {
        border-left: 1px solid #E4E4E4; } }

/* Right side format */
.group2 .mostReadModule {
  background-color: #F9F9F9;
  box-sizing: border-box;
  border: 1px solid #E4E4E4;
  clear: both; }
  @media only screen {
    .group2 .mostReadModule {
      margin-top: 15px;
      padding: 30px 20px;
      padding-top: 0; } }
  @media only screen and (min-width: 600px) {
    .group2 .mostReadModule {
      margin-top: 25px;
      padding: 30px 20px;
      padding-top: 0; } }
  @media only screen and (min-width: 768px) {
    .group2 .mostReadModule {
      padding: 20px 20px;
      padding-top: 0; } }
  @media only screen and (min-width: 960px) {
    .group2 .mostReadModule {
      margin-top: 25px;
      padding: 20px 20px;
      padding-top: 0; } }
  @media only screen {
    .group2 .mostReadModule .moduleContent {
      margin-top: 0 !important; } }
  @media only screen and (min-width: 600px) {
    .group2 .mostReadModule .moduleContent {
      margin-top: 0 !important; } }
  @media only screen and (min-width: 768px) {
    .group2 .mostReadModule .moduleContent {
      margin-top: 0 !important; } }
  @media only screen and (min-width: 960px) {
    .group2 .mostReadModule .moduleContent {
      margin-top: 0 !important; } }
  .group2 .mostReadModule .moduleContent .storyContent {
    background-color: transparent;
    border: none;
    border-bottom: 1px solid #E4E4E4;
    position: relative; }
    @media only screen {
      .group2 .mostReadModule .moduleContent .storyContent {
        margin-top: 0;
        padding-top: 15px; } }
    @media only screen and (min-width: 600px) {
      .group2 .mostReadModule .moduleContent .storyContent {
        padding-top: 15px; } }
    @media only screen and (min-width: 768px) {
      .group2 .mostReadModule .moduleContent .storyContent {
        margin-top: 15px;
        padding-top: 0; } }
    @media only screen and (min-width: 960px) {
      .group2 .mostReadModule .moduleContent .storyContent {
        padding-top: 15px;
        margin-top: 0; } }
    @media only screen {
      .group2 .mostReadModule .moduleContent .storyContent .mediaWrapper {
        display: none; } }
    .group2 .mostReadModule .moduleContent .storyContent .contentWrapper {
      position: static;
      padding: 0; }
      @media only screen {
        .group2 .mostReadModule .moduleContent .storyContent .contentWrapper {
          margin-bottom: 15px; } }
      @media only screen and (min-width: 600px) {
        .group2 .mostReadModule .moduleContent .storyContent .contentWrapper {
          margin-bottom: 15px; } }
      @media only screen and (min-width: 768px) {
        .group2 .mostReadModule .moduleContent .storyContent .contentWrapper {
          margin-bottom: 15px; } }
      @media only screen and (min-width: 960px) {
        .group2 .mostReadModule .moduleContent .storyContent .contentWrapper {
          margin-bottom: 15px; } }
      @media only screen and (min-width: 768px) and (max-width: 959px) {
        .group2 .mostReadModule .moduleContent .storyContent .contentWrapper {
          min-height: 100px; } }
      .group2 .mostReadModule .moduleContent .storyContent .contentWrapper h3 {
        font-size: 18px;
        font-size: 1rem;
        line-height: 23.625px;
        line-height: 1.3125rem;
        color: #1C1C1C;
        margin-top: 0; }
        @media only screen {
          .group2 .mostReadModule .moduleContent .storyContent .contentWrapper h3 {
            padding-left: 60px;
            padding-right: 15px; } }
        @media only screen and (min-width: 600px) {
          .group2 .mostReadModule .moduleContent .storyContent .contentWrapper h3 {
            padding-left: 60px;
            padding-right: 15px; } }
        @media only screen and (min-width: 768px) {
          .group2 .mostReadModule .moduleContent .storyContent .contentWrapper h3 {
            padding-left: 60px;
            padding-right: 15px; } }
        @media only screen and (min-width: 960px) {
          .group2 .mostReadModule .moduleContent .storyContent .contentWrapper h3 {
            padding-left: 60px;
            padding-right: 15px; } }
        .group2 .mostReadModule .moduleContent .storyContent .contentWrapper h3 a {
          color: #1C1C1C; }
          .group2 .mostReadModule .moduleContent .storyContent .contentWrapper h3 a:hover {
            color: #1C1C1C; }
        .group2 .mostReadModule .moduleContent .storyContent .contentWrapper h3 span {
          font-size: 32px;
          font-size: 1.77778rem;
          line-height: 32px;
          line-height: 1.77778rem;
          text-align: center;
          color: #9B9B9B;
          width: 45px;
          position: absolute;
          left: 0; }
    .group2 .mostReadModule .moduleContent .storyContent.premium .contentWrapper h3 {
      margin-right: 35px; }
    .group2 .mostReadModule .moduleContent .storyContent.premium .ribbon {
      display: block;
      width: 60px;
      height: 60px; }
      .group2 .mostReadModule .moduleContent .storyContent.premium .ribbon span {
        font-size: 10px;
        font-size: 0.55556rem;
        line-height: 20px;
        line-height: 1.11111rem;
        top: 11px;
        right: -41px; }
  .group2 .mostReadModule .moduleContent .firstBlock .storyContent:first-child, .group2 .mostReadModule .moduleContent .secondBlock .storyContent:first-child {
    margin-top: 0; }
  .group2 .mostReadModule .moduleContent .firstBlock .storyContent:last-child, .group2 .mostReadModule .moduleContent .secondBlock .storyContent:last-child {
    border-bottom: none; }
  @media only screen and (min-width: 768px) and (max-width: 959px) {
    .group2 .mostReadModule .moduleContent .firstBlock .storyContent .contentWrapper, .group2 .mostReadModule .moduleContent .secondBlock .storyContent .contentWrapper {
      margin-left: -10px;
      padding-left: 10px;
      border-left: 1px solid #E4E4E4; } }
  .group2 .mostReadModule .moduleContent .firstBlock {
    margin-top: 0; }
    @media only screen {
      .group2 .mostReadModule .moduleContent .firstBlock {
        width: 100%;
        display: block; } }
    @media only screen and (min-width: 768px) and (max-width: 959px) {
      .group2 .mostReadModule .moduleContent .firstBlock {
        width: 48.775%;
        display: block;
        float: left; } }
    @media only screen and (min-width: 960px) {
      .group2 .mostReadModule .moduleContent .firstBlock .storyContent:last-child {
        border-bottom: 1px solid #E4E4E4; } }
  .group2 .mostReadModule .moduleContent .secondBlock {
    margin-top: 0; }
    @media only screen {
      .group2 .mostReadModule .moduleContent .secondBlock {
        width: 100%;
        display: block; } }
    @media only screen and (min-width: 768px) and (max-width: 959px) {
      .group2 .mostReadModule .moduleContent .secondBlock {
        width: 48.775%;
        display: block;
        float: right; } }

/* Advance Module Type - Base on .genericModule */
/* Right side format */
/* Advance Module Type - Base on .genericModule */
/* Left side format */
.group1 .articleRelated .moduleContent, .group1 .jusPublishedModule .moduleContent, .group1 .articleInThisIssue .moduleContent {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-justify-content: space-between;
  justify-content: space-between; }
  @media only screen and (min-width: 768px) {
    .group1 .articleRelated .moduleContent:after, .group1 .jusPublishedModule .moduleContent:after, .group1 .articleInThisIssue .moduleContent:after {
      content: "";
      width: 23.1625%;
      flex: auto; } }
  @media only screen and (max-width: 599px) {
    .group1 .articleRelated .moduleContent .storyContent, .group1 .jusPublishedModule .moduleContent .storyContent, .group1 .articleInThisIssue .moduleContent .storyContent {
      width: 48.775%;
      margin-left: 2.45%;
      float: left; } }
  @media only screen and (max-width: 599px) and (-webkit-min-device-pixel-ratio: 0) {
    .group1 .articleRelated .moduleContent .storyContent, .group1 .jusPublishedModule .moduleContent .storyContent, .group1 .articleInThisIssue .moduleContent .storyContent {
      margin-left: 0; } }
  @media screen and (-webkit-min-device-pixel-ratio: 0) {
    .group1 .articleRelated .moduleContent .storyContent, .group1 .jusPublishedModule .moduleContent .storyContent, .group1 .articleInThisIssue .moduleContent .storyContent {
      margin-left: 0; } }
  @media only screen and (max-width: 599px) {
    .group1 .articleRelated .moduleContent .storyContent:nth-child(2), .group1 .jusPublishedModule .moduleContent .storyContent:nth-child(2), .group1 .articleInThisIssue .moduleContent .storyContent:nth-child(2) {
      margin-top: 0; } }
  @media only screen and (max-width: 599px) {
    .group1 .articleRelated .moduleContent .storyContent:nth-child(odd), .group1 .jusPublishedModule .moduleContent .storyContent:nth-child(odd), .group1 .articleInThisIssue .moduleContent .storyContent:nth-child(odd) {
      margin-left: 0;
      clear: both; } }
  @media only screen and (max-width: 599px) {
    .group1 .articleRelated .moduleContent .storyContent:nth-child(even), .group1 .jusPublishedModule .moduleContent .storyContent:nth-child(even), .group1 .articleInThisIssue .moduleContent .storyContent:nth-child(even) {
      float: left; } }
  @media only screen and (min-width: 768px) {
    .group1 .articleRelated .moduleContent .storyContent:nth-child(4n+2):nth-last-child(2), .group1 .jusPublishedModule .moduleContent .storyContent:nth-child(4n+2):nth-last-child(2), .group1 .articleInThisIssue .moduleContent .storyContent:nth-child(4n+2):nth-last-child(2) {
      max-width: 23.1625%;
      margin-left: 2.45%; } }
  @media only screen and (min-width: 768px) {
    .group1 .articleRelated .moduleContent .storyContent:nth-child(4n+2):last-child, .group1 .articleRelated .moduleContent .storyContent:nth-child(4n+3):last-child, .group1 .jusPublishedModule .moduleContent .storyContent:nth-child(4n+2):last-child, .group1 .jusPublishedModule .moduleContent .storyContent:nth-child(4n+3):last-child, .group1 .articleInThisIssue .moduleContent .storyContent:nth-child(4n+2):last-child, .group1 .articleInThisIssue .moduleContent .storyContent:nth-child(4n+3):last-child {
      max-width: 23.1625%;
      margin-left: 2.45%; } }
  .group1 .articleRelated .moduleContent .storyContent .mediaWrapper, .group1 .jusPublishedModule .moduleContent .storyContent .mediaWrapper, .group1 .articleInThisIssue .moduleContent .storyContent .mediaWrapper {
    float: none;
    width: 100%; }
  .group1 .articleRelated .moduleContent .storyContent .contentWrapper .articleTags, .group1 .jusPublishedModule .moduleContent .storyContent .contentWrapper .articleTags, .group1 .articleInThisIssue .moduleContent .storyContent .contentWrapper .articleTags {
    float: none; }

/* Advance Module Type - Base on .genericModule */
/* Right side format */
/* Advance Module Type - Base on .genericModule */
/* Right side format */
.group2 .promo {
  font-size: 18px;
  font-size: 1rem;
  line-height: 23.625px;
  line-height: 1.3125rem; }
  @media only screen {
    .group2 .promo {
      margin-top: 15px;
      padding: 25px 20px; } }
  @media only screen and (min-width: 600px) {
    .group2 .promo {
      margin-top: 25px;
      padding: 25px 20px; } }
  @media only screen and (min-width: 768px) {
    .group2 .promo {
      margin-top: 25px;
      padding: 25px 20px; } }
  @media only screen and (min-width: 960px) {
    .group2 .promo {
      margin-top: 25px;
      padding: 25px 20px; } }
  .group2 .promo h3 {
    font-size: 22px;
    font-size: 1.22222rem;
    line-height: 25.52px;
    line-height: 1.41778rem; }

/* Advance Module Type - Base on .genericModule */
/* Left side format */
.group1 .searchResultsModule .moduleContent {
  margin-top: 20px !important; }

.group1 .searchResultsModule > footer, .group1 .searchResultsModule > form > footer {
  margin-top: 20px;
  margin-bottom: 20px; }

.searchTools {
  font-size: 18px;
  font-size: 1rem; }
  .searchTools a {
    margin: 10px 0; }
    @media only screen {
      .searchTools a {
        display: block; } }
    @media only screen and (min-width: 768px) {
      .searchTools a {
        display: inline; } }
  @media only screen and (min-width: 960px) {
    .searchTools .sortBy {
      float: right; } }
  .searchTools .sortBy a {
    display: inline; }
  .searchTools strong {
    margin: 0 10px 0 3px; }
  @media only screen and (min-width: 768px) {
    .searchTools .help {
      margin: 0 10px 0 3px; } }
  @media only screen and (min-width: 960px) {
    .searchTools #filterLink {
      display: none; } }

.filtersBox {
  padding: 20px;
  border: 1px solid #E4E4E4; }
  .filtersBox .filterMore .moreText {
    display: block; }
  .filtersBox .filterMore .lessText {
    display: none; }
  .filtersBox .filterMore.expand .lessText {
    display: block; }
  .filtersBox .filterMore.expand .moreText {
    display: none; }

/* Advance Module Type - Base on .genericModule */
/* Left side format */
.webinarList > header figure {
  margin: 0;
  padding: 0; }
  .webinarList > header figure img {
    width: 100%;
    height: auto;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain; }

.webinarList > header h1 {
  padding-bottom: 0; }

/* Advance Module Type - Base on .genericModule */
/* Left side format */
@media only screen {
  .authorList > header {
    margin-bottom: 15px; } }

@media only screen and (min-width: 600px) {
  .authorList > header {
    margin-bottom: 25px; } }

@media only screen and (min-width: 768px) {
  .authorList > header {
    margin-bottom: 25px; } }

@media only screen and (min-width: 960px) {
  .authorList > header {
    margin-bottom: 25px; } }

.authorList > header .storyContent {
  background-color: #F9F9F9; }
  .authorList > header .storyContent .contentWrapper {
    padding: 30px; }
    .authorList > header .storyContent .contentWrapper h3 {
      font-size: 23px;
      font-size: 1.27778rem;
      line-height: 30.1875px;
      line-height: 1.67708rem; }
    .authorList > header .storyContent .contentWrapper p {
      margin-top: 0; }
    .authorList > header .storyContent .contentWrapper > a:last-child {
      margin-top: 10px;
      display: block; }

/* Advance Module Type - Base on .textHTMLModule */
/* Left side format */
.sitemap a {
  color: #1C1C1C; }

.sitemap .moduleContent {
  padding: 15px;
  border: 1px solid #E4E4E4; }
  .sitemap .moduleContent > div {
    padding-left: 30px;
    box-sizing: border-box; }
    @media only screen and (min-width: 600px) {
      .sitemap .moduleContent > div {
        width: 48.775%; }
        .sitemap .moduleContent > div:nth-child(odd) {
          float: left;
          clear: both; }
        .sitemap .moduleContent > div:nth-child(even) {
          float: right; } }
    .sitemap .moduleContent > div > header {
      font-weight: 700;
      font-style: normal;
      font-size: 20px;
      font-size: 1.11111rem;
      line-height: 26.25px;
      line-height: 1.45833rem;
      color: #9D0114;
      list-style: none;
      margin-left: 0; }
      .sitemap .moduleContent > div > header > a {
        color: #9D0114; }
    .sitemap .moduleContent > div > ul li {
      font-size: 16px;
      font-size: 0.88889rem;
      line-height: 21px;
      line-height: 1.16667rem; }

/***********************************************************/
/***************************** Subscribe *******************/
/***********************************************************/
.subscribeModule {
  font-weight: 400;
  font-style: normal;
  font-size: 16px;
  font-size: 0.88889rem;
  line-height: 21px;
  line-height: 1.16667rem; }
  @media only screen {
    .subscribeModule {
      margin-top: 15px; } }
  @media only screen and (min-width: 600px) {
    .subscribeModule {
      margin-top: 25px; } }
  @media only screen and (min-width: 768px) {
    .subscribeModule {
      margin-top: 25px; } }
  @media only screen and (min-width: 960px) {
    .subscribeModule {
      margin-top: 25px; } }
  @media only screen {
    .subscribeModule > header, .subscribeModule > form > header {
      margin-bottom: 15px; } }
  @media only screen and (min-width: 600px) {
    .subscribeModule > header, .subscribeModule > form > header {
      margin-bottom: 25px; } }
  @media only screen and (min-width: 768px) {
    .subscribeModule > header, .subscribeModule > form > header {
      margin-bottom: 25px; } }
  @media only screen and (min-width: 960px) {
    .subscribeModule > header, .subscribeModule > form > header {
      margin-bottom: 25px; } }
  .subscribeModule > header h1, .subscribeModule > form > header h1 {
    font-weight: 700;
    font-style: normal;
    font-size: 30px;
    font-size: 1.66667rem;
    line-height: 36px;
    line-height: 2rem;
    margin-top: 0; }
    .subscribeModule > header h1 i, .subscribeModule > form > header h1 i {
      font-weight: bold; }
  @media only screen and (min-width: 768px) {
    .subscribeModule .moduleContent {
      margin: 0 auto; }
      .subscribeModule .moduleContent .firstBlock, .subscribeModule .moduleContent .secondBlock {
        display: table-cell;
        vertical-align: bottom; }
        .subscribeModule .moduleContent .firstBlock .packageContent .contentWrapper ul, .subscribeModule .moduleContent .firstBlock .packageContent .contentWrapper form, .subscribeModule .moduleContent .firstBlock .packageContent .contentWrapper > div, .subscribeModule .moduleContent .secondBlock .packageContent .contentWrapper ul, .subscribeModule .moduleContent .secondBlock .packageContent .contentWrapper form, .subscribeModule .moduleContent .secondBlock .packageContent .contentWrapper > div {
          width: auto;
          float: none;
          margin-left: 0;
          margin-right: 0; }
        .subscribeModule .moduleContent .firstBlock .packageContent .contentWrapper ul, .subscribeModule .moduleContent .secondBlock .packageContent .contentWrapper ul {
          height: 400px; }
        .subscribeModule .moduleContent .firstBlock .packageContent .contentWrapper form, .subscribeModule .moduleContent .firstBlock .packageContent .contentWrapper > div, .subscribeModule .moduleContent .secondBlock .packageContent .contentWrapper form, .subscribeModule .moduleContent .secondBlock .packageContent .contentWrapper > div {
          height: 150px;
          margin-top: 0; } }
  .subscribeModule .moduleContent .contentWrapper-header {
    padding: 16px 36px;
    background-color: #333; }
    .subscribeModule .moduleContent .contentWrapper-header h3 {
      text-align: center;
      color: #fff; }
      @media only screen {
        .subscribeModule .moduleContent .contentWrapper-header h3 {
          font-size: 22px;
          font-size: 1.22222rem;
          line-height: 25px;
          line-height: 1.38889rem; } }
      @media only screen and (min-width: 600px) {
        .subscribeModule .moduleContent .contentWrapper-header h3 {
          font-size: 26px;
          font-size: 1.44444rem;
          line-height: 30px;
          line-height: 1.66667rem; } }
      @media only screen and (min-width: 768px) {
        .subscribeModule .moduleContent .contentWrapper-header h3 {
          font-size: 30px;
          font-size: 1.66667rem;
          line-height: 33px;
          line-height: 1.83333rem; } }
  .subscribeModule .moduleContent > .contentWrapper {
    border: 1px solid #e4e4e4;
    font-size: 22px;
    font-size: 1.22222rem; }
    @media only screen {
      .subscribeModule .moduleContent > .contentWrapper {
        padding: 10px; } }
    @media only screen and (min-width: 600px) {
      .subscribeModule .moduleContent > .contentWrapper {
        padding: 15px; } }
    @media only screen and (min-width: 768px) {
      .subscribeModule .moduleContent > .contentWrapper {
        padding: 33px; } }
    @media only screen {
      .subscribeModule .moduleContent > .contentWrapper .list-content {
        width: 100%;
        float: static;
        padding-right: 0;
        font-size: 16px;
        font-size: 0.88889rem; } }
    @media only screen and (min-width: 600px) {
      .subscribeModule .moduleContent > .contentWrapper .list-content {
        font-size: 18px;
        font-size: 1rem; } }
    @media only screen and (min-width: 768px) {
      .subscribeModule .moduleContent > .contentWrapper .list-content {
        width: 48%;
        float: left;
        padding-right: 2%; } }
    .subscribeModule .moduleContent > .contentWrapper .list-content > ul {
      padding: 0;
      margin: 0; }
      .subscribeModule .moduleContent > .contentWrapper .list-content > ul > li {
        list-style: disc;
        margin-bottom: 10px;
        font-weight: 300; }
        .subscribeModule .moduleContent > .contentWrapper .list-content > ul > li i {
          font-weight: 300; }
        .subscribeModule .moduleContent > .contentWrapper .list-content > ul > li > ul {
          padding: 0;
          margin: 15px 0; }
          .subscribeModule .moduleContent > .contentWrapper .list-content > ul > li > ul > li {
            margin-bottom: 10px;
            list-style: inside; }
  .subscribeModule .moduleContent .packagesWrapper-header {
    margin: 30px 0; }
    .subscribeModule .moduleContent .packagesWrapper-header h3 {
      font-weight: bold;
      text-align: center; }
      @media only screen {
        .subscribeModule .moduleContent .packagesWrapper-header h3 {
          font-size: 22px;
          font-size: 1.22222rem;
          line-height: 25px;
          line-height: 1.38889rem; } }
      @media only screen and (min-width: 600px) {
        .subscribeModule .moduleContent .packagesWrapper-header h3 {
          font-size: 26px;
          font-size: 1.44444rem;
          line-height: 30px;
          line-height: 1.66667rem; } }
      @media only screen and (min-width: 768px) {
        .subscribeModule .moduleContent .packagesWrapper-header h3 {
          font-size: 30px;
          font-size: 1.66667rem;
          line-height: 33px;
          line-height: 1.83333rem; } }
  .subscribeModule .moduleContent .packagesWrapper {
    position: relative;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    justify-content: space-between;
    flex-flow: column; }
    @media only screen and (min-width: 600px) {
      .subscribeModule .moduleContent .packagesWrapper {
        flex-flow: row wrap; } }
    .subscribeModule .moduleContent .packagesWrapper > .item {
      border: 1px solid #e4e4e4; }
      .subscribeModule .moduleContent .packagesWrapper > .item.red-border {
        border: 2px solid #C5001D;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box; }
      @media only screen {
        .subscribeModule .moduleContent .packagesWrapper > .item {
          margin-bottom: 20px; }
          .subscribeModule .moduleContent .packagesWrapper > .item:first-child {
            order: 2; }
          .subscribeModule .moduleContent .packagesWrapper > .item:nth-child(2) {
            order: 1; }
          .subscribeModule .moduleContent .packagesWrapper > .item:nth-child(3) {
            order: 3; } }
      @media only screen and (min-width: 600px) {
        .subscribeModule .moduleContent .packagesWrapper > .item:nth-child(2) {
          width: 100%; }
        .subscribeModule .moduleContent .packagesWrapper > .item:first-child, .subscribeModule .moduleContent .packagesWrapper > .item:nth-child(3) {
          margin-left: 0;
          width: 49%; }
        .subscribeModule .moduleContent .packagesWrapper > .item:first-child {
          margin-right: 1%; } }
      @media only screen and (min-width: 768px) {
        .subscribeModule .moduleContent .packagesWrapper > .item {
          width: 32% !important;
          margin-right: 1.3% !important; }
          .subscribeModule .moduleContent .packagesWrapper > .item:first-child, .subscribeModule .moduleContent .packagesWrapper > .item:nth-child(2), .subscribeModule .moduleContent .packagesWrapper > .item:nth-child(3) {
            order: 0; }
          .subscribeModule .moduleContent .packagesWrapper > .item:last-child {
            margin-right: 0 !important; } }
      @media only screen and (min-width: 960px) {
        .subscribeModule .moduleContent .packagesWrapper > .item {
          margin-right: 1.5% !important; }
          .subscribeModule .moduleContent .packagesWrapper > .item:last-child {
            margin-right: 0 !important; } }
      .subscribeModule .moduleContent .packagesWrapper > .item > header {
        padding: 16px 10px;
        background-color: #333; }
        .subscribeModule .moduleContent .packagesWrapper > .item > header h3 {
          font-size: 20px;
          font-size: 1.11111rem;
          text-align: center;
          color: #fff; }
          @media only screen and (min-width: 768px) {
            .subscribeModule .moduleContent .packagesWrapper > .item > header h3 {
              font-size: 20px;
              font-size: 1.11111rem; } }
          @media only screen and (min-width: 960px) {
            .subscribeModule .moduleContent .packagesWrapper > .item > header h3 {
              font-size: 24px;
              font-size: 1.33333rem; } }
        .subscribeModule .moduleContent .packagesWrapper > .item > header.red-header {
          background-color: #C5001D; }
      .subscribeModule .moduleContent .packagesWrapper > .item > .item-body {
        min-height: 120px;
        text-align: center;
        display: flex;
        align-items: center;
        flex-flow: column;
        font-weight: bold;
        padding: 0 10px; }
        @media only screen {
          .subscribeModule .moduleContent .packagesWrapper > .item > .item-body {
            font-size: 20px;
            font-size: 1.11111rem;
            line-height: 25px;
            justify-content: center; } }
        @media only screen and (min-width: 600px) {
          .subscribeModule .moduleContent .packagesWrapper > .item > .item-body {
            padding: 15px; } }
        @media only screen and (min-width: 768px) {
          .subscribeModule .moduleContent .packagesWrapper > .item > .item-body {
            min-height: 160px;
            padding: 20px;
            font-size: 30px;
            font-size: 1.66667rem;
            line-height: 35px; } }
        @media only screen and (min-width: 1040px) {
          .subscribeModule .moduleContent .packagesWrapper > .item > .item-body {
            min-height: 120px; } }
        .subscribeModule .moduleContent .packagesWrapper > .item > .item-body h4 {
          font-weight: bold;
          padding: 0;
          margin: 0;
          text-align: center;
          width: 100%; }
          @media only screen {
            .subscribeModule .moduleContent .packagesWrapper > .item > .item-body h4 {
              font-size: 35px;
              font-size: 1.94444rem; }
              .subscribeModule .moduleContent .packagesWrapper > .item > .item-body h4 .money-symbol {
                font-size: 14px;
                font-size: 0.77778rem; } }
          @media only screen and (min-width: 600px) {
            .subscribeModule .moduleContent .packagesWrapper > .item > .item-body h4 {
              font-size: 40px;
              font-size: 2.22222rem; } }
          @media only screen and (min-width: 768px) {
            .subscribeModule .moduleContent .packagesWrapper > .item > .item-body h4 {
              font-size: 45px;
              font-size: 2.5rem; } }
          .subscribeModule .moduleContent .packagesWrapper > .item > .item-body h4.line-through {
            position: relative; }
            .subscribeModule .moduleContent .packagesWrapper > .item > .item-body h4.line-through:before {
              content: "";
              display: block;
              width: 120px;
              border-top: solid 2px black;
              position: absolute;
              top: 14px;
              left: 50%;
              transform: translateX(-50%) rotate(-5deg); }
          .subscribeModule .moduleContent .packagesWrapper > .item > .item-body h4 .money-symbol {
            font-size: 0.5em;
            text-transform: uppercase;
            padding-left: 5px; }
          .subscribeModule .moduleContent .packagesWrapper > .item > .item-body h4 > .oPrice {
            font-size: 0.625em; }
          .subscribeModule .moduleContent .packagesWrapper > .item > .item-body h4 > .dPrice {
            color: #C5001D; }
        .subscribeModule .moduleContent .packagesWrapper > .item > .item-body .type {
          font-size: 18px;
          font-size: 1rem;
          font-weight: bold; }
        .subscribeModule .moduleContent .packagesWrapper > .item > .item-body .saving {
          font-size: 16px;
          font-size: 0.88889rem;
          font-weight: normal;
          color: #C5001D; }
      .subscribeModule .moduleContent .packagesWrapper > .item > .item-footer {
        margin-bottom: 35px; }
        .subscribeModule .moduleContent .packagesWrapper > .item > .item-footer .reg-btn {
          color: #F9F9F9;
          background-color: #C5001D;
          display: block;
          width: 160px; }
          .subscribeModule .moduleContent .packagesWrapper > .item > .item-footer .reg-btn:hover, .subscribeModule .moduleContent .packagesWrapper > .item > .item-footer .reg-btn:focus {
            color: #F9F9F9;
            background-color: #9D0114;
            text-decoration: none; }
  .subscribeModule .moduleContent .remarksWrapper {
    text-align: center; }
  .subscribeModule .moduleContent .contactWrapper {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between; }
    .subscribeModule .moduleContent .contactWrapper > .item {
      text-align: center;
      width: 100%;
      background-color: #F5F5F5; }
      .subscribeModule .moduleContent .contactWrapper > .item > .item-content {
        margin: 30px; }
        .subscribeModule .moduleContent .contactWrapper > .item > .item-content > header {
          font-size: 18px;
          font-size: 1rem;
          font-weight: bold; }
        .subscribeModule .moduleContent .contactWrapper > .item > .item-content > .item-body {
          padding-top: 15px;
          font-weight: 300;
          font-size: 16px;
          font-size: 0.88889rem;
          line-height: 24px;
          line-height: 1.33333rem; }
          .subscribeModule .moduleContent .contactWrapper > .item > .item-content > .item-body .red-text {
            color: #C5001D; }
  .subscribeModule .moduleContent .BenefitsModule {
    margin-top: 30px; }
    .subscribeModule .moduleContent .BenefitsModule h3 {
      font-size: 30px;
      font-size: 1.66667rem;
      font-weight: bold;
      margin-bottom: 25px; }
    .subscribeModule .moduleContent .BenefitsModule > .contentWrapper {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-flex-flow: row wrap;
      flex-flow: row wrap;
      -webkit-justify-content: space-between;
      justify-content: space-between;
      flex-flow: row wrap;
      margin: -10px; }
      .subscribeModule .moduleContent .BenefitsModule > .contentWrapper .item {
        width: 100%;
        padding: 10px;
        box-sizing: border-box; }
        @media only screen and (min-width: 600px) {
          .subscribeModule .moduleContent .BenefitsModule > .contentWrapper .item {
            width: 50%; } }
        @media only screen and (min-width: 768px) {
          .subscribeModule .moduleContent .BenefitsModule > .contentWrapper .item {
            width: 20%; } }
        .subscribeModule .moduleContent .BenefitsModule > .contentWrapper .item header {
          text-align: center; }
          .subscribeModule .moduleContent .BenefitsModule > .contentWrapper .item header img {
            display: block;
            border: #979797 solid 1px;
            width: 100%; }
        .subscribeModule .moduleContent .BenefitsModule > .contentWrapper .item .item-body {
          font-size: 18px;
          font-size: 1rem;
          line-height: 23px;
          line-height: 1.27778rem;
          margin-top: 10px; }
          .subscribeModule .moduleContent .BenefitsModule > .contentWrapper .item .item-body h4 {
            font-size: 18px;
            font-size: 1rem;
            font-weight: bold;
            margin-bottom: 10px; }
            @media only screen and (min-width: 960px) {
              .subscribeModule .moduleContent .BenefitsModule > .contentWrapper .item .item-body h4 {
                font-size: 20px;
                font-size: 1.11111rem; } }
          .subscribeModule .moduleContent .BenefitsModule > .contentWrapper .item .item-body p {
            font-size: 16px;
            font-size: 0.88889rem;
            line-height: 21px;
            line-height: 1.16667rem;
            font-weight: 300;
            margin: 0; }
  .subscribeModule footer {
    padding-top: 0; }

html[data-useragent*='MSIE 10.0'] .subscribeModule .moduleContent .packageContent .contentWrapper .formModule .radio input[type="radio"], html[data-useragent*='MSIE 9.0'] .subscribeModule .moduleContent .packageContent .contentWrapper .formModule .radio input[type="radio"] {
  -ms-transform: scale(2);
  transform: scale(2); }

.subscribeAlert {
  margin-top: 30px !important; }
  @media only screen and (min-width: 768px) {
    .subscribeAlert {
      float: left;
      margin-right: 20px;
      max-width: 569px;
      width: 50%; } }
  .subscribeAlert .btn a {
    color: #FFF;
    background-color: #db000d;
    border-color: #db000d; }
    .subscribeAlert .btn a:hover {
      color: #db000d;
      background-color: #FFF; }

/***********************************************************/
/***************************** From Module *****************/
/***********************************************************/
/* Base Module Type */
.formModule {
  -webkit-appearance: none;
  font-weight: 400;
  font-style: normal;
  font-size: 16px;
  font-size: 0.88889rem;
  line-height: 21px;
  line-height: 1.16667rem;
  overflow: hidden;
  padding: 15px;
  border: 1px solid #E4E4E4; }
  @media only screen {
    .formModule {
      margin-top: 15px; } }
  @media only screen and (min-width: 600px) {
    .formModule {
      margin-top: 25px; } }
  @media only screen and (min-width: 768px) {
    .formModule {
      margin-top: 25px; } }
  @media only screen and (min-width: 960px) {
    .formModule {
      margin-top: 25px; } }
  @media only screen {
    .formModule > header, .formModule > form > header {
      margin-top: 0;
      margin-bottom: 15px; } }
  @media only screen and (min-width: 600px) {
    .formModule > header, .formModule > form > header {
      margin-top: 0;
      margin-bottom: 25px; } }
  @media only screen and (min-width: 768px) {
    .formModule > header, .formModule > form > header {
      margin-top: 0;
      margin-bottom: 25px; } }
  @media only screen and (min-width: 960px) {
    .formModule > header, .formModule > form > header {
      margin-top: 0;
      margin-bottom: 25px; } }
  .formModule > header h1, .formModule > form > header h1 {
    font-weight: 700;
    font-style: normal;
    font-size: 30px;
    font-size: 1.66667rem;
    line-height: 36px;
    line-height: 2rem; }
    @media only screen {
      .formModule > header h1, .formModule > form > header h1 {
        margin-top: 0;
        margin-bottom: 15px; } }
    @media only screen and (min-width: 600px) {
      .formModule > header h1, .formModule > form > header h1 {
        margin-top: 0;
        margin-bottom: 25px; } }
    @media only screen and (min-width: 768px) {
      .formModule > header h1, .formModule > form > header h1 {
        margin-top: 0;
        margin-bottom: 25px; } }
    @media only screen and (min-width: 960px) {
      .formModule > header h1, .formModule > form > header h1 {
        margin-top: 0;
        margin-bottom: 25px; } }
  .formModule > header h2, .formModule > form > header h2 {
    font-weight: 700;
    font-style: normal;
    font-size: 27px;
    font-size: 1.5rem;
    line-height: 32.4px;
    line-height: 1.8rem; }
  .formModule > header h3, .formModule > form > header h3 {
    font-weight: 400;
    font-style: normal;
    font-size: 18px;
    font-size: 1rem;
    line-height: 21.6px;
    line-height: 1.2rem; }
  .formModule p {
    font-size: 16px;
    font-size: 0.88889rem;
    line-height: 21px;
    line-height: 1.16667rem;
    margin: 0 0 20px 0; }
  .formModule .forgotPwd, .formModule .checkbox, .formModule .radio {
    font-size: 16px;
    font-size: 0.88889rem;
    line-height: 21px;
    line-height: 1.16667rem; }
  .formModule .textField label {
    font-size: 16px;
    font-size: 0.88889rem; }
  .formModule .textField input, .formModule .textField textarea {
    font-weight: 300;
    font-style: normal;
    font-size: 18px;
    font-size: 1rem;
    line-height: 23px;
    line-height: 1.27778rem;
    display: block;
    width: 100%;
    border-color: #ccc;
    border-radius: 0;
    box-sizing: border-box;
    box-shadow: none;
    padding: 5px;
    -webkit-appearance: none; }
    @media only screen and (min-width: 768px) {
      .formModule .textField input, .formModule .textField textarea {
        width: 90%; } }
  .formModule .textField input {
    height: 35px;
    box-sizing: border-box; }
    .formModule .textField input:-webkit-autofill {
      background: #FFFFFF !important; }
    .formModule .textField input::-webkit-input-placeholder, .formModule .textField input:-moz-placeholder, .formModule .textField input::-moz-placeholder, .formModule .textField input:-ms-input-placeholder {
      font-size: 16px;
      font-size: 0.88889rem;
      font-weight: normal; }
  .formModule .textField textarea {
    height: 10em;
    resize: none; }
  .formModule .textField .fielded {
    background-color: #FAFFBD; }
  .formModule .checkbox input[type="checkbox"], .formModule .checkbox input[type="radio"], .formModule .radio input[type="checkbox"], .formModule .radio input[type="radio"] {
    width: 16px;
    height: 16px;
    float: left;
    margin-right: .5em;
    border: 0; }
  .formModule .checkbox label, .formModule .radio label {
    font-weight: 400;
    font-style: normal;
    color: #000;
    display: block;
    overflow: hidden; }
  .formModule .selectMenu label, .formModule .selectMenu .field-validation-error {
    padding-right: 15px; }
  .formModule .selectMenu .selectMenuBox {
    position: relative;
    width: 100%;
    display: block;
    margin-bottom: 20px; }
    @media only screen and (min-width: 768px) {
      .formModule .selectMenu .selectMenuBox {
        width: 90%; } }
    .formModule .selectMenu .selectMenuBox select {
      font-weight: 300;
      font-style: normal;
      font-size: 18px;
      font-size: 1rem;
      background-color: #FFFFFF;
      border: 1px solid #ccc;
      color: #888;
      display: block;
      width: 100%;
      height: 35px;
      padding: 0 5px;
      box-sizing: border-box;
      border-radius: 0;
      -webkit-appearance: none; }
      .formModule .selectMenu .selectMenuBox select:-webkit-autofill {
        background: #FFFFFF !important; }
      .formModule .selectMenu .selectMenuBox select option {
        width: 130%; }
    .formModule .selectMenu .selectMenuBox.fielded select {
      background-color: #FAFFBD; }
    .formModule .selectMenu .selectMenuBox.fielded:before {
      background-color: #FAFFBD; }
    .formModule .selectMenu .selectMenuBox:before {
      content: '';
      right: 0;
      top: 1px;
      width: 33px;
      height: 33px;
      background-color: #FFF;
      position: absolute;
      pointer-events: none;
      display: block;
      margin-right: 1px; }
    .formModule .selectMenu .selectMenuBox:after {
      font-family: 'FontAwesome';
      content: '\f0d7';
      position: absolute;
      top: 7px;
      right: 12px;
      margin: 0;
      display: block;
      pointer-events: none; }
  .formModule .h6 {
    margin-top: 15px; }
  .formModule .btnSignIn {
    margin: 20px 0 10px; }
  .formModule .field-validation-valid {
    display: none; }
  .formModule .field-validation-error {
    display: block;
    font-size: 14px;
    font-size: 0.77778rem; }
  .formModule .field-validation-success {
    font-size: 18px;
    font-size: 1rem;
    line-height: 23.625px;
    line-height: 1.3125rem;
    color: green;
    background-color: #DFD;
    padding: 15px;
    display: block; }
  .formModule .validation-summary-valid {
    display: none; }
  .formModule .requiredField:after {
    content: " *";
    color: #fc0802; }
  .formModule .submit {
    text-transform: uppercase; }
  .formModule .bold {
    font-weight: bold; }
  .formModule [readonly] {
    font-weight: 400;
    font-style: normal;
    border: none;
    padding-left: 0;
    padding-right: 0;
    font-weight: normal;
    color: #000; }
  .formModule .btnWrapper {
    gap: 16px;
    flex-flow: row wrap;
    justify-content: center;
    margin-bottom: 30px; }
    @media only screen and (min-width: 600px) {
      .formModule .btnWrapper {
        justify-content: flex-start; } }
    .formModule .btnWrapper .btn {
      margin-bottom: 0; }
  .formModule .btn {
    margin-bottom: 30px; }
    .formModule .btn a, .formModule .btn .subscribeModule .moduleContent .packagesWrapper > .item > .item-footer .reg-btn, .subscribeModule .moduleContent .packagesWrapper > .item > .item-footer .formModule .btn .reg-btn, .formModule .btn .submit, .formModule .btn a, .formModule .btn .moreLink {
      display: block;
      margin-left: auto;
      margin-right: auto; }
      @media only screen and (min-width: 600px) {
        .formModule .btn a, .formModule .btn .subscribeModule .moduleContent .packagesWrapper > .item > .item-footer .reg-btn, .subscribeModule .moduleContent .packagesWrapper > .item > .item-footer .formModule .btn .reg-btn, .formModule .btn .submit, .formModule .btn a, .formModule .btn .moreLink {
          margin-left: 0;
          margin-right: 0; } }
  .formModule > footer, .formModule > form > footer {
    margin-top: 20px;
    margin-bottom: 20px; }

/* Advance Module Type - Base on .formModule */
.loginForm .bodyMiddleText h3 {
  font-size: 25px;
  font-size: 1.38889rem;
  line-height: 29px;
  line-height: 1.61111rem;
  margin-top: 15px;
  margin-bottom: 15px; }

.loginForm .btnSignIn:after {
  content: "";
  display: block;
  clear: both; }

.loginForm .btnSignIn > * {
  margin-left: 0; }
  @media only screen and (min-width: 600px) {
    .loginForm .btnSignIn > * {
      float: left; } }

.loginForm .btnSignIn > div {
  padding: .736em .7em; }

/* Advance Module Type - Base on .formModule */
.messageBox, .subscribeBox, .subscribeAlertBox {
  font-weight: 400;
  font-style: normal; }
  .messageBox header h3, .subscribeBox header h3, .subscribeAlertBox header h3 {
    font-size: 23px;
    font-size: 1.27778rem;
    line-height: 26.68px;
    line-height: 1.48222rem; }
  .messageBox p, .messageBox ul, .messageBox li, .subscribeBox p, .subscribeBox ul, .subscribeBox li, .subscribeAlertBox p, .subscribeAlertBox ul, .subscribeAlertBox li {
    font-size: 16px;
    font-size: 0.88889rem; }
  .messageBox p, .subscribeBox p, .subscribeAlertBox p {
    line-height: 26.672px;
    line-height: 1.48178rem; }
  .messageBox ul li:before, .subscribeBox ul li:before, .subscribeAlertBox ul li:before {
    font-family: 'FontAwesome';
    font-size: 12px;
    font-size: 0.66667rem;
    content: '\f111';
    margin: 0 8px 0 -20px;
    vertical-align: middle; }
  .messageBox ul li, .subscribeBox ul li, .subscribeAlertBox ul li {
    margin-bottom: 1em; }
    .messageBox ul li:last-child, .subscribeBox ul li:last-child, .subscribeAlertBox ul li:last-child {
      margin-bottom: 0; }

.subscribeAlertBox {
  background-color: #FBE0DE; }
  .subscribeAlertBox .btn {
    margin-bottom: 0; }

/* Advance Module Type - Base on .formModule */
.register, .myAccount, .eMagazineLogin, .feedback, .unsubscribe {
  padding: 0;
  border: none; }
  .register header p, .myAccount header p, .eMagazineLogin header p, .feedback header p, .unsubscribe header p {
    margin-top: 10px; }
  .register .message, .myAccount .message, .eMagazineLogin .message, .feedback .message, .unsubscribe .message {
    font-size: 16px;
    font-size: 0.88889rem;
    line-height: 21px;
    line-height: 1.16667rem; }
  .register input[type='submit']:last-child, .myAccount input[type='submit']:last-child, .eMagazineLogin input[type='submit']:last-child, .feedback input[type='submit']:last-child, .unsubscribe input[type='submit']:last-child {
    margin-bottom: 20px; }
  .register .btn_captcha, .myAccount .btn_captcha, .eMagazineLogin .btn_captcha, .feedback .btn_captcha, .unsubscribe .btn_captcha {
    margin-left: auto;
    margin-right: auto;
    display: inline-block; }

/* Advance Module Type - Base on .formModule */
.register .captcha {
  margin-left: auto;
  margin-right: auto;
  text-align: center; }

/* Advance Module Type - Base on .formModule */
.myAccount .history {
  display: block;
  font-size: 16px;
  font-size: 0.88889rem;
  line-height: 21px;
  line-height: 1.16667rem; }
  @media only screen and (min-width: 768px) {
    .myAccount .history {
      border-collapse: collapse;
      width: 100%; } }
  .myAccount .history.table {
    margin-bottom: 30px; }
    @media only screen and (min-width: 768px) {
      .myAccount .history.table.table {
        display: table; } }
  .myAccount .history .table-row {
    margin-bottom: 10px;
    padding-top: 10px;
    border-top: 1px solid #E4E4E4; }
    .myAccount .history .table-row:nth-child(2) {
      border-top: none; }
    @media only screen and (min-width: 768px) {
      .myAccount .history .table-row {
        display: table-row; } }
  .myAccount .history .table-cell.subscriptionDate, .myAccount .history .table-cell.expiryDate, .myAccount .history .table-cell.status {
    float: left;
    margin-top: 5px; }
    @media only screen and (min-width: 768px) {
      .myAccount .history .table-cell.subscriptionDate, .myAccount .history .table-cell.expiryDate, .myAccount .history .table-cell.status {
        float: none;
        margin-top: 0; } }
    .myAccount .history .table-cell.subscriptionDate:before, .myAccount .history .table-cell.expiryDate:before, .myAccount .history .table-cell.status:before {
      font-size: 14px;
      font-size: 0.77778rem;
      line-height: 18.375px;
      line-height: 1.02083rem;
      color: #9B9B9B;
      display: block; }
      @media only screen and (min-width: 768px) {
        .myAccount .history .table-cell.subscriptionDate:before, .myAccount .history .table-cell.expiryDate:before, .myAccount .history .table-cell.status:before {
          font-size: 16px;
          font-size: 0.88889rem;
          line-height: 21px;
          line-height: 1.16667rem;
          color: #1C1C1C; } }
  .myAccount .history .table-cell.subscriptionDate {
    width: 130px; }
    @media only screen and (min-width: 600px) {
      .myAccount .history .table-cell.subscriptionDate {
        width: 33%; } }
    @media only screen {
      .myAccount .history .table-cell.subscriptionDate:before {
        content: "Subscription Date: "; } }
    @media only screen and (min-width: 768px) {
      .myAccount .history .table-cell.subscriptionDate:before {
        display: none; } }
  .myAccount .history .table-cell.expiryDate {
    width: 130px; }
    @media only screen and (min-width: 600px) {
      .myAccount .history .table-cell.expiryDate {
        width: 33%; } }
    @media only screen {
      .myAccount .history .table-cell.expiryDate:before {
        content: "Expiry Date: "; } }
    @media only screen and (min-width: 768px) {
      .myAccount .history .table-cell.expiryDate:before {
        display: none; } }
  .myAccount .history .table-cell.status {
    color: #fc0802;
    width: 115px; }
    @media only screen and (min-width: 600px) {
      .myAccount .history .table-cell.status {
        width: 33%; } }
    @media only screen {
      .myAccount .history .table-cell.status:before {
        content: "Status: "; } }
    @media only screen and (min-width: 768px) {
      .myAccount .history .table-cell.status:before {
        display: none; } }
    .myAccount .history .table-cell.status.active {
      color: #4BBB4B; }
    @media only screen and (min-width: 768px) {
      .myAccount .history .table-cell.status {
        text-align: center; } }
  @media only screen and (min-width: 768px) {
    .myAccount .history .table-cell {
      display: table-cell;
      padding: .475rem .665rem;
      border: solid 1px #E4E4E4; }
      .myAccount .history .table-cell.product {
        width: 38%; }
      .myAccount .history .table-cell.subscriptionDate {
        width: 28%; }
      .myAccount .history .table-cell.expiryDate {
        width: 20%; }
      .myAccount .history .table-cell.status {
        width: 14%; } }
  .myAccount .history .header {
    display: none; }
    @media only screen and (min-width: 768px) {
      .myAccount .history .header {
        display: table-row; } }
    .myAccount .history .header > * {
      text-transform: uppercase;
      padding: .475rem .665rem;
      background-color: #f4f4f4;
      border: solid 1px #ccc; }
      .myAccount .history .header > *.status {
        color: #000; }

/* Advance Module Type - Base on .formModule */
.unsubscribe .radioGroup {
  margin-bottom: 20px; }
  .unsubscribe .radioGroup > div {
    display: block;
    margin-bottom: 20px; }
    .unsubscribe .radioGroup > div > div {
      display: block;
      position: relative; }
      .unsubscribe .radioGroup > div > div:first-child {
        clear: both; }
        @media only screen and (min-width: 768px) {
          .unsubscribe .radioGroup > div > div:first-child {
            float: left;
            width: 60%; } }
      .unsubscribe .radioGroup > div > div.radio {
        float: left;
        width: 25%; }
        @media only screen and (min-width: 768px) {
          .unsubscribe .radioGroup > div > div.radio {
            box-sizing: border-box;
            padding-left: 20px;
            width: 20%; } }

/***********************************************************/
/***************************** Half MPU ********************/
/***********************************************************/
.half-mpu {
  /* hidden last 2 the work articls for home page when it has half mpu */ }
  @media only screen and (min-width: 960px) {
    .half-mpu .home .theWorkModule .moduleContent .secondBlock .storyContent:nth-last-child(2), .half-mpu .home .theWorkModule .moduleContent .secondBlock .storyContent:last-child {
      display: none; } }

/***********************************************************/
/***************************** Popup ***********************/
/***********************************************************/
#popup {
  background-color: #FFFFFF;
  box-sizing: border-box;
  border: 1px solid #E4E4E4;
  max-width: 450px;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  padding: 30px;
  position: relative; }

.mfp-close {
  width: 30px !important;
  height: 30px !important;
  line-height: 30px !important; }

.mfp-bg.no-bg {
  background: transparent !important; }

#popup.bulletinModule {
  -webkit-transition: all .5s ease;
  -moz-transition: all .5s ease;
  -ms-transition: all .5s ease;
  -o-transition: all .5s ease;
  transition: all .5s ease; }
  #popup.bulletinModule .moduleContent div {
    font-weight: 400;
    font-style: normal;
    text-align: center; }
    #popup.bulletinModule .moduleContent div p {
      font-size: 16px;
      font-size: 0.88889rem;
      line-height: 21px;
      line-height: 1.16667rem; }
      #popup.bulletinModule .moduleContent div p.big {
        font-weight: 700;
        font-style: normal;
        font-size: 26px;
        font-size: 1.44444rem;
        line-height: 34.125px;
        line-height: 1.89583rem; }
      #popup.bulletinModule .moduleContent div p .uppercase {
        text-transform: uppercase;
        display: block; }

#prest-ad-container {
  position: fixed;
  background: #FFFFFF;
  z-index: 10001;
  width: 100%;
  height: 100%; }
  #prest-ad-container .overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.8);
    z-index: 10000; }
  #prest-ad-container .ad {
    position: fixed;
    z-index: 10002;
    top: 100px;
    display: block;
    left: 50%;
    right: auto;
    -moz-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0); }
  #prest-ad-container .counter {
    position: fixed;
    top: 120px;
    z-index: 10002;
    display: block;
    color: #000;
    left: 50%;
    right: auto;
    -moz-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0); }
  #prest-ad-container .enter-btn {
    position: fixed;
    top: 0;
    right: 0;
    width: 42px;
    height: 42px;
    z-index: 10002; }
    @media only screen and (min-width: 480px) {
      #prest-ad-container .enter-btn {
        top: 32px;
        right: calc((100% - 300px) / 2 - 42px - 20px); } }
    @media only screen and (min-width: 600px) {
      #prest-ad-container .enter-btn {
        right: calc((100% - 640px) / 2); } }
    @media only screen and (min-width: 768px) {
      #prest-ad-container .enter-btn {
        right: calc((100% - 640px) / 2 - 42px - 20px); } }
    #prest-ad-container .enter-btn a {
      display: block;
      cursor: pointer;
      width: 100%;
      height: 100%;
      line-height: 42px;
      background-color: #C5001D; }
      #prest-ad-container .enter-btn a:hover, #prest-ad-container .enter-btn a:focus {
        background-color: #9D0114; }
      #prest-ad-container .enter-btn a:before, #prest-ad-container .enter-btn a:after {
        content: "";
        display: block;
        width: 60%;
        height: 0;
        background-color: white;
        border: solid white;
        border-width: 2px 0;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%) rotate(-45deg); }
      #prest-ad-container .enter-btn a:after {
        transform: translate(-50%, -50%) rotate(45deg); }
  #prest-ad-container .logo {
    position: fixed;
    top: 32px;
    z-index: 10002;
    left: 50%;
    right: auto;
    -moz-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0); }

.typeform-widget {
  width: 100%;
  overflow: hidden;
  box-sizing: border-box;
  background-color: #F9F9F9;
  border: 1px solid #E4E4E4; }

/***********************************************************/
/************************* CEI EVenue ************************/
/***********************************************************/
.textHtmlModule .evenueDirectory:after {
  content: "";
  display: block;
  clear: both; }

.textHtmlModule .evenueDirectory .figure {
  float: left;
  max-width: 170px;
  width: 170px;
  margin: 0;
  border: 1px solid #E4E4E4;
  box-sizing: border-box; }
  @media only screen and (min-width: 600px) and (max-width: 767px), only screen and (max-width: 599px) {
    .textHtmlModule .evenueDirectory .figure {
      float: none;
      margin: 0 auto; } }
  .textHtmlModule .evenueDirectory .figure a {
    padding: 0 !important; }
  .textHtmlModule .evenueDirectory .figure img {
    width: 100%; }

.textHtmlModule .evenueDirectory .section {
  overflow: hidden;
  padding-left: 20px; }
  @media only screen and (min-width: 600px) and (max-width: 767px), only screen and (max-width: 599px) {
    .textHtmlModule .evenueDirectory .section {
      padding-left: 0; } }

.textHtmlModule .evenueDirectory .summary {
  color: #1C1C1C; }
  @media only screen and (min-width: 600px) and (max-width: 767px), only screen and (max-width: 599px) {
    .textHtmlModule .evenueDirectory .summary {
      margin-top: 1em; } }
  .textHtmlModule .evenueDirectory .summary li + li {
    margin-top: .5em;
    margin-bottom: .5em; }
  .textHtmlModule .evenueDirectory .summary > :first-child {
    margin-top: 0; }
  .textHtmlModule .evenueDirectory .summary > :last-child {
    margin-bottom: 0; }

.textHtmlModule .evenueDirectory .footer {
  margin-top: 2em; }
  @media only screen and (min-width: 600px) and (max-width: 767px), only screen and (max-width: 599px) {
    .textHtmlModule .evenueDirectory .footer {
      margin-top: 1em;
      margin-bottom: 2em; } }
  .textHtmlModule .evenueDirectory .footer .button {
    padding: .6em;
    margin-top: .5em;
    margin-left: 0;
    margin-right: 0; }
    @media only screen and (min-width: 600px) and (max-width: 767px), only screen and (max-width: 599px) {
      .textHtmlModule .evenueDirectory .footer .button {
        margin-left: auto;
        margin-right: auto; } }

.navDropdown {
  display: none; }

/***********************************************************/
/***************************** Colours *********************/
/***********************************************************/
/* Colour */
/* Variables */
/* Button */
/* Style */
/* Article */
/* The Work */
/* Jobs */
/* Social Bar */
/* Bulletin */
/* Magazine */
/* Most Read */
/***********************************************************/
/***************************** Font ************************/
/***********************************************************/
/* Font Size */
/***********************************************************/
/********************* GROUP and GRID **********************/
/***********************************************************/
/* Variables */
/* section[role="main"] */
/* 2 Columns - Left Side */
/* 2 Columns - Right Side */
/* 1 Column */
/***********************************************************/
/***************************** Global Margin ***************/
/***********************************************************/
/* Set 01 Margin Format [Large Spacing]*/
/* Set 02 Margin Format [Small Spacing] */
/* Set 03 Margin Format [Special Spacing] */
/* Set 01 Footer Margin Format [Large Spacing] */
/***********************************************************/
/***************************** Global Elements *************/
/***********************************************************/
/* Border */
/* Shadow */
/* Column Width */
/* Media Width */
/* Module's General Margin Top */
/* Module's General Padding Top and Bottom */
/* Module's General Padding Left and Right */
/***********************************************************/
/***************************** List Article Format *********/
/***********************************************************/
/* General Format */
/* Basic Style */
/* style01 - Top Feature */
/* style02 - 1 Column at small, 2 Columns at medium-up */
/* style03 - 1 Column at small, 2 columns at medium, 3 Columns at large-up */
/* style04 - 1 Column at small, 2 columns at medium, 3 Columns at large-up, without image */
/* style05 - 1 Column at small, 2 columns at medium, 4 Columns at large-up */
/* style06 - 1 Column at small-up */
/* style02 - transform */
/* style07 - 1 Column at small-up */
/* group2 format */
/* style08 - 1 Column at small-up */
/* group2 format */
/***********************************************************/
/***************************** Module Control **************/
/***********************************************************/
/* MPU */
/* News Featured */
/* The Work */
/* Jobs */
/* Social Bar */
/* Bulletin */
/* Magazine */
/* Most Read */
/* Form */
/**************************************************/
/******************* Box Shadow *******************/
/****************** _mixins.scss ******************/
/**************************************************/
/******************** Transform *******************/
/****************** _mixins.scss ******************/
/**************************************************/
/******************* Transition *******************/
/****************** _mixins.scss ******************/
/**************************************************/
/******************** Flex Box ********************/
/****************** _mixins.scss ******************/
/**************************************************/
/********************* Feature ********************/
/****************** _mixins.scss ******************/
/******************* Transition *******************/
/****************** mixins.scss ******************/
/***********************************************************/
/***************************** Articles Page ***************/
/***********************************************************/
@media only screen {
  #articleDetail {
    margin-top: 0; } }

@media only screen and (min-width: 600px) {
  #articleDetail {
    margin-top: 25px; } }

@media only screen and (min-width: 768px) {
  #articleDetail {
    margin-top: 25px; } }

@media only screen and (min-width: 960px) {
  #articleDetail {
    margin-top: 25px; } }

@media only screen and (min-width: 1040px) {
  #articleDetail #articleFull #articleMain > header {
    margin-left: 65px; } }

#articleDetail #articleFull #articleMain > header .articleTags {
  overflow: hidden; }
  @media only screen {
    #articleDetail #articleFull #articleMain > header .articleTags {
      font-weight: 400;
      font-style: normal;
      font-size: 18px;
      font-size: 1rem;
      line-height: 21.6px;
      line-height: 1.2rem;
      text-transform: uppercase;
      color: #FFFFFF;
      background-color: #3C3C3C;
      padding: 19px 10px;
      margin-left: -10px;
      margin-right: -10px; } }
  @media only screen and (min-width: 600px) {
    #articleDetail #articleFull #articleMain > header .articleTags {
      font-weight: 300;
      font-style: normal;
      color: #1C1C1C;
      background-color: transparent;
      padding: 0;
      padding-bottom: .25em;
      margin-left: 0;
      margin-right: 0;
      border-bottom: 1px solid #E4E4E4; } }
  @media only screen and (min-width: 960px) {
    #articleDetail #articleFull #articleMain > header .articleTags {
      font-size: 12px;
      font-size: 0.66667rem;
      line-height: 14.4px;
      line-height: 0.8rem; } }
  #articleDetail #articleFull #articleMain > header .articleTags span {
    margin: 0;
    display: inline; }
    #articleDetail #articleFull #articleMain > header .articleTags span:after {
      content: ",";
      color: #FFFFFF;
      margin-left: 0;
      margin-right: .25em;
      display: inline; }
      @media only screen and (min-width: 600px) {
        #articleDetail #articleFull #articleMain > header .articleTags span:after {
          color: #1C1C1C; } }
    #articleDetail #articleFull #articleMain > header .articleTags span:last-child:after {
      display: none; }
    @media only screen {
      #articleDetail #articleFull #articleMain > header .articleTags span a {
        color: #FFFFFF; } }
    @media only screen and (min-width: 600px) {
      #articleDetail #articleFull #articleMain > header .articleTags span a {
        color: #1C1C1C; } }
    @media only screen {
      #articleDetail #articleFull #articleMain > header .articleTags span a:hover, #articleDetail #articleFull #articleMain > header .articleTags span a:focus {
        color: #FFFFFF;
        text-decoration: none; } }
    @media only screen and (min-width: 600px) {
      #articleDetail #articleFull #articleMain > header .articleTags span a:hover, #articleDetail #articleFull #articleMain > header .articleTags span a:focus {
        color: #1C1C1C;
        text-decoration: underline; } }

#articleDetail #articleFull #articleMain > header .dateAndAuthor {
  font-weight: 300;
  font-style: normal;
  overflow: hidden; }
  @media only screen {
    #articleDetail #articleFull #articleMain > header .dateAndAuthor {
      font-size: 18px;
      font-size: 1rem;
      line-height: 21.6px;
      line-height: 1.2rem;
      margin-top: 15px; } }
  @media only screen and (min-width: 960px) {
    #articleDetail #articleFull #articleMain > header .dateAndAuthor {
      font-size: 12px;
      font-size: 0.66667rem;
      line-height: 14.4px;
      line-height: 0.8rem;
      margin-top: 10px; } }
  #articleDetail #articleFull #articleMain > header .dateAndAuthor .author {
    color: #1C1C1C; }
    #articleDetail #articleFull #articleMain > header .dateAndAuthor .author:after {
      content: ", ";
      color: #1C1C1C;
      margin-left: 0;
      margin-right: .5em; }
    #articleDetail #articleFull #articleMain > header .dateAndAuthor .author:last-of-type:after {
      content: "|";
      margin-left: 1em;
      margin-right: 1em; }
    #articleDetail #articleFull #articleMain > header .dateAndAuthor .author a {
      color: #1C1C1C; }
      #articleDetail #articleFull #articleMain > header .dateAndAuthor .author a:hover, #articleDetail #articleFull #articleMain > header .dateAndAuthor .author a:focus {
        color: #1C1C1C; }
  #articleDetail #articleFull #articleMain > header .dateAndAuthor .date {
    color: #9B9B9B;
    display: inline; }

#articleDetail #articleFull #articleMain > header h1 {
  font-weight: 900;
  font-style: normal;
  color: #1C1C1C;
  margin-top: 20px; }
  @media only screen {
    #articleDetail #articleFull #articleMain > header h1 {
      font-size: 28px;
      font-size: 1.55556rem;
      line-height: 33.6px;
      line-height: 1.86667rem; } }
  @media only screen and (min-width: 960px) {
    #articleDetail #articleFull #articleMain > header h1 {
      font-size: 30px;
      font-size: 1.66667rem;
      line-height: 36px;
      line-height: 2rem; } }
  #articleDetail #articleFull #articleMain > header h1:last-child {
    margin-bottom: 30px; }

#articleDetail #articleFull #articleMain > header .summary {
  color: #1C1C1C;
  margin-top: 18px; }
  @media only screen {
    #articleDetail #articleFull #articleMain > header .summary {
      font-size: 20px;
      font-size: 1.11111rem;
      line-height: 24px;
      line-height: 1.33333rem; } }
  @media only screen and (min-width: 960px) {
    #articleDetail #articleFull #articleMain > header .summary {
      font-size: 14px;
      font-size: 0.77778rem;
      line-height: 16.8px;
      line-height: 0.93333rem; } }

#articleDetail #articleFull #articleMain #newArticleShare, #articleDetail #articleFull #articleMain #newArticleShareBody {
  text-align: center; }
  @media only screen and (max-width: 599px) {
    #articleDetail #articleFull #articleMain #newArticleShare .sharingTools, #articleDetail #articleFull #articleMain #newArticleShareBody .sharingTools {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-flex-flow: row wrap;
      flex-flow: row wrap;
      -webkit-justify-content: space-between;
      justify-content: space-between;
      -webkit-justify-content: center;
      justify-content: center;
      text-align: center;
      width: 280px;
      margin-top: -10px;
      margin-left: auto;
      margin-right: auto; } }
  @media only screen and (min-width: 450px) {
    #articleDetail #articleFull #articleMain #newArticleShare .sharingTools, #articleDetail #articleFull #articleMain #newArticleShareBody .sharingTools {
      width: auto; } }
  @media only screen and (min-width: 600px) {
    #articleDetail #articleFull #articleMain #newArticleShare .sharingTools, #articleDetail #articleFull #articleMain #newArticleShareBody .sharingTools {
      display: inline-block; } }
  #articleDetail #articleFull #articleMain #newArticleShare .sharingTools .pw-button, #articleDetail #articleFull #articleMain #newArticleShareBody .sharingTools .pw-button {
    width: 50px;
    height: 50px;
    color: #3C3C3C;
    background-color: #FFFFFF;
    display: block;
    float: left;
    border: 1px solid #3C3C3C;
    border-radius: 50px;
    box-sizing: border-box;
    padding: .775em 0;
    cursor: pointer; }
    @media only screen and (max-width: 599px) {
      #articleDetail #articleFull #articleMain #newArticleShare .sharingTools .pw-button, #articleDetail #articleFull #articleMain #newArticleShareBody .sharingTools .pw-button {
        margin: 10px 1% 0; } }
    @media only screen and (min-width: 600px) {
      #articleDetail #articleFull #articleMain #newArticleShare .sharingTools .pw-button, #articleDetail #articleFull #articleMain #newArticleShareBody .sharingTools .pw-button {
        margin-left: 15px; } }
    #articleDetail #articleFull #articleMain #newArticleShare .sharingTools .pw-button:first-child, #articleDetail #articleFull #articleMain #newArticleShareBody .sharingTools .pw-button:first-child {
      margin-left: 0; }
    #articleDetail #articleFull #articleMain #newArticleShare .sharingTools .pw-button:hover, #articleDetail #articleFull #articleMain #newArticleShare .sharingTools .pw-button:focus, #articleDetail #articleFull #articleMain #newArticleShareBody .sharingTools .pw-button:hover, #articleDetail #articleFull #articleMain #newArticleShareBody .sharingTools .pw-button:focus {
      text-decoration: none;
      color: #FFFFFF;
      background-color: #9D0114;
      border-color: #9D0114; }
    #articleDetail #articleFull #articleMain #newArticleShare .sharingTools .pw-button.mobile, #articleDetail #articleFull #articleMain #newArticleShareBody .sharingTools .pw-button.mobile {
      display: none; }
    #articleDetail #articleFull #articleMain #newArticleShare .sharingTools .pw-button > span .pw-icon, #articleDetail #articleFull #articleMain #newArticleShareBody .sharingTools .pw-button > span .pw-icon {
      font-size: 28px;
      font-size: 1.55556rem;
      line-height: 21px;
      line-height: 1.16667rem; }
    #articleDetail #articleFull #articleMain #newArticleShare .sharingTools .pw-button > span .pw-button-type-looknative__txt, #articleDetail #articleFull #articleMain #newArticleShareBody .sharingTools .pw-button > span .pw-button-type-looknative__txt {
      display: none; }
    #articleDetail #articleFull #articleMain #newArticleShare .sharingTools .pw-button .pw-button-counter, #articleDetail #articleFull #articleMain #newArticleShareBody .sharingTools .pw-button .pw-button-counter {
      display: none; }

@media only screen and (min-width: 600px) {
  #articleDetail #articleFull #articleMain #newArticleShare {
    float: left;
    margin-right: 15px; } }

@media only screen and (min-width: 600px) {
  #articleDetail #articleFull #articleMain #newArticleShare .sharingTools .pw-button {
    float: none;
    margin-left: 0;
    margin-bottom: 10px; } }

#articleDetail #articleFull #articleMain #newArticleShareBody {
  margin-top: 30px;
  margin-bottom: 30px; }
  @media only screen and (min-width: 960px) {
    #articleDetail #articleFull #articleMain #newArticleShareBody {
      margin-bottom: 0; } }

#articleDetail #articleFull #articleMain #articleWrap {
  margin-top: 20px;
  overflow: hidden; }
  #articleDetail #articleFull #articleMain #articleWrap #articleBody {
    font-weight: 300;
    font-style: normal;
    overflow: hidden; }
    #articleDetail #articleFull #articleMain #articleWrap #articleBody .hero figure {
      margin: 0; }
      #articleDetail #articleFull #articleMain #articleWrap #articleBody .hero figure figcaption {
        font-weight: 300;
        font-style: normal;
        font-size: 12px;
        font-size: 0.66667rem;
        line-height: 15px;
        line-height: 0.83333rem; }
    #articleDetail #articleFull #articleMain #articleWrap #articleBody .currentPageBody {
      margin-top: 20px; }
    #articleDetail #articleFull #articleMain #articleWrap #articleBody .currentPageBody + .currentPageBody {
      margin-top: 0; }
    #articleDetail #articleFull #articleMain #articleWrap #articleBody .sampleText {
      position: relative; }
      #articleDetail #articleFull #articleMain #articleWrap #articleBody .sampleText .gatedFade {
        background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 20%, white 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );
        position: absolute;
        bottom: 0;
        left: 0;
        height: 90%;
        width: 100%; }
      #articleDetail #articleFull #articleMain #articleWrap #articleBody .sampleText p {
        margin-bottom: 0; }
    #articleDetail #articleFull #articleMain #articleWrap #articleBody .accessMessage {
      font-weight: 400;
      font-style: normal;
      font-size: 16px;
      font-size: 0.88889rem;
      line-height: 21px;
      line-height: 1.16667rem;
      background-color: #FBE0DE;
      padding: 15px;
      margin-top: 15px;
      margin-bottom: 0;
      border: 1px solid #E4E4E4; }
      @media only screen and (min-width: 600px) {
        #articleDetail #articleFull #articleMain #articleWrap #articleBody .accessMessage {
          font-size: 18px;
          font-size: 1rem;
          line-height: 23.625px;
          line-height: 1.3125rem; } }
    #articleDetail #articleFull #articleMain #articleWrap #articleBody .source {
      font-weight: 400;
      font-style: italic;
      font-size: 16px;
      font-size: 0.88889rem;
      line-height: 26.672px;
      line-height: 1.48178rem;
      margin-top: 30px; }
      #articleDetail #articleFull #articleMain #articleWrap #articleBody .source > header {
        display: inline; }
    #articleDetail #articleFull #articleMain #articleWrap #articleBody #topicHeaderJs {
      margin-top: 30px; }
      #articleDetail #articleFull #articleMain #articleWrap #articleBody #topicHeaderJs > header {
        font-weight: 300;
        font-style: normal;
        color: #9B9B9B; }
        @media only screen {
          #articleDetail #articleFull #articleMain #articleWrap #articleBody #topicHeaderJs > header {
            font-size: 18px;
            font-size: 1rem;
            line-height: 30.006px;
            line-height: 1.667rem; } }
        @media only screen and (min-width: 768px) {
          #articleDetail #articleFull #articleMain #articleWrap #articleBody #topicHeaderJs > header {
            font-size: 12px;
            font-size: 0.66667rem;
            line-height: 20.004px;
            line-height: 1.11133rem; } }
      #articleDetail #articleFull #articleMain #articleWrap #articleBody #topicHeaderJs .tags ul {
        margin: 0; }
        #articleDetail #articleFull #articleMain #articleWrap #articleBody #topicHeaderJs .tags ul li {
          margin: 0;
          display: inline-block; }
          @media only screen {
            #articleDetail #articleFull #articleMain #articleWrap #articleBody #topicHeaderJs .tags ul li {
              font-size: 16px;
              font-size: 0.88889rem;
              line-height: 26px;
              line-height: 1.44444rem; } }
          @media only screen and (min-width: 768px) {
            #articleDetail #articleFull #articleMain #articleWrap #articleBody #topicHeaderJs .tags ul li {
              font-size: 12px;
              font-size: 0.66667rem;
              line-height: 19.5px;
              line-height: 1.08333rem; } }
          #articleDetail #articleFull #articleMain #articleWrap #articleBody #topicHeaderJs .tags ul li:first-child:before {
            display: none; }
          #articleDetail #articleFull #articleMain #articleWrap #articleBody #topicHeaderJs .tags ul li:before {
            content: "|";
            color: #9D0114;
            margin-left: .5em;
            margin-right: .5em;
            pointer-events: none; }
            @media only screen and (min-width: 768px) {
              #articleDetail #articleFull #articleMain #articleWrap #articleBody #topicHeaderJs .tags ul li:before {
                color: #3C3C3C; } }
          #articleDetail #articleFull #articleMain #articleWrap #articleBody #topicHeaderJs .tags ul li a {
            color: #9D0114;
            text-transform: uppercase; }
            @media only screen and (min-width: 768px) {
              #articleDetail #articleFull #articleMain #articleWrap #articleBody #topicHeaderJs .tags ul li a {
                color: #3C3C3C; } }
            #articleDetail #articleFull #articleMain #articleWrap #articleBody #topicHeaderJs .tags ul li a:hover, #articleDetail #articleFull #articleMain #articleWrap #articleBody #topicHeaderJs .tags ul li a:focus {
              color: #3C3C3C; }

#articleDetail #articleFull #articleMain .tags + .feedbackBlock {
  margin-top: 45px;
  margin-bottom: 45px; }

#articleDetail #articleFull #articleMain .feedbackBlock {
  text-align: center; }
  #articleDetail #articleFull #articleMain .feedbackBlock .moreLink, #articleDetail #articleFull #articleMain .feedbackBlock .subscribeModule .moduleContent .packagesWrapper > .item > .item-footer .reg-btn, .subscribeModule .moduleContent .packagesWrapper > .item > .item-footer #articleDetail #articleFull #articleMain .feedbackBlock .reg-btn, #articleDetail #articleFull #articleMain .feedbackBlock .formModule .submit, .formModule #articleDetail #articleFull #articleMain .feedbackBlock .submit, #articleDetail #articleFull #articleMain .feedbackBlock .formModule .btn a, .formModule .btn #articleDetail #articleFull #articleMain .feedbackBlock a {
    display: inline-block;
    width: 100%;
    padding-left: 2rem;
    padding-right: 2rem; }
    @media only screen and (min-width: 600px) {
      #articleDetail #articleFull #articleMain .feedbackBlock .moreLink, #articleDetail #articleFull #articleMain .feedbackBlock .subscribeModule .moduleContent .packagesWrapper > .item > .item-footer .reg-btn, .subscribeModule .moduleContent .packagesWrapper > .item > .item-footer #articleDetail #articleFull #articleMain .feedbackBlock .reg-btn, #articleDetail #articleFull #articleMain .feedbackBlock .formModule .submit, .formModule #articleDetail #articleFull #articleMain .feedbackBlock .submit, #articleDetail #articleFull #articleMain .feedbackBlock .formModule .btn a, .formModule .btn #articleDetail #articleFull #articleMain .feedbackBlock a {
        width: 60%; } }

@media only screen and (min-width: 1040px) {
  #articleDetail.jobDetail #articleFull #articleMain > header {
    margin-left: 0; } }

#articleDetail.jobDetail #articleFull #articleMain > header h1 {
  margin-top: 0; }

#articleDetail.jobDetail #articleFull #articleMain #articleWrap #jobInfo {
  background-color: #E4E4E4;
  border: 1px solid #E4E4E4;
  padding: 15px;
  box-sizing: border-box; }
  @media only screen {
    #articleDetail.jobDetail #articleFull #articleMain #articleWrap #jobInfo {
      margin-bottom: 20px; } }
  @media only screen and (min-width: 600px) {
    #articleDetail.jobDetail #articleFull #articleMain #articleWrap #jobInfo {
      width: 220px;
      float: left;
      margin-right: 15px;
      margin-bottom: 0; } }
  #articleDetail.jobDetail #articleFull #articleMain #articleWrap #jobInfo .mediaWrapper {
    padding-bottom: 0;
    box-sizing: border-box; }
    #articleDetail.jobDetail #articleFull #articleMain #articleWrap #jobInfo .mediaWrapper figure {
      margin: 0;
      margin-left: auto;
      margin-right: auto;
      max-width: 250px; }
      #articleDetail.jobDetail #articleFull #articleMain #articleWrap #jobInfo .mediaWrapper figure img {
        display: block; }
        @media only screen {
          #articleDetail.jobDetail #articleFull #articleMain #articleWrap #jobInfo .mediaWrapper figure img {
            margin-left: auto;
            margin-right: auto; } }
        @media only screen and (min-width: 600px) {
          #articleDetail.jobDetail #articleFull #articleMain #articleWrap #jobInfo .mediaWrapper figure img {
            margin-left: 0;
            margin-right: 0; } }
  #articleDetail.jobDetail #articleFull #articleMain #articleWrap #jobInfo .contentWrapper {
    margin-top: 20px;
    overflow: hidden; }
    #articleDetail.jobDetail #articleFull #articleMain #articleWrap #jobInfo .contentWrapper ul {
      margin: 0;
      list-style-type: none; }
      #articleDetail.jobDetail #articleFull #articleMain #articleWrap #jobInfo .contentWrapper ul li {
        margin: 0;
        margin-top: 20px; }
        #articleDetail.jobDetail #articleFull #articleMain #articleWrap #jobInfo .contentWrapper ul li:first-child {
          margin-top: 0; }
        #articleDetail.jobDetail #articleFull #articleMain #articleWrap #jobInfo .contentWrapper ul li .title {
          font-weight: 700;
          font-style: normal;
          font-size: 15px;
          font-size: 0.83333rem;
          line-height: 18px;
          line-height: 1rem; }
        #articleDetail.jobDetail #articleFull #articleMain #articleWrap #jobInfo .contentWrapper ul li .info {
          font-weight: 400;
          font-style: normal;
          font-size: 15px;
          font-size: 0.83333rem;
          line-height: 18px;
          line-height: 1rem; }
          #articleDetail.jobDetail #articleFull #articleMain #articleWrap #jobInfo .contentWrapper ul li .info.email {
            word-break: break-all; }
  #articleDetail.jobDetail #articleFull #articleMain #articleWrap #jobInfo footer {
    margin-top: 20px; }

#articleDetail.jobDetail #articleFull #articleMain #articleWrap #articleBody .summary {
  font-weight: 400;
  font-style: normal;
  color: #1C1C1C;
  margin-bottom: 20px;
  font-size: 20px;
  font-size: 1.11111rem;
  line-height: 26.25px;
  line-height: 1.45833rem; }

#articleDetail.jobDetail #articleFull #articleMain #articleWrap #articleBody .body {
  font-weight: 400;
  font-style: normal;
  font-size: 16px;
  font-size: 0.88889rem;
  line-height: 21px;
  line-height: 1.16667rem;
  color: #1C1C1C;
  white-space: pre-wrap; }

#articleDetail.jobDetail #articleFull #articleMain #articleWrap #articleBody footer {
  margin: 20px 0; }

#articleDetail.magazineArticle #articleFull #articleMain > header {
  background-color: transparent;
  border: none; }
  @media only screen and (min-width: 1040px) {
    #articleDetail.magazineArticle #articleFull #articleMain > header {
      margin-left: 0; } }
  #articleDetail.magazineArticle #articleFull #articleMain > header .mediaWrapper {
    max-width: 225px; }
    @media only screen {
      #articleDetail.magazineArticle #articleFull #articleMain > header .mediaWrapper {
        float: none;
        width: 50%;
        margin: 0 auto; } }
    @media only screen and (min-width: 600px) {
      #articleDetail.magazineArticle #articleFull #articleMain > header .mediaWrapper {
        float: left;
        width: 50%;
        margin: 0;
        margin-right: 25px; } }
    @media only screen and (min-width: 960px) {
      #articleDetail.magazineArticle #articleFull #articleMain > header .mediaWrapper {
        width: 35%; } }
    @media only screen and (min-width: 1040px) {
      #articleDetail.magazineArticle #articleFull #articleMain > header .mediaWrapper {
        width: 50%; } }
    #articleDetail.magazineArticle #articleFull #articleMain > header .mediaWrapper figure {
      margin: 0; }
      #articleDetail.magazineArticle #articleFull #articleMain > header .mediaWrapper figure img {
        display: block; }
  #articleDetail.magazineArticle #articleFull #articleMain > header .contentWrapper {
    padding-top: 0;
    padding-bottom: 0;
    overflow: hidden; }
    @media only screen {
      #articleDetail.magazineArticle #articleFull #articleMain > header .contentWrapper {
        margin-top: 25px;
        text-align: center; } }
    @media only screen and (min-width: 600px) {
      #articleDetail.magazineArticle #articleFull #articleMain > header .contentWrapper {
        margin-top: 0;
        text-align: left; } }
    #articleDetail.magazineArticle #articleFull #articleMain > header .contentWrapper h3 {
      font-weight: 700;
      font-style: normal;
      color: #1C1C1C; }
      @media only screen {
        #articleDetail.magazineArticle #articleFull #articleMain > header .contentWrapper h3 {
          font-size: 23px;
          font-size: 1.27778rem;
          line-height: 30.1875px;
          line-height: 1.67708rem; } }
      @media only screen and (min-width: 960px) {
        #articleDetail.magazineArticle #articleFull #articleMain > header .contentWrapper h3 {
          font-size: 30px;
          font-size: 1.66667rem;
          line-height: 39.375px;
          line-height: 2.1875rem; } }
      #articleDetail.magazineArticle #articleFull #articleMain > header .contentWrapper h3 a {
        color: #1C1C1C; }
        #articleDetail.magazineArticle #articleFull #articleMain > header .contentWrapper h3 a:hover, #articleDetail.magazineArticle #articleFull #articleMain > header .contentWrapper h3 a:focus {
          color: #1C1C1C; }
    #articleDetail.magazineArticle #articleFull #articleMain > header .contentWrapper .summary {
      margin: 0; }
      @media only screen {
        #articleDetail.magazineArticle #articleFull #articleMain > header .contentWrapper .summary {
          font-size: 14px;
          font-size: 0.77778rem;
          line-height: 18.375px;
          line-height: 1.02083rem; } }
      @media only screen and (min-width: 960px) {
        #articleDetail.magazineArticle #articleFull #articleMain > header .contentWrapper .summary {
          font-size: 16px;
          font-size: 0.88889rem;
          line-height: 21px;
          line-height: 1.16667rem; } }
    @media only screen {
      #articleDetail.magazineArticle #articleFull #articleMain > header .contentWrapper .viewLink {
        margin-top: 10px; } }
    @media only screen and (min-width: 600px) {
      #articleDetail.magazineArticle #articleFull #articleMain > header .contentWrapper .viewLink {
        margin-top: 30px; } }
    @media only screen and (min-width: 768px) {
      #articleDetail.magazineArticle #articleFull #articleMain > header .contentWrapper .viewLink {
        margin-top: 30px; } }
    @media only screen and (min-width: 768px) {
      #articleDetail.magazineArticle #articleFull #articleMain > header .contentWrapper .viewLink {
        margin-top: 30px; } }
    #articleDetail.magazineArticle #articleFull #articleMain > header .contentWrapper .viewLink .moreLink, #articleDetail.magazineArticle #articleFull #articleMain > header .contentWrapper .viewLink .subscribeModule .moduleContent .packagesWrapper > .item > .item-footer .reg-btn, .subscribeModule .moduleContent .packagesWrapper > .item > .item-footer #articleDetail.magazineArticle #articleFull #articleMain > header .contentWrapper .viewLink .reg-btn, #articleDetail.magazineArticle #articleFull #articleMain > header .contentWrapper .viewLink .formModule .submit, .formModule #articleDetail.magazineArticle #articleFull #articleMain > header .contentWrapper .viewLink .submit, #articleDetail.magazineArticle #articleFull #articleMain > header .contentWrapper .viewLink .formModule .btn a, .formModule .btn #articleDetail.magazineArticle #articleFull #articleMain > header .contentWrapper .viewLink a {
      width: 200px;
      max-width: 200px; }
      #articleDetail.magazineArticle #articleFull #articleMain > header .contentWrapper .viewLink .moreLink:first-child, #articleDetail.magazineArticle #articleFull #articleMain > header .contentWrapper .viewLink .subscribeModule .moduleContent .packagesWrapper > .item > .item-footer .reg-btn:first-child, .subscribeModule .moduleContent .packagesWrapper > .item > .item-footer #articleDetail.magazineArticle #articleFull #articleMain > header .contentWrapper .viewLink .reg-btn:first-child, #articleDetail.magazineArticle #articleFull #articleMain > header .contentWrapper .viewLink .formModule .submit:first-child, .formModule #articleDetail.magazineArticle #articleFull #articleMain > header .contentWrapper .viewLink .submit:first-child, #articleDetail.magazineArticle #articleFull #articleMain > header .contentWrapper .viewLink .formModule .btn a:first-child, .formModule .btn #articleDetail.magazineArticle #articleFull #articleMain > header .contentWrapper .viewLink a:first-child {
        margin-top: 0; }
      @media only screen {
        #articleDetail.magazineArticle #articleFull #articleMain > header .contentWrapper .viewLink .moreLink, #articleDetail.magazineArticle #articleFull #articleMain > header .contentWrapper .viewLink .subscribeModule .moduleContent .packagesWrapper > .item > .item-footer .reg-btn, .subscribeModule .moduleContent .packagesWrapper > .item > .item-footer #articleDetail.magazineArticle #articleFull #articleMain > header .contentWrapper .viewLink .reg-btn, #articleDetail.magazineArticle #articleFull #articleMain > header .contentWrapper .viewLink .formModule .submit, .formModule #articleDetail.magazineArticle #articleFull #articleMain > header .contentWrapper .viewLink .submit, #articleDetail.magazineArticle #articleFull #articleMain > header .contentWrapper .viewLink .formModule .btn a, .formModule .btn #articleDetail.magazineArticle #articleFull #articleMain > header .contentWrapper .viewLink a {
          margin-top: 5px; } }
      @media only screen and (min-width: 600px) {
        #articleDetail.magazineArticle #articleFull #articleMain > header .contentWrapper .viewLink .moreLink, #articleDetail.magazineArticle #articleFull #articleMain > header .contentWrapper .viewLink .subscribeModule .moduleContent .packagesWrapper > .item > .item-footer .reg-btn, .subscribeModule .moduleContent .packagesWrapper > .item > .item-footer #articleDetail.magazineArticle #articleFull #articleMain > header .contentWrapper .viewLink .reg-btn, #articleDetail.magazineArticle #articleFull #articleMain > header .contentWrapper .viewLink .formModule .submit, .formModule #articleDetail.magazineArticle #articleFull #articleMain > header .contentWrapper .viewLink .submit, #articleDetail.magazineArticle #articleFull #articleMain > header .contentWrapper .viewLink .formModule .btn a, .formModule .btn #articleDetail.magazineArticle #articleFull #articleMain > header .contentWrapper .viewLink a {
          margin-left: 0;
          margin-top: 15px; } }
    @media only screen {
      #articleDetail.magazineArticle #articleFull #articleMain > header .contentWrapper .btn {
        margin-top: 15px; } }
    @media only screen and (min-width: 600px) {
      #articleDetail.magazineArticle #articleFull #articleMain > header .contentWrapper .btn {
        margin-top: 25px; } }
    #articleDetail.magazineArticle #articleFull #articleMain > header .contentWrapper .btn .moreLink, #articleDetail.magazineArticle #articleFull #articleMain > header .contentWrapper .btn .subscribeModule .moduleContent .packagesWrapper > .item > .item-footer .reg-btn, .subscribeModule .moduleContent .packagesWrapper > .item > .item-footer #articleDetail.magazineArticle #articleFull #articleMain > header .contentWrapper .btn .reg-btn, #articleDetail.magazineArticle #articleFull #articleMain > header .contentWrapper .btn .formModule .submit, .formModule #articleDetail.magazineArticle #articleFull #articleMain > header .contentWrapper .btn .submit, #articleDetail.magazineArticle #articleFull #articleMain > header .contentWrapper .formModule .btn a, .formModule #articleDetail.magazineArticle #articleFull #articleMain > header .contentWrapper .btn a {
      color: #F9F9F9;
      background-color: #3C3C3C;
      width: 200px; }
      @media only screen and (min-width: 600px) {
        #articleDetail.magazineArticle #articleFull #articleMain > header .contentWrapper .btn .moreLink, #articleDetail.magazineArticle #articleFull #articleMain > header .contentWrapper .btn .subscribeModule .moduleContent .packagesWrapper > .item > .item-footer .reg-btn, .subscribeModule .moduleContent .packagesWrapper > .item > .item-footer #articleDetail.magazineArticle #articleFull #articleMain > header .contentWrapper .btn .reg-btn, #articleDetail.magazineArticle #articleFull #articleMain > header .contentWrapper .btn .formModule .submit, .formModule #articleDetail.magazineArticle #articleFull #articleMain > header .contentWrapper .btn .submit, #articleDetail.magazineArticle #articleFull #articleMain > header .contentWrapper .formModule .btn a, .formModule #articleDetail.magazineArticle #articleFull #articleMain > header .contentWrapper .btn a {
          margin-left: 0; } }
      #articleDetail.magazineArticle #articleFull #articleMain > header .contentWrapper .btn .moreLink:hover, #articleDetail.magazineArticle #articleFull #articleMain > header .contentWrapper .btn .subscribeModule .moduleContent .packagesWrapper > .item > .item-footer .reg-btn:hover, .subscribeModule .moduleContent .packagesWrapper > .item > .item-footer #articleDetail.magazineArticle #articleFull #articleMain > header .contentWrapper .btn .reg-btn:hover, #articleDetail.magazineArticle #articleFull #articleMain > header .contentWrapper .btn .formModule .submit:hover, .formModule #articleDetail.magazineArticle #articleFull #articleMain > header .contentWrapper .btn .submit:hover, #articleDetail.magazineArticle #articleFull #articleMain > header .contentWrapper .formModule .btn a:hover, .formModule #articleDetail.magazineArticle #articleFull #articleMain > header .contentWrapper .btn a:hover, #articleDetail.magazineArticle #articleFull #articleMain > header .contentWrapper .btn .moreLink:focus, #articleDetail.magazineArticle #articleFull #articleMain > header .contentWrapper .btn .subscribeModule .moduleContent .packagesWrapper > .item > .item-footer .reg-btn:focus, .subscribeModule .moduleContent .packagesWrapper > .item > .item-footer #articleDetail.magazineArticle #articleFull #articleMain > header .contentWrapper .btn .reg-btn:focus, #articleDetail.magazineArticle #articleFull #articleMain > header .contentWrapper .btn .formModule .submit:focus, .formModule #articleDetail.magazineArticle #articleFull #articleMain > header .contentWrapper .btn .submit:focus, #articleDetail.magazineArticle #articleFull #articleMain > header .contentWrapper .formModule .btn a:focus, .formModule #articleDetail.magazineArticle #articleFull #articleMain > header .contentWrapper .btn a:focus {
        color: #F9F9F9;
        background-color: #1C1C1C; }

#articleDetail.magazineArticle #articleFull #articleMain #articleWrap {
  clear: both; }
  #articleDetail.magazineArticle #articleFull #articleMain #articleWrap #articleBody {
    font-weight: 400;
    font-style: normal;
    font-size: 14px;
    font-size: 0.77778rem;
    line-height: 18.375px;
    line-height: 1.02083rem; }
    #articleDetail.magazineArticle #articleFull #articleMain #articleWrap #articleBody p:first-child {
      margin-top: 0; }

#articleDetail.videoPage #articleWrap #articleBody .hero figure iframe {
  width: 100%; }
  @media only screen {
    #articleDetail.videoPage #articleWrap #articleBody .hero figure iframe {
      min-height: 360px; } }
  @media only screen and (min-width: 1040px) {
    #articleDetail.videoPage #articleWrap #articleBody .hero figure iframe {
      min-height: 422px; } }

#articleDetail.eventPage #articleFull #articleMain > header .logo figure, #articleDetail.eventPage #articleFull #articleMain > header .logo-mobile figure {
  margin-top: 0;
  margin-bottom: 0;
  display: block; }
  #articleDetail.eventPage #articleFull #articleMain > header .logo figure img, #articleDetail.eventPage #articleFull #articleMain > header .logo-mobile figure img {
    display: block;
    margin-left: auto;
    margin-right: auto; }

#articleDetail.eventPage #articleFull #articleMain > header .logo {
  background-color: #FFFFFF;
  float: right;
  margin-left: 15px;
  margin-bottom: 15px; }
  @media only screen {
    #articleDetail.eventPage #articleFull #articleMain > header .logo {
      display: none; } }
  @media only screen and (min-width: 600px) {
    #articleDetail.eventPage #articleFull #articleMain > header .logo {
      display: block; } }

#articleDetail.eventPage #articleFull #articleMain > header .logo-mobile {
  margin-top: 15px; }
  @media only screen and (min-width: 600px) {
    #articleDetail.eventPage #articleFull #articleMain > header .logo-mobile {
      display: none; } }

#articleDetail.eventPage #articleFull #articleMain > header .articleTags {
  overflow: hidden; }

#articleDetail.eventPage #articleFull #articleMain #articleWrap .eventInfo {
  margin-bottom: 30px; }
  #articleDetail.eventPage #articleFull #articleMain #articleWrap .eventInfo ul {
    margin: 0; }
    #articleDetail.eventPage #articleFull #articleMain #articleWrap .eventInfo ul li {
      font-size: 18px;
      font-size: 1rem;
      line-height: 21.6px;
      line-height: 1.2rem;
      margin-left: 0;
      margin-top: 5px;
      list-style: none;
      display: block; }
      #articleDetail.eventPage #articleFull #articleMain #articleWrap .eventInfo ul li:first-child {
        margin-top: 0; }
      #articleDetail.eventPage #articleFull #articleMain #articleWrap .eventInfo ul li:last-child :last-child {
        word-wrap: break-word; }
      #articleDetail.eventPage #articleFull #articleMain #articleWrap .eventInfo ul li > :first-child {
        font-weight: 700;
        font-style: normal;
        float: left;
        width: 80px; }
      #articleDetail.eventPage #articleFull #articleMain #articleWrap .eventInfo ul li > :last-child {
        overflow: hidden; }

.desktop .pw-button.mobile {
  display: none !important; }

.desktop .pw-button.desktop {
  display: block !important; }

.mobile .pw-button.mobile {
  display: block !important; }

.mobile .pw-button.desktop {
  display: none !important; }

/***********************************************************/
/***************************** Social Share Popup **********/
/***********************************************************/
.articleShare-popup {
  background-color: #FFFFFF;
  margin: 0 auto;
  width: 100%;
  max-width: 480px;
  padding: 0 20px;
  position: relative;
  box-sizing: border-box;
  -webkit-box-shadow: 0 5px 20px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 5px 20px rgba(0, 0, 0, 0.5);
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.5); }
  .articleShare-popup > header {
    font-size: 24px;
    font-size: 1.33333rem;
    line-height: 31.5px;
    line-height: 1.75rem;
    text-align: center;
    padding-top: 50px;
    padding-bottom: 35px;
    margin: 0; }
  .articleShare-popup > .moduleContent > * {
    height: auto;
    display: block;
    margin: 0 auto; }
  .articleShare-popup > footer {
    font-size: 16px;
    font-size: 0.88889rem;
    line-height: 21px;
    line-height: 1.16667rem;
    text-align: center;
    padding-top: 30px;
    padding-bottom: 30px;
    margin: 0; }

/***********************************************************/
/***************************** CMS Body ********************/
/***********************************************************/
.currentPageBody {
  font-size: 16px;
  font-size: 0.88889rem;
  line-height: 21px;
  line-height: 1.16667rem; }
  .currentPageBody * {
    font-weight: 400 !important;
    font-style: normal !important; }
  .currentPageBody strong, .currentPageBody b {
    font-weight: 700 !important;
    font-style: normal !important; }
  .currentPageBody em, .currentPageBody i {
    font-weight: 400 !important;
    font-style: italic !important; }
  .currentPageBody iframe {
    width: 100%; }
  .currentPageBody img {
    max-width: 100%;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    display: block; }
  .currentPageBody .ArticleImage {
    line-height: 17px;
    line-height: 0.94444rem;
    text-align: center; }
    .currentPageBody .ArticleImage img {
      display: inline;
      max-width: 100%; }
    .currentPageBody .ArticleImage .ArticleImageCaption {
      font-weight: 300;
      font-style: normal;
      font-size: 12px;
      font-size: 0.66667rem;
      color: #898989; }
  .currentPageBody .ArticleScroll {
    display: block;
    max-width: 100%;
    overflow-x: auto;
    margin: 10px 0 30px 0; }
    .currentPageBody .ArticleScroll > :first-child {
      margin-top: 0; }
    .currentPageBody .ArticleScroll > :last-child {
      margin-bottom: 0; }

/***********************************************************/
/***************************** Colours *********************/
/***********************************************************/
/* Colour */
/* Variables */
/* Button */
/* Style */
/* Article */
/* The Work */
/* Jobs */
/* Social Bar */
/* Bulletin */
/* Magazine */
/* Most Read */
/***********************************************************/
/***************************** Font ************************/
/***********************************************************/
/* Font Size */
/***********************************************************/
/********************* GROUP and GRID **********************/
/***********************************************************/
/* Variables */
/* section[role="main"] */
/* 2 Columns - Left Side */
/* 2 Columns - Right Side */
/* 1 Column */
/***********************************************************/
/***************************** Global Margin ***************/
/***********************************************************/
/* Set 01 Margin Format [Large Spacing]*/
/* Set 02 Margin Format [Small Spacing] */
/* Set 03 Margin Format [Special Spacing] */
/* Set 01 Footer Margin Format [Large Spacing] */
/***********************************************************/
/***************************** Global Elements *************/
/***********************************************************/
/* Border */
/* Shadow */
/* Column Width */
/* Media Width */
/* Module's General Margin Top */
/* Module's General Padding Top and Bottom */
/* Module's General Padding Left and Right */
/***********************************************************/
/***************************** List Article Format *********/
/***********************************************************/
/* General Format */
/* Basic Style */
/* style01 - Top Feature */
/* style02 - 1 Column at small, 2 Columns at medium-up */
/* style03 - 1 Column at small, 2 columns at medium, 3 Columns at large-up */
/* style04 - 1 Column at small, 2 columns at medium, 3 Columns at large-up, without image */
/* style05 - 1 Column at small, 2 columns at medium, 4 Columns at large-up */
/* style06 - 1 Column at small-up */
/* style02 - transform */
/* style07 - 1 Column at small-up */
/* group2 format */
/* style08 - 1 Column at small-up */
/* group2 format */
/***********************************************************/
/***************************** Module Control **************/
/***********************************************************/
/* MPU */
/* News Featured */
/* The Work */
/* Jobs */
/* Social Bar */
/* Bulletin */
/* Magazine */
/* Most Read */
/* Form */
/**************************************************/
/******************* Box Shadow *******************/
/****************** _mixins.scss ******************/
/**************************************************/
/******************** Transform *******************/
/****************** _mixins.scss ******************/
/**************************************************/
/******************* Transition *******************/
/****************** _mixins.scss ******************/
/**************************************************/
/******************** Flex Box ********************/
/****************** _mixins.scss ******************/
/**************************************************/
/********************* Feature ********************/
/****************** _mixins.scss ******************/
/******************* Transition *******************/
/****************** mixins.scss ******************/
.searchForm {
  font-weight: 400;
  font-style: normal; }
  .searchForm .searchFields {
    position: relative; }
  .searchForm input {
    border: 0;
    margin: 0;
    padding: 0; }
  .searchForm input[type="text"] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #e6e6e6;
    padding: 5px 105px 5px 15px;
    width: 100%;
    font-size: 18px;
    font-size: 1rem;
    line-height: 27px;
    line-height: 1.5rem; }
  .searchForm input[type="text"]::-webkit-input-placeholder {
    color: #888; }
  .searchForm input[type="text"]:-moz-placeholder {
    color: #888; }
  .searchForm input[type="text"]::-moz-placeholder {
    color: #888; }
  .searchForm input[type="text"]:-ms-input-placeholder {
    color: #888; }
  .searchForm .searchSubmit {
    background-color: #fff;
    border: 1px solid #000;
    border-radius: 0;
    color: #000;
    cursor: pointer;
    display: block;
    font-weight: 400;
    font-style: normal;
    margin: 0 auto;
    max-width: 200px;
    padding: .5em .7em;
    text-align: center;
    text-decoration: none;
    transition: color .2s, background-color .2s;
    -webkit-appearance: none;
    font-size: 14.4px;
    font-size: 0.8rem;
    bottom: 0;
    display: inline;
    margin: 0;
    padding: .5em 1.2em;
    position: absolute;
    right: 0;
    top: 0; }
  .searchForm .searchSubmit:hover {
    background-color: #000;
    color: #fff;
    text-decoration: none; }

.searchFieldWrap {
  border: 1px solid #e6e6e6;
  margin: 30px 0;
  overflow: hidden;
  padding: 35px;
  text-align: center; }
  .searchFieldWrap .headlinesOnly, .searchFieldWrap .lblHeadlinesOnly {
    display: inline;
    vertical-align: -60%; }
  .searchFieldWrap .headlinesOnly {
    border: 5px solid #000;
    margin: 0 5px 0 0;
    height: 15px;
    width: 15px; }
  .searchFieldWrap .lblHeadlinesOnly {
    color: #4f4f4f;
    vertical-align: -50%; }

.searchFormBtm {
  margin: 10px 0 50px; }

#searchWrap {
  clear: both; }
  #searchWrap:before, #searchWrap #searchWrap:after {
    content: "";
    display: table; }
  #searchWrap:after {
    clear: both; }
  #searchWrap h1 {
    font-weight: 900;
    font-style: normal;
    color: #3C3C3C; }

#moreButton {
  clear: both;
  background-color: #fff;
  border: 1px solid #000;
  border-radius: 0;
  color: #000;
  cursor: pointer;
  display: block;
  font-weight: 400;
  font-style: normal;
  margin: 0 auto;
  max-width: 200px;
  padding: .5em 1.2em;
  text-align: center;
  text-decoration: none;
  transition: color .2s,background-color .2s;
  -webkit-appearance: none; }
  #moreButton:hover {
    background-color: #000;
    color: #fff;
    text-decoration: none; }

.filtersBox {
  border-color: #e6e6e6;
  margin: 30px 0;
  overflow: hidden; }
  .filtersBox h3 {
    font-weight: 900;
    font-style: normal;
    margin: 0; }
  .filtersBox .filters h4 {
    border-bottom: 1px solid #e6e6e6;
    cursor: pointer;
    font-weight: 700;
    font-style: normal;
    margin: 20px 0;
    padding-bottom: 10px;
    position: relative; }
  .filtersBox .filters.hidden:after {
    background-position: 0 -9px; }
  .filtersBox .filters ul {
    list-style: none;
    margin: 0; }
  .filtersBox .filters li {
    margin: 0; }
  .filtersBox .filters .filterMore {
    background-color: #fff;
    border: 1px solid #000;
    border-radius: 0;
    color: #000;
    cursor: pointer;
    display: block;
    font-weight: 400;
    font-style: normal;
    font-size: 15.3px;
    font-size: 0.85rem;
    line-height: 22.95px;
    line-height: 1.275rem;
    margin: 0 auto;
    max-width: 200px;
    padding: .5em .7em;
    text-align: center;
    text-decoration: none;
    transition: color .2s,background-color .2s;
    -webkit-appearance: none;
    cursor: pointer;
    display: inline-block;
    margin-top: 10px;
    padding-bottom: 0;
    padding-top: 0; }
  .filtersBox .filters .filterMore:hover {
    background-color: #000;
    color: #fff;
    text-decoration: none; }
  .filtersBox .filters .FilterLink {
    font-size: 14px;
    font-size: 0.77778rem; }
    .filtersBox .filters .FilterLink a {
      font-size: 14px;
      font-size: 0.77778rem;
      margin-bottom: 5px; }

.globalFilters ul {
  max-height: 500px;
  overflow: auto; }

#bestBets {
  margin-bottom: 20px; }

#bestBets .bestBetsItem {
  margin-top: 20px; }

#bestBets .bestBetsItem a {
  color: #fc0802; }

.tagSearchResults h1 {
  margin-bottom: 20px; }

.tagSearchResults .dateAndTags {
  margin-top: 15px;
  font-weight: 400;
  font-style: italic; }

.tagSearchResults .dateAndTags .byline {
  color: #fff !important;
  display: inline; }

.tagSearchResults .articleModule {
  margin-top: 20px; }

.tagSearchResults .icoVideo, .tagSearchResults .icoGallery, .tagSearchResults .icoAudio {
  position: relative; }

.tagSearchResults .icoVideo a:before, .tagSearchResults .icoGallery a:before, .tagSearchResults .icoAudio a:before {
  position: absolute;
  font-family: 'FontAwesome';
  background: #000;
  padding: 5px 25px 5px 30px;
  border-radius: 10px;
  top: 20px;
  left: 20px;
  color: #fc0802;
  font-size: 35px;
  font-size: 1.94444rem; }

.altLayout .workPage .byline {
  margin-top: 0; }

.altLayout .workPage .byline span {
  color: #000; }

.articleModule .workPage p {
  color: #8e8e8e; }

.tagSearchResults .workPage .dateAndTags {
  margin-top: 10px;
  margin-bottom: 10px; }

@media only screen and (min-width: 600px) {
  #searchWrap .searchTools a {
    display: inline;
    margin: 0; }
  #searchWrap #filterLink {
    display: none; }
  .searchFields {
    margin: 0 auto;
    position: relative; }
  .searchOptions {
    clear: both; }
  .searchFieldWrap .headlinesOnly {
    margin: 0 10px 0 20px; }
  #searchResultsWrap {
    float: left;
    position: relative;
    margin-right: 3.125%;
    width: 68.085106383%; } }

@media only screen and (min-width: 768px) {
  .searchFields {
    width: 700px; } }

/***********************************************************/
/***************************** Colours *********************/
/***********************************************************/
/* Colour */
/* Variables */
/* Button */
/* Style */
/* Article */
/* The Work */
/* Jobs */
/* Social Bar */
/* Bulletin */
/* Magazine */
/* Most Read */
/***********************************************************/
/***************************** Font ************************/
/***********************************************************/
/* Font Size */
/***********************************************************/
/********************* GROUP and GRID **********************/
/***********************************************************/
/* Variables */
/* section[role="main"] */
/* 2 Columns - Left Side */
/* 2 Columns - Right Side */
/* 1 Column */
/***********************************************************/
/***************************** Global Margin ***************/
/***********************************************************/
/* Set 01 Margin Format [Large Spacing]*/
/* Set 02 Margin Format [Small Spacing] */
/* Set 03 Margin Format [Special Spacing] */
/* Set 01 Footer Margin Format [Large Spacing] */
/***********************************************************/
/***************************** Global Elements *************/
/***********************************************************/
/* Border */
/* Shadow */
/* Column Width */
/* Media Width */
/* Module's General Margin Top */
/* Module's General Padding Top and Bottom */
/* Module's General Padding Left and Right */
/***********************************************************/
/***************************** List Article Format *********/
/***********************************************************/
/* General Format */
/* Basic Style */
/* style01 - Top Feature */
/* style02 - 1 Column at small, 2 Columns at medium-up */
/* style03 - 1 Column at small, 2 columns at medium, 3 Columns at large-up */
/* style04 - 1 Column at small, 2 columns at medium, 3 Columns at large-up, without image */
/* style05 - 1 Column at small, 2 columns at medium, 4 Columns at large-up */
/* style06 - 1 Column at small-up */
/* style02 - transform */
/* style07 - 1 Column at small-up */
/* group2 format */
/* style08 - 1 Column at small-up */
/* group2 format */
/***********************************************************/
/***************************** Module Control **************/
/***********************************************************/
/* MPU */
/* News Featured */
/* The Work */
/* Jobs */
/* Social Bar */
/* Bulletin */
/* Magazine */
/* Most Read */
/* Form */
/**************************************************/
/******************* Box Shadow *******************/
/****************** _mixins.scss ******************/
/**************************************************/
/******************** Transform *******************/
/****************** _mixins.scss ******************/
/**************************************************/
/******************* Transition *******************/
/****************** _mixins.scss ******************/
/**************************************************/
/******************** Flex Box ********************/
/****************** _mixins.scss ******************/
/**************************************************/
/********************* Feature ********************/
/****************** _mixins.scss ******************/
/******************* Transition *******************/
/****************** mixins.scss ******************/
.flex-container a:active, .flexslider a:active {
  outline: none; }

.flex-container {
  zoom: 1;
  position: relative; }

.flex-direction-nav .flex-disabled {
  opacity: 0 !important;
  filter: alpha(opacity=0);
  cursor: default;
  z-index: -1; }

.flexslider {
  width: 100%;
  margin: 0;
  padding: 0;
  position: relative;
  zoom: 1;
  border: none; }
  .flexslider .slides {
    zoom: 1; }
    .flexslider .slides > li {
      display: none;
      position: relative;
      margin-left: 0; }
    .flexslider .slides img {
      max-width: 100%;
      max-height: 200px;
      display: block;
      margin: 0 auto; }
      @media only screen and (min-width: 321px) {
        .flexslider .slides img {
          max-height: none; } }
    .flexslider .slides .flex-caption {
      width: 96%;
      margin: 0;
      padding: 2%;
      position: absolute;
      left: 0;
      bottom: 0;
      background: rgba(0, 0, 0, 0.6);
      color: #fff;
      text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
      font-size: 1em;
      line-height: 1.2em;
      zoom: 1; }
      @media only screen and (min-width: 321px) {
        .flexslider .slides .flex-caption {
          font-size: .9em; } }
  .flexslider .flex-direction-nav li a {
    font-size: .9em; }
  .flexslider .pagination {
    display: none;
    margin: 0;
    padding: .5em;
    position: absolute;
    right: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.6);
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
    font-size: .85em;
    line-height: 1.2em; }

.flex-pauseplay span {
  text-transform: capitalize;
  font-size: 1.2em;
  color: #fff;
  padding: 2%;
  display: block; }
  .flex-pauseplay span:hover {
    cursor: pointer; }

.slides, .flex-control-nav, .flex-direction-nav {
  margin: 0;
  padding: 0;
  list-style: none; }

.slides:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0; }

html[xmlns] .slides {
  display: block; }

* html .slides {
  height: 1%; }

.no-js .slides > li:first-child {
  display: block; }

.flex-direction-nav li a {
  background: rgba(0, 0, 0, 0.6);
  position: absolute;
  outline: none;
  color: #fff; }

.flex-direction-nav li .flex-next, .flex-direction-nav li .next {
  right: 0; }

.flex-direction-nav li .flex-prev, .flex-direction-nav li .prev {
  left: -0; }

.flex-direction-nav li .disabled {
  opacity: .3;
  filter: alpha(opacity=30);
  cursor: default; }

/* Tailor made format for .singleGallery */
#articleGallery {
  padding: 15px;
  background-color: #1C1C1C; }
  @media only screen and (min-width: 600px) {
    #articleGallery {
      padding: 30px; } }

#gallerySlider .flex-caption {
  font-size: 16px;
  font-size: 0.88889rem;
  line-height: 21px;
  line-height: 1.16667rem;
  width: 96%;
  margin: 0;
  padding: 10px;
  left: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.6);
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
  zoom: 1;
  overflow: hidden;
  -webkit-transition: max-height 1s ease;
  -moz-transition: max-height 1s ease;
  -ms-transition: max-height 1s ease;
  -o-transition: max-height 1s ease;
  transition: max-height 1s ease; }
  @media only screen {
    #gallerySlider .flex-caption {
      position: static;
      margin-top: 10px; } }
  @media only screen and (min-width: 768px) {
    #gallerySlider .flex-caption {
      position: absolute;
      margin-top: 0;
      max-height: 15px; } }
  @media only screen and (min-width: 768px) {
    #gallerySlider .flex-caption.active {
      max-height: 100%; } }

#gallerySlider .slick-slide {
  position: relative;
  height: 100%; }
  #gallerySlider .slick-slide img {
    margin: 0 auto; }

#galleryThumbnails {
  position: relative;
  padding-left: 30px;
  padding-right: 30px; }
  #galleryThumbnails .slick-slide {
    position: relative;
    height: auto; }
    #galleryThumbnails .slick-slide figure {
      margin: 5px; }
    #galleryThumbnails .slick-slide img {
      margin: 0 auto; }

.slick-prev, .slick-next {
  width: 30px;
  height: 100%;
  overflow: hidden; }
  .slick-prev:before, .slick-next:before {
    font-family: 'FontAwesome';
    font-size: 48px;
    font-size: 2.66667rem;
    background-color: transparent;
    color: #FFFFFF;
    line-height: 1;
    display: block;
    width: 30px;
    text-align: center; }
    @media only screen and (min-width: 600px) {
      .slick-prev:before, .slick-next:before {
        font-size: 60px;
        font-size: 3.33333rem; } }
  .slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus {
    color: #9D0114;
    text-decoration: none; }

.slick-prev {
  left: 0; }
  .slick-prev:before {
    content: "\f104"; }

.slick-next {
  right: 0; }
  .slick-next:before {
    content: "\f105"; }

@media only screen and (min-width: 600px) {
  #primaryNav {
    position: relative;
    z-index: 1000; } }

#primaryNav > ul > li > .subMenu {
  background-color: #E4E4E4;
  visibility: hidden;
  width: 250px;
  max-height: 0;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 3;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); }
  #primaryNav > ul > li > .subMenu > .subMenu-wrapper {
    min-height: 350px; }

@media only screen and (min-width: 600px) {
  #primaryNav > ul > li:hover > .subMenu {
    visibility: visible;
    max-height: 600px; } }

#primaryNav > ul > li.premium > .subNav a {
  outline: none; }
  #primaryNav > ul > li.premium > .subNav a::after {
    color: white; }

#primaryNav > ul > li.premium > .subNav .subNavLink {
  padding-right: 20px; }

#primaryNav > ul > li.premium > .subNav > ul {
  background-color: #E4E4E4; }
  #primaryNav > ul > li.premium > .subNav > ul > li {
    border-color: #9B9B9B;
    margin-left: 20px;
    margin-right: 20px; }
    #primaryNav > ul > li.premium > .subNav > ul > li:first-child {
      border-top: none; }
    #primaryNav > ul > li.premium > .subNav > ul > li > a {
      color: #1C1C1C; }

.subMenu-wrapper > .columns {
  width: 100%; }
  .subMenu-wrapper > .columns .defaultSubNav {
    background-color: #FFFFFF; }
  .subMenu-wrapper > .columns > a {
    display: block;
    padding: 8px 20px !important;
    position: relative;
    z-index: 100;
    font-size: 15px;
    color: #1C1C1C; }
  .subMenu-wrapper > .columns .subMenu-panel {
    display: none;
    background-color: #FFFFFF;
    width: 80%;
    height: 100%;
    padding: 10px 30px;
    position: absolute;
    left: 20%;
    top: 0;
    z-index: 0;
    box-sizing: border-box;
    overflow: hidden;
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); }
    @media only screen and (min-width: 600px) and (max-width: 767px) {
      .subMenu-wrapper > .columns .subMenu-panel {
        width: 70%;
        left: 30%; } }
    .subMenu-wrapper > .columns .subMenu-panel > header {
      font-size: 16px;
      font-weight: bold;
      text-transform: uppercase;
      color: #1C1C1C;
      padding-top: 5px;
      padding-bottom: 5px;
      border-bottom: 1px solid #E4E4E4; }
    .subMenu-wrapper > .columns .subMenu-panel > section {
      margin: -10px;
      padding-top: 20px;
      box-sizing: border-box; }
      .subMenu-wrapper > .columns .subMenu-panel > section:after {
        content: "";
        display: block;
        clear: both; }
      .subMenu-wrapper > .columns .subMenu-panel > section > .columns {
        padding: 10px;
        box-sizing: border-box; }
        @media only screen and (min-width: 960px) {
          .subMenu-wrapper > .columns .subMenu-panel > section > .columns {
            float: left;
            width: 50%; } }
        @media only screen and (min-width: 960px) {
          .subMenu-wrapper > .columns .subMenu-panel > section > .columns:nth-child(2n+1) {
            clear: both; } }
        @media only screen and (min-width: 960px) {
          .subMenu-wrapper > .columns .subMenu-panel > section > .columns:nth-child(2n+1):last-child {
            width: 100%;
            padding-right: 30px; }
            .subMenu-wrapper > .columns .subMenu-panel > section > .columns:nth-child(2n+1):last-child article figure {
              width: 20%; } }
        @media only screen and (min-width: 768px) and (max-width: 959px), only screen and (min-width: 600px) and (max-width: 767px) {
          .subMenu-wrapper > .columns .subMenu-panel > section > .columns:nth-child(3), .subMenu-wrapper > .columns .subMenu-panel > section > .columns:nth-child(4) {
            display: none; } }
      .subMenu-wrapper > .columns .subMenu-panel > section > .loader {
        position: absolute;
        text-align: center;
        font-size: 50px;
        line-height: 50px;
        width: 50px;
        height: 50px;
        color: #ddd;
        top: 50%;
        bottom: auto;
        left: 50%;
        right: auto;
        -moz-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%); }
  .subMenu-wrapper > .columns:first-child .subMenu-panel {
    display: block; }

.subMenu-wrapper article:after {
  content: "";
  display: block;
  clear: both; }

.subMenu-wrapper article figure {
  float: left;
  max-width: 170px;
  width: 40%;
  margin: 0; }
  .subMenu-wrapper article figure a {
    padding: 0 !important; }

.subMenu-wrapper article section {
  overflow: hidden;
  padding-left: 10px; }

.subMenu-wrapper article .author {
  float: left;
  font-size: 12px;
  font-style: italic;
  color: #1C1C1C; }
  .subMenu-wrapper article .author span::after {
    content: ", "; }
  .subMenu-wrapper article .author span:last-child::after {
    content: none; }
  .subMenu-wrapper article .author a {
    padding: 0 !important;
    color: #1C1C1C;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease; }
    .subMenu-wrapper article .author a:hover {
      text-decoration: underline !important;
      /*color: $darkRed;*/ }
  .subMenu-wrapper article .author + .time::before {
    content: "|";
    margin-left: .5em;
    margin-right: .5em; }

.subMenu-wrapper article .time {
  float: left;
  font-size: 12px;
  color: #1C1C1C; }

.subMenu-wrapper article .header,
.subMenu-wrapper article .header a {
  clear: both;
  font-size: 16px;
  line-height: 1.2;
  color: #1C1C1C;
  padding: 0 !important; }
  @media only screen and (min-width: 1240px) {
    .subMenu-wrapper article .header,
    .subMenu-wrapper article .header a {
      font-size: 18px; } }
  .subMenu-wrapper article .header:not(:first-child),
  .subMenu-wrapper article .header a:not(:first-child) {
    padding-top: .5em !important; }
  .subMenu-wrapper article .header:hover,
  .subMenu-wrapper article .header a:hover {
    text-decoration: none;
    color: #4f4f4f; }

.subMenu-wrapper article .summary {
  font-size: 14px;
  color: #1C1C1C; }

.subMenu-wrapper article.magazine figure {
  max-width: 170px !important;
  width: 170px !important; }
  @media only screen and (min-width: 600px) and (max-width: 767px) {
    .subMenu-wrapper article.magazine figure {
      max-width: 150px !important;
      width: 150px !important; } }

.subMenu-wrapper article.magazine .header,
.subMenu-wrapper article.magazine .header a {
  font-size: 22px; }

.subMenu-wrapper article.magazine .summary {
  font-size: 16px;
  margin-top: 0.5em; }

.subMenu-wrapper article.magazine .footer {
  margin-top: 1em; }
  .subMenu-wrapper article.magazine .footer .button {
    margin-top: .5em;
    margin-left: 0;
    margin-right: 0; }

.subMenu-wrapper .evenueDirectory:after {
  content: "";
  display: block;
  clear: both; }

.subMenu-wrapper .evenueDirectory .navDropdown {
  display: block !important; }

.subMenu-wrapper .evenueDirectory .figure {
  float: left;
  max-width: 170px;
  width: 170px;
  margin: 0;
  border: 1px solid #E4E4E4;
  box-sizing: border-box; }
  @media only screen and (min-width: 600px) and (max-width: 767px) {
    .subMenu-wrapper .evenueDirectory .figure {
      max-width: 150px !important;
      width: 150px !important; } }
  .subMenu-wrapper .evenueDirectory .figure a {
    padding: 0 !important; }
  .subMenu-wrapper .evenueDirectory .figure img {
    width: 100%; }

.subMenu-wrapper .evenueDirectory .section {
  overflow: hidden;
  padding-left: 10px; }

.subMenu-wrapper .evenueDirectory .header,
.subMenu-wrapper .evenueDirectory .header a {
  clear: both;
  font-size: 22px;
  color: #1C1C1C;
  padding: 0 !important; }
  .subMenu-wrapper .evenueDirectory .header:not(:first-child),
  .subMenu-wrapper .evenueDirectory .header a:not(:first-child) {
    padding-top: .25em !important; }
  .subMenu-wrapper .evenueDirectory .header:hover,
  .subMenu-wrapper .evenueDirectory .header a:hover {
    text-decoration: none;
    color: #4f4f4f; }

.subMenu-wrapper .evenueDirectory .summary {
  display: none;
  font-size: 16px;
  color: #1C1C1C;
  margin-top: .5em; }
  .subMenu-wrapper .evenueDirectory .summary > :first-child {
    margin-top: 0; }
  .subMenu-wrapper .evenueDirectory .summary > :last-child {
    margin-bottom: 0; }

.subMenu-wrapper .evenueDirectory .footer {
  margin-top: 1em; }
  .subMenu-wrapper .evenueDirectory .footer .button {
    margin-top: .5em;
    margin-left: 0;
    margin-right: 0; }

#nav-cei .subMenu-wrapper > .columns .subMenu-panel > header:before {
  content: url(../png/logo_web.png);
  margin-left: 15px;
  margin-bottom: 15px;
  position: absolute;
  right: -10px;
  top: 5px;
  background: white;
  transform: scale(0.7);
  padding: 0 15px; }

.navOverlay {
  background-color: rgba(0, 0, 0, 0.4);
  visibility: hidden;
  opacity: 0;
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 100;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease; }

/***********************************************************/
/*********************** Premium Home **********************/
/***********************************************************/
main#premium {
  display: block;
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
  background-color: white; }
  @media only screen and (min-width: 768px) {
    main#premium {
      padding-top: 20px; } }
  main#premium .mobile-only {
    display: block; }
    @media only screen and (min-width: 960px) {
      main#premium .mobile-only {
        display: none; } }
  main#premium .desktop-only {
    display: none; }
    @media only screen and (min-width: 960px) {
      main#premium .desktop-only {
        display: block; } }
  main#premium .adSlot-layer {
    text-align: center; }
  main#premium .adSlot-position {
    width: auto;
    height: 250px;
    margin: 20px;
    box-sizing: border-box; }
  main#premium .coverStory-module .bigStory-section article {
    position: relative; }
  main#premium .coverStory-module .bigStory-section figure {
    position: relative;
    overflow: hidden;
    margin: 0; }
    @media only screen and (min-width: 768px) {
      main#premium .coverStory-module .bigStory-section figure {
        height: 320px; } }
    main#premium .coverStory-module .bigStory-section figure a {
      display: block; }
    @media only screen and (min-width: 768px) {
      main#premium .coverStory-module .bigStory-section figure img {
        position: absolute;
        top: 0;
        max-width: none;
        width: 1280px;
        left: 50%;
        right: auto;
        -moz-transform: translate(-50%, 0);
        -o-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
        -webkit-transform: translate(-50%, 0);
        transform: translate(-50%, 0); } }
    main#premium .coverStory-module .bigStory-section figure .wide {
      display: none; }
      @media only screen and (min-width: 768px) {
        main#premium .coverStory-module .bigStory-section figure .wide {
          display: block; } }
    main#premium .coverStory-module .bigStory-section figure .stardand {
      display: block; }
      @media only screen and (min-width: 768px) {
        main#premium .coverStory-module .bigStory-section figure .stardand {
          display: none; } }
  main#premium .coverStory-module .bigStory-section section {
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    padding: 10px 15px;
    box-sizing: border-box;
    pointer-events: none;
    background-color: rgba(0, 0, 0, 0.8); }
    @media only screen and (min-width: 600px) {
      main#premium .coverStory-module .bigStory-section section {
        padding-top: 15px;
        padding-bottom: 15px; } }
    @media only screen and (min-width: 768px) {
      main#premium .coverStory-module .bigStory-section section {
        width: 45%;
        left: auto;
        right: 0;
        background-color: transparent;
        text-align: center;
        top: 50%;
        bottom: auto;
        -moz-transform: translate(0, -50%);
        -o-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        -webkit-transform: translate(0, -50%);
        transform: translate(0, -50%); } }
    @media only screen and (min-width: 768px) {
      main#premium .coverStory-module .bigStory-section section > div {
        display: inline-block;
        text-align: left; } }
    @media only screen and (min-width: 768px) {
      main#premium .coverStory-module .bigStory-section section > div.black .author {
        color: black; } }
    @media only screen and (min-width: 768px) {
      main#premium .coverStory-module .bigStory-section section > div.black .header,
      main#premium .coverStory-module .bigStory-section section > div.black .header a {
        color: black; } }
    @media only screen and (min-width: 768px) {
      main#premium .coverStory-module .bigStory-section section > div.text-shadow .author {
        text-shadow: 0 1px 5px rgba(0, 0, 0, 0.8); } }
    @media only screen and (min-width: 768px) {
      main#premium .coverStory-module .bigStory-section section > div.text-shadow .header {
        text-shadow: 0 1px 5px rgba(0, 0, 0, 0.5); } }
  main#premium .coverStory-module .bigStory-section .author {
    font-size: 13px;
    font-style: italic;
    color: white;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease; }
    @media only screen and (min-width: 768px) {
      main#premium .coverStory-module .bigStory-section .author {
        font-size: 15px; } }
    @media only screen and (min-width: 960px) {
      main#premium .coverStory-module .bigStory-section .author {
        font-size: 18px; } }
    main#premium .coverStory-module .bigStory-section .author span::after {
      content: ", "; }
    main#premium .coverStory-module .bigStory-section .author span:last-child::after {
      content: none; }
    main#premium .coverStory-module .bigStory-section .author a {
      pointer-events: visible;
      color: white;
      -moz-transition: all 0.5s ease;
      -o-transition: all 0.5s ease;
      -webkit-transition: all 0.5s ease;
      transition: all 0.5s ease; }
      main#premium .coverStory-module .bigStory-section .author a:hover {
        text-decoration: none;
        color: #C5001D; }
  main#premium .coverStory-module .bigStory-section .header,
  main#premium .coverStory-module .bigStory-section .header a {
    font-size: 20px;
    font-weight: bold;
    color: white;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease; }
    @media only screen and (min-width: 768px) {
      main#premium .coverStory-module .bigStory-section .header,
      main#premium .coverStory-module .bigStory-section .header a {
        font-size: 28px; } }
    @media only screen and (min-width: 960px) {
      main#premium .coverStory-module .bigStory-section .header,
      main#premium .coverStory-module .bigStory-section .header a {
        font-size: 36px; } }
    main#premium .coverStory-module .bigStory-section .header:hover,
    main#premium .coverStory-module .bigStory-section .header a:hover {
      text-decoration: none; }
  main#premium .coverStory-module .smallStory-section {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    padding-left: 10px;
    padding-right: 10px;
    background-color: #777; }
    @media only screen and (min-width: 960px) {
      main#premium .coverStory-module .smallStory-section {
        padding: 10px 0; } }
    main#premium .coverStory-module .smallStory-section article {
      width: 100%;
      padding-top: 10px;
      padding-bottom: 10px;
      box-sizing: border-box;
      font-size: 16px;
      text-align: center;
      color: white;
      border-top: solid 1px #9B9B9B;
      -moz-transition: all 0.5s ease;
      -o-transition: all 0.5s ease;
      -webkit-transition: all 0.5s ease;
      transition: all 0.5s ease; }
      main#premium .coverStory-module .smallStory-section article:first-child {
        border-top: none; }
      @media only screen and (min-width: 960px) {
        main#premium .coverStory-module .smallStory-section article {
          padding: 5px 20px;
          border-top: none;
          border-left: solid 1px #9B9B9B; }
          main#premium .coverStory-module .smallStory-section article:first-child {
            border-left: none; } }
      @media only screen and (min-width: 960px) {
        main#premium .coverStory-module .smallStory-section article:first-child:nth-last-child(3), main#premium .coverStory-module .smallStory-section article:nth-child(2):nth-last-child(2), main#premium .coverStory-module .smallStory-section article:nth-child(3):last-child {
          width: 33.33334%; } }
      @media only screen and (min-width: 960px) {
        main#premium .coverStory-module .smallStory-section article:first-child:nth-last-child(2), main#premium .coverStory-module .smallStory-section article:nth-child(2):last-child {
          width: 50%; } }
      @media only screen and (min-width: 960px) {
        main#premium .coverStory-module .smallStory-section article:first-child:last-child {
          width: 100%; } }
      main#premium .coverStory-module .smallStory-section article a {
        color: white;
        -moz-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        -webkit-transition: all 0.5s ease;
        transition: all 0.5s ease; }
        main#premium .coverStory-module .smallStory-section article a:hover {
          text-decoration: none;
          color: #cccccc; }
  main#premium .container-module::after {
    content: "";
    display: table;
    clear: both; }
  @media only screen and (min-width: 1040px) {
    main#premium .featured-module {
      float: right;
      width: 82.8125%; } }
  main#premium .featured-module::after {
    content: "";
    display: table;
    clear: both; }
  main#premium .featured-module > header {
    padding: 15px 10px;
    text-align: center; }
    main#premium .featured-module > header h2 {
      font-size: 26px;
      font-weight: 300;
      text-transform: uppercase; }
  main#premium .featured-module > section {
    box-sizing: border-box; }
    @media only screen and (min-width: 768px) {
      main#premium .featured-module > section {
        float: left;
        margin-top: -10px;
        margin-bottom: -10px; } }
    main#premium .featured-module > section .columns {
      padding: 1px 0;
      text-align: center; }
      @media only screen and (min-width: 768px) {
        main#premium .featured-module > section .columns {
          padding: 10px; } }
      @media only screen and (max-width: 599px), only screen and (min-width: 600px) and (max-width: 767px) {
        main#premium .featured-module > section .columns.second-mpu {
          padding-top: 20px;
          padding-bottom: 20px; } }
  @media only screen and (min-width: 768px) {
    main#premium .featured-module .left-section {
      width: 60%; } }
  @media only screen and (max-width: 599px), only screen and (min-width: 600px) and (max-width: 767px) {
    main#premium .featured-module .right-section {
      margin-top: 2px; } }
  @media only screen and (min-width: 768px) {
    main#premium .featured-module .right-section {
      width: 40%; } }
  main#premium .featured-module .right-section .adSlot-position {
    margin-top: 10px;
    margin-bottom: 10px; }
  main#premium .featured-module article {
    position: relative;
    text-align: left;
    border: 1px solid #E4E4E4;
    border-width: 1px 0; }
    @media only screen and (min-width: 768px) {
      main#premium .featured-module article {
        border-width: 1px; } }
    main#premium .featured-module article:hover section {
      background-color: rgba(0, 0, 0, 0.7); }
    main#premium .featured-module article .tag {
      max-width: 80%;
      max-height: 27px;
      padding: 5px;
      position: absolute;
      top: 0;
      left: 0;
      overflow: hidden;
      box-sizing: border-box;
      font-size: 13px;
      font-weight: 600;
      text-overflow: ellipsis;
      text-transform: uppercase;
      white-space: nowrap;
      color: #FFFFFF;
      background-color: #C5001D;
      -moz-transition: all 0.5s ease;
      -o-transition: all 0.5s ease;
      -webkit-transition: all 0.5s ease;
      transition: all 0.5s ease; }
      main#premium .featured-module article .tag:hover {
        max-height: none;
        white-space: normal;
        color: rgba(255, 255, 255, 0.5);
        background-color: #9D0114; }
        main#premium .featured-module article .tag:hover a {
          color: rgba(255, 255, 255, 0.5); }
      main#premium .featured-module article .tag span::after {
        content: ", "; }
      main#premium .featured-module article .tag span:last-child::after {
        content: none; }
      main#premium .featured-module article .tag a {
        text-decoration: none;
        color: #FFFFFF;
        -moz-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        -webkit-transition: all 0.5s ease;
        transition: all 0.5s ease; }
        main#premium .featured-module article .tag a:hover {
          color: #FFFFFF; }
    main#premium .featured-module article figure {
      overflow: hidden;
      margin: 0; }
      main#premium .featured-module article figure a, main#premium .featured-module article figure img {
        display: block; }
      main#premium .featured-module article figure img {
        width: 100%; }
    main#premium .featured-module article section {
      width: 100%;
      position: absolute;
      left: 0;
      bottom: 0;
      padding: 5px 15px;
      box-sizing: border-box;
      pointer-events: none;
      text-shadow: 0 1px 5px rgba(0, 0, 0, 0.8);
      background-color: rgba(0, 0, 0, 0.5);
      -moz-transition: all 0.5s ease;
      -o-transition: all 0.5s ease;
      -webkit-transition: all 0.5s ease;
      transition: all 0.5s ease; }
      @media only screen and (min-width: 768px) {
        main#premium .featured-module article section {
          padding-top: 10px;
          padding-bottom: 10px; } }
      main#premium .featured-module article section::after {
        content: "";
        display: table;
        clear: both; }
    main#premium .featured-module article .author {
      float: left;
      font-size: 12px;
      font-style: italic;
      color: white; }
      main#premium .featured-module article .author span::after {
        content: ", "; }
      main#premium .featured-module article .author span:last-child::after {
        content: none; }
      main#premium .featured-module article .author a {
        pointer-events: visible;
        color: white;
        -moz-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        -webkit-transition: all 0.5s ease;
        transition: all 0.5s ease; }
        main#premium .featured-module article .author a:hover {
          text-decoration: none;
          color: #C5001D; }
      main#premium .featured-module article .author + .time::before {
        content: "|";
        margin-left: .5em;
        margin-right: .5em; }
    main#premium .featured-module article .time {
      float: left;
      font-size: 12px;
      color: white; }
    main#premium .featured-module article .header,
    main#premium .featured-module article .header a {
      clear: both;
      font-size: 18px;
      font-weight: bold;
      color: white;
      -moz-transition: all 0.5s ease;
      -o-transition: all 0.5s ease;
      -webkit-transition: all 0.5s ease;
      transition: all 0.5s ease; }
      @media only screen and (min-width: 600px) {
        main#premium .featured-module article .header,
        main#premium .featured-module article .header a {
          font-size: 24px; } }
      main#premium .featured-module article .header:hover,
      main#premium .featured-module article .header a:hover {
        text-decoration: none; }
  @media only screen and (min-width: 768px) {
    main#premium .featured-module .right-section article .author,
    main#premium .featured-module .right-section article .time {
      display: none; } }
  main#premium .featured-module .right-section article .header,
  main#premium .featured-module .right-section article .header a {
    font-size: 18px; }
    @media only screen and (min-width: 600px) {
      main#premium .featured-module .right-section article .header,
      main#premium .featured-module .right-section article .header a {
        font-size: 18px; } }
  main#premium .justIn-module {
    overflow: hidden; }
    main#premium .justIn-module > header {
      padding: 15px 10px;
      text-align: center; }
      main#premium .justIn-module > header h2 {
        font-size: 26px;
        font-weight: 300;
        text-transform: uppercase; }
    main#premium .justIn-module > section {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-flex-flow: row wrap;
      flex-flow: row wrap;
      -webkit-justify-content: space-between;
      justify-content: space-between;
      padding-bottom: 20px;
      box-sizing: border-box; }
      main#premium .justIn-module > section::after {
        content: "";
        display: table;
        clear: both; }
      main#premium .justIn-module > section .columns {
        width: 100%;
        padding-left: 10px;
        padding-right: 10px;
        box-sizing: border-box; }
        @media only screen and (min-width: 600px) {
          main#premium .justIn-module > section .columns {
            float: left;
            width: 50%; } }
        @media only screen and (min-width: 960px) {
          main#premium .justIn-module > section .columns {
            width: 33.33334%; } }
        @media only screen and (min-width: 1040px) {
          main#premium .justIn-module > section .columns {
            width: 100%; } }
        main#premium .justIn-module > section .columns:last-child article {
          border-bottom: none; }
        @media only screen and (min-width: 600px) {
          main#premium .justIn-module > section .columns:nth-child(2n+1):nth-last-child(2) article {
            border-bottom: none; } }
        @media only screen and (min-width: 960px) {
          main#premium .justIn-module > section .columns:nth-child(2n+1):nth-last-child(2) article {
            border-bottom: 1px solid #E4E4E4; } }
        @media only screen and (min-width: 960px) {
          main#premium .justIn-module > section .columns:nth-child(3n+2):nth-last-child(2) article, main#premium .justIn-module > section .columns:nth-child(3n+1):nth-last-child(3) article, main#premium .justIn-module > section .columns:nth-child(3n+1):nth-last-child(2) article {
            border-bottom: none; } }
        @media only screen and (min-width: 1040px) {
          main#premium .justIn-module > section .columns:nth-child(3n+2):nth-last-child(2) article, main#premium .justIn-module > section .columns:nth-child(3n+1):nth-last-child(3) article, main#premium .justIn-module > section .columns:nth-child(3n+1):nth-last-child(2) article {
            border-bottom: 1px solid #E4E4E4; } }
    main#premium .justIn-module article {
      height: 100%;
      position: relative;
      border-bottom: 1px solid #E4E4E4; }
      main#premium .justIn-module article section {
        width: 100%;
        padding: 15px 10px;
        box-sizing: border-box; }
      main#premium .justIn-module article .tag {
        float: left;
        font-size: 12px;
        text-transform: uppercase;
        color: #1C1C1C; }
        main#premium .justIn-module article .tag span::after {
          content: ", "; }
        main#premium .justIn-module article .tag span:last-child::after {
          content: none; }
        main#premium .justIn-module article .tag a {
          color: #C5001D;
          -moz-transition: all 0.5s ease;
          -o-transition: all 0.5s ease;
          -webkit-transition: all 0.5s ease;
          transition: all 0.5s ease; }
          main#premium .justIn-module article .tag a:hover {
            color: #9D0114; }
        main#premium .justIn-module article .tag + .time::before {
          content: "|";
          margin-left: .5em;
          margin-right: .5em; }
      main#premium .justIn-module article .time {
        float: left;
        font-size: 12px;
        color: #1C1C1C; }
        @media only screen and (min-width: 1040px) {
          main#premium .justIn-module article .time {
            clear: both; }
            main#premium .justIn-module article .time::before {
              display: none; } }
        @media only screen and (min-width: 1240px) {
          main#premium .justIn-module article .time {
            clear: none; }
            main#premium .justIn-module article .time::before {
              display: inline-block; } }
      main#premium .justIn-module article .header,
      main#premium .justIn-module article .header a {
        clear: both;
        font-size: 18px;
        color: #1C1C1C; }
        main#premium .justIn-module article .header:not(:first-child),
        main#premium .justIn-module article .header a:not(:first-child) {
          padding-top: .25em; }
        main#premium .justIn-module article .header:hover,
        main#premium .justIn-module article .header a:hover {
          text-decoration: none;
          color: #4f4f4f; }
  main#premium .previousFeatured-module {
    background-color: #777; }
    @media only screen and (min-width: 768px) {
      main#premium .previousFeatured-module {
        margin-top: 20px; } }
    main#premium .previousFeatured-module::after {
      content: "";
      display: table;
      clear: both; }
    main#premium .previousFeatured-module > header {
      padding: 15px 10px;
      text-align: center; }
      main#premium .previousFeatured-module > header h2 {
        font-size: 26px;
        font-weight: 300;
        text-transform: uppercase;
        color: white; }
    main#premium .previousFeatured-module > section {
      box-sizing: border-box;
      padding-bottom: 20px; }
      @media only screen and (min-width: 768px) {
        main#premium .previousFeatured-module > section {
          padding-left: 10px;
          padding-right: 10px; } }
      main#premium .previousFeatured-module > section::after {
        content: "";
        display: table;
        clear: both;
        flex: auto;
        width: 100px; }
      main#premium .previousFeatured-module > section .columns {
        padding: 10px;
        box-sizing: border-box; }
        @media only screen and (min-width: 600px) {
          main#premium .previousFeatured-module > section .columns {
            float: left;
            width: 50%; } }
        @media only screen and (min-width: 960px) {
          main#premium .previousFeatured-module > section .columns {
            width: 25%; } }
    main#premium .previousFeatured-module article {
      position: relative; }
      main#premium .previousFeatured-module article .tag {
        max-width: 80%;
        max-height: 27px;
        padding: 5px;
        position: absolute;
        top: 0;
        left: 0;
        overflow: hidden;
        box-sizing: border-box;
        font-size: 13px;
        font-weight: 600;
        text-overflow: ellipsis;
        text-transform: uppercase;
        white-space: nowrap;
        color: #FFFFFF;
        background-color: #C5001D;
        -moz-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        -webkit-transition: all 0.5s ease;
        transition: all 0.5s ease; }
        main#premium .previousFeatured-module article .tag:hover {
          max-height: none;
          white-space: normal;
          color: rgba(255, 255, 255, 0.5);
          background-color: #9D0114; }
          main#premium .previousFeatured-module article .tag:hover a {
            color: rgba(255, 255, 255, 0.5); }
        main#premium .previousFeatured-module article .tag span::after {
          content: ", "; }
        main#premium .previousFeatured-module article .tag span:last-child::after {
          content: none; }
        main#premium .previousFeatured-module article .tag a {
          text-decoration: none;
          color: #FFFFFF;
          -moz-transition: all 0.5s ease;
          -o-transition: all 0.5s ease;
          -webkit-transition: all 0.5s ease;
          transition: all 0.5s ease; }
          main#premium .previousFeatured-module article .tag a:hover {
            color: #FFFFFF; }
      main#premium .previousFeatured-module article figure {
        overflow: hidden;
        margin: 0; }
        main#premium .previousFeatured-module article figure a, main#premium .previousFeatured-module article figure img {
          display: block; }
        main#premium .previousFeatured-module article figure img {
          width: 100%; }
      main#premium .previousFeatured-module article section {
        padding-top: 5px;
        box-sizing: border-box;
        -moz-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        -webkit-transition: all 0.5s ease;
        transition: all 0.5s ease; }
        main#premium .previousFeatured-module article section::after {
          content: "";
          display: table;
          clear: both; }
      main#premium .previousFeatured-module article .header,
      main#premium .previousFeatured-module article .header a {
        clear: both;
        font-size: 18px;
        color: white;
        -moz-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        -webkit-transition: all 0.5s ease;
        transition: all 0.5s ease; }
        main#premium .previousFeatured-module article .header:hover,
        main#premium .previousFeatured-module article .header a:hover {
          text-decoration: none; }

#container.half-mpu main#premium .adSlot-position {
  height: 600px; }

/***********************************************************/
/************************* CEI Home ************************/
/***********************************************************/
main#cei {
  display: block;
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
  background-color: white; }
  @media only screen and (min-width: 768px) {
    main#cei {
      padding-top: 20px; } }
  main#cei .mobile-only {
    display: block; }
    @media only screen and (min-width: 960px) {
      main#cei .mobile-only {
        display: none; } }
  main#cei .desktop-only {
    display: none; }
    @media only screen and (min-width: 960px) {
      main#cei .desktop-only {
        display: block; } }
  main#cei .adSlot-layer {
    text-align: center; }
  main#cei .adSlot-position {
    width: auto;
    height: 250px;
    margin: 20px;
    box-sizing: border-box; }
  main#cei .coverStory-module .bigStory-section article {
    position: relative; }
  main#cei .coverStory-module .bigStory-section figure {
    position: relative;
    overflow: hidden;
    margin: 0; }
    main#cei .coverStory-module .bigStory-section figure img {
      display: block;
      margin: 0 auto; }
    main#cei .coverStory-module .bigStory-section figure .mobile {
      display: block; }
      @media only screen and (min-width: 768px) {
        main#cei .coverStory-module .bigStory-section figure .mobile {
          display: none; } }
    main#cei .coverStory-module .bigStory-section figure .tablet {
      display: none; }
      @media only screen and (min-width: 768px) {
        main#cei .coverStory-module .bigStory-section figure .tablet {
          display: block; } }
      @media only screen and (min-width: 960px) {
        main#cei .coverStory-module .bigStory-section figure .tablet {
          display: none; } }
    main#cei .coverStory-module .bigStory-section figure .desktop {
      display: none; }
      @media only screen and (min-width: 960px) {
        main#cei .coverStory-module .bigStory-section figure .desktop {
          display: block; } }
  main#cei .coverStory-module .bigStory-section .author {
    font-size: 13px;
    font-style: italic;
    color: white;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease; }
    @media only screen and (min-width: 768px) {
      main#cei .coverStory-module .bigStory-section .author {
        font-size: 15px; } }
    @media only screen and (min-width: 960px) {
      main#cei .coverStory-module .bigStory-section .author {
        font-size: 18px; } }
    main#cei .coverStory-module .bigStory-section .author span::after {
      content: ", "; }
    main#cei .coverStory-module .bigStory-section .author span:last-child::after {
      content: none; }
    main#cei .coverStory-module .bigStory-section .author a {
      pointer-events: visible;
      color: white;
      -moz-transition: all 0.5s ease;
      -o-transition: all 0.5s ease;
      -webkit-transition: all 0.5s ease;
      transition: all 0.5s ease; }
      main#cei .coverStory-module .bigStory-section .author a:hover {
        text-decoration: none;
        color: #C5001D; }
  main#cei .coverStory-module .bigStory-section .header,
  main#cei .coverStory-module .bigStory-section .header a {
    font-size: 20px;
    font-weight: bold;
    color: white;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease; }
    @media only screen and (min-width: 768px) {
      main#cei .coverStory-module .bigStory-section .header,
      main#cei .coverStory-module .bigStory-section .header a {
        font-size: 28px; } }
    @media only screen and (min-width: 960px) {
      main#cei .coverStory-module .bigStory-section .header,
      main#cei .coverStory-module .bigStory-section .header a {
        font-size: 36px; } }
    main#cei .coverStory-module .bigStory-section .header:hover,
    main#cei .coverStory-module .bigStory-section .header a:hover {
      text-decoration: none; }
  main#cei .container-module::after {
    content: "";
    display: table;
    clear: both; }
  @media only screen and (min-width: 1040px) {
    main#cei .featured-module {
      float: right;
      width: 82.8125%; } }
  main#cei .featured-module::after {
    content: "";
    display: table;
    clear: both; }
  main#cei .featured-module > header {
    padding: 15px 10px;
    text-align: center; }
    main#cei .featured-module > header h2 {
      font-size: 26px;
      font-weight: 300;
      text-transform: uppercase; }
  main#cei .featured-module > section {
    box-sizing: border-box; }
    @media only screen and (min-width: 768px) {
      main#cei .featured-module > section {
        float: left;
        margin-top: -10px;
        margin-bottom: -10px; } }
    main#cei .featured-module > section .columns {
      padding: 1px 0;
      text-align: center; }
      @media only screen and (min-width: 768px) {
        main#cei .featured-module > section .columns {
          padding: 10px; } }
      @media only screen and (max-width: 599px), only screen and (min-width: 600px) and (max-width: 767px) {
        main#cei .featured-module > section .columns.second-mpu {
          padding-top: 20px;
          padding-bottom: 20px; } }
  @media only screen and (min-width: 768px) {
    main#cei .featured-module .left-section {
      width: 60%; } }
  @media only screen and (max-width: 599px), only screen and (min-width: 600px) and (max-width: 767px) {
    main#cei .featured-module .right-section {
      margin-top: 2px; } }
  @media only screen and (min-width: 768px) {
    main#cei .featured-module .right-section {
      width: 40%; } }
  main#cei .featured-module .right-section .adSlot-position {
    margin-top: 10px;
    margin-bottom: 10px; }
  main#cei .featured-module article {
    position: relative;
    text-align: left;
    border: 1px solid #E4E4E4;
    border-width: 1px 0; }
    @media only screen and (min-width: 768px) {
      main#cei .featured-module article {
        border-width: 1px; } }
    main#cei .featured-module article:hover section {
      background-color: rgba(0, 0, 0, 0.7); }
    main#cei .featured-module article .tag {
      max-width: 80%;
      max-height: 27px;
      padding: 5px;
      position: absolute;
      top: 0;
      left: 0;
      overflow: hidden;
      box-sizing: border-box;
      font-size: 13px;
      font-weight: 600;
      text-overflow: ellipsis;
      text-transform: uppercase;
      white-space: nowrap;
      color: #FFFFFF;
      background-color: #C5001D;
      -moz-transition: all 0.5s ease;
      -o-transition: all 0.5s ease;
      -webkit-transition: all 0.5s ease;
      transition: all 0.5s ease; }
      main#cei .featured-module article .tag:hover {
        max-height: none;
        white-space: normal;
        color: rgba(255, 255, 255, 0.5);
        background-color: #9D0114; }
        main#cei .featured-module article .tag:hover a {
          color: rgba(255, 255, 255, 0.5); }
      main#cei .featured-module article .tag span::after {
        content: ", "; }
      main#cei .featured-module article .tag span:last-child::after {
        content: none; }
      main#cei .featured-module article .tag a {
        text-decoration: none;
        color: #FFFFFF;
        -moz-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        -webkit-transition: all 0.5s ease;
        transition: all 0.5s ease; }
        main#cei .featured-module article .tag a:hover {
          color: #FFFFFF; }
    main#cei .featured-module article figure {
      overflow: hidden;
      margin: 0; }
      main#cei .featured-module article figure a, main#cei .featured-module article figure img {
        display: block; }
      main#cei .featured-module article figure img {
        width: 100%; }
    main#cei .featured-module article section {
      width: 100%;
      position: absolute;
      left: 0;
      bottom: 0;
      padding: 5px 15px;
      box-sizing: border-box;
      pointer-events: none;
      text-shadow: 0 1px 5px rgba(0, 0, 0, 0.8);
      background-color: rgba(0, 0, 0, 0.5);
      -moz-transition: all 0.5s ease;
      -o-transition: all 0.5s ease;
      -webkit-transition: all 0.5s ease;
      transition: all 0.5s ease; }
      @media only screen and (min-width: 768px) {
        main#cei .featured-module article section {
          padding-top: 10px;
          padding-bottom: 10px; } }
      main#cei .featured-module article section::after {
        content: "";
        display: table;
        clear: both; }
    main#cei .featured-module article .author {
      float: left;
      font-size: 12px;
      font-style: italic;
      color: white; }
      main#cei .featured-module article .author span::after {
        content: ", "; }
      main#cei .featured-module article .author span:last-child::after {
        content: none; }
      main#cei .featured-module article .author a {
        pointer-events: visible;
        color: white;
        -moz-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        -webkit-transition: all 0.5s ease;
        transition: all 0.5s ease; }
        main#cei .featured-module article .author a:hover {
          text-decoration: none;
          color: #C5001D; }
      main#cei .featured-module article .author + .time::before {
        content: "|";
        margin-left: .5em;
        margin-right: .5em; }
    main#cei .featured-module article .time {
      float: left;
      font-size: 12px;
      color: white; }
    main#cei .featured-module article .header,
    main#cei .featured-module article .header a {
      clear: both;
      font-size: 18px;
      font-weight: bold;
      color: white;
      -moz-transition: all 0.5s ease;
      -o-transition: all 0.5s ease;
      -webkit-transition: all 0.5s ease;
      transition: all 0.5s ease; }
      @media only screen and (min-width: 600px) {
        main#cei .featured-module article .header,
        main#cei .featured-module article .header a {
          font-size: 24px; } }
      main#cei .featured-module article .header:hover,
      main#cei .featured-module article .header a:hover {
        text-decoration: none; }
  @media only screen and (min-width: 768px) {
    main#cei .featured-module .right-section article .author,
    main#cei .featured-module .right-section article .time {
      display: none; } }
  main#cei .featured-module .right-section article .header,
  main#cei .featured-module .right-section article .header a {
    font-size: 18px; }
    @media only screen and (min-width: 600px) {
      main#cei .featured-module .right-section article .header,
      main#cei .featured-module .right-section article .header a {
        font-size: 18px; } }
  main#cei .justIn-module {
    overflow: hidden; }
    main#cei .justIn-module > header {
      padding: 15px 10px;
      text-align: center; }
      main#cei .justIn-module > header h2 {
        font-size: 26px;
        font-weight: 300;
        text-transform: uppercase; }
    main#cei .justIn-module > section {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-flex-flow: row wrap;
      flex-flow: row wrap;
      -webkit-justify-content: space-between;
      justify-content: space-between;
      padding-bottom: 20px;
      box-sizing: border-box; }
      main#cei .justIn-module > section::after {
        content: "";
        display: table;
        clear: both; }
      main#cei .justIn-module > section .columns {
        width: 100%;
        padding-left: 10px;
        padding-right: 10px;
        box-sizing: border-box; }
        @media only screen and (min-width: 600px) {
          main#cei .justIn-module > section .columns {
            float: left;
            width: 50%; } }
        @media only screen and (min-width: 960px) {
          main#cei .justIn-module > section .columns {
            width: 33.33334%; } }
        @media only screen and (min-width: 1040px) {
          main#cei .justIn-module > section .columns {
            width: 100%; } }
        main#cei .justIn-module > section .columns:last-child article {
          border-bottom: none; }
        @media only screen and (min-width: 600px) {
          main#cei .justIn-module > section .columns:nth-child(2n+1):nth-last-child(2) article {
            border-bottom: none; } }
        @media only screen and (min-width: 960px) {
          main#cei .justIn-module > section .columns:nth-child(2n+1):nth-last-child(2) article {
            border-bottom: 1px solid #E4E4E4; } }
        @media only screen and (min-width: 960px) {
          main#cei .justIn-module > section .columns:nth-child(3n+2):nth-last-child(2) article, main#cei .justIn-module > section .columns:nth-child(3n+1):nth-last-child(3) article, main#cei .justIn-module > section .columns:nth-child(3n+1):nth-last-child(2) article {
            border-bottom: none; } }
        @media only screen and (min-width: 1040px) {
          main#cei .justIn-module > section .columns:nth-child(3n+2):nth-last-child(2) article, main#cei .justIn-module > section .columns:nth-child(3n+1):nth-last-child(3) article, main#cei .justIn-module > section .columns:nth-child(3n+1):nth-last-child(2) article {
            border-bottom: 1px solid #E4E4E4; } }
    main#cei .justIn-module article {
      height: 100%;
      position: relative;
      border-bottom: 1px solid #E4E4E4; }
      main#cei .justIn-module article section {
        width: 100%;
        padding: 15px 10px;
        box-sizing: border-box; }
      main#cei .justIn-module article .tag {
        float: left;
        font-size: 12px;
        text-transform: uppercase;
        color: #1C1C1C; }
        main#cei .justIn-module article .tag span::after {
          content: ", "; }
        main#cei .justIn-module article .tag span:last-child::after {
          content: none; }
        main#cei .justIn-module article .tag a {
          color: #C5001D;
          -moz-transition: all 0.5s ease;
          -o-transition: all 0.5s ease;
          -webkit-transition: all 0.5s ease;
          transition: all 0.5s ease; }
          main#cei .justIn-module article .tag a:hover {
            color: #9D0114; }
        main#cei .justIn-module article .tag + .time::before {
          content: "|";
          margin-left: .5em;
          margin-right: .5em; }
      main#cei .justIn-module article .time {
        float: left;
        font-size: 12px;
        color: #1C1C1C; }
        @media only screen and (min-width: 1040px) {
          main#cei .justIn-module article .time {
            clear: both; }
            main#cei .justIn-module article .time::before {
              display: none; } }
        @media only screen and (min-width: 1240px) {
          main#cei .justIn-module article .time {
            clear: none; }
            main#cei .justIn-module article .time::before {
              display: inline-block; } }
      main#cei .justIn-module article .header,
      main#cei .justIn-module article .header a {
        clear: both;
        font-size: 18px;
        color: #1C1C1C; }
        main#cei .justIn-module article .header:not(:first-child),
        main#cei .justIn-module article .header a:not(:first-child) {
          padding-top: .25em; }
        main#cei .justIn-module article .header:hover,
        main#cei .justIn-module article .header a:hover {
          text-decoration: none;
          color: #4f4f4f; }
  main#cei .previousFeatured-module {
    background-color: #777; }
    @media only screen and (min-width: 768px) {
      main#cei .previousFeatured-module {
        margin-top: 20px; } }
    main#cei .previousFeatured-module::after {
      content: "";
      display: table;
      clear: both; }
    main#cei .previousFeatured-module > header {
      padding: 15px 10px;
      text-align: center; }
      main#cei .previousFeatured-module > header h2 {
        font-size: 26px;
        font-weight: 300;
        text-transform: uppercase;
        color: white; }
    main#cei .previousFeatured-module > section {
      box-sizing: border-box;
      padding-bottom: 20px; }
      @media only screen and (min-width: 768px) {
        main#cei .previousFeatured-module > section {
          padding-left: 10px;
          padding-right: 10px; } }
      main#cei .previousFeatured-module > section::after {
        content: "";
        display: table;
        clear: both;
        flex: auto;
        width: 100px; }
      main#cei .previousFeatured-module > section .columns {
        padding: 10px;
        box-sizing: border-box; }
        @media only screen and (min-width: 600px) {
          main#cei .previousFeatured-module > section .columns {
            float: left;
            width: 50%; } }
        @media only screen and (min-width: 960px) {
          main#cei .previousFeatured-module > section .columns {
            width: 25%; } }
    main#cei .previousFeatured-module article {
      position: relative; }
      main#cei .previousFeatured-module article .tag {
        max-width: 80%;
        max-height: 27px;
        padding: 5px;
        position: absolute;
        top: 0;
        left: 0;
        overflow: hidden;
        box-sizing: border-box;
        font-size: 13px;
        font-weight: 600;
        text-overflow: ellipsis;
        text-transform: uppercase;
        white-space: nowrap;
        color: #FFFFFF;
        background-color: #C5001D;
        -moz-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        -webkit-transition: all 0.5s ease;
        transition: all 0.5s ease; }
        main#cei .previousFeatured-module article .tag:hover {
          max-height: none;
          white-space: normal;
          color: rgba(255, 255, 255, 0.5);
          background-color: #9D0114; }
          main#cei .previousFeatured-module article .tag:hover a {
            color: rgba(255, 255, 255, 0.5); }
        main#cei .previousFeatured-module article .tag span::after {
          content: ", "; }
        main#cei .previousFeatured-module article .tag span:last-child::after {
          content: none; }
        main#cei .previousFeatured-module article .tag a {
          text-decoration: none;
          color: #FFFFFF;
          -moz-transition: all 0.5s ease;
          -o-transition: all 0.5s ease;
          -webkit-transition: all 0.5s ease;
          transition: all 0.5s ease; }
          main#cei .previousFeatured-module article .tag a:hover {
            color: #FFFFFF; }
      main#cei .previousFeatured-module article figure {
        overflow: hidden;
        margin: 0; }
        main#cei .previousFeatured-module article figure a, main#cei .previousFeatured-module article figure img {
          display: block; }
        main#cei .previousFeatured-module article figure img {
          width: 100%; }
      main#cei .previousFeatured-module article section {
        padding-top: 5px;
        box-sizing: border-box;
        -moz-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        -webkit-transition: all 0.5s ease;
        transition: all 0.5s ease; }
        main#cei .previousFeatured-module article section::after {
          content: "";
          display: table;
          clear: both; }
      main#cei .previousFeatured-module article .header,
      main#cei .previousFeatured-module article .header a {
        clear: both;
        font-size: 18px;
        color: white;
        -moz-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        -webkit-transition: all 0.5s ease;
        transition: all 0.5s ease; }
        main#cei .previousFeatured-module article .header:hover,
        main#cei .previousFeatured-module article .header a:hover {
          text-decoration: none; }

#container.half-mpu main#cei .adSlot-position {
  height: 600px; }

.cc-window {
  font-size: .8em; }

.cc-btn.cc-dismiss {
  text-decoration: none; }

@font-face {
  font-family: "tablet-gothic-narrow";
  src: url("https://use.typekit.net/af/0f992c/000000000000000000014379/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n8&v=3") format("woff2"), url("https://use.typekit.net/af/0f992c/000000000000000000014379/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n8&v=3") format("woff"), url("https://use.typekit.net/af/0f992c/000000000000000000014379/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n8&v=3") format("opentype");
  font-display: auto;
  font-style: normal;
  font-weight: 800;
  font-stretch: normal; }

@font-face {
  font-family: "tablet-gothic-narrow";
  src: url("https://use.typekit.net/af/a228bd/000000000000000000014373/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff2"), url("https://use.typekit.net/af/a228bd/000000000000000000014373/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff"), url("https://use.typekit.net/af/a228bd/000000000000000000014373/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("opentype");
  font-display: auto;
  font-style: normal;
  font-weight: 400;
  font-stretch: normal; }

.brandHeader {
  display: none; }
  @media only screen and (min-width: 600px) {
    .brandHeader {
      display: flex;
      border: solid black;
      border-width: 1px 0;
      justify-content: center;
      align-items: center;
      background-color: white; } }

.brandHeaderLink {
  position: relative;
  font-family: "tablet-gothic-narrow";
  font-size: 18px;
  line-height: 27px;
  text-transform: uppercase;
  text-decoration: none;
  color: black;
  padding: 20px 18px; }
  .brandHeaderLink:hover {
    text-decoration: none; }
  .brandHeaderLink.active {
    font-weight: 800; }
    .brandHeaderLink.active:before {
      content: "";
      display: block;
      width: calc(100% - (18px *2));
      border-bottom: solid 10px black;
      position: absolute;
      bottom: 0; }

.brandHeaderItem:not(:last-child) .brandHeaderLink:after {
  content: "";
  display: block;
  height: 18px;
  border-right: solid 1px black;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%); }

#newMastHead .headerUK #title, #newMastHead .CampaignBridgeHeader #title {
  background-image: url(../png/logosprite_asia.png);
  background-size: 100%; }

#dropdownNavigation #mobNavHeader #mobNavLogo {
  text-indent: -99999px;
  position: relative;
  display: block; }
  #dropdownNavigation #mobNavHeader #mobNavLogo:after {
    content: "";
    width: 159px;
    height: 47px;
    /* 46px for new logo */
    background-image: url(../png/logosprite_asia.png);
    background-size: 100%;
    position: absolute;
    top: -3px;
    left: 0;
    display: block; }

@media only screen {
  .newswireModule {
    margin-top: 15px; } }

@media only screen and (min-width: 600px) {
  .newswireModule {
    margin-top: 25px; } }

@media only screen and (min-width: 768px) {
  .newswireModule {
    margin-top: 25px; } }

@media only screen and (min-width: 960px) {
  .newswireModule {
    margin-top: 25px; } }

.newswireModule > header {
  font-size: 26px;
  font-size: 1.44444rem;
  font-weight: 300 !important;
  font-style: normal;
  text-transform: uppercase;
  text-align: center;
  color: #1C1C1C !important;
  display: block;
  vertical-align: middle;
  padding: 0.83em 0; }
  .newswireModule > header br {
    display: none; }
    @media only screen and (min-width: 960px) {
      .newswireModule > header br {
        display: inline; } }

#w19455_widget .w19455_widgetTitle {
  font-size: 26px;
  font-size: 1.44444rem;
  font-weight: 300 !important;
  font-style: normal;
  text-transform: uppercase;
  text-align: center;
  color: #1C1C1C !important;
  display: none;
  vertical-align: middle;
  padding: 0.83em 0; }
  #w19455_widget .w19455_widgetTitle + ul {
    margin-bottom: 25px;
    padding: 15px !important;
    background-color: #FFFFFF;
    border: 1px solid #E4E4E4;
    box-sizing: border-box; }

#w19455_widget .w19455_release {
  padding: 0 !important;
  width: 100%;
  box-sizing: border-box;
  clear: both;
  margin-bottom: 15px;
  border-bottom: 1px solid #E4E4E4; }
  #w19455_widget .w19455_release:first-child {
    margin-top: 0; }
  #w19455_widget .w19455_release:last-child {
    border: none !important; }
    #w19455_widget .w19455_release:last-child .spacer {
      display: none !important; }

#w19455_widget .w19455_thumbnail {
  display: none !important; }

#w19455_widget br {
  display: none !important; }

#w19455_widget .w19455_title {
  display: block !important;
  float: none !important;
  font-size: 16px;
  font-size: 0.88889rem;
  line-height: 21px;
  line-height: 1.16667rem;
  font-weight: 400;
  font-style: normal;
  color: #1C1C1C; }

#w19455_widget .w19455_datetime {
  display: block !important;
  float: none !important;
  font-size: 12px;
  font-size: 0.66667rem;
  line-height: 18px;
  line-height: 1rem;
  color: #9B9B9B; }

#w19455_widget .w19455_abstract {
  display: none !important;
  float: none !important;
  margin-top: 5px;
  font-weight: 300;
  font-style: normal;
  font-size: 14px;
  font-size: 0.77778rem;
  line-height: 18.375px;
  line-height: 1.02083rem;
  color: #3C3C3C; }

#w19455_widget .spacer {
  display: block !important;
  margin-top: 15px !important; }

#w19455_widget .w19455_footer {
  display: none !important; }

#w19455_landing .addthis_toolbox {
  display: none !important; }

#w19455_landing .w19455_widgetTitle {
  display: block;
  font-size: 30px;
  font-size: 1.66667rem;
  line-height: 36px;
  line-height: 2rem;
  margin-bottom: 15px !important; }
  @media only screen and (min-width: 600px) {
    #w19455_landing .w19455_widgetTitle {
      margin-bottom: 25px !important; } }

#w19455_landing .w19455_release {
  width: 100%;
  background-color: #FFFFFF;
  border: 1px solid #E4E4E4;
  box-sizing: border-box;
  padding: 0 10px !important;
  clear: both;
  margin-bottom: 15px;
  overflow: hidden;
  position: relative; }
  @media only screen and (min-width: 768px) {
    #w19455_landing .w19455_release {
      padding: 0 15px !important; } }

#w19455_landing br {
  display: none !important; }

#w19455_landing .w19455_thumbnail {
  float: right !important;
  width: 46% !important;
  height: 30% !important;
  padding-right: 0 !important;
  margin-left: 10px !important;
  margin-right: -10px !important;
  display: block; }
  @media only screen and (min-width: 768px) {
    #w19455_landing .w19455_thumbnail {
      margin-left: 15px !important;
      margin-right: -15px !important; } }
  #w19455_landing .w19455_thumbnail img {
    display: block;
    width: 100% !important; }
  #w19455_landing .w19455_thumbnail:empty {
    display: none; }

#w19455_landing .w19455_title {
  display: block !important;
  float: none !important;
  font-size: 16px;
  font-size: 0.88889rem;
  line-height: 21px;
  line-height: 1.16667rem;
  font-weight: 400;
  font-style: normal;
  color: #1C1C1C;
  margin-top: 10px; }
  @media only screen and (min-width: 600px) {
    #w19455_landing .w19455_title {
      font-size: 23px;
      font-size: 1.27778rem;
      line-height: 30.1875px;
      line-height: 1.67708rem;
      margin-top: 15px; } }

#w19455_landing .w19455_datetime {
  display: block !important;
  float: none !important;
  font-size: 12px;
  font-size: 0.66667rem;
  line-height: 18px;
  line-height: 1rem;
  color: #9B9B9B; }

#w19455_landing .w19455_abstract {
  display: block !important;
  float: none !important;
  margin-top: 5px;
  font-weight: 300;
  font-style: normal;
  font-size: 14px;
  font-size: 0.77778rem;
  line-height: 18.375px;
  line-height: 1.02083rem;
  color: #3C3C3C; }

#w19455_landing .spacer {
  display: block !important;
  margin-top: 15px !important; }

#w19455_landing .w19455_footer > a:not(.w19455_pagination) {
  float: right !important; }

#w19455_landing h1 {
  font-size: 28px;
  font-size: 1.55556rem;
  line-height: 33.6px;
  line-height: 1.86667rem;
  font-weight: 900;
  font-style: normal;
  color: #1C1C1C;
  margin-bottom: 20px; }
  @media only screen and (min-width: 768px) {
    #w19455_landing h1 {
      font-size: 30px;
      font-size: 1.66667rem;
      line-height: 36px;
      line-height: 2rem; } }

#w19455_landing .logo {
  float: right;
  width: 90px !important;
  margin-left: 20px !important; }