/*
		@font-face {
			font-family: SourceSansPro-Bold;
			src: url('../fonts/IntelClear_Rg.ttf');
		}
		*/
		body{
		    overflow-x: hidden;
			margin: 0px;
			background-color: #f1f2f2;
			background-image: url(../img/bg-1.jpg);
			background-position: center;
			background-size: cover;
			font-family:'Source Sans Pro',Arial,Helvetica,sans-serif;
		}
		.display-none{
			display: none;
		}
		.display-inline-block{
			display: inline-block;
		}
		.text-center{
			text-align: center;
		}
		.xprt-logo{
			margin: 60px 0px 40px 0px;
		}
		.xprt-devices{
			margin: 20px 0px;
		}
		#top-text-1{
			width: 320px;	
		}
		#top-text-2{
			width: 160px;
			font-size: 0.8em;
		}
		.wheel{
			border-radius: 50%;
		}
		#wheel-container{
			position: absolute;
			top: 100px;
			margin: 0 auto;
			height: 640px;
			width: 640px;
			right: 30px;
			overflow: hidden;
			display: none;
		}
		#wheel-container-visible{
			width: 100%;
			height: 100%;
		}
		#outer-wheel{
			background-color: #004059;
			width: 100%;
			height: 100%;
			position: absolute;
			left: 0px;
			right: 0px;
			margin: 0 auto;
			z-index: 1;
			cursor: pointer;
		}
		#inner-wheel-1{
			background-color: #005b7f;
			width: 81.25%;
			height: 81.25%;
			position: absolute;
			left: 0px;
			right: 0px;
			margin: 9.375% auto;
			z-index: 5;
			cursor: pointer;
			box-shadow: 0px 0px 10px #002533;
		}
		#inner-wheel-2{
			background-color: #2996cc;
			width: 62.5%;
			height: 62.5%;
			position: absolute;
			left: 0px;
			right: 0px;
			margin: 18.75% auto;
			z-index: 10;
			cursor: pointer;
			box-shadow: 0px 0px 10px #002533;
		}
		#inner-wheel-3{
			background-color: #3ecec4;
			width: 43.75%;
			height: 43.75%;
			position: absolute;
			left: 0px;
			right: 0px;
			margin: 28.125% auto;
			z-index: 10;
			cursor: pointer;
			box-shadow: 0px 0px 10px #002533;
		}
		#inner-wheel-4{
			background-color: white;
			position: absolute;
			left: 0px;
			right: 0px;
			width: 25%;
			height: 25%;
			margin: 37.5% auto;
			z-index: 35;
			box-shadow: 0px 0px 10px #002533;
		}
		.wheel span {
			font: 1em;
			margin: 0 auto;
			right: 0px;
			top: 10px;
			transform-origin: bottom center;
			color: white;
		}
		#outer-wheel span {
			height: 180px;
		}
		#inner-wheel-1 span {
			height: 140px;
		}
		#inner-wheel-2 span {
			height: 100px;
		}
		#outer-wedge-2 {
			transform: rotate(40deg);
		}
		#outer-wedge-3 {
			transform: rotate(80deg);
		}
		#outer-wedge-4 {
			transform: rotate(120deg);
		}
		#outer-wedge-5 {
			transform: rotate(160deg);
		}
		#outer-wedge-6 {
			transform: rotate(200deg);
		}
		#outer-wedge-7 {
			transform: rotate(240deg);
		}
		#outer-wedge-8 {
			transform: rotate(280deg);
		}
		#outer-wedge-9 {
			transform: rotate(320deg);
		}
		#outer-wedge-1, #inner1-wedge-1  { transform: rotate(0deg); }
		#inner1-wedge-2  { transform: rotate(36deg); }
		#inner1-wedge-3  { transform: rotate(72deg); }
		#inner1-wedge-4  { transform: rotate(108deg); }
		#inner1-wedge-5  { transform: rotate(144deg); }
		#inner1-wedge-6  { transform: rotate(180deg); }
		#inner1-wedge-7  { transform: rotate(216deg); }
		#inner1-wedge-8  { transform: rotate(252deg); }
		#inner1-wedge-9 { transform: rotate(288deg); }
		#outer-wedge-10, #inner1-wedge-10  { transform: rotate(324deg); }
		#outer-wedge-11, #inner1-wedge-11  { transform: rotate(327.2727272727273deg); }
		#inner2-wedge-1{ transform: rotate(0deg); }
		#inner2-wedge-2{ transform: rotate(60deg); }
		#inner2-wedge-3{ transform: rotate(120deg); }
		#inner2-wedge-4{ transform: rotate(180deg); }
		#inner2-wedge-5{ transform: rotate(240deg); }
		#inner2-wedge-6{ transform: rotate(300deg); }
		
		#inner2-wedge-7{ transform: rotate(270deg); }
		#inner2-wedge-8{ transform: rotate(315deg); }
		
		
		#inner3-wedge-1{ transform: rotate(0deg); }
		#inner3-wedge-2{ transform: rotate(51.42857142857143deg); }
		#inner3-wedge-3{ transform: rotate(102.8571428571429deg); }
		#inner3-wedge-4{ transform: rotate(154.2857142857143deg); }
		#inner3-wedge-5{ transform: rotate(205.7142857142857deg); }
		#inner3-wedge-6{ transform: rotate(257.1428571428571deg); }
		#inner3-wedge-7{ transform: rotate(308.5714285714286deg); }
		.wedge{
			margin: 0 auto;
			height: 80px;
			text-align: center;
			max-width: 200px;
		}
		.wedge-type{
			text-align: center;
			position: absolute;
			top: 2px;
			right: 0px;
			left: 0px;
			margin: 0 auto;
			font-size: 0.85em;
			width: 50px;
			z-index: 40;
			color: #2B95CA;
			font-weight: bold;
			/* pointer-events: none; */
		}
		.wedge-text{
		  font-size: 1em;
		  line-height: 0.25em;
		  font-weight: 600;
		}
		#inner1-wedge-type{
			top: 62px;
		}
		#inner2-wedge-type{
			top: 122px;
			color: #003E54;
		}
		#inner3-wedge-type{
			top: 182px;
			color: #003E54;
		}
		#outer-wedge-1{
			position: absolute; 	
			left: 291px;
			top: 33px;
		}
		#outer-wedge-2{
			position: absolute;
			left: 425px;
			top: 95px;
		}
		#outer-wedge-3{
			position: absolute;
			left: 532px;
			top: 238px;
		}
		#outer-wedge-4{
			position: absolute;
			left: 495px;
			top: 405px;
		}
		#outer-wedge-5{
			position: absolute;
			left: 378px;
			top: 510px;
		}
		#outer-wedge-6{
			position: absolute;
			left: 185px;
			top: 510px;
		}
		#outer-wedge-7{
			position: absolute;
			left: 90px;
			top: 400px;
		}
		#outer-wedge-8{
			position: absolute;
			left: 45px;
			top: 237px;
		}
		#outer-wedge-9{
			position: absolute;
			left: 132px;
			top: 90px;
		}
		#outer-wedge-10{
			position: absolute;
			left: 65px;
			top: 175px;
		}
		#outer-wedge-11{
			position: absolute;
			left: 160px;
			top: 75;
		}
		#inner1-wedge-1{
			position: absolute; 	
			left: 246px;
			top: 33px;
		}
		#inner1-wedge-2{
			position: absolute;
			left: 350px;
			top: 70px;
		}
		#inner1-wedge-3{
			position: absolute;
			left: 398px;
			top: 165px;
		}
		#inner1-wedge-4{
			position: absolute;
			left: 392px;
			top: 280px;
		}
		#inner1-wedge-5{
			position: absolute;
			left: 340px;
			top: 370px;
		}
		#inner1-wedge-6{
			position: absolute;
			left: 232px;
			top: 405px;
		}
		#inner1-wedge-7{
			position: absolute;
			left: 125px;
			top: 370px;	
		}
		#inner1-wedge-8{
			position: absolute;
			left: 60px;
			top: 276px;
		}
		#inner1-wedge-9{
			position: absolute;
			left: 65px;
			top: 163px;
		}
		#inner1-wedge-10{
			position: absolute;
			left: 120px;
			top: 68px;
		}
		#inner1-wedge-11{
			position: absolute;
			left: 127px;
			top: 68px;
		}
		#inner2-wedge-1{
			position: absolute; 	
			left: 160px;
			top: 33px;
		}
		#inner2-wedge-2{
			position: absolute;
			left: 272px;
			top: 100px;
		}
		#inner2-wedge-3{
			position: absolute;
			left: 250px;
			top: 220px;
		}
		#inner2-wedge-4{
			position: absolute;
			left: 135px;
			top: 285px;
			width: 130px;
		}
		#inner2-wedge-5{
			position: absolute;
			left: 50px;
			top: 220px;
		}
		#inner2-wedge-6{
			position: absolute;
			left: 48px;
			top: 95px;
		}
		#inner2-wedge-7{
			position: absolute;
			left: 35px;
			top: 160px;
		}
		#inner2-wedge-8{
			position: absolute;
			left: 65px;
			top: 75px;
		}
		#inner3-wedge-1{
			position: absolute; 	
			left: 127px;
			top: 33px;
		}
		#inner3-wedge-2{
			position: absolute;
			left: 165px;
			top: 60px;
		}
		#inner3-wedge-3{
			position: absolute;
			left: 165px;
			top: 115px;
		}
		#inner3-wedge-4{
			position: absolute;
			left: 156px;
			top: 158px;
		}
		#inner3-wedge-5{
			position: absolute;
			left: 85px;
			top: 156px;
		}
		#inner3-wedge-6{
			position: absolute;
			left: 65px;
			top: 113px;
		}
		#inner3-wedge-7{
			position: absolute;
			left: 60px;
			top: 60px;
		}
		.red-btn{
			margin: 60px auto 0px auto;
			background-color: #c91229;
			width: 100px;
			text-align: center;
			border-radius: 5px;
			padding: 8px 10px 11px;
			cursor: pointer;
		}
		.red-btn:hover{
		  background-color: #ed1b23;
		  transition: 0.1s;
		}
		.red-btn span{
			color: white;
			font-weight: 700;
		}
		.reset-btn{
			margin: 0px auto;
			display: none;
			opacity: 0;
			background-color: white;
			width: 60px;
			text-align: center;
			border-radius: 5px;
			padding: 8px 10px 11px;
			cursor: pointer;
		}
		.reset-btn span{
			color: #2996cc;
			font-weight: 700;
		}
		.underside-outer{
			border-top-left-radius: 50%;
			border-top-right-radius: 50%;
			background-color: #003E54
			position: absolute;
			height: 20px;
			top: 84px;
			z-index: 10;
			width: 120px;
			left: 0px;
			right: 0px;
			margin: 0 auto;
		}
		
		.wheel-overlay {
			position: absolute;
			background-image: url(../img/wheel-overlay-dark.svg);
			background-blend-mode: multiply;
			background-repeat: no-repeat;
			z-index: 30;
			left: 0px;
			right: 0px;		
			width: 100%;
			height: 100%;
			opacity: 0.75;
			border-radius: 50%;
			pointer-events: none;
			margin: 0 auto;
		}
		.xprt-devices img, #devices-img{
			width: 300px;
		}
		.container{
			max-width: 1400px;
			margin: 0 auto;
			width: 100%;
			min-height: 100%;
			position: relative;
			overflow: hidden;
		}
		.triangle-left{
			border-top: 5px solid transparent;
			border-bottom: 5px solid transparent;
			border-right: 8px solid white;
			cursor: pointer;
		}
		.triangle-right{
			border-top: 5px solid transparent;
			border-bottom: 5px solid transparent;
			border-left: 8px solid white;
			cursor: pointer;
		}
		.triangle-left:hover {
		  border-right: 8px solid rgb(255, 255, 255);
		  border-right: 8px solid rgba(255, 255, 255, .5);
		      -webkit-background-clip: padding-box; /* for Safari */
		      background-clip: padding-box; /* for IE9+, Firefox 4+, Opera, Chrome */
		  transition: 0.1s; 
		}
		.triangle-right:hover{
		  border-left: 8px solid rgb(255, 255, 255);
		  border-left: 8px solid rgba(255, 255, 255, .5);
		      -webkit-background-clip: padding-box; /* for Safari */
		      background-clip: padding-box; /* for IE9+, Firefox 4+, Opera, Chrome */
		  transition: 0.1s;    
		}
		.triangle-left-container, .triangle-right-container{
			height: 20px;
			width: 20px;
			position: absolute;
			cursor: pointer;
		}
		#triangle-left-container-1{
			left: -75px;
			top: 13px;
			transform: rotate(-20deg);
		}
		#triangle-left-container-2{
			position: absolute;
			left: -60px;
			top: 10px;
			transform: rotate(-18deg);
		}
		#triangle-left-container-3{
			left: -45px;
			top: 7px;
			transform: rotate(-18deg);
		}
		#triangle-left-container-4{
			left: -30px;
			top: 6px;
			transform: rotate(-15deg);
		}
		#triangle-right-container-1{
			right: -75px;
			top: 13px;
			transform: rotate(20deg);
		}
		#triangle-right-container-2{
			right: -60px;
			top: 10px;
			transform: rotate(18deg);
		}
		#triangle-right-container-3{
			right: -45px;
			top: 7px;
			transform: rotate(18deg);
		}
		#triangle-right-container-4{
			right: -30px;
			top: 6px;
			transform: rotate(15deg);
		}
		#triangle-left-1, #triangle-left-2, #triangle-left-3, #triangle-left-4{
			position: absolute;
			left: 6px;
			top: 5px;
		}
		#triangle-right-1, #triangle-right-2, #triangle-right-3, #triangle-right-4{
			position: absolute;
			right: 6px;
			top: 5px;
		}
		.disabled span{
			opacity: 0.35;
			color: white;
		}
		.xprt-match-container{
			overflow-y: visible;
			overflow-x: hidden;
			display: none;
			width: 100%;
			/* height: 100%; */
			/* max-width: 800px; */
		    position: absolute;
			margin: 0 auto;
		    margin-top: 80px;
		    left: 0px;
			right: 0px;
		}
		.last-slide{
			margin-right: 0px !important;
		}
		.xprt-match{
		    vertical-align: top;
			display: none;
			margin-right: 30px;
			text-align: center;
			max-width: 500px;
		}
		#graybox-7{
			border-radius: 5px 5px 0 0;
		}
		.card-header{
			/* padding: 20px 0px; */
			border-radius: 5px 5px 0px 0px;
			background-color: #9de0db;
			background: -webkit-linear-gradient(left, #9de0db, #91c5dd); /* For Safari 5.1 to 6.0 */
			background: -o-linear-gradient(right, #9de0db, #91c5dd); /* For Opera 11.1 to 12.0 */
			background: -moz-linear-gradient(right, #9de0db, #91c5dd); /* For Firefox 3.6 to 15 */
			background: linear-gradient(to right, #9de0db, #91c5dd); /* Standard syntax */
		}
		.card-header img{
			width: 80%;
			max-width: 100px
		}
		.xprt-match-content{
			border-radius: 0px 0px 5px 5px;
			padding: 0px 0px 20px 0px;
			background-color: #f2f2f2;
			width: 100%;
		}
		.xprt-match-content p{
			text-align: left;
			padding: 20px 0px;
			width: 80%;
			margin: 0 auto;
		}
		#xprt-match-1{
			left: 0px;
		}
		.xprt-match-top-text {
			margin: 40px auto;
			width: 50%;
			text-align: center;
			color: #004059;
			font-weight: bold;
		}
		.ui-loader {
			display: none;
		}
		.xprt-match-viewable{
			position: relative;
			width: 100%;
		}
		#Layer_1{
			cursor: pointer;
		}
		.card-arrow-left{
			cursor: pointer;
			display: inline-block;
			width: 20px;
			vertical-align: top;
			margin: 20px 40px 10px 0px;
			opacity: 0;
		}
		#cards-arrows-left-img{
			cursor: pointer;
		}
		.card-arrow-right{
			cursor: pointer;
			display: inline-block;
			width: 20px;
			vertical-align: top;
			margin: 20px 0px 10px 40px;
		}
		#cards-arrows-right-img{
			cursor: pointer;
		}
		.nav-dot{
		    display: inline-block;
			width: 20px;
			height: 20px;
			margin: 20px 5px 10px 5px;
			border-radius: 50%;
			background-color: white;
			cursor: pointer;
		}
		.active-nav-dot{
			background-color: #2996cc;
		}
		.xprt-match-nav{
			margin: 0 auto;
		}
		.start-over{
			margin: 10px auto;
			text-align: center;
		}
		.tell-me-more{
			margin: 50px auto 10px auto;
			text-align: center;
			color: #2996cc;
			font-weight: bold;
		}
		#tell-me-more-link{
			cursor: pointer;
			font-weight: 400;
		}
		.infographic-modal{
			position: absolute;
			left: 0px;
			right: 0px;
			width: 60%;
			margin: 20px auto;
			z-index: 9999;
			background-color: #172935;
			display: none;
			opacity: 0;
			border-radius: 5px;
		}
		.infographic-modal p{
			color: white;
			margin: 0px auto;
			padding: 20px 0px;
			width: 80%;
		}
		.infographic-modal a{
			text-decoration: none;
		}
		.infographic-modal-back{
			width: 24px;
			position: absolute;
			left: 10px;
			top: 8px;
			cursor: pointer;
		}
		.infographic-image-large{
			width: 40%;
			/* height: 70%; */
			border: solid 1px white;
		}
		.infographic-image-2-columns{
			width: 80%;
		}
		.infographic-column {
			display: inline-block;
			width: 40%;
			text-align: center;
			vertical-align: top;
		}
		.aqua{
			color: #3ecec4 !important;
		}
		.smaller-text{
			font-size: 14px;
		}
		#start-over-link{
			color: white;
		    text-decoration: none;
		}
		#xprt-match-content-spotlight{
			margin-top: -10px;
		}
		.learn-more{
			width: 80%;
			max-width: 300px;
			background-color: #004059;
			margin: 0 auto;
			padding: 10px;
			color: white;
			text-align: center;
			border-radius: 3px;
			font-size: 13px;
			font-weight: bold;
			cursor: pointer;
		}
		.learn-more span {
			color: white;
			text-decoration: none;
		}
		.slide-back{
			background-color: white;
		    border-radius: 5px;	
		}
		.slide-back p{
			color: black;
		}
		
		.card-header {
		  min-height: 46px;
		  padding: 2px;
		  border-radius: 5px 5px 0 0;
		  background: #ccc;
		  text-align: center;
		}

		.WebXPRT-card-header {
		  background: #7ce2da; /* For browsers that do not support gradients */
		  background: -webkit-linear-gradient(left, #7ce2da , #7bc4f6); /* For Safari 5.1 to 6.0 */
		  background: -o-linear-gradient(right, #7ce2da, #7bc4f6); /* For Opera 11.1 to 12.0 */
		  background: -moz-linear-gradient(right, #7ce2da, #7bc4f6); /* For Firefox 3.6 to 15 */
		  background: linear-gradient(to right, #7ce2da , #7bc4f6); /* Standard syntax */
		}
		.xprt-match .WebXPRT-card-header img{
		    margin-top: 13px;
		}
		.TouchXPRT-card-header {
		  background: #7cd3ed; /* For browsers that do not support gradients */
		  background: -webkit-linear-gradient(left, #7cd3ed, #9e8fc1); /* For Safari 5.1 to 6.0 */
		  background: -o-linear-gradient(right, #7cd3ed, #9e8fc1); /* For Opera 11.1 to 12.0 */
		  background: -moz-linear-gradient(right, #7cd3ed, #9e8fc1); /* For Firefox 3.6 to 15 */
		  background: linear-gradient(to right, #7cd3ed, #9e8fc1); /* Standard syntax */
		}
		.MobileXPRT-card-header {
		  background: #7cedaa; /* For browsers that do not support gradients */
		  background: -webkit-linear-gradient(left, #7cedaa, #7abb99); /* For Safari 5.1 to 6.0 */
		  background: -o-linear-gradient(right, #7cedaa, #7abb99); /* For Opera 11.1 to 12.0 */
		  background: -moz-linear-gradient(right, #7cedaa, #7abb99); /* For Firefox 3.6 to 15 */
		  background: linear-gradient(to right, #7cedaa, #7abb99); /* Standard syntax */
		}
		.BatteryXPRT-card-header {
		  background: #d8e390; /* For browsers that do not support gradients */
		  background: -webkit-linear-gradient(left, #d8e390, #7cce96); /* For Safari 5.1 to 6.0 */
		  background: -o-linear-gradient(right, #d8e390, #7cce96); /* For Opera 11.1 to 12.0 */
		  background: -moz-linear-gradient(right, #d8e390, #7cce96); /* For Firefox 3.6 to 15 */
		  background: linear-gradient(to right, #d8e390, #7cce96); /* Standard syntax */
		}
		.HDXPRT-card-header {
		  background: #eae380; /* For browsers that do not support gradients */
		  background: -webkit-linear-gradient(left, #eae380, #f6a18f); /* For Safari 5.1 to 6.0 */
		  background: -o-linear-gradient(right, #eae380, #f6a18f); /* For Opera 11.1 to 12.0 */
		  background: -moz-linear-gradient(right, #eae380, #f6a18f); /* For Firefox 3.6 to 15 */
		  background: linear-gradient(to right, #eae380, #f6a18f); /* Standard syntax */
		}
		.CrXPRT-card-header {
		  background: #cdaee7; /* For browsers that do not support gradients */
		  background: -webkit-linear-gradient(left, #cdaee7, #e28a9e); /* For Safari 5.1 to 6.0 */
		  background: -o-linear-gradient(right, #cdaee7, #e28a9e); /* For Opera 11.1 to 12.0 */
		  background: -moz-linear-gradient(right, #cdaee7, #e28a9e); /* For Firefox 3.6 to 15 */
		  background: linear-gradient(to right, #cdaee7, #e28a9e); /* Standard syntax */
		}
		
		.gray-box{
			background-color: #f2f2f2;
		    overflow: hidden;
		}
		
		.gray-box img{
			width: 100%;
		}
		
		.expand-xprt, .expand-xprt-spotlight{
			width: 775px;
			max-width: 80%;
			position: absolute;
			top: 40px;
			left: 0px;
			/* right: 0px; */
		    border-radius: 5px;
			margin: 0 auto;
			z-index: 9999;
			background-color: #f2f2f2;
		    overflow: hidden;
		}
		.expand-banner{
			border-radius: 5px 5px 0px 0px;
			height: 47px;
			width: 100%;
			text-align: center;
		    position: relative;
		}
		.expand-banner-img{
			height: 100%;
		}
		.expand-banner-back{
			width: 24px;
			position: absolute;
			left: 30px;
			top: 8px;
			cursor: pointer;
		}
		.expand-top-row{
			margin-bottom: 20px;
		}
		.expand-top-text{
			vertical-align: top;
			display: inline-block;
			width: 43%;
		}
		.expand-top-text-title{
			margin-top: 0px !important;
			font-weight: 400;
			font-size: 24px;
			color: #333333;
			display: none;
			opacity: 0;
		}
		.try-xprt{
			width: 80%;
			max-width: 300px;
			background-color: #005b7f;
			padding: 10px;
			color: white;
			text-align: center;
			border-radius: 5px;
			font-size: 16px;
			cursor: pointer;
		}
		.try-xprt:hover{
			background-color: #2996cc;
		}
		.try-xprt a, .try-xprt a:hover, .try-xprt a:visited{
			color: white;
			text-decoration: none;
		}
		.expand-top-image{
			vertical-align: top;
			display: inline-block;
			width: 57%;
		}
		.expand-top-image img{
			width: 100%
		}
		.video-caption{
			margin-top: 8px;
			font-size: 14px;
		}
		.expand-top-text-content, .expand-top-image-content{
		    padding: 30px 30px 0px 30px;
			margin: 0 auto;
		}
		.expand-middle-link{
			display: inline-block;
			border-top: solid 1px white;
			height: 20px;
			padding: 10px 0px;
			text-align: center;
		}
		#expand-middle-link-1{
			width: 43%;
		}
		#expand-middle-link-2{
			width: 57%;
		}
		.expand-middle-link a, .expand-middle-link a:hover, .expand-middle-link a:visited{
			text-decoration: none;
			color: #2996cc;
		}
		.expand-bottom-row{
			padding: 20px 0px;
			background-color: #005b7f;
		}
		.expand-bottom-spotlight{
			width: 43%;
			display: inline-block;
			vertical-align: top;
		}
		.expand-bottom-spotlight-content{
		    margin: 0px 15px 0px 30px;
			border-radius: 5px 5px 5px 5px;
			background-color: #f2f2f2;
			padding-bottom: 10px;
		}
		.expand-bottom-spotlight-content object, .expand-bottom-spotlight-content svg{
			width: 100%;
		}
		.spotlight-text{
			width: 80%;
			margin: 10px auto;
			text-align: center;
		}
		.expand-bottom-community{
			width: 57%;
			display: inline-block;
			vertical-align: top;
		}
		.expand-bottom-community-content{
		    margin: 0px 30px 0px 15px;
			border-radius: 5px 5px 5px 5px;
			background-color: #f2f2f2;
			padding-bottom: 10px;
		}
		.expand-bottom-spotlight-content img, .expand-bottom-community-content img{
			width: 100%;
		}
		.community-text{
			width: 60%;
			margin: 40px auto;
			text-align: center;
		}
		.community-header{
			border-radius: 5px 5px 0px 0px;
		    padding: 14px 0px 0px 0px;
		}
		.community-header-left{
			display: inline-block;
			width: 30%;
			text-align: right;
		}
		.community-header-right{
			display: inline-block;
			width: 70%;
			font-size: 20px;
			vertical-align: top;
			color: white;
		}
		.community-header-right p{
			padding: 0px 20px;
			margin-top: 5px;
		}
		#community-header-img{
			width: 55px;
		}
		#community-header-png{
			width: 55px;
		}
		.go-there{
			width: 175px;
			margin: 20px auto;
			border-radius: 5px;
			border: solid 1px #005b7f;
			color: #005b7f;
			text-align: center;
			cursor: pointer;
			font-weight: bold;
			font-size: 13px;
			padding: 3px 0px 5px 0px;
		}
		.go-there:hover{
			background-color: #005b7f;
			color: #f2f2f2;
		}
		.go-there a, .go-there a:visited{
			text-decoration: none;;
			color: #005b7f;
		}
		.go-there-hover{
			text-decoration: none;
			background-color: #005b7f;
			color: #f2f2f2 !important;
		}
		.go-there-spotlight{
			margin: 20px;
			width: 200px;
		}
		.expand-visible{
			/* width: 500px; */
			overflow: hidden;
		}
		#cboxWrapper {
			max-width: 80%;
		}
		.expand-spotlight-bottom-row{
			padding: 30px 0px;
			background-color: #005b7f;
		}
		.expand-bottom-spotlight-infographic {
			width: 40%;
			text-align: center;
			vertical-align: top;
		}
		.expand-bottom-row-spotlight-content{
			margin: 0px 20px;
		}
		.expand-bottom-row-spotlight-content img{
			width: 100%;
		}
		.expand-bottom-spotlight-caption {
			width: 60%;
			vertical-align: top;
			color: #f2f2f2;
		}
		.margin-0-20{
			margin: 0px 20px;
		}
		.go-there-white {
			width: 175px;
			max-width: 100%;
			margin: 20px auto;
			border-radius: 5px;
			border: solid 1px #f2f2f2;
			color: white;
			background-color: #005b7f;
			text-align: center;
			cursor: pointer;
			font-weight: bold;
			font-size: 13px;
			padding: 3px 0px 5px 0px;
		}
		.go-there-white a{
			color: #f2f2f2;
			text-decoration: none;
		}
		.go-there-white a:visited{
			color: #f2f2f2;
			text-decoration: none;
		}
		.go-there-white:hover {
			border: solid 1px #005b7f;
			color: #005b7f !important;
			background-color: #f2f2f2;
		}
		.go-there-white-hover{
			color: #005b7f !important;
		}
		#spotlight-header-img{
			width: 100%;
			border-radius: 5px 5px 0 0;
		}
		
		
		
		
		
		.visible-phone {
			display: none !important;
		}
		@media (max-width: 767px){
			.visible-phone {
				display: inherit !important;
			}
			.hidden-phone {
				display: none !important;
			}
			.infographic-modal{
				width: 100%;
			}
			.infographic-image-large{
				width: 70%;
			}
			.infographic-column {
				display: block;
				width: 80%;
				text-align: center;
				margin: 0 auto;
			}
		}

		
		
		@media (min-width: 1401px){
			#wheel-container{
				left: 0px;
				right: 0px;
			}
			/*
			.wheel-overlay, #outer-wheel, .wedge-type{
				left: 0px;
				right: 0px;
			}
			#inner-wheel-1{
				left: 0px;
				right: 0px;
			}
			#inner-wheel-2{
				left: 0px;
				right: 0px;
			}
			#inner-wheel-3{
				left: 0px;
				right: 0px;
			}
			#inner-wheel-4{
				left: 0px;
				right: 0px;
			}
			.wedge-type{
				left: 0px;
				right: 0px;
			}
			*/
			.top-text{
				margin-left: 50px;
			}
		}
		@media (min-width: 1001px) and (max-width: 1400px){
			/*
			.wheel-overlay, #outer-wheel{
				right: 25px;
			}
			#inner-wheel-1{
				right: 85px;
			}
			#inner-wheel-2{
				right: 145px;
			}
			#inner-wheel-3{
				right: 205px;
			}
			#inner-wheel-4{
				right: 265px;
			}
			.wedge-type{
				right: 0px;
				left: 0px;
			}
			*/
			.top-text{
				margin-left: 25px;
			}

		}
		@media (max-width: 1000px){
			.top-text{
				text-align: center;
			}
			#wheel-container{
				position: relative;
				top: 20px;
				left: 0px;
				right: 0px;
			}
			#top-text-1{
				text-align: center;
				width: 80%;
				margin: 0 auto;
			}
			#top-text-2{
				text-align: center;
				width: 40%;
				margin: 0 auto;
				margin-top: 20px;
			}
			.xprt-devices{
				margin-bottom: 20px;
			}
			/*
			.wheel-overlay, #outer-wheel, .wedge-type{
				left: 0px;
				right: 0px;
			}
			#inner-wheel-1{
				left: 0px;
				right: 0px;
			}
			#inner-wheel-2{
				left: 0px;
				right: 0px;
			}
			#inner-wheel-3{
				left: 0px;
				right: 0px;
			}
			#inner-wheel-4{
				left: 0px;
				right: 0px;
			}
			*/
			.wedge-type{
				left: 0px;
				right: 0px;
			}
		}
		@media (max-width: 720px){
			.xprt-match-content p {
				font-size: 12px;				
			}
			.expand-xprt, .expand-xprt-spotlight{
				width: 95%;
				max-width: 95%;
				position: absolute;
				top: 0px;
				left: 0px;
				margin: 0 auto 20px auto;
				z-index: 9999;
				background-color: #f2f2f2;
			}
			
			.expand-bottom-spotlight-content {
				margin: 0px 15px;
				border-radius: 5px 5px 5px 5px;
				background-color: #f2f2f2;
				padding-bottom: 10px;
			}			
			
			.expand-bottom-community-content {
				margin: 0px 15px;
				border-radius: 5px 5px 5px 5px;
				background-color: #f2f2f2;
				padding-bottom: 10px;
			}			
			
			.expand-top-text, .expand-top-image, .expand-middle-link, .expand-bottom-spotlight, .expand-bottom-community{
				margin-top: 10px;
				display: block;
				width: 100% !important;
			}
		}
		@media (max-width: 500px){
			#wheel-container-visible{
				height: 480px;
				overflow: hidden;
			}
		}