@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,300;0,400;0,500;0,700;1,500;1,600;1,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Big+Shoulders+Text:wght@100;200;300;400;500;600;700;800;900&display=swap');
/* fonts */


@font-face {
  font-family: 'Century Gothic';
  font-style: normal;
  font-weight: bold;
  src: local('Century Gothic Bold'), url('/fonts/CenturyGothic-Bold.woff') format('woff');
}

@font-face {
  font-family: 'Century Gothic';
  font-style: normal;
  font-weight: normal;
  src: local('Century Gothic'), url('/fonts/CenturyGothic-Regular.woff') format('woff');
}

/* 1903 Sans Regular */
@font-face {
  font-family: '1903 Sans';
  src: url('/fonts/uwr/1903Sans-Regular.woff') format('woff'),
       url('/fonts/uwr/1903Sans-Regular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
}

/* 1903 Sans Bold */
@font-face {
  font-family: '1903 Sans';
  src: url('/fonts/uwr/1903Sans-Bold.woff') format('woff'),
       url('/fonts/uwr/1903Sans-Bold.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
}

/* 1903 Sans Condensed Bold */
@font-face {
  font-family: '1903 Sans Condensed';
  src: url('/fonts/uwr/1903SansCondensed-Bold.woff') format('woff'),
       url('/fonts/uwr/1903SansCondensed-Bold.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
}



/* fixes */
html, body, div, span, applet, embed, object, iframe, frameset,p, q, blockquote, sub, sup, a, abbr, acronym, font, img, small, center,
h1, h2, h3, h4, h5, h6, b, strong, big, u, ins,
i, cite, em, var, dfn, address, s, strike, del,
dl, dt, dd, ol, ul, li, pre, code, kbd, samp, tt,
fieldset, legend, form, label, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, footer, header,
hgroup, menu, nav, section, summary, time, mark, audio,video, ul, li {margin:0; padding:0; background:none;scroll-behavior: smooth;}

article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary,iframe,embed {display: block;}

* {-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
*:focus {outline: 0;}

/* html/body */
html {margin:0;padding:0;min-height:100%;position:relative}
body{margin:0;padding:0;color:#000;font-family: 'franklin-gothic-atf', sans-serif; text-align:center;background: #fff;}
p {line-height:1.5em; margin: 1em 0;}
img {max-width:100%;}

/* anchor/links */
a {color:#000;text-decoration:underline;font-weight:500;}

/* lists */
ul, ol { margin: 0 0 0 1em; }

ul li, ol li { margin: .5em 0; line-height: 1.6em;
}

/* headings */
h1 {font-family:'1903 Sans',sans-serif;font-weight:700;}
h2,h3{font-family: "franklin-gothic-condensed", sans-serif; font-weight:700;}
h4,h5,h6{font-family: "franklin-gothic-condensed", sans-serif; font-weight:500;}

h1 {font-size: 2.7rem;font-weight:900;text-transform:capitalize;}
h2 {font-size: 2.2rem;font-weight:900;text-transform:capitalize;}
h3 {font-size: 1.8rem;font-weight:700;}
h4 {font-size: 1.2rem;font-weight:500;}
h5 {font-size: 1rem; font-weight: 500 !important;}
h6 {font-size: 0.8rem; font-weight: 500 !important;}

b, strong {font-weight: 600 !important;}

/* containers/wrappers */
#Wrapper{margin:0 auto;min-height:100%;background:transparent;}
/* .container{margin:0 auto;max-width:1240px;} */
.PageWrapper{position:relative;max-width:1240px;margin:0 auto}
#ContentBody #Content .content .PageWrapper, .template-lumps .content .container {max-width: 1000px;}
.bootstrap-select.btn-group:not(.input-group-btn) {padding:0;}
.modal.bootstrap-dialog {z-index:1000000 !important;}
.template-lumps .funraisin-page-nav {display: none;}
.lumps-wrapper {margin: 1rem 0;}
.inner-wrapper {width: 700px;margin: 0 auto;}

@media (min-width: 1100px) {
	.container {
	    max-width: 1080px;
	}
}

@media (min-width: 1200px) {
	.container {
	    max-width: 1180px;
	}
}

@media (min-width: 1300px) {
	.container {
	    max-width: 1240px;
	}
}







/*
* ----------------------------------------------------------------------------------------------------
* DGR Custom Colours
* ----------------------------------------------------------------------------------------------------
*/

 /* Color */
.c-white {color: #fff !important;}
.c-white hr {border-color: #fff !important;}
.c-black {color: #000 !important;}
.c-beige {color: #FFFFFF !important;}
.c-red {color: #000000 !important;}
.c-midgreen{color: #3C7F60 !important;}
.c-orange{color: #F26A2B !important;}
.c-mid-orange{color: #C16028 !important;}
.c-dark-orange{color: #9B360E !important;}
.c-dark-red{color: #000000 !important;}

/* Fonts */
.font-century {font-family: 'franklin-gothic-atf',sans-serif !important;text-transform: capitalize !important;}
.font-bebas-book {font-family: 'franklin-gothic-atf',sans-serif !important; font-weight: 400 !important;}
.font-bebas-bold {font-family: 'franklin-gothic-atf',sans-serif !important; font-weight: 500 !important;}

/* Button */
.btn {font-family: 'franklin-gothic-atf', sans-serif;text-decoration: none;border-radius:0.5rem;}
.btn-sm {border-radius: 0.5rem;}
.btn-primary {background: #000000;color: #fff;border: 1px solid #000000; text-decoration: none !important;}
.btn-primary:hover,.btn-primary:focus {background: #000;color: #fff;border: 1px solid #000;box-shadow: none !important;}
.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle {background: #000;color: #fff;border: 0;}
.btn-primary.disabled, .btn-primary:disabled {color: #fff; background: #6c757d;border-color: #6c757d;}
.btn-secondary {background:#EEEEEE;color: #000;border: 0;}
.btn-pink {background: #000000;color:#fff !important;}
.btn-red {background: #000000;color:#fff !important;}
.btn-gold {background: #000000;color: #fff;border: 0;}
.btn-beige {background: #F26A2B; color: #000;}
.btn-beige:hover {background: #F26A2B; color: #fff;}
.btn-green {background: #000000;color:#fff !important;}

/* Background */
.bg-main {background: #0D0D19 !important; color: #fff;}
.bg-black {background: #000 !important; color: #fff;}
.bg-white {background-color: #fff!important; color: #000 !important;}
.bg-beige {background: #FFFFFF !important;}
.bg-beige-75 {background: rgba(247,241,186,0.75) !important;}
.bg-beige-50 {background: rgba(247,241,186,0.5) !important;}
.bg-beige-25 {background: rgba(247,241,186,0.25) !important;}
.bg-dark-blue {background: #000000 !important; color: #fff;}
.bg-mid-blue {background: #4a77a2 !important; color: #fff;}
.bg-primary {background: #000000 !important; color: #fff;}
.bg-rose-gradient {background: rgb(194,157,140);color: #fff;}

.bg-rose-gradient {background: linear-gradient(133deg, rgba(77,176,226,1) 0%, rgba(34,77,109,1) 100%); color: #fff;}
.bg-rose-gradient-75 {background: linear-gradient(133deg, rgba(194,157,140,0.75) 0%, rgba(128,91,101,0.75) 100%); color: #fff;}
.bg-rose-gradient-50 {background: linear-gradient(133deg, rgba(194,157,140,0.5) 0%, rgba(128,91,101,0.5) 100%); color: #fff;}
.bg-purple {background: #000 !important; color: #fff;}
.bg-purple-dark {background: #57334c !important; color: #fff;}
.bg-purple-light {background: #898A93 !important; color: #fff;}
.bg-purple-gradient {background: #000000 !important; color: #fff;}
.bg-sky-gradient {background: rgb(111,177,176);background: linear-gradient(133deg, rgba(111,177,176,1) 0%, rgba(103,166,184,1) 38%, rgba(77,128,167,1) 100%);}
.bg-grass-gradient {background: rgb(187,170,51);background: linear-gradient(305deg, rgba(187,170,51,1) 0%, rgba(192,181,114,1) 100%);}
.bg-grey-dark {background: #000000 !important; color: #fff;}
.bg-grey-light {background: #EEEEEE !important; color: #000;}
.bg-gold {background: #000000 !important;}
.bg-cyan {background: #4DB0E1;}
.bg-orange {background: #e2e2e2;color:#000 !important;}
.bg-dark-orange {background: #000000;}
.bg-green-pastel {background: #c0b572 !important;}
.bg-gold-light {background: #a59a80 !important;}
.bg-ideal {background:#c06 !important;}
.bg-sofort {background: #fb83a0 !important;}
.bg-light {background: #e2e2e2 !important;}
.bg-burnt {background: #F26A2B !important;color:#000 !important;}

.border-white {border: 1px solid #fff;}

.section-bg-orange {background: #F26A2B !important; color: #fff !important;}
.section-bg-beige {background: #e2e2e2 !important; color: #000 !important;}
.section-bg-opaque-white {background: rgba(255, 255, 255, 0.8) !important; color: #000 !important;}
.section-bg-brown {background: #fafafa !important; color: #000 !important;}
.section-bg-yellow {background: #FFFFFF !important; color: #000 !important;}
.section-bg-green {background: #000000 !important; color: #fff !important;}
.section-bg-red {background: #000000 !important; color: #fff !important;}
.section-bg-pink {background: #F26A2B !important; color: #fff !important;}
.section-bg-houndstooth{background: url('https://7ab4a7a7b3e97d265133-3c456ba518a2c8c1f13f8ac58cd6a50f.ssl.cf5.rackcdn.com/3b3113a692087f17f408b921a7f8f450.jpg') no-repeat;background-size: cover;background-color: #c79f72;}
/* .section-bg-webstats{background: url('/images/2024/DGR24_Web_Stats_BG.svg') no-repeat;background-size: cover;background-color: #c79f72;} */

/* .top-section-divider {
  position: relative;
}

.top-section-divider .container {
  z-index: 99 !important;
  position: relative;
}

.top-section-divider::before{
  content: '';
  background: url(/images/2023/DGR23_Divider_DoubleTear.svg);
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  top: -7rem;
  left: 0px;
  width: 100vw;
  height: 100%;
  z-index: 1;
} */

/* Resize for Top Divider */
/* @media (max-width: 1320px) {
  .top-section-divider::before{
    top: -5rem;
  }
}

@media (max-width: 950px) {
  .top-section-divider::before{
    top: -3rem;
  }
} */


/* .brown-section-divider {
  position: relative;
}

.brown-section-divider::before{
  content: '';
  background: url(/images/2023/DGR23_Divider_Brown.svg);
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  top: -6.2rem;
  left: 0px;
  width: 100vw;
  height: 100%;
  z-index: 1;
}

.dashboard-section-divider {
  position: relative;
}

.dashboard-section-divider::before{
  content: '';
  background: url(/images/2023/DGR23_Divider_Dashboard_Cream.svg);
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  bottom: -10.2rem;
  left: 0px;
  width: 100%;
  height: 100%;
  z-index: 1;
} */

.dashboard-section-content {
  z-index: 100;
  position: relative;
}

.ride-section {
  margin-top: -80px;
}

.mt-minus-100 {
  margin-top: -100px;
}

/* .ride-section-divider {
  position: relative;
  z-index: 100;
}

.ride-section-divider::before{
  content: '';
  background: url(/images/2023/DGR23_Divider_Brown.svg);
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  bottom: -1.2rem;
  left: 0px;
  width: 100%;
  height: 100%;
  z-index: -1;
}

.ride-details-main {
  position: relative;
  z-index: 100;
}

.ride-details-main::before{
  content: '';
  background: url(/images/2023/DGR23_Divider_RideDetails.svg);
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  bottom: -33rem;
  left: 0px;
  width: 100%;
  height: 100%;
  z-index: 1;
} */

.ride-row {
  z-index: 1000;
  position: relative;
  text-align: left;
}

/* .cream-section-divider {
  position: relative;
}

.cream-section-divider::before {
  content: '';
  background: url(/images/2023/DGR23_Divider_Section_Cream.svg);
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  top: -5rem;
  left: 0px;
  width: 100vw;
  height: 100%;
  z-index: 0;
}


.cream-section-divider .container {
  position: relative;
  z-index: 10;
} */

/* Resize for Cream Divider */
/* @media (max-width: 1250px) {
  .cream-section-divider::before  {
    top: -4rem;
  }
}

@media (max-width: 992px) {
  .cream-section-divider::before {
    top: -3rem;
  }
}

@media (max-width: 750px) {
  .cream-section-divider::before {
    top: -2rem;
  }
} */

.secondary-header {
  color: #fff;
  z-index: 99;
  position: absolute;
  text-align: center;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

a.ride-city {
  background: #fafafa !important;
  color: #000 !important;
  border: 0.5rem;
  border-radius: 0.5rem !important;
  border: 1px solid #e2e2e2;
  border-bottom: 3px solid #F26A2B;
  min-height: 220px;
}

a.ride-city .card-title {
  font-size: 1.5rem;
  font-weight: 600;
}

a.ride-city:hover {
  border: 1px solid #F26A2B;
  border-bottom: 3px solid #F26A2B;
  color: #000;
}

.current-ride-info {
  border: 2px solid #F26A2B;
  background: #fbeaca;
}

.btn-donate-display {
  background: #000;
  color: #fff;
  width: 100%;
}



.secondary-header h1 {font-size: 3.2rem; text-transform: none;color: #fff;}

.ride-year-warning { background: #000000; position: relative; color: #000; width: 100%; padding: 3rem; margin: 0 0.25rem !important; }
.ride-year-warning:before, .ride-year-warning:after { content: ''; display: block; position: absolute; bottom: 100%; width: 0; height: 0;}
.ride-year-warning:before { right: 15%; border: 14px solid transparent; border-bottom-color: #fff;}

.city-scape {
  position: absolute;
  width: 50%;
  right: 1rem;
  bottom: 0.8rem;
  z-index: -1;
}

.city-scape svg {
  width: 100%;
}

.circle-decal {
  position: absolute;
  top: -5rem;
  left: -4rem;
}

.ride-type-nav .nav-link {
  border-radius: 0;
  padding: 1rem;
  font-size: 1.2rem !important;
  border-left: 3px solid rgba(255,255,255,0.3);
  background:#ffd084;
  transform: skewX(10deg);
}

.ride-type-nav .nav-link span {
  transform: skewX(-10deg);
  display: inline-block;
}

.ride-type-nav .nav-link.active{
  border-radius: 0;
  background: transparent;
  font-weight: bold;
  margin-left: -2px;
  background: #000000;
}

.ride-type-nav a {
  text-decoration: none !important;
  font-weight: 100;
  color:#fff;
}

.ride-type-nav a:hover {
  color:#fff;
}

.ride-type-content {
  border-right: 2px solid #fff;
  border-top: 2px solid #fff;
  border-bottom: 2px solid #fff;
  border-radius: 0rem 1rem 1rem 0rem;
  padding: 3rem;
}

.prize-header {
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
  min-height: 500px;
}

.prize-header::after {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: rgba(0,0,0,0.3);
}


.prize-header .lump-1col {
  width: 70%;
  z-index: 999;
  color: #fff;
}

.triumph-test-rides {
  background: #000;
  background: url('https://7ab4a7a7b3e97d265133-3c456ba518a2c8c1f13f8ac58cd6a50f.ssl.cf5.rackcdn.com/713d8467547aa6710ff5f5266da90759.jpg');
  background-size: cover;
  background-position: bottom;
  color: #fff;
  height: 400px;
  text-align: left;
}

.dgr-shop-bg {
  background: #000;
  background: url('https://7ab4a7a7b3e97d265133-3c456ba518a2c8c1f13f8ac58cd6a50f.ssl.cf5.rackcdn.com/660142ddbff99e5a1b2d7e00b339d629.jpg');
  background-size: cover;
  background-position: left;
  color: #fff;
  height: 400px;
  text-align: left;
}

.ride-type-cards .ride-type-card-bg .lump-1image {
  background: linear-gradient(133deg, rgba(194,157,140,1) 0%, rgba(128,91,101,1) 100%) !important; 
  color: #fff;
}

.ride-type-cards img {
  margin-top: 30px;
  margin-left: -30px;
  box-shadow: 0 0 10px rgb(0 0 0 / 30%) !important;
}

.image-top-left-offset img {
  margin-top: -90px !important;
  margin-left: -100px !important;
}

.image-top-right-offset img {
  margin-top: -90px !important;
  margin-right: -100px !important;
}

/* .ride-city-block {
  margin: 1rem;
} */

.ride-city-block-inner {
  padding: 2rem 1rem;
  /* box-shadow: 0 0 5px rgba(0,0,0,0.5); */
}






.timeline {
  position: relative;
}

.timeline-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  margin-bottom: 1.7rem;
}

.timeline-item .timeline-label {
    width: 20%;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    font-size: 1rem;
    font-weight: 500;
    position: relative;
    color: #3F4254;
}

.timeline-item .timeline-badge {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  background: white;
  width: 13px;
  height: 13px;
  border-radius: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  z-index: 1;
  position: relative;
  margin-top: 1px;
  margin-left: -0.5rem;
  padding: 3px !important;
  border: 6px solid #ffffff !important;
}

.timeline-item .timeline-content {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  margin-left: 1rem;
}

.icon-xl {
  font-size: 1.25rem !important;
  color: #fff !important;
}

.timeline:before {
  content: '';
  position: absolute;
  left: 19.8%;
  width: 1px;
  top: 0;
  bottom: 0;
  background-color: #EBEDF3;
}

.ride-detail-timeline:before {
  left: 1px;
  background-color: transparent;
  border: 3px dashed #f1a886;
}

.ride-detail-timeline .timeline-item .timeline-badge {
margin-left: -0.9rem;
    border: 15px solid #F26A2B !important;
    border-radius: 1.5rem;
    background: #F26A2B;
    margin-top: -3px;
}


.btn-check+.btn:hover {
  color: #fff;
  background-color: #fff;
  border-color: #fff;
}

.btn-check:checked+.btn, .btn.active, .btn.show, .btn:first-child:active, :not(.btn-check)+.btn:active {
  color: #fff;
  background-color: #000000;
  border-color: #000000;
}

.btn-outline-primary {
  color: #000;
  background-color: #fff;
  border-color: #fff;
}
/* ----------------------------------------------------------------------------------------------------
 * Header
 * ----------------------------------------------------------------------------------------------------
 */

#Header{
	position:relative;
	height:auto;
	margin:0;
	padding:0;
  /* background-color: #D8BDA3;
  background-image: url('https://7ab4a7a7b3e97d265133-3c456ba518a2c8c1f13f8ac58cd6a50f.ssl.cf5.rackcdn.com/5c85f2fa8186c8ed6f077019306f4475.jpg'); */
	background-position: top;
	/* background-size:cover; */
  min-height:500px;
  background: url('https://7ab4a7a7b3e97d265133-3c456ba518a2c8c1f13f8ac58cd6a50f.ssl.cf5.rackcdn.com/3b3113a692087f17f408b921a7f8f450.jpg') repeat-y;
    background-size: cover;
    background-color: #fff;
}

#DonateBody #Header, #RegisterBody #Header {
  background-image: url('https://7ab4a7a7b3e97d265133-3c456ba518a2c8c1f13f8ac58cd6a50f.ssl.cf5.rackcdn.com/387bcbb935b426c8871c3b721f6ca66c.jpg') !important;
  background-size: cover !important;
  background-position: top !important;
}

#RidesBody,
#BlogBody,
.template-lumps {
  background: #fff !important;
}

#RidesBody #Header {
  min-height: 650px;
}

#AboutBody #Header::after,
#ContentBody #Header::after,
#RidesBody #Header::after,
#DonateBody #Header::after,
#BlogBody #Header::after,
#RegisterBody #Header::after,
.template-lumps #Header::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, rgba(46, 46, 46, 0.3) 0%, rgba(27, 27, 27, 0.4) 51%, rgba(0,0,0,0.5) 100%);
}

#DonateBody #Header #Nav ul li#NavDonate a,
#HomeBody #Header #Nav ul li#NavHome a,
#AboutBody #Header #Nav ul li#NavAbout a,
#LeaderboardBody #Header #Nav ul li#NavLeaderboard a,
#RegisterBody #Header #Nav ul li#NavRegister a,
#LoginBody #Header #Nav ul li#NavLogin a {
    color:#fff;
}

.head-image {position: relative;width: 100%;height: 100%;}
.head-image img {
  position: absolute;
  top: -350px;
  right: 30px;
  width: 50%;
  z-index: 899;
}

.template-lumps #Header {
  height: 50vh;
}

/* Small devices (landscape phones, 576px and up) */
/* @media (min-width: 576px) {
 .head-image img {top: 200px !important;}
} */

/* Medium devices (tablets, 768px and up) The navbar toggle appears at this breakpoint */
@media (min-width: 768px) {
 .head-image img {top: -200px !important;}
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
 .head-image img {top: -350px !important;}
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
	.head-image img {top: -350px !important;}
}

/* Extra XL large devices (large desktops, 1600px and up) */
@media (min-width: 1600px) {
	.head-image img {top: -550px !important;}
}


/* ----------------------------------------------------------------------------------------------------
 * Header Timer
 * ----------------------------------------------------------------------------------------------------
 */
.col-timer {
}
.timer-container {
    background: url('../images/countdown/page_bg_center.png') no-repeat;
    width: 279px;
    height: 235px;
    position:relative;
    margin:0 auto;
}
.timer-container .days,.timer-container #days {
	position: absolute;
    bottom: 48px;
    color: #fff;
    left: 117px;
    font-size: 14px;
    font-weight: lighter;
    width:25px;
}
.timer-container .hours,.timer-container #hours {
	position: absolute;
    bottom: 48px;
    color: #fff;
    left: 145px;
    font-size: 14px;
    font-weight: lighter;
    width:25px;
}
.timer-container .minutes,.timer-container #mins {
	position: absolute;
    bottom: 48px;
    color: #fff;
    left: 183px;
    font-size: 14px;
    font-weight: lighter;
    width:25px;
}
.timer-container .seconds,.timer-container #secs {
	position: absolute;
    bottom: 48px;
    color: #fff;
    left: 212px;
    font-size: 14px;
    font-weight: lighter;
    width:25px;
}

.timer-container .hand {
	position:absolute;
}

/* ----------------------------------------------------------------------------------------------------
 * Navigation
 * ----------------------------------------------------------------------------------------------------
 */



 /* Primary Menu Container */
.primary-nav-container {position: relative;z-index: 9999;
  background-size: cover;
  background-repeat: no-repeat;
 background-position: right;}
.primary-nav-container-bg {background-color: rgba(255,255,255,1);}
.primary-nav-container a {color: #000;text-decoration: none;}
.primary-nav-container .primary-nav-inner {background-color: #fff;border-bottom: 5px solid #F26A2B;}

/* Logo in Primary Menu Container */
.primary-nav-container .header-logo {
  width: 200px;
  padding: 0.5rem;
  margin: 0.5rem 4rem;
  position: absolute;
}


.primary-nav-container .header-logo a{position: relative; border:none;}
.primary-nav-container .header-logo img {max-width: 100%;position: relative;}

/* .primary-nav-container .header-block-right {
  margin: 0;
  text-align: right;
  position: absolute;
  z-index: 99999999;
  width: 300px;
  height: 450px;
  right: 0;
  top: 35vh;
  background: #;
  padding: 2.5rem;
  clip-path: polygon(53% 15%, 78% 15%, 100% 53%, 100% 100%);
} */

.primary-nav-container .navbar-nav {flex-direction: row;align-items: center;justify-content: flex-end;}
.primary-nav-container .primary-nav {width: 100%;}

.primary-nav-container .primary-nav .navbar-nav {position: relative;height: 3.8rem; padding: 0 2rem;
  margin-right: 2rem;}

/* Primary Nav */
.primary-nav ul li {padding-left: 1rem;}
.primary-nav a {text-decoration: none;font-size: 1rem;}
.primary-nav .nav-item {font-family: "franklin-gothic-condensed", sans-serif; font-weight: 600;}
.primary-nav .nav-link {font-size: 1.1rem;text-transform: uppercase;}

.primary-nav .dropdown-menu li {padding-left: 0rem;}

.primary-nav .about-megamenu {position: absolute;width: 100%;left: 0;right: 0;padding: 15px;}
.primary-nav .dropdown-item {text-align: left;padding: 0.7rem 0;font-size: 1rem;color: #000;}
.primary-nav .about-dropdown {
	position: fixed;
  width: 100% !important;
  right: 0 !important;
  top: 95px !important;
	border-radius: 0;
	-webkit-transition:all 0.25s ease-out;transition:all 0.25s ease-out;
}
.primary-nav .dropdown-item.active, .primary-nav .dropdown-item:active {
	color: #000 !important;
  border-bottom: 2px solid #000000;
  text-decoration: none;
  background-color: transparent;
}

.primary-nav .btn {padding: .1rem 1.2rem; border-radius: 0.5rem;font-size: 1.1rem; text-transform: uppercase;}
.primary-nav .btn-primary-register {background: #000000;color:#fff;font-family: "franklin-gothic-condensed", sans-serif; font-weight: 600;}
.primary-nav .btn-primary-register span {display: inline-block;}
.primary-nav .btn-primary-donate {background: #F26A2B; color:#fff !important; font-family: "franklin-gothic-condensed", sans-serif; font-weight: 600;}
.primary-nav .btn-primary-donate span {display: inline-block; }

/* Login Dropdown */
.primary-nav .dropdown-item {padding: .5rem 1.5rem;}
/* .primary-nav .dropdown-menu {border-radius: 0;background: #e8eae5;border: 0;margin-top: -3px;} */
.primary-nav .dropdown-menu a {color: #000 !important;font-family: 'franklin-gothic-atf',sans-serif;font-size: 0.9rem; padding-left: 0.3rem;}
.primary-nav .dropdown-menu a:hover {background: #f2f2f2;}

/* Secondary Nav */
.secondary-nav .navbar-nav {
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
  margin-right: 2rem;
  padding: 0 2rem;
  height: 2.3rem;
}
.secondary-nav {
  display: flex;
  width: 100%;
  justify-content: flex-end;
  -webkit-justify-content: flex-end;
  margin-right: 2rem;
}
.secondary-nav span {color: #fff;font-weight: 700;}
.secondary-nav ul li {padding-left: 2rem;}
.secondary-nav a {text-decoration: none;}
.secondary-nav a:hover {color: #fff !important;}

/* Language + Currency Toggle */
.secondary-nav .language-dropdown .language-toggle,
.secondary-nav .currency-dropdown .currency-toggle {display: inline-block;font-weight: 400;font-size:0.9rem;text-decoration: none !important;padding: 0.3rem 0.5rem;}
.secondary-nav .language-dropdown img {max-width: 20px;}
.secondary-nav .dropdown-item {padding: .5rem 1.5rem;}
/* .secondary-nav .dropdown-menu {border-radius: 0;background: #e8eae5;border: 0;margin-top: -3px;} */
.secondary-nav .dropdown-menu a {color: #000;}

/* Secondary Search */

.search-form {position:relative;float:right;height:38px;width:50px;margin:0;text-align:center;color:#000;padding: 0 10px;top: 0;right: 0;z-index: 999;background: transparent;-webkit-transition:all 0.25s ease-out;transition:all 0.25s ease-out;}
.search-form input[type=text]{position:relative;display:block;width:100%;height:36px;margin:0 auto;padding:0 30px;text-transform:uppercase;color:#fff;border:1px solid #fff;background:transparent;opacity:0;-webkit-transition:all 0.25s ease-out;transition:all 0.25s ease-out;border-radius:5px;}
.search-form input[type=text]::-webkit-input-placeholder  {color: #fff;}
.search-form input[type=text]::-moz-placeholder {color: #fff;}
.search-form input[type=text]:-ms-input-placeholder {color: #fff;}

.secondary-nav form .primary-search {position:absolute;top:0;right:0;width:70px;height:36px;cursor:pointer;color:#000;border:none;background:none;-webkit-transition:all 0.25s ease-out;transition:all 0.25s ease-out;}

.search-form .open {top:39px;width:280px;height:50px;padding-top:4px;}
.search-form .open input[type=text] {opacity:1;}
.search-form .open .primary-search {padding-top:6px;}

.search-form .primary-close {position: absolute;right: 5px;top: -33px;color: #fff;text-shadow: none;opacity: 0;}
.search-form .open .primary-close {opacity:1;}

#Nav {position: relative;}
#Nav li a span{display:table-cell;vertical-align:middle}
.menu, .dropdown {margin: 0; padding: 0; line-height: 1em;}
.menu li, .dropdown li {margin: 0; padding: 0; line-height: 1em;}
.menu li:hover .dropdown{display:block;}

/* primary menu */

#Nav .header-social{float:left;width:40%;padding:0;margin:0;text-align:left;}
#Nav .header-social li {display:inline-block; margin: 0; padding: .6em 0 0;}
#Nav .header-social a{display:inline-block;border:none;margin:0 0 0 2em;color:#fff;font-weight: normal;text-decoration:none;}


#Nav .primary-menu{font-family:'franklin-gothic-atf', sans-serif;height:28px; font-weight: 400;margin:0;}
#Nav .nav-background {background: url('/images/nav-divider.png') no-repeat;height: 100%;background-position: center center;position: absolute;top: 0;width: 100%;}
#Nav .primary-menu .menu{float:right;background:#000000;position:relative;width:710px;padding-left:30px;}
#Nav .primary-menu .menu:before {content: '';display: block;position: absolute;left: -40px;top: 0;border-right: 40px solid #000000;border-bottom: 58px solid transparent;z-index: 99;}
#Nav .primary-menu .menu a{color:#000;display:table;text-transform:uppercase;font-size:18px;font-weight: 400;}
#Nav .primary-menu .menu a.home{padding:0;text-align:center}
#Nav .primary-menu .menu .button-primary {color:#fff;height:40px;margin:6px 0 0;border: 2px solid #fff;}

#Nav .primary-menu .menu li {margin: 0 0.5em;padding: 0;}

#Nav .primary-menu .dropdown {display:none;background: #EDEDED; font-family:'franklin-gothic-atf', sans-serif; font-size: .8em;position:absolute;z-index:99;top:auto;left:0;width:240%; text-align: left; margin: 0;}
#Nav .primary-menu .dropdown li {width: 90%;}
#Nav .primary-menu .dropdown li a{color: #000;display:block;width:100%;float:none; height: auto;padding: 0.8em 0em;text-transform: capitalize;}
#Nav .primary-menu .dropdown li a{color: #000;font-size: 18px;}
#Nav .primary-menu:before {display: block;width: 50%;height: 58px;background: #000000;position: absolute;right: 0;}

#Nav .primary-menu .menu li:hover .dropdown {display: block;}

#Nav .primary-menu .home-logo {position: absolute;width: 300px;z-index: 99;float: left;margin-top: 10px;left:0;top:0;}

/* secondary menu */
#Nav .secondary-menu{background:transparent;color:#fff;min-height:32px;font-family:'franklin-gothic-atf', sans-serif;text-transform:uppercase;margin:0;}
#Nav .secondary-menu .menu > li{height:32px;padding:0 1em}
/* #Nav .secondary-menu .menu > li:not(:last-child){border-right:1px solid #484846} */
#Nav .secondary-menu .menu{float:right;padding:.4em 15px;}
.menu a {color: #000;}

#Nav .secondary-menu .currency img,
#Nav .secondary-menu .currency .dropdown img {width: 30px;display:inline-block; vertical-align: middle; margin: 0 10px 0 0;}
#Nav .secondary-menu .currency a {color:#000;}
#Nav .secondary-menu .currency .title {color:#fff;}
#Nav .secondary-menu .currency .select {display:inline-block;background:#fff;position: relative;vertical-align: middle;margin: 0;}
#Nav .secondary-menu .currency .select > li {padding: .4em;color:#000;}
#Nav .secondary-menu .currency .dropdown {background:#fff; box-shadow: 0 2px 4px rgba(0,0,0,0.3); width: 100%; left:0;top: 25px;}
#Nav .secondary-menu .currency .dropdown > li a {padding: .4em; display: block;}
#Nav .secondary-menu .currency {font-size:0.9em;text-transform:none;}
#Nav .secondary-menu .menu-shop a:hover,#Nav .secondary-menu .menu-login a:hover {background:none;}

#Nav .tertiary-menu {margin:0;float: right;right: 0;position: absolute;z-index: 2;transition: width 0.5s;}
#Nav .tertiary-menu .menu {float: right;position: relative;;background:#000;width:670px;}
#Nav .tertiary-menu .menu:before {content: '';display: block;position: absolute;left: -40px;top: 0;border-right: 40px solid #000;border-bottom: 50px solid transparent;z-index: 99;}
#Nav .tertiary-menu .menu:after {content: '';display: none;position: absolute;right: -40px;top: 0;border-right: 40px solid transparent;border-top: 50px solid #000;z-index: 99;}
#Nav .tertiary-menu .menu li {margin: 0 0.6em;padding: 0.8em 0.4em 0 0.4em;color: #fff;display: table;height: 50px;text-transform: none;font-size:13px;text-align:left;}
#Nav .tertiary-menu .menu li div {display:table-cell;vertical-align:middle;font-family:'franklin-gothic-atf', sans-serif;}

/* .nav>li>a:focus, .nav>li>a:hover {background:#000000;color:#fff;} */

/* selectmenu */
.selectmenu {
	display:inline-block;
	position: relative;
	vertical-align: middle;
	margin: 0;
	z-index: 3;
}

.selectmenu a {
	padding: .4em;
	color: #000;
	display: block;
}

.selectmenu a:hover {
	background: #d5d5d5;
}

.selectmenu li ul {
	margin: 0;
	padding: 0;
	display:none;
	box-shadow: 0 2px 2px rgba(0,0,0,.4);
}

.selectmenu li:hover > ul {
	display:block;
	position: absolute;
    width: 100%;
}

.selectmenu li li {
    display: block;
    width: 100%;
    background: #fff;
}


/**
 * FAQs
 */
.lump-faq {border-bottom:1px solid #e5e5e5;padding:0 0 5px 0;max-width:100%;}
.section-question {display:block;font-size:1.3rem;padding:10px 0;cursor:pointer;-webkit-transition: .5s all ease-out;transition: .5s all ease-out;}
.section-question.active, #FAQ .section-question:hover {background: #fff;
  color: #000;
  font-weight: bold;
  padding: 0 2rem;}
.section-answer {display:none;padding:1rem;background: #fff; color: #000;}
.section-question .button {width:30px;height:30px;background: transparent;position:relative;cursor:pointer;color:#000;float:right;-webkit-transition: .5s all ease-out;transition: .5s all ease-out;margin-top:15px;text-align: center}
.section-question .button .plus, #FAQ .section-question .button .minus {width:26px;height:30px;display:block;position:absolute;top:0; left:0;line-height:28px;text-align:center;-webkit-transition: .5s transform ease-out;transition: .5s transform ease-out;}
.section-question .button .plus { opacity:1;-webkit-transform: rotate(0deg);transform: rotate(0deg);}
.section-question.active .button .plus {opacity:0;-webkit-transform: rotate(90deg);transform: rotate(90deg);}
.section-question .button .minus {opacity:0;-webkit-transform: rotate(-90deg);transform: rotate(-90deg);}
.section-question.active .button .minus {opacity:1;-webkit-transform: rotate(0deg);transform: rotate(0deg);}
.section-question .button.circle .fa-plus:before {content:"\f107";font-size:36px;}
.section-question p {font-family:'franklin-gothic-atf',sans-serif;}
.section-question p strong {font-weight:500;}
.section-answer p {font-family:'franklin-gothic-atf',sans-serif;}


/* cart */
#Nav li a span.cart-items {
	font-size: .8em;
	padding: .4em 0 0;
	display: inline-block;
	width: 15px;
	height: 19px;
	background: red;
	margin: 0 .4em 0 0;
}

/* dropdown */
.secondary-menu .dropdown{display:none;font-family:'franklin-gothic-atf', sans-serif;position:absolute;z-index:3;background:#fff;top:bottom;box-shadow: 0 2px 4px rgba(0,0,0,0.3);}
.secondary-menu .dropdown li{display:block;width:100%;float:none; text-align: left;border-top: 1px solid #484846;}

#Nav .header-social li:hover .dropdown {display:block;width:250px;z-index:999;}
#Nav .header-social li .dropdown a {color:#000;margin:0;padding:10px;}

/* menu */
.menu:after{clear:both;content:'';display:table}
.menu li{float:left;list-style:none;position:relative;}
.menu a{text-decoration:none;}


/* NavLogin */
#Header #NavLogin{float:right;padding:.6em 0;}
#NavLogin .dropdown {width: 200px; right: 0;}
#NavLogin .dropdown li a {padding: .4em;color:#000;display:block;}
#NavLogin .dropdown li:hover {background: #000000;}
#NavLogin > li{width:100%}
#NavLogin .login img{margin:0 .2em 0 0;vertical-align:1px}
#NavLogin .dropdown li {padding:10px 5px;font-size:14px;}
#NavLogin .dropdown li:hover a {color:#000;}


/* language */
#Nav .language,
#Nav .currency {
	display: table;
}

#Nav .language > span,
#Nav .currency > span {
	display: table-cell;
	vertical-align: middle;
}

#Nav .secondary-menu .language {font-size:0.9em;text-transform:none;}

/*#Nav .language a img {
	border-bottom: 1px solid #000;
	padding: 0 0 3px;
	width: 30px;
	height: 19px;
}

#Nav .language a.active img {
	border-color: #fff;
}*/

.select-language img {
	height: 15px;
	display: block;
}


/* ----------------------------------------------------------------------------------------------------
 * Header
 * ----------------------------------------------------------------------------------------------------
 */
#Header #SearchForm{position:relative;float:right;height:38px;width:50px;margin:0;text-align:center;color:#fff;padding: 0 10px;position: absolute;top: 0;right: 0;z-index: 999;background: #1b3e4d;-webkit-transition:all 0.25s ease-out;transition:all 0.25s ease-out;}
#Nav .primary-menu .menu .nav-donate {height:40px;float: right;font-family:'franklin-gothic-atf', sans-serif;color: #fff;text-decoration: none;text-transform: uppercase;padding: 0;font-size: 15px;margin: 8px 0 0;}
#Header form h1{font-size:30px;line-height:30px;margin:0 0 10px;padding:20px 0;text-align:center;color:#fff}
#Header form h2{font-size:20px;margin:0 0 10px;padding:10px 0 20px;text-align:center;color:#fff}
#Header #SearchForm select{position:relative;display:block;width:178px;margin:0 auto 8px;padding:10px 5px;color:#888;border:1px solid #fff;background:#fff}
#Header #SearchForm input[type=text]{font-family:'franklin-gothic-atf', sans-serif;font-size:20px;position:relative;display:block;width:100%;height:36px;margin:0 auto;padding:0 30px;text-transform:uppercase;color:#fff;border:1px solid #fff;background:transparent;opacity:0;-webkit-transition:all 0.25s ease-out;transition:all 0.25s ease-out;border-radius:5px;}
#Header form button.register{font-family:'franklin-gothic-atf', sans-serif;font-size:16px;line-height:auto;display:block;width:178px;height:auto;margin:8px auto 0;padding:8px 0;cursor:pointer;text-align:center;text-transform:uppercase;color:#fff;border:none;background:#000000;-webkit-font-smoothing:antialiased}
#Header form button.search{position:absolute;top:0;right:0;width:70px;height:36px;cursor:pointer;color:#000;border:none;background:none;-webkit-transition:all 0.25s ease-out;transition:all 0.25s ease-out;}
#Header form .join{display:none}
#Header #SearchForm input[type=text]::-webkit-input-placeholder  {color: #fff;}
#Header #SearchForm input[type=text]::-moz-placeholder {color: #fff;}
#Header #SearchForm input[type=text]:-ms-input-placeholder {color: #fff;}
#Header .h1Solid {padding:40px 0;}

#Header #SearchForm.open {top:39px;width:280px;height:50px;padding-top:4px;}
#Header #SearchForm.open input[type=text] {opacity:1;}
#Header #SearchForm.open .search {padding-top:6px;}

#Header #SearchForm .close {position: absolute;right: 5px;top: -33px;color: #fff;text-shadow: none;opacity: 0;}
#Header #SearchForm.open .close {opacity:1;}

/* base */

#Header #HeaderBase,#Header #HeaderScroll {display:none;}
.digit {display:block;float:left;width:23px;height:33px;margin:0 1px 0 0;background:#fff;border-radius:1px;-moz-border-radius: 1px; -webkit-border-radius: 1px;-o-border-radius: 1px;position:relative;color:#af161d;font-family:'franklin-gothic-atf', sans-serif;-webkit-font-smoothing:antialiased;font-weight:700;font-size:30px;line-height:33px;text-align:center;}
.nondigit {display:block;float:left;width:10px;height:33px;color:#fff;font-size:20px;line-height:33px;text-align:center;font-family:'franklin-gothic-atf', sans-serif;-webkit-font-smoothing:antialiased;font-weight:700;}
#Header #TotalRaised .digit,#Header #OurGoal .digit {height:24px;line-height:24px;font-size:20px;}
#Header .digit,#Header .nondigit {color:#000000;background:none;width:auto;}

/* patterns and effects */

.border-wire{background:url(../images/border-wire.png) 0 0 repeat-x;display:block;height:11px;width:100%;position:absolute;z-index:2;bottom:-3px;left:0;pointer-events:none}


/* ----------------------------------------------------------------------------------------------------
 * Page Header
 * ----------------------------------------------------------------------------------------------------
 */

.page-header{background:#231f20;background-size:cover;color:#fff;padding:2.5em 0 210px 0;min-height:200px;}
.page-header .col {position: static;}
.page-header .stat{width:20%;text-align:left;padding:1.2em 0 0 0;}
.page-header .stat-left {float:left;width:20%;}
.page-header .stat-right {float:right;width:20%;}
.page-header .header-logo{
	width: 20%;
	height: 121px;
	float: left;
	text-align: center;
	position: relative;
	top: 0;
	padding-top:10px;
}
.page-header .stat:after{content:'';clear:both;display:table}
.page-header .stat h3{font-family:'franklin-gothic-atf', sans-serif;}
.page-header .stat img{max-width:100%;padding:1em}
.page-header h1{font-weight:400;font-size:2.5em}
.page-header h1 span{font-family:'franklin-gothic-atf', sans-serif;text-transform:none;font-size:2.1em}
.page-header h1:before{content:'';display:block;width:170px;border-top:2px solid #000000;margin:1em auto 0}

h1.h1Solid span b.r,
h1.h1Solid span b.l {
    display: none;
}

h1.h1Solid div {display:block;font-size:11px;font-family:'franklin-gothic-atf', sans-serif;-webkit-font-smoothing:antialiased;font-weight:300;text-align:center;color:#fff;margin:-30px 0 0 0;}
h1.h1Solid div a {color:#fff;}

h2.h2Title {text-align:center;width:800px;margin:40px auto 20px auto;font-weight:300;}
h2.h2Title b {font-weight:400;}

h3.h3Title {-webkit-font-smoothing:antialiased;font-size:18px;font-weight:700;}

p.w600 {width:600px;margin:10px auto;}



/* ----------------------------------------------------------------------------------------------------
 * Home
 * ----------------------------------------------------------------------------------------------------
 */

 #HomeBody #Header {
  max-height: 1350px;
  position: relative;
  background: url('https://7ab4a7a7b3e97d265133-3c456ba518a2c8c1f13f8ac58cd6a50f.ssl.cf5.rackcdn.com/29187772f8b29c61cd62f14e370ce2a1.jpg') repeat-y;
  background-size: cover;
  background-color: #FFFFFF;
  background-position: top;
}

#HomeBody #Header #HeaderBase {display:block;background:url('https://7ab4a7a7b3e97d265133-3c456ba518a2c8c1f13f8ac58cd6a50f.ssl.cf5.rackcdn.com/home-strip.png') no-repeat left top;height:141px;width:100%;position:absolute;bottom:-50px;left:0;}

#HomeBody #Header form .join {display:block;}
#HomeBody #Header form h2 {padding:20px 0;text-align:center;margin:0 0 10px 0;color:#fff;-webkit-font-smoothing:antialiased;text-align:center;font-size:20px;background:url(../images/line_filter.png) no-repeat center bottom;}
#HomeBody #Header #SponsoredBy {display:block;height:141px;width:590px;}

#HomeBody video#bgvid {
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -100;
    -ms-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    background-size: cover;
}
#HomeBody #Header .overlay {
	position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -100;
    -ms-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    background: rgba(0,0,0,0.4);
}

/* HomeIntro */


#HomeBody #HomeIntro{color:#000;left:0;width:100%;padding:50px 0;height:650px;-webkit-display:flex;display:flex;-webkit-align-items:center;align-items:center;z-index: 99;
  position: relative;
}
#HomeBody #Wrapper{overflow:hidden}
#HomeBody #HomeIntro .intro-text{font-size:1.7em;font-family:'franklin-gothic-atf', sans-serif;padding:80px 100px;font-weight:100}
#HomeBody #HomeIntro .home-logo {float:left;margin:0 40px 0 30%;}
#HomeBody #HomeIntro .home-buttons {float:left;}
/* #HomeBody #HomeIntro .home-buttons .btn-group {background:rgba(0,0,0,0.4);-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;margin:20px auto 0 auto;border:2px solid #ddd;}
#HomeBody #HomeIntro .home-buttons .btn-group a {display:block;font-family:'franklin-gothic-atf', sans-serif;font-size:1.5em;padding:.6em 0 0;text-decoration:none;text-align:center;text-transform:uppercase;color:#fff;width:296px;height:61px;border:none;margin:0;}
#HomeBody #HomeIntro .home-buttons .btn-group a:first-child {border-bottom:1px solid #ddd;}
#HomeBody #HomeIntro .home-buttons .btn-group a:hover {background:rgba(0,0,0,0.7);} */
#HomeBody .home-intro {margin-left: 1rem;font-size: 1.4em;font-weight: 300;text-align:left; display: flex;flex-direction: column;justify-content: center;padding-left: 0 !important;}
#HomeBody .home-intro .header-date {
  font-family: '1903 Sans Condensed', sans-serif;
  font-weight: 900;
  color: #fff;
}
#HomeBody .home-intro .header-tag {
  font-family: '1903 Sans Condensed', sans-serif;
  font-weight: 900;
  color: #fff;
}
#HomeBody .home-intro .header-intro {font-family: 'franklin-gothic-atf', sans-serif;font-weight: 400;}
#HomeBody .home-intro p {font-size:1.5rem;}
#HomeBody .home-intro iframe {float:right;}
#HomeBody .home-intro .button-primary {font-size:24px;font-weight:600;line-height:40px;padding:10px 40px;margin-top:15px;}
.animate {opacity:0;}

#HomeBody .home-intro .btn-group-primary {margin-top: 0 !important;}
#HomeBody .home-intro .btn-group-primary a {color: #000;font-size: 1.2rem;text-decoration: none;}
#HomeBody .home-intro .btn-group-primary .btn {padding: .375rem 1rem;font-family: "franklin-gothic-condensed", sans-serif;text-transform: uppercase;
  font-weight: 900;}
#HomeBody .home-intro .btn-group-primary .btn-primary-register {background: #fff;color: #000;margin-right: 1rem;}
#HomeBody .home-intro .btn-group-primary .btn-primary-donate {background: #F26A2B;color: #fff;margin-right: 1rem;}
#HomeBody .home-intro .btn-group-primary .btn:hover {background: #fff; color: #000;}

.subheader-title {
    color: #fff;
    font-size: 5rem;
    font-weight: 700;
    line-height: 0.8;
}

.subheader-subtitle {
  color: #fff;
  font-size: 5rem;
  font-weight: 700;
}

.btn-intro-left {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.btn-intro-left:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #000000;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 100% 50%;
  transform-origin: 100% 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.btn-intro-left:hover, .btn-intro-left:focus, .btn-intro-left:active {
  color: white;
}
.btn-intro-left:hover:before, .btn-intro-left:focus:before, .btn-intro-left:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}

.btn-intro-right {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.btn-intro-right:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #000000;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.btn-intro-right:hover, .btn-intro-right:focus, .btn-intro-right:active {
  color: white;
}
.btn-intro-right:hover:before, .btn-intro-right:focus:before, .btn-intro-right:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}

#HomeStats {background:#33667d;color:#fff;padding:25px 40px;}
#HomeStats .container {max-width:900px;}
#HomeStats .subtext {font-size:0.75em;}
#HomeStats .col-goal {float:right;text-align:right;}
#HomeStats .progress {margin-top:15px;height:30px;}
#HomeStats .progressBar {display:block;width:100%;height:30px}
#HomeStats .progressBar .currentProgress {display:block;height:30px;max-width:100%;background:#000000;position:relative;width:1px;overflow:visible !important;}
#HomeStats .progressBar .currentProgress img {position:absolute;left:calc(100% - 35px);top:5px;}
#HomeStats .progressBar .currentProgress:after {content: '';display: block;border-left: 10px solid #000000;border-bottom: 15px solid transparent;border-top: 15px solid transparent;position: absolute;right: -10px;width: 0;height: 0;}
#HomeStats h3 {text-transform:uppercase;}

/*.dgr-stats{font-family:'franklin-gothic-atf', sans-serif;text-transform:uppercase;clear;both;max-width: 1100px;margin: 40px auto;background: url('../images/frame-stats.png') no-repeat;height:287px;}
.dgr-stats h2{font-family:'franklin-gothic-atf', sans-serif;font-weight:400;font-size:3.25em;line-height:42px;}
.dgr-stats .col{position:relative}
.dgr-stats .col {padding:80px 0;}
.dgr-stats .subtext {font-family:'lhf_billhead';font-size:20px;letter-spacing:2px;}
.dgr-stats .col .stat-brick {border-right: 2px dotted #524338;}
.dgr-stats .stats-wrapper {max-width:1040px;margin-left:25px;}
.dgr-stats .col-riders {width:20%;}
.dgr-stats .col-raised,.dgr-stats .col-goal {width:25%;}
.dgr-stats .col-timer {width:30%;padding:35px 0;}*/

.dgr-stats{font-family:'franklin-gothic-atf', sans-serif;margin:4em 0 0;text-transform:uppercase;clear:both;border: 10px solid #000000;}
.dgr-stats h2{font-weight:400;font-size:3.5em;display:inline-block;padding:0 8px;vertical-align:middle;}
.dgr-stats span, .dgr-stats img {vertical-align:middle;}
.dgr-stats .col{position:relative}
.dgr-stats div {display:inline-block;margin:40px;}

#HomeBanner .prize-left {position:relative;display:inline-block;vertical-align:top;width:25%;max-width:240px;}
#HomeBanner {text-align:center;padding:0;background:#fff;height:235px;}
#HomeBanner .flex {-webkit-display:flex;display:flex;-webkit-align-items:center;align-items:center;}
#HomeBanner .prize-large {display:inline-block;max-width:50%;vertical-align:top}
#image-fade{position:relative;display:inline-block;vertical-align:top;width:25%;max-width:240px;}
#image-fade a{position:absolute;z-index:1;width:100%;left:0;top:0;}
#image-fade a.active{z-index:3}
#HomeBanner .sponsors a {display:inline-block;width:49%;vertical-align:middle}
#HomeBanner .col-stats h4{position: absolute;top:43px;left:53%;}
/*#HomeBanner .prize-small img {max-height:250px;}*/
#HomeBanner img {padding:10px 0;}
#HomeBanner h4 {text-transform:uppercase;font-weight:900;}
#HomeBanner #hand_seconde {padding:0;width:22px !important;height:22px !important;top:62px !important;left:33px !important;}

/*.dgr-stats .col:not(:last-child):after{background:url(../images/icon-xcross.png) 0 0 no-repeat;content:'';display:block;width:20px;height:20px;position:absolute;right:-10px;top:50%;margin:-10px 0 0}*/

#HomeVideo {background:url(https://7ab4a7a7b3e97d265133-3c456ba518a2c8c1f13f8ac58cd6a50f.ssl.cf5.rackcdn.com/62fa2bd86a0b5735c85d241c249aa42e.jpg);background-size:cover;min-height:150px;}
#HomeVideo .left {float:left;width:50%;}
#HomeVideo .right {float:right;width:50%;}
#HomeVideo iframe {max-width:100%;max-width: 100%;margin: 0 auto;padding: 10px 15px;width:554px;}
#HomeVideo h3 {color:#000;text-align:center}

/*
Pre-Register Form
 */
#Form9 {margin:0;}
#Form9 input[type="text"] {width:100%;}
#Form9 .inner {max-width:1000px;}
#Form9 h3 {margin:0;}

/* Countries */
/*
#HomeCountries{margin:0;position:relative}
#HomeCountries .map{margin:2em 0 0}
#HomeCountries .map img{max-width:100%}
#HomeCountries .country{position:absolute;top:0;left:0;display:none}
#HomeCountries .country img{display:block;width:100%;height:100%}
#HomeCountries .country span{font-family:'franklin-gothic-atf', sans-serif;font-size:14px;font-weight:300;position:absolute;bottom:0;left:50%;width:147px;margin:0 0 0 -74px;padding:8px 0 0;text-align:center;text-transform:uppercase;color:#fff;background:url(https://7ab4a7a7b3e97d265133-3c456ba518a2c8c1f13f8ac58cd6a50f.ssl.cf5.rackcdn.com/bg_country-arrow.png) no-repeat top;-webkit-font-smoothing:antialiased}
#HomeCountries .country span div{position:relative;display:none;margin:10px 0 0;padding:45px 0 0;background:url(https://7ab4a7a7b3e97d265133-3c456ba518a2c8c1f13f8ac58cd6a50f.ssl.cf5.rackcdn.com/bg_country-over.png) no-repeat center top}
#HomeCountries .country span div p{position:absolute;top:30px;left:10px;width:60px;height:50px}
#HomeCountries .country span div p:nth-child(2){position:absolute;top:30px;left:80px;width:60px;height:50px}
#HomeCountries .country span div p b{display:block}*/

.registration-lightbox {margin:0 auto;background:#fff;width:800px;}
.registration-lightbox .nav-tabs>li {width:50%;}
.registration-lightbox .nav-tabs>li>a {font-size:20px;}
.registration-lightbox .nav-tabs>li.active>a {background:#000000;color:#fff;}


/* Leaderboards */

#HomeLeaderboards{margin:0;padding:2em 0; background: url('../images/2020/DGR20_Leaderboards.jpg');background-position: right; background-size: cover;margin-top: -150px; padding-top: 250px;position: relative;z-index: 5;}
#HomeLeaderboards div.inner{width: 600px;margin: unset;}
#HomeLeaderboards h2{font-family:'franklin-gothic-atf', sans-serif;font-size:15px;font-weight:300;float:right;width:300px;margin:10px 80px 10px auto;text-align:center;text-transform:uppercase;-webkit-font-smoothing:antialiased}
#HomeLeaderboards #LeftLeaderboard{float:left;width:419px;margin:20px 0 0;padding:0 5px 0 0}
#HomeLeaderboards #RightLeaderboard{float:left;width:420px;margin:20px 0 0;padding:0 0 0 5px}
#HomeLeaderboards #LeftLeaderboard h3,#HomeLeaderboards #RightLeaderboard h3{font-family:'franklin-gothic-atf', sans-serif;font-weight:300;margin:0;padding:20px 0;text-align:center;text-transform:uppercase;border-top:1px solid #000;border-bottom:2px solid #000;-webkit-font-smoothing:antialiased}
#HomeLeaderboard{width:900px;margin:0 auto;}
#HomeMap{width:100%;height:400px}
#HomeLeaderboards h4 {font-weight:300;}

#ProfileLeaderboard{margin:0;padding:8em 0}
#HomeLeaderboards .participate{margin:2em 0 1em}
#HomeLeaderboards .participate a{display:inline-block;margin:.5em 0 0;text-decoration:underline;color: #fff !important;}
#ProfileLeaderboard div.inner{width: 700px;margin: 0 auto;padding: 170px 0 0;height: 1330px;}
#ProfileLeaderboard h2{font-family:'franklin-gothic-atf', sans-serif;font-size:15px;font-weight:300;float:right;width:300px;margin:10px 80px 10px auto;text-align:center;text-transform:uppercase;-webkit-font-smoothing:antialiased}
#ProfileLeaderboard #LeftLeaderboard{float:left;width:419px;margin:20px 0 0;padding:0 5px 0 0}
#ProfileLeaderboard #RightLeaderboard{float:left;width:420px;margin:20px 0 0;padding:0 0 0 5px}
#ProfileLeaderboard #LeftLeaderboard h3,#HomeLeaderboards #RightLeaderboard h3{font-family:'franklin-gothic-atf', sans-serif;font-weight:300;margin:0;padding:20px 0;text-align:center;text-transform:uppercase;border-top:1px solid #000;border-bottom:2px solid #000;-webkit-font-smoothing:antialiased}
#ProfileLeaderboard{width:750px;margin:0 auto;}
#HomeMap{width:100%;height:400px}
#HomeLeaderboards h4 {font-weight:300;}
#ProfileLeaderboard #FeedLeaderboard {width: 900px;height: 940px;overflow-y: auto;padding: 0 0 0 50px;margin-top:10px;}
#ProfileLeaderboard .leaderboardrow, #Leaderboard .leaderboardrow {
	font-size: 1rem;
    position: relative;
    text-align: left;
    padding:8px 0;
    width:100%;
    margin:0 auto;
    border-radius: 1rem;
    margin-bottom: 1rem;
    color: #fff;
}
#ProfileLeaderboard h1, #Leaderboard h1 {text-align:center;color:#000;}

#ProfileLeaderboard .leaderboardrow div div, #Leaderboard .leaderboardrow div div {
	display: table-cell;
	vertical-align: middle;
}

#ProfileLeaderboard .leaderboardrow:after, #Leaderboard .leaderboardrow:after {
	clear: both;
	content: '';
	display: table;
}

#ProfileLeaderboard .leaderboardrow:nth-child(odd), #Leaderboard .leaderboardrow:nth-child(odd) {
	background: #434343;
}

#Leaderboard .leaderboardrow .rank {
	height: 120px;
	width: 10%;
	float: left;
    display: table;
    text-align: center;

    position: relative;
}

#ProfileLeaderboard .leaderboardrow .profileimage, #Leaderboard .leaderboardrow .profileimage {
	height: 120px;
	width: 15%;
	float: left;
    display: table;
    text-align: center;

    position: relative;
}

#ProfileLeaderboard .leaderboardrow .profileimage img, #Leaderboard .leaderboardrow .profileimage img {
    border: 0;
    display: block;
    width: 89px;
    height: 89px;
    margin: 0 auto;
		border-radius:100%;
}

#ProfileLeaderboard .leaderboardrow .profilename, #Leaderboard .leaderboardrow .profilename {
	height: 120px;
	width: 34%;
	float: left;
    display: table;
    padding-left:20px;
}

#ProfileLeaderboard .leaderboardrow .profilename .name, #Leaderboard .leaderboardrow .profilename .name {
	display: block;
	font-size: 1.2rem;
    font-family: "franklin-gothic-condensed", sans-serif;
    font-weight: 900;
}

#ProfileLeaderboard .leaderboardrow .raised, #Leaderboard .leaderboardrow .raised {
	height: 120px;
	width: 23%;
	float: left;
	color: #fff;
    display: table;
    text-align: left;
    padding-left:20px;
}

#ProfileLeaderboard .leaderboardrow .raised .amount, #Leaderboard .leaderboardrow .raised .amount {
	color: #fff;
	display: block;
	font-size: 1.35em;
	font-family: "franklin-gothic-condensed", sans-serif;
  font-weight: 700;
	text-align:left;
}

#ProfileLeaderboard .leaderboardrow .raised .amount .currency, #Leaderboard .leaderboardrow .raised .amount .currency {
	font-size:0.7em;
}

#ProfileLeaderboard .leaderboardrow .stats, #Leaderboard .leaderboardrow .stats {
	height: 120px;
	width: 18%;
	float: left;
    display: table;
    padding: 0 2em 0 0;
}

#ProfileLeaderboard .leaderboardrow .stats span.arrow, #Leaderboard .leaderboardrow .stats span.arrow {
    position: absolute;
    top: 0;
    right: -20px;
    width: 20px;
    height: 65px;
    background: url(../images/bg_leaderboard-stats.png) no-repeat;
}

#ProfileLeaderboard .leaderboardrow .button, #Leaderboard .leaderboardrow .button {
    font-family:'franklin-gothic-atf', sans-serif;
    line-height: 24px;
    display: block;
    margin: 0 auto;
    padding: .5em;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    color: #fff;
    border: none;
    border-radius: 2px;
    background: #000000;
    -webkit-font-smoothing: antialiased;
}


#Leaderboard .leaderboardrow .profilename p {margin: 0;padding: 5px 0;color: #fff;}

/* Featured Page */
#FeatureBoard {max-width:1200px;margin:80px auto 0;}
#FeatureBoard .featured-block {display:inline-block;vertical-align:top;position:relative;margin:0 15px;}
#FeatureBoard .featured-block .cover-link {position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 99;}
#FeatureBoard .overlay {position:absolute;width:100%;height:100%;background:rgba(0,0,0,0.5);}
#FeatureBoard .profile-intro {width:100%;text-align:center;color:#000;}
#FeatureBoard .profilename {font-family:'1903 Sans Condensed',sans-serif;font-size: 1.5rem;margin:10px 0;text-transform: uppercase !important;font-weight: 800;}
#FeatureBoard .eventinfo {font-family:'1903 Sans Condensed',sans-serif;font-size:18px;text-transform:uppercase;}
#FeatureBoard hr {width:60px;height:2px;border-color:#000000;background:#000000;border:none;display: none;}
#FeatureBoard .stats .text {font-family:'franklin-gothic-atf', sans-serif;font-size:1rem;text-transform:capitalize;display:block;}
#FeatureBoard .stats .amount {font-family:'franklin-gothic-atf', sans-serif;font-size:24px;display:block;margin-bottom:10px;}
#FeatureBoard .profileimage {width: 250px;height: 250px;background-position: center center;background-repeat: no-repeat;background-size:cover;margin:0 auto;}
#FeatureBoard .stats {margin-bottom:20px}

/* ----------------------------------------------------------------------------------------------------
 * Gallery
 * ----------------------------------------------------------------------------------------------------
 */
#GalleryBody #gallery div {padding:40px 0;text-align:center;}
#GalleryBody #gallery div select {display:inline-block;width:168px;margin:0 20px 8px auto;padding:10px 5px;background:#fff;border:1px solid #fff;border-radius:2px;-moz-border-radius: 2px; -webkit-border-radius: 2px;-o-border-radius: 2px;position:relative;color:#888;font-family:georgia;}
#GalleryBody .gallery {display:block;float:left;position:relative;swidth:200px;sheight:157px;width:16.666666%;height:auto;text-decoration:none;margin:0;padding:0;overflow:hidden;}
#GalleryBody .gallery img {width:100%;height:100%;display:block;}
#GalleryBody .gallery span {position:absolute;padding:8px 0 0 0;bottom:0;margin:0 0 0 -74px;left:50%;width:147px;background:url('https://7ab4a7a7b3e97d265133-3c456ba518a2c8c1f13f8ac58cd6a50f.ssl.cf5.rackcdn.com/bg_country-arrow.png') no-repeat top;color:#fff;text-align:center;font-family:'franklin-gothic-atf', sans-serif;-webkit-font-smoothing:antialiased;font-weight:300;font-size:14px;text-transform:uppercase;}
#GalleryBody .gallery span div {display:none;background:url('https://7ab4a7a7b3e97d265133-3c456ba518a2c8c1f13f8ac58cd6a50f.ssl.cf5.rackcdn.com/bg_country-over.png') no-repeat center top;padding:45px 0 0 0;margin:10px 0 0 0;position:relative;}
#GalleryBody .gallery span div p {position:absolute;top:30px;left:10px;width:60px;height:50px;}
#GalleryBody .gallery span div p:nth-child(2) {position:absolute;top:30px;left:80px;width:60px;height:50px;}
#GalleryBody .gallery span div p b {display:block;}


.paginate {text-align:left;padding:20px 0;color:#000;}
.paginate a.button {margin-top:-10px;}





/* ----------------------------------------------------------------------------------------------------
 * Breadcrumb
 * ----------------------------------------------------------------------------------------------------
 */
#BreadCrumb{margin:0 auto 20px;padding:20px 0;text-align:left;background:#231f20; font-family:'franklin-gothic-atf', sans-serif;}
#BreadCrumb .PageWrapper {padding: 0 1.4em;}
#BreadCrumb ul{margin:0;padding:0;list-style-type:none}
#BreadCrumb ul li{display:inline}
#BreadCrumb ul li a{display:inline-block;margin:0;padding:0 15px 0 10px;text-decoration:none;text-transform:uppercase;color:#8d8d8d;}
#BreadCrumb ul li a:hover {color: #fff;}
#BreadCrumb ul li:not(:last-child) {
	border-right:1px solid #292929;
}


/* ----------------------------------------------------------------------------------------------------
 * PageNav
 * ----------------------------------------------------------------------------------------------------
 */
#PageNav {padding:15px 0;margin:0 auto 0px auto;text-align:center;}
#PageNav ul {margin:0 auto;padding:0;list-style-type:none;}
#PageNav ul li {display:inline-block;padding:0 1px 10px 1px;}
#PageNav ul li a {
	font-family:'franklin-gothic-atf', sans-serif;
    font-weight: 300;
    display: inline-block;
    padding: 10px 25px;
    text-decoration: none;
    color: #fff;
    border-radius: 3px;
    background: #231f20;
}

#PageNav ul li a:hover,#PageNav ul li a.active {background:#000000;color:#fff;}

#SubPageNav {padding:10px 0 30px 0;text-align:center;}
#SubPageNav ul {margin:0 auto;padding:0;list-style-type:none;}
#SubPageNav ul li {display:inline;padding:0 10px 0 10px;}
#SubPageNav ul li a {color:#000;text-decoration:none;font-family:'Open Sans';font-size:16px;font-weight:400;background:#f6f6f6;border-radius:3px;padding:10px 25px;display:inline-block;}
#SubPageNav ul li a:hover,#SubPageNav ul li a.active {background:#f77e02;color:#fff;}


#Content {padding:0 0 0 0;position:relative;}
#Content h1.h1Solid {margin-top: -240px;padding-bottom: 180px;font-size: 3.2rem;color: #fff;font-weight: 900;}


/* top menu */

#Content .TopMenu{background:#fff;margin:0 auto;padding:0;font-family:'franklin-gothic-atf', sans-serif;text-align:center;-webkit-font-smoothing:antialiased;border-bottom:1px solid #e5e5e5;}
#Content .TopMenu a{font-weight:400;position:relative;display:inline-block;width:160px;height:55px;margin:0;padding:15px 0px;text-align:center;text-decoration:none;text-transform:uppercase;color:#000;font-size:14px;}
#Content .TopMenu a.current{color:#fff;background:#000000}
/*#Content .TopMenu a.current span{position:absolute;top:55px;left:0;width:202px;height:23px;background: transparent url("../images/topmenu-bg_tab-on.png") no-repeat scroll 0% 0%;background-size:145px;z-index:1}*/


#Content .SubMenu {text-align:center;margin:20px auto;}
#Content .SubMenu a.active {background:#fff;border:1px solid #000000;color:#000000;}

#Content .TopMenuBar {background:#1b3e4d;color:#fff; padding:20px 0;text-align:center;}
#Content .TopMenuBar h2 {-webkit-font-smoothing:antialiased;font-size:20px;margin:0;}
#Content .TopMenuBar a {font-family:'franklin-gothic-atf', sans-serif;-webkit-font-smoothing:antialiased;font-weight:300;font-size:16px;display:inline-block;text-decoration:none;color:#fff;}
#Content .TopMenuBar a.share {display:inline-block;}
#Content .TopMenuBar .left {width:48%;float:left;}
#Content .TopMenuBar .right {width:48%;float:right;}
#Content .TopMenuBar a.button-inline {background:#fff;border-radius:2px;display:inline-block;color:#000;height:auto;padding:0px 20px;}

#Content .section-left {width:48%;float:left;}
#Content .section-middle {width:3%;float:left;}
#Content .section-right {width:48%;float:right;}
#Content .section-middle .line-vert-50 {display:block;width:1px;height:50px;background:#555;margin:0 auto;}

#sLoginBody .TopMenu a {width:162px;}

#Content .section-row {border-bottom:1px solid #dadbdc;padding:20px 0;}
#Content .section-center {width:48%;margin:0 auto;}
#Content .section-center200 {width:200px;margin:0 auto;}
#Content .section-left {float:left;width:48%;}
#Content .section-right {float:right;width:48%;}
#Content .section-right img,#Content .section-left img {max-width:100%;}

.section-grid-clear {clear:both;}
.section-grid-left50 {float:left;width:50%;}
.section-grid-right50 {float:right;width:50%;}



/* ----------------------------------------------------------------------------------------------------
 * MainForm
 * ----------------------------------------------------------------------------------------------------
 */

#RegistrationForm {
	text-align: center;
	margin: 0 auto;
}

.MainForm {text-align:left; margin: 0;}
.MainForm .inner {text-align: left; max-width: 700px; padding-left: 1.5em; padding-right: 1.5em;}

/* .MainForm h3 {font-weight: normal;margin: 1em 0;text-transform:uppercase;}
.MainForm h3 b {font-weight: normal;} */

/* input , lbaels, buttons */
.MainForm .center label {text-align: center;}
.MainForm .search-button{ padding: .5em .8em .7em; line-height: 1em;}
.MainForm .search-button .fa{ margin: 0; }

/*strcuture */
.MainForm div.center div.half {float:left;width:50%;text-align:left;}
.MainForm div.center div.half:nth-child(2) {margin:0;}


/*
.MainForm {margin:40px auto;text-align:center;}
.MainForm div.inner {width:950px;margin:0 auto;}
.MainForm h2 {margin:16px 0;}
.MainForm div.Row {clear:both;background:#dadbdc;padding:30px 0;}


.MainForm textarea {border:1px solid #fff;background:#fff;padding:5px;}
.MainForm select {width:220px;padding:5px;background:#fff;border:1px solid #fff;}
.MainForm div.center {width:340px;margin:0 auto;}
.MainForm div.center input[type=text],.MainForm div.center input[type=password],.MainForm div.center select,.MainForm div.center textarea {width:100%;}
.MainForm div.center input[type=checkbox] {background:#fff;padding:10px;}
.MainForm div.center div.half input[type=text],.MainForm div.center div.half input[type=password],.MainForm div.center div.half select {width:150px;}

.MainForm label a {position:relative;color:#000;text-decoration:none;}
.MainForm label a:hover span {display:block;}
.MainForm div.left {float:left;width:450px;text-align:right;margin:0 10px 0 0;}
.MainForm div.left label {margin:0 0 0 auto;width:220px;}
.MainForm div.right {float:right;width:450px;text-align:left;margin:0 0 0 10px;}
.MainForm div.right label {margin:0 auto 0 0;width:210px;}
.MainForm div.right textarea,.MainForm div.left textarea {width:210px;}
.MainForm p {text-align:center;width:500px;margin:10px auto;}
.MainForm .terms {background:#fff;padding:20px;width:600px;margin:20px auto;border-radius:4px;-moz-border-radius: 4px; -webkit-border-radius: 4px;-o-border-radius: 4px;position:relative;height:300px;}
.MainForm .terms .top {overflow:hidden;height:260px;margin:0 0 20px 0;text-align:left;}
.MainForm .terms .top p,.MainForm .terms .top ul,.MainForm .terms .top h2,.MainForm .terms .top h3 {text-align:left;}
.MainForm p.error {background:#fff;padding:10px;border-radius:10px;-moz-border-radius: 10px; -webkit-border-radius: 10px;-o-border-radius: 10px;position:relative;color:#b31212;margin:10px auto;}
.MainForm input.invalid[type=text],.MainForm input.invalid[type=password],.MainForm select.invalid {box-shadow:0 0 6px rgba(255, 0, 0, 0.35);}

.MainForm button.loader {background:url('https://7ab4a7a7b3e97d265133-3c456ba518a2c8c1f13f8ac58cd6a50f.ssl.cf5.rackcdn.com/button-loader.gif') no-repeat center center;height:30px;}
.MainForm button.loader span {display:None;}
.MainForm div i.fa-arrow-left {color:red;}

.MainForm div input[type=text].small,.MainForm input[type=password].small,.MainForm select.small {width:60px !important;}

.MainForm div.wide {width:750px;margin:0 auto;}
.MainForm div.wide label {display:block;text-align:left;}
.MainForm div.wide input[type=text],.MainForm div.wide textarea {width:750px;}
*/

p.error {background:#fff;padding:10px;border-radius:10px;-moz-border-radius: 10px; -webkit-border-radius: 10px;-o-border-radius: 10px;position:relative;color:#b31212;margin:10px auto;}

.MainForm .row {padding:5px 0;}
.MainForm button.paypal-button {border:1px solid #ffaa41;background:#ffefb2;color:#134360;}
.MainForm a.badge-pack {display:inline-block;width:150px;margin:0 5px 0 0;cursor:pointer;}
.MainForm a.badge-pack img {display:block;width:100%;margin:0 0 10px 0;border:1px solid #333;}
.MainForm a.badge-pack-selected img,.MainForm a.badge-pack:hover img {border:1px solid #9c8a5d;}
.MainForm a.badge-pack span {background:#000;border-radius:4px;-moz-border-radius: 4px; -webkit-border-radius: 4px;-o-border-radius: 4px;position:relative;display:block;margin:0 auto;border:none;cursor:pointer;color:#fff;text-align:center;padding:0px 20px;font-size:16px;font-family:'franklin-gothic-atf', sans-serif;-webkit-font-smoothing:antialiased;text-transform:uppercase;font-weight:300;line-height:40px;text-decoration:none;}
.MainForm a.badge-pack:hover span,.MainForm a.badge-pack-selected span {background:#9c8a5d;}

.MainForm div.radio {text-align:center;padding:8px 0;}
.MainForm div.radio label {display:block;float:left;padding:20px 0 0 0;margin:0;width:300px;}
.MainForm div.radio input[type=radio] {display:block;float:left;padding:0;margin:0 10px 0 0;}
.MainForm div.radio .radio-button {display:block;background:#F26A2B;color:#000;font-size: 1.2rem;text-align:center;padding: 1.2rem 0;margin:0 auto;cursor:pointer;}
.MainForm div.radio .radio-button i.fa {color:#000; display: none;}
.MainForm div.radio .selected,.MainForm div.radio .radio-button:hover {background:#000000; color: #fff;}
.MainForm div.radio .selected i.fa,.MainForm div.radio .radio-button:hover i.fa {color:#fff; display: inline-block;}

.MainForm div.radio .goal-button {display:block;width:130px;background:#151519;color:#fff;text-align:center;padding: 1em 0;margin:0 auto;border-radius:3px;cursor:pointer;}
.MainForm div.radio .goal-button i.fa {color:#000; display: none;}
.MainForm div.radio .selected,.MainForm div.radio .goal-button:hover {background:#000000;}
.MainForm div.radio .selected i.fa,.MainForm div.radio .goal-button:hover i.fa {color:#fff; display: inline-block;}

.MainForm div .selected.radio.radio-button {background:#000000; color: #fff;}
.MainForm .selected.radio.radio-button {background:#000000; color: #fff;}

.MainForm .personaldonation div.radio .radio-button {float:none;vertical-align:middle;}
.MainForm .personaldonation div.radio label {float: none;display: inline-block;width: 210px;vertical-align: middle;padding:0 10px;}
.MainForm .personaldonation .centerer {height: 150px;display: inline-block;vertical-align: middle;}

.MainForm .section {padding:20px 0;}

.MainForm input[type=text],.MainForm input[type=password],.MainForm input[type=tel]{border:1px solid #c4c2bd; border-radius: 0 !important;font-family: 'franklin-gothic-atf', sans-serif;color:#000;font-size:1em;max-width: 100%;height:50px;}
.MainForm .left{float:left;width:50%;text-align:left;padding:.6em .5em}
.MainForm .right{float:right;width:50%;text-align:left;padding:.6em .5em}
.defaultSimpleSkin table.mceLayout{width:100%}
select{
	background: #fff url('../images/icons/select_arrow.png') 100% 50% no-repeat;
	border:1px solid #c4c2bd;
	border-radius:0 !important;
	color:#000;
	font-family: 'franklin-gothic-atf', sans-serif;
	font-size:1rem;
	margin:0;
	max-width: 100%;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding:.5em 1em;
}

.MainForm label a {position: relative;}
.MainForm label a .help {
	position: absolute;
	color: #000;
	display: none;
	width: 180px;
	padding: 1em;
	background: rgba(255,255,255,0.95);
	border-radius: 4px;
	z-index: 1000;
	bottom: 30px;
	left: -90px;
	box-shadow: 0 3px 3px rgba(0,0,0,0.4);
}
.MainForm label a:hover .help {
	display: block;
}

.MainForm .is_fundraising .radio label {margin:0 auto;text-align:center;float:none;}

/* updated form style */
.form{font-family:'franklin-gothic-atf',sans-serif;max-width:750px;margin:0 auto}
.form.form-block label,.MainForm label{display:block;margin:0 0 .3em;font-size:1rem;text-align:left;}
.form-group .col{padding:1em .8em}
.form-group .col .col{padding:0 10px 0 0}
.form-input,.MainForm select{border:1px solid #c4c2bd;font-family: 'franklin-gothic-atf', sans-serif;color:#000;font-size:1em;margin:0;padding:.5em 1em;width:100%;height:50px;}
.form-input[type="checkbox"]{width:auto}
.MainForm select,.profileSponsorForm select, select {background: #fff url('../images/icons/select_arrow.png') 100% 50% no-repeat !important; min-width: 35%;}


/* error */
input[type="text"].invalid,
input[type="password"].invalid,
input[type="email"].invalid,
input[type="number"].invalid,
select.invalid {border-color: #E13131;box-shadow: 0px 0px 4px rgba(255, 0, 0, 0.33);}
em.invalid { color: #E13131; }

#messageBox {
	display: none;
	width: 500px;
	margin: 0 auto;
	text-align: left;
	background: #FFE9E6;
	border: 2px solid #CFA39D;
	border-radius: 3px;
	padding: 1em;
}

#messageBox span {
	font-weight: bold;
	display: block;
	margin: 0 0 .5em;
}

#messageBox li {
	margin: 0 0 0 1em;
}


/* terms */
.terms{position:relative;width:600px;height:300px;margin:20px auto;padding:20px;background:#FFF none repeat scroll 0 0;border-radius:4px;border:1px solid #d9d9d9;font-size:.9em;line-height:1.5em}
.terms .top{overflow:hidden;height:260px;margin:0 0 20px;text-align:left}
.terms .top p,.terms .top ul,.terms .top h2,.terms .top h3{text-align:left}




/* ----------------------------------------------------------------------------------------------------
 * buttons
 * ----------------------------------------------------------------------------------------------------
 */
.btn-stitch{background:#000000;display:block;font-family:'franklin-gothic-atf', sans-serif;font-size:1.5em;padding:.5em 0 0;text-decoration:none;text-align:center;text-transform:uppercase;color:#000;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;width:308px;height:61px;margin:0 auto}
.btn-stitch:hover {
	background:#C39E6F;
}
.btn-group:nth-of-type(1) {margin-top:20px;}
.button {font-family:'franklin-gothic-atf',sans-serif;font-size:1rem;line-height:1.5;position:relative;margin:0 auto;padding:0 20px;cursor:pointer;text-align:center;text-decoration:none;color:#fff;border:none;border-radius:0.25rem;background:#000000;}
.button:hover,.button:focus {text-decoration:none;color:#fff;background:#000}
.button-primary {background:#000000;color:#fff;}
.button-primary:hover {background:#000;color:#fff;}
.button-secondary {border: 2px solid #000000;background: transparent;color: #fff;}

a.button{display:inline-block}
.button-small{font-size:14px;line-height:24px;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;-o-border-radius:2px;position:relative}
.button-inline{background:#000000;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;-o-border-radius:2px;position:relative;display:inline-block;margin:0 auto;border:none;cursor:pointer;color:#fff;text-align:center;padding:0 20px;font-size:16px;font-family:'franklin-gothic-atf', sans-serif;-webkit-font-smoothing:antialiased;text-transform:uppercase;font-weight:300;line-height:40px;text-decoration:none}
.facebook-button{background:#38579c}
.button-facebook{background:#38579c}
.button-email {background:#777;}
.btn-linkedin {background:#0077B5;}
.button-facebook .fa{vertical-align: 1px;}
.button-black{background:#000}
.button-grey{background:#777}
.button-twitter{background:#4099ff}
.button-instagram{background:#517fa4}
.button b{font-weight:400}
.button.button-block{display:block;width:100%;margin:.2em 0}

.button .fa { vertical-align: 6%; margin: 0 .5em 0 0; }


.btn-black {background:#000 !important;color:#fff !important;}
.btn-light-grey {background:#ccc !important;color:#000 !important;padding:7px 13px;}
.btn-facebook {background:#3b5998 !important;color:#fff !important;padding:7px 13px;}
.btn-facebook:hover {color:#fff !important;background:#5573B2 !important;}
.btn-twitter {background:#4099ff !important;color:#fff !important;padding:7px 10px;}
.btn-sms {background:#5BC236 !important;color:#fff !important;padding:7px 10px;}
.btn-disabled {pointer-events:none;}

/* ----------------------------------------------------------------------------------------------------
 * Content
 * ----------------------------------------------------------------------------------------------------
 */
#ContentBody {overflow-x: hidden;}

#Content .leftcol {width:200px;float:left;margin:0 30px 0 0;padding:45px 0;}
#Content .midcol {width:auto;margin: 0 400px 5rem 0;padding:100px 15px 60px 15px;}
#Content .rightcol {width:376px;float:right;margin:0 0 2em;position:relative;top:-335px;right:0;margin-bottom:-250px;z-index: 2;border-radius: 1rem;}
#Content .midcol ul {margin:0;padding:0;list-style-type:none;display:inline-block;}
#Content .midcol ul li {color:#fff;text-align:center;margin:0 0 5px 0;display:inline-block;}
#Content .midcol ul li a {background:#a9a9a9;color:#fff;text-decoration:none;display:block;padding:10px 20px 0 20px;text-transform:uppercase;font-family:'franklin-gothic-atf', sans-serif;-webkit-font-smoothing:antialiased;font-size:14px;font-weight:400;text-align:center;height:44px;position:relative;}

#Content .midcol ul li a:hover,
#Content .midcol ul li a.current {
    color: #fff;
    background: #000000;
}

#Content .midcol ul li a.current span.arrow,
#Content .midcol ul li a:hover span.arrow {
    position: absolute;
    top: 0;
    right: -12px;
    width: 12px;
    height: 44px;
    background: url('../images/bg_nav-arrow.png') no-repeat;
}


#Content .midcol ul li ul {margin:0;padding:0;list-style-type:none;}
#Content .midcol ul li ul li a {background:#826b31;text-transform:none;}
#Content .midcol h3 {-webkit-font-smoothing:antialiased;font-size:16px;font-weight:700;}

/* .leftcol ridingWith */
#Content .midcol .mid-header {margin-bottom:20px;}
#Content .midcol .ridingWith { text-align: center; margin: 0;display:inline-block;vertical-align: middle;width:30%; }
#Content .midcol .ridingWith .text { text-align: center; }
#Content .midcol .ridingwithImage {
    position: relative;
    display: block;
    width: 130px;
    height: 130px;
    margin: 0 auto;
    background: url('https://7ab4a7a7b3e97d265133-3c456ba518a2c8c1f13f8ac58cd6a50f.ssl.cf5.rackcdn.com/14de03feaf9adde8da7a71aa4ddcfedb.png') no-repeat;
    background-size: contain;
}

#Content .midcol .ridingwithImage img {
	display: block;
	width: 90px;
	height: 90px;
	position: absolute;
	top: 20px;
	left: 20px;
	border: 1px solid #000000;
}

.share-menu h4 {font-size:16px;margin:20px 0;font-family:"Montserrat",sans-serif;text-transform:none;}
.share-menu .button-facebook,
.share-menu .button-twitter,
.share-menu .button-email,
.share-menu .btn-linkedin,
.share-menu .btn-whatsapp
 {display:inline-block;width:30px;height:30px;margin: 0 10px 0 0;border-radius:15px;line-height:30px;text-align:center;color:#fff; background: transparent !important;}




/* .share-menu .button-twitter,
.share-menu .button-email,
.share-menu .btn-linkedin {margin:0 5px;} */

/* .leftcol sponsor */
#Content .midcol .sponsor {display:block;margin:0 10px 10px 0;float:left;width:100px;}
#Content .midcol .sponsor img {display:block;width:100px;}

/* blog post */
#Content .midcol .blog h2 {text-transform:uppercase; font-size: 22px;}
#Content .midcol .blog {padding: 1rem 0;margin: 0 0 1rem;font-size: 0.9rem;text-align:left;border-bottom: 1px solid #F26A2B !important;}
#Content .midcol .blog .posted {display: block; font-size: .9em; color: #666; margin: .5em 0; }
#Content .midcol .blog .posted img { vertical-align:middle }
#Content .midcol .blog .blog-image {margin:20px auto;display:block; max-width: 100%; }
#Content .midcol .blog .blogImage img {border-radius: 1rem;}
#Content .midcol .blog:last-child {border:none; margin: 0;}

#Content .contentcol {float:right;width:720px;padding:10px 0;text-align:left;}
#Content .contentcol h3 {font-size:18px;-webkit-font-smoothing:antialiased;}
#Content .contentcol .black {background:#242424;color:#fff;padding:20px 20px;}
#Content .contentcol .black .left {float:left;width:470px;}
#Content .contentcol .black .right {float:right;width:200px;text-align:right;}

#Content .contentcol #Members {text-align:center;}
#Content .contentcol #Members .member {text-decoration:none;color:#000;display:inline-block;width:200px;height:250px;margin:0 15px 15px 0;background:url('https://7ab4a7a7b3e97d265133-3c456ba518a2c8c1f13f8ac58cd6a50f.ssl.cf5.rackcdn.com/14de03feaf9adde8da7a71aa4ddcfedb.png') no-repeat;background-size:200px 200px;}
#Content .contentcol #Members .member img {display:block;width:164px;height:164px;margin:18px 0 0 18px;}
#Content .contentcol #Members .member b {display:block;margin:30px 0 0 0;-webkit-font-smoothing:antialiased;font-weight:700;font-size:18px;}

#Content .BlogPageWrapper {padding:60px 20px;}

#Content ul#breadcrumb {margin:0;padding:10px 0;list-style-type:none;width:100%;text-align:left;}
#Content ul#breadcrumb li {display:inline-block;}
#Content ul#breadcrumb li a {color:#333;padding:0 10px 0 10px;border-right:1px solid #555;text-decoration:none;}
#Content ul#breadcrumb li:last-child a {border:none;}

#Content .blogcontentcol {padding:10px 0 30px 0;text-align:left;float:left;width:750px;min-height:400px;}
#Content .blogcontentcol .PageWrapper {padding:0;margin:0;width:100%;}
#Content .blogcontentcol .blog_date {margin:-10px 0 10px 0;color:#000000;}
#Content .blogcontentcol img {max-width:700px;}
#Content .blogcontentcol .section-right img,#Content .blogcontentcol .section-left img {max-width:360px;display:block;}
#Content .blogcontentcol a {color:#64a2d8;}

#Content .BlogPageWrapper .blog {display:block;text-decoration:none;background:#fff;width:230px;color:#333;}
#Content .BlogPageWrapper .blog .blog_intro {display:block;padding:10px;}
#Content .BlogPageWrapper .blog .blog_intro b {display:block;margin:0 0 5px 0;}
#Content .BlogPageWrapper .blog .blog_intro .date {display:block;font-size:12px;}
#Content .BlogPageWrapper .blog .blog_intro .author {display:block;color:#333;font-size:12px;}
#Content .BlogPageWrapper .blog img {display:block;width:230px;}

#Content .blogsidebar {width:200px;float:right;padding:10px 0;text-align:left;}
#Content .blogsidebar .blog_author {}
#Content .blogsidebar .blog_author .author_image {display:block;float:left;width:70px;padding:0 10px 10px 0;}

/* Blogs Page */
#Content .BlogPageWrapper .blog {display:block;text-decoration:none;background:#fff;color:#333;position:relative !important;float:left;left:0 !important;overflow:hidden;width:345px;height:200px;transition: all .5s ease-in-out;margin-bottom: 0.5rem;}
#Content .BlogPageWrapper .blog .blog_overlay {display:block;padding:10px;position:absolute;top:0;height:100%;width:100%;background:rgba(0,0,0,0.4);}
#Content .BlogPageWrapper .blog img {display:block;position: relative;left: 100%;margin-left: -200%;display: inline-block;width:auto;height:200px;transition: all 1s;max-width:none;}
#Content .BlogPageWrapper .blog_intro {display:block;padding-right:15px;text-align:left;max-width:330px;padding: 0.5rem 1rem;
    margin: 1.5rem 0;}
#Content .BlogPageWrapper .blog_intro b {display:block;margin:0 0 5px 0;color:#fff;text-align:left;font-family:'franklin-gothic-atf', sans-serif;font-size:34px;text-transform:uppercase;transition: all 1s;}
#Content .BlogPageWrapper .blog_intro .date,#Content .BlogPageWrapper .blog_intro .author {display:inline-block;font-size:12px;color:#999;text-align:left;text-transform:uppercase;}
#Content .BlogPageWrapper .blog_intro .author img {display:inline-block;vertical-align:middle;margin:0 10px;}
#Content .BlogPageWrapper .blogBrick {height: 500px;width: 600px;display: inline-block;}
/* #Content .BlogPageWrapper .blog:hover {border:5px solid #000000;}
#Content .BlogPageWrapper .blog:hover .blog_intro b {color:#000000;} */
#Content .BlogPageWrapper .blog:hover img {opacity: 0.8;-webkit-transform: scale3d(1.1,1.1,1);transform: scale3d(1.1,1.1,1);}
#Content .BlogPageWrapper .feature .blog {width:650px;height:550px;}
#Content .BlogPageWrapper .feature .blog img {height:550px;}
#Content .BlogPageWrapper .blogBrick {height: 400px;width: 500px;display: table-cell;margin:0 5px;vertical-align: top;}
#Content .BlogPageWrapper .blog_intro u {font-family:'franklin-gothic-atf', sans-serif;font-size: 14px;text-transform: uppercase;font-weight: 400;}

/* Feature Blog Wrapper */
#Content .BlogPageWrapper .blogsWrapper .blogBrick.subBlog {height: 275px;width: 400px;float: right;}
#Content .BlogPageWrapper .blogsWrapper {width: 850px;margin: 20px auto 40px;display: table;}
#Content .BlogPageWrapper .blogsWrapper .blog .blog_intro {display:block;padding:10px;position:absolute;bottom:0px;left:0px;text-align:left;max-width:100%;}
#Content .BlogPageWrapper .blogsWrapper .subBlog .blog {width:400px;height:275px;}
#Content .BlogPageWrapper .blogsWrapper .subBlog .blog img {height:275px;}
#Content .BlogPageWrapper .blogsWrapper h3 {display:table-row;text-align:left;}
#Content .BlogPageWrapper .blogsWrapper .blogBrick.subBlog .blog_intro b {font-size:24px;}

/* Blog Carousel */
#Content .BlogPageWrapper .blogCarousel {max-width:1060px;margin:0 auto;}
#Content .BlogPageWrapper .blogCarousel .blogCarouselBrick {}
#Content .BlogPageWrapper .blogCarousel .blogCarouselBrick:hover {
	transform: scale(1.05);
	box-shadow: 0 0 5px 2px rgba(0,0,0,0.1);
	color: #000;
	border-radius: 0.25rem !important;
}
#Content .BlogPageWrapper .blogCarousel .blog_intro b {font-size:20px;color:#000;}

#Content .blogsidebar {width:200px;float:right;padding:10px 0;text-align:left;}
#Content .blogsidebar .blog_author {}
#Content .blogsidebar .blog_author .author_image {display:block;float:left;width:70px;padding:0 10px 10px 0;}

#BlogBody .blog-title {font-size: 2.2rem;color: #333;}
#Blog {text-align:left;margin:40px auto;}
#Blog #blogs a.article {display: inline-block;width:300px;overflow:hidden;text-align:center;text-decoration:none;vertical-align: top;margin:20px;}
/* #Blog #blogs .blog_intro h5{font-weight: 600;font-size: 15px;text-align: left;margin:10px 0;} */
/* #Blog #blogs .blog_intro .date,#Blog #blogs .blog_intro .author {font-family:'franklin-gothic-atf', sans-serif;color:#999;font-size:12px;text-align:left;text-transform:uppercase;text-decoration:none;} */
/* #Blog #blogs .blog_intro .author img {display:inline-block;vertical-align:middle;margin:0 10px;height: auto;left: 0;} */
#Blog .authorBlock {min-height:100px;margin:40px 0;background:#fcfaf7;border-top:3px solid #000000;padding:40px;}
#Blog .authorBlock img {display: inline-block;vertical-align: middle;border-radius: 50px;width: 100px;}
#Blog .authorBlock .authorDetails {width: 80%;display: inline-block;vertical-align: middle;margin:0 25px;}
#Blog .authorBlock .authorDetails h5 {font-weight: 600;font-size: 1.1em;}
#Blog .authorBlock .authorDetails .more {font-family:'franklin-gothic-atf', sans-serif;text-transform: uppercase;font-weight: 400;font-size: 14px;}
#Blog #blogs .blog_intro u {font-family:'franklin-gothic-atf', sans-serif;text-transform: uppercase;font-weight: 400;font-size: 14px;}
#Blog #blogs .blog_intro {display:block;text-align:left;}
#Blog .blog-text h3 {font-size:1.6em;font-weight:300;margin:50px 50px;position:relative;}
#Blog .blog-text h3:before {content: url('/images/quotations.png');font-size: 80px;color: #c1c1c1;top: -60px;position: absolute;font-family:'franklin-gothic-atf', sans-serif;left: -50px;}
#Blog .blog-image img {display:block;margin:0 auto;}
#Blog .blog-text img {display:block;margin:20px 0;height:auto;}
#Blog .blog-date {margin: 2rem 0;padding-bottom: 1rem;border-bottom: 1px solid #ccc;}
#Blog .share {margin:20px 0 0 0;}
#Blog .share hr {border-color: #fff;}
#Blog .share a {display:inline-block;padding:5px;color: #fff;margin-right: 0.4rem;}
#Blog .share .fa {font-size:2rem;}


/* Home Blogs */
#HomeBlog {text-align:center;}
#HomeBlogs .blog {display:block;text-decoration:none;background:#fff;color:#333;position:relative !important;float:left;left:0 !important;overflow:hidden;width:280px;height:225px;transition: all .5s ease-in-out;text-align:center;}
#HomeBlogs .blog .blog_intro {display:block;padding:10px;position:absolute;bottom:0;text-align:left;}
#HomeBlogs .blog .blog_overlay {display:block;padding:10px;position:absolute;top:0;height:100%;width:100%;background:rgba(0,0,0,0.4);}
#HomeBlogs .blog:hover .blog_overlay {background:rgba(255,255,255,0.3);}
#HomeBlogs .blog .blog_intro b {display:block;margin:0 0 5px 0;color:#fff;text-align:left;font-family:'franklin-gothic-atf', sans-serif;font-size:34px;text-transform:uppercase;transition: all 1s;}
#HomeBlogs .blog .blog_intro .date {display:block;font-size:12px;color:#999;}
#HomeBlogs .blog .blog_intro .author {display:block;color:#333;font-size:12px;}
#HomeBlogs .blog img {display:block;position: relative;left: 100%;margin-left: -200%;display: inline-block;width:auto;height:275px;transition: opacity 1s, transform 1s;max-width:none;}
#HomeBlogs .feature .blog {width:600px;height:450px;}
#HomeBlogs .feature .blog img {height:450px;}
#HomeBlogs .blog:hover {border:5px solid #000000;}
#HomeBlogs .blog:hover img {opacity: 0.8;-webkit-transform: scale3d(1.1,1.1,1);transform: scale3d(1.1,1.1,1);}
#HomeBlogs .blog:hover .blog_intro b {color:#000000;}
#HomeBlogs p {font-family:'franklin-gothic-atf', sans-serif;font-size:22px;}
#HomeBlogs .blogBrick {height: 450px;width: 600px;display: table-cell;margin:0 0 0 5px;vertical-align: top;}
#HomeBlogs .blogBrick.subBlog {height: 225px;width: 280px;float: left;max-width:39vw;}
#HomeBlogs .blogsWrapper {width: 850px;margin: 20px auto;display: table;}
#HomeBlogs .blogBrick.subBlog .blog_intro b {font-size:24px;}

/* Home Products */
#HomeProducts {text-align:center;}
#HomeProducts #Shop .product {margin:0;width:300px;height:300px;overflow:hidden;position:relative;max-width:22vw;}
#HomeProducts #Shop {display:table;margin:10px auto;}
#HomeProducts #Shop .product .mask{position:absolute;bottom:0;width:100%;height:100%;opacity:0;background:rgba(255,255,255,0.3);}
#HomeProducts #Shop .product img { transition: all 0.2s linear;padding:10px;}
#HomeProducts #Shop .product p { transform: translateY(100px);opacity: 0;transition: all 0.2s linear;width:150px;margin:118px auto 50px;font-family:'franklin-gothic-atf', sans-serif;font-size: 16px;color: #fff;text-transform: uppercase;}
#HomeProducts #Shop .product span{opacity: 0;transition: all 0.2s ease-in-out;}
#HomeProducts #Shop .product:hover img { transform: scale(1.1);}
#HomeProducts #Shop .product:hover p,
#HomeProducts #Shop .product:hover span {opacity: 1;transform: translateY(0px);}
#HomeProducts #Shop .product:hover p {transition-delay: 0.1s;}
#HomeProducts #Shop .product:hover span {transition-delay: 0.2s;}
#HomeProducts #Shop .product:hover .mask {opacity:1;}
#HomeProducts .left {display:inline-block;width:80%;}
#HomeProducts .right {display:inline-block;width:15%;}
#HomeProducts p {font-family:'franklin-gothic-atf', sans-serif;font-size:22px;}
#HomeProducts #Shop .product a:hover {color:#000;}

#HomePrizes {background:#000000;color:#fff;padding:20px 0;}
#HomePrizes .button {width:500px;}
#HomePrizes .bg {height:430px;position:relative;overflow:hidden;}
#HomePrizes .team-block {background: #fff; color: #000;}
#HomePrizes .bg img {width:100%;position:absolute;bottom:0;left:0;}
#HomePrizes .bg .block-text {position:relative;z-index:2;text-align:center;padding:15px 20px 5px;}
#HomePrizes .bg h2 {font-size:1.8em;}
#HomePrizes .block-button {text-align:center;position:absolute;bottom:15px;left:0;width:100%;}
#HomePrizes .sprint-total {text-align: center;position: absolute;bottom: 150px;left: 0;width: 100%;z-index: 999;}
#HomePrizes #SprintCountdown {display:none;}
#HomePrizes #sprint {position:absolute;left:0;bottom:70px;width:100%;background:rgba(255,255,255,0.8);text-align:center;padding:10px 15px 0;}
#HomePrizes #sprint > div {display:inline-block;padding:0 10px 5px;font-size:0.8em;}
#HomePrizes #sprint h4 {text-transform:uppercase;font-weight:900;font-size:1em;}
#HomePrizes #sprint .number {font-size:1.3em;font-weight:900;display:block;line-height:100%;margin-bottom:0;}

/* profile side bar */
#ProfileBody #Content .rightcol {width:355px;}
#Content #ProfileSidebar {width:355px;color:#000;background: #fafafa;border-radius: 1rem;}
#Content #ProfileSidebar h2 {font-weight: 900;margin:0;text-align:center;padding: 20px;font-size: 2rem;background:#000000;color: #fff;position:relative;text-transform:uppercase;border-radius: 0.5rem 0.5rem 0 0;}
/* #Content #ProfileSidebar h2:before {content: "";width: 0;height: 0;border-left: 178px solid transparent;border-right: 178px solid transparent;border-top: 20px solid #000000;position: absolute;bottom: -20px;left: 0;} */
/* #Content #ProfileSidebar h2::before{
  content: '';
  background: url(/images/2023/DGR23_Divider_Sponsor_Orange.svg);
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  bottom: -4.3rem;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1000;
} */
#Content #ProfileSidebar .amount {text-align: center;display: inline-block;}
#Content #ProfileSidebar .goal {text-align:center;display:block;color:#fff;padding:0;}
#Content #ProfileSidebar .goal:after {content: ''; display: block; height: 20px; width: 100%;background:url('../images/icon-xcross.png') 50% 50% no-repeat;background-size: 15px auto;}
#Content #ProfileSidebar a.buttonstyled {border:none;display:block;cursor:pointer;background:#000000;margin:8px auto 0 auto;width:188px;padding:8px 0;color:#fff;font-family:'franklin-gothic-atf', sans-serif;-webkit-font-smoothing:antialiased;font-size:16px;text-align:center;text-transform:uppercase;text-decoration:none;}
#Content #ProfileSidebar div.raisedsofar h3 {font-family:'franklin-gothic-atf', sans-serif;-webkit-font-smoothing:antialiased;font-weight:300;font-size:18px;margin:0;padding:5px;text-align:center;text-transform:uppercase;}
#Content #ProfileSidebar div.progress {margin:0;padding: 2rem 2rem 0 2rem;text-align:center;color:#000;font-weight:300;font-size:16px;height:auto;border-radius:0;background: #fafafa;}
#Content #ProfileSidebar div.progress b {font-family: '1903 Sans Condensed', sans-serif; font-size: 1.7em;}
#Content #ProfileSidebar .xcross {
	content: ''; display: block; height: 20px; width: 100%;background:url('../images/icon-xcross.png') 50% 50% no-repeat;background-size: 15px auto;
}
#Content #ProfileSidebar div.raised span.dollar {display:inline-block;}
#Content #ProfileSidebar div.raised #counter {display: inline-block;}
#Content #ProfileSidebar div.progress .iveRaised {text-align:left;font-size:1.1rem;color:#000000;}
#Content #ProfileSidebar div.progress .iveRaised .dollar {font-size: 1.4rem;position: relative; font-family: '1903 Sans Condensed'; font-weight: 800;}
#Content #ProfileSidebar div.progress .myGoal {text-align:right;font-size:1.1rem;color:#000000;}
#Content #ProfileSidebar div.progress .myGoal .dollar {font-size: 1.4rem;position: relative; font-family: '1903 Sans Condensed'; font-weight: 800;}
#Content #ProfileSidebar div.progress strong {display:block;font-weight:400;font-family:'franklin-gothic-atf';text-transform: capitalize;color:#000;font-size: 0.8rem;}
#Content #ProfileSidebar div.progress #counter {display:inline-block;}
#Content #ProfileSidebar .progressBar {display:block;height: 20px;width: 100%;background:#fff;margin: 10px 0;padding: 0 !important;border: 1px solid #E2E2ED;border-radius: 0.5rem;}
#Content #ProfileSidebar .currentProgress {background: #F26A2B;display: block;height: 20px;position: relative;max-width: 100%;border-radius: 0.5rem;}

#ProfileHeader .progressBar {display:block;height: 40px;width: 100%;background:#fff;margin: 10px 0;padding: 0 !important;border: 1px solid #E2E2ED;border-radius: 0.5rem;}
#ProfileHeader .currentProgress {background: #F26A2B;display: block;height: 40px;position: relative;max-width: 100%;border-radius: 0.5rem;}

#RidesBody .progressBar {display:block;height: 40px;width: 100%;background:#fff;margin: 10px 0;padding: 0 !important;border: 1px solid #E2E2ED;border-radius: 0.5rem;}
#RidesBody .currentProgress {background: #F26A2B;display: block;height: 40px;position: relative;max-width: 100%;border-radius: 0.5rem;}


.profileSponsorForm {background: #fafafa;width: 355px;padding: 20px;color:#000;position:relative; border-radius: 0 0 0.5rem 0.5rem;}
.profileSponsorForm .radio {display: block;}
.profileSponsorForm .sidebar-form-panel {display: none;}
.profileSponsorForm .sidebar-form-panel.active {display: block;}
.profileSponsorForm #sidebar-form-toggler {margin:0 1em;}
.profileSponsorForm #sidebar-form-toggler li a {display: block;padding: 10px 20px;color: #6c6a69;text-decoration: none;text-transform: uppercase;font-family:'franklin-gothic-atf', sans-serif;font-size: 15px;font-weight: 400;text-align: center;}
.profileSponsorForm #sidebar-form-toggler li a.active {color:#000;}
.profileSponsorForm #sidebar-form-toggler li {list-style:none;display: inline-block;width: 32%;position:relative;}
.profileSponsorForm .radio input {display:none;}
.profileSponsorForm .radio .radio-amount {display:block;background:#F26A2B;color:#fff;font-size: 1.2rem;text-align:center;padding: 1.2rem 0;margin:0.5rem auto;cursor:pointer;text-decoration: none;}
.profileSponsorForm .radio p {display:inline-block;width:250px;vertical-align: middle;text-align: left;padding-left:10px;color: #000;font-size: 15px;}
.profileSponsorForm .radio.selected .radio-amount,.profileSponsorForm .radio:hover .radio-amount {background:#000 !important; color: #fff;}
.profileSponsorForm .radio .radio-amount i {color:#000; display: none;}
.profileSponsorForm .radio.selected .radio-amount i, .profileSponsorForm .radio:hover .radio-amount i {color:#fff; display: inline-block;}
/* .profileSponsorForm .form-control {color: #000;font-size: 1em;margin: 0;padding: .5em 1em;max-width: 100%;width:150px;display:inline-block;} */
.profileSponsorForm #personaldetails .form-control, .profileSponsorForm #paymentdetails .form-control{width:100%;}
.profileSponsorForm #paymentdetails .input-small {width: 65px;}

.currency-input-group {
  border: 0;
}

.currency-input-group span {
  background: #e2e2e2;
}

.profileSponsorForm .button-next {width:250px;margin-left:20px;border-radius:0;font-weight:bold;font-size:22px;}
.profileSponsorForm .form-label {float: left;width: 38%;font-size: .9em;padding: .8em 0 .5em;}
.profileSponsorForm .row {margin:15px 0;}
.profileSponsorForm #sidebar-form-toggler li:after {border-style: solid;border-width: 0.1em 0.1em 0 0;content: '';display: inline-block;height: 0.45em;right: 0;position: absolute;top: 40%;transform: rotate(45deg);vertical-align: top;width: 0.45em;color: #737171;}
.profileSponsorForm #sidebar-form-toggler li:last-child:after {display:none;}
.profileSponsorForm .frame-border {position: absolute;bottom: -45px;left: -10px;max-width:376px;}

.sponsorChoice label {padding:10px 5px;display:inline-block !important;}
.sponsorChoice label.active {background:#000000;}

/* ----------------------------------------------------------------------------------------------------
 * ProfileBody
 * ----------------------------------------------------------------------------------------------------
 */

#ProfileBody #Content {background: #fff;}
#ProfileBody #Content section:nth-of-type(even) {margin-bottom: 3rem !important;}
#ProfileBody #Content section:nth-of-type(odd) { background: #fafafa !important; position: relative; }
/* #ProfileBody #Content section:nth-of-type(odd)::before{
  content: '';
  background: url(/images/2023/DGR23_Divider_Section_Cream.svg);
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  top: -3rem;
  left: 0px;
  width: 100vw;
  height: 100%;
  z-index: 0;
} */

@media (max-width: 750px) {
  #ProfileBody #Content section:nth-of-type(odd)::before{
    top: -2rem;
  }
}

#ProfileBody #Content section .container{
 position: relative;
 z-index: 2;
}

#ProfileBody #Blogs h2 {
  text-transform: uppercase;
  color: #000;
}
/* #ProfileBody #Blogs hr {
  border-top: 3px solid #F26A2B !important;
  color: #F26A2B !important;
  opacity: 1;
} */

#ProfileHeader .container {
  position: relative;
    z-index: 999;
    top: 100px;
}

#ProfileBody #Content section h2 {
  text-transform: uppercase;
}

#ProfileBody #Header #TopSiteLink {position:absolute;top:10px;left:60px;width:172px;height:90px;background:url('https://7ab4a7a7b3e97d265133-3c456ba518a2c8c1f13f8ac58cd6a50f.ssl.cf5.rackcdn.com/logo_dgr-content.png') no-repeat;}

/* header */
#ProfileHeader {display: table;height: 398px;width: 100%;position: relative;z-index: 1;}
#ProfileHeader .PageWrapper {position: static;}
#ProfileHeader .column-left {float: left; width: 20%; height: 398px; display: table;}
#ProfileHeader .column-mid {float: left; width: 50%; height: 398px; display: table;text-align:left;}
#ProfileHeader .column-right {float: left; width: 30%; height: 398px; display: table;}
#ProfileHeader .column-right img {margin: 0 .5em;width:20%;}
#ProfileHeader .column-right .badges {display:block;padding-top:110px;}

#ProfileHeader a, #ProfileHeader .copyurl {color: #000 !important;font-weight: 500;}
#ProfileHeader a.button-primary {color:#fff;}
#ProfileHeader a:hover {color: #fff;}
#ProfileHeader .input-group-addon a {color:#fff;}
#ProfileBody #Header {background: url('https://7ab4a7a7b3e97d265133-3c456ba518a2c8c1f13f8ac58cd6a50f.ssl.cf5.rackcdn.com/387bcbb935b426c8871c3b721f6ca66c.jpg') repeat-y;background-size: cover;background-color: #fff;}
#LeaderboardBody #Header {background: url('https://7ab4a7a7b3e97d265133-3c456ba518a2c8c1f13f8ac58cd6a50f.ssl.cf5.rackcdn.com/387bcbb935b426c8871c3b721f6ca66c.jpg') repeat-y;background-size: cover;background-color: #fff;}
#ProfileBody .page-header {border-bottom: 2px solid #000000;padding: .3em 0px;z-index: 1;min-height: 125px;}
#ProfileBody .page-header .header-logo {z-index:200;}
#ProfileHeader .share-menu {padding:10px 0;}
#ProfileHeader .share-menu a {color:#fff; border: 0;font-size: 1.5rem}
#ProfileHeader .share-menu a:hover {transform: scale(1.5);}
#ProfileHeader .share-menu a.btn {font-size: 1rem; text-decoration:none;color: #fff !important;margin: -0.5rem 0 0 1rem;}
#ProfileHeader .share-menu a.btn:hover {font-size: 1rem; transform: scale(1);}

/* Sharing URL */
/* #ProfileHeader .sharing-url {position: relative; padding: 0.5rem 1rem 0.5rem 3.8rem;background: #fff; width: 380px; margin-left: -60px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;} */
/* #ProfileHeader .sharing-url span {font-size: 0.9rem;} */
#ProfileHeader .sharing-url {color: #000; font-weight: 500 !important;}
/* #ProfileHeader .sharing-url:after {
  content: "";
  position: absolute;
  display: block;
  bottom: -1em;
  border: 1.5em solid #986794;
  z-index: 0;
 }

 #ProfileHeader .sharing-url:after {
  right: -2em;
  border-left-width: 1.5em;
  border-right-color: transparent;
 }

 #ProfileHeader .sharing-url .sharing-url-content:after {
  content: "";
  position: absolute;
  display: block;
  border-style: solid;
  border-color: #804f7c transparent transparent transparent;
  bottom: -1em;
  z-index: 2;
 }

 #ProfileHeader .sharing-url .sharing-url-content:after {
  right: 0;
  border-width: 1em 1em 0 0;
 } */

/* cover image */
#ProfileHeader .coverImage {
    position: absolute;
    z-index: -1;
    top: 220px;
    left: 0;
    overflow: hidden;
    width: 100%;
    height: 410px; 
	  background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 50%;
}

#ProfileHeader .coverImage img {width: 100%;}

/* title */
/* #ProfileHeader .rider-title {color: #000;display: table-cell;vertical-align: middle;} */
#ProfileHeader .rider-title .rider-name h1.h1Solid {
  margin: 0;
    padding: 0;
    z-index: 2;
    font-size: 2.1rem;
    font-weight: 800;
    display: flex;
    color: #fff;
    font-family: "franklin-gothic-condensed", sans-serif;
    text-transform: uppercase;
  }
/*#ProfileHeader .rider-title .rider-name {font-size: 2.5em;font-weight: 300;}
*//*#ProfileHeader .rider-title .rider-name span {font-family:'franklin-gothic-atf', sans-serif;text-transform: none;font-size: 2.2em;padding:0 10px 0 0;position: relative; z-index: 2;}
#ProfileHeader .rider-title .rider-name:after {content: ''; border-top: 2px solid #000000; width: 240px; display: block; margin: 0 auto; position: relative; top: -15px;}*/

/* avatar */
#ProfileHeader .rider-avatar {
  display: table-cell;
  vertical-align: middle;
}

#ProfileHeader .avatar-wrap {
  position: relative;
  display: inline-block;
  width: 170px;
  height: 190px; /* Taller to match the badge proportions */

  /* Black border background */
  background: #000;

  /* Border thickness */
  padding: 4px;

  box-sizing: border-box;

  /* Correct flat-top hexagon clip path to match your badge */
  clip-path: polygon(
    50% 0%, 
    100% 25%, 
    100% 75%, 
    50% 100%, 
    0% 75%, 
    0% 25%
  );
}

#ProfileHeader .avatar-wrap::before {
  content: '';
  position: absolute;
  top: 4px;
  left: 4px;
  right: 4px;
  bottom: 4px;
  background: #fff;
  z-index: 0;
  
  /* Inner hexagon for content area */
  clip-path: polygon(
    50% 0%, 
    100% 25%, 
    100% 75%, 
    50% 100%, 
    0% 75%, 
    0% 25%
  );
}

#ProfileHeader .avatar-wrap img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;

  /* Same flat-top hexagon shape */
  clip-path: polygon(
    50% 0%, 
    100% 25%, 
    100% 75%, 
    50% 100%, 
    0% 75%, 
    0% 25%
  );

  position: relative;
  z-index: 1;
}

/* Camera button styling */
#ProfileHeader .btn-avatar {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: rgba(0, 0, 0, 0.8);
  color: white;
  border: 2px solid white;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2;
  opacity: 0;
  transition: all 0.3s ease;
}

#ProfileHeader .avatar-wrap:hover .btn-avatar {
  opacity: 1;
}

#ProfileHeader .btn-avatar i {
  font-size: 16px;
}

/* ride */
#ProfileHeader .rider-ride {text-transform: capitalize;;font-weight: 500 !important; font-size: 1rem;color: #000;}

/* other */
#ProfileHeader .profileImage {position:absolute;top:-130px;left:30px;width:160px;height:160px;background:url('https://7ab4a7a7b3e97d265133-3c456ba518a2c8c1f13f8ac58cd6a50f.ssl.cf5.rackcdn.com/14de03feaf9adde8da7a71aa4ddcfedb.png') no-repeat;background-size:160px 160px;}
#ProfileHeader .profileImage img {display:block;width:126px;height:126px;margin:17px 0 0 17px;}

#ProfileHeader .ispassenger {background-image:url('https://7ab4a7a7b3e97d265133-3c456ba518a2c8c1f13f8ac58cd6a50f.ssl.cf5.rackcdn.com/frame3.png');}
#ProfileHeader .facebook-share {background:url('https://7ab4a7a7b3e97d265133-3c456ba518a2c8c1f13f8ac58cd6a50f.ssl.cf5.rackcdn.com/facebook-share-button.png') no-repeat;position:absolute;top:50px;left:70px;width:100px;height:250px;}
#ProfileHeader .facebook-share span {display:none;}
#ProfileBody div.breadcrumb {text-align:left;border-bottom:1px solid #333;padding:0 0 6px 0;font-family:'franklin-gothic-atf', sans-serif;-webkit-font-smoothing:antialiased;font-weight:400px;}

#ProfileBody #CharityInfo {padding:20px;}

/* donations from sponsors */
/*#ProfileBody #Donations .inner {width:600px;margin:0 auto;padding:20px 0;text-align:center;}
#ProfileBody #Donations .inner h3 {text-align:center;-webkit-font-smoothing:antialiased;font-weight:700;font-size:22px;margin:10px 0;}
#ProfileBody #Donations .donation {background: #e7e2d7;height:130px;margin:10px 0 10px 0;position:relative;}
#ProfileBody #Donations .donation div {}
#ProfileBody #Donations .donation div div {display:table-cell;vertical-align:middle;background:none;}
#ProfileBody #Donations .donation:nth-child(even) div {}
#ProfileBody #Donations .donation:nth-child(even) div div {background:none;}
#ProfileBody #Donations .donation:nth-child(even) div.stats {background:#000000;}
#ProfileBody #Donations .donation .profileimage,
#ProfileBody #Donations .donation:nth-child(even) div.profileimage {width:130px;display:table;height:130px;vertical-align:middle;position:absolute;top:0;left:0;}
#ProfileBody #Donations .donation .profileimage img {width:130px;height:130px;display:block;margin: 0; }
#ProfileBody #Donations .donation .profilename {width:310px;display:table;height:130px;vertical-align:middle;position:absolute;top:0;left:132px;font-size:20px;font-family:'franklin-gothic-atf', sans-serif;-webkit-font-smoothing:antialiased;font-weight:400;padding:0 20px;text-align:left;}
#ProfileBody #Donations .donation .stats {background:#000000;width:150px;padding:0 0 0 10px;display:table;height:130px;vertical-align:middle;position:absolute;top:0;right: 0;font-size:20px;font-family:'franklin-gothic-atf', sans-serif;-webkit-font-smoothing:antialiased;font-weight:400;color:#fff;}
#ProfileBody #Donations .donation .button {display:inline-block;font-size:14px;line-height:24px;}
#ProfileBody #Donations .donation p {font-family:'franklin-gothic-atf', sans-serif;font-size:14px;font-weight:normal; font-style: italic; margin:0;padding:5px 0;}*/

/* team members */
#ProfileBody #Members {}
#ProfileBody #Members .inner {width:980px;margin:0 auto;padding:20px 0;text-align:center;}
#ProfileBody #Members .inner h3 {text-align:center;-webkit-font-smoothing:antialiased;font-weight:700;font-size:18px;margin:10px 0;}
#ProfileBody #Members #Riders {position:relative;}
#ProfileBody #Members .member {
	text-decoration: none;
	color: #000;
	display: inline-block;
	margin: 0px 15px 15px 0px;
	font-size: 0.9rem;
	width: 150px;
	background-repeat: no-repeat;
	background-size: contain;
	vertical-align:top;
}
#ProfileBody #Members .member img {
	display: block;
	margin: 20px 0px 0px 21px;
	width: 110px;
	height: 110px;
	border: 4px solid #000000;
	border-radius:1rem;
}
#ProfileBody #Members .member b {display:block;margin:30px 0 0 0;-webkit-font-smoothing:antialiased;font-weight:700;font-size:18px;}

/* #ProfileBody #Gallery {text-align:center;} */
#ProfileBody #Gallery h3 {text-align:center;-webkit-font-smoothing:antialiased;font-weight:700;font-size:22px;margin:10px 0;}
#ProfileBody #Gallery .gallery {display:inline-block;margin:5px;}
#ProfileBody #Gallery .gallery img {display:block;margin:0;border: 2px solid #000000;border-radius:1rem;}
#ProfileBody #Gallery .btn-remove-image {float: left;
    margin-top: -40px;
    z-index: 9999;
    position: relative;}

.cropit-preview-image-container {
    border: 2px solid #000000;
}

/* #ProfileBody #Sponsors {text-align:center;background:#fff;} */
/* #ProfileBody #Sponsors h3 {text-align:center;-webkit-font-smoothing:antialiased;font-weight:700;font-size:22px;margin:10px 0;} */
#ProfileBody #Sponsors .sponsor {display:inline-block;height:220px;width:220px;margin:10px;}
#ProfileBody #Sponsors .major-sponsors .sponsor img {width:200px;height:200px;display:block;}
#ProfileBody #Sponsors .minor-sponsors .sponsor {width:120px;height:120px;}
#ProfileBody #Sponsors .minor-sponsors .sponsor img {width:100px;height:100px;display:block;margin:0;}
#ProfileBody #Sponsors .bronze-bar {background:#eeeeee;height:5px;margin:20px 0;}


#ProfileBody .leftcol h3 {-webkit-font-smoothing:antialiased;font-size:16px;font-weight:700;}
#ProfileBody .leftcol p {font-family:'franklin-gothic-atf', sans-serif;font-weight:400;}

#ProfileBody .section-white {background:#fff;}
#ProfileBody .section-grey {background:#e6e7e8;}

#ProfileBody .leftcol .ridingWith a {display:block;}
#ProfileBody .leftcol .ridingWith img {max-width:100%;}

#ProfileLeaderboard {
    width: auto;
    margin: 0 auto;
    background:url('https://7ab4a7a7b3e97d265133-3c456ba518a2c8c1f13f8ac58cd6a50f.ssl.cf5.rackcdn.com/62fa2bd86a0b5735c85d241c249aa42e.jpg');
}

#ProfileLeaderboard .leaderboardrow {
	font-family:'franklin-gothic-atf', sans-serif;
	font-size: 1.1em;
    position: relative;
    text-align: left;
    padding:8px 0;
    background: #fafafa;
    border-bottom:2px solid transparent;
    background-clip:padding-box;
}

#ProfileLeaderboard .leaderboardrow div div {
	display: table-cell;
	vertical-align: middle;
}

#ProfileLeaderboard .leaderboardrow:after {
	clear: both;
	content: '';
	display: table;
}

#ProfileLeaderboard .leaderboardrow .profileimage {
	height: 120px;
	width: 20%;
	float: left;
    display: table;
    text-align: center;

    position: relative;
}

#ProfileLeaderboard .leaderboardrow .profileimage img {
    display: block;
    width: 89px;
    height: 89px;
    margin: 0 auto;
    border: 2px solid #000000;border-radius:1rem;
}

#ProfileLeaderboard .leaderboardrow .profilename {
	height: 120px;
	width: 40%;
	float: left;
    display: table;
}

#ProfileLeaderboard .leaderboardrow .profilename .name {
	display: block;
	font-size: 1.7em;
    font-family:'franklin-gothic-atf', sans-serif;
    font-weight:900;
}

#ProfileLeaderboard .leaderboardrow .raised {
	height: 120px;
	width: 20%;
	float: left;
	color: #999999;
    display: table;
    text-align: left;
}

#ProfileLeaderboard .leaderboardrow .raised .amount {
	color: #000;
	display: block;
	font-family:'franklin-gothic-atf', sans-serif;
	font-size: 1.7em;
    font-weight:900;
}

#ProfileLeaderboard .leaderboardrow .stats {
	height: 120px;
	width: 20%;
	float: left;
    display: table;
    padding: 0 2em 0 0;
}

#ProfileLeaderboard .leaderboardrow .stats span.arrow {
    position: absolute;
    top: 0;
    right: -20px;
    width: 20px;
    height: 65px;
    background: url(../images/bg_leaderboard-stats.png) no-repeat;
}

#ProfileLeaderboard .leaderboardrow .button {
    font-family:'franklin-gothic-atf', sans-serif;
    line-height: 24px;
    display: block;
    margin: 0 auto;
    padding: .5em;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    color: #fff;
    border: none;
    border-radius: 2px;
    background: #000000;
    font-weight:900;
}

#ProfileLeaderboard .leaderboardrow .button:hover {
    background: #CA2F0B;
}

#ProfileLeaderboard .leaderboardrow p {
    font-family:'franklin-gothic-atf', sans-serif;
    font-size: 20px;
    font-weight: normal;
    margin: 0;
    padding: 5px 0;
    color:#999999;
}

/* ----------------------------------------------------------------------------------------------------
 * LoginBody
 * ----------------------------------------------------------------------------------------------------
 */

#LoginBody {background: #fff !important;}

#LoginBody #Header {background: url('https://7ab4a7a7b3e97d265133-3c456ba518a2c8c1f13f8ac58cd6a50f.ssl.cf5.rackcdn.com/387bcbb935b426c8871c3b721f6ca66c.jpg') repeat-y;background-size: cover;background-color: #000;min-height: 550px;}
#LoginBody #Header #ProfileSidebar {margin:0;padding:10px 20px;position:absolute;top:121px;left:773px;width:178px;height:200px;background:url('https://7ab4a7a7b3e97d265133-3c456ba518a2c8c1f13f8ac58cd6a50f.ssl.cf5.rackcdn.com/bg_flag-content.png') no-repeat left bottom;color:#fff;text-align:center;}
#LoginBody #ProfileSidebar h2 {-webkit-font-smoothing:antialiased;font-size:14px;margin:0;text-align:center;color:#fff;padding:10px 0;}
#LoginBody #ProfileSidebar .goal {font-family:'franklin-gothic-atf', sans-serif;-webkit-font-smoothing:antialiased;font-weight:400;font-size:25px;text-align:center;display:block;color:#fff;border-bottom:1px solid #fff;padding:0 0 5px 0;}
#LoginBody #ProfileSidebar div.raisedsofar {font-family:'franklin-gothic-atf', sans-serif;-webkit-font-smoothing:antialiased;font-weight:400;font-size:25px;text-align:center;display:block;color:#fff;padding:0;}
#LoginBody #ProfileSidebar div.raisedsofar h3 {-webkit-font-smoothing:antialiased;font-size:14px;margin:0;padding:5px;text-align:center;}

#LoginBody .MainForm .inner {text-align: left; max-width: 700px; padding-left: 1.5em; padding-right: 1.5em;}
#LoginBody .MainForm .wide {padding:8px 0;}




/* #LoginBody #CoverImage */
#LoginBody #CoverImage {width:1000px;height:400px;background:#2C2C2C;position:relative;margin:10px auto 0; overflow: hidden;}
#LoginBody #CoverImage img {position:absolute;top:0;left:0;}
#LoginBody #CoverImage .holder {padding:90px 0 0 0px;text-align:center;}

/* #LoginBody #SaleImage */
#LoginBody #SaleImage {width:200px;height:200px;position:relative;margin:10px 0 0 0;background:url('https://7ab4a7a7b3e97d265133-3c456ba518a2c8c1f13f8ac58cd6a50f.ssl.cf5.rackcdn.com/14de03feaf9adde8da7a71aa4ddcfedb.png') no-repeat;background-size:200px 200px;}
#LoginBody #SaleImage img {position:absolute;top:21px;left:21px;width:160px;height:160px;}
#LoginBody #SaleImage .holder {padding:80px 0 0 0px;text-align:center;}
#LoginBody .buttonUpload {border:none;background:none;border-radius:0;margin:0;padding:0;}

/* #LoginBody #GalleryImage */
#LoginBody .galleryList { border: 2px solid #ccc; background: #fff; margin: 2em 0; }
#LoginBody .galleryWrapper { margin: 0 0 0 -2%; padding: 2% 2% 0; }
#LoginBody .galleryWrapper:after { clear: both; content: ''; display: table; }
#LoginBody .gallery { float:left; width: 18%; position: relative; margin: 0 0 2% 2%; }
#LoginBody .gallery img {display: block; max-width: 100%; }
#LoginBody .gallery .button { position: absolute; bottom: 0; left: 0; width: 100%; background: rgba(0,0,0,0.5); border-radius: 0;}
#LoginBody .noGallery { margin: 0 0 2%; text-align: center; font-style: italic; }

#LoginBody #GalleryImage {width:200px;height:200px;position:relative;margin:10px 0 0 0;}
#LoginBody .GraphContainer {padding:40px 0;min-height:200px;}

#DashboardPatch {background:#e5e5e5;}
#DashboardPatch .container {max-width:1000px;}

/* #LoginBody - Team members, Donations
#LoginBody #Donations {background:#F0EBE1;}
#LoginBody #Donations .inner {width:600px;margin:0 auto;padding:20px 0;}
#LoginBody #Donations .inner h3 {text-align:center;-webkit-font-smoothing:antialiased;font-weight:700;font-size:18px;margin:10px 0;}
#LoginBody #Donations .donation { background: #E7E2D7; height:130px;margin:0 0 2px 0;position:relative;}
#LoginBody #Donations .donation div {}
#LoginBody #Donations .donation div div {display:table-cell;vertical-align:middle;background:none;}
#LoginBody #Donations .donation .profileimage,
#LoginBody #Donations .donation:nth-child(even) div.profileimage {
    position: absolute;
    top: 0;
    left: 0;
    display: table;
    width: 130px;
    height: 130px;
    vertical-align: middle;
}
#LoginBody #Donations .donation .profileimage img {width:130px;height:130px;display:block;margin: 0}
#LoginBody #Donations .donation .profilename {width:210px;display:table;height:130px;vertical-align:middle;position:absolute;top:0;left:132px;font-size:20px;font-family:'franklin-gothic-atf', sans-serif;-webkit-font-smoothing:antialiased;font-weight:400;padding:0 20px;}
#LoginBody #Donations .donation .stats {background:#242424;width:150px;display:table;height:130px;vertical-align:middle;position:absolute;top:0;right: 0;font-size:20px;font-family:'franklin-gothic-atf', sans-serif;-webkit-font-smoothing:antialiased;font-weight:400;color:#fff;padding:0 0 0 10px;}
#LoginBody #Donations .donation .stats span.arrow {position:absolute;top:0;right:-20px;width:20px;height:130px;background:url('https://7ab4a7a7b3e97d265133-3c456ba518a2c8c1f13f8ac58cd6a50f.ssl.cf5.rackcdn.com/bg_leaderboard-stats.png') no-repeat;}
#LoginBody #Donations .donation .button {display:inline-block;font-size:14px;line-height:24px;}
#LoginBody #Donations .donation p {font-family:'franklin-gothic-atf', sans-serif;font-size:14px;font-weight:normal;margin:0;padding:5px 0;}

*/


#progress-circle {position:relative;width:150px;margin:0 auto;}
#progress-circle p {position: absolute;top: 35px;left: 0;width: 100%;text-align: center;}
#progress-circle .percentage {font-size: 2.5rem;font-weight: 500;}

#Donations .donation .profileimage {position:relative;}
#Donations .donation .amount {position:absolute;top:-10px;left: -10px;padding: 9px 0;border-radius: 50px;width:75px;height:75px;background: #000000;color: #fff;}
#Donations .donation .amount p {font-size:20px;width: 100%;text-align: center;line-height:20px;}
#Donations .donation .profilename {padding:0 0 20px 0;}
#Donations .donation .button {width:100%;margin:5px 0;}
#Donations .profile-image-wrapper {position: relative;width: 150px;height: 150px;overflow: hidden;margin: 0 auto;border:none;}
#Donations .profile-image-wrapper img {position: absolute;left: 50%;top: 50%;height: 100%;width: auto;-webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);transform: translate(-50%,-50%);max-width: none;border: 2px solid #000000;border-radius:1rem;}
#Donors .profilename h3 {position:relative;}
#Donors .profilename h3:after {content: '';height: 3px;width: 16%;position: absolute;bottom: -7px;left: 42%;}
#Donations .donation .panel {border:2px solid #e5e5e5;}


#LoginBody table.Results {margin:0 auto;width:100%;}
#LoginBody table.Results th {padding: .5em 1em;background:#fff; text-align: left;}
#LoginBody table.Results td {padding: 1em;}

.logged-in-side-nav {list-style-type:none;margin:0;padding:0;}
.logged-in-side-nav li {display:Block;}
.logged-in-side-nav li a {display:block;text-align:left;}

/* ----------------------------------------------------------------------------------------------------
 * DonationBody
 * ----------------------------------------------------------------------------------------------------
 */
#DonateBody #Header form .join {display:none;}
#DonateBody #Leaderboard {width:900px;margin:40px auto;text-align:center; padding: 2em 0;}


/* donate */

#DonateBody #SaleImage {width:200px;height:200px;background:#ccc;position:relative;margin:10px auto;text-align:center;}
#DonateBody #SaleImage img {position:absolute;top:0;left:0;}
#DonateBody #SaleImage .holder {padding:60px 0 0 0px;}
#DonateBody .buttonUpload {border:none;background:none;border-radius:0;margin:0;padding:0;}

#DonateBody .donation {font-family:'franklin-gothic-atf', sans-serif; background: #F2ECE0; height:130px;margin:0 auto;position:relative;width:600px;}
#DonateBody .donation div div {display:table-cell;vertical-align:middle;background:none;}
#DonateBody .donation:nth-child(even) div.stats {background:#242424;}
#DonateBody .donation .profileimage {width:130px;display:table;height:130px;vertical-align:middle;position:absolute;top:0;left:0;}
#DonateBody .donation .profileimage img {width:130px;height:130px;height:130px;}
#DonateBody .donation .profileimage .rank {position:absolute;top:0px;left:0px;width:37px;height:27px;background:url('https://7ab4a7a7b3e97d265133-3c456ba518a2c8c1f13f8ac58cd6a50f.ssl.cf5.rackcdn.com/bg_rank.png') no-repeat;color:#fff;font-size:10px;text-align:center;line-height:24px;font-weight:bold; z-index: 2;}
#DonateBody .donation .profilename {width:210px;display:table;height:130px;vertical-align:middle;position:absolute;top:0;left:132px;font-size:20px;-webkit-font-smoothing:antialiased;font-weight:400;padding:0 20px;text-align:left;}
#DonateBody .donation .stats {background:#242424;width:150px;padding:0 0 0 10px;display:table;height:130px;vertical-align:middle;position:absolute;top:0;right:0;font-size:20px;font-family:'franklin-gothic-atf', sans-serif;-webkit-font-smoothing:antialiased;font-weight:400;color:#fff;}
#DonateBody .donation .stats span.arrow {position:absolute;top:0;right:-20px;width:20px;height:130px;background:url('https://7ab4a7a7b3e97d265133-3c456ba518a2c8c1f13f8ac58cd6a50f.ssl.cf5.rackcdn.com/bg_leaderboard-stats.png') no-repeat;}
#DonateBody .donation .button {display:inline-block;font-size:14px;line-height:24px;border-radius:4px;-moz-border-radius: 4px; -webkit-border-radius: 4px;-o-border-radius: 4px;position:relative;}
#DonateBody .donation p {width:auto;padding:5px 0;text-align:left;font-family:'franklin-gothic-atf', sans-serif;font-size:14px;font-weight:normal;margin:0;padding:5px 0;}

/*#DonationForm .inner.donation-buttons {max-width:820px;} */


/* ----------------------------------------------------------------------------------------------------
 * LeaderboardBody
 * ----------------------------------------------------------------------------------------------------
 */

#LeaderboardBody #Wrapper {
    overflow: hidden;
}

/* leaderboard rows */
#Leaderboard{margin:2em auto;max-width:900px;}
.leaderboardrow{background:#F7E1A5;position:relative;height:130px;margin:0}
.leaderboardrow:after{clear:both;content:'';display:table}
.leaderboardrow div div{display:table-cell;vertical-align:middle;background:none;position:relative}
.leaderboardrow:nth-child(2n){background:#F26A2B}
.leaderboardrow .profileimage,.leaderboardrow:nth-child(even) div.profileimage{float:left;display:table;width:15%;height:130px;vertical-align:middle;background-size:130px 130px}

/* image */
.leaderboardrow .profileimage .rank{font-size:10px;font-weight:700;line-height:24px;position:absolute;top:0;left:0;width:37px;height:37px;text-align:center;color:#fff;background:url(../images/bg_flag-content.png) 0 100% no-repeat;background-size:auto 70px}

/* name */
.leaderboardrow .profilename{font-size:20px;font-weight:400;float:left;display:table;width:35%;height:130px;vertical-align:middle;}
.leaderboardrow .eventinfo{font-size:20px;font-weight:400;float:left;display:table;width:30%;height:130px;vertical-align:middle;-webkit-font-smoothing:antialiased}

/* stats */
.leaderboardrow .stats{font-size:20px;font-weight:400;float:left;display:table;width:20%;height:130px;vertical-align:middle;-webkit-font-smoothing:antialiased;padding:0 1em;text-align:center}
.leaderboardrow .stats .button.small{width:48%;float:left;font-size:.7em;margin:0 1%;padding-left:0;padding-right:0;text-align:center}
.leaderboardrow .stats span.arrow{display:none}

/* other */
.leaderboardrow p{font-weight:400;margin:0;padding:0;font-size:1rem !important;}
.leaderboardrow .text{font-style:italic;font-size:.8em;color:#000;display:block}
.leaderboardrow .amount{font-family:'franklin-gothic-atf', sans-serif;display:block;text-align:center}

/* passenger */
.leaderboard-nav {
	list-style: none;
	display: flex;
	justify-content: center;
}

.leaderboard-nav a {
  font-size: 1.2rem;
  font-weight: 800;
  font-family: "franklin-gothic-condensed", sans-serif; font-weight: 600;
  display: block;
  padding: 1rem 2rem;
  text-align: center;
  text-decoration: none;
  border-radius: 0;
  color: #000;
}

.leaderboard-nav a:hover,
.leaderboard-nav a.active {
  background: #fafafa !important;
  border-radius: 0.5rem !important;
  border-bottom: 4px solid #F26A2B;
}


/* ----------------------------------------------------------------------------------------------------
 * sections
 * ----------------------------------------------------------------------------------------------------
 */
/* .join-team {
	padding: 4em 0 0;
} */



/* ----------------------------------------------------------------------------------------------------
 * Popup
 * ----------------------------------------------------------------------------------------------------
 */
#popup {max-width: 100%; margin: 0 auto; position: fixed;background: #fff;}
#popup .left {width:50%;float:left;text-align:right;}
#popup .right {width:50%;float:right;text-align:left; padding: 2em;}
#popup .image {background:#ccc;padding:6px;}
#popup .image img {width: 100%; display:block;}
#popup .right h2 {-webkit-font-smoothing:antialiased;font-size:18px;}
#popup .popupinner {max-width:450px;}
#popup .BtClose {font-size: 18px;position: absolute;top: -18px;right: -18px;display: block;width: 50px;height: 50px;text-decoration: none;text-indent: -9999px;text-transform: uppercase;color: #fff;border-radius: 50%;background: #000000 url('../images/icon-close.png') 50% 50% no-repeat;background-size: 18px;z-index:99;}

#popup #CoverImageLightbox {width:700px;height:300px;margin:0 auto;}
#popup #GalleryImage,#popup #UserImage {width:100%;height:auto;}
#popup #BlogImage {width:200px;margin:0 auto;}
#popup #BlogImage .preview {position:relative;margin:0 auto;overflow:hidden;}

#UserImage .preview,#GalleryImage .preview {position:relative;}
#UserImage .preview .outline,#GalleryImage .preview .outline {height: 100%;width: 100%;background: transparent;position: absolute;left: 0;top: 0;border: 2px dotted #fff;}

/* ----------------------------------------------------------------------------------------------------
 * Register
 * ----------------------------------------------------------------------------------------------------
 */

/* content */
.register-rider-profile{background:#000 url(../images/background-rider.jpg) 50% 50% no-repeat;background-size:cover;color:#fff}
.register-rider-profile a{color:#fff}
.register-rider-profile .form-input{border-color:#fff}
.register-agreement{font-family:'franklin-gothic-atf', sans-serif;padding:1em .8em;max-width:800px;margin:0 auto}
.register-agreement p{margin:1em 0}
.option-or{border-top:0px solid #000;max-width:600px;margin: 4em auto 40px;}
.option-or .or{margin:-20px 0 0}
.option-or .or h4{background:#FFF none repeat scroll 0 0;display:inline-block;padding:0 .5em}
.content.light .option-or .or h4{background:#F9F6F0}
.forgot-password{margin: .3em 0 0; color: #9c9a95; font-size: 1em; text-align: right; display: block; text-underline-position: under;}
.forgot-password:hover{color:#000}

/* .ride-min-amount {background: #fcf8e5;padding: 10px;} */


/* ----------------------------------------------------------------------------------------------------
 *	Shop
 * ----------------------------------------------------------------------------------------------------
 */
#Shop {position:relative;}
#Shop .product {display:block;float:left;width:230px;margin:0 20px 20px 0;background:#fff;}
#Shop .product img {display:block;width:100%;}
#Shop .product .info {padding: 20px 20px 20px;font-size:14px;}
#Shop .product .price {display:block;padding:10px 10px 0;}
#Shop .product .price:after {
	content: '';
    border-bottom: 1px solid #000000;
    width: 100px;
    display: block;
    margin: 0 auto;
    padding: 0 0 .2em;
}

#Shop .yellowtail {
	font-size: 2.1em;
}

#Shop .currency {
	font-family:'franklin-gothic-atf', sans-serif;
    font-weight: 500 !important;
    font-size: 1.5em;
}

#Shop .title {
	font-family:'franklin-gothic-atf', sans-serif;
    font-size: 1.4em;
}

#Shop .button.button-black {
	background: #000000;
}

/* single product view */
#Shop .product-price, #Shop .product-title {
	text-align: left;
}

#Shop .product-price:after {
	content: '';
    border-bottom: 1px solid #000000;
    width: 150px;
    display: block;
    padding: 0 0 .5em;
}

#Shop .product-price b {
    font-family:'franklin-gothic-atf', sans-serif;
    font-size: 1.5em;
}

#Shop .product-option {
	font-family:'franklin-gothic-atf', sans-serif;
}

#Shop .section-right {
	text-align: left;
}

#Shop .cartOptions {
	text-align: left;
}

table#Cart { border-spacing: 0px; border-collapse: separate; }
table#Cart tr:nth-child(even) {background:#F2ECE0;}
table#Cart th { padding: .5em 1em; }
table#Cart td { padding: 1em; }

.shippingResultsContainer { background: #DED7CD; border-radius: 4px; margin: 2em; display: inline-block; padding: 20px; }
#shippingresults{ }
#shippingresults:after { content: ''; clear: both; display: block; }
.serviceOption { float: left; padding: 1em; background: #fff; border-radius: 4px; margin: .3em;}
.serviceOption label { font-weight: bold; text-align: center; }
.serviceOption .cost { display: block; margin: .5em; }

#personDetails { display: none; }
.geoLocate { padding: 0 .8em; }

#reviewDetails { background: #fff; padding: 2em; text-align: left; box-shadow: 0 1px 2px rgba(0,0,0,0.2); margin: 2em 0; }
#reviewDetails .reviewItem { border-bottom: 1px solid #d5d5d5; padding: 1em 0; font-size: .9em; }
#reviewDetails .reviewItem span { display: block; padding: .3em 0; }
#reviewDetails .reviewItem .total { float: left; padding: .3em 0; }
#reviewDetails .reviewTotal { border-top: 2px solid #d5d5d5; padding: 2em 0; }
#reviewDetails .reviewTotal .row { padding: .5em 0; }
#reviewDetails .myItems { padding: 0 2em 0 0; }
#reviewDetails .myDetails { background: #efefef;padding: 1em; border-radius: 4px; border: 1px solid #ddd; }
#reviewDetails .myDetails .details { margin: 0 0 2em; }
#reviewDetails .myDetails p { margin: .5em 0; font-size: .9em; }



/* ----------------------------------------------------------------------------------------------------
 * Rides Cities
 * ----------------------------------------------------------------------------------------------------
 */
#Cities .table {font-family:'franklin-gothic-atf', sans-serif;}
#Cities .table .yellowtail {font-size: 1.7em;}

#Cities .table i {color: #77776F; text-transform: uppercase;}
#Cities .table .sub-text {font-family:'franklin-gothic-atf', sans-serif; margin: 0.5em 0px 0px; font-size: .9em;}


/* ----------------------------------------------------------------------------------------------------
 * Rides City
 * ----------------------------------------------------------------------------------------------------
 */
.ride-details .sub-section, .ride-info .sub-section { text-align: left; }
.ride-details { padding: 0 2em 0 0; }

.ride-info { padding: 0 0 0 2em; }
.ride-info h4 { color: #77776F; }
.ride-info .text { margin: 0 0 1.5em; }
.ride-info .text .fa { width: 20px; }

.ride-login .inner { border: 4px solid #DBDACF; border-radius: 3px; padding: 3em; text-align: center; }

/* .ride-sponsors { text-align: center; } */
.ride-sponsors .sponsor {display:inline-block;height:220px;width:220px;margin:10px;}
.ride-sponsors .major-sponsors .sponsor img {width:200px;height:200px;display:block;}
.ride-sponsors .minor-sponsors .sponsor {width:120px;height:120px;}
.ride-sponsors .minor-sponsors .sponsor img {width:100px;height:100px;display:block;}
.ride-sponsors .bronze-bar {background:#fcecda;height:5px;margin:20px 0;}


/* ----------------------------------------------------------------------------------------------------
 * footer
 * ----------------------------------------------------------------------------------------------------
 */
#Footer{font-family:'franklin-gothic-atf', sans-serif;font-size:.8em;padding-top:100px; border-top: 1px solid #e5e5e5;}
#Footer a{text-decoration:none}
#Footer a:hover{text-decoration:underline}
#Footer .footer-countries{line-height:22px}
#Footer .footer-countries a{padding:2px}
#Footer .dgr{font-family:'franklin-gothic-atf', sans-serif;text-transform:uppercase;display: block;}
#Footer .links{margin:1em 0}
#Footer .footer-copyright{float:left;width:40%;padding:40px 0;text-align:left}
#Footer .footer-social{float:right;width:40%;padding:40px 0;text-align:right}
#Footer .footer-social a{display:inline-block;border:none;margin:0 0 0 2em;font-size:80%}

a.funraisin { display: block; width: 160px; height: 77px; float: right; margin-top: 30px; margin-right: 0; border: none; filter: invert(1); background: url('https://7ab4a7a7b3e97d265133-3c456ba518a2c8c1f13f8ac58cd6a50f.ssl.cf5.rackcdn.com/9d5537edb8d99812243de45cdda00eca.png') no-repeat; background-size: contain;}

a.funraisin span{display:none}
#Footer a.sponsorlink{background:url('/images/logo-sponsors-black.png') 0 0 no-repeat;display:block !important;margin:0 auto 2em;height:75px;width:308px}
#Footer a.sponsorlink span{display:none}

#Footer .footer-page-links {margin: 0px auto 2em;display: inline-block;}
#Footer .footer-page-links:after {clear: both; content: ''; display: table;}
#Footer .footer-page-links > ul {float: left;}
#Footer .footer-page-links li {list-style: none; padding: 0 .5em;}
#Footer .footer-page-links a {color: #fff;}
#Footer .footer-page-links a:hover {color: #000;}
#Footer .sponsored-by {display:block;margin:0 auto;}
#Footer .footer-logo {padding:30px 0 0;display:block;}
#Footer .footer-logo img {vertical-align:middle}

#Footer .footer-main-logos div {display: inline-block;margin: 0 20px;}
#Footer .footer-main-logos img {vertical-align: middle;max-height:45px;margin-top:20px;}

#Footer .footer-sponsor-logos div {display: inline-block;margin: 0 15px;font-size: 12px;}

.footer a{
	color: #000 !important;
	text-decoration: none;
}

.footer .footer-minor-sponsors {
	display: flex;
	text-align: left;
  align-items: center;
  margin: 1rem 0;
}

.footer .footer-minor-sponsors img {
  width: 120px;
  max-height: 90px;
}

.footer .footer-menu {
	text-align: left;
}

.footer .footer-menu ul {
	margin: 0;
}

.footer .footer-menu a {
	font-weight: 400;
}

.footer-border {
  border: 1px solid #999 !important;
}

.footer .social-footer {
	margin-top:1rem;
}

.footer .social-footer a {
	margin-right: 1.5rem;
	color: #000 !important;
}

.footer .social-footer i {
	font-size: 1.5rem !important;
}

.footer .social-footer a i:hover {
	transform: scale(1.2);
}


/* sharer */
#SideSharer {position:absolute;top:33%;right:0;width:40px;padding:0px;min-height:100px;background:#ccc;border:1px solid #fff;color:#000;font-family:'franklin-gothic-atf', sans-serif;font-size:11px;}
#SideSharer a {display:block;padding:0px;color:#fff;margin:5px 0;border-radius:4px;font-size:23px;}

/* lightbox */
#LightboxPanel{background-color:#000; z-index:50000000; position:absolute; left:0; top:0; display:none;}
#SSSpopup{z-index:110000; max-height: calc(100% - 100px);position: fixed;top: 50%;left: 50%;right: auto;bottom: auto;-webkit-transform:translate(-50%,-50%);transform: translate(-50%, -50%);}

#popup{
  z-index: 110000;
  max-height: 90vh;
  position: fixed;
  top: 50%;
  left: 50%;
  right: auto;
  bottom: auto;
  -webkit-transform: translate(-50%, -50%) !important;
  transform: translate(-50%, -50%) !important;
  max-width: 95%;
}
#popup .panel {position:relative;margin-bottom:0;padding-bottom:20px;}
#popup .content, #popup #LightboxForm {border-radius:5px;background: #fff;}
#popup .MainForm {margin:0;}


.template-lumps #popup{z-index:110000; max-height: calc(100% - 100px);position: fixed;top: 50%;left: 50%;right: auto;bottom: auto;-webkit-transform:translate(-50%,-50%);transform: translate(-50%, -50%);max-width:95%;background: #ffffff;}
.template-lumps #popup .panel {position:relative;margin-bottom:0;padding: 2rem;}
.template-lumps #popup .content, .template-lumps #popup #LightboxForm {border-radius:5px;background: #ffffff;padding:0;}


#Activity {position:absolute; left:0; top:0; display:none;z-index:500000000000;background:url('https://7ab4a7a7b3e97d265133-3c456ba518a2c8c1f13f8ac58cd6a50f.ssl.cf5.rackcdn.com/ajax-activity.gif') no-repeat center center;}
#chrome {position:absolute; left:50%; top:300px; width:400px;height:200px;background:#af161d;color:#fff;padding:30px;margin:0 0 0 -200px;display:none;}
#chrome a {color:#fff;}

/* other */
.aligncenter {text-align:center !important}
.alignleft {text-align:left !important;}
.alignright {text-align:right !important;}
.block {display: block;}
.clear {clear:both;display:block;padding:0;margin:0;}
.spacer20 {height:20px;}
.spacer10 {height:10px;}

.line-to-top {border-top:1px solid #dadbdc;}
.hidden {display:none;}
.visibleout {opacity:0.3;}
.marg5 {margin:5px;}

/**
 *  Tick
 */


#tick {position: fixed;top: 30%;left: 50%;margin-left: -150px;width: 300px;height: 230px;z-index:10000;pointer-events:none;}
.circ{opacity: 0;stroke-dasharray: 130;stroke-dashoffset: 130;-webkit-transition: all 1s;-moz-transition: all 1s;-ms-transition: all 1s;-o-transition: all 1s; transition: all 1s;stroke:#F26A2B;}
.tick{stroke-dasharray: 50;stroke-dashoffset: 50;-webkit-transition: stroke-dashoffset 1s 0.5s ease-out;-moz-transition: stroke-dashoffset 1s 0.5s ease-out; -ms-transition: stroke-dashoffset 1s 0.5s ease-out;-o-transition: stroke-dashoffset 1s 0.5s ease-out;transition: stroke-dashoffset 1s 0.5s ease-out;stroke:#F26A2B;}
.drawn #tick .path{opacity: 1;stroke-dashoffset: 0;}

.greyed {
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
	filter: gray; /* IE6-9 */
	-webkit-filter: grayscale(100%);
	cursor:default;
}

.border-top { border-top: 1px solid #e5e5e5; }
.border-grey { border: 1px solid #e5e5e5; }

/* popup block */
.popup-block {display: none; }

.toggle-switch input[type="radio"] {position: absolute;clip: rect(0,0,0,0);pointer-events: none;}
.toggle-switch .toggle-btn {-webkit-transition: all 0.3s;transition: all 0.3s;padding: 11px 6px;border:1px solid #000000;border-radius: 0;}
.MainForm .toggle-switch .toggle-btn {text-align:center;font-family:'franklin-gothic-atf', sans-serif;letter-spacing: 0.1rem;text-transform: uppercase;font-size: 1.3em;}
.toggle-btn.bg-primary {background:#000000;}
.input-group-addon {background:#000000;color:#fff;}

/**
 * 	Messages
 */

#inbox .messagelink {border-width:0;position:relative;-webkit-display:flex;display:flex;padding:20px;-webkit-align-items:center;align-items:center;}
#inbox .row {margin:0;}
#inbox .userslist {border-right:1px solid #ccc;}
#inbox .messagelink.active {background:#e6eaed;border-left-width: 3px;border-left-style: solid;}
#inbox .messagelink .unread {position: absolute;display: block;width: 25px;height: 25px;border-radius: 20px;text-align: center;line-height: 25px;left: 10px;top: 20px;background:#000000;}
#Replies .newmessages .line-before,#Replies .newmessages .line-after {display: inline-block;height: 1px;position: relative;vertical-align: middle;width: 40%;}
#Replies .newmessages .line-before {right: 0.5em;margin-left: -50%;}
#Replies .newmessages .line-after {left: 0.5em;margin-right: -50%;}
#inbox #MessageBlock label {text-align:left;}

/* ----------------------------------------------------------------------------------------------------
 * content
 * ----------------------------------------------------------------------------------------------------
 */
.sub-section{text-align:center;margin:0 0 1.5em}
.content{padding:50px 0;text-align:left;position:relative}
.inner{max-width: 700px; padding: 3rem !important; margin: 0 auto;}


/* login form */
#LoginForm{background:#fff; padding:3em 0}

/* registration form */



/* customized */

.content.white,.Row2{background:#fff}
.content.light{background:#e4f4fb;color:#000}
.content.black{background:#000;color:#fff}
.content.bg-wood{color:#000}
.wood{background:#000 url('https://7ab4a7a7b3e97d265133-3c456ba518a2c8c1f13f8ac58cd6a50f.ssl.cf5.rackcdn.com/62fa2bd86a0b5735c85d241c249aa42e.jpg') 50% 50% no-repeat;background-size:cover;color:#fff;width:120%;height:100%;position:absolute;top:0;left:-100px;z-index:-1;}
.content.black a {color:#000000}
#HomeBlogs .wood {background-image:url('https://7ab4a7a7b3e97d265133-3c456ba518a2c8c1f13f8ac58cd6a50f.ssl.cf5.rackcdn.com/background-wood.jpg')}


/* ----------------------------------------------------------------------------------------------------
 * Grid
 * ----------------------------------------------------------------------------------------------------
 */
.Srow{margin-left:0!important;margin-right:0!important;position:relative}
.Srow:after{clear:both;content:'';display:table}

.col { float: left; position: relative; z-index: 1;}
.col.col-1 { width: 8.33%; }
.col.col-2 { width: 16.66%; }
.col.col-3 { width: 25%; }
.col.col-4 { width: 33.33%; }
.col.col-5 { width: 41.66%; }
.col.col-6 { width: 50%; }
.col.col-7 { width: 58.33%; }
.col.col-8 { width: 66.66%; }
.col.col-9 { width: 75%; }
.col.col-12 { width: 100%; }

.grid-33 {float:left;width:33.3%;}
.grid-33 img {max-width:100%;}

.no-padding {padding:0;}

/* ----------------------------------------------------------------------------------------------------
 * text
 * ----------------------------------------------------------------------------------------------------
 */
.text-left {text-align: left;}
.text-center,
.center {text-align: center;}
.text-right {text-align: right;}
.text-valign {display: table-cell; vertical-align: middle;}

.text-small {font-size: 85%;}
.text-med {font-size: 120%;}
.text-large {font-size: 140%;}

.note-bottom {
    margin: 3em 0;
}


/* ----------------------------------------------------------------------------------------------------
 * Content
 * ----------------------------------------------------------------------------------------------------
 */
 .table .row {background: #e2e2e2; padding: 2em;max-width:900px;margin:0 auto;}
 .table .row:nth-child(even) {background: #fff;}

/* ----------------------------------------------------------------------------------------------------
 * World map
 * ----------------------------------------------------------------------------------------------------
 */
.map {
	max-width: 1240px;
	margin: 2em auto;
	position: relative;
}

.map .map-img img {
	width: 100%;
}

.map .country {
	font-family:'franklin-gothic-atf', sans-serif;
	font-weight: 300;
	background: url('../images/map/map-loc.png') 0 0 no-repeat;
	background-size: 10px auto;
	border: 0;
	display: block;
	height: 9px;
	width: 10px;

	position: absolute;

	margin: -5px 0 0 -5px;

	cursor: pointer;
	display: block;
}

.map .country:hover {
	background: url('../images/map/map-loc.png') 0 -9px no-repeat;
	background-size: 10px auto;
}


/* details */
.map a.country .country-details {
	display: none;
	background: #292524;
	color: #878384;
	width: 170px;

	font-size: 1.2em;

	text-decoration: none;
	text-align: center;
	padding: .7em 0;

	position: absolute;
	bottom: 40px;
	margin: 0 0 -8px -80px;

	z-index: 3;
}

.map a.country .country-details:after {content: ''; background: url('../images/map/map-tip.png') 50% 50% no-repeat; background-size: 20px 22px; display: block; height: 22px; width: 100%; position: absolute; bottom: -22px;left: 0; }

.map a.country:hover .country-details {display: block;}

.map .country-details .country-name {color: #fff;font-size: .9em;text-transform: uppercase;}
.map .country-details .country-name:after {content: ''; display: block; width: 100%; height: 11px; background: transparent url("../images/border-wire_white.png") repeat-x scroll 0px 0px; background-size: auto 7px; margin: .5em 0;}
.map .country-details b { color: #fff; font-family:'franklin-gothic-atf', sans-serif; font-size: 1.5em; display: block; text-transform: uppercase; }
.map .country-details p { margin: .3em; font-weight: 300;}
.map .country-details .text-title { font-size: .7em; }
.map .country-details .country-link { color: #937c4e; font-size: .9em; text-transform: uppercase; text-decoration: underline;}

input.cropit-image-input {visibility: hidden;}
.cropit img {max-width:none !important;}
.cropit-preview {margin:0 auto;}

.rewards {text-align:center;}
.rewards .reward {width:110px;height:200px;display:inline-block;position:relative;margin:10px 8px 20px 8px;vertical-align:middle;background-image:url('../images/badges/top100_off.png');}
.rewards .reward-on {background-image:url('../images/badges/top100_on.png');}
.rewards.top-10 .reward {background-image:url('../images/badges/top10_off.png');}
.rewards.top-10 .reward-on {background-image:url('../images/badges/top10_on.png');}

.rewards .reward span,.rewards .reward-on span {position:absolute;text-align:center;top:125px;left:0;width:100%;color:#002c81;line-height:100%;font-size:16px;font-family:'franklin-gothic-atf', sans-serif;}
.rewards .reward a:not(.button),.rewards .reward-on a:not(.button) {display:block;width:100%;height:180px;cursor:pointer;}
.rewards .reward .button {font-size: 14px;padding: 0 10px;}
.rewards .reward-rank {background-position:0px 0px;display:none;width:160px;height:205px;}
.rewards .reward-rank.reward-on {display:inline-block;}
.rewards .reward-profile {background-position:-220px -30px;}
.rewards .reward-self {background-position:-375px -30px;}
.rewards .reward-random {background-position:-525px -30px;}
.rewards .reward-200 {background-position:-680px -30px;}

.rewards-text {font-family:'franklin-gothic-atf', sans-serif;}
.rewards-text .fa-trophy {font-size:56px;float:left;width:10%;color:#000000;}
.rewards-text span {width:90%;float:left;}


/**
 * Breadcrumb
 * Let the user know where they are
 */

.funraisin-breadcrumb {padding: 0 0 0;margin: 0 auto 30px auto;position: relative;z-index: 100;text-align:left;}
	.breadcrumb {background:none;}
	.breadcrumb>li+li:before {content:"\007c";}

#BreadCrumb ul li {display:inline-block;}



/**
 * PageNav & SubNav (level 2 and 3)
 */

 .funraisin-page-nav {padding:20px 0;margin:0 auto;text-align:center;}
 .funraisin-page-nav ul{margin:0 auto;padding:0;list-style-type:none;}
 .funraisin-page-nav ul li{display:inline-block;}
 .funraisin-page-nav ul li a { border-bottom: 5px solid #ccc; border-left: none; padding: 1rem; font-size: 1.2rem; text-decoration: none; border-right: none; border-top: none; letter-spacing: 0.2px; margin-left: 0.1rem; font-weight: 400; color: #000;}
 .funraisin-page-nav ul li:last-child a {border-right-width:1px;}
 .funraisin-page-nav ul li a.active {border-bottom-color: #3E3F4B;}
 .funraisin-page-nav ul li a:hover {border-bottom-color: #3E3F4B;background:transparent;}

.funraisin-page-subnav {padding:10px 0 30px 0;text-align:center;}
.funraisin-page-subnav ul {margin:0 auto;padding:0;list-style-type:none;}
.funraisin-page-subnav ul li {display:inline;padding:0 10px 0 10px;}
.funraisin-page-subnav ul li a {color:#000;text-decoration:none;background:#fff;border-radius:3px;padding:10px 25px;display:inline-block;border:1px solid #ccc;}
/*.funraisin-page-subnav ul li a:hover,.funraisin-page-subnav ul li a.active {background:#ef4c28;color:#fff;}*/

/**
 * PageNav Left
 */
.funraisin-page-nav ul.nav-stacked {border:none;padding:0 15px;}
.funraisin-page-nav ul.nav-stacked li {display:inline-block;float:none;text-align:left;margin:0;padding:0;width:100%;}
.funraisin-page-nav ul.nav-stacked li a {display:block;border-right-width:1px;}
.funraisin-page-nav ul.nav-stacked li:first-child a {border-radius:25px 25px 0 0;}
.funraisin-page-nav ul.nav-stacked li:last-child a {border-radius:0 0 25px 25px;}


/****** Dashboard Login Nav *****/


.loggedin-tabs { display: flex; justify-content: space-between;}
.loggedin-tabs .btn { text-align: center; margin: 0 0.5rem;font-size: 1.3rem;background: #F26A2B; border: 0px solid #979797; color: #000;text-decoration: none;}
.loggedin-tabs .btn-secondary { background: #000000; border: 0px solid #979797; color: #fff;}
.btn-secondary:not(:disabled):not(.disabled).active, .btn-secondary:not(:disabled):not(.disabled):active { background: #3E3F4B; border: 1px solid #979797; color: #fff;}
.loggedin-tabs .btn:first-of-type { margin-left: 0;}
.loggedin-tabs .btn:last-of-type { margin-right: 0;}




/*
	Lumps
*/

.row > .container {display:block;}
.lump {padding-top:20px;padding-bottom:20px;border-width:0px;border-style:solid;max-width:100%;}
.lump.grid75 {float:left;width:75%;}
.lump.grid60 {float:left;width:66.6%;}
.lump.grid50 {float:left;width:50%;}
.lump.grid30 {float:left;width:33.3%;}
.lump.grid25 {float:left;width:25%;}

.lump.grid50 + .lump.grid50:after {content: " ";clear:both;display:table;height: 0;}
.lump.grid75 + .lump.grid25:after {content: " ";clear:both;display:table;height: 0;}
.lump.grid25 + .lump.grid75:after {content: " ";clear:both;display:table;height: 0;}
.lump.grid50 + .lump.grid25 + .grid25:after {content: " ";clear:both;display:table;height: 0;}
.lump.grid60 + .lump.grid30:after {content: " ";clear:both;display:table;height: 0;}
.lump.grid30 + .lump.grid60:after {content: " ";clear:both;display:table;height: 0;}

.lump.grid50 {padding:0 10px;}

.lump-textleftimageright .col-left {padding-right:45px;}
.lump-textleftimageright .col-right {padding-left:45px;}

.lump-textrightimageleft .col-left {padding-right:45px;}
.lump-textrightimageleft .col-right {padding-left:45px;}

.lump-2col .col-left {padding-right:45px;}
.lump-2col .col-right {padding-left:45px;}

.lump-3col .col-left {padding-right:45px;padding-left:0;}
.lump-3col .col-right {padding-left:45px;padding-left:0;}
.lump-3col .col-center {padding:0 30px;}

.lump-4col .col-left {padding-right:45px;}
.lump-4col .col-right {padding-left:45px;}
.lump-4col .col-center {padding:0 30px;}

.container-fluid .lump {padding:40px;}

.lump_heading {margin-top:0;}

.lump-row .funraisin-admin-editrow {position:relative;display:block;}
.lump-row .funraisin-admin-editrow a {position:absolute;top:0;right:0;background:#fff;color:#000;padding:8px;display:none;}
.lump-row:hover .funraisin-admin-editrow a {display:block;}

.lump-news {}
.lump-news a.article:hover {color:inherit;}
.lump-news .article {display:block;margin:0 0 20px 0;}
.lump-news .article .thumbBlock {float:left;width:35%;padding:0 10px 0 0;}
.lump-news .article .textBlock {float:left;width:65%;}
.lump-news .article .date {color: #a9aaaa;font-size: 0.9em;}
.lump-news .article .title {margin-top:0;}
.lump-news .article .btn {margin-top:10px;}

.lump-news .news-horizontal .article {float:left;width:33%;padding:0 15px;}
.lump-news .news-horizontal .article .thumbBlock {width:100%;}
.lump-news .news-horizontal .textBlock {width:100%;margin-top:15px;}
.lump-news .news-horizontal .btn {margin-top:15px;}

.lump-news .news-feature .article {float:right;width:50%;clear:right;margin-bottom:30px;}
.lump-news .news-feature .article.featured {padding-right:20px;float:left;clear:none;}
.lump-news .news-feature .article.featured .thumbBlock {width:100%;}
.lump-news .news-feature .article.featured .textBlock {width:100%;padding-top:10px;}

.lump-gallery {padding:5%;display:block;float:left;}

/**
 * Forms
 */

.form-control {font-family: 'franklin-gothic-atf', sans-serif;border-radius: 0 !important;}
.form-control:focus:focus {-webkit-box-shadow:none;box-shadow:none;border-width:2px;}
.input-group-addon.bg-primary {border-width:2px;}

/*
	Assets
	lump_asset.php
*/

.lump-assets {}
.lump-assets .lump-asset {display:block;float:left;width:33%;padding:0 15px;}

/*
	Events
	lump_events.php
*/

.lump-events {}
.lump-events .lump-event {display:block;margin-bottom:40px;}
.lump-events .panel {border-color:#e5e5e5;position:relative;}
.lump-events .event-options {width:100%;padding:10px 0;}
.lump-events .date span, .lump-events .location span {display:inline-block;width:25px;text-align:center;}
.lump-events .date, .lump-events .location {margin:5px 0;}

.lump-events .events-vertical .panel {align-items:stretch;}
.lump-events .events-vertical .lump-event .event-title {margin-top:0;}
.lump-events .events-vertical .lump-event .event-details {float:right;width:65%;padding:15px 20px;}
.lump-events .events-vertical.events-medium .lump-event .event-details {width:60%;margin-left:40%;}
.lump-events .events-vertical .lump-event {width:100%;margin-bottom:0;}
.lump-events .events-vertical .event-image {position: relative;width: 100%;overflow: hidden;display: inline-block;}
.lump-events .events-vertical .lump-event .event-image {float:left;width:35%;}
.lump-events .events-vertical.events-medium .lump-event .event-image {width:40%;height:100%;position:absolute;top:0;left:0;}
.lump-events .events-vertical .event-image img {position: absolute;left: 50%;top: 50%;height: 100%;width: auto;-webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);transform: translate(-50%,-50%);max-width: none;}
.lump-events .events-vertical .event-image img.portrait {width:100%;height:auto;}

.lump-events .events-horizontal .lump-event {float:left;padding:0 20px;}
.lump-events .events-horizontal .lump-event .event-details {background:#fff;padding:20px;width:100%;}
.lump-events .events-horizontal .lump-event .event-title {margin-top:0;}

.lump-events .events-horizontal .event-image {position: relative;width: 100%;height: 200px;overflow: hidden;display: inline-block;}
.lump-events .events-horizontal.events-small .event-image {height:125px;}
.lump-events .events-horizontal .event-image img {position: absolute;left: 50%;top: 50%;height: 100%;width: auto;-webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);transform: translate(-50%,-50%);max-width: none;}
.lump-events .events-horizontal .event-image img.portrait {width:100%;height:auto;}

/**
 * Ticker
 */

.toast-wrapper {opacity:0;margin:0 auto;position:relative;padding:30px 20px;z-index:99;-webkit-transition:all 500ms ease-out;transition:all 500ms ease-out;}
.toast-wrapper.active {opacity:1;background:#fff;}
.toast-close {position:absolute;top:5px;right:5px;font-size:20px;}
.toast-item {opacity:0;height:0;text-align:center;}
.toast-item.active {height:auto;opacity: 1; -webkit-animation: fadeinout 5s linear forwards;animation: fadeinout 5s ease-out;}
.toaster-bottom-right {position:fixed;bottom:0;right:0;max-width:400px;}
.toaster-bottom-left {position:fixed;bottom:0;left:0;max-width:400px;}
.toaster-top-right {position:fixed;top:0;right:0;max-width:400px;}
.toaster-top-left {position:fixed;top:0;left:0;max-width:400px;}
.toaster-bottom-full {position:fixed;bottom:0;left:0;width:100%;}

.ticker {position:fixed;bottom:0;left:0;width:100%;z-index:99;background:#000000;height:55px;}
#webTicker {font-family:inherit !important;font-size:0.9em !important;}
#webTicker li {padding:0 10px !important;color:#fff;}
#webTicker li a {color:#fff;}
#webTicker li img {height:30px;margin-right:10px;border-radius:50%;}

@-webkit-keyframes fadeinout {
  0%,100% { opacity: 0; }
  50% { opacity: 1; }
}

@keyframes fadeinout {
  0%,100% { opacity: 0; }
  50% { opacity: 1; }
}





















/* locations */
#country-ar.country { top: 84%; left: 28%; } /* Argentina */
#country-au.country { top: 78%; left: 81.5%; } /* Australia */
#country-at.country { top: 35%; left: 49.7%; } /* Austria */
#country-by.country { top: 29%; left: 53.5%; } /* Belarus */
#country-be.country { top: 31.8%; left: 45.5%; } /* Belgium */
#country-br.country { top: 71%; left: 34%; } /* Brazil */
#country-bn.country { top: 62%; left: 78.5%; }
#country-bg.country { top: 37%; left: 55%; }
#country-kh.country { top: 59%; left: 72%; } /* Cambodia */
#country-ca.country { top: 29%; left: 18%; } /* Canada */
#country-cl.country { top: 82%; left: 25.5%; } /* Chile */
#country-cn.country { top: 41%; left: 77%; } /* China */
#country-co.country { top: 61.3%; left: 25%; } /* Colombia */
#country-hr.country { top: 39.2%; left: 50.2%; } /* Croatia */
#country-cy.country { top: 44%; left: 52%; } /* Cyprus */
#country-cz.country { top: 33%; left: 50.7%; } /* Czech */
#country-dk.country { top: 27%; left: 48%; } /* Denmark */
#country-ec.country { top: 65%; left: 23.5%; } /* Ecuador */
#country-sv.country { top: 51.7%; left: 20%; } /* El Salvador */
#country-en.country { top: 30.5%; left: 44%; } /* England */
#country-ee.country { top: 24.5%; left: 52%; } /* Estonia */
#country-fi.country { top: 22%; left: 52%; }  /* Finland */
#country-fr.country { top: 34.5%; left: 46%; } /* France */
#country-de.country { top: 32%; left: 48.5%; } /* Germany */
#country-gr.country { top: 42%; left: 53%; } /* Greece */
#country-gt.country { top: 50%; left: 19%; } /* Guatemala */
#country-hn.country { top: 51%; left: 21.3%; } /* Honduras */
#country-hk.country { top: 47.6%; left: 78.5%; } /* HK */
#country-hu.country { top: 35.2%; left: 51%; } /* Hungary */
#country-in.country { top: 56%; left: 65%; } /* India */
#country-id.country { top: 70%; left: 75%; } /* Indonesia */
#country-ie.country { top: 30.5%; left: 42.5%; } /* Ireland */
#country-il.country { top: 46.5%; left: 53.3%; } /* Israel */
#country-eg.country { top: 48.5%; left: 52.3%; } /* Israel */
#country-it.country { top: 38%; left: 48.5%; } /* Italy */
#country-gg.country { top: 33.5%; left: 44.1%; } /* Guernsey */
#country-je.country { top: 35.3%; left: 44.1%; } /* Jersey */
#country-ke.country { top: 63%; left: 53%; } /* Kenya */
#country-lb.country { top: 44.5%; left: 53.5%; } /* Lebanon */
#country-li.country { top: 34%; left: 48.7%; } /* Liechtenstein */
#country-lv.country { top: 26.4%; left: 52%; } /* Latvia */
#country-lt.country { top: 27.7%; left: 51.2%; } /* Lithuania */
#country-lu.country { top: 30.9%; left: 46.6%; } /* Luxembourg */
#country-mo.country { top: 48.8%;left: 77.5%; } /* Macau */
#country-my.country { top: 61%; left: 71%; } /* Malaysia */
#country-mt.country { top: 43%; left: 49%;} /* Malta */
#country-mx.country { top: 46%; left: 18%; } /* Mexico */
#country-mc.country { top: 36%; left: 47%; } /* Monaco */
#country-nl.country { top: 29%;left: 46.5%;} /* Netherlands */
#country-nz.country { top: 86%; left: 91%; } /* New Zealand */
#country-ir.country { top: 46%; left: 63%; }
#country-no.country { top: 22%; left: 47.5%; } /* Norway */
#country-is.country { top: 20%; left: 41.5%; } /* Iceland */
#country-om.country { top: 50%; left: 63%; }
#country-pa.country { top: 55%; left: 23.5%; } /* Panama */
#country-pe.country { top: 69%; left: 24%; } /* Peru */
#country-ph.country { top: 58.5%; left: 82%; }
#country-pl.country { top: 30.3%; left: 51%; } /* Poland */
#country-pt.country { top: 39%; left: 42%; } /* Portugal */
#country-ro.country { top: 34.3%; left: 53.5%;} /* Romania */
#country-ru.country { top: 29%; left: 70%; }  /* Russia */
#country-sc.country { top: 26%; left: 46.5%; }
#country-sg.country { top: 63%; left: 71%; } /* Singapore */
#country-sk.country { top: 33.4%; left: 51.8%; } /* Slovakia */
#country-si.country { top: 36.9%; left: 50.1%; } /* Slovenia */
#country-za.country { top: 79%; left: 49%; } /* South Africa */
#country-mg.country { top: 73%; left: 57%; } /* Madagascar */
#country-mu.country { top: 73%; left: 60%; } /* Mauritius */
#country-zw.country { top: 73.5%; left: 51%; } /* Zimbabwe */
#country-gh.country { top: 57%; left: 43%; } /* Ghana */
#country-kr.country { top: 41%; left: 82%; } /* Korea */
#country-es.country { top: 39%; left: 43.7%; } /* Spain */
#country-se.country { top: 21%; left: 49.5%; } /* Sweden */
#country-ch.country { top: 34%; left: 47.6%; } /* Switzerland */
#country-tw.country { top: 45.5%; left: 80%; } /* Taiwan */
#country-th.country { top: 56%; left: 70%; }  /* Thailand */
#country-tr.country { top: 41.5%; left: 54.9%; } /* Turkey */
#country-ae.country { top: 49%; left: 62%; }
#country-us.country { top: 38%; left: 21%;} /* USA */
#country-uy.country { top: 82%; left: 31%; } /* Uruguay */
#country-vn.country { top: 57%; left: 73%; }  /* Vietnam */
#country-wa.country { top: 32.5%; left: 43%; } /* Wales */
#country-rs.country { top: 35.9%; left: 52.5%; } /* Serbia */
#country-pk.country { top: 46%; left: 63%; }  /* Pakistan */
#country-jo.country { top: 46.3%; left: 54.5%; } /* Jordan */
#country-sa.country { top: 46.8%; left: 56.5%; } /* Saudi Arabia */
#country-ve.country { top: 62.5%; left: 29.5%; } /* Venezuela */
#country-aw.country { top: 59.5%; left: 29.5%; } /* Aruba */
#country-lc.country { top: 58.5%; left: 32.5%; } /* St Lucia */
#country-bh.country { top: 49%; left: 60%; }  /* Bahrain */
#country-im.country { top: 28.1%; left: 42.6%; } /* Isle of Man */
#country-ng.country { top: 59.2%; left: 48.5%; }
#country-bo.country { top: 74%; left: 28%;} /* Bolivia */
#country-pr.country { top: 49%; left: 26.7%; } /* Puerto Rico */
#country-py.country {top:77.5%;left:29.8%;} /* Paraguay */
#country-np.country {top:50%;left:68%;}  /* Nepal */
#country-bt.country {top:50%;left:69.3%;}  /* Bhutan */
#country-ma.country {top:46%;left:42%;} /* Morocco */
#country-dz.country {top:46%;left:47%;} /* Algeria */
#country-mk.country {top:37.9%;left:52.9%;} /* Maco */
#country-jp.country {top:40%;left:85%;} /* Japan */
#country-do.country {top:49%;left:24.7%;} /* Dominican */
#country-nc.country {top:75%;left:94.5%;}
#country-mn.country {top:40%;left:76%;}
#country-gi.country {top:41.5%;left:44%;} /* Gibraltar */
#country-cr.country {top:53.3%;left:22%;} /* Costa Rica */
#country-cx.country {top:74.5%;left:74%;} /* Christmas Island */
#country-ad.country {top:37%;left:44.8%;} /* Andorra */
#country-la.country {top:51%;left:76.5%;}
#country-af.country {top:44%;left:64%;}
#country-ua.country {top:31.3%;left:53.6%;} /* Ukraine */
#country-ge.country {top:39.3%;left:56.6%;} /* Georgia */
#country-gb.country {top:26%;left:44%;} /* Scotland */
#country-ni.country {top:55%;left:21.5%;}
#country-mm.country {top:54%;left:69%;} /* Myanmar */
#country-kw.country {top:47%;left:60%;} /* Kuwait */
#country-al.country {top:40%;left:52%;} /* Albania */
#country-me.country {top:41%;left:51.1%;} /* Montenegro */
#country-md.country {top:33.5%;left:54.6%;} /* Moldova */

.vertical-align {display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-align-items: center;align-items: center;flex-wrap:wrap;}

.height-10 {height: 10px !important;}
.height-20 {height: 20px !important;}
.height-30 {height: 30px !important;}
.height-40 {height: 40px !important;}
.height-50 {height: 50px !important;}
.height-100 {height: 100px !important;}
.height-120 {height: 120px !important;}
.height-150 {height: 150px !important;}
.height-200 {height: 200px !important;}
.height-250 {height: 250px !important;}
.height-300 {height: 300px !important;}
.height-350 {height: 350px !important;}
.height-400 {height: 400px !important;}
.height-450 {height: 450px !important;}
.height-500 {height: 500px !important;}
.height-full {height: 100% !important;}

.width-10 {width:10px !important;}
.width-60 {width:60px !important;}
.width-100 {width:100px !important;}
.width-120 {width:120px !important;}
.width-150 {width:150px !important;}
.width-200 {width:200px !important;}
.width-200 {width:250px;}
.width-300 {width:300px !important;}
.width-350 {width:350px !important;}
.width-400 {width:300px !important;}
.width-500 {width:500px !important;}
.width-600 {width:600px !important;}
.width-700 {width:700px !important;}
.width-800 {width:800px !important;}
.width-900 {width:900px !important;}
.width-full {width:100% !important;}

.width-max-10 {max-width:10px !important;}
.width-max-60 {max-width:60px !important;}
.width-max-100 {max-width:100px !important;}
.width-max-120 {max-width:120px !important;}
.width-max-150 {max-width:150px !important;}
.width-max-200 {max-width:200px !important;}
.width-max-200 {max-width:250px;}
.width-max-300 {max-width:300px !important;}
.width-max-350 {max-width:350px !important;}
.width-max-400 {max-width:300px !important;}
.width-max-500 {max-width:500px !important;}
.width-max-600 {max-width:600px !important;}
.width-max-700 {max-width:700px !important;}
.width-max-800 {max-width:800px !important;}
.width-max-900 {max-width:900px !important;}
.width-max-full {max-width:100% !important;}

.m0  { margin:        0 }
.mt0 { margin-top:    0 !important}
.mr0 { margin-right:  0 }
.mb0 { margin-bottom: 0 }
.ml0 { margin-left:   0 }

.m1  { margin: .5em }
.mt1 { margin-top: .5em }
.mr1 { margin-right: .5em }
.mb1 { margin-bottom: .5em }
.ml1 { margin-left: .5em }

.m2  { margin: 1em }
.mt2 { margin-top: 1em }
.mr2 { margin-right: 1em }
.mb2 { margin-bottom: 1em }
.ml2 { margin-left: 1em }

.m5  { margin: 5px }
.mt5 { margin-top: 5px }
.mr5 { margin-right: 5px }
.mb5 { margin-bottom: 5px }
.ml5 { margin-left: 5px }

.m10  { margin: 10px }
.mt10 { margin-top: 10px !important; }
.mr10 { margin-right: 10px }
.mb10 { margin-bottom: 10px }
.ml10 { margin-left: 10px }

.m15  { margin: 15px }
.mt15 { margin-top: 15px }
.mr15 { margin-right: 15px }
.mb15 { margin-bottom: 15px }
.ml15 { margin-left: 15px }

.m20  { margin: 20px }
.mt20 { margin-top: 20px !important; }
.mr20 { margin-right: 20px }
.mb20 { margin-bottom: 20px }
.ml20 { margin-left: 20px }

.m30  { margin: 30px }
.mt30 { margin-top: 30px }
.mr30 { margin-right: 30px }
.mb30 { margin-bottom: 30px }
.ml30 { margin-left: 30px }

.m40  { margin: 40px }
.mt40 { margin-top: 40px }
.mr40 { margin-right: 40px }
.mb40 { margin-bottom: 40px }
.ml40 { margin-left: 40px }

.p0  { padding: 0px !important}
.pt0 { padding-top: 0px !important}
.pr0 { padding-right: 0px !important}
.pb0 { padding-bottom: 0px !important}
.pl0 { padding-left: 0px !important}

.p5 { padding: 5px }
.pt5 { padding-top: 5px }
.pr5 { padding-right: 5px }
.pb5 { padding-bottom: 5px }
.pl5 { padding-left: 5px }

.p10  { padding: 10px !important;}
.pt10 { padding-top: 10px !important;}
.pr10 { padding-right: 10px !important;}
.pb10 { padding-bottom: 10px !important;}
.pl10 { padding-left: 10px !important;}

.p15  { padding: 15px !important; }
.pt15 { padding-top: 15px !important; }
.pr15 { padding-right: 15px !important; }
.pb15 { padding-bottom: 15px !important; }
.pl15 { padding-left: 15px  !important;}

.p20  { padding: 20px !important; }
.pt20 { padding-top: 20px !important; }
.pr20 { padding-right: 20px !important;}
.pb20 { padding-bottom: 20px !important; }
.pl20 { padding-left: 20px !important; }

.p40 {padding:40px;}
.pr40 {padding-right:40px !important;}
.pl40 {padding-left:40px !important;}
.pt40 {padding-top:40px !important;}
.pb40 {padding-bottom:40px !important;}

.p80 {padding:80px;}
.pr80 {padding-right:80px !important;}
.pl80 {padding-left:80px !important;}
.pt80 {padding-top:80px !important;}
.pb80 {padding-bottom:80px !important;}

.p125 {padding:125px;}
.pr125 {padding-right:125px !important;}
.pl125 {padding-left:125px !important;}
.pt125 {padding-top:125px !important;}
.pb125 {padding-bottom:125px !important;}

.size-10 {font-size:10px !important;}
.size-20 {font-size:20px !important;}
.size-30 {font-size:30px !important;}
.size-40 {font-size:40px !important;}
.size-50 {font-size:50px !important;}
.size-60 {font-size:60px !important;}
.size-70 {font-size:70px !important;}
.size-90 {font-size:0.9em !important;}
.size-1em {font-size:1em !important;}
.size-110 {font-size:1.1em !important;}
.size-125 {font-size:1.25em !important;}
.size-150 {font-size:1.5em !important;}

.pac-container {
    z-index: 99999999999;
}

.color-primary {color:#000000 !important;}

#ProfileBody .fb_dialog {z-index:9999999999 !important;}

@media screen and (max-width:1350px) {
	#Nav .PageWrapper {padding:0 20px;}
}




/**
 * Mikey Styles
 */

.header-angle {
  width: 60%;
  float: left;
  height: 100%;
	overflow: hidden;
  position: relative;
  z-index: 1;
  transition: width 0.5s;
}

.header-angle::before{
  content:'';
  position:absolute;
  top:0; right:0;
  width:110%; height:100%;
  background:rgba(1,156,157,0.9);
  transform-origin:100% 0;
  transform:skewX(-25deg);
  z-index:-1;
}

#PartnerBanner {
  text-align: center;
  padding: 0 30px;
  height: 150px;
	background: #000;
  color: #fff;
  position: absolute;
  width: 45%;
  right: 0;
  bottom: 0;
}

#PartnerBanner::before{
  content:'';
  position:absolute;
  top:0; right:0;
  width:110%; height:100%;
  background:#000;
  transform-origin:100% 0;
  transform:skewX(-25deg);
  z-index:-1;
}

#StatBanner {
	background: #004c63;
}

.rider-image img {
	position: absolute;
  left: 0;
  bottom: 0;
  max-width: 400px;
}

.header-date {
	font-family:'franklin-gothic-atf', sans-serif;
	text-transform: uppercase;
}

.header-intro {
	font-family: 'GothamBook',sans-serif;
	font-size: 16px;
	line-height: 1.5em;
}

.ride-solo-block {
	background-color: #F0F0F0;
	background: url('/images/Slide4.jpg') no-repeat;
	background-size: cover;
	background-position: bottom;
	height: 100%;
	min-height: 80vh;
}

.ride-solo-rego {
	background: url('/images/SoloBG.jpg') no-repeat;
	background-size: cover;
	background-position: bottom;
	height: 100%;
	min-height: 60vh;
	color: #fff;
}

.ride-solo-progress {
	background-color: #fff;
	background: url('/images/Slide13.jpg') no-repeat;
	background-size: cover;
	background-position: bottom;
	height: 100%;
	min-height: 100vh;
}

.btn-white {
	background: #fff !important;
	color: #000 !important;
	padding: 7px 13px;
}

.content-grey {
	background: #F0F0F0;
}

@media only screen and (max-width: 1150px) {
  .ride-solo-rego {
    min-height: 40vh;
  }

	.ride-solo-block {
    min-height: 60vh;
  }
}

/* Vector */

/* DGR 2020 Styles */
.partner-section {padding-top: 150px; margin-top: -150px; padding-bottom: 20px;}
.partner-logo { text-align: left; display: inline-block; margin-right: 2rem; vertical-align: top;}
.partner-logo p { margin-bottom: 0;font-weight: bold;color:#000;}
.partner-triumph-logo img { max-width: 170px;}
.partner-movember-logo img { max-width: 210px;}

.intro-section {
  position: relative;
  z-index: 999;
  margin-top: -30px;
}

.intro-section-inner {
  min-height: 120px;
}

.intro-section-inner:before {
  content: '';
  position: absolute;
  top: 0;
  left: -4.4rem;
  border-top: 120px solid #000000;
  border-left: 120px solid transparent;
  width: 0;
  }

.dgr-block {
  border-radius: 1rem;
}

.stat-block { text-align: left; display: inline-block; margin-right: 2rem; vertical-align: top;}

/* .secondary-partner-logos {float: right;} */
.secondary-partner-logos .partner-logo {
  text-align: right;
    display: inline-block;
    padding: 0.5rem 2rem;
    margin-right: 0;
    vertical-align: top;
}
.secondary-partner-logos .partner-triumph-logo img {max-width: 100px;}
.secondary-partner-logos .partner-movember-logo img {max-width: 140px;}

.event-section { height: 600px; padding-top: 5.5rem; z-index: 10; position: relative;}
.embed-responsive-9by16 {
    padding-bottom: 177.78%;
}

.step-section { padding-top: 250px; padding-bottom: 5rem; z-index: 5; position: relative;}

.prize-section { padding: 5rem 0; z-index: 5; position: relative;}
.prize-section .btn {position: absolute; bottom: 2rem;}
.prize-section .prize-section-square {position: relative;height:500px;}
.prize-section .prize-section-side {position: relative;height:250px;}
.prize-section .prize-section-image {position: relative; z-index: 1;object-fit:cover;height:500px;width:100%;border-radius:0rem;}
.prize-section .prize-section-image-side {position: relative; z-index: 1;object-fit:cover;height:250px;width:100%;border-radius:0rem;}
.prize-section .prize-section-text { position: absolute; z-index: 5; left: 0; top: 0; width: 100%; height: 100%; text-align: left; padding: 2rem; color: #fff;}

.prize-section-hover-top {
  background: #000000;
  color: #fff;
  position: absolute;
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: calc(100% - 0.5rem);
  border-radius: 0;
  width: 0%;
  right: 0;
  opacity: 0;
  z-index: 8;
  top: 0;
  transition: width 0.5s;
}

.prize-section-hover-bottom {
  background: #000000;
  color: #fff;
  position: absolute;
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: calc(100% - 0.5rem);
  border-radius: 0;
  width: 0%;
  right: 0;
  opacity: 0;
  z-index: 8;
  bottom: 0;
  transition: width 0.5s;
}

.prize-section-hover {
  background: #000000;
  color: #000;
  position: absolute;
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
  border-radius: 0;
  width: 0%;
  right: 0;
  opacity: 0;
  z-index: 8;
  bottom: 0;
  transition: width 0.5s;
}

.show-hover {
  width:25% !important;
  opacity:1;
}

.btn-ride-host {
  position: absolute;
  top: 100px;
  left: 50%;
  z-index: 99;
  width: 110px;
  height: auto;
}

.programs-section { min-height: 30vh; z-index: 10; position: relative; overflow: hidden; border-bottom-left-radius: 50% 9%; border-bottom-right-radius: 50% 9%; padding: 8rem 0;}
.program-tab { margin-top: 2rem;}
.program-tab .nav { justify-content: center;}
.program-tab .tab-content { margin-top: 4rem;}
.program-tab .nav-pills .nav-link { color: #fff; text-decoration: none; font-weight: 400; border: 1px solid transparent;border-radius: 0;}
.program-tab .nav-pills .nav-link.active { background: #000; border: 1px solid #979797;}
.program-content { border-radius: 0.4rem; padding: 1.5rem; font-size: 0.9rem; text-align: center; display: flex; flex-direction: column; justify-content: center;}
.program-content a { text-decoration: none;}
.program-content img { transform: scale(1.3); z-index: 999; position: relative;}

.btn-leaderboard-all {padding-bottom: 0.5rem;text-decoration: none; border-bottom: 1px solid #000;}

.gamification-section {
    margin-top: -50px;
    position: relative;
    z-index: 999;
}

.gamification-section .col {
	width: 12.5%;
}

.gamification-section .col img {
	max-width: 90px;
  max-height: 90px;
}

.gamification-section p {
	font-size: 0.8rem;
	font-weight: bold;
	color: #000;
	height: auto;
  margin-bottom: 0;
}


.rideupdate-section {
  margin-top: -50px;
  padding-bottom: 50px;
  position: relative;
  z-index: 999;
}

.rideupdate-section p {
font-size: 1rem;
color: #000;
}

.dashboard-rewards {
	padding: 2rem 0;
	position: relative;
}

.dashboard-rewards .progress {
	position: absolute;
	width: 100%;
	z-index: 50;
	top: 100px;
  padding: 0;
}

.dashboard-rewards .reward-item {
	z-index: 99;
}

.dashboard-rewards .reward-item img {
	background: #e9ecef;
	border-radius: 2rem;
	max-width: 150px;
	padding: 1rem;
}

.dashboard-rewards .reward-item-on img {
	background: #000000 !important;
}

.account-badge {
	width: 20px;
}

/* Team Dashboard Styles */
.member-list .member-row {-webkit-align-items: center;align-items: center;background: #F2ECE0;}
.member-list .member-row:nth-child(odd) {background: #fff;}
.member-list .member-row img {border-radius: 1rem;border:1px solid #ccc;margin: 0.5rem;max-width: 60px;}



/* Blog Styles */

.blog-group .blog-card .card-img-top {
	max-height: 180px;
  object-fit: cover;
  object-position: top;
}

.blog-group .blog-card .card-body {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-content: center;
	padding: 1rem 1.25rem 0;
}

.blog-group .blog-card .card-body p {
	font-size: 0.9rem;
	font-weight: 300;
}

.blog-group .blog-card .card-footer {
    padding: 0 1.25rem .75rem 1.25rem;
    background-color: transparent;
    border-top: 0;
}

a.blog-card {
	text-decoration: none;
}

a.blog-card:hover {
  transform: scale(1.05);
  z-index: 999;
	box-shadow: 0 0 5px 2px rgba(0,0,0,0.1);
	color: #000;
  border-radius: 0.25rem !important;
}

.blog-section .btn-blog-all {padding-bottom: 0.5rem;text-decoration: none; border-bottom: 1px solid #000;}

.separator-home { position: absolute;; width: 100%; height: 90px;bottom: 0;}
.separator-home::before { position: absolute; content: ""; left: 0; width: 100%; height: 100%; background-color: transparent; clip-path: url('../images/2020/DGR20_HomeClip.svg'); -webkit-clip-path: url('../images/2020/DGR20_HomeClip.svg')}
.separator-home::after { position: absolute; content: ""; left: 0; width: 100%; height: 100%; background-color: #FAF8EA; clip-path: url('../images/2020/DGR20_HomeClip.svg'); -webkit-clip-path: url('../images/2020/DGR20_HomeClip.svg')}

.separator-fold { position: relative; width: 100%; height: 90px;}
.separator-fold::before { position: absolute; content: ""; left: 0; width: 100%; height: 100%; background-color: transparent; clip-path: polygon(100% 0, 0 0, 0 100%);}
.separator-fold::after { position: absolute; content: ""; left: 0; width: 100%; height: 100%; background-color: rgba(230,225,199,0.75); clip-path: polygon(101% 0, 0 101%, 101% 101%);}

.separator-fold-reverse { position: relative; width: 100%; height: 90px;}
.separator-fold-reverse::before { position: absolute; content: ""; left: 0; width: 100%; height: 100%; background-color: transparent; clip-path: polygon(100% 0, 0 0, 0 100%);}
.separator-fold-reverse::after { position: absolute; content: ""; left: 0; width: 100%; height: 100%; background-color: #FAF8EA ; clip-path: polygon(101% 0, 0 101%, 101% 101%);}

.separator-garage { position: relative; width: 100%; height: 90px;}
.separator-garage::before { position: absolute; content: ""; left: 0; width: 100%; height: 100%; background-color: transparent; clip-path: polygon(100% 0, 0 0, 0 100%);}
.separator-garage::after { position: absolute; content: ""; left: 0; width: 100%; height: 100%; background-color: #FFFFFF; clip-path: polygon(101% 0, 0 101%, 101% 101%);}

.separator-footer { position: relative; width: 100%; height: 90px;}
.separator-footer::before { position: absolute; content: ""; left:0; width: 100%; height: 100%; background-color: transparent; clip-path: polygon(100% 0, 0 0, 0 100%);}
.separator-footer::after { position: absolute; content: ""; left: 0; width: 100%; height: 100%; background-color: #060C27; clip-path: polygon(101% 0, 0 101%, 101% 101%);}

.register-tabs { display: flex; border-bottom: 0;margin-left: 0 !important;justify-content: center;}
.register-tabs li a { border-radius: 0.25rem !important; text-decoration: none; text-align: center; margin: 0 0.5rem; background: #fff; border: 1px solid #979797;padding: 0.5rem 2rem;font-weight: 400;font-size: 1.5rem;border-radius:0;}
.register-tabs li a.active { background: #000 !important; border: 1px solid #979797; color: #fff !important;}

.donation-tabs { display: flex; border-bottom: 0;margin: 1rem 0;}
.donation-tabs .nav-item { margin: 0rem;border:0;}
.donation-tabs li .nav-link { 
  border-radius: 1rem;
  border: 1px solid #000000;
  text-decoration: none;
  text-align: center;
  margin: 0 0.5rem 0 0;
  background: transparent;
  color: #000000 !important;
  padding: .5rem 1rem;
  font-weight: 900;
  font-size: 1rem;
}
.donation-tabs li .active {
  background-color: #000000 !important;
  color: #fff !important;
}

.donations-tab-content>.active {
  background: #fafafa;
  padding: 1rem;
}
/* .btn-group-payments .btn-primary { background: #3E3F4B; border: 1px solid #979797; color: #fff;}
.btn-group-payments .btn:first-of-type { margin-left: 0;}
.btn-group-payments .btn:last-of-type { margin-right: 0;} */

.btn-group-payments { display: flex; justify-content: space-between;}
.btn-group-payments label { margin: 0 0.3rem !important;font-size: 0.9rem;}
.btn-group-payments label:first-of-type { margin-left: 0 !important;}
.btn-group-payments label:last-of-type { margin-right: 0 !important;}
.btn-group-payments .btn { border-radius: 0.25rem !important; text-align: center;border-radius: 0 !important;}
.btn-group-payments .btn-secondary { background: transparent; border: 1px solid #979797;}
.btn-group-payments .btn-secondary:not(:disabled):not(.disabled).active, .btn-secondary:not(:disabled):not(.disabled):active { background: #000; border: 1px solid #979797; color: #fff;}
.btn-group-payments .btn-primary { background: #000; border: 1px solid #979797; color: #fff;}

.btn-group-gender { display: flex; justify-content: space-between;}
.btn-group-gender .btn { border-radius: 0 !important; text-align: center;height: 50px;display: flex;align-items: center;justify-content: center;}
.btn-group-gender .btn-secondary { background: #fff; border: 1px solid #151519;}
.btn-group-gender .btn-secondary:not(:disabled):not(.disabled).active, .btn-secondary:not(:disabled):not(.disabled):active { background: #151519; border: 1px solid #151519; color: #fff;}
.btn-group-gender .btn-primary { background: #151519; border: 1px solid #151519; color: #fff;}
.btn-group-gender .btn:first-of-type { margin-left: 0;border-right: 0;}
.btn-group-gender .btn:last-of-type { margin-right: 0;}


/*
Search Menu
*/

.search-overlay { 
  height: 0;
  width: 600px;
  position: absolute;
  z-index: 999999;
  top: 0;
  right: 75px;
  overflow-x: hidden;
  transition: 0.3s;
  color: #000;
}
.search-overlay .overlay-content { 
  position: relative;
    width: 100%;
    text-align: left;
    padding: 0.6rem 0 0.6rem 1rem;
}

#NavSearchButton {
  transition: 0.3s;
}

.search-overlay .input-group {
  background: #e2e2e2 !important;
  border-radius: 0.5rem;
  height: 2.8rem;
}

.search-overlay .input-group input {
  background-color: #e2e2e2 !important;
  border: 1px solid #bebebe !important;
  border-radius: 0.5rem 0 0 0.5rem !important;
}

.search-overlay .btn-secondary {
  background: #F26A2B !important;
  min-height: 2.8rem;
  border-radius: 0 0.5rem 0.5rem 0;
}
.search-overlay .overlay a:hover, .search-overlay .overlay a:focus { color: #f1f1f1;}
.search-overlay .closebtn {text-decoration: none;float: right;color: #000;}



/* DGR 20 Styles */

.prize-quickview a {
	background: #fff;
	border-left: 5px solid #000000;
	padding: 3rem 0.5rem;
	text-align: center;
	text-decoration: none;
	display: block;
  position: relative;
  z-index: 1;
}

.prize-quickview a:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #000000;
  color: #fff !important;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

.prize-quickview a:hover:before, .prize-quickview a:focus:before, .prize-quickview a:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}

.prize-quickview a:hover {
    color: #fff !important;
}


/* DGR 21 Styles */

.profile-stat-bar {
  background: #fafafa;
  position: relative;
}

/* .profile-stat-bar::before{
  content: '';
  background: url(/images/2023/DGR23_Divider_Brown.svg);
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  top: -1.6rem;
  left: 0px;
  width: 100%;
  height: 100%;
  z-index: 1;
} */

.profile-stat-bar-inner {
  color:#fff;
  z-index: 100;
  position: relative;
  padding: 2rem 1rem;
}

.profile-stat-bar-inner h2 {
  color: #fff;
}

.profile-stat-bar-raised {
  background: #16544e;
  color: #fff !important;
}

.profile-stat-bar-year {
  background: #3c7f60;
}

.profile-stat-bar-total {
  background: #7FAF6B;
}

/* Modal Window Close */

button.close {font-size: 18px;position: absolute;top: -18px;right: -18px;display: block;width: 50px;height: 50px;text-decoration: none;text-indent: -9999px;text-transform: uppercase;color: #fff;border-radius: 50%;background: #000000 url('../images/icon-close.png') 50% 50% no-repeat;background-size: 18px;z-index:99;opacity:1;}
.custom-switch .custom-control-input:checked~.custom-control-label::before{background-color:green; border-color: green;}


.carousel-wrapper .slide h1 {
	padding: 0 0.5rem !important;
}

.carousel-wrapper .slide p {
	padding: 0 0.5rem !important;
}

span.btn.carousel-prev.slick-arrow {
  position: absolute;
	width: 40px;
	height: 40px;
  bottom: 0;
  left: 0;
  background: #333;
  color: #fff !important;
  border-radius: 0;
}

span.btn.carousel-next.slick-arrow {
  position: absolute;
	width: 40px;
	height: 40px;
  bottom: 0;
  right: 0;
  background: #333;
  color: #fff !important;
  border-radius: 0;
}

.vertical-align-middle {
  align-items: center;
}

/* *********
Home
********* */

/* CSS */
@supports (-webkit-appearance: -apple-pay-button) {
    .apple-pay-button-with-text {
        display: inline-block;
        -webkit-appearance: -apple-pay-button;
        -apple-pay-button-type: donate;
				padding: 1.4rem 0;
    }
    .apple-pay-button-with-text > * {
        display: none;
    }
    .apple-pay-button-black-with-text {
        -apple-pay-button-style: black;
    }
    .apple-pay-button-white-with-text {
        -apple-pay-button-style: white;
    }
    .apple-pay-button-white-with-line-with-text {
        -apple-pay-button-style: white-outline;
    }
}

@supports not (-webkit-appearance: -apple-pay-button) {
    .apple-pay-button-with-text {
        --apple-pay-scale: 2; 
        display: inline-flex;
        justify-content: center;
        font-size: 12px;
        border-radius: 5px;
        padding: 0px;
        box-sizing: border-box;
        min-width: 200px;
        min-height: 32px;
        max-height: 64px;
    }
    .apple-pay-button-black-with-text {
        background-color: black;
        color: white;
    }
    .apple-pay-button-white-with-text {
        background-color: white;
        color: black;
    }
    .apple-pay-button-white-with-line-with-text {
        background-color: white;
        color: black;
        border: .5px solid black;
    }
    .apple-pay-button-with-text.apple-pay-button-black-with-text > .logo {
        background-image: -webkit-named-image(apple-pay-logo-white);
        background-color: black;
    }
    .apple-pay-button-with-text.apple-pay-button-white-with-text > .logo {
        background-image: -webkit-named-image(apple-pay-logo-black);
        background-color: white;
    }
    .apple-pay-button-with-text.apple-pay-button-white-with-line-with-text > .logo {
        background-image: -webkit-named-image(apple-pay-logo-black);
        background-color: white;
    }
    .apple-pay-button-with-text > .text {
        font-family: -apple-system;
        font-size: calc(1em * var(--apple-pay-scale));
        font-weight: 300;
        align-self: center;
        margin-right: calc(2px * var(--apple-pay-scale));
    }
    .apple-pay-button-with-text > .logo {
        width: calc(35px * var(--scale));
        height: 100%;
        background-size: 100% 60%;
        background-repeat: no-repeat;
        background-position: 0 50%;
        margin-left: calc(2px * var(--apple-pay-scale));
        border: none;
    }
}

/* TinyMCE Panel */
.mce-panel {
    background-color: #f0f0f0 !important;
}

.mce-btn-group .mce-btn {
	border:0 !important;
	background-color: #f0f0f0 !important;
}

.mce-btn {
	border: 0 !important;
	background-color: #f0f0f0 !important;
}

/* Cookie Consent */
.cc-revoke, .cc-window {
	font-family: 'franklin-gothic-atf', Helvetica,Arial,sans-serif !important;
  bottom: 10px !important;
  width: 85% !important;
  margin: 0 auto;
  background: #fff !important;
  color: #000 !important;
  font-size: 0.8rem !important;
  box-shadow: 0 0 10px rgb(0 0 0 / 40%);
}

#gtx-trans {
 display: none !important;
}

.pcamessage {
	display: none !important;
}

@media (max-width: 576px) {
	.popup {background: #fff;padding: 0;margin: 0;position: fixed;top: 0; left: 0;height: 100%;width: 100%;}
	.popup .left {background: #fff;text-align:right;}
	.popup .right {text-align:left; padding: 1em; border-top: 2px solid #ccc;}
	.popup .image {width:100%;margin:0 10px 0 0;background:#ccc;}
	.popup .image img {width:100%;display:block;}
	.popup .right h2 {-webkit-font-smoothing:antialiased;font-size:18px;text-transform:uppercase;}
	.popup .popupinner {}
	.popup .BtClose {
		text-transform: uppercase;
		float: right;
		display: block;
		color: #FFF;
		font-size: 14px;
		background: #3E3F4B;
		text-decoration: none;
		border-radius: 4px;
		padding: 0.6em 0.9em;
	}

	#sGalleryImage {position:relative;width:200px;height:130px;margin:20px auto;padding:70px 0 0 0;text-align:center;background:#fff;}
	#sGalleryImage #preview {position:absolute;top:0;left:0;width:200px;height:200px;}
	#sGalleryImage #preview img {width:100%;height:100%;display:block;}

	#sSaleImage {position:relative;width:200px;height:130px;margin:20px auto;padding:70px 0 0 0;text-align:center;background:#fff;}
	#sSaleImage #preview {position:absolute;top:0;left:0;width:200px;height:200px;}
	#sSaleImage #preview img {width:100%;height:100%;display:block;}

	#sLoginBody .gallery {float:left;width:128px;height:128px;margin:0 10px 10px 0;}
	#sLoginBody .gallery:nth-child(even) {margin:0 0 10px 0;}
	#sLoginBody .gallery img {position:absolute;top:10px;left:10px;width:118px;height:118px;}


	#GalleryImage {position:relative;width:200px;height:130px;margin:20px auto;padding:70px 0 0 0;text-align:center;}
	#GalleryImage #preview {position:absolute;top:21px;left:21px;width:160px;height:160px;}
	#GalleryImage #preview img {width:100%;height:100%;display:block;}
}

.pulse-live {
    position: relative;
    display: inline-block;
    padding-left: 16px;
    color: #c21616;
    font-weight: 700;
}

.pulse-live:after, .pulse-live:before {
    position: absolute;
    top: 10px;
    left: 0;
    display: inline-block;
    width: 6px;
    height: 6px;
    background-color: #c21616;
    border-radius: 50%;
    content: "";
}

@-webkit-keyframes pulselive {
  0%{opacity:1;transform:scale(1)}
  to {opacity:0;transform:scale(4)}
}

@keyframes pulselive {
  0%{opacity:1;transform:scale(1)}
  to{opacity:0;transform:scale(4)}
}

.pulse-live:after {
  -webkit-animation: pulselive 2s infinite;
  animation: pulselive 2s infinite;
}


/* The Plane Animation */

.decade-flag {
  width:700px;
  height:139px;
  margin-left:10px;
  position: absolute;
  right: 0;
}

.decade-flag-element {
  /* -webkit-animation:oscill 2s ease-in-out infinite alternate; 
  -moz-animation:oscill 2s ease-in-out infinite alternate; 
  -ms-animation:oscill 2s ease-in-out infinite alternate; 
  animation:oscill 2s ease-in-out infinite alternate;  */
  background: url('/images/2021/BiPlane.png');
  background-size: 80%;
  background-position: top right;
  background-repeat: no-repeat;
  position: relative;
  height: 100%;
  width: 100%;
  display: inline-block;
}

@-webkit-keyframes oscill {
  0% {
      top: 2.5%;
  }        
  100% {
      top: -2.5%;
  }
}

@-moz-keyframes oscill {
  0% {
      top: 2.5%;
  }        
  100% {
      top: -2.5%;
  }
}

@-ms-keyframes oscill {
  0% {
      top: 2.5%;
  }        
  100% {
      top: -2.5%;
  }
}

@keyframes oscill {
  0% {
      top: 2.5%;
  }        
  100% {
      top: -2.5%;
  }
}



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

File#: Animate Cards

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

.card-v2 {
  position: relative;
  overflow: hidden;
}
.card-v2 img {
  display: block;
  width: 100%;
  border-radius: 0.5rem;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.35);
}
.card-v2__caption {
  position: relative;
  bottom: 0;
  width: 100%;
  color: #000;
  font-size: 0.9rem;
}
.card-v2--blur-fx .card-v2__caption {
  background: alpha(var(--color-black), 0.8);
  backdrop-filter: blur(10px);
}
a.card-v2 {
  display: block;
  text-decoration: none;
  transition: box-shadow 0.2s;
}
.card-v2:hover {
  background: #fff;
  border-radius: 0.5rem;
  padding: 0.5rem;
  font-size: 0.9rem;
  transform: scale(1.1);
  box-shadow: 0 0 10px rgba(0,0,0,0.5);
}

.anim-cards {
  overflow: hidden;
  margin-top: var(--anim-cards-gap);
  margin-bottom: var(--anim-cards-gap);
}
.anim-cards__list {
  display: flex;
  overflow: auto;
}
.anim-cards__item {
  float: left;
  width: 200px;
  flex-shrink: 0;
  margin-right: 1rem;
}
.anim-cards__item::marker {
  color: transparent;
}
.anim-cards-control {
  display: inline-flex;
  width: 40px;
  height: 40px;
  background-color: alpha(var(--color-contrast-higher), 0.75);
  border-radius: 50%;
  transition: 0.2s;
}
.anim-cards-control i {
  position: relative;
  display: block;
  width: 16px;
  height: 16px;
  margin: auto;
  color: var(--color-bg);
}
.anim-cards-control i::before, .anim-cards-control i::after {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: currentColor;
  transition: clip-path 0.2s var(--ease-out);
}
.anim-cards-control i::before {
  clip-path: polygon(1px 1px, 5px 1px, 5px calc(100% - 1px), 1px calc(100% - 1px));
}
.anim-cards-control i::after {
  clip-path: polygon(calc(100% - 5px) 1px, calc(100% - 1px) 1px, calc(100% - 1px) calc(100% - 1px), calc(100% - 5px) calc(100% - 1px));
}
.anim-cards-control:hover {
  cursor: pointer;
  background-color: alpha(var(--color-contrast-higher), 0.95);
}
.anim-cards-control[aria-pressed="true"] i::before {
  clip-path: polygon(2px 0%, 100% 50%, 100% 50%, 2px 100%);
}
.anim-cards-control[aria-pressed="true"] i::after {
  clip-path: polygon(calc(100% - 5px) calc(100% - 1px), calc(100% - 1px) calc(100% - 1px), calc(100% - 1px) calc(100% - 1px), calc(100% - 5px) calc(100% - 1px));
}
.js .anim-cards:not(.anim-cards--anim-off) .anim-cards__list {
  overflow: visible;
  will-change: transform;
  transform: translateZ(0);
  backface-visibility: hidden;
}
.js .anim-cards--reverse:not(.anim-cards--anim-off) .anim-cards__list {
  flex-direction: row-reverse;
}
html:not(.js) .anim-cards-control {
  display: none;
}


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

 Sliding Home Navigation

-------------------------------- */
.cd-morph-dropdown {
  position: relative;
  height: 60px;
  background-color: #FFFFFF;
}
.cd-morph-dropdown::before {
  /* never visible - used in JS to check mq */
  content: 'mobile';
  display: none;
}
.cd-morph-dropdown .nav-trigger {
  /* menu icon - visible on small screens only */
  position: absolute;
  top: 0;
  right: 0;
  height: 60px;
  width: 60px;
  /* replace text with icon */
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  color: transparent;
}
.cd-morph-dropdown .nav-trigger span, .cd-morph-dropdown .nav-trigger span::after, .cd-morph-dropdown .nav-trigger span::before {
  /* these are the 3 lines of the menu icon */
  position: absolute;
  background-color: #1A1A1A;
  height: 3px;
  width: 26px;
}
.cd-morph-dropdown .nav-trigger span {
  left: 50%;
  top: 50%;
  bottom: auto;
  right: auto;
  -webkit-transform: translateX(-50%) translateY(-50%);
      -ms-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%);
  -webkit-transition: background-color .3s;
  transition: background-color .3s;
}
.cd-morph-dropdown .nav-trigger span::after, .cd-morph-dropdown .nav-trigger span::before {
  content: '';
  left: 0;
  -webkit-transition: -webkit-transform .3s;
  transition: -webkit-transform .3s;
  transition: transform .3s;
  transition: transform .3s, -webkit-transform .3s;
}
.cd-morph-dropdown .nav-trigger span::before {
  -webkit-transform: translateY(-9px);
      -ms-transform: translateY(-9px);
          transform: translateY(-9px);
}
.cd-morph-dropdown .nav-trigger span::after {
  -webkit-transform: translateY(9px);
      -ms-transform: translateY(9px);
          transform: translateY(9px);
}
.cd-morph-dropdown.nav-open .nav-trigger span {
  background-color: transparent;
}
.cd-morph-dropdown.nav-open .nav-trigger span::before {
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}
.cd-morph-dropdown.nav-open .nav-trigger span::after {
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.cd-morph-dropdown .main-nav {
  display: none;
}
.cd-morph-dropdown .morph-dropdown-wrapper {
  display: none;
  position: absolute;
  top: 60px;
  left: 0;
  width: 100%;
  padding: 1.2em 5%;
  box-shadow: inset 0 1px 0 #e6e6e6;
  background-color: #FFFFFF;
}
.cd-morph-dropdown.nav-open .morph-dropdown-wrapper {
  display: block;
}
.cd-morph-dropdown .dropdown-list > ul > li {
  margin-bottom: 3.3em;
}
.cd-morph-dropdown .label {
  display: block;
  font-size: 2.2rem;
  color: #1A1A1A;
  margin-bottom: .8em;
}
.cd-morph-dropdown .content li::after {
  clear: both;
  content: "";
  display: block;
}
.cd-morph-dropdown .gallery .content li {
  margin-bottom: 1.4em;
}
.cd-morph-dropdown .gallery .content a {
  display: block;
}
.cd-morph-dropdown .gallery .content a::before {
  /* icon on the left */
  content: '';
  display: inline-block;
  float: left;
  height: 54px;
  width: 54px;
  margin-right: .6em;
  background: red;
  border-radius: 50%;
  -webkit-transition: background .2s;
  transition: background .2s;
}
.cd-morph-dropdown .gallery .content a span, .cd-morph-dropdown .gallery .content a em {
  display: block;
  line-height: 1.2;
}
.cd-morph-dropdown .gallery .content a em {
  font-size: 1rem;
  padding: .4em 0 .2em;
  color: #1A1A1A;
}
.cd-morph-dropdown .gallery .content a span {
  font-size: 1.4rem;
  color: #a6a6a6;
}
.cd-morph-dropdown .gallery .content a:hover::before {
  background-color: #1A1A1A;
}
.cd-morph-dropdown .gallery li:nth-of-type(1) a::before {
  background: #f4e58a url(../img/cd-gallery-icons.svg) no-repeat 0 0;
}
.cd-morph-dropdown .gallery li:nth-of-type(2) a::before {
  background: #F4AF6D url(../img/cd-gallery-icons.svg) no-repeat -54px 0;
}
.cd-morph-dropdown .gallery li:nth-of-type(3) a::before {
  background: #DB6356 url(../img/cd-gallery-icons.svg) no-repeat -108px 0;
}
.cd-morph-dropdown .gallery li:nth-of-type(4) a::before {
  background: #8D4645 url(../img/cd-gallery-icons.svg) no-repeat -162px 0;
}
.cd-morph-dropdown .links .content > ul > li {
  margin-top: 1em;
}
.cd-morph-dropdown .links-list a,
.cd-morph-dropdown .btn {
  display: block;
  margin-left: 14px;
  font-size: 2.2rem;
  line-height: 1.6;
}
.cd-morph-dropdown .links-list a:hover,
.cd-morph-dropdown .btn:hover {
  color: #1A1A1A;
}
.cd-morph-dropdown .content h2 {
  color: #a6a6a6;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 1.1rem;
  margin: 20px 0 10px 14px;
}
@media only screen and (min-width: 1000px) {
  .cd-morph-dropdown {
    position: absolute;
    height: 80px;
    left: 0;
    top: 0;
    width: 100%;
    padding: 0;
    text-align: center;
    background-color: transparent;
  }
  .cd-morph-dropdown::before {
    content: 'desktop';
  }
  .cd-morph-dropdown .nav-trigger {
    display: none;
  }
  .cd-morph-dropdown .main-nav {
    display: inline-block;
  }
  .cd-morph-dropdown .main-nav > ul > li {
    display: inline-block;
    float: left;
  }
  .cd-morph-dropdown .main-nav > ul > li > a {
    display: block;
    padding: 0 0.2rem;
    height: 70px;
    line-height: 70px;
    color: #FFFFFF;
    font-size: 1rem;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition: opacity .2s;
    transition: opacity .2s;
  }
  .cd-morph-dropdown.is-dropdown-visible .main-nav > ul > li > a {
    /* main navigation hover effect - on hover, reduce opacity of elements not hovered over */
    opacity: .6;
  }
  .cd-morph-dropdown.is-dropdown-visible .main-nav > ul > li.active > a {
    opacity: 1;
  }
  .cd-morph-dropdown .morph-dropdown-wrapper {
    /* dropdown wrapper - used to create the slide up/slide down effect when dropdown is revealed/hidden */
    display: block;
    top: 58px;
    /* overwrite mobile style */
    width: auto;
    padding: 0;
    box-shadow: none;
    background-color: transparent;
    /* Force Hardware acceleration */
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
    will-change: transform;
    -webkit-transform: translateY(20px);
        -ms-transform: translateY(20px);
            transform: translateY(20px);
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s;
  }
  .cd-morph-dropdown.is-dropdown-visible .morph-dropdown-wrapper {
    -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
            transform: translateY(0);
  }
  .cd-morph-dropdown .dropdown-list {
    position: absolute;
    top: 0;
    left: 0;
    visibility: hidden;
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
    will-change: transform, width, height;
    -webkit-transition: visibility .3s;
    transition: visibility .3s;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.08);
  }
  .no-csstransitions .cd-morph-dropdown .dropdown-list {
    display: none;
  }
  .cd-morph-dropdown .dropdown-list::before {
    /* dropdown top triangle */
    content: '';
    position: absolute;
    bottom: 100%;
    left: 50%;
    right: auto;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    height: 0;
    width: 0;
    border: 8px solid transparent;
    border-bottom-color: #FFFFFF;
    opacity: 0;
    -webkit-transition: opacity .3s;
    transition: opacity .3s;
  }
  .cd-morph-dropdown .dropdown-list > ul {
    position: relative;
    z-index: 1;
    height: 100%;
    width: 100%;
    overflow: hidden;
  }
  .cd-morph-dropdown.is-dropdown-visible .dropdown-list {
    visibility: visible;
    -webkit-transition: width .3s, height .3s, -webkit-transform .3s;
    transition: width .3s, height .3s, -webkit-transform .3s;
    transition: transform .3s, width .3s, height .3s;
    transition: transform .3s, width .3s, height .3s, -webkit-transform .3s;
  }
  .cd-morph-dropdown.is-dropdown-visible .dropdown-list::before {
    opacity: 1;
  }
  .cd-morph-dropdown .dropdown {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    visibility: hidden;
    width: 100%;
    -webkit-transition: opacity .3s, visibility .3s;
    transition: opacity .3s, visibility .3s;
  }
  .cd-morph-dropdown .dropdown.active {
    opacity: 1;
    visibility: visible;
  }
  .cd-morph-dropdown .dropdown.move-left .content {
    -webkit-transform: translateX(-100px);
        -ms-transform: translateX(-100px);
            transform: translateX(-100px);
  }
  .cd-morph-dropdown .dropdown.move-right .content {
    -webkit-transform: translateX(100px);
        -ms-transform: translateX(100px);
            transform: translateX(100px);
  }
  .cd-morph-dropdown .label {
    /* hide the label on bigger devices */
    display: none;
  }
  .cd-morph-dropdown .content {
    padding: 2.2em 1.8em;
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s;
    text-align: left;
  }
  .cd-morph-dropdown .content > ul::after {
    clear: both;
    content: "";
    display: block;
  }
  .cd-morph-dropdown .content > ul > li {
    width: 48%;
    float: left;
    margin-right: 4%;
    margin-top: 0;
  }
  .cd-morph-dropdown .content > ul > li:nth-of-type(2n) {
    margin-right: 0;
  }
  .cd-morph-dropdown .gallery .content {
    /* you need to set a width for the .content elements because they have a position absolute */
    width: 510px;
    padding-bottom: .8em;
  }
  .cd-morph-dropdown .gallery .content li {
    margin-bottom: 1.8em;
  }
  .cd-morph-dropdown .links .content > ul > li {
    margin-top: 0;
  }
  .cd-morph-dropdown .links .content,
  .cd-morph-dropdown .button .content {
    width: 390px;
  }
  .cd-morph-dropdown .links-list a {
    font-size: 1.6rem;
    margin-left: 0;
  }
  .cd-morph-dropdown .btn {
    display: block;
    width: 100%;
    height: 60px;
    margin: 1.5em 0 0;
    font-size: 1.8rem;
    text-align: center;
    color: #FFFFFF;
    line-height: 60px;
    background: #DB6356;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  .cd-morph-dropdown .btn:hover {
    background: #1A1A1A;
    color: #FFFFFF;
  }
  .cd-morph-dropdown .content h2 {
    font-size: 1.8rem;
    text-transform: none;
    font-weight: normal;
    color: #1A1A1A;
    margin: 0 0 .6em;
  }
  .cd-morph-dropdown .bg-layer {
    /* morph dropdown background */
    position: absolute;
    top: 0;
    left: 0;
    height: 1px;
    width: 1px;
    background: #FFFFFF;
    opacity: 0;
    -webkit-transition: opacity .3s;
    transition: opacity .3s;
    -webkit-transform-origin: top left;
        -ms-transform-origin: top left;
            transform-origin: top left;
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
    will-change: transform;
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
  }
  .cd-morph-dropdown.is-dropdown-visible .bg-layer {
    opacity: 1;
    -webkit-transition: opacity .3s, -webkit-transform .3s;
    transition: opacity .3s, -webkit-transform .3s;
    transition: transform .3s, opacity .3s;
    transition: transform .3s, opacity .3s, -webkit-transform .3s;
  }
}



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

File#: _1_section-divider
Title: Section divider
Descr: A collection of SVG section dividers.
Usage: codyhouse.co/license

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

:root {
  --section-divider-width: 1920;
  --section-divider-height: 300; 
  --section-divider-ratio: calc(100% * var(--section-divider-height) / var(--section-divider-width));
}

[class*="has-section-divider"] {
  position: relative;
}

.has-section-dividers { 
  padding-top: var(--section-divider-ratio);
  padding-bottom: var(--section-divider-ratio);
}

.has-section-dividers .section-divider + .section-divider  {
  bottom: auto;
  top: -1px;
  transform: scaleY(-1);
}

.has-section-divider-top { 
  padding-top: var(--section-divider-ratio);
}

.has-section-divider-top .section-divider {
  bottom: auto;
  top: -1px;
  transform: scaleY(-1);
}

.has-section-divider-bottom {
  background-size: cover !important;
  background-repeat: no-repeat !important;
  height: 300px;
  padding-bottom: 2rem;
}

.section-divider {
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 100%;
  overflow: hidden;
}

.section-divider svg {
    position: relative;
    display: block;
    height: auto;
    max-width: none;
    width: 102%;
    left: -1%;
}



/* -------------------------------- File#: _1_diagonal-section Title: Diagonal Section Descr: Section with diagonal edges Usage: codyhouse.co/license -------------------------------- */
:root {
  --diagonal-section-offset: 50px;
}
.diagonal-section {
  position: relative;
  z-index: 1;
  height: 300px;
  margin: 3rem 0;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: left;
}
@supports (clip-path: inset(50%)) {
  .diagonal-section, .diagonal-section-top.diagonal-section-bottom {
    padding-top: calc(var(--diagonal-section-offset)/2);
    padding-bottom: calc(var(--diagonal-section-offset)/2);
    clip-path: polygon(0% 0%, 100% var(--diagonal-section-offset), 100% 100%, 0% calc(100% - var(--diagonal-section-offset)));
 }
  .diagonal-section--flip-x {
    clip-path: polygon(0% var(--diagonal-section-offset), 100% 0%, 100% calc(100% - var(--diagonal-section-offset)), 0% 100%);
 }
  .diagonal-section-top {
    padding-top: calc(var(--diagonal-section-offset)/2);
    clip-path: polygon(0% 0%, 100% var(--diagonal-section-offset), 100% 100%, 0% 100%);
 }
  .diagonal-section-top--flip-x {
    clip-path: polygon(0% var(--diagonal-section-offset), 100% 0%, 100% 100%, 0% 100%);
 }
  .diagonal-section-top--flip-x.diagonal-section-bottom {
    clip-path: polygon(0% var(--diagonal-section-offset), 100% 0%, 100% 100%, 0% calc(100% - var(--diagonal-section-offset)));
 }
  .diagonal-section-bottom {
    padding-bottom: calc(var(--diagonal-section-offset)/2);
    clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% calc(100% - var(--diagonal-section-offset)));
 }
  .diagonal-section-bottom--flip-x {
    clip-path: polygon(0% 0%, 100% 0%, 100% calc(100% - var(--diagonal-section-offset)), 0% 100%);
 }
  .diagonal-section-bottom--flip-x.diagonal-section-top {
    clip-path: polygon(0% 0%, 100% var(--diagonal-section-offset), 100% calc(100% - var(--diagonal-section-offset)), 0% 100%);
 }
  .diagonal-section-top--flip-x.diagonal-section-bottom--flip-x {
    clip-path: polygon(0% var(--diagonal-section-offset), 100% 0%, 100% calc(100% - var(--diagonal-section-offset)), 0% 100%);
 }
}



.adyen-checkout__payment-method {
  /* Payment method container */
  border: 0 !important;
  /* border-bottom: 1px solid #e6e9eb !important; */
  background: #fff !important;
}
.adyen-checkout__payment-method--selected {
  /* Payment method that has been selected */
  padding: 0.3rem 0;
}

.adyen-checkout__payment-method__header {
  /* Payment method icon and name */
}
.adyen-checkout__payment-method__radio {
  /* Radio button in payment method header */
}
.adyen-checkout__payment-method__radio--selected {
  /* Selected radio button in payment method header */
}
.adyen-checkout__payment-method__name {
  /* Payment method name in the payment method header */
}
.adyen-checkout__spinner__wrapper {
  /* Spinning icon */
}
.adyen-checkout__button {
  /* Buttons */
  background: #000 !important;
}

.adyen-checkout__applepay__button {
  /* Buttons */
  -webkit-appearance: -apple-pay-button !important;
}

.adyen-checkout__button--pay {
  /* Pay button */
}
.adyen-checkout__field {
  /* Form field container */
}
.adyen-checkout__label {
  /* Form label container */
}
.adyen-checkout__label__text {
  /* Text element inside the form label container */
}
.adyen-checkout__input {
  /* Input fields */
}
.adyen-checkout__input--error {
  /* Error state for the input fields */
}
.adyen-checkout__error-text {
  /* Error message text */
}
.adyen-checkout__card__cardNumber__input {
  /* Input field for the card number */
}
.adyen-checkout__field--expiryDate {
  /* Input field for the expiry date */
}
.adyen-checkout__field__cvc {
  /* Input field for the CVC security code */
}
.adyen-checkout__card__holderName {
  /* Input field for cardholder name */
}
.adyen-checkout__checkbox__input {
  /* Checkboxes */
}
.adyen-checkout__checkbox__label {
  /* Checkbox labels */
}
.adyen-checkout__radio_group__input {
  /* Radio buttons */
}
.adyen-checkout__dropdown__button {
  /* Dropdown button showing list of options */
}
.adyen-checkout__dropdown__list {
  /* Dropdown list */
}
.adyen-checkout__dropdown__element {
  /* Elements in the dropdown list */
}
.adyen-checkout__link {
  /* Links */
}






/* .navbar {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding-bottom: 2rem;
  padding-top: 0;
  position: relative;
  transition: all .2s ease-in-out;
  transition-property: box-shadow;
 } */

 /* .dropdown-menu {
  background-clip: padding-box;
  background-color: #fff;
  border: 0 solid rgba(27,22,66,.15);
  border-radius: 1rem 0 1rem 0;
  box-shadow: 0 0 6px rgb(27 22 66 / 3%), 0 14px 24px rgb(27 22 66 / 6%), 0 0 6px rgb(27 22 66 / 3%), 0 14px 24px rgb(27 22 66 / 6%);
  color: #1b1642;
  display: none;
  font-size: 1rem;
  list-style: none;
  margin: 0;
  min-width: 16rem;
  position: absolute;
  text-align: left;
  z-index: 1000;
} */

/* .navbar-nav .dropdown-positioner {
  position: absolute;
  z-index: 1000;
}

 .navbar-nav .dropdown-positioner>.dropdown-menu {
  position: static;
}

 .navbar-nav .dropdown-menu {
  display: none;
  opacity: 0;
  transform: translateY(10px);
  transition: all .7s ease-in-out;
  transition-property: opacity,transform;
}

.navbar-nav .dropdown-menu.show {
  display: block;
  opacity: 1;
  transform: translateY(0);
} */


.dropdown-menu-flush {
  background-color: transparent;
  box-shadow: none;
  padding: 0;
}

.rounded-top-start-0 {
  border-top-left-radius: 0!important;
}

.bg-gray-900 {
  background-color: #2b265a!important;
}

.dropdown-menu-body {
  padding: 2rem;
}

.dropdown-header {
  font-size: .875rem;
  margin-bottom: 1.25rem;
  padding-bottom: 0;
  padding-top: 0;
  padding-left: 0;
}

.icon-sm>svg {
  height: 1.5rem;
  width: 1.5rem;
}

.icon-sm i {
  height: 1.5rem;
  width: 1.5rem;
}

.ms-3 {
  margin-left: 0.75rem!important;
}

.fw-bold {
  font-weight: 500!important;
}




.collapse-toggle {
  display: flex
}

.collapse-toggle:after {
  align-self: flex-start;
  color: #f5c070;
  content: "\e9b1";
  font-family: Feather;
  margin-left: auto;
  transform-origin: center center;
  transition: all .2s ease-in-out
}

.collapse-toggle[aria-expanded=true]:after {
  transform: rotate(45deg)
}

.dropdown-menu {
  padding: 1rem;
  transition: all 0.1s ease;
  background: #fff;
  border-color: #fff;
  margin-top: 10px !important;
  border-radius: 0;
  border-bottom: 4px solid #F26A2B;
}

.dropdown-menu-auto {
  min-width: auto
}

.dropdown-menu-lg {
  min-width: 24rem
}

.dropdown-menu-xl {
  min-width: 34rem;
}

.dropdown-menu-xxl {
  min-width: 60rem;
}

.dropdown-menu-flush {
  background-color: transparent;
  box-shadow: none;
  padding: 0
}

.dropdown-menu-col {
  background-color: #fff;
  border-radius: 0 0 1rem 1rem;
  box-shadow: 0 0 6px rgba(27, 22, 66, .03), 0 14px 24px rgba(27, 22, 66, .06), 0 0 6px rgba(27, 22, 66, .03), 0 14px 24px rgba(27, 22, 66, .06)
}

.dropdown-menu-body {
  padding: 2rem 1rem;
}

.dropdown-menu-footer {
  border-top: 1px solid #eaf2fe;
  margin-left: 2rem;
  margin-right: 2rem;
  padding-bottom: 1.25rem;
  padding-top: 1.25rem
}

/* .navbar-nav .dropdown-menu {
  display: none;
  opacity: 0;
  transform: translateY(10px);
  transition: all .2s ease-in-out;
  transition-property: opacity, transform
}

.navbar-nav .dropdown-menu.showing {
  display: block
}

.navbar-nav .dropdown-menu.show {
  display: block;
  opacity: 1;
  transform: translateY(0)
}

.navbar-reveal {
  transition: all .2s ease-in-out
} */






.banner-end {
  position: relative;
}

.banner-end>* {
  position: relative;
  z-index: 1;
}

.content-space-md-1 {
  padding-top: 4rem!important;
  padding-bottom: 4rem!important;
}

.banner-end::after {
  position: absolute;
  top: 0;
  left: -400px;
  right: 0;
  bottom: 0;
  width: 80%;
  height: 100%;
  display: block;
  transform: skewX(9deg);
  background: #F26A2B;
  content: '';
}


.prize-container .container {
  position: relative;
}

.prize-container .container>* {
  position: relative;
  z-index: 1;
}

.movember-block .container>* {
  align-items: center;
}

.prize-container .container::after {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  display: block;
  transform: skewX(-20deg);
  background: linear-gradient(to right,rgba(247,241,186,0) 22%,rgba(247,241,186,.3) 22%);
  content: '';
}

.style-guide img {
  min-height: 20rem;
}

.style-guide h1 {
  color: #F26A2B;
}

.popover-header {
  font-size: 1.5rem;
  background: #000000 !important;
  color: #fff;
}

.bs-popover-auto[x-placement^=bottom]>.arrow::after, .bs-popover-bottom>.arrow::after {
  border-bottom-color: #fff;
}  

.bs-popover-auto[x-placement^=bottom]>.arrow::before, .bs-popover-bottom>.arrow::before {
  border-bottom-color: #fff;
}

.bs-popover-auto[x-placement^=bottom] .popover-header::before, .bs-popover-bottom .popover-header::before {
  border-bottom: 0;
}






.blog-category li.nav-link {
  padding: 0.5rem !important;
  font-size: 0.9rem !important;
  border-bottom: 4px solid transparent;
}

.blog-category li.nav-link a {
  text-decoration: none;
}

.blog-category li.active {
  border-bottom: 4px solid #000000 !important;
  color: #fff !important;
}

.blog-grid .card {
  border: 0;
}

.blog-grid .card-img-top {
  border-radius: 0;
}

.blog-grid .card-text {
  font-weight: normal !important;
}





/* ============ desktop view ============ */
@media all and (min-width: 992px) {
	.navbar .nav-item .dropdown-menu{ display: none; }
	.navbar .nav-item:hover .nav-link{   }
	.navbar .nav-item:hover .dropdown-menu{ display: block; }
	.navbar .nav-item .dropdown-menu{ margin-top:0; }
}	
/* ============ desktop view .end// ============ */