/* HOMEPAGE */

	/* Slideshow */
		.homepage-slideshow {
			/*border-top: 3px solid #fac214;*/
			margin-bottom: 75px;
			overflow: hidden;
			padding-top: 193px;
		}

		.homepage-slideshow img {
			width: 100%;


			bottom: 0;
			margin: auto;
		}
	/* Content */
		.homepage-description {
				width: 280px;
				margin-bottom: 120px;
		}
			.homepage-description:before, .homepage-description:after {
				content: "";
				width: 100px;
				height: 2px;
				background-color: #1cbbb4;
				display: block;
				margin: 0 0 0.8em 0;
			}
			.homepage-description:after {
				margin-bottom: 0.8em;
				margin-top: 0.8em;
			}
			.homepage-description p {
				font-size:30px;
				font-size: 3rem;
				margin-bottom: 0;
			}
		.homepage-turquoise-bar {
			height: 210px;
		}
		.homepage-sectors {
			text-align: center;
			padding: 42px 0 0 0;
		}
			.homepage-sectors h1 {
				margin-bottom: 42px;
			}
			.homepage-sectors h1:after {
				content: "";
				width: 100px;
				height: 2px;
				background-color: #ffffff;
				display: block;
				margin: 10px auto 0 auto;
			}
			.homepage-sector-list {
				overflow: hidden;
				display: inline-block;
				list-style-type: none;
			}
			.homepage-sector-list li {
				display: inline-block;
				margin: 0 20px 42px 20px;
				vertical-align: top;
			}
			.homepage-sector-list li a.sector-icon {
				font-size: 20px; /* Old Browsers */
				font-size: 2rem;
				display: block;
				width: 130px;
				text-align: center;
				text-transform: uppercase;
				line-height: 1;
				display:block;
			}
				.homepage-sector-list li a.sector-icon img{
					display:block;
					margin:0 auto 25px auto;
				}



		.homepage-clients {
			text-align: center;
			padding: 42px 0 110px 0;
		}
			.homepage-clients h1:after {
				content: "";
				width: 100px;
				height: 2px;
				background-color: #1cbbb4;
				display: block;
				margin: 10px auto 0 auto;
			}
			.homepage-client-list {
				overflow: hidden;
				display: inline-block;
				list-style-type: none;
			}
			.homepage-client-list li {
				display: inline-block;
				margin: 30px 20px 0 20px;
				vertical-align: middle;
			}
			/*
			.homepage-client-list li a {
				font-size: 20px;
				font-size: 2rem;
				display: block;
				width: 120px;
				text-align: center;
				padding-top: 80px;
				text-transform: uppercase;
			}
			*/

			.homepage-client-list li a {
				font-size: 20px; /* Old Browsers */
				font-size: 2rem;
				display: block;
				width: 120px;
				text-align: center;
				padding-top: 80px;
				text-transform: uppercase;
			}
			.homepage-client-list img {
				max-width: 100%;
			}

			
	/* Phone Slideshow */
		.homepage-phone-slideshow {
			background: url(../../../img/marketing/home/phone-with-wifi-slideshow-container.png) no-repeat center top;
			height: 643px;
			left:50%;
			margin-left:-284px;
			position: absolute;
			top: -25px;
			width: 568px;
		}
			.homepage-phone-slideshow .cycle-slideshow {
				width: 217px;
				height: 386px;
				margin: 78px auto;
			}
			.cycle-overlay {
				display:none;
			}

		.cycle-prev {
			display: block;
			width: 51px;
			height: 51px;
			background: url(../../../img/marketing/btn-previous.png) no-repeat;
			position: absolute;
			left: 15%;
			top: 54.5%;
		}
		.cycle-next {
			display: block;
			width: 51px;
			height: 51px;
			background: url(../../../img/marketing/btn-next.png) no-repeat;
			position: absolute;
			right: 15%;
			top: 54.5%;
		}

	/* Features Slideshow */
		.homepage-features-slideshow {
			position: absolute;
			top: 0;
			right: 0;
			width: 280px;
		}
			.homepage-features-slideshow h2 {
				line-height: 0.8;
				margin-bottom: 12px
			}
			.homepage-features-slideshow .cycle-slideshow div {
				width: 100%;
			}
			.homepage-features-slideshow p {
				font-size: 22px;
				font-size: 2.2rem;
				margin-bottom: 1em;
				margin-bottom: 12px
			}
			.homepage-features {
				font-size: 22px;
				font-size: 2.2rem;
				font-weight: normal;
				text-transform: uppercase;
			}



/*------------------------------------*\
    $RESPONSIVE
\*------------------------------------*/

	@media screen and (max-width: 1024px) {

		/* HOMEPAGE */

			.homepage-slideshow {
				margin-bottom: 34px;
			}

			.homepage-description {
				margin: 0 auto;
				text-align: center;
				width: 100%;
			}
				.homepage-description:before, .homepage-description:after {
					margin-left: auto;
					margin-right: auto;
				}

			.homepage-phone-slideshow {
				position: static;
				margin-left: 0px;
				width: auto;
				padding-top: 78px;
				margin-top: 2em;
			}
			.homepage-phone-slideshow .cycle-slideshow {
				margin-top: 0;
			}
			.homepage-features-slideshow {
				display: none;
			}
			.homepage-turquoise-bar {
				margin-top: -250px;
			}

		/* Sector List */
			.homepage-sector-list li a {
				width: 108px;
			}

		/* Slideshow */
			.cycle-overlay {
				background-color: rgba(0,0,0,0.9);
				color: #fff;
				width: 91%;
				height: 95%;
				padding: 5%;
				position: absolute;
				top: 0;
				left: 0;
				z-index: 100;
				display: block;
			}

			.cycle-overlay {
				opacity: 0;
				transition-property: opacity;
				/*
				transition-timing-function: linear;
				transition-delay: 500ms;
				transition-duration: 500ms;
				*/
			}
			.cycle-slide-active .cycle-overlay {
				transition-delay: 3s;
				opacity: 0.9;
			}

				.cycle-overlay-close{
					color:#ffffff;
					position:absolute;
					top:5px;
					right:5px;
					font-size:17px;
				}

	}
	
	@media screen and (max-width: 745px) {

		.homepage-phone-slideshow {
			background: url(../../../img/marketing/home/phone-with-wifi-slideshow-container-no-shadow.png) no-repeat center top;
		}
		.homepage-client-list li {
			margin: 30px 6% 0 6%;
			width: 35%;
		}
		/* Cycle Slideshows */
			.cycle-next, .cycle-prev {
				display: none;
			}
	}

	@media screen and (max-width: 570px) {
		.homepage-slideshow {
			padding-top: 73px;
		}
	}

	@media screen and (max-width: 533px) {
		.homepage-sector-list li {
			margin: 0 5px 42px 5px;
		}
		.homepage-sector-list li a.sector-icon {
			font-size: 15px;
			font-size: 1.5rem;
			width: 85px;
		}
	}



/*------------------------------------*\
    $RESPONSIVE SLIDESHOW
\*------------------------------------*/
	

	/* Page Hero */
		.homepage-slideshow {
			overflow: hidden;
		}
		.homepage-slideshow img {
			width: 100%;
		}

	/* MEDIA QUERIES TO TACKLE SLIDESHOW */
		@media screen and (max-width: 890px) {
			.homepage-slideshow { height: 337px; }
			.homepage-slideshow .cycle-slideshow, .homepage-slideshow img { height: 100%; width: auto; }
			.homepage-slideshow .cycle-slideshow { left: 50%; margin-left: -602px; }
		}

		@media screen and (max-width: 725px) {
			.homepage-slideshow { height: 255px; }
			.homepage-slideshow img { height: 100%; width: auto; }
			.homepage-slideshow .cycle-slideshow { left: 50%; margin-left: -455px; }
		}

		@media screen and (max-width: 545px) {
			.homepage-slideshow { height: 175px;	}
			.homepage-slideshow .cycle-slideshow { margin-left: -312px; }
		}

		@media screen and (max-width: 385px) {
			.homepage-slideshow { height: 154px;	}
			.homepage-slideshow .cycle-slideshow { margin-left: -275px;	}
		}
		/*@media screen and (max-width: 385px) {
			.page-hero { height: 149px;	}
			.cycle-slideshow { margin-left: -266px;	}
		}*/