/*********
**********************
**********************
INIT		INIT
**********************
**********************
			*********/

			@font-face {
				font-family: "Sharpbook";
				src:
					url("./sharp/sharpbook/SharpSansDispNo1-Book.eot") format("eot"),
					url("./sharp/sharpbook/SharpSansDispNo1-Book.woff") format("woff"),
					url("./sharp/sharpbook/SharpSansDispNo1-Book.woff2") format("woff2")
				;
			}
			@font-face {
				font-family: "Sharpbold";
				src:
					url("./sharp/sharpbold/SharpSansDispNo1-Bold.eot") format("eot"),
					url("./sharp/sharpbold/SharpSansDispNo1-Bold.woff") format("woff"),
					url("./sharp/sharpbold/SharpSansDispNo1-Bold.woff2") format("woff2")
				;
			}
			@font-face {
				font-family: "Sharpextrabold";
				src:
					url("./sharp/sharpextrabold/SharpSansDispNo1-Extrabold.eot") format("eot"),
					url("./sharp/sharpextrabold/SharpSansDispNo1-Extrabold.woff") format("woff"),
					url("./sharp/sharpextrabold/SharpSansDispNo1-Extrabold.woff2") format("woff2")
				;
			}
			.orange { color: #f7941d; }
			.pink { color: #da3e76; } 
			.purple { color: #693163; }
			.yellow { color: #ffc60b; }
			.white { color: white; }
			.orangebg { background: #f7941d; }
			.pinkbg { background: #da3e76; } 
			.purplebg { background: #693163; }

			body {
				font-family: "Source Serif Pro", serif;
				font-size: 20px;
			}
			.nopad {
				padding: 0 !important;
			}




			/*********
**********************
**********************
HEADER		HEADER
**********************
**********************
			*********/

			.title-bar {
				margin-top: 0 !important;
			}
			.top-bar {
				position: fixed;
				top: 0;
				width: 100%;
				z-index: 10;
				background: white;
			}
			.top-bar ul {
				background: 0;
			}
			.menu>li>a {
				font-size: 27px;
				text-transform: uppercase;
				font-weight: 800;
				font-family: Sharpextrabold;
				padding: 17px;
				letter-spacing: 1px;
			}
			.callout.large {
				border: 0;
				padding: 0;
			}
			.row {
				padding-top: 95px;
				padding-bottom: 76px;
			}
			.callout.large .row {
				padding: 0;
			}
			.gradientbg {
				background: #f7941e;  /* fallback for old browsers */
				background: -webkit-linear-gradient(to bottom, #f7941e, #df516f, #6b3163);  /* Chrome 10-25, Safari 5.1-6 */
				background: linear-gradient(to bottom, #f7941e, #df516f, #6b3163); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
				background-size: cover;
				background-attachment: fixed;
			}
			.gradientbg.nobg {
				background: 0;
			}
			.callout.large.firstone {
				/*background-size: cover;
				background-image:linear-gradient(#ed9621, #6e3957);
				background-repeat: no-repeat;*/

				background: #f7941e;  /* fallback for old browsers */
				background: -webkit-linear-gradient(to bottom, #f7941e, #df516f, #6b3163);  /* Chrome 10-25, Safari 5.1-6 */
				background: linear-gradient(to bottom, #f7941e, #df516f, #6b3163); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
				border: 0;
				padding: 43px 20px 35px;
				/*margin-bottom: 83px;*/
				margin-bottom: 0;
				background-size: cover;
				background-attachment: fixed;
			}
			@media (max-width: 639px) {
				.callout.large.firstone {
					padding: 34px 20px 34px;
				}
			}
			
			.callout h1 {
				text-align: left;
				color: white;
				max-width: 400px;
				margin: auto;
				font-size: 112px;
				font-size: 110px;
				font-family: Sharpbold;
				line-height: 104px;
				margin-bottom: 24px;
			}
			.callout p {
				font-size: 38px;
				line-height: 36px;
				color: #ffc60b;
				font-family: Sharpbook;
				max-width: 400px;
				margin: auto;
				text-align: left;
			}
			.callout p span {
				font-family: Sharpextrabold;
			}
			@media (max-width: 639px) {
				.callout h1 {
					font-size: 72px;
					line-height: 64px;
				}
				.callout p {
					font-size: 23px;
				}
			}
			




			/*********
**********************
**********************
BODY		BODY
**********************
**********************
			*********/

			p {
				font-size: 20px;
				line-height: 28px;
				margin-bottom: 20px;
			}
			li {
				font-family: Sharpbook;
			}
			a {
				border-bottom: 2px solid #da3e76;
				color: #0a0a0a;
			}
			header a {
				border: 0;
			}
			h2, h3 {
				font-size: 60px;
				/*font-weight: 800;*/
				text-transform: uppercase;
				font-family: Sharpbold;
				margin-bottom: 24px;
				line-height: 1;
			}
			h3 {
				font-size: 34px;
			}
			img.wrapleft {
				margin: 0 20px 20px 0;
			}

			span.small {
				font-size: 85%;
			}
			@media (max-width: 639px) {
				h2 {
					font-size: 38px;
					text-align: center;
				}
				h3 {
					text-align: left;
					font-size: 24px;
				}
				span.small {
					font-size: 70%;
				}
			}
			
			.textleft div.floater {
				float:left;
				width: 45%;
			}
			.textright div.floater {
				float: right;
				width: 45%;
			}
			.nopad .gradientbg {
				padding: 0px 50px 0px 70px;
			}
			.nopad .gradientbg img {
				max-width: 50%;
				width: 100%;
				float: right;
			}
			p.thequote {
				font-size: 35px;/* was 36 */
				line-height: 35px;/* was 36 */
				font-family: Sharpextrabold;
				color: white;
				text-align: right;
				margin-top: 45px;
				margin-top: 0 !important;
			}
			p.thecredit {
				font-size: 24px;
				line-height: 29px;
				font-family: Sharpbold;
				color: white;
				text-align: right;
				margin: 0;
			}
			.nopad.textright .gradientbg {
				padding: 0px 70px 0px 50px;
			}
			.nopad.textright .gradientbg img {
				float: left;
			}
			.textright p.thequote, .textright p.thecredit {
				text-align: left;
			}
			@media (max-width: 1199px) {
				p.thequote {
					font-size: 24px;/* was 36 */
					line-height: 24px;/* was 36 */
					margin-top: 30px;
				}

				p.thecredit {
					font-size: 18px;/* was 36 */
					line-height: 18px;/* was 36 */
				}
			}
			@media (max-width: 810px) {
				p.thequote {
					font-size: 18px;/* was 36 */
					line-height: 18px;/* was 36 */
					margin-top: 20px;
				}

				p.thecredit {
					font-size: 14px;/* was 36 */
					line-height: 14px;/* was 36 */
				}
			}
			@media (max-width: 639px) {
				p.thequote {
					font-size: 18px;/* was 36 */
					line-height: 18px;/* was 36 */
					margin-top: 0px;
					text-align: left;
					font-size: 24px;
					line-height: 25px;
				}
				p.thecredit {
					font-size: 14px;/* was 36 */
					line-height: 14px;/* was 36 */
					text-align: left;
					font-size: 18px;
					line-height: 18px;
				}
				.nopad .gradientbg, .nopad.textright .gradientbg {
					padding: inherit;
					padding: 40px 30px;
				}
				.textleft div.floater, .textright div.floater {
					float: none;
					width: 100%;
					padding: 20px;
				}
				.nopad .gradientbg img, .nopad.textright .gradientbg img {
					float: none;
					width: 100%;
					max-width: 100%;
				}
			}






			ul.accordion > li > a {
				font-size: 34px;
				/*font-weight: 800;*/
				text-transform: uppercase;
				font-family: Sharpbold;
				color: #693163;
				line-height: 1;
				background: 0 !important;
				border: 0 !important;
				padding-left: 0;
			}
			ul.accordion > li > a:before {display: none;}

			ul.accordion > li > a:after {
				content: '';
				width: 0px;
				height: 0px;
				border-top: 15px solid transparent;
				border-bottom: 15px solid transparent;
				border-left: 25px solid #da3e76;
				display: inline-block;
				margin-left: 15px;
				margin-bottom: -3px;
				transition: transform 0.3s ease, top 0.3s ease;
			}
			ul.accordion > li.is-active > a:after {
				/*border-left: 15px solid transparent;
				border-right: 15px solid transparent;
				border-top: 25px solid #da3e76;
				margin-bottom: -15px;*/
				transform: rotate(90deg);
			}
			ul.accordion, ul.accordion > li {
				background: 0 !important;
				border: 0 !important;
			}

			@media (max-width: 639px) {
				ul.accordion > li > a {
					font-size: 24px;
					padding-right: 35px;
					position: relative;
				}
				ul.accordion > li > a:after {
					border-top: 10px solid transparent;
					border-bottom: 10px solid transparent;
					border-left: 18px solid #da3e76;
					position: absolute;
					top: 50%;
					right: 8px;
					transform: translateY(-50%);
				}
				ul.accordion > li.is-active > a:after {
					top: 40%;
				}
			}








			@media (max-width: 639px) {
				.top-bar {
					top: 40px;
				}
			}
			@media (min-width: 640px) {
				.spacerdiv {
					padding-top: 61px;
				}
				.top-bar {
					border: 0;
					padding: 0;
				}
			}










			input {
				margin-top: 0;
			    border: 1px solid #aaa;
			    width: 100%;
			    padding: 10px 15px;
			    text-transform: uppercase;
			    text-align: center;
			    display: block;
			    max-width: 450px;
			}
			header ul.menu {
				margin-right: 40px;
			}
			@media (max-width: 899px) {
				header ul.menu {
					margin: 0;
				}
			}
			@media (max-width: 639px) {
				header ul.menu {
					margin: 0;
					text-align: center;
					box-shadow: 0 5px 50px #777;
					padding-top: 12px;
					padding-bottom: 12px;
				}
				header ul.menu li a {
					font-size: 19px;
					padding: 12px;
				}
				.top-bar {
					padding: 0;
					top: 46px;
				}
				.title-bar {
					background: white;
					z-index: 10000000;
					position: relative;
					padding: 15px 8px;


					position: fixed;
					top: 0;
					width: 100%;
					box-shadow: 0 0 7px #ccc;
				}
				.spacerdiv {
					padding-top: 46px;
				}

			}


			.title-bar .menu-icon {
				outline: 0;
				float: right;
				padding: 8px 0;
			}
			.menu-icon:after {
				background: #da3e76;
				height: 3px;
				box-shadow: 0 7px 0 #da3e76, 0 14px 0 #da3e76;
			}
			.menu-icon:hover::after {
				background: #da3e76;
				box-shadow: 0 7px 0 #da3e76, 0 14px 0 #da3e76;
			}



			.max200 {
				max-width: 200px;
			}
			.headlogo {
				position: absolute;
				left: 40px;
				top: 8px;
			}
			@media (max-width: 1000px) {
				.menu>li>a {
					padding: 22px 15px 23px;
					font-size: 16px;
				}
			}
			@media (max-width: 639px) {
				.max200 {
					max-width: 100px;
				}
				.headlogo {
					position: absolute;
					left: 20px;
					top: 5px;
					width: 40px;
				}
				.max200.show-for-small-only {
					display: block;
					width: 100%;
					max-width: none;
				}
			}
			



@media screen and (min-width: 40em) {
	.medium-10 {
		padding: 0;
	}	
}


.accordion-content {
	padding-bottom: 40px;
}


	.beforearrow {
		border: 0;
	}
	.beforearrow:before {
		content: '';
		width: 0px;
		height: 0px;
		border-top: 15px solid transparent;
		border-bottom: 15px solid transparent;
		border-left: 25px solid #da3e76;
		display: inline-block;
		margin-right: 10px;
		margin-bottom: -3px;
		transition: transform 0.3s ease, top 0.3s ease;
	}

@media (max-width: 639px) {
	.beforearrow:before {
		border-top: 10px solid transparent;
		border-bottom: 10px solid transparent;
		border-left: 18px solid #da3e76;
	}
}


/*@media (min-width: 40em) {*/
	.desktopnopadlr {
		padding-left: 0;
		padding-right: 0;
		background: #f7941e;  /* fallback for old browsers */
		background: -webkit-linear-gradient(to bottom, #f7941e, #df516f, #6b3163);  /* Chrome 10-25, Safari 5.1-6 */
		background: linear-gradient(to bottom, #f7941e, #df516f, #6b3163); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
		background-size: cover;
		background-attachment: fixed;
	}
	.textleft .desktopnopadlr img {
		margin-right: 50px;
		margin-right: 0px;
	}
	.textright .desktopnopadlr img {
		margin-left: 50px;
		margin-left: 0px;
	}
	
	@media (min-width: 40em) {
		.unequalizesmall > div {
		    position: absolute;
		    top: 50%;
		    transform: translate(-50%,-50%);
		    left: 50%;
		    width: 80%;
		}
	}
	
	@media (max-width: 639px) {
		.unequalizesmall {
			height: auto !important;
			padding: 40px 30px 50px !important;
		}
	}
	
/*}*/




.nopad.textright .gradientbg.nobg img {
	float: none;
	max-width: 100%;
}
.thecaption {
	padding: 10px 10px 10px 0;
}
.thecaption p {
	font-family: Sharpbook;
	font-size: 18px;
	color: white;
}



.slick-slider {
	margin-bottom: 20px;
}
.slick-dotted.slick-slider {
    margin-bottom: 0px;
}
.slick-slide {
	max-height: 675px;
	outline: 0 !important;
	border: 0 !important;	
}
.slick-slider .slick-slide img {
	width: 100%;
}

.slick-slider .slick-next, .slick-slider .slick-prev {
	/*display: none !important;*/
}

.slick-slider .slick-dots {
	display: block;
	background: transparent !important;
	position: absolute;
	bottom: -35px;
}
.slick-slider .slick-dots li {
    width: 20px;
    height: 20px;
    margin: 0 8px;
}

.slick-dots li button {
	width: 22px;
    height: 22px;
    padding: 0px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
    border: 2px solid #da3e76 !important;
    position: relative;
    border-radius: 20px;
}
    

.slick-slider .slick-dots button:before {
	color: transparent;
    opacity: 1;
    font-size: 27px;
    font-size: 22px;
    line-height: 1;
    width: 20px;
    height: 20px;
    padding: 0px;
    border-radius: 30px;
    position: absolute;
    top: 0;
    left: -2px;
}

.slick-slider .slick-dots li.slick-active button:before {
	color: #ffc50c;
}



.slick-prev:before, .slick-next:before {
    content: '' !important;
    background: url(./assets/right.png) no-repeat center center;
    height: 108px;
    width: 27px;
    z-index: 1000;
    display: block;
    opacity: 1;
}
.slick-prev {
	left: -50px;
	top: 40%;
}
.slick-next {
	right: -50px;
	top: 40%;
}
.slick-prev:before {
	background: url(./assets/left.png) no-repeat center center;
}
@media (max-width: 639px) {
	.slick-prev, .slick-next {
		display: none !important;
	}
}




	.whitetext {
		margin-bottom: 120px;
	}
	.whitetext * {
		color: white;
	}
	.whitetext h4 {
		font-size: 24px;
		text-transform: uppercase;
		font-family: Sharpbold;
		line-height: 1;
		color: #ffc60b;
	}
	.whitetext h3 {
		margin: 0;
	}
	.whitetext > .gradientbg {
		padding: 60px 90px !important;
	}
	.whitetext > .gradientbg .row {
		padding-top: 15px;
		padding-bottom: 15px;
	}
	@media (max-width: 899px) {
		.whitetext .columns {
			width: 100% !important;
			float: none !important;
			margin: 0 0 30px ;
		}
		.whitetext > .gradientbg .row {
			padding-top: 10px;
			padding-bottom: 0px;
		}
	}
	@media (max-width: 639px) {
		.whitetext > .gradientbg {
			padding: 40px 20px 30px !important;
		}
		.whitetext h3 {
			margin: 0;
			text-align: center;
		}
	}



	.arrowhave {
		border: 0;
	}
	.arrowhave:after {
		content: '';
		width: 0px;
		height: 0px;
		border-top: 15px solid transparent;
		border-bottom: 15px solid transparent;
		border-left: 25px solid #da3e76;
		display: inline-block;
		margin-left: 15px;
		margin-bottom: -3px;
		transition: transform 0.3s ease, top 0.3s ease;
	}
	@media (max-width: 639px) {
		.arrowhave:after {
			border-top: 10px solid transparent;
			border-bottom: 10px solid transparent;
			border-left: 18px solid #da3e76;
		}
	}




footer.gradientbg >.row {
	padding-top: 38px;
}
footer img {
	margin-bottom: 38px;
}
footer address {
	color: white;
	font-family: Sharpbook;
	font-style: normal;
	font-size: 16px;
	padding-top: 40px;
}
footer ul.menu li {
	display: block;
}
footer ul.menu li a {
	border: 0;
	color: white;
	font-size: 16px;
    text-transform: uppercase;
    font-weight: 800;
    font-family: Sharpbold;
    padding: 0;
    letter-spacing: 1px;
    line-height: 1;
    margin: 0 0 9px;
    display: block;
    max-width: 280px;
}



footer .socials {
	display: inline-block;
	margin-left: 40px;
}
footer .socials a {
	color: white;
	border: 0;
	margin: 0 0 0 15px;
}
footer .socials i {
	font-size: 34px;
	color: white;
}