/**
 * ------------------------------------------------
 * FVD Modules Stylesheet
 * Provides styles for unique pages
 * Should be called after site sheets and pages specific sheets.
 * ------------------------------------------------
 */

/*
 * Wysiwyg
 */

.module--wysiwyg .wrapper {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}

.module--wysiwyg .wrapper.left {-webkit-box-pack: start;-webkit-justify-content: flex-start;-ms-flex-pack: start;justify-content: flex-start;}
.module--wysiwyg .wrapper.center {-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;}
.module--wysiwyg .wrapper.right {-webkit-box-pack: end;-webkit-justify-content: flex-end;-ms-flex-pack: end;justify-content: flex-end;}

.module--wysiwyg .block {
	margin-left: 0;
	margin-right: 0;
}

/*
 * Metric Copy
 */

.module--metric-copy .row {
	display: block;
}

.module--metric-copy .relative{
	position: relative;
	padding-left: 46px;
}

.module--metric-copy .metric{
	font-size: 140px;
    color: currentcolor;
    display: inline-block;
    font-family: "Knockout 49 A","Knockout 49 B",sans-serif;
    font-style: normal;
	font-weight: 100; /* chrome fix */
    letter-spacing: 2.5px;
    line-height: 100px;
    margin: 0 0 24px;
    text-transform: uppercase;
    width: 100%;
}

.module--metric-copy .metric.plus:before{
	content: "";
	width: 32px;
	height: 2px;
	background-color: #989697;
	display: inline-block;
	position: absolute;
	top: 51px;
	left: 0px;
}

.module--metric-copy .metric.plus:after{
	content: "";
	width: 2px;
	height: 32px;
	background-color: #989697;
	display: inline-block;
	position: absolute;
	top: 36px;
	left: 15px;
}

.module--metric-copy .metric.minus:after{
	content: "";
	width: 32px;
	height: 2px;
	background-color: #989697;
	display: inline-block;
	position: absolute;
	top: 51px;
	left: 0px;
}

.module--metric-copy .number-block {
	margin-bottom: 16px;
}

.module--metric-copy .metric-description{
	margin-bottom: 10px;
	margin-left: 12px;
}

.module--metric-copy .metric-description:before {
	content: '\2022';
	display: inline-block;
	width: 12px;
	margin-left: -12px;
}

.module--metric-copy .metric-space{
	height: 30px;
	width: 30px;
	display:inline-block;
}


/*
 * Small Image + Copy
 */

.module--small-image-copy .sic-space{
	height: 30px;
	width: 30px;
	display:inline-block;
}

.module--small-image-copy .image-container{
	width: 100%;
	text-align: center;
}

.module--small-image-copy .image-container img{
	display: inline-block;
}


/*
 * Split Image + Copy
 */

.module--split-image-copy .sic-space{
	height: 30px;
	width: 30px;
	display:inline-block;
}

.module--split-image-copy .image-container{
	width: 100%;
	text-align: center;
}

.module--split-image-copy .image-container img{
	display: inline-block;
	-webkit-box-flex: 1;
	-webkit-flex: 1 1 0px;
	    -ms-flex: 1 1 0px;
	        flex: 1 1 0px;
	-webkit-align-self: center;
	    -ms-flex-item-align: center;
	        align-self: center;
}


/*
 * Three Column Image
 */

.module--three-column-image .row {
	display: block;
}

.module--three-column-image .sic-space{
	height: 30px;
	width: 30px;
	display:inline-block;
}

.module--three-column-image .image-container{
	width: 100%;
	text-align: center;
}

.module--three-column-image .image-container img{
	display: inline-block;
}


/*
 * Image
 */

.module--image .row {
	display: block;
}

.module--image img{
	width: 100%;
}


/*
 * Video
 */

.module--video .video{
	width: 100%;
	background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

.module--video img{
	width: 100%;
}


/*
 * Web Showcase Long Page
 */

.module--web-showcase-long-page .row {
	display: block;
}

.module--web-showcase-long-page .image-container {
	padding: 32px;
	text-align: center;
}

.module--web-showcase-long-page .image {
	box-shadow: 0 0px 64px 0px rgba(0, 0, 0, 0.25);
}


/*
 * Overflowing Image Copy
 */

.module--overflowing-image-copy .image-wrapper {
	width: 100%;
}

.module--overflowing-image-copy .background {
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
	position: relative;
	text-align: center;
}

.module--overflowing-image-copy .background img {
	max-width: 100%;
	max-height: 100%;
}

.module--overflowing-image-copy .text-content {
	margin-bottom: 32px;
}

@media screen and (min-width: 1024px) {
	.module--overflowing-image-copy .text-content {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-webkit-align-items: center;
		    -ms-flex-align: center;
		        align-items: center;
		height: 100%;
		position: relative;
		z-index: 1;
	}

	.module--overflowing-image-copy .image-wrapper {
		position: relative;
		height: 1000px;
	}

	.module--overflowing-image-copy .background {
		width: 1200px;
		height: 1000px;
		position: absolute;
		left: auto;
		top: 0;
		margin: 0;
		padding: 0;
	}

	.module--overflowing-image-copy .image-wrapper.right .background {
		right: -webkit-calc(50% - 200px);
		right: calc(50% - 200px);
	}

	.module--overflowing-image-copy .image-wrapper.left .background {
		left: -webkit-calc(50% - 200px);
		left: calc(50% - 200px);
	}

	.module--overflowing-image-copy.no-overlap .image-wrapper.right .background {
		right: 50%;
	}

	.module--overflowing-image-copy.no-overlap .image-wrapper.left .background {
		left: 50%;
	}
}


/*
 * Banner
 */
.module--banner {
	position: relative;
}

.module--banner .image {
	width: 100%;
}

.module--banner .text-wrapper {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	        -webkit-justify-content: center;
	        justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	        -webkit-align-items: center;
	        align-items: center;
}

.module--banner .text-wrapper h2 {
	display: inline-block;
	width: auto;
	text-align: center;
}


/* 
 * Two-Column Image
 */

.module--two-column-image .row {
	display: block;
}

.module--two-column-image .col {
	text-align: center;
}


/*
 * Image Carousel
 */

.module--image-carousel .carousel-wrapper {
	width: 100%;
	position: relative;
	padding-bottom: 0;
}

.module--image-carousel .carousel {
	margin: 0 32px;
	box-shadow: 0px 2px 32px 15px rgba(0, 0, 0, 0.15);
}

.module--image-carousel.dark .carousel {
	box-shadow: 0px 2px 32px 15px rgba(0, 0, 0, 0.1);
}

.module--image-carousel .carousel .slide img {
	width: 100%;
}

.module--image-carousel.dark .slick-prev:before,
.module--image-carousel.dark .slick-next:before,
.module--image-carousel.dark .slick-prev:after,
.module--image-carousel.dark .slick-next:after {
	background-color: #202020;
}

.module--image-carousel .count {
	display: none;
	position: absolute;
	right: 0;
	bottom: 0;
	line-height: 13px;
	font-size: 13px;
	font-family: "Gotham SSm A","Gotham SSm B",sans-serif;
	font-weight: 700;
	color: #ffffff;
	cursor: pointer;
	margin: 0 32px;
}

.module--image-carousel.dark .count {
	color: #202020;
}

@media screen and (min-width: 768px) {
	.module--image-carousel .carousel-wrapper {
		padding-bottom: 32px;
	}

	.module--image-carousel .count {
		display: block;
	}
}


/*
 * Slideshow Copy
 */

.module--slideshow-copy > .row {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	    -ms-flex-wrap: wrap;
	        flex-wrap: wrap;
}

.module--slideshow-copy .slideshow-wrapper {
	width: 100%;
}

.module--slideshow-copy .background {
	width: 100%;
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
}

.module--slideshow-copy .carousel {
	width: 100%;
}

.module--slideshow-copy .carousel .slide {
	max-width: 100%;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	    -ms-flex-pack: center;
	        justify-content: center;
}

.module--slideshow-copy .carousel .slide img {
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 100%;
	    -ms-flex: 0 0 100%;
	        flex: 0 0 100%;
	max-width: 100%;
	max-height: 100%;
}

@media screen and (max-width: 767px) {
	.module--slideshow-copy .background {
		background-image: none !important;
	}
}

@media screen and (min-width: 768px) {
	.module--slideshow-copy .background {
		width: -webkit-calc(100% + 60px);
		width: calc(100% + 60px);
		margin: -60px;
		padding: 60px;
		position: relative;
		left: 30px;
	}
}

.module--slideshow-copy .text-content {
	padding-bottom: 32px;
	-webkit-box-pack: end;
	-webkit-justify-content: flex-end;
	    -ms-flex-pack: end;
	        justify-content: flex-end;
	float: none;
}

@media screen and (min-width: 1024px) {
	.module--slideshow-copy .text-content {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-webkit-align-items: center;
		    -ms-flex-align: center;
		        align-items: center;
		height: 100%;
		position: relative;
		z-index: 1;
	}

	.module--slideshow-copy .slideshow-wrapper {
		position: relative;
		height: 800px;
	}

	.module--slideshow-copy .background {
		width: 1080px;
		height: 800px;
		position: absolute;
		left: auto;
		top: 0;
		margin: 0;
		padding: 0;
	}

	.module--slideshow-copy .slideshow-wrapper.right .background {
		right: -webkit-calc(50% - 200px);
		right: calc(50% - 200px);
	}

	.module--slideshow-copy .slideshow-wrapper.left .background {
		left: -webkit-calc(50% - 200px);
		left: calc(50% - 200px);
	}

	.module--slideshow-copy .carousel {
		width: 900px;
		height: 678px;
		position: absolute;
		top: 55px;
	}

	.module--slideshow-copy .slideshow-wrapper.right .carousel {
		right: 200px;
	}

	.module--slideshow-copy .slideshow-wrapper.left .carousel {
		left: 200px;
	}

	.module--slideshow-copy .carousel .slide {
		width: 900px;
		height: 678px;
	}
}


/*
 * Web Showcase Laptop Video
 */

.module--web-showcase-laptop-video {
	position: relative;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
		-ms-flex-align: center;
			align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
		-ms-flex-pack: center;
			justify-content: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
		-ms-flex-direction: column;
			flex-direction: column;
}

@media (max-width: 511px) {
	.module--web-showcase-laptop-video {
		padding-top: 0 !important;
		padding-bottom: 0 !important;
	}
}

.module--web-showcase-laptop-video .laptop-video-caption-container {
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 auto;
		-ms-flex: 0 0 auto;
			flex: 0 0 auto;
}

@media screen and (max-width: 511px) {
	.module--web-showcase-laptop-video .laptop-video-caption-container {
		text-align: center;
	}
}

.module--web-showcase-laptop-video .laptop-video-backgrounds {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


.module--web-showcase-laptop-video .laptop-video-backgrounds .full-bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-size: cover;
	background-repeat: no-repeat;
}

.module--web-showcase-laptop-video .laptop-video-backgrounds .full-bg.bg-top {background-position: center top;}
.module--web-showcase-laptop-video .laptop-video-backgrounds .full-bg.bg-center {background-position: center center;}
.module--web-showcase-laptop-video .laptop-video-backgrounds .full-bg.bg-bottom {background-position: center bottom;}

@media screen and (max-width: 511px) {
	.module--web-showcase-laptop-video .laptop-video-backgrounds {
		opacity: 0;
	}
}

.module--web-showcase-laptop-video .laptop-video-backgrounds .left-bg {
	position: absolute;
	width: 50%;
	height: 100%;
	top: 0;
	left: 0;
}

.module--web-showcase-laptop-video .laptop-video-backgrounds .right-bg {
	position: absolute;
	width: 50%;
	height: 100%;
	top: 0;
	right: 0;
}

.module--web-showcase-laptop-video .laptop-video-backgrounds .bg-wrapper {
	position: relative;
	width: 100%;
	height: 100%;
}

.module--web-showcase-laptop-video .laptop-video-backgrounds .left-bg .bg-img {
	position: absolute;
	left: 0;
	/*width: 100%;
	max-width: 512px;*/
	max-height: 100%;
}

.module--web-showcase-laptop-video .laptop-video-backgrounds .right-bg .bg-img {
	position: absolute;
	right: 0;
	/*width: 100%;
	max-width: 512px;*/
	max-height: 100%;
}

.module--web-showcase-laptop-video .laptop-video-backgrounds.centerCenter .left-bg .bg-img,
.module--web-showcase-laptop-video .laptop-video-backgrounds.centerCenter .right-bg .bg-img {
	top: 0;
	bottom: 0;
	margin: auto 0;
}

.module--web-showcase-laptop-video .laptop-video-backgrounds.bottomTop .left-bg .bg-img {
	bottom: 0;
}

.module--web-showcase-laptop-video .laptop-video-backgrounds.bottomTop .right-bg .bg-img {
	top: 0;
}

.module--web-showcase-laptop-video .laptop-video-backgrounds.topBottom .left-bg .bg-img {
	top: 0;
}

.module--web-showcase-laptop-video .laptop-video-backgrounds.topBottom .right-bg .bg-img {
	bottom: 0;
}

.module--web-showcase-laptop-video .laptop-video-container {
	position: relative;
	width: 100%;
	max-width: 1160px;
}

.module--web-showcase-laptop-video .video-container {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
		-ms-flex-align: center;
			align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
		-ms-flex-pack: center;
			justify-content: center;
}

.module--web-showcase-laptop-video .laptop-wrapper {
	width: 100%;
}

@media screen and (max-width: 511px) {
	.module--web-showcase-laptop-video .laptop-wrapper {
		opacity: 0;
	}
}

.module--web-showcase-laptop-video .video-wrapper {
	width: 72.7272%;
	padding-top: 45.4545%;
	background-size: contain;
	background-position: center center;
	background-repeat: no-repeat;
	position: relative;
	display: table;
}

@media screen and (max-width: 511px) {
	.module--web-showcase-laptop-video .video-wrapper {
		width: 94%;
		padding-top: 58.75%;
		box-shadow: 0 0 16px #000000;
	}
}

.module--web-showcase-laptop-video .laptop-video {
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

.module--web-showcase-laptop-video .video-border {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	box-shadow: 0 0 0 1px #000000;
}

@media screen and (max-width: 511px) {
	.module--web-showcase-laptop-video .video-border {
		opacity: 0;
	}
}

.module--web-showcase-laptop-video .video-border:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	box-shadow: 0 0 0 1px #000000 inset;
}

.module--web-showcase-laptop-video .caption-container {
	position: relative;
}

.module--web-showcase-laptop-video .caption-wrapper {
	position: absolute;
}


/*
 * Web Showcase Scrolling Phone
 */

.module--web-showcase-scrolling-phone {
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}

.module--web-showcase-scrolling-phone .placement-left{
	text-align: center;
}

@media screen and (min-width: 1279px) {
	.module--web-showcase-scrolling-phone .placement-left{
		text-align: left;
	}
}

.module--web-showcase-scrolling-phone .placement-center{
	text-align: center;
}
.module--web-showcase-scrolling-phone .placement-right{
	text-align: center;
}

@media screen and (min-width: 1279px) {
	.module--web-showcase-scrolling-phone .placement-right{
		text-align: right;
	}
}

.module--web-showcase-scrolling-phone .wrapper{
	position: relative;
	width: 100%;
	max-width: 320px;
	height: 430px;
	display: inline-block;
}

.module--web-showcase-scrolling-phone .device {
	width: 100%;
	height: 604px;
}

.module--web-showcase-scrolling-phone .screen-wrapper {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 604px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
		-ms-flex-align: center;
			align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
		-ms-flex-pack: center;
			justify-content: center;
}

.module--web-showcase-scrolling-phone .screen-area {
	position: relative;
	overflow-y: hidden;
	width: 72.2222%;
	height: 68.0147%;
}

.module--web-showcase-scrolling-phone .screen {
	position: absolute;
	top: 0;
	left: 0;
}