/* ************************ */
/*							*/
/*	custom theme			*/
/*							*/
/* ************************ */
@media (min-width: 1600px) {
	.event-section .media-wrap{width:59%;}
	.event-section .text-wrap{width:41%;}


}

@media (max-width: 1599px) {
	#races-slider{margin-right:2rem;}

	.event-section .media-wrap{width:67%;}
	.event-section .text-wrap{width:33%;}

	#topics-carousel{padding-left:2rem; padding-right:2rem;}

	.course-map .bg-shape{width:180%;}

	.page-header-section .main-sponsor-logo{width:14rem; padding-left:5rem; padding-top:1rem;}
}

@media (max-width: 1199px) {
	/* md */
	#page-wrap{border-left:0px dashed red;}

	#social-nav #top-date{margin-right:0.5rem; font-size:0.88rem;}
	#social-nav > li + li{margin-left:0.2rem;}
	#top-nav > li + li{margin-left:0.7rem;}
	#main-nav-wrap > .container{padding-left:12rem;}
	#main-nav > li + li{margin-left:0.5rem;}
	#main-nav{ font-size:0.9rem;}
	#search-toggle{margin-left:1rem;}


	/*#main-slider .x-bg{width:calc((100vw - 970px)/2 + 25%);}
	#main-slider .media-bg{width:calc(75% + (100vw - 970px)/2 + 15px);}*/
	#main-slider .graphic-bg{ width:calc(300% + (100vw - 970px)/2);}
	#main-slider .x-bg{width:calc((100vw - 970px)/2 + 100% + 15px);}
	#main-slider .media-bg{left:calc((970px - 100vw)/2); width:calc(100% + (100vw - 970px));}
	#main-slider .slick-dots{left:calc((100vw - 970px)/2 + 15px); }

	.countdown-wrap .inner-wrap{width:70%;}

	#races-slider{margin-left:2rem;}

	.event-section .text-wrap::before{left:0;}
	.event-section .media-wrap{width:58%;}
	.event-section .text-wrap{width:42%; padding-right:3rem;}

	#sponsors-carousel .item{height:8.2rem;}

	#scrollup.affix{ bottom:4rem; }

	.three-boxes-wrap .item{padding-left:2rem; padding-right:2rem;}

	.main-col{padding-right:2rem;}

	.course-info:before{width:calc((100vw - 970px)/2 + 220%);}
	.course-map{width:calc((100vw - 970px)/2 + 41%);}
	.course-info{width:50%;}
	.course-map a{margin-right:65%;}

	#topics-carousel{margin-left:calc((970px - 100vw)/2 - 15px); margin-right:calc((970px - 100vw)/2 - 15px);}

	.guides-full-list .item-wrap{padding-left:0.5rem; padding-right:0.5rem;}
	.guides-full-list .item-text{padding-top:5rem;}
	.guides-full-list .item-link{bottom:1rem;}
	.guides-full-list{margin-left:-0.5rem; margin-right:-0.5rem;}

	.inspiration-list .item-text{padding-top:2rem;}
	.inspiration-list .item-link{bottom:2rem;}

	#charities-list .item{ width:calc(25% - 0.4rem);}

	#topics-carousel .item-icon{padding:1rem; width:6.5rem; height:4.5rem;}
	#topics-carousel .item-icon img{ max-width:2.5rem; max-height:2.5rem;}

	#testimonials-slider .slick-prev{left:16.66%;}
	#testimonials-slider .slick-next{right:16.66%;}





}

@media (max-width: 991px) {
	/* sm */
	#page-wrap{border-left:0px dashed green;}

	body{ display:block;}
	html{font-size:14px;}

	.notification-section{ display:none;}

	#page-wrap, #footer{min-height:none; min-height:auto;}

	.container{ width:auto; padding-left:15px; padding-right:15px;}

	.content-section{ padding-top:3rem; padding-bottom:3rem; }

	.mobile-hidden{ display:none;}

	.main-col{padding-right:15px;}

	.textbox, .form-wrap, .accordion, .mb, .mb-sm, .side-nav, .tabs-wrap{margin-bottom:3rem;}
	*+.mt{margin-top:4rem;}

	.underlined{ text-decoration:underline;}
	.underlined:hover{ text-decoration:none;}
	.underlined:before{ display:none;}

	.inline-radio-wrap{ display:block;}
	label + .inline-radio-wrap{margin-left:0;}

	#header{height:auto;}

	.navbar{ position:relative;}
	.navbar.affix{top:0; box-shadow:none;}

	.navbar-brand{margin-left:0; position:relative; top:0; float:left; width:10rem; transition:none; -webkit-transition:none;}
	.navbar.affix .navbar-brand{top:0; transform:none;}

	#navigation{position:absolute; width:100%; padding-left:0; padding-right:0; box-shadow:0 5px 10px rgba(0,0,0,0.5); margin-top:-1px;}
	#top-nav-wrap{height:auto; margin:0;}
	#top-nav-wrap > .container{flex-wrap:wrap; align-items:flex-start;}
	#top-date{margin:0; max-width:100%; width:100%; margin-bottom:1rem;}
	#social-nav{ display:flex; margin:0;}
	#social-nav > li+li{margin-left:0.6rem;}
	#top-nav{ display:flex; margin:0; margin-left:auto;}

	#main-nav-wrap{height:auto; margin:0;}
	#main-nav-wrap > .container{padding-left:15px; padding-top:0; display:block;}
	#main-nav {margin:0.5rem -15px; width:auto; text-align:left; display:block; font-size:1rem;}
	#main-nav > li{ display:block; margin-bottom:0;}
	#main-nav > li+li{margin-top:1px; margin-left:0;}
	#main-nav > li > a{padding:0.5rem 1rem; text-align:left;}

	#main-nav > li.dropdown_split > a{padding-right:1rem; margin-right:0;}
	#main-nav > li.dropdown_split > .dropdown-toggle{ display:block; right:15px; top:0; width:3.5rem; padding-left:1rem; padding-right:1rem; text-align:center;}

	#main-nav > .active > a, #main-nav > .active > a:focus{color:#000; background-color:#FCC33A;}
	#main-nav > .active > a:hover{color:#000; background-color:#FCC33A;}

	#main-nav > li > a:focus{color:#000; background-color:transparent;}

	#main-nav > li > a:after{ display:none;}

	#main-nav .dropdown-menu{position:relative; padding-left:0; float:none; box-shadow:none; -webkit-box-shadow:none; min-width:auto; background-color:#fff; margin-top:1px;}
	#main-nav .dropdown-menu > li > a{ padding:0.5rem 1rem;}
	#main-nav .dropdown-menu > li.dropdown_split > a{padding-right:1rem; margin-right:0;}
	#main-nav .dropdown-menu > li.dropdown_split > .dropdown-toggle{right:15px; width:3.5rem; padding-left:1rem; padding-right:1rem; text-align:center; padding-left:1rem!important;}

	#main-nav .dropdown-menu > li > a, #main-nav .dropdown-menu > li > a:focus{color:#000; background:transparent;}
	#main-nav .dropdown-menu > li > a:hover{color:#000; background-color:transparent;}

	#main-nav .dropdown-menu > .active > a, #main-nav .dropdown-menu > .active > a:focus{color:#000; background-color:#FCC33A;}
	#main-nav .dropdown-menu > .active > a:hover{color:#000; background-color:#FCC33A;}

	#main-nav .dropdown-menu > li > a .fa{ transform:rotate(0deg); -webkit-transform:rotate(0deg);}
	#main-nav .dropdown-menu > li > a[aria-expanded="true"] .fa{ transform:rotate(-180deg); -webkit-transform:rotate(-180deg);}

	#main-nav .dropdown-menu .dropdown-menu{left:0; top:0;}
	#main-nav .dropdown-menu li a{padding-left:2rem!important;}
	#main-nav .dropdown-menu .dropdown-menu li a{padding-left:4rem!important;}

	#main-nav .dropdown-menu.open-left {left:0; right:0;}
	#main-nav .dropdown-menu .dropdown-menu.open-left{left:0; right:0;}

	#search-toggle{ display:none;}
	#registration-button{margin:0.5rem 0;}
	#top-search{ position:relative; bottom:0; z-index:0; margin:1rem 0 0 0; border-width:0.22rem; padding:0;}
	#top-search .form-control{height:2.5rem; font-size:1rem; padding:0; margin-bottom:0;}
	#top-search label{ display:none;}
	#top-search > .container{padding-bottom:0;}
	#top-search .search-close{ display:none;}
	#top-search .mobile-search{ display:inline-block;}

	/*#main-slider .x-bg{width:25%;}
	#main-slider .media-bg{width:75%;}*/
	#main-slider .item > .container{width:100%;}
	#main-slider .left-wrap, #main-slider .right-wrap{padding-top: 4rem;padding-bottom: 11rem;}
	#main-slider .left-wrap{padding-right: 3rem;padding-left:2rem;}
	#main-slider .media-bg{left:0; width:100%;}
	#main-slider .graphic-bg{width:300%;}
	#main-slider .x-bg{width:calc(100% + 15px);}

	.countdown-wrap .inner-wrap{padding:1rem 1rem 1rem 0;}
	.countdown-wrap .clock-heading-wrap{margin-bottom:1rem;}

	.event-section .text-wrap{padding:3rem 1rem 3rem 0;}
	.event-section{height:26rem;}

	#sponsors-carousel{margin-right:1rem;}
	#sponsors-carousel .item{height:calc(100vw/6.5);}
	.ad-wrap{ text-align:center;}
	.ad-wrap .ad-left{margin-bottom:0.5rem;}
	.ad-wrap .ad-left, .ad-wrap .ad-right{ display:inline-block; max-width:100%;}

	.full-width-cta-section > .container{width:100%;}
	.full-width-cta-section{height:25rem;}

	.page-header-section{height:calc(100vw/3);}

	.info-box .panel-heading{ font-size:0.88rem; padding:1rem 1rem 1rem 5.5rem;}

	.course-info{width:60%; margin-top:-5.6rem;}
	.course-info::before{width:170%; right:2rem;}
	.course-info::after{right:2rem;}
	.course-map{left:60%; width:50%; margin-bottom:-5.6rem;}
	.course-map a{margin-right:10%;}
	.course-description-section :first-child.slash-sep{margin-top:1rem;}
	.course-description-section :last-child.slash-sep{margin-bottom:1rem;}

	.guides-list .info-box .panel-heading{padding-left:5.5rem;}

	.accordion .panel-title{ font-size:0.88rem;}
	.accordion .panel-title a{padding-left:5.5rem;}

	#topics-carousel{margin-left:0; margin-right:0;}
	#topics-carousel .item-link{ opacity:1; transform:none; -webkit-transform:none; }

	.radio-check-control{margin-top:0;}

	.guides-full-list .item-link{ opacity:1; transform:none; -webkit-transform:none;}
	.guides-full-list .item{margin-bottom:1rem;}
	:first-child.filter-options{margin-top:0;}

	.flex-height.page-header-section{padding:4rem 0;}

	.heading-shape span{padding:1rem;}
	.more-info-section{padding:2rem 0;}
	.more-info-section .heading-shape{margin-top:-2.05rem; margin-bottom:2rem;}

	.page-header-section .main-sponsor-logo{width:14rem;}

	#charities-list .item{ width:calc(33.33% - 0.4rem); height:calc(100vw/6);}
	#charities-list .item .hover{ display:none;}

	.news-back-link{padding:1rem;}
	.affix.news-back-link{top:0;}

	#page-search .search-close span{margin-top:-2px;}


	#main-slider .slick-dots{left: 3rem;bottom: 7rem;}


}


@media (max-width: 767px) {
	/* xs */
	#page-wrap{border-left:0px dashed blue;}

	.content-section{ padding-top:2.5rem; padding-bottom:2.5rem; }
	.page-header-section + .content-section{padding-top:2rem;}

	h1, .h1-style{font-size:1.71rem /*24px*/;}
	h2{font-size:1.57rem /*22px*/;}
	h3{font-size:1.42rem /*20px*/;}
	h4{font-size:1.28rem /*18px*/;}
	h5{font-size:1.14rem /*16px*/;}
	h6{font-size:1.00rem /*14px*/;}

	.bold-sep{width:4.5rem; height:0.55rem;}

	#scrollup.affix{ bottom:1rem; }


	h1, h2, h3, h4, h5, h6, .textbox p, .textbox ul, .textbox ol, .article-header{margin-bottom:1.5rem;}
	h1+h2, h2+h3, h3+h4{margin-top:-0.5rem;}

	.textbox, .form-wrap, .accordion, .mb, .mb-sm, .mb-xs, .side-nav, .tabs-wrap{margin-bottom:2rem;}
	*+.mt{margin-top:3rem;}

	.textbox img, .textbox .align-left, .textbox .align-right{ float:none; margin-left:0; margin-right:0; max-width:100%; margin-bottom:2rem;}

	.navbar-brand{width:8rem; }
	.navbar-toggle{margin-top:0.2rem; margin-bottom:0.2rem;}

	#top-nav-wrap > .container{ display:block;}
	#social-nav{margin-bottom:1rem;}


/*	#main-slider .box-border{top:-2rem; left:-1rem; right:-1rem; transform:none; -webkit-transform:none; border-width:4px;}*/

	#main-slider .left-wrap, #main-slider .right-wrap{padding-top: 3rem;padding-bottom:9rem;}
	#main-slider .box-border{top:-2rem;}

	#main-slider .slick-dots li button{width:10px; height:10px;}

	.countdown-wrap{margin-top:-8rem;}
	.countdown-wrap .inner-wrap{padding-left:1rem; width:100%;}
	.countdown-wrap .bg-shape{ display:none;}

	.three-boxes-wrap{ display:block; }
	.three-boxes-wrap .item{width:auto; height:calc(100vw/1.7);}
	.three-boxes-wrap .item+.item{margin-top:1rem;}

	.main-sponsor-logo{ text-align:center;}

	.slash-decor span:last-child{ height:1.55rem;}

	#sponsors-carousel .item{height:calc(100vw/5);}
	#sponsors-carousel{margin-left:1rem;}



	#races-slider{margin-left:1rem; margin-right:1rem;}

	#site-map{flex-wrap:wrap;}
	#site-map .col{width:25%;}
	#site-map .col:first-child{width:100%;}
	#site-map address{ display:flex; margin-bottom:2rem;}
	#site-map address > div + div{margin-top:0;}
	#site-map address > div{padding-right:1rem;}

	#race-logos-section{padding:1rem 0;}

	#footer-nav-section{padding-top:2rem;}

	#footer-bottom > .container > .row{ display:block;}
	#footer-social-nav{margin-bottom:1rem;}
	#footer-sign-up{ display:block;}
	#footer-sign-up > div{ text-align:left; margin-bottom:0.5rem;}
	#footer-sign-up .sign-up-form{margin-left:0;}

	.article-header .floating-button, .article-header .share-control-wrap{margin-top:0;}

	.page-header-section .main-sponsor-logo{width:15rem; padding-left:5rem; padding-top:1rem;}

	.races-list .race-image{width:40%;}
	.races-list .race-info{width:calc(60% - 2rem);}

	.race-details-wrap{ display:block;}
	.race-details-wrap [class*='col-']{ display:block;}
	.race-details-wrap .info-box{width:auto;}
	.race-details-wrap .info-box+.info-box{margin-top:1rem;}
	.info-box .details-value{font-size:1.3rem; margin-bottom:1rem;}
	.info-box .panel-heading{padding-top:0.5rem; padding-bottom:0.5rem;}

	.slash-sep{height:1.5rem; background-size:auto 100%;}

	.course-info{width:auto; margin-top:0; padding:2.5rem 0;}
	.course-info::before{ transform:none; -webkit-transform:none; width:auto; left:-15px; right:-15px;}
	.course-map{left:0; width:auto; margin-bottom:0; position:relative; height:calc(100vw/1.7);}
	.course-map .bg-shape{ transform:none; -webkit-transform:none; left:-15px; right:-15px; width:auto;}
	.course-map .bg-shape .inner-wrap{ transform:none; -webkit-transform:none;}
	.course-map a{margin-right:0;}

	.guides-list .info-box .panel-heading{padding-top:0.5rem; padding-bottom:0.5rem;}

	#topics-carousel{padding-left:1rem; padding-right:1rem;}
	#topics-carousel .slick-prev{left:-1rem;}
	#topics-carousel .slick-next{right:-1rem;}
	#topics-carousel .item-icon{padding:1rem; width:6.33rem; height:4.18rem;}
	#topics-carousel .item-icon img{max-width:1.84rem; max-height:1.84rem;}

	.guides-list{ display:block;}
	.guides-list .info-box{width:auto;}

	.form-wrap form > .row{ display:block;}
	.form-group{margin-bottom:0.5rem;}
	.in-form-heading{margin-top:1.5rem;}
	.radio label, .checkbox label, .inline-radio-wrap label{ font-size:1rem;}

	.affix#scrollup{bottom:5rem;}

	.guides-full-list .item-wrap{width:50%;}

	.page-header-section.flex-height{padding:2rem 0;}

	#testimonials-slider{padding-bottom:2rem;}
	#testimonials-slider{padding-left:8%; padding-right:8%;}

	.tips-gear{ display:block;}
	.tips-gear > .row{display:block;}
	.tips-gear > .row > [class*='col-']{ display:block;}
	.tips-gear .image-wrap{padding-right:0; width:auto; margin-bottom:1rem;}
	.tips-gear .image-wrap img{max-width:100%;}

	.programs-list .week .number{font-size:3rem;}
	.programs-list .week .title{padding:0.2rem 0.5rem;}

	.page-header-section .main-sponsor-logo{width:11rem; padding-left:3.5rem; padding-top:0.5rem;}

	#charities-list .item{padding:1rem; height:calc((100vw/3)/1.33);}
	#charities-filter li{margin:0 1rem 1rem 0;}
	#charities-filter{flex-wrap:wrap;}

	#albums-list .item{ width:calc(50% - 1rem); margin:0.5rem;}
	#albums-list{margin-left:-0.5rem; margin-right:-0.5rem;}

	.album-details-modal .modal-header{padding:0.5rem 2rem 0.5rem 6rem;}
	.modal-header .close{top:0.2rem;}
	.album-details-modal .modal-body{padding:0.5rem 1rem 1rem 1rem;}
	.album-details-modal .modal-header{ background-position:1rem center;}

	.programs-list .week .number{width:3.5rem; padding:0.2rem;}

	.news-list .date-label{font-size:1.2rem; padding-right:2.5rem;}
	.news-list .item-image{margin-right:1rem;}
	.news-list .item-text{width:calc(60% - 1rem);}

	.news-back-link{font-size:1rem;}
	.news-back-link img{ vertical-align:bottom;}
	.news-article-header{padding:0.5rem 0;}

	.search-query{margin-top:2rem; margin-bottom:1rem;}
	#page-search{padding:0.5rem 0;}
	#page-search > .container{padding-bottom:0.5rem;}
	#page-search .form-control{height:2.5rem; font-size:1.66rem;}
	#page-search .search-close{width:1.5rem; height:1.5rem;}

	#races-slider .race-mileage{ font-size:1.5rem; padding:0.5rem 2rem 0.5rem 0.5rem;}
	.races-list .race-mileage{ font-size:1.5rem; padding:0.5rem 2rem 0.5rem 0.5rem;}

	#testimonials-slider .slick-prev{left:8%;}
	#testimonials-slider .slick-next{right:8%;}
	#main-slider .slick-dots{bottom: 6rem;}

	.developer-link:not(:first-child){margin-top: 0.5rem;}


}

@media (max-width: 479px) {
	#page-wrap{border-left:0px dashed yellow;}



	#top-nav{ display:block;}
	#top-nav > li > a{padding:0.5rem 0;}
	#top-nav > li + li{margin-left:0;}

	#main-slider .item > .container{ display:block;}
	#main-slider .media-bg{ display:none;}
	/*#main-slider .x-bg{width:100%; left:0;}
	#main-slider .graphic-bg{left:50%;}*/
	#main-slider .graphic-bg{ display:none;}
	#main-slider .x-bg{ display:none;}
	#main-slider .left-wrap{padding: 2rem 0; width:auto; display:block;}
	#main-slider .right-wrap{padding-bottom:2rem; padding-top:0; width:auto; display:block;}
	#main-slider .box-border{ display:none;}


	.countdown-wrap{margin-top:1rem;}
	.countdown-wrap .clock-heading-wrap{ display:block;}
	.countdown-wrap .clock-heading-wrap .clock-heading{margin-bottom:0.5rem; font-size:1.2rem;}
	.countdown-wrap .clock-heading-wrap .event-name{margin-left:0;}
	.countdown-clock .clock-section + .clock-section{margin-left:0.2rem; padding:0.2rem;}
	.countdown-clock .clock-section .clock-label{ font-size:0.6rem; padding:0.2rem;}
	.countdown-clock .clock-section .clock-value{padding:0.2rem; font-size:2.6rem;}

	.event-section{height:auto; display:block;}
	#race-weekend .media-wrap{ display:none;}
	.event-section .text-wrap:before{ display:none;}
	.event-section .text-wrap{padding:2rem 1rem; width:auto;}

	#three-boxes-section{padding-top:2rem;}

	.full-width-cta-section{height:auto;}
	.full-width-cta-section .x-sign{right:100%;}

	#logos-wrap{flex-wrap:wrap;}
	#logos-wrap a{width:50%; padding:1rem;}

	#site-map address{ display:block; margin-bottom:0;}
	#site-map address > div{padding-right:0; margin-bottom:0.5rem;}
	#site-map{ font-size:1rem;}
	#site-map .col{width:100%; padding-right:0;}
	#site-map .col+.col{margin-top:2rem;}

	#footer-social-nav{flex-wrap:wrap; text-align:left;}
	#footer-social-nav li:first-child{width:100%; margin-bottom:0.5rem;}

	.page-header-section .main-sponsor-logo{width:10rem; padding-left:3rem; padding-top:0.5rem;}

	.races-list .race-image{margin-right:1rem;}
	.races-list .item + .item{margin-top:2rem;}

	#topics-carousel{padding-left:10%; padding-right:10%;}
	#topics-carousel .item-title h4{ font-size:2rem;}

	.accordion .panel-body{padding:1rem;}

	.filter-options .checks-list{ display:block;}
	.filter-options .checks-list .checkbox{width:auto;}

	.guides-full-list{ display:block; margin:0;}
	.guides-full-list .item-wrap{padding:0; width:auto;}
	.guides-full-list .item-text{padding-top:8rem;}
	.guides-full-list .item-link{bottom:4rem;}

	.article-header{ display:block;}
	.article-header h1, .article-header .h1-style, .article-header h2{margin-right:0; margin-bottom:1rem;}

	.links-list{ display:block;}
	.links-list li{width:auto; padding-right:0;}

	.programs-list{ display:block;}
	.programs-list .item-wrap{width:auto; padding:0!important; border:0!important;}
	.programs-list .item-wrap+.item-wrap{margin-top:2rem;}
	.programs-list .textbox p:not(:last-child){margin-bottom:0.5rem;}

	#testimonials-slider{padding-left:0; padding-right:0;}

	#charities-list .item{ width:calc(50% - 0.4rem); height:calc((100vw/2)/1.33);}

	#albums-list{margin-left:0; margin-right:0; display:block;}
	#albums-list .item{width:auto;}

	.news-list .item{ display:block;}
	.news-list .item-image{width:auto; margin-right:0; margin-bottom:1rem;}
	.news-list .item-text{width:auto;}
	.news-list .item-title{margin-bottom:1rem;}
	.news-list .textbox{margin-bottom:1rem;}
	.news-list .item + .item{margin-top:2rem;}
	.news-list + .load-more-button{margin-top:2rem;}

	.news-article-header{ display:block;}
	.news-article-header{padding-top:0;}
	.news-article-header .topics-list{margin-bottom:1rem;}

	.article-header .floating-button, .article-header .share-control-wrap{ display:inline-block;}
	.share-control-wrap .dropdown-menu-right{left:0; right:auto;}

	#main-slider .slick-dots { left: 1rem; bottom: 8rem;}

}

@media (max-width: 320px) {
	#page-wrap{border-left:0px dashed red;}




}
@media (max-width: 240px) {
	.navbar-brand{top:4.8rem;}


}