#implementations .jumbotron.parallax {
	padding-top: 330px;
	background-image: url("/tts/solutions/implementations/assets/img/implementations-jumbotron.jpg");
}


#videoTag.video-container {
	position: absolute;
	z-index:-101;
	height:450px;
	overflow:hidden;
    width:100%;
	/*background-image: url("/tts/insights/assets/img/jumbotron/jumbotron-insights.jpg");*/
	background-position: center center;
	background-size:cover;
}

#video-background {
      /*position: fixed;*/
        /*top: 0;
        right: 0;
        bottom: 0;
        left: 0;*/

        overflow: hidden;
        z-index: -100;
        width:100%;
	margin-left:auto;
	mrgin-right:auto;
	margin-top:-150px !important;
}

.hero {margin-top:370px !important; padding:30px}


/* media queries */
/* lg */
@media (min-width: 1200px) {
}
/* md */
@media (max-width: 1199px) {
}
/* sm */
@media (max-width: 991px) {
    .video-container {
	    margin:auto !important;
	}
	#video-background {
	    margin-top:0 !important;
        width:992px;
		margin-left: auto !important;
		margin-right: auto !important;
	}
}
/* xs */
@media (max-width: 767px) {
    .video-container {
	    margin:auto !important;
	}
	#video-background {
	    margin-top:0 !important;
        width:768px;
		margin-left: auto !important;
		margin-right: auto !important;
	}
}

/* xxs */
@media (max-width: 575px) {
    .video-container {
	    margin:auto !important;
	}
	#video-background {
	    margin-top:0 !important;
        width:575px;
		margin-left: auto !important;
		margin-right: auto !important;
	}
}
@media only screen and (-o-min-device-pixel-ratio: 5/4), only screen and (-webkit-min-device-pixel-ratio: 1.25), only screen and (min-device-pixel-ratio: 1.25), only screen and (min-resolution: 1.25dppx) {
	#implementations .jumbotron.parallax {
		background-image: url("/tts/solutions/implementations/assets/img/implementations-jumbotron-2x.jpg");
	}
}

		
/* ---------------------------------------- CUSTOM CAROUSEL ---------------------------------------- */

/* 1. Bootstrap overrides */		

	.left.carousel-control, .right.carousel-control {
    background-image: none;
    /*background-color: #ffffff;*/
    width: 30px;
}
		
.carousel-control {
    background-color: #005aa1;
    position: absolute;
    top: 30%;
    bottom: 0px;
    left: 0px;
    width: 30px;
	height: 60px;
    font-size: 20px;
	padding-top:18px;
    color: #fff;
    text-align: center;
    text-shadow: 0px 1px 2px rgba(0,0,0,0.6);
    /*background-color: rgba(0,0,0,0);*/
    filter: alpha(opacity=50);
    opacity: 0.5;
}
/*		.jumbotron p {font-weight:normal}	
		.jumbotron.jumbo-slides {padding:0 0 0 0 !important; margin:0 0 0 0 !important}
*/
	.carousel div.p-15 {padding:15px 45px 15px 15px !important}

		/* 2. custom classes */
		


.carousel-inner a {color: #ffffff;}	

		.carousel-blue {background-color: #002d72; color: #ffffff;}
		.carousel-plum {background-color: #890c58; color: #ffffff;}
		.carousel-purple {background-color: #6b3077; color: #ffffff;}
		.carousel-gray {background-color: #53565a; color: #ffffff;}
		
/* push out carousel buttons on wide screen view only */
/* lg */
@media (min-width: 1200px) {

}
/* md */
@media (max-width: 1199px) {

}
/* sm */
@media (max-width: 991px) {
	.carousel-control {top: 25%;}
	.carousel div.p-15 {padding:15px 30px 15px 30px !important}
	
}
/* xs */
@media (max-width: 767px) {
	
}
/* xxs */
@media (max-width: 575px) {
	.carousel-control {top: 0;}

}
		
@media (min-width: 1340px) {
	.left.carousel-control {left: -60px;}
	.right.carousel-control {right: -60px;}
    .carousel-control {filter: alpha(opacity=100); opacity: 1;}
}

/* override this last rule for video carousel */

		
@media (min-width: 1340px) {
	#carousel-videos .left.carousel-control {left: 0;}
	#carousel-videos .right.carousel-control {right: 0;}
    .carousel-control {filter: alpha(opacity=50); opacity: 0.5;}
}

/* ------------------------------------------ ICON LINKS ------------------------------------------ */

img.link-icon {width:30px; height:30px; display:inline !important}

/* ---------------------------------------- ICON SIZING ---------------------------------------- */

.icon-30 {width:30px; height:30px}
.icon-45 {width:45px; height:45px}
.icon-60 {width:60px; height:60px}
.icon-75 {width:75px; height:75px}
.icon-90 {width:90px; height:90px}
.icon-numbers	{width:150px; height:100px}	

/* ---------------------------------------- CUSTOM VIDEO PLAYER ---------------------------------------- */

/*
#video-container {border-top:2px solid #cccccc;  padding-top:30px; padding-bottom:30px  }
#video-container {line-height:0px !important}
#carousel-videos {}
#carousel-videos .carousel-inner a {color: #005aa1; text-decoration:none}

#carousel-videos .carousel-caption1 {min-height: 100px; padding-top:5px}

*/

#carousel-home .carousel-indicators {
	margin-top: 240px;
}

@media (max-width: 991px) {
	#carousel-home .carousel-indicators {
		margin-top: 400px;
	}
}