.dc_clear { clear:both; padding:0; margin:0; width:100%; font-size:0px; line-height:0px;}

/********************
 * FEATURE CAROUSEL *
 ********************/
#slide {
	margin: 0px auto 10px auto;
	position: relative;
	width: 100%;
	z-index: 95;
}
header, nav, section, article, aside, footer {
	display: block;
}
#carousel-container {
	position:relative;
	width: 100%;
	padding:20px 0 0;
}
#carousel {
	height:367px;
	width: 100%;
	position:relative;
	margin:-11px 0 0 0;
}
#carousel .carousel-image {
	border:0;
	display:block;
}
#carousel .carousel-feature {
	position:absolute;
	top:-1000px;
	left:-1000px;
	cursor:pointer;
}
#carousel .carousel-feature a img {
	position:relative;
	z-index:29;
	margin:6px 7px 7px 6px;
}
#carousel .mask {
	background:none;
	height: 100% !important;
	left: 0 !important;
	top: 0 !important;
	width: 100% !important;
	overflow:hidden;
}
.mask {
	height: 457px;
	left: 0;
	position: absolute;
	top: -6px;
	width: 964px;
	z-index: 9;
}
.mask img {
	height: 100%;
	width: 100%;
}
#carousel .carousel-feature .carousel-caption {
	position:absolute;
	bottom:38px;
	left:21px;
	width:91%;
	z-index:9999;
	opacity:1!important;
}
#carousel .carousel-feature .carousel-caption p {
	margin:0;
	text-shadow:none;
	color:#fff;
}
#carousel .tracker-summation-container {
	position:absolute;
	right:48px;
	top:230px;
	padding:3px;
	margin:3px;
	display:none!important;
	}
#carousel .tracker-individual-container {
	position:absolute;
	right:50%;
	bottom:0px;
	padding:0;
	margin:0;

}
#carousel .tracker-individual-container li {
	list-style:none;
	color:#000;
}
#carousel .tracker-individual-container .tracker-individual-blip {
	font-size:6px;
	margin:0 3px;
	padding:0 4px;
	color:white;
	text-align:center;
	background:url(../images/pager.png) center center no-repeat;
}
#carousel .tracker-individual-container .tracker-individual-blip-selected {
	font-size:6px;
	color:white;
	font-weight:bold;
	background:url(../images/pager_A.png) center center no-repeat;
}
/********************
 * CAPTION STYLE    *
 ********************/
 .caption-head1 {
	background-color: rgba(0, 0, 0, 0.7);
	border-radius: 3px 3px 3px 3px;
	color: #FFFFFF;
	float: left;
	font-size: 18px;
	margin: 0 0 0;
	padding: 10px 15px;
	position: relative;
}
.text-capt1 {
	display: block;
	float: left;
	margin: 0px 0 0 -15px;
	padding: 10px 20px 10px 15px;
	text-shadow: none;
	color:#ffffff;
	font-size:16px;
	background:#e13927;
}

/********************
 *    NAVIGATION    *
 ********************/
 .navig-carousel:after {
	clear: both;
	content: "";
	display: block;
	height: 0;
}
.navig-carousel {
	top: 160px;
	height: 0;
	position: relative;
	z-index: 1099;
}
#scarousel-left {
	-moz-transition: margin-left 0.3s ease 0s;
	background: url(../images/arrow-l.png) no-repeat scroll 0 0 transparent;
	cursor: pointer;
	float: left;
	height: 36px;
	position: absolute; top: 0px; left: -60px; 
	width: 36px;
}
#scarousel-right {
	-moz-transition: margin-right 0.3s ease 0s;
	background: url(../images/arrow-r.png) no-repeat scroll right 0 transparent;
	cursor: pointer;
	float: right;
	position: absolute; top: 0px; right: -65px; 
	height: 36px;
	width: 36px;
}
#scarousel-left:hover {

}
#scarousel-right:hover {

}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {

section#slide { margin: 20px auto 0; position: relative; width: 745px; z-index: 95; }
header, nav, section, article, aside, footer { display: block; }
#carousel-container { position: relative; width: 745px; padding: 0px 0 0; }
#carousel { height: 300px; width: 745px; position: relative; }
.navig-carousel {top: 130px; }

.carousel-feature.right img { height: 89%!important; }
#carousel .carousel-feature.right a img { height: 81%!important; }
.carousel-feature.left img { height: 89%!important; }
#carousel .carousel-feature.left a img { height: 81%!important; }

#carousel .carousel-feature a img { width: 96.6%!important; height: 91%!important; }
.carousel-feature { width: 348px!important; height: 290px!important; }
.carousel-feature.current { position: absolute!important; top: 4px!important; left: 184px!important; }
.carousel-feature.right { position: absolute; top: 20px!important; left: 395px!important; }
#scarousel-left { left: 0px; }
#scarousel-right { right: 0px; }

}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {

#carousel .carousel-feature .carousel-caption { display: none!important; }
#carousel .mask { display: block; }
#carousel .carousel-feature a img { margin-left: 5px; }

}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {

section#slide { margin: 20px auto 0; position: relative; width: 420px; z-index: 95; margin-bottom: 0px; }
header, nav, section, article, aside, footer { display: block; }
#carousel-container { position: relative; width: 420px; padding: 0px 0 0; }
#carousel { padding-bottom: 22px; height: 164px; width: 420px; position: relative; }
.navig-carousel { top: 65px; }
#scarousel-left { top: 12px; left: 0px; }
#scarousel-right { right: 0px; top: 12px; }
.carousel-feature { width: 199px!important; height: 165px!important; }
.carousel-feature.current { position: absolute!important; top: 4px!important; left: 120px!important; }
.carousel-feature.right { position: absolute; top: 20px!important; left: 218.9px!important; }
.carousel-feature.right img { height: 83%!important; }
#carousel .carousel-feature.right a img { height: 73%!important; }
.carousel-feature.left img { height: 83%!important; }
#carousel .carousel-feature.left a img { height: 73%!important; }
#carousel .carousel-feature a img { width: 95%!important; height: 89%!important; }

}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {

section#slide { margin: 20px auto 0; position: relative; width: 300px; z-index: 95; }
header, nav, section, article, aside, footer { display: block; }
#carousel-container { position: relative; width: 300px; padding: 0px 0 0; }
#carousel { padding-bottom: 25px; height: 117px; width: 300px; position: relative; margin: -11px 0 0 -8px; }
.navig-carousel { max-width: 300px; min-width: 300px; top: 55px; }
.navig-carousel { top: 45px; }
.carousel-feature { width: 135px!important; height: 121px!important; }
.carousel-feature.current { position: absolute!important; top: 4px!important; left: 75px!important; }
.carousel-feature.right { position: absolute; top: 20px!important; left: 173.5px!important; }
.carousel-feature.right img { height: 80%!important; }
#carousel .carousel-feature.right a img { height: 68%!important; }
.carousel-feature.left img { height: 80%!important; }
#carousel .carousel-feature.left a img { height: 68%!important; }
#carousel .carousel-feature a img { width: 92.8%!important; height: 86%!important; }
#scarousel-left { top: 12px; left: 0px; }
#scarousel-right { right: 0px; top: 12px; }
}