/* Font Face */

@font-face{font-family:'Salesforce Sans';src:url(../fonts/SalesforceSans-Regular.woff2) format("woff2"),url(../fonts/SalesforceSans-Regular.woff) format("woff");}
@font-face{font-family:'Salesforce Sans Light';src:url(../fonts/SalesforceSans-Light.woff2) format("woff2"),url(../fonts/SalesforceSans-Light.woff) format("woff");}
@font-face{font-family:'Trailhead';src:url(../fonts/TrailheadBold2.woff2) format("woff2"),url(../fonts/TrailheadBold2.woff) format("woff");}
@font-face{font-family:'Neutra';src:url(../fonts/NeutraDisplayTitling.woff2) format("woff2"),url(../fonts/NeutraDisplayTitling.woff) format("woff");}
@font-face {
            font-family: 'Glyphicons Halflings';
            src: url('/fonts/glyphicons-halflings-regular.eot');
        }


/* General Styles */

html {
	margin: 0;
	height: auto;
	min-height: 100%;
	background-color: #fdf7e7;
	font-size: 62.5%;
}

body {
	/*min-height: 100vh;*/
	margin: 0 auto;
	font-size: 16px;
	line-height: 24px;
	-moz-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	font-smoothing: antialiased;
	font-family: Salesforce Sans, Arial, sans-serif;
	background-color: #009CDF;
	position: relative;
	overflow-x: hidden;
}

.clear {
	clear: both;
}


section {
	max-width: 1460px;
	margin: 0 auto;
	box-sizing: border-box;
	padding: 20px 40px;
}

/* Nav-Header Styles */

header {
	height: 100px;
}

.header-holder {

	margin: 0 auto;
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	padding: 40px 40px;
	z-index: 2;
	background-color: #003665;

}

.header-holder.mobile-menu {
	display: none;
}

.header-nav {
  width: 100%;
  display: inline-block;
  float: none;
  position: absolute;
  transform: translate(-35%, -50%);

}

.header-nav ul {
	margin: 0;
	text-align: right;
}

.header-nav ul li {
	display: inline-block;
	line-height: 71px;
}

.header-nav ul li a {
	text-decoration: none;
	color: #fff;
	margin-right: 20px;
}

.header-logo {
	width: 250px;
	display: inline-block;
	float: left;
}

.header-logo img {
	display: block;
	width: 100%;
}

.fixed-nav {
	background-color: #003665;
	  opacity: 0.7;
}



/* Welcome Styles */

#welcome {
	color: #fff;
	text-align: center;
    position: relative;
	padding-bottom: 130px;
}

#welcome h1 {
	font-family: 'Neutra', Arial, sans-serif;
	text-transform: uppercase;
	font-size: 10rem;
	line-height: 12rem;
	margin: 0 0 60px 0;
}

#welcome h2 {
	font-family: 'Trailhead', Arial, sans-serif;
	font-size: 5rem;
	line-height: 7rem;
	margin-bottom: 0;
}

#welcome h3 {
	font-weight: normal;
	font-size: 2.8rem;
	line-height: 4rem;
	margin: 0 0 40px 0;
}


/* Explore Styles */

#explore {
	color: #fff;
	text-align: center;
	padding-bottom: 80px;
	padding-top: 80px;
	position: relative;
	z-index: 1;
}

#explore h1 {
	font-family: 'Neutra', Arial, sans-serif;
	text-transform: uppercase;
	font-size: 5rem;
	line-height: 7rem;
	margin: 0;
}

#explore h2 {
	font-family: 'Trailhead', Arial, sans-serif;
	font-size: 5rem;
	line-height: 7rem;
	margin: 0 0 20px 0;
}

#explore h3 {
	font-weight: normal;
	font-size: 2.rem;
	line-height: 4rem;
	margin: 0 0 40px 0;
}

#explore p {
	font-size: 2.4rem;
	line-height: 3rem;
}


/* Reasons Styles */

#reasons {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: stretch;
	padding: 0 40px 60px 40px;
	position: relative;
	z-index: 1;
}

.reason  {
	height: 345px;
	position: relative;
	width: 25%;
	border-right: solid 20px transparent;
	font-family: 'Neutra', Arial, sans-serif;
	box-sizing: border-box;
}

.reason:last-of-type {
	border-right: none;
}

.reason > div:first-child {
	max-height: 325px;
	height: 100%;
	color: #ffffff;
	font-size: 5rem;
	line-height: 7rem;
	text-transform: uppercase;
	text-align: center;
}

.reason > div:first-child p {
	padding-top: 20px;
}

.reason > div img {
	display: block;
	height: 33%;
}

.reason-text {
	box-sizing: border-box;
	background-color: #FFFFFF;
	color: #000000;
	font-family: 'Salesforce Sans', Arial, sans-serif;
	font-size: 14px;
	padding: 10px 15px;
	height: 100px;
	text-align: left;
}

.r-1, .r-2, .r-3, .r-4 {
    background-repeat: no-repeat;
    background-size: cover;
	display: flex;
	flex-direction: column;
	align-items: center;
  justify-content: center;
}

.r-1 {
    background-image: url(../images/Connect.jpg);
}

.r-2 {
    background-image: url(../images/Earn.jpg);
}

.r-3 {
    background-image: url(../images/Learn.jpg);
}

.r-4 {
    background-image: url(../images/GiveBack.jpg);
}

/* Quote Styles */

#quote {
	padding: 0 40px;
	z-index: 1;
	position: relative;
}

.quote-holder {
	background-color: #FCCC76;
	margin-top: 60px;
	display: flex;
	background-image: url(../images/QuoteBackgroundLeft.png);
    background-repeat: no-repeat;
    background-size: contain;
	background-position: bottom left;
	align-items: stretch;
}

.quote-text {
	width: 60%;
	box-sizing: border-box;
	padding: 40px 0 100px 60px;
}

.quote-text p {
	font-size: 5rem;
	line-height: 6rem;
	font-family: 'Salesforce Sans Light', Arial, sans-serif;
	padding-top: 0;
	margin-top: 0;
}

.quote-text p.src-attr {
	text-align: right;
	font-size: 1.6rem;
	line-height: 2.4rem;
	font-family: 'Salesforce Sans', Arial, sans-serif;
}

.quote-text p.src-attr span.ld-quote {
	display: inline-block;
	font-weight: bold;
	font-size: 1.8rem;
}

.quote-image {
    background-image: url(../images/QuoteBackground.png);
    background-repeat: no-repeat;
    background-size: contain;
	background-position: bottom right;
	width: 40%;

}

.noteText {
	color: #ffffff;
	font-size: 2.2rem;
}

/* Home Footer */

#home-footer {
	width: 100%;
	max-width: 100%;
	padding: 60px 0 0 0;
	background: transparent;
	position: relative;
	z-index: 1;
}

.register-msg {
	width: 100%;
	max-width: 100%;
}

.register-msg h1 {
	font-family: 'Neutra', Arial, sans-serif;
	text-align: center;
	font-size: 5rem;
	line-height: 6.5rem;
	text-transform: uppercase;
	color: #003763;
}

.register-msg p {
	text-align: center;
	padding-top: 20px;
}

/* Background Images */

.pic {
    background-image: url(../images/polaroids.png);
    background-repeat: no-repeat;
    background-size: contain;
    height: 388px;
    width: 420px;
    position: absolute;
    top: 180px;
	left: -100px;
    opacity: 1;
}

.glide {
    background-image: url(../images/AstroHangGliding.png);
    background-repeat: no-repeat;
    background-size: contain;
	background-position: 0 70%;
    height: 388px;
    width: 420px;
    position: absolute;
    top: 180px;
	right: -100px;
    opacity: 1;
}

.cloud-1 {
    background-image: url(../images/cloud-left.png);
    background-repeat: no-repeat;
    background-size: contain;
    height: 250px;
    width: 800px;
	left: 0;
    position: absolute;
    top: 1000px;
    opacity: .2;
	z-index: 0;
}

.cloud-2 {
    background-image: url(../images/cloud-right.png);
    background-repeat: no-repeat;
    background-size: contain;
    height: 300px;
    width: 800px;
    position: absolute;
    top: 800px;
	right: 0;
    opacity: .2;
	background-position: top right;
	z-index: 0;
}


.Schedule-cloud-1 {
    background-image: url(../images/cloud-left.png);
	transform: rotate(180deg);
    background-repeat: no-repeat;
    background-size: contain;
    height: 250px;
    width: 800px;
	right: 0;
    position: absolute;
    top: 200px;
    opacity: .2;
	z-index: 0;
}

.Schedule-cloud-2 {
    background-image: url(../images/cloud-right.png);
	transform: rotate(180deg);
    background-repeat: no-repeat;
    background-size: contain;
    height: 300px;
    width: 800px;
    position: absolute;
    top: 400px;
	left: 0;
    opacity: .2;
	background-position: top right;
	z-index: 0;
}


.Schedule-cloud-3 {
    background-image: url(../images/cloud-left.png);
    background-repeat: no-repeat;
    background-size: contain;
    height: 250px;
    width: 800px;
	left: 0;
    position: absolute;
    top: 1000px;
    opacity: .2;
	z-index: 0;
}

.Schedule-cloud-4 {
    background-image: url(../images/cloud-right.png);
    background-repeat: no-repeat;
    background-size: contain;
    height: 300px;
    width: 800px;
    position: absolute;
    top: 700px;
	right: 0;
    opacity: .2;
	background-position: top right;
	z-index: 0;
}



.badge-1 {
    background-image: url(../images/Salesforce_THD_Admin_Reports.png);
    background-repeat: no-repeat;
    background-size: contain;
    height: 150px;
    width: 800px;
	left: 150px;
    position: absolute;
    top: 1400px;
    opacity: 1;
	z-index: 0;
}

.badge-2 {
    background-image: url(../images/Salesforce_THD_Architects.png);
    background-repeat: no-repeat;
    background-size: contain;
    height: 150px;
    width: 800px;
    position: absolute;
    top: 500px;
	right: 150px;
    opacity: 1;
	background-position: top right;
	z-index: 0;
}


.badge-3 {
    background-image: url(../images/Salesforce_THD_Developer_Aura.png);
    background-repeat: no-repeat;
    background-size: contain;
    height: 150px;
    width: 800px;
	left: 150px;
    position: absolute;
    top: 750px;
    opacity: 1;
	z-index: 0;
}

.badge-4 {
    background-image: url(../images/Salesforce_THD_Marketing_Email.png);
    background-repeat: no-repeat;
    background-size: contain;
    height: 150px;
    width: 800px;
    position: absolute;
    top: 350px;
	right: 150px;
    opacity: 1;
	background-position: top right;
	z-index: 0;
}


.badge-5 {
    background-image: url(../images/Salesforce_THD_Pardot.png);
    background-repeat: no-repeat;
    background-size: contain;
    height: 150px;
    width: 800px;
    position: absolute;
    top: 800px;
	left: 100px;
    opacity: 1;
	z-index: 0;
}



.Track-badge-5 {
    background-image: url(../images/Salesforce_THD_Pardot.png);
    background-repeat: no-repeat;
    background-size: contain;
    height: 150px;
    width: 800px;
    position: absolute;
    top: 800px;
	left: 100px;
    opacity: 1;
	z-index: 0;
}

.Track-badge-2 {
    background-image: url(../images/Salesforce_THD_Architects.png);
    background-repeat: no-repeat;
    background-size: contain;
    height: 150px;
    width: 800px;
    position: absolute;
    top: 2000px;
	right: 150px;
    opacity: 1;
	background-position: top right;
	z-index: 0;
}


.Track-cloud-3 {
    background-image: url(../images/cloud-left.png);
    background-repeat: no-repeat;
    background-size: contain;
    height: 250px;
    width: 800px;
	left: 0;
    position: absolute;
    top: 2000px;
    opacity: .2;
	z-index: 0;
}

.Track-cloud-4 {
    background-image: url(../images/cloud-right.png);
    background-repeat: no-repeat;
    background-size: contain;
    height: 300px;
    width: 800px;
    position: absolute;
    top: 1700px;
	right: 0;
    opacity: .2;
	background-position: top right;
	z-index: 0;
}


.FAQ-cloud-1 {
    background-image: url(../images/cloud-left.png);
    background-repeat: no-repeat;
    background-size: contain;
    height: 250px;
    width: 800px;
	left: 0;
    position: absolute;
    top: 1000px;
    opacity: .2;
	z-index: 0;
}

.FAQ-cloud-2 {
    background-image: url(../images/cloud-right.png);
    background-repeat: no-repeat;
    background-size: contain;
    height: 300px;
    width: 800px;
    position: absolute;
    top: 800px;
	right: 0;
    opacity: .2;
	background-position: top right;
	z-index: 0;
}


.FAQ-cloud-3 {
    background-image: url(../images/cloud-left.png);
	transform: rotate(180deg);
    background-repeat: no-repeat;
    background-size: contain;
    height: 250px;
    width: 800px;
	right: 0;
    position: absolute;
    top: 100px;
    opacity: .2;
	z-index: 0;
}

.FAQ-cloud-4 {
    background-image: url(../images/cloud-right.png);
	transform: rotate(180deg);
    background-repeat: no-repeat;
    background-size: contain;
    height: 300px;
    width: 800px;
    position: absolute;
    top: 400px;
	left: 0;
    opacity: .2;
	background-position: top right;
	z-index: 0;
}

.FAQ-badge-1 {
    background-image: url(../images/Salesforce_THD_Admin_Reports.png);
    background-repeat: no-repeat;
    background-size: contain;
    height: 150px;
    width: 800px;
	left: 150px;
    position: absolute;
    top: 1100px;
    opacity: 1;
	z-index: 0;
}

.FAQ-badge-2 {
    background-image: url(../images/Salesforce_THD_Architects.png);
    background-repeat: no-repeat;
    background-size: contain;
    height: 150px;
    width: 800px;
    position: absolute;
    top: 500px;
	right: 300px;
    opacity: 1;
	background-position: top right;
	z-index: 0;
}



.characters {
	width: 100%;
	position: relative;
	z-index: 0;
}

.characters img {
	display: block;
	width: 100%;
	margin-top: -400px;
}


/* Footer Styling */

.salesforce-footer {

    position: relative;
	height: 70px;
	background-color: #003763;
}


.salesforcelogo {
    background-image: url(../images/Salesforce_Logo.png);
	background-repeat: no-repeat;
	height: 100px;
    width: 250px;
	float: left;
	margin-left: 200px;

}

.footerContent {
	color: #ffffff;
	margin-left: 300px;
}

.footerLinks {
	list-style-type: none;
	display: inline;
	padding: 0;

}
.footerLinks ul {

}

.footerLinks li {
	text-align:left;
	display: inline;
	margin-right: 60px;
}

.footerLinks a {
	color: #ffffff;
}


.bg-images {
	width: 100%;
}

/* Non-Index Page Styles */

#container-content {
	max-width: 1100px;
	position: relative;
	z-index: 1;
}

#container-content h1 {
	color: #fff;
	font-family: 'Neutra', Arial, sans-serif;
	font-size: 10rem;
	text-align: center;
	line-height: 13rem;
	text-transform: uppercase;
	margin-top: 0;
	margin-bottom: 0;
}

#container-content h1:before {
	content: "\00ab";
	font-size: 9rem;
	line-height: 13rem;
	color: #F2D249;
	font-family: 'Salesforce Sans', Arial, sans-serif;
	display: inline-block;
	padding-right: 20px;
}


#container-content h1:after {
	content: "\00bb";
	font-size: 9rem;
	line-height: 13rem;
	color: #F2D249;
	font-family: 'Salesforce Sans', Arial, sans-serif;
	display: inline-block;
	padding-left: 20px;
}

#container-content h2 {
	color: #fff;
	font-family: 'Neutra', Arial, sans-serif;
	font-size: 10rem;
	text-align: center;
	line-height: 10rem;
	text-transform: uppercase;
	margin-top: 0;
	margin-bottom: 0;
}

#container-content h3 {
	color: #fff;
	font-family: 'Trailhead', Arial, sans-serif;
	font-size: 5rem;
	text-align: center;
	line-height: 6rem;
	margin-top: 0;
	margin-bottom: 0;
}

/* Schedule Accordian */

.panel-group {
	margin-top: 90px;
}

#faq-accordion .panel-title {
	position: relative;
}

span.glyphicon-minus-sign, span.glyphicon-plus-sign {
	position: absolute;
	left: 20px;
	top: 25px;
	display: none;
	font-weight: normal;
}

h4.panel-title a.collapsed span.glyphicon-plus-sign {
	display: inline-block;
}

h4.panel-title a[aria-expanded=true] span.glyphicon-minus-sign {
	display: inline-block;

}

.panel-group .panel{
	background-color: transparent;
	border: none;
	margin-bottom: 40px;
}

#faq-accordion .panel-content {
	background-color: #FED364;
	padding: 0 20px;
	color: #000;
	font-size: 3rem;
}

.panel-row {
	display: flex;
	justify-content: space-between;
	line-height: 7rem;
	border-bottom: solid 1px #707070;
}

.panel-row:only-child, .panel-row:last-of-type {
	border-bottom: none;
}

.panel-default > .panel-heading{
	background-color: transparent;
	border: none;
}

.panel-heading{
	padding:0;
	border-bottom: none;
}

.panel {
	box-shadow: none;
	-webkit-box-shadow: none;
}

#faq-accordion .panel-title > a{
	font-family: 'Salesforce Sans', Arial,sans-serif;
	color: #ffffff;
	font-size: 3.6rem;
	line-height: 4.8rem;
	background-color: #EA8846;
  padding: 20px 20px 20px 80px;
  font-weight: bold;
	display: flex;
	justify-content: space-between;
	text-decoration: none;
}

.panel-left, .panel-right {
	display: inline-block;
}

.panel-left {
	max-width: 60%;
}

.panel-right {
	text-align: right;
	font-weight: normal;
	max-width: 40%;
}

.panel-content a:hover,
.panel-content a:active{
	text-decoration: none;
}

.panel-default > .panel-heading + .panel-collapse > .panel-body{
	border:none;
}

.panel-group ul{
	padding-left: 20px;
}

.panel-group ul li{
	line-height: 2.4rem;
	margin-bottom: 10px;
}

/* Tracks Styles */

.hilight {
	padding: 40px;
	background-color: #EA8846;
	box-sizing: border-box;
	margin-top: 80px;
}

.hilight-inner {
	box-sizing: border-box;
	padding: 100px 60px 60px 60px;
	border: solid 2px #FED364;
	position: relative;
	text-align: center;
	color: #fff;
	font-size: 2.5rem;
	line-height: 3rem;
}

.hilight-inner:before {
	width: 290px;
	height: 97px;
	background-color: #EA8846;
	display: block;
	background-image: url(../images/map-icon.png);
	z-index: 1;
	content: "";
	background-size: contain;
	background-repeat: no-repeat;
	background-position: top center;
	margin: -117px auto 0 auto;
}

.hilight-inner h4 {
	color: #fff;
	font-family: 'Neutra', Arial, sans-serif;
	font-size: 2.8rem;
	text-align: center;
	line-height: 3.6rem;
	text-transform: uppercase;
	margin-top: 40px;
	margin-bottom: 20px;
}

/* Tracklist Styles */

.tracklist {
	margin-top: 40px;
}

.track {
		padding: 40px 0;
}

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

.track:only-child, .track:last-of-type {
	border-bottom: none;
}

.track h4 {
	color: #003763;
	font-size: 3.6rem;
	margin-top: 0;
	margin-bottom: 30px;
	font-family: 'Neutra', Arial, sans-serif;
}

.track p.audience {
	font-size: 2.8rem;
	line-height: 3.4rem;
	color: #FED364;
	font-weight: bold;

}

.track p {
	color: #fff;
	font-size: 2.5rem;
	line-height: 3rem;
	margin: 10px 0 0 0;
}

.track p.modal-call a {
	font-size: 16px;
	line-height: 24px;
	color: #003763;
	text-decoration: none;
	font-weight: bold;

}

/*padding hack, since its late, and i'm tired */
.spacer {
	padding-bottom: 20px;
}

/*! light-modal v1.1.0 | (c) 2017  | MIT License | git+https://github.com/hunzaboy/Light-Modal.git */
.light-modal{display:none;position:fixed;background:transparent;top:0;bottom:0;left:0;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;right:0;z-index:4;transition:background 1s;font-size:16px;visibility:hidden;}
.light-modal-content{background:#845ec2;color:#fff;width:100%;max-width:1100px;position:relative;max-height:calc(100vh - 200px);line-height:1.4;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;margin-top: 20px;}
.light-modal-content img{max-width:100%;}
.light-modal-header{padding:20px;background:rgba(0,0,0,.2);display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center}
.light-modal-heading{margin:0;font-size:1.5em}
.light-modal-heading+.light-modal-close-icon{position:static}
.light-modal-body{padding:0 20px 20px 20px;overflow:auto;}
.light-modal-footer{padding:20px;background:rgba(0,0,0,.2);text-align:right;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}
.light-modal-close-btn,.light-modal-close-icon{text-decoration:none;color:#fff;padding:5px 10px;border-radius:.2em;background:#ff6f91;font-size:2.5em;line-height:1;transition:background .2s ease-in-out}
.light-modal-close-btn:hover,.light-modal-close-icon:hover{background:#ff3c6a}.light-modal-close-icon{position:absolute;top:-35px;right:-50px}
.light-modal-close-btn{font-size:1.5em}
.light-modal-caption{position:absolute;left:50%;transform:translateX(-50%);top:100%;padding:10px 0;background:rgba(0,0,0,.2);border-radius:.2em;width:100%;text-align:center;margin-top:5px}
.light-modal:target{background:rgba(0,0,0,.5);display:-ms-flexbox;display:flex;visibility:visible}
.light-modal-navigation .navigation-next,.light-modal-navigation .navigation-prev{width:32px;height:32px;border-color:#fff;transition:border-color .2s}
.light-modal-navigation .navigation-next:hover,.light-modal-navigation .navigation-prev:hover{border-color:hsla(0,0%,100%,.7)}
.light-modal-navigation .navigation-next{position:absolute;right:-50px;top:50%;border-bottom:1px solid;border-left:1px solid;transform:rotate(-135deg)}
.light-modal-navigation .navigation-prev{position:absolute;left:-50px;top:50%;border-bottom:1px solid;border-left:1px solid;transform:rotate(45deg)}

@media (max-width:480px){
	.light-modal-navigation .navigation-next{right:5px}
	.light-modal-navigation .navigation-prev{left:5px}}
	@keyframes a{0%{opacity:0}to{opacity:1}}
	.basic{animation-name:a}@media (max-width:767px)
	{.light-modal{font-size:14px}}
	@supports (display:flex){@media (max-width:767px){.light-modal:target .light-modal-content{width:70vw}
	}
}

/* Modal CSS */
.light-modal-content{
  background-color:#FFE8AF;
  color: #000;
  border-top: solid 20px #FFE8AF;
  border-bottom: solid 20px #FFE8AF;
  border-right: none;
  border-left: solid 20px #FFE8AF;
}

.light-modal-content:after {
  content: " ";
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  right: 20px;
  bottom: 0;
  border: solid 2px #CCB774;
}

.light-modal-body:before {
	width: 290px;
	height: 97px;
	background-color: #FFE8AF;
	display: block;
	background-image: url(../images/Hootie-Certification-LineArt.png);
	z-index: 3;
	content: "";
	background-size: contain;
	background-repeat: no-repeat;
	background-position: top center;
	margin: 0 auto 0 auto;
	position: relative;
}

.light-modal-body-inner {
	padding: 20px 60px;
	box-sizing: border-box;
}

.light-modal-content ul em{
  font-style: normal;
}

.light-modal-header{
  background: transparent;
  color:#fff;
}


.light-modal-footer{
    background:#bdbdbd;
}

.light-modal-close-icon{
  background: #fff;
  color: #0F97D3;
}

.light-modal-close-icon:hover{
  background:#ffffff;
  color:#462E8E;
}

.light-modal-close-btn.light-modal-close-btn{
  background:#462E8E;
  color:#fff;
}

.light-modal-close-btn:hover{
  background:#fff;
  color:#001f6f;
}

.light-modal-body-inner {
	color: #003763;
}

 .modal-head, .modal-subhead {
	 font-weight: bold;
 }


.modal-head {
	font-size: 20px;

}

.track .panel-group {
	display: none;
}


/* FAQ Accordian */

#learn-accordion .panel-group {
	margin-top: 90px;
}

#learn-accordion .panel-title {
	position: relative;
}

#learn-accordion .panel-content {
	padding: 0 80px;
	color: #000;
}

#learn-accordion .panel-row {
	font-size: 1.8rem;
	line-height: 2.4rem;
	display: block;
}

#learn-accordion .panel-title > a{
	font-family: 'Salesforce Sans', Arial,sans-serif;
	color: #ffffff;
	font-size: 3.6rem;
	line-height: 4.8rem;
  padding: 20px 20px 20px 80px;
  font-weight: bold;
	display: flex;
	justify-content: space-between;
	text-decoration: none;
}

#learn-accordion .panel {
    background-color: transparent;
    border: none;
    margin-bottom: 0;
}

#learn-accordion a {
	color: #000;
}

/* Location Styles */

body.loc-page {
	background-image: url(../images/map-texture.png);
	background-repeat: no-repeat;
	background-size: cover;
}

.loc-page #container-content {
	max-width: 1460px;
}

.loc-page #container-content p {
	text-align: center;
	color: #fff;
	font-size: 2.5rem;
	line-height: 3rem;
	padding: 40px 0;
	max-width: 800px;
	margin: 0 auto;
}

.hotel-holder {
	max-width: 1100px;
	margin: 0 auto 120px auto;
	box-sizing: border-box;
	padding: 250px 0 0 0;
	text-align: center;
	background-image: url(../images/Location-Image.jpg);
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: center;
}

.blurb {
	display: inline-block;
	box-sizing: border-box;
	background-color: #EA8846;
	padding: 20px 100px;
}

.loc-page #container-content .blurb p {
	font-size: 1.8rem;
	line-height: 2.4rem;
	padding: 0;
}

.loc-page #container-content .blurb p > a {
	color: #fff;
	text-decoration: none;
}

/* Button Styles */

.header-nav ul li:last-of-type a, a.reg-btn, a.link-btn {
	background-color: #DE6129;
	border-radius: 5px;
	text-align: center;
	padding: 10px 20px;
	text-transform: uppercase;
	text-decoration: none;
	color: #fff;
}

a.btn {
	font-size: 2.4rem;
	padding: 15px 30px;
}

a.link-btn {
	color: #003763;
	background-color: #FED364;
	margin-top: 20px;
	display: inline-block;
}



/* Mobile Styles */



@media (max-width: 1600px) {



.badge-1 {
    height: 150px;
    width: 800px;
	left: 50px;
    top: 1400px;
}

.badge-2 {
    height: 150px;
    width: 800px;
    top: 500px;
	right: 50px;
}


.badge-3 {
    height: 150px;
    width: 800px;
	left: 50px;
    top: 750px;
}

.badge-4 {
    height: 150px;
    width: 800px;
    top: 350px;
	right: 50px;

}

.badge-5 {
    height: 150px;
    width: 800px;
    top: 800px;
	left: 50px;

}

.Track-badge-5 {
    height: 150px;
    width: 800px;
    top: 800px;
	left: 50px;
}

.Track-badge-2 {
    height: 150px;
    width: 800px;
    top: 2000px;
	right: 50px;

}

.FAQ-badge-1 {
    height: 150px;
    width: 800px;
	left: 50px;
    top: 1100px;

}

.FAQ-badge-2 {
    height: 150px;
    width: 800px;
    top: 500px;
	right: 150px;

}


}



@media (max-width: 1500px) {



.badge-1 {
    height: 150px;
    width: 800px;
	left: 25px;
    top: 1400px;
}

.badge-2 {
    height: 150px;
    width: 800px;
    top: 500px;
	right: 25px;
}


.badge-3 {
    height: 150px;
    width: 800px;
	left: 25px;
    top: 750px;
}

.badge-4 {
    height: 150px;
    width: 800px;
    top: 350px;
	right: 25px;

}

.badge-5 {
    height: 150px;
    width: 800px;
    top: 800px;
	left: 25px;

}

.Track-badge-5 {
    height: 150px;
    width: 800px;
    top: 800px;
	left: 25px;
}

.Track-badge-2 {
    height: 150px;
    width: 800px;
    top: 2000px;
	right: 25px;

}

.FAQ-badge-1 {
    height: 150px;
    width: 800px;
	left: 50px;
    top: 1100px;

}

.FAQ-badge-2 {
    height: 150px;
    width: 800px;
    top: 500px;
	right: 150px;

}


}



@media (max-width: 1400px) {

html {
	font-size:50%;
}

.pic {
    height: 248px;
    width: 269px;
    position: absolute;
    bottom: 20px;
	left: 20px;
}

.glide {
    height: 248px;
    width: 269px;
    bottom: 0;
	right: 30px;
}

#learn-accordion .panel-row {
    font-size: 18px;
    line-height: 24px;
}

div[class^="badge-"], div[class^="Schedule-badge-"], div[class^="FAQ-badge-"], div[class^="Track-badge-"] {
	display: none;
}


}

@media (max-width: 1200px) {

html {
	font-size:45%;
}

.pic, .glide {
    bottom: 0;
}

.characters img {
	display: block;
	width: 100%;
	margin-top: -200px;
}

.reason  {
	height: 450px;
	width: 50%;
}

.reason:nth-child(2) {
	border-right: none;
}

.quote-holder {
	padding-top: 30px;
}



}

@media (max-width: 1100px) {

html {
	font-size:40%;
}

.header-holder {
	padding: 20px 20px;
}
.header-nav {
 font-size: 12px;
  width: 100%;
  display: inline-block;
  float: none;
  position: absolute;
  transform: translate(-20%, -50%);
}


.characters img {
	display: block;
	width: 100%;
	margin-top: 0;
}

.quote-holder {
	padding: 0;
	display: block;
}

.quote-text {
	width: 100%;
	padding: 40px 60px;
}

.quote-image {
	display: none;
}

.panel-row {
	line-height: 6rem;
}

.header-logo {
	max-width: 150px;
	padding-top: 15px;
}

header {
	height: 100px;
	margin-bottom: 40px;
}

}

@media (max-width: 950px) {

.pic, .glide, .cloud-1, .cloud-2 {
	display: none;
}

div[class^="cloud-"], div[class^="Schedule-cloud-"], div[class^="FAQ-cloud-"], div[class^="Track-cloud-"] {
	display: none;
}

/*
.header-nav {
	display: none;
}
*/

.header-holder.mobile-menu {
	display: block;
	line-height: 2.4rem;
}

#sidebar {
	margin-bottom: 0;
	padding: 10px 0;
}

.head1 {
	width: 50px;
	display: inline-block;
}

p.menu-btn, p.control-header {
	display: block;
	width: auto;
	margin-top: 10px;
}

p.control-header {
	text-align: right;
	float: right;
}

p.menu-btn {
	float: left;
	text-align: center;
	background-color: #DE6129;
	border-radius: 5px;
	text-align: center;
	padding: 10px 20px;
	text-transform: uppercase;
	text-decoration: none;
	color: #fff;
}

.menu-btn a {
	color: #fff;
	text-decoration: none;
}

/*
.header-holder.wide {
	display: none;
}
*/

.salesforcelogo {
	margin: 0;
}

.footerContent {
	margin: 0;
	font-size: 75%;
}


.header-logo {
	float: none;
	display: none;
}


#container-content h1:before, #container-content h1:after {
	content: none;
}

header {
	background-image: none;
}


.header-holder {
	background-color: #003665;
}

.track .panel-group {
	display: block;
	margin: 20px 0 0 0;
}

.track .panel-group .panel {
	margin-bottom: 0;
}

.track h4 {
	margin-bottom: 0;
}

.track .panel-title a {
	font-size: 16px;
	line-height: 24px;
	color: #003763;
	text-decoration: none;
	font-weight: bold;
	text-transform: none !important;
	font-family: 'Salesforce Sans', Arial,sans-serif;
}

.track .panel-row {
	display: block;
}

.track .panel-content {
	background-color: #FFE8AF;
	padding: 20px;
	margin-top: 10px;
}

.track .panel-content p, .track .panel-content ul {
	color: #003763;
	line-height: 24px;
	font-size: 16px;
}

.panel-content ul {
	margin: 10px;
}

.panel-content ul li {
	line-height: 24px;
	margin: 0;
}

p.modal-call {
	display: none;
}

.salesforce-footer {
	height: 70px;
}



}

@media (max-width: 700px) {


#welcome h1 {
	font-size: 7rem;
}

.header-holder {
	padding: 20px 20px;
}
.header-nav {
 font-size: 12px;
  width: 100%;
  display: inline-block;
  float: none;
  position: absolute;
  transform: translate(-20%, -50%);
}



.header-nav ul li a {
	margin-right: 5px;
}

.header-nav ul li:last-of-type a, a.reg-btn, a.link-btn {
	padding: 5px 5px;
}



.header-nav ul li a {
	margin-right: 5px;
}

.header-nav ul li:last-of-type a, a.reg-btn, a.link-btn {
	padding: 5px 5px;
}

.reason  {
	height: 450px;
	width: 100%;
}

.reason {
	border-right: none;
}

.r-1, .r-2, .r-3, .r-4 {
	background-position: center center;
}

#container-content {
	padding: 20px;
}

.panel-left {
	max-width: 100%;
	display: block;
}

.panel-right {
	display: none;
}

.panel-row {
	display: block;
}

.panel-row .panel-right {
	max-width: 100%;
	display: block;
	text-align: left;
}

.panel-title span.glyphicon, h4.panel-title a.collapsed span.glyphicon, h4.panel-title a[aria-expanded="true"] span.glyphicon-minus-sign {
	display: none;
}

#faq-accordion .panel-title > a {
	padding: 20px;
}

#learn-accordion .panel-title > a {
	padding: 20px;
}


#learn-accordion .panel-content {
	padding: 20px;
}

.hilight {
	padding: 5px;
}

.hilight-inner:before {
	content: none;
}

.hilight-inner {
	padding: 20px;
}

a.btn {
	font-size: 18px;
	padding: 10px 20px;
}

#welcome, #reasons {
	padding-bottom: 20px;

}

#container-content h1, #container-content h2   {
	font-size: 60px;
}


.salesforce-footer {
	height: 70px;
}


}

@media (max-width: 500px) {

#container-content h1:before, #container-content h1:after {
	content: none;
}

.header-nav ul li a {
	margin-right: 3px;
}


.header-holder {
	padding: 20px 20px;
}
.header-nav {
 font-size: 10px;
  width: 100%;
  display: inline-block;
  float: none;
  position: absolute;
  transform: translate(-20%, -50%);
}



}