@charset "utf-8";
/* CSS Document */


/* primary Carousel */

#homeCarousel {}

.item{position:relative; overflow:hidden;}

/* #homeCarousel .item{height:438px;} */
.caroDiv {
    color: #fff;
    height: 100%;
    margin: 0;
    padding: 0;
    background-position: right bottom;
    background-repeat: no-repeat;
	    background-size: 183%;
    overflow: hidden;
}

.caroContent{     width: 94%;
    margin: 3%;
    overflow: hidden;
    padding: 3%;}
.caroContent p{    color: #ccc;

    font-size: 13px;
    margin: 4px 0;}
.caroContent h1{ margin: 3% 0 8px; color: #fff; font-size: 24px; line-height: 1em; text-transform: uppercase;}
.caroContent cite{ Color: rgba(255,255,255,.40); font-family: "gotham-light", arial, sans; font-style: normal; font-size: 90%;}

.drkBG{}
.drkBG .caroContent{background-color: rgba(0,0,0,0.75);}
.drkTxt p{color:#666}
.drkTxt h1{color:#000 !important}
.drkTxt cite{color:#333}
.caroContent a{color:#fff}
.caroContent a:hover{color:#ffcc00}

.cBack, .cFwd{position:absolute; background-image:url(/media/images/carousels/nav.png); display:block; height:36px; width:36px;background-repeat:no-repeat;}
.cBack{left: 2%; bottom:4px; background-position: -140px 0px;}
.cFwd{right: 2%; bottom:4px; background-position: -70px 0px;}
.cBack:hover{ background-position: -210px 0px;}
.cFwd:hover{ background-position: 0px 0px;}

.cImg {
     margin: 2% auto 0%;
    display: block;
    width:100%
}

@media (min-width: 450px) {
	.caroContent h1{ margin: 3% 0 8px;  font-size: 26px;}
}


@media (min-width: 660px) {

/* carousels */

.mob-marg48{margin-bottom: 0px}

.cBack{left: 1%; top:45%}
.cFwd{right:1%; top:45%}

.moreLink{ margin: 140px 0 0 0px; max-width: 180px; padding-top: 0px; padding-right: 34px;}
.moreLink a:hover{text-decoration:none}

.cUp{top: 6px; left:0; background-position: -80px -60px;}
.cDown{top: 143px; left:0; background-position: -140px -57px;}
.cUp:hover{background-position: -10px -60px;}
.cDown:hover{background-position: -210px -57px;}

.homeCaroNav{ padding-top: 42px; text-align: left; margin: 77px 0 0 0;} 
.homeCaroNav p{ text-align: left; display:block; font-size: 9.5pt;}   
.homeCarousel p{margin: 0 0 6px; border: none; padding: 0;} 
#homeCarousel h2{ margin-top: 60px;}

.caroDiv { background-position: 0 bottom;  background-size: 100%;}
.caroContent{    width: 44%; margin-left: 6%; text-align:left}
.caroContent p{ font-size:14px; text-align:left}
.caroContent h1{  margin: 15px 0 10px;  color: #fff; font-size: 24px; line-height: 1.15em;}
}


@media (min-width: 992px) {
	.caroContent h1{  margin: 0 0 10px;  color: #fff; font-size: 30px; line-height: 1.15em;}
	.caroContent p{ font-size:16px}
}


@media (min-width: 1200px) {
}