/*
Item Name: jQuery Carousel Evolution
Author: Mapalla
Author URI: http://codecanyon.net/user/Mapalla
Version: 1.0
*/

/* _______________________________________________ */

/* CONTAINER */
/* _______________________________________________ */
.banner_t_title{ text-shadow: #000 10px 0 10px; }
@media (min-width:1000px){
main{    //z-index: -1;
    //position: absolute;
}
main.thankspage{
    position: inherit !important;
}
}
/*@media (min-width:800px) and (max-width:1800px) {*/
@media (min-width:800px){
	.carousel {
		position: relative;
		margin: auto;
		height: auto;
		border: none;
		overflow: visible;
		/* font-family: FilsonSoft, sans-serif; */
    color: #003087;
	}
  .carousel h1{
    color: #003087;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: clip;
  }
  
  .carousel h6{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: clip;
  }
  
  .role_p{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: clip;
  }
  .role_name{
    font-size: x-large;
  }
  .role_desc{
    font-style: italic;
    font-weight: 400;
  }
	/* _______________________________________________ */

	/* SLIDES */
	/* _______________________________________________ */

	/* slide container */

	.carousel .slides {
		margin: 0;
		padding: 0;
		border: none;
		list-style: none;
		position: relative;
		overflow: visible;
	}

	/* slide item */

	.carousel .slides .slideItem {
		position: absolute;
		cursor: pointer;
		overflow: visible !important;
		/*overflow: hidden;*/
		padding: 0;
		margin: 0;
		border: none;
	}

	.carousel .slides .slideItem a {
		display: block;
		text-decoration: none;
		margin: 0;
		padding: 0;
		border: none;
		outline: none;
	}

	.carousel .slides .slideItem img {
		margin: 0;
		padding: 0;
		border: none;
		width: 100%;
		height: 100%;
	}

	/* _______________________________________________ */

	/* DIRECTION BUTTON */
	/* _______________________________________________ */


	.carousel .nextButton {
		position: absolute;
		right: 10%;
		top: 100%;
		width: 35px;
		height: 35px;
		background: url("../images/right_arrow.svg") no-repeat center;
		cursor: pointer;
		z-index: 9999;
	}

	.carousel .prevButton {
		position: absolute;
		left: 10%;
		top: 100%;
		width: 35px;
		height: 35px;
		background: url("../images/left_arrow.svg");
		cursor: pointer;
		z-index: 9999;
	}

	/* _______________________________________________ */

	/* NAVIGATION BUTTON */
	/* _______________________________________________ */

	/* buttons container */

	.carousel .buttonNav {
		position: relative;
		margin: 0 auto;
		z-index: 999;
	}

	/* numbers */

	.carousel .buttonNav .numbers {
		position: relative;
		float: left;
		margin: 5px;
		color: #828282;
		cursor: pointer;
		font-weight: bold;
		text-decoration: none;
		font-size: 1em;
		font-family: Arial, Verdana;
	}

	.carousel .buttonNav .numbers:hover {
		color: #000;
		text-decoration: underline;
	}

	.carousel .buttonNav .numberActive {
		background: none;
		color: #000;
		cursor: default;
	}

	/* bullets */

	.carousel .buttonNav .bullet {
		position: relative;
		float: left;
		width: 16px;
		height: 16px;
		background: url(../images/Bullet-White.png) no-repeat center;
		margin: 5px;
		float: left;
		cursor: pointer;
	}

	.carousel .buttonNav .bullet:hover {
		background: url(../images/Bullet-Black.png) no-repeat center;
	}

	.carousel .buttonNav .bulletActive {
		background: url(../images/Bullet-Black.png) no-repeat center;
		cursor: default;
	}

	/* ____________________________________________________________ */

	/* VIDEO */
	/* ____________________________________________________________ */


	.carousel .slides .videoOverlay {
		background: url("../images/video.png") no-repeat center;
		/* play button */
	}

	.carousel .slides .spinner {
		background: #000 url("../images/loading.gif") no-repeat center;
		/* video preloader */
	}

	/* _____________________________ *

/* SHADOW */
	/* _____________________________ */


	.carousel .shadow {
		width: 100%;
		height: 82px;
	}

	.carousel .shadow .shadowLeft {
		background: url("../images/shadowLeft.png") no-repeat;
		width: 100px;
		height: 82px;
		/* fix png problems in ie */
		-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/shadowLeft.png, sizingmethod=scale)";
		/* IE8 */
		filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/shadowLeft.png, sizingmethod=scale);
		/* IE6 & 7 */
	}

	.carousel .shadow .shadowMiddle {
		height: 82px;
		background: url("../images/shadowTile.png") repeat-x;
		/* fix png problems in ie */
		-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/shadowTile.png, sizingmethod=scale)";
		/* IE8 */
		filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/shadowTile.png, sizingmethod=scale);
		/* IE6 & 7 */
	}

	.carousel .shadow .shadowRight {
		width: 100px;
		height: 82px;
		background: url("../images/shadowRight.png") no-repeat;
		/* fix png problems in ie */
		-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/shadowRight.png, sizingmethod=scale)";
		/* IE8 */
		filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/shadowRight.png, sizingmethod=scale);
		/* IE6 & 7 */
	}

	/* ____________________________________________________________ */

	/* REFLECTION GRADIENT */
	/* ____________________________________________________________ */

	/* gradient color for Opera */

	.carousel .gradient {
		background-image: url(../scripts/gradient.svg);
	}

	.carousel_border {
		border: 20px solid #ffffff;
		border-radius: 25px;
		box-shadow: 0 0 30px #00000055;
		background-color: #ffffff;
		overflow: hidden;
	}

	.carousel_desc {
		height: 240px;
	}

}


@media(max-width:800px) {

	.carousel .slides .slideItem a {
		display: block;
		text-decoration: none;
		margin: 0;
		padding: 0;
		border: none;
		outline: none;
	}

	.carousel .slides .slideItem img {
		margin: 0;
		padding: 0;
		border: none;
		width: 100%;
		height: 100%;
	}

	/* _______________________________________________ */

	/* DIRECTION BUTTON */
	/* _______________________________________________ */


	.carousel .nextButton {
		position: absolute;
		right: 10px;
		top: 65%;
		width: 35px;
		height: 35px;
		background: url("../images/right_arrow.svg") no-repeat center;
		cursor: pointer;
		z-index: 9999;
	}

	.carousel .prevButton {
		position: absolute;
		left: 10px;
		top: 65%;
		width: 35px;
		height: 35px;
		background: url("../images/left_arrow.svg");
		cursor: pointer;
		z-index: 9999;
	}

	/* _______________________________________________ */

	/* NAVIGATION BUTTON */
	/* _______________________________________________ */

	/* buttons container */

	.carousel .buttonNav {
		position: relative;
		margin: 0 auto;
		z-index: 999;
	}

	/* numbers */

	.carousel .buttonNav .numbers {
		position: relative;
		float: left;
		margin: 5px;
		color: #828282;
		cursor: pointer;
		font-weight: bold;
		text-decoration: none;
		font-size: 1em;
		font-family: Arial, Verdana;
	}

	.carousel .buttonNav .numbers:hover {
		color: #000;
		text-decoration: underline;
	}

	.carousel .buttonNav .numberActive {
		background: none;
		color: #000;
		cursor: default;
	}

	/* bullets */

	.carousel .buttonNav .bullet {
		position: relative;
		float: left;
		width: 16px;
		height: 16px;
		background: url(../images/Bullet-White.png) no-repeat center;
		margin: 5px;
		float: left;
		cursor: pointer;
	}

	.carousel .buttonNav .bullet:hover {
		background: url(../images/Bullet-Black.png) no-repeat center;
	}

	.carousel .buttonNav .bulletActive {
		background: url(../images/Bullet-Black.png) no-repeat center;
		cursor: default;
	}

	/* ____________________________________________________________ */

	/* VIDEO */
	/* ____________________________________________________________ */


	.carousel .slides .videoOverlay {
		background: url("../images/video.png") no-repeat center;
		/* play button */
	}

	.carousel .slides .spinner {
		background: #000 url("../images/loading.gif") no-repeat center;
		/* video preloader */
	}

	/* _____________________________ *

/* SHADOW */
	/* _____________________________ */


	.carousel .shadow {
		width: 100%;
		height: 82px;
	}

	.carousel .shadow .shadowLeft {
		background: url("../images/shadowLeft.png") no-repeat;
		width: 100px;
		height: 82px;
		/* fix png problems in ie */
		-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/shadowLeft.png, sizingmethod=scale)";
		/* IE8 */
		filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/shadowLeft.png, sizingmethod=scale);
		/* IE6 & 7 */
	}

	.carousel .shadow .shadowMiddle {
		height: 82px;
		background: url("../images/shadowTile.png") repeat-x;
		/* fix png problems in ie */
		-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/shadowTile.png, sizingmethod=scale)";
		/* IE8 */
		filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/shadowTile.png, sizingmethod=scale);
		/* IE6 & 7 */
	}

	.carousel .shadow .shadowRight {
		width: 100px;
		height: 82px;
		background: url("../images/shadowRight.png") no-repeat;
		/* fix png problems in ie */
		-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/shadowRight.png, sizingmethod=scale)";
		/* IE8 */
		filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/shadowRight.png, sizingmethod=scale);
		/* IE6 & 7 */
	}

	/* ____________________________________________________________ */

	/* REFLECTION GRADIENT */
	/* ____________________________________________________________ */

	/* gradient color for Opera */

	.carousel .gradient {
		background-image: url(../scripts/gradient.svg);
	}

	.carousel_border {
		border: 20px solid #ffffff;
		border-radius: 25px;
		box-shadow: 0 0 30px #00000055;
		background-color: #ffffff;
		overflow: hidden;
	}

	.carousel_desc {b
		height: 250px;
	}


	.carousel .slides .slideItem {
		position: absolute;
		cursor: pointer;
		overflow: visible !important;
		/*overflow: hidden;*/
		padding: 2px;
		margin: 3px;
		border: none;

		width: 99.5% !important;
	}

	.carousel {
		position: relative;
		margin: auto;
		height: auto;
		border: none;
		overflow: visible;
		font-family: sans-serif;
	}
}