/* ## Banner Effects Slideshow ## */
/* 
powered by Cycle2 - http://jquery.malsup.com/cycle2/
some of these styles will be set by the plugin (by default) but setting them here
helps avoid flash-of-unstyled-content
*/

.bannerEffects .slideItem { display:block; width:100%; }
.bannerEffects .slideItem img { width:100% !important; display:block; position:absolute; top:0; left:0; padding: 0; }

/* in case script does not load */
.bannerEffects img:first-child { position: static; z-index: 100; }


/* pager */
.bannerEffects .cycle-pager { text-align:center; width:100%; z-index:500; position:absolute; bottom:10px; overflow:hidden; }
.bannerEffects .cycle-pager span { display:inline-block; width:16px; height:16px; color:#ddd; font-family: arial; font-size: 50px; line-height:16px; cursor: pointer; }
.bannerEffects .cycle-pager span.cycle-pager-active { color:#D69746; }
.bannerEffects .cycle-pager > * { cursor: pointer; }

.bannerEffects .cycle-pager-number span { width:auto; height:auto; padding:0 3px; font-size:1em; }

.bannerEffects .cycle-pager-image span { width:50px; height:auto; margin:0 7px; font-size:1em; }
.bannerEffects .cycle-pager-image span img { border:2px solid #fff; }
.bannerEffects .cycle-pager-image span.cycle-pager-active img { border-color:#D69746; }

.bannerEffects .cycle-pager-text span { width:auto; height:auto; padding:0 3px; font-size:1em; }


/* text overlay */
.bannerEffects .cycle-overlay {
    position:absolute;
    bottom:0;
    left:0;
    right:0;
    padding:20px;
    color:#fff;
    background:#3F3F3F;
    opacity:0.75;
    z-index:101;
}




/**@media (max-width:1000px) {*/
.REMbanner.bannerFull img {
    position: absolute;
    top: 0;
    left: 0;
    width: auto;
    min-width: 100%;
    max-width: none;
    height: 100% !important;
}
/*}*/

@media (max-width:1200px) {
	.banner.bannerFull > a::after {
		background-color: rgba(0, 0, 0, 0.15);
	}
}



/* #297262 - Haggar Countdown Clock*/

.countdownWrpr { width:auto;}
.conuntall {display:table; position:relative;text-align:center;font-size:1em; color:#3d738d; text-transform: uppercase; margin:0px auto;}
.conuntday,
.conunthours,
.conuntminutes,
.conuntseconds {display:inline-block; position:relative; font-family: 'Crete Round', serif; letter-spacing:2px; text-align:center; width:50px;}

.colen {display:table-cell; vertical-align:top; position:relative; width:15px; text-align:center; font-size:2em; line-height:1.3em; font-family: 'Crete Round', serif; color:#000; padding:0px 5px;}

#days,
#hours,
#minutes,
#seconds {font-family: 'Teko', sans-serif; font-size:3em; line-height:2em;letter-spacing:4px; color:#000; line-height:1em; font-weight:300; }
    
.countdownTop {margin: 0px auto; padding: 15px 10px; background:#f1dab1;}
.countdownTop .clock {display: block; }


.countdownBottom {background:#3d738d; padding:20px 10px 10px 10px; color:#fff;  font-family: 'Crete Round', serif; font-size:1.5em; letter-spacing:4px; text-transform: uppercase;}
.countdownBottom p {margin:5px;}
.countdownBottom img {width:auto;}

@media (max-width:450px) 
{
    .conuntall {font-size:.9em;}
    .countdownBottom {font-size:2em;}
    .conuntday,
    .conunthours,
    .conuntminutes,
    .conuntseconds {width:65px;}
}





/* MAIN STAGE CALLOUT + FEATURED */
.calloutSliderWrapper h3 {
	text-transform:uppercase;
	text-align: center;
}
.calloutBannerRight {
    text-align: center;
	margin: 20px auto;
}
/**/
@media (min-width: 80em) {
	.mainStageWrapper {z-index:1; min-height:763px;}
	.mainStage .contentWrapper > .content {
		display: block;
	}

	.calloutSliderWrapper {
		position:relative;
		left:0;
		display: block;
		width: 439px;
		max-width:50%;
		float: left;
		clear: both;
		background:rgba(0,0,0,0.5);
		padding:5px 25px 25px 75px;
		margin-top:44px;
		
	/*
	position: absolute;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	margin-left:-219.5px;
	*/
	}
	.calloutSliderWrapper h3 {
		text-transform:uppercase;
		font-size:1.58em;
		text-align:left;
	}
	.calloutSlider .slide {
		text-align:left;
	}
	.calloutSlider .slide .item {
		text-align:left;
		width:111px;
		max-width:33%;
		float:left;
	}
	.calloutSlider .slide .item {margin: 0 0 0 35px;}
	.calloutSlider .slide .item:first-child {margin-left:0;}
	.calloutSlider .item h2 {
		text-transform:capitalize !important;
	}


	.calloutSlider .slide .item .content {
		padding-right: 0px;
		min-height: 100px;
	}
	.calloutSlider .slide .item .media {
		position: relative;
		top: inherit;
		right: inherit;
		width: 110px;
		border-bottom:3px solid #0079aa;
	}
	.calloutSlider .slide .item + .item .media {border-bottom-color:#db2228;}
	.calloutSlider .slide .item + .item + .item .media {border-bottom-color:#13aa1f;}
	.calloutSlider .slide .item .content .title {
		padding-left: 0px;
		margin: 5px 0 10px;
		line-height: 1.2;
		font-size: 0.8255em;
		font-weight: 600;
		font-family:arial,sans-serif;
		text-transform:normal;
	}
	.calloutSlider .item .btn, .calloutSlider .item .btnAlt {
		display:none;
	}
	.calloutSliderUtility {
		position: absolute;
		top: 33px;
		right: 34px;
	}





	.calloutBannerRight {
		z-index: 30;
		position: absolute;
		right: 0px;
		bottom: 27%;
		max-width: 296px;
	}
}
/**/
/* END MAIN STAGE CALLOUT + FEATURED */



.interior .newsletterSignup > .inner {padding: 42px 30px; margin: 4em 0 0;}
@media (max-width: 85em) {
    .interior .newsletterSignup .title {font-size:18pt;}
    .interior .newsletterSignup > .inner {padding: 32px 30px; margin: 2em 0 0;}
}
@media (max-width: 64.063em) {
	.interior .newsletterSignup > .inner {padding: 32px 30px; margin: 2em 0;}
}


/* responsive banners */
.banner .banner {margin-bottom:0;}
.banner.bannerFull {overflow:hidden;}
.pageBanners .banner img {
	height:auto !important;
	min-height:auto !important;
}
@media only screen and (min-width: 67.500em) {
	.banner {margin-bottom:0;}
	.teamsBox {margin-bottom:0;}
	.store .wow .grid_6.alpha.omega {padding:0;}
	.store .wow .grid_6.alpha.omega > .banner {margin-bottom:0;}
}

.pageBanners .banner .bannerText { position: absolute; top:40%; }
.store .pageBanners .banner.bannerFull > a {min-height: auto; height:auto; display:block;}
html .store .pageBanners .banner.bannerFull > a img {min-height: auto; height:auto; display:block; position:static;}
@media screen and (orientation:portrait) {
html.isiPhone .store .pageBanners .banner.bannerFull > a img {position:absolute; display:table;}
}
.store .banner.bannerFull .bannerText { position: absolute; top:20%; padding-top:0; }
.store .pageBanners .banner .bannerText {top:50%;}
.banner.bannerFull,
.store .banner.bannerFull > a {min-height: auto; height:auto; display:block;}
html .store .banner.bannerFull > a img {min-height: auto; height:auto; display:block; position:static;}
@media screen and (orientation:portrait) {
html.isiPhone .store .banner.bannerFull > a img {position:absolute; display:table;}
}
/*----------------------------------------------------------------------------------------------------*/
.store .pageBanners .banner            .bannerText,
.store .pageBanners .banner            .bannerText {top:50%; padding:0; width:100%;}
.store .pageBanners .banner            .bannerText .title {font-size:30pt;}
.store .pageBanners .banner.bannerFull .bannerText .title {font-size:30pt;}
.store .pageBanners .banner.bannerFull .bannerText {}
.store .pageBanners .banner .bannerText {text-align:;}
@media only screen and (min-width: 67.500em) {
    .store .pageBanners .columns .column:nth-child(2) .banner .bannerText {left: auto; right: 40px; text-align: right;}
}

@media only screen and (max-width: 75em) {
    .store              .banner            .bannerText,
    .store              .banner.bannerFull .bannerText {top:10%;}
	.store .pageBanners .banner            .bannerText {top:40%;}  
}
@media only screen and (max-width: 67.500em) {
    .store              .banner            .bannerText,
    .store              .banner.bannerFull .bannerText {top:20%;} 
	.store              .banner .bannerText .title {font-size:25pt;}
	.store .pageBanners .banner .bannerText .title {font-size:25pt;}
    .store .pageBanners .banner .bannerText {top:40%; padding:70px 0 0;}
}
@media only screen and (min-width: 65em) and (max-width:80em) {	
	.store .pageBanners .columns .column + .column .bannerText {left: auto !important; right: 40px !important; text-align: right !important;}	
}
@media only screen and (max-width: 56.250em) {
	.store              .banner.bannerFull .bannerText { top:20%; padding-top:0; }
	.store .pageBanners .banner            .bannerText {top:20%;}
}
@media only screen and (max-width: 48em) {
    .store              .banner.bannerFull .bannerText { top:10%;}
    .store              .banner .bannerText {top:0;}
	.store .pageBanners .banner .bannerText {top:;}
    .store              .banner .bannerText .title {font-size:25pt;}
	.store .pageBanners .banner.bannerFull .bannerText .title {font-size:35pt;}
}
@media only screen and (max-width: 25em) {
    .store              .banner .bannerText {top:0; padding:0;}
	.store .pageBanners .banner .bannerText {top:;}
    .store              .banner .bannerText .title {font-size:12pt;}
	.store .pageBanners .banner.bannerFull .bannerText .title {font-size:30pt;}
    .store              .banner .bannerText .title span {font-size:9pt;}
}