﻿@charset "UTF-8";
/* CSS Document */

/*.ContentWrapper {border:1px solid rgba(81,206,24,0.80);}*/
.SectionRow{color:#00497f;}
/************************************
	Icon Navigation
************************************/
.ThemeMedBlue { background:#0069b2;}

.ServiceOverviewRow, .InnerPageNavRow { position: relative; padding:10px 0px; }

.ServiceOverviewIcons { color:rgba(255,255,255,1.00); font-size:14px;  text-align:center; margin:15px 0;}
.ServiceOverviewIcons li, .InnerPageNav li, .DetailSection li, .PortalFeatures li{ list-style:none; margin:0; padding:0; display:inline-block; vertical-align:top;}
.ServiceOverviewIcons li:nth-child(odd) { width:130px; text-align:center;}
.ServiceOverviewIcons li:nth-child(odd) img { width:100px; height:auto; resize:both; /*set animation*/  -webkit-transition: all 0.4s ease; transition: all 0.4s ease;}
.ServiceOverviewIcons li:nth-child(even) { width:60px; text-align:center; padding-top:30px;}
.ServiceOverviewIcons li:nth-child(even) img { width:25px; height:25px; resize:both;}

.OverviewIconText{/*set animation*/ -webkit-transition: all 0.4s ease; transition: all 0.4s ease;}

.InnerPageNav { width:100%; text-align:center; }
.InnerPageNav li { font-size:18px; font-weight:normal; text-align:center;  margin:0px 25px; cursor:pointer; /*border:1px solid #03C;*/}
.InnerPageNav li a{ color:#00497f; display:inline-block; padding-bottom:5px; border-bottom:3px solid rgba(255,255,255,0.01); }
.InnerPageNav li:hover a{color:#e7511e; border-bottom:3px solid #e7511e; }
.InnerPageNav li:nth-child(4):hover a{ color:#79b41e; border-bottom:3px solid #79b41e;}

/*The current class animates the inner page nav via  https://assets.zwift.com.au/jscripts/jquery/Sticky-Header/innerPageScroll.nav.js*/
.InnerPageNav li.current a {color:#e7511e; border-bottom:3px solid #e7511e;}
.InnerPageNav li:nth-child(4).current a { color:#79b41e; border-bottom:3px solid #79b41e;}
.ScollSpacer{ display:none; height:250px; } /*Bug FIX - innerpage nav overshooting marker*/

/*  Icon Navigation  effects on scroll */
.ServiceOverviewRow.onScroll { /*position: fixed;*/ width:100%; z-index:999;  background:rgba(0,105,178,0.95); 
top:62px;}
.ServiceOverviewRow.onScroll .OverviewIconText{ font-size:0px; color:rgba(0,105,178,0.95);}
.ServiceOverviewRow.onScroll .ServiceOverviewIcons li:nth-child(odd) img { width:80px; height:auto; resize:both;}
.ServiceOverviewRow.onScroll .ServiceOverviewIcons li:nth-child(even) { padding-top:20px;}
.InnerPageNavRow.onScroll { position: fixed; width:100%; z-index:999; top:0; background:rgba(255,255,255,0.90); 
/*margin-top:107px; if no sticky header*/ margin-top:42px;
}
.ScollSpacer.onScroll{display:block;}/*Bug FIX - innerpage nav overshooting marker*/

/************************************
	General 
************************************/

.Column{display:inline-block; vertical-align:top; font-size:19px; margin-top:40px; }
.Column:first-child { width:60%;}
.Column:nth-child(2) {width:35%; float:right; text-align:center; padding-top:14px;}
.Column h2 { font-size:48px; color:#00b0e6; font-family: 'Source Sans Pro', sans-serif;font-weight: 200;}
.Column h3, .PortalFeatures h3{ font-size:25px; font-weight:normal; margin-bottom:40px;}
.Column p{ margin-bottom:60px;}
.Column quote { font-style:italic;}
.RetRef { font-size:14px;}

.MarketingColLeft{width:45%;}
.MarketingColRight{width:50%;}
/************************************
	Detail Section with Icons
************************************/

.DetailSection, .PortalFeatures { text-align:center; margin-top:70px;}
.DetailSection li{ text-align:center; width:160px; border:2px solid #bce4f6; padding:30px 0px 20px 0px; cursor:pointer; margin:15px; 
 -moz-border-radius:7px; -webkit-border-radius:7px; border-radius:7px;} 
.DetailSection li:first-child{ margin-left:0;}
.DetailSection li:nth-child(5){ margin-right:0;}
.DetailSection li h2 { font-size:19px; font-weight:normal; color:#0069b2;}

.WhatIcon { width:90px; height:60px; background-repeat:no-repeat; background-position:center; background-size:90px 60px; margin:0 auto; }


.AdviceIcon { background-image: url(https://assets.zwift.com.au/zwiftWebsite/images/icons-what-it-is/icn-industry-advice.png);  }
.AdwordsIcon { background-image: url(https://assets.zwift.com.au/zwiftWebsite/images/icons-what-it-is/icn-google-adwords.png);  }
.AppsIcon { background-image: url(https://assets.zwift.com.au/zwiftWebsite/images/icons-what-it-is/icn-ordering-apps.png);  }
.BrandingIcon { background-image: url(https://assets.zwift.com.au/zwiftWebsite/images/icons-what-it-is/icn-your-own-branding.png);  }
.DatabaseIcon { background-image: url(https://assets.zwift.com.au/zwiftWebsite/images/icons-what-it-is/icn-grow-database.png);  }
.DesignTeamIcon { background-image: url(https://assets.zwift.com.au/zwiftWebsite/images/icons-what-it-is/icn-design-team.png);  }
.EmailSMSIcon { background-image: url(https://assets.zwift.com.au/zwiftWebsite/images/icons-what-it-is/icn-email-sms.png);  }
.FriendlyIcon { background-image: url(https://assets.zwift.com.au/zwiftWebsite/images/icons-what-it-is/icn-friendly-website.png);  }
.MarketingTeamIcon { background-image: url(https://assets.zwift.com.au/zwiftWebsite/images/icons-what-it-is/icn-marketing-team.png);  }
.MenuPrintIcon { background-image: url(https://assets.zwift.com.au/zwiftWebsite/images/icons-what-it-is/icn-menu-printing.png);  }
.OFLIcon { background-image: url(https://assets.zwift.com.au/zwiftWebsite/images/icons-what-it-is/icn-ofl.png);  }
.PhotographyIcon { background-image: url(https://assets.zwift.com.au/zwiftWebsite/images/icons-what-it-is/icn-photography.png);  }
.ProductOptionsIcon { background-image: url(https://assets.zwift.com.au/zwiftWebsite/images/icons-what-it-is/icn-rank-1-google.png);  }
.Rank1Icon { background-image: url(https://assets.zwift.com.au/zwiftWebsite/images/icons-what-it-is/icn-product-options.png);  }
.ReviewIcon { background-image: url(https://assets.zwift.com.au/zwiftWebsite/images/icons-what-it-is/icn-customer-review.png);  }
.SpecialsIcon { background-image: url(https://assets.zwift.com.au/zwiftWebsite/images/icons-what-it-is/icn-specials.png);  }
.SocialMediaIcon { background-image: url(https://assets.zwift.com.au/zwiftWebsite/images/icons-what-it-is/icn-social-media.png);  }
.SoftwareIcon { background-image: url(https://assets.zwift.com.au/zwiftWebsite/images/icons-what-it-is/icn-easy-software.png);  }
.TableBookingsIcon { background-image: url(https://assets.zwift.com.au/zwiftWebsite/images/icons-what-it-is/icn-table-booking.png);  }
.TechSupportIcon { background-image: url(https://assets.zwift.com.au/zwiftWebsite/images/icons-what-it-is/icn-tech-team.png);  }
.ZwiftMailIcon { background-image: url(https://assets.zwift.com.au/zwiftWebsite/images/icons-what-it-is/icn-zwift-mail.png);  }
.DeliveryTrackingIcon { background-image: url(https://assets.zwift.com.au/zwiftWebsite/images/icons-what-it-is/icn-delivery-tracking.png);  }

.DetailSection li:hover { border:2px solid #e7511e; } 
.DetailSection li:hover h2 {color:#e7511e;}

.DetailSection li:hover .AdviceIcon { background-image: url(https://assets.zwift.com.au/zwiftWebsite/images/icons-what-it-is/icn-industry-advice-h.png);  }
.DetailSection li:hover .AdwordsIcon { background-image: url(https://assets.zwift.com.au/zwiftWebsite/images/icons-what-it-is/icn-google-adwords-h.png);  }
.DetailSection li:hover .AppsIcon { background-image: url(https://assets.zwift.com.au/zwiftWebsite/images/icons-what-it-is/icn-ordering-apps-h.png);  }
.DetailSection li:hover .BrandingIcon { background-image: url(https://assets.zwift.com.au/zwiftWebsite/images/icons-what-it-is/icn-your-own-branding-h.png);  }
.DetailSection li:hover .DatabaseIcon { background-image: url(https://assets.zwift.com.au/zwiftWebsite/images/icons-what-it-is/icn-grow-database-h.png);  }
.DetailSection li:hover .DesignTeamIcon { background-image: url(https://assets.zwift.com.au/zwiftWebsite/images/icons-what-it-is/icn-design-team-h.png);  }
.DetailSection li:hover .EmailSMSIcon { background-image: url(https://assets.zwift.com.au/zwiftWebsite/images/icons-what-it-is/icn-email-sms-h.png);  }
.DetailSection li:hover .FriendlyIcon { background-image: url(https://assets.zwift.com.au/zwiftWebsite/images/icons-what-it-is/icn-friendly-website-h.png);  }
.DetailSection li:hover .MarketingTeamIcon { background-image: url(https://assets.zwift.com.au/zwiftWebsite/images/icons-what-it-is/icn-marketing-team-h.png);  }
.DetailSection li:hover .MenuPrintIcon { background-image: url(https://assets.zwift.com.au/zwiftWebsite/images/icons-what-it-is/icn-menu-printing-h.png);  }
.DetailSection li:hover .OFLIcon { background-image: url(https://assets.zwift.com.au/zwiftWebsite/images/icons-what-it-is/icn-ofl-h.png);  }
.DetailSection li:hover .PhotographyIcon { background-image: url(https://assets.zwift.com.au/zwiftWebsite/images/icons-what-it-is/icn-photography-h.png);  }
.DetailSection li:hover .ProductOptionsIcon { background-image: url(https://assets.zwift.com.au/zwiftWebsite/images/icons-what-it-is/icn-rank-1-google-h.png);  }
.DetailSection li:hover .Rank1Icon { background-image: url(https://assets.zwift.com.au/zwiftWebsite/images/icons-what-it-is/icn-product-options-h.png);  }
.DetailSection li:hover .ReviewIcon { background-image: url(https://assets.zwift.com.au/zwiftWebsite/images/icons-what-it-is/icn-customer-review-h.png);  }
.DetailSection li:hover .SpecialsIcon { background-image: url(https://assets.zwift.com.au/zwiftWebsite/images/icons-what-it-is/icn-specials-h.png);  }
.DetailSection li:hover .SocialMediaIcon { background-image: url(https://assets.zwift.com.au/zwiftWebsite/images/icons-what-it-is/icn-social-media-h.png);  }
.DetailSection li:hover .SoftwareIcon { background-image: url(https://assets.zwift.com.au/zwiftWebsite/images/icons-what-it-is/icn-easy-software-h.png);  }
.DetailSection li:hover .TableBookingsIcon { background-image: url(https://assets.zwift.com.au/zwiftWebsite/images/icons-what-it-is/icn-table-booking-h.png);  }
.DetailSection li:hover .TechSupportIcon { background-image: url(https://assets.zwift.com.au/zwiftWebsite/images/icons-what-it-is/icn-tech-team-h.png);  }
.DetailSection li:hover .ZwiftMailIcon { background-image: url(https://assets.zwift.com.au/zwiftWebsite/images/icons-what-it-is/icn-zwift-mail-h.png);  }
.DetailSection li:hover .DeliveryTrackingIcon { background-image: url(https://assets.zwift.com.au/zwiftWebsite/images/icons-what-it-is/icn-delivery-tracking-h.png);  }

.InfoExpanded { display:none; text-align:left; padding:15px 15px 5px 15px; font-size:15px;}
.InfoTCs { color:#8ba6c5; font-size:13px; text-align:right;}

.SectionCTA {font-size: 25px; text-align:center; margin:50px 0;}
.SectionCTA h3 {font-size: 25px; font-weight:normal;}
.SectionCTA h2 {font-size: 35px; font-weight:normal;}
.SectionCTA h4 {font-size: 21px; font-weight:normal; margin-top:30px;}
.SectionCTA h5 {font-size: 35px; font-weight:900;}/* 1300 number */


.SectionCTA .btn_action, .SectionCTA .btn_actionOrange{ display:inline-block; padding-left:30px; padding-right:30px; margin:25px 0;}


.PortalFeatures li{ color:#00b0e6; width:16%; text-align:center; margin:0 4% 40px 4%;}
.PortalFeatures img{ width:90px; height:auto; resize:both; display:block; margin:0 auto;}


