#hero-home {
	background-image: url("../images/hero-home1.jpg");
	background-position-x: 30%;
}
#hero-features {
    background-image: url(../images/hero-portal1.jpg);
}
#home-hero-vid img {
	border: 3px solid #FFF;
    border: 3px solid rgba(255, 255, 255, 0.75);
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
}
#home-steps {
	text-align: center;
}
.flexslider {
	background: none;
	border: none;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	-o-box-shadow: none;
	box-shadow: none;
}
.slide-contents {
	margin: 0 15px;
}
.flex-direction-nav {
	display: none;
}
.design-link-overlay {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
}
.testimonial img {
	filter: grayscale(100%);
	-webkit-filter: grayscale(100%);
	opacity: 0;
	-webkit-opacity: 0;
	-moz-opacity: 0;
	-o-opacity: 0;
	transition: all 1.5s;
	-webkit-transition: all 1.5s;
	-moz-transition: all 1.5s;
	-o-transition: all 1.5s;
}
.testimonial.scrolled img {
	filter: grayscale(0%);
	-webkit-filter: grayscale(0%);	
	opacity: 1.0;
	-webkit-opacity: 1.0;
	-moz-opacity: 1.0;
	-o-opacity: 1.0;
}
.testimonial blockquote {
	opacity: 0;
	-webkit-opacity: 0;
	-moz-opacity: 0;
	-o-opacity: 0;
	transition: all 2s;
	-webkit-transition: all 2s;
	-moz-transition: all 2s;
	-o-transition: all 2s;
}
.testimonial.scrolled blockquote {
	opacity: 1.0;
	-webkit-opacity: 1.0;
	-moz-opacity: 1.0;
	-o-opacity: 1.0;
}

/* Carousel */
.feature1 {
	background-image: url("../images/hero-home-featured.jpg")
}
.feature2 {
	background-image: url("/youget/cpa-website-marketing/images/hero-webstats.jpg");
}
.feature3 {
	background-image: url("../images/hero-home-marketing.jpg");
}
.feature4 {
	background-image: url("../images/hero-home-rankings.jpg");
}
.feature5 {
	background-image: url("../images/hero-home-news.jpg");
}
#feature-carousel .item {
	min-height: 775px;
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
}

/*****************************************
MEDIA QUERIES
*****************************************/

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
	#home-steps {
		text-align: left;
	}
}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
	#home-signup-testimonial>.media-body {
		padding-left: 30px;
		border-left: 2px solid #FFF;
	}
	#home-signup-testimonial>.media-left	 {
		padding-right: 30px;
	}
	#feature-carousel .item {
		min-height: 564px;
	}
}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
	#hero-home h1,
	#feature-carousel h1,
	#feature-carousel .h1 {
		font-size: 47px;
		margin-bottom: 30px;
	}
	#hero-home p {
		font-size: 36px;
	}
	.slide-contents {
		margin: 0 30px;
	}
	#product-slider img:hover {
		opacity: 0.7;
		-webkit-opacity: 0.7;
		-moz-opacity: 0.7;
		-o-opacity: 0.7;
	}
	.flex-direction-nav {
		display: block;
	}
	.flex-direction-nav a {
		margin-top: -30px;
		height: 60px;
		line-height: 60px;
		opacity: 0.3;
		color: #666;
		text-shadow: none;
		font-size: 0px;
		outline: none!important;
	}
	.flex-direction-nav a:before {
		font-family: "FontAwesome";
		font-size: 60px;
		content: '\f104';
		color: rgba(0, 0, 0, 0.8);
		text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
	}
	.flex-direction-nav a.flex-next:before {
		content: '\f105';
	}
	.flex-direction-nav .flex-prev {
		left: -20px;
	}
	.flex-direction-nav .flex-next {
		right: -20px;
		text-align: right;
	}
	.flexslider:hover .flex-direction-nav .flex-prev {
		opacity: 0.3;
		left: -20px;
	}
	.flexslider:hover .flex-direction-nav .flex-prev:hover {
		opacity: 1;
	}
	.flexslider:hover .flex-direction-nav .flex-next {
		opacity: 0.3;
		right: -20px;
	}
	.flexslider:hover .flex-direction-nav .flex-next:hover {
		opacity: 1.0;
	}
}

/* XL devices (HD monitors ) */
@media (min-width: 1440px) {
	.flex-direction-nav .flex-prev,
	.flexslider:hover .flex-direction-nav .flex-prev  {
		left: -50px;
	}
	.flex-direction-nav .flex-next,
	.flexslider:hover .flex-direction-nav .flex-next {
		right: -50px;
	}
}