@import url("https://fonts.googleapis.com/css?family=Droid+Sans:300,400,700");

      :root {
        --font: @font-face;
        --alt-font: Droid Sans;
        --accent-color: #596e89;
        --secondary-color: #43474a;
        --link-color: #1074a6;
        --accent-highlight-color: #3b495b;
        --accent-highlight-background-color: #edf0f4;
        --accent-tinted-color-70: #cdd4dc;
        --accent-tinted-color-80: #dee2e7;
        --accent-tinted-color-90: #eef1f3;
        --accent-contrast-color: #fff;
        --accent-contrast-tinted-background-color: #b3b3b3;
        --accent-hover-color: #7287a3;
        --secondary-hover-color: #5b6165;
        --secondary-contrast-color: #fff;
        --link-hover-color: #31adeb;
      }
      
body { background: url('https://d36ai2hkxl16us.cloudfront.net/thoughtindustries/image/upload/v1/course-uploads/26c6455a-53a1-467b-bb25-f60ce4685571/daxtsbxakanx-Background.png'); background-attachment: fixed; background-size: cover; }
.company__logo {text-indent: 100%;white-space: nowrap;overflow: hidden;background: url('https://d36ai2hkxl16us.cloudfront.net/thoughtindustries/image/upload/a_exif,c_fit,t_ti_company_logo_hires_v3/v1/course-uploads/26c6455a-53a1-467b-bb25-f60ce4685571/vbm21mcruq9a-myFikeLogobl_standard_Masc_Fem1_lower3rd_r2.png') no-repeat center left;background-size: contain;} .company__logo span.h4 {visibility: hidden;}
/* */
#cart-button { display: none; }

/* red section */
.red-images{
  display: block;
}
.red-images--item{
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  min-height: 265px;
  color: #fff;
  text-align: center;
}
.red-images--item a{
  display: flex;
  width: 100%;
  min-height: 100%;
  min-height: 265px;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 15px;
  position: relative;
  overflow: hidden;
}
.red-images--item h2{
    color: #fff;
    width: 100%;
    text-transform: uppercase;
    margin-bottom: 0;
    font-size: 23px;
    line-height: 1.3;
    position: absolute;
    left: 0;
    bottom: 16px;
  transition: all 0.3s ease-out;
}
.red-images--item a:hover h2{
  bottom: 50%;
  transform: translateY(50%);
  font-size: 25px;
}
/* end red section */
.home-quotes--quote{
    color: #fff;
    background-repeat: no-repeat;
    background-position: 0 0;
    background-image: url(//d36ai2hkxl16us.cloudfront.net/m/crowd-culture/quote.svg);
    background-size: 13.3%;
    padding-top: 38px;
    padding-left: 30px;
}
.home-quotes--holder .home-quotes--author{
  font-family: 'Playfair Display', serif;
    font-style: italic;
    color: #fff;
    padding-top: 16px;
    font-size: 22px;
    font-weight: 100;
}
.home-quotes--item.slick-slide{
    min-height: 489px;
    display: flex;
    flex-direction: column;
    justify-content: center;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
}
.home-quotes--holder{
  width: 80%;
  padding-left: 50px;
}
.home-quotes--holder h1{
  font-size: 1.75rem;
}
.home-quotes--holder .home-quotes--author{
  padding-left: 30px;
}
/* carousel styling */
.slick-initialized .home-quotes--item.slick-slide{
  display: flex;
}
.home-quotes .slick-arrow{
  position: absolute;
  z-index: 5;
  border: none;
  background-color: transparent;
  background-position: 50% 50%;
  background-size: contain;
  background-repeat: no-repeat;
  top: 50%;
  margin-top: -30px;
  height: 60px;
  width: 36px;
  text-indent: 110%;
  line-height: 60px;
  overflow: hidden;
  opacity: 0.6;
  transition: opacity 0.2s ease-in;
  margin: 0;
  padding: 0;
}
.home-quotes .slick-arrow:hover{
  opacity: 0.9;
}
.home-quotes .slick-arrow.slick-prev{
  background-image: url(//d36ai2hkxl16us.cloudfront.net/m/crowd-culture/prev-arrow.svg);
  left: 15px;
}
.home-quotes .slick-arrow.slick-next{
  background-image: url(//d36ai2hkxl16us.cloudfront.net/m/crowd-culture/fwd-arrow.svg);
  right: 15px;
}

.home-hero .hero .hero__caption a{
    margin-top: 15px;
    text-transform: uppercase;
    letter-spacing: 0.09em;
}

/* our courses */
.our-courses-home{
    padding-top: 69px;
    padding-left: 2rem;
    padding-right: 2rem;
  padding-bottom: 25px;
}
.our-courses-home h1{
  font-size: 54px;
  margin-bottom: 26px;
}
.our-courses-home--wrapper{
  display: block;
}
#learner .our-courses-home--item h3{
    font-weight: 200;
    font-family: 'Montserrat', sans-serif;
    font-size: 27px;
    padding-top: 13px;
    letter-spacing: -0.05em;
    margin-bottom: 0;
    padding-bottom: 40px;
}
.our-courses-home--item a{
  display: block;
}
.our-courses-home--item img{
  min-width: 100%;
}
/* video section on the bottom */
.home-video{
  padding-top: 46px;
    padding-left: 2rem;
    padding-right: 2rem;
}

.home-video h1{
  font-size: 54px;
  margin-bottom: 0;
  padding-bottom: 23px;
}

}
.home-video--item h3{
    padding-top: 22px;
    font-size: 28px;
    margin-bottom: 0;
}
#learner .widget--featured-content .featured-content-article-item__title{
    font-weight: 200;
    font-family: 'Montserrat', sans-serif;
    font-size: 27px;
    padding-top: 13px;
    letter-spacing: -0.05em;
    margin-bottom: 0;
    padding-bottom: 40px;
  margin-top: 0;
}

.home.index #learner .widget--featured-content~.widget--featured-content .featured-content-article-item h4{
    padding-top: 0;
    font-size: 26px;
    margin-bottom: 0;
  font-family: 'Playfair Display', serif;
  padding-bottom: 0;
  letter-spacing: 0;
  margin-top: 26px;
}
.home-video--item p{
  color: #999;
}


.home.index .featured-content-article-item__description{
  color: #999;
  font-size: 14px;
  padding-top: 0.5rem;
}
.home-video--item .home-video--tooltip{
  font-size: 12px;
  text-transform: uppercase;
  padding-top: 3px;
  padding-bottom: 17px;
  position: relative;
  color: #999;
}
.home-video--item .home-video--tooltip:after{
  content: '';
  position: absolute;
  min-width: 80px;
  bottom: 0;
  left: 0;
  border-bottom: 5px solid #be1523;
}

.widget--featured-content .featured-content-article-item__description:before {
    content: " ";
    position: absolute;
    top: -10px;
    left: 0;
    border-width: 4px 0 0;
    border-style: solid;
    width: 41px;
    height: 0;
}
.home.index .featured-content-multi-carousel-item__source{
  font-size: 12px;
    text-transform: uppercase;
    padding-top: 3px;
    padding-bottom: 0;
    position: relative;
    color: #999;
}
.home-video--item a{
  display: block;
  position: relative;
}
.index.home .video-player-arrow{
  position: relative;
}
.home-video--item a:after,
.index.home .widget--featured-content~.widget--featured-content .video-player-arrow:after{
  content: '';
  background-image: url(//d36ai2hkxl16us.cloudfront.net/m/crowd-culture/arrow.svg);
  background-color: rgba(45, 45, 45, 0.6);
    width: 60px;
    height: 60px;
    background-position: 22px 50%;
    position: absolute;
    background-repeat: no-repeat;
    border-radius: 50%;
    background-size: 32%;
  top: 50%;
    left: 50%;
    margin-top: -30px;
    margin-left: -30px;
  transition: background-color 0.3s ease-in;
}
.home-video--item a:after, .index.home .video-player-arrow:hover:after {
  background-color: rgba(45, 45, 45, 0.9);
}
.home-video--item img{
  min-width: 100%;
}
.index.home .featured-content-article-item{
  border: none;
  padding: 0;
  position: relative;
}
.index.home .featured-content-article-item .featured-content-article-item__body{
  padding: 0;
}
.index.home .hr__accent{
  display: none;
}
/* end our courses */
/* footer */
.footer{
  background-color: #666;
}
.footer__inner{
  border: none;
  
}
.footer__company__info,
.footer__company__name,
.footer__powered-by,
.footer__powered-by a{
  color: #fff;
}
.footer__links strong{
  display: none;
}
.footer__links a{
  display: block;
  overflow: hidden;
  height: 30px;
  width: 30px;
  background-image: url(//d36ai2hkxl16us.cloudfront.net/m/crowd-culture/question.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  text-indent: 110%;
  line-height: 30px;
}

@media only screen and (min-width: 24em){

}
@media only screen and (min-width: 30.063em) {

}
@media only screen and (min-width: 40.063em) {

}
@media only screen and (min-width: 48.063em) {
  /* transparent nav */
  .index.home .header.header--microsite{
    position: absolute;
    top: 42px;
    background-color: rgba(255, 255, 255, 0.7);
    z-index: 10;
    width: 100%;
  }
  .header--microsite .company__logo {
      float: left;
    margin-bottom: 2.2rem;
      width: 270px;
      height: 110px;
      margin-top: -37px;
      margin-left: -9px;
  }
  .top-bar{
    border: none;
    background: transparent;
      float: right;
      padding-right: 58px;
      margin-top: -75px;
  }
  .top-bar-section ul li{
    background: transparent;
  }
  .top-bar-section li:not(.has-form) a:not(.button){
    text-transform: uppercase;
    color: #000;
      font-weight: bold;
      font-size: 20px;
      line-height: 36px;
      padding-right: 34px;
  }
  .top-bar-section li:not(.has-form) a:not(.button):hover,
  .top-bar-section li:not(.has-form) a:not(.button):focus{
    background-color: transparent;
  }
  .top-bar-section li:not(.has-form) a:not(.button){
    background-color: transparent;
  }
  .top-bar-section ul li:hover:not(.has-form)>a{
    background-color: transparent;
  }
  .top-bar-section .left li .dropdown {
      right: auto;
      left: -60px;
  }
  /* nav specific */
  /* replace the cart link with cart icon */
  .nav--top ul a{
    position: absolute;
    top: 0;
    right: 5px;
  }
  .nav--top ul li:last-of-type a{
    overflow: hidden;
    background-image: url(//d36ai2hkxl16us.cloudfront.net/m/crowd-culture/cart.svg);
    background-repeat: no-repeat;
      background-size: 90%;
      background-position: 50% 50%;
      text-indent: 400%;
      width: 36px;
      height: 36px;
      position: absolute;
      right: 39px;
      top: 49px;
    z-index: 4;
  }
  .nav ul>li:not(.has-form) a:not(.button):focus,
  .nav--top ul li:last-of-type a:focus{
    background-color: transparent;
  }
 
  }
  .top-bar-section .has-dropdown>a:after,
  .top-bar-section .navigation-widget__item--has-dropdown>a:after{
      content: "";
      display: block;
      width: 14px;
      height: 9px;
    background-image: url(//d36ai2hkxl16us.cloudfront.net/m/crowd-culture/sub-menu.svg);
    background-repeat: no-repeat;
      background-size: contain;
    background-position: 50% 50%;
      border: none;
      border-color: transparent;
      border-top-style: none;
      margin-top: -10.5px;
      top: 1.5rem;
  }
  /* dropdown */
  .top-bar-section .dropdown li:not(.has-form):not(.active)>a:not(.button),
  .top-bar-section .dropdown li a{
      width: auto;
      height: auto;
    text-indent: 0;
    overflow: visible;
      margin-left: 0;
      text-align: right;
      padding-right: 15px;
      color: #000;
      font-size: 14px;
      font-weight: normal;
  }
  
  
  .home-hero .hero:before{
    content: '';
    position: absolute;
    bottom: 0;
    top: 44%;
    left: 0;
    right: 0;
    z-index: 5;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.60+100 */
    background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.60) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.60) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.60) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#40000000',GradientType=0 ); /* IE6-9 */
    transition: top 0.3s ease-in;
  }
  .home-hero .hero .hero__caption{
      background-color: transparent;
      z-index: 5;
      color: #fff;
      width: 90%;
      left: 3.6%;
  }
  .home-hero .hero .hero__caption h2{
    color: #fff;
    font-size: 48px;
  }
  #learner .home-hero .hero .hero__caption .h4{
    color: #fff;
    font-family: 'Montserrat', sans-serif;
    font-weight: 200;
    font-size: 23px;
    display: block;
  }

  .layout__content .home-hero .hero{
    margin-bottom: 0;
  }
  /* red items */
  .red-images{
    display: flex;
  }
  .red-images--item{
    width: 33.33%;
  }
  .red-images--item a{
    position: relative;
    overflow: hidden;
    min-height: 265px;
  }
  .red-images--item a:after{
    content: '';
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 21px 22px 21px;
    border-color: transparent transparent #ffffff transparent;
    transition: bottom 0.2s ease-in;
    bottom: -22px;
    left: 50%;
    margin-left: -21px;
  }
  .red-images--item a:hover:after{
    bottom: 0;
  }
  /* our courses */
  .our-courses-home{
      padding-left: 4.1rem;
      padding-right: 4.1rem;
  }
  .our-courses-home--wrapper{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .our-courses-home--item{
    width: calc(33.33% - 15px);
  }
  /* red banner */
  .home-quotes--item,
  .home-quotes--item.slick-slide{
      min-height: 489px;
      display: flex;
      flex-direction: column;
      justify-content: center;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
  }
  .slick-initialized .home-quotes--item.slick-slide{
    display: flex;
  }
  .home-quotes--holder{
    width: 56%;
    padding-left: 50px;
  }
  .home-quotes--holder h1{
    font-size: 2.25rem;
  }
  .home-quotes--holder .home-quotes--author{
    padding-left: 30px;
  }
  /* video section */
  .home-video,
  .layout__content .widget--featured-content{
      padding-left: 4.1rem;
      padding-right: 4.1rem;
  }
  .home-video--wrapper{
    display: flex;
    justify-content: space-between;
  }
  .home-video--item{
    width: calc(50% - 19px);
  }
  /* footer */
  .footer .footer__powered-by{
    border: none;
    display: block;
      padding: 7px 0 0 0;
      margin: 0;
  }
  /* custom courses 
  .header--student .header__right{
	  width: 100%;
	  left: 0;
	  right: 0;
  }*/
}
@media only screen and (min-width: 55em){
  .header--microsite .company__logo {
      float: left;
      margin-bottom: 0.3rem;
      width: 326px;
      height: 110px;
      margin-top: 3px;
      margin-left: -9px;
  }
  .home-hero .hero .hero__caption{
      width: 66%;
  }
  .home-hero .hero .hero__caption h2{
    font-size: 53px;
  }
}
@media only screen and (min-width: 60.063em){

}
@media only screen and (min-width: 64.063em){
  .header--microsite .company__logo {
      float: left;
      margin-bottom: .3rem;
      width: 361px;
      height: 110px;
      margin-top: -5px;
      margin-left: 0;
  }

}
@media only screen and (min-width: 70em){
  .header--microsite .company__logo, .header--microsite .company__beta-logo {
      float: left;
      margin-bottom: .5rem;
      width: 300px;
      height: 110px;
      margin-top: -9px;
      margin-left: 11px;
  }

}
@media only screen and (min-width: 72.063em){
  .home-hero .hero:before{
    top: 44%;
  }
}
@media only screen and (min-width: 80.063em) {

}
.home-quotes--quote{
    color: #1b75bb;
    background-repeat: no-repeat;
    background-position: 50% 0;
    background-image: url();
    padding-top: 80px;
	font-weight: 300;
}
.home-quotes--holder .home-quotes--author{
	font-family: 'Montserrat', sans-serif;
    font-style: italic;
    color: #1b75bb;
    padding-top: 16px;
    font-size: 22px;
    font-weight: 300;
	text-align: center;
	position: relative;
	margin-bottom: 0;
}
.home-quotes--holder .home-quotes--author:before{
	content: '';
	position: absolute;
	top: 0;
	height: 0;
	min-width: 180px;
	border-top: 1px solid #1b75bb;
	margin-left: calc(50% - 90px);
	display: block;
}
.home-quotes--item.slick-slide{
    min-height: 489px;
    display: flex;
    flex-direction: column;
    justify-content: center;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: cover;
}
.home-quotes--holder{
	width: 80%;
	margin-left: auto;
	margin-right: auto;
}
.home-quotes--holder h1{
	font-size: 1.75rem;
	text-align: center;
}
.home-quotes--holder .home-quotes--author-info{
	color: #1b75bb;
	font-style: italic;
	text-align: center;
	font-weight: 100;
}
/* carousel styling */
.slick-initialized .home-quotes--item.slick-slide{
  display: flex;
}
.home-quotes .slick-arrow{
  position: absolute;
  z-index: 5;
  border: none;
  background-color: transparent;
  background-position: 50% 50%;
  background-size: contain;
  background-repeat: no-repeat;
  top: 50%;
  margin-top: -30px;
  height: 60px;
  width: 36px;
  text-indent: 110%;
  line-height: 60px;
  overflow: hidden;
  opacity: 0.6;
  transition: opacity 0.2s ease-in;
  margin: 0;
  padding: 0;
}
.home-quotes .slick-arrow:hover{
  opacity: 0.9;
}
.home-quotes .slick-arrow.slick-prev{
  background-image: url(//d36ai2hkxl16us.cloudfront.net/thoughtindustries/image/upload/v1499395009/cecqyzpkxafkujvxzc7q.png);
  left: 15px;
}
.home-quotes .slick-arrow.slick-next{
  background-image: url(//d36ai2hkxl16us.cloudfront.net/thoughtindustries/image/upload/v1499395022/prqh43iveyoe9dyptsme.png);
  right: 15px;
}
@font-face {
  font-family: 'Graphik Web';
  src: url('Graphik-Medium-Web.woff2') format('woff2'),
       url('Graphik-Medium-Web.woff') format('woff');
  font-weight:  500;
  font-style:   normal;
  font-stretch: normal;
}

.Graphik-Medium-Web {
  font-family: 'Graphik Web';
  font-weight:  500;
  font-style:   normal;
  font-stretch: normal;
}