* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

@font-face {
  font-family: "omnesmedium";
  font-weight: normal;
  font-style: normal;
  src: url("../fonts/OmnesMedium/omnes_medium-webfont.eot");
  src: url("../fonts/OmnesMedium/omnes_medium-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/OmnesMedium/omnes_medium-webfont.svg#omnesmedium") format("svg"), url("../fonts/OmnesMedium/omnes_medium-webfont.woff") format("woff"), url("../fonts/OmnesMedium/omnes_medium-webfont.ttf") format("truetype");
}

@font-face {
  font-family: "tradegothic";
  font-weight: normal;
  font-style: normal;
  src: url("../fonts/TradeGothicLTProBdCn20/TradeGothicLTPro-BdCn20.eot");
  src: url("../fonts/TradeGothicLTProBdCn20/TradeGothicLTPro-BdCn20.eot?#iefix") format("embedded-opentype"), url("../fonts/TradeGothicLTProBdCn20/TradeGothicLTPro-BdCn20.svg#tradegothic") format("svg"), url("../fonts/TradeGothicLTProBdCn20/TradeGothicLTPro-BdCn20.woff") format("woff"), url("../fonts/TradeGothicLTProBdCn20/TradeGothicLTPro-BdCn20.ttf") format("truetype");
}

@font-face {
  font-family: "tradegothicoblique";
  font-weight: normal;
  font-style: normal;
  src: url("../fonts/TradeGothicLTProBdCn20Obl/TradeGothicLTPro-BdCn20Obl.eot");
  src: url("../fonts/TradeGothicLTProBdCn20Obl/TradeGothicLTPro-BdCn20Obl.eot?#iefix") format("embedded-opentype"), url("../fonts/TradeGothicLTProBdCn20Obl/TradeGothicLTPro-BdCn20Obl.svg#tradegothicoblique") format("svg"), url("../fonts/TradeGothicLTProBdCn20Obl/TradeGothicLTPro-BdCn20Obl.woff") format("woff"), url("../fonts/TradeGothicLTProBdCn20Obl/TradeGothicLTPro-BdCn20Obl.ttf") format("truetype");
}

/* ----------------------------------------------------
   created with http://www.codeandweb.com/texturepacker 
   ----------------------------------------------------
   $TexturePacker:SmartUpdate:8ee5c032558efbe7b8bb375bb4f49681:4e192a0b1f20b6e8dae8e7de52621d51:43060357487ac66311da767135108203$
   ----------------------------------------------------

   usage: <span class="{-spritename-} sprite"></span>

   replace {-spritename-} with the sprite you like to use

*/

.sprite {
  display: inline-block;
  overflow: hidden;
  background-repeat: no-repeat;
  background-image: url(sprites.png);
}

.sprite-arrowGreen {
  width: 13px;
  height: 22px;
  background-position: -231px -0px;
}

.sprite-arrowPurple {
  width: 13px;
  height: 22px;
  background-position: -244px -0px;
}

.sprite-australia,
.flagRound-au {
  width: 36px;
  height: 35px;
  background-position: -914px -34px;
}

.sprite-avatarTransparent {
  width: 186px;
  height: 186px;
  background-position: -280px -493px;
}

.sprite-bannerLeftBlue {
  width: 90px;
  height: 55px;
  background-position: -880px -115px;
}

.sprite-bannerLeftDarkBlue {
  width: 90px;
  height: 55px;
  background-position: -790px -115px;
}

.sprite-bannerLeftGreen {
  width: 90px;
  height: 55px;
  background-position: -700px -115px;
}

.sprite-bannerLeftPurple {
  width: 90px;
  height: 55px;
  background-position: -610px -115px;
}

.sprite-bannerRightBlue {
  width: 90px;
  height: 55px;
  background-position: -520px -115px;
}

.sprite-bannerRightDarkBlue {
  width: 90px;
  height: 55px;
  background-position: -0px -170px;
}

.sprite-bannerRightGreen {
  width: 90px;
  height: 55px;
  background-position: -180px -170px;
}

.sprite-bannerRightPurple {
  width: 90px;
  height: 55px;
  background-position: -90px -170px;
}

.sprite-btnTeamBlue,
.componentDashboardFundsRaised button .icon {
  width: 31px;
  height: 19px;
  background-position: -106px -0px;
}

.sprite-btnTeamPurple,
.componentDashboardPanels #panel4 button .icon {
  width: 31px;
  height: 19px;
  background-position: -137px -0px;
}

.sprite-canada,
.flagRound-ca {
  width: 36px;
  height: 35px;
  background-position: -0px -69px;
}

.sprite-dasboardProfileButtonContract,
.collectionDashboard .profileButtonContainer button.active i {
  width: 17px;
  height: 10px;
  background-position: -0px -0px;
}

.sprite-dasboardProfileButtonExpand,
.collectionDashboard .profileButtonContainer button i {
  width: 17px;
  height: 10px;
  background-position: -17px -0px;
}

.sprite-dashboardChecklist,
.componentDashboardChecklist ul li span.arrow {
  width: 40px;
  height: 40px;
  background-position: -511px -69px;
}

.sprite-dashboardChecklistComplete,
.componentDashboardChecklist ul li.complete span.arrow {
  width: 40px;
  height: 40px;
  background-position: -471px -69px;
}

.sprite-dashboardFacebook {
  width: 26px;
  height: 26px;
  background-position: -282px -0px;
}

.sprite-dashboardHeart,
.collectionDashboard .componentDashboardUserProfile .userSocial .userSocialHeart {
  width: 26px;
  height: 26px;
  background-position: -308px -0px;
}

.sprite-dashboardLinkArrow,
.componentDashboardLinks ul li span.arrow {
  width: 25px;
  height: 75px;
  background-position: -844px -298px;
}

.sprite-dashboardLinkCheersquad,
.componentDashboardLinks ul li span.icon.supporters {
  width: 65px;
  height: 75px;
  background-position: -779px -298px;
}

.sprite-dashboardLinkFundraising,
.componentDashboardLinks ul li span.icon.tools {
  width: 65px;
  height: 75px;
  background-position: -714px -298px;
}

.sprite-dashboardLinkRequestDonation,
.componentDashboardLinks ul li span.icon.raisefunds {
  width: 65px;
  height: 75px;
  background-position: -869px -298px;
}

.sprite-dashboardPanelDistance,
.componentDashboardPanelStats .panelContent.distance {
  width: 140px;
  height: 120px;
  background-position: -140px -493px;
}

.sprite-dashboardPanelHeart,
.componentDashboardPanelStats .panelContent.calories {
  width: 140px;
  height: 120px;
  background-position: -426px -373px;
}

.sprite-dashboardPanelPersonalBests,
.componentDashboardPanelStats .panelContent.personalBests {
  width: 140px;
  height: 120px;
  background-position: -0px -493px;
}

.sprite-dashboardPanelRank,
.componentDashboardPanelPosition .panelContent {
  width: 140px;
  height: 120px;
  background-position: -566px -373px;
}

.sprite-dashboardPanelSteps,
.componentDashboardPanelStats .panelContent.steps {
  width: 140px;
  height: 120px;
  background-position: -706px -373px;
}

.sprite-dashboardProgress,
.componentDashboardPanels #panel1 .componentDashboardPanelSteps .panelContent,
.componentDashboardPanels #panel1 .componentDashboardPanelSteps .panelContent .panelContentForeground {
  width: 165px;
  height: 210px;
  background-position: -800px -893px;
}

.sprite-dashboardTeamClose,
.componentDashboardTeamView .close {
  width: 25px;
  height: 25px;
  background-position: -257px -0px;
}

.sprite-dashboard_journey_empty,
.componentDashboardPanelProgress .dashboard_checkpoint1,
.componentDashboardPanelProgress .dashboard_checkpoint2,
.componentDashboardPanelProgress .dashboard_checkpoint3,
.componentDashboardPanelProgress .dashboard_checkpoint4,
.componentDashboardPanelProgress .dashboard_checkpoint5,
.componentDashboardPanelProgress .dashboard_checkpoint6,
.componentDashboardPanelProgress .dashboard_checkpoint7 {
  width: 46px;
  height: 46px;
  background-position: -230px -115px;
}

.sprite-dashboard_journey_the_castle,
.componentDashboardPanelProgress .dashboard_checkpoint2.passed {
  width: 46px;
  height: 46px;
  background-position: -46px -115px;
}

.sprite-dashboard_journey_the_face_of_awe,
.componentDashboardPanelProgress .dashboard_checkpoint3.passed {
  width: 46px;
  height: 46px;
  background-position: -0px -115px;
}

.sprite-dashboard_journey_the_fire_temple,
.componentDashboardPanelProgress .dashboard_checkpoint5.passed {
  width: 46px;
  height: 46px;
  background-position: -790px -69px;
}

.sprite-dashboard_journey_the_hanging_garden,
.componentDashboardPanelProgress .dashboard_checkpoint6.passed {
  width: 46px;
  height: 46px;
  background-position: -836px -69px;
}

.sprite-dashboard_journey_the_jade_guardians,
.componentDashboardPanelProgress .dashboard_checkpoint1.passed {
  width: 46px;
  height: 46px;
  background-position: -882px -69px;
}

.sprite-dashboard_journey_the_lost_ship,
.componentDashboardPanelProgress .dashboard_checkpoint4.passed {
  width: 46px;
  height: 46px;
  background-position: -138px -115px;
}

.sprite-dashboard_journey_the_summit,
.componentDashboardPanelProgress .dashboard_checkpoint7.passed {
  width: 46px;
  height: 46px;
  background-position: -414px -115px;
}

.sprite-dashboard_small_journey_empty {
  width: 34px;
  height: 34px;
  background-position: -783px -0px;
}

.sprite-dashboard_small_journey_the_castle {
  width: 34px;
  height: 34px;
  background-position: -681px -0px;
}

.sprite-dashboard_small_journey_the_face_of_awe {
  width: 34px;
  height: 34px;
  background-position: -749px -0px;
}

.sprite-dashboard_small_journey_the_fire_temple {
  width: 34px;
  height: 34px;
  background-position: -885px -0px;
}

.sprite-dashboard_small_journey_the_hanging_garden {
  width: 34px;
  height: 34px;
  background-position: -715px -0px;
}

.sprite-dashboard_small_journey_the_jade_guardians {
  width: 34px;
  height: 34px;
  background-position: -817px -0px;
}

.sprite-dashboard_small_journey_the_lost_ship {
  width: 34px;
  height: 34px;
  background-position: -851px -0px;
}

.sprite-dashboard_small_journey_the_summit {
  width: 34px;
  height: 34px;
  background-position: -919px -0px;
}

.sprite-donateArrow,
.componentDashboardDonateButtons .donateButtonsContainer .donateButton span.arrow {
  width: 20px;
  height: 35px;
  background-position: -56px -69px;
}

.sprite-donateArrowHover,
.componentDashboardDonateButtons .donateButtonsContainer .donateButton:hover span.arrow {
  width: 20px;
  height: 35px;
  background-position: -36px -69px;
}

.sprite-donateChooseAmount,
.componentDashboardDonateButtons .donateButtonsContainer .customDonateButton .icon {
  width: 39px;
  height: 33px;
  background-position: -642px -0px;
}

.sprite-donateChooseAmountArrow,
.componentDashboardDonateButtons .donateButtonsContainer .customDonateButton .arrow {
  width: 20px;
  height: 35px;
  background-position: -36px -34px;
}

.sprite-donateChooseAmountArrowHover,
.componentDashboardDonateButtons .donateButtonsContainer .customDonateButton:hover span.arrow {
  width: 20px;
  height: 35px;
  background-position: -56px -34px;
}

.sprite-donateChooseAmountHover,
.componentDashboardDonateButtons .donateButtonsContainer .customDonateButton:hover span.icon {
  width: 39px;
  height: 33px;
  background-position: -544px -0px;
}

.sprite-donateCustomAmount,
.componentDashboardDonateButtons .customDonateAmount span.icon {
  width: 65px;
  height: 45px;
  background-position: -635px -69px;
}

.sprite-donateCustomAmountArrow,
.componentDashboardDonateButtons .customDonateAmount button {
  width: 45px;
  height: 45px;
  background-position: -700px -69px;
}

.sprite-donateCustomAmountArrowHover,
.componentDashboardDonateButtons .customDonateAmount button:hover {
  width: 45px;
  height: 45px;
  background-position: -745px -69px;
}

.sprite-donateSupporter,
.componentDashboardSupporters ul li span.icon {
  width: 40px;
  height: 40px;
  background-position: -551px -69px;
}

.sprite-donateTransparent {
  width: 39px;
  height: 36px;
  background-position: -112px -69px;
}

.sprite-downloadIconBlue,
.componentToolsContent .toolsContentThemeContainer.blue .itemGetCodeButton > .buttonIcon,
.componentToolsContent .toolsContentThemeContainer.blue .itemDownloadButton > .buttonIcon,
.componentToolsContent .toolsBlockList .listItem .itemDownloadButton > .buttonIcon,
.componentToolsContent .toolsBlockList .listItem .itemGetCodeButton > .buttonIcon {
  width: 19px;
  height: 15px;
  background-position: -87px -0px;
}

.sprite-downloadIconGreen,
.componentToolsContent .toolsContentThemeContainer.green .itemGetCodeButton > .buttonIcon,
.componentToolsContent .toolsContentThemeContainer.green .itemDownloadButton > .buttonIcon {
  width: 19px;
  height: 14px;
  background-position: -68px -0px;
}

.sprite-india,
.flagRound-in {
  width: 35px;
  height: 35px;
  background-position: -533px -34px;
}

.sprite-journey_base_camp_alpha {
  width: 200px;
  height: 200px;
  background-position: -400px -693px;
}

.sprite-journey_bazaar {
  width: 200px;
  height: 200px;
  background-position: -466px -493px;
}

.sprite-journey_blue_key {
  width: 64px;
  height: 64px;
  background-position: -192px -298px;
}

.sprite-journey_burial_ground {
  width: 200px;
  height: 200px;
  background-position: -200px -893px;
}

.sprite-journey_cabin_in_the_woods {
  width: 200px;
  height: 200px;
  background-position: -666px -493px;
}

.sprite-journey_climbing_spikes {
  width: 64px;
  height: 64px;
  background-position: -320px -298px;
}

.sprite-journey_compass {
  width: 64px;
  height: 64px;
  background-position: -384px -298px;
}

.sprite-journey_generic {
  width: 64px;
  height: 64px;
  background-position: -512px -298px;
}

.sprite-journey_green_key {
  width: 64px;
  height: 64px;
  background-position: -576px -298px;
}

.sprite-journey_limestone_caves {
  width: 200px;
  height: 200px;
  background-position: -400px -893px;
}

.sprite-journey_old_map {
  width: 64px;
  height: 64px;
  background-position: -448px -298px;
}

.sprite-journey_oxygen_tank {
  width: 64px;
  height: 64px;
  background-position: -64px -298px;
}

.sprite-journey_oysters {
  width: 64px;
  height: 64px;
  background-position: -768px -234px;
}

.sprite-journey_red_key {
  width: 64px;
  height: 64px;
  background-position: -896px -234px;
}

.sprite-journey_sheer_cliffs {
  width: 200px;
  height: 200px;
  background-position: -0px -893px;
}

.sprite-journey_the_castle {
  width: 64px;
  height: 64px;
  background-position: -704px -234px;
}

.sprite-journey_the_catacombs {
  width: 200px;
  height: 200px;
  background-position: -200px -693px;
}

.sprite-journey_the_face_of_awe {
  width: 64px;
  height: 64px;
  background-position: -640px -234px;
}

.sprite-journey_the_fire_temple {
  width: 64px;
  height: 64px;
  background-position: -832px -234px;
}

.sprite-journey_the_hanging_garden {
  width: 64px;
  height: 64px;
  background-position: -0px -298px;
}

.sprite-journey_the_ice_causeway {
  width: 200px;
  height: 200px;
  background-position: -600px -693px;
}

.sprite-journey_the_jade_guardians {
  width: 64px;
  height: 64px;
  background-position: -128px -298px;
}

.sprite-journey_the_lost_ship {
  width: 64px;
  height: 64px;
  background-position: -576px -234px;
}

.sprite-journey_the_majestic_falls {
  width: 200px;
  height: 200px;
  background-position: -600px -893px;
}

.sprite-journey_the_summit {
  width: 64px;
  height: 64px;
  background-position: -256px -298px;
}

.sprite-journey_well {
  width: 200px;
  height: 200px;
  background-position: -0px -693px;
}

.sprite-leaderboardCharity,
.listLeaderboardTeam .charityName i {
  width: 17px;
  height: 20px;
  background-position: -214px -0px;
}

.sprite-leaderboardNavOrganisation,
.collectionLeaderboard .tabs a.organisation i {
  width: 16px;
  height: 20px;
  background-position: -198px -0px;
}

.sprite-leaderboardNavTeam,
.collectionLeaderboard .tabs a.team i {
  width: 14px;
  height: 20px;
  background-position: -184px -0px;
}

.sprite-leaderboardOrganisation,
.listLeaderboardTeam .organisationName i {
  width: 16px;
  height: 20px;
  background-position: -168px -0px;
}

.sprite-logstepsDefault {
  width: 46px;
  height: 46px;
  background-position: -276px -115px;
}

.sprite-logstepsHover {
  width: 46px;
  height: 46px;
  background-position: -184px -115px;
}

.sprite-logstepsOpenDefault {
  width: 46px;
  height: 46px;
  background-position: -92px -115px;
}

.sprite-logstepsOpenHover {
  width: 46px;
  height: 46px;
  background-position: -322px -115px;
}

.sprite-mailHeart,
.componentRaisedFunds .fundraiseFormHeading .headingIcon {
  width: 59px;
  height: 33px;
  background-position: -583px -0px;
}

.sprite-mapoverlayNearbyteam,
.componentDashboardMountainAhead .icon,
.componentDashboardMountainBehind .icon {
  width: 59px;
  height: 62px;
  background-position: -329px -170px;
}

.sprite-mapoverlayPopupchallenge,
.componentDashboardMountainPopup .icon {
  width: 59px;
  height: 62px;
  background-position: -270px -170px;
}

.sprite-mapoverlayPopupchallengeClose,
.componentDashboardMountainPopupContent .close,
#panel4 #teamHeader #teamStepsCloseBtn,
.componentDialog .ui-dialog-titlebar-close {
  width: 30px;
  height: 30px;
  background-position: -386px -0px;
}

.sprite-myTeamTarget {
  width: 60px;
  height: 50px;
  background-position: -460px -115px;
}

.sprite-navMountainBg,
.componentNavigation .linksListMountain {
  width: 320px;
  height: 38px;
  background-position: -151px -69px;
}

.sprite-netherlands,
.flagRound-nl {
  width: 35px;
  height: 35px;
  background-position: -372px -34px;
}

.sprite-newZealand,
.flagRound-nz {
  width: 36px;
  height: 35px;
  background-position: -443px -34px;
}

.sprite-nextStepTeamMemberBG {
  width: 74px;
  height: 74px;
  background-position: -640px -298px;
}

.sprite-notificationPickup {
  width: 46px;
  height: 46px;
  background-position: -368px -115px;
}

.sprite-notification_journey_blue_key {
  width: 64px;
  height: 64px;
  background-position: -512px -234px;
}

.sprite-notification_journey_climbing_spikes {
  width: 64px;
  height: 64px;
  background-position: -192px -234px;
}

.sprite-notification_journey_compass {
  width: 64px;
  height: 64px;
  background-position: -388px -170px;
}

.sprite-notification_journey_generic {
  width: 64px;
  height: 64px;
  background-position: -452px -170px;
}

.sprite-notification_journey_green_key {
  width: 64px;
  height: 64px;
  background-position: -516px -170px;
}

.sprite-notification_journey_old_map {
  width: 64px;
  height: 64px;
  background-position: -580px -170px;
}

.sprite-notification_journey_oxygen_tank {
  width: 64px;
  height: 64px;
  background-position: -644px -170px;
}

.sprite-notification_journey_oysters {
  width: 64px;
  height: 64px;
  background-position: -708px -170px;
}

.sprite-notification_journey_red_key {
  width: 64px;
  height: 64px;
  background-position: -836px -170px;
}

.sprite-notification_journey_the_castle {
  width: 64px;
  height: 64px;
  background-position: -772px -170px;
}

.sprite-notification_journey_the_face_of_awe {
  width: 64px;
  height: 64px;
  background-position: -320px -234px;
}

.sprite-notification_journey_the_fire_temple {
  width: 64px;
  height: 64px;
  background-position: -448px -234px;
}

.sprite-notification_journey_the_hanging_garden {
  width: 64px;
  height: 64px;
  background-position: -384px -234px;
}

.sprite-notification_journey_the_jade_guardians {
  width: 64px;
  height: 64px;
  background-position: -256px -234px;
}

.sprite-notification_journey_the_lost_ship {
  width: 64px;
  height: 64px;
  background-position: -128px -234px;
}

.sprite-notification_journey_the_summit {
  width: 64px;
  height: 64px;
  background-position: -900px -170px;
}

.sprite-poland,
.flagRound-pl {
  width: 36px;
  height: 35px;
  background-position: -407px -34px;
}

.sprite-rankingTransparent {
  width: 36px;
  height: 36px;
  background-position: -76px -69px;
}

.sprite-ribbonSkewedBG {
  width: 336px;
  height: 100px;
  background-position: -90px -373px;
}

.sprite-search {
  width: 44px;
  height: 44px;
  background-position: -591px -69px;
}

.sprite-singapore,
.flagRound-sg {
  width: 36px;
  height: 35px;
  background-position: -76px -34px;
}

.sprite-steptemberLogo {
  width: 90px;
  height: 95px;
  background-position: -0px -373px;
}

.sprite-timelineDelete,
.contentContainer .componentTimelineEvent.mySteps .delete,
.contentContainer .componentTimelineEvent.stepsLogged .delete,
.contentContainer .componentTimelineEvent.teamMemberPhoto .delete,
.contentContainer .componentTimelineEvent.myPhoto .delete {
  width: 26px;
  height: 26px;
  background-position: -334px -0px;
}

.sprite-timelineDeleteHover,
.contentContainer .componentTimelineEvent.mySteps .delete:hover,
.contentContainer .componentTimelineEvent.stepsLogged .delete:hover,
.contentContainer .componentTimelineEvent.teamMemberPhoto .eventContent .delete:hover,
.contentContainer .componentTimelineEvent.myPhoto .eventContent .delete:hover {
  width: 26px;
  height: 26px;
  background-position: -360px -0px;
}

.sprite-timelineDonation,
.contentContainer .componentTimelineEvent.donation .icon {
  width: 64px;
  height: 64px;
  background-position: -64px -234px;
}

.sprite-timelineFacebook,
.contentContainer .componentTimelineEvent .eventContent .shareToFacebook {
  width: 32px;
  height: 32px;
  background-position: -416px -0px;
}

.sprite-timelineFacebookHover,
.contentContainer .componentTimelineEvent .eventContent .shareToFacebook:hover {
  width: 32px;
  height: 32px;
  background-position: -448px -0px;
}

.sprite-timelineHeart,
.contentContainer .componentTimelineEvent .eventContent .bigUps {
  width: 32px;
  height: 32px;
  background-position: -480px -0px;
}

.sprite-timelineHeartFilled,
.contentContainer .componentTimelineEvent .eventContent .bigUps:hover,
.contentContainer .componentTimelineEvent .eventContent .bigUps.clicked {
  width: 32px;
  height: 32px;
  background-position: -512px -0px;
}

.sprite-timelineLogo_au,
.contentContainer .componentTimelineEvent.cpa .eventContent .logo.au,
.contentContainer .componentTimelineEvent.publicAnnouncement .eventContent .logo.au {
  width: 162px;
  height: 35px;
  background-position: -148px -34px;
}

.sprite-timelineLogo_ca,
.contentContainer .componentTimelineEvent.cpa .eventContent .logo.ca,
.contentContainer .componentTimelineEvent.publicAnnouncement .eventContent .logo.ca {
  width: 54px;
  height: 35px;
  background-position: -479px -34px;
}

.sprite-timelineLogo_nl,
.contentContainer .componentTimelineEvent.cpa .eventContent .logo.nl,
.contentContainer .componentTimelineEvent.publicAnnouncement .eventContent .logo.nl {
  width: 89px;
  height: 35px;
  background-position: -568px -34px;
}

.sprite-timelineLogo_nz,
.contentContainer .componentTimelineEvent.cpa .eventContent .logo.nz,
.contentContainer .componentTimelineEvent.publicAnnouncement .eventContent .logo.nz {
  width: 73px;
  height: 35px;
  background-position: -771px -34px;
}

.sprite-timelineLogo_sg,
.contentContainer .componentTimelineEvent.cpa .eventContent .logo.sg,
.contentContainer .componentTimelineEvent.publicAnnouncement .eventContent .logo.sg {
  width: 55px;
  height: 35px;
  background-position: -716px -34px;
}

.sprite-timelineLogo_tr,
.contentContainer .componentTimelineEvent.cpa .eventContent .logo.tr,
.contentContainer .componentTimelineEvent.publicAnnouncement .eventContent .logo.tr {
  width: 35px;
  height: 35px;
  background-position: -844px -34px;
}

.sprite-timelineLogo_uk,
.contentContainer .componentTimelineEvent.cpa .eventContent .logo.uk,
.contentContainer .componentTimelineEvent.publicAnnouncement .eventContent .logo.uk {
  width: 59px;
  height: 35px;
  background-position: -657px -34px;
}

.sprite-timelineLogo_us,
.contentContainer .componentTimelineEvent.cpa .eventContent .logo.us,
.contentContainer .componentTimelineEvent.publicAnnouncement .eventContent .logo.us {
  width: 62px;
  height: 35px;
  background-position: -310px -34px;
}

.sprite-timelinePersonalBest,
.contentContainer .componentTimelineEvent.personalBest .icon {
  width: 64px;
  height: 64px;
  background-position: -0px -234px;
}

.sprite-turkey,
.flagRound-tr {
  width: 36px;
  height: 35px;
  background-position: -112px -34px;
}

.sprite-uk,
.flagRound-uk {
  width: 36px;
  height: 35px;
  background-position: -0px -34px;
}

.sprite-upSellingPointer,
.componentUpselling .pointer {
  width: 34px;
  height: 13px;
  background-position: -34px -0px;
}

.sprite-us,
.flagRound-us,
.flagRound-ny {
  width: 35px;
  height: 35px;
  background-position: -879px -34px;
}

/* ----------------------------------------------------
   created with http://www.codeandweb.com/texturepacker 
   ----------------------------------------------------
   $TexturePacker:SmartUpdate:e190b86ac3f94d6a572d21392c535248:742ea8ec4999ceb7bec6e62e09fd2c8b:1f23fa0d39a7c6fbbb6760ed484ecf63$
   ----------------------------------------------------

   usage: <span class="{-spritename-} sprite"></span>

   replace {-spritename-} with the sprite you like to use

*/

@media screen and (max-width: 767px) {
  .sprite {
    display: inline-block;
    overflow: hidden;
    background-repeat: no-repeat;
    background-image: url(mobilesprites.png);
  }

  .sprite-arrowGreen {
    width: 13px;
    height: 22px;
    background-position: -231px -0px;
  }

  .sprite-arrowPurple {
    width: 13px;
    height: 22px;
    background-position: -244px -0px;
  }

  .sprite-australia,
  .flagRound-au {
    width: 36px;
    height: 35px;
    background-position: -381px -102px;
  }

  .sprite-avatarTransparent {
    width: 186px;
    height: 186px;
    background-position: -0px -892px;
  }

  .sprite-bannerLeftBlue {
    width: 90px;
    height: 55px;
    background-position: -90px -273px;
  }

  .sprite-bannerLeftDarkBlue {
    width: 90px;
    height: 55px;
    background-position: -270px -273px;
  }

  .sprite-bannerLeftGreen {
    width: 90px;
    height: 55px;
    background-position: -0px -273px;
  }

  .sprite-bannerLeftPurple {
    width: 90px;
    height: 55px;
    background-position: -180px -273px;
  }

  .sprite-bannerRightBlue {
    width: 90px;
    height: 55px;
    background-position: -90px -328px;
  }

  .sprite-bannerRightDarkBlue {
    width: 90px;
    height: 55px;
    background-position: -180px -328px;
  }

  .sprite-bannerRightGreen {
    width: 90px;
    height: 55px;
    background-position: -0px -328px;
  }

  .sprite-bannerRightPurple {
    width: 90px;
    height: 55px;
    background-position: -360px -273px;
  }

  .sprite-btnTeamBlue,
  .componentDashboardFundsRaised button .icon {
    width: 31px;
    height: 19px;
    background-position: -106px -0px;
  }

  .sprite-btnTeamPurple,
  .componentDashboardPanels #panel4 button .icon {
    width: 31px;
    height: 19px;
    background-position: -137px -0px;
  }

  .sprite-canada,
  .flagRound-ca {
    width: 36px;
    height: 35px;
    background-position: -417px -102px;
  }

  .sprite-dasboardProfileButtonContract,
  .collectionDashboard .profileButtonContainer button.active i {
    width: 17px;
    height: 10px;
    background-position: -0px -0px;
  }

  .sprite-dasboardProfileButtonExpand,
  .collectionDashboard .profileButtonContainer button i {
    width: 17px;
    height: 10px;
    background-position: -17px -0px;
  }

  .sprite-dashboardChecklist,
  .componentDashboardChecklist ul li span.arrow {
    width: 40px;
    height: 40px;
    background-position: -435px -137px;
  }

  .sprite-dashboardChecklistComplete,
  .componentDashboardChecklist ul li.complete span.arrow {
    width: 40px;
    height: 40px;
    background-position: -0px -177px;
  }

  .sprite-dashboardFacebook {
    width: 26px;
    height: 26px;
    background-position: -282px -0px;
  }

  .sprite-dashboardHeart,
  .collectionDashboard .componentDashboardUserProfile .userSocial .userSocialHeart {
    width: 26px;
    height: 26px;
    background-position: -308px -0px;
  }

  .sprite-dashboardLinkArrow,
  .componentDashboardLinks ul li span.arrow {
    width: 25px;
    height: 75px;
    background-position: -0px -792px;
  }

  .sprite-dashboardLinkCheersquad,
  .componentDashboardLinks ul li span.icon.supporters {
    width: 65px;
    height: 75px;
    background-position: -379px -717px;
  }

  .sprite-dashboardLinkFundraising,
  .componentDashboardLinks ul li span.icon.tools {
    width: 65px;
    height: 75px;
    background-position: -444px -717px;
  }

  .sprite-dashboardLinkRequestDonation,
  .componentDashboardLinks ul li span.icon.raisefunds {
    width: 65px;
    height: 75px;
    background-position: -314px -717px;
  }

  .sprite-dashboardPanelDistance,
  .componentDashboardPanelStats .panelContent.distance {
    width: 80px;
    height: 69px;
    background-position: -0px -717px;
  }

  .sprite-dashboardPanelHeart,
  .componentDashboardPanelStats .panelContent.calories {
    width: 80px;
    height: 69px;
    background-position: -320px -648px;
  }

  .sprite-dashboardPanelPersonalBests,
  .componentDashboardPanelStats .panelContent.personalBests {
    width: 80px;
    height: 69px;
    background-position: -160px -717px;
  }

  .sprite-dashboardPanelRank,
  .componentDashboardPanelPosition .panelContent {
    width: 80px;
    height: 69px;
    background-position: -400px -648px;
  }

  .sprite-dashboardPanelSteps,
  .componentDashboardPanelStats .panelContent.steps {
    width: 80px;
    height: 69px;
    background-position: -80px -717px;
  }

  .sprite-dashboardProgress,
  .componentDashboardPanels #panel1 .componentDashboardPanelSteps .panelContent,
  .componentDashboardPanels #panel1 .componentDashboardPanelSteps .panelContent .panelContentForeground {
    width: 165px;
    height: 210px;
    background-position: -186px -892px;
  }

  .sprite-dashboardTeamClose,
  .componentDashboardTeamView .close {
    width: 25px;
    height: 25px;
    background-position: -257px -0px;
  }

  .sprite-dashboard_journey_empty,
  .componentDashboardPanelProgress .dashboard_checkpoint1,
  .componentDashboardPanelProgress .dashboard_checkpoint2,
  .componentDashboardPanelProgress .dashboard_checkpoint3,
  .componentDashboardPanelProgress .dashboard_checkpoint4,
  .componentDashboardPanelProgress .dashboard_checkpoint5,
  .componentDashboardPanelProgress .dashboard_checkpoint6,
  .componentDashboardPanelProgress .dashboard_checkpoint7 {
    width: 46px;
    height: 46px;
    background-position: -377px -177px;
  }

  .sprite-dashboard_journey_the_castle,
  .componentDashboardPanelProgress .dashboard_checkpoint2.passed {
    width: 46px;
    height: 46px;
    background-position: -239px -177px;
  }

  .sprite-dashboard_journey_the_face_of_awe,
  .componentDashboardPanelProgress .dashboard_checkpoint3.passed {
    width: 46px;
    height: 46px;
    background-position: -285px -177px;
  }

  .sprite-dashboard_journey_the_fire_temple,
  .componentDashboardPanelProgress .dashboard_checkpoint5.passed {
    width: 46px;
    height: 46px;
    background-position: -331px -177px;
  }

  .sprite-dashboard_journey_the_hanging_garden,
  .componentDashboardPanelProgress .dashboard_checkpoint6.passed {
    width: 46px;
    height: 46px;
    background-position: -0px -223px;
  }

  .sprite-dashboard_journey_the_jade_guardians,
  .componentDashboardPanelProgress .dashboard_checkpoint1.passed {
    width: 46px;
    height: 46px;
    background-position: -92px -223px;
  }

  .sprite-dashboard_journey_the_lost_ship,
  .componentDashboardPanelProgress .dashboard_checkpoint4.passed {
    width: 46px;
    height: 46px;
    background-position: -276px -223px;
  }

  .sprite-dashboard_journey_the_summit,
  .componentDashboardPanelProgress .dashboard_checkpoint7.passed {
    width: 46px;
    height: 46px;
    background-position: -322px -223px;
  }

  .sprite-dashboard_small_journey_empty {
    width: 34px;
    height: 34px;
    background-position: -303px -32px;
  }

  .sprite-dashboard_small_journey_the_castle {
    width: 34px;
    height: 34px;
    background-position: -201px -32px;
  }

  .sprite-dashboard_small_journey_the_face_of_awe {
    width: 34px;
    height: 34px;
    background-position: -269px -32px;
  }

  .sprite-dashboard_small_journey_the_fire_temple {
    width: 34px;
    height: 34px;
    background-position: -405px -32px;
  }

  .sprite-dashboard_small_journey_the_hanging_garden {
    width: 34px;
    height: 34px;
    background-position: -235px -32px;
  }

  .sprite-dashboard_small_journey_the_jade_guardians {
    width: 34px;
    height: 34px;
    background-position: -337px -32px;
  }

  .sprite-dashboard_small_journey_the_lost_ship {
    width: 34px;
    height: 34px;
    background-position: -371px -32px;
  }

  .sprite-dashboard_small_journey_the_summit {
    width: 34px;
    height: 34px;
    background-position: -439px -32px;
  }

  .sprite-donateArrow,
  .componentDashboardDonateButtons .donateButtonsContainer .donateButton span.arrow {
    width: 20px;
    height: 35px;
    background-position: -473px -102px;
  }

  .sprite-donateArrowHover,
  .componentDashboardDonateButtons .donateButtonsContainer .donateButton:hover span.arrow {
    width: 20px;
    height: 35px;
    background-position: -453px -102px;
  }

  .sprite-donateChooseAmount,
  .componentDashboardDonateButtons .donateButtonsContainer .customDonateButton .icon {
    width: 39px;
    height: 33px;
    background-position: -162px -32px;
  }

  .sprite-donateChooseAmountArrow,
  .componentDashboardDonateButtons .donateButtonsContainer .customDonateButton .arrow {
    width: 20px;
    height: 35px;
    background-position: -0px -67px;
  }

  .sprite-donateChooseAmountArrowHover,
  .componentDashboardDonateButtons .donateButtonsContainer .customDonateButton:hover span.arrow {
    width: 20px;
    height: 35px;
    background-position: -20px -67px;
  }

  .sprite-donateChooseAmountHover,
  .componentDashboardDonateButtons .donateButtonsContainer .customDonateButton:hover span.icon {
    width: 39px;
    height: 33px;
    background-position: -64px -32px;
  }

  .sprite-donateCustomAmount,
  .componentDashboardDonateButtons .customDonateAmount span.icon {
    width: 65px;
    height: 45px;
    background-position: -84px -177px;
  }

  .sprite-donateCustomAmountArrow,
  .componentDashboardDonateButtons .customDonateAmount button {
    width: 45px;
    height: 45px;
    background-position: -194px -177px;
  }

  .sprite-donateCustomAmountArrowHover,
  .componentDashboardDonateButtons .customDonateAmount button:hover {
    width: 45px;
    height: 45px;
    background-position: -149px -177px;
  }

  .sprite-donateSupporter,
  .componentDashboardSupporters ul li span.icon {
    width: 40px;
    height: 40px;
    background-position: -395px -137px;
  }

  .sprite-donateTransparent {
    width: 39px;
    height: 36px;
    background-position: -36px -137px;
  }

  .sprite-downloadIconBlue,
  .componentToolsContent .toolsContentThemeContainer.blue .itemGetCodeButton > .buttonIcon,
  .componentToolsContent .toolsContentThemeContainer.blue .itemDownloadButton > .buttonIcon,
  .componentToolsContent .toolsBlockList .listItem .itemDownloadButton > .buttonIcon,
  .componentToolsContent .toolsBlockList .listItem .itemGetCodeButton > .buttonIcon {
    width: 19px;
    height: 15px;
    background-position: -87px -0px;
  }

  .sprite-downloadIconGreen,
  .componentToolsContent .toolsContentThemeContainer.green .itemGetCodeButton > .buttonIcon,
  .componentToolsContent .toolsContentThemeContainer.green .itemDownloadButton > .buttonIcon {
    width: 19px;
    height: 14px;
    background-position: -68px -0px;
  }

  .sprite-india,
  .flagRound-in {
    width: 35px;
    height: 35px;
    background-position: -0px -102px;
  }

  .sprite-journey_blue_key {
    width: 64px;
    height: 64px;
    background-position: -256px -648px;
  }

  .sprite-journey_climbing_spikes {
    width: 64px;
    height: 64px;
    background-position: -384px -456px;
  }

  .sprite-journey_compass {
    width: 64px;
    height: 64px;
    background-position: -320px -520px;
  }

  .sprite-journey_generic {
    width: 64px;
    height: 64px;
    background-position: -384px -520px;
  }

  .sprite-journey_green_key {
    width: 64px;
    height: 64px;
    background-position: -64px -584px;
  }

  .sprite-journey_old_map {
    width: 64px;
    height: 64px;
    background-position: -256px -584px;
  }

  .sprite-journey_oxygen_tank {
    width: 64px;
    height: 64px;
    background-position: -128px -584px;
  }

  .sprite-journey_oysters {
    width: 64px;
    height: 64px;
    background-position: -192px -584px;
  }

  .sprite-journey_red_key {
    width: 64px;
    height: 64px;
    background-position: -0px -584px;
  }

  .sprite-journey_the_castle {
    width: 64px;
    height: 64px;
    background-position: -256px -520px;
  }

  .sprite-journey_the_face_of_awe {
    width: 64px;
    height: 64px;
    background-position: -320px -456px;
  }

  .sprite-journey_the_fire_temple {
    width: 64px;
    height: 64px;
    background-position: -0px -520px;
  }

  .sprite-journey_the_hanging_garden {
    width: 64px;
    height: 64px;
    background-position: -192px -520px;
  }

  .sprite-journey_the_jade_guardians {
    width: 64px;
    height: 64px;
    background-position: -64px -520px;
  }

  .sprite-journey_the_lost_ship {
    width: 64px;
    height: 64px;
    background-position: -128px -520px;
  }

  .sprite-journey_the_summit {
    width: 64px;
    height: 64px;
    background-position: -320px -584px;
  }

  .sprite-leaderboardCharity,
  .listLeaderboardTeam .charityName i {
    width: 17px;
    height: 20px;
    background-position: -214px -0px;
  }

  .sprite-leaderboardNavOrganisation,
  .collectionLeaderboard .tabs a.organisation i {
    width: 16px;
    height: 20px;
    background-position: -198px -0px;
  }

  .sprite-leaderboardNavTeam,
  .collectionLeaderboard .tabs a.team i {
    width: 14px;
    height: 20px;
    background-position: -184px -0px;
  }

  .sprite-leaderboardOrganisation,
  .listLeaderboardTeam .organisationName i {
    width: 16px;
    height: 20px;
    background-position: -168px -0px;
  }

  .sprite-logstepsDefault {
    width: 46px;
    height: 46px;
    background-position: -423px -177px;
  }

  .sprite-logstepsHover {
    width: 46px;
    height: 46px;
    background-position: -230px -223px;
  }

  .sprite-logstepsOpenDefault {
    width: 46px;
    height: 46px;
    background-position: -138px -223px;
  }

  .sprite-logstepsOpenHover {
    width: 46px;
    height: 46px;
    background-position: -184px -223px;
  }

  .sprite-mailHeart,
  .componentRaisedFunds .fundraiseFormHeading .headingIcon {
    width: 59px;
    height: 33px;
    background-position: -103px -32px;
  }

  .sprite-mapoverlayNearbyteam,
  .componentDashboardMountainAhead .icon,
  .componentDashboardMountainBehind .icon {
    width: 59px;
    height: 62px;
    background-position: -329px -328px;
  }

  .sprite-mapoverlayPopupchallenge,
  .componentDashboardMountainPopup .icon {
    width: 59px;
    height: 62px;
    background-position: -270px -328px;
  }

  .sprite-mapoverlayPopupchallengeClose,
  .componentDashboardMountainPopupContent .close,
  #panel4 #teamHeader #teamStepsCloseBtn,
  .componentDialog .ui-dialog-titlebar-close {
    width: 30px;
    height: 30px;
    background-position: -386px -0px;
  }

  .sprite-myTeamTarget {
    width: 60px;
    height: 50px;
    background-position: -368px -223px;
  }

  .sprite-navMountainBg,
  .componentNavigation .linksListMountain {
    width: 320px;
    height: 38px;
    background-position: -75px -137px;
  }

  .sprite-netherlands,
  .flagRound-nl {
    width: 35px;
    height: 35px;
    background-position: -336px -67px;
  }

  .sprite-newZealand,
  .flagRound-nz {
    width: 36px;
    height: 35px;
    background-position: -407px -67px;
  }

  .sprite-nextStepTeamMemberBG {
    width: 74px;
    height: 74px;
    background-position: -240px -717px;
  }

  .sprite-notificationPickup {
    width: 46px;
    height: 46px;
    background-position: -46px -223px;
  }

  .sprite-notification_journey_blue_key {
    width: 64px;
    height: 64px;
    background-position: -192px -648px;
  }

  .sprite-notification_journey_climbing_spikes {
    width: 64px;
    height: 64px;
    background-position: -384px -584px;
  }

  .sprite-notification_journey_compass {
    width: 64px;
    height: 64px;
    background-position: -0px -648px;
  }

  .sprite-notification_journey_generic {
    width: 64px;
    height: 64px;
    background-position: -64px -648px;
  }

  .sprite-notification_journey_green_key {
    width: 64px;
    height: 64px;
    background-position: -128px -648px;
  }

  .sprite-notification_journey_old_map {
    width: 64px;
    height: 64px;
    background-position: -256px -456px;
  }

  .sprite-notification_journey_oxygen_tank {
    width: 64px;
    height: 64px;
    background-position: -320px -392px;
  }

  .sprite-notification_journey_oysters {
    width: 64px;
    height: 64px;
    background-position: -128px -392px;
  }

  .sprite-notification_journey_red_key {
    width: 64px;
    height: 64px;
    background-position: -64px -392px;
  }

  .sprite-notification_journey_the_castle {
    width: 64px;
    height: 64px;
    background-position: -192px -392px;
  }

  .sprite-notification_journey_the_face_of_awe {
    width: 64px;
    height: 64px;
    background-position: -0px -392px;
  }

  .sprite-notification_journey_the_fire_temple {
    width: 64px;
    height: 64px;
    background-position: -388px -328px;
  }

  .sprite-notification_journey_the_hanging_garden {
    width: 64px;
    height: 64px;
    background-position: -384px -392px;
  }

  .sprite-notification_journey_the_jade_guardians {
    width: 64px;
    height: 64px;
    background-position: -128px -456px;
  }

  .sprite-notification_journey_the_lost_ship {
    width: 64px;
    height: 64px;
    background-position: -64px -456px;
  }

  .sprite-notification_journey_the_summit {
    width: 64px;
    height: 64px;
    background-position: -192px -456px;
  }

  .sprite-poland,
  .flagRound-pl {
    width: 36px;
    height: 35px;
    background-position: -371px -67px;
  }

  .sprite-rankingTransparent {
    width: 36px;
    height: 36px;
    background-position: -0px -137px;
  }

  .sprite-ribbonSkewedBG {
    width: 336px;
    height: 100px;
    background-position: -115px -792px;
  }

  .sprite-search {
    width: 44px;
    height: 44px;
    background-position: -40px -177px;
  }

  .sprite-singapore,
  .flagRound-sg {
    width: 36px;
    height: 35px;
    background-position: -40px -67px;
  }

  .sprite-steptemberLogo {
    width: 90px;
    height: 95px;
    background-position: -25px -792px;
  }

  .sprite-timelineDelete,
  .contentContainer .componentTimelineEvent.mySteps .delete,
  .contentContainer .componentTimelineEvent.stepsLogged .delete,
  .contentContainer .componentTimelineEvent.teamMemberPhoto .delete,
  .contentContainer .componentTimelineEvent.myPhoto .delete {
    width: 26px;
    height: 26px;
    background-position: -334px -0px;
  }

  .sprite-timelineDeleteHover,
  .contentContainer .componentTimelineEvent.mySteps .delete:hover,
  .contentContainer .componentTimelineEvent.stepsLogged .delete:hover,
  .contentContainer .componentTimelineEvent.teamMemberPhoto .eventContent .delete:hover,
  .contentContainer .componentTimelineEvent.myPhoto .eventContent .delete:hover {
    width: 26px;
    height: 26px;
    background-position: -360px -0px;
  }

  .sprite-timelineDonation,
  .contentContainer .componentTimelineEvent.donation .icon {
    width: 64px;
    height: 64px;
    background-position: -0px -456px;
  }

  .sprite-timelineFacebook,
  .contentContainer .componentTimelineEvent .eventContent .shareToFacebook {
    width: 32px;
    height: 32px;
    background-position: -416px -0px;
  }

  .sprite-timelineFacebookHover,
  .contentContainer .componentTimelineEvent .eventContent .shareToFacebook:hover {
    width: 32px;
    height: 32px;
    background-position: -448px -0px;
  }

  .sprite-timelineHeart,
  .contentContainer .componentTimelineEvent .eventContent .bigUps {
    width: 32px;
    height: 32px;
    background-position: -0px -32px;
  }

  .sprite-timelineHeartFilled,
  .contentContainer .componentTimelineEvent .eventContent .bigUps:hover,
  .contentContainer .componentTimelineEvent .eventContent .bigUps.clicked {
    width: 32px;
    height: 32px;
    background-position: -32px -32px;
  }

  .sprite-timelineLogo_au,
  .contentContainer .componentTimelineEvent.cpa .eventContent .logo.au,
  .contentContainer .componentTimelineEvent.publicAnnouncement .eventContent .logo.au {
    width: 162px;
    height: 35px;
    background-position: -112px -67px;
  }

  .sprite-timelineLogo_ca,
  .contentContainer .componentTimelineEvent.cpa .eventContent .logo.ca,
  .contentContainer .componentTimelineEvent.publicAnnouncement .eventContent .logo.ca {
    width: 54px;
    height: 35px;
    background-position: -443px -67px;
  }

  .sprite-timelineLogo_nl,
  .contentContainer .componentTimelineEvent.cpa .eventContent .logo.nl,
  .contentContainer .componentTimelineEvent.publicAnnouncement .eventContent .logo.nl {
    width: 89px;
    height: 35px;
    background-position: -35px -102px;
  }

  .sprite-timelineLogo_nz,
  .contentContainer .componentTimelineEvent.cpa .eventContent .logo.nz,
  .contentContainer .componentTimelineEvent.publicAnnouncement .eventContent .logo.nz {
    width: 73px;
    height: 35px;
    background-position: -238px -102px;
  }

  .sprite-timelineLogo_sg,
  .contentContainer .componentTimelineEvent.cpa .eventContent .logo.sg,
  .contentContainer .componentTimelineEvent.publicAnnouncement .eventContent .logo.sg {
    width: 55px;
    height: 35px;
    background-position: -183px -102px;
  }

  .sprite-timelineLogo_tr,
  .contentContainer .componentTimelineEvent.cpa .eventContent .logo.tr,
  .contentContainer .componentTimelineEvent.publicAnnouncement .eventContent .logo.tr {
    width: 35px;
    height: 35px;
    background-position: -311px -102px;
  }

  .sprite-timelineLogo_uk,
  .contentContainer .componentTimelineEvent.cpa .eventContent .logo.uk,
  .contentContainer .componentTimelineEvent.publicAnnouncement .eventContent .logo.uk {
    width: 59px;
    height: 35px;
    background-position: -124px -102px;
  }

  .sprite-timelineLogo_us,
  .contentContainer .componentTimelineEvent.cpa .eventContent .logo.us,
  .contentContainer .componentTimelineEvent.publicAnnouncement .eventContent .logo.us {
    width: 62px;
    height: 35px;
    background-position: -274px -67px;
  }

  .sprite-timelinePersonalBest,
  .contentContainer .componentTimelineEvent.personalBest .icon {
    width: 64px;
    height: 64px;
    background-position: -256px -392px;
  }

  .sprite-turkey,
  .flagRound-tr {
    width: 36px;
    height: 35px;
    background-position: -76px -67px;
  }

  .sprite-uk,
  .flagRound-uk {
    width: 36px;
    height: 35px;
    background-position: -473px -32px;
  }

  .sprite-upSellingPointer,
  .componentUpselling .pointer {
    width: 34px;
    height: 13px;
    background-position: -34px -0px;
  }

  .sprite-us,
  .flagRound-us,
  .flagRound-ny {
    width: 35px;
    height: 35px;
    background-position: -346px -102px;
  }
}

.sprite {
  display: inline-block;
  overflow: hidden;
  background-repeat: no-repeat;
}

@media screen and (max-width: 767px) {
  .sprite {
    background-image: url("../images/mobilesprites.png");
  }
}

@media screen and (min-width: 768px) {
  .sprite {
    background-image: url("../images/sprites.png");
  }
}

@-webkit-keyframes navigation-transition-out-desktop {
  0% {
    left: 0;
    background-color: #1d2c4d;
    width: 300px;
    height: 100%;
  }

  60% {
    left: -300px;
    background-color: transparent;
    height: 100%;
  }

  90% {
    width: 0;
    height: 100%;
  }

  100% {
    width: auto;
    height: auto;
  }
}

@-moz-keyframes navigation-transition-out-desktop {
  0% {
    left: 0;
    background-color: #1d2c4d;
    width: 300px;
    height: 100%;
  }

  60% {
    left: -300px;
    background-color: transparent;
    height: 100%;
  }

  90% {
    width: 0;
    height: 100%;
  }

  100% {
    width: auto;
    height: auto;
  }
}

@keyframes navigation-transition-out-desktop {
  0% {
    left: 0;
    background-color: #1d2c4d;
    width: 300px;
    height: 100%;
  }

  60% {
    left: -300px;
    background-color: transparent;
    height: 100%;
  }

  90% {
    width: 0;
    height: 100%;
  }

  100% {
    width: auto;
    height: auto;
  }
}

@-webkit-keyframes navigation-transition-out-mobile {
  0% {
    background-color: #1d2c4d;
    left: 0;
    width: 100%;
    height: 120%;
  }

  65% {
    left: -100%;
  }

  100% {
    background-color: transparent;
  }
}

@-moz-keyframes navigation-transition-out-mobile {
  0% {
    background-color: #1d2c4d;
    left: 0;
    width: 100%;
    height: 120%;
  }

  65% {
    left: -100%;
  }

  100% {
    background-color: transparent;
  }
}

@keyframes navigation-transition-out-mobile {
  0% {
    background-color: #1d2c4d;
    left: 0;
    width: 100%;
    height: 120%;
  }

  65% {
    left: -100%;
  }

  100% {
    background-color: transparent;
  }
}

@-webkit-keyframes navigation-transition-in-desktop {
  0% {
    left: -300px;
    background-color: #1d2c4d;
    width: 300px;
  }

  100% {
    left: 0;
    height: 100%;
  }
}

@-moz-keyframes navigation-transition-in-desktop {
  0% {
    left: -300px;
    background-color: #1d2c4d;
    width: 300px;
  }

  100% {
    left: 0;
    height: 100%;
  }
}

@keyframes navigation-transition-in-desktop {
  0% {
    left: -300px;
    background-color: #1d2c4d;
    width: 300px;
  }

  100% {
    left: 0;
    height: 100%;
  }
}

@-webkit-keyframes navigation-transition-in-mobile {
  0% {
    left: -100%;
    background-color: #1d2c4d;
    width: 100%;
  }

  100% {
    left: 0;
    height: 120%;
  }
}

@-moz-keyframes navigation-transition-in-mobile {
  0% {
    left: -100%;
    background-color: #1d2c4d;
    width: 100%;
  }

  100% {
    left: 0;
    height: 120%;
  }
}

@keyframes navigation-transition-in-mobile {
  0% {
    left: -100%;
    background-color: #1d2c4d;
    width: 100%;
  }

  100% {
    left: 0;
    height: 120%;
  }
}

@-webkit-keyframes loading-fadein {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@-moz-keyframes loading-fadein {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes loading-fadein {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

.collectionDonationSearch .tableContainer table,
.collectionMaterials .tableContainer table {
  padding-left: 15px;
  padding-right: 15px;
  color: white;
  width: 100%;
  border: none;
  border-collapse: collapse;
}

@media screen and (min-width: 768px) {
  .collectionDonationSearch .tableContainer table,
  .collectionMaterials .tableContainer table {
    max-width: 990px;
    margin-left: auto;
    margin-right: auto;
  }
}

.collectionDonationSearch .tableContainer table thead tr,
.collectionMaterials .tableContainer table thead tr {
  vertical-align: middle;
  background: #2d87d7;
  border-bottom: none;
}

.collectionDonationSearch .tableContainer table thead td,
.collectionMaterials .tableContainer table thead td,
.collectionDonationSearch .tableContainer table thead th,
.collectionMaterials .tableContainer table thead th {
  font-size: 20px;
  font-weight: normal;
  text-transform: uppercase;
  height: 70px;
}

.collectionDonationSearch .tableContainer table td,
.collectionMaterials .tableContainer table td,
.collectionDonationSearch .tableContainer table th,
.collectionMaterials .tableContainer table th {
  color: white;
  font-size: 18px;
  height: 60px;
  text-align: left;
  padding: 10px;
}

.collectionDonationSearch .tableContainer table tr,
.collectionMaterials .tableContainer table tr {
  border-bottom: 2px solid #6cb4e8;
}

.collectionDonationSearch .tableContainer table tr:first-child td,
.collectionMaterials .tableContainer table tr:first-child td {
  height: 70px;
  padding-top: 20px;
}

.collectionDonationSearch .tableContainer table tr:last-child,
.collectionMaterials .tableContainer table tr:last-child {
  border-bottom: none;
}

.collectionDonationSearch .tableContainer table tr:last-child td,
.collectionMaterials .tableContainer table tr:last-child td {
  height: 70px;
  padding-bottom: 20px;
}

.collectionDonationSearch .tableContainer table .arrow,
.collectionMaterials .tableContainer table .arrow {
  visibility: hidden;
}

.collectionDonationSearch .tableContainer table tr:hover .arrow,
.collectionMaterials .tableContainer table tr:hover .arrow {
  visibility: visible;
}

.componentDonateForm .submit,
.collectionMaterials .submit {
  text-align: center;
}

@media screen and (max-width: 767px) {
  .componentDonateForm .submit,
  .collectionMaterials .submit {
    border-top: 2px solid #2e94de;
    padding-top: 15px;
  }
}

.componentDonateForm .submit .action,
.collectionMaterials .submit .action {
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  position: relative;
  border-radius: 5px;
  background-color: #2754b8;
  font-family: "omnes-pro", "omnesmedium", Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-style: italic;
  border: none;
  color: white;
  padding: 12px 55px 12px 16px;
  cursor: pointer;
  line-height: 1;
}

.componentDonateForm .submit .action:hover,
.collectionMaterials .submit .action:hover {
  background-color: #1E428F;
}

.componentDonateForm .submit .action > i,
.collectionMaterials .submit .action > i {
  margin-left: 10px;
  color: #99d4ff;
}

@media screen and (max-width: 767px) {
  .componentDonateForm .submit .action,
  .collectionMaterials .submit .action {
    position: relative;
    font-size: 21px;
    width: 100%;
    text-align: center;
  }

  .componentDonateForm .submit .action i,
  .collectionMaterials .submit .action i {
    position: absolute;
    top: 1px;
    right: 12px;
    font-size: 42px;
  }

  .componentDonateForm .submit .action span,
  .collectionMaterials .submit .action span {
    font-size: 21px;
  }
}

@media screen and (min-width: 768px) {
  .componentDonateForm .submit .action,
  .collectionMaterials .submit .action {
    position: relative;
    font-size: 25px;
  }

  .componentDonateForm .submit .action i,
  .collectionMaterials .submit .action i {
    position: absolute;
    top: 1px;
    right: 12px;
    font-size: 45px;
  }

  .componentDonateForm .submit .action span,
  .collectionMaterials .submit .action span {
    font-size: 25px;
  }
}

* {
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

html {
  line-height: 1;
  font-family: "omnes-pro", "omnesmedium", Arial, Helvetica, sans-serif;
  font-size: 16px;
}

body {
  -webkit-animation-name: loading-fadein;
  -moz-animation-name: loading-fadein;
  animation-name: loading-fadein;
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-delay: 0.5s;
  -moz-animation-delay: 0.5s;
  animation-delay: 0.5s;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  animation-fill-mode: both;
  margin: 0;
  background-color: #ffffff;
  color: #333;
}

body.overlay {
  overflow: hidden;
}

main {
  display: block;
}

button,
a,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  cursor: pointer;
}

button,
a {
  outline: none;
}

.action.disabled {
  opacity: 0.4;
  background-color: #999;
}

.action.disabled * {
  color: white;
}

.action.disabled:hover {
  opacity: 0.4;
  background-color: #999;
}

.action.disabled:hover * {
  color: white;
}

.busyLoader {
  padding: 10px;
}

.busyLoader img {
  vertical-align: middle;
}

#content #content_mid .form_row,
.contentMid .form_row {
  float: left;
}

#content {
  background-color: white;
}

::-webkit-input-placeholder {
  font-style: italic;
}

:-moz-placeholder {
  font-style: italic;
}

::-moz-placeholder {
  font-style: italic;
}

:-ms-input-placeholder {
  font-style: italic;
}

::-ms-clear {
  display: none;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.logo {
  background-repeat: no-repeat;
  display: inline-block;
}

@media screen and (max-width: 767px) {
  .logo {
    background-image: url("../images/sprite_mobile.png");
  }
}

@media screen and (min-width: 768px) {
  .logo {
    background-image: url("../images/sprite.png");
  }
}

@media screen and (max-width: 767px) {
  .logo {
    width: 81px;
    height: 85px;
    max-width: 100%;
  }
}

@media screen and (min-width: 768px) {
  .logo {
    width: 90px;
    height: 95px;
  }
}

.menuButton {
  background: transparent;
  margin: 0;
  border: none;
  padding: 0;
}

.menuButton > i {
  width: 30px;
  height: 23px;
  position: relative;
  display: inline-block;
  background-repeat: no-repeat;
}

.menuButton > span {
  color: #FFF;
  font-size: 15px;
}

.buttonBlue {
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  position: relative;
  border-radius: 5px;
  background-color: #1855b1;
  font-family: "omnes-pro", "omnesmedium", Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-style: italic;
  padding-top: 12px;
  padding-bottom: 14px;
  padding-left: 18px;
  padding-right: 18px;
  color: #FFF;
  text-decoration: none;
}

.buttonBlue:hover {
  background-color: #1E428F;
}

.buttonDonate {
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  position: relative;
  border-radius: 5px;
  background-color: #662d90;
  font-family: "omnes-pro", "omnesmedium", Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-style: italic;
  padding-top: 12px;
  padding-bottom: 14px;
  padding-left: 18px;
  padding-right: 30px;
  text-decoration: none;
}

.buttonDonate i {
  position: absolute;
  right: 7px;
}

.buttonDonate > i {
  color: #e88ee4;
}

.buttonProfileDonate {
  color: #FFF;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  position: relative;
  border-radius: 5px;
  background-color: #662d90;
  font-family: "omnes-pro", "omnesmedium", Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-style: italic;
  padding-top: 12px;
  padding-bottom: 14px;
  padding-left: 18px;
  padding-right: 18px;
  text-decoration: none;
  font-size: 30px;
}

.buttonProfileDonate:hover {
  background-color: #cd94ff;
  color: #662d90;
}

.titleLinesLeft {
  display: inline-block;
  max-width: 82px;
  height: 14px;
  background-image: url("../images/titleLinesLeft.gif");
  background-repeat: no-repeat;
  background-position: left top;
}

.titleLinesRight {
  display: inline-block;
  max-width: 82px;
  height: 14px;
  background-image: url("../images/titleLinesRight.gif");
  background-repeat: no-repeat;
  background-position: right top;
}

.onePurple {
  background-repeat: no-repeat;
  background-position: -363px 0;
  width: 34px;
  height: 48px;
  display: inline-block;
}

@media screen and (max-width: 767px) {
  .onePurple {
    background-image: url("../images/sprite_mobile.png");
  }
}

@media screen and (min-width: 768px) {
  .onePurple {
    background-image: url("../images/sprite.png");
  }
}

.twoPurple {
  background-repeat: no-repeat;
  background-position: -397px 0;
  width: 34px;
  height: 48px;
  display: inline-block;
}

@media screen and (max-width: 767px) {
  .twoPurple {
    background-image: url("../images/sprite_mobile.png");
  }
}

@media screen and (min-width: 768px) {
  .twoPurple {
    background-image: url("../images/sprite.png");
  }
}

.threePurple {
  background-repeat: no-repeat;
  background-position: -431px 0;
  width: 34px;
  height: 48px;
  display: inline-block;
}

@media screen and (max-width: 767px) {
  .threePurple {
    background-image: url("../images/sprite_mobile.png");
  }
}

@media screen and (min-width: 768px) {
  .threePurple {
    background-image: url("../images/sprite.png");
  }
}

.iconYouTube {
  background-repeat: no-repeat;
  background-position: -132px -135px;
  display: inline-block;
}

@media screen and (max-width: 767px) {
  .iconYouTube {
    background-image: url("../images/sprite_mobile.png");
  }
}

@media screen and (min-width: 768px) {
  .iconYouTube {
    background-image: url("../images/sprite.png");
  }
}

@media screen and (max-width: 767px) {
  .iconYouTube {
    width: 48px;
    height: 33px;
    margin-top: 5px;
  }
}

@media screen and (min-width: 768px) {
  .iconYouTube {
    width: 50px;
    height: 35px;
    margin-top: 6px;
  }
}

.iconFacebook {
  background-repeat: no-repeat;
  background-position: 0 -135px;
  display: inline-block;
}

@media screen and (max-width: 767px) {
  .iconFacebook {
    background-image: url("../images/sprite_mobile.png");
  }
}

@media screen and (min-width: 768px) {
  .iconFacebook {
    background-image: url("../images/sprite.png");
  }
}

@media screen and (max-width: 767px) {
  .iconFacebook {
    width: 43px;
    height: 43px;
  }
}

@media screen and (min-width: 768px) {
  .iconFacebook {
    width: 45px;
    height: 45px;
  }
}

.iconInstagram {
  background-repeat: no-repeat;
  background-position: -46px -135px;
  display: inline-block;
}

@media screen and (max-width: 767px) {
  .iconInstagram {
    background-image: url("../images/sprite_mobile.png");
  }
}

@media screen and (min-width: 768px) {
  .iconInstagram {
    background-image: url("../images/sprite.png");
  }
}

@media screen and (max-width: 767px) {
  .iconInstagram {
    width: 35px;
    height: 35px;
    margin-top: 4px;
  }
}

@media screen and (min-width: 768px) {
  .iconInstagram {
    width: 37px;
    height: 37px;
    margin-top: 5px;
  }
}

.iconTwitter {
  background-repeat: no-repeat;
  background-position: -84px -135px;
  display: inline-block;
}

@media screen and (max-width: 767px) {
  .iconTwitter {
    background-image: url("../images/sprite_mobile.png");
  }
}

@media screen and (min-width: 768px) {
  .iconTwitter {
    background-image: url("../images/sprite.png");
  }
}

@media screen and (max-width: 767px) {
  .iconTwitter {
    width: 45px;
    height: 37px;
    margin-top: 4px;
  }
}

@media screen and (min-width: 768px) {
  .iconTwitter {
    width: 47px;
    height: 39px;
    margin-top: 4px;
  }
}

.iconYoutubeSmall {
  background-repeat: no-repeat;
  background-position: -363px -64px;
  width: 16px;
  height: 16px;
  display: inline-block;
  margin-right: 2px;
}

@media screen and (max-width: 767px) {
  .iconYoutubeSmall {
    background-image: url("../images/sprite_mobile.png");
  }
}

@media screen and (min-width: 768px) {
  .iconYoutubeSmall {
    background-image: url("../images/sprite.png");
  }
}

.iconTwitterSmall {
  background-repeat: no-repeat;
  background-position: -380px -64px;
  width: 16px;
  height: 16px;
  display: inline-block;
  margin-right: 2px;
}

@media screen and (max-width: 767px) {
  .iconTwitterSmall {
    background-image: url("../images/sprite_mobile.png");
  }
}

@media screen and (min-width: 768px) {
  .iconTwitterSmall {
    background-image: url("../images/sprite.png");
  }
}

.iconPinterestSmall {
  background-repeat: no-repeat;
  background-position: -397px -64px;
  width: 16px;
  height: 16px;
  display: inline-block;
  margin-right: 2px;
}

@media screen and (max-width: 767px) {
  .iconPinterestSmall {
    background-image: url("../images/sprite_mobile.png");
  }
}

@media screen and (min-width: 768px) {
  .iconPinterestSmall {
    background-image: url("../images/sprite.png");
  }
}

.iconLinkedInSmall {
  background-repeat: no-repeat;
  background-position: -414px -64px;
  width: 16px;
  height: 16px;
  display: inline-block;
  margin-right: 2px;
}

@media screen and (max-width: 767px) {
  .iconLinkedInSmall {
    background-image: url("../images/sprite_mobile.png");
  }
}

@media screen and (min-width: 768px) {
  .iconLinkedInSmall {
    background-image: url("../images/sprite.png");
  }
}

.iconOtherLinkSmall {
  background-repeat: no-repeat;
  background-position: -431px -64px;
  width: 16px;
  height: 16px;
  display: inline-block;
  margin-right: 2px;
}

@media screen and (max-width: 767px) {
  .iconOtherLinkSmall {
    background-image: url("../images/sprite_mobile.png");
  }
}

@media screen and (min-width: 768px) {
  .iconOtherLinkSmall {
    background-image: url("../images/sprite.png");
  }
}

.iconGooglePlusSmall {
  background-repeat: no-repeat;
  background-position: -448px -64px;
  width: 16px;
  height: 16px;
  display: inline-block;
  margin-right: 2px;
}

@media screen and (max-width: 767px) {
  .iconGooglePlusSmall {
    background-image: url("../images/sprite_mobile.png");
  }
}

@media screen and (min-width: 768px) {
  .iconGooglePlusSmall {
    background-image: url("../images/sprite.png");
  }
}

.iconFacebookSmall {
  background-repeat: no-repeat;
  background-position: -465px -64px;
  width: 16px;
  height: 16px;
  display: inline-block;
  margin-right: 2px;
}

@media screen and (max-width: 767px) {
  .iconFacebookSmall {
    background-image: url("../images/sprite_mobile.png");
  }
}

@media screen and (min-width: 768px) {
  .iconFacebookSmall {
    background-image: url("../images/sprite.png");
  }
}

.buttonPlay {
  background-repeat: no-repeat;
  background-position: -196px -135px;
  display: inline-block;
  padding: 0;
  border: none;
  background-color: transparent;
}

@media screen and (max-width: 767px) {
  .buttonPlay {
    background-image: url("../images/sprite_mobile.png");
  }
}

@media screen and (min-width: 768px) {
  .buttonPlay {
    background-image: url("../images/sprite.png");
  }
}

@media screen and (max-width: 767px) {
  .buttonPlay {
    width: 62px;
    height: 62px;
  }
}

@media screen and (min-width: 768px) {
  .buttonPlay {
    width: 78px;
    height: 78px;
  }
}

.buttonInfo {
  width: 24px;
  height: 24px;
  display: inline-block;
  text-align: center;
  border-width: 2px;
  border-style: solid;
  border-radius: 100%;
  font-family: "omnes-pro", "omnesmedium", Arial, Helvetica, sans-serif;
  font-weight: 600;
  font-style: italic;
  font-size: 19px;
}

.buttonInfo.tooltip {
  border-color: #A058D6;
  color: #A058D6;
  cursor: pointer;
  outline: none;
}

.buttonInfo.tooltip:after {
  width: 220px;
  padding: 20px;
  color: #FFF;
  background-color: #662D90;
  text-align: left;
  line-height: 24px;
  font-weight: normal;
  font-style: normal;
  font-size: 20px;
}

@media screen and (max-width: 767px) {
  .buttonInfo.tooltip {
    position: relative;
    display: inline-block;
  }

  .buttonInfo.tooltip:before,
  .buttonInfo.tooltip:after {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition: all 0.3s ease 0ms;
    -moz-transition: all 0.3s ease 0ms;
    transition: all 0.3s ease 0ms;
    position: absolute;
    visibility: hidden;
    opacity: 0;
    z-index: 9;
    pointer-events: none;
  }

  .buttonInfo.tooltip:before {
    content: '';
    z-index: 11;
  }

  .buttonInfo.tooltip:after {
    content: attr(data-tooltip);
  }

  .buttonInfo.tooltip:before,
  .buttonInfo.tooltip:after {
    top: 100%;
    left: 50%;
  }

  .buttonInfo.tooltip:hover:after,
  .buttonInfo.tooltip:hover:before,
  .buttonInfo.tooltip:focus:after,
  .buttonInfo.tooltip:focus:before {
    -webkit-transform: translateY(8px);
    -moz-transform: translateY(8px);
    -ms-transform: translateY(8px);
    -o-transform: translateY(8px);
    transform: translateY(8px);
  }

  .buttonInfo.tooltip.focus:before,
  .buttonInfo.tooltip.focus:after {
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    visibility: visible;
    opacity: 1;
  }
}

@media screen and (min-width: 768px) {
  .buttonInfo.tooltip {
    position: relative;
    display: inline-block;
  }

  .buttonInfo.tooltip:before,
  .buttonInfo.tooltip:after {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition: all 0.3s ease 0ms;
    -moz-transition: all 0.3s ease 0ms;
    transition: all 0.3s ease 0ms;
    position: absolute;
    visibility: hidden;
    opacity: 0;
    z-index: 9;
    pointer-events: none;
  }

  .buttonInfo.tooltip:before {
    content: '';
    z-index: 11;
  }

  .buttonInfo.tooltip:after {
    content: attr(data-tooltip);
  }

  .buttonInfo.tooltip:before,
  .buttonInfo.tooltip:after {
    right: 100%;
    bottom: 50%;
  }

  .buttonInfo.tooltip:after {
    bottom: -100px;
  }

  .buttonInfo.tooltip.focus:before,
  .buttonInfo.tooltip.focus:after {
    -webkit-transform: translateX(-8px);
    -moz-transform: translateX(-8px);
    -ms-transform: translateX(-8px);
    -o-transform: translateX(-8px);
    transform: translateX(-8px);
    -webkit-transition-delay: 100ms;
    -moz-transition-delay: 100ms;
    transition-delay: 100ms;
    visibility: visible;
    opacity: 1;
  }
}

.buttonInfo.tooltip.focus {
  background-color: #A058D6;
  color: #FFF;
}

.no-touch .buttonInfo:hover:before,
.no-touch .buttonInfo:hover:after {
  -webkit-transform: translateX(-8px);
  -moz-transform: translateX(-8px);
  -ms-transform: translateX(-8px);
  -o-transform: translateX(-8px);
  transform: translateX(-8px);
  -webkit-transition-delay: 100ms;
  -moz-transition-delay: 100ms;
  transition-delay: 100ms;
  visibility: visible;
  opacity: 1;
}

.dividerBlue {
  text-align: center;
  background-image: url("../images/bluePx.gif");
  background-repeat: repeat-x;
  background-position: left center;
}

.dividerBlue > span {
  display: inline-block;
  padding: 5px;
}

.buttonFacebook {
  position: relative;
  background-color: #2D4373;
  border: none;
  border-radius: 5px;
  overflow: hidden;
  padding: 0;
  cursor: pointer;
  text-decoration: none;
  display: inline-block;
  line-height: 1;
}

.buttonFacebook > .icon {
  background-repeat: no-repeat;
  background-position: -45px -185px;
  width: 50px;
  height: 45px;
  display: inline-block;
  position: absolute;
  bottom: 0;
  left: 0;
}

@media screen and (max-width: 767px) {
  .buttonFacebook > .icon {
    background-image: url("../images/sprite_mobile.png");
  }
}

@media screen and (min-width: 768px) {
  .buttonFacebook > .icon {
    background-image: url("../images/sprite.png");
  }
}

.buttonFacebook > .text {
  height: 45px;
  background-color: #3B5998;
  color: #FFF;
  text-align: center;
  margin-left: 50px;
  display: block;
  font-family: "omnes-pro", "omnesmedium", Arial, Helvetica, sans-serif;
  font-weight: 600;
  padding-top: 12px;
  padding-bottom: 12px;
}

@media screen and (max-width: 767px) {
  .buttonFacebook > .text {
    font-size: 19px;
    min-width: 231px;
    padding-left: 8px;
    padding-right: 8px;
  }
}

@media screen and (min-width: 768px) {
  .buttonFacebook > .text {
    font-size: 20px;
    padding-left: 12px;
    padding-right: 12px;
  }
}

.successMessage {
  background-color: #3D8928;
  border: 1px solid #3D8928;
  color: #FFF;
  display: block;
  font-size: 14px;
  padding: 10px;
  border-radius: 5px;
  margin-bottom: 25px;
}

.successText {
  color: #3D8928;
  display: block;
  font-size: 14px;
  clear: both;
  margin-top: 10px;
  margin-bottom: 25px;
}

.errorMessage,
.errorText {
  color: #DB003D;
  display: block;
  font-size: 14px;
  clear: both;
  margin-top: 10px;
  margin-bottom: 25px;
}

.errorMessageBox {
  background-color: #FCF9D6;
  border: 1px solid #CCBB00;
  padding: 10px;
  border-radius: 5px;
  margin-bottom: 25px;
}

.errorMessageBox:after {
  content: "";
  display: table;
  clear: both;
}

.errorMessageBox > * {
  float: left;
}

.errorMessageBox > ul,
.errorMessageBox > .message {
  width: 70%;
  margin-left: 13px;
}

.errorMessageBox > .icon {
  width: 26px;
  height: 26px;
  border-radius: 100%;
  display: inline-block;
  background-color: #DB003D;
  color: #FFF;
  text-align: center;
  padding: 3px;
  font-size: 20px;
  font-weight: 600;
  font-style: italic;
}

.successMessageBox {
  background-color: #3D8928;
  border: 1px solid #3D8928;
  padding: 10px;
  border-radius: 5px;
  margin-bottom: 25px;
  color: #fff;
}

.successMessageBox:after {
  content: "";
  display: table;
  clear: both;
}

.successMessageBox > * {
  float: left;
}

.successMessageBox > .message {
  width: 70%;
  margin-left: 13px;
  padding-top: 12px;
}

.successMessageBox > ul {
  width: 70%;
  margin-left: 13px;
}

.successMessageBox > .icon {
  background-image: url("../images/sprites.png");
  width: 26px;
  height: 26px;
  display: inline-block;
  overflow: hidden;
  background-repeat: no-repeat;
  width: 40px;
  height: 40px;
  background-position: -479px -39px;
  text-align: center;
  padding: 3px;
}

.ribbonSkewed {
  height: 55px;
  width: 160px;
  display: inline-block;
  z-index: 5;
  position: absolute;
}

@media screen and (max-width: 767px) {
  .ribbonSkewed {
    width: 120px;
  }
}

.ribbonSkewed > .ribbonText {
  display: inline-block;
  border-radius: 4px;
  border-top-right-radius: 0;
  border-bottom-left-radius: 0;
  background-position: right;
  background-repeat: no-repeat;
  text-align: center;
  text-transform: uppercase;
  height: 55px;
  padding-left: 15px;
  padding-right: 60px;
  color: #FFF;
  background-color: #6DB4E8;
  font-size: 30px;
  line-height: 55px;
  white-space: nowrap;
}

@media screen and (max-width: 767px) {
  .ribbonSkewed > .ribbonText {
    font-family: "tradegothic", Arial, Helvetica, sans-serif;
    font-size: 22px;
  }
}

.hidden {
  display: none;
}

.ui-autocomplete-input {
  background-image: url("../images/ajax-loader.gif");
  background-repeat: no-repeat;
  background-position: -1000px -1000px;
}

.ui-autocomplete-input.loading {
  background-position: 95% center;
  background-position: right 10px center;
}

ul.ui-autocomplete.ui-menu {
  display: block;
  position: absolute;
  padding: 0px;
  background-color: #F5F5EE;
  border: 2px solid #abab9a;
  border-radius: 5px;
}

ul.ui-autocomplete.ui-menu li {
  list-style: none outside none;
  cursor: pointer;
  padding: 5px 10px;
}

ul.ui-autocomplete.ui-menu li:hover {
  color: white;
  background-color: #1855b1;
}

.currentCountryTile:after {
  content: "";
  display: table;
  clear: both;
}

.currentCountryTile > * {
  float: left;
}

.flagRound-au {
  display: inline-block;
  overflow: hidden;
  background-repeat: no-repeat;
}

@media screen and (max-width: 767px) {
  .flagRound-au {
    background-image: url("../images/mobilesprites.png");
  }
}

@media screen and (min-width: 768px) {
  .flagRound-au {
    background-image: url("../images/sprites.png");
  }
}

.flagRound-us {
  display: inline-block;
  overflow: hidden;
  background-repeat: no-repeat;
}

@media screen and (max-width: 767px) {
  .flagRound-us {
    background-image: url("../images/mobilesprites.png");
  }
}

@media screen and (min-width: 768px) {
  .flagRound-us {
    background-image: url("../images/sprites.png");
  }
}

.flagRound-uk {
  display: inline-block;
  overflow: hidden;
  background-repeat: no-repeat;
}

@media screen and (max-width: 767px) {
  .flagRound-uk {
    background-image: url("../images/mobilesprites.png");
  }
}

@media screen and (min-width: 768px) {
  .flagRound-uk {
    background-image: url("../images/sprites.png");
  }
}

.flagRound-ca {
  display: inline-block;
  overflow: hidden;
  background-repeat: no-repeat;
}

@media screen and (max-width: 767px) {
  .flagRound-ca {
    background-image: url("../images/mobilesprites.png");
  }
}

@media screen and (min-width: 768px) {
  .flagRound-ca {
    background-image: url("../images/sprites.png");
  }
}

.flagRound-sg {
  display: inline-block;
  overflow: hidden;
  background-repeat: no-repeat;
}

@media screen and (max-width: 767px) {
  .flagRound-sg {
    background-image: url("../images/mobilesprites.png");
  }
}

@media screen and (min-width: 768px) {
  .flagRound-sg {
    background-image: url("../images/sprites.png");
  }
}

.flagRound-nl {
  display: inline-block;
  overflow: hidden;
  background-repeat: no-repeat;
}

@media screen and (max-width: 767px) {
  .flagRound-nl {
    background-image: url("../images/mobilesprites.png");
  }
}

@media screen and (min-width: 768px) {
  .flagRound-nl {
    background-image: url("../images/sprites.png");
  }
}

.flagRound-pl {
  display: inline-block;
  overflow: hidden;
  background-repeat: no-repeat;
}

@media screen and (max-width: 767px) {
  .flagRound-pl {
    background-image: url("../images/mobilesprites.png");
  }
}

@media screen and (min-width: 768px) {
  .flagRound-pl {
    background-image: url("../images/sprites.png");
  }
}

.flagRound-tr {
  display: inline-block;
  overflow: hidden;
  background-repeat: no-repeat;
}

@media screen and (max-width: 767px) {
  .flagRound-tr {
    background-image: url("../images/mobilesprites.png");
  }
}

@media screen and (min-width: 768px) {
  .flagRound-tr {
    background-image: url("../images/sprites.png");
  }
}

.flagRound-nz {
  display: inline-block;
  overflow: hidden;
  background-repeat: no-repeat;
}

@media screen and (max-width: 767px) {
  .flagRound-nz {
    background-image: url("../images/mobilesprites.png");
  }
}

@media screen and (min-width: 768px) {
  .flagRound-nz {
    background-image: url("../images/sprites.png");
  }
}

.flagRound-in {
  display: inline-block;
  overflow: hidden;
  background-repeat: no-repeat;
}

@media screen and (max-width: 767px) {
  .flagRound-in {
    background-image: url("../images/mobilesprites.png");
  }
}

@media screen and (min-width: 768px) {
  .flagRound-in {
    background-image: url("../images/sprites.png");
  }
}

.flagRound-ny {
  display: inline-block;
  overflow: hidden;
  background-repeat: no-repeat;
}

@media screen and (max-width: 767px) {
  .flagRound-ny {
    background-image: url("../images/mobilesprites.png");
  }
}

@media screen and (min-width: 768px) {
  .flagRound-ny {
    background-image: url("../images/sprites.png");
  }
}

.containerDonateAmount {
  background: white;
  border-radius: 5px;
  display: table;
  width: 100%;
}

.containerDonateAmount .radio {
  border-radius: 5px 0 0 5px;
  color: white;
  display: table-cell;
  font-family: "tradegothic", Arial, Helvetica, sans-serif;
  font-size: 28px;
  padding: 60px 10px;
  vertical-align: middle;
  min-width: 100px;
  white-space: nowrap;
}

.containerDonateAmount .radio input,
.containerDonateAmount .radio strong {
  vertical-align: middle;
}

.left .containerDonateAmount .radio {
  background: #1d2c4d;
}

.right .containerDonateAmount .radio {
  background: #35174a;
}

.containerDonateAmount .description {
  display: table-cell;
  border-radius: 0 5px 5px 0;
  font-family: Arial, sans-serif;
  font-size: 14px;
  line-height: 1.2;
  padding: 15px 15px;
  vertical-align: middle;
}

.left .containerDonateAmount:first-child .radio {
  background: #2e94de;
}

.left .containerDonateAmount:first-child + .containerDonateAmount .radio {
  background: #1855b1;
}

.left .containerDonateAmount:first-child + .containerDonateAmount + .containerDonateAmount .radio {
  background: #1d2c4d;
}

.right .containerDonateAmount:first-child .radio {
  background: #4f5bb2;
}

.right .containerDonateAmount:first-child + .containerDonateAmount .radio {
  background: #662d90;
}

.right .containerDonateAmount:first-child + .containerDonateAmount + .containerDonateAmount .radio {
  background: #35174a;
}

.codeTextarea {
  background-color: #FFF;
  padding: 5px;
  border-radius: 5px;
  font-size: 13px;
  color: #333;
  border: none;
  resize: none;
  margin-top: 10px;
  max-width: 100%;
}

span.currencySign {
  position: relative;
  left: 20px;
}

.containerAmount {
  display: inline-block;
  position: relative;
  white-space: nowrap;
}

.containerAmount .currencySign {
  position: absolute;
  top: 14px;
  left: 7px;
}

.containerPayPal {
  margin-top: 10px;
  margin-bottom: 10px;
}

.thankyouVideo,
.thankyou {
  max-width: 100% !important;
}

.thankyouVideo .videoPlayerWrap,
.thankyouVideo #player_wrapper,
.thankyou .videoPlayerWrap,
.thankyou #player_wrapper {
  position: relative;
  padding-bottom: 56.25% !important;
  height: 0 !important;
  overflow: hidden;
  max-width: 100%;
}

.thankyouVideo .videoPlayerWrap iframe,
.thankyouVideo .videoPlayerWrap object,
.thankyouVideo .videoPlayerWrap embed,
.thankyouVideo .videoPlayerWrap #player,
.thankyouVideo .videoPlayerWrap #player_view,
.thankyouVideo #player_wrapper iframe,
.thankyouVideo #player_wrapper object,
.thankyouVideo #player_wrapper embed,
.thankyouVideo #player_wrapper #player,
.thankyouVideo #player_wrapper #player_view,
.thankyou .videoPlayerWrap iframe,
.thankyou .videoPlayerWrap object,
.thankyou .videoPlayerWrap embed,
.thankyou .videoPlayerWrap #player,
.thankyou .videoPlayerWrap #player_view,
.thankyou #player_wrapper iframe,
.thankyou #player_wrapper object,
.thankyou #player_wrapper embed,
.thankyou #player_wrapper #player,
.thankyou #player_wrapper #player_view {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
}

.labelText.noThanks {
  color: #999 !important;
  font-size: 12px !important;
}

.listLeaderboardTeam {
  list-style-type: none;
  padding-left: 0;
  margin-top: 0;
  margin-bottom: 0;
}

.listLeaderboardTeam li {
  padding: 35px 0;
}

.listLeaderboardTeam li:after {
  content: "";
  display: table;
  clear: both;
}

@media screen and (max-width: 767px) {
  .listLeaderboardTeam li {
    padding: 30px 0;
  }
}

.listLeaderboardTeam li + li {
  border-top: 1px solid #99d4ff;
}

.listLeaderboardTeam span {
  display: inline-block;
  vertical-align: middle;
}

.listLeaderboardTeam .left {
  float: left;
  white-space: nowrap;
}

.listLeaderboardTeam .right {
  float: right;
}

.listLeaderboardTeam .content {
  color: #555555;
  font-size: 14px;
  position: relative;
}

.listLeaderboardTeam .content i {
  vertical-align: middle;
  margin-right: 5px;
}

.listLeaderboardTeam .teamMembers {
  font-size: 14px !important;
  line-height: 29px !important;
}

.listLeaderboardTeam .teamMembers a {
  background-image: url("../images/leaderboard_person.png");
  background-position: left;
  background-repeat: no-repeat;
  text-decoration: unedrline !important;
  padding-left: 25px;
  border: none !important;
}

.listLeaderboardTeam .rank,
.listLeaderboardTeam .steps,
.listLeaderboardTeam .funds {
  font-family: "tradegothic", Arial, Helvetica, sans-serif;
  font-style: italic;
}

.listLeaderboardTeam .rank {
  font-size: 20px;
  min-width: 78px;
  margin-right: 5px;
}

.listLeaderboardTeam .country {
  margin-right: 35px;
}

.listLeaderboardTeam .steps,
.listLeaderboardTeam .funds {
  color: #1855b1;
  text-transform: uppercase;
}

.listLeaderboardTeam .name {
  color: #1855b1;
  font-size: 18px;
}

.listLeaderboardTeam .organisationName {
  margin-right: 20px;
}

.listLeaderboardTeam .organisationName i {
  display: inline-block;
  overflow: hidden;
  background-repeat: no-repeat;
}

@media screen and (max-width: 767px) {
  .listLeaderboardTeam .organisationName i {
    background-image: url("../images/mobilesprites.png");
  }
}

@media screen and (min-width: 768px) {
  .listLeaderboardTeam .organisationName i {
    background-image: url("../images/sprites.png");
  }
}

.listLeaderboardTeam .charityName i {
  display: inline-block;
  overflow: hidden;
  background-repeat: no-repeat;
}

@media screen and (max-width: 767px) {
  .listLeaderboardTeam .charityName i {
    background-image: url("../images/mobilesprites.png");
  }
}

@media screen and (min-width: 768px) {
  .listLeaderboardTeam .charityName i {
    background-image: url("../images/sprites.png");
  }
}

.team .listLeaderboardTeam .steps,
.team .listLeaderboardTeam .funds {
  font-size: 18px;
  display: block;
  text-align: right;
  margin-bottom: 8px;
}

.corporate .listLeaderboardTeam .step,
.corporate .listLeaderboardTeam .funds {
  font-size: 25px;
}

.corporate .listLeaderboardTeam .corporateLogo img {
  display: block;
  max-height: 40px;
  max-width: 140px;
  margin: 0 !important;
}

@media screen and (max-width: 959px) {
  .listLeaderboardTeam .content span {
    display: block;
  }
}

@media screen and (min-width: 768px) {
  .listLeaderboardTeam .left {
    padding-top: 14px;
  }

  .team .listLeaderboardTeam .content {
    margin-left: 160px;
    margin-right: 265px;
  }

  .corporate .listLeaderboardTeam .right {
    padding-top: 10px;
    text-align: right;
    width: 30%;
  }

  .corporate .listLeaderboardTeam .funds,
  .corporate .listLeaderboardTeam .steps {
    margin-top: 3px;
  }

  .corporate .listLeaderboardTeam .corporateLogo {
    float: left;
  }

  .corporate .listLeaderboardTeam .content {
    margin-left: 85px;
    margin-right: 30%;
  }

  .listLeaderboardTeam .teamMembers {
    margin-top: 10px !important;
    margin-left: 160px !important;
    clear: both;
  }

  .listLeaderboardTeam .teamMembers a {
    margin-right: 20px;
    text-decoration: underline !important;
  }

  .listLeaderboardTeam .teamMembers a:hover {
    color: #1855b1;
  }
}

@media screen and (max-width: 767px) {
  .listLeaderboardTeam li {
    position: relative;
  }

  .listLeaderboardTeam .country,
  .listLeaderboardTeam .corporateLogo {
    position: absolute;
    right: 0px;
    bottom: 30px;
    margin-right: 0;
  }

  .listLeaderboardTeam .organisationName {
    margin-right: 0;
  }

  .listLeaderboardTeam .content {
    clear: both;
    padding-right: 36px;
  }

  .listLeaderboardTeam .content .name,
  .listLeaderboardTeam .content span:first-child {
    margin-bottom: 5px;
  }

  .listLeaderboardTeam .checkpoints {
    display: none;
  }

  .listLeaderboardTeam .teamMembers {
    margin-top: 10px !important;
  }

  .listLeaderboardTeam .teamMembers a {
    display: block;
    float: left;
    clear: both;
  }
}

.smil .imageUploadWrapper {
  height: 0px;
  width: 0px;
  overflow: hidden;
}

.no-smil .imageUploadFakeButton {
  display: none !important;
}

.smil .imageUploadFakeButtonHeading {
  display: none !important;
}

.listRankings {
  list-style-type: none;
  padding-left: 0;
  margin-top: 0;
  margin-bottom: 0;
}

.listRankings:after {
  content: "";
  display: table;
  clear: both;
}

.listRankings li {
  background: #2D611B;
  color: white !important;
  font-family: "tradegothic", Arial, Helvetica, sans-serif;
  font-style: italic;
  padding: 10px 15px;
  position: relative;
  white-space: nowrap;
}

.listRankings li + li {
  background: #326E1F;
}

.listRankings span {
  display: inline-block;
  vertical-align: middle;
  font-size: 16px;
}

.listRankings .sprite {
  margin-right: 20px;
}

.listRankings .sprite + span {
  text-transform: uppercase;
}

.listRankings .ranking {
  font-size: 25px;
  margin: 0 30px 0 5px;
}

.listRankings .fb {
  position: absolute;
  top: 10px;
  right: 15px;
}

.listRankings .fb span {
  width: 28px;
  height: 28px;
  background: #d5dfd1;
  border-radius: 50%;
  color: #2D611B;
  line-height: 28px;
  text-align: center;
}

@media screen and (min-width: 768px) {
  .listRankings li {
    float: left;
    width: 50%;
  }

  .listRankings .ranking {
    width: 85px;
    overflow: hidden;
  }
}

.componentAccordion.passive .accordionContent {
  height: 0;
  overflow: hidden;
}

.componentAccordion.active button .fa {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}

.componentAddTeamMemberGroup {
  margin-bottom: 22px;
  position: relative;
}

.componentAddTeamMemberGroup .groupNumber {
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  border-radius: 100%;
  border: 2px solid #6DB4E8;
  text-align: left;
  text-indent: 4px;
  color: #2754b8;
  font-family: "tradegothic", Arial, Helvetica, sans-serif;
}

@media screen and (max-width: 767px) {
  .componentAddTeamMemberGroup .groupNumber {
    width: 33px;
    height: 33px;
    font-size: 21px;
    padding: 3px;
  }
}

@media screen and (min-width: 768px) {
  .componentAddTeamMemberGroup .groupNumber {
    width: 43px;
    height: 43px;
    font-size: 28px;
    padding: 5px;
  }
}

@media screen and (max-width: 767px) {
  .componentAddTeamMemberGroup .field.small {
    width: 50%;
  }

  .componentAddTeamMemberGroup .field:first-child {
    padding-right: 5px;
  }

  .componentAddTeamMemberGroup .field.medium {
    width: 100%;
    margin-top: 5px;
  }
}

@media screen and (min-width: 768px) {
  .componentAddTeamMemberGroup .field.small {
    width: 27.5179%;
    margin-right: 1.2591%;
  }

  .componentAddTeamMemberGroup .field.medium {
    width: 42.446%;
  }
}

.componentAddTeamMemberGroup .groupFields:after {
  content: "";
  display: table;
  clear: both;
}

@media screen and (max-width: 767px) {
  .componentAddTeamMemberGroup .groupFields {
    padding-left: 43px;
    min-height: 33px;
  }
}

@media screen and (min-width: 768px) {
  .componentAddTeamMemberGroup .groupFields {
    padding-left: 53px;
    min-height: 43px;
  }
}

.componentAddTeamMemberGroup .groupFields > h3 {
  font-family: "omnes-pro", "omnesmedium", Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-size: 24px;
}

@media screen and (max-width: 767px) {
  .componentAddTeamMemberGroup .groupFields > h3 {
    padding-top: 3px;
    margin-top: 0;
    margin-bottom: 0;
  }
}

@media screen and (min-width: 768px) {
  .componentAddTeamMemberGroup .groupFields > h3 {
    padding-top: 9px;
    margin-top: 0;
    margin-bottom: 0;
  }
}

.componentAddTeamMemberGroup .groupFields .field {
  float: left;
}

.componentAddTeamMemberGroup .groupFields .checkbox {
  border: 1px solid #A9AD99;
  padding: 5px;
  border-radius: 5px;
  margin-top: 5px;
}

.componentAddTeamMemberGroup .groupFields .checkbox:after {
  content: "";
  display: table;
  clear: both;
}

.componentAddTeamMemberGroup .groupFields .checkbox > input {
  display: inline-block;
  float: left;
  max-width: 15%;
  margin-top: 3px;
  margin-left: 0;
  margin-right: 0;
}

.componentAddTeamMemberGroup .groupFields .checkbox > span {
  display: inline-block;
  float: left;
  margin-left: 5%;
  width: 80%;
}

@media screen and (max-width: 959px) {
  .componentAddTeamMemberGroup .groupFields .checkbox {
    width: 100%;
  }
}

@media screen and (min-width: 960px) {
  .componentAddTeamMemberGroup .groupFields .checkbox {
    white-space: nowrap;
    min-width: 320px;
    margin-right: 5px;
  }
}

.componentAddTeamMemberGroup .groupFields .buttonClear {
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  min-width: inherit;
  border: 2px solid #2e94de;
  color: #2e94de;
  border-radius: 6px;
  text-decoration: none;
  background-color: transparent;
  padding: 8px 13px;
  margin-top: 10px;
  float: right;
  cursor: pointer;
  font-family: "omnes-pro", "omnesmedium", Arial, Helvetica, sans-serif;
  font-size: 15px;
  font-style: italic;
  font-weight: 600;
}

.componentAddTeamMemberGroup .groupFields .buttonClear:hover {
  background-color: #2e94de;
  color: #FFF;
}

@media screen and (max-width: 959px) {
  .componentAddTeamMemberGroup .groupFields .checkboxGroup {
    width: 100%;
  }
}

.componentCarousel {
  overflow: hidden;
}

@media screen and (max-width: 767px) {
  .componentCarousel {
    background-color: #FFF;
  }
}

@media screen and (min-width: 768px) {
  .componentCarousel {
    background-color: #f5f5ee;
  }

  .componentCarousel.hasVideo.noCarousel,
  .componentCarousel.hasVideo .owl-stage-outer {
    padding-bottom: 50px;
  }
}

.componentCarousel .carouselItem {
  width: 100%;
  position: relative;
  text-align: center;
}

.componentCarousel .carouselItem img {
  width: 100%;
  display: block;
}

.componentCarousel .carouselItem .carouselItemImageContainer {
  max-height: 530px;
  overflow: hidden;
}

@media screen and (max-width: 767px) {
  .componentCarousel .carouselItem .carouselItemImageContainer {
    position: relative;
    height: 327px;
    overflow: hidden;
  }

  .componentCarousel .carouselItem .carouselItemImageContainer img {
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    width: auto;
    min-width: 100%;
    position: absolute;
    top: 0;
    left: 50%;
  }
}

.componentCarousel .carouselItem h2 {
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  width: 100%;
  color: #FFF;
  font-family: "tradegothicoblique", Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  text-shadow: 5px 5px 21px #000;
  margin-top: 0;
  margin-bottom: 0;
}

@media screen and (max-width: 767px) {
  .componentCarousel .carouselItem h2 {
    bottom: 30px;
    font-size: 45px;
    letter-spacing: 2px;
  }
}

@media screen and (min-width: 768px) {
  .componentCarousel .carouselItem h2 {
    bottom: 160px;
    font-size: 60px;
    letter-spacing: 4px;
  }
}

@media screen and (max-width: 767px) {
  .componentCarousel .carouselItem .carouselRibbon {
    background-color: #FFF;
    color: #662d90;
    font-family: "omnes-pro", "omnesmedium", Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-style: italic;
    font-size: 28px;
    padding: 30px 15px;
  }
}

@media screen and (min-width: 768px) {
  .componentCarousel .carouselItem .carouselRibbon {
    position: absolute;
    bottom: 90px;
    text-align: center;
    width: 100%;
  }

  .componentCarousel .carouselItem .carouselRibbon > .ribbonText {
    max-width: 645px;
    position: relative;
    display: inline-block;
    background-color: #FFF;
    padding: 10px 30px;
    color: #662d90;
    font-family: "omnes-pro", "omnesmedium", Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-style: italic;
    font-size: 28px;
  }

  .componentCarousel .carouselItem .carouselRibbon .ribbonMiddle {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    display: block;
  }

  .componentCarousel .carouselItem .carouselRibbon .ribbonLeft {
    display: none;
  }

  .componentCarousel .carouselItem .carouselRibbon .ribbonRight {
    display: none;
  }
}

.componentCarousel .carouselItem .videoModal {
  cursor: pointer;
}

@media screen and (max-width: 767px) {
  .componentCarousel .carouselItem .videoModal {
    margin-bottom: 30px;
  }
}

@media screen and (min-width: 768px) {
  .componentCarousel .carouselItem .videoModal {
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    position: absolute;
    bottom: -40px;
    left: 50%;
  }
}

.componentCarouselShareButton {
  padding-left: 15px;
  padding-right: 15px;
}

@media screen and (min-width: 768px) {
  .componentCarouselShareButton {
    max-width: 990px;
    margin-left: auto;
    margin-right: auto;
  }
}

@media screen and (max-width: 767px) {
  .componentCarouselShareButton {
    display: none;
  }
}

@media screen and (min-width: 768px) {
  .componentCarouselShareButton {
    position: relative;
    z-index: 5;
  }

  .componentCarouselShareButton > .fb-share-button {
    position: absolute;
    top: -93px;
    right: 15px;
    background-color: #FFF;
    padding: 3px 8px 4px 8px;
    border-radius: 4px;
  }
}

.componentCheckpointModal {
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 50;
  top: 0;
  left: 0;
  text-align: center;
}

.componentCheckpointModal .overlay {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background-color: #000;
  opacity: 0.75;
  filter: alpha(opacity=75);
}

.componentCheckpointModal > .content {
  display: inline-block;
  position: relative;
  width: 720px;
  height: 685px;
  background-color: #F5F5EE;
  padding-bottom: 40px;
  margin-top: 40px;
}

@media screen and (min-width: 960px) {
  .componentCheckpointModal > .content {
    width: 720px;
    height: 685px;
  }
}

@media (max-height: 780px) {
  .componentCheckpointModal > .content {
    width: 720px;
    height: 615px;
  }
}

@media screen and (max-width: 959px) {
  .componentCheckpointModal > .content {
    width: 720px;
    height: 615px;
  }
}

@media screen and (max-width: 767px) {
  .componentCheckpointModal > .content {
    width: 320px;
    height: 460px;
  }
}

.componentCheckpointModal > .content .popupChallengeWinnerImage {
  max-width: 180px;
}

@media screen and (min-width: 960px) {
  .componentCheckpointModal > .content .popupChallengeWinnerImage {
    position: absolute;
    right: 10px;
    top: 215px;
  }
}

@media (max-height: 780px) {
  .componentCheckpointModal > .content .popupChallengeWinnerImage {
    position: absolute;
    right: 10px;
    top: 215px;
  }
}

@media screen and (max-width: 959px) {
  .componentCheckpointModal > .content .popupChallengeWinnerImage {
    position: absolute;
    right: 10px;
    top: 215px;
  }
}

@media screen and (max-width: 767px) {
  .componentCheckpointModal > .content .popupChallengeWinnerImage {
    position: relative;
    right: 0px;
    top: 0px;
    display: block;
    margin: 10px auto;
  }
}

.componentCheckpointModal > .content .image {
  display: block;
  clear: both;
  position: relative;
  width: 375px;
  height: 205px;
  border: 8px solid white;
  box-shadow: 0px 2px 10px;
  margin: 20px auto;
  border-bottom-width: 50px;
  background-image: url(http://lorempixel.com/800/800);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

@media screen and (min-width: 960px) {
  .componentCheckpointModal > .content .image {
    width: 375px;
    height: 205px;
  }
}

@media (max-height: 780px) {
  .componentCheckpointModal > .content .image {
    width: 375px;
    height: 205px;
  }
}

@media screen and (max-width: 959px) {
  .componentCheckpointModal > .content .image {
    width: 375px;
    height: 205px;
  }
}

@media screen and (max-width: 767px) {
  .componentCheckpointModal > .content .image {
    width: 100%;
    height: 130px;
    margin: 0px;
    border: none;
  }
}

.componentCheckpointModal > .content h1 {
  position: absolute;
  font-size: 24px;
  top: 172px;
  color: #1855b1;
  font-weight: bold;
  font-style: italic;
  width: 100%;
}

@media screen and (max-width: 959px) {
  .componentCheckpointModal > .content h1 {
    font-size: 18px;
    top: 178px;
  }
}

@media screen and (max-width: 767px) {
  .componentCheckpointModal > .content h1 {
    position: relative;
    top: 0;
  }
}

.componentCheckpointModal > .content p {
  text-align: left;
}

@media screen and (min-width: 768px) {
  .componentCheckpointModal > .content p {
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 20px;
    margin-right: 20px;
  }
}

@media screen and (max-width: 767px) {
  .componentCheckpointModal > .content p {
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 20px;
    margin-right: 20px;
  }
}

.componentCheckpointModal > .content p a {
  color: #2e94de;
  text-decoration: none;
}

.componentCheckpointModal > .content p a:hover {
  color: #1855b1;
}

@media screen and (max-width: 767px) {
  .componentCheckpointModal > .content .actions {
    padding: 0px 20px;
  }
}

@media screen and (max-width: 767px) {
  .componentCheckpointModal > .content .action {
    background: #1855b1;
    color: white;
    border-radius: 4px;
    border: none;
    padding: 7px 15px;
    cursor: pointer;
    text-decoration: none;
    display: block;
    width: 100%;
    font-size: 16px;
    text-align: center;
    font-family: "omnes-pro", "omnesmedium", Arial, Helvetica, sans-serif;
  }

  .componentCheckpointModal > .content .action * {
    vertical-align: middle;
  }

  .componentCheckpointModal > .content .action img {
    padding-right: 4px;
  }

  .componentCheckpointModal > .content .action > i {
    display: none;
  }
}

@media screen and (min-width: 768px) {
  .componentCheckpointModal > .content .action {
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    position: relative;
    border-radius: 5px;
    background-color: #2754b8;
    font-family: "omnes-pro", "omnesmedium", Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-style: italic;
    border: none;
    color: #FFF;
    padding: 12px 55px 12px 16px;
    cursor: pointer;
    line-height: 1;
    position: relative;
    font-size: 25px;
  }

  .componentCheckpointModal > .content .action:hover {
    background-color: #1E428F;
  }

  .componentCheckpointModal > .content .action > i {
    margin-left: 10px;
    color: #99d4ff;
  }

  .componentCheckpointModal > .content .action i {
    position: absolute;
    top: 1px;
    right: 12px;
    font-size: 45px;
  }
}

@media screen and (max-width: 767px) {
  .componentCheckpointModal > .content #checkpointModal.step1 {
    overflow-y: scroll;
    height: 100%;
  }
}

.componentCheckpointModal > .content #checkpointModal.step1 .content2 {
  display: none;
}

.componentCheckpointModal > .content #checkpointModal.step2 .content {
  display: none;
}

.componentCheckpointModal > .content #checkpointModal .content2 {
  display: inline-block;
  position: relative;
  width: 720px;
  height: 685px;
  background-color: #F5F5EE;
}

@media screen and (min-width: 960px) {
  .componentCheckpointModal > .content #checkpointModal .content2 {
    width: 720px;
    height: 685px;
  }
}

@media (max-height: 780px) {
  .componentCheckpointModal > .content #checkpointModal .content2 {
    width: 720px;
    height: 615px;
  }
}

@media screen and (max-width: 959px) {
  .componentCheckpointModal > .content #checkpointModal .content2 {
    width: 720px;
    height: 615px;
  }
}

@media screen and (max-width: 767px) {
  .componentCheckpointModal > .content #checkpointModal .content2 {
    width: 320px;
    height: 460px;
  }
}

.componentCheckpointModal > .content #checkpointModal .content2 .sidebar {
  position: absolute;
  top: 0px;
  left: 0px;
  background-color: #F5F5EE;
}

@media screen and (min-width: 960px) {
  .componentCheckpointModal > .content #checkpointModal .content2 .sidebar {
    width: 275px;
    height: 685px;
  }
}

@media (max-height: 780px) {
  .componentCheckpointModal > .content #checkpointModal .content2 .sidebar {
    width: 180px;
    height: 615px;
  }
}

@media screen and (max-width: 959px) {
  .componentCheckpointModal > .content #checkpointModal .content2 .sidebar {
    width: 180px;
    height: 615px;
  }
}

@media screen and (max-width: 767px) {
  .componentCheckpointModal > .content #checkpointModal .content2 .sidebar {
    width: 320px;
    height: 190px;
  }
}

.componentCheckpointModal > .content #checkpointModal .content2 .sidebar .sidebarHeader {
  text-align: left;
}

.componentCheckpointModal > .content #checkpointModal .content2 .sidebar h2 {
  text-align: left;
  padding-left: 20px;
  padding-right: 20px;
}

.componentCheckpointModal > .content #checkpointModal .content2 .sidebar p {
  max-width: 100%;
  margin-left: 20px;
  margin-right: 20px;
}

.componentCheckpointModal > .content #checkpointModal .content2 .sidebar .button {
  background: #1855b1;
  color: white;
  border-radius: 4px;
  border: none;
  padding: 7px 15px;
  cursor: pointer;
  text-decoration: none;
  display: block;
}

.componentCheckpointModal > .content #checkpointModal .content2 .sidebar .button * {
  vertical-align: middle;
}

.componentCheckpointModal > .content #checkpointModal .content2 .sidebar .button img {
  padding-right: 4px;
}

@media screen and (max-width: 767px) {
  .componentCheckpointModal > .content #checkpointModal .content2 .sidebar .button {
    width: 100%;
    font-size: 16px;
    text-align: center;
    font-family: "omnes-pro", "omnesmedium", Arial, Helvetica, sans-serif;
  }
}

.componentCheckpointModal > .content #checkpointModal .content2 .sidebar .actions {
  position: absolute;
  bottom: 20px;
  width: 100%;
  padding: 0px 20px;
}

.componentCheckpointModal > .content #checkpointModal .content2 .preview {
  position: absolute;
  bottom: 0px;
  right: 0px;
  background-color: white;
  -webkit-box-shadow: inset 2px 0 6px 0 #9E9E9E;
  box-shadow: inset 2px 0 6px 0 #9E9E9E;
}

@media screen and (min-width: 960px) {
  .componentCheckpointModal > .content #checkpointModal .content2 .preview {
    width: 445px;
    height: 685px;
  }
}

@media (max-height: 780px) {
  .componentCheckpointModal > .content #checkpointModal .content2 .preview {
    width: 540px;
    height: 615px;
  }
}

@media screen and (max-width: 959px) {
  .componentCheckpointModal > .content #checkpointModal .content2 .preview {
    width: 540px;
    height: 615px;
  }
}

@media screen and (max-width: 767px) {
  .componentCheckpointModal > .content #checkpointModal .content2 .preview {
    width: 320px;
    height: 270px;
  }

  .componentCheckpointModal > .content #checkpointModal .content2 .preview > iframe {
    display: none;
  }
}

.componentCheckpointModal > .content #checkpointModal .content2 .preview iframe {
  position: absolute;
  top: 80px;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: scroll !important;
  -webkit-overflow-scrolling: touch !important;
  border: none;
}

@media screen and (min-width: 960px) {
  .componentCheckpointModal > .content #checkpointModal .content2 .preview iframe {
    width: 445px;
    height: 605px;
  }
}

@media (max-height: 780px) {
  .componentCheckpointModal > .content #checkpointModal .content2 .preview iframe {
    width: 540px;
    height: 535px;
  }
}

@media screen and (max-width: 959px) {
  .componentCheckpointModal > .content #checkpointModal .content2 .preview iframe {
    width: 540px;
    height: 535px;
  }
}

@media screen and (max-width: 767px) {
  .componentCheckpointModal > .content #checkpointModal .content2 .preview iframe {
    top: 0px;
    width: 320px;
    height: 270px;
  }
}

.componentCheckpointModal .close {
  width: 32px;
  height: 32px;
  background-color: #1855b1;
  border: none;
  border-radius: 100%;
  color: #FFF;
  padding: 5px;
  position: absolute;
  top: -16px;
  right: -16px;
  font-size: 17px;
  line-height: 1;
  cursor: pointer;
}

@media screen and (max-width: 959px) {
  .componentCheckpointModal .close {
    top: 10px;
    right: 10px;
  }
}

.componentContentBlock {
  position: relative;
  overflow: hidden;
}

.componentContentBlock.themeBlue {
  background-color: #2e94de;
}

.componentContentBlock.themeBlue .cta {
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  min-width: 117px;
  border: 2px solid #99d4fb;
  color: #FFF;
  border-radius: 6px;
  text-decoration: none;
}

.componentContentBlock.themeBlue .cta:hover {
  background-color: #FFF;
  border-color: #FFF;
  color: #2e94de;
}

.componentContentBlock.themePurple {
  background-color: #662d90;
}

.componentContentBlock.themePurple .cta {
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  min-width: 117px;
  border: 2px solid #ff91e5;
  color: #FFF;
  border-radius: 6px;
  text-decoration: none;
}

.componentContentBlock.themePurple .cta:hover {
  background-color: #FFF;
  border-color: #FFF;
  color: #662d90;
}

.componentContentBlock.themeGreen {
  background-color: #3d8928;
}

.componentContentBlock.themeGreen .cta {
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  min-width: 117px;
  border: 2px solid #92c724;
  color: #FFF;
  border-radius: 6px;
  text-decoration: none;
}

.componentContentBlock.themeGreen .cta:hover {
  background-color: #FFF;
  border-color: #FFF;
  color: #3d8928;
}

.componentContentBlock:after {
  content: "";
  display: table;
  clear: both;
}

@media screen and (min-width: 768px) {
  .componentContentBlock.odd .contentContainer {
    float: right;
  }

  .componentContentBlock.odd > img {
    right: 50%;
  }

  .componentContentBlock.even .contentContainer {
    float: left;
  }

  .componentContentBlock.even .contentContainer .content {
    float: right;
  }

  .componentContentBlock.even > img {
    left: 50%;
  }

  .componentContentBlock .contentContainer {
    display: inline;
    width: 50%;
  }
}

.componentContentBlock .content p,
.componentContentBlock .content td,
.componentContentBlock .content li {
  color: #FFF;
  font-size: 20px;
}

.componentContentBlock .content p a,
.componentContentBlock .content td a,
.componentContentBlock .content li a {
  color: #FFF;
}

.componentContentBlock .content li {
  line-height: 1.4em;
}

.componentContentBlock .content p {
  margin-top: 0;
  line-height: 1.4em;
}

.componentContentBlock .content h1,
.componentContentBlock .content h2,
.componentContentBlock .content h3,
.componentContentBlock .content h4,
.componentContentBlock .content h5,
.componentContentBlock .content h6 {
  margin-top: 0;
}

.componentContentBlock .content h2 {
  font-size: 35px;
}

@media screen and (max-width: 767px) {
  .componentContentBlock .content {
    padding: 35px 15px;
  }
}

@media screen and (min-width: 768px) {
  .componentContentBlock .content {
    padding: 50px;
    max-width: 530px;
  }
}

.componentContentBlock .content h1,
.componentContentBlock .content h2,
.componentContentBlock .content h3,
.componentContentBlock .content h4,
.componentContentBlock .content h5,
.componentContentBlock .content h6 {
  color: #FFF;
}

.componentContentBlock .cta {
  position: relative;
  padding: 9px 41px 10px 12px;
  font-family: "omnes-pro", "omnesmedium", Arial, Helvetica, sans-serif;
  font-size: 18px;
  font-weight: 600;
  font-style: italic;
}

.componentContentBlock .cta i {
  position: absolute;
  top: 8px;
  right: 12px;
  font-size: 31px;
}

.componentContentBlock .cta > i {
  line-height: 18px;
  height: 19px;
}

@media screen and (max-width: 767px) {
  .componentContentBlock .cta {
    width: 100%;
    text-align: center;
    margin-top: 20px;
  }
}

@media screen and (min-width: 768px) {
  .componentContentBlock .cta {
    margin-top: 50px;
  }
}

@media screen and (max-width: 767px) {
  .componentContentBlock > img {
    width: 100%;
    display: block;
  }
}

@media screen and (min-width: 768px) {
  .componentContentBlock > img {
    position: absolute;
    right: 50%;
    top: 0;
    min-height: 100%;
    min-width: 50%;
  }
}

.componentCountryDropdown > .countryDropdownContent {
  text-align: left;
  padding-top: 5px;
  position: absolute;
  left: -9999em;
  z-index: 7;
  top: 31px;
  background-color: #2e94de;
  overflow: hidden;
  border-bottom-right-radius: 7px;
  border-bottom-left-radius: 7px;
}

.componentCountryDropdown > .countryDropdownContent > * {
  display: block;
}

.componentCountryDropdown > .countryDropdownContent > *:hover {
  background-color: #0c7ac9;
}

.componentCountryDropdown > .countryDropdownContent.loggedIn {
  border-top-left-radius: 7px;
  border: 2px solid #99d4ff;
}

.componentCountryDropdown > .countryDropdownContent.loggedOut {
  width: 102.56%;
  width: calc(100% + 4px);
  border-bottom: 2px solid #99d4ff;
  border-left: 2px solid #99d4ff;
  border-right: 2px solid #99d4ff;
}

.componentCountryDropdown > a {
  display: inline-block;
  position: relative;
  padding-right: 38px;
}

.componentCountryDropdown > a i {
  margin-left: 15px;
  position: absolute;
  top: 2px;
  right: 9px;
  font-size: 29px;
}

.componentCountryDropdown > a .dropdownBorderMask {
  display: none;
  position: absolute;
  width: 100%;
  height: 8px;
  bottom: 0;
  background-color: #2e94de;
  right: 0;
  z-index: 9;
}

.componentCountryDropdown > a:focus + .countryDropdownContent {
  left: auto;
  right: -2px;
}

.componentCountryDropdown > a:focus i {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}

.componentCountryDropdown:hover > .countryDropdownContent {
  left: auto;
  right: -2px;
}

.componentCountryDropdown:hover > a i {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}

.componentCountryDropdown:hover .dropdownBorderMask {
  display: block;
}

.country_ny .componentCountryDropdown.loggedOut {
  display: none !important;
}

.componentCreateTeam {
  color: #444;
  background-color: #F5F5EE;
  padding-top: 60px;
  padding-bottom: 40px;
}

.componentCreateTeam label a,
.componentCreateTeam p a {
  color: #444;
  text-decoration: none;
  border-bottom: 2px solid #6ab1e2;
}

.componentCreateTeam > .contentContainer {
  padding-left: 15px;
  padding-right: 15px;
  margin-bottom: 60px;
  position: relative;
}

.componentCreateTeam > .contentContainer:after {
  content: "";
  display: table;
  clear: both;
}

@media screen and (min-width: 768px) {
  .componentCreateTeam > .contentContainer {
    max-width: 990px;
    margin-left: auto;
    margin-right: auto;
  }
}

.componentCreateTeam > .contentContainer .ribbonForm {
  position: absolute;
  top: -20px;
  background-color: #99d4ff;
  color: #FFF;
  font-family: "tradegothicoblique", Arial, Helvetica, sans-serif;
  font-size: 20px;
  text-transform: uppercase;
}

.componentCreateTeam > .contentContainer > form {
  position: relative;
}

@media screen and (min-width: 768px) {
  .componentCreateTeam > .contentContainer > form .formRegistrationStepCount {
    position: absolute;
    top: 12px;
    right: 15px;
    color: #2754b8;
    font-size: 16px;
  }
}

@media screen and (max-width: 767px) {
  .componentCreateTeam > .contentContainer > form .formRegistrationStepCount {
    margin: 20px 0px;
    display: block;
    color: #2754b8;
    font-size: 16px;
  }
}

.componentCreateTeam > .contentContainer > form input[type="email"],
.componentCreateTeam > .contentContainer > form input[type="number"],
.componentCreateTeam > .contentContainer > form input[type="password"],
.componentCreateTeam > .contentContainer > form input[type="search"],
.componentCreateTeam > .contentContainer > form input[type="tel"],
.componentCreateTeam > .contentContainer > form input[type="text"],
.componentCreateTeam > .contentContainer > form input[type="url"],
.componentCreateTeam > .contentContainer > form input[type="color"],
.componentCreateTeam > .contentContainer > form input[type="date"],
.componentCreateTeam > .contentContainer > form input[type="datetime"],
.componentCreateTeam > .contentContainer > form input[type="datetime-local"],
.componentCreateTeam > .contentContainer > form input[type="month"],
.componentCreateTeam > .contentContainer > form input[type="time"],
.componentCreateTeam > .contentContainer > form input[type="week"],
.componentCreateTeam > .contentContainer > form select {
  border: 2px solid #abab9a;
  border-radius: 5px;
  padding: 11px;
  color: #666;
  box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.2);
  resize: none;
  font-family: "omnes-pro", "omnesmedium", Arial, Helvetica, sans-serif;
  font-size: 16px;
  width: 100%;
  height: 50px;
}

.componentCreateTeam > .contentContainer > form fieldset {
  margin: 0;
  padding: 0;
  border: none;
}

@media screen and (max-width: 767px) {
  .componentCreateTeam > .contentContainer > form {
    padding-top: 60px;
  }

  .componentCreateTeam > .contentContainer > form .actions {
    text-align: center;
    margin-top: 20px;
  }
}

@media screen and (min-width: 768px) {
  .componentCreateTeam > .contentContainer > form {
    border: 2px solid #6DB4E8;
    border-radius: 7px;
    padding: 105px 35px 45px 35px;
    float: left;
    width: 72.1875%;
  }

  .componentCreateTeam > .contentContainer > form .formContainer {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
  }

  .componentCreateTeam > .contentContainer > form .actions {
    text-align: center;
    margin-top: 45px;
  }
}

@media screen and (min-width: 768px) {
  .componentCreateTeam > .contentContainer > .componentSidebarSummary {
    float: right;
    width: 24.16666%;
  }
}

.componentCreateTeam .action {
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  position: relative;
  border-radius: 5px;
  background-color: #2754b8;
  font-family: "omnes-pro", "omnesmedium", Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-style: italic;
  border: none;
  color: #FFF;
  padding: 12px 55px 12px 16px;
  cursor: pointer;
  line-height: 1;
}

.componentCreateTeam .action:hover {
  background-color: #1E428F;
}

.componentCreateTeam .action > i {
  margin-left: 10px;
  color: #99d4ff;
}

@media screen and (max-width: 767px) {
  .componentCreateTeam .action {
    position: relative;
    font-size: 21px;
    width: 100%;
    text-align: center;
  }

  .componentCreateTeam .action i {
    position: absolute;
    top: 1px;
    right: 12px;
    font-size: 42px;
  }
}

@media screen and (min-width: 768px) {
  .componentCreateTeam .action {
    position: relative;
    font-size: 25px;
  }

  .componentCreateTeam .action i {
    position: absolute;
    top: 1px;
    right: 12px;
    font-size: 45px;
  }
}

.componentCreateTeam .teamInfoContainer {
  max-width: 320px;
  position: relative;
}

.componentCreateTeam .teamInfoContainer label {
  font-size: 20px;
}

.componentCreateTeam .teamInfoContainer .field {
  margin-bottom: 10px;
  position: relative;
  padding-right: 30px;
}

.componentCreateTeam .teamInfoContainer .field label {
  display: block;
  padding-top: 10px;
  padding-bottom: 10px;
}

.componentCreateTeam .teamInfoContainer .field.error input[type="email"],
.componentCreateTeam .teamInfoContainer .field.error input[type="number"],
.componentCreateTeam .teamInfoContainer .field.error input[type="password"],
.componentCreateTeam .teamInfoContainer .field.error input[type="search"],
.componentCreateTeam .teamInfoContainer .field.error input[type="tel"],
.componentCreateTeam .teamInfoContainer .field.error input[type="text"],
.componentCreateTeam .teamInfoContainer .field.error input[type="url"],
.componentCreateTeam .teamInfoContainer .field.error input[type="color"],
.componentCreateTeam .teamInfoContainer .field.error input[type="date"],
.componentCreateTeam .teamInfoContainer .field.error input[type="datetime"],
.componentCreateTeam .teamInfoContainer .field.error input[type="datetime-local"],
.componentCreateTeam .teamInfoContainer .field.error input[type="month"],
.componentCreateTeam .teamInfoContainer .field.error input[type="time"],
.componentCreateTeam .teamInfoContainer .field.error input[type="week"],
.componentCreateTeam .teamInfoContainer .field.error textarea,
.componentCreateTeam .teamInfoContainer .field.error select {
  background-color: #FCF9D6;
  border-color: #CCBB00;
}

.componentCreateTeam .teamInfoContainer .field.checkbox:after {
  content: "";
  display: table;
  clear: both;
}

.componentCreateTeam .teamInfoContainer .field.checkbox > input {
  display: inline-block;
  float: left;
  max-width: 15%;
  margin-top: 10px;
  margin-left: 0;
  margin-right: 0;
}

.componentCreateTeam .teamInfoContainer .field.checkbox > label {
  display: inline-block;
  float: left;
  margin-left: 5%;
  width: 80%;
}

.componentCreateTeam .teamInfoContainer .buttonInfo.tooltip {
  position: absolute;
  right: 0px;
  bottom: 13px;
}

.componentCreateTeam .buttonInfoCreate {
  width: 24px;
  height: 24px;
  display: inline-block;
  text-align: center;
  border-width: 2px;
  border-style: solid;
  border-radius: 100%;
  font-family: "omnes-pro", "omnesmedium", Arial, Helvetica, sans-serif;
  font-weight: 600;
  font-style: italic;
  font-size: 19px;
}

.componentCreateTeam .buttonInfoCreate.tooltip {
  border-color: #A058D6;
  color: #A058D6;
  cursor: pointer;
  outline: none;
}

.componentCreateTeam .buttonInfoCreate.tooltip:after {
  width: 220px;
  padding: 20px;
  color: #FFF;
  background-color: #662D90;
  text-align: left;
  line-height: 24px;
  font-weight: normal;
  font-style: normal;
  font-size: 20px;
}

@media screen and (max-width: 767px) {
  .componentCreateTeam .buttonInfoCreate.tooltip {
    position: relative;
    display: inline-block;
  }

  .componentCreateTeam .buttonInfoCreate.tooltip:before,
  .componentCreateTeam .buttonInfoCreate.tooltip:after {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition: all 0.3s ease 0ms;
    -moz-transition: all 0.3s ease 0ms;
    transition: all 0.3s ease 0ms;
    position: absolute;
    visibility: hidden;
    opacity: 0;
    z-index: 9;
    pointer-events: none;
  }

  .componentCreateTeam .buttonInfoCreate.tooltip:before {
    content: '';
    z-index: 11;
  }

  .componentCreateTeam .buttonInfoCreate.tooltip:after {
    content: attr(data-tooltip);
  }

  .componentCreateTeam .buttonInfoCreate.tooltip:before,
  .componentCreateTeam .buttonInfoCreate.tooltip:after {
    top: 100%;
    left: 50%;
  }

  .componentCreateTeam .buttonInfoCreate.tooltip:hover:after,
  .componentCreateTeam .buttonInfoCreate.tooltip:hover:before,
  .componentCreateTeam .buttonInfoCreate.tooltip:focus:after,
  .componentCreateTeam .buttonInfoCreate.tooltip:focus:before {
    -webkit-transform: translateY(8px);
    -moz-transform: translateY(8px);
    -ms-transform: translateY(8px);
    -o-transform: translateY(8px);
    transform: translateY(8px);
  }

  .componentCreateTeam .buttonInfoCreate.tooltip.focus:before,
  .componentCreateTeam .buttonInfoCreate.tooltip.focus:after {
    visibility: visible;
    opacity: 1;
  }
}

@media screen and (min-width: 768px) {
  .componentCreateTeam .buttonInfoCreate.tooltip {
    position: relative;
    display: inline-block;
  }

  .componentCreateTeam .buttonInfoCreate.tooltip:before,
  .componentCreateTeam .buttonInfoCreate.tooltip:after {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition: all 0.3s ease 0ms;
    -moz-transition: all 0.3s ease 0ms;
    transition: all 0.3s ease 0ms;
    position: absolute;
    visibility: hidden;
    opacity: 0;
    z-index: 9;
    pointer-events: none;
  }

  .componentCreateTeam .buttonInfoCreate.tooltip:before {
    content: '';
    z-index: 11;
  }

  .componentCreateTeam .buttonInfoCreate.tooltip:after {
    content: attr(data-tooltip);
  }

  .componentCreateTeam .buttonInfoCreate.tooltip:before,
  .componentCreateTeam .buttonInfoCreate.tooltip:after {
    left: 100%;
    bottom: 50%;
  }

  .componentCreateTeam .buttonInfoCreate.tooltip:hover:after,
  .componentCreateTeam .buttonInfoCreate.tooltip:hover:before,
  .componentCreateTeam .buttonInfoCreate.tooltip:focus:after,
  .componentCreateTeam .buttonInfoCreate.tooltip:focus:before {
    -webkit-transform: translateX(8px);
    -moz-transform: translateX(8px);
    -ms-transform: translateX(8px);
    -o-transform: translateX(8px);
    transform: translateX(8px);
  }

  .componentCreateTeam .buttonInfoCreate.tooltip:after {
    bottom: -100px;
  }

  .componentCreateTeam .buttonInfoCreate.tooltip.focus:before,
  .componentCreateTeam .buttonInfoCreate.tooltip.focus:after {
    -webkit-transform: translateX(8px);
    -moz-transform: translateX(8px);
    -ms-transform: translateX(8px);
    -o-transform: translateX(8px);
    transform: translateX(8px);
    -webkit-transition-delay: 100ms;
    -moz-transition-delay: 100ms;
    transition-delay: 100ms;
    visibility: visible;
    opacity: 1;
  }
}

.componentCreateTeam .buttonInfoCreate.tooltip.focus {
  background-color: #A058D6;
  color: #FFF;
}

@media screen and (max-width: 767px) {
  .componentCreateTeam .tooltip.focus:before,
  .componentCreateTeam .tooltip.focus:after {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    top: 130%;
    right: auto;
    left: -56px;
  }
}

.componentCreateTeam .textContent {
  margin-top: 40px;
  margin-bottom: 30px;
}

.componentCreateTeam .textContent img {
  height: auto;
  margin-bottom: 50px;
}

@media screen and (max-width: 767px) {
  .componentCreateTeam .textContent img {
    display: block;
    max-width: 100%;
  }
}

@media screen and (min-width: 768px) {
  .componentCreateTeam .textContent img.right,
  .componentCreateTeam .textContent img.left {
    max-width: 50%;
    display: inline;
  }

  .componentCreateTeam .textContent img.left {
    float: left;
    margin-right: 50px;
  }

  .componentCreateTeam .textContent img.right {
    float: right;
    margin-left: 50px;
  }
}

@media screen and (max-width: 767px) {
  .componentCreateTeam .textContent p,
  .componentCreateTeam .textContent td,
  .componentCreateTeam .textContent li {
    color: #333;
    font-size: 16px;
  }

  .componentCreateTeam .textContent p a,
  .componentCreateTeam .textContent td a,
  .componentCreateTeam .textContent li a {
    color: #333;
  }

  .componentCreateTeam .textContent li {
    line-height: 1.4em;
  }

  .componentCreateTeam .textContent p {
    margin-top: 0;
    line-height: 1.4em;
  }

  .componentCreateTeam .textContent h1,
  .componentCreateTeam .textContent h2,
  .componentCreateTeam .textContent h3,
  .componentCreateTeam .textContent h4,
  .componentCreateTeam .textContent h5,
  .componentCreateTeam .textContent h6 {
    margin-top: 0;
  }

  .componentCreateTeam .textContent h2 {
    font-size: 35px;
  }
}

@media screen and (min-width: 768px) {
  .componentCreateTeam .textContent p,
  .componentCreateTeam .textContent td,
  .componentCreateTeam .textContent li {
    color: #333;
    font-size: 20px;
  }

  .componentCreateTeam .textContent p a,
  .componentCreateTeam .textContent td a,
  .componentCreateTeam .textContent li a {
    color: #333;
  }

  .componentCreateTeam .textContent li {
    line-height: 1.4em;
  }

  .componentCreateTeam .textContent p {
    margin-top: 0;
    line-height: 1.4em;
  }

  .componentCreateTeam .textContent h1,
  .componentCreateTeam .textContent h2,
  .componentCreateTeam .textContent h3,
  .componentCreateTeam .textContent h4,
  .componentCreateTeam .textContent h5,
  .componentCreateTeam .textContent h6 {
    margin-top: 0;
  }

  .componentCreateTeam .textContent h2 {
    font-size: 35px;
  }
}

.componentCreateTeam .textContent p:last-child {
  margin-bottom: 0;
}

.componentCreateTeam .textContent h2 {
  color: #2754b8;
  margin-bottom: 20px;
}

.componentCreateTeam .field label {
  display: block;
  padding-top: 10px;
  padding-bottom: 10px;
}

.componentCreateTeam .field.error input[type="email"],
.componentCreateTeam .field.error input[type="number"],
.componentCreateTeam .field.error input[type="password"],
.componentCreateTeam .field.error input[type="search"],
.componentCreateTeam .field.error input[type="tel"],
.componentCreateTeam .field.error input[type="text"],
.componentCreateTeam .field.error input[type="url"],
.componentCreateTeam .field.error input[type="color"],
.componentCreateTeam .field.error input[type="date"],
.componentCreateTeam .field.error input[type="datetime"],
.componentCreateTeam .field.error input[type="datetime-local"],
.componentCreateTeam .field.error input[type="month"],
.componentCreateTeam .field.error input[type="time"],
.componentCreateTeam .field.error input[type="week"],
.componentCreateTeam .field.error textarea,
.componentCreateTeam .field.error select {
  background-color: #FCF9D6;
  border-color: #CCBB00;
}

.componentCreateTeam .teamcode,
.componentCreateTeam .team_code {
  float: left;
  width: 100%;
  clear: both;
}

.componentCreateTeam .teamcode .field,
.componentCreateTeam .team_code .field {
  float: left;
  width: 100%;
  clear: both;
}

.componentCreateTeam .teamcode input#field_team_code,
.componentCreateTeam .team_code input#field_team_code {
  float: left;
  width: 31.2056737633%;
  margin-right: 2.12765957%;
}

.componentCreateTeam .teamcode button,
.componentCreateTeam .team_code button {
  float: left;
}

.componentCreateTeam .teamcode .action,
.componentCreateTeam .team_code .action {
  width: auto;
}

.componentCreateTeam #sub_form_team_member_address .mailingAddressCommand_suburb,
.componentCreateTeam #sub_form_team_member_address .address_suburb1 {
  float: left;
  width: 31.2056737633%;
  margin-right: 2.12765957%;
}

.componentCreateTeam #sub_form_team_member_address .mailingAddressCommand_state,
.componentCreateTeam #sub_form_team_member_address .address_state {
  float: left;
  width: 31.2056737633%;
  margin-right: 2.12765957%;
}

.componentCreateTeam #sub_form_team_member_address .mailingAddressCommand_postcode,
.componentCreateTeam #sub_form_team_member_address .address_postcode {
  float: left;
  width: 32.6241134767%;
}

.no-touch .buttonInfoCreate:hover:before,
.no-touch .buttonInfoCreate:hover:after {
  -webkit-transform: translateX(8px);
  -moz-transform: translateX(8px);
  -ms-transform: translateX(8px);
  -o-transform: translateX(8px);
  transform: translateX(8px);
  -webkit-transition-delay: 100ms;
  -moz-transition-delay: 100ms;
  transition-delay: 100ms;
  visibility: visible;
  opacity: 1;
}

.componentCreditCard:after {
  content: "";
  display: table;
  clear: both;
}

.componentCreditCard .col_credit_card_expiry_month {
  float: left;
  width: 48.936170215%;
  margin-right: 2.12765957%;
}

.componentCreditCard .col_credit_card_expiry_month label {
  display: none;
}

.componentCreditCard .col_credit_card_expiry_month input {
  margin-right: 10px;
}

.componentCreditCard .col_credit_card_expiry_year {
  float: left;
  width: 48.936170215%;
}

.componentCreditCard .col_credit_card_expiry_year label {
  display: none;
}

.componentCreditCard .paymentCommand_cvv,
.componentCreditCard .credit_card_verification_code {
  clear: both;
  float: left;
  width: 32.6241134767%;
  margin-right: 2.12765957%;
}

.componentCreditCard .warningMsg {
  clear: both;
}

.componentCreditCard .credit_card_expiry .buttonInfo {
  top: 47px;
}

.componentDashboardChecklist {
  position: absolute;
  width: 100%;
  background: #2881c2;
  top: 270px;
  height: 625px;
  display: none;
}

.componentDashboardChecklist ul {
  display: block;
  clear: both;
  width: 100%;
  margin: 0;
  padding: 42px 0px;
}

.componentDashboardChecklist ul li {
  display: table;
  clear: both;
  width: 100%;
  margin: 0;
  padding: 0;
  height: 90px;
  position: relative;
}

.componentDashboardChecklist ul li + li {
  border-top: 2px solid #539ace;
}

.componentDashboardChecklist ul li .buttonInfo.tooltip {
  position: absolute;
  top: 35px;
  right: 100px;
  line-height: 19px;
  background: #bed9ed;
  color: #2881c2;
  border-color: #bed9ed;
  margin: 0px 5px;
}

.componentDashboardChecklist ul li a {
  display: table-row;
  color: white;
  text-decoration: none;
  width: 100%;
  height: 90px;
}

.componentDashboardChecklist ul li p,
.componentDashboardChecklist ul li .completion {
  display: table-cell;
  vertical-align: middle;
}

.componentDashboardChecklist ul li p {
  height: 114px;
  color: white;
  margin: 0;
  padding-left: 55px;
  width: 100%;
  text-align: left;
}

.componentDashboardChecklist ul li .completion {
  padding-right: 40px;
}

@media screen and (max-width: 959px) {
  .componentDashboardChecklist ul li p {
    padding-right: 50px;
  }
}

@media screen and (max-width: 767px) {
  .componentDashboardChecklist ul li p {
    padding-left: 20px;
    padding-right: 40px;
  }

  .componentDashboardChecklist ul li .buttonInfo.tooltip {
    right: 70px;
  }

  .componentDashboardChecklist ul li .completion {
    padding-right: 20px;
  }
}

.componentDashboardChecklist ul li span.arrow {
  display: inline-block;
  overflow: hidden;
  background-repeat: no-repeat;
}

@media screen and (max-width: 767px) {
  .componentDashboardChecklist ul li span.arrow {
    background-image: url("../images/mobilesprites.png");
  }
}

@media screen and (min-width: 768px) {
  .componentDashboardChecklist ul li span.arrow {
    background-image: url("../images/sprites.png");
  }
}

.componentDashboardChecklist ul li.complete span.arrow {
  display: inline-block;
  overflow: hidden;
  background-repeat: no-repeat;
}

@media screen and (max-width: 767px) {
  .componentDashboardChecklist ul li.complete span.arrow {
    background-image: url("../images/mobilesprites.png");
  }
}

@media screen and (min-width: 768px) {
  .componentDashboardChecklist ul li.complete span.arrow {
    background-image: url("../images/sprites.png");
  }
}

.componentDashboardFundsRaised {
  position: absolute;
  top: 380px;
  width: 100%;
}

.componentDashboardFundsRaised button {
  background: #1855b1;
  color: white;
  border-radius: 4px;
  border: none;
  padding: 7px 15px;
  position: absolute;
  left: 40px;
  top: 70px;
  cursor: pointer;
}

.componentDashboardFundsRaised button * {
  vertical-align: middle;
}

.componentDashboardFundsRaised button .icon {
  display: inline-block;
  overflow: hidden;
  background-repeat: no-repeat;
}

@media screen and (max-width: 767px) {
  .componentDashboardFundsRaised button .icon {
    background-image: url("../images/mobilesprites.png");
  }
}

@media screen and (min-width: 768px) {
  .componentDashboardFundsRaised button .icon {
    background-image: url("../images/sprites.png");
  }
}

.componentDashboardFundsRaised button img {
  padding-right: 4px;
}

.componentDashboardFundsRaised img.corporation {
  position: absolute;
  right: 40px;
  top: 40px;
  max-height: 90px;
}

.componentDashboardFundsRaised .fundMeterContainer {
  position: absolute;
  top: 120px;
  width: 100%;
}

.componentDashboardFundsRaised .fundMeter {
  position: relative;
  height: 80px;
  width: 100%;
}

.componentDashboardFundsRaised .fundMeter .raised {
  position: absolute;
  top: 0px;
  width: 100%;
  padding: 0px 40px;
}

.componentDashboardFundsRaised .fundMeter .raised .amount {
  font-size: 45px;
  padding-right: 5px;
  font-family: "tradegothic", Arial, Helvetica, sans-serif;
}

.componentDashboardFundsRaised .fundMeter .raised .description {
  font-size: 21px;
}

@media screen and (max-width: 767px) {
  .componentDashboardFundsRaised .fundMeter .raised .amount {
    font-size: 25px;
    font-family: "tradegothic", Arial, Helvetica, sans-serif;
    display: block;
  }

  .componentDashboardFundsRaised .fundMeter .raised .description {
    display: block;
  }
}

.componentDashboardFundsRaised .fundMeter .target {
  position: absolute;
  top: 50px;
  width: 100%;
  padding: 0px 40px;
}

.componentDashboardFundsRaised .fundMeter .target .bar {
  width: 265px;
  height: 16px;
  background: #97caef;
  border-radius: 8px;
  display: inline-block;
  overflow: hidden;
}

@media screen and (max-width: 767px) {
  .componentDashboardFundsRaised .fundMeter .target .bar {
    width: 100%;
  }
}

.componentDashboardFundsRaised .fundMeter .target .bar .barAmount {
  width: 0%;
  height: 16px;
  background: #2e94de;
  border-radius: 8px;
}

.componentDashboardFundsRaised .fundMeter .target .amountToGo {
  display: inline-block;
  float: right;
  font-size: 16px;
  font-family: "tradegothic", Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  color: #666666;
}

.componentDashboardFundsRaised .fundMeter.individual .target .bar {
  background: #cd94ff;
}

.componentDashboardFundsRaised .fundMeter.individual .target .bar .barAmount {
  background: #662d90;
}

.country_tr .componentDashboardFundsRaised .raised .amount {
  font-size: 35px;
}

.componentDashboardLinks {
  position: absolute;
  bottom: 0px;
  width: 100%;
}

.componentDashboardLinks ul {
  display: block;
  clear: both;
  width: 100%;
  margin: 0px;
  padding: 0px;
}

.componentDashboardLinks ul li {
  list-style: none;
  display: block;
  clear: both;
  width: auto;
  margin-right: 40px;
  height: 75px;
  padding: 0px 40px;
  border-bottom: 2px solid #e6e6e6;
  position: relative;
  font-size: 19px;
}

.componentDashboardLinks ul li a {
  color: #333;
}

.componentDashboardLinks ul li:last-child {
  border-bottom: none;
  text-decoration: none;
}

.componentDashboardLinks ul li p {
  height: 75px;
  line-height: 75px;
  display: inline-block;
  vertical-align: middle;
  float: left;
  margin: 0;
  width: 100%;
  padding-left: 75px;
}

@media screen and (max-width: 959px) {
  .componentDashboardLinks ul li p {
    line-height: 20px;
    font-size: 14px;
    vertical-align: middle;
    height: initial;
    top: 50%;
    position: relative;
    top: 10px;
  }

  .csstransforms .componentDashboardLinks ul li p {
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-backface-visibility: hidden;
    top: 50%;
  }
}

.componentDashboardLinks ul li span.arrow {
  display: inline-block;
  overflow: hidden;
  background-repeat: no-repeat;
  position: absolute;
  right: 0px;
  top: 0px;
}

@media screen and (max-width: 767px) {
  .componentDashboardLinks ul li span.arrow {
    background-image: url("../images/mobilesprites.png");
  }
}

@media screen and (min-width: 768px) {
  .componentDashboardLinks ul li span.arrow {
    background-image: url("../images/sprites.png");
  }
}

.componentDashboardLinks ul li span.icon.raisefunds {
  display: inline-block;
  overflow: hidden;
  background-repeat: no-repeat;
  position: absolute;
  left: 30px;
  top: 0px;
}

@media screen and (max-width: 767px) {
  .componentDashboardLinks ul li span.icon.raisefunds {
    background-image: url("../images/mobilesprites.png");
  }
}

@media screen and (min-width: 768px) {
  .componentDashboardLinks ul li span.icon.raisefunds {
    background-image: url("../images/sprites.png");
  }
}

.componentDashboardLinks ul li span.icon.supporters {
  display: inline-block;
  overflow: hidden;
  background-repeat: no-repeat;
  position: absolute;
  left: 30px;
  top: 0px;
}

@media screen and (max-width: 767px) {
  .componentDashboardLinks ul li span.icon.supporters {
    background-image: url("../images/mobilesprites.png");
  }
}

@media screen and (min-width: 768px) {
  .componentDashboardLinks ul li span.icon.supporters {
    background-image: url("../images/sprites.png");
  }
}

.componentDashboardLinks ul li span.icon.tools {
  display: inline-block;
  overflow: hidden;
  background-repeat: no-repeat;
  position: absolute;
  left: 30px;
  top: 0px;
}

@media screen and (max-width: 767px) {
  .componentDashboardLinks ul li span.icon.tools {
    background-image: url("../images/mobilesprites.png");
  }
}

@media screen and (min-width: 768px) {
  .componentDashboardLinks ul li span.icon.tools {
    background-image: url("../images/sprites.png");
  }
}

.componentDashboardLogSteps {
  width: 182px;
  height: 50px;
  display: inline-block;
  position: relative;
  line-height: 1;
}

.componentDashboardLogSteps button {
  border: none;
  padding: 0;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  position: relative;
  border-radius: 5px;
  background-color: #1855b1;
  font-family: "omnes-pro", "omnesmedium", Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-style: italic;
  padding-top: 12px;
  padding-bottom: 14px;
  padding-left: 18px;
  padding-right: 30px;
  color: white;
  padding: 12px 55px 12px 16px;
  position: relative;
  vertical-align: top;
  line-height: 1;
}

.componentDashboardLogSteps button i {
  position: absolute;
  right: 7px;
}

.componentDashboardLogSteps button:after {
  position: absolute;
  right: 0px;
  bottom: -10px;
  left: 0px;
  border-radius: 0 0 5px 5px;
  content: '';
  height: 10px;
}

@media screen and (max-width: 767px) {
  .componentDashboardLogSteps button {
    position: relative;
    font-size: 21px;
    width: 100%;
    text-align: center;
  }

  .componentDashboardLogSteps button i {
    position: absolute;
    top: 1px;
    right: 5px;
    font-size: 42px;
  }
}

@media screen and (min-width: 768px) {
  .componentDashboardLogSteps button {
    position: relative;
    font-size: 25px;
  }

  .componentDashboardLogSteps button i {
    position: absolute;
    top: 1px;
    right: 5px;
    font-size: 45px;
  }
}

.componentDashboardLogSteps form {
  background: #1855b1;
  border-radius: 5px;
  min-height: 60px;
  padding: 5px;
}

.componentDashboardLogSteps form input[type="email"],
.componentDashboardLogSteps form input[type="number"],
.componentDashboardLogSteps form input[type="password"],
.componentDashboardLogSteps form input[type="search"],
.componentDashboardLogSteps form input[type="tel"],
.componentDashboardLogSteps form input[type="text"],
.componentDashboardLogSteps form input[type="url"],
.componentDashboardLogSteps form input[type="color"],
.componentDashboardLogSteps form input[type="date"],
.componentDashboardLogSteps form input[type="datetime"],
.componentDashboardLogSteps form input[type="datetime-local"],
.componentDashboardLogSteps form input[type="month"],
.componentDashboardLogSteps form input[type="time"],
.componentDashboardLogSteps form input[type="week"] {
  border-color: #2e94de;
  font-family: "tradegothicoblique", Arial, Helvetica, sans-serif;
  color: #333;
  font-size: 30px;
  padding: 5px;
  vertical-align: top;
}

.componentDashboardLogSteps form select {
  border-color: #2e94de;
  font-family: "omnes-pro", "omnesmedium", Arial, Helvetica, sans-serif;
  padding-right: 0;
  vertical-align: top;
}

.componentDashboardLogSteps form button {
  width: 46px;
  height: 46px;
  padding: 0;
}

.componentDashboardLogSteps form button i {
  position: static;
}

.componentDashboardLogSteps .logBtn {
  min-width: 181px;
}

.componentDashboardLogSteps .logSteps {
  background: #1d2c4d;
  border-radius: 5px;
  padding-bottom: 4px;
  text-align: left;
}

.componentDashboardLogSteps .logActivity {
  font-family: "omnes-pro", "omnesmedium", Arial, Helvetica, sans-serif;
  font-size: 16px;
  text-align: center;
}

.componentDashboardLogSteps .logActivity a {
  color: white;
  border-bottom: 4px solid #2e94de;
}

.componentDashboardLogSteps .inline {
  display: inline-block;
  width: 220px;
}

.componentDashboardLogSteps .inline select {
  width: 47%;
}

.componentDashboardLogSteps .simple,
.componentDashboardLogSteps .complex {
  position: absolute;
  top: 0px;
  right: -10px;
  left: -10px;
  display: none;
  z-index: 2;
}

.componentDashboardLogSteps .simple .steps {
  display: inline-block;
  width: 120px;
}

.componentDashboardLogSteps .simple form button {
  position: absolute;
  top: 7px;
  right: 15px;
}

.componentDashboardLogSteps .complex {
  left: -65px;
  right: -65px;
}

.componentDashboardLogSteps .complex form {
  padding: 15px;
}

.componentDashboardLogSteps .complex .activity {
  margin-bottom: 10px;
}

@media screen and (max-width: 959px) {
  .headerContent .componentDashboardLogSteps {
    position: absolute;
    top: 37px;
    left: 160px;
  }
}

@media screen and (max-width: 767px) {
  .headerContent .componentDashboardLogSteps {
    position: relative;
    top: 0;
    left: 0;
    bottom: 30px;
  }
}

.componentDashboardMountainContainer {
  position: relative;
  height: 690px;
  overflow: hidden;
  background-image: url("../images/ajax-loader.gif");
  background-position: center;
  background-repeat: no-repeat;
}

.componentDashboardMountainContainer .componentDashboardMountainViewer {
  opacity: 0;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

.componentDashboardMountainContainer .componentDashboardMountainViewer * {
  opacity: 0;
  -webkit-transition: opacity 0.4s ease-in-out;
  -moz-transition: opacity 0.4s ease-in-out;
  transition: opacity 0.4s ease-in-out;
}

.componentDashboardMountainContainer .mountainFullContainer {
  position: absolute;
  top: 0;
  width: 100%;
  opacity: 0;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

.componentDashboardMountainContainer.zoomed {
  background: #1d2c4d;
}

.componentDashboardMountainContainer.zoomed .mountainFullContainer {
  opacity: 0;
}

.componentDashboardMountainContainer.zoomed .componentDashboardMountainViewer {
  opacity: 1;
}

.componentDashboardMountainContainer.zoomed .componentDashboardMountainViewer * {
  opacity: 1;
}

.componentDashboardMountainContainer.full {
  background: #1d2c4d;
}

.componentDashboardMountainContainer.full .mountainFullContainer {
  opacity: 1;
}

.componentDashboardMountainContainer.full .componentDashboardMountainViewer {
  opacity: 0;
}

.componentDashboardMountainContainer.full .componentDashboardMountainViewer * {
  opacity: 0;
}

.componentDashboardMountainAhead,
.componentDashboardMountainBehind {
  cursor: pointer;
  right: -190px;
}

.componentDashboardMountainAhead:hover,
.componentDashboardMountainBehind:hover {
  right: -170px;
}

.componentDashboardMountainAhead.active,
.componentDashboardMountainBehind.active {
  right: 0px;
}

.componentDashboardMountainAhead.active:hover,
.componentDashboardMountainBehind.active:hover {
  right: 0px;
}

.componentDashboardMountainAhead .icon,
.componentDashboardMountainBehind .icon {
  display: inline-block;
  overflow: hidden;
  background-repeat: no-repeat;
}

@media screen and (max-width: 767px) {
  .componentDashboardMountainAhead .icon,
  .componentDashboardMountainBehind .icon {
    background-image: url("../images/mobilesprites.png");
  }
}

@media screen and (min-width: 768px) {
  .componentDashboardMountainAhead .icon,
  .componentDashboardMountainBehind .icon {
    background-image: url("../images/sprites.png");
  }
}

.touch .componentDashboardMountainAhead:not(.active):hover,
.touch
  .componentDashboardMountainBehind:not(.active):hover {
  right: -190px;
}

.componentDashboardMountainAhead {
  top: 0px;
}

.componentDashboardMountainBehind {
  bottom: 0px;
}

.componentDashboardMountainAhead,
.componentDashboardMountainBehind {
  display: block;
  background: #3d8928;
  position: absolute;
  width: 250px;
  height: 62px;
  z-index: 20;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

.componentDashboardMountainAhead .iconContainer,
.componentDashboardMountainBehind .iconContainer {
  position: absolute;
  width: 59px;
  height: 62px;
  top: 0px;
  left: 0px;
  color: white;
}

.componentDashboardMountainAhead .icon,
.componentDashboardMountainBehind .icon {
  position: absolute;
  top: 0px;
  left: 0px;
}

.componentDashboardMountainAhead .label,
.componentDashboardMountainBehind .label {
  display: block;
  position: absolute;
  bottom: 5px;
  left: 0px;
  width: 100%;
  color: white;
  text-align: center;
  font-family: "omnes-pro", "omnesmedium", Arial, Helvetica, sans-serif;
  font-size: 13px;
}

.componentDashboardMountainAhead .content,
.componentDashboardMountainBehind .content {
  margin-left: 59px;
}

.componentDashboardMountainAhead .content p,
.componentDashboardMountainBehind .content p {
  font-family: "omnes-pro", "omnesmedium", Arial, Helvetica, sans-serif;
  font-size: 13px;
  margin-left: 10px;
  margin-right: 10px;
  line-height: 17px;
  color: white;
}

.componentDashboardMountainAhead .content p span,
.componentDashboardMountainBehind .content p span {
  font-weight: bold;
  font-size: 16px;
}

.componentDashboardMountainPopup {
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  display: block;
  overflow: hidden;
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 59px;
  height: 62px;
  z-index: 20;
  cursor: pointer;
}

.componentDashboardMountainPopup .iconContainer {
  position: absolute;
  background: #1d2c4d;
  width: 59px;
  height: 62px;
  top: 0px;
  left: 0px;
  color: white;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

.componentDashboardMountainPopup .icon {
  display: inline-block;
  overflow: hidden;
  background-repeat: no-repeat;
}

@media screen and (max-width: 767px) {
  .componentDashboardMountainPopup .icon {
    background-image: url("../images/mobilesprites.png");
  }
}

@media screen and (min-width: 768px) {
  .componentDashboardMountainPopup .icon {
    background-image: url("../images/sprites.png");
  }
}

.componentDashboardMountainPopup .label {
  display: block;
  position: absolute;
  bottom: 5px;
  left: 0px;
  width: 100%;
  color: white;
  text-align: center;
  font-family: "omnes-pro", "omnesmedium", Arial, Helvetica, sans-serif;
  font-size: 13px;
}

.componentDashboardMountainPopup.active {
  bottom: -100%;
  opacity: 0;
}

.componentDashboardMountainPopupContent {
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  display: block;
  position: absolute;
  top: -100%;
  left: 0px;
  width: 100%;
  background-position: top;
  background-repeat: no-repeat;
  opacity: 0;
  z-index: 20;
}

@media screen and (min-width: 768px) {
  .componentDashboardMountainPopupContent {
    height: 100%;
    background-image: url("../images/mapoverlay_popupchallengeBG.png");
  }
}

@media screen and (max-width: 767px) {
  .componentDashboardMountainPopupContent {
    height: auto;
    background: #1d2c4d;
  }
}

.componentDashboardMountainPopupContent.active {
  top: 0px;
  opacity: 1;
}

.componentDashboardMountainPopupContent .content {
  max-width: 840px;
  margin: 0px auto;
  position: relative;
}

.componentDashboardMountainPopupContent .content h2 {
  font-family: "tradegothic", Arial, Helvetica, sans-serif;
  color: white;
  text-transform: uppercase;
  margin-top: 30px;
}

@media screen and (min-width: 768px) {
  .componentDashboardMountainPopupContent .content h2 {
    text-align: center;
  }
}

@media screen and (max-width: 767px) {
  .componentDashboardMountainPopupContent .content h2 {
    text-align: left;
    margin: 20px;
  }
}

.componentDashboardMountainPopupContent .content h2 .titleLinesLeft {
  width: 80px;
  height: 16px;
  margin-right: 10px;
  background-image: url("../images/blimpLinesLeft.png");
}

@media screen and (max-width: 767px) {
  .componentDashboardMountainPopupContent .content h2 .titleLinesLeft {
    display: none;
  }
}

.componentDashboardMountainPopupContent .content h2 .titleLinesRight {
  width: 80px;
  height: 16px;
  margin-left: 10px;
  background-image: url("../images/blimpLinesRight.png");
}

@media screen and (max-width: 767px) {
  .componentDashboardMountainPopupContent .content h2 .titleLinesRight {
    display: none;
  }
}

.componentDashboardMountainPopupContent .content p {
  text-align: center;
  color: white;
  max-width: 600px;
}

@media screen and (min-width: 768px) {
  .componentDashboardMountainPopupContent .content p {
    margin: 20px auto;
    text-align: center;
  }
}

@media screen and (max-width: 767px) {
  .componentDashboardMountainPopupContent .content p {
    margin: 20px;
    text-align: left;
  }
}

.componentDashboardMountainPopupContent .close {
  display: inline-block;
  overflow: hidden;
  background-repeat: no-repeat;
  border: none;
  position: absolute;
  top: -16px;
  right: -16px;
  cursor: pointer;
}

@media screen and (max-width: 767px) {
  .componentDashboardMountainPopupContent .close {
    background-image: url("../images/mobilesprites.png");
  }
}

@media screen and (min-width: 768px) {
  .componentDashboardMountainPopupContent .close {
    background-image: url("../images/sprites.png");
  }
}

@media screen and (min-width: 768px) {
  .componentDashboardMountainPopupContent .close {
    top: -16px;
    right: -16px;
  }
}

@media screen and (max-width: 767px) {
  .componentDashboardMountainPopupContent .close {
    top: -6px;
    right: 16px;
  }
}

.fundraising .componentDashboardMountainAhead,
.fundraising .componentDashboardMountainBehind,
.fundraising .componentDashboardMountainPopup {
  display: none !important;
}

.componentDashboardMountainViewer #camera,
#mountainFull #camera {
  width: 100%;
  height: 690px;
  overflow: hidden;
}

.componentDashboardMountainViewer #mountain,
#mountainFull #mountain {
  width: 5000px;
  height: 8000px;
  background: gray;
  position: relative;
}

.componentDashboardMountainViewer #mountain img,
#mountainFull #mountain img {
  display: block;
  position: absolute;
}

.componentDashboardMountainViewer #mountain svg,
#mountainFull #mountain svg {
  position: absolute;
}

.componentDashboardMountainViewer #cameraFrame,
#mountainFull #cameraFrame {
  width: 100%;
  height: 690px;
  position: absolute;
  z-index: 2;
  background: red;
  opacity: 0.5;
}

.componentDashboardMountainViewer #camera #cameraFrame,
#mountainFull #camera #cameraFrame {
  visibility: hidden;
}

.componentDashboardMountainViewer path,
#mountainFull path {
  fill: none;
  stroke: #ccc;
  stroke-width: 1px;
}

.componentDashboardMountainViewer path#path,
#mountainFull path#path {
  fill: none;
  stroke: #1d2c4d;
  stroke-width: 10px;
  opacity: 0.4;
}

.componentDashboardMountainViewer path#path2,
#mountainFull path#path2 {
  fill: none;
  stroke: #1d2c4d;
  stroke-width: 10px;
}

.componentDashboardMountainViewer circle,
#mountainFull circle {
  fill: #ff0000;
  stroke: #fff;
  stroke-width: 3px;
}

.componentDashboardMountainViewer .checkpointMarker .before,
.componentDashboardMountainViewer .checkpointMarker .passed,
.componentDashboardMountainViewer .pickupMarker .before,
.componentDashboardMountainViewer .pickupMarker .passed,
.componentDashboardMountainViewer .mapDot .before,
.componentDashboardMountainViewer .mapDot .passed,
#mountainFull .checkpointMarker .before,
#mountainFull .checkpointMarker .passed,
#mountainFull .pickupMarker .before,
#mountainFull .pickupMarker .passed,
#mountainFull .mapDot .before,
#mountainFull .mapDot .passed {
  width: 100%;
  height: 100%;
  position: absolute;
  background-position: bottom;
  background-repeat: no-repeat;
  background-size: contain;
  top: 0;
  left: 0;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

.componentDashboardMountainViewer .mapDot,
#mountainFull .mapDot {
  width: 101px;
  height: 54px;
  position: absolute;
}

.componentDashboardMountainViewer .mapDot .before,
#mountainFull .mapDot .before {
  background-image: url("../images//ui/marker.png");
}

.componentDashboardMountainViewer .mapDot .passed,
#mountainFull .mapDot .passed {
  background-image: url("../images//ui/markerActive.png");
}

.componentDashboardMountainViewer .mapDot .before,
#mountainFull .mapDot .before {
  opacity: 1;
}

.componentDashboardMountainViewer .mapDot .passed,
#mountainFull .mapDot .passed {
  opacity: 0;
}

.componentDashboardMountainViewer .mapDot.passed .before,
#mountainFull .mapDot.passed .before {
  opacity: 0;
}

.componentDashboardMountainViewer .mapDot.passed .passed,
#mountainFull .mapDot.passed .passed {
  opacity: 1;
}

.componentDashboardMountainViewer .checkpointMarker,
#mountainFull .checkpointMarker {
  width: 235px;
  height: 180px;
  position: absolute;
  background-position: bottom;
  background-repeat: no-repeat;
  z-index: 5;
}

.componentDashboardMountainViewer .checkpointMarker .passed,
#mountainFull .checkpointMarker .passed {
  opacity: 0;
}

.componentDashboardMountainViewer .checkpointMarker .before,
#mountainFull .checkpointMarker .before {
  opacity: 1;
}

.componentDashboardMountainViewer .checkpointMarker.passed .passed,
#mountainFull .checkpointMarker.passed .passed {
  opacity: 1;
}

.componentDashboardMountainViewer .checkpointMarker.passed .before,
#mountainFull .checkpointMarker.passed .before {
  opacity: 0;
}

.componentDashboardMountainViewer .checkpointMarker.journey_base_camp_alpha .before,
#mountainFull .checkpointMarker.journey_base_camp_alpha .before {
  background-image: url("../images//ui/journey_base_camp_alpha_before.png");
}

.componentDashboardMountainViewer .checkpointMarker.journey_the_jade_guardians .before,
#mountainFull .checkpointMarker.journey_the_jade_guardians .before {
  background-image: url("../images//ui/journey_the_jade_guardians_before.png");
}

.componentDashboardMountainViewer .checkpointMarker.journey_the_castle .before,
#mountainFull .checkpointMarker.journey_the_castle .before {
  background-image: url("../images//ui/journey_the_castle_before.png");
}

.componentDashboardMountainViewer .checkpointMarker.journey_the_face_of_awe .before,
#mountainFull .checkpointMarker.journey_the_face_of_awe .before {
  background-image: url("../images//ui/journey_the_face_of_awe_before.png");
}

.componentDashboardMountainViewer .checkpointMarker.journey_the_lost_ship .before,
#mountainFull .checkpointMarker.journey_the_lost_ship .before {
  background-image: url("../images//ui/journey_the_lost_ship_before.png");
}

.componentDashboardMountainViewer .checkpointMarker.journey_the_fire_temple .before,
#mountainFull .checkpointMarker.journey_the_fire_temple .before {
  background-image: url("../images//ui/journey_the_fire_temple_before.png");
}

.componentDashboardMountainViewer .checkpointMarker.journey_the_hanging_garden .before,
#mountainFull .checkpointMarker.journey_the_hanging_garden .before {
  background-image: url("../images//ui/journey_the_hanging_garden_before.png");
}

.componentDashboardMountainViewer .checkpointMarker.journey_the_summit .before,
#mountainFull .checkpointMarker.journey_the_summit .before {
  background-image: url("../images//ui/journey_the_summit_before.png");
}

.componentDashboardMountainViewer .checkpointMarker.journey_base_camp_alpha .passed,
#mountainFull .checkpointMarker.journey_base_camp_alpha .passed {
  background-image: url("../images//ui/journey_base_camp_alpha_after.png");
}

.componentDashboardMountainViewer .checkpointMarker.journey_the_jade_guardians .passed,
#mountainFull .checkpointMarker.journey_the_jade_guardians .passed {
  background-image: url("../images//ui/journey_the_jade_guardians_after.png");
}

.componentDashboardMountainViewer .checkpointMarker.journey_the_castle .passed,
#mountainFull .checkpointMarker.journey_the_castle .passed {
  background-image: url("../images//ui/journey_the_castle_after.png");
}

.componentDashboardMountainViewer .checkpointMarker.journey_the_face_of_awe .passed,
#mountainFull .checkpointMarker.journey_the_face_of_awe .passed {
  background-image: url("../images//ui/journey_the_face_of_awe_after.png");
}

.componentDashboardMountainViewer .checkpointMarker.journey_the_lost_ship .passed,
#mountainFull .checkpointMarker.journey_the_lost_ship .passed {
  background-image: url("../images//ui/journey_the_lost_ship_after.png");
}

.componentDashboardMountainViewer .checkpointMarker.journey_the_fire_temple .passed,
#mountainFull .checkpointMarker.journey_the_fire_temple .passed {
  background-image: url("../images//ui/journey_the_fire_temple_after.png");
}

.componentDashboardMountainViewer .checkpointMarker.journey_the_hanging_garden .passed,
#mountainFull .checkpointMarker.journey_the_hanging_garden .passed {
  background-image: url("../images//ui/journey_the_hanging_garden_after.png");
}

.componentDashboardMountainViewer .checkpointMarker.journey_the_summit .passed,
#mountainFull .checkpointMarker.journey_the_summit .passed {
  background-image: url("../images//ui/journey_the_summit_after.png");
}

.componentDashboardMountainViewer .checkpointButton.journey_base_camp_alpha .before,
#mountainFull .checkpointButton.journey_base_camp_alpha .before {
  background-image: url("../images//checkpointButtons/base_camp_alpha_before.png");
}

.componentDashboardMountainViewer .checkpointMarker.passed,
#mountainFull .checkpointMarker.passed {
  width: 235px;
  height: 180px;
}

.componentDashboardMountainViewer .pickupMarker,
#mountainFull .pickupMarker {
  width: 52px;
  height: 52px;
  position: absolute;
  background-position: bottom;
  background-repeat: no-repeat;
  top: 40px;
  opacity: 0;
}

.componentDashboardMountainViewer .pickupMarker .passed,
#mountainFull .pickupMarker .passed {
  opacity: 0;
  top: 40px;
}

.componentDashboardMountainViewer .pickupMarker.passed .passed,
#mountainFull .pickupMarker.passed .passed {
  top: 0px;
}

.componentDashboardMountainViewer .pickupMarker.journey_old_map .passed,
#mountainFull .pickupMarker.journey_old_map .passed {
  background-image: url("../images//ui/journey_old_map.png");
}

.componentDashboardMountainViewer .pickupMarker.journey_compass .passed,
#mountainFull .pickupMarker.journey_compass .passed {
  background-image: url("../images//ui/journey_compass.png");
}

.componentDashboardMountainViewer .pickupMarker.journey_oysters .passed,
#mountainFull .pickupMarker.journey_oysters .passed {
  background-image: url("../images//ui/journey_oysters.png");
}

.componentDashboardMountainViewer .pickupMarker.journey_oxygen_tank .passed,
#mountainFull .pickupMarker.journey_oxygen_tank .passed {
  background-image: url("../images//ui/journey_oxygen_tank.png");
}

.componentDashboardMountainViewer .pickupMarker.journey_climbing_spikes .passed,
#mountainFull .pickupMarker.journey_climbing_spikes .passed {
  background-image: url("../images//ui/journey_climbing_spikes.png");
}

.componentDashboardMountainViewer .pickupMarker.passed,
.componentDashboardMountainViewer .pickupMarker.passed .passed,
#mountainFull .pickupMarker.passed,
#mountainFull .pickupMarker.passed .passed {
  opacity: 1;
}

.componentDashboardMountainViewer .avatar,
#mountainFull .avatar {
  width: 121px;
  height: 124px;
  position: absolute;
  background-image: url("../images//ui/avatar.png");
  background-position: bottom;
  background-repeat: no-repeat;
  z-index: 2;
}

#mountainToggle {
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  position: relative;
  border-radius: 5px;
  background-color: #1855b1;
  font-family: "omnes-pro", "omnesmedium", Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-style: italic;
  padding-top: 12px;
  padding-bottom: 14px;
  padding-left: 18px;
  padding-right: 18px;
  font-family: "omnes-pro", "omnesmedium", Arial, Helvetica, sans-serif;
  color: white;
  font-size: 25px;
  font-weight: bold;
  font-style: italic;
  padding: 8px 20px;
  position: absolute;
  left: 0px;
  top: 590px;
  cursor: pointer;
}

.checkpointButton {
  width: 160px;
  height: 65px;
  position: absolute;
}

.checkpointButton.before {
  opacity: 0.4;
}

.checkpointButton.passed {
  cursor: pointer;
}

.checkpointButton.journey_the_jade_guardians {
  right: 0px;
  top: calc(45px + (6*65px) + (6*20px));
}

.checkpointButton.journey_the_jade_guardians.before {
  background-image: url("../images//checkpointButtons/the_jade_guardians_before.png");
}

.checkpointButton.journey_the_jade_guardians.passed {
  background-image: url("../images//checkpointButtons/the_jade_guardians.png");
}

.checkpointButton.journey_the_castle {
  right: 0px;
  top: calc(45px + (5*65px) + (5*20px));
}

.checkpointButton.journey_the_castle.before {
  background-image: url("../images//checkpointButtons/the_castle_before.png");
}

.checkpointButton.journey_the_castle.passed {
  background-image: url("../images//checkpointButtons/the_castle.png");
}

.checkpointButton.journey_the_face_of_awe {
  right: 0px;
  top: calc(45px + (4*65px) + (4*20px));
}

.checkpointButton.journey_the_face_of_awe.before {
  background-image: url("../images//checkpointButtons/the_face_of_awe_before.png");
}

.checkpointButton.journey_the_face_of_awe.passed {
  background-image: url("../images//checkpointButtons/the_face_of_awe.png");
}

.checkpointButton.journey_the_lost_ship {
  right: 0px;
  top: calc(45px + (3*65px) + (3*20px));
}

.checkpointButton.journey_the_lost_ship.before {
  background-image: url("../images//checkpointButtons/the_lost_ship_before.png");
}

.checkpointButton.journey_the_lost_ship.passed {
  background-image: url("../images//checkpointButtons/the_lost_ship.png");
}

.checkpointButton.journey_the_fire_temple {
  right: 0px;
  top: calc(45px + (2*65px) + (2*20px));
}

.checkpointButton.journey_the_fire_temple.before {
  background-image: url("../images//checkpointButtons/the_fire_temple_before.png");
}

.checkpointButton.journey_the_fire_temple.passed {
  background-image: url("../images//checkpointButtons/the_fire_temple.png");
}

.checkpointButton.journey_the_hanging_garden {
  right: 0px;
  top: calc(45px + (1*65px) + (1*20px));
}

.checkpointButton.journey_the_hanging_garden.before {
  background-image: url("../images//checkpointButtons/the_hanging_garden_before.png");
}

.checkpointButton.journey_the_hanging_garden.passed {
  background-image: url("../images//checkpointButtons/the_hanging_garden.png");
}

.checkpointButton.journey_the_summit {
  right: 0px;
  top: calc(45px + (0*65px) + (0*20px));
}

.checkpointButton.journey_the_summit.before {
  background-image: url("../images//checkpointButtons/the_summit_before.png");
}

.checkpointButton.journey_the_summit.passed {
  background-image: url("../images//checkpointButtons/the_summit.png");
}

.checkpointButton.journey_base_camp_alpha.passed {
  background-image: url("../images//checkpointButtons/base_camp_alpha_after.png");
}

.no-svg .componentDashboardMountainContainer,
.no-svg .componentDashboardMountainViewer {
  width: 960px;
  margin: 0px auto;
}

.no-svg .collectionDashboard .contentContainer {
  top: 0px !important;
}

.no-svg #mountain > * {
  display: none;
}

.country_nl .componentDashboardMountainViewer .checkpointMarker.journey_base_camp_alpha .passed {
  background-image: url("../images//ui/journey_base_camp_alpha_after_nl.png");
}

.country_nl .componentDashboardMountainViewer .checkpointMarker.journey_the_jade_guardians .passed {
  background-image: url("../images//ui/journey_the_jade_guardians_after_nl.png");
}

.country_nl .componentDashboardMountainViewer .checkpointMarker.journey_the_castle .passed {
  background-image: url("../images//ui/journey_the_castle_after_nl.png");
}

.country_nl .componentDashboardMountainViewer .checkpointMarker.journey_the_face_of_awe .passed {
  background-image: url("../images//ui/journey_the_face_of_awe_after_nl.png");
}

.country_nl .componentDashboardMountainViewer .checkpointMarker.journey_the_lost_ship .passed {
  background-image: url("../images//ui/journey_the_lost_ship_after_nl.png");
}

.country_nl .componentDashboardMountainViewer .checkpointMarker.journey_the_fire_temple .passed {
  background-image: url("../images//ui/journey_the_fire_temple_after_nl.png");
}

.country_nl .componentDashboardMountainViewer .checkpointMarker.journey_the_hanging_garden .passed {
  background-image: url("../images//ui/journey_the_hanging_garden_after_nl.png");
}

.country_nl .componentDashboardMountainViewer .checkpointMarker.journey_the_summit .passed {
  background-image: url("../images//ui/journey_the_summit_after_nl.png");
}

.country_tr .componentDashboardMountainViewer .checkpointMarker.journey_base_camp_alpha .passed {
  background-image: url("../images//ui/journey_base_camp_alpha_after_tr.png");
}

.country_tr .componentDashboardMountainViewer .checkpointMarker.journey_the_jade_guardians .passed {
  background-image: url("../images//ui/journey_the_jade_guardians_after_tr.png");
}

.country_tr .componentDashboardMountainViewer .checkpointMarker.journey_the_castle .passed {
  background-image: url("../images//ui/journey_the_castle_after_tr.png");
}

.country_tr .componentDashboardMountainViewer .checkpointMarker.journey_the_face_of_awe .passed {
  background-image: url("../images//ui/journey_the_face_of_awe_after_tr.png");
}

.country_tr .componentDashboardMountainViewer .checkpointMarker.journey_the_lost_ship .passed {
  background-image: url("../images//ui/journey_the_lost_ship_after_tr.png");
}

.country_tr .componentDashboardMountainViewer .checkpointMarker.journey_the_fire_temple .passed {
  background-image: url("../images//ui/journey_the_fire_temple_after_tr.png");
}

.country_tr .componentDashboardMountainViewer .checkpointMarker.journey_the_hanging_garden .passed {
  background-image: url("../images//ui/journey_the_hanging_garden_after_tr.png");
}

.country_tr .componentDashboardMountainViewer .checkpointMarker.journey_the_summit .passed {
  background-image: url("../images//ui/journey_the_summit_after_tr.png");
}

.fundraising .componentDashboardMountainContainer #camera {
  height: 690px;
}

#mountainFull .mapDot {
  width: 30px;
  height: 15px;
  position: absolute;
}

#mountainFull .checkpointMarker {
  width: 35px;
  height: 25px;
}

#mountainFull .checkpointMarker.passed {
  width: 35px;
  height: 25px;
}

#mountainFull .pickupMarker {
  width: 20px;
  height: 20px;
}

#mountainFull .avatar {
  width: 18px;
  height: 18px;
  background-size: contain;
}

.mountainCheckpointButtons {
  position: absolute;
  top: 0px;
  width: 960px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 5;
}

@media screen and (max-width: 767px) {
  .mountainCheckpointButtons {
    transform: none;
    width: auto;
    left: 10px;
    right: 10px;
  }
}

.checkpointButtonLabel {
  position: absolute;
  width: 160px;
  margin: 0;
  text-align: center;
  top: 10px;
  right: 0px;
  color: white;
  font-style: italic;
}

.fundraising .mountainCheckpointButtons .checkpointButton {
  display: none;
}

.fundraising .checkpointButtonLabel {
  display: none;
}

#panel4 #memberHeader {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 80px;
}

#panel4 #memberHeader .panelHeading {
  color: white;
}

#panel4 #teamHeader {
  position: absolute;
  display: none;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 80px;
}

#panel4 #teamHeader .teamMember1color,
#panel4 #teamHeader .teamMember2color,
#panel4 #teamHeader .teamMember3color,
#panel4 #teamHeader .teamMember4color {
  position: absolute;
  border-radius: 2px;
  height: 3px;
  width: 30px;
}

#panel4 #teamHeader .teamMember1name,
#panel4 #teamHeader .teamMember2name,
#panel4 #teamHeader .teamMember3name,
#panel4 #teamHeader .teamMember4name {
  color: white;
  position: absolute;
  font-size: 14px;
  height: 20px;
  line-height: 20px;
  width: 90px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#panel4 #teamHeader .teamMember1color {
  background-color: #cd93ff;
  top: 30px;
  left: 30px;
}

#panel4 #teamHeader .teamMember1name {
  top: 20px;
  left: 70px;
}

#panel4 #teamHeader .teamMember2color {
  background-color: #2e94de;
  top: 30px;
  left: 175px;
}

#panel4 #teamHeader .teamMember2name {
  top: 20px;
  left: 215px;
}

#panel4 #teamHeader .teamMember3color {
  background-color: #3ed1c5;
  top: 60px;
  left: 30px;
}

#panel4 #teamHeader .teamMember3name {
  top: 50px;
  left: 70px;
}

#panel4 #teamHeader .teamMember4color {
  background-color: #92c700;
  top: 60px;
  left: 175px;
}

#panel4 #teamHeader .teamMember4name {
  top: 50px;
  left: 215px;
}

#panel4 #teamHeader #teamStepsCloseBtn {
  display: inline-block;
  overflow: hidden;
  background-repeat: no-repeat;
  position: absolute;
  top: 10px;
  right: 10px;
  cursor: pointer;
}

@media screen and (max-width: 767px) {
  #panel4 #teamHeader #teamStepsCloseBtn {
    background-image: url("../images/mobilesprites.png");
  }
}

@media screen and (min-width: 768px) {
  #panel4 #teamHeader #teamStepsCloseBtn {
    background-image: url("../images/sprites.png");
  }
}

.componentDashboardPanelGraph {
  margin-top: 80px;
  text-align: center;
  color: white;
  background-color: #35174a;
}

.componentDashboardPanelPosition {
  text-align: center;
  color: white;
  background-color: #3d8928;
}

.componentDashboardPanelPosition .panelContent {
  display: inline-block;
  overflow: hidden;
  background-repeat: no-repeat;
}

@media screen and (max-width: 767px) {
  .componentDashboardPanelPosition .panelContent {
    background-image: url("../images/mobilesprites.png");
  }
}

@media screen and (min-width: 768px) {
  .componentDashboardPanelPosition .panelContent {
    background-image: url("../images/sprites.png");
  }
}

@media screen and (max-width: 767px) {
  .componentDashboardPanelPosition .panelContent {
    margin: 20px 0px;
  }
}

.componentDashboardPanelProgress {
  text-align: center;
  color: white;
  background-color: #1d2c4d;
}

@media screen and (min-width: 768px) {
  .componentDashboardPanelProgress br.mobile {
    display: none;
    clear: none;
  }
}

@media screen and (max-width: 767px) {
  .componentDashboardPanelProgress br.desktop {
    display: none;
    clear: none;
  }
}

.componentDashboardPanelProgress .dashboard_checkpoint1 {
  display: inline-block;
  overflow: hidden;
  background-repeat: no-repeat;
}

@media screen and (max-width: 767px) {
  .componentDashboardPanelProgress .dashboard_checkpoint1 {
    background-image: url("../images/mobilesprites.png");
  }
}

@media screen and (min-width: 768px) {
  .componentDashboardPanelProgress .dashboard_checkpoint1 {
    background-image: url("../images/sprites.png");
  }
}

.componentDashboardPanelProgress .dashboard_checkpoint1.passed {
  display: inline-block;
  overflow: hidden;
  background-repeat: no-repeat;
}

@media screen and (max-width: 767px) {
  .componentDashboardPanelProgress .dashboard_checkpoint1.passed {
    background-image: url("../images/mobilesprites.png");
  }
}

@media screen and (min-width: 768px) {
  .componentDashboardPanelProgress .dashboard_checkpoint1.passed {
    background-image: url("../images/sprites.png");
  }
}

.componentDashboardPanelProgress .dashboard_checkpoint2 {
  display: inline-block;
  overflow: hidden;
  background-repeat: no-repeat;
}

@media screen and (max-width: 767px) {
  .componentDashboardPanelProgress .dashboard_checkpoint2 {
    background-image: url("../images/mobilesprites.png");
  }
}

@media screen and (min-width: 768px) {
  .componentDashboardPanelProgress .dashboard_checkpoint2 {
    background-image: url("../images/sprites.png");
  }
}

.componentDashboardPanelProgress .dashboard_checkpoint2.passed {
  display: inline-block;
  overflow: hidden;
  background-repeat: no-repeat;
}

@media screen and (max-width: 767px) {
  .componentDashboardPanelProgress .dashboard_checkpoint2.passed {
    background-image: url("../images/mobilesprites.png");
  }
}

@media screen and (min-width: 768px) {
  .componentDashboardPanelProgress .dashboard_checkpoint2.passed {
    background-image: url("../images/sprites.png");
  }
}

.componentDashboardPanelProgress .dashboard_checkpoint3 {
  display: inline-block;
  overflow: hidden;
  background-repeat: no-repeat;
}

@media screen and (max-width: 767px) {
  .componentDashboardPanelProgress .dashboard_checkpoint3 {
    background-image: url("../images/mobilesprites.png");
  }
}

@media screen and (min-width: 768px) {
  .componentDashboardPanelProgress .dashboard_checkpoint3 {
    background-image: url("../images/sprites.png");
  }
}

.componentDashboardPanelProgress .dashboard_checkpoint3.passed {
  display: inline-block;
  overflow: hidden;
  background-repeat: no-repeat;
}

@media screen and (max-width: 767px) {
  .componentDashboardPanelProgress .dashboard_checkpoint3.passed {
    background-image: url("../images/mobilesprites.png");
  }
}

@media screen and (min-width: 768px) {
  .componentDashboardPanelProgress .dashboard_checkpoint3.passed {
    background-image: url("../images/sprites.png");
  }
}

.componentDashboardPanelProgress .dashboard_checkpoint4 {
  display: inline-block;
  overflow: hidden;
  background-repeat: no-repeat;
}

@media screen and (max-width: 767px) {
  .componentDashboardPanelProgress .dashboard_checkpoint4 {
    background-image: url("../images/mobilesprites.png");
  }
}

@media screen and (min-width: 768px) {
  .componentDashboardPanelProgress .dashboard_checkpoint4 {
    background-image: url("../images/sprites.png");
  }
}

.componentDashboardPanelProgress .dashboard_checkpoint4.passed {
  display: inline-block;
  overflow: hidden;
  background-repeat: no-repeat;
}

@media screen and (max-width: 767px) {
  .componentDashboardPanelProgress .dashboard_checkpoint4.passed {
    background-image: url("../images/mobilesprites.png");
  }
}

@media screen and (min-width: 768px) {
  .componentDashboardPanelProgress .dashboard_checkpoint4.passed {
    background-image: url("../images/sprites.png");
  }
}

.componentDashboardPanelProgress .dashboard_checkpoint5 {
  display: inline-block;
  overflow: hidden;
  background-repeat: no-repeat;
}

@media screen and (max-width: 767px) {
  .componentDashboardPanelProgress .dashboard_checkpoint5 {
    background-image: url("../images/mobilesprites.png");
  }
}

@media screen and (min-width: 768px) {
  .componentDashboardPanelProgress .dashboard_checkpoint5 {
    background-image: url("../images/sprites.png");
  }
}

.componentDashboardPanelProgress .dashboard_checkpoint5.passed {
  display: inline-block;
  overflow: hidden;
  background-repeat: no-repeat;
}

@media screen and (max-width: 767px) {
  .componentDashboardPanelProgress .dashboard_checkpoint5.passed {
    background-image: url("../images/mobilesprites.png");
  }
}

@media screen and (min-width: 768px) {
  .componentDashboardPanelProgress .dashboard_checkpoint5.passed {
    background-image: url("../images/sprites.png");
  }
}

.componentDashboardPanelProgress .dashboard_checkpoint6 {
  display: inline-block;
  overflow: hidden;
  background-repeat: no-repeat;
}

@media screen and (max-width: 767px) {
  .componentDashboardPanelProgress .dashboard_checkpoint6 {
    background-image: url("../images/mobilesprites.png");
  }
}

@media screen and (min-width: 768px) {
  .componentDashboardPanelProgress .dashboard_checkpoint6 {
    background-image: url("../images/sprites.png");
  }
}

.componentDashboardPanelProgress .dashboard_checkpoint6.passed {
  display: inline-block;
  overflow: hidden;
  background-repeat: no-repeat;
}

@media screen and (max-width: 767px) {
  .componentDashboardPanelProgress .dashboard_checkpoint6.passed {
    background-image: url("../images/mobilesprites.png");
  }
}

@media screen and (min-width: 768px) {
  .componentDashboardPanelProgress .dashboard_checkpoint6.passed {
    background-image: url("../images/sprites.png");
  }
}

.componentDashboardPanelProgress .dashboard_checkpoint7 {
  display: inline-block;
  overflow: hidden;
  background-repeat: no-repeat;
}

@media screen and (max-width: 767px) {
  .componentDashboardPanelProgress .dashboard_checkpoint7 {
    background-image: url("../images/mobilesprites.png");
  }
}

@media screen and (min-width: 768px) {
  .componentDashboardPanelProgress .dashboard_checkpoint7 {
    background-image: url("../images/sprites.png");
  }
}

.componentDashboardPanelProgress .dashboard_checkpoint7.passed {
  display: inline-block;
  overflow: hidden;
  background-repeat: no-repeat;
}

@media screen and (max-width: 767px) {
  .componentDashboardPanelProgress .dashboard_checkpoint7.passed {
    background-image: url("../images/mobilesprites.png");
  }
}

@media screen and (min-width: 768px) {
  .componentDashboardPanelProgress .dashboard_checkpoint7.passed {
    background-image: url("../images/sprites.png");
  }
}

.componentDashboardPanelProgress .dashboard_checkpoint1,
.componentDashboardPanelProgress .dashboard_checkpoint2,
.componentDashboardPanelProgress .dashboard_checkpoint3,
.componentDashboardPanelProgress .dashboard_checkpoint4,
.componentDashboardPanelProgress .dashboard_checkpoint5,
.componentDashboardPanelProgress .dashboard_checkpoint6,
.componentDashboardPanelProgress .dashboard_checkpoint7 {
  margin: 5px 10px;
}

@media screen and (min-width: 960px) {
  .componentDashboardPanelProgress .dashboard_checkpoint1,
  .componentDashboardPanelProgress .dashboard_checkpoint2,
  .componentDashboardPanelProgress .dashboard_checkpoint3,
  .componentDashboardPanelProgress .dashboard_checkpoint4,
  .componentDashboardPanelProgress .dashboard_checkpoint5,
  .componentDashboardPanelProgress .dashboard_checkpoint6,
  .componentDashboardPanelProgress .dashboard_checkpoint7 {
    margin: 5px 25px;
  }
}

@media screen and (max-width: 767px) {
  .componentDashboardPanelProgress .dashboard_checkpoint1,
  .componentDashboardPanelProgress .dashboard_checkpoint2,
  .componentDashboardPanelProgress .dashboard_checkpoint3,
  .componentDashboardPanelProgress .dashboard_checkpoint4,
  .componentDashboardPanelProgress .dashboard_checkpoint5,
  .componentDashboardPanelProgress .dashboard_checkpoint6,
  .componentDashboardPanelProgress .dashboard_checkpoint7 {
    margin: 15px 15px;
  }
}

.componentDashboardPanelProgress .top h3,
.componentDashboardPanelProgress .top .componentDashboardLogSteps {
  margin: 0;
  display: inline-block;
  vertical-align: baseline;
}

.componentDashboardPanelProgress .top h3 span {
  font-size: 50px;
  font-weight: normal;
}

.componentDashboardPanelProgress .top .componentDashboardLogSteps {
  margin-left: 10px;
}

@media screen and (max-width: 767px) {
  .componentDashboardPanelProgress .top .componentDashboardLogSteps {
    margin-top: 10px;
  }
}

.componentDashboardPanels {
  /*temporary hover*/
  position: relative;
}

.componentDashboardPanels #panel1 .swiper-pagination-switch {
  background-color: #2e94de;
}

.componentDashboardPanels #panel2 .swiper-pagination-switch {
  background-color: #92c700;
}

.componentDashboardPanels #panel3 .swiper-pagination-switch {
  background-color: #cd94ff;
}

.componentDashboardPanels #panel4 .swiper-pagination-switch {
  background-color: #cd94ff;
}

.componentDashboardPanels #panel1 .swiper-slide,
.componentDashboardPanels #panel2 .swiper-slide,
.componentDashboardPanels #panel3 .swiper-slide {
  position: relative;
}

.componentDashboardPanels #panel1 .swiper-active-switch,
.componentDashboardPanels #panel2 .swiper-active-switch,
.componentDashboardPanels #panel3 .swiper-active-switch {
  background-color: #ffffff;
}

.componentDashboardPanels #panel1 .panelHeading,
.componentDashboardPanels #panel2 .panelHeading,
.componentDashboardPanels #panel3 .panelHeading {
  font-family: "tradegothic", Arial, Helvetica, sans-serif;
  font-size: 50px;
  font-weight: normal;
  margin: 20px;
}

@media screen and (max-width: 767px) {
  .componentDashboardPanels #panel1 .panelHeading,
  .componentDashboardPanels #panel2 .panelHeading,
  .componentDashboardPanels #panel3 .panelHeading {
    font-size: 45px;
  }
}

.componentDashboardPanels #panel1 .panelLabel,
.componentDashboardPanels #panel2 .panelLabel,
.componentDashboardPanels #panel3 .panelLabel {
  position: absolute;
  bottom: 20px;
  width: 100%;
}

@media screen and (max-width: 767px) {
  .componentDashboardPanels #panel2 .swiper-slide,
  .componentDashboardPanels #panel3 .swiper-slide {
    text-align: left;
  }

  .componentDashboardPanels #panel2 .panelHeading,
  .componentDashboardPanels #panel3 .panelHeading {
    position: absolute;
    top: 15px;
    left: 120px;
    margin: 0px;
  }

  .componentDashboardPanels #panel2 .panelLabel,
  .componentDashboardPanels #panel3 .panelLabel {
    position: absolute;
    bottom: 35px;
    left: 120px;
    margin: 0px;
    width: auto;
    text-align: left;
  }
}

.componentDashboardPanels #panel1 .panelHeading {
  margin-bottom: 40px;
}

.componentDashboardPanels #panel4 .panelHeading {
  font-family: "tradegothic", Arial, Helvetica, sans-serif;
  font-size: 23px;
  font-weight: normal;
  margin: 30px 35px;
  text-align: left;
  text-transform: uppercase;
}

.componentDashboardPanels #panel4 .panelContent {
  width: 800px;
}

.componentDashboardPanels #panel4 #memberGraph {
  width: 800px;
}

.componentDashboardPanels #panel4 #teamGraph {
  width: 800px;
}

.componentDashboardPanels #panel4 button {
  background: #662d90;
  color: white;
  border-radius: 4px;
  border: none;
  padding: 7px 15px;
  position: absolute;
  right: 20px;
  top: 30px;
  cursor: pointer;
}

.componentDashboardPanels #panel4 button * {
  vertical-align: middle;
}

.componentDashboardPanels #panel4 button .icon {
  display: inline-block;
  overflow: hidden;
  background-repeat: no-repeat;
}

@media screen and (max-width: 767px) {
  .componentDashboardPanels #panel4 button .icon {
    background-image: url("../images/mobilesprites.png");
  }
}

@media screen and (min-width: 768px) {
  .componentDashboardPanels #panel4 button .icon {
    background-image: url("../images/sprites.png");
  }
}

.componentDashboardPanels #panel4 button img {
  padding-right: 4px;
}

.componentDashboardPanels .overlay {
  display: none;
}

.collectionDashboard.beforeStart .componentDashboardPanels .overlay {
  display: block;
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  background: transparent;
  color: white;
  font-size: 35px;
  line-height: 1.2;
  padding: 360px 40px 40px 40px;
  z-index: 2;
}

.collectionDashboard.beforeStart .componentDashboardPanels .overlay p {
  display: none;
}

.collectionDashboard.beforeStart .componentDashboardPanels:hover .overlay {
  background: #1d2c4d;
  background: rgba(29, 44, 77, 0.7);
}

.collectionDashboard.beforeStart .componentDashboardPanels:hover .overlay p {
  display: block;
}

.componentDashboardUser .componentDashboardUserProfile {
  z-index: 2;
}

.componentDashboardUser .componentDashboardUserProfile .componentDashboardChecklist {
  z-index: 2;
}

.componentDashboardUser .componentDashboardTeamName {
  z-index: 1;
}

.componentDashboardUser .componentDashboardFundsRaised {
  z-index: 1;
}

.componentDashboardUser .componentDashboardLinks {
  z-index: 1;
}

.componentDashboardUser .componentDashboardTeamView {
  z-index: 1;
}

.componentDashboardPanelStats {
  text-align: center;
  color: white;
  background-color: #662d90;
}

@media screen and (max-width: 767px) {
  .componentDashboardPanelStats .panelContent {
    margin: 20px 0px;
  }
}

.componentDashboardPanelStats .panelContent.calories {
  display: inline-block;
  overflow: hidden;
  background-repeat: no-repeat;
}

@media screen and (max-width: 767px) {
  .componentDashboardPanelStats .panelContent.calories {
    background-image: url("../images/mobilesprites.png");
  }
}

@media screen and (min-width: 768px) {
  .componentDashboardPanelStats .panelContent.calories {
    background-image: url("../images/sprites.png");
  }
}

.componentDashboardPanelStats .panelContent.steps {
  display: inline-block;
  overflow: hidden;
  background-repeat: no-repeat;
}

@media screen and (max-width: 767px) {
  .componentDashboardPanelStats .panelContent.steps {
    background-image: url("../images/mobilesprites.png");
  }
}

@media screen and (min-width: 768px) {
  .componentDashboardPanelStats .panelContent.steps {
    background-image: url("../images/sprites.png");
  }
}

.componentDashboardPanelStats .panelContent.distance {
  display: inline-block;
  overflow: hidden;
  background-repeat: no-repeat;
}

@media screen and (max-width: 767px) {
  .componentDashboardPanelStats .panelContent.distance {
    background-image: url("../images/mobilesprites.png");
  }
}

@media screen and (min-width: 768px) {
  .componentDashboardPanelStats .panelContent.distance {
    background-image: url("../images/sprites.png");
  }
}

.componentDashboardPanelStats .panelContent.personalBests {
  display: inline-block;
  overflow: hidden;
  background-repeat: no-repeat;
}

@media screen and (max-width: 767px) {
  .componentDashboardPanelStats .panelContent.personalBests {
    background-image: url("../images/mobilesprites.png");
  }
}

@media screen and (min-width: 768px) {
  .componentDashboardPanelStats .panelContent.personalBests {
    background-image: url("../images/sprites.png");
  }
}

.componentDashboardPanels #panel1 .componentDashboardPanelSteps {
  text-align: center;
  color: white;
  background-color: #1d2c4d;
  position: relative;
}

.componentDashboardPanels #panel1 .componentDashboardPanelSteps .panelContent {
  display: inline-block;
  overflow: hidden;
  background-repeat: no-repeat;
  margin-top: 20px;
  position: relative;
}

@media screen and (max-width: 767px) {
  .componentDashboardPanels #panel1 .componentDashboardPanelSteps .panelContent {
    background-image: url("../images/mobilesprites.png");
  }
}

@media screen and (min-width: 768px) {
  .componentDashboardPanels #panel1 .componentDashboardPanelSteps .panelContent {
    background-image: url("../images/sprites.png");
  }
}

@media screen and (max-width: 767px) {
  .componentDashboardPanels #panel1 .componentDashboardPanelSteps .panelContent {
    margin-top: 90px;
  }
}

.componentDashboardPanels #panel1 .componentDashboardPanelSteps .panelContent .panelContentBackground {
  position: absolute;
  bottom: 0px;
  left: 0px;
  right: 0px;
  height: 0px;
  background-color: #2e94de;
  opacity: 0.3;
  height: 50%;
}

.componentDashboardPanels #panel1 .componentDashboardPanelSteps .panelContent .panelContentForeground {
  display: inline-block;
  overflow: hidden;
  background-repeat: no-repeat;
  position: absolute;
  top: 0px;
  left: 0px;
}

@media screen and (max-width: 767px) {
  .componentDashboardPanels #panel1 .componentDashboardPanelSteps .panelContent .panelContentForeground {
    background-image: url("../images/mobilesprites.png");
  }
}

@media screen and (min-width: 768px) {
  .componentDashboardPanels #panel1 .componentDashboardPanelSteps .panelContent .panelContentForeground {
    background-image: url("../images/sprites.png");
  }
}

.componentDashboardPanels #panel1 .componentDashboardPanelSteps .panelContent .panelHeading {
  position: absolute;
  bottom: 20px;
  width: 100%;
  margin: 0;
}

.componentDashboardTeamName {
  text-align: center;
  width: 100%;
}

.componentDashboardTeamName .ribbonSlanted {
  z-index: 1;
  position: relative;
  display: inline-block;
  margin-top: 0px;
  margin-bottom: 0px;
  -webkit-backface-visibility: hidden;
  color: #FFF;
}

.componentDashboardTeamName .ribbonSlanted > * {
  display: inline-block;
}

.componentDashboardTeamName .ribbonSlanted .ribbonText {
  color: #1855b1;
  border-radius: 4px;
  position: relative;
  z-index: 7;
  overflow: hidden;
  display: inline-block;
  font-family: "tradegothic", Arial, Helvetica, sans-serif;
  font-style: normal;
  font-weight: normal;
  text-overflow: ellipsis;
  text-transform: uppercase;
}

@media screen and (max-width: 767px) {
  .componentDashboardTeamName .ribbonSlanted .ribbonText {
    max-width: 212px;
    font-size: 35px;
    padding-top: 8px;
    padding-left: 18px;
    padding-bottom: 6px;
    padding-right: 18px;
  }
}

@media screen and (min-width: 768px) {
  .componentDashboardTeamName .ribbonSlanted .ribbonText {
    max-width: 440px;
    font-size: 50px;
    padding-top: 10px;
    padding-left: 39px;
    padding-bottom: 8px;
    padding-right: 39px;
  }
}

.componentDashboardTeamName .ribbonSlanted.nowrap .ribbonText {
  white-space: nowrap;
}

@media screen and (max-width: 767px) {
  .componentDashboardTeamName .ribbonSlanted.nowrap .ribbonText {
    max-height: 44px;
  }
}

@media screen and (min-width: 768px) {
  .componentDashboardTeamName .ribbonSlanted.nowrap .ribbonText {
    max-height: 72px;
  }
}

.componentDashboardTeamName .ribbonSlanted .ribbonLeft {
  display: none;
}

.componentDashboardTeamName .ribbonSlanted .ribbonRight {
  display: none;
}

@media screen and (max-width: 767px) {
  .componentDashboardTeamName .ribbonSlanted .ribbonText {
    min-width: 214px;
    max-width: 350px;
  }
}

@media screen and (min-width: 768px) {
  .componentDashboardTeamName .ribbonSlanted .ribbonText {
    min-width: 283px;
    max-width: 350px;
  }
}

.componentDashboardTeamView {
  display: none;
  position: absolute;
  top: 405px;
  width: 100%;
  height: 490px;
  padding: 40px;
}

.componentDashboardTeamView .close {
  display: inline-block;
  overflow: hidden;
  background-repeat: no-repeat;
  display: none;
  margin-top: 5px;
  cursor: pointer;
}

@media screen and (max-width: 767px) {
  .componentDashboardTeamView .close {
    background-image: url("../images/mobilesprites.png");
  }
}

@media screen and (min-width: 768px) {
  .componentDashboardTeamView .close {
    background-image: url("../images/sprites.png");
  }
}

.componentDashboardTeamView .team .teamMember {
  text-align: center;
  width: 50%;
  height: 190px;
  float: left;
}

.componentDashboardTeamView .team .teamMember a,
.componentDashboardTeamView .team .teamMember a * {
  color: #333333;
  text-decoration: none;
}

.componentDashboardTeamView .team .teamMember img {
  width: 70px;
  height: 70px;
  border-radius: 35px;
}

.componentDashboardTeamView .team .teamMember p {
  font-size: 18px;
  margin-top: 5px;
}

.componentDashboardTeamView .team .teamMember h3 {
  font-size: 30px;
  margin-top: 10px;
  font-family: "tradegothic", Arial, Helvetica, sans-serif;
  text-overflow: ellipsis;
  width: 100%;
  overflow: hidden;
}

.componentDashboardTeamView .team .teamMember:nth-child(1) {
  border-right: 1px solid #e6e6e6;
  border-bottom: 1px solid #e6e6e6;
}

.componentDashboardTeamView .team .teamMember:nth-child(1) img {
  margin-top: 5px;
}

.componentDashboardTeamView .team .teamMember:nth-child(2) {
  border-bottom: 1px solid #e6e6e6;
}

.componentDashboardTeamView .team .teamMember:nth-child(2) img {
  margin-top: 5px;
}

.componentDashboardTeamView .team .teamMember:nth-child(3) {
  border-right: 1px solid #e6e6e6;
}

.componentDashboardTeamView .team .teamMember:nth-child(3) img {
  margin-top: 35px;
}

.componentDashboardTeamView .team .teamMember:nth-child(4) img {
  margin-top: 35px;
}

.collectionDashboard .componentDashboardUserProfile {
  position: absolute;
  width: 100%;
  text-align: center;
  padding-top: 30px;
}

.collectionDashboard .componentDashboardUserProfile .avatarContainer {
  width: 160px;
  height: 160px;
  position: relative;
  margin: 0px auto;
}

.collectionDashboard .componentDashboardUserProfile .userSocial {
  margin: 20px;
}

.collectionDashboard .componentDashboardUserProfile .userSocial .userSocialFacebook {
  margin-left: 15px;
  margin-right: 15px;
  vertical-align: middle;
}

.collectionDashboard .componentDashboardUserProfile .userSocial .userSocialFacebook .userSocialFacebookIcon {
  display: none;
}

.collectionDashboard .componentDashboardUserProfile .userSocial .userSocialFacebook .userSocialFacebookLabel {
  display: none;
}

.collectionDashboard .componentDashboardUserProfile .userSocial .userSocialFacebook {
  position: absolute;
  top: 10px;
  left: 0px;
  width: auto !important;
  background: #1855b1;
}

.collectionDashboard .componentDashboardUserProfile .userSocial .userSocialFacebook .userSocialFacebookIcon {
  display: inline-block;
  background: #1d2c4d;
  float: left;
  color: white;
  clear: none;
  padding: 5px;
  padding-left: 10px;
}

.collectionDashboard .componentDashboardUserProfile .userSocial .userSocialFacebook .userSocialFacebookLabel {
  display: inline-block;
  float: left;
  color: white;
  clear: none;
  padding: 5px;
  padding-right: 10px;
  font-size: 14px;
}

.collectionDashboard .componentDashboardUserProfile .userSocial .userSocialHeart {
  display: inline-block;
  overflow: hidden;
  background-repeat: no-repeat;
  margin-right: 5px;
  margin-left: 5px;
  vertical-align: middle;
}

@media screen and (max-width: 767px) {
  .collectionDashboard .componentDashboardUserProfile .userSocial .userSocialHeart {
    background-image: url("../images/mobilesprites.png");
  }
}

@media screen and (min-width: 768px) {
  .collectionDashboard .componentDashboardUserProfile .userSocial .userSocialHeart {
    background-image: url("../images/sprites.png");
  }
}

.collectionDashboard .componentDashboardUserProfile .userSocial .userSocialBigUpsCount {
  color: #ffffff;
  font-size: 20px;
  font-family: "omnes-pro", "omnesmedium", Arial, Helvetica, sans-serif;
  font-style: italic;
  vertical-align: middle;
}

.collectionDashboard .componentDashboardUserProfile .userSocial .userSocialName {
  color: #ffffff;
  font-size: 22px;
  font-family: "omnes-pro", "omnesmedium", Arial, Helvetica, sans-serif;
  vertical-align: middle;
}

.collectionDashboard .componentDashboardUserProfile .userSocial .userSocialMessage {
  color: #ffffff;
  font-size: 16px;
  font-family: "omnes-pro", "omnesmedium", Arial, Helvetica, sans-serif;
  vertical-align: middle;
}

.collectionDashboard .componentDashboardUserProfile .userSocial .userSocialMessage p {
  margin: 5px 0;
  height: 50px;
  text-overflow: ellipsis;
  overflow: hidden;
}

.collectionDashboard .componentDashboardUserProfile .avatar {
  position: absolute;
  top: 0;
  left: 0;
  border: 3px solid #6cb4e8;
  border-radius: 80px;
  margin: 3px;
}

.collectionDashboard .componentDashboardUserProfile .avatar img {
  display: block;
  margin-top: 7px;
  margin-bottom: 7px;
  margin-left: 7px;
  margin-right: 7px;
  width: 135px;
  height: 135px;
  border-radius: 72px;
}

.collectionDashboard .componentDashboardUserProfile svg {
  position: absolute;
  top: 0;
  left: 0;
}

.collectionDashboard .componentDashboardUserProfile svg path {
  stroke-linecap: round;
}

.collectionDashboard .profileButtonContainer {
  position: absolute;
  top: 255px;
  width: 100%;
  z-index: 3;
}

.collectionDashboard .profileButtonContainer button {
  font-family: "omnes-pro", "omnesmedium", Arial, Helvetica, sans-serif;
  font-size: 15px;
  background: #1855b1;
  color: white;
  border-radius: 4px;
  border: none;
  padding: 7px 15px;
  cursor: pointer;
}

.collectionDashboard .profileButtonContainer button i {
  display: inline-block;
  overflow: hidden;
  background-repeat: no-repeat;
  margin-left: 10px;
}

@media screen and (max-width: 767px) {
  .collectionDashboard .profileButtonContainer button i {
    background-image: url("../images/mobilesprites.png");
  }
}

@media screen and (min-width: 768px) {
  .collectionDashboard .profileButtonContainer button i {
    background-image: url("../images/sprites.png");
  }
}

.collectionDashboard .profileButtonContainer button.active i {
  display: inline-block;
  overflow: hidden;
  background-repeat: no-repeat;
}

@media screen and (max-width: 767px) {
  .collectionDashboard .profileButtonContainer button.active i {
    background-image: url("../images/mobilesprites.png");
  }
}

@media screen and (min-width: 768px) {
  .collectionDashboard .profileButtonContainer button.active i {
    background-image: url("../images/sprites.png");
  }
}

.collectionDashboard.fundraising .userSocial {
  margin: 10px 20px;
}

.collectionDashboard.fundraising .componentDashboardUserProfile {
  padding-top: 20px;
}

#ui-datepicker-div {
  z-index: 30 !important;
}

.ui-datepicker {
  background: #1855b1;
  color: white;
  border-radius: 5px;
}

.ui-datepicker a {
  color: white;
  text-decoration: none;
}

.ui-datepicker .ui-datepicker-calendar td {
  text-align: center !important;
}

.ui-datepicker .ui-datepicker-calendar td a,
.ui-datepicker .ui-datepicker-calendar td span {
  text-align: center !important;
}

.ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today {
  background: #1d2c4d;
  border-radius: 5px;
}

.ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day {
  background: #2e94de;
  border-radius: 5px;
}

.ui-datepicker .ui-datepicker-calendar td.ui-state-disabled {
  opacity: 0.4;
}

.ui-datepicker .ui-datepicker-prev {
  top: 16px;
  left: 16px;
  width: auto;
  height: auto;
}

.ui-datepicker .ui-datepicker-next {
  top: 16px;
  right: 16px;
  width: auto;
  height: auto;
}

.ui-datepicker .ui-icon.ui-icon-circle-triangle-w {
  background: transparent;
  width: 0;
  height: 0;
  border-top: 0.6em solid transparent;
  border-bottom: 0.6em solid transparent;
  border-right: 1.1em solid white;
}

.ui-datepicker .ui-icon.ui-icon-circle-triangle-e {
  background: transparent;
  width: 0;
  height: 0;
  border-top: 0.6em solid transparent;
  border-bottom: 0.6em solid transparent;
  border-left: 1.1em solid white;
}

@media screen and (min-width: 768px) {
  .componentDonateForm .containerFormInfo {
    border: 2px solid #2e94de;
    border-radius: 5px;
    padding: 40px;
    margin-bottom: 40px;
  }
}

@media screen and (max-width: 767px) {
  .componentDonateForm .containerFormInfo {
    margin-bottom: 15px;
  }
}

.componentDonateForm .multipleCauses .amountHolder,
.componentDonateForm .multipleCauses .amountHolder + .last {
  display: none;
}

.componentDonateForm .componentRadioGroup .groupContainer {
  margin: 10px 0;
}

.componentDonateForm .containerPaymentMethod {
  display: none;
}

.componentDonateForm .submit_note {
  text-align: center;
}

.componentDonateForm .total_amount_bottom {
  float: left;
  font-size: 20px;
  font-weight: bold;
  margin-top: -20px;
}

.componentDonateForm .actions {
  margin-top: 20px;
  text-align: center;
}

.componentDonateForm .actions .action {
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  position: relative;
  border-radius: 5px;
  background-color: #2754b8;
  font-family: "omnes-pro", "omnesmedium", Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-style: italic;
  border: none;
  color: #FFF;
  padding: 12px 55px 12px 16px;
  cursor: pointer;
  line-height: 1;
}

.componentDonateForm .actions .action:hover {
  background-color: #1E428F;
}

.componentDonateForm .actions .action > i {
  margin-left: 10px;
  color: #99d4ff;
}

@media screen and (max-width: 767px) {
  .componentDonateForm .actions .action {
    position: relative;
    font-size: 21px;
    width: 100%;
    text-align: center;
  }

  .componentDonateForm .actions .action i {
    position: absolute;
    top: 1px;
    right: 12px;
    font-size: 42px;
  }
}

@media screen and (min-width: 768px) {
  .componentDonateForm .actions .action {
    position: relative;
    font-size: 25px;
  }

  .componentDonateForm .actions .action i {
    position: absolute;
    top: 1px;
    right: 12px;
    font-size: 45px;
  }
}

@media screen and (min-width: 768px) {
  .collectionDonationLanding .contentContainer .componentDonationLandingGeneral {
    float: left;
    display: block;
    margin-right: 4.8291579146%;
    width: 47.5854210427%;
    margin-right: 0;
  }

  .collectionDonationLanding .contentContainer .componentDonationLandingGeneral:last-child {
    margin-right: 0;
  }
}

.collectionDonationLanding .contentContainer .componentDonationLandingGeneral img {
  margin: 0 auto;
  margin-bottom: 0px;
  width: 100%;
}

.collectionDonationLanding .contentContainer .componentDonationLandingGeneral h3 {
  color: #1855b1;
  font-size: 22px;
  margin: 0 0 35px 0;
  text-align: center;
}

.collectionDonationLanding .contentContainer .componentDonationLandingGeneral .componentDashboardDonateButtons {
  background: white;
  padding-top: 35px;
  padding-bottom: 35px;
}

.componentDonationLandingHeader {
  margin-bottom: 70px;
}

.componentDonationLandingHeader p {
  text-align: center;
  max-width: 650px;
  margin: auto;
}

.collectionDonationLanding .componentDonationLandingSearch {
  text-align: center;
}

@media screen and (min-width: 768px) {
  .collectionDonationLanding .componentDonationLandingSearch {
    float: left;
    display: block;
    margin-right: 4.8291579146%;
    width: 47.5854210427%;
  }

  .collectionDonationLanding .componentDonationLandingSearch:last-child {
    margin-right: 0;
  }
}

@media screen and (max-width: 767px) {
  .collectionDonationLanding .componentDonationLandingSearch {
    margin-bottom: 20px;
  }
}

.collectionDonationLanding .componentDonationLandingSearch .top {
  background: #2e94de;
  padding: 50px;
}

.collectionDonationLanding .componentDonationLandingSearch .top img {
  bottom: 40px;
}

.collectionDonationLanding .componentDonationLandingSearch .top p {
  font-size: 22px;
  color: #F5F5EE;
  text-align: center;
  font-weight: bold;
}

.collectionDonationLanding .componentDonationLandingSearch .bottom {
  background: #1855b1;
  padding: 50px;
}

.collectionDonationLanding .componentDonationLandingSearch .bottom p {
  font-size: 17px;
  color: #F5F5EE;
  text-align: center;
  margin-bottom: 40px;
}

.collectionDonationLanding .componentDonationLandingSearch img {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

@media screen and (min-width: 768px) {
  .componentDonationAmounts .amountHolder {
    display: block;
  }

  .componentDonationAmounts .amountHolder:after {
    content: "";
    display: table;
    clear: both;
  }

  .componentDonationAmounts .amountHolder .amountColumn {
    float: left;
    display: block;
    margin-right: 2.3576515979%;
    width: 48.821174201%;
  }

  .componentDonationAmounts .amountHolder .amountColumn:last-child {
    margin-right: 0;
  }

  .componentDonationAmounts .amountHolder .amountColumn:nth-child(2n) {
    margin-right: 0;
  }

  .componentDonationAmounts .amountHolder .amountColumn:nth-child(2n+1) {
    clear: left;
  }

  .componentDonationAmounts .amountHolder .amountColumn.right {
    margin-right: 0;
  }
}

.componentDonationAmounts .donation_amount_other {
  display: none;
}

.componentDonationAmounts .radio {
  position: relative;
}

.componentDonationAmounts .radio .componentUpselling {
  position: absolute;
  bottom: 93%;
  left: -90%;
  display: none;
}

@media screen and (max-width: 767px) {
  .componentDonationAmounts .radio .componentUpselling {
    left: -4px;
  }
}

.componentDonationAmounts .containerDonateAmount {
  margin-bottom: 5px;
}

.componentDonationAmounts .containerDonateAmount.checked .componentUpselling {
  display: block;
}

.componentDonationAmounts .last {
  clear: both;
}

.componentDonationAmounts .last .radio {
  border: 1px solid #A9AD99;
  border-radius: 5px;
  display: inline-block;
  padding: 5px;
  margin-top: 5px;
}

.componentDonationAmounts .last .radio:after {
  content: "";
  display: table;
  clear: both;
}

.componentDonationAmounts .last .radio > input {
  display: inline-block;
  float: left;
  max-width: 15%;
  margin-top: 3px;
  margin-left: 0;
  margin-right: 0;
}

.componentDonationAmounts .last .radio > span {
  display: inline-block;
  float: left;
  margin-left: 5%;
  width: 80%;
}

@media screen and (max-width: 959px) {
  .componentDonationAmounts .last .radio {
    width: 100%;
  }
}

@media screen and (min-width: 960px) {
  .componentDonationAmounts .last .radio {
    white-space: nowrap;
    min-width: 160px;
    margin-right: 5px;
  }
}

.componentUpselling {
  padding-bottom: 11px;
  position: relative;
}

.componentUpselling .confirm {
  background: #4B2169;
  border: 2px solid white;
  border-radius: 5px;
  display: block;
  font-family: "omnes-pro", "omnesmedium", Arial, Helvetica, sans-serif;
  font-size: 14px;
  padding: 15px;
  text-align: center;
  width: 300px;
  white-space: normal;
}

.componentUpselling .message {
  display: block;
  margin-bottom: 15px;
}

.componentUpselling button {
  border: none;
  padding: 0;
  background-color: #2e94de;
  border-radius: 5px;
  color: white;
  cursor: pointer;
  font-family: "omnes-pro", "omnesmedium", Arial, Helvetica, sans-serif;
  font-size: 16px;
  font-style: normal;
  line-height: 1;
  outline: none;
  padding: 8px 20px;
  text-align: center;
}

.componentUpselling button:disabled,
.componentUpselling button:disabled:hover {
  background: #c0dff5;
}

.componentUpselling button + button {
  margin-left: 10px;
}

.componentUpselling .pointer {
  position: absolute;
  bottom: 0px;
  left: 45%;
  display: inline-block;
  overflow: hidden;
  background-repeat: no-repeat;
}

@media screen and (max-width: 767px) {
  .componentUpselling .pointer {
    background-image: url("../images/mobilesprites.png");
  }
}

@media screen and (min-width: 768px) {
  .componentUpselling .pointer {
    background-image: url("../images/sprites.png");
  }
}

@media screen and (max-width: 767px) {
  .componentUpselling .pointer {
    left: 12%;
  }
}

.componentEditDetailsFundraising {
  border: 2px solid #6DB4E8;
  border-radius: 7px;
  padding: 75px 35px 20px 35px;
}

.componentEditDetailsFundraising .field .form_row label {
  font-size: 20px;
  font-weight: bold;
  font-style: normal;
  padding-top: 0px;
  padding-bottom: 15px;
  display: block;
}

.componentEditDetailsProfile {
  border: 2px solid #6DB4E8;
  border-radius: 7px;
  padding: 105px 35px 45px 35px;
}

.componentEditDetailsProfile .componentRadioGroup {
  text-align: left;
}

.componentEditDetailsProfile .componentRadioGroup .groupContainer {
  margin: 10px 0px;
}

.componentEditDetailsProfile .componentRadioGroup .groupContainer * {
  font-size: 18px;
}

@media screen and (max-width: 767px) {
  .componentEditDetailsProfile .componentRadioGroup .groupContainer {
    width: 100%;
  }
}

.collectionEditDetails .componentFormStandard .componentEditDetailsProfile {
  max-width: 960px;
  margin-left: auto;
  margin-right: auto;
}

.collectionEditDetails .componentFormStandard .componentEditDetailsProfile:after {
  content: "";
  display: table;
  clear: both;
}

.collectionEditDetails .componentFormStandard .componentEditDetailsProfile label.title {
  font-size: 20px;
  font-weight: bold;
  font-style: normal;
  padding-bottom: 15px;
  display: block;
}

.collectionEditDetails .componentFormStandard .componentEditDetailsProfile .avatarHeader {
  margin-top: 40px;
}

.collectionEditDetails .componentFormStandard .componentEditDetailsProfile label.avatar {
  font-size: 20px;
  font-weight: bold;
  font-style: normal;
  padding-top: 15px;
  display: block;
}

.collectionEditDetails .componentFormStandard .componentEditDetailsProfile .field.name label {
  display: none;
}

@media screen and (min-width: 768px) {
  .collectionEditDetails .componentFormStandard .componentEditDetailsProfile .field.name {
    float: left;
    display: block;
    margin-right: 2.3576515979%;
    width: 31.7615656014%;
  }

  .collectionEditDetails .componentFormStandard .componentEditDetailsProfile .field.name:last-child {
    margin-right: 0;
  }
}

.collectionEditDetails .componentFormStandard .componentEditDetailsProfile .field.name input[type="text"],
.collectionEditDetails .componentFormStandard .componentEditDetailsProfile .field.name span.errorMessage {
  width: 100%;
}

.collectionEditDetails .componentFormStandard .componentEditDetailsProfile .field.upload {
  width: 100%;
}

.collectionEditDetails .componentFormStandard .componentEditDetailsProfile .field.upload label {
  display: inline-block;
  font-size: 15px;
  padding-left: 20px;
}

.collectionEditDetails .componentFormStandard .componentEditDetailsProfile .componentImageRadioGroup {
  text-align: left;
}

.collectionEditDetails .componentFormStandard .componentEditDetailsProfile .componentImageRadioGroup .groupContainer {
  width: 100%;
  margin: 10px 0px;
}

.collectionEditDetails .componentFormStandard .componentEditDetailsProfile .componentImageRadioGroup .groupContainer * {
  font-size: 18px;
}

.collectionEditDetails .componentFormStandard .componentEditDetailsProfile .componentImageRadioGroup img {
  margin-bottom: 0;
  width: 100px;
}

.componentEditDetailsStats {
  border: 2px solid #6DB4E8;
  border-radius: 7px;
  padding: 105px 35px 45px 35px;
  max-width: 960px;
  margin-left: auto;
  margin-right: auto;
}

.componentEditDetailsStats:after {
  content: "";
  display: table;
  clear: both;
}

.componentFormStandard .componentEditDetailsStats .field.heightAndWeight {
  float: left;
  display: block;
  margin-right: 2.3576515979%;
  width: 31.7615656014%;
}

.componentFormStandard .componentEditDetailsStats .field.heightAndWeight:last-child {
  margin-right: 0;
}

.componentFormStandard .componentEditDetailsStats .field.heightAndWeight span.errorMessage {
  width: 100%;
}

.componentFormStandard .componentEditDetailsStats .field.heightAndWeight input {
  max-width: 80px;
  display: inline-block;
  margin-right: 2px;
}

.componentFormStandard .componentEditDetailsStats .field.heightAndWeight label {
  display: inline-block;
  font-size: 27px;
  margin-right: 30px;
}

.field label.title {
  font-size: 20px;
  font-weight: bold;
  font-style: normal;
  padding-top: 0px;
  padding-bottom: 15px;
  display: block;
}

.componentFooter {
  padding-top: 65px;
  padding-bottom: 35px;
}

.componentFooter .contentContainer {
  padding-left: 15px;
  padding-right: 15px;
}

@media screen and (min-width: 768px) {
  .componentFooter .contentContainer {
    max-width: 990px;
    margin-left: auto;
    margin-right: auto;
  }
}

@media screen and (min-width: 768px) {
  .componentFooter .content {
    padding-bottom: 45px;
  }

  .componentFooter .content:after {
    content: "";
    display: table;
    clear: both;
  }

  .componentFooter .content > * {
    display: inline;
  }

  .componentFooter .content > .footerSocial {
    float: left;
    width: 47.0834%;
  }

  .componentFooter .content > .footerLinkGroups {
    float: right;
    width: 52.9166%;
  }
}

.componentFooter .buttonRegister {
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  position: relative;
  border-radius: 5px;
  background-color: #2e94de;
  font-family: "omnes-pro", "omnesmedium", Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-style: italic;
  color: #FFF;
  text-decoration: none;
  font-size: 25px;
  min-width: 180px;
  text-align: center;
  padding-top: 16px;
  padding-left: 21px;
  padding-bottom: 16px;
  padding-right: 55px;
}

.componentFooter .buttonRegister:hover {
  background-color: #FFF;
  color: #1d2c4d;
}

.componentFooter .buttonRegister > i {
  position: absolute;
  top: 17px;
  font-size: 40px;
  right: 17px;
  line-height: 23px;
}

@media screen and (max-width: 767px) {
  .componentFooter .buttonRegister {
    width: 100%;
    text-align: center;
    margin-bottom: 35px;
  }
}

@media screen and (max-width: 767px) {
  .componentFooter .listSocialLinks {
    padding-bottom: 35px;
  }

  .componentFooter .listSocialLinks:after {
    content: "";
    display: table;
    clear: both;
  }

  .componentFooter .listSocialLinks > * {
    float: left;
    width: 25%;
  }
}

@media screen and (min-width: 768px) {
  .componentFooter .listSocialLinks {
    padding-top: 40px;
  }

  .componentFooter .listSocialLinks > * {
    float: left;
    width: 80px;
  }
}

.componentFooter .listSocialLinks .lastchild {
  text-align: right;
}

.componentFooter .listSocialLinks .middlechild {
  text-align: center;
}

.componentFooter .listSocialLinks a {
  display: inline-block;
}

.componentFooter .contentBottom {
  width: 100%;
}

@media screen and (max-width: 767px) {
  .componentFooter .contentBottom {
    padding-top: 20px;
    text-align: center;
  }

  .componentFooter .contentBottom p,
  .componentFooter .contentBottom td,
  .componentFooter .contentBottom li {
    color: #8ac0e6;
    font-size: 15px;
  }

  .componentFooter .contentBottom p a,
  .componentFooter .contentBottom td a,
  .componentFooter .contentBottom li a {
    color: #8ac0e6;
  }

  .componentFooter .contentBottom li {
    line-height: 1.4em;
  }

  .componentFooter .contentBottom p {
    margin-top: 0;
    line-height: 1.4em;
  }

  .componentFooter .contentBottom h1,
  .componentFooter .contentBottom h2,
  .componentFooter .contentBottom h3,
  .componentFooter .contentBottom h4,
  .componentFooter .contentBottom h5,
  .componentFooter .contentBottom h6 {
    margin-top: 0;
  }

  .componentFooter .contentBottom h2 {
    font-size: 35px;
  }
}

@media screen and (min-width: 768px) {
  .componentFooter .contentBottom {
    padding-top: 35px;
    border-top: 2px solid #3c5678;
  }

  .componentFooter .contentBottom p,
  .componentFooter .contentBottom td,
  .componentFooter .contentBottom li {
    color: #8ac0e6;
    font-size: 18px;
  }

  .componentFooter .contentBottom p a,
  .componentFooter .contentBottom td a,
  .componentFooter .contentBottom li a {
    color: #8ac0e6;
  }

  .componentFooter .contentBottom li {
    line-height: 1.4em;
  }

  .componentFooter .contentBottom p {
    margin-top: 0;
    line-height: 1.4em;
  }

  .componentFooter .contentBottom h1,
  .componentFooter .contentBottom h2,
  .componentFooter .contentBottom h3,
  .componentFooter .contentBottom h4,
  .componentFooter .contentBottom h5,
  .componentFooter .contentBottom h6 {
    margin-top: 0;
  }

  .componentFooter .contentBottom h2 {
    font-size: 35px;
  }
}

.componentFooter .contentBottom p:last-child {
  margin-bottom: 0;
}

.componentFooter .contentBottom img {
  max-width: 100% !important;
  height: auto !important;
  margin: 0px auto;
  display: block;
}

@media screen and (max-width: 767px) {
  .componentFooter .footerLinkGroups {
    border: 2px solid #5b80a6;
    border-radius: 7px;
    margin: 0 25px;
  }
}

@media screen and (min-width: 768px) {
  .componentFooter .footerLinkGroups > * {
    display: inline;
    float: left;
    width: 50%;
  }
}

.componentFooter .footerLinkGroups .footerLinkGroupsColumn a {
  display: block;
  color: #FFF;
  text-decoration: none;
}

@media screen and (max-width: 767px) {
  .componentFooter .footerLinkGroups .footerLinkGroupsColumn a {
    border-top: 2px solid #5b80a6;
    padding: 17px;
    font-size: 20px;
  }
}

@media screen and (min-width: 768px) {
  .componentFooter .footerLinkGroups .footerLinkGroupsColumn a {
    padding: 7px 5px;
  }

  .componentFooter .footerLinkGroups .footerLinkGroupsColumn a span {
    border-bottom: 2px solid #1d2c4d;
  }

  .componentFooter .footerLinkGroups .footerLinkGroupsColumn a:hover span {
    border-bottom: 2px solid #2e94de;
  }
}

.componentFooter .footerLinkGroups .footerLinkGroupsColumn:first-child a:first-child {
  border-top: none;
}

.componentFooter.shortFooter {
  padding-top: 0;
  padding-bottom: 24px;
}

.componentFooter.shortFooter .contentBottom {
  padding-top: 24px;
  border-top: none;
}

.componentFooter.shortFooter .affiliateContent {
  max-width: 990px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 20px;
  padding-bottom: 20px;
}

.componentFooter.shortFooter .affiliateContent:after {
  content: "";
  display: table;
  clear: both;
}

.componentFooter.shortFooter .affiliateContent .affiliateText {
  padding-bottom: 10px;
  display: block;
  color: #333;
}

.componentFooter.shortFooter .affiliateContent .affiliateLogoContainer {
  display: block;
}

.componentFooter.shortFooter .affiliateOuterContent {
  background-color: white;
  padding-top: 35px;
}

.componentFooter.shortFooter .contentContainer:after {
  content: "";
  display: table;
  clear: both;
}

@media screen and (min-width: 768px) {
  .componentFooter.shortFooter .affiliateLogoContainer {
    float: left;
    width: 30%;
  }

  .componentFooter.shortFooter .affiliateText {
    width: 70%;
    float: left;
  }

  .componentFooter.shortFooter .contentBottom {
    float: left;
  }

  .componentFooter.shortFooter .footerLinkGroups {
    float: right;
    padding-top: 24px;
    white-space: nowrap;
  }

  .componentFooter.shortFooter .footerLinkGroups a {
    display: inline-block;
  }
}

@media screen and (max-width: 767px) {
  .componentFooter.shortFooter .affiliateLogoContainer,
  .componentFooter.shortFooter .affiliateText {
    margin-bottom: 15px;
    text-align: center;
  }

  .componentFooter.shortFooter .contentContainer {
    padding-top: 24px;
  }
}

.componentFooter .sponsors {
  color: #1d2c4d;
  border-top: 2px solid #3c5678;
}

.componentFooter .sponsors .sponsorCategory {
  float: left;
  width: 100%;
  clear: both;
}

.componentFooter .sponsors .sponsor {
  display: block;
  float: left;
  text-align: center;
  margin-bottom: 1em;
}

.componentFooter .sponsors .sponsor img {
  display: inline;
  max-width: 90%;
}

@media screen and (max-width: 767px) {
  .componentFooter .sponsors .sponsor.primary {
    width: 33%;
  }

  .componentFooter .sponsors .sponsor.primary img {
    max-height: 70px;
  }

  .componentFooter .sponsors .sponsor.secondary {
    width: 25%;
  }

  .componentFooter .sponsors .sponsor.secondary img {
    max-height: 70px;
  }

  .componentFooter .sponsors .sponsor.tertiary {
    width: 20%;
  }

  .componentFooter .sponsors .sponsor.tertiary img {
    max-height: 50px;
  }
}

@media screen and (min-width: 768px) {
  .componentFooter .sponsors .sponsor.primary {
    width: 25%;
  }

  .componentFooter .sponsors .sponsor.primary img {
    max-height: 110px;
  }

  .componentFooter .sponsors .sponsor.secondary {
    width: 20%;
  }

  .componentFooter .sponsors .sponsor.secondary img {
    max-height: 80px;
  }

  .componentFooter .sponsors .sponsor.tertiary {
    width: 14%;
  }

  .componentFooter .sponsors .sponsor.tertiary img {
    max-height: 55px;
  }
}

.componentFormStandard {
  position: relative;
}

.componentFormStandard fieldset {
  border: none;
  padding: 0;
  margin: 0;
}

.componentFormStandard button {
  cursor: pointer;
}

.componentFormStandard .field {
  margin-bottom: 11px;
}

.componentFormStandard .field label {
  display: block;
  padding-top: 11px;
  padding-bottom: 11px;
}

.componentFormStandard .field.error input[type="email"],
.componentFormStandard .field.error input[type="number"],
.componentFormStandard .field.error input[type="password"],
.componentFormStandard .field.error input[type="search"],
.componentFormStandard .field.error input[type="tel"],
.componentFormStandard .field.error input[type="text"],
.componentFormStandard .field.error input[type="url"],
.componentFormStandard .field.error input[type="color"],
.componentFormStandard .field.error input[type="date"],
.componentFormStandard .field.error input[type="datetime"],
.componentFormStandard .field.error input[type="datetime-local"],
.componentFormStandard .field.error input[type="month"],
.componentFormStandard .field.error input[type="time"],
.componentFormStandard .field.error input[type="week"],
.componentFormStandard .field.error textarea,
.componentFormStandard .field.error select {
  background-color: #FCF9D6;
  border-color: #CCBB00;
}

.componentFormStandard .field.checkbox:after {
  content: "";
  display: table;
  clear: both;
}

.componentFormStandard .field.checkbox > input {
  display: inline-block;
  float: left;
  max-width: 15%;
  margin-top: 11px;
  margin-left: 0;
  margin-right: 0;
}

.componentFormStandard .field.checkbox > label {
  display: inline-block;
  float: left;
  margin-left: 5%;
  width: 80%;
}

.componentFormStandard label {
  color: #333333;
}

.componentFormStandard .fieldgroup > label {
  color: #333;
  font-family: "omnes-pro", "omnesmedium", Arial, Helvetica, sans-serif;
  font-weight: 600;
  font-style: italic;
  font-size: 27px;
}

@media screen and (max-width: 767px) {
  .componentFormStandard .fieldgroup.middleColumn > * {
    margin-bottom: 11px;
  }
}

@media screen and (min-width: 768px) {
  .componentFormStandard .fieldgroup.middleColumn:after {
    content: "";
    display: table;
    clear: both;
  }

  .componentFormStandard .fieldgroup.middleColumn > * {
    width: 48.936170215%;
    float: left;
  }

  .componentFormStandard .fieldgroup.middleColumn > div:first-child {
    margin-right: 2.12765957%;
  }
}

.componentFormStandard input[type="email"],
.componentFormStandard input[type="number"],
.componentFormStandard input[type="password"],
.componentFormStandard input[type="search"],
.componentFormStandard input[type="tel"],
.componentFormStandard input[type="text"],
.componentFormStandard input[type="url"],
.componentFormStandard input[type="color"],
.componentFormStandard input[type="date"],
.componentFormStandard input[type="datetime"],
.componentFormStandard input[type="datetime-local"],
.componentFormStandard input[type="month"],
.componentFormStandard input[type="time"],
.componentFormStandard input[type="week"],
.componentFormStandard textarea {
  border: 2px solid #abab9a;
  border-radius: 5px;
  padding: 11px;
  color: #666;
  box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.2);
  resize: none;
  font-family: "omnes-pro", "omnesmedium", Arial, Helvetica, sans-serif;
  font-size: 16px;
  width: 100%;
}

.componentFormStandard select {
  border: 2px solid #abab9a;
  border-radius: 5px;
  padding: 11px;
  color: #666;
  box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.2);
  font-size: 16px;
  width: 100%;
}

.componentFormStandard #giftaid_subradio {
  padding-left: 40px;
}

.componentFormStandard input.search {
  border-color: #99d4ff;
}

.componentFormStandard button.search {
  background: none;
  background-image: url("../images/search.png");
  border: none;
  width: 44px;
  height: 44px;
  display: inline;
  position: absolute;
  right: 0;
  top: 0px;
}

.componentFormStandard.searchContainer {
  max-width: 280px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 40px;
}

.componentFormStandard .hasCols {
  display: block;
  margin-bottom: 11px;
}

.componentFormStandard .hasCols:after {
  content: "";
  display: table;
  clear: both;
}

.componentFormStandard .hasCols > label {
  display: block;
  margin-bottom: 11px;
}

.componentFormStandard .hasCols > .form_row label {
  display: none;
}

.componentFormStandard .hasCols.hasLabel .form_row label {
  display: block;
}

@media screen and (min-width: 768px) {
  .componentFormStandard .hasCols.col-3 .form_row {
    float: left;
    display: block;
    margin-right: 0.9299062692%;
    width: 32.7133958206%;
  }

  .componentFormStandard .hasCols.col-3 .form_row:last-child {
    margin-right: 0;
  }

  .componentFormStandard .hasCols.col-2 .form_row {
    float: left;
    display: block;
    margin-right: 0.9299062692%;
    width: 49.5350468654%;
  }

  .componentFormStandard .hasCols.col-2 .form_row:last-child {
    margin-right: 0;
  }
}

.componentFormStandard input.withCurrencySign {
  padding-left: 30px;
  width: 45%;
}

.componentGeneralContent {
  background-color: #f5f5ee;
  padding-top: 35px;
  padding-bottom: 85px;
}

.componentGeneralContent header {
  padding-left: 15px;
  padding-right: 15px;
  color: #662d90;
  text-transform: uppercase;
  text-align: center;
  margin-bottom: 40px;
}

@media screen and (min-width: 768px) {
  .componentGeneralContent header {
    max-width: 990px;
    margin-left: auto;
    margin-right: auto;
  }
}

.componentGeneralContent header hgroup {
  background-image: url("../images/pinkPx.gif");
  background-repeat: repeat-x;
  background-position: left center;
}

.componentGeneralContent header h1 {
  display: inline-block;
  background-color: #f5f5ee;
  letter-spacing: 1px;
  padding-left: 28px;
  padding-right: 28px;
  font-family: "tradegothic", Arial, Helvetica, sans-serif;
  font-size: 20px;
  font-weight: normal;
}

.componentGeneralContent .contentContainer {
  padding-left: 15px;
  padding-right: 15px;
}

@media screen and (min-width: 768px) {
  .componentGeneralContent .contentContainer {
    max-width: 990px;
    margin-left: auto;
    margin-right: auto;
  }
}

.componentGeneralContent .contentContainer img {
  height: auto;
  margin-bottom: 50px;
}

@media screen and (max-width: 767px) {
  .componentGeneralContent .contentContainer img {
    display: block;
    max-width: 100%;
  }
}

@media screen and (min-width: 768px) {
  .componentGeneralContent .contentContainer img.right,
  .componentGeneralContent .contentContainer img.left {
    max-width: 50%;
    display: inline;
  }

  .componentGeneralContent .contentContainer img.left {
    float: left;
    margin-right: 50px;
  }

  .componentGeneralContent .contentContainer img.right {
    float: right;
    margin-left: 50px;
  }
}

@media screen and (max-width: 767px) {
  .componentGeneralContent .contentContainer h1,
  .componentGeneralContent .contentContainer h2,
  .componentGeneralContent .contentContainer h3,
  .componentGeneralContent .contentContainer h4,
  .componentGeneralContent .contentContainer h5,
  .componentGeneralContent .contentContainer h6 {
    clear: both;
    font-family: "omnes-pro", "omnesmedium", Arial, Helvetica, sans-serif;
    font-weight: normal;
  }

  .componentGeneralContent .contentContainer p,
  .componentGeneralContent .contentContainer td,
  .componentGeneralContent .contentContainer li {
    color: #333;
    font-size: 16px;
    line-height: 1.4em;
  }

  .componentGeneralContent .contentContainer p a,
  .componentGeneralContent .contentContainer td a,
  .componentGeneralContent .contentContainer li a {
    color: #333;
  }

  .componentGeneralContent .contentContainer h1 {
    font-size: 32px;
    color: #2e94de;
    font-weight: bold;
    font-style: italic;
  }

  .componentGeneralContent .contentContainer h2 {
    font-size: 27px;
    color: #2e94de;
    text-transform: uppercase;
  }

  .componentGeneralContent .contentContainer h3 {
    font-size: 19px;
    color: #2e94de;
  }

  .componentGeneralContent .contentContainer h4 {
    font-size: 20px;
  }

  .componentGeneralContent .contentContainer h5 {
    font-size: 20px;
  }

  .componentGeneralContent .contentContainer h6 {
    font-size: 20px;
  }

  .componentGeneralContent .contentContainer p {
    margin-top: 0;
  }

  .componentGeneralContent .contentContainer p a {
    color: #333;
    text-decoration: none;
    border-bottom: 2px solid #6ab1e2;
  }

  .componentGeneralContent .contentContainer .button-outline {
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    min-width: 117px;
    border: 2px solid #2e94de;
    color: #2754b8;
    border-radius: 6px;
    text-decoration: none;
    padding: 4px 12px;
  }

  .componentGeneralContent .contentContainer .button-outline:hover {
    background-color: #2e94de;
    border-color: #2e94de;
    color: #FFF;
  }

  .componentGeneralContent .contentContainer .button-arrow {
    position: relative;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    min-width: 117px;
    border: 2px solid #2e94de;
    color: #2e94de;
    border-radius: 6px;
    text-decoration: none;
    padding-top: 7px;
    padding-right: 38px;
    padding-bottom: 7px;
    padding-left: 12px;
  }

  .componentGeneralContent .contentContainer .button-arrow i {
    position: absolute;
    top: -1px;
    right: 10px;
    font-size: 28px;
  }

  .componentGeneralContent .contentContainer .button-arrow:hover {
    background-color: #2e94de;
    border-color: #2e94de;
    color: #FFF;
  }

  .componentGeneralContent .contentContainer .button-arrow-reversed {
    position: relative;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    min-width: 117px;
    border: 2px solid #2e94de;
    color: #2e94de;
    border-radius: 6px;
    text-decoration: none;
    padding-top: 7px;
    padding-left: 38px;
    padding-bottom: 7px;
    padding-right: 12px;
  }

  .componentGeneralContent .contentContainer .button-arrow-reversed i {
    position: absolute;
    top: -1px;
    left: 10px;
    font-size: 28px;
  }

  .componentGeneralContent .contentContainer .button-arrow-reversed:hover {
    background-color: #2e94de;
    border-color: #2e94de;
    color: #FFF;
  }
}

@media screen and (min-width: 768px) {
  .componentGeneralContent .contentContainer h1,
  .componentGeneralContent .contentContainer h2,
  .componentGeneralContent .contentContainer h3,
  .componentGeneralContent .contentContainer h4,
  .componentGeneralContent .contentContainer h5,
  .componentGeneralContent .contentContainer h6 {
    clear: both;
    font-family: "omnes-pro", "omnesmedium", Arial, Helvetica, sans-serif;
    font-weight: normal;
  }

  .componentGeneralContent .contentContainer p,
  .componentGeneralContent .contentContainer td,
  .componentGeneralContent .contentContainer li {
    color: #333;
    font-size: 20px;
    line-height: 1.4em;
  }

  .componentGeneralContent .contentContainer p a,
  .componentGeneralContent .contentContainer td a,
  .componentGeneralContent .contentContainer li a {
    color: #333;
  }

  .componentGeneralContent .contentContainer h1 {
    font-size: 32px;
    color: #2e94de;
    font-weight: bold;
    font-style: italic;
  }

  .componentGeneralContent .contentContainer h2 {
    font-size: 27px;
    color: #2e94de;
    text-transform: uppercase;
  }

  .componentGeneralContent .contentContainer h3 {
    font-size: 19px;
    color: #2e94de;
  }

  .componentGeneralContent .contentContainer h4 {
    font-size: 20px;
  }

  .componentGeneralContent .contentContainer h5 {
    font-size: 20px;
  }

  .componentGeneralContent .contentContainer h6 {
    font-size: 20px;
  }

  .componentGeneralContent .contentContainer p {
    margin-top: 0;
  }

  .componentGeneralContent .contentContainer p a {
    color: #333;
    text-decoration: none;
    border-bottom: 2px solid #6ab1e2;
  }

  .componentGeneralContent .contentContainer .button-outline {
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    min-width: 117px;
    border: 2px solid #2e94de;
    color: #2754b8;
    border-radius: 6px;
    text-decoration: none;
    padding: 4px 12px;
  }

  .componentGeneralContent .contentContainer .button-outline:hover {
    background-color: #2e94de;
    border-color: #2e94de;
    color: #FFF;
  }

  .componentGeneralContent .contentContainer .button-arrow {
    position: relative;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    min-width: 117px;
    border: 2px solid #2e94de;
    color: #2e94de;
    border-radius: 6px;
    text-decoration: none;
    padding-top: 7px;
    padding-right: 38px;
    padding-bottom: 7px;
    padding-left: 12px;
  }

  .componentGeneralContent .contentContainer .button-arrow i {
    position: absolute;
    top: -1px;
    right: 10px;
    font-size: 28px;
  }

  .componentGeneralContent .contentContainer .button-arrow:hover {
    background-color: #2e94de;
    border-color: #2e94de;
    color: #FFF;
  }

  .componentGeneralContent .contentContainer .button-arrow-reversed {
    position: relative;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    min-width: 117px;
    border: 2px solid #2e94de;
    color: #2e94de;
    border-radius: 6px;
    text-decoration: none;
    padding-top: 7px;
    padding-left: 38px;
    padding-bottom: 7px;
    padding-right: 12px;
  }

  .componentGeneralContent .contentContainer .button-arrow-reversed i {
    position: absolute;
    top: -1px;
    left: 10px;
    font-size: 28px;
  }

  .componentGeneralContent .contentContainer .button-arrow-reversed:hover {
    background-color: #2e94de;
    border-color: #2e94de;
    color: #FFF;
  }
}

.componentGeneralContent .contentContainer p:last-child {
  margin-bottom: 0;
}

.componentHeader {
  z-index: 30;
  position: relative;
  background-color: #2e94de;
  color: #FFF;
  padding-top: 20px;
  padding-bottom: 20px;
}

.componentHeader > .headerContent {
  padding-left: 15px;
  padding-right: 15px;
  position: relative;
}

@media screen and (min-width: 768px) {
  .componentHeader > .headerContent {
    max-width: 990px;
    margin-left: auto;
    margin-right: auto;
  }
}

.componentHeader > .headerContent:after {
  content: "";
  display: table;
  clear: both;
}

.componentHeader > .headerContent h1 {
  margin-top: 0;
  margin-bottom: 0;
}

.componentHeader > .headerContent h1 > a span {
  display: block;
  position: absolute;
  left: -9999em;
}

@media screen and (max-width: 767px) {
  .componentHeader > .headerContent h1 > .logo {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 18px;
  }
}

@media screen and (min-width: 768px) {
  .componentHeader > .headerContent h1:after {
    content: "";
    display: table;
    clear: both;
  }

  .componentHeader > .headerContent h1 > span {
    display: inline;
    float: left;
    margin-top: 47.5 + "px";
    margin-left: 35px;
  }

  .componentHeader > .headerContent h1 > .logo {
    float: left;
  }
}

@media screen and (min-width: 768px) {
  .componentHeader > .headerContent > hgroup {
    display: inline;
    float: left;
    max-width: 60%;
  }
}

@media screen and (min-width: 960px) {
  .componentHeader > .headerContent .componentDashboardLogSteps {
    position: absolute;
    top: 10px;
    left: 400px;
    margin: 0;
    margin-left: 10px;
    display: inline-block;
    vertical-align: baseline;
  }
}

@media screen and (max-width: 767px) {
  .componentHeader > .headerContent {
    text-align: center;
  }
}

.componentHeader .headerTitle {
  font-family: "omnes-pro", "omnesmedium", Arial, Helvetica, sans-serif;
  font-weight: 600;
  font-style: italic;
}

@media screen and (max-width: 959px) {
  .componentHeader .headerTitle {
    display: none;
    font-size: 16px;
  }
}

@media screen and (min-width: 960px) {
  .componentHeader .headerTitle {
    font-size: 20px;
  }
}

.componentHeader .headerCountdown {
  font-family: "tradegothic", Arial, Helvetica, sans-serif;
  font-size: 18px;
  text-transform: uppercase;
}

@media screen and (max-width: 767px) {
  .componentHeader .headerCountdown {
    width: 100%;
    display: inline-block;
  }
}

@media screen and (min-width: 768px) {
  .componentHeader .headerCountdown {
    display: inline;
    float: right;
    margin-right: 15px;
    position: relative;
    top: -10px;
    white-space: nowrap;
  }
}

.componentHeader .headerCountdown:empty {
  display: none;
}

.componentHeader .headerButtonGroup:after {
  content: "";
  display: table;
  clear: both;
}

@media screen and (max-width: 767px) {
  .componentHeader .headerButtonGroup {
    display: inline-block;
    padding-top: 0px;
  }

  .componentHeader .headerButtonGroup > * {
    width: 134px;
    display: inline;
    float: left;
    font-size: 18px;
  }

  .componentHeader .headerButtonGroup .buttonRaiseFunds,
  .componentHeader .headerButtonGroup .buttonDashboardDonate {
    display: none;
  }

  .componentHeader .headerButtonGroup .buttonDonate {
    color: #FFF;
    margin-left: 5px;
  }

  .componentHeader .headerButtonGroup .buttonDonate i {
    font-size: 33px;
    top: 4px;
  }
}

@media screen and (min-width: 768px) {
  .componentHeader .headerButtonGroup {
    clear: right;
    display: inline;
    float: right;
    max-width: 60%;
  }

  .componentHeader .headerButtonGroup > .buttonDonate {
    color: #FFF;
    margin-left: 21px;
  }

  .componentHeader .headerButtonGroup > .buttonDonate i {
    font-size: 33px;
    top: 6px;
  }

  .componentHeader .headerButtonGroup > .buttonDonate:hover {
    background-color: #FFF;
    color: #662d90;
  }

  .componentHeader .headerButtonGroup > .buttonDonate:hover i {
    color: #662d90;
  }

  .componentHeader .headerButtonGroup > * {
    font-size: 21px;
  }
}

@media screen and (max-width: 767px) {
  .componentHeader .componentQuickLinks {
    position: absolute;
    top: -20px;
    right: 0;
  }

  .componentHeader .componentQuickLinks .componentCountryDropdown {
    display: none;
  }

  .componentHeader .componentQuickLinks .componentCountryDropdown.loggedIn {
    display: block;
  }
}

@media screen and (min-width: 768px) {
  .componentHeader .componentQuickLinks {
    float: right;
    position: relative;
    top: -20px;
    min-height: 38px;
    min-width: 65px;
  }
}

@media screen and (min-width: 768px) and (max-width: 1110px) {
  .componentHeader .headerContent hgroup {
    padding-left: 30px;
  }
}

.componentImageModal {
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 12;
  top: 0;
  left: 0;
  text-align: center;
}

.componentImageModal .overlay {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background-color: #000;
  opacity: 0.75;
  filter: alpha(opacity=75);
}

.componentImageModal .content {
  display: inline-block;
  position: relative;
  width: auto;
  max-height: 80%;
  max-width: 80%;
  height: 80%;
}

.componentImageModal .content .mediaplayer {
  height: 100%;
  width: 100%;
}

.componentImageModal .content .mediaplayer img {
  max-width: 100%;
  max-height: 100%;
}

@media screen and (max-width: 767px) {
  .componentImageModal .content {
    margin-top: 10%;
    height: auto;
  }
}

@media screen and (min-width: 768px) {
  .componentImageModal .content {
    margin-top: 70px;
    height: 80%;
  }
}

.componentImageModal .close {
  width: 32px;
  height: 32px;
  background-color: #1855b1;
  border: none;
  border-radius: 100%;
  color: #FFF;
  padding: 5px;
  position: absolute;
  top: -16px;
  right: -16px;
  font-size: 17px;
  line-height: 1;
  cursor: pointer;
}

.componentDialog .ui-dialog-title {
  color: white;
  font-family: "omnes-pro", "omnesmedium", Arial, Helvetica, sans-serif;
  font-size: 23px;
  text-transform: capitalize;
}

.componentDialog .ui-button-text {
  display: none;
}

.componentDialog .ui-dialog-titlebar-close {
  background-color: transparent;
  border: none;
  display: inline-block;
  overflow: hidden;
  background-repeat: no-repeat;
  color: white;
  font-size: 25px;
}

@media screen and (max-width: 767px) {
  .componentDialog .ui-dialog-titlebar-close {
    background-image: url("../images/mobilesprites.png");
  }
}

@media screen and (min-width: 768px) {
  .componentDialog .ui-dialog-titlebar-close {
    background-image: url("../images/sprites.png");
  }
}

.componentDialog .ui-dialog-titlebar {
  background: #2e94de;
  padding: 15px 15px 15px 20px;
}

.componentDialog .ui-dialog-content {
  background: white;
  padding: 20px;
}

.componentDialog .action {
  border: none;
  padding: 0;
  background-color: #2754b8;
  border-radius: 5px;
  color: white;
  cursor: pointer;
  font-family: "omnes-pro", "omnesmedium", Arial, Helvetica, sans-serif;
  font-size: 16px;
  font-style: normal;
  line-height: 1;
  outline: none;
  padding: 8px 20px;
  text-align: center;
}

.componentDialog .action:disabled,
.componentDialog .action:disabled:hover {
  background: #beccea;
}

.componentDialog .action:hover {
  background-color: #1E428F;
}

@media screen and (min-width: 768px) {
  .componentDialog {
    min-width: 430px;
  }
}

@media screen and (max-width: 767px) {
  .componentDialog {
    min-width: 0px !important;
    max-width: 95%;
  }

  .componentDialog p > * {
    display: block;
    clear: both;
    width: 100%;
  }

  .componentDialog p > span {
    padding-top: 10px;
  }
}

.componentImageRadioGroup {
  text-align: left;
}

.componentImageRadioGroup .groupLabel {
  color: #333;
  font-family: "omnes-pro", "omnesmedium", Arial, Helvetica, sans-serif;
  font-weight: 600;
  font-style: italic;
  font-size: 25px;
}

.componentImageRadioGroup .groupContainer {
  display: inline-block;
}

.componentImageRadioGroup .groupContainer > * {
  display: inline-block;
  cursor: pointer;
}

.componentImageRadioGroup label > input {
  /* HIDE RADIO */
  display: none;
}

.componentImageRadioGroup label > input + img {
  /* IMAGE STYLES */
  cursor: pointer;
  border-radius: 50%;
  border: 4px solid transparent;
  padding: 4px;
}

.componentImageRadioGroup label > input:checked + img {
  /* (CHECKED) IMAGE STYLES */
  border: 4px solid #92c700;
}

@media screen and (max-width: 767px) {
  .componentImageRadioGroup:after {
    content: "";
    display: table;
    clear: both;
  }

  .componentImageRadioGroup > * {
    float: left;
  }

  .componentImageRadioGroup .groupContainer {
    width: 54%;
    margin-left: 5%;
    margin-right: 5%;
  }

  .componentImageRadioGroup .groupContainer > * {
    width: 100%;
  }
}

.no-smil .componentImageRadioGroup label > input {
  /* SHOW RADIO */
  display: inline-block !important;
}

.componentListGroup {
  border: 2px solid #5b80a6;
  border-radius: 5px;
}

.componentListGroup a {
  display: block;
  color: #FFF;
  text-decoration: none;
  border-top: 2px solid #5b80a6;
  padding: 17px;
  font-size: 16px;
}

.componentListGroup a:first-child {
  border-top: none;
}

@media screen and (max-width: 767px) {
  .componentMainContent {
    background-color: #FFF;
  }
}

@media screen and (min-width: 768px) {
  .componentMainContent {
    background-color: #f5f5ee;
  }
}

.componentMainContent > .contentContainer {
  padding-left: 15px;
  padding-right: 15px;
  text-align: center;
}

@media screen and (min-width: 768px) {
  .componentMainContent > .contentContainer {
    max-width: 805px;
    margin-left: auto;
    margin-right: auto;
  }
}

@media screen and (max-width: 767px) {
  .componentMainContent > .contentContainer {
    padding-bottom: 35px;
  }

  .componentMainContent > .contentContainer p,
  .componentMainContent > .contentContainer td,
  .componentMainContent > .contentContainer li {
    color: #444;
    font-size: 18px;
  }

  .componentMainContent > .contentContainer p a,
  .componentMainContent > .contentContainer td a,
  .componentMainContent > .contentContainer li a {
    color: #444;
  }

  .componentMainContent > .contentContainer li {
    line-height: 1.4em;
  }

  .componentMainContent > .contentContainer p {
    margin-top: 0;
    line-height: 1.4em;
  }

  .componentMainContent > .contentContainer h1,
  .componentMainContent > .contentContainer h2,
  .componentMainContent > .contentContainer h3,
  .componentMainContent > .contentContainer h4,
  .componentMainContent > .contentContainer h5,
  .componentMainContent > .contentContainer h6 {
    margin-top: 0;
  }

  .componentMainContent > .contentContainer h2 {
    font-size: 35px;
  }
}

@media screen and (min-width: 768px) {
  .componentMainContent > .contentContainer {
    padding-bottom: 90px;
  }

  .componentMainContent > .contentContainer p,
  .componentMainContent > .contentContainer td,
  .componentMainContent > .contentContainer li {
    color: #444;
    font-size: 26px;
  }

  .componentMainContent > .contentContainer p a,
  .componentMainContent > .contentContainer td a,
  .componentMainContent > .contentContainer li a {
    color: #444;
  }

  .componentMainContent > .contentContainer li {
    line-height: 1.4em;
  }

  .componentMainContent > .contentContainer p {
    margin-top: 0;
    line-height: 1.4em;
  }

  .componentMainContent > .contentContainer h1,
  .componentMainContent > .contentContainer h2,
  .componentMainContent > .contentContainer h3,
  .componentMainContent > .contentContainer h4,
  .componentMainContent > .contentContainer h5,
  .componentMainContent > .contentContainer h6 {
    margin-top: 0;
  }

  .componentMainContent > .contentContainer h2 {
    font-size: 35px;
  }
}

@media screen and (max-width: 767px) {
  .componentMainContent .contentLabelButtonGroup {
    display: block;
    border-top: 2px solid #99d4ff;
    padding-top: 15px;
    padding-bottom: 40px;
  }

  .componentMainContent .contentLabelButtonGroup > * {
    text-align: center;
  }

  .componentMainContent .contentLabelButtonGroup > span {
    display: block;
    color: #2e94de;
    text-transform: uppercase;
    margin-bottom: 15px;
    font-size: 19px;
    font-family: "tradegothicoblique", Arial, Helvetica, sans-serif;
    letter-spacing: 2px;
  }

  .componentMainContent .contentLabelButtonGroup a {
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    position: relative;
    border-radius: 5px;
    background-color: #1855b1;
    font-family: "omnes-pro", "omnesmedium", Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-style: italic;
    padding-top: 12px;
    padding-bottom: 14px;
    padding-left: 18px;
    padding-right: 18px;
    text-decoration: none;
    width: 100%;
    position: relative;
    padding-right: 38px;
  }

  .componentMainContent .contentLabelButtonGroup a > span {
    font-size: 29px;
  }

  .componentMainContent .contentLabelButtonGroup a > i {
    position: absolute;
    top: 2px;
    right: 14px;
    font-size: 49px;
  }

  .componentMainContent .contentLabelButtonGroup a > * {
    color: #FFF;
  }
}

@media screen and (min-width: 768px) {
  .componentMainContent .contentLabelButtonGroup {
    display: inline-block;
    border-radius: 7px;
    overflow: hidden;
    margin-top: 50px;
    margin-bottom: 50px;
  }

  .componentMainContent .contentLabelButtonGroup:after {
    content: "";
    display: table;
    clear: both;
  }

  .componentMainContent .contentLabelButtonGroup > * {
    display: inline;
    float: left;
    height: 100%;
    min-width: 220px;
  }

  .componentMainContent .contentLabelButtonGroup a {
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    background-color: #1855b1;
    color: #FFF;
    text-decoration: none;
    font-family: "omnes-pro", "omnesmedium", Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-style: italic;
    text-align: left;
  }

  .componentMainContent .contentLabelButtonGroup a i {
    position: absolute;
    right: 22px;
    font-size: 52px;
    line-height: 0.6;
    top: 11px;
  }

  .componentMainContent .contentLabelButtonGroup .buttonLabel {
    font-family: "tradegothic", Arial, Helvetica, sans-serif;
    font-size: 22px;
    padding: 19px 10px;
    text-transform: uppercase;
    max-width: 250px;
  }

  .componentMainContent .contentLabelButtonGroup a {
    padding: 8px 60px 8px 37px;
    font-size: 37px;
  }

  .componentMainContent .contentLabelButtonGroup a:hover {
    background-color: #FFF;
    color: #1855b1;
  }

  .componentMainContent .contentLabelButtonGroup .buttonLabel {
    background-color: #99d4ff;
    color: #2754b8;
  }
}

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

.componentModal {
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 60;
  top: 0;
  left: 0;
  text-align: center;
}

.componentModal .overlay {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background-color: #000;
  opacity: 0.75;
  filter: alpha(opacity=75);
}

.componentModal .content {
  display: inline-block;
  position: relative;
  width: 600px;
  max-height: 80%;
  max-width: 80%;
}

@media screen and (max-width: 767px) {
  .componentModal .content {
    margin-top: 10%;
    height: 300px;
  }
}

@media screen and (min-width: 768px) {
  .componentModal .content {
    margin-top: 70px;
    height: 400px;
  }
}

.componentModal .close {
  width: 32px;
  height: 32px;
  background-color: #1855b1;
  border: none;
  border-radius: 100%;
  color: #FFF;
  padding: 5px;
  position: absolute;
  top: -16px;
  right: -16px;
  font-size: 17px;
  line-height: 1;
  cursor: pointer;
}

.componentDialog .ui-dialog-title {
  color: white;
  font-family: "omnes-pro", "omnesmedium", Arial, Helvetica, sans-serif;
  font-size: 23px;
  text-transform: capitalize;
}

.componentDialog .ui-button-text {
  display: none;
}

.componentDialog .ui-dialog-titlebar-close {
  background-color: transparent;
  border: none;
  display: inline-block;
  overflow: hidden;
  background-repeat: no-repeat;
  color: white;
  display: inline-block;
  font-size: 25px;
}

@media screen and (max-width: 767px) {
  .componentDialog .ui-dialog-titlebar-close {
    background-image: url("../images/mobilesprites.png");
  }
}

@media screen and (min-width: 768px) {
  .componentDialog .ui-dialog-titlebar-close {
    background-image: url("../images/sprites.png");
  }
}

.componentDialog .ui-dialog-titlebar {
  background: #2e94de;
  padding: 15px 15px 15px 20px;
}

.componentDialog .ui-dialog-content {
  background: white;
  padding: 20px;
}

.componentDialog .action {
  border: none;
  padding: 0;
  background-color: #2754b8;
  border-radius: 5px;
  color: white;
  cursor: pointer;
  font-family: "omnes-pro", "omnesmedium", Arial, Helvetica, sans-serif;
  font-size: 16px;
  font-style: normal;
  line-height: 1;
  outline: none;
  padding: 8px 20px;
  text-align: center;
}

.componentDialog .action:disabled,
.componentDialog .action:disabled:hover {
  background: #beccea;
}

.componentDialog .action:hover {
  background-color: #1E428F;
}

@media screen and (min-width: 768px) {
  .componentDialog {
    min-width: 430px;
  }
}

@media screen and (max-width: 767px) {
  .componentDialog {
    min-width: 0px !important;
    max-width: 95%;
  }

  .componentDialog p > * {
    display: block;
    clear: both;
    width: 100%;
  }

  .componentDialog p > span {
    padding-top: 10px;
  }
}

.componentImageUpload p:after,
.componentConfirm p:after {
  content: "";
  display: table;
  clear: both;
}

.componentImageUpload p span,
.componentConfirm p span {
  font-size: 15px;
  padding-left: 10px;
}

.componentImageUpload p input[type="file"],
.componentConfirm p input[type="file"] {
  display: none;
}

.componentImageUpload .comment::-webkit-input-placeholder,
.componentConfirm .comment::-webkit-input-placeholder {
  font-style: italic;
}

.componentImageUpload .comment::-moz-placeholder,
.componentConfirm .comment::-moz-placeholder {
  font-style: italic;
}

.componentImageUpload .comment:-moz-placeholder,
.componentConfirm .comment:-moz-placeholder {
  font-style: italic;
}

.componentImageUpload .comment:-ms-input-placeholder,
.componentConfirm .comment:-ms-input-placeholder {
  font-style: italic;
}

.componentImageUpload .progressBar,
.componentImageUpload .fileIndicator,
.componentConfirm .progressBar,
.componentConfirm .fileIndicator {
  display: none;
}

.componentImageUpload.ieMode,
.componentConfirm.ieMode {
  background: white !important;
}

.componentImageUpload.ieMode p:after,
.componentConfirm.ieMode p:after {
  content: "";
  display: table;
  clear: both;
}

.componentImageUpload.ieMode p span:after,
.componentConfirm.ieMode p span:after {
  content: "";
  display: table;
  clear: both;
}

.componentImageUpload.ieMode p .fileBtn,
.componentConfirm.ieMode p .fileBtn {
  display: none;
}

.componentImageUpload.ieMode p input[type="file"],
.componentConfirm.ieMode p input[type="file"] {
  display: block;
  margin-top: 10px;
}

.componentMyTeamInvite {
  border: 2px solid #6DB4E8;
  border-radius: 7px;
  padding: 105px 35px 45px 35px;
  margin-bottom: 22px;
  position: relative;
}

.componentMyTeamInvite div {
  position: relative;
}

.componentMyTeamInvite div:after {
  content: "";
  display: table;
  clear: both;
}

.componentMyTeamInvite .groupFields {
  margin-bottom: 45px;
}

.componentMyTeamInvite .groupFields > span {
  display: inline-block;
  padding-top: 11px;
  padding-left: 0px;
  padding-bottom: 11px;
  padding-right: 11px;
  margin-right: 5px;
}

.componentMyTeamInvite .groupFields > span:first-child {
  padding-left: 11px;
}

.componentMyTeamInvite .groupFields span.paid {
  font-size: 14px;
  display: inline-block;
  background: #3d8928;
  color: #ffffff;
  border-radius: 6px;
  text-decoration: none;
  text-transform: uppercase;
  padding: 5px 12px;
}

.componentMyTeamInvite .groupFields span.paid i {
  color: #92c700;
  padding-left: 10px;
}

.componentMyTeamInvite .groupFields span.captain {
  font-size: 14px;
  display: inline-block;
  background: #1855b1;
  color: #ffffff;
  border-radius: 6px;
  text-decoration: none;
  text-transform: uppercase;
  padding: 5px 12px;
}

.componentMyTeamInvite .groupActions {
  font-size: 15px;
  float: right;
}

.componentMyTeamInvite .groupActions a {
  margin-top: 7px;
  margin-bottom: 7px;
}

.componentMyTeamInvite .field {
  float: left;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 5px;
}

.componentMyTeamInvite .firstname {
  width: 150px;
}

.componentMyTeamInvite .lastname {
  width: 150px;
}

.componentMyTeamInvite .email {
  width: 220px;
}

.componentMyTeamInvite .payfor {
  width: 260px;
  padding-top: 5px;
  padding-bottom: 5px;
}

.componentMyTeamInvite .payfor label {
  padding: 5px;
}

.componentMyTeamInvite .buttonInfo {
  margin: 10px 0px;
}

.componentMyTeamInvite .groupNumber {
  font-family: "tradegothicoblique", Arial, Helvetica, sans-serif;
  display: inline-block;
  border-radius: 100%;
  border: 2px solid #6DB4E8;
  text-align: left;
  text-indent: 6px;
  color: #2754b8;
  float: left;
  margin-right: 10px;
}

@media screen and (max-width: 767px) {
  .componentMyTeamInvite .groupNumber {
    width: 33px;
    height: 33px;
    font-size: 21px;
    padding: 3px;
  }
}

@media screen and (min-width: 768px) {
  .componentMyTeamInvite .groupNumber {
    width: 43px;
    height: 43px;
    font-size: 28px;
    padding: 5px;
  }
}

.componentMyTeamInvite .checkbox {
  border: 1px solid #A9AD99;
  padding: 5px;
  border-radius: 5px;
}

.componentMyTeamInvite .checkbox:after {
  content: "";
  display: table;
  clear: both;
}

.componentMyTeamInvite .checkbox > input {
  display: inline-block;
  float: left;
  max-width: 15%;
  margin-top: 3px;
  margin-left: 0;
  margin-right: 0;
}

.componentMyTeamInvite .checkbox > span {
  display: inline-block;
  float: left;
  margin-left: 5%;
  width: 80%;
}

.componentMyTeamInvite .actions {
  margin-top: 20px;
}

.componentMyTeamInvite .inviteLink {
  clear: both;
  text-align: right;
  display: none;
}

.componentMyTeamInvite .groupActions label {
  margin-bottom: 5px;
}

@media screen and (min-width: 768px) {
  .componentMyTeamInvite .rowInvited .groupActions {
    float: none;
    margin-left: 64px;
  }
}

@media screen and (max-width: 767px) {
  .componentMyTeamInvite {
    padding-left: 20px;
    padding-right: 20px;
  }

  .componentMyTeamInvite .rowEmpty {
    position: relative;
  }

  .componentMyTeamInvite .rowEmpty .field {
    float: none;
    width: 100%;
    margin-bottom: 5px;
  }

  .componentMyTeamInvite .rowEmpty .groupNumber {
    position: absolute;
    top: 0px;
    left: 0px;
  }

  .componentMyTeamInvite .rowEmpty .groupFields {
    padding-left: 53px;
  }

  .componentMyTeamInvite .groupActions {
    float: none;
  }

  .componentMyTeamInvite .buttonInfo {
    float: right;
  }

  .componentMyTeamInvite .inviteLink {
    text-align: left;
    word-wrap: break-word;
    word-break: break-all;
  }
}

.collectionMyTeam .contentContainer .componentMyTeamTarget {
  border: 2px solid #6DB4E8;
  border-radius: 7px;
  padding: 45px 35px 45px 35px;
  margin-bottom: 60px;
}

.collectionMyTeam .contentContainer .componentMyTeamTarget h2 {
  font-family: "tradegothicoblique", Arial, Helvetica, sans-serif;
  color: #2754b8;
}

.collectionMyTeam .contentContainer .componentMyTeamTarget .field label {
  display: inline-block;
  width: auto;
  min-width: 120px;
  max-width: 200px;
  margin-right: 35px;
}

.collectionMyTeam .contentContainer .componentMyTeamTarget .field input {
  display: inline-block;
  width: auto;
  max-width: 170px;
}

.collectionMyTeam .contentContainer .componentMyTeamTarget .team_name .field label {
  font-weight: bold;
  font-size: 20px;
}

.collectionMyTeam .contentContainer .componentMyTeamTarget .actions {
  clear: both;
}

.componentNarrative .if {
  display: none !important;
}

.componentNarrative .if-not {
  display: inherit !important;
}

.componentNarrative .missed-choice {
  display: inherit !important;
}

.componentNarrative.choice-1A .if-1A {
  display: inherit !important;
}

.componentNarrative.choice-1A .if-not-1A {
  display: none !important;
}

.componentNarrative.choice-1A .choices-1 a.choice {
  display: none;
  pointer-events: none;
}

.componentNarrative.choice-1A .choices-1 br {
  display: none;
}

.componentNarrative.choice-1A .choices-1 a.choice[data-choice="A"] {
  display: block !important;
}

.componentNarrative.choice-1A .missed-choice-1 {
  display: none !important;
}

.componentNarrative.choice-1B .if-1B {
  display: inherit !important;
}

.componentNarrative.choice-1B .if-not-1B {
  display: none !important;
}

.componentNarrative.choice-1B .choices-1 a.choice {
  display: none;
  pointer-events: none;
}

.componentNarrative.choice-1B .choices-1 br {
  display: none;
}

.componentNarrative.choice-1B .choices-1 a.choice[data-choice="B"] {
  display: block !important;
}

.componentNarrative.choice-1B .missed-choice-1 {
  display: none !important;
}

.componentNarrative.choice-1C .if-1C {
  display: inherit !important;
}

.componentNarrative.choice-1C .if-not-1C {
  display: none !important;
}

.componentNarrative.choice-1C .choices-1 a.choice {
  display: none;
  pointer-events: none;
}

.componentNarrative.choice-1C .choices-1 br {
  display: none;
}

.componentNarrative.choice-1C .choices-1 a.choice[data-choice="C"] {
  display: block !important;
}

.componentNarrative.choice-1C .missed-choice-1 {
  display: none !important;
}

.componentNarrative.choice-2A .if-2A {
  display: inherit !important;
}

.componentNarrative.choice-2A .if-not-2A {
  display: none !important;
}

.componentNarrative.choice-2A .choices-2 a.choice {
  display: none;
  pointer-events: none;
}

.componentNarrative.choice-2A .choices-2 br {
  display: none;
}

.componentNarrative.choice-2A .choices-2 a.choice[data-choice="A"] {
  display: block !important;
}

.componentNarrative.choice-2A .missed-choice-2 {
  display: none !important;
}

.componentNarrative.choice-2B .if-2B {
  display: inherit !important;
}

.componentNarrative.choice-2B .if-not-2B {
  display: none !important;
}

.componentNarrative.choice-2B .choices-2 a.choice {
  display: none;
  pointer-events: none;
}

.componentNarrative.choice-2B .choices-2 br {
  display: none;
}

.componentNarrative.choice-2B .choices-2 a.choice[data-choice="B"] {
  display: block !important;
}

.componentNarrative.choice-2B .missed-choice-2 {
  display: none !important;
}

.componentNarrative.choice-2C .if-2C {
  display: inherit !important;
}

.componentNarrative.choice-2C .if-not-2C {
  display: none !important;
}

.componentNarrative.choice-2C .choices-2 a.choice {
  display: none;
  pointer-events: none;
}

.componentNarrative.choice-2C .choices-2 br {
  display: none;
}

.componentNarrative.choice-2C .choices-2 a.choice[data-choice="C"] {
  display: block !important;
}

.componentNarrative.choice-2C .missed-choice-2 {
  display: none !important;
}

.componentNarrative.choice-3A .if-3A {
  display: inherit !important;
}

.componentNarrative.choice-3A .if-not-3A {
  display: none !important;
}

.componentNarrative.choice-3A .choices-3 a.choice {
  display: none;
  pointer-events: none;
}

.componentNarrative.choice-3A .choices-3 br {
  display: none;
}

.componentNarrative.choice-3A .choices-3 a.choice[data-choice="A"] {
  display: block !important;
}

.componentNarrative.choice-3A .missed-choice-3 {
  display: none !important;
}

.componentNarrative.choice-3B .if-3B {
  display: inherit !important;
}

.componentNarrative.choice-3B .if-not-3B {
  display: none !important;
}

.componentNarrative.choice-3B .choices-3 a.choice {
  display: none;
  pointer-events: none;
}

.componentNarrative.choice-3B .choices-3 br {
  display: none;
}

.componentNarrative.choice-3B .choices-3 a.choice[data-choice="B"] {
  display: block !important;
}

.componentNarrative.choice-3B .missed-choice-3 {
  display: none !important;
}

.componentNarrative.choice-3C .if-3C {
  display: inherit !important;
}

.componentNarrative.choice-3C .if-not-3C {
  display: none !important;
}

.componentNarrative.choice-3C .choices-3 a.choice {
  display: none;
  pointer-events: none;
}

.componentNarrative.choice-3C .choices-3 br {
  display: none;
}

.componentNarrative.choice-3C .choices-3 a.choice[data-choice="C"] {
  display: block !important;
}

.componentNarrative.choice-3C .missed-choice-3 {
  display: none !important;
}

.componentNarrative.choice-4A .if-4A {
  display: inherit !important;
}

.componentNarrative.choice-4A .if-not-4A {
  display: none !important;
}

.componentNarrative.choice-4A .choices-4 a.choice {
  display: none;
  pointer-events: none;
}

.componentNarrative.choice-4A .choices-4 br {
  display: none;
}

.componentNarrative.choice-4A .choices-4 a.choice[data-choice="A"] {
  display: block !important;
}

.componentNarrative.choice-4A .missed-choice-4 {
  display: none !important;
}

.componentNarrative.choice-4B .if-4B {
  display: inherit !important;
}

.componentNarrative.choice-4B .if-not-4B {
  display: none !important;
}

.componentNarrative.choice-4B .choices-4 a.choice {
  display: none;
  pointer-events: none;
}

.componentNarrative.choice-4B .choices-4 br {
  display: none;
}

.componentNarrative.choice-4B .choices-4 a.choice[data-choice="B"] {
  display: block !important;
}

.componentNarrative.choice-4B .missed-choice-4 {
  display: none !important;
}

.componentNarrative.choice-4C .if-4C {
  display: inherit !important;
}

.componentNarrative.choice-4C .if-not-4C {
  display: none !important;
}

.componentNarrative.choice-4C .choices-4 a.choice {
  display: none;
  pointer-events: none;
}

.componentNarrative.choice-4C .choices-4 br {
  display: none;
}

.componentNarrative.choice-4C .choices-4 a.choice[data-choice="C"] {
  display: block !important;
}

.componentNarrative.choice-4C .missed-choice-4 {
  display: none !important;
}

.componentNarrative.choice-5A .if-5A {
  display: inherit !important;
}

.componentNarrative.choice-5A .if-not-5A {
  display: none !important;
}

.componentNarrative.choice-5A .choices-5 a.choice {
  display: none;
  pointer-events: none;
}

.componentNarrative.choice-5A .choices-5 br {
  display: none;
}

.componentNarrative.choice-5A .choices-5 a.choice[data-choice="A"] {
  display: block !important;
}

.componentNarrative.choice-5A .missed-choice-5 {
  display: none !important;
}

.componentNarrative.choice-5B .if-5B {
  display: inherit !important;
}

.componentNarrative.choice-5B .if-not-5B {
  display: none !important;
}

.componentNarrative.choice-5B .choices-5 a.choice {
  display: none;
  pointer-events: none;
}

.componentNarrative.choice-5B .choices-5 br {
  display: none;
}

.componentNarrative.choice-5B .choices-5 a.choice[data-choice="B"] {
  display: block !important;
}

.componentNarrative.choice-5B .missed-choice-5 {
  display: none !important;
}

.componentNarrative.choice-5C .if-5C {
  display: inherit !important;
}

.componentNarrative.choice-5C .if-not-5C {
  display: none !important;
}

.componentNarrative.choice-5C .choices-5 a.choice {
  display: none;
  pointer-events: none;
}

.componentNarrative.choice-5C .choices-5 br {
  display: none;
}

.componentNarrative.choice-5C .choices-5 a.choice[data-choice="C"] {
  display: block !important;
}

.componentNarrative.choice-5C .missed-choice-5 {
  display: none !important;
}

.componentNarrative.choice-6A .if-6A {
  display: inherit !important;
}

.componentNarrative.choice-6A .if-not-6A {
  display: none !important;
}

.componentNarrative.choice-6A .choices-6 a.choice {
  display: none;
  pointer-events: none;
}

.componentNarrative.choice-6A .choices-6 br {
  display: none;
}

.componentNarrative.choice-6A .choices-6 a.choice[data-choice="A"] {
  display: block !important;
}

.componentNarrative.choice-6A .missed-choice-6 {
  display: none !important;
}

.componentNarrative.choice-6B .if-6B {
  display: inherit !important;
}

.componentNarrative.choice-6B .if-not-6B {
  display: none !important;
}

.componentNarrative.choice-6B .choices-6 a.choice {
  display: none;
  pointer-events: none;
}

.componentNarrative.choice-6B .choices-6 br {
  display: none;
}

.componentNarrative.choice-6B .choices-6 a.choice[data-choice="B"] {
  display: block !important;
}

.componentNarrative.choice-6B .missed-choice-6 {
  display: none !important;
}

.componentNarrative.choice-6C .if-6C {
  display: inherit !important;
}

.componentNarrative.choice-6C .if-not-6C {
  display: none !important;
}

.componentNarrative.choice-6C .choices-6 a.choice {
  display: none;
  pointer-events: none;
}

.componentNarrative.choice-6C .choices-6 br {
  display: none;
}

.componentNarrative.choice-6C .choices-6 a.choice[data-choice="C"] {
  display: block !important;
}

.componentNarrative.choice-6C .missed-choice-6 {
  display: none !important;
}

.componentNarrative.choice-7A .if-7A {
  display: inherit !important;
}

.componentNarrative.choice-7A .if-not-7A {
  display: none !important;
}

.componentNarrative.choice-7A .choices-7 a.choice {
  display: none;
  pointer-events: none;
}

.componentNarrative.choice-7A .choices-7 br {
  display: none;
}

.componentNarrative.choice-7A .choices-7 a.choice[data-choice="A"] {
  display: block !important;
}

.componentNarrative.choice-7A .missed-choice-7 {
  display: none !important;
}

.componentNarrative.choice-7B .if-7B {
  display: inherit !important;
}

.componentNarrative.choice-7B .if-not-7B {
  display: none !important;
}

.componentNarrative.choice-7B .choices-7 a.choice {
  display: none;
  pointer-events: none;
}

.componentNarrative.choice-7B .choices-7 br {
  display: none;
}

.componentNarrative.choice-7B .choices-7 a.choice[data-choice="B"] {
  display: block !important;
}

.componentNarrative.choice-7B .missed-choice-7 {
  display: none !important;
}

.componentNarrative.choice-7C .if-7C {
  display: inherit !important;
}

.componentNarrative.choice-7C .if-not-7C {
  display: none !important;
}

.componentNarrative.choice-7C .choices-7 a.choice {
  display: none;
  pointer-events: none;
}

.componentNarrative.choice-7C .choices-7 br {
  display: none;
}

.componentNarrative.choice-7C .choices-7 a.choice[data-choice="C"] {
  display: block !important;
}

.componentNarrative.choice-7C .missed-choice-7 {
  display: none !important;
}

.componentNavigation {
  top: 0;
  left: 0;
  z-index: 9;
}

.componentNavigation .navigationTriggerContainer {
  position: relative;
  z-index: 11;
  padding: 18px 23px;
}

.componentNavigation .donateContainer {
  margin-top: 30px;
}

.componentNavigation .donateContainer a {
  width: 100%;
  color: #FFF;
  font-size: 21px;
}

.componentNavigation .donateContainer a:after {
  content: "";
  display: table;
  clear: both;
}

.componentNavigation .donateContainer a:hover {
  background-color: #FFF;
  color: #662d90;
}

.componentNavigation .donateContainer a:hover i {
  color: #662d90;
}

.componentNavigation .donateContainer a > span {
  float: left;
}

.componentNavigation .donateContainer a > i {
  font-size: 34px;
  top: 6px;
}

@media screen and (max-width: 959px) {
  .componentNavigation .donateContainer {
    margin-left: 15px;
    margin-right: 15px;
  }
}

@media screen and (min-width: 960px) {
  .componentNavigation .donateContainer {
    margin-left: 35px;
    margin-right: 35px;
  }
}

.componentNavigation.passive {
  position: absolute;
}

.componentNavigation.passive .menuButton i {
  top: 4px;
  background-image: url("../images/menu.png");
  background-size: contain;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .componentNavigation.passive .menuButton i {
    background-image: url("../images/menumobile_2x.png");
    background-size: 100%;
  }
}

.componentNavigation.passive .navigationLinksContainer {
  overflow-x: hidden;
}

@media screen and (max-width: 767px) {
  .componentNavigation.passive .navigationLinksContainer {
    left: -100%;
  }
}

@media screen and (min-width: 768px) {
  .componentNavigation.passive .navigationLinksContainer {
    left: -300px;
  }
}

.componentNavigation.active {
  position: fixed;
}

.componentNavigation.active .menuButton {
  width: 100%;
  text-align: left;
}

.componentNavigation.active .menuButton i {
  background-image: url("../images/navCloseButton.gif");
  background-size: contain;
}

.componentNavigation.active .menuButton span {
  display: none;
}

.componentNavigation.active .navigationTriggerContainer {
  -webkit-transition: background-color 0.1s ease-in 0.3s;
  -moz-transition: background-color 0.1s ease-in 0.3s;
  transition: background-color 0.1s ease-in 0.3s;
  width: 100%;
  background-color: #1d2c4d;
}

.componentNavigation.active .navigationLinksContainer {
  overflow-x: hidden;
  -webkit-animation-duration: 0.2s;
  -moz-animation-duration: 0.2s;
  animation-duration: 0.2s;
  -webkit-animation-timing-function: ease-in;
  -moz-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  animation-fill-mode: both;
  left: 0;
}

@media screen and (max-width: 767px) {
  .componentNavigation.active .navigationLinksContainer {
    -webkit-animation-name: navigation-transition-in-mobile;
    -moz-animation-name: navigation-transition-in-mobile;
    animation-name: navigation-transition-in-mobile;
  }
}

@media screen and (min-width: 768px) {
  .componentNavigation.active .navigationLinksContainer {
    -webkit-animation-name: navigation-transition-in-desktop;
    -moz-animation-name: navigation-transition-in-desktop;
    animation-name: navigation-transition-in-desktop;
  }
}

.componentNavigation.active + .componentOverlayNavigation {
  opacity: 0.3;
  filter: alpha(opacity=30);
  background-color: #000;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 8;
}

@media screen and (max-width: 767px) {
  .componentNavigation.active {
    width: 100%;
  }
}

@media screen and (min-width: 768px) {
  .componentNavigation.active {
    width: 300px;
  }
}

.componentNavigation .linksListEventSiteContainer {
  background-color: #2e94de;
  margin-bottom: 15px;
}

.componentNavigation .navigationLinksContainer {
  position: fixed;
  top: 0;
  z-index: 9;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.5);
  background-color: #1d2c4d;
  overflow: auto;
  -webkit-animation-duration: 0.3s;
  -moz-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-timing-function: ease-in;
  -moz-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  animation-fill-mode: both;
}

@media screen and (max-width: 767px) {
  .componentNavigation .navigationLinksContainer {
    -webkit-animation-name: navigation-transition-out-mobile;
    -moz-animation-name: navigation-transition-out-mobile;
    animation-name: navigation-transition-out-mobile;
    -webkit-animation-delay: 0.12s;
    -moz-animation-delay: 0.12s;
    animation-delay: 0.12s;
    width: 100%;
    padding-top: 55px;
    padding-bottom: 45%;
    height: 120%;
  }
}

@media screen and (min-width: 768px) {
  .componentNavigation .navigationLinksContainer {
    -webkit-animation-name: navigation-transition-out-desktop;
    -moz-animation-name: navigation-transition-out-desktop;
    animation-name: navigation-transition-out-desktop;
    height: 100%;
    width: 300px;
    max-width: 300px;
    padding-top: 77px;
    padding-bottom: 30px;
  }
}

.componentNavigation .navigationLinksContainer .buttonSkip {
  background-color: transparent;
  color: #FFF;
  width: 100%;
  border: none;
  font-size: 15px;
  text-align: left;
}

.componentNavigation .navigationLinksContainer .linksList a {
  display: block;
  font-family: "omnes-pro", "omnesmedium", Arial, Helvetica, sans-serif;
  font-size: 18px;
  text-decoration: none;
  color: #FFF;
}

@media screen and (max-width: 767px) {
  .componentNavigation .navigationLinksContainer .buttonSkip,
  .componentNavigation .navigationLinksContainer .linksList a {
    padding: 14px 15px;
  }
}

@media screen and (min-width: 768px) {
  .componentNavigation .navigationLinksContainer .buttonSkip,
  .componentNavigation .navigationLinksContainer .linksList a {
    padding: 14px 35px;
  }
}

.componentNavigation .navigationLinksContainer .buttonSkip:hover,
.componentNavigation .navigationLinksContainer .buttonSkip.current,
.componentNavigation .navigationLinksContainer .linksList > a:hover,
.componentNavigation .navigationLinksContainer .linksList > a.current {
  background-color: #2e94de;
}

.componentNavigation .navigationLinksContainer .linksList .linksListEventSiteContainer > a:hover,
.componentNavigation .navigationLinksContainer .linksList .linksListEventSiteContainer > a.current {
  background-color: #2754b8;
}

.componentNavigation .componentListGroup {
  margin-top: 30px;
}

@media screen and (max-width: 959px) {
  .componentNavigation .componentListGroup {
    margin-left: 15px;
    margin-right: 15px;
  }
}

@media screen and (min-width: 960px) {
  .componentNavigation .componentListGroup {
    margin-left: 35px;
    margin-right: 35px;
  }
}

.componentNavigation .componentListGroup.passive {
  display: none;
}

@media screen and (max-width: 1110px) {
  .componentNavigation.passive .menuButton span {
    display: none;
  }
}

.componentNavigation .linksListMountain {
  display: inline-block;
  overflow: hidden;
  background-repeat: no-repeat;
  display: block;
  margin-top: 21px;
}

@media screen and (max-width: 767px) {
  .componentNavigation .linksListMountain {
    background-image: url("../images/mobilesprites.png");
  }
}

@media screen and (min-width: 768px) {
  .componentNavigation .linksListMountain {
    background-image: url("../images/sprites.png");
  }
}

.componentNavigation .currentCountryTile {
  display: block;
  margin-top: 30px;
  color: #CCC;
}

.componentNavigation .currentCountryTile .countryTileText {
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 16px;
}

@media screen and (max-width: 767px) {
  .componentNavigation .currentCountryTile {
    margin-left: 15px;
    margin-right: 15px;
  }
}

@media screen and (min-width: 768px) {
  .componentNavigation .currentCountryTile {
    margin-left: 35px;
    margin-right: 35px;
  }
}

.componentNavigationAccordion.passive .accordionContent {
  overflow: hidden;
}

.componentNavigationAccordion.active .fa {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}

.country_ny .navigationLinksContainer .componentSubNavigation .componentNavigationAccordion {
  display: none !important;
}

.componentPagination {
  text-align: center;
}

.componentPagination ul {
  list-style-type: none;
  padding-left: 0;
  margin-top: 0;
  margin-bottom: 0;
  display: inline-block;
}

.componentPagination ul li {
  display: inline-block;
  border: 1px solid white;
  border-right-width: 1px;
}

.componentPagination ul li a {
  color: white;
  display: inline-block;
  height: 45px;
  line-height: 45px;
  width: 40px;
  text-align: center;
}

.componentPagination ul li:first-child {
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}

.componentPagination ul li:last-child {
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  border-right-width: 1px;
}

.componentPagination ul li.current {
  background-color: #1855b1;
}

.componentPaymentMethods .paymentOption {
  border: 1px solid #A9AD99;
  padding: 5px;
  border-radius: 5px;
  margin-top: 5px;
}

.componentPaymentMethods .paymentOption:after {
  content: "";
  display: table;
  clear: both;
}

.componentPaymentMethods .paymentOption > input {
  display: inline-block;
  float: left;
  max-width: 15%;
  margin-top: 3px;
  margin-left: 0;
  margin-right: 0;
}

.componentPaymentMethods .paymentOption > span {
  display: inline-block;
  float: left;
  margin-left: 5%;
  width: 80%;
}

@media screen and (max-width: 959px) {
  .componentPaymentMethods .paymentOption {
    width: 100%;
  }
}

@media screen and (min-width: 960px) {
  .componentPaymentMethods .paymentOption {
    white-space: nowrap;
    min-width: 320px;
    margin-right: 5px;
  }
}

.componentPaymentMethods .buttonInfo {
  left: 10px;
}

@media screen and (max-width: 767px) {
  .componentPaymentMethods .buttonInfo {
    top: 120px;
  }
}

@media screen and (max-width: 767px) {
  .collectionDonationForm .componentPaymentMethods .buttonInfo {
    top: 0px;
  }
}

.contentToolsBlock {
  background-color: #f5f5ee;
  padding-top: 35px;
  padding-bottom: 85px;
  text-align: left;
}

.contentToolsBlock:after {
  content: "";
  display: table;
  clear: both;
}

.contentToolsBlock .contentContainer {
  padding-left: 15px;
  padding-right: 15px;
}

@media screen and (min-width: 768px) {
  .contentToolsBlock .contentContainer {
    max-width: 990px;
    margin-left: auto;
    margin-right: auto;
  }
}

.contentToolsBlock .contentContainer img {
  height: auto;
  margin-bottom: 50px;
}

@media screen and (max-width: 767px) {
  .contentToolsBlock .contentContainer img {
    display: block;
    max-width: 100%;
  }
}

@media screen and (min-width: 768px) {
  .contentToolsBlock .contentContainer img.right,
  .contentToolsBlock .contentContainer img.left {
    max-width: 50%;
    display: inline;
  }

  .contentToolsBlock .contentContainer img.left {
    float: left;
    margin-right: 50px;
  }

  .contentToolsBlock .contentContainer img.right {
    float: right;
    margin-left: 50px;
  }
}

@media screen and (max-width: 767px) {
  .contentToolsBlock .contentContainer h1,
  .contentToolsBlock .contentContainer h2,
  .contentToolsBlock .contentContainer h3,
  .contentToolsBlock .contentContainer h4,
  .contentToolsBlock .contentContainer h5,
  .contentToolsBlock .contentContainer h6 {
    clear: both;
    font-family: "omnes-pro", "omnesmedium", Arial, Helvetica, sans-serif;
    font-weight: normal;
  }

  .contentToolsBlock .contentContainer p,
  .contentToolsBlock .contentContainer td,
  .contentToolsBlock .contentContainer li {
    color: #333;
    font-size: 16px;
    line-height: 1.4em;
  }

  .contentToolsBlock .contentContainer p a,
  .contentToolsBlock .contentContainer td a,
  .contentToolsBlock .contentContainer li a {
    color: #333;
  }

  .contentToolsBlock .contentContainer h1 {
    font-size: 32px;
    color: #2e94de;
    font-weight: bold;
    font-style: italic;
  }

  .contentToolsBlock .contentContainer h2 {
    font-size: 27px;
    color: #2e94de;
    text-transform: uppercase;
  }

  .contentToolsBlock .contentContainer h3 {
    font-size: 19px;
    color: #2e94de;
  }

  .contentToolsBlock .contentContainer h4 {
    font-size: 20px;
  }

  .contentToolsBlock .contentContainer h5 {
    font-size: 20px;
  }

  .contentToolsBlock .contentContainer h6 {
    font-size: 20px;
  }

  .contentToolsBlock .contentContainer p {
    margin-top: 0;
  }

  .contentToolsBlock .contentContainer p a {
    color: #333;
    text-decoration: none;
    border-bottom: 2px solid #6ab1e2;
  }

  .contentToolsBlock .contentContainer .button-outline {
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    min-width: 117px;
    border: 2px solid #2e94de;
    color: #2754b8;
    border-radius: 6px;
    text-decoration: none;
    padding: 4px 12px;
  }

  .contentToolsBlock .contentContainer .button-outline:hover {
    background-color: #2e94de;
    border-color: #2e94de;
    color: #FFF;
  }

  .contentToolsBlock .contentContainer .button-arrow {
    position: relative;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    min-width: 117px;
    border: 2px solid #2e94de;
    color: #2e94de;
    border-radius: 6px;
    text-decoration: none;
    padding-top: 7px;
    padding-right: 38px;
    padding-bottom: 7px;
    padding-left: 12px;
  }

  .contentToolsBlock .contentContainer .button-arrow i {
    position: absolute;
    top: -1px;
    right: 10px;
    font-size: 28px;
  }

  .contentToolsBlock .contentContainer .button-arrow:hover {
    background-color: #2e94de;
    border-color: #2e94de;
    color: #FFF;
  }

  .contentToolsBlock .contentContainer .button-arrow-reversed {
    position: relative;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    min-width: 117px;
    border: 2px solid #2e94de;
    color: #2e94de;
    border-radius: 6px;
    text-decoration: none;
    padding-top: 7px;
    padding-left: 38px;
    padding-bottom: 7px;
    padding-right: 12px;
  }

  .contentToolsBlock .contentContainer .button-arrow-reversed i {
    position: absolute;
    top: -1px;
    left: 10px;
    font-size: 28px;
  }

  .contentToolsBlock .contentContainer .button-arrow-reversed:hover {
    background-color: #2e94de;
    border-color: #2e94de;
    color: #FFF;
  }
}

@media screen and (min-width: 768px) {
  .contentToolsBlock .contentContainer h1,
  .contentToolsBlock .contentContainer h2,
  .contentToolsBlock .contentContainer h3,
  .contentToolsBlock .contentContainer h4,
  .contentToolsBlock .contentContainer h5,
  .contentToolsBlock .contentContainer h6 {
    clear: both;
    font-family: "omnes-pro", "omnesmedium", Arial, Helvetica, sans-serif;
    font-weight: normal;
  }

  .contentToolsBlock .contentContainer p,
  .contentToolsBlock .contentContainer td,
  .contentToolsBlock .contentContainer li {
    color: #333;
    font-size: 20px;
    line-height: 1.4em;
  }

  .contentToolsBlock .contentContainer p a,
  .contentToolsBlock .contentContainer td a,
  .contentToolsBlock .contentContainer li a {
    color: #333;
  }

  .contentToolsBlock .contentContainer h1 {
    font-size: 32px;
    color: #2e94de;
    font-weight: bold;
    font-style: italic;
  }

  .contentToolsBlock .contentContainer h2 {
    font-size: 27px;
    color: #2e94de;
    text-transform: uppercase;
  }

  .contentToolsBlock .contentContainer h3 {
    font-size: 19px;
    color: #2e94de;
  }

  .contentToolsBlock .contentContainer h4 {
    font-size: 20px;
  }

  .contentToolsBlock .contentContainer h5 {
    font-size: 20px;
  }

  .contentToolsBlock .contentContainer h6 {
    font-size: 20px;
  }

  .contentToolsBlock .contentContainer p {
    margin-top: 0;
  }

  .contentToolsBlock .contentContainer p a {
    color: #333;
    text-decoration: none;
    border-bottom: 2px solid #6ab1e2;
  }

  .contentToolsBlock .contentContainer .button-outline {
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    min-width: 117px;
    border: 2px solid #2e94de;
    color: #2754b8;
    border-radius: 6px;
    text-decoration: none;
    padding: 4px 12px;
  }

  .contentToolsBlock .contentContainer .button-outline:hover {
    background-color: #2e94de;
    border-color: #2e94de;
    color: #FFF;
  }

  .contentToolsBlock .contentContainer .button-arrow {
    position: relative;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    min-width: 117px;
    border: 2px solid #2e94de;
    color: #2e94de;
    border-radius: 6px;
    text-decoration: none;
    padding-top: 7px;
    padding-right: 38px;
    padding-bottom: 7px;
    padding-left: 12px;
  }

  .contentToolsBlock .contentContainer .button-arrow i {
    position: absolute;
    top: -1px;
    right: 10px;
    font-size: 28px;
  }

  .contentToolsBlock .contentContainer .button-arrow:hover {
    background-color: #2e94de;
    border-color: #2e94de;
    color: #FFF;
  }

  .contentToolsBlock .contentContainer .button-arrow-reversed {
    position: relative;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    min-width: 117px;
    border: 2px solid #2e94de;
    color: #2e94de;
    border-radius: 6px;
    text-decoration: none;
    padding-top: 7px;
    padding-left: 38px;
    padding-bottom: 7px;
    padding-right: 12px;
  }

  .contentToolsBlock .contentContainer .button-arrow-reversed i {
    position: absolute;
    top: -1px;
    left: 10px;
    font-size: 28px;
  }

  .contentToolsBlock .contentContainer .button-arrow-reversed:hover {
    background-color: #2e94de;
    border-color: #2e94de;
    color: #FFF;
  }
}

.contentToolsBlock .contentContainer p:last-child {
  margin-bottom: 0;
}

.contentToolsBlock img {
  height: auto;
  margin-bottom: 50px;
}

@media screen and (max-width: 767px) {
  .contentToolsBlock img {
    display: block;
    max-width: 100%;
  }
}

@media screen and (min-width: 768px) {
  .contentToolsBlock img.right,
  .contentToolsBlock img.left {
    max-width: 50%;
    display: inline;
  }

  .contentToolsBlock img.left {
    float: left;
    margin-right: 50px;
  }

  .contentToolsBlock img.right {
    float: right;
    margin-left: 50px;
  }
}

@media screen and (max-width: 767px) {
  .contentToolsBlock h1,
  .contentToolsBlock h2,
  .contentToolsBlock h3,
  .contentToolsBlock h4,
  .contentToolsBlock h5,
  .contentToolsBlock h6 {
    clear: both;
    font-family: "omnes-pro", "omnesmedium", Arial, Helvetica, sans-serif;
    font-weight: normal;
  }

  .contentToolsBlock p,
  .contentToolsBlock td,
  .contentToolsBlock li {
    color: #333;
    font-size: 16px;
    line-height: 1.4em;
  }

  .contentToolsBlock p a,
  .contentToolsBlock td a,
  .contentToolsBlock li a {
    color: #333;
  }

  .contentToolsBlock h1 {
    font-size: 32px;
    color: #2754b8;
    font-weight: bold;
    font-style: italic;
  }

  .contentToolsBlock h2 {
    font-size: 27px;
    color: #2754b8;
    text-transform: uppercase;
  }

  .contentToolsBlock h3 {
    font-size: 19px;
    color: #2754b8;
  }

  .contentToolsBlock h4 {
    font-size: 20px;
  }

  .contentToolsBlock h5 {
    font-size: 20px;
  }

  .contentToolsBlock h6 {
    font-size: 20px;
  }

  .contentToolsBlock p {
    margin-top: 0;
  }

  .contentToolsBlock p a {
    color: #333;
    text-decoration: none;
    border-bottom: 2px solid #6ab1e2;
  }

  .contentToolsBlock .button-outline {
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    min-width: 117px;
    border: 2px solid #2754b8;
    color: #2754b8;
    border-radius: 6px;
    text-decoration: none;
    padding: 4px 12px;
  }

  .contentToolsBlock .button-outline:hover {
    background-color: #2754b8;
    border-color: #2754b8;
    color: #FFF;
  }

  .contentToolsBlock .button-arrow {
    position: relative;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    min-width: 117px;
    border: 2px solid #2754b8;
    color: #2754b8;
    border-radius: 6px;
    text-decoration: none;
    padding-top: 7px;
    padding-right: 38px;
    padding-bottom: 7px;
    padding-left: 12px;
  }

  .contentToolsBlock .button-arrow i {
    position: absolute;
    top: -1px;
    right: 10px;
    font-size: 28px;
  }

  .contentToolsBlock .button-arrow:hover {
    background-color: #2754b8;
    border-color: #2754b8;
    color: #FFF;
  }

  .contentToolsBlock .button-arrow-reversed {
    position: relative;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    min-width: 117px;
    border: 2px solid #2754b8;
    color: #2754b8;
    border-radius: 6px;
    text-decoration: none;
    padding-top: 7px;
    padding-left: 38px;
    padding-bottom: 7px;
    padding-right: 12px;
  }

  .contentToolsBlock .button-arrow-reversed i {
    position: absolute;
    top: -1px;
    left: 10px;
    font-size: 28px;
  }

  .contentToolsBlock .button-arrow-reversed:hover {
    background-color: #2754b8;
    border-color: #2754b8;
    color: #FFF;
  }
}

@media screen and (min-width: 768px) {
  .contentToolsBlock h1,
  .contentToolsBlock h2,
  .contentToolsBlock h3,
  .contentToolsBlock h4,
  .contentToolsBlock h5,
  .contentToolsBlock h6 {
    clear: both;
    font-family: "omnes-pro", "omnesmedium", Arial, Helvetica, sans-serif;
    font-weight: normal;
  }

  .contentToolsBlock p,
  .contentToolsBlock td,
  .contentToolsBlock li {
    color: #333;
    font-size: 20px;
    line-height: 1.4em;
  }

  .contentToolsBlock p a,
  .contentToolsBlock td a,
  .contentToolsBlock li a {
    color: #333;
  }

  .contentToolsBlock h1 {
    font-size: 32px;
    color: #2754b8;
    font-weight: bold;
    font-style: italic;
  }

  .contentToolsBlock h2 {
    font-size: 27px;
    color: #2754b8;
    text-transform: uppercase;
  }

  .contentToolsBlock h3 {
    font-size: 19px;
    color: #2754b8;
  }

  .contentToolsBlock h4 {
    font-size: 20px;
  }

  .contentToolsBlock h5 {
    font-size: 20px;
  }

  .contentToolsBlock h6 {
    font-size: 20px;
  }

  .contentToolsBlock p {
    margin-top: 0;
  }

  .contentToolsBlock p a {
    color: #333;
    text-decoration: none;
    border-bottom: 2px solid #6ab1e2;
  }

  .contentToolsBlock .button-outline {
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    min-width: 117px;
    border: 2px solid #2754b8;
    color: #2754b8;
    border-radius: 6px;
    text-decoration: none;
    padding: 4px 12px;
  }

  .contentToolsBlock .button-outline:hover {
    background-color: #2754b8;
    border-color: #2754b8;
    color: #FFF;
  }

  .contentToolsBlock .button-arrow {
    position: relative;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    min-width: 117px;
    border: 2px solid #2754b8;
    color: #2754b8;
    border-radius: 6px;
    text-decoration: none;
    padding-top: 7px;
    padding-right: 38px;
    padding-bottom: 7px;
    padding-left: 12px;
  }

  .contentToolsBlock .button-arrow i {
    position: absolute;
    top: -1px;
    right: 10px;
    font-size: 28px;
  }

  .contentToolsBlock .button-arrow:hover {
    background-color: #2754b8;
    border-color: #2754b8;
    color: #FFF;
  }

  .contentToolsBlock .button-arrow-reversed {
    position: relative;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    min-width: 117px;
    border: 2px solid #2754b8;
    color: #2754b8;
    border-radius: 6px;
    text-decoration: none;
    padding-top: 7px;
    padding-left: 38px;
    padding-bottom: 7px;
    padding-right: 12px;
  }

  .contentToolsBlock .button-arrow-reversed i {
    position: absolute;
    top: -1px;
    left: 10px;
    font-size: 28px;
  }

  .contentToolsBlock .button-arrow-reversed:hover {
    background-color: #2754b8;
    border-color: #2754b8;
    color: #FFF;
  }
}

@media screen and (min-width: 768px) {
  .contentToolsBlock form {
    float: left;
    display: block;
    margin-right: 2.3576515979%;
    width: 48.821174201%;
  }

  .contentToolsBlock form:last-child {
    margin-right: 0;
  }
}

.contentToolsBlock .componentPosterFormContainer {
  border: 2px solid #6DB4E8;
  border-radius: 7px;
  padding: 145px 35px 45px 35px;
  margin-bottom: 10px;
}

.contentToolsBlock form {
  margin-bottom: 40px;
}

.contentToolsBlock form:after {
  content: "";
  display: table;
  clear: both;
}

@media screen and (max-width: 767px) {
  .contentToolsBlock form {
    margin-bottom: 70px;
  }
}

.contentToolsBlock input {
  clear: both;
}

.contentToolsBlock label {
  font-size: 20px;
  font-weight: bold;
  font-style: normal;
  padding-bottom: 15px;
  display: block;
}

.contentToolsBlock .ribbonSkewed {
  top: 0px;
  left: 0px;
}

.contentToolsBlock .individualPosterPreview {
  position: absolute;
  top: 70px;
  right: 20px;
  width: 120px;
  height: 170px;
  background: url(../images/individualPoster.png);
  z-index: 20;
}

.contentToolsBlock .eventPosterPreview {
  position: absolute;
  top: 70px;
  right: 20px;
  width: 120px;
  height: 170px;
  background: url(../images/eventPoster.png);
  z-index: 20;
}

.contentToolsBlock .action {
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  position: relative;
  border-radius: 5px;
  background-color: #2754b8;
  font-family: "omnes-pro", "omnesmedium", Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-style: italic;
  border: none;
  color: white;
  padding: 12px 55px 12px 16px;
  cursor: pointer;
  line-height: 1;
}

.contentToolsBlock .action:hover {
  background-color: #1E428F;
}

.contentToolsBlock .action > i {
  margin-left: 10px;
  color: #99d4ff;
}

@media screen and (max-width: 767px) {
  .contentToolsBlock .action {
    position: relative;
    font-size: 21px;
    width: 100%;
    text-align: center;
  }

  .contentToolsBlock .action i {
    position: absolute;
    top: 1px;
    right: 12px;
    font-size: 42px;
  }

  .contentToolsBlock .action span {
    font-size: 21px;
  }
}

@media screen and (min-width: 768px) {
  .contentToolsBlock .action {
    position: relative;
    font-size: 25px;
  }

  .contentToolsBlock .action i {
    position: absolute;
    top: 1px;
    right: 12px;
    font-size: 45px;
  }

  .contentToolsBlock .action span {
    font-size: 25px;
  }
}

.componentQuickLinks {
  display: inline-block;
  border-bottom-left-radius: 7px;
  border-bottom: 2px solid #99d4ff;
  border-left: 2px solid #99d4ff;
}

.componentQuickLinks:after {
  content: "";
  display: table;
  clear: both;
}

@media screen and (min-width: 768px) {
  .componentQuickLinks {
    border-right: 2px solid #99d4ff;
    border-bottom-right-radius: 7px;
  }
}

.componentQuickLinks > * {
  float: left;
}

.componentQuickLinks > *:first-child {
  border-bottom-left-radius: 5px;
}

.componentQuickLinks > *:last-child {
  border-bottom-right-radius: 5px;
}

.componentQuickLinks a {
  color: #FFF;
  text-decoration: none;
}

.componentQuickLinks .componentCountryDropdown .subNavigationLink {
  padding-right: 10px;
}

.componentQuickLinks .componentCountryDropdown a {
  padding-top: 10px;
  padding-left: 10px;
  padding-bottom: 10px;
}

.componentQuickLinks > a {
  padding: 10px 16px;
  display: inline-block;
}

.componentQuickLinks > a:hover {
  background-color: #FFF;
  color: #2e94de;
}

.componentQuickLinks .countryDropdownContent a {
  padding-right: 10px;
  white-space: nowrap;
}

.componentRadioGroup .groupLabel {
  color: #333;
  font-family: "omnes-pro", "omnesmedium", Arial, Helvetica, sans-serif;
  font-weight: 600;
  font-style: italic;
  font-size: 25px;
}

.componentRadioGroup .groupContainer {
  display: inline-block;
  border: 1px solid #A9AD99;
  border-radius: 7px;
}

.componentRadioGroup .groupContainer > * {
  display: inline-block;
  padding: 15px;
  cursor: pointer;
}

@media screen and (max-width: 767px) {
  .componentRadioGroup .groupContainer > * {
    border-top: 1px solid #A9AD99;
  }

  .componentRadioGroup .groupContainer > * > span {
    float: right;
    width: 75%;
  }

  .componentRadioGroup .groupContainer > *:first-child {
    border-top: none;
  }
}

@media screen and (min-width: 768px) {
  .componentRadioGroup .groupContainer > * {
    border-left: 1px solid #A9AD99;
  }

  .componentRadioGroup .groupContainer > *:first-child {
    border-left: none;
  }
}

@media screen and (min-width: 768px) {
  .componentRadioGroup .groupContainer {
    margin-right: 12px;
    margin-left: 12px;
  }
}

@media screen and (max-width: 767px) {
  .componentRadioGroup:after {
    content: "";
    display: table;
    clear: both;
  }

  .componentRadioGroup > * {
    float: left;
  }

  .componentRadioGroup .buttonInfo {
    max-width: 10%;
  }

  .componentRadioGroup .groupLabel {
    max-width: 26%;
  }

  .componentRadioGroup .groupContainer {
    width: 54%;
    margin-left: 5%;
    margin-right: 5%;
  }

  .componentRadioGroup .groupContainer > * {
    width: 100%;
  }
}

@media screen and (max-width: 767px) {
  .fundraiseFormContainer .groupLabel {
    padding-bottom: 10px;
  }

  .fundraiseFormContainer .groupContainer {
    width: auto;
  }
}

.componentRegister {
  color: #444;
  background-color: #F5F5EE;
  padding-top: 60px;
  padding-bottom: 40px;
}

.componentRegister > .contentContainer {
  padding-left: 15px;
  padding-right: 15px;
  margin-bottom: 60px;
}

@media screen and (min-width: 768px) {
  .componentRegister > .contentContainer {
    max-width: 723px;
    margin-left: auto;
    margin-right: auto;
  }
}

.componentRegister .content {
  text-align: center;
}

.componentRegister .ribbonSlanted {
  z-index: 1;
  position: relative;
  display: inline-block;
  margin-top: 0px;
  margin-bottom: 0px;
  -webkit-backface-visibility: hidden;
  color: #FFF;
}

.componentRegister .ribbonSlanted > * {
  display: inline-block;
}

.componentRegister .ribbonSlanted .ribbonText {
  color: #2e94de;
  border-radius: 4px;
  position: relative;
  z-index: 7;
  overflow: hidden;
  display: inline-block;
  font-family: "tradegothic", Arial, Helvetica, sans-serif;
  font-style: normal;
  font-weight: normal;
  text-overflow: ellipsis;
  text-transform: uppercase;
}

@media screen and (max-width: 767px) {
  .componentRegister .ribbonSlanted .ribbonText {
    max-width: 212px;
    font-size: 35px;
    padding-top: 8px;
    padding-left: 18px;
    padding-bottom: 6px;
    padding-right: 18px;
  }
}

@media screen and (min-width: 768px) {
  .componentRegister .ribbonSlanted .ribbonText {
    max-width: 440px;
    font-size: 50px;
    padding-top: 10px;
    padding-left: 39px;
    padding-bottom: 8px;
    padding-right: 39px;
  }
}

.componentRegister .ribbonSlanted.nowrap .ribbonText {
  white-space: nowrap;
}

@media screen and (max-width: 767px) {
  .componentRegister .ribbonSlanted.nowrap .ribbonText {
    max-height: 44px;
  }
}

@media screen and (min-width: 768px) {
  .componentRegister .ribbonSlanted.nowrap .ribbonText {
    max-height: 72px;
  }
}

.componentRegister .ribbonSlanted .ribbonLeft {
  display: none;
}

.componentRegister .ribbonSlanted .ribbonRight {
  display: none;
}

@media screen and (max-width: 767px) {
  .componentRegister .ribbonSlanted .ribbonText {
    min-width: 214px;
  }
}

@media screen and (min-width: 768px) {
  .componentRegister .ribbonSlanted .ribbonText {
    min-width: 283px;
  }
}

.componentRegister .componentTabs {
  position: relative;
  max-width: 693px;
  margin-left: auto;
  margin-right: auto;
}

.componentRegister .componentTabs.hasBackground {
  padding-top: 80px;
  padding-bottom: 80px;
  background-image: url("../images/loginBG.png");
  background-repeat: no-repeat;
  background-position: bottom;
}

.componentRegister .componentTabs.hasBackground .checkbox {
  border: 1px solid #A9AD99;
  padding: 5px;
  border-radius: 5px;
  margin-top: 5px;
}

.componentRegister .componentTabs.hasBackground .checkbox:after {
  content: "";
  display: table;
  clear: both;
}

.componentRegister .componentTabs.hasBackground .checkbox > input {
  display: inline-block;
  float: left;
  max-width: 15%;
  margin-top: 3px;
  margin-left: 0;
  margin-right: 0;
}

.componentRegister .componentTabs.hasBackground .checkbox > span {
  display: inline-block;
  float: left;
  margin-left: 5%;
  width: 80%;
}

.componentRegister .componentTabs.hasBackground .checkbox label {
  padding-top: 3px;
  padding-bottom: 3px;
}

@media screen and (max-width: 959px) {
  .componentRegister .componentTabs.hasBackground .checkbox {
    width: 100%;
  }
}

@media screen and (min-width: 960px) {
  .componentRegister .componentTabs.hasBackground .checkbox {
    white-space: nowrap;
    margin-right: 5px;
  }
}

@media screen and (max-width: 767px) {
  .componentRegister .componentTabs.hasBackground {
    border-bottom: 2px solid #6DB4E8;
  }
}

.componentRegister .componentTabs .field {
  margin-bottom: 11px;
}

.componentRegister .componentTabs .field label {
  display: block;
  padding-top: 11px;
  padding-bottom: 11px;
}

.componentRegister .componentTabs .field.error input[type="email"],
.componentRegister .componentTabs .field.error input[type="number"],
.componentRegister .componentTabs .field.error input[type="password"],
.componentRegister .componentTabs .field.error input[type="search"],
.componentRegister .componentTabs .field.error input[type="tel"],
.componentRegister .componentTabs .field.error input[type="text"],
.componentRegister .componentTabs .field.error input[type="url"],
.componentRegister .componentTabs .field.error input[type="color"],
.componentRegister .componentTabs .field.error input[type="date"],
.componentRegister .componentTabs .field.error input[type="datetime"],
.componentRegister .componentTabs .field.error input[type="datetime-local"],
.componentRegister .componentTabs .field.error input[type="month"],
.componentRegister .componentTabs .field.error input[type="time"],
.componentRegister .componentTabs .field.error input[type="week"],
.componentRegister .componentTabs .field.error textarea,
.componentRegister .componentTabs .field.error select {
  background-color: #FCF9D6;
  border-color: #CCBB00;
}

.componentRegister .componentTabs .field.checkbox:after {
  content: "";
  display: table;
  clear: both;
}

.componentRegister .componentTabs .field.checkbox > input {
  display: inline-block;
  float: left;
  max-width: 15%;
  margin-top: 11px;
  margin-left: 0;
  margin-right: 0;
}

.componentRegister .componentTabs .field.checkbox > label {
  display: inline-block;
  float: left;
  margin-left: 5%;
  width: 80%;
}

@media screen and (max-width: 767px) {
  .componentRegister .componentTabs {
    border-top: 2px solid #6DB4E8;
    padding-top: 60px;
    padding-left: 15px;
    padding-right: 15px;
  }
}

@media screen and (min-width: 768px) {
  .componentRegister .componentTabs {
    border: 2px solid #6DB4E8;
    border-radius: 7px;
    padding: 60px 35px 45px 35px;
  }

  .componentRegister .componentTabs .formContainer {
    max-width: 355px;
    margin-left: auto;
    margin-right: auto;
  }

  .componentRegister .componentTabs .actions {
    text-align: center;
    margin-top: 45px;
  }
}

.componentRegister .componentTabs > ul {
  padding-left: 0;
  list-style-type: none;
}

.componentRegister .componentTabs input[type="email"],
.componentRegister .componentTabs input[type="number"],
.componentRegister .componentTabs input[type="password"],
.componentRegister .componentTabs input[type="search"],
.componentRegister .componentTabs input[type="tel"],
.componentRegister .componentTabs input[type="text"],
.componentRegister .componentTabs input[type="url"],
.componentRegister .componentTabs input[type="color"],
.componentRegister .componentTabs input[type="date"],
.componentRegister .componentTabs input[type="datetime"],
.componentRegister .componentTabs input[type="datetime-local"],
.componentRegister .componentTabs input[type="month"],
.componentRegister .componentTabs input[type="time"],
.componentRegister .componentTabs input[type="week"] {
  border: 2px solid #abab9a;
  border-radius: 5px;
  padding: 11px;
  color: #666;
  box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.2);
  resize: none;
  font-family: "omnes-pro", "omnesmedium", Arial, Helvetica, sans-serif;
  font-size: 16px;
  width: 100%;
}

.componentRegister .componentTabs fieldset {
  margin: 0;
  padding: 0;
  border: none;
}

.componentRegister .tabsTriggers {
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  border-radius: 7px;
  border: 2px solid #6DB4E8;
  width: 90%;
  position: absolute;
  top: 0;
  margin-top: 0;
  margin-bottom: 0;
}

.componentRegister .tabsTriggers:after {
  content: "";
  display: table;
  clear: both;
}

.componentRegister .tabsTriggers > li {
  display: inline;
  float: left;
  width: 50%;
  border-left: 2px solid #6DB4E8;
}

.componentRegister .tabsTriggers > li:first-child {
  border-left: none;
}

.componentRegister .tabsTriggers button {
  border-radius: 7px;
  position: relative;
  cursor: pointer;
  border: none;
  background-color: #F5F5EE;
  display: block;
  width: 100%;
  padding: 12px;
  color: #2754b8;
  line-height: 1;
  font-family: "omnes-pro", "omnesmedium", Arial, Helvetica, sans-serif;
  font-weight: 600;
  font-style: italic;
}

@media screen and (max-width: 767px) {
  .componentRegister .tabsTriggers button {
    font-size: 18px;
  }
}

@media screen and (min-width: 768px) {
  .componentRegister .tabsTriggers button {
    font-size: 23px;
  }
}

.componentRegister .tabsTriggers button.active span {
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 42px;
  height: 16px;
  background-repeat: no-repeat;
  background-position: 0 -185px;
  background-color: #F5F5EE;
  display: inline-block;
  position: absolute;
  bottom: -15px;
  left: 50%;
}

@media screen and (max-width: 767px) {
  .componentRegister .tabsTriggers button.active span {
    background-image: url("../images/sprite_mobile.png");
  }
}

@media screen and (min-width: 768px) {
  .componentRegister .tabsTriggers button.active span {
    background-image: url("../images/sprite.png");
  }
}

.componentRegister .dividerBlue {
  margin-bottom: 25px;
}

.componentRegister .dividerBlue > span {
  background-color: #F5F5EE;
  color: #2E94DE;
  text-transform: uppercase;
  font-family: "omnes-pro", "omnesmedium", Arial, Helvetica, sans-serif;
  font-size: 28px;
}

.componentRegister label a,
.componentRegister p a {
  color: #2754b8;
  text-decoration: none;
  border-bottom: 2px solid #6ab1e2;
}

.componentRegister .fieldgroup {
  margin-bottom: 11px;
}

.componentRegister .fieldgroup > label {
  color: #333;
  display: inline-block;
  margin-bottom: 11px;
  font-family: "omnes-pro", "omnesmedium", Arial, Helvetica, sans-serif;
  font-size: 20px;
}

@media screen and (max-width: 767px) {
  .componentRegister .fieldgroup .middleColumn > * {
    margin-bottom: 11px;
  }
}

@media screen and (min-width: 768px) {
  .componentRegister .fieldgroup .middleColumn:after {
    content: "";
    display: table;
    clear: both;
  }

  .componentRegister .fieldgroup .middleColumn > * {
    width: 48.936170215%;
    float: left;
  }

  .componentRegister .fieldgroup .middleColumn > div:first-child {
    margin-right: 2.12765957%;
  }
}

.componentRegister .field.radio label:after {
  content: "";
  display: table;
  clear: both;
}

.componentRegister .field.radio label > input {
  display: inline-block;
  float: left;
  max-width: 15%;
  margin-top: 3px;
  margin-left: 0;
  margin-right: 0;
}

.componentRegister .field.radio label > span {
  display: inline-block;
  float: left;
  margin-left: 5%;
  width: 80%;
}

.componentRegister .action {
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  position: relative;
  border-radius: 5px;
  background-color: #2754b8;
  font-family: "omnes-pro", "omnesmedium", Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-style: italic;
  border: none;
  color: #FFF;
  padding: 12px 55px 12px 16px;
  cursor: pointer;
  line-height: 1;
}

.componentRegister .action:hover {
  background-color: #1E428F;
}

.componentRegister .action > i {
  margin-left: 10px;
  color: #99d4ff;
}

@media screen and (max-width: 767px) {
  .componentRegister .action {
    position: relative;
    font-size: 21px;
    width: 100%;
    text-align: center;
  }

  .componentRegister .action i {
    position: absolute;
    top: 1px;
    right: 12px;
    font-size: 42px;
  }
}

@media screen and (min-width: 768px) {
  .componentRegister .action {
    position: relative;
    font-size: 25px;
  }

  .componentRegister .action i {
    position: absolute;
    top: 1px;
    right: 12px;
    font-size: 45px;
  }
}

.componentRegister .buttonFacebook {
  margin-bottom: 15px;
  width: 100%;
}

.componentRegister .componentGeneralContent > * {
  text-align: center;
}

.componentRegister .actions {
  margin-top: 45px;
}

.componentRegister .socialSignin h4 {
  padding-left: 15px;
  padding-right: 15px;
}

.componentRegister .componentRadioGroup {
  margin-bottom: 11px;
}

.componentRegister .componentRadioGroup .groupContainer {
  font-family: "omnes-pro", "omnesmedium", Arial, Helvetica, sans-serif;
  font-size: 20px;
}

@media screen and (min-width: 768px) {
  .componentRegister .componentRadioGroup {
    text-align: center;
  }
}

@media screen and (max-width: 767px) {
  .componentRegister .tooltip.focus:before,
  .componentRegister .tooltip.focus:after {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    top: 130%;
    right: 0;
    left: auto;
  }
}

#addressSuggestions {
  background: white;
  border: 2px solid #abab9a;
  border-radius: 5px;
  border-top: none;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  padding: 10px;
  position: relative;
  top: -12px;
  color: #999;
}

#addressSuggestions:empty {
  display: none;
}

#addressSuggestions p {
  cursor: pointer;
  color: #999;
}

#addressSuggestions p:hover {
  color: #000;
}

@media screen and (max-width: 767px) {
  .componentSidebarSummary {
    margin-top: 35px;
  }
}

.componentSidebarSummary > h3 {
  color: #2754b8;
  text-align: center;
  margin-top: 0;
  margin-bottom: 10px;
  background-image: url("../images/bluePx.gif");
  background-repeat: repeat-x;
  background-position: left center;
}

.componentSidebarSummary > h3 > span {
  font-family: "tradegothicoblique", Arial, Helvetica, sans-serif;
  background-color: #F5F5EE;
  display: inline-block;
  padding-left: 10px;
  padding-right: 10px;
  font-size: 19px;
}

.componentSidebarSummary .summaryRow {
  border-top: 1px solid #6DB4E8;
  font-size: 14px;
  padding-top: 12px;
  padding-bottom: 12px;
}

.componentSidebarSummary .summaryRow .paidBy {
  text-align: right;
}

.componentSidebarSummary .summaryRow h4 {
  color: #2754b8;
  margin-top: 0;
  margin-bottom: 10px;
  font-family: "omnes-pro", "omnesmedium", Arial, Helvetica, sans-serif;
  font-size: 20px;
  font-weight: 600;
  font-style: italic;
}

.componentSidebarSummary .summaryRow > span {
  display: block;
  color: #555;
  padding-top: 5px;
  padding-bottom: 5px;
  word-wrap: break-word;
}

.componentSidebarSummary .summaryRow > span.teamName {
  font-weight: 600;
}

.componentSidebarSummary .summaryRow > div {
  padding-top: 5px;
  padding-bottom: 5px;
}

.componentSidebarSummary .summaryRow > div > span {
  float: right;
}

.componentSidebarSummary .summaryRow > div.totals {
  clear: both;
  font-weight: bold;
}

.componentSidebarSummary .summaryRow.firstChild {
  border-top: none;
}

.componentSubNavigation {
  margin-top: 30px;
  background-color: #2754b8;
  border-radius: 5px;
  overflow: hidden;
}

.componentSubNavigation > * {
  border-top: 2px solid #26539a;
}

.componentSubNavigation > *:first-child {
  border-top: none;
}

@media screen and (max-width: 767px) {
  .componentSubNavigation {
    margin-left: 15px;
    margin-right: 15px;
  }

  .componentSubNavigation .subNavigationAccordion {
    max-width: 100%;
  }
}

@media screen and (min-width: 768px) {
  .componentSubNavigation {
    margin-left: 35px;
    margin-right: 35px;
  }

  .componentSubNavigation .subNavigationAccordion {
    max-width: 300px;
  }
}

.componentSubNavigation .subNavigationAccordion {
  width: 100%;
}

.componentSubNavigation .subNavigationAccordion > .accordionTrigger {
  position: relative;
  background-color: transparent;
  border: none;
  width: 100%;
  font-family: "omnes-pro", "omnesmedium", Arial, Helvetica, sans-serif;
  font-size: 16px;
  color: #FFF;
  text-align: left;
  padding: 6px 13px;
}

.componentSubNavigation .subNavigationAccordion > .accordionTrigger i {
  position: absolute;
  top: 10px;
  right: 10px;
  font-size: 29px;
}

.componentSubNavigation .subNavigationAccordion > .accordionTrigger:after {
  content: "";
  display: table;
  clear: both;
}

.componentSubNavigation .subNavigationAccordion > .accordionTrigger:hover {
  background-color: #2e94de;
}

.componentSubNavigation .subNavigationAccordion > .accordionTrigger > span {
  float: left;
}

.componentSubNavigation .subNavigationAccordion > .accordionTrigger .triggerText {
  padding-top: 4px;
  padding-left: 11px;
}

.componentSubNavigation .subNavigationLink {
  display: block;
  font-family: "omnes-pro", "omnesmedium", Arial, Helvetica, sans-serif;
  font-size: 16px;
  text-decoration: none;
  color: #FFF;
  padding: 13px;
}

.componentSubNavigation .subNavigationLink:hover,
.componentSubNavigation .subNavigationLink.section,
.componentSubNavigation .subNavigationLink.current {
  background-color: #2e94de;
}

.componentSummaryTable {
  clear: both;
}

@media screen and (min-width: 768px) {
  .componentSummaryTable table {
    width: 100%;
    border-collapse: collapse;
  }

  .componentSummaryTable table th,
  .componentSummaryTable table td {
    text-align: right;
    padding: 5px;
  }

  .componentSummaryTable table thead {
    border-bottom: 2px solid #6DB4E8;
  }

  .componentSummaryTable table tfoot {
    border-top: 1px solid #6DB4E8;
  }

  .componentSummaryTable table tr:first-child th,
  .componentSummaryTable table tr:first-child td {
    padding-top: 10px;
  }

  .componentSummaryTable table tr:last-child th,
  .componentSummaryTable table tr:last-child td {
    padding-bottom: 10px;
  }

  .componentSummaryTable table th,
  .componentSummaryTable table td {
    padding: 5px;
  }

  .componentSummaryTable table th:first-child,
  .componentSummaryTable table td:first-child {
    text-align: left;
    padding-left: 0px;
  }

  .componentSummaryTable table th:last-child,
  .componentSummaryTable table td:last-child {
    padding-right: 0px;
  }
}

@media screen and (max-width: 767px) {
  .componentSummaryTable table,
  .componentSummaryTable tr,
  .componentSummaryTable td:first-child,
  .componentSummaryTable th:first-child {
    display: block;
  }

  .componentSummaryTable table {
    width: 100%;
    border-collapse: collapse;
  }

  .componentSummaryTable table tr {
    border-top: 1px solid #6DB4E8;
  }

  .componentSummaryTable table tr:first-child {
    border-top: 0px solid #6DB4E8;
  }

  .componentSummaryTable table thead {
    border-bottom: 2px solid #6DB4E8;
  }

  .componentSummaryTable table tfoot {
    border-top: 2px solid #6DB4E8;
  }

  .componentSummaryTable table th,
  .componentSummaryTable table td {
    padding: 5px;
    padding-bottom: 15px;
  }

  .componentSummaryTable table th:first-child,
  .componentSummaryTable table td:first-child {
    text-align: left;
    padding-left: 5px;
    padding-top: 15px;
    padding-bottom: 0px;
  }

  .componentSummaryTable table th:last-child,
  .componentSummaryTable table td:last-child {
    padding-right: 5px;
  }

  .componentSummaryTable table tfoot {
    display: table-row;
  }

  .componentSummaryTable table tfoot tr:last-child {
    display: table-row;
  }

  .componentSummaryTable table tfoot tr:last-child td,
  .componentSummaryTable table tfoot tr:last-child td:first-child {
    display: table-cell;
    padding-top: 10px;
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 10px;
  }
}

@media screen and (min-width: 768px) {
  .componentSupportersAssemble div > div:first-child {
    float: left;
    display: block;
    margin-right: 2.3576515979%;
    width: 65.8807828007%;
  }

  .componentSupportersAssemble div > div:first-child:last-child {
    margin-right: 0;
  }
}

.componentSupportersAssemble div > div:last-child {
  text-align: right;
}

@media screen and (min-width: 768px) {
  .componentSupportersAssemble div > div:last-child {
    float: left;
    display: block;
    margin-right: 2.3576515979%;
    width: 31.7615656014%;
  }

  .componentSupportersAssemble div > div:last-child:last-child {
    margin-right: 0;
  }
}

.componentSupportersAssemble div > div:last-child span {
  padding-right: 10px;
}

@media screen and (max-width: 767px) {
  .componentSupportersAssemble .supportersEmailPreviewLink {
    display: none;
  }
}

.componentSupportersInvite {
  position: relative;
}

@media screen and (min-width: 768px) {
  .componentSupportersInvite .formRegistrationStepCount {
    position: absolute;
    top: 60px;
    right: 15px;
    color: #2754b8;
    font-size: 16px;
  }
}

@media screen and (min-width: 960px) {
  .componentSupportersInvite .formRegistrationStepCount {
    position: absolute;
    top: 12px;
    right: 15px;
    color: #2754b8;
    font-size: 16px;
  }
}

@media screen and (max-width: 767px) {
  .componentSupportersInvite .formRegistrationStepCount {
    margin: 20px 0px;
    display: block;
    color: #2754b8;
    font-size: 16px;
  }
}

.componentSupportersInvite input[type="email"],
.componentSupportersInvite input[type="number"],
.componentSupportersInvite input[type="password"],
.componentSupportersInvite input[type="search"],
.componentSupportersInvite input[type="tel"],
.componentSupportersInvite input[type="text"],
.componentSupportersInvite input[type="url"],
.componentSupportersInvite input[type="color"],
.componentSupportersInvite input[type="date"],
.componentSupportersInvite input[type="datetime"],
.componentSupportersInvite input[type="datetime-local"],
.componentSupportersInvite input[type="month"],
.componentSupportersInvite input[type="time"],
.componentSupportersInvite input[type="week"] {
  border: 2px solid #abab9a;
  border-radius: 5px;
  padding: 11px;
  color: #666;
  box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.2);
  resize: none;
  font-family: "omnes-pro", "omnesmedium", Arial, Helvetica, sans-serif;
  font-size: 16px;
  width: 100%;
}

.componentSupportersInvite .fieldNote {
  display: inline-block;
  padding-bottom: 10px;
  color: #777;
}

.componentSupportersInvite fieldset {
  margin: 0;
  padding: 0;
  border: none;
}

.componentSupportersInvite .field textarea {
  border: 2px solid #abab9a;
  border-radius: 5px;
  padding: 11px;
  color: #666;
  box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.2);
  resize: none;
  font-family: "omnes-pro", "omnesmedium", Arial, Helvetica, sans-serif;
  font-size: 16px;
  width: 100%;
}

.componentSupportersInvite .field textarea.cheerMessage {
  min-height: 330px;
}

.componentSupportersInvite .field label {
  display: block;
  padding-top: 10px;
  padding-bottom: 10px;
}

.componentSupportersInvite .field .tagsinput {
  border: 2px solid #abab9a;
  border-radius: 5px;
  padding: 11px;
  color: #666;
  box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.2);
  resize: none;
  font-family: "omnes-pro", "omnesmedium", Arial, Helvetica, sans-serif;
  font-size: 16px;
  width: 100%;
  background-color: #fff;
  margin-bottom: 5px;
}

.componentSupportersInvite .field .tagsinput #supportersTaggedInput_tag {
  font-size: 16px;
  font-family: "omnes-pro", "omnesmedium", Arial, Helvetica, sans-serif;
}

.componentSupportersInvite .field.error input[type="email"],
.componentSupportersInvite .field.error input[type="number"],
.componentSupportersInvite .field.error input[type="password"],
.componentSupportersInvite .field.error input[type="search"],
.componentSupportersInvite .field.error input[type="tel"],
.componentSupportersInvite .field.error input[type="text"],
.componentSupportersInvite .field.error input[type="url"],
.componentSupportersInvite .field.error input[type="color"],
.componentSupportersInvite .field.error input[type="date"],
.componentSupportersInvite .field.error input[type="datetime"],
.componentSupportersInvite .field.error input[type="datetime-local"],
.componentSupportersInvite .field.error input[type="month"],
.componentSupportersInvite .field.error input[type="time"],
.componentSupportersInvite .field.error input[type="week"],
.componentSupportersInvite .field.error textarea,
.componentSupportersInvite .field.error select {
  background-color: #FCF9D6;
  border-color: #CCBB00;
}

.componentSupportersInvite .field.submit {
  font-size: 14px;
  margin-top: 30px;
}

.componentSupportersInvite .field.submit span {
  padding-top: 20px;
  clear: both;
  display: block;
}

@media screen and (max-width: 767px) {
  .componentSupportersInvite {
    padding-top: 60px;
  }

  .componentSupportersInvite .actions {
    text-align: center;
    margin-top: 20px;
  }
}

@media screen and (min-width: 768px) {
  .componentSupportersInvite {
    border: 2px solid #6DB4E8;
    border-radius: 7px;
    padding: 105px 35px 45px 35px;
  }
}

.componentSupportersInvite #errorEmailMessage {
  display: block;
  margin-bottom: 10px;
}

@media screen and (min-width: 768px) {
  .componentSupportersList {
    padding-left: 80px;
  }
}

.componentSupportersList ul.myCheerSquad {
  display: block;
  clear: both;
  margin: 0;
  padding: 0;
}

.componentSupportersList ul.myCheerSquad li {
  display: block;
  clear: both;
  border-bottom: 1px solid #6db4e8;
  padding-top: 10px;
  padding-bottom: 10px;
}

.componentSupportersList ul.myCheerSquad li span:first-child {
  display: inline-block;
  width: 30px;
  height: 30px;
  border: 1px solid #2e94de;
  border-radius: 15px;
  color: #2e94de;
  text-align: center;
  font-size: 20px;
}

.componentSupportersList ul.myCheerSquad li span:first-child + span {
  padding-left: 10px;
  font-size: 16px;
  max-width: 200px;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 30px;
  line-height: 30px;
  vertical-align: middle;
}

.componentSupportersList ul.myCheerSquad li .memberRemoveButton {
  border: none;
  padding: 0;
  background: none;
  color: #2e94de;
  float: right;
  font-size: 20px;
  padding-top: 4px;
}

.componentSupportersList ul.myCheerSquad li.unsubscribed span:first-child + span {
  text-decoration: line-through;
}

@media screen and (min-width: 768px) {
  .no-smil .componentSupportersList {
    position: absolute;
    top: 0px;
    right: 0px;
  }
}

.componentTally {
  background-color: #35174a;
}

@media screen and (max-width: 767px) {
  .componentTally {
    padding-top: 20px;
    padding-bottom: 20px;
  }
}

@media screen and (min-width: 768px) {
  .componentTally {
    padding-top: 25px;
    padding-bottom: 25px;
  }
}

.componentTally .tallyContainer {
  padding-left: 15px;
  padding-right: 15px;
}

@media screen and (min-width: 768px) {
  .componentTally .tallyContainer {
    max-width: 990px;
    margin-left: auto;
    margin-right: auto;
  }
}

.componentTally .tallyContainer > .tallyText {
  color: #e88ee4;
  font-family: "omnes-pro", "omnesmedium", Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-style: italic;
  font-size: 18px;
}

.componentTally .tallyContainer > .tallyText.lastChild {
  text-align: right;
}

@media screen and (max-width: 767px) {
  .componentTally .tallyContainer > .tallyText {
    display: none;
  }
}

.componentTally .tallyContainer > .tallyAmount {
  color: #FFF;
}

.componentTally .tallyContainer > .tallyAmount > .amount {
  display: inline-block;
  padding-left: 10px;
  padding-right: 10px;
  font-family: "omnes-pro", "omnesmedium", Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-style: italic;
}

@media screen and (max-width: 767px) {
  .componentTally .tallyContainer > .tallyAmount {
    display: inline-block;
    width: 100%;
    margin-top: 5px;
  }

  .componentTally .tallyContainer > .tallyAmount > .amount {
    width: 100%;
    font-size: 20px;
  }

  .componentTally .tallyContainer > .tallyAmount > [class*="titleLines"] {
    display: none;
  }
}

@media screen and (min-width: 768px) {
  .componentTally .tallyContainer > .tallyAmount > .amount {
    width: 60%;
    font-size: 25px;
  }

  .componentTally .tallyContainer > .tallyAmount > [class*="titleLines"] {
    width: 18%;
  }
}

@media screen and (max-width: 767px) {
  .componentTally .tallyContainer {
    text-align: center;
  }

  .componentTally .tallyContainer > .tallyText {
    display: block;
  }

  .componentTally .tallyContainer > .tallyAmount {
    display: block;
  }

  .componentTally .tallyContainer .amountLegend {
    display: none;
  }
}

@media screen and (min-width: 768px) {
  .componentTally .tallyContainer > .tallyText {
    display: inline-block;
    width: 29%;
  }

  .componentTally .tallyContainer > .tallyAmount {
    display: inline-block;
    width: 40%;
  }

  .componentTally .tallyContainer .amountLegend {
    display: none;
  }
}

@media screen and (min-width: 768px) {
  .componentTallyTicker [class*="itemPos"] {
    opacity: 0;
    filter: alpha(opacity=0);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
  }
}

@media screen and (max-width: 767px) {
  .componentTallyTicker [class*="itemPos"] {
    opacity: 0;
    display: none;
    filter: alpha(opacity=0);
    width: 100%;
    text-align: center;
  }
}

.componentTallyTicker .prefixTicker,
.componentTallyTicker .suffixTicker,
.componentTallyTicker .amountTicker {
  position: relative;
}

.componentTallyTicker .prefixTicker,
.componentTallyTicker .suffixTicker {
  height: 16px;
}

.componentTallyTicker .amountTicker {
  width: 100%;
  text-align: center;
  display: block;
  height: 19px;
}

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

.componentTallyTicker.passive {
  -webkit-transition: opacity 0.3s ease-in-out;
  -moz-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
  opacity: 0;
  filter: alpha(opacity=0);
}

.componentTallyTicker.active {
  -webkit-transition: opacity 0.3s ease-in-out;
  -moz-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
  opacity: 1;
  filter: alpha(opacity=100);
}

@media screen and (max-width: 767px) {
  .componentTallyTicker.active {
    display: block;
  }
}

.componentTallyTicker.active[data-active="0"] .itemPos0 {
  -webkit-transition: opacity 0.3s ease-in-out;
  -moz-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
  opacity: 1;
  filter: alpha(opacity=100);
}

@media screen and (max-width: 767px) {
  .componentTallyTicker.active[data-active="0"] .itemPos0 {
    display: block;
  }
}

.componentTallyTicker.active[data-active="1"] .itemPos1 {
  -webkit-transition: opacity 0.3s ease-in-out;
  -moz-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
  opacity: 1;
  filter: alpha(opacity=100);
}

@media screen and (max-width: 767px) {
  .componentTallyTicker.active[data-active="1"] .itemPos1 {
    display: block;
  }
}

.componentTeamInfo {
  padding-left: 15px;
  padding-right: 15px;
  border: 2px solid #6DB4E8;
  border-radius: 7px;
  padding: 45px 35px 45px 35px;
}

@media screen and (min-width: 768px) {
  .componentTeamInfo {
    max-width: 990px;
    margin-left: auto;
    margin-right: auto;
  }
}

.componentTeamInfo img {
  height: auto;
  margin-bottom: 50px;
}

@media screen and (max-width: 767px) {
  .componentTeamInfo img {
    display: block;
    max-width: 100%;
  }
}

@media screen and (min-width: 768px) {
  .componentTeamInfo img.right,
  .componentTeamInfo img.left {
    max-width: 50%;
    display: inline;
  }

  .componentTeamInfo img.left {
    float: left;
    margin-right: 50px;
  }

  .componentTeamInfo img.right {
    float: right;
    margin-left: 50px;
  }
}

.componentTeamInfo > p,
.componentTeamInfo > h3 {
  text-align: center;
}

.componentTeamInfo .title {
  width: 100%;
  font-weight: bold;
}

.componentTeamInfo .overview {
  max-width: 960px;
  margin-left: auto;
  margin-right: auto;
}

.componentTeamInfo .overview:after {
  content: "";
  display: table;
  clear: both;
}

.componentTeamInfo .overview .teamName {
  padding: 10px 0px;
}

.componentTeamInfo .overview .invitedTeamTarget {
  padding: 10px 0px;
}

.componentTeamInfo .overview .invitedTeamTarget .teamTarget {
  color: #1855b1;
  font-weight: bold;
  font-size: 35px;
}

.componentTeamInfo .invitedTeamMembers {
  max-width: 960px;
  margin-left: auto;
  margin-right: auto;
}

.componentTeamInfo .invitedTeamMembers:after {
  content: "";
  display: table;
  clear: both;
}

.componentTeamInfo .invitedTeamMembers .teamRow {
  padding: 10px 0px;
}

@media screen and (max-width: 767px) {
  .componentTeamInfo h1,
  .componentTeamInfo h2,
  .componentTeamInfo h3,
  .componentTeamInfo h4,
  .componentTeamInfo h5,
  .componentTeamInfo h6 {
    clear: both;
    font-family: "omnes-pro", "omnesmedium", Arial, Helvetica, sans-serif;
    font-weight: normal;
  }

  .componentTeamInfo p,
  .componentTeamInfo td,
  .componentTeamInfo li {
    color: #333;
    font-size: 16px;
    line-height: 1.4em;
  }

  .componentTeamInfo p a,
  .componentTeamInfo td a,
  .componentTeamInfo li a {
    color: #333;
  }

  .componentTeamInfo h1 {
    font-size: 32px;
    color: #2e94de;
    font-weight: bold;
    font-style: italic;
  }

  .componentTeamInfo h2 {
    font-size: 27px;
    color: #2e94de;
    text-transform: uppercase;
  }

  .componentTeamInfo h3 {
    font-size: 19px;
    color: #2e94de;
  }

  .componentTeamInfo h4 {
    font-size: 20px;
  }

  .componentTeamInfo h5 {
    font-size: 20px;
  }

  .componentTeamInfo h6 {
    font-size: 20px;
  }

  .componentTeamInfo p {
    margin-top: 0;
  }

  .componentTeamInfo p a {
    color: #333;
    text-decoration: none;
    border-bottom: 2px solid #6ab1e2;
  }

  .componentTeamInfo .button-outline {
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    min-width: 117px;
    border: 2px solid #2e94de;
    color: #2754b8;
    border-radius: 6px;
    text-decoration: none;
    padding: 4px 12px;
  }

  .componentTeamInfo .button-outline:hover {
    background-color: #2e94de;
    border-color: #2e94de;
    color: #FFF;
  }

  .componentTeamInfo .button-arrow {
    position: relative;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    min-width: 117px;
    border: 2px solid #2e94de;
    color: #2e94de;
    border-radius: 6px;
    text-decoration: none;
    padding-top: 7px;
    padding-right: 38px;
    padding-bottom: 7px;
    padding-left: 12px;
  }

  .componentTeamInfo .button-arrow i {
    position: absolute;
    top: -1px;
    right: 10px;
    font-size: 28px;
  }

  .componentTeamInfo .button-arrow:hover {
    background-color: #2e94de;
    border-color: #2e94de;
    color: #FFF;
  }

  .componentTeamInfo .button-arrow-reversed {
    position: relative;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    min-width: 117px;
    border: 2px solid #2e94de;
    color: #2e94de;
    border-radius: 6px;
    text-decoration: none;
    padding-top: 7px;
    padding-left: 38px;
    padding-bottom: 7px;
    padding-right: 12px;
  }

  .componentTeamInfo .button-arrow-reversed i {
    position: absolute;
    top: -1px;
    left: 10px;
    font-size: 28px;
  }

  .componentTeamInfo .button-arrow-reversed:hover {
    background-color: #2e94de;
    border-color: #2e94de;
    color: #FFF;
  }
}

@media screen and (min-width: 768px) {
  .componentTeamInfo h1,
  .componentTeamInfo h2,
  .componentTeamInfo h3,
  .componentTeamInfo h4,
  .componentTeamInfo h5,
  .componentTeamInfo h6 {
    clear: both;
    font-family: "omnes-pro", "omnesmedium", Arial, Helvetica, sans-serif;
    font-weight: normal;
  }

  .componentTeamInfo p,
  .componentTeamInfo td,
  .componentTeamInfo li {
    color: #333;
    font-size: 20px;
    line-height: 1.4em;
  }

  .componentTeamInfo p a,
  .componentTeamInfo td a,
  .componentTeamInfo li a {
    color: #333;
  }

  .componentTeamInfo h1 {
    font-size: 32px;
    color: #2e94de;
    font-weight: bold;
    font-style: italic;
  }

  .componentTeamInfo h2 {
    font-size: 27px;
    color: #2e94de;
    text-transform: uppercase;
  }

  .componentTeamInfo h3 {
    font-size: 19px;
    color: #2e94de;
  }

  .componentTeamInfo h4 {
    font-size: 20px;
  }

  .componentTeamInfo h5 {
    font-size: 20px;
  }

  .componentTeamInfo h6 {
    font-size: 20px;
  }

  .componentTeamInfo p {
    margin-top: 0;
  }

  .componentTeamInfo p a {
    color: #333;
    text-decoration: none;
    border-bottom: 2px solid #6ab1e2;
  }

  .componentTeamInfo .button-outline {
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    min-width: 117px;
    border: 2px solid #2e94de;
    color: #2754b8;
    border-radius: 6px;
    text-decoration: none;
    padding: 4px 12px;
  }

  .componentTeamInfo .button-outline:hover {
    background-color: #2e94de;
    border-color: #2e94de;
    color: #FFF;
  }

  .componentTeamInfo .button-arrow {
    position: relative;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    min-width: 117px;
    border: 2px solid #2e94de;
    color: #2e94de;
    border-radius: 6px;
    text-decoration: none;
    padding-top: 7px;
    padding-right: 38px;
    padding-bottom: 7px;
    padding-left: 12px;
  }

  .componentTeamInfo .button-arrow i {
    position: absolute;
    top: -1px;
    right: 10px;
    font-size: 28px;
  }

  .componentTeamInfo .button-arrow:hover {
    background-color: #2e94de;
    border-color: #2e94de;
    color: #FFF;
  }

  .componentTeamInfo .button-arrow-reversed {
    position: relative;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    min-width: 117px;
    border: 2px solid #2e94de;
    color: #2e94de;
    border-radius: 6px;
    text-decoration: none;
    padding-top: 7px;
    padding-left: 38px;
    padding-bottom: 7px;
    padding-right: 12px;
  }

  .componentTeamInfo .button-arrow-reversed i {
    position: absolute;
    top: -1px;
    left: 10px;
    font-size: 28px;
  }

  .componentTeamInfo .button-arrow-reversed:hover {
    background-color: #2e94de;
    border-color: #2e94de;
    color: #FFF;
  }

  .componentTeamInfo .teamName,
  .componentTeamInfo .invitedTeamTarget,
  .componentTeamInfo .teamRow {
    float: left;
    display: block;
    margin-right: 2.3576515979%;
    width: 48.821174201%;
  }

  .componentTeamInfo .teamName:last-child,
  .componentTeamInfo .invitedTeamTarget:last-child,
  .componentTeamInfo .teamRow:last-child {
    margin-right: 0;
  }
}

.componentTimelineDay {
  text-align: center;
  background-image: url("../images/timelineDayBG.png");
  background-position: center;
  background-repeat: repeat-y;
  padding-bottom: 20px;
}

.componentTimelineDay h3 {
  height: 90px;
  background-color: white;
  background-image: url("../images/timelineDay.png");
  background-position: bottom;
  background-repeat: no-repeat;
  margin-bottom: 40px;
}

@media screen and (max-width: 767px) {
  .componentTimelineDay {
    background-position: 18px 0px;
  }
}

.componentTimelineDay .loadMoreContainer {
  margin: 40px 0px;
  text-align: center;
  display: none;
}

.componentTimelineDay .loadMoreContainer .loadMore {
  border: none;
  padding: 0;
  background-color: #2e94de;
  border-radius: 5px;
  color: white;
  cursor: pointer;
  font-family: "omnes-pro", "omnesmedium", Arial, Helvetica, sans-serif;
  font-size: 16px;
  font-style: normal;
  line-height: 1;
  outline: none;
  padding: 8px 20px;
  text-align: center;
  border: none;
  color: white;
}

.componentTimelineDay .loadMoreContainer .loadMore:disabled,
.componentTimelineDay .loadMoreContainer .loadMore:disabled:hover {
  background: #c0dff5;
}

.componentTimelineDay:last-child .loadMoreContainer {
  display: block;
}

.componentTimelineDay .componentDashboardLogSteps {
  margin-top: 40px;
}

.componentTimelineDay .form_row.date {
  display: none !important;
}

.collectionTimeline .contentContainer .componentTimelineDay h3 {
  color: #80807c;
  font-size: 18px;
}

.contentContainer .componentTimelineEvent {
  position: relative;
}

@media screen and (min-width: 768px) {
  .contentContainer .componentTimelineEvent {
    margin-top: 20px;
    margin-bottom: 20px;
  }

  .contentContainer .componentTimelineEvent .dot {
    display: none;
  }

  .contentContainer .componentTimelineEvent:nth-child(even),
  .contentContainer .componentTimelineEvent:nth-child(odd) {
    margin-top: -20px;
    margin-bottom: -20px;
  }

  .contentContainer .componentTimelineEvent:nth-child(even) .dot,
  .contentContainer .componentTimelineEvent:nth-child(odd) .dot {
    display: block;
  }
}

@media screen and (max-width: 767px) {
  .contentContainer .componentTimelineEvent {
    margin-top: 20px;
    margin-bottom: 20px;
  }
}

.contentContainer .componentTimelineEvent .eventContent {
  margin: 0px auto;
  border-radius: 5px;
  background: #ebebe3;
  position: relative;
}

@media screen and (max-width: 767px) {
  .contentContainer .componentTimelineEvent .eventContent h1,
  .contentContainer .componentTimelineEvent .eventContent h2,
  .contentContainer .componentTimelineEvent .eventContent h3,
  .contentContainer .componentTimelineEvent .eventContent h4,
  .contentContainer .componentTimelineEvent .eventContent h5,
  .contentContainer .componentTimelineEvent .eventContent h6 {
    clear: both;
    font-family: "omnes-pro", "omnesmedium", Arial, Helvetica, sans-serif;
    font-weight: normal;
  }

  .contentContainer .componentTimelineEvent .eventContent p,
  .contentContainer .componentTimelineEvent .eventContent td,
  .contentContainer .componentTimelineEvent .eventContent li {
    color: #333;
    font-size: 13px;
    line-height: 1.4em;
  }

  .contentContainer .componentTimelineEvent .eventContent p a,
  .contentContainer .componentTimelineEvent .eventContent td a,
  .contentContainer .componentTimelineEvent .eventContent li a {
    color: #333;
  }

  .contentContainer .componentTimelineEvent .eventContent h1 {
    font-size: 32px;
    color: #2e94de;
    font-weight: bold;
    font-style: italic;
  }

  .contentContainer .componentTimelineEvent .eventContent h2 {
    font-size: 27px;
    color: #2e94de;
    text-transform: uppercase;
  }

  .contentContainer .componentTimelineEvent .eventContent h3 {
    font-size: 19px;
    color: #2e94de;
  }

  .contentContainer .componentTimelineEvent .eventContent h4 {
    font-size: 20px;
  }

  .contentContainer .componentTimelineEvent .eventContent h5 {
    font-size: 20px;
  }

  .contentContainer .componentTimelineEvent .eventContent h6 {
    font-size: 20px;
  }

  .contentContainer .componentTimelineEvent .eventContent p {
    margin-top: 0;
  }

  .contentContainer .componentTimelineEvent .eventContent p a {
    color: #333;
    text-decoration: none;
    border-bottom: 2px solid #6ab1e2;
  }

  .contentContainer .componentTimelineEvent .eventContent .button-outline {
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    min-width: 117px;
    border: 2px solid #2e94de;
    color: #2754b8;
    border-radius: 6px;
    text-decoration: none;
    padding: 4px 12px;
  }

  .contentContainer .componentTimelineEvent .eventContent .button-outline:hover {
    background-color: #2e94de;
    border-color: #2e94de;
    color: #FFF;
  }

  .contentContainer .componentTimelineEvent .eventContent .button-arrow {
    position: relative;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    min-width: 117px;
    border: 2px solid #2e94de;
    color: #2e94de;
    border-radius: 6px;
    text-decoration: none;
    padding-top: 7px;
    padding-right: 38px;
    padding-bottom: 7px;
    padding-left: 12px;
  }

  .contentContainer .componentTimelineEvent .eventContent .button-arrow i {
    position: absolute;
    top: -1px;
    right: 10px;
    font-size: 28px;
  }

  .contentContainer .componentTimelineEvent .eventContent .button-arrow:hover {
    background-color: #2e94de;
    border-color: #2e94de;
    color: #FFF;
  }

  .contentContainer .componentTimelineEvent .eventContent .button-arrow-reversed {
    position: relative;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    min-width: 117px;
    border: 2px solid #2e94de;
    color: #2e94de;
    border-radius: 6px;
    text-decoration: none;
    padding-top: 7px;
    padding-left: 38px;
    padding-bottom: 7px;
    padding-right: 12px;
  }

  .contentContainer .componentTimelineEvent .eventContent .button-arrow-reversed i {
    position: absolute;
    top: -1px;
    left: 10px;
    font-size: 28px;
  }

  .contentContainer .componentTimelineEvent .eventContent .button-arrow-reversed:hover {
    background-color: #2e94de;
    border-color: #2e94de;
    color: #FFF;
  }
}

@media screen and (min-width: 768px) {
  .contentContainer .componentTimelineEvent .eventContent h1,
  .contentContainer .componentTimelineEvent .eventContent h2,
  .contentContainer .componentTimelineEvent .eventContent h3,
  .contentContainer .componentTimelineEvent .eventContent h4,
  .contentContainer .componentTimelineEvent .eventContent h5,
  .contentContainer .componentTimelineEvent .eventContent h6 {
    clear: both;
    font-family: "omnes-pro", "omnesmedium", Arial, Helvetica, sans-serif;
    font-weight: normal;
  }

  .contentContainer .componentTimelineEvent .eventContent p,
  .contentContainer .componentTimelineEvent .eventContent td,
  .contentContainer .componentTimelineEvent .eventContent li {
    color: #333;
    font-size: 16px;
    line-height: 1.4em;
  }

  .contentContainer .componentTimelineEvent .eventContent p a,
  .contentContainer .componentTimelineEvent .eventContent td a,
  .contentContainer .componentTimelineEvent .eventContent li a {
    color: #333;
  }

  .contentContainer .componentTimelineEvent .eventContent h1 {
    font-size: 32px;
    color: #2e94de;
    font-weight: bold;
    font-style: italic;
  }

  .contentContainer .componentTimelineEvent .eventContent h2 {
    font-size: 27px;
    color: #2e94de;
    text-transform: uppercase;
  }

  .contentContainer .componentTimelineEvent .eventContent h3 {
    font-size: 19px;
    color: #2e94de;
  }

  .contentContainer .componentTimelineEvent .eventContent h4 {
    font-size: 20px;
  }

  .contentContainer .componentTimelineEvent .eventContent h5 {
    font-size: 20px;
  }

  .contentContainer .componentTimelineEvent .eventContent h6 {
    font-size: 20px;
  }

  .contentContainer .componentTimelineEvent .eventContent p {
    margin-top: 0;
  }

  .contentContainer .componentTimelineEvent .eventContent p a {
    color: #333;
    text-decoration: none;
    border-bottom: 2px solid #6ab1e2;
  }

  .contentContainer .componentTimelineEvent .eventContent .button-outline {
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    min-width: 117px;
    border: 2px solid #2e94de;
    color: #2754b8;
    border-radius: 6px;
    text-decoration: none;
    padding: 4px 12px;
  }

  .contentContainer .componentTimelineEvent .eventContent .button-outline:hover {
    background-color: #2e94de;
    border-color: #2e94de;
    color: #FFF;
  }

  .contentContainer .componentTimelineEvent .eventContent .button-arrow {
    position: relative;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    min-width: 117px;
    border: 2px solid #2e94de;
    color: #2e94de;
    border-radius: 6px;
    text-decoration: none;
    padding-top: 7px;
    padding-right: 38px;
    padding-bottom: 7px;
    padding-left: 12px;
  }

  .contentContainer .componentTimelineEvent .eventContent .button-arrow i {
    position: absolute;
    top: -1px;
    right: 10px;
    font-size: 28px;
  }

  .contentContainer .componentTimelineEvent .eventContent .button-arrow:hover {
    background-color: #2e94de;
    border-color: #2e94de;
    color: #FFF;
  }

  .contentContainer .componentTimelineEvent .eventContent .button-arrow-reversed {
    position: relative;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    min-width: 117px;
    border: 2px solid #2e94de;
    color: #2e94de;
    border-radius: 6px;
    text-decoration: none;
    padding-top: 7px;
    padding-left: 38px;
    padding-bottom: 7px;
    padding-right: 12px;
  }

  .contentContainer .componentTimelineEvent .eventContent .button-arrow-reversed i {
    position: absolute;
    top: -1px;
    left: 10px;
    font-size: 28px;
  }

  .contentContainer .componentTimelineEvent .eventContent .button-arrow-reversed:hover {
    background-color: #2e94de;
    border-color: #2e94de;
    color: #FFF;
  }
}

@media screen and (min-width: 768px) {
  .contentContainer .componentTimelineEvent .eventContent {
    width: 45%;
  }
}

.contentContainer .componentTimelineEvent .eventContent .icon,
.contentContainer .componentTimelineEvent .eventContent .avatar {
  display: block;
  position: absolute;
  left: 10px;
  top: 10px;
}

.csstransforms .contentContainer .componentTimelineEvent .eventContent .icon,
.csstransforms .contentContainer .componentTimelineEvent .eventContent .avatar {
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-backface-visibility: hidden;
  top: 50%;
}

.contentContainer .componentTimelineEvent .eventContent .avatar {
  border-radius: 50%;
  width: 64px;
  height: 64px;
}

.contentContainer .componentTimelineEvent .eventContent p {
  margin: 0px;
  text-align: left;
  padding: 30px 70px 30px 100px;
}

.contentContainer .componentTimelineEvent .eventContent .shareToFacebook {
  display: inline-block;
  overflow: hidden;
  background-repeat: no-repeat;
  display: block;
  cursor: pointer;
  margin: 0px auto;
}

@media screen and (max-width: 767px) {
  .contentContainer .componentTimelineEvent .eventContent .shareToFacebook {
    background-image: url("../images/mobilesprites.png");
  }
}

@media screen and (min-width: 768px) {
  .contentContainer .componentTimelineEvent .eventContent .shareToFacebook {
    background-image: url("../images/sprites.png");
  }
}

.contentContainer .componentTimelineEvent .eventContent .shareToFacebook:hover {
  display: inline-block;
  overflow: hidden;
  background-repeat: no-repeat;
}

@media screen and (max-width: 767px) {
  .contentContainer .componentTimelineEvent .eventContent .shareToFacebook:hover {
    background-image: url("../images/mobilesprites.png");
  }
}

@media screen and (min-width: 768px) {
  .contentContainer .componentTimelineEvent .eventContent .shareToFacebook:hover {
    background-image: url("../images/sprites.png");
  }
}

.contentContainer .componentTimelineEvent .eventContent .bigUps {
  display: inline-block;
  overflow: hidden;
  background-repeat: no-repeat;
  display: block;
  cursor: pointer;
  margin: 0px auto;
}

@media screen and (max-width: 767px) {
  .contentContainer .componentTimelineEvent .eventContent .bigUps {
    background-image: url("../images/mobilesprites.png");
  }
}

@media screen and (min-width: 768px) {
  .contentContainer .componentTimelineEvent .eventContent .bigUps {
    background-image: url("../images/sprites.png");
  }
}

.contentContainer .componentTimelineEvent .eventContent .bigUps:hover,
.contentContainer .componentTimelineEvent .eventContent .bigUps.clicked {
  display: inline-block;
  overflow: hidden;
  background-repeat: no-repeat;
  display: block;
}

@media screen and (max-width: 767px) {
  .contentContainer .componentTimelineEvent .eventContent .bigUps:hover,
  .contentContainer .componentTimelineEvent .eventContent .bigUps.clicked {
    background-image: url("../images/mobilesprites.png");
  }
}

@media screen and (min-width: 768px) {
  .contentContainer .componentTimelineEvent .eventContent .bigUps:hover,
  .contentContainer .componentTimelineEvent .eventContent .bigUps.clicked {
    background-image: url("../images/sprites.png");
  }
}

.contentContainer .componentTimelineEvent .eventContent .actions {
  position: absolute;
  right: 10px;
  z-index: 1;
}

.contentContainer .componentTimelineEvent .eventContent .view {
  display: none;
  clear: both;
  background: #1855b1;
  color: white;
  border-radius: 4px;
  border: none;
  padding: 7px 15px;
  cursor: pointer;
  text-decoration: none;
  font-size: 14px;
  margin-top: 5px;
}

.contentContainer .componentTimelineEvent .eventContent:after {
  border-color: #ebebe3;
}

@media screen and (min-width: 768px) {
  .contentContainer .componentTimelineEvent:nth-child(even) .eventContent {
    margin-left: 0px;
  }

  .contentContainer .componentTimelineEvent:nth-child(even) .eventContent:after {
    left: 100%;
    top: 50%;
    border: solid transparent;
    border-left-color: #ebebe3;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-width: 20px;
    margin-top: -20px;
  }

  .contentContainer .componentTimelineEvent:nth-child(odd) .eventContent {
    margin-right: 0px;
  }

  .contentContainer .componentTimelineEvent:nth-child(odd) .eventContent:after {
    right: 100%;
    top: 50%;
    border: solid transparent;
    border-right-color: #ebebe3;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-width: 20px;
    margin-top: -20px;
  }

  .contentContainer .componentTimelineEvent .dot {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 10px;
    height: 10px;
    border-radius: 8px;
    background: #adada8;
    -webkit-transform: translateY(-50%) translateX(-50%);
    -ms-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
  }
}

@media screen and (max-width: 767px) {
  .contentContainer .componentTimelineEvent {
    padding-left: 55px;
  }

  .contentContainer .componentTimelineEvent .eventContent:after {
    right: 100%;
    top: 50%;
    border: solid transparent;
    border-right-color: #ebebe3;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-width: 20px;
    margin-top: -20px;
  }

  .contentContainer .componentTimelineEvent .dot {
    position: absolute;
    left: 20px;
    top: 50%;
    width: 10px;
    height: 10px;
    border-radius: 8px;
    background: #adada8;
    -webkit-transform: translateY(-50%) translateX(-50%);
    -ms-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
  }
}

.contentContainer .componentTimelineEvent.begin {
  margin-top: 70px;
  margin-bottom: 70px;
}

.contentContainer .componentTimelineEvent.begin div {
  text-align: center;
  width: 100%;
}

.contentContainer .componentTimelineEvent.begin div .ribbonSlanted {
  z-index: 1;
  position: relative;
  display: inline-block;
  margin-top: 0px;
  margin-bottom: 0px;
  -webkit-backface-visibility: hidden;
  color: #FFF;
  margin-top: 0px;
  margin-bottom: 0px;
}

.contentContainer .componentTimelineEvent.begin div .ribbonSlanted > * {
  display: inline-block;
}

.contentContainer .componentTimelineEvent.begin div .ribbonSlanted .ribbonText {
  color: #1855b1;
  border-radius: 4px;
  position: relative;
  z-index: 7;
  overflow: hidden;
  display: inline-block;
  font-family: "tradegothic", Arial, Helvetica, sans-serif;
  font-style: normal;
  font-weight: normal;
  text-overflow: ellipsis;
  text-transform: uppercase;
}

@media screen and (max-width: 767px) {
  .contentContainer .componentTimelineEvent.begin div .ribbonSlanted .ribbonText {
    max-width: 212px;
    font-size: 35px;
    padding-top: 8px;
    padding-left: 18px;
    padding-bottom: 6px;
    padding-right: 18px;
  }
}

@media screen and (min-width: 768px) {
  .contentContainer .componentTimelineEvent.begin div .ribbonSlanted .ribbonText {
    max-width: 440px;
    font-size: 50px;
    padding-top: 10px;
    padding-left: 39px;
    padding-bottom: 8px;
    padding-right: 39px;
  }
}

.contentContainer .componentTimelineEvent.begin div .ribbonSlanted.nowrap .ribbonText {
  white-space: nowrap;
}

@media screen and (max-width: 767px) {
  .contentContainer .componentTimelineEvent.begin div .ribbonSlanted.nowrap .ribbonText {
    max-height: 44px;
  }
}

@media screen and (min-width: 768px) {
  .contentContainer .componentTimelineEvent.begin div .ribbonSlanted.nowrap .ribbonText {
    max-height: 72px;
  }
}

.contentContainer .componentTimelineEvent.begin div .ribbonSlanted .ribbonLeft {
  display: none;
}

.contentContainer .componentTimelineEvent.begin div .ribbonSlanted .ribbonRight {
  display: none;
}

.contentContainer .componentTimelineEvent.begin div .ribbonSlanted .ribbonText {
  max-height: 72px;
  max-width: 440px;
  font-size: 22px;
  padding-top: 11px;
  padding-left: 39px;
  padding-bottom: 11px;
  padding-right: 39px;
}

@media screen and (max-width: 767px) {
  .contentContainer .componentTimelineEvent.begin div .ribbonSlanted .ribbonText {
    min-width: 214px;
    max-width: 350px;
  }
}

@media screen and (min-width: 768px) {
  .contentContainer .componentTimelineEvent.begin div .ribbonSlanted .ribbonText {
    min-width: 283px;
    max-width: 350px;
  }
}

.contentContainer .componentTimelineEvent.begin div .ribbonSlanted .ribbonLeft {
  bottom: auto;
  top: -15px;
}

.contentContainer .componentTimelineEvent.begin div .ribbonSlanted .ribbonRight {
  top: auto;
  bottom: -15px;
}

.contentContainer .componentTimelineEvent.personalBest .eventContent {
  background: #d1e3f6;
}

@media screen and (min-width: 768px) {
  .contentContainer .componentTimelineEvent.personalBest:nth-child(even) .eventContent:after {
    border-left-color: #d1e3f6;
  }

  .contentContainer .componentTimelineEvent.personalBest:nth-child(odd) .eventContent:after {
    border-right-color: #d1e3f6;
  }
}

@media screen and (max-width: 767px) {
  .contentContainer .componentTimelineEvent.personalBest .eventContent:after {
    border-right-color: #d1e3f6;
  }
}

.contentContainer .componentTimelineEvent.personalBest .dot {
  background: #2e94de;
}

.contentContainer .componentTimelineEvent.personalBest .icon {
  display: inline-block;
  overflow: hidden;
  background-repeat: no-repeat;
}

@media screen and (max-width: 767px) {
  .contentContainer .componentTimelineEvent.personalBest .icon {
    background-image: url("../images/mobilesprites.png");
  }
}

@media screen and (min-width: 768px) {
  .contentContainer .componentTimelineEvent.personalBest .icon {
    background-image: url("../images/sprites.png");
  }
}

.contentContainer .componentTimelineEvent.personalBest .actions {
  top: 10px;
}

.csstransforms .contentContainer .componentTimelineEvent.personalBest .actions {
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-backface-visibility: hidden;
  top: 50%;
}

.contentContainer .componentTimelineEvent.donation .eventContent {
  background: #d1e3f6;
}

@media screen and (min-width: 768px) {
  .contentContainer .componentTimelineEvent.donation:nth-child(even) .eventContent:after {
    border-left-color: #d1e3f6;
  }

  .contentContainer .componentTimelineEvent.donation:nth-child(odd) .eventContent:after {
    border-right-color: #d1e3f6;
  }
}

@media screen and (max-width: 767px) {
  .contentContainer .componentTimelineEvent.donation .eventContent:after {
    border-right-color: #d1e3f6;
  }
}

.contentContainer .componentTimelineEvent.donation .dot {
  background: #2e94de;
}

.contentContainer .componentTimelineEvent.donation .icon {
  display: inline-block;
  overflow: hidden;
  background-repeat: no-repeat;
}

@media screen and (max-width: 767px) {
  .contentContainer .componentTimelineEvent.donation .icon {
    background-image: url("../images/mobilesprites.png");
  }
}

@media screen and (min-width: 768px) {
  .contentContainer .componentTimelineEvent.donation .icon {
    background-image: url("../images/sprites.png");
  }
}

.contentContainer .componentTimelineEvent.donation .actions {
  top: 10px;
}

.csstransforms .contentContainer .componentTimelineEvent.donation .actions {
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-backface-visibility: hidden;
  top: 50%;
}

.contentContainer .componentTimelineEvent.donation .dot {
  background-color: #3d8928;
}

.contentContainer .componentTimelineEvent.teamMemberSteps .actions {
  top: 10px;
}

.csstransforms .contentContainer .componentTimelineEvent.teamMemberSteps .actions {
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-backface-visibility: hidden;
  top: 50%;
}

.contentContainer .componentTimelineEvent.mySteps .delete,
.contentContainer .componentTimelineEvent.stepsLogged .delete {
  display: inline-block;
  overflow: hidden;
  background-repeat: no-repeat;
  cursor: pointer;
  display: block;
  cursor: pointer;
  margin: 0px auto;
}

@media screen and (max-width: 767px) {
  .contentContainer .componentTimelineEvent.mySteps .delete,
  .contentContainer .componentTimelineEvent.stepsLogged .delete {
    background-image: url("../images/mobilesprites.png");
  }
}

@media screen and (min-width: 768px) {
  .contentContainer .componentTimelineEvent.mySteps .delete,
  .contentContainer .componentTimelineEvent.stepsLogged .delete {
    background-image: url("../images/sprites.png");
  }
}

.contentContainer .componentTimelineEvent.mySteps .delete:hover,
.contentContainer .componentTimelineEvent.stepsLogged .delete:hover {
  display: inline-block;
  overflow: hidden;
  background-repeat: no-repeat;
}

@media screen and (max-width: 767px) {
  .contentContainer .componentTimelineEvent.mySteps .delete:hover,
  .contentContainer .componentTimelineEvent.stepsLogged .delete:hover {
    background-image: url("../images/mobilesprites.png");
  }
}

@media screen and (min-width: 768px) {
  .contentContainer .componentTimelineEvent.mySteps .delete:hover,
  .contentContainer .componentTimelineEvent.stepsLogged .delete:hover {
    background-image: url("../images/sprites.png");
  }
}

.contentContainer .componentTimelineEvent.mySteps .actions,
.contentContainer .componentTimelineEvent.stepsLogged .actions {
  top: 10px;
}

.csstransforms .contentContainer .componentTimelineEvent.mySteps .actions,
.csstransforms .contentContainer .componentTimelineEvent.stepsLogged .actions {
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-backface-visibility: hidden;
  top: 50%;
}

.contentContainer .componentTimelineEvent.teamMemberPhoto .eventContent,
.contentContainer .componentTimelineEvent.myPhoto .eventContent {
  background: #d1e3f6;
}

@media screen and (min-width: 768px) {
  .contentContainer .componentTimelineEvent.teamMemberPhoto:nth-child(even) .eventContent:after,
  .contentContainer .componentTimelineEvent.myPhoto:nth-child(even) .eventContent:after {
    border-left-color: #d1e3f6;
  }

  .contentContainer .componentTimelineEvent.teamMemberPhoto:nth-child(odd) .eventContent:after,
  .contentContainer .componentTimelineEvent.myPhoto:nth-child(odd) .eventContent:after {
    border-right-color: #d1e3f6;
  }
}

@media screen and (max-width: 767px) {
  .contentContainer .componentTimelineEvent.teamMemberPhoto .eventContent:after,
  .contentContainer .componentTimelineEvent.myPhoto .eventContent:after {
    border-right-color: #d1e3f6;
  }
}

.contentContainer .componentTimelineEvent.teamMemberPhoto .dot,
.contentContainer .componentTimelineEvent.myPhoto .dot {
  background: #2e94de;
}

.contentContainer .componentTimelineEvent.teamMemberPhoto .eventContent .actions,
.contentContainer .componentTimelineEvent.myPhoto .eventContent .actions {
  top: 10px;
}

.contentContainer .componentTimelineEvent.teamMemberPhoto .eventContent .delete:hover,
.contentContainer .componentTimelineEvent.myPhoto .eventContent .delete:hover {
  display: inline-block;
  overflow: hidden;
  background-repeat: no-repeat;
}

@media screen and (max-width: 767px) {
  .contentContainer .componentTimelineEvent.teamMemberPhoto .eventContent .delete:hover,
  .contentContainer .componentTimelineEvent.myPhoto .eventContent .delete:hover {
    background-image: url("../images/mobilesprites.png");
  }
}

@media screen and (min-width: 768px) {
  .contentContainer .componentTimelineEvent.teamMemberPhoto .eventContent .delete:hover,
  .contentContainer .componentTimelineEvent.myPhoto .eventContent .delete:hover {
    background-image: url("../images/sprites.png");
  }
}

@media screen and (min-width: 768px) {
  .contentContainer .componentTimelineEvent.teamMemberPhoto p,
  .contentContainer .componentTimelineEvent.myPhoto p {
    padding: 20px 60px 20px 30px;
    margin-left: 145px;
  }

  .contentContainer .componentTimelineEvent.teamMemberPhoto .photo,
  .contentContainer .componentTimelineEvent.myPhoto .photo {
    float: left;
    top: 0px;
    left: 0px;
    margin: 0px;
    cursor: pointer;
    max-height: 400px;
    max-width: 100%;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    border: 2px solid #d1e3f6;
  }

  .contentContainer .componentTimelineEvent.teamMemberPhoto .delete,
  .contentContainer .componentTimelineEvent.myPhoto .delete {
    cursor: pointer;
    position: absolute;
    bottom: 10px;
    left: 110px;
    display: inline-block;
    overflow: hidden;
    background-repeat: no-repeat;
  }
}

@media screen and (min-width: 768px) and (max-width: 767px) {
  .contentContainer .componentTimelineEvent.teamMemberPhoto .delete,
  .contentContainer .componentTimelineEvent.myPhoto .delete {
    background-image: url("../images/mobilesprites.png");
  }
}

@media screen and (min-width: 768px) and (min-width: 768px) {
  .contentContainer .componentTimelineEvent.teamMemberPhoto .delete,
  .contentContainer .componentTimelineEvent.myPhoto .delete {
    background-image: url("../images/sprites.png");
  }
}

@media screen and (max-width: 767px) {
  .contentContainer .componentTimelineEvent.teamMemberPhoto p,
  .contentContainer .componentTimelineEvent.myPhoto p {
    padding: 30px 20px;
  }

  .contentContainer .componentTimelineEvent.teamMemberPhoto .photo,
  .contentContainer .componentTimelineEvent.myPhoto .photo {
    display: block;
    clear: both;
    width: 100%;
    margin: 0px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border: 2px solid #d1e3f6;
  }

  .contentContainer .componentTimelineEvent.teamMemberPhoto .delete,
  .contentContainer .componentTimelineEvent.myPhoto .delete {
    cursor: pointer;
    position: absolute;
    bottom: 10px;
    right: 10px;
    display: inline-block;
    overflow: hidden;
    background-repeat: no-repeat;
  }
}

@media screen and (max-width: 767px) and (max-width: 767px) {
  .contentContainer .componentTimelineEvent.teamMemberPhoto .delete,
  .contentContainer .componentTimelineEvent.myPhoto .delete {
    background-image: url("../images/mobilesprites.png");
  }
}

@media screen and (max-width: 767px) and (min-width: 768px) {
  .contentContainer .componentTimelineEvent.teamMemberPhoto .delete,
  .contentContainer .componentTimelineEvent.myPhoto .delete {
    background-image: url("../images/sprites.png");
  }
}

.contentContainer .componentTimelineEvent.checkpoint .eventContent {
  background: #d1e3f6;
}

@media screen and (min-width: 768px) {
  .contentContainer .componentTimelineEvent.checkpoint:nth-child(even) .eventContent:after {
    border-left-color: #d1e3f6;
  }

  .contentContainer .componentTimelineEvent.checkpoint:nth-child(odd) .eventContent:after {
    border-right-color: #d1e3f6;
  }
}

@media screen and (max-width: 767px) {
  .contentContainer .componentTimelineEvent.checkpoint .eventContent:after {
    border-right-color: #d1e3f6;
  }
}

.contentContainer .componentTimelineEvent.checkpoint .dot {
  background: #2e94de;
}

.contentContainer .componentTimelineEvent.checkpoint .actions {
  top: 10px;
}

.csstransforms .contentContainer .componentTimelineEvent.checkpoint .actions {
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-backface-visibility: hidden;
  top: 50%;
}

.contentContainer .componentTimelineEvent.checkpoint .icon.checkpoint1 {
  display: inline-block;
  overflow: hidden;
  background-repeat: no-repeat;
}

@media screen and (max-width: 767px) {
  .contentContainer .componentTimelineEvent.checkpoint .icon.checkpoint1 {
    background-image: url("../images/mobilesprites.png");
  }
}

@media screen and (min-width: 768px) {
  .contentContainer .componentTimelineEvent.checkpoint .icon.checkpoint1 {
    background-image: url("../images/sprites.png");
  }
}

.contentContainer .componentTimelineEvent.checkpoint .icon.checkpoint2 {
  display: inline-block;
  overflow: hidden;
  background-repeat: no-repeat;
}

@media screen and (max-width: 767px) {
  .contentContainer .componentTimelineEvent.checkpoint .icon.checkpoint2 {
    background-image: url("../images/mobilesprites.png");
  }
}

@media screen and (min-width: 768px) {
  .contentContainer .componentTimelineEvent.checkpoint .icon.checkpoint2 {
    background-image: url("../images/sprites.png");
  }
}

.contentContainer .componentTimelineEvent.checkpoint .icon.checkpoint3 {
  display: inline-block;
  overflow: hidden;
  background-repeat: no-repeat;
}

@media screen and (max-width: 767px) {
  .contentContainer .componentTimelineEvent.checkpoint .icon.checkpoint3 {
    background-image: url("../images/mobilesprites.png");
  }
}

@media screen and (min-width: 768px) {
  .contentContainer .componentTimelineEvent.checkpoint .icon.checkpoint3 {
    background-image: url("../images/sprites.png");
  }
}

.contentContainer .componentTimelineEvent.checkpoint .icon.checkpoint4 {
  display: inline-block;
  overflow: hidden;
  background-repeat: no-repeat;
}

@media screen and (max-width: 767px) {
  .contentContainer .componentTimelineEvent.checkpoint .icon.checkpoint4 {
    background-image: url("../images/mobilesprites.png");
  }
}

@media screen and (min-width: 768px) {
  .contentContainer .componentTimelineEvent.checkpoint .icon.checkpoint4 {
    background-image: url("../images/sprites.png");
  }
}

.contentContainer .componentTimelineEvent.checkpoint .icon.checkpoint5 {
  display: inline-block;
  overflow: hidden;
  background-repeat: no-repeat;
}

@media screen and (max-width: 767px) {
  .contentContainer .componentTimelineEvent.checkpoint .icon.checkpoint5 {
    background-image: url("../images/mobilesprites.png");
  }
}

@media screen and (min-width: 768px) {
  .contentContainer .componentTimelineEvent.checkpoint .icon.checkpoint5 {
    background-image: url("../images/sprites.png");
  }
}

.contentContainer .componentTimelineEvent.checkpoint .icon.checkpoint6 {
  display: inline-block;
  overflow: hidden;
  background-repeat: no-repeat;
}

@media screen and (max-width: 767px) {
  .contentContainer .componentTimelineEvent.checkpoint .icon.checkpoint6 {
    background-image: url("../images/mobilesprites.png");
  }
}

@media screen and (min-width: 768px) {
  .contentContainer .componentTimelineEvent.checkpoint .icon.checkpoint6 {
    background-image: url("../images/sprites.png");
  }
}

.contentContainer .componentTimelineEvent.checkpoint .icon.checkpoint7 {
  display: inline-block;
  overflow: hidden;
  background-repeat: no-repeat;
}

@media screen and (max-width: 767px) {
  .contentContainer .componentTimelineEvent.checkpoint .icon.checkpoint7 {
    background-image: url("../images/mobilesprites.png");
  }
}

@media screen and (min-width: 768px) {
  .contentContainer .componentTimelineEvent.checkpoint .icon.checkpoint7 {
    background-image: url("../images/sprites.png");
  }
}

@media screen and (max-width: 767px) {
  .contentContainer .componentTimelineEvent.pickup p {
    padding: 30px 70px 30px 30px;
  }
}

@media screen and (min-width: 768px) {
  .contentContainer .componentTimelineEvent.pickup p {
    padding: 30px 70px 30px 30px;
  }
}

.contentContainer .componentTimelineEvent.pickup.journey_red_key .eventContent,
.contentContainer .componentTimelineEvent.pickup.journey_blue_key .eventContent,
.contentContainer .componentTimelineEvent.pickup.journey_green_key .eventContent,
.contentContainer .componentTimelineEvent.pickup.journey_old_map .eventContent,
.contentContainer .componentTimelineEvent.pickup.journey_compass .eventContent,
.contentContainer .componentTimelineEvent.pickup.journey_oysters .eventContent,
.contentContainer .componentTimelineEvent.pickup.journey_oxygen_tank .eventContent,
.contentContainer .componentTimelineEvent.pickup.journey_climbing_spikes .eventContent {
  background: #d1e3f6;
}

@media screen and (min-width: 768px) {
  .contentContainer .componentTimelineEvent.pickup.journey_red_key:nth-child(even) .eventContent:after,
  .contentContainer .componentTimelineEvent.pickup.journey_blue_key:nth-child(even) .eventContent:after,
  .contentContainer .componentTimelineEvent.pickup.journey_green_key:nth-child(even) .eventContent:after,
  .contentContainer .componentTimelineEvent.pickup.journey_old_map:nth-child(even) .eventContent:after,
  .contentContainer .componentTimelineEvent.pickup.journey_compass:nth-child(even) .eventContent:after,
  .contentContainer .componentTimelineEvent.pickup.journey_oysters:nth-child(even) .eventContent:after,
  .contentContainer .componentTimelineEvent.pickup.journey_oxygen_tank:nth-child(even) .eventContent:after,
  .contentContainer .componentTimelineEvent.pickup.journey_climbing_spikes:nth-child(even) .eventContent:after {
    border-left-color: #d1e3f6;
  }

  .contentContainer .componentTimelineEvent.pickup.journey_red_key:nth-child(odd) .eventContent:after,
  .contentContainer .componentTimelineEvent.pickup.journey_blue_key:nth-child(odd) .eventContent:after,
  .contentContainer .componentTimelineEvent.pickup.journey_green_key:nth-child(odd) .eventContent:after,
  .contentContainer .componentTimelineEvent.pickup.journey_old_map:nth-child(odd) .eventContent:after,
  .contentContainer .componentTimelineEvent.pickup.journey_compass:nth-child(odd) .eventContent:after,
  .contentContainer .componentTimelineEvent.pickup.journey_oysters:nth-child(odd) .eventContent:after,
  .contentContainer .componentTimelineEvent.pickup.journey_oxygen_tank:nth-child(odd) .eventContent:after,
  .contentContainer .componentTimelineEvent.pickup.journey_climbing_spikes:nth-child(odd) .eventContent:after {
    border-right-color: #d1e3f6;
  }
}

@media screen and (max-width: 767px) {
  .contentContainer .componentTimelineEvent.pickup.journey_red_key .eventContent:after,
  .contentContainer .componentTimelineEvent.pickup.journey_blue_key .eventContent:after,
  .contentContainer .componentTimelineEvent.pickup.journey_green_key .eventContent:after,
  .contentContainer .componentTimelineEvent.pickup.journey_old_map .eventContent:after,
  .contentContainer .componentTimelineEvent.pickup.journey_compass .eventContent:after,
  .contentContainer .componentTimelineEvent.pickup.journey_oysters .eventContent:after,
  .contentContainer .componentTimelineEvent.pickup.journey_oxygen_tank .eventContent:after,
  .contentContainer .componentTimelineEvent.pickup.journey_climbing_spikes .eventContent:after {
    border-right-color: #d1e3f6;
  }
}

.contentContainer .componentTimelineEvent.pickup.journey_red_key .dot,
.contentContainer .componentTimelineEvent.pickup.journey_blue_key .dot,
.contentContainer .componentTimelineEvent.pickup.journey_green_key .dot,
.contentContainer .componentTimelineEvent.pickup.journey_old_map .dot,
.contentContainer .componentTimelineEvent.pickup.journey_compass .dot,
.contentContainer .componentTimelineEvent.pickup.journey_oysters .dot,
.contentContainer .componentTimelineEvent.pickup.journey_oxygen_tank .dot,
.contentContainer .componentTimelineEvent.pickup.journey_climbing_spikes .dot {
  background: #2e94de;
}

@media screen and (max-width: 767px) {
  .contentContainer .componentTimelineEvent.pickup.journey_red_key p,
  .contentContainer .componentTimelineEvent.pickup.journey_blue_key p,
  .contentContainer .componentTimelineEvent.pickup.journey_green_key p,
  .contentContainer .componentTimelineEvent.pickup.journey_old_map p,
  .contentContainer .componentTimelineEvent.pickup.journey_compass p,
  .contentContainer .componentTimelineEvent.pickup.journey_oysters p,
  .contentContainer .componentTimelineEvent.pickup.journey_oxygen_tank p,
  .contentContainer .componentTimelineEvent.pickup.journey_climbing_spikes p {
    padding: 30px 70px 30px 100px;
  }
}

@media screen and (min-width: 768px) {
  .contentContainer .componentTimelineEvent.pickup.journey_red_key p,
  .contentContainer .componentTimelineEvent.pickup.journey_blue_key p,
  .contentContainer .componentTimelineEvent.pickup.journey_green_key p,
  .contentContainer .componentTimelineEvent.pickup.journey_old_map p,
  .contentContainer .componentTimelineEvent.pickup.journey_compass p,
  .contentContainer .componentTimelineEvent.pickup.journey_oysters p,
  .contentContainer .componentTimelineEvent.pickup.journey_oxygen_tank p,
  .contentContainer .componentTimelineEvent.pickup.journey_climbing_spikes p {
    padding: 30px 70px 30px 100px;
  }
}

.contentContainer .componentTimelineEvent.pickup .actions {
  top: 10px;
}

.csstransforms .contentContainer .componentTimelineEvent.pickup .actions {
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-backface-visibility: hidden;
  top: 50%;
}

.contentContainer .componentTimelineEvent.pickup .icon {
  display: none;
}

.contentContainer .componentTimelineEvent.pickup .icon.sprite-journey_red_key,
.contentContainer .componentTimelineEvent.pickup .icon.sprite-journey_blue_key,
.contentContainer .componentTimelineEvent.pickup .icon.sprite-journey_green_key,
.contentContainer .componentTimelineEvent.pickup .icon.sprite-journey_old_map,
.contentContainer .componentTimelineEvent.pickup .icon.sprite-journey_compass,
.contentContainer .componentTimelineEvent.pickup .icon.sprite-journey_oysters,
.contentContainer .componentTimelineEvent.pickup .icon.sprite-journey_oxygen_tank,
.contentContainer .componentTimelineEvent.pickup .icon.sprite-journey_climbing_spikes {
  display: block;
}

.contentContainer .componentTimelineEvent.cpa .eventContent,
.contentContainer .componentTimelineEvent.publicAnnouncement .eventContent {
  background: #ffffff;
  border: #d1e2f6 solid 2px;
  text-align: left;
}

.contentContainer .componentTimelineEvent.cpa .eventContent .logo,
.contentContainer .componentTimelineEvent.publicAnnouncement .eventContent .logo {
  display: block;
  clear: both;
  margin: 20px;
}

.contentContainer .componentTimelineEvent.cpa .eventContent .logo.au,
.contentContainer .componentTimelineEvent.publicAnnouncement .eventContent .logo.au {
  display: inline-block;
  overflow: hidden;
  background-repeat: no-repeat;
}

@media screen and (max-width: 767px) {
  .contentContainer .componentTimelineEvent.cpa .eventContent .logo.au,
  .contentContainer .componentTimelineEvent.publicAnnouncement .eventContent .logo.au {
    background-image: url("../images/mobilesprites.png");
  }
}

@media screen and (min-width: 768px) {
  .contentContainer .componentTimelineEvent.cpa .eventContent .logo.au,
  .contentContainer .componentTimelineEvent.publicAnnouncement .eventContent .logo.au {
    background-image: url("../images/sprites.png");
  }
}

.contentContainer .componentTimelineEvent.cpa .eventContent .logo.ca,
.contentContainer .componentTimelineEvent.publicAnnouncement .eventContent .logo.ca {
  display: inline-block;
  overflow: hidden;
  background-repeat: no-repeat;
}

@media screen and (max-width: 767px) {
  .contentContainer .componentTimelineEvent.cpa .eventContent .logo.ca,
  .contentContainer .componentTimelineEvent.publicAnnouncement .eventContent .logo.ca {
    background-image: url("../images/mobilesprites.png");
  }
}

@media screen and (min-width: 768px) {
  .contentContainer .componentTimelineEvent.cpa .eventContent .logo.ca,
  .contentContainer .componentTimelineEvent.publicAnnouncement .eventContent .logo.ca {
    background-image: url("../images/sprites.png");
  }
}

.contentContainer .componentTimelineEvent.cpa .eventContent .logo.nl,
.contentContainer .componentTimelineEvent.publicAnnouncement .eventContent .logo.nl {
  display: inline-block;
  overflow: hidden;
  background-repeat: no-repeat;
}

@media screen and (max-width: 767px) {
  .contentContainer .componentTimelineEvent.cpa .eventContent .logo.nl,
  .contentContainer .componentTimelineEvent.publicAnnouncement .eventContent .logo.nl {
    background-image: url("../images/mobilesprites.png");
  }
}

@media screen and (min-width: 768px) {
  .contentContainer .componentTimelineEvent.cpa .eventContent .logo.nl,
  .contentContainer .componentTimelineEvent.publicAnnouncement .eventContent .logo.nl {
    background-image: url("../images/sprites.png");
  }
}

.contentContainer .componentTimelineEvent.cpa .eventContent .logo.nz,
.contentContainer .componentTimelineEvent.publicAnnouncement .eventContent .logo.nz {
  display: inline-block;
  overflow: hidden;
  background-repeat: no-repeat;
}

@media screen and (max-width: 767px) {
  .contentContainer .componentTimelineEvent.cpa .eventContent .logo.nz,
  .contentContainer .componentTimelineEvent.publicAnnouncement .eventContent .logo.nz {
    background-image: url("../images/mobilesprites.png");
  }
}

@media screen and (min-width: 768px) {
  .contentContainer .componentTimelineEvent.cpa .eventContent .logo.nz,
  .contentContainer .componentTimelineEvent.publicAnnouncement .eventContent .logo.nz {
    background-image: url("../images/sprites.png");
  }
}

.contentContainer .componentTimelineEvent.cpa .eventContent .logo.sg,
.contentContainer .componentTimelineEvent.publicAnnouncement .eventContent .logo.sg {
  display: inline-block;
  overflow: hidden;
  background-repeat: no-repeat;
}

@media screen and (max-width: 767px) {
  .contentContainer .componentTimelineEvent.cpa .eventContent .logo.sg,
  .contentContainer .componentTimelineEvent.publicAnnouncement .eventContent .logo.sg {
    background-image: url("../images/mobilesprites.png");
  }
}

@media screen and (min-width: 768px) {
  .contentContainer .componentTimelineEvent.cpa .eventContent .logo.sg,
  .contentContainer .componentTimelineEvent.publicAnnouncement .eventContent .logo.sg {
    background-image: url("../images/sprites.png");
  }
}

.contentContainer .componentTimelineEvent.cpa .eventContent .logo.tr,
.contentContainer .componentTimelineEvent.publicAnnouncement .eventContent .logo.tr {
  display: inline-block;
  overflow: hidden;
  background-repeat: no-repeat;
}

@media screen and (max-width: 767px) {
  .contentContainer .componentTimelineEvent.cpa .eventContent .logo.tr,
  .contentContainer .componentTimelineEvent.publicAnnouncement .eventContent .logo.tr {
    background-image: url("../images/mobilesprites.png");
  }
}

@media screen and (min-width: 768px) {
  .contentContainer .componentTimelineEvent.cpa .eventContent .logo.tr,
  .contentContainer .componentTimelineEvent.publicAnnouncement .eventContent .logo.tr {
    background-image: url("../images/sprites.png");
  }
}

.contentContainer .componentTimelineEvent.cpa .eventContent .logo.uk,
.contentContainer .componentTimelineEvent.publicAnnouncement .eventContent .logo.uk {
  display: inline-block;
  overflow: hidden;
  background-repeat: no-repeat;
}

@media screen and (max-width: 767px) {
  .contentContainer .componentTimelineEvent.cpa .eventContent .logo.uk,
  .contentContainer .componentTimelineEvent.publicAnnouncement .eventContent .logo.uk {
    background-image: url("../images/mobilesprites.png");
  }
}

@media screen and (min-width: 768px) {
  .contentContainer .componentTimelineEvent.cpa .eventContent .logo.uk,
  .contentContainer .componentTimelineEvent.publicAnnouncement .eventContent .logo.uk {
    background-image: url("../images/sprites.png");
  }
}

.contentContainer .componentTimelineEvent.cpa .eventContent .logo.us,
.contentContainer .componentTimelineEvent.publicAnnouncement .eventContent .logo.us {
  display: inline-block;
  overflow: hidden;
  background-repeat: no-repeat;
}

@media screen and (max-width: 767px) {
  .contentContainer .componentTimelineEvent.cpa .eventContent .logo.us,
  .contentContainer .componentTimelineEvent.publicAnnouncement .eventContent .logo.us {
    background-image: url("../images/mobilesprites.png");
  }
}

@media screen and (min-width: 768px) {
  .contentContainer .componentTimelineEvent.cpa .eventContent .logo.us,
  .contentContainer .componentTimelineEvent.publicAnnouncement .eventContent .logo.us {
    background-image: url("../images/sprites.png");
  }
}

.contentContainer .componentTimelineEvent.cpa .eventContent .photo,
.contentContainer .componentTimelineEvent.publicAnnouncement .eventContent .photo {
  cursor: pointer;
}

.contentContainer .componentTimelineEvent.cpa .eventContent p,
.contentContainer .componentTimelineEvent.cpa .eventContent img,
.contentContainer .componentTimelineEvent.cpa .eventContent .videoouter,
.contentContainer .componentTimelineEvent.publicAnnouncement .eventContent p,
.contentContainer .componentTimelineEvent.publicAnnouncement .eventContent img,
.contentContainer .componentTimelineEvent.publicAnnouncement .eventContent .videoouter {
  padding-left: 20px;
  padding-right: 50px;
  padding-top: 0px;
  padding-bottom: 30px;
  margin: 0px;
  max-width: 100%;
}

.contentContainer .componentTimelineEvent.cpa .eventContent .videowrapper,
.contentContainer .componentTimelineEvent.publicAnnouncement .eventContent .videowrapper {
  float: none;
  clear: both;
  width: 100%;
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 25px;
  height: 0;
}

.contentContainer .componentTimelineEvent.cpa .eventContent .videowrapper iframe,
.contentContainer .componentTimelineEvent.publicAnnouncement .eventContent .videowrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.contentContainer .componentTimelineEvent.cpa .eventContent .actions,
.contentContainer .componentTimelineEvent.publicAnnouncement .eventContent .actions {
  top: 10px;
}

@media screen and (min-width: 768px) {
  .contentContainer .componentTimelineEvent.cpa:nth-child(even) .eventContent,
  .contentContainer .componentTimelineEvent.publicAnnouncement:nth-child(even) .eventContent {
    margin-left: 0px;
  }

  .contentContainer .componentTimelineEvent.cpa:nth-child(even) .eventContent:before,
  .contentContainer .componentTimelineEvent.publicAnnouncement:nth-child(even) .eventContent:before {
    right: -42px;
    top: 50%;
    border: solid transparent;
    border-left-color: #d1e2f6;
    border-width: 20px;
    content: '';
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-width: 20px;
    margin-top: -20px;
    z-index: 0;
  }

  .contentContainer .componentTimelineEvent.cpa:nth-child(even) .eventContent:after,
  .contentContainer .componentTimelineEvent.publicAnnouncement:nth-child(even) .eventContent:after {
    border-left-color: #ffffff;
  }

  .contentContainer .componentTimelineEvent.cpa:nth-child(odd) .eventContent,
  .contentContainer .componentTimelineEvent.publicAnnouncement:nth-child(odd) .eventContent {
    margin-right: 0px;
  }

  .contentContainer .componentTimelineEvent.cpa:nth-child(odd) .eventContent:before,
  .contentContainer .componentTimelineEvent.publicAnnouncement:nth-child(odd) .eventContent:before {
    left: -42px;
    top: 50%;
    border: solid transparent;
    border-right-color: #d1e2f6;
    border-width: 20px;
    content: '';
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-width: 20px;
    margin-top: -20px;
    z-index: 0;
  }

  .contentContainer .componentTimelineEvent.cpa:nth-child(odd) .eventContent:after,
  .contentContainer .componentTimelineEvent.publicAnnouncement:nth-child(odd) .eventContent:after {
    border-right-color: #ffffff;
  }

  .contentContainer .componentTimelineEvent.cpa .dot,
  .contentContainer .componentTimelineEvent.publicAnnouncement .dot {
    background: #2e94de;
  }
}

@media screen and (max-width: 767px) {
  .contentContainer .componentTimelineEvent.cpa .eventContent,
  .contentContainer .componentTimelineEvent.publicAnnouncement .eventContent {
    margin-right: 0px;
  }

  .contentContainer .componentTimelineEvent.cpa .eventContent:before,
  .contentContainer .componentTimelineEvent.publicAnnouncement .eventContent:before {
    left: -42px;
    top: 50%;
    border: solid transparent;
    border-right-color: #d1e2f6;
    border-width: 20px;
    content: '';
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-width: 20px;
    margin-top: -20px;
    z-index: 0;
  }

  .contentContainer .componentTimelineEvent.cpa .eventContent:after,
  .contentContainer .componentTimelineEvent.publicAnnouncement .eventContent:after {
    border-right-color: #ffffff;
  }

  .contentContainer .componentTimelineEvent.cpa .dot,
  .contentContainer .componentTimelineEvent.publicAnnouncement .dot {
    background: #2e94de;
  }
}

.componentTimelineHeader {
  text-align: center;
  position: relative;
}

.componentTimelineHeader #timelineUploadPhoto,
.componentTimelineHeader #timelineViewSteps,
.componentTimelineHeader #timelineViewAll {
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  min-width: 117px;
  border: 2px solid #e0e0da;
  color: #71716d;
  border-radius: 6px;
  text-decoration: none;
  padding-top: 4px;
  padding-left: 12px;
  padding-bottom: 4px;
  padding-right: 12px;
  cursor: pointer;
}

.componentTimelineHeader #timelineUploadPhoto:hover,
.componentTimelineHeader #timelineViewSteps:hover,
.componentTimelineHeader #timelineViewAll:hover {
  background-color: #71716d;
  border-color: #71716d;
  color: #FFF;
}

.componentTimelineHeader h2 {
  font-style: italic;
}

@media screen and (max-width: 767px) {
  .componentTimelineHeader {
    padding-bottom: 40px;
  }
}

.componentTimelineHeader #timelineUploadPhoto {
  position: absolute;
  display: none;
  top: 10px;
  left: 0px;
}

@media screen and (max-width: 767px) {
  .componentTimelineHeader #timelineUploadPhoto {
    top: 60px;
  }
}

.componentTimelineHeader #timelineViewSteps,
.componentTimelineHeader #timelineViewAll {
  position: absolute;
  display: none;
  top: 10px;
  right: 0px;
}

@media screen and (max-width: 767px) {
  .componentTimelineHeader #timelineViewSteps,
  .componentTimelineHeader #timelineViewAll {
    top: 60px;
  }
}

.beforeStart .componentTimelineHeader #timelineViewSteps {
  display: none !important;
}

.collectionTimeline .contentContainer .componentTimelineHeader h2 {
  font-size: 35px;
  font-family: "tradegothic", Arial, Helvetica, sans-serif;
}

.componentTintUp {
  background-color: #FFF;
}

.componentTintUp .contentContainer {
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 50px;
  padding-bottom: 50px;
}

@media screen and (min-width: 768px) {
  .componentTintUp .contentContainer {
    max-width: 1155px;
    margin-left: auto;
    margin-right: auto;
  }
}

.componentVideoBlock.themeBlue {
  background-color: #2e94de;
}

.componentVideoBlock.themeBlue .cta {
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  min-width: 117px;
  border: 2px solid #99d4fb;
  color: #FFF;
  border-radius: 6px;
  text-decoration: none;
}

.componentVideoBlock.themeBlue .cta:hover {
  background-color: #FFF;
  border-color: #FFF;
  color: #2e94de;
}

.componentVideoBlock.themePurple {
  background-color: #662d90;
}

.componentVideoBlock.themePurple .cta {
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  min-width: 117px;
  border: 2px solid #ff91e5;
  color: #FFF;
  border-radius: 6px;
  text-decoration: none;
}

.componentVideoBlock.themePurple .cta:hover {
  background-color: #FFF;
  border-color: #FFF;
  color: #662d90;
}

.componentVideoBlock.themeGreen {
  background-color: #3d8928;
}

.componentVideoBlock.themeGreen .cta {
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  min-width: 117px;
  border: 2px solid #92c724;
  color: #FFF;
  border-radius: 6px;
  text-decoration: none;
}

.componentVideoBlock.themeGreen .cta:hover {
  background-color: #FFF;
  border-color: #FFF;
  color: #3d8928;
}

@media screen and (min-width: 768px) {
  .componentVideoBlock.odd .content {
    float: right;
  }

  .componentVideoBlock.odd .videoContainer {
    float: left;
  }

  .componentVideoBlock.even .content {
    float: left;
  }

  .componentVideoBlock.even .videoContainer {
    float: right;
  }
}

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

.componentVideoBlock .contentContainer {
  padding-left: 15px;
  padding-right: 15px;
}

.componentVideoBlock .contentContainer:after {
  content: "";
  display: table;
  clear: both;
}

@media screen and (min-width: 768px) {
  .componentVideoBlock .contentContainer {
    max-width: 990px;
    margin-left: auto;
    margin-right: auto;
  }
}

@media screen and (max-width: 767px) {
  .componentVideoBlock .contentContainer {
    padding-top: 35px;
    padding-bottom: 35px;
  }

  .componentVideoBlock .contentContainer .videoContainer {
    margin-bottom: 15px;
  }
}

@media screen and (min-width: 768px) {
  .componentVideoBlock .contentContainer {
    padding-top: 45px;
    padding-bottom: 45px;
  }

  .componentVideoBlock .contentContainer > * {
    display: inline;
    width: 50%;
  }
}

.componentVideoBlock .videoContainer {
  position: relative;
}

.componentVideoBlock .videoContainer .buttonPlay {
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  position: absolute;
  top: 50%;
  left: 50%;
}

.componentVideoBlock .content p,
.componentVideoBlock .content td,
.componentVideoBlock .content li {
  color: #FFF;
  font-size: 20px;
}

.componentVideoBlock .content p a,
.componentVideoBlock .content td a,
.componentVideoBlock .content li a {
  color: #FFF;
}

.componentVideoBlock .content li {
  line-height: 1.4em;
}

.componentVideoBlock .content p {
  margin-top: 0;
  line-height: 1.4em;
}

.componentVideoBlock .content h1,
.componentVideoBlock .content h2,
.componentVideoBlock .content h3,
.componentVideoBlock .content h4,
.componentVideoBlock .content h5,
.componentVideoBlock .content h6 {
  margin-top: 0;
}

.componentVideoBlock .content h2 {
  font-size: 35px;
}

.componentVideoBlock .content h1,
.componentVideoBlock .content h2,
.componentVideoBlock .content h3,
.componentVideoBlock .content h4,
.componentVideoBlock .content h5,
.componentVideoBlock .content h6 {
  color: #FFF;
}

@media screen and (min-width: 768px) {
  .componentVideoBlock .content {
    padding-left: 45px;
    padding-right: 45px;
  }
}

.componentVideoBlock .cta {
  position: relative;
  padding: 9px 38px 9px 12px;
  font-family: "omnes-pro", "omnesmedium", Arial, Helvetica, sans-serif;
  font-size: 18px;
  font-weight: 600;
  font-style: italic;
}

.componentVideoBlock .cta i {
  position: absolute;
  top: 1px;
  right: 10px;
  font-size: 33px;
}

@media screen and (max-width: 767px) {
  .componentVideoBlock .cta {
    width: 100%;
    text-align: center;
    margin-top: 20px;
  }
}

@media screen and (min-width: 768px) {
  .componentVideoBlock .cta {
    margin-top: 50px;
  }
}

.componentToolsContent {
  background-color: #f5f5ee;
  padding-top: 35px;
  padding-bottom: 35px;
}

.componentToolsContent .contentToolsBlock {
  padding-left: 15px;
  padding-right: 15px;
}

@media screen and (min-width: 768px) {
  .componentToolsContent .contentToolsBlock {
    max-width: 935px;
    margin-left: auto;
    margin-right: auto;
  }
}

.componentToolsContent .toolsContentThemeContainer {
  text-align: center;
}

.componentToolsContent .toolsContentThemeContainer.blue .ribbonContainer {
  z-index: 1;
  position: relative;
  display: inline-block;
  margin-top: 0px;
  margin-bottom: 0px;
  -webkit-backface-visibility: hidden;
  text-align: center;
}

.componentToolsContent .toolsContentThemeContainer.blue .ribbonContainer > * {
  display: inline-block;
}

.componentToolsContent .toolsContentThemeContainer.blue .ribbonContainer .ribbonText {
  color: #2E94DE;
  border-radius: 4px;
  position: relative;
  z-index: 7;
  overflow: hidden;
  display: inline-block;
  font-family: "tradegothic", Arial, Helvetica, sans-serif;
  font-style: normal;
  font-weight: normal;
  text-overflow: ellipsis;
  text-transform: uppercase;
}

@media screen and (max-width: 767px) {
  .componentToolsContent .toolsContentThemeContainer.blue .ribbonContainer .ribbonText {
    max-width: 212px;
    font-size: 35px;
    padding-top: 8px;
    padding-left: 18px;
    padding-bottom: 6px;
    padding-right: 18px;
  }
}

@media screen and (min-width: 768px) {
  .componentToolsContent .toolsContentThemeContainer.blue .ribbonContainer .ribbonText {
    max-width: 440px;
    font-size: 50px;
    padding-top: 10px;
    padding-left: 39px;
    padding-bottom: 8px;
    padding-right: 39px;
  }
}

.componentToolsContent .toolsContentThemeContainer.blue .ribbonContainer.nowrap .ribbonText {
  white-space: nowrap;
}

@media screen and (max-width: 767px) {
  .componentToolsContent .toolsContentThemeContainer.blue .ribbonContainer.nowrap .ribbonText {
    max-height: 44px;
  }
}

@media screen and (min-width: 768px) {
  .componentToolsContent .toolsContentThemeContainer.blue .ribbonContainer.nowrap .ribbonText {
    max-height: 72px;
  }
}

.componentToolsContent .toolsContentThemeContainer.blue .ribbonContainer .ribbonLeft {
  display: none;
}

.componentToolsContent .toolsContentThemeContainer.blue .ribbonContainer .ribbonRight {
  display: none;
}

.componentToolsContent .toolsContentThemeContainer.blue .itemHeading {
  color: #2754b8;
}

.componentToolsContent .toolsContentThemeContainer.blue .itemContent a {
  border-bottom: 2px solid #2754b8;
}

.componentToolsContent .toolsContentThemeContainer.blue .itemGetCodeButton,
.componentToolsContent .toolsContentThemeContainer.blue .itemDownloadButton {
  background-color: #2754b8;
}

.componentToolsContent .toolsContentThemeContainer.blue .itemGetCodeButton > .buttonIcon,
.componentToolsContent .toolsContentThemeContainer.blue .itemDownloadButton > .buttonIcon {
  display: inline-block;
  overflow: hidden;
  background-repeat: no-repeat;
}

@media screen and (max-width: 767px) {
  .componentToolsContent .toolsContentThemeContainer.blue .itemGetCodeButton > .buttonIcon,
  .componentToolsContent .toolsContentThemeContainer.blue .itemDownloadButton > .buttonIcon {
    background-image: url("../images/mobilesprites.png");
  }
}

@media screen and (min-width: 768px) {
  .componentToolsContent .toolsContentThemeContainer.blue .itemGetCodeButton > .buttonIcon,
  .componentToolsContent .toolsContentThemeContainer.blue .itemDownloadButton > .buttonIcon {
    background-image: url("../images/sprites.png");
  }
}

.componentToolsContent .toolsContentThemeContainer.green .ribbonContainer {
  z-index: 1;
  position: relative;
  display: inline-block;
  margin-top: 0px;
  margin-bottom: 0px;
  -webkit-backface-visibility: hidden;
  text-align: center;
}

.componentToolsContent .toolsContentThemeContainer.green .ribbonContainer > * {
  display: inline-block;
}

.componentToolsContent .toolsContentThemeContainer.green .ribbonContainer .ribbonText {
  color: #3D8928;
  border-radius: 4px;
  position: relative;
  z-index: 7;
  overflow: hidden;
  display: inline-block;
  font-family: "tradegothic", Arial, Helvetica, sans-serif;
  font-style: normal;
  font-weight: normal;
  text-overflow: ellipsis;
  text-transform: uppercase;
}

@media screen and (max-width: 767px) {
  .componentToolsContent .toolsContentThemeContainer.green .ribbonContainer .ribbonText {
    max-width: 212px;
    font-size: 35px;
    padding-top: 8px;
    padding-left: 18px;
    padding-bottom: 6px;
    padding-right: 18px;
  }
}

@media screen and (min-width: 768px) {
  .componentToolsContent .toolsContentThemeContainer.green .ribbonContainer .ribbonText {
    max-width: 440px;
    font-size: 50px;
    padding-top: 10px;
    padding-left: 39px;
    padding-bottom: 8px;
    padding-right: 39px;
  }
}

.componentToolsContent .toolsContentThemeContainer.green .ribbonContainer.nowrap .ribbonText {
  white-space: nowrap;
}

@media screen and (max-width: 767px) {
  .componentToolsContent .toolsContentThemeContainer.green .ribbonContainer.nowrap .ribbonText {
    max-height: 44px;
  }
}

@media screen and (min-width: 768px) {
  .componentToolsContent .toolsContentThemeContainer.green .ribbonContainer.nowrap .ribbonText {
    max-height: 72px;
  }
}

.componentToolsContent .toolsContentThemeContainer.green .ribbonContainer .ribbonLeft {
  display: none;
}

.componentToolsContent .toolsContentThemeContainer.green .ribbonContainer .ribbonRight {
  display: none;
}

.componentToolsContent .toolsContentThemeContainer.green .itemHeading {
  color: #3D8928;
}

.componentToolsContent .toolsContentThemeContainer.green .itemContent a {
  border-bottom: 2px solid #3D8928;
}

.componentToolsContent .toolsContentThemeContainer.green .itemGetCodeButton,
.componentToolsContent .toolsContentThemeContainer.green .itemDownloadButton {
  background-color: #3D8928;
}

.componentToolsContent .toolsContentThemeContainer.green .itemGetCodeButton > .buttonIcon,
.componentToolsContent .toolsContentThemeContainer.green .itemDownloadButton > .buttonIcon {
  display: inline-block;
  overflow: hidden;
  background-repeat: no-repeat;
}

@media screen and (max-width: 767px) {
  .componentToolsContent .toolsContentThemeContainer.green .itemGetCodeButton > .buttonIcon,
  .componentToolsContent .toolsContentThemeContainer.green .itemDownloadButton > .buttonIcon {
    background-image: url("../images/mobilesprites.png");
  }
}

@media screen and (min-width: 768px) {
  .componentToolsContent .toolsContentThemeContainer.green .itemGetCodeButton > .buttonIcon,
  .componentToolsContent .toolsContentThemeContainer.green .itemDownloadButton > .buttonIcon {
    background-image: url("../images/sprites.png");
  }
}

.componentToolsContent .toolsContentThemeContainer.purple .ribbonContainer {
  z-index: 1;
  position: relative;
  display: inline-block;
  margin-top: 0px;
  margin-bottom: 0px;
  -webkit-backface-visibility: hidden;
  text-align: center;
}

.componentToolsContent .toolsContentThemeContainer.purple .ribbonContainer > * {
  display: inline-block;
}

.componentToolsContent .toolsContentThemeContainer.purple .ribbonContainer .ribbonText {
  color: #662d90;
  border-radius: 4px;
  position: relative;
  z-index: 7;
  overflow: hidden;
  display: inline-block;
  font-family: "tradegothic", Arial, Helvetica, sans-serif;
  font-style: normal;
  font-weight: normal;
  text-overflow: ellipsis;
  text-transform: uppercase;
}

@media screen and (max-width: 767px) {
  .componentToolsContent .toolsContentThemeContainer.purple .ribbonContainer .ribbonText {
    max-width: 212px;
    font-size: 35px;
    padding-top: 8px;
    padding-left: 18px;
    padding-bottom: 6px;
    padding-right: 18px;
  }
}

@media screen and (min-width: 768px) {
  .componentToolsContent .toolsContentThemeContainer.purple .ribbonContainer .ribbonText {
    max-width: 440px;
    font-size: 50px;
    padding-top: 10px;
    padding-left: 39px;
    padding-bottom: 8px;
    padding-right: 39px;
  }
}

.componentToolsContent .toolsContentThemeContainer.purple .ribbonContainer.nowrap .ribbonText {
  white-space: nowrap;
}

@media screen and (max-width: 767px) {
  .componentToolsContent .toolsContentThemeContainer.purple .ribbonContainer.nowrap .ribbonText {
    max-height: 44px;
  }
}

@media screen and (min-width: 768px) {
  .componentToolsContent .toolsContentThemeContainer.purple .ribbonContainer.nowrap .ribbonText {
    max-height: 72px;
  }
}

.componentToolsContent .toolsContentThemeContainer.purple .ribbonContainer .ribbonLeft {
  display: none;
}

.componentToolsContent .toolsContentThemeContainer.purple .ribbonContainer .ribbonRight {
  display: none;
}

.componentToolsContent .toolsContentThemeContainer.purple .itemHeading {
  color: #3D8928;
}

.componentToolsContent .toolsContentThemeContainer.purple .itemContent a {
  border-bottom: 2px solid #3D8928;
}

.componentToolsContent .toolsContentThemeContainer.purple .itemGetCodeButton,
.componentToolsContent .toolsContentThemeContainer.purple .itemDownloadButton {
  background-color: #3D8928;
}

.componentToolsContent .toolsContentThemeContainer.purple .itemGetCodeButton > .buttonIcon,
.componentToolsContent .toolsContentThemeContainer.purple .itemDownloadButton > .buttonIcon {
  display: inline-block;
  overflow: hidden;
  background-repeat: no-repeat;
}

@media screen and (max-width: 767px) {
  .componentToolsContent .toolsContentThemeContainer.purple .itemGetCodeButton > .buttonIcon,
  .componentToolsContent .toolsContentThemeContainer.purple .itemDownloadButton > .buttonIcon {
    background-image: url("../images/mobilesprites.png");
  }
}

@media screen and (min-width: 768px) {
  .componentToolsContent .toolsContentThemeContainer.purple .itemGetCodeButton > .buttonIcon,
  .componentToolsContent .toolsContentThemeContainer.purple .itemDownloadButton > .buttonIcon {
    background-image: url("../images/sprites.png");
  }
}

@media screen and (max-width: 767px) {
  .componentToolsContent .toolsContentThemeContainer {
    margin-top: 20px;
  }
}

@media screen and (min-width: 768px) {
  .componentToolsContent .toolsContentThemeContainer {
    margin-top: 50px;
  }

  .componentToolsContent .toolsContentThemeContainer:first-of-type {
    margin-top: 20px;
  }
}

.componentToolsContent .ribbonSlanted {
  color: #FFF;
}

.componentToolsContent .toolsBlockList {
  display: block;
}

.componentToolsContent .toolsBlockList:after {
  content: "";
  display: table;
  clear: both;
}

.componentToolsContent .toolsBlockList:after {
  content: "";
  display: table;
  clear: both;
}

@media screen and (min-width: 768px) {
  .componentToolsContent .toolsBlockList .listItem {
    float: left;
    display: block;
    margin-right: 10.1483979942%;
    width: 26.5677346705%;
  }

  .componentToolsContent .toolsBlockList .listItem:last-child {
    margin-right: 0;
  }
}

@media screen and (min-width: 768px) {
  .componentToolsContent .toolsBlockList .listItem.fourWide {
    float: left;
    display: block;
    margin-right: 7.4229703521%;
    width: 19.432772236%;
  }

  .componentToolsContent .toolsBlockList .listItem.fourWide:last-child {
    margin-right: 0;
  }
}

.componentToolsContent .toolsBlockList .listItem img {
  width: auto;
  max-width: 100%;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.componentToolsContent .toolsBlockList .listItem .itemHeading {
  display: block;
  text-align: center;
  border-bottom: 2px solid #A9AD99;
  padding-top: 20px;
  padding-bottom: 20px;
  font-family: "omnes-pro", "omnesmedium", Arial, Helvetica, sans-serif;
  font-size: 19px;
  font-weight: 600;
  font-style: italic;
}

.componentToolsContent .toolsBlockList .listItem p {
  text-align: center;
  margin-bottom: 0;
}

.componentToolsContent .toolsBlockList .listItem .itemContent {
  color: #333;
  font-family: "omnes-pro", "omnesmedium", Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 1.3em;
}

.componentToolsContent .toolsBlockList .listItem .itemContent a {
  display: inline-block;
  margin-bottom: 5px;
  text-decoration: none;
  color: #333;
}

.componentToolsContent .toolsBlockList .listItem .itemDownloadButton {
  width: 120px;
  display: inline-block;
  border: none;
  color: #FFF;
  padding: 11px;
  border-radius: 5px;
  margin-top: 10px;
  font-family: "omnes-pro", "omnesmedium", Arial, Helvetica, sans-serif;
  font-size: 15px;
}

.componentToolsContent .toolsBlockList .listItem .itemDownloadButton:after {
  content: "";
  display: table;
  clear: both;
}

.componentToolsContent .toolsBlockList .listItem .itemDownloadButton > .buttonText {
  float: left;
}

.componentToolsContent .toolsBlockList .listItem .itemDownloadButton > .buttonIcon {
  display: inline-block;
  overflow: hidden;
  background-repeat: no-repeat;
  float: right;
  margin-top: 6px;
}

@media screen and (max-width: 767px) {
  .componentToolsContent .toolsBlockList .listItem .itemDownloadButton > .buttonIcon {
    background-image: url("../images/mobilesprites.png");
  }
}

@media screen and (min-width: 768px) {
  .componentToolsContent .toolsBlockList .listItem .itemDownloadButton > .buttonIcon {
    background-image: url("../images/sprites.png");
  }
}

.componentToolsContent .toolsBlockList .listItem .itemGetCodeButton {
  width: 140px;
  display: inline-block;
  border: none;
  color: #FFF;
  padding: 11px;
  border-radius: 5px;
  font-family: "omnes-pro", "omnesmedium", Arial, Helvetica, sans-serif;
  font-size: 15px;
}

.componentToolsContent .toolsBlockList .listItem .itemGetCodeButton:after {
  content: "";
  display: table;
  clear: both;
}

.componentToolsContent .toolsBlockList .listItem .itemGetCodeButton > .buttonText {
  float: left;
}

.componentToolsContent .toolsBlockList .listItem .itemGetCodeButton > .buttonIcon {
  display: inline-block;
  overflow: hidden;
  background-repeat: no-repeat;
  float: right;
}

@media screen and (max-width: 767px) {
  .componentToolsContent .toolsBlockList .listItem .itemGetCodeButton > .buttonIcon {
    background-image: url("../images/mobilesprites.png");
  }
}

@media screen and (min-width: 768px) {
  .componentToolsContent .toolsBlockList .listItem .itemGetCodeButton > .buttonIcon {
    background-image: url("../images/sprites.png");
  }
}

.componentToolsContent .toolsContentGridList {
  padding-left: 15px;
  padding-right: 15px;
}

@media screen and (min-width: 768px) {
  .componentToolsContent .toolsContentGridList {
    max-width: 990px;
    margin-left: auto;
    margin-right: auto;
  }
}

.componentToolsContent .toolsContentGridList .ribbonContainer {
  text-align: center;
}

.componentToolsContent .toolsContentGridList .ribbonContainer .ribbonSlanted {
  z-index: 1;
  position: relative;
  display: inline-block;
  margin-top: 0px;
  margin-bottom: 0px;
  -webkit-backface-visibility: hidden;
}

.componentToolsContent .toolsContentGridList .ribbonContainer .ribbonSlanted > * {
  display: inline-block;
}

.componentToolsContent .toolsContentGridList .ribbonContainer .ribbonSlanted .ribbonText {
  color: #662d90;
  border-radius: 4px;
  position: relative;
  z-index: 7;
  overflow: hidden;
  display: inline-block;
  font-family: "tradegothic", Arial, Helvetica, sans-serif;
  font-style: normal;
  font-weight: normal;
  text-overflow: ellipsis;
  text-transform: uppercase;
}

@media screen and (max-width: 767px) {
  .componentToolsContent .toolsContentGridList .ribbonContainer .ribbonSlanted .ribbonText {
    max-width: 212px;
    font-size: 35px;
    padding-top: 8px;
    padding-left: 18px;
    padding-bottom: 6px;
    padding-right: 18px;
  }
}

@media screen and (min-width: 768px) {
  .componentToolsContent .toolsContentGridList .ribbonContainer .ribbonSlanted .ribbonText {
    max-width: 440px;
    font-size: 50px;
    padding-top: 10px;
    padding-left: 39px;
    padding-bottom: 8px;
    padding-right: 39px;
  }
}

.componentToolsContent .toolsContentGridList .ribbonContainer .ribbonSlanted.nowrap .ribbonText {
  white-space: nowrap;
}

@media screen and (max-width: 767px) {
  .componentToolsContent .toolsContentGridList .ribbonContainer .ribbonSlanted.nowrap .ribbonText {
    max-height: 44px;
  }
}

@media screen and (min-width: 768px) {
  .componentToolsContent .toolsContentGridList .ribbonContainer .ribbonSlanted.nowrap .ribbonText {
    max-height: 72px;
  }
}

.componentToolsContent .toolsContentGridList .ribbonContainer .ribbonSlanted .ribbonLeft {
  display: none;
}

.componentToolsContent .toolsContentGridList .ribbonContainer .ribbonSlanted .ribbonRight {
  display: none;
}

.componentToolsContent .toolsContentGridList .gridList:after {
  content: "";
  display: table;
  clear: both;
}

@media screen and (min-width: 768px) {
  .componentToolsContent .toolsContentGridList .gridList > * {
    float: left;
    display: block;
    margin-right: 2.8425855704%;
    width: 17.7259315437%;
  }

  .componentToolsContent .toolsContentGridList .gridList > *:last-child {
    margin-right: 0;
  }
}

.componentToolsContent .toolsContentGridList .gridList > * img {
  max-width: 100%;
}

@media screen and (max-width: 767px) {
  .componentToolsContent .toolsContentGridList {
    margin-top: 20px;
  }
}

@media screen and (min-width: 768px) {
  .componentToolsContent .toolsContentGridList {
    margin-top: 50px;
  }

  .componentToolsContent .toolsContentGridList:first-child {
    margin-top: 20px;
  }
}

.componentToolsContent .buttonSimple {
  position: relative;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-decoration: none;
  color: #FFF;
  padding: 11px 50px 11px 18px;
  display: inline-block;
  border-radius: 5px;
  background-color: #3D8928;
  font-family: "omnes-pro", "omnesmedium", Arial, Helvetica, sans-serif;
  font-size: 15px;
}

.componentToolsContent .buttonSimple i {
  position: absolute;
  top: 1px;
  right: 12px;
  font-size: 34px;
}

.componentToolsContent .buttonSimple > i {
  color: #92C700;
}

.componentToolsContent .itemGetCodeButton input,
.componentToolsContent .itemDownloadButton input {
  display: none;
}

.componentToolsContent .listItem.lastChild {
  margin-right: 0;
}

.componentToolsContent .contentContainer {
  padding-left: 15px;
  padding-right: 15px;
  display: block;
}

@media screen and (min-width: 768px) {
  .componentToolsContent .contentContainer {
    max-width: 935px;
    margin-left: auto;
    margin-right: auto;
  }
}

.componentToolsContent .contentContainer .dashboardButton {
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  min-width: 114px;
  border: 2px solid #99D4FF;
  color: #2754b8;
  border-radius: 6px;
  text-decoration: none;
  padding: 8px 8px 8px 30px;
  text-align: center;
  margin-bottom: 35px;
  position: relative;
}

.componentToolsContent .contentContainer .dashboardButton > span {
  font-family: "omnes-pro", "omnesmedium", Arial, Helvetica, sans-serif;
  font-size: 15px;
}

.componentToolsContent .contentContainer .dashboardButton > i {
  color: #2E94DE;
  position: absolute;
  top: 0;
  left: 12px;
  font-size: 30px;
}

.componentRaisedFunds {
  background-color: #f5f5ee;
  background-image: url("../images/mountainSubSection.png");
  background-repeat: no-repeat;
  background-position: bottom right;
  padding-top: 35px;
  padding-bottom: 85px;
}

.componentRaisedFunds .fieldNote {
  display: inline-block;
  padding-bottom: 10px;
  color: #777;
  padding-top: 10px;
}

.componentRaisedFunds .contentContainer {
  padding-left: 15px;
  padding-right: 15px;
}

@media screen and (min-width: 768px) {
  .componentRaisedFunds .contentContainer {
    max-width: 990px;
    margin-left: auto;
    margin-right: auto;
  }
}

.componentRaisedFunds .contentContainer img {
  height: auto;
  margin-bottom: 50px;
}

@media screen and (max-width: 767px) {
  .componentRaisedFunds .contentContainer img {
    display: block;
    max-width: 100%;
  }
}

@media screen and (min-width: 768px) {
  .componentRaisedFunds .contentContainer img.right,
  .componentRaisedFunds .contentContainer img.left {
    max-width: 50%;
    display: inline;
  }

  .componentRaisedFunds .contentContainer img.left {
    float: left;
    margin-right: 50px;
  }

  .componentRaisedFunds .contentContainer img.right {
    float: right;
    margin-left: 50px;
  }
}

.componentRaisedFunds .contentContainer h2 {
  color: #2754b8;
}

.componentRaisedFunds .contentContainer p,
.componentRaisedFunds .contentContainer td,
.componentRaisedFunds .contentContainer li {
  font-family: "omnes-pro", "omnesmedium", Arial, Helvetica, sans-serif;
}

@media screen and (max-width: 767px) {
  .componentRaisedFunds .contentContainer p,
  .componentRaisedFunds .contentContainer td,
  .componentRaisedFunds .contentContainer li {
    color: #333;
    font-size: 16px;
  }

  .componentRaisedFunds .contentContainer p a,
  .componentRaisedFunds .contentContainer td a,
  .componentRaisedFunds .contentContainer li a {
    color: #333;
  }

  .componentRaisedFunds .contentContainer li {
    line-height: 1.4em;
  }

  .componentRaisedFunds .contentContainer p {
    margin-top: 0;
    line-height: 1.4em;
  }

  .componentRaisedFunds .contentContainer h1,
  .componentRaisedFunds .contentContainer h2,
  .componentRaisedFunds .contentContainer h3,
  .componentRaisedFunds .contentContainer h4,
  .componentRaisedFunds .contentContainer h5,
  .componentRaisedFunds .contentContainer h6 {
    margin-top: 0;
  }

  .componentRaisedFunds .contentContainer h2 {
    font-size: 35px;
  }
}

@media screen and (min-width: 768px) {
  .componentRaisedFunds .contentContainer p,
  .componentRaisedFunds .contentContainer td,
  .componentRaisedFunds .contentContainer li {
    color: #333;
    font-size: 20px;
  }

  .componentRaisedFunds .contentContainer p a,
  .componentRaisedFunds .contentContainer td a,
  .componentRaisedFunds .contentContainer li a {
    color: #333;
  }

  .componentRaisedFunds .contentContainer li {
    line-height: 1.4em;
  }

  .componentRaisedFunds .contentContainer p {
    margin-top: 0;
    line-height: 1.4em;
  }

  .componentRaisedFunds .contentContainer h1,
  .componentRaisedFunds .contentContainer h2,
  .componentRaisedFunds .contentContainer h3,
  .componentRaisedFunds .contentContainer h4,
  .componentRaisedFunds .contentContainer h5,
  .componentRaisedFunds .contentContainer h6 {
    margin-top: 0;
  }

  .componentRaisedFunds .contentContainer h2 {
    font-size: 35px;
  }
}

.componentRaisedFunds .contentContainer p:last-child {
  margin-bottom: 0;
}

.componentRaisedFunds .componentRadioGroup {
  margin-top: 50px;
  margin-bottom: 50px;
}

.componentRaisedFunds .fundraiseFormContainer {
  padding-left: 15px;
  padding-right: 15px;
}

@media screen and (min-width: 768px) {
  .componentRaisedFunds .fundraiseFormContainer {
    max-width: 990px;
    margin-left: auto;
    margin-right: auto;
  }
}

@media screen and (max-width: 767px) {
  .componentRaisedFunds .fundraiseFormContainer .groupLabel {
    max-width: inherit;
    width: 100%;
    margin-left: 5%;
  }
}

.componentRaisedFunds .fundraisingContainerPanel:after {
  content: "";
  display: table;
  clear: both;
}

.componentRaisedFunds .componentFundraiseForm {
  background-color: #E6F4FF;
  border: 2px solid #6DB4E8;
  border-radius: 7px;
  float: left;
}

@media screen and (min-width: 768px) {
  .componentRaisedFunds .componentFundraiseForm {
    width: 64.583%;
  }
}

.componentRaisedFunds .componentFundraiseForm .field {
  margin-left: 25px;
  margin-right: 25px;
  margin-bottom: 8px;
}

.componentRaisedFunds .componentFundraiseForm .field.firstChild {
  margin-top: 15px;
}

.componentRaisedFunds .componentFundraiseForm .field div.tagsinput,
.componentRaisedFunds .componentFundraiseForm .field input[type="email"],
.componentRaisedFunds .componentFundraiseForm .field input[type="number"],
.componentRaisedFunds .componentFundraiseForm .field input[type="password"],
.componentRaisedFunds .componentFundraiseForm .field input[type="search"],
.componentRaisedFunds .componentFundraiseForm .field input[type="tel"],
.componentRaisedFunds .componentFundraiseForm .field input[type="text"],
.componentRaisedFunds .componentFundraiseForm .field input[type="url"],
.componentRaisedFunds .componentFundraiseForm .field input[type="color"],
.componentRaisedFunds .componentFundraiseForm .field input[type="date"],
.componentRaisedFunds .componentFundraiseForm .field input[type="datetime"],
.componentRaisedFunds .componentFundraiseForm .field input[type="datetime-local"],
.componentRaisedFunds .componentFundraiseForm .field input[type="month"],
.componentRaisedFunds .componentFundraiseForm .field input[type="time"],
.componentRaisedFunds .componentFundraiseForm .field input[type="week"],
.componentRaisedFunds .componentFundraiseForm .field textarea {
  width: 100%;
  border: 2px solid #6DB4E8;
  border-radius: 7px;
  font-family: Arial, Helvetica, sans-serif;
}

.componentRaisedFunds .componentFundraiseForm .field div.tagsinput input,
.componentRaisedFunds .componentFundraiseForm .field input[type="email"],
.componentRaisedFunds .componentFundraiseForm .field input[type="number"],
.componentRaisedFunds .componentFundraiseForm .field input[type="password"],
.componentRaisedFunds .componentFundraiseForm .field input[type="search"],
.componentRaisedFunds .componentFundraiseForm .field input[type="tel"],
.componentRaisedFunds .componentFundraiseForm .field input[type="text"],
.componentRaisedFunds .componentFundraiseForm .field input[type="url"],
.componentRaisedFunds .componentFundraiseForm .field input[type="color"],
.componentRaisedFunds .componentFundraiseForm .field input[type="date"],
.componentRaisedFunds .componentFundraiseForm .field input[type="datetime"],
.componentRaisedFunds .componentFundraiseForm .field input[type="datetime-local"],
.componentRaisedFunds .componentFundraiseForm .field input[type="month"],
.componentRaisedFunds .componentFundraiseForm .field input[type="time"],
.componentRaisedFunds .componentFundraiseForm .field input[type="week"] {
  font-size: 16px;
}

.componentRaisedFunds .componentFundraiseForm .field div.tagsinput {
  background-color: #FFF;
  padding: 10px;
  width: 210px;
  min-height: 66px;
  overflow-y: auto;
}

.componentRaisedFunds .componentFundraiseForm .field div.tagsinput span.tag {
  border-radius: 2px;
}

.componentRaisedFunds .componentFundraiseForm .field textarea {
  resize: none;
  font-size: 19px;
  height: 548px;
}

@media screen and (max-width: 767px) {
  .componentRaisedFunds .componentFundraiseForm .field div.tagsinput input[type="email"],
  .componentRaisedFunds .componentFundraiseForm .field input[type="number"],
  .componentRaisedFunds .componentFundraiseForm .field input[type="password"],
  .componentRaisedFunds .componentFundraiseForm .field input[type="search"],
  .componentRaisedFunds .componentFundraiseForm .field input[type="tel"],
  .componentRaisedFunds .componentFundraiseForm .field input[type="text"],
  .componentRaisedFunds .componentFundraiseForm .field input[type="url"],
  .componentRaisedFunds .componentFundraiseForm .field input[type="color"],
  .componentRaisedFunds .componentFundraiseForm .field input[type="date"],
  .componentRaisedFunds .componentFundraiseForm .field input[type="datetime"],
  .componentRaisedFunds .componentFundraiseForm .field input[type="datetime-local"],
  .componentRaisedFunds .componentFundraiseForm .field input[type="month"],
  .componentRaisedFunds .componentFundraiseForm .field input[type="time"],
  .componentRaisedFunds .componentFundraiseForm .field input[type="week"] {
    padding: 15px;
  }

  .componentRaisedFunds .componentFundraiseForm .field textarea {
    padding: 15px;
  }
}

@media screen and (min-width: 768px) {
  .componentRaisedFunds .componentFundraiseForm .field div.tagsinput input[type="email"],
  .componentRaisedFunds .componentFundraiseForm .field input[type="number"],
  .componentRaisedFunds .componentFundraiseForm .field input[type="password"],
  .componentRaisedFunds .componentFundraiseForm .field input[type="search"],
  .componentRaisedFunds .componentFundraiseForm .field input[type="tel"],
  .componentRaisedFunds .componentFundraiseForm .field input[type="text"],
  .componentRaisedFunds .componentFundraiseForm .field input[type="url"],
  .componentRaisedFunds .componentFundraiseForm .field input[type="color"],
  .componentRaisedFunds .componentFundraiseForm .field input[type="date"],
  .componentRaisedFunds .componentFundraiseForm .field input[type="datetime"],
  .componentRaisedFunds .componentFundraiseForm .field input[type="datetime-local"],
  .componentRaisedFunds .componentFundraiseForm .field input[type="month"],
  .componentRaisedFunds .componentFundraiseForm .field input[type="time"],
  .componentRaisedFunds .componentFundraiseForm .field input[type="week"] {
    padding: 15px 20px;
  }

  .componentRaisedFunds .componentFundraiseForm .field textarea {
    padding: 30px;
  }
}

.componentRaisedFunds .componentFundraiseSentTo {
  display: none;
  float: left;
  padding: 20px;
  background: #f5f5ee;
  border-radius: 5px;
  margin-left: 10px;
  max-width: 25%;
  max-height: 407px;
  overflow: hidden;
}

.componentRaisedFunds .componentFundraiseSentTo * {
  margin: 5px 0px;
}

.componentRaisedFunds .componentFundraiseSentTo .email {
  cursor: pointer;
}

.componentRaisedFunds .componentFundraiseSentTo .email:hover {
  text-decoration: underline;
}

.componentRaisedFunds .componentFundraiseSentTo .ticked {
  opacity: 0.5;
}

.componentRaisedFunds .fundraiseFormHeading {
  font-family: "tradegothicoblique", Arial, Helvetica, sans-serif;
  padding: 35px;
  color: #2754b8;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 27px;
}

.componentRaisedFunds .fundraiseFormHeading:after {
  content: "";
  display: table;
  clear: both;
}

.componentRaisedFunds .fundraiseFormHeading > * {
  float: left;
}

.componentRaisedFunds .fundraiseFormHeading .headingText {
  margin-top: 6px;
  margin-left: 16px;
}

@media screen and (min-width: 768px) {
  .componentRaisedFunds .fundraiseFormHeading .headingIcon {
    display: inline-block;
    overflow: hidden;
    background-repeat: no-repeat;
  }
}

@media screen and (min-width: 768px) and (max-width: 767px) {
  .componentRaisedFunds .fundraiseFormHeading .headingIcon {
    background-image: url("../images/mobilesprites.png");
  }
}

@media screen and (min-width: 768px) and (min-width: 768px) {
  .componentRaisedFunds .fundraiseFormHeading .headingIcon {
    background-image: url("../images/sprites.png");
  }
}

@media screen and (max-width: 767px) {
  .componentRaisedFunds .fundraiseFormHeading .headingIcon {
    display: none;
  }
}

.componentRaisedFunds .fundraiseFormMailLine {
  height: 8px;
  background-image: url("../images/mailStrip.gif");
  background-repeat: repeat-x;
}

.componentRaisedFunds .componentRadioGroup .groupContainer > * {
  color: #444;
  font-family: "omnes-pro", "omnesmedium", Arial, Helvetica, sans-serif;
  font-size: 18px;
}

.componentRaisedFunds .actions {
  margin: 35px 25px;
}

.componentRaisedFunds .action {
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  position: relative;
  border-radius: 5px;
  background-color: #2754b8;
  font-family: "omnes-pro", "omnesmedium", Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-style: italic;
  border: none;
  color: #FFF;
  padding: 8px 48px 10px 16px;
  cursor: pointer;
  line-height: 1;
}

.componentRaisedFunds .action:hover {
  background-color: #1E428F;
}

.componentRaisedFunds .action > i {
  margin-left: 10px;
  color: #99d4ff;
}

@media screen and (max-width: 767px) {
  .componentRaisedFunds .action {
    position: relative;
    font-size: 21px;
    width: 100%;
    text-align: center;
  }

  .componentRaisedFunds .action i {
    position: absolute;
    top: 1px;
    right: 12px;
    font-size: 36px;
  }
}

@media screen and (min-width: 768px) {
  .componentRaisedFunds .action {
    position: relative;
    font-size: 19px;
  }

  .componentRaisedFunds .action i {
    position: absolute;
    top: 0px;
    right: 12px;
    font-size: 35px;
  }
}

.componentRaisedFunds .blockTile {
  max-width: 28.22%;
  float: right;
  background-color: #662D90;
  color: #FFF;
}

.componentRaisedFunds .blockTile > img {
  display: block;
  width: 100%;
}

.componentRaisedFunds .blockTile .itemContent {
  padding-left: 23px;
  padding-right: 23px;
  padding-bottom: 23px;
}

.componentRaisedFunds .blockTile .itemContent .itemHeading {
  display: block;
  border-bottom: 2px solid #CD94FF;
  color: #FFF;
  text-decoration: none;
  margin-bottom: 23px;
  padding-top: 23px;
  padding-bottom: 23px;
  font-family: "omnes-pro", "omnesmedium", Arial, Helvetica, sans-serif;
  font-weight: 600;
  font-style: italic;
  font-size: 19px;
}

.componentRaisedFunds .blockTile .itemContent p {
  font-size: 16px;
  margin-top: 0;
  margin-bottom: 0;
}

.componentRaisedFunds .blockTile .itemContent p a {
  color: #CD94FF;
}

.componentRaisedFunds .blockTile p {
  text-align: center;
  font-family: "omnes-pro", "omnesmedium", Arial, Helvetica, sans-serif;
  margin-left: 5px;
  margin-right: 5px;
}

@media screen and (max-width: 767px) {
  .componentRaisedFunds .blockTile {
    display: none;
  }
}

.componentRaisedFunds .dashboardButton {
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  min-width: 114px;
  border: 2px solid #99D4FF;
  color: #2754b8;
  border-radius: 6px;
  text-decoration: none;
  padding: 8px 8px 8px 30px;
  text-align: center;
  margin-bottom: 35px;
  position: relative;
}

.componentRaisedFunds .dashboardButton > span {
  font-font-family: "omnes-pro", "omnesmedium", Arial, Helvetica, sans-serif;
  font-size: 15px;
}

.componentRaisedFunds .dashboardButton > i {
  color: #2E94DE;
  position: absolute;
  top: 0;
  left: 12px;
  font-size: 30px;
}

.componentRaisedFunds #recipientsTaggedInput_tag {
  font-family: Arial, Helvetica, sans-serif;
}

.componentDashboardButtonHolder {
  background-color: #f5f5ee;
  padding-top: 35px;
}

.componentDashboardButtonHolder .contentContainer {
  padding-left: 15px;
  padding-right: 15px;
}

@media screen and (min-width: 768px) {
  .componentDashboardButtonHolder .contentContainer {
    max-width: 990px;
    margin-left: auto;
    margin-right: auto;
  }
}

.componentDashboardButtonHolder .contentContainer .dashboardButton {
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  min-width: 114px;
  border: 2px solid #99D4FF;
  color: #2754b8;
  border-radius: 6px;
  text-decoration: none;
  padding: 8px 8px 8px 30px;
  text-align: center;
  margin-bottom: 35px;
  position: relative;
}

.componentDashboardButtonHolder .contentContainer .dashboardButton > span {
  font-family: "omnes-pro", "omnesmedium", Arial, Helvetica, sans-serif;
  font-size: 15px;
}

.componentDashboardButtonHolder .contentContainer .dashboardButton > i {
  color: #2E94DE;
  position: absolute;
  top: 0;
  left: 12px;
  font-size: 30px;
}

.componentHealthyLiving {
  background-color: #f5f5ee;
  padding-top: 35px;
  padding-bottom: 85px;
}

.componentHealthyLiving ::-webkit-input-placeholder {
  font-style: normal;
}

.componentHealthyLiving :-moz-placeholder {
  font-style: normal;
}

.componentHealthyLiving ::-moz-placeholder {
  font-style: normal;
}

.componentHealthyLiving :-ms-input-placeholder {
  font-style: normal;
}

.componentHealthyLiving .contentContainer {
  padding-left: 15px;
  padding-right: 15px;
}

@media screen and (min-width: 768px) {
  .componentHealthyLiving .contentContainer {
    max-width: 990px;
    margin-left: auto;
    margin-right: auto;
  }
}

@media screen and (max-width: 767px) {
  .componentHealthyLiving .contentContainer h1,
  .componentHealthyLiving .contentContainer h2,
  .componentHealthyLiving .contentContainer h3,
  .componentHealthyLiving .contentContainer h4,
  .componentHealthyLiving .contentContainer h5,
  .componentHealthyLiving .contentContainer h6 {
    clear: both;
    font-family: "omnes-pro", "omnesmedium", Arial, Helvetica, sans-serif;
    font-weight: normal;
  }

  .componentHealthyLiving .contentContainer p,
  .componentHealthyLiving .contentContainer td,
  .componentHealthyLiving .contentContainer li {
    color: #333;
    font-size: 16px;
    line-height: 1.4em;
  }

  .componentHealthyLiving .contentContainer p a,
  .componentHealthyLiving .contentContainer td a,
  .componentHealthyLiving .contentContainer li a {
    color: #333;
  }

  .componentHealthyLiving .contentContainer h1 {
    font-size: 32px;
    color: #2e94de;
    font-weight: bold;
    font-style: italic;
  }

  .componentHealthyLiving .contentContainer h2 {
    font-size: 27px;
    color: #2e94de;
    text-transform: uppercase;
  }

  .componentHealthyLiving .contentContainer h3 {
    font-size: 19px;
    color: #2e94de;
  }

  .componentHealthyLiving .contentContainer h4 {
    font-size: 20px;
  }

  .componentHealthyLiving .contentContainer h5 {
    font-size: 20px;
  }

  .componentHealthyLiving .contentContainer h6 {
    font-size: 20px;
  }

  .componentHealthyLiving .contentContainer p {
    margin-top: 0;
  }

  .componentHealthyLiving .contentContainer p a {
    color: #333;
    text-decoration: none;
    border-bottom: 2px solid #6ab1e2;
  }

  .componentHealthyLiving .contentContainer .button-outline {
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    min-width: 117px;
    border: 2px solid #2e94de;
    color: #2754b8;
    border-radius: 6px;
    text-decoration: none;
    padding: 4px 12px;
  }

  .componentHealthyLiving .contentContainer .button-outline:hover {
    background-color: #2e94de;
    border-color: #2e94de;
    color: #FFF;
  }

  .componentHealthyLiving .contentContainer .button-arrow {
    position: relative;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    min-width: 117px;
    border: 2px solid #2e94de;
    color: #2e94de;
    border-radius: 6px;
    text-decoration: none;
    padding-top: 7px;
    padding-right: 38px;
    padding-bottom: 7px;
    padding-left: 12px;
  }

  .componentHealthyLiving .contentContainer .button-arrow i {
    position: absolute;
    top: -1px;
    right: 10px;
    font-size: 28px;
  }

  .componentHealthyLiving .contentContainer .button-arrow:hover {
    background-color: #2e94de;
    border-color: #2e94de;
    color: #FFF;
  }

  .componentHealthyLiving .contentContainer .button-arrow-reversed {
    position: relative;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    min-width: 117px;
    border: 2px solid #2e94de;
    color: #2e94de;
    border-radius: 6px;
    text-decoration: none;
    padding-top: 7px;
    padding-left: 38px;
    padding-bottom: 7px;
    padding-right: 12px;
  }

  .componentHealthyLiving .contentContainer .button-arrow-reversed i {
    position: absolute;
    top: -1px;
    left: 10px;
    font-size: 28px;
  }

  .componentHealthyLiving .contentContainer .button-arrow-reversed:hover {
    background-color: #2e94de;
    border-color: #2e94de;
    color: #FFF;
  }
}

@media screen and (min-width: 768px) {
  .componentHealthyLiving .contentContainer h1,
  .componentHealthyLiving .contentContainer h2,
  .componentHealthyLiving .contentContainer h3,
  .componentHealthyLiving .contentContainer h4,
  .componentHealthyLiving .contentContainer h5,
  .componentHealthyLiving .contentContainer h6 {
    clear: both;
    font-family: "omnes-pro", "omnesmedium", Arial, Helvetica, sans-serif;
    font-weight: normal;
  }

  .componentHealthyLiving .contentContainer p,
  .componentHealthyLiving .contentContainer td,
  .componentHealthyLiving .contentContainer li {
    color: #333;
    font-size: 20px;
    line-height: 1.4em;
  }

  .componentHealthyLiving .contentContainer p a,
  .componentHealthyLiving .contentContainer td a,
  .componentHealthyLiving .contentContainer li a {
    color: #333;
  }

  .componentHealthyLiving .contentContainer h1 {
    font-size: 32px;
    color: #2e94de;
    font-weight: bold;
    font-style: italic;
  }

  .componentHealthyLiving .contentContainer h2 {
    font-size: 27px;
    color: #2e94de;
    text-transform: uppercase;
  }

  .componentHealthyLiving .contentContainer h3 {
    font-size: 19px;
    color: #2e94de;
  }

  .componentHealthyLiving .contentContainer h4 {
    font-size: 20px;
  }

  .componentHealthyLiving .contentContainer h5 {
    font-size: 20px;
  }

  .componentHealthyLiving .contentContainer h6 {
    font-size: 20px;
  }

  .componentHealthyLiving .contentContainer p {
    margin-top: 0;
  }

  .componentHealthyLiving .contentContainer p a {
    color: #333;
    text-decoration: none;
    border-bottom: 2px solid #6ab1e2;
  }

  .componentHealthyLiving .contentContainer .button-outline {
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    min-width: 117px;
    border: 2px solid #2e94de;
    color: #2754b8;
    border-radius: 6px;
    text-decoration: none;
    padding: 4px 12px;
  }

  .componentHealthyLiving .contentContainer .button-outline:hover {
    background-color: #2e94de;
    border-color: #2e94de;
    color: #FFF;
  }

  .componentHealthyLiving .contentContainer .button-arrow {
    position: relative;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    min-width: 117px;
    border: 2px solid #2e94de;
    color: #2e94de;
    border-radius: 6px;
    text-decoration: none;
    padding-top: 7px;
    padding-right: 38px;
    padding-bottom: 7px;
    padding-left: 12px;
  }

  .componentHealthyLiving .contentContainer .button-arrow i {
    position: absolute;
    top: -1px;
    right: 10px;
    font-size: 28px;
  }

  .componentHealthyLiving .contentContainer .button-arrow:hover {
    background-color: #2e94de;
    border-color: #2e94de;
    color: #FFF;
  }

  .componentHealthyLiving .contentContainer .button-arrow-reversed {
    position: relative;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    min-width: 117px;
    border: 2px solid #2e94de;
    color: #2e94de;
    border-radius: 6px;
    text-decoration: none;
    padding-top: 7px;
    padding-left: 38px;
    padding-bottom: 7px;
    padding-right: 12px;
  }

  .componentHealthyLiving .contentContainer .button-arrow-reversed i {
    position: absolute;
    top: -1px;
    left: 10px;
    font-size: 28px;
  }

  .componentHealthyLiving .contentContainer .button-arrow-reversed:hover {
    background-color: #2e94de;
    border-color: #2e94de;
    color: #FFF;
  }
}

.componentHealthyLiving .contentContainer p:last-child {
  margin-bottom: 0;
}

.componentHealthyLiving .ribbonContainer {
  text-align: center;
}

.componentHealthyLiving .ribbonContainer.blue .ribbonSlanted {
  z-index: 1;
  position: relative;
  display: inline-block;
  margin-top: 0px;
  margin-bottom: 0px;
  -webkit-backface-visibility: hidden;
}

.componentHealthyLiving .ribbonContainer.blue .ribbonSlanted > * {
  display: inline-block;
}

.componentHealthyLiving .ribbonContainer.blue .ribbonSlanted .ribbonText {
  color: #2E94DE;
  border-radius: 4px;
  position: relative;
  z-index: 7;
  overflow: hidden;
  display: inline-block;
  font-family: "tradegothic", Arial, Helvetica, sans-serif;
  font-style: normal;
  font-weight: normal;
  text-overflow: ellipsis;
  text-transform: uppercase;
}

@media screen and (max-width: 767px) {
  .componentHealthyLiving .ribbonContainer.blue .ribbonSlanted .ribbonText {
    max-width: 212px;
    font-size: 35px;
    padding-top: 8px;
    padding-left: 18px;
    padding-bottom: 6px;
    padding-right: 18px;
  }
}

@media screen and (min-width: 768px) {
  .componentHealthyLiving .ribbonContainer.blue .ribbonSlanted .ribbonText {
    max-width: 440px;
    font-size: 50px;
    padding-top: 10px;
    padding-left: 39px;
    padding-bottom: 8px;
    padding-right: 39px;
  }
}

.componentHealthyLiving .ribbonContainer.blue .ribbonSlanted.nowrap .ribbonText {
  white-space: nowrap;
}

@media screen and (max-width: 767px) {
  .componentHealthyLiving .ribbonContainer.blue .ribbonSlanted.nowrap .ribbonText {
    max-height: 44px;
  }
}

@media screen and (min-width: 768px) {
  .componentHealthyLiving .ribbonContainer.blue .ribbonSlanted.nowrap .ribbonText {
    max-height: 72px;
  }
}

.componentHealthyLiving .ribbonContainer.blue .ribbonSlanted .ribbonLeft {
  display: none;
}

.componentHealthyLiving .ribbonContainer.blue .ribbonSlanted .ribbonRight {
  display: none;
}

.componentHealthyLiving .ribbonContainer.green .ribbonSlanted {
  z-index: 1;
  position: relative;
  display: inline-block;
  margin-top: 0px;
  margin-bottom: 0px;
  -webkit-backface-visibility: hidden;
}

.componentHealthyLiving .ribbonContainer.green .ribbonSlanted > * {
  display: inline-block;
}

.componentHealthyLiving .ribbonContainer.green .ribbonSlanted .ribbonText {
  color: #3D8928;
  border-radius: 4px;
  position: relative;
  z-index: 7;
  overflow: hidden;
  display: inline-block;
  font-family: "tradegothic", Arial, Helvetica, sans-serif;
  font-style: normal;
  font-weight: normal;
  text-overflow: ellipsis;
  text-transform: uppercase;
}

@media screen and (max-width: 767px) {
  .componentHealthyLiving .ribbonContainer.green .ribbonSlanted .ribbonText {
    max-width: 212px;
    font-size: 35px;
    padding-top: 8px;
    padding-left: 18px;
    padding-bottom: 6px;
    padding-right: 18px;
  }
}

@media screen and (min-width: 768px) {
  .componentHealthyLiving .ribbonContainer.green .ribbonSlanted .ribbonText {
    max-width: 440px;
    font-size: 50px;
    padding-top: 10px;
    padding-left: 39px;
    padding-bottom: 8px;
    padding-right: 39px;
  }
}

.componentHealthyLiving .ribbonContainer.green .ribbonSlanted.nowrap .ribbonText {
  white-space: nowrap;
}

@media screen and (max-width: 767px) {
  .componentHealthyLiving .ribbonContainer.green .ribbonSlanted.nowrap .ribbonText {
    max-height: 44px;
  }
}

@media screen and (min-width: 768px) {
  .componentHealthyLiving .ribbonContainer.green .ribbonSlanted.nowrap .ribbonText {
    max-height: 72px;
  }
}

.componentHealthyLiving .ribbonContainer.green .ribbonSlanted .ribbonLeft {
  display: none;
}

.componentHealthyLiving .ribbonContainer.green .ribbonSlanted .ribbonRight {
  display: none;
}

.componentHealthyLiving .ribbonContainer .ribbonSlanted {
  color: #FFF;
}

.componentHealthyLiving .listCategories {
  padding-left: 15px;
  padding-right: 15px;
}

.componentHealthyLiving .listCategories:after {
  content: "";
  display: table;
  clear: both;
}

@media screen and (min-width: 768px) {
  .componentHealthyLiving .listCategories {
    max-width: 990px;
    margin-left: auto;
    margin-right: auto;
  }
}

@media screen and (min-width: 768px) {
  .componentHealthyLiving .listCategories > * {
    float: left;
    display: block;
    margin-right: 2.3576515979%;
    width: 31.7615656014%;
  }

  .componentHealthyLiving .listCategories > *:last-child {
    margin-right: 0;
  }
}

.componentHealthyLiving .listCategories > * img {
  display: block;
  width: 100%;
}

.componentHealthyLiving .listCategories a {
  color: #FFF;
  text-decoration: none;
}

.componentHealthyLiving .listCategories .itemCategory.categoryPurple {
  background-color: #662D90;
  color: #FFF;
}

.componentHealthyLiving .listCategories .itemCategory.categoryPurple h3 {
  background-color: #56257A;
}

.componentHealthyLiving .listCategories .itemCategory.categoryPurple h3 .fa {
  color: #CD94FF;
}

.componentHealthyLiving .listCategories .itemCategory.categoryPurple .listThemeLinks li {
  border-top-color: #CD94FF;
}

.componentHealthyLiving .listCategories .itemCategory.categoryGreen {
  background-color: #3D8928;
  color: #FFF;
}

.componentHealthyLiving .listCategories .itemCategory.categoryGreen h3 {
  background-color: #357523;
}

.componentHealthyLiving .listCategories .itemCategory.categoryGreen h3 .fa {
  color: #92C700;
}

.componentHealthyLiving .listCategories .itemCategory.categoryGreen .listThemeLinks li {
  border-top-color: #92C700;
}

.componentHealthyLiving .listCategories .itemCategory.categoryBlue {
  background-color: #2754b8;
  color: #FFF;
}

.componentHealthyLiving .listCategories .itemCategory.categoryBlue h3 {
  background-color: #244CA8;
}

.componentHealthyLiving .listCategories .itemCategory.categoryBlue h3 .fa {
  color: #99D4FF;
}

.componentHealthyLiving .listCategories .itemCategory.categoryBlue .listThemeLinks li {
  border-top-color: #99D4FF;
}

.componentHealthyLiving .listCategories .itemCategory h3 {
  position: relative;
  padding: 22px 25px;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: "tradegothic", Arial, Helvetica, sans-serif;
  font-size: 21px;
  font-weight: normal;
}

.componentHealthyLiving .listCategories .itemCategory h3 i {
  position: absolute;
  top: 12px;
  right: 22px;
  font-size: 38px;
}

.componentHealthyLiving .listCategories .listThemeLinks {
  list-style-type: none;
  padding-left: 0;
  margin-top: 0;
  margin-bottom: 0;
}

.componentHealthyLiving .listCategories .listThemeLinks > li {
  border-top: 2px solid;
}

.componentHealthyLiving .listCategories .listThemeLinks > li:first-child {
  border-top: none;
}

.componentHealthyLiving .listCategories .listThemeLinks > li > * {
  display: block;
  padding: 15px 30px;
}

.componentHealthyLiving .listCategories .listThemeLinks > li > a {
  font-size: 16px;
}

.componentHealthyLiving .listCategories .listThemeLinks > li > span {
  font-size: 13px;
}

.componentHealthyLiving .componentArticleSection {
  padding-left: 15px;
  padding-right: 15px;
}

@media screen and (min-width: 768px) {
  .componentHealthyLiving .componentArticleSection {
    max-width: 990px;
    margin-left: auto;
    margin-right: auto;
  }
}

@media screen and (max-width: 767px) {
  .componentHealthyLiving .componentArticleSection {
    padding-top: 40px;
  }
}

@media screen and (min-width: 768px) {
  .componentHealthyLiving .componentArticleSection {
    padding-top: 90px;
  }
}

.componentHealthyLiving .componentArticleSection .sectionArticles {
  background-color: #662D90;
  color: #FFF;
  position: relative;
  overflow: hidden;
}

.componentHealthyLiving .componentArticleSection .sectionArticles:after {
  content: "";
  display: table;
  clear: both;
}

@media screen and (max-width: 767px) {
  .componentHealthyLiving .componentArticleSection .sectionArticles img {
    display: none;
  }
}

@media screen and (min-width: 768px) {
  .componentHealthyLiving .componentArticleSection .sectionArticles img {
    position: absolute;
    float: right;
    height: 100%;
    z-index: 7;
    left: 0;
    width: auto;
  }
}

.componentHealthyLiving .componentArticleSection .sectionArticles > .listArticles {
  background-color: #662D90;
  font-size: 19px;
}

@media screen and (max-width: 767px) {
  .componentHealthyLiving .componentArticleSection .sectionArticles > .listArticles {
    padding: 20px;
  }
}

@media screen and (min-width: 768px) {
  .componentHealthyLiving .componentArticleSection .sectionArticles > .listArticles {
    width: 69%;
    float: right;
    padding: 45px 50px;
    position: relative;
    z-index: 9;
  }

  .componentHealthyLiving .componentArticleSection .sectionArticles > .listArticles:first-child {
    width: 100%;
  }
}

.componentHealthyLiving .componentArticleSection .sectionArticles > .listArticles h2 {
  margin-top: 0;
  margin-bottom: 35px;
  font-family: "omnes-pro", "omnesmedium", Arial, Helvetica, sans-serif;
  font-weight: 600;
  font-size: 30px;
}

.componentHealthyLiving .componentArticleSection .sectionArticles > .listArticles ul {
  list-style-type: none;
  padding-left: 0;
  margin-top: 0;
  margin-bottom: 0;
}

.componentHealthyLiving .componentArticleSection .sectionArticles > .listArticles a {
  color: #FFF;
}

.componentHealthyLiving .componentWidgets {
  padding-left: 15px;
  padding-right: 15px;
  margin-top: 100px;
}

@media screen and (min-width: 768px) {
  .componentHealthyLiving .componentWidgets {
    max-width: 990px;
    margin-left: auto;
    margin-right: auto;
  }
}

.componentHealthyLiving .componentWidgets .sectionWidgets:after {
  content: "";
  display: table;
  clear: both;
}

.componentHealthyLiving .componentWidgets .sectionWidgets .widgetHealthy {
  margin-bottom: 25px;
  background-color: #3D8928;
  color: #FFF;
  min-height: 306px;
}

.componentHealthyLiving .componentWidgets .sectionWidgets .widgetHealthy .titleWidget {
  background-color: #357523;
  padding: 20px;
  color: #FFF;
  margin-top: 0;
  margin-bottom: 0;
  text-transform: uppercase;
  text-align: center;
  font-family: "tradegothicoblique", Arial, Helvetica, sans-serif;
  font-size: 21px;
  font-weight: normal;
}

@media screen and (min-width: 768px) {
  .componentHealthyLiving .componentWidgets .sectionWidgets .widgetsSmallContainer {
    float: left;
    display: block;
    margin-right: 2.3576515979%;
    width: 31.7615656014%;
  }

  .componentHealthyLiving .componentWidgets .sectionWidgets .widgetsSmallContainer:last-child {
    margin-right: 0;
  }

  .componentHealthyLiving .componentWidgets .sectionWidgets .widgetsSmallContainer.lastChild {
    margin-right: 0;
  }
}

.componentHealthyLiving .componentWidgets .sectionWidgets .widgetHeartRateTarget {
  min-height: 306px;
}

.componentHealthyLiving .componentWidgets .sectionWidgets .widgetHeartRateTarget .contentWidget {
  font-size: 16px;
  padding: 21px;
  line-height: 1.3em;
}

.componentHealthyLiving .componentWidgets .sectionWidgets .widgetHeartRateTarget .contentWidget label {
  display: block;
  font-size: 16px;
  margin-bottom: 10px;
}

.componentHealthyLiving .componentWidgets .sectionWidgets .widgetHeartRateTarget .contentWidget input {
  font-family: "tradegothicoblique", Arial, Helvetica, sans-serif;
  color: #333;
  font-size: 25px;
  border: none;
  border-radius: 5px;
  padding: 3px;
  width: 85px;
}

@media screen and (min-width: 768px) {
  .componentHealthyLiving .componentWidgets .sectionWidgets .widgetGoalTicker {
    min-height: 638px;
  }
}

.componentHealthyLiving .componentWidgets .sectionWidgets .widgetGoalTicker .rowGoals {
  padding: 15px 23px;
  font-size: 16px;
  border-top: 2px solid #357523;
}

.componentHealthyLiving .componentWidgets .sectionWidgets .widgetGoalTicker .rowGoals:after {
  content: "";
  display: table;
  clear: both;
}

.componentHealthyLiving .componentWidgets .sectionWidgets .widgetGoalTicker .rowGoals input {
  font-family: "tradegothicoblique", Arial, Helvetica, sans-serif;
  color: #333;
  width: 20px;
  height: 20px;
  display: inline;
  max-width: 10%;
  float: left;
  border-radius: 100%;
  border: 2px solid #2F661E;
}

.componentHealthyLiving .componentWidgets .sectionWidgets .widgetGoalTicker .rowGoals span,
.componentHealthyLiving .componentWidgets .sectionWidgets .widgetGoalTicker .rowGoals textarea {
  display: inline;
  width: 85%;
  float: right;
}

.componentHealthyLiving .componentWidgets .sectionWidgets .widgetGoalTicker .rowGoals textarea {
  background-color: rgba(0, 0, 0, 0.2);
  border: none;
  resize: none;
  color: #FFF;
  font-size: 16px;
}

.componentHealthyLiving .componentWidgets .sectionWidgets .widgetGoalTicker .rowGoals:first-child {
  border-top: none;
}

.componentHealthyLiving .componentWidgets .sectionWidgets .widgetCalorieConverter {
  min-height: 306px;
}

.componentHealthyLiving .componentWidgets .sectionWidgets .widgetCalorieConverter .contentWidget {
  font-size: 16px;
  padding: 21px;
  line-height: 1.3em;
}

.componentHealthyLiving .componentWidgets .sectionWidgets .widgetCalorieConverter .rowCalorieForm {
  margin-top: 42px;
}

.componentHealthyLiving .componentWidgets .sectionWidgets .widgetCalorieConverter .rowCalorieForm:after {
  content: "";
  display: table;
  clear: both;
}

.componentHealthyLiving .componentWidgets .sectionWidgets .widgetCalorieConverter .rowCalorieForm > * {
  float: left;
  display: block;
  margin-right: 2.3576515979%;
  width: 31.7615656014%;
}

.componentHealthyLiving .componentWidgets .sectionWidgets .widgetCalorieConverter .rowCalorieForm > *:last-child {
  margin-right: 0;
}

.componentHealthyLiving .componentWidgets .sectionWidgets .widgetCalorieConverter .rowCalorieForm label {
  display: block;
  font-size: 16px;
  margin-bottom: 10px;
}

.componentHealthyLiving .componentWidgets .sectionWidgets .widgetCalorieConverter .rowCalorieForm input {
  font-family: "tradegothicoblique", Arial, Helvetica, sans-serif;
  color: #333;
  font-size: 25px;
  border: none;
  border-radius: 5px;
  padding: 3px;
  width: 100%;
}

.componentHealthyLiving .componentWidgets .sectionWidgets .widgetCalorieConverter .rowCalorieForm button {
  background-color: transparent;
  color: #92C700;
  font-size: 30px;
  line-height: 1;
  border: none;
  margin-top: 28px;
}

.componentHealthyLiving .componentWidgets .sectionWidgets .widgetBMICalculator {
  min-height: 306px;
}

.componentHealthyLiving .componentWidgets .sectionWidgets .widgetBMICalculator .rowBMIForm {
  font-size: 16px;
  padding: 21px;
  line-height: 1.3em;
}

.componentHealthyLiving .componentWidgets .sectionWidgets .widgetBMICalculator .rowBMIForm:after {
  content: "";
  display: table;
  clear: both;
}

.componentHealthyLiving .componentWidgets .sectionWidgets .widgetBMICalculator .rowBMIForm .field {
  float: left;
  display: block;
  margin-right: 2.8425855704%;
  width: 38.2944486578%;
}

.componentHealthyLiving .componentWidgets .sectionWidgets .widgetBMICalculator .rowBMIForm .field:last-child {
  margin-right: 0;
}

.componentHealthyLiving .componentWidgets .sectionWidgets .widgetBMICalculator .rowBMIForm .field input {
  font-family: "tradegothicoblique", Arial, Helvetica, sans-serif;
  color: #333;
  font-size: 25px;
  border: none;
  border-radius: 5px;
  padding: 3px;
  width: 100%;
  max-width: 85px;
}

.componentHealthyLiving .componentWidgets .sectionWidgets .widgetBMICalculator .rowBMIForm .field label {
  display: block;
  font-size: 16px;
  margin-bottom: 10px;
}

.componentHealthyLiving .componentWidgets .sectionWidgets .widgetBMICalculator .rowBMIForm .action {
  float: left;
  display: block;
  margin-right: 2.8425855704%;
  width: 17.7259315437%;
}

.componentHealthyLiving .componentWidgets .sectionWidgets .widgetBMICalculator .rowBMIForm .action:last-child {
  margin-right: 0;
}

.componentHealthyLiving .componentWidgets .sectionWidgets .widgetBMICalculator .rowBMIForm .action button {
  width: 100%;
  background-color: transparent;
  border: 2px solid #92C700;
  color: #92C700;
  padding: 4px 0;
  line-height: 1;
  border-radius: 7px;
  margin-top: 29px;
  text-transform: uppercase;
  font-family: "tradegothicoblique", Arial, Helvetica, sans-serif;
  font-size: 24px;
}

.componentHealthyLiving .componentWidgets .sectionWidgets .widgetBMICalculator .rowBMIResult {
  border-top: 2px solid #357523;
}

.componentHealthyLiving .componentWidgets .sectionWidgets .widgetBMICalculator .rowBMIResult:after {
  content: "";
  display: table;
  clear: both;
}

.componentHealthyLiving .componentWidgets .sectionWidgets .widgetBMICalculator .rowBMIResult > * {
  float: left;
  display: block;
  width: 51.178825799%;
  padding: 15px 20px;
  text-transform: uppercase;
  font-family: "tradegothicoblique", Arial, Helvetica, sans-serif;
  font-size: 11px;
}

.componentHealthyLiving .componentWidgets .sectionWidgets .widgetBMICalculator .rowBMIResult > *:last-child {
  width: 48.821174201%;
}

.componentHealthyLiving .componentWidgets .sectionWidgets .widgetBMICalculator .rowBMIResult > *:first-child {
  border-right: 2px solid #357523;
}

.componentHealthyLiving .componentWidgets .sectionWidgets .widgetBMICalculator .progressBox {
  margin-top: 20px;
}

.componentHealthyLiving .componentWidgets .sectionWidgets .widgetBMICalculator .progressBox .rangeBar {
  width: 90%;
  position: relative;
  display: block;
  height: 7px;
  background-color: #1C3D12;
  border-radius: 7px;
  margin-left: auto;
  margin-right: auto;
}

.componentHealthyLiving .componentWidgets .sectionWidgets .widgetBMICalculator .progressBox .rangePointer {
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 15px;
  height: 15px;
  display: block;
  background-color: #FFF;
  position: absolute;
  border: 5px solid #92C700;
  top: -4px;
  border-radius: 100%;
}

.componentHealthyLiving .componentWidgets .sectionWidgets .widgetBMICalculator .progressBox .rangeLabels {
  position: relative;
  margin-top: 15px;
  height: 50px;
}

.componentHealthyLiving .componentWidgets .sectionWidgets .widgetBMICalculator .progressBox .rangeLabels > * {
  display: block;
  width: 20%;
  position: absolute;
  text-align: center;
  font-size: 11px;
}

.componentHealthyLiving .componentWidgets .sectionWidgets .widgetBMICalculator .progressBox .rangeLabels .labelFirst {
  left: 2%;
}

.componentHealthyLiving .componentWidgets .sectionWidgets .widgetBMICalculator .progressBox .rangeLabels .labelSecond {
  left: 41%;
}

.componentHealthyLiving .componentWidgets .sectionWidgets .widgetBMICalculator .progressBox .rangeLabels .labelThird {
  left: 77%;
}

.componentHealthyLiving .componentWidgets .sectionWidgets .widgetMeasurementKeeper {
  min-height: 306px;
}

.componentHealthyLiving .componentWidgets .sectionWidgets .widgetMeasurementKeeper .owl-controls {
  position: absolute;
  top: 0;
  z-index: 5;
  width: 100%;
}

.componentHealthyLiving .componentWidgets .sectionWidgets .widgetMeasurementKeeper .owl-controls .owl-nav:after {
  content: "";
  display: table;
  clear: both;
}

.componentHealthyLiving .componentWidgets .sectionWidgets .widgetMeasurementKeeper .owl-controls .owl-nav > * {
  color: #92C700;
  font-size: 43px;
  padding: 7px 15px;
}

.componentHealthyLiving .componentWidgets .sectionWidgets .widgetMeasurementKeeper .owl-controls .owl-prev {
  float: left;
}

.componentHealthyLiving .componentWidgets .sectionWidgets .widgetMeasurementKeeper .owl-controls .owl-next {
  float: right;
}

.componentHealthyLiving .componentWidgets .sectionWidgets .widgetMeasurementKeeper .inputField {
  max-width: 100%;
  padding: 8px 10px;
  border-top: 2px solid #357523;
  font-family: "omnes-pro", "omnesmedium", Arial, Helvetica, sans-serif;
  font-size: 18px;
}

.componentHealthyLiving .componentWidgets .sectionWidgets .widgetMeasurementKeeper .inputField:after {
  content: "";
  display: table;
  clear: both;
}

@media screen and (min-width: 768px) {
  .componentHealthyLiving .componentWidgets .sectionWidgets .widgetMeasurementKeeper .inputField {
    width: 304px;
  }
}

.componentHealthyLiving .componentWidgets .sectionWidgets .widgetMeasurementKeeper .inputField:first-child {
  border-top: none;
}

.componentHealthyLiving .componentWidgets .sectionWidgets .widgetMeasurementKeeper .inputField > * {
  float: left;
  width: 50%;
}

.componentHealthyLiving .componentWidgets .sectionWidgets .widgetMeasurementKeeper .fieldDate {
  padding: 10px;
  font-size: 17px;
  display: inline-block;
}

.componentHealthyLiving .componentWidgets .sectionWidgets .widgetMeasurementKeeper .fieldEdit {
  height: 42px;
  background-color: #4D9520;
  line-height: 1;
}

.componentHealthyLiving .componentWidgets .sectionWidgets .widgetMeasurementKeeper .fieldEdit:after {
  content: "";
  display: table;
  clear: both;
}

.componentHealthyLiving .componentWidgets .sectionWidgets .widgetMeasurementKeeper .fieldEdit > * {
  width: 50%;
  height: 42px;
  float: left;
  color: #FFF;
  font-size: 23px;
  padding-top: 5px;
  padding-bottom: 5px;
}

.componentHealthyLiving .componentWidgets .sectionWidgets .widgetMeasurementKeeper .fieldEdit span {
  text-align: left;
  font-family: "tradegothicoblique", Arial, Helvetica, sans-serif;
}

.componentHealthyLiving .componentWidgets .sectionWidgets .widgetMeasurementKeeper .fieldEdit textarea {
  background-color: transparent;
  resize: none;
  border: none;
  text-align: right;
  padding-right: 10px;
  font-family: "tradegothicoblique", Arial, Helvetica, sans-serif;
  overflow: hidden;
}

.componentHealthyLivingLoader {
  background-color: #F5F5EE;
  padding-top: 35px;
  padding-bottom: 5px;
  position: relative;
  min-height: 300px;
  background-image: url("../images/ajax-loader.gif");
  background-position: center;
  background-repeat: no-repeat;
}

.componentHealthyLivingHeader {
  background-color: #F5F5EE;
  padding-top: 35px;
  padding-bottom: 5px;
}

.componentHealthyLivingHeader .headerContainer {
  padding-left: 15px;
  padding-right: 15px;
}

@media screen and (min-width: 768px) {
  .componentHealthyLivingHeader .headerContainer {
    max-width: 780px;
    margin-left: auto;
    margin-right: auto;
  }
}

.componentHealthyLivingHeader .headerContainer:after {
  content: "";
  display: table;
  clear: both;
}

@media screen and (min-width: 768px) {
  .componentHealthyLivingHeader .headerContainer .headerContainerText {
    float: left;
    display: block;
    margin-right: 2.3576515979%;
    width: 65.8807828007%;
  }

  .componentHealthyLivingHeader .headerContainer .headerContainerText:last-child {
    margin-right: 0;
  }
}

.componentHealthyLivingHeader .headerContainer .headerContainerText h2 {
  color: #333;
  margin-top: 0;
  margin-bottom: 35px;
  font-family: "omnes-pro", "omnesmedium", Arial, Helvetica, sans-serif;
  font-size: 46px;
  font-weight: 600;
  font-style: italic;
}

.componentHealthyLivingHeader .headerContainer .headerImage {
  border-radius: 100%;
  overflow: hidden;
}

@media screen and (max-width: 767px) {
  .componentHealthyLivingHeader .headerContainer .headerImage {
    display: inline-block;
  }
}

@media screen and (min-width: 768px) {
  .componentHealthyLivingHeader .headerContainer .headerImage {
    float: left;
    display: block;
    margin-right: 2.3576515979%;
    width: 31.7615656014%;
  }

  .componentHealthyLivingHeader .headerContainer .headerImage:last-child {
    margin-right: 0;
  }
}

.componentHealthyLivingHeader .headerContainer .headerImage img {
  display: block;
}

@media screen and (min-width: 768px) {
  .componentHealthyLivingHeader .headerContainer .headerImage img {
    width: 100%;
  }
}

.componentHealthyLivingHeader .headerButtons .printButton {
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  min-width: 56px;
  border: 2px solid #D9D9D5;
  color: #555555;
  border-radius: 6px;
  text-decoration: none;
  padding: 8px;
  background-color: transparent;
  text-align: center;
  margin-bottom: 35px;
  position: relative;
  line-height: 1;
  margin-left: 10px;
}

.componentHealthyLivingHeader .headerButtons .printButton > span {
  font-family: "omnes-pro", "omnesmedium", Arial, Helvetica, sans-serif;
  font-size: 15px;
}

.componentHealthyLivingHeader .headerButtons .printButton > i {
  position: absolute;
  top: 0;
  left: 12px;
  font-size: 30px;
}

.componentHealthyLivingHeader .headerButtons .buttonHome {
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  min-width: 114px;
  border: 2px solid #D9D9D5;
  color: #555555;
  border-radius: 6px;
  text-decoration: none;
  padding: 8px 8px 8px 30px;
  text-align: center;
  margin-bottom: 35px;
  position: relative;
  line-height: 1;
}

.componentHealthyLivingHeader .headerButtons .buttonHome > span {
  font-family: "omnes-pro", "omnesmedium", Arial, Helvetica, sans-serif;
  font-size: 15px;
}

.componentHealthyLivingHeader .headerButtons .buttonHome > i {
  position: absolute;
  top: 0;
  left: 12px;
  font-size: 30px;
}

.componentHealthyLivingHeader .headerCredits {
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 10px;
  padding-bottom: 10px;
}

@media screen and (min-width: 768px) {
  .componentHealthyLivingHeader .headerCredits {
    max-width: 780px;
    margin-left: auto;
    margin-right: auto;
  }
}

.componentHealthyLivingHeader .headerCredits > * {
  font-size: 14px;
  display: inline-block;
  margin-left: 17px;
  strong-color: #111;
}

.componentHealthyLivingHeader .headerCredits > *:first-child {
  margin-left: 0;
}

.componentHealthyLivingHeader .headerCredits > * span {
  color: #555;
}

.componentHealthyLivingMenu {
  background-color: #F5F5EE;
  padding-top: 35px;
  padding-bottom: 60px;
}

.componentHealthyLivingMenu .menuTitle {
  text-align: center;
  margin-bottom: 50px;
}

.componentHealthyLivingMenu .menuTitle h2 {
  margin-top: 0;
  margin-bottom: 0;
  color: #555;
  font-weight: 600;
  font-style: italic;
}

.componentHealthyLivingMenu .menuContainer {
  padding-left: 15px;
  padding-right: 15px;
}

@media screen and (min-width: 768px) {
  .componentHealthyLivingMenu .menuContainer {
    max-width: 990px;
    margin-left: auto;
    margin-right: auto;
  }
}

.componentHealthyLivingMenu .menuContainer:after {
  content: "";
  display: table;
  clear: both;
}

.componentHealthyLivingMenu .menuContainer .menuItem {
  color: #FFF;
}

.componentHealthyLivingMenu .menuContainer .menuItem > h3 {
  padding: 20px;
  text-align: center;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: "tradegothicoblique", Arial, Helvetica, sans-serif;
  font-size: 21px;
}

.componentHealthyLivingMenu .menuContainer .menuItem a {
  display: block;
  color: #FFF;
  text-decoration: none;
}

.componentHealthyLivingMenu .menuContainer .menuItem ul {
  list-style-type: none;
  padding-left: 0;
  margin-top: 0;
  margin-bottom: 0;
}

.componentHealthyLivingMenu .menuContainer .menuItem ul > li {
  padding: 14px 30px;
  border-top-width: 2px;
  border-top-style: solid;
}

.componentHealthyLivingMenu .menuContainer .menuItem ul > li > button {
  width: 100%;
  display: block;
  text-align: left;
  line-height: 1;
  background-color: transparent;
  color: #FFF;
  border: none;
  position: relative;
  font-family: "omnes-pro", "omnesmedium", Arial, Helvetica, sans-serif;
  font-weight: 600;
  font-style: italic;
  font-size: 19px;
  padding-left: 0;
  padding-right: 0;
}

.componentHealthyLivingMenu .menuContainer .menuItem ul > li > button > i {
  position: absolute;
  top: 4px;
  right: -13px;
}

.componentHealthyLivingMenu .menuContainer .menuItem ul > li .menuPageLink {
  font-size: 14px;
  border-top-width: 2px;
  border-top-style: solid;
  padding-top: 18px;
  padding-bottom: 18px;
}

.componentHealthyLivingMenu .menuContainer .menuItem ul > li .menuPageLink:first-child {
  border-top: none;
}

@media screen and (min-width: 768px) {
  .componentHealthyLivingMenu .menuContainer .menuItem {
    float: left;
    display: block;
    margin-right: 2.3576515979%;
    width: 31.7615656014%;
  }

  .componentHealthyLivingMenu .menuContainer .menuItem:last-child {
    margin-right: 0;
  }
}

.componentHealthyLivingMenu .themePurple {
  background-color: #662D90;
}

.componentHealthyLivingMenu .themePurple > ul {
  background-color: #56257A;
}

.componentHealthyLivingMenu .themePurple > ul .accordionTrigger i {
  color: #CD94FF;
}

.componentHealthyLivingMenu .themePurple > ul .menuPageLink,
.componentHealthyLivingMenu .themePurple > ul li {
  border-top-color: #CD94FF;
}

.componentHealthyLivingMenu .themeGreen {
  background-color: #3D8928;
}

.componentHealthyLivingMenu .themeGreen > ul {
  background-color: #357523;
}

.componentHealthyLivingMenu .themeGreen > ul .accordionTrigger i {
  color: #92C700;
}

.componentHealthyLivingMenu .themeGreen > ul .menuPageLink,
.componentHealthyLivingMenu .themeGreen > ul li {
  border-top-color: #92C700;
}

.componentHealthyLivingMenu .themeBlue {
  background-color: #2754b8;
}

.componentHealthyLivingMenu .themeBlue > ul {
  background-color: #244CA8;
}

.componentHealthyLivingMenu .themeBlue > ul .accordionTrigger i {
  color: #99D4FF;
}

.componentHealthyLivingMenu .themeBlue > ul .menuPageLink,
.componentHealthyLivingMenu .themeBlue > ul li {
  border-top-color: #99D4FF;
}

.componentHealthyLivingMenu .menuAccordion.passive .accordionContent {
  height: 0;
  overflow: hidden;
}

.componentHealthyLivingPage {
  background-color: #FFF;
  padding-top: 77px;
  padding-bottom: 82px;
}

.componentHealthyLivingPage .pageFeaturedContent {
  padding-left: 15px;
  padding-right: 15px;
}

@media screen and (min-width: 768px) {
  .componentHealthyLivingPage .pageFeaturedContent {
    max-width: 780px;
    margin-left: auto;
    margin-right: auto;
  }
}