/* KABOOKABOO MARKETING + FRAGILE X */









/* GENERAL
--------------------------------------------------------------------------------------------------------------- */
html{overflow-y:scroll; height:100% !important; background:#fff;}
html,
body{min-height:100% !important;}
body{margin:0 auto; width:100%; min-width:320px; font-family: 'Raleway', sans-serif; color:#240f0c; font-size:14px;
	line-height:145%; font-weight:400; text-rendering:optimizeLegibility;
	background:#fff;}

	/* LINKS */
	a,
	a:visited{color:#99509c; font-weight:600; text-decoration:underline;}
	a:hover,
	a:active,
	a:visited:hover{color:#99509c; text-decoration:underline; cursor:pointer;}
		p a{word-break:break-word;}
	body.touch-device a:hover,
	body.touch-device a:active,
	body.touch-device a:visited:hover{text-decoration:none;}
	*{outline:0 !important;}
	
	/* DISPLAY */
    .block{display:block;}
	.hide{display:none;}
	.inline{display:inline-block;}
	.center{text-align:center;}
	.left{float:left;}
	.right{float:right;}
	.table{display:table;}
	.table-cell{display:table-cell;}
	.vert-align{vertical-align:middle;}
	img{border:none; display:block;}
	*{position:relative;z-index:0;}
	*,
	*:before,
	*:after {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
	.clear{clear:both;}
	.clear{display:block; clear:both;}









/* UNIVERSAL ELEMENTS
--------------------------------------------------------------------------------------------------------------- */


	/* Copy/Text
	----------------------------------------------------------------------------------------------------------- */
	h1,h2,h3,h4{margin:0; line-height:100%;}
	h1{padding-bottom:18px; color:#99509c; font-size:36px; font-weight:800; text-transform:uppercase;}
	 	@media (max-width: 760px) {h1{padding-bottom:14px; font-size:31px;}}
	 	@media (max-width: 540px) {h1{padding-bottom:10px; font-size:27px;}}
	h2{padding-bottom:8px; color:#240f0c; font-size:18px; font-weight:700; text-transform:uppercase;}
		h1+h2,p+h2{padding-top:3px;}
		h2 span{font-size:14px; text-transform:none; display:block;}
			h2 span:first-child{margin-bottom:4px;}
			h2 span:last-child{margin-top:4px;}
	 	@media (max-width: 760px) {h2{font-size:17px;}}
	p,ul,ol{margin:20px 0;}
		p:first-child,ul:first-child,ol:first-child,h1+p,h2+p{margin-top:0;}
		p:last-child,ul:last-child,ol:last-child{margin-bottom:0;}
	 	@media (max-width: 760px) {p,ul,ol{margin:18px 0;}}
	 	@media (max-width: 540px) {p,ul,ol{margin:16px 0;}}
	ul{padding-left:35px; list-style:initial;}
	.bold, strong, b{font-weight:700;}
	.italic{font-style:italic;}
	.caps{text-transform:uppercase;}
	.break-word{word-wrap:break-word; -ms-word-wrap:break-word;}


	/* Images
	----------------------------------------------------------------------------------------------------------- */
	.full-bg{width:100%; height:100%; position:absolute; top:0; left:0; overflow:hidden;}
	.full-bg img{min-width:100%; min-height:100%;}


	/* Colors
	----------------------------------------------------------------------------------------------------------- */
	
		/* Text
		------------------------------------------------------------------------------------------------------- */
		.black-text{color:#240f0c !important;}
		.purple-text{color:#99509c !important;}
		.white-text{color:#fff !important;}
	
		/* Backgrounds
		------------------------------------------------------------------------------------------------------- */
		.purple-bg{background:#99509c;}
		.white-bg{background:#fff;}


	/* Transitions
	----------------------------------------------------------------------------------------------------------- */
	.color-trans{
		-ms-transition:		color .25s ease;
		-moz-transition:	color .25s ease;
		-webkit-transition:	color .25s ease;
		transition:			color .25s ease;}
	.pos-trans{
		-ms-transition:		top .25s ease;
		-moz-transition:	top .25s ease;
		-webkit-transition:	top .25s ease;
		transition:			top .25s ease;}
	.height-trans{
		-ms-transition:		height .25s ease;
		-moz-transition:	height .25s ease;
		-webkit-transition:	height .25s ease;
		transition:			height .25s ease;}
	.border-trans{
		-ms-transition:		border-color .25s ease;
		-moz-transition:	border-color .25s ease;
		-webkit-transition:	border-color .25s ease;
		transition:			border-color .25s ease;}
	.bg-trans{
		-ms-transition:		background .25s ease;
		-moz-transition:	background .25s ease;
		-webkit-transition:	background .25s ease;
		transition:			background .25s ease;}
	.color-bg-trans{
		-ms-transition:		color .25s ease, background-color .25s ease;
		-moz-transition:	color .25s ease, background-color .25s ease;
		-webkit-transition:	color .25s ease, background-color .25s ease;
		transition:			color .25s ease, background-color .25s ease;}
	.all-trans{
		-ms-transition:		all .25s ease;
		-moz-transition:	all .25s ease;
		-webkit-transition:	all .25s ease;
		transition:			all .25s ease;}









/* HEADER
--------------------------------------------------------------------------------------------------------------- */
header{z-index:10;}

	
	/* Top Nav
	----------------------------------------------------------------------------------------------------------- */
	.top-nav-container{width:100%; height:40px; overflow:hidden;
		background:#99509c;}
	 	@media (max-width: 760px) {.top-nav-container{height:0;}}
	.top-nav-wrapper{margin:0 auto; padding:0 20px; width:100%;}
	.top-nav-wrapper a{height:40px; color:#fff !important; font-size:14px; line-height:40px; font-weight:700;
		text-transform:uppercase; text-decoration:none; float:left; display:block;}
		.top-nav-wrapper .right a+a{margin-left:40px;}
		.no-touch-device .top-nav-wrapper a:hover span{text-decoration:underline;}
	 	@media (max-width: 980px) {.top-nav-wrapper .right a+a{margin-left:20px;}}
	.top-nav-wrapper a img{margin:11px 6px 0; width:18px; height:18px; float:left; display:block;}
	.top-nav-wrapper a span{float:left;}


	/* Masthead
	----------------------------------------------------------------------------------------------------------- */
	.masthead-container{padding:18px 20px; border-bottom:1px solid #e0e0e0;}
	 	@media (max-width: 760px) {.masthead-container{padding:14px 15px;}}
	 	@media (max-width: 540px) {.masthead-container{padding:10px 15px;}}
	.logo, .logo img{width:280px; height:60px; display:block;}
	 	@media (max-width: 760px) {.logo, .logo img{width:210px; height:45px;}}
	 	@media (max-width: 540px) {.logo, .logo img{width:140px; height:30px;}}
	.logo{margin:0 auto; display:block;}
	 	@media (max-width: 760px) {.logo{margin:0;}}
		
	.menu-btn{color:#99509c; font-size:21px; position:absolute; top:0; right:0; display:none;}
	 	@media (max-width: 980px) {.menu-btn{padding:0 20px; line-height:97px; display:block;}}
	 	@media (max-width: 760px) {.menu-btn{padding:0 15px; font-size:21px; line-height:74px; display:block;}}
	 	@media (max-width: 540px) {.menu-btn{line-height:51px;}}


	/* Navigation
	----------------------------------------------------------------------------------------------------------- */
	.main-nav-container{width:100%; text-align:center; z-index:10;
		background:#f6f6f6;}
	.main-nav-wrapper{padding:0 20px; display:inline-block;}
	 	@media (max-width: 980px) {
			.main-nav-container{position:absolute; top:137px; left:0; text-align:left; display:none;
				-webkit-box-shadow: 3px 3px 6px -3px rgba(0,0,0,.2), 3px 3px 6px -3px rgba(0,0,0,.2), -3px 3px 6px -3px rgba(0,0,0,.2);
				-moz-box-shadow:    3px 3px 6px -3px rgba(0,0,0,.2), 3px 3px 6px -3px rgba(0,0,0,.2), -3px 3px 6px -3px rgba(0,0,0,.2);
				box-shadow:         3px 3px 6px -3px rgba(0,0,0,.2), 3px 3px 6px -3px rgba(0,0,0,.2), -3px 3px 6px -3px rgba(0,0,0,.2);}
			.main-nav-wrapper{padding:0; display:block;}
		}
	 	@media (max-width: 760px) {.main-nav-container{top:74px;}}
	 	@media (max-width: 540px) {.main-nav-container{top:51px;}}
	 	@media (max-width: 980px) {.main-nav-wrapper{padding:0; display:block;}}
	
	.main-nav-wrapper > li{margin-left:-4px; display:inline-block;}
	.main-nav-wrapper a{font-size:14px; line-height:40px; color:#7d7a7d !important; font-weight:600;
		text-decoration:none !important; display:block;}
	.main-nav-wrapper > li > a{padding:0 23px; border-bottom:0 solid #99509c;}
		@media (min-width: 981px) {.main-nav-wrapper > li.current > a{color:#99509c !important;}}
	 	@media (max-width: 980px) {
			.main-nav-wrapper > li{margin-left:0; width:100%; display:block;}
			.main-nav-wrapper > li > a{padding:0 20px; border-top:1px solid #e0e0e0;}
			.main-nav-wrapper > li:first-child > a{border-top:none;}
		}
	 	@media (max-width: 760px) {.main-nav-wrapper > li > a{padding:0 15px;}}

	.main-nav-wrapper > li > a span.bar{width:100%; height:0; position:absolute; left:0; bottom:0;
		background:#99509c;}
		.main-nav-wrapper > li.current > a span.bar{height:4px;}
	.main-nav-wrapper > li > a i.arrow{color:#99509c; position:absolute; right:20px; top:14px; display:none;}
	 	@media (max-width: 980px) {
			.main-nav-wrapper > li > a span.bar{display:none !important;}
			.main-nav-wrapper > li > a i.arrow{display:block;}
		}
	 	@media (max-width: 760px) {.main-nav-wrapper > li > a i.arrow{right:15px;}}
		
	.sub-nav-wrapper{width:100%; position:absolute; left:0; top:40px; display:none;
		-webkit-box-shadow: 3px 3px 6px -3px rgba(0,0,0,.2), 3px 3px 6px -3px rgba(0,0,0,.2), -3px 3px 6px -3px rgba(0,0,0,.2);
		-moz-box-shadow:    3px 3px 6px -3px rgba(0,0,0,.2), 3px 3px 6px -3px rgba(0,0,0,.2), -3px 3px 6px -3px rgba(0,0,0,.2);
		box-shadow:         3px 3px 6px -3px rgba(0,0,0,.2), 3px 3px 6px -3px rgba(0,0,0,.2), -3px 3px 6px -3px rgba(0,0,0,.2);}
	 	@media (max-width: 980px) {.sub-nav-wrapper{position:relative; left:auto; top:auto;
			-webkit-box-shadow: none;
			-moz-box-shadow:    none;
			box-shadow:         none;}}
	.sub-nav-wrapper a{padding:1px; line-height:38px; border-top:1px solid #dfe1e2;
		background:#fff;}
		.sub-nav-wrapper li:first-child a{border-top:none;}
	.sub-nav-wrapper span{padding:11px 10px; min-height:38px; line-height:16px; display:block;}
		.no-touch-device .sub-nav-wrapper a:hover span{color:#fff !important;
			background:#99509c;}	
	 	@media (max-width: 980px) {
			.sub-nav-wrapper a{border-color:#6d2d70;
				background:#99509c !important;}
				.sub-nav-wrapper li:first-child a{border-top:1px solid #dfe1e2;}
			.sub-nav-wrapper span{padding:11px 20px; color:#fff !important;
				background:#99509c !important;}
		}
		@media (max-width: 760px) {.sub-nav-wrapper span{padding:11px 15px;}}








/* BODY
--------------------------------------------------------------------------------------------------------------- */
.main-container{margin:0 auto; width:100%; max-width:1400px; height:100%;
	background:#fff;}
	@media (min-width: 1400px) {.main-container{border-left:1px solid #e0e0e0; border-right:1px solid #e0e0e0;}}
.main-wrapper{margin:0 auto; padding:35px 20px 40px; width:100%; max-width:960px;}
	@media (max-width: 760px) {.main-wrapper{padding:28px 15px 32px;}}
	@media (max-width: 540px) {.main-wrapper{padding:20px 15px 25px;}}


	/* Universal
	----------------------------------------------------------------------------------------------------------- */
	.shadow{width:100%; height:100%; position:absolute; top:0; left:0;
		-moz-box-shadow:inset 0 8px 8px -8px rgba(0,0,0,.25), inset 0 -10px 10px -10px rgba(0,0,0,.25);
		-webkit-box-shadow:inset 0  10px 10px -10px rgba(0,0,0,.25), inset 0 -10px 10px -10px rgba(0,0,0,.25);
		box-shadow:inset 0 10px 10px -10px rgba(0,0,0,.25), inset 0 -10px 10px -10px rgba(0,0,0,.25);}

		/* Banners
		------------------------------------------------------------------------------------------------------- */
		.banner-container{width:100%; height:320px;}
			@media (max-width: 760px) {.banner-container{height:185px;}}
			@media (max-width: 540px) {.banner-container{height:150px;}}

		/* Grid
		------------------------------------------------------------------------------------------------------- */
		.grid-container{margin-top:40px; padding-top:40px; border-top:1px solid #bec2c3;}
			h1+.grid-container{margin-top:8px; padding-top:0; border-top:none;}
			@media (max-width: 760px) {.grid-container{margin-top:28px; padding-top:28px;}}
			@media (max-width: 540px) {.grid-container{margin-top:18px; padding-top:18px;}}
		.grid-wrapper{margin:-20px 0 0 -20px;}
			@media (max-width: 760px) {.grid-wrapper{margin:-12px 0 0 -12px;}}
			@media (max-width: 540px) {.grid-wrapper{margin:-7px 0 0 -7px;}}
		.grid-item{padding:20px 0 0 20px; float:left;}
			.grid-item.lg{width:25%; height:220px;}
			.grid-item.md{width:20%; height:170px;}
			.grid-item.sm{width:16.66%; height:140px;}
			@media (max-width: 980px) {
				.grid-item{padding:20px 0 0 20px;}
					.grid-item.lg{width:33.3%; height:220px;}
					.grid-item.md{width:25%; height:170px;}
					.grid-item.sm{width:20%; height:140px;}
			}
			@media (max-width: 760px) {
				.grid-item{padding:12px 0 0 12px;}
					.grid-item.lg{width:33.3%; height:170px;}
					.grid-item.md{width:25%; height:110px;}
					.grid-item.sm{width:20%; height:90px;}
			}
			@media (max-width: 540px) {
				.grid-item{padding:7px 0 0 7px;}
					.grid-item.lg{width:50%; height:140px;}
					.grid-item.md{width:33.3%; height:90px;}
					.grid-item.sm{width:25%; height:70px;}
			}
		.grid-thumb{width:100%; height:100%; border:1px solid #bec2c3; display:block;}
		.grid-thumb > img{margin:0 auto; width:auto; height:100%;}
		
		.grid-container h2{margin:-6px 0 6px;}
			h1+.grid-container h2{margin-top:-6px;}
			@media (max-width: 760px) {
				.grid-container h2{margin:-6px 0 4px;}
					h1+.grid-container h2{margin-top:-8px;}
			}
			@media (max-width: 540px) {
				.grid-container h2{margin:-4px 0 2px;}
					h1+.grid-container h2{margin-top:-8px;}
			}

		/* Rows
		------------------------------------------------------------------------------------------------------- */
		.row{margin-top:30px;}
			h1+.row{margin-top:0;}
			h1+.row .bio-thumb,
			h1+.row .bio-thumb+.copy{margin-top:6px;}
			@media (max-width: 760px) {.row{margin-top:30px;}}
			@media (max-width: 540px) {.row{margin-top:25px;}}
		.row .bio-thumb{width:210px; height:210px; float:left; z-index:10;}
			@media (max-width: 760px) {.row .bio-thumb{width:180px; height:180px;}}
			@media (max-width: 540px) {.row .bio-thumb{width:155px; height:155px; float:none;}}
		.row .bio-thumb+.copy{padding-left:230px;}
			@media (max-width: 760px) {.row .bio-thumb+.copy{padding-left:200px;}}
			@media (max-width: 540px) {.row .bio-thumb+.copy{padding-left:0; padding-top:17px;}}


	/* Content
	----------------------------------------------------------------------------------------------------------- */

		/* Home
		------------------------------------------------------------------------------------------------------- */
	
			/* Hero/Swiper
			--------------------------------------------------------------------------------------------------- */
			.swiper-wrapper,
			.swiper-slide{height:100% !important;}
			.swiper-container{height:100%; height:400px; overflow:hidden;}
				@media (max-width: 760px) {.swiper-container{height:300px;}}
				@media (max-width: 540px) {.swiper-container{height:200px;}}
			.swiper-slide{text-align:center; overflow:hidden; float:left; display:table;}
			.swiper-content{color:#fff; font-size:60px; line-height:100%; font-weight:800; text-transform:uppercase;
				vertical-align:middle; display:table-cell;}
				@media (max-width: 760px) {.swiper-content{font-size:39px;}}
				@media (max-width: 540px) {.swiper-content{font-size:26px;}}
			.swiper-content a{margin:20px auto 0; width:180px; color:#fff !important; font-size:18px; line-height:56px; font-weight:600;
				text-align:center; text-decoration:none; border:2px solid #fff; display:block;
				-webkit-border-radius:5px;
				-moz-border-radius:5px;
				border-radius:5px;
				behavior:url(/resources/js/pie/PIE.htc);}
				@media (max-width: 760px) {.swiper-content a{margin-top:15px; width:135px; font-size:14px; line-height:42px; border-width:2px}}
				@media (max-width: 540px) {.swiper-content a{margin-top:12px; width:90px; font-size:9px; line-height:28px; border-width:1px}}
			
			.swiper-pagination{width:100%; position:absolute; left:0; text-align:center; bottom:15px;}
			.swiper-pagination-switch{margin:0 6px; width:13px; height:13px; display:inline-block; cursor:pointer;
				background:#fff;
				opacity:.5;
				filter: alpha(opacity=50);
				-webkit-border-radius:50%;
				-moz-border-radius:50%;
				border-radius:50%;
				behavior:url(/resources/js/pie/PIE.htc);}
			.swiper-pagination-switch.swiper-active-switch{
				opacity:1;
				filter:alpha(opacity=100);}
				@media (max-width: 760px) {
					.swiper-pagination{bottom:11px;}
					.swiper-pagination-switch{margin:0 5px; width:10px; height:10px;}
				}
				@media (max-width: 540px) {
					.swiper-pagination{bottom:8px;}
					.swiper-pagination-switch{margin:0 4px; width:7px; height:7px;}
				}
		
			/* Highlights
			--------------------------------------------------------------------------------------------------- */
			.hl-container{margin:0 auto; width:100%; max-width:960px;}
			.hl-item{padding:0 20px; width:33.3%; font-weight:400; text-decoration:none !important;
				border-left:1px solid #d9d9d9; float:left;}
				.hl-item:first-child{width:33.4%; border-left:none;}
				.no-touch-device .hl-item:hover h1{text-decoration:underline !important;}
				@media (max-width: 760px) {
					.hl-item{padding:0 15px; width:100% !important; border-top:1px solid #d9d9d9; border-left:none;}
						.hl-item:first-child{border-top:none;}
				}
			.hl-item .icon{margin:20px 0 16px;}
			.hl-item .icon img{width:71px; height:65px;}
				@media (max-width: 760px) {
					.hl-item .icon{margin-bottom:14px;}
					.hl-item .icon img{width:61px; height:56px;}
				}
				@media (max-width: 540px) {
					.hl-item .icon{margin-bottom:12px;}
					.hl-item .icon img{width:54px; height:49px;}
				}
			.hl-item p{margin-bottom:40px; color:#240f0c;}
				@media (max-width: 760px) {.hl-item p{margin-bottom:20px;}}









/* FOOTER
--------------------------------------------------------------------------------------------------------------- */
.footer-container{}

.bottom-nav-wrapper{display:none;
	background:#99509c;}
	@media (max-width: 760px) {.bottom-nav-wrapper{display:block;}}
.bottom-nav-wrapper a{padding:15px; width:50%; color:#fff !important; font-size:14px; text-transform:uppercase;
	text-decoration:none; text-align:center; float:left; display:block;}
	.bottom-nav-wrapper a:first-child{width:100%; float:none; border-bottom:1px solid #cca8ce;}
	.bottom-nav-wrapper a:last-child{border-left:1px solid #cca8ce;}
	.bottom-nav-wrapper a span{vertical-align:top; display:inline;}
	.bottom-nav-wrapper a img{margin-right:6px; width:18px; height:18px; vertical-align:top; display:inline-block;}
	@media (max-width: 540px) {.bottom-nav-wrapper a{font-size:13px;}}
	.no-touch-device .bottom-nav-wrapper a:hover{text-decoration:underline;}

.disclaimer-wrapper{padding:15px 20px; color:#7b777b; text-align:center; border-top:1px solid #e0e0e0;
	background:#e7e7e7;}
	@media (min-width: 1400px) {.disclaimer-wrapper{border-bottom:1px solid #e0e0e0;}}
	@media (max-width: 540px) {.disclaimer-wrapper{font-size:11px; padding:12px 15px;}}
.disclaimer-wrapper a{margin-left:10px; text-decoration:none; text-transform:uppercase;}
	@media (max-width: 540px) {.disclaimer-wrapper a{margin-left:5px;}}
	.no-touch-device .disclaimer-wrapper a:hover{text-decoration:underline;}