#body{
	margin-top:		78px;
	color:			#373944;
}

/* May be unnecessary, used for rows whose bottom border delineate the page sections */
.row.border-row{
	margin:			5% 0;
}

/* For the Wifi section at the top of the page */
.row.border-row.top-border-row{
	margin:			0% 0% 5%;
}

/* ******************************************** */
/* 					Navigation 					*/
/* White Navbar of 'Wireless', 'Internet', 'HDTV' and 'Support' */
.table-display {
    margin: 		0;
    text-align: 	center;
}

/* Navbar items from above */
.nav-item {
	cursor: 			pointer;
    display: 			inline-block;
    padding: 			2% 3%;
    text-align: 		center;
    vertical-align: 	middle;
}

/* Clicked navbar item */
.nav-item.active {
    background: 		#6d6f77;
	transition:			background ease 1s;
}

.navbar-fixed-top{
	border-width:		0 0 0;
}

/* Mouse hover over white navbar item */
.nav-hover{
	background: 		#e1e1e2;	
}
/* 				End Navigation 					*/
/* ******************************************** */

/* White text in sections */
.text-wrapper p {
    display: 			inline-block;
	font-family: 		Gentona-Thin;
	font-size: 			35px;
	letter-spacing:		3px;
    line-height: 		50px;
	margin:				0;
}

/* Large white text in sections */
.text-wrapper p.second-line{
	font-family:		Gentona-Medium;
	font-size: 			58px;
}

/* Wireless Section */
#wireless_section{
	background-image: 	url('/images/solutions/Wifi/wireless_banner.jpg');
	background-position: center center;
    background-size: 	cover;
	height:				650px;
	margin-top:			79px;
}

#wireless_section div.section_banner_text{
	position: 			absolute;
	left: 				22%;
	top: 				35%;
}

/* Internet Section */
#internet_section{
	background-image: 	url('/images/solutions/Internet/internet_banner.jpg');
    background-size: 	cover;
	height:				600px;
}

#internet_section div.section_banner_text{
	position: 			absolute;
	left: 				30%;
	top: 				35%;
}

/* HDTV Section */
#hdtv_section{
	background-image: 	url('/images/solutions/TV/tv_banner.jpg');
    background-size: 	cover;
	height:				600px;
}

#hdtv_section div.section_banner_text{
	position: 			absolute;
	left: 				15%;
	top: 				35%;
}

/* Support Section */
#support_section{
	background-image: 	url('/images/solutions/Support/support_banner.png');
    background-size: 	cover;
	height:				600px;
	margin-bottom:		50px;
}

#support_section div.section_banner_text{
	position: 			absolute;
	left: 				14%;
	top: 				35%;
}

/* Center the support images */
#support_bottom div > img{
	margin:				5% auto;
}

/* Bold title text underneath support image */
#support_bottom div.text-center p.support-img-title{
	font-family: 		Gentona-Medium;
    font-size: 			17px;
	margin:				0;
	text-transform:		uppercase;
}

/* Bold title text underneath support image */
#support_bottom div.text-center p.support-img-desc{
	font-family: 		Gentona-Light;
    font-size: 			17px;
	margin:				1% 1% 5%;
}

/* All first lines used in centered section text */
div.section_banner_text p.first-line{
	font-size:			34px;
}


/* Left side information for solutions sections */
.section_banner_bottom div.section-info{
	font-family:		Gentona-Light;
	padding: 			2% 2% 0% 15%;
}	

/* 
	Aligning the text on the left side for the first row
	presumably does it for the rest of the lines
*/
.section_banner_bottom div.section-info p{
	font-size:			19px;
	text-align:			left;
}

.section_banner_bottom div.section-info p.bold{
	font-size:			34px;
}


/* ************* */
/* Media Queries */

@media (max-width: 1300px){
	#support_section div.section_banner_text{
		left:			5%;
	}
}

@media (max-width: 1200px){
	#wireless_section div.section_banner_text{
		left:			15%;
	}
	
	#internet_section div.section_banner_text{
		left:			25%;
	}
	
	#hdtv_section div.section_banner_text{
		left: 			5%;
	}
	
	/* Div for image on righthand side of white section divider */
	.section_banner_bottom div.section-photo{
		padding-top:	2%;
	}
}

@media (max-width: 1091px){
	/* Wireless Section White Text */
	#wireless_section div.section_banner_text{
		left:			10%;
	}
	
	/* Internet Section White Text */
	#internet_section div.section_banner_text{
		left:			20%;
	}
	
	/* HDTV Section white text */
	#hdtv_section div.section_banner_text,
	#support_section div.section_banner_text{
		left:			5%;
	}
	
	/* Support Section white text */
	#support_section div.section_banner_text{
		left:			10%;
	}
	
	/* Div for image on righthand side of white section divider */
	.section_banner_bottom div.section-photo{
		padding-top:	5%;
	}
}


@media(max-width: 1000px) and (min-width: 830px) {
	/* Navbar container */
	.container{
		width:			850px;
	}
}

@media (min-width: 992px){
	/* Margin for support images */
	#support_bottom div.text-center p.support-img-desc{
		margin:			2% 20%;
	}
}

@media(min-width: 935px) {
	/* Wireless, Internet, HDTV and Support Navbar items */
    .nav-item {
        padding: 		15px 40px 15px 40px;
    }	
}

@media(max-width: 830px) and (min-width: 769px) {
	/* Navbar container */
	.container{
		width:			790px;
	}
}



@media(min-width: 768px){
	/* Support images aren't so spaced out */
	#support_bottom div > img{
		margin:			auto;
	}
	
	/* Margin for support images so they're not so spaced out */
	#support_bottom div > img{
		margin:			5% auto;
	}
}

@media(max-width: 767px){
	/* Placement of text boxes which contain white lines */
	#wireless_section div.section_banner_text{
		left:			5%;
	}
		
	#internet_section div.section_banner_text{
		left:			18%;
		top:			35%;
	}
	
	#hdtv_section div.section_banner_text{
		left:			3%;
		top:			35%;
	}
	
	#support_section div.section_banner_text{
		left:			0;
	}	
	
	/* First line of white text */
	#wireless_section div.section_banner_text p.first-line{
		font-size:		30px;
	}
	
	#internet_section div.section_banner_text p.second-line,
	#wireless_section div.section_banner_text p.second-line,
	#support_section div.section_banner_text p.second-line{
		font-size:		45px;
	}
	
	
	#hdtv_section div.section_banner_text p.second-line{
		font-size:		35px;
	}

	/* Text on lefthand side of white section divider */
	.section_banner_bottom div.section-info p{
		font-size:		14px;
	}
	
	/* Image on righthand side of white section divider */
	.section_banner_bottom div.section-info p.bold{
		font-size:		24px;
	}
	
	#support_bottom div.text-center p.support-img-desc{
		margin:			0 14%;
	}
	
	#page div.border-row div.section-photo img{
		margin:			auto;
	}
	
	/* To account for the white navbar on solutions page */
	.container>.navbar-header, .container-fluid>.navbar-header, .container>.navbar-collapse, .container-fluid>.navbar-collapse {
		margin-bottom: 100px;
	}
}

@media(max-width: 700px){
	.text-wrapper p{
		font-size:		34px;
	}
	
	/* Div for text on lefthand side of white section divider */
	.section_banner_bottom div.section-info{
		padding: 		1% 5% 2% 7%;
	}
	
	#internet_section div.section_banner_text{
		left:			12%;
	}
	
	/* Wireless Section white text */
	#wireless_section div.section_banner_text{
		left:			5%;
	}
}

/* Possibly unnecessary */
@media (max-width: 600px){
	#internet_section div.section_banner_text{
		left:			7%;
	}
}

/* 
	White navbar on Solutions page 
	At max widths: 480, 375(iPhone 6) and 325(iPhone 4 & 5)	
*/
@media (max-width: 480px){
	#internet_section div.section_banner_text{
		left:			0;
	}
	
	/* Possibly not necessary */
	.navbar{
		margin-bottom: 0;
	}
	
	.nav-item{
		padding:	3%;
		width:		24%;
	}
}

@media (max-width: 375px){
	.nav-item{
		padding:	1%;
		width:		23.5%;
	}
	
	#wireless_section{
		margin-top: 19%;
	}	
	
	.container>.navbar-header, .container-fluid>.navbar-header, .container>.navbar-collapse, .container-fluid>.navbar-collapse {
		margin-bottom: 70px;
	}
	
}

@media (max-width: 325px){
	.nav-item{
		padding:	0;
	}
	
	#wireless_section{
		margin-top: 17%;
	}	
}

/* End Media Queries */
/* ***************** */

/* Carousel */

.lineup-item {
    height: 120px;
    display: table-cell;
    vertical-align: middle;
    margin-top: 20px;
}
.lineup-item > img {
    border: 2px solid #ECEBEB;
    padding: 20px;
}
.arrow {
    position: absolute;
    top: 50%;
    margin-top: -24px;
}
.arrow:hover {
    cursor:pointer;
}
.left-arrow {
    left: 2%;
    margin-left: 11px;
}
.right-arrow {
    right: 2%;
    margin-right:11px;
}
.rel {
    position: relative;
}
.content-item {
    display: none;
    transition: all 1s;
}
.content-item.active {
    display: block;
}
.services-header {
    color: #EF404A;
	font-weight:bold;
}


.carousel-indicators {
    position: relative;
    display: block;
    padding-bottom: 10px;
}

.carousel-control.right, .carousel-control.left {
    background: none;
}
.carousel-indicators li {
    background: #CBD3D8;
}
.carousel-indicators li.active {
    background: #EF404A;
}

.carousel-fade .carousel-inner .item {
    opacity: 0;
    -webkit-transition-property: opacity;
    -moz-transition-property: opacity;
    -o-transition-property: opacity;
    transition-property: opacity;
}
.carousel-fade .carousel-inner .active {
    opacity: 1;
}
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
    left: 0;
    opacity: 0;
    z-index: 1;
}
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
    opacity: 1;
}
.carousel-fade .carousel-control {
    z-index: 2;
}
/* End Carousel */