@import url("https://fonts.googleapis.com/css?family=Abel|Open+Sans:400,400i,800,800i");
@import url("bootstrap-grid.min.css");

html {
  font-size: 1em;
  line-height: 1.4;
  -ms-overflow-style: -ms-autohiding-scrollbar;
}

/*
::-moz-selection {
	background: #CA0B2C;
	text-shadow: none;
}

::selection {
	background: #CA0B2C;
	text-shadow: none;
}
*/
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}

audio,
canvas,
iframe,
img,
svg,
video {
  vertical-align: middle;
}

fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}

textarea {
  resize: vertical;
}

.browserupgrade {
  margin: 0.2em 0;
  background: #ccc;
  color: #000;
  padding: 0.2em 0;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */
body p {
  margin: 30px auto;
  line-height: 1.6;
  font-size: 18px;
}

#desktop-wrapper #lockup {
  height: 82.5%;
  white-space: nowrap;
  margin-right: 8px;
}

#global-header.dark {
  background-repeat: repeat-y;
  -webkit-transition: all 150ms cubic-bezier(0.250, 0.250, 0.750, 0.750);
  transition: all 150ms cubic-bezier(0.250, 0.250, 0.750, 0.750);
}

.rm-home {
  cursor: pointer;
}

#global-header h2 {
  font: 18px 'Helvetica' !important;
  font-weight: 100 !important;
  text-transform: uppercase;
  color: #fff !important;
}

#global-header h2 a {
  color: #fff !important;
}

.disclaimer {
  font-size: 1rem;
  margin-top: 10px;
  font-style: normal;
  font-weight: 100;
  color: #999999;
  line-height: 1.4;
  text-align: center;
}

.social-wrapper {
  margin-top: 10px;
  position: relative;
  text-align: center;
}

.social-lockup {
  margin-left: -10px;
  display: inline-block;
}

.social-lockup li {
  display: inline;
}

.social-lockup a {
  text-align: center;
  display: inline-block;
  background-size: cover;
  margin-right: 5px;
  height: 30px;
  width: 30px;
}

.social-lockup .footer-fb {
  background-image: url(../img/social/social-fb.svg);
}

.social-lockup .footer-li {
  background-image: url(../img/social/social-linkedin.svg);
}

.social-lockup .footer-tw {
  background-image: url(../img/social/social-twitter.svg);
}

.social-lockup .footer-yt {
  background-image: url(../img/social/social-youtube.svg);
}

/* Desktop CSS */
.cd-half-width .home-text img,
.cd-half-width .add-text img {
  width: 100%;
  display: block;
}

.cd-half-width .home-text,
.cd-half-width .add-text {
  max-width: 400px;
  margin: 30px auto;
}

.cd-half-width .home-text p,
.cd-half-width .add-text p {
  color: #fff;
  margin-top: 10px;
}

#bgvid,
.bgvid {}

/* ==========================================================================
   Helper classes
   ========================================================================== */
.hidden {
  display: none !important;
  visibility: hidden;
}

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

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

.invisible {
  visibility: hidden;
}

.clearfix:before,
.clearfix:after {
  content: " ";
  display: table;
}

.clearfix:after {
  clear: both;
}

.clearfix {
  *zoom: 1;
}

/* ==========================================================================
   back to top
   ========================================================================== */
.cd-top {
  cursor: pointer;
  display: inline-block;
  height: 40px;
  width: 40px;
  position: fixed;
  bottom: 40px;
  right: 10px;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  /* image replacement properties */
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background: rgba(228, 13, 49, 0.9) url(../img/cd-top-arrow.svg) no-repeat center 50%;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity .3s 0s, visibility 0s .3s;
  transition: opacity .3s 0s, visibility 0s .3s;
  z-index: 2000;
}

.cd-top.cd-is-visible,
.cd-top.cd-fade-out,
.no-touch .cd-top:hover {
  -webkit-transition: opacity .3s 0s, visibility 0s 0s;
  transition: opacity .3s 0s, visibility 0s 0s;
}

.cd-top.cd-is-visible {
  /* the button becomes visible */
  visibility: visible;
  opacity: 1;
}

.cd-top.cd-fade-out {
  /* if the user keeps scrolling down, the button is out of focus and becomes less visible */
  opacity: 1;
}

.cd-top:hover {
  background-color: #e40d31;
  opacity: 1;
}

/* ==========================================================================
	slider
   ========================================================================== */
.cd-hero {
  position: relative;
}

.cd-hero-slider {
  position: relative;
  height: 360px;
  overflow: hidden;
}

.cd-hero-slider li {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
}

.cd-hero-slider li.selected {
  /* this is the visible slide */
  position: relative;
  -webkit-transform: translateX(0);
  transform: translateX(0);
}

.cd-hero-slider li.move-left {
  /* slide hidden on the left */
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
}

.cd-hero-slider li.is-moving,
.cd-hero-slider li.selected {
  /* the is-moving class is assigned to the slide which is moving outside the viewport */
  -webkit-transition: -webkit-transform 0.5s;
  transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
  transition: transform 0.5s, -webkit-transform 0.5s;
}

.cd-hero-slider {
  height: 360px;
}

/* --------------------------------

Single slide style

-------------------------------- */
.cd-hero-slider li {
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}

.cd-hero-slider li:first-of-type {
  background-position: top center;
  background-color: #2c343b;
}

.cd-full-width {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#45484d+0,000000+100&0+0,0.6+100 */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(69, 72, 77, 0)), to(rgba(0, 0, 0, 0.6)));
  background: linear-gradient(to bottom, rgba(69, 72, 77, 0) 0%, rgba(0, 0, 0, 0.6) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#0045484d', endColorstr='#99000000', GradientType=0);
  /* IE6-9 */
  background-color: rgba(0,0,0,0.6);
}
.cd-hero-slider li:first-child .cd-full-width {
  background-color: rgba(0,0,0,0);
}
.cd-full-width,
.cd-half-width {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 1;
  left: 0;
  top: 0;
  padding: 30px;
  padding-top: 100px;
  text-align: center;
  /* Force Hardware Acceleration in WebKit */
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}

.cd-full-width .cd-bg-text {
  padding: 0 30px !important;
  width: 100%;
  height: auto;
  z-index: 2;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}

.cd-img-container {
  /* hide image on mobile device */
  display: none;
}

.cd-img-container img {
  position: absolute;
  left: 50%;
  top: 50%;
  bottom: auto;
  right: auto;
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}

.cd-bg-video-wrapper {
  /* hide video on mobile device */
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
  padding-top: 56.25%;
}

.cd-bg-video-wrapper iframe {
  display: block;
  min-height: 100%;
  height: auto;
  width: auto;
  position: absolute;
  left: 0;
  width: 100%;
  top: 0;
  z-index: -100;
  left: 50%;
  top: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}

.cd-hero-slider h2,
.cd-hero-slider p {
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  line-height: 1.2;
  margin: 5px auto 14px auto;
  color: #ffffff;
  width: 100%;
}

.cd-hero-slider h2 {
  font-size: 48px;
}

.cd-hero-slider p {
  font-size: 24px;
  line-height: 1.4;
}

.cd-hero-slider .cd-btn {
  display: inline-block;
  padding: 1.2em 1.4em;
  margin-top: .8em;
  background-color: rgba(228, 13, 49, 0.9);
  font-size: 1.3rem;
  font-weight: 700;
  letter-spacing: 1px;
  color: #fff;
  text-transform: uppercase;
  -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1);
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1);
  -webkit-transition: background-color 0.2s;
  transition: background-color 0.2s;
}

.cd-btn.secondary {
  background-color: rgba(22, 26, 30, 0.8);
}

.cd-btn:nth-of-type(2) {
  margin-left: 1em;
}

.cd-btn:hover {
  background-color: #e40d31;
}

.cd-btn.secondary:hover {
  background-color: #161a1e;
}

/* --------------------------------

Single slide animation

-------------------------------- */
/* --------------------------------

Slider navigation

-------------------------------- */
.cd-slider-nav {
  position: absolute;
  width: 100%;
  bottom: 0;
  z-index: 2;
  text-align: center;
  height: 25px;
}

.cd-slider-nav nav,
.cd-slider-nav ul,
.cd-slider-nav li,
.cd-slider-nav a {
  height: 100%;
}

.cd-slider-nav nav {
  display: inline-block;
  position: relative;
}

.cd-slider-nav .cd-marker {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: 3px;
  color: #fff;
  z-index: 10;
  background-color: #e40d31;
  -webkit-transition: -webkit-transform 0.2s, box-shadow 0.2s;
  -webkit-transition: -webkit-transform 0.2s, -webkit-box-shadow 0.2s;
  transition: -webkit-transform 0.2s, -webkit-box-shadow 0.2s;
  transition: transform 0.2s, box-shadow 0.2s;
  transition: transform 0.2s, box-shadow 0.2s, -webkit-transform 0.2s, -webkit-box-shadow 0.2s;
}

.cd-slider-nav .cd-marker.item-2 {
  -webkit-transform: translateX(120%);
  transform: translateX(120%);
}

.cd-slider-nav .cd-marker.item-3 {
  -webkit-transform: translateX(240%);
  transform: translateX(240%);
}

.cd-slider-nav .cd-marker.item-4 {
  -webkit-transform: translateX(360%);
  transform: translateX(360%);
}

.cd-slider-nav .cd-marker.item-5 {
  -webkit-transform: translateX(480%);
  transform: translateX(480%);
}

.cd-slider-nav ul::after {
  clear: both;
  content: "";
  display: table;
}

.cd-slider-nav li {
  display: inline-block;
  float: left;
  overflow: hidden;
  margin: 5px 0 5px;
}

.cd-slider-nav li.selected a {
  color: #2c343b;
}

.no-touch .cd-slider-nav li.selected a:hover {
  background-color: transparent;
}

.cd-slider-nav a {
  padding: 15px 0px !important;
  margin: 0px 0px !important;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  font-size: 1rem;
  font-weight: 700;
  color: #a8b4be;
  -webkit-transition: background-color 0.2s;
  transition: background-color 0.2s;
  width: 100%;
  height: 100%;
  position: relative;
}

.cd-slider-w {
  width: 100%;
  border-top: #efefef 3px solid;
  position: absolute;
  top: 50%;
  z-index: 5;
}

.cd-slider-nav a::before {
  content: '';
  position: absolute;
  height: 24px;
  top: 8px;
  left: 50%;
  right: auto;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

.no-touch .cd-slider-nav a:hover {
  background-color: rgba(0, 1, 1, 0.5);
}

.cd-slider-nav li:first-of-type a::before {
  background-position: 0 0;
}

.cd-slider-nav li.selected:first-of-type a::before {
  background-position: 0 -24px;
}

.cd-slider-nav li:nth-of-type(2) a::before {
  background-position: -24px 0;
}

.cd-slider-nav li.selected:nth-of-type(2) a::before {
  background-position: -24px -24px;
}

.cd-slider-nav li:nth-of-type(3) a::before {
  background-position: -48px 0;
}

.cd-slider-nav li.selected:nth-of-type(3) a::before {
  background-position: -48px -24px;
}

.cd-slider-nav li:nth-of-type(4) a::before {
  background-position: -72px 0;
}

.cd-slider-nav li.selected:nth-of-type(4) a::before {
  background-position: -72px -24px;
}

.cd-slider-nav li:nth-of-type(5) a::before {
  background-position: -96px 0;
}

.cd-slider-nav li.selected:nth-of-type(5) a::before {
  background-position: -96px -24px;
}

.cd-slider-nav {
  height: 45px;
}

.cd-slider-nav .cd-marker,
.cd-slider-nav li {
  width: 100px;
  margin: 0 10px;
}

.cd-slider-nav a {
  font-size: 1.1rem;
  text-transform: uppercase;
  padding: 0 15px;
}

.cd-slider-nav a::before {
  top: 18px;
}

/*transition*/
.hvr-fade:hover {
  opacity: 0.5;
}

.ease-out-transition {
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

/*svg*/
.soc a,
.soc svg {
  display: block;
}

.soc a {
  position: relative;
  height: 40px;
  width: 40px;
}

.soc svg {
  height: 100%;
  width: 100%;
  fill: #fff;
  color: #fff;
}

.soc em {
  font-size: 14px;
  line-height: 1.5;
  margin-top: -0.75em;
  position: absolute;
  text-align: center;
  top: 50%;
  right: 0;
  bottom: 0;
  left: 0;
}

/*texts*/
.filter {
  margin: 0px auto;
  text-align: center;
  background-color: #111;
  padding: 15px;
}

.filter a {
  text-align: center;
  color: #fff;
  text-transform: uppercase;
  margin: 5px 10px;
  font-size: 14px;
}

.filter a.seleced {
  color: #e40d31;
}

.row div.bheight {
  background-color: #333;
  color: #fff;
  text-align: center;
  vertical-align: middle;
}

.row div.bheight img {
  width: 100%;
  height: 100%;
  display: block;
}

/*zombie*/
/**/
.bcontainer {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
}

.bcontainer .row .bheight {
  background-color: #333;
  height: 350px !important;
}

/*page transition*/
/* @mixin respond-to
------------------------------------------------------------------- */
.m-scene .scene_element {
  -webkit-animation-duration: 0.25s;
  animation-duration: 0.25s;
  -webkit-transition-timing-function: ease-in;
  transition-timing-function: ease-in;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.m-scene .scene_element--fadein {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}

.m-scene .scene_element--fadeinup {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

.m-scene .scene_element--fadeinright {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}

.m-scene .scene_element--delayed {
  -webkit-animation-delay: 0.25s;
  animation-delay: 0.25s;
}

.m-scene.is-exiting .scene_element {
  -webkit-animation-direction: alternate-reverse;
  animation-direction: alternate-reverse;
}

.m-scene.is-exiting .scene_element--delayed {
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
}

.m-scene.is-exiting .scene_element--noexiting {
  -webkit-animation-direction: alternate-reverse;
  animation-direction: alternate-reverse;
}

.is-loading,
.is-loading a {
  cursor: progress;
}

/*fix bootstrap*/
* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.clearfix:before,
.clearfix:after,
.bcontainer:before,
.bcontainer:after,
.bcontainer-fluid:before,
.bcontainer-fluid:after

/*
.row:before,
.row:after*/
  {
  content: " ";
  display: table;
}

.row:after {
  clear: both;
}

.row {
  margin-left: -15px;
  margin-right: -15px;
}

.hide {
  display: none !important;
}

.show {
  display: block !important;
}

.invisible {
  visibility: hidden;
}

.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}

.hidden {
  display: none !important;
}

.affix {
  position: fixed;
}

body {
  background-color: #1A1B21;
  /*background-color: #131B22;*/
  color: #ddd;
  font-family: 'Abel', sans-serif;
  line-height: 1.4;
  background-position: top center;
  position: relative;
  font-size: 16px;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

body a:hover {
  opacity: 0.6;
  -webkit-transition: .2s ease-in-out;
  -moz-filter: grayscale(0%);
  -moz-transition: .2s ease-in-out;
  -o-filter: grayscale(0%);
  -o-transition: .2s ease-in-out;
}

h1,
h2 {
  font-weight: normal;
}

h3,
h4,
h5 {
  font-family: 'Abel', sans-serif;
  font-size: 1.5rem;
}

.a-caption h1,
.b-caption h1 {
  font-size: 22px;
  color: #fff;
  line-height: 1.3;
  font-weight: 400;
  margin-bottom: 5px;
}

.a-caption,
b-caption {
  pointer-events: none;
}

.masonry-tag {
  font-size: 14px;
  color: #e11538;
  font-family: 'Open Sans', sans-serif;
  font-weight: 600;
  text-transform: uppercase;
}

aside {
  font-size: 1rem;
  line-height: 1.4;
  font-style: italic;
}

a {
  color: #e40d31;
  text-decoration: none;
}

#masonry-feed-hidden {
  display: none;
}

#masonry-feed div {
  margin: 5px auto 10px auto;
}

/*Masonry Feed*/
#masonry-feed div {
  margin: 15px;
  background-color: #092436;
  color: #fff;
  width: 300px;
  padding: 20px;
  float: left;
}

#masonry-feed div p {
  font-size: 11px;
}

#masonry-feed div span {
  color: #e40d31;
  text-transform: uppercase;
}

#masonry-feed div a {
  font-size: 18px;
  color: #fff;
}

/*Twitter news ticker*/
#news-ticker {
  max-width: 100%;
  height: 35px;
  padding-left: 250px;
  padding-right: 150px;
  overflow: hidden;
  text-align: center;
  margin: 0 0 0 0;
  position: relative;
  z-index: 9;
}

#news-ticker li {
  margin: 8px auto;
  text-overflow: ellipsis;
  overflow: hidden;
}

#news-ticker li p, .dir-ltr {
  font-size: 13px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  margin: 0;
  padding: 0;
  display: inline !important;
}

#news-ticker li a {
  font-weight: normal !important;
}

#news-ticker img {
  display: none;
}

#twitter-logo {
  display: none;
  width: 35px;
  color: #fff;
  position: absolute;
  top: -5px;
  left: 12%;
}

#tw-feed-content {
  position: relative;
  font-family: 'Open Sans', sans-serif;
  background-color: #CA0B2C;
  padding: 6px 0;
  min-height: 45px;
  -webkit-box-shadow: 0 6px 6px -6px rgba(0, 0, 0, 0.4);
  box-shadow: 0 6px 6px -6px rgba(0, 0, 0, 0.4);
}

.article-tw-feed {
  position: fixed;
  top: 60px;
  left: 0px;
  width: 100%;
  z-index: 499;
}

.tw-handle {
  position: absolute;
  top: 0px;
  left: 0px;
  height: 100%;
  width: 200px;
  padding: 10px;
  text-align: center;
  background-color: #E11537;
  z-index: 10;
}

.tweeticon {
  width: 200px;
  display: inline-block;
  height: 35px;
  margin: 0px auto 0 auto;
}

.tw-handle a {
  font-size: 0.9rem;
  color: #fff !important;
}

.tw-handle svg {
  height: 30px;
  margin-top: -4px;
}

.tw-handle span,
.tw-handle svg {
  display: inline !important;
}

#tw-feed-content .tw-tweets a {
  color: #fff;
  font-family: 'Open Sans', sans-serif;
}

#tw-feed-content .tw-tweets a b {
  font-weight: 600;
}

/*techm feed*/
.tmf-element {
  height: 200px;
  overflow-y: hidden;
  height: 200px;
  position: relative;
}

.tmf-element a img:hover {
  opacity: 0.7;
  -webkit-filter: grayscale(0%);
  -webkit-transition: .2s ease-in-out;
  -moz-filter: grayscale(0%);
  -moz-transition: .2s ease-in-out;
  -o-filter: grayscale(0%);
  -o-transition: .2s ease-in-out;
}

.tmf-element .aspect {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 100%;
  overflow: hidden;
}

.tmf-element .aspect__inner {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  background-color: #000;
  overflow: hidden;
}

.aspect__inner img {
  display: block;
  width: 100%;
  height: 100%;
  opacity: 0.4;
  position: relative;
  z-index: 99;
  -o-object-fit: cover !important;
  object-fit: cover !important;
  -webkit-transition: .2s ease-in-out;
  -moz-transition: .2s ease-in-out;
  -o-transition: .2s ease-in-out;
}

.tmf-element .aspect--16x9 {
  padding-bottom: 66.25%;
}

.tmf-desc {
  padding: 0 50px;
  position: absolute;
  top: 50%;
  left: 0%;
  -webkit-transform: translate(0%, -50%);
  transform: translate(0%, -50%);
  -ms-transform: translate(-0%, -50%);
  z-index: 50;
  pointer-events: none;
}

.tmf-title {
  color: #fff;
  line-height: 1.3;
  font-size: 1.3rem;
}

.clear {
  clear: both;
}

.hm-wrapper {
  padding-left: 60px;
  padding-right: 60px;
  max-width: 1600px;
  margin: 0 auto;
}

#keywrapper {
  padding-top: 60px;
  padding-bottom: 90px;
}

.future_shapers_wrapper {
  padding-top: 60px;
  padding-bottom: 30px;
}

/*-- article css --- */
.article_content {
  padding-bottom: 20px;
}

.article_content p {
  font-family: 'Open Sans', sans-serif;
}

#article_display_container {
  max-width: 1200px;
  padding: 160px 100px 0px 100px;
  /*padding: 50px 100px 0px 100px;*/
  margin: 0px auto 30px auto;
}

#article_display_container.category-video {
  padding-top: 100px;
}

#article_display_container h1 {
  font-size: 60px;
  line-height: 1.5;
  text-align: left;
}

#article_display_container h2 {
  font-weight: bold;
  font-size: 1.3rem;
  line-height: 1.5;
  margin: 30px auto 0 auto;
  font-family: 'Open Sans', sans-serif;
  font-style: italic;
  /*
    border-left: 5px solid #e11538;
    */
  border-left: 5px solid #CA0B2C;
  clear: both;
  padding: 25px;
  background-color: #202128;
}

#article_display_container ol li {
  list-style-type: decimal;
  margin: 10px 0px 10px 50px;
  padding-left: 10px;
  line-height: 1.2;
}

.article_img {}

.article_img img {
  display: block;
  width: 100%;
  height: auto;
}

#foot-nav::before {
  content: "";
  width: 40px;
  height: 2px;
  position: absolute;
  top: 0px;
  left: 50%;
  background-color: #48494E;
  margin-left: -20px;
}

#foot-nav {
  display: none;
  position: relative;
  margin: 30px auto;
  padding-top: 25px;
  height: 75px;
  clear: both;
  max-width: 1000px;
  width: 100%;
}

#foot-nav a {
  position: relative;
  text-align: center;
  display: block;
  padding: 10px 20px;
  text-transform: uppercase;
  width: 49%;
  float: left;
  font-weight: bold;
  background-color: #323338;
  -webkit-transition: all 500ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
  transition: all 500ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
  -webkit-transition-timing-function: cubic-bezier(0.420, 0.000, 0.580, 1.000);
  transition-timing-function: cubic-bezier(0.420, 0.000, 0.580, 1.000);
}

#foot-nav a:hover {
  opacity: 1;
  background-color: #48494E !important;
}

#foot-nav a p {
  -webkit-transition: all 500ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
  transition: all 500ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
  -webkit-transition-timing-function: cubic-bezier(0.420, 0.000, 0.580, 1.000);
  transition-timing-function: cubic-bezier(0.420, 0.000, 0.580, 1.000);
}

#foot-nav a:hover p {
  color: #fff;
}

#foot-nav-browse p,
#foot-nav-next p {
  color: #888;
  font-size: 14px;
  display: inline-block;
  margin: 0 0;
  position: relative;
}

#foot-nav-browse {
  margin-right: 1%;
}

#foot-nav-next {
  margin-left: 1%;
}

.tw-tweets p {
  position: relative;
}

figure {
  display: block;
  margin: 30px auto 100px auto;
}

figure img {
  width: 100%;
  display: block;
  height: auto;
}

figure figcaption {
  font-style: italic;
  font-size: 11px;
  margin: 5px auto;
  text-align: center;
  padding: 5px 2px;
}

.responsive-video {
  clear: both;
  position: relative;
  padding-bottom: 56.25%;
  /* 16:9 Aspect Ratio */
}

.responsive-video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
}

.infographic {
  margin: 25px auto;
}

.aboutus_img_block {
  padding: 0;
  margin: 0;
  list-style: none;
  background-color: #fff;
  display: block;
}

.aboutus_img_block li {
  float: left;
  width: 30%;
  margin: 25px 15px 45px 15px;
  text-align: center;
  display: block;
  height: auto;
  line-height: 1.5;
}

.aboutus_img_block li img {
  display: block;
  width: 100%;
}

.aboutus_img_block li>span {
  padding: 10px 0 0px 0;
  display: block;
  font-size: 14px;
  height: 30px;
}

/*---about us-----*/
#about-us {
  color: #fff;
  font-size: 12px;
  float: right;
  position: relative;
  padding-left: 20px;
  margin-top: -50px;
  margin-right: 5px;
}

.info-icon {
  background-image: url(../img/info.png);
  background-size: cover;
  width: 15px;
  height: 15px;
  position: absolute;
  left: 0px;
  top: 0px;
}

.footer-links {
  margin-top: 10px;
  text-align: center;
}

.footer-links a {
  color: #fff;
}

/*---bread crumbs---*/
ul.breadcrumb {
  list-style: none;
  font-size: 22px;
}

ul.breadcrumb li {
  text-transform: uppercase;
  display: inline;
  font-weight: bolder;
}

ul.breadcrumb li+li:before {
  padding: 8px;
  color: #ddd;
  content: "/\00a0";
}

ul.breadcrumb li a {
  color: #ddd;
  text-decoration: none;
  -webkit-transition: all 150ms cubic-bezier(0.250, 0.250, 0.750, 0.750);
  transition: all 150ms cubic-bezier(0.250, 0.250, 0.750, 0.750);
}

ul.breadcrumb li a:hover {
  color: #e01437;
  opacity: 1;
}

.aboutus_container h4 {
  margin-top: 20px;
  margin-bottom: 20px;
}

.social_share {
  display: none;
  margin-top: 40px;
  margin-bottom: 40px;
  clear: both;
}

/*category*/
#category_wrapper {
  padding: 40px;
  max-width: 1000px;
  margin: 0 auto;
}

#category_wrapper p {
  font-size: 14px;
  margin-top: 8px;
}

.category_title {
  font-size: 60px;
  padding-left: 20px;
  position: relative;
}

/*
.category-video .post_title{
	padding-left:20px;
	position:relative;
}
.category-video .post_title::before,
*/
.category_title::before {
  content: "";
  position: absolute;
  height: 70%;
  width: 2px;
  background-color: #CA0B2C;
  position: absolute;
  top: 50%;
  left: 0%;
  -webkit-transform: translate(0%, -50%);
  transform: translate(0%, -50%);
  -ms-transform: translate(-0%, -50%);
}

.category_item {
  clear: both;
  margin: 60px auto 60px auto;
  height: 150px;
}

.category_item img {
  float: left;
  display: block;
  width: 100%;
}

.category_item .a-caption {
  margin-left: 20px;
}

.category_item .a-caption h1 {
  font-size: 32px;
  color: #eee;
}

.category_item .a-caption h2 {
  font-size: 16px;
  color: #999;
  font-weight: 300;
  margin-left: 20px;
}

.category_item p {
  font-size: 0.9rem;
  font-family: 'Open Sans', sans-serif;
}

.category_item a {
  color: #ddd !important;
  line-height: 1.2;
}

.category_separator {
  clear: both;
  padding: 10px 0;
  border-bottom: 1px solid #323338;
}

#category_pagination {
  clear: both;
  margin: 30px auto 120px auto;
}

#category_pagination a {
  font-size: 20px;
  color: #eee;
}

#category_pagination .prev-posts-link {
  float: left;
}

#category_pagination .next-posts-link {
  float: right;
}

#category_header {
  height: 100px;
}

#category_featured_wrapper {
  max-width: 1000px;
  margin: 0 auto 10px auto;
  padding: 40px;
}

.left_col {
  width: 50%;
  float: left;
}

#category_wrapper .left_col {
  height: 160px;
  overflow: hidden;
}

.left_col a:hover img {
  opacity: 0.8;
}

.left_col img {
  max-width: 100%;
}

.right_col {
  width: 50%;
  float: left;
  padding-left: 30px;
}

.right_col a {
  color: #fff;
}

.right_col h1 {
  font-size: 1.8rem;
  color: #fff;
  line-height: 1 !important;
  margin-top: -2px;
}

#category_wrapper .left_col {
  width: 35%;
}

#category_wrapper .right_col {
  width: 65%;
}

.post-edit-link {
  display: none;
}

/*===============================
tmf feed
===============================*/
#tmf-wrapper,
#tmf-temp {
  text-align: left;
  padding-top: 60px;
}

#tmf-temp,
#tmf-wrapper {
  display: none;
}

#tmf-wrapper h1,
#tmf-temp h1 {
  padding: 20px 0;
  color: #ddd;
  font-size: 2rem;
  font-weight: bold;
  text-transform: uppercase;
  line-height: 2;
  display: inline;
  font-weight: normal;
}

#tmf-wrapper h1 a,
#tmf-temp h1 a {
  color: #ddd;
}

/*===============================
other articles
===============================*/
.tmf-element a:hover {
  opacity: 1;
}

.other-articles {
  max-width: 1200px;
  position: relative;
  margin: 0 auto;
  text-align: center;
  padding-top: 60px;
}

.other-articles::before {
  content: "";
  width: 40px;
  height: 2px;
  position: absolute;
  top: 70px;
  left: 50%;
  background-color: #48494E;
  margin-left: -20px;
}

.other-articles {
  margin: 60px auto;
}

#main h1.oa-title {
  text-align: center !important;
  font-size: 1.4rem;
  text-transform: uppercase;
  display: block;
  padding: 30px 0;
}

.other-articles .tmf-title {
  text-align: left;
  font-size: 1.3rem;
}

.other-cat {
  color: #CE2240;
  text-transform: uppercase;
  font-size: 1rem;
  font-weight: bold;
}

/*===============================
update 2018
===============================*/
.footer {
  margin-top: 100px;
  padding: 30px;
  width: 100%;
  background-color: #0e0f12;
  /*background-color:rgba(0,0,0,0.65);*/
}

.footer .logo-lockup {
  display: none;
}

.header_image {
  margin-top: 60px;
  width: 100%;
  padding-top: 28%;
  background-size: cover;
  background-color: #323338;
  background-position: top center;
  position: relative;
  display: none;
}

.header_image::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 5;
  /*
		background: rgba(0,0,0,0.3);*/
}

/*===============================
Addthis
===============================*/
#main-share a:hover,
#at4-share a:hover {
  opacity: 1;
}

.at-icon-wrapper svg {
  fill: rgb(227, 0, 35) !important;
}

#at4-share a:hover svg,
#main-share a:hover svg {
  fill: rgb(189, 0, 29) !important;
}

.at-share-btn-elements {
  width: 60px !important;
}

.at-share-btn-elements a {
  padding: 0 !important;
}

.at-icon-wrapper {
  background-color: #fff !important;
}

.at4-count {
  background-color: #fff !important;
  color: rgb(189, 0, 29);
}

/*===============================
sticky filter
===============================*/
.cbp-sticky {
  position: fixed !important;
  top: 60px;
  z-index: 499;
  width: 100% !important;
  margin: 0 auto !important;
  padding-top: 5px;
  padding-bottom: 5px;
  opacity: 0.1;
  background-color: rgba(0, 0, 0, 0.8);
  /*background-color:#0e0f12;*/
  -webkit-transition: all 150ms cubic-bezier(0.250, 0.250, 0.750, 0.750);
  transition: all 150ms cubic-bezier(0.250, 0.250, 0.750, 0.750);
  top: -60px;
}

.cbp-show {
  top: 60px;
  opacity: 1;
}

.scroll_down {
  display: block;
  cursor: pointer;
  position: absolute;
  right: 20px;
  top: 50%;
  background-image: url(../img/scroll_down2.svg);
  background-repeat: no-repeat;
  width: 80px;
  height: 24px;
  background-size: contain;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  z-index: 11;
}

.tw_wrapper {
  position: relative;
}

@-webkit-keyframes redtop {
  from {
    top: -60px;
  }

  to {
    top: 0px;
  }
}

@keyframes redtop {
  from {
    top: -60px;
  }

  to {
    top: 0px;
  }
}

@-webkit-keyframes backtop {
  from {
    top: 0px;
  }

  to {
    top: -60px;
  }
}

@keyframes backtop {
  from {
    top: 0px;
  }

  to {
    top: -60px;
  }
}

.fixed {
  position: fixed !important;
}

.red_back {
  opacity: 0.5;
  -webkit-animation-name: backtop;
  animation-name: backtop;
  -webkit-animation-duration: 0.25s;
  animation-duration: 0.25s;
}

.red_topbar {
  /*force hardware acceleration to remove image wiggling*/
  -webkit-backface-visibility: hidden;
  background: rgba(202, 11, 44, 1) !important;
  -webkit-box-shadow: 0 6px 6px -6px rgba(0, 0, 0, 0.4);
  box-shadow: 0 6px 6px -6px rgba(0, 0, 0, 0.4);
  -webkit-animation-name: redtop;
  animation-name: redtop;
  -webkit-animation-duration: 0.25s;
  animation-duration: 0.25s;
  position: fixed !important;
}

.gradient_topbar {
  -webkit-transition: none;
  transition: none;
  overflow: inherit !important;
}

/*
#mobile-wrapper,.hamburger, .gradient_topbar h2{
	position:relative;
	z-index:11;
}
*/
.article_img_wrapper {
  position: relative;
}

.article_big_image {
  height: calc(100vh - 45px);
  width: 100%;
  background-size: cover;
  position: relative;
  min-height: 500px;
  background-position: center right;
}

.article_big_image::before {
  content: "";
  width: 100%;
  height: 90px;
  z-index: 10;
  position: absolute;
  top: 0px;
  left: 0px;
  /*
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0.6)),to(rgba(158,158,158,0)));
	background: linear-gradient(to bottom, rgba(0,0,0,0.6) 0%,rgba(158,158,158,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99000000', endColorstr='#009e9e9e',GradientType=0 );
	*/
}

.article_big_image::after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 9;
  background-color: rgba(0, 0, 0, 0.3);
}

.article_mb_img {
  display: none;
}

.article_img_wrapper .article_top_text {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translateX(-60%) translateY(-50%);
  transform: translateX(-60%) translateY(-50%);
  z-index: 20;
}

.article_img_wrapper .article_top_text h1,
.article_img_wrapper .article_top_text ul.breadcrumb li a {
  color: #fff;
}

.article_top_text h1 {
  font-size: 4.5vw;
  line-height: 1.2;
}

ul.breadcrumb {
  margin-bottom: 20px;
}

.article_top_text ul.breadcrumb li a {
  font-size: 26px;
}

.article_top_text h5 {
  font-size: 1rem;
  margin-top: 22px;
  color: #fff;
}

#main .post_time {
  text-transform: uppercase;
  font-size: 1.2rem;
  color: #ddd;
  margin-bottom: 30px;
}

.article_img_wrapper .post_time {
  color: #fff;
  margin-bottom: 0 !important;
}

/* future shapers home*/
.fs-top-row {
  margin-bottom: 20px;
}

.fs-link-wrapper {
  text-align: left;
  position: relative;
  padding-top: 10px;
}

.fs-link {
  text-transform: uppercase;
  color: #fff;
  font-size: 1rem;
  position: relative;
}

.fs-image {
  width: 100%;
  display: block;
}

.fs-column h2 {
  margin-top: 20px;
  color: #fff;
  line-height: 1.2;
  margin-bottom: 5px;
}

.fs-column p {
  margin-top: 0px;
  font-size: 0.9rem;
  font-family: 'Open Sans', sans-serif;
}

.fs-column a img,
.fs-column a h2 {
  -webkit-transition: all 150ms cubic-bezier(0.250, 0.250, 0.750, 0.750);
  transition: all 150ms cubic-bezier(0.250, 0.250, 0.750, 0.750);
}

.fs-column a:hover img,
.fs-column a:hover h2 {
  opacity: 0.8 !Important;
}

.fs-title {
  font-size: 2rem;
  text-transform: uppercase;
}

.fs-separator {
  display: block;
  width: 65px;
  border-bottom: 1px solid #C81231;
  margin: 20px 0;
}

/*wsj menu*/
/* Menu */
#wsjcs-menu-wrapper {
  position: fixed;
  left: 0px;
  width: 100%;
  text-align: left;
  z-index: 2;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.75s, visibility 0s 0.75s, z-index 0s 0.75s;
  transition: opacity 0.75s, visibility 0s 0.75s, z-index 0s 0.75s;
}

.menu-view #wsjcs-menu-wrapper {
  z-index: 499;
  visibility: visible;
  opacity: 1;
  -webkit-transition: opacity 0.75s, visibility 0s, z-index 0s;
  transition: opacity 0.75s, visibility 0s, z-index 0s;
}

#wsjcs-menu-wrapper {
  top: 0px;
  left: 0px;
  width: 100%;
  position: fixed;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.75);
  display: block;
}

#wsjcs-menu-wrapper #menu {
  width: 700px;
  height: 100%;
  background-color: #0e0f12;
  padding-top: 100px;
  display: block;
}

#wsjcs-menu-wrapper #menu li {
  font-size: 30px;
  font-weight: bold;
  margin-top: 0.65em;
}

#wsjcs-menu-wrapper #menu li a {
  color: #fff;
  display: block;
  padding: 0 2.7em;
  padding-left: 15px;
  margin-left: 2.7em;
  line-height: 1.67em;
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
  font-weight: normal;
  border-left: 3px solid #0e0f12;
}

#wsjcs-menu-wrapper #menu li a:hover {
  color: #ccc;
  opacity: 1;
  border-left: 3px solid #CA0B2C;
}

#article_display_container.category-video .post_title {
  font-size: 5rem;
  line-height: 1;
}

/*qa wrapper*/
.qa-wrapper {
  margin: 30px auto;
}

.qa-wrapper p {
  margin: 0;
}

.qa-wrapper h3 {
  margin-bottom: 10px;
}

h3 {
  line-height: 1.3;
}

.q-wrapper,
.a-wrapper {
  background-color: #2B2C31;
  padding: 50px;
}

.q-wrapper {
  margin-bottom: 2px;
}

/*prev next */
.ft-nav {
  position: relative;
  padding-top: 30px;
  margin-top: 60px;
}

.ft-nav::before {
  content: "";
  width: 40px;
  height: 2px;
  position: absolute;
  top: 0px;
  left: 50%;
  background-color: #48494E;
  margin-left: -20px;
}

.ft-nav .fb-bg {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  background-color: #000;
  opacity: 0.7;
  overflow: hidden;
  width: 100%;
  height: 100%;
  -webkit-transition: all 150ms cubic-bezier(0.250, 0.250, 0.750, 0.750);
  transition: all 150ms cubic-bezier(0.250, 0.250, 0.750, 0.750);
}

.ft-nav a:hover .fb-bg {
  opacity: 0.4;
}

.ft-texts {
  z-index: 2;
  position: absolute;
  padding: 20px;
}

.ft-texts p {
  font-size: 1.3rem;
}

.ft-prev::before, .ft-next::before {
  background-repeat: no-repeat;
  background-size: 25px 25px;
  content: "";
  display: block;
  width: 100px;
  height: 25px;
  padding-left: 20px;
  z-index: 2;
  position: absolute;
  top: 50%;
}

.ft-prev::before {
  background-position: 0px 0px;
  background-image: url(../img/left3.svg);
  left: 5px;
  -webkit-transform: translate(0%, -50%);
  transform: translate(0%, -50%);
  -ms-transform: translate(-0%, -50%)
}

.ft-next::before {
  background-position: right 0px;
  background-image: url(../img/right3.svg);
  right: 5px;
  -webkit-transform: translate(0%, -50%);
  transform: translate(0%, -50%);
  -ms-transform: translate(0%, -50%)
}

/*
.ft-cat .ft-texts::before{
	content:"+";
	position:absolute;
	top:-5px;
	left:0px;
	width:100%;
	text-align:center;
	font-size:20px;
	font-weight:100;
}*/
.ft-ptext,
.ft-ntext {
  display: none;
}

.ft-texts p {
  margin: 0;
  line-height: 1.2;
  display: inline-block;
  vertical-align: middle;
  line-height: normal;
}

.ft-texts span {
  text-transform: uppercase;
}

.ft-next .ft-texts {
  text-align: right;
  position: absolute;
  top: 50%;
  right: 0%;
  -webkit-transform: translate(0%, -50%);
  transform: translate(0%, -50%);
  -ms-transform: translate(0%, -50%);
  padding-right: 40px;
}

.ft-prev .ft-texts {
  position: absolute;
  top: 50%;
  left: 0%;
  -webkit-transform: translate(0%, -50%);
  transform: translate(0%, -50%);
  -ms-transform: translate(-0%, -50%);
  padding-left: 40px;
}

.ft-cat .ft-texts {
  top: 50%;
  left: 50%;
  width: 100%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}

.ft-cat .ft-texts span {
  display: none;
}

.ft-cat {
  text-align: center;
}

.ft-nav a {
  color: #fff;
  overflow: hidden;
  position: relative;
  display: block;
  height: 150px;
  width: 100%;
  background-size: cover;
  background-position: top center;
}

.ft-nav a:hover {
  opacity: 1;
}

.ft-cat p {
  text-transform: uppercase;
}

body #main .has_thumb {
  padding-top: 80px;
}
.f-efficacy-index a{
  color: #888888;
}
.f-efficacy-index a:hover{
  color: #ffffff;
  opacity:1;
}

body blockquote{
  margin-left:20px; padding-left:20px; border-left:2px solid #CA0B2C; font-style:italic;
}
body blockquote span{
  font-weight: 400;
}
/*==============================
medie queries
==============================*/
@media print {

  *,
  *:before,
  *:after {
    background: transparent !important;
    color: #000 !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    text-shadow: none !important;
  }

  a,
  a:visited {
    text-decoration: underline;
  }

  a[href]:after {
    content: " ("attr(href) ")";
  }

  abbr[title]:after {
    content: " ("attr(title) ")";
  }

  a[href^="#"]:after,
  a[href^="javascript:"]:after {
    content: "";
  }

  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }

  thead {
    display: table-header-group;
  }

  tr,
  img {
    page-break-inside: avoid;
  }

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

  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }

  h2,
  h3 {
    page-break-after: avoid;
  }
}

@media screen and (max-width: 1100px) {
  .aboutus_img_block li {
    width: 40% !important;
    margin: 15px 5% 45px 5%;
  }
}

@media screen and (max-width: 1024px) {

  body,
  html {
    overflow: auto !important;
    height: auto !important;
  }
}

@media only screen and (max-width: 980px) {
  .cd-top {
    display: none;
  }
}

@media screen and (max-width: 960px) {
  #article_display_container, #article_display_container.category-video {
    padding: 120px 50px 0px 50px;
  }

  #article_display_container h1,
  .article_img_wrapper .article_top_text h1,
  #article_display_container.category-video .post_title {
    font-size: 48px;
    line-height: 1.3;
  }
}

@media screen and (max-width: 800px) {
  #keywrapper {
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .hm-wrapper {
    padding-left: 20px;
    padding-right: 20px;
  }

  #tmf-wrapper h1 a,
  #tmf-temp h1 a {
    font-size: 20px !important;
  }
}

@media screen and (max-width: 768px) {
  #main .post_time {
    font-size: 1rem;
  }

  #wsjcs-menu-wrapper #menu {
    padding-top: 70px;
  }

  #wsjcs-menu-wrapper #menu li a {
    margin-left: 1.8em;
  }

  .red_topbar {
    -webkit-animation: none !important;
    animation: none !important;
  }

  #global-header {
    position: fixed !important;
  }

  #article_display_container h2 {
    font-size: 1.3rem;
  }

  .cd-btn {
    font-size: 11px;
  }

  .disclaimer br {
    display: none;
  }

  .cd-full-width {
    padding-top: 80px !important;
  }

  .cd-full-width h2 {
    font-size: 40px;
  }

  .cd-full-width p {
    font-size: 18px;
  }

  .right_col {
    width: 100% !important;
    padding-top: 20px;
    padding-left: 0px !important;
    margin-bottom: 30px;
  }

  .left_col {
    width: 100% !important;
  }

  .category_title {
    font-size: 45px;
  }

  #category_wrapper .left_col {
    height: auto;
    overflow: visible;
  }

  .header_image {
    margin-top: 80px;
  }

  .cd-hero-slider {
    margin-top: 80px;
  }

  .disclaimer {
    position: relative;
    margin: 0 auto;
    width: 100%;
    text-align: center;
    font-size: 0.9rem;
  }

  .footer-links {
    text-align: center;
    font-size: 0.9rem;
  }

  .social-lockup {
    width: 155px;
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translate(-44%, -50%);
    transform: translate(-44%, -50%);
    -ms-transform: translate(-44%, -50%);
  }

  .social-wrapper {
    margin-top: 30px !important;
    width: 100%;
    height: 30px;
  }

  .footer {
    padding-bottom: 80px !important;
  }

  #techm-feed {
    height: auto;
  }

  .tmf-element {
    clear: both;
    float: none;
    overflow: hidden !important;
    width: 100%;
    margin-bottom: 10px !important;
    margin-top: 10px !important;
  }

  #news-ticker {
    max-width: 90%;
  }

  .tw_wrapper {
    display: none;
  }

  #global-header {
    text-align: center !important;
  }

  .container .footer {
    padding-bottom: 75px;
  }

  .cbp-sticky {
    display: none;
  }

  .gradient_topbar {
    background: none !important;
  }

  .article_img_wrapper .article_top_text h1,
  .article_img_wrapper .article_top_text ul.breadcrumb li a {
    color: #ddd !important;
  }

  .post_time {
    margin-bottom: 30px;
  }

  #main .article_img_wrapper .post_time {
    margin-bottom: 30px !important;
  }

  .article_img_wrapper {
    margin-top: 140px;
    padding: 0 50px;
  }

  ul.breadcrumb li a {
    font-size: 1.2rem !important;
  }

  .article_img_wrapper .article_top_text {
    position: static !important;
    width: 100%;
    height: auto;
    top: 0px;
    left: 0px;
    -webkit-transform: none !important;
    transform: none !important;
  }

  .article_top_text h1 {
    font-size: 2.5rem;
  }

  .article_big_image {
    display: none;
  }

  .article_mb_img {
    display: block;
    width: 100%;
    height: auto;
  }

  .article_display_container {
    padding-top: 50px;
  }

  #wsjcs-menu-wrapper #menu {
    width: 100%;
    height: auto;
    padding-bottom: 2em;
  }

  #wsjcs-menu-wrapper #menu {
    width: 100%;
    height: auto;
    padding-bottom: 2em;
  }

  .ft-nav {
    display: none;
  }

  #foot-nav {
    display: block;
  }

  body #main .has_thumb {
    padding-top: 10px;
  }

  /*home page*/
  .cd-full-width {
    padding-top: 80px;
  }

  .cd-full-width h2 {
    font-size: 32px;
  }

  .cd-full-width p {
    font-size: 16px;
  }

  .cd-hero-slider .cd-btn {
    padding: 1.2em 1.4em;
    margin-top: .8em;
    font-size: 1rem;
  }

  .fs-link {
    display: none;
  }

  .fs-top-row {
    margin-bottom: 0px;
  }

  .fs-column {
    margin: 30px auto !important;
  }
}

@media screen and (max-width: 767px) {
  .cd-hero-slider li:first-of-type .cd-half-width {
    background-color: rgba(44, 52, 59, 0.5);
  }
}

@media screen and (max-width: 720px) {

  .cd-slider-nav .cd-marker,
  .cd-slider-nav li {
    width: 50px;
    margin: 0 10px;
  }

  .cd-slider-nav .cd-marker.item-2 {
    -webkit-transform: translateX(140%);
    transform: translateX(140%);
  }

  .cd-slider-nav .cd-marker.item-3 {
    -webkit-transform: translateX(280%);
    transform: translateX(280%);
  }

  .cd-slider-nav .cd-marker.item-4 {
    -webkit-transform: translateX(420%);
    transform: translateX(420%);
  }

  .cd-slider-nav .cd-marker.item-5 {
    -webkit-transform: translateX(560%);
    transform: translateX(560%);
  }
}

@media only screen and (max-width:640px) {

  #bgvid,
  .bgvid {
    display: none;
  }
}

@media screen and (max-width: 620px) {
  #wsjcs-menu-wrapper #menu li {
    font-size: 4.2vw;
  }
}

@media screen and (max-width: 600px) {
  .aboutus_img_block li {
    width: 46% !important;
    margin: 15px 2% 65px 2%;
  }

  .aboutus_img_block li>span {
    font-size: 12px;
  }

  #article_display_container {
    padding: 120px 30px 0px 30px;
  }

  #article_display_container h1,
  .article_img_wrapper .article_top_text h1,
  #article_display_container.category-video .post_title {
    font-size: 36px;
    line-height: 1.3;
  }

  .article_img_wrapper {
    padding: 0 30px;
  }
}

@media screen and (max-width: 500px) {

  #tmf-wrapper h1 a,
  #tmf-temp h1 a {
    font-size: 14px !important;
  }

  #tmf-wrapper h1,
  #tmf-temp h1 {
    width: 60%;
    margin: 0 auto;
  }

  #article_display_container h1,
  .article_img_wrapper .article_top_text h1,
  #article_display_container.category-video .post_title {
    font-size: 1.6rem;
    line-height: 1.3;
  }

  #article_display_container {
    padding: 120px 20px 0px 20px;
  }

  .article_img_wrapper {
    padding: 0 20px;
  }

  #article_display_container h2 {
    font-size: 1.2rem;
  }

  #main h1.oa-title {
    font-size: 1.5rem;
  }
}

@media screen and (max-width: 480px) {
  #news-ticker li p, .dir-ltr {
    font-size: 11px;
    padding-top: 2px;
  }
}

@media only screen and (max-width: 468px) {
  .cd-full-width {
    padding-top: 80px;
  }

  .cd-full-width h2 {
    font-size: 22px;
  }

  .cd-full-width p {
    font-size: 14px;
  }

  .cd-hero-slider .cd-btn {
    padding: 1.2em 1.4em;
    margin-top: .8em;
    font-size: 1rem;
  }
}

@media screen and (max-width: 420px) {

  .cd-slider-nav .cd-marker,
  .cd-slider-nav li {
    width: 45px;
    margin: 0 8px;
  }

  .cd-slider-nav .cd-marker.item-2 {
    -webkit-transform: translateX(135%);
    transform: translateX(135%);
  }

  .cd-slider-nav .cd-marker.item-3 {
    -webkit-transform: translateX(271%);
    transform: translateX(271%);
  }

  .cd-slider-nav .cd-marker.item-4 {
    -webkit-transform: translateX(406%);
    transform: translateX(406%);
  }

  .cd-slider-nav .cd-marker.item-5 {
    -webkit-transform: translateX(542%);
    transform: translateX(542%);
  }
}

/*min width*/
@media (min-width:575px) {
  .fs-link {
    text-transform: uppercase;
    color: #fff;
    font-size: 1rem;
    position: absolute;
    bottom: 0px;
    right: 15px;
    margin: 0;
    padding: 0;
  }

  .fs-link-wrapper {
    text-align: right;
    position: relative;
  }
}

@media only screen and (min-width: 768px) {
  body #global-header #desktop-wrapper #lockup #partner-logo{
    margin-bottom:4px;
    margin-right:14px;
  }
  .cd-top {
    right: 20px;
    bottom: 20px;
  }

  .cd-hero-slider {
    height: calc(100vh - 45px);
    min-height: 500px;
  }

  .cd-half-width {
    padding-top: 200px;
    width: 45%;
  }

  .cd-half-width:first-of-type {
    left: 5%;
  }

  .cd-half-width:nth-of-type(2) {
    right: 5%;
    left: auto;
  }

  .cd-bg-video-wrapper {
    display: block;
  }

  .cd-img-container {
    display: block;
  }

  .cd-hero-slider h2,
  .cd-hero-slider p {
    max-width: 670px;
  }

  .cd-btn {
    font-size: 1rem;
  }

  .cd-hero-slider h2 {
    font-size: 44px;
  }

  .cd-hero-slider p {
    font-size: 18px;
  }

  .cd-hero-slider .cd-half-width {
    opacity: 0;
    -webkit-transform: translateX(40px);
    transform: translateX(40px);
  }

  .cd-hero-slider .move-left .cd-half-width {
    -webkit-transform: translateX(-40px);
    transform: translateX(-40px);
  }

  .cd-hero-slider .selected .cd-half-width {
    /* this is the visible slide */
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  .cd-hero-slider .is-moving .cd-half-width {
    /* this is the slide moving outside the viewport
    wait for the end of the transition on the <li> parent before set opacity to 0 and translate to 40px/-40px */
    -webkit-transition: opacity 0s 0.5s, -webkit-transform 0s 0.5s;
    transition: opacity 0s 0.5s, -webkit-transform 0s 0.5s;
    transition: opacity 0s 0.5s, transform 0s 0.5s;
    transition: opacity 0s 0.5s, transform 0s 0.5s, -webkit-transform 0s 0.5s;
  }

  .cd-hero-slider li.selected.from-left .cd-half-width:nth-of-type(2),
  .cd-hero-slider li.selected.from-right .cd-half-width:first-of-type {
    /* this is the selected slide - different animation if it's entering from left or right */
    -webkit-transition: opacity 0.4s 0.2s, -webkit-transform 0.5s 0.2s;
    transition: opacity 0.4s 0.2s, -webkit-transform 0.5s 0.2s;
    transition: opacity 0.4s 0.2s, transform 0.5s 0.2s;
    transition: opacity 0.4s 0.2s, transform 0.5s 0.2s, -webkit-transform 0.5s 0.2s;
  }

  .cd-hero-slider li.selected.from-left .cd-half-width:first-of-type,
  .cd-hero-slider li.selected.from-right .cd-half-width:nth-of-type(2) {
    /* this is the selected slide - different animation if it's entering from left or right */
    -webkit-transition: opacity 0.4s 0.4s, -webkit-transform 0.5s 0.4s;
    transition: opacity 0.4s 0.4s, -webkit-transform 0.5s 0.4s;
    transition: opacity 0.4s 0.4s, transform 0.5s 0.4s;
    transition: opacity 0.4s 0.4s, transform 0.5s 0.4s, -webkit-transform 0.5s 0.4s;
  }

  .cd-hero-slider .cd-full-width h2,
  .cd-hero-slider .cd-full-width p,
  .cd-hero-slider .cd-full-width .cd-btn {
    opacity: 0;
    -webkit-transform: translateX(100px);
    transform: translateX(100px);
  }

  .cd-hero-slider .move-left .cd-full-width h2,
  .cd-hero-slider .move-left .cd-full-width p,
  .cd-hero-slider .move-left .cd-full-width .cd-btn {
    opacity: 0;
    -webkit-transform: translateX(-100px);
    transform: translateX(-100px);
  }

  .cd-hero-slider .selected .cd-full-width h2,
  .cd-hero-slider .selected .cd-full-width p,
  .cd-hero-slider .selected .cd-full-width .cd-btn {
    /* this is the visible slide */
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  .cd-hero-slider li.is-moving .cd-full-width h2,
  .cd-hero-slider li.is-moving .cd-full-width p,
  .cd-hero-slider li.is-moving .cd-full-width .cd-btn {
    /* this is the slide moving outside the viewport
    wait for the end of the transition on the li parent before set opacity to 0 and translate to 100px/-100px */
    -webkit-transition: opacity 0s 0.5s, -webkit-transform 0s 0.5s;
    transition: opacity 0s 0.5s, -webkit-transform 0s 0.5s;
    transition: opacity 0s 0.5s, transform 0s 0.5s;
    transition: opacity 0s 0.5s, transform 0s 0.5s, -webkit-transform 0s 0.5s;
  }

  .cd-hero-slider li.selected h2 {
    -webkit-transition: opacity 0.4s 0.2s, -webkit-transform 0.5s 0.2s;
    transition: opacity 0.4s 0.2s, -webkit-transform 0.5s 0.2s;
    transition: opacity 0.4s 0.2s, transform 0.5s 0.2s;
    transition: opacity 0.4s 0.2s, transform 0.5s 0.2s, -webkit-transform 0.5s 0.2s;
  }

  .cd-hero-slider li.selected p {
    -webkit-transition: opacity 0.4s 0.3s, -webkit-transform 0.5s 0.3s;
    transition: opacity 0.4s 0.3s, -webkit-transform 0.5s 0.3s;
    transition: opacity 0.4s 0.3s, transform 0.5s 0.3s;
    transition: opacity 0.4s 0.3s, transform 0.5s 0.3s, -webkit-transform 0.5s 0.3s;
  }

  .cd-hero-slider li.selected .cd-btn {
    -webkit-transition: opacity 0.4s 0.4s, -webkit-transform 0.5s 0.4s, background-color 0.2s 0s;
    -webkit-transition: opacity 0.4s 0.4s, background-color 0.2s 0s, -webkit-transform 0.5s 0.4s;
    transition: opacity 0.4s 0.4s, background-color 0.2s 0s, -webkit-transform 0.5s 0.4s;
    transition: opacity 0.4s 0.4s, transform 0.5s 0.4s, background-color 0.2s 0s;
    transition: opacity 0.4s 0.4s, transform 0.5s 0.4s, background-color 0.2s 0s, -webkit-transform 0.5s 0.4s;
  }
}

@media screen and (min-width: 768px) and (max-width:1200px) {

  .cd-half-width .home-text p,
  .cd-half-width .add-text p {
    font-size: 2.5vw;
  }
}

@media only screen and (min-width: 1024px) {
  .cd-top {
    height: 60px;
    width: 60px;
    right: 30px;
    bottom: 30px;
  }
}

@media screen and (min-width: 1025px) {
  .container {
    /* position:relative;*/
    width: 100%;
    height: 100%;
  }
}

@media only screen and (min-width: 769px) {
  .img770 {
    background-position: 100px top;
    background-color: #f3f2f0;
    background-repeat: no-repeat;
  }

  .img1016 {
    background-position: right top !important;
    background-image: url('https://s3.amazonaws.com/prd-us-east-cs-wsj/2018/11/img1016-right.png') !important;
    background-repeat: no-repeat !important;
    background-color: #1a1b20 !important;
  }

  .img1028 {
    background-position: right top !important;
    background-image: url('https://s3.amazonaws.com/prd-us-east-cs-wsj/2018/12/img1028-right-2.png') !important;
    background-repeat: no-repeat !important;
    background-color: #1a1b20 !important;
  }
  .img1109 {
    background-position: right top !important;
    background-image: url('https://partners.wsj.com/tech-mahindra/in-the-future/wp-content/uploads/sites/169/2019/12/Abhay-Singhal-3-re4-1-3.jpg') !important;
    background-repeat: no-repeat !important;
    background-color: #1a1b20 !important;
  }
}

@media only screen and (min-width: 1000px) {
  .img770 {
    background-position: 200px top;
    background-color: #f3f2f0;
    background-repeat: no-repeat;
  }
}

.img785.article_big_image {
  background-position: right -500px center;
  background-repeat: no-repeat;
  background-color: #dadbdf;
}

@media only screen and (min-width: 1200px) {
  .img770 {
    background-position: 20vw top;
    background-color: #f3f2f0;
    background-repeat: no-repeat;
  }

  .img785.article_big_image {
    background-position: right -40vw center;
  }
}

@media only screen and (min-width: 1170px) {
  .cd-full-width {
    padding-top: 160px;
  }

  .cd-half-width {
    padding-top: 220px;
  }

  .cd-hero-slider h2,
  .cd-hero-slider p {
    margin-bottom: 20px;
  }

  .cd-hero-slider h2 {
    font-size: 48px;
  }

  .cd-hero-slider p {
    font-size: 22px;
  }
}

@media screen and (min-width: 1200px) {

  .cd-half-width .home-text,
  cd-half-width .add-text {
    max-width: 700px;
  }

  .cd-half-width .home-text p,
  .cd-half-width .add-text p {
    font-size: 42px;
    margin-top: 20px;
  }
}

@media only screen and (min-width: 1300px) {
  .cd-full-width {
    padding-top: 120px;
  }

  .cd-hero-slider h2 {
    font-size: 64px !important;
  }

  .cd-hero-slider p {
    font-size: 24px;
  }
}


@media (max-aspect-ratio: 16/9) {
  .cd-bg-video-wrapper iframe {
    width: 300vw !important;
  }
}

#cx-notification {
  position: fixed !important;
  z-index: 501;
  width: 100%;
}

@media only screen and (min-width: 768px) {
  .cd-hero-slider li:first-child .home-text {
    position: absolute;
  left: 0px;
  width: 100%;
  top:25%;
  top: calc(50vh - 160px);
  }

  .cd-hero-slider li:first-child .home-text img {
    width: 450px;
  }

  .cd-hero-slider li:first-child .cd-bg-text {
    margin-top: 40px;
  }
}

@media only screen and (min-width: 1024px) {
  .cd-hero-slider li:first-child .cd-bg-text {
    margin-top: 40px;
  }
}

@media only screen and (max-width: 768px) {

  /*techm css*/
  .cd-hero-slider li:first-child .home-text {
    top: 8%;
    position: absolute;
    left: 0px;
    text-align: center;
    width: 100%;
  }

  .cd-hero-slider li:first-child .home-text img {
    height: auto;
    width: 50%;
    display: block;
    margin: 0 auto;
  }
}

@media only screen and (min-width: 1170px) {

  .cd-hero-slider li:first-child .home-text {
  top: calc(50vh - 150px);
  }

  .cd-hero-slider li:first-child .cd-bg-text {
    margin-top: 80px;
  }

}

@media only screen and (min-width: 1300px) {

    .cd-hero-slider li:first-child .cd-bg-text p{
       font-size:25px;
    }
    .cd-hero-slider li:first-child .home-text {
      top:25%;
      top: calc(50vh - 170px);
    }
}
/* Portrait */
@media only screen and (min-width: 1024px) and (max-height: 1366px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1.5) {



}

/* Landscape */
@media only screen and (min-width: 1024px) and (max-height: 1366px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1.5) {
  /*.cd-hero-slider li:first-child .home-text img {
    margin-top: 200px;
  }*/
}
/* Portrait */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
  .cd-hero-slider li:first-child .home-text {

  top:25%;
  top: calc(50vh - 160px);
  }

}
/* Landscape */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {

}

@media only screen and (min-width: 768px) and (max-height: 550px){
  .cd-hero-slider li:first-child .home-text {

      top:90px;

  }

}