body, html {
	overflow-x:hidden;
}

body {
	background:#fff;
	font-family: 'Open Sans', sans-serif;
	overflow-x:hidden;
	font-size:16px;
}

h1, h2, h3, h4, h5, h6 {
	font-family: 'Roboto', sans-serif;
}

div.drift h1 {
	color:#00aeef;
	font-weight:900;
	text-transform:uppercase;
	font-size:90px;
	margin-top:0;
	margin-bottom:15px;
}

div.drift h2 {
	color:#254d82;
	font-weight:900;
	text-transform:uppercase;
	font-size:38px;
	margin-top:0;
	margin-bottom:20px;
}

div.drift p {
	color:#616161;
	font-size:18px;
	margin-bottom:30px;
	line-height:1.6;
}

img.paragraph-paw {
	position:absolute;
	left:-50px;
	height:110px;
	z-index:-1;
}

img.paw-print-1 {
	height:32px;
	position:absolute;
}

img.paw-print {
	width:38px;
	height:42px;
	position:absolute;
	opacity:0;
}

div.drift *:focus {
	outline:0;
}

div.drift img {
	max-width:100%;
}

.clear {
	clear:both;
}





section.video {
	position:fixed;
	width:100%;
	height:100%;
	background:#0f2f5a;
	transform:translateX(100%);
	z-index:999;
	transition:all 0.5s ease;
	transition-delay:0.5s;
}

section.video.active {
	transform:translateX(0%);
	transition-delay:0s;
}

section.video div.a-container {
	width:80%;
	position:absolute;
	top:50%;
	left:50%;
	transform:translateX(-50%) translateY(-50%);
}

section.video div.a-container div.video-wrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}

section.video div.a-container div.video-wrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity:0;
	transform:scale(0.5);
	transition:all 0.7s cubic-bezier(0.68, -0.55, 0.265, 1.55);
	transition-delay:0s;
}

section.video.active div.a-container div.video-wrapper iframe {
	opacity:1;
	transform:scale(1);
	transition-delay:0.2s;
}

section.video div.close {
	position:absolute;
	right:25px;
	top:25px;
	line-height:0.7;
	font-size:100px;
	color:#fff;
}

section.section-1 {
	background:url(https://cdn.txamfoundation.com/Spirit/Summer2017/Cover%20Page/header-image.jpg) center no-repeat;
	background-size:cover;
	padding:220px 0 150px;
	border-bottom:15px solid #00aeef;
}

section.section-1 img.paw-print-1 {
	opacity:0;
	animation: pawreveal 0.2s ease;
  	animation-fill-mode: forwards;  
}

section.section-1 img.paw-print-1:nth-child(5) {
	animation-delay:0.2s;  
}

section.section-1 img.paw-print-1:nth-child(6) {
	animation-delay:0.4s;  
}

section.section-1 img.paw-print-1:nth-child(7) {
	animation-delay:0.6s;  
}

section.section-1 img.paw-print-1:nth-child(8) {
	animation-delay:0.8s;  
}

section.section-1 img.paw-print-1:nth-child(9) {
	animation-delay:1s;  
}

section.section-1 img.paw-print-1:nth-child(10) {
	animation-delay:1.2s;  
}

section.section-1 img.paw-print-1:nth-child(11) {
	animation-delay:1.4s;  
}

section.section-1 img.paw-print-1:nth-child(12) {
	animation-delay:1.6s;  
}

section.section-1 img.paw-print-1:nth-child(13) {
	animation-delay:1.8s;  
}

section.section-1 img.youtube-thumb {
	margin-top:250px;
	position:absolute;
	cursor:pointer;
	z-index:5;
}

section.section-1 p {
	color:#fff;
	font-size:30px;
	line-height:1.4;
	margin-bottom:30px;
	position:relative;
}

section.section-1 em {
	color:#fff;
	font-size:16px;
}

section.section-2 {
	padding:130px 0 80px;
	position:relative;
	overflow:hidden;
}

section.section-2 div.col-md-9 {
	z-index:1;
}

section.section-2 div.bissett {
	margin-bottom:75px;
	position:relative;
}

section.section-2 div.bissett:after {
	width:82px;
	height:2px;
	background:#00aeef;
	content:"";
	position:absolute;
	left:0;
	bottom:-25px;
}

section.section-2 div.bissett p, section.section-2 div.zoran p {
	font-size:14px;
}

section.section-2 div.zoran {
	position:relative;
}

section.section-2 div.zoran:after {
	width:82px;
	height:2px;
	background:#00aeef;
	content:"";
	position:absolute;
	left:0;
	bottom:-25px;
}

section.section-2 div.bissett p {
	color:#616161;
	font-size:14px;
}

section.section-2 h5 {
	color:#00aeef;
	font-size:22px;
	margin:10px 0 0;
	font-weight:700;
	text-transform:uppercase;
}

section.section-2 img.paragraph-paw {
	top:-52px;
	left:-28px;
}

section.section-3 {
	background:url(https://cdn.txamfoundation.com/Spirit/Summer2017/Cover%20Page/dog-paws-up.jpg) center no-repeat;
	background-size:cover;
	background-attachment:fixed;
	width:100%;
	padding-bottom:40%;
}

section.section-4 div.animal-box {
	width:20%;
	padding-bottom:18%;
	float:left;
	/*padding:50px 30px;*/
	text-align:center;
	position:relative;
}

section.section-4 div.animal-box div.inside {
	position:absolute;
	left:50%;
	top:50%;
	transform:translateX(-50%) translateY(-50%);
	width:100%;
}

section.section-4 div.animal-box:nth-child(odd) {
	background:#0f2f5a;
}

section.section-4 div.animal-box:nth-child(even) {
	background:#0c284e;
}

section.section-4 h3 {
	color:#fff;
	font-size:22px;
	font-weight:700;
	margin:0;
	margin-bottom:5px;
}

section.section-4 img {
	height:58px;
	margin-bottom:15px;
}

section.section-4 p {
	position:relative;
	color:#fff;
	font-size:14px;
}

section.section-4 p:after {
	content:"";
	position:absolute;
	width:82px;
	height:2px;
	left:50%;
	transform:translateX(-50%);
	bottom:-15px;
	background:#00aeef;
}

section.section-5 {
	padding:80px 0;
	position:relative;
	overflow:hidden;
}

section.section-5 img.paragraph-paw {
	top:22px;
}

section.section-6 {
	position:relative;
	background:#0f2f5a;
}

section.section-6 div.image {
	width:60%;
	height:100%;
	position:absolute;
	left:0;
	background:url(https://cdn.txamfoundation.com/Spirit/Summer2017/Cover%20Page/quote-one.jpg) center no-repeat;
	background-size:cover;
}

section.section-6 div.quote {
	width:40%;
	float:right;
	padding:5% 80px;
}

section.section-6 div.quote p {
	color:#fff;
	font-size:20px;
	position:relative;
	z-index:1;
	font-style:italic;
}

section.section-6 div.quote p:before {
	content:"“";
	position:absolute;
	left:-15px;
	top:-15px;
	font-size:175px;
	color:#0d426e;
	z-index:-1;
	line-height:0.75;
}

section.section-6 div.quote p:after {
	content:"”";
	position:absolute;
	right:-15px;
	bottom:-75px;
	font-size:175px;
	color:#0d426e;
	z-index:-1;
	line-height:0.75;
}

section.section-6 div.quote h5 {
	font-size:14px;
	text-transform:uppercase;
	font-weight:700;
	margin:0;
	position:relative;
	padding-left:28px;
	color:#fff;
}

section.section-6 div.quote h5:before {
	content:"";
	position:absolute;
	background:url(https://cdn.txamfoundation.com/Spirit/Summer2017/Cover%20Page/paw-print-white.svg) center no-repeat;
	width:18px;
	height:18px;
	left:0;
	transform:rotate(45deg);
}

section.section-7 {
	padding:80px 0;
}

section.section-7 div.callie-dog {
	position:relative;
}

section.section-7 div.callie-dog:after {
	width:82px;
	height:2px;
	background:#00aeef;
	content:"";
	position:absolute;
	left:0;
	bottom:-25px;
}

section.section-7 div.callie-dog p {
	color:#616161;
	font-size:14px;
}

section.section-7 div.callie-dog h5 {
	color:#00aeef;
	font-size:22px;
	margin:20px 0 0;
	font-weight:700;
	text-transform:uppercase;
}

section.section-8 {
	background:url(https://cdn.txamfoundation.com/Spirit/Summer2017/Cover%20Page/bently-reunite.jpg) center no-repeat;
	background-size:cover;
	background-attachment:fixed;
	width:100%;
	padding-bottom:40%;
	position:relative;
}

section.section-8 div.caption {
	background:rgba(255,255,255,0.75);
	padding:15px;
	position:absolute;
	right:0;
	bottom:25px;
	width:310px;
}

section.section-8 div.caption p {
	margin:0;
	font-size:16px;
}

section.section-8 div.caption div.blue-bar {
	background:#00aeef;
	margin-top:10px;
	width: 82px;
    height: 2px;
}

section.section-9 {
	padding:80px 0;
	position:relative;
	overflow:hidden;
}

section.section-9 img.paragraph-paw {
	top:22px;
}

section.section-10 {
	position:relative;
	z-index:20;
}

section.section-10 div.slideshow img {
	height:500px;
}

section.section-10 button.slick-prev {
	background:url(https://cdn.txamfoundation.com/Spirit/Summer2017/Cover%20Page/arrow.svg) center no-repeat;
	width:8px;
	height:15px;
	transform:rotate(180deg) translateX(-50%);
	border:0;
	font-size:0;
	position:absolute;
	bottom:-37px;
	left:calc(50% - 62px);
}

section.section-10 button.slick-next {
	background:url(https://cdn.txamfoundation.com/Spirit/Summer2017/Cover%20Page/arrow.svg) center no-repeat;
	width:8px;
	height:15px;
	transform:translateX(-50%);
	border:0;
	font-size:0;
	position:absolute;
	bottom:-37px;
	left:calc(50% + 50px);
}

section.section-10 div.slide-count-wrap {
	position:absolute;
	bottom:-40px;
	left:50%;
	transform:translateX(-50%);
}

section.section-11 {
	padding:80px 0;
	position:relative;
	overflow:hidden;
}

section.section-12 {
	position:relative;
	background:#0f2f5a;
}

section.section-12 div.image {
	width:60%;
	height:100%;
	position:absolute;
	left:0;
	background:url(https://cdn.txamfoundation.com/Spirit/Summer2017/Cover%20Page/quote-two.jpg) center no-repeat;
	background-size:cover;
}

section.section-12 div.quote {
	width:40%;
	float:right;
	padding:5% 80px;
}

section.section-12 div.quote p {
	color:#fff;
	font-size:20px;
	position:relative;
	z-index:1;
	font-style:italic;
}

section.section-12 div.quote p:before {
	content:"“";
	position:absolute;
	left:-15px;
	top:-15px;
	font-size:175px;
	color:#0d426e;
	z-index:-1;
	line-height:0.75;
}

section.section-12 div.quote p:after {
	content:"”";
	position:absolute;
	right:-15px;
	bottom:-75px;
	font-size:175px;
	color:#0d426e;
	z-index:-1;
	line-height:0.75;
}

section.section-12 div.quote h5 {
	font-size:14px;
	text-transform:uppercase;
	font-weight:700;
	margin:0;
	position:relative;
	padding-left:28px;
	color:#fff;
}

section.section-12 div.quote h5:before {
	content:"";
	position:absolute;
	background:url(https://cdn.txamfoundation.com/Spirit/Summer2017/Cover%20Page/paw-print-white.svg) center no-repeat;
	width:18px;
	height:18px;
	left:0;
	transform:rotate(45deg);
}

section.section-13 {
	padding:80px 0;
}

section.section-13 div.callie-dog {
	position:relative;
}

section.section-13 div.callie-dog:after {
	width:82px;
	height:2px;
	background:#00aeef;
	content:"";
	position:absolute;
	left:0;
	bottom:-25px;
}

section.section-13 div.callie-dog p {
	color:#616161;
	font-size:14px;
}

section.section-13 div.callie-dog h5 {
	color:#00aeef;
	font-size:22px;
	margin:20px 0 0;
	font-weight:700;
	text-transform:uppercase;
}

section.section-14 {
	background:url(https://cdn.txamfoundation.com/Spirit/Summer2017/Cover%20Page/dog-happy.jpg) center no-repeat;
	background-size:cover;
	background-attachment:fixed;
	width:100%;
	padding-bottom:40%;
}

section.section-15 {
	padding:80px 0 160px;
	position:relative;
	overflow:hidden;
	background:url(https://cdn.txamfoundation.com/Spirit/Summer2017/Cover%20Page/truck.jpg) center no-repeat;
	background-size:cover;
}

section.section-15 img.paragraph-paw {
	top:22px;
}





@keyframes pawreveal {
  0% {
    opacity:0;
  }
  100% {
    opacity:1;
  }
}




.mobile {
	display:none;
}

.showoncommand {
	display:none;
}



@media only screen and (max-width: 1200px) {
	div.drift h1 {
		font-size:70px;
	}
	section.section-1 p {
		font-size:24px;
	}
	section.section-1 img.paw-print-1 {
		margin-top:-25px;
	}
	section.section-1 div.col-md-5 {
		right:15px;
	}
	section.section-6 div.quote, section.section-12 div.quote {
		padding:25px;
	}
}



@media only screen and (max-width: 992px) {
	section.section-1 img.paw-print-1 {
		display:none;
	}
	img.paragraph-paw {
		left:5px;
	}
	section.section-5 img.paragraph-paw {
		top:-10px;
	}
	section.section-1 div.col-md-5 {
		margin-left:15px;
		margin-right:15px;
	}
	section.section-1 img.youtube-thumb {
		margin-top:30px;
		position:relative;
	}
	section.section-2 div.bissett, section.section-2 div.zoran {
		width:50%;
		float:left;
	}
	section.section-2 div.showoncommand {
		display:block;
	}
	section.section-2 div.hideoncommand {
		display:none;
	}
	section.section-2 {
		padding:75px 0 0;
	}
	section.section-2 img.paragraph-paw {
		left:5px;
	}
	img.paw-print {
		display:none;
	}
	section.section-6 div.quote p, section.section-12 div.quote p {
		font-size:16px;
	}
	/*section.section-7 div.col-md-3 {
		width:25%;
		float:left;
	}
	section.section-7 div.col-md-9 {
		width:75%;
		float:left;
	}*/
	section.section-4 div.animal-box.one, section.section-4 div.animal-box.two {
		width:50%;
		padding-bottom:28%;
	}
	section.section-4 div.animal-box.three, section.section-4 div.animal-box.four, section.section-4 div.animal-box.five {
		width:33.3333333333%;
		padding-bottom:28%;
	}
	section.section-4 div.animal-box.three {
		background:#0c284e;
	}
	section.section-4 div.animal-box.four {
		background:#183f73;
	}
}



@media only screen and (max-width: 740px) {
	section.section-1 {
		padding:75px 0 50px;
	}
	section.section-1 img.youtube-thumb {
		margin-top:30px;
		width:60%;
	}
	section.section-1 div.col-md-5 {
		margin:0;
		right:inherit;
	}
	section.section-1 img.youtube-thumb {
		width:100%;
	}
	section.section-4 div.animal-box.one {
		width:100%;
		padding-bottom:50%;
		background:#183f73;
	}
	section.section-4 div.animal-box.three, section.section-4 div.animal-box.four, section.section-4 div.animal-box.five, section.section-4 div.animal-box.two {
		width:50%;
		padding-bottom:50%;
	}
	section.section-4 div.animal-box.two, section.section-4 div.animal-box.five {
		background:#0c284e;
	}
	section.section-4 div.animal-box.three, section.section-4 div.animal-box.four {
		background:#0f2f5a;
	}
	section.section-3, section.section-8, section.section-14 {
		padding-bottom:60%;
	}
}



@media only screen and (max-width: 650px) {
	.mobile {
		display:block;
	}
	.no-mobile {
		display:none;
	}
	div.drift h1 {
		font-size:36px;
	}
	div.drift h2 {
		font-size:24px;
	}
	section.section-2 h5, section.section-7 div.callie-dog h5, section.section-13 div.callie-dog h5 {
		font-size:20px;
	}
	section.section-2 div.bissett p, section.section-2 div.zoran p, section.section-7 div.callie-dog p, section.section-13 div.callie-dog p {
		font-size:12px;
	}
	section.section-1 img.youtube-thumb {
		width:100%;
		position:relative;
	}
	section.section-1 p {
		font-size:20px;
	}
	section.section-4 div.animal-box.one, section.section-4 div.animal-box.three, section.section-4 div.animal-box.four, section.section-4 div.animal-box.five, section.section-4 div.animal-box.two {
		width:100%;
		padding-bottom:100%;
	}
	section.section-4 div.animal-box:nth-child(even) {
		background: #0c284e;
	}
	section.section-4 div.animal-box:nth-child(odd) {
		background: #0f2f5a;
	}
	section.section-2 div.bissett {
		margin-bottom:50px;
	}
	section.section-2 div.bissett:after, section.section-2 div.zoran:after {
		bottom:-5px;
	}
	section.section-2 div.bissett, section.section-2 div.zoran {
		padding-right:10px;
	}
	section.section-3, section.section-8, section.section-14 {
		padding-bottom:100%;
	} 
	section.section-5, section.section-7, section.section-9, section.section-11, section.section-13, section.section-15 {
		padding:50px 0;
	}
	section.section-6 div.image, section.section-12 div.image {
		position:relative;
		width:100%;
		padding-bottom:48%;
	}
	section.section-6 div.quote, section.section-12 div.quote {
		width:100%;
	}
	section.section-3, section.section-8, section.section-14 {
		background-attachment:inherit;
	}
	section.section-1 div.mobile img.paw-print-1 {
		display:block;
		margin-top:-390px;
		margin-left:-155px;
	}
	/*div.paws img.paw-print {
		display:block !important;
		position:absolute;
		z-index:-1;
		opacity:1 !important;
	}*/
}