@charset "UTF-8";
/* CSS Document */
/************************************
	Row 1 Video
************************************/

#MainVid {
    display: inline-block;
    margin: 30px 70px -40px 100px;
    position: relative;
    float: left;
}
.VidPos {
    position: absolute;
    top: 20px;
    left: 23px;
}
.VidPos iframe {
    width: 420px;
    height: 236px;
}
.VidSubTitle {
    float: left;
    margin: 50px 0px 0px 0px;
    width: 320px;
    color: #004A7F;
    font-size: 40px;
    font-weight: normal;
}
/************************************
	General Testimonial items 
************************************/

.TestmCol1 {
    float: left;
    position: relative;
    margin: -30px 60px 0px 0px;
    width: 208px;
    text-align: center;
}
.TestmCol2 {
    float: left;
    position: relative;
    margin: 0px 40px 0px 0px;
    width: 346px;
}
.TestmCol3 {
    float: left;
    position: relative;
    margin: 0px 0px 0px 0px;
    width: 300px;
}
.TestmCol-L, .TestmCol-C, .TestmCol-R {
    display: inline-block;
    vertical-align: top;
}
.TestmCol-L {
    width: 208px;
    margin-right: 57px;
}
.TestmCol-C {
    width: 346px;
    margin-right: 40px;
}
.TestmCol-R {
    width: 290px;
}
.TestmVidCol1 {
    float: left;
    position: relative;
    margin: 0px 90px 60px 0px;
    width: 350px;
    text-align: center;
}
.TestmVidCol2 {
    float: left;
    position: relative;
    margin: 0px 60px 60px -10px;
    width: 420px;
    height: 236px;
    text-align: center;
}
.TestimonialQuote {
    font-size: 34px;
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 200;
}
.TestmQuoteOpen {
    position: absolute;
    top: -18px;
    left: -28px;
    font-size: 65px;
    font-weight: bold;
}
.TestmQuoteClose {
    position: absolute;
    bottom: -20px; 
    font-size: 55px; 
    font-weight: bold;
}
.TestimonialCTA {
    float: left;
    margin: 0px 40px 0px 0px;
    width: 614px;
    font-size: 34px;
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 200;
    color: #004A7F;
}
.btnExpandTestimonial {
    display: block;
    font-size: 21px;
    padding: 20px 28px;
    margin-bottom: 22px;
    background: #F2F2F2 url(https://assets.zwift.com.au/zwiftWebsite/images/img_arrow_expand_down.png) no-repeat center right;
}
.btnExpandTestimonial:hover {
    cursor: pointer;
}
#expandedTesimonial {
    float: left;
    margin: 20px 0px 95px 0px;
    font-size: 18px;
}
.RetName {
    font-size: 14px;
}
/************************************
	Themes
************************************/
.ThemeDefault {
    background: #FFF;
    color: #1A171B;
}
.ThemeBlack {
    background: #000;
    color: #FFF;
}
.ThemeBaked {
    background: #E7511E;
    color: #FFF;
}
.ThemeRockin {
    background: #000;
    color: #FFF;
}
.ThemeTrina {
    background: #F7F8E2;
    color: #1A171B;
}
.ThemeMicco {
    background: #000;
    color: #FFF;
}
.ThemeSingh {
    background: #621c6f;
    color: #FFF;
}
.ThemeHimalayas {
    background: #e2001a;
    color: #fff;
}
.ThemeBlossom {
    background: #861424;
    color: #fff;
}
.ThemeKonThai {
    background: #000;
    color: #FFF;
}
.ThemeMrNatural {
    background: #7D9721;
    color: #FFF;
}
.ThemeMC {
    background: #DFC67C;
    color: #000;
}
/*2018-2020 Testimonials*/
.TestimonialGlobalTheme {
    color: rgba(99,122,132,1.00)
}
.TestimonialGlobalTheme .ContentWrap {
    padding: 75px 0;
}
.TestimonialGlobalTheme img {
    width: 80%;
    max-width: 250px;
    height: auto;
    resize: both;
    margin-bottom: 25px;
}
.TestimonialGlobalTheme h2 {
    font-size: 1.75em;
    font-weight: 400;
    margin-bottom: 20px;
}
.TestimonialGlobalTheme p {
    margin-bottom: 20px;
}
.TestimonialGlobalTheme span {
    display: block;
    line-height: 1.5em;
}
.ThemeBaseCamp {
    background: #1A0604 url(https://4.zwcdn.zwift.com.au/zwiftWebsite/images/testimonials/bg_basecamp.jpg) no-repeat center center;
    color: #FFF;
}
.ThemeBaseCamp span {
    color: #E18800;
}
.ThemeBigBoyz {
    background: #FEE2C3 url(https://4.zwcdn.zwift.com.au/zwiftWebsite/images/testimonials/bg_BigBoyz.jpg) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    color: #FFFFFF;
}
.ThemeBigBoyz h2 {
    color: #ffd900;
    font-style: italic;
}
.ThemeBigBoyz span {
    color:  rgba(0,0,0,0.90);
}
.ThemeCurryLeaf span {
    color: #BEA8A2;
}
.ThemeDiceys span {
    color: #D9001A;
}
.ThemeDoughlicious span {
    color: #EE4023;
}
.ThemeHeaven span {
    color: #EB6211;
}
.ThemeIronbark {
    background: #FEE2C3 url(https://4.zwcdn.zwift.com.au/zwiftWebsite/images/testimonials/bg_ironbark.jpg) no-repeat top fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    color: #353020;
}
.ThemeIronbark span {
    color: #EA5B25;
}
.ThemeJJs {
    background: #000 url(https://4.zwcdn.zwift.com.au/zwiftWebsite/images/testimonials/bg_jjs.jpg) no-repeat top fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    color: #FFF;
}
.ThemeJJs h2 {
    color: #FFEC00;
    font-style: italic;
}
.ThemeJJs span {
    color: #D71916;
}
.ThemeJoejoes span {
    color: #B9BE12;
}
.ThemeLaraBigBite {
    background: #C49E6B url(https://4.zwcdn.zwift.com.au/zwiftWebsite/images/testimonials/bg_larabigbite.jpg) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    color: #FFF;
}
.ThemeLaraBigBite span {
    color: #30358C;
}
.ThemePazza span {
    color: #C7D2D8;
}
.ThemePetes span {
    color: #C7D2D8;
}
.ThemePizzaDelSole span {
    color: #f4a816;
}
.ThemeRioBravo span {
    color: #67A3D3;
}
/*End 2018 Testimonials*/

.h350 {
    min-height: 350px;
}
.ShowDon {
    background: #F2F2F2 url(https://assets.zwift.com.au/zwiftWebsite/images/img_arrow_expand_down.png) no-repeat center right;
}
.ShowBaked {
    background: #D33A16 url(https://assets.zwift.com.au/zwiftWebsite/images/img_arrow_expand_down.png) no-repeat center right;
}
.ShowTrina {
    background: #69AF24 url(https://assets.zwift.com.au/zwiftWebsite/images/img_arrow_expand_down.png) no-repeat center right;
}
.ShowRockin {
    background: #555555 url(https://assets.zwift.com.au/zwiftWebsite/images/img_arrow_expand_down.png) no-repeat center right;
}
.ShowMicc {
    background: #555555 url(https://assets.zwift.com.au/zwiftWebsite/images/img_arrow_expand_down.png) no-repeat center right;
}
.ShowSingh {
    background: #863e94 url(https://assets.zwift.com.au/zwiftWebsite/images/img_arrow_expand_down.png) no-repeat center right;
}
.ShowHimalayas {
    background: #C00418 url(https://assets.zwift.com.au/zwiftWebsite/images/img_arrow_expand_down.png) no-repeat center right;
}
.ShowBlossom {
    background: #912C30 url(https://assets.zwift.com.au/zwiftWebsite/images/img_arrow_expand_down.png) no-repeat center right;
}
.ShowKonThai {
    background: #555555 url(https://assets.zwift.com.au/zwiftWebsite/images/img_arrow_expand_down.png) no-repeat center right;
}
.ShowMC {
    background: #C2A954 url(https://assets.zwift.com.au/zwiftWebsite/images/img_arrow_expand_down.png) no-repeat center right;
}
#expandedTesimonialDon {
    float: left;
    margin: 40px 0px 95px 0px;
    font-size: 18px;
}
#expandedTesimonialBaked {
    float: left;
    margin: 10px 0px 95px 0px;
    font-size: 18px;
}
#expandedTesimonialTrina {
    float: left;
    margin: 20px 0px 95px 0px;
    font-size: 18px;
}
#expandedTesimonialPBar {
    float: left;
    margin: 20px 0px 95px 0px;
    font-size: 18px;
}
#expandedTesimonialRockin {
    float: left;
    margin: 40px 0px 95px 0px;
    font-size: 18px;
}
#expandedTesimonialMicc {
    float: left;
    margin: 30px 0px 95px 0px;
    font-size: 18px;
}
#expandedTesimonialSingh {
    float: left;
    margin: 30px 0px 95px 0px;
    font-size: 18px;
}
#expandedTesimonialMC {
    float: left;
    margin: 30px 0px 95px 0px;
    font-size: 18px;
}
#expandedTesimonialHimalayas {
    float: left;
    margin: 30px 0px 95px 0px;
    font-size: 18px;
}
#expandedTesimonialBlossom {
    float: left;
    margin: 30px 0px 95px 0px;
    font-size: 18px;
}
#expandedTesimonialKonThai {
    float: left;
    margin: 30px 0px 95px 0px;
    font-size: 18px;
}
#expandedTesimonial999Thai {
    float: left;
    margin: 30px 0px 95px 0px;
    font-size: 18px;
    vertical-align: text-top;
}

@media screen and (max-width:480px) {
.TestimonialGlobalTheme a {
    display: block;
    text-align: center;
}
.TestimonialGlobalTheme h2 {
    font-size: 1.3em;
}
.ThemeIronbark {
    background: #FEE2C3 url(https://4.zwcdn.zwift.com.au/zwiftWebsite/images/testimonials/bg_ironbark.jpg) no-repeat left fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
}
}

/************************************
	Paralax Effect - disabled, causes double scroll bar
************************************/

/*.SiteWrapper {height: 100vh; overflow-x: hidden; overflow-y: auto; perspective: 2px;}
.TestimonialGlobalTheme { height: 100vh; overflow-x: hidden; overflow-y: auto; perspective: 2px;}

.TestimonialGlobalTheme .SectorRow { position: relative; 
  display: flex; align-items: center; justify-content: center;
}

.parallax::after {
  content: " ";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transform: translateZ(-1px) scale(1.5);
  background-size: 100%;
  z-index: -1;
}
.static {
  background: #FFF;
}
.ThemeIronbark { height: 60vh;}
.ThemeIronbark::after{ 
	background:#FEE2C3 url(https://4.zwcdn.zwift.com.au/zwiftWebsite/images/testimonials/bg_ironbark.jpg) no-repeat top fixed; 
	-webkit-background-size:cover; -moz-background-size:cover; background-size:cover;
} 

.ThemeBaseCamp .ContentWrap { padding: 100px 0; }
.ThemeBaseCamp::after {
  background: url('https://4.zwcdn.zwift.com.au/zwiftWebsite/images/testimonials/bg_basecamp.jpg') no-repeat center center;
	-webkit-background-size:cover; -moz-background-size:cover; background-size:cover;
}

.ThemeLaraBigBite::after{
	background:#C49E6B url(https://4.zwcdn.zwift.com.au/zwiftWebsite/images/testimonials/bg_larabigbite.jpg) no-repeat center center;
	-webkit-background-size:cover; -moz-background-size:cover; background-size:cover;}
*/