/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */
 .ftc-slider {
			width: 100%;
			overflow: hidden;
			position: relative;
		}
		.ftc-slider .slider {
			position: absolute;
			left: 0;
			top: 0;
			width: 4320px;
			margin: 0;
			cursor: auto;
		}
		.ftc-slider .slide {
			width: 1440px;
			float: left;
			background: #fc0;
			text-align: center;
			position: relative;
			overflow: hidden;
		}
		
		.ftc-slider .slider-nav {
			display: block;
			position: absolute;
			bottom: 20px;
			left: 50%;
			transform:	translateX(-50%);
			z-index: 10;
		}
		.ftc-slider .slider-nav a {
			color: white;
			font-weight: bold;
			text-shadow: 1px 1px 2px black;
		}

		.ftc-slider, .ftc-slider .slider,.ftc-slider .slider .slide, .ftc-slider .slider .image-block, .ftc-slider .slider-nav, .ftc-slider .slide .underlay {
			height: 400px;
		}
		.ftc-slider .slider .image-block img {
			max-height: 380px;
		}
		

		/* slider content */
		.ftc-slider .slider .text-block {
			padding: 1rem 0 0 1rem;
    	}
    	.ftc-slider .slider .text-block h2 {
    		font-size: 2rem;
    		font-family: Code-Pro-Bold,Roboto,Helvetica Neue,Helvetica,Arial sans-serif;
	    	font-weight: 400;
	    	letter-spacing: .025em;
	    	text-transform: uppercase;
	    	text-align: left;
	    	/*white-space: pre-line;*/
	    	position: relative;
	    	z-index: 2;
	    	max-width: 550px;
    	}
    	.ftc-slider .slider .text-block h2 span {
	    	background-color: #fff;
	    	display: inline-block;
	    	margin-bottom: .125em;
	    	padding: .25em;
	    	line-height: 1em;
	    	clear: both;
	    	float: none;
	    }
	    .ftc-slider .slider .text-block h2 span.title_inset {
	    	margin-left: 6rem;
	    }

	    .ftc-slider .slider .sub-text-block {
	    	margin-left: 7rem;
	    	position: relative;
	    	z-index: 2;
	    }
	    .ftc-slider .slider .sub-text-block h1 {
	    	font-family: Roboto,Glober,"Lucida Grande",Verdana,sans-serif;
    		font-weight: 600;
    		font-size: 0.75rem;
    		text-align: left;
    		white-space: pre-line;
	    }
	    .ftc-slider .slider .sub-text-block h1 span {
	    	background-color: #FFDF3F;
	    	padding: .5em;
	    	margin-bottom: .25em;
	    	display: inline-block;
	    	clear: both;
	    	float: none;
	    }

	    .ftc-slider .slider .image-block {
	    	margin: 0;
	    	padding: 0;
	    	/* opacity: 0.5;*/
	    }
	    .ftc-slider .slider .image-block img {
	    	opacity: 0.5;
	    }
	    .ftc-slider .slider .image-block img {
	    	max-width: 100%;
	    }
	    .ftc-slider .slider .image-block.img-bottom-right img {
	     	position: absolute;
	     	bottom: 0;
	     	right: 0;
	    }
	    .ftc-slider .slider-nav i.fa {
		    font-size: 2rem;
		    opacity: 0.1;
		    position: absolute;
		    top: 50%;
		    transform: translateY(-50%);
		    text-shadow: 2px 2px 6px #000;
		}

	    .ftc-slider:hover  .slider-nav i.fa {
	    	opacity: 0.6;
	    }
	    
		.ftc-slider .slider-nav i.fa:hover {
			opacity: 1;
		}
		.ftc-slider .slider-nav {
			width: 50px;
			z-index: 3;
			display: block;
		}

	    .ftc-slider a.slider-nav  {
	    	position: absolute;
	    	top: 0;
	    	color: #fff;
	    }

	    .ftc-slider a.slider-nav.prev {
	    	left: 35px; /* 35 - 15 = 5px */
	    	text-align: left;
	    }
	    .ftc-slider a.slider-nav.next {
	    	left: auto;
	    	right: 10px; /* 15 - 10 = 5px */
	    	text-align: right;
	    }

	    .ftc-slider .slider-nav {
	    	z-index: -1;
			display: none;
		}
		.ftc-slider .slider-nav a.direct-nav {
			position: static;
		}

		.ftc-slider .sliderLink {
			display: block;
			background-color: rgba(255,255,255,0)
		}
		.ftc-slider .link-prompt {
			position: absolute;
			left: 50%;
			top: 50%;
			transform: translate(-50%,-50%);
			font-size: 4rem;
			z-index: 5;
			color: white;
			text-shadow: 1px 1px 4px #000;
			display: none;
			opacity: 0.7;
		}
		
		.ftc-slider .link-prompt i:first-child {
			margin-right: -0.2em;
		}
		.ftc-slider .button.cta {
			position: absolute;
			bottom: 10%;
			right: 20%;
			z-index: 2;
			background: #c000e6;
			border: 2px solid #c000e6;
			box-shadow: 2px 2px 6px rgba(0,0,0,0.7);
		}
		.ftc-slider a:hover .button.cta {
			background: #d743f5;
			border: 2px solid #fff !important;
		}

		
		
		
	    
		/* mobile only */
		@media screen and (max-width: 450px) {
			.ftc-slider .slider .image-block {
		    	margin: 0;
		    	padding: 0;
		    	position: absolute;
		    	z-index: 1;
		    	top: 0;
		    	left: 0;
		    	
		    }
		    .ftc-slider .slider .image-block img {
		    	opacity: 0.3;
		    }
		    /* forground video styles */
	    	.ftc-slider .slide .underlay {
				position: absolute;
				bottom: 0;
				right: 0;
				z-index: 1;
				width: 100%;
			}
				

		}

		/* Tablet and above */
		@media screen and (min-width: 768px) {
			.ftc-slider, .ftc-slider .slider, .ftc-slider .slider .slide, .ftc-slider .slider .image-block, .ftc-slider .slider-nav, .ftc-slider .slide .underlay {
				height: 300px;
			}
			.ftc-slider .slider .image-block img {
				max-height: 280px;
			}	
			.ftc-slider .slider .text-block h2 {
    			font-size: 2.4rem;
    		}
    		.ftc-slider .slider .sub-text-block h1 {
    			font-size: 0.7rem;
    		}
    		
    		.ftc-slider .slider .text-block h2 span {
    			padding: 0.2em;
    		}
    		.ftc-slider .slider .image-block {
    			position: relative;
    			
    		}
    		.ftc-slider .slider .image-block img {
		    	opacity: 1;
		    }
    		
    		.ftc-slider .slider .sub-text-block {
	    		margin-left: 8rem;
	    	}
	    	.ftc-slider .slider .text-block h2 span.title_inset {
		    	margin-left: 8rem;
		    }
		    /* background video styles */
				.ftc-slider .slide .underlay {
					position: absolute;
					top: 0;
					left: 0;
					z-index: 1;
					min-width:640px;
					max-width: 1440px;
					width: 100%;
				}
				.ftc-slider .slide.video a {
					position: relative;
					width: 100%;
					height: 100%;
					z-index: 2;
				}
		    .ftc-slider .slide.video .underlay {
				position: absolute;
				top: 50%;
	    	    left: 50%;
	  			transform: translate(-50%, -50%);

			}
		}
		/* desktop */
		@media screen and (min-width: 1024px) {
			.ftc-slider .slider-nav {
				display: block;
				z-index: 3;
			}
			.ftc-slider, .ftc-slider .slider, .ftc-slider .slider .slide, .ftc-slider .slider .image-block, .ftc-slider .slider-nav, .ftc-slider .slide .underlay {
				height: 500px;
			}
			.ftc-slider .slider .image-block img {
				max-height: 480px;
			}
			.ftc-slider .slider .text-block h2 {
    			font-size: 3.5rem;
    		}
    		.ftc-slider .slider .sub-text-block h1 {
    			font-size: 1.2rem;
    		}
    		.ftc-slider .slider .text-block {
				padding: 2rem 0 0 2rem;
    		}
    		.ftc-slider .slider .sub-text-block {
	    		margin-left: 9rem;
	    	}
	    	.ftc-slider .slider .text-block h2 span.title_inset {
		    	margin-left: 9rem;
		    }


		}